1 line
22 KiB
Plaintext
1 line
22 KiB
Plaintext
|
{"version":3,"file":"index.mjs","sources":["../../src/accordionheader/BaseAccordionHeader.vue","../../src/accordionheader/AccordionHeader.vue","../../src/accordionheader/AccordionHeader.vue?vue&type=template&id=29a55de1&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport AccordionHeaderStyle from 'primevue/accordionheader/style';\n\nexport default {\n name: 'BaseAccordionHeader',\n extends: BaseComponent,\n props: {\n as: {\n type: [String, Object],\n default: 'BUTTON'\n },\n asChild: {\n type: Boolean,\n default: false\n }\n },\n style: AccordionHeaderStyle,\n provide() {\n return {\n $pcAccordionHeader: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <component v-if=\"!asChild\" :is=\"as\" v-ripple :data-p=\"dataP\" :class=\"cx('root')\" @click=\"onClick\" v-bind=\"attrs\">\n <slot :active=\"$pcAccordionPanel.active\"></slot>\n <slot name=\"toggleicon\" :active=\"$pcAccordionPanel.active\" :class=\"cx('toggleicon')\">\n <component\n v-if=\"$pcAccordionPanel.active\"\n :is=\"$pcAccordion.$slots.collapseicon ? $pcAccordion.$slots.collapseicon : $pcAccordion.collapseIcon ? 'span' : 'ChevronUpIcon'\"\n :class=\"[$pcAccordion.collapseIcon, cx('toggleicon')]\"\n aria-hidden=\"true\"\n v-bind=\"ptm('toggleicon', ptParams)\"\n ></component>\n <component\n v-else\n :is=\"$pcAccordion.$slots.expandicon ? $pcAccordion.$slots.expandicon : $pcAccordion.expandIcon ? 'span' : 'ChevronDownIcon'\"\n :class=\"[$pcAccordion.expandIcon, cx('toggleicon')]\"\n aria-hidden=\"true\"\n v-bind=\"ptm('toggleicon', ptParams)\"\n ></component>\n </slot>\n </component>\n <slot v-else :class=\"cx('root')\" :active=\"$pcAccordionPanel.active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { findSingle, focus, getAttribute } from '@primeuix/utils/dom';\nimport ChevronDownIcon from '@primevue/icons/chevrondown';\nimport ChevronUpIcon from '@primevue/icons/chevronup';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseAccordionHeader from './BaseAccordionHeader.vue';\n\nexport default {\n name: 'AccordionHeader',\n extends: BaseAccordionHeader,\n inheritAttrs: false,\n inject: ['$pcAccordion', '$pcAccordionPanel'],\n methods: {\n onFocus() {\n this.$pcAccordion.selectOnFocus && this.changeActiveValue();\n },\n onClick() {\n !this.$pcAccordion.selectOnFocus && this.changeActiveValue();\n },\n onKeydown(event) {\n switch (event.code) {\n case 'ArrowDown':\n this.onArrowDownKey(event);\n break;\n\n case 'ArrowUp':\n this.onArrowUpKey(event);\n break;\n\n case 'Home':\n this.onHomeKey(event);\n break;\n\n case 'End':\n this.onEndKey(event);\n break;\n\n case 'Enter':\n case 'NumpadEnter':\n case 'Space':\n this.onEnterKey(event);\n break;\n\n default:\n break;\n }\n },\n onArrowDownKey(event) {\n const nextPanel = this.findNextPanel(this.findPanel(event.currentTarget));\n\n nextPanel ? this.changeFocusedPanel(event, nextPanel) : this.onHomeKey(event);\n event.preventDefault();\n },\n onArrowUpKey(event) {\n const prevPanel = this.findPrevPanel(this.findPanel(event.currentTarget));\n\n prevPanel ? this.changeFocusedPanel(event,
|