1 line
15 KiB
Plaintext
1 line
15 KiB
Plaintext
|
{"version":3,"file":"index.mjs","sources":["../../src/panel/BasePanel.vue","../../src/panel/Panel.vue","../../src/panel/Panel.vue?vue&type=template&id=2c99771d&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport PanelStyle from 'primevue/panel/style';\n\nexport default {\n name: 'BasePanel',\n extends: BaseComponent,\n props: {\n header: String,\n toggleable: Boolean,\n collapsed: Boolean,\n toggleButtonProps: {\n type: Object,\n default: () => {\n return {\n severity: 'secondary',\n text: true,\n rounded: true\n };\n }\n }\n },\n style: PanelStyle,\n provide() {\n return {\n $pcPanel: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" :data-p=\"dataP\" v-bind=\"ptmi('root')\">\n <div :class=\"cx('header')\" :data-p=\"dataP\" v-bind=\"ptm('header')\">\n <slot :id=\"$id + '_header'\" name=\"header\" :class=\"cx('title')\" :collapsed=\"d_collapsed\">\n <span v-if=\"header\" :id=\"$id + '_header'\" :class=\"cx('title')\" v-bind=\"ptm('title')\">{{ header }}</span>\n </slot>\n <div :class=\"cx('headerActions')\" v-bind=\"ptm('headerActions')\">\n <slot name=\"icons\"></slot>\n <slot v-if=\"toggleable\" name=\"togglebutton\" :collapsed=\"d_collapsed\" :toggleCallback=\"(event) => toggle(event)\" :keydownCallback=\"(event) => onKeyDown(event)\">\n <Button :id=\"$id + '_header'\" :class=\"cx('pcToggleButton')\" :aria-label=\"buttonAriaLabel\" :aria-controls=\"$id + '_content'\" :aria-expanded=\"!d_collapsed\" :unstyled=\"unstyled\"\n @click=\"toggle($event)\" @keydown=\"onKeyDown($event)\" v-bind=\"toggleButtonProps\" :pt=\"ptm('pcToggleButton')\">\n <template #icon=\"slotProps\">\n <!--TODO: togglericon deprecated since v4.0-->\n <slot :name=\"$slots.toggleicon ? 'toggleicon' : 'togglericon'\" :collapsed=\"d_collapsed\">\n <component :is=\"d_collapsed ? 'PlusIcon' : 'MinusIcon'\" :class=\"slotProps.class\" v-bind=\"ptm('pcToggleButton')['icon']\" />\n </slot>\n </template>\n </Button>\n </slot>\n </div>\n </div>\n <transition name=\"p-collapsible\" v-bind=\"ptm('transition')\">\n <div v-show=\"!d_collapsed\" :id=\"$id + '_content'\" :class=\"cx('contentContainer')\" role=\"region\" :aria-labelledby=\"$id + '_header'\" v-bind=\"ptm('contentContainer')\">\n <div :class=\"cx('contentWrapper')\" v-bind=\"ptm('contentWrapper')\">\n <div :class=\"cx('content')\" v-bind=\"ptm('content')\">\n <slot></slot>\n </div>\n <div v-if=\"$slots.footer\" :class=\"cx('footer')\" v-bind=\"ptm('footer')\">\n <slot name=\"footer\"></slot>\n </div>\n </div>\n </div>\n </transition>\n </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport MinusIcon from '@primevue/icons/minus';\nimport PlusIcon from '@primevue/icons/plus';\nimport Button from 'primevue/button';\nimport Ripple from 'primevue/ripple';\nimport BasePanel from './BasePanel.vue';\n\nexport default {\n name: 'Panel',\n extends: BasePanel,\n inheritAttrs: false,\n emits: ['update:collapsed', 'toggle'],\n data() {\n return {\n d_collapsed: this.collapsed\n };\n },\n watch: {\n collapsed(newValue) {\n this.d_collapsed = newValue;\n }\n },\n methods: {\n toggle(event) {\n this.d_collapsed = !this.d_collapsed;\n this.$emit('update:collapsed
|