digivue
Version:
PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc
1 lines • 14.5 kB
Source Map (JSON)
{"version":3,"file":"index.mjs","sources":["../../src/panel/BasePanel.vue","../../src/panel/Panel.vue","../../src/panel/Panel.vue?vue&type=template&id=4afcd50e&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@digivue/core/basecomponent';\nimport PanelStyle from 'digivue/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')\" v-bind=\"ptmi('root')\">\n <div :class=\"cx('header')\" v-bind=\"ptm('header')\">\n <slot :id=\"id + '_header'\" name=\"header\" :class=\"cx('title')\">\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 <Button\n v-if=\"toggleable\"\n :id=\"id + '_header'\"\n :class=\"cx('pcToggleButton')\"\n :aria-label=\"buttonAriaLabel\"\n :aria-controls=\"id + '_content'\"\n :aria-expanded=\"!d_collapsed\"\n :unstyled=\"unstyled\"\n @click=\"toggle\"\n @keydown=\"onKeyDown\"\n v-bind=\"toggleButtonProps\"\n :pt=\"ptm('pcToggleButton')\"\n >\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 </div>\n </div>\n <transition name=\"p-toggleable-content\" 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('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 </transition>\n </div>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@digivue/core/utils';\nimport MinusIcon from '@digivue/icons/minus';\nimport PlusIcon from '@digivue/icons/plus';\nimport Button from 'digivue/button';\nimport Ripple from 'digivue/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 id: this.$attrs.id,\n d_collapsed: this.collapsed\n };\n },\n watch: {\n '$attrs.id': function (newValue) {\n this.id = newValue || UniqueComponentId();\n },\n collapsed(newValue) {\n this.d_collapsed = newValue;\n }\n },\n mounted() {\n this.id = this.id || UniqueComponentId();\n },\n methods: {\n toggle(event) {\n this.d_collapsed = !this.d_collapsed;\n this.$emit('update:collapsed', this.d_collapsed);\n this.$emit('toggle', {\n originalEvent: event,\n value: this.d_collapsed\n });\n },\n onKeyDown(event) {\n if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {\n this.toggle(event);\n event.preventDefault();\n }\n }\n },\n computed: {\n buttonAriaLabel() {\n return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.header;\n }\n },\n components: {\n PlusIcon,\n MinusIcon,\n Button\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <div :class=\"cx('header')\" v-bind=\"ptm('header')\">\n <slot :id=\"id + '_header'\" name=\"header\" :class=\"cx('title')\">\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 <Button\n v-if=\"toggleable\"\n :id=\"id + '_header'\"\n :class=\"cx('pcToggleButton')\"\n :aria-label=\"buttonAriaLabel\"\n :aria-controls=\"id + '_content'\"\n :aria-expanded=\"!d_collapsed\"\n :unstyled=\"unstyled\"\n @click=\"toggle\"\n @keydown=\"onKeyDown\"\n v-bind=\"toggleButtonProps\"\n :pt=\"ptm('pcToggleButton')\"\n >\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 </div>\n </div>\n <transition name=\"p-toggleable-content\" 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('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 </transition>\n </div>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@digivue/core/utils';\nimport MinusIcon from '@digivue/icons/minus';\nimport PlusIcon from '@digivue/icons/plus';\nimport Button from 'digivue/button';\nimport Ripple from 'digivue/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 id: this.$attrs.id,\n d_collapsed: this.collapsed\n };\n },\n watch: {\n '$attrs.id': function (newValue) {\n this.id = newValue || UniqueComponentId();\n },\n collapsed(newValue) {\n this.d_collapsed = newValue;\n }\n },\n mounted() {\n this.id = this.id || UniqueComponentId();\n },\n methods: {\n toggle(event) {\n this.d_collapsed = !this.d_collapsed;\n this.$emit('update:collapsed', this.d_collapsed);\n this.$emit('toggle', {\n originalEvent: event,\n value: this.d_collapsed\n });\n },\n onKeyDown(event) {\n if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {\n this.toggle(event);\n event.preventDefault();\n }\n }\n },\n computed: {\n buttonAriaLabel() {\n return this.toggleButtonProps && this.toggleButtonProps.ariaLabel ? this.toggleButtonProps.ariaLabel : this.header;\n }\n },\n components: {\n PlusIcon,\n MinusIcon,\n Button\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","header","String","toggleable","Boolean","collapsed","toggleButtonProps","type","Object","default","severity","text","rounded","style","PanelStyle","provide","$pcPanel","$parentInstance","BasePanel","inheritAttrs","emits","data","id","$attrs","d_collapsed","watch","$attrsId","newValue","UniqueComponentId","mounted","methods","toggle","event","$emit","originalEvent","value","onKeyDown","code","preventDefault","computed","buttonAriaLabel","ariaLabel","components","PlusIcon","MinusIcon","Button","directives","ripple","Ripple","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_createElementVNode","ptm","_renderSlot","$slots","$data","_hoisted_1","_createBlock","_component_Button","$options","unstyled","onClick","onKeydown","pt","icon","_withCtx","slotProps","toggleicon","_resolveDynamicComponent","_createVNode","_Transition","_withDirectives","role","footer"],"mappings":"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"}