primevuelab 4.0.0-beta.4

package/accordionheader/accordionheader.mjs

@@ -0,0 +1,201 @@
+import { DomHandler } from '@primevuelab/core/utils';
+import ChevronDownIcon from '@primevuelab/icons/chevrondown';
+import ChevronUpIcon from '@primevuelab/icons/chevronup';
+import Ripple from 'primevuelab/ripple';
+import { mergeProps, resolveDirective, withDirectives, openBlock, createBlock, resolveDynamicComponent, withCtx, renderSlot, normalizeClass } from 'vue';
+import BaseComponent from '@primevuelab/core/basecomponent';
+import AccordionHeaderStyle from 'primevuelab/accordionheader/style';
+
+var script$1 = {
+  name: 'BaseAccordionHeader',
+  "extends": BaseComponent,
+  props: {
+    as: {
+      type: String,
+      "default": 'BUTTON'
+    },
+    asChild: {
+      type: Boolean,
+      "default": false
+    }
+  },
+  style: AccordionHeaderStyle,
+  provide: function provide() {
+    return {
+      $pcAccordionHeader: this,
+      $parentInstance: this
+    };
+  }
+};
+
+var script = {
+  name: 'AccordionHeader',
+  "extends": script$1,
+  inheritAttrs: false,
+  inject: ['$pcAccordion', '$pcAccordionPanel'],
+  methods: {
+    onFocus: function onFocus() {
+      this.$pcAccordion.selectOnFocus && this.changeActiveValue();
+    },
+    onClick: function onClick() {
+      this.changeActiveValue();
+    },
+    onKeydown: function onKeydown(event) {
+      switch (event.code) {
+        case 'ArrowDown':
+          this.onArrowDownKey(event);
+          break;
+        case 'ArrowUp':
+          this.onArrowUpKey(event);
+          break;
+        case 'Home':
+          this.onHomeKey(event);
+          break;
+        case 'End':
+          this.onEndKey(event);
+          break;
+        case 'Enter':
+        case 'NumpadEnter':
+        case 'Space':
+          this.onEnterKey(event);
+          break;
+      }
+    },
+    onArrowDownKey: function onArrowDownKey(event) {
+      var nextPanel = this.findNextPanel(this.findPanel(event.currentTarget));
+      nextPanel ? this.changeFocusedPanel(event, nextPanel) : this.onHomeKey(event);
+      event.preventDefault();
+    },
+    onArrowUpKey: function onArrowUpKey(event) {
+      var prevPanel = this.findPrevPanel(this.findPanel(event.currentTarget));
+      prevPanel ? this.changeFocusedPanel(event, prevPanel) : this.onEndKey(event);
+      event.preventDefault();
+    },
+    onHomeKey: function onHomeKey(event) {
+      var firstPanel = this.findFirstPanel();
+      this.changeFocusedPanel(event, firstPanel);
+      event.preventDefault();
+    },
+    onEndKey: function onEndKey(event) {
+      var lastPanel = this.findLastPanel();
+      this.changeFocusedPanel(event, lastPanel);
+      event.preventDefault();
+    },
+    onEnterKey: function onEnterKey(event) {
+      this.changeActiveValue();
+      event.preventDefault();
+    },
+    findPanel: function findPanel(headerElement) {
+      return headerElement === null || headerElement === void 0 ? void 0 : headerElement.closest('[data-pc-name="accordionpanel"]');
+    },
+    findHeader: function findHeader(panelElement) {
+      return DomHandler.findSingle(panelElement, '[data-pc-name="accordionheader"]');
+    },
+    findNextPanel: function findNextPanel(panelElement) {
+      var selfCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var element = selfCheck ? panelElement : panelElement.nextElementSibling;
+      return element ? DomHandler.getAttribute(element, 'data-p-disabled') ? this.findNextPanel(element) : this.findHeader(element) : null;
+    },
+    findPrevPanel: function findPrevPanel(panelElement) {
+      var selfCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var element = selfCheck ? panelElement : panelElement.previousElementSibling;
+      return element ? DomHandler.getAttribute(element, 'data-p-disabled') ? this.findPrevPanel(element) : this.findHeader(element) : null;
+    },
+    findFirstPanel: function findFirstPanel() {
+      return this.findNextPanel(this.$pcAccordion.$el.firstElementChild, true);
+    },
+    findLastPanel: function findLastPanel() {
+      return this.findPrevPanel(this.$pcAccordion.$el.lastElementChild, true);
+    },
+    changeActiveValue: function changeActiveValue() {
+      this.$pcAccordion.updateValue(this.$pcAccordionPanel.value);
+    },
+    changeFocusedPanel: function changeFocusedPanel(event, element) {
+      DomHandler.focus(this.findHeader(element));
+    }
+  },
+  computed: {
+    id: function id() {
+      return "".concat(this.$pcAccordion.id, "_accordionheader_").concat(this.$pcAccordionPanel.value);
+    },
+    ariaControls: function ariaControls() {
+      return "".concat(this.$pcAccordion.id, "_accordioncontent_").concat(this.$pcAccordionPanel.value);
+    },
+    attrs: function attrs() {
+      return mergeProps(this.asAttrs, this.a11yAttrs, this.ptmi('root', this.ptParams));
+    },
+    asAttrs: function asAttrs() {
+      return this.as === 'BUTTON' ? {
+        type: 'button',
+        disabled: this.$pcAccordionPanel.disabled
+      } : undefined;
+    },
+    a11yAttrs: function a11yAttrs() {
+      return {
+        id: this.id,
+        tabindex: this.$pcAccordion.tabindex,
+        'aria-expanded': this.$pcAccordionPanel.active,
+        'aria-controls': this.ariaControls,
+        'data-pc-name': 'accordionheader',
+        'data-p-disabled': this.$pcAccordionPanel.disabled,
+        'data-p-active': this.$pcAccordionPanel.active,
+        onFocus: this.onFocus,
+        onKeydown: this.onKeydown
+      };
+    },
+    ptParams: function ptParams() {
+      return {
+        context: {
+          active: this.$pcAccordionPanel.active
+        }
+      };
+    }
+  },
+  components: {
+    ChevronUpIcon: ChevronUpIcon,
+    ChevronDownIcon: ChevronDownIcon
+  },
+  directives: {
+    ripple: Ripple
+  }
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _directive_ripple = resolveDirective("ripple");
+  return !_ctx.asChild ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps({
+    key: 0,
+    "class": _ctx.cx('root'),
+    onClick: $options.onClick
+  }, $options.attrs), {
+    "default": withCtx(function () {
+      return [renderSlot(_ctx.$slots, "default", {
+        active: $options.$pcAccordionPanel.active
+      }), renderSlot(_ctx.$slots, "toggleicon", {
+        active: $options.$pcAccordionPanel.active,
+        "class": normalizeClass(_ctx.cx('toggleicon'))
+      }, function () {
+        return [$options.$pcAccordionPanel.active ? (openBlock(), createBlock(resolveDynamicComponent($options.$pcAccordion.$slots.collapseicon ? $options.$pcAccordion.$slots.collapseicon : $options.$pcAccordion.collapseIcon ? 'span' : 'ChevronDownIcon'), mergeProps({
+          key: 0,
+          "class": [$options.$pcAccordion.collapseIcon, _ctx.cx('toggleicon')],
+          "aria-hidden": "true"
+        }, _ctx.ptm('toggleicon', $options.ptParams)), null, 16, ["class"])) : (openBlock(), createBlock(resolveDynamicComponent($options.$pcAccordion.$slots.expandicon ? $options.$pcAccordion.$slots.expandicon : $options.$pcAccordion.expandIcon ? 'span' : 'ChevronUpIcon'), mergeProps({
+          key: 1,
+          "class": [$options.$pcAccordion.expandIcon, _ctx.cx('toggleicon')],
+          "aria-hidden": "true"
+        }, _ctx.ptm('toggleicon', $options.ptParams)), null, 16, ["class"]))];
+      })];
+    }),
+    _: 3
+  }, 16, ["class", "onClick"])), [[_directive_ripple]]) : renderSlot(_ctx.$slots, "default", {
+    key: 1,
+    "class": normalizeClass(_ctx.cx('root')),
+    active: $options.$pcAccordionPanel.active,
+    a11yAttrs: $options.a11yAttrs,
+    onClick: $options.onClick
+  });
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=accordionheader.mjs.map

package/accordionheader/accordionheader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordionheader.mjs","sources":["../../src/accordionheader/BaseAccordionHeader.vue","../../src/accordionheader/AccordionHeader.vue","../../src/accordionheader/AccordionHeader.vue?vue&type=template&id=23df5275&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport AccordionHeaderStyle from 'primevuelab/accordionheader/style';\n\nexport default {\n    name: 'BaseAccordionHeader',\n    extends: BaseComponent,\n    props: {\n        as: {\n            type: String,\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 :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' : 'ChevronDownIcon'\"\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' : 'ChevronUpIcon'\"\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 { DomHandler } from '@primevuelab/core/utils';\nimport ChevronDownIcon from '@primevuelab/icons/chevrondown';\nimport ChevronUpIcon from '@primevuelab/icons/chevronup';\nimport Ripple from 'primevuelab/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.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, prevPanel) : this.onEndKey(event);\n            event.preventDefault();\n        },\n        onHomeKey(event) {\n            const firstPanel = this.findFirstPanel();\n\n            this.changeFocusedPanel(event, firstPanel);\n            event.preventDefault();\n        },\n        onEndKey(event) {\n            const lastPanel = this.findLastPanel();\n\n            this.changeFocusedPanel(event, lastPanel);\n            event.preventDefault();\n        },\n        onEnterKey(event) {\n            this.changeActiveValue();\n            event.preventDefault();\n        },\n        findPanel(headerElement) {\n            return headerElement?.closest('[data-pc-name=\"accordionpanel\"]');\n        },\n        findHeader(panelElement) {\n            return DomHandler.findSingle(panelElement, '[data-pc-name=\"accordionheader\"]');\n        },\n        findNextPanel(panelElement, selfCheck = false) {\n            const element = selfCheck ? panelElement : panelElement.nextElementSibling;\n\n            return element ? (DomHandler.getAttribute(element, 'data-p-disabled') ? this.findNextPanel(element) : this.findHeader(element)) : null;\n        },\n        findPrevPanel(panelElement, selfCheck = false) {\n            const element = selfCheck ? panelElement : panelElement.previousElementSibling;\n\n            return element ? (DomHandler.getAttribute(element, 'data-p-disabled') ? this.findPrevPanel(element) : this.findHeader(element)) : null;\n        },\n        findFirstPanel() {\n            return this.findNextPanel(this.$pcAccordion.$el.firstElementChild, true);\n        },\n        findLastPanel() {\n            return this.findPrevPanel(this.$pcAccordion.$el.lastElementChild, true);\n        },\n        changeActiveValue() {\n            this.$pcAccordion.updateValue(this.$pcAccordionPanel.value);\n        },\n        changeFocusedPanel(event, element) {\n            DomHandler.focus(this.findHeader(element));\n        }\n    },\n    computed: {\n        id() {\n            return `${this.$pcAccordion.id}_accordionheader_${this.$pcAccordionPanel.value}`;\n        },\n        ariaControls() {\n            return `${this.$pcAccordion.id}_accordioncontent_${this.$pcAccordionPanel.value}`;\n        },\n        attrs() {\n            return mergeProps(this.asAttrs, this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        asAttrs() {\n            return this.as === 'BUTTON' ? { type: 'button', disabled: this.$pcAccordionPanel.disabled } : undefined;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                tabindex: this.$pcAccordion.tabindex,\n                'aria-expanded': this.$pcAccordionPanel.active,\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'accordionheader',\n                'data-p-disabled': this.$pcAccordionPanel.disabled,\n                'data-p-active': this.$pcAccordionPanel.active,\n                onFocus: this.onFocus,\n                onKeydown: this.onKeydown\n            };\n        },\n        ptParams() {\n            return {\n                context: {\n                    active: this.$pcAccordionPanel.active\n                }\n            };\n        }\n    },\n    components: {\n        ChevronUpIcon,\n        ChevronDownIcon\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" v-ripple :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' : 'ChevronDownIcon'\"\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' : 'ChevronUpIcon'\"\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 { DomHandler } from '@primevuelab/core/utils';\nimport ChevronDownIcon from '@primevuelab/icons/chevrondown';\nimport ChevronUpIcon from '@primevuelab/icons/chevronup';\nimport Ripple from 'primevuelab/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.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, prevPanel) : this.onEndKey(event);\n            event.preventDefault();\n        },\n        onHomeKey(event) {\n            const firstPanel = this.findFirstPanel();\n\n            this.changeFocusedPanel(event, firstPanel);\n            event.preventDefault();\n        },\n        onEndKey(event) {\n            const lastPanel = this.findLastPanel();\n\n            this.changeFocusedPanel(event, lastPanel);\n            event.preventDefault();\n        },\n        onEnterKey(event) {\n            this.changeActiveValue();\n            event.preventDefault();\n        },\n        findPanel(headerElement) {\n            return headerElement?.closest('[data-pc-name=\"accordionpanel\"]');\n        },\n        findHeader(panelElement) {\n            return DomHandler.findSingle(panelElement, '[data-pc-name=\"accordionheader\"]');\n        },\n        findNextPanel(panelElement, selfCheck = false) {\n            const element = selfCheck ? panelElement : panelElement.nextElementSibling;\n\n            return element ? (DomHandler.getAttribute(element, 'data-p-disabled') ? this.findNextPanel(element) : this.findHeader(element)) : null;\n        },\n        findPrevPanel(panelElement, selfCheck = false) {\n            const element = selfCheck ? panelElement : panelElement.previousElementSibling;\n\n            return element ? (DomHandler.getAttribute(element, 'data-p-disabled') ? this.findPrevPanel(element) : this.findHeader(element)) : null;\n        },\n        findFirstPanel() {\n            return this.findNextPanel(this.$pcAccordion.$el.firstElementChild, true);\n        },\n        findLastPanel() {\n            return this.findPrevPanel(this.$pcAccordion.$el.lastElementChild, true);\n        },\n        changeActiveValue() {\n            this.$pcAccordion.updateValue(this.$pcAccordionPanel.value);\n        },\n        changeFocusedPanel(event, element) {\n            DomHandler.focus(this.findHeader(element));\n        }\n    },\n    computed: {\n        id() {\n            return `${this.$pcAccordion.id}_accordionheader_${this.$pcAccordionPanel.value}`;\n        },\n        ariaControls() {\n            return `${this.$pcAccordion.id}_accordioncontent_${this.$pcAccordionPanel.value}`;\n        },\n        attrs() {\n            return mergeProps(this.asAttrs, this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        asAttrs() {\n            return this.as === 'BUTTON' ? { type: 'button', disabled: this.$pcAccordionPanel.disabled } : undefined;\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                tabindex: this.$pcAccordion.tabindex,\n                'aria-expanded': this.$pcAccordionPanel.active,\n                'aria-controls': this.ariaControls,\n                'data-pc-name': 'accordionheader',\n                'data-p-disabled': this.$pcAccordionPanel.disabled,\n                'data-p-active': this.$pcAccordionPanel.active,\n                onFocus: this.onFocus,\n                onKeydown: this.onKeydown\n            };\n        },\n        ptParams() {\n            return {\n                context: {\n                    active: this.$pcAccordionPanel.active\n                }\n            };\n        }\n    },\n    components: {\n        ChevronUpIcon,\n        ChevronDownIcon\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","as","type","String","asChild","Boolean","style","AccordionHeaderStyle","provide","$pcAccordionHeader","$parentInstance","BaseAccordionHeader","inheritAttrs","inject","methods","onFocus","$pcAccordion","selectOnFocus","changeActiveValue","onClick","onKeydown","event","code","onArrowDownKey","onArrowUpKey","onHomeKey","onEndKey","onEnterKey","nextPanel","findNextPanel","findPanel","currentTarget","changeFocusedPanel","preventDefault","prevPanel","findPrevPanel","firstPanel","findFirstPanel","lastPanel","findLastPanel","headerElement","closest","findHeader","panelElement","DomHandler","findSingle","selfCheck","element","nextElementSibling","getAttribute","previousElementSibling","$el","firstElementChild","lastElementChild","updateValue","$pcAccordionPanel","value","focus","computed","id","concat","ariaControls","attrs","mergeProps","asAttrs","a11yAttrs","ptmi","ptParams","disabled","undefined","tabindex","active","context","components","ChevronUpIcon","ChevronDownIcon","directives","ripple","Ripple","_ctx","_createBlock","_resolveDynamicComponent","_mergeProps","cx","$options","_renderSlot","$slots","_openBlock","collapseicon","collapseIcon","ptm","expandicon","expandIcon"],"mappings":"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"}

package/accordionheader/package.json

@@ -0,0 +1,11 @@
+{
+    "main": "accordionheader.mjs",
+    "module": "accordionheader.mjs",
+    "types": "./AccordionHeader.d.ts",
+    "browser": {
+        "./sfc": "./AccordionHeader.vue"
+    },
+    "sideEffects": [
+        "*.vue"
+    ]
+}

package/accordionheader/style/AccordionHeaderStyle.d.ts

@@ -0,0 +1,23 @@
+/**
+ *
+ * AccordionHeader is a helper component for Accordion component.
+ *
+ * [Live Demo](https://www.primevuelab.org/accordion/)
+ *
+ * @module accordionheaderstyle
+ *
+ */
+import { BaseStyle } from '../../base/style/BaseStyle';
+
+export enum AccordionHeaderClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-accordionheader',
+    /**
+     * Class name of the toggleicon element
+     */
+    toggleicon = 'p-accordionheader-toggle-icon'
+}
+
+export interface AccordionHeaderStyle extends BaseStyle {}

package/accordionheader/style/accordionheaderstyle.mjs

@@ -0,0 +1,13 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var classes = {
+  root: 'p-accordionheader',
+  toggleicon: 'p-accordionheader-toggle-icon'
+};
+var AccordionHeaderStyle = BaseStyle.extend({
+  name: 'accordionheader',
+  classes: classes
+});
+
+export { AccordionHeaderStyle as default };
+//# sourceMappingURL=accordionheaderstyle.mjs.map

package/accordionheader/style/accordionheaderstyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordionheaderstyle.mjs","sources":["../../../src/accordionheader/style/AccordionHeaderStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nconst classes = {\n    root: 'p-accordionheader',\n    toggleicon: 'p-accordionheader-toggle-icon'\n};\n\nexport default BaseStyle.extend({\n    name: 'accordionheader',\n    classes\n});\n"],"names":["classes","root","toggleicon","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,mBAAmB;AACzBC,EAAAA,UAAU,EAAE,+BAAA;AAChB,CAAC,CAAA;AAED,2BAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,iBAAiB;AACvBL,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}

package/accordionheader/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "accordionheaderstyle.mjs",
+    "module": "accordionheaderstyle.mjs",
+    "types": "./AccordionHeaderStyle.d.ts",
+    "sideEffects": false
+}

package/accordionpanel/AccordionPanel.d.ts

@@ -0,0 +1,147 @@
+/**
+ *
+ * AccordionPanel is a helper component for Accordion component.
+ *
+ * [Live Demo](https://www.primevuelab.org/accordion/)
+ *
+ * @module accordionpanel
+ *
+ */
+import { VNode } from 'vue';
+import { ComponentHooks } from '../../../core/src/basecomponent';
+import { PassThroughOptions } from '../passthrough';
+import { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
+
+export declare type AccordionPanelPassThroughOptionType = AccordionPanelPassThroughAttributes | ((options: AccordionPanelPassThroughMethodOptions) => AccordionPanelPassThroughAttributes | string) | string | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface AccordionPanelPassThroughMethodOptions {
+    /**
+     * Defines instance.
+     */
+    instance: any;
+    /**
+     * Defines valid properties.
+     */
+    props: AccordionPanelProps;
+    /**
+     * Defines current options.
+     */
+    context: AccordionPanelContext;
+    /**
+     * Defines valid attributes.
+     */
+    attrs: any;
+    /**
+     * Defines parent options.
+     */
+    parent: any;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link AccordionPanelProps.pt}
+ */
+export interface AccordionPanelPassThroughOptions {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: AccordionPanelPassThroughOptionType;
+    /**
+     * Used to manage all lifecycle hooks.
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
+}
+
+export interface AccordionPanelPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines valid properties in AccordionPanel component.
+ */
+export interface AccordionPanelProps {
+    /**
+     * Unique value of item.
+     */
+    value: string;
+    /**
+     * Whether the item is disabled.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Use to change the HTML tag of root element.
+     * @defaultValue DIV
+     */
+    as?: string | undefined;
+    /**
+     * When enabled, it changes the default rendered element for the one passed as a child element.
+     * @defaultValue false
+     */
+    asChild?: boolean | undefined;
+    /**
+     * It generates scoped CSS variables using design tokens for the component.
+     */
+    dt?: DesignToken<any>;
+    /**
+     * Used to pass attributes to DOM elements inside the component.
+     * @type {AccordionPanelPassThroughOptions}
+     */
+    pt?: PassThrough<AccordionPanelPassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+}
+
+/**
+ * Defines current options in AccordionPanel component.
+ */
+export interface AccordionPanelContext {
+    [key: string]: any;
+}
+
+/**
+ * Defines valid slots in AccordionPanel slots.
+ */
+export interface AccordionPanelSlots {
+    /**
+     * Custom content template.
+     */
+    default(): VNode[];
+}
+
+export interface AccordionPanelEmitsOptions {}
+
+export declare type AccordionPanelEmits = EmitFn<AccordionPanelEmitsOptions>;
+
+/**
+ * **primevuelab - AccordionPanel**
+ *
+ * _AccordionPanel is a helper component for Accordion component._
+ *
+ * [Live Demo](https://www.primevuelab.org/accordion/)
+ * --- ---
+ * ![primevuelab](https://primefaces.org/cdn/primevuelab/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
+declare const AccordionPanel: DefineComponent<AccordionPanelProps, AccordionPanelSlots, AccordionPanelEmits>;
+
+declare module 'vue' {
+    export interface GlobalComponents {
+        AccordionPanel: GlobalComponentConstructor<AccordionPanelProps, AccordionPanelSlots, AccordionPanelEmits>;
+    }
+}
+
+export default AccordionPanel;

package/accordionpanel/AccordionPanel.vue

@@ -0,0 +1,40 @@
+<template>
+    <component v-if="!asChild" :is="as" :class="cx('root')" v-bind="attrs">
+        <slot></slot>
+    </component>
+    <slot v-else :class="cx('root')" :active="active" :a11yAttrs="a11yAttrs"></slot>
+</template>
+
+<script>
+import { mergeProps } from 'vue';
+import BaseAccordionPanel from './BaseAccordionPanel.vue';
+
+export default {
+    name: 'AccordionPanel',
+    extends: BaseAccordionPanel,
+    inheritAttrs: false,
+    inject: ['$pcAccordion'],
+    computed: {
+        active() {
+            return this.$pcAccordion.isItemActive(this.value);
+        },
+        attrs() {
+            return mergeProps(this.a11yAttrs, this.ptmi('root', this.ptParams));
+        },
+        a11yAttrs() {
+            return {
+                'data-pc-name': 'accordionpanel',
+                'data-p-disabled': this.disabled,
+                'data-p-active': this.active
+            };
+        },
+        ptParams() {
+            return {
+                context: {
+                    active: this.active
+                }
+            };
+        }
+    }
+};
+</script>

package/accordionpanel/BaseAccordionPanel.vue

@@ -0,0 +1,34 @@
+<script>
+import BaseComponent from '@primevuelab/core/basecomponent';
+import AccordionPanelStyle from 'primevuelab/accordionpanel/style';
+
+export default {
+    name: 'BaseAccordionPanel',
+    extends: BaseComponent,
+    props: {
+        value: {
+            type: String,
+            default: undefined
+        },
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        as: {
+            type: String,
+            default: 'DIV'
+        },
+        asChild: {
+            type: Boolean,
+            default: false
+        }
+    },
+    style: AccordionPanelStyle,
+    provide() {
+        return {
+            $pcAccordionPanel: this,
+            $parentInstance: this
+        };
+    }
+};
+</script>

package/accordionpanel/accordionpanel.mjs

@@ -0,0 +1,84 @@
+import { mergeProps, openBlock, createBlock, resolveDynamicComponent, withCtx, renderSlot, normalizeClass } from 'vue';
+import BaseComponent from '@primevuelab/core/basecomponent';
+import AccordionPanelStyle from 'primevuelab/accordionpanel/style';
+
+var script$1 = {
+  name: 'BaseAccordionPanel',
+  "extends": BaseComponent,
+  props: {
+    value: {
+      type: String,
+      "default": undefined
+    },
+    disabled: {
+      type: Boolean,
+      "default": false
+    },
+    as: {
+      type: String,
+      "default": 'DIV'
+    },
+    asChild: {
+      type: Boolean,
+      "default": false
+    }
+  },
+  style: AccordionPanelStyle,
+  provide: function provide() {
+    return {
+      $pcAccordionPanel: this,
+      $parentInstance: this
+    };
+  }
+};
+
+var script = {
+  name: 'AccordionPanel',
+  "extends": script$1,
+  inheritAttrs: false,
+  inject: ['$pcAccordion'],
+  computed: {
+    active: function active() {
+      return this.$pcAccordion.isItemActive(this.value);
+    },
+    attrs: function attrs() {
+      return mergeProps(this.a11yAttrs, this.ptmi('root', this.ptParams));
+    },
+    a11yAttrs: function a11yAttrs() {
+      return {
+        'data-pc-name': 'accordionpanel',
+        'data-p-disabled': this.disabled,
+        'data-p-active': this.active
+      };
+    },
+    ptParams: function ptParams() {
+      return {
+        context: {
+          active: this.active
+        }
+      };
+    }
+  }
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return !_ctx.asChild ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps({
+    key: 0,
+    "class": _ctx.cx('root')
+  }, $options.attrs), {
+    "default": withCtx(function () {
+      return [renderSlot(_ctx.$slots, "default")];
+    }),
+    _: 3
+  }, 16, ["class"])) : renderSlot(_ctx.$slots, "default", {
+    key: 1,
+    "class": normalizeClass(_ctx.cx('root')),
+    active: $options.active,
+    a11yAttrs: $options.a11yAttrs
+  });
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=accordionpanel.mjs.map

package/accordionpanel/accordionpanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordionpanel.mjs","sources":["../../src/accordionpanel/BaseAccordionPanel.vue","../../src/accordionpanel/AccordionPanel.vue","../../src/accordionpanel/AccordionPanel.vue?vue&type=template&id=37e9bce5&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport AccordionPanelStyle from 'primevuelab/accordionpanel/style';\n\nexport default {\n    name: 'BaseAccordionPanel',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: String,\n            default: undefined\n        },\n        disabled: {\n            type: Boolean,\n            default: false\n        },\n        as: {\n            type: String,\n            default: 'DIV'\n        },\n        asChild: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: AccordionPanelStyle,\n    provide() {\n        return {\n            $pcAccordionPanel: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" :class=\"cx('root')\" v-bind=\"attrs\">\n        <slot></slot>\n    </component>\n    <slot v-else :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\"></slot>\n</template>\n\n<script>\nimport { mergeProps } from 'vue';\nimport BaseAccordionPanel from './BaseAccordionPanel.vue';\n\nexport default {\n    name: 'AccordionPanel',\n    extends: BaseAccordionPanel,\n    inheritAttrs: false,\n    inject: ['$pcAccordion'],\n    computed: {\n        active() {\n            return this.$pcAccordion.isItemActive(this.value);\n        },\n        attrs() {\n            return mergeProps(this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        a11yAttrs() {\n            return {\n                'data-pc-name': 'accordionpanel',\n                'data-p-disabled': this.disabled,\n                'data-p-active': this.active\n            };\n        },\n        ptParams() {\n            return {\n                context: {\n                    active: this.active\n                }\n            };\n        }\n    }\n};\n</script>\n","<template>\n    <component v-if=\"!asChild\" :is=\"as\" :class=\"cx('root')\" v-bind=\"attrs\">\n        <slot></slot>\n    </component>\n    <slot v-else :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\"></slot>\n</template>\n\n<script>\nimport { mergeProps } from 'vue';\nimport BaseAccordionPanel from './BaseAccordionPanel.vue';\n\nexport default {\n    name: 'AccordionPanel',\n    extends: BaseAccordionPanel,\n    inheritAttrs: false,\n    inject: ['$pcAccordion'],\n    computed: {\n        active() {\n            return this.$pcAccordion.isItemActive(this.value);\n        },\n        attrs() {\n            return mergeProps(this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        a11yAttrs() {\n            return {\n                'data-pc-name': 'accordionpanel',\n                'data-p-disabled': this.disabled,\n                'data-p-active': this.active\n            };\n        },\n        ptParams() {\n            return {\n                context: {\n                    active: this.active\n                }\n            };\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","undefined","disabled","Boolean","as","asChild","style","AccordionPanelStyle","provide","$pcAccordionPanel","$parentInstance","BaseAccordionPanel","inheritAttrs","inject","computed","active","$pcAccordion","isItemActive","attrs","mergeProps","a11yAttrs","ptmi","ptParams","context","_ctx","_createBlock","_resolveDynamicComponent","_mergeProps","cx","$options","_renderSlot","$slots"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,oBAAoB;AAC1B,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAASC,EAAAA,SAAAA;KACZ;AACDC,IAAAA,QAAQ,EAAE;AACNH,MAAAA,IAAI,EAAEI,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDC,IAAAA,EAAE,EAAE;AACAL,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,KAAA;KACZ;AACDK,IAAAA,OAAO,EAAE;AACLN,MAAAA,IAAI,EAAEI,OAAO;MACb,SAAS,EAAA,KAAA;AACb,KAAA;GACH;AACDG,EAAAA,KAAK,EAAEC,mBAAmB;EAC1BC,OAAO,EAAA,SAAAA,UAAG;IACN,OAAO;AACHC,MAAAA,iBAAiB,EAAE,IAAI;AACvBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;ACrBD,aAAe;AACXf,EAAAA,IAAI,EAAE,gBAAgB;AACtB,EAAA,SAAA,EAASgB,QAAkB;AAC3BC,EAAAA,YAAY,EAAE,KAAK;EACnBC,MAAM,EAAE,CAAC,cAAc,CAAC;AACxBC,EAAAA,QAAQ,EAAE;IACNC,MAAM,EAAA,SAAAA,SAAG;MACL,OAAO,IAAI,CAACC,YAAY,CAACC,YAAY,CAAC,IAAI,CAACnB,KAAK,CAAC,CAAA;KACpD;IACDoB,KAAK,EAAA,SAAAA,QAAG;AACJ,MAAA,OAAOC,UAAU,CAAC,IAAI,CAACC,SAAS,EAAE,IAAI,CAACC,IAAI,CAAC,MAAM,EAAE,IAAI,CAACC,QAAQ,CAAC,CAAC,CAAA;KACtE;IACDF,SAAS,EAAA,SAAAA,YAAG;MACR,OAAO;AACH,QAAA,cAAc,EAAE,gBAAgB;QAChC,iBAAiB,EAAE,IAAI,CAAClB,QAAQ;QAChC,eAAe,EAAE,IAAI,CAACa,MAAAA;OACzB,CAAA;KACJ;IACDO,QAAQ,EAAA,SAAAA,WAAG;MACP,OAAO;AACHC,QAAAA,OAAO,EAAE;UACLR,MAAM,EAAE,IAAI,CAACA,MAAAA;AACjB,SAAA;OACH,CAAA;AACL,KAAA;AACJ,GAAA;AACJ,CAAC;;;UCrCqBS,IAAO,CAAAnB,OAAA,iBAAzBoB,WAEW,CAAAC,uBAAA,CAFqBF,IAAE,CAAApB,EAAA,CAAA,EAAlCuB,UAEW,CAAA;;AAF0B,IAAA,OAAA,EAAOH,IAAE,CAAAI,EAAA,CAAA,MAAA,CAAA;KAAkBC,QAAK,CAAAX,KAAA,CAAA,EAAA;uBACjE,YAAA;MAAA,OAAY,CAAZY,UAAY,CAAAN,IAAA,CAAAO,MAAA,EAAA,SAAA,CAAA;;;uBAEhBD,UAA+E,CAAAN,IAAA,CAAAO,MAAA,EAAA,SAAA,EAAA;;IAAjE,wBAAOP,IAAE,CAAAI,EAAA,CAAA,MAAA,CAAA,CAAA;IAAWb,MAAM,EAAEc,QAAM,CAAAd,MAAA;IAAGK,SAAS,EAAES,QAAS,CAAAT,SAAAA;;;;;;;;"}

package/accordionpanel/package.json

@@ -0,0 +1,11 @@
+{
+    "main": "accordionpanel.mjs",
+    "module": "accordionpanel.mjs",
+    "types": "./AccordionPanel.d.ts",
+    "browser": {
+        "./sfc": "./AccordionPanel.vue"
+    },
+    "sideEffects": [
+        "*.vue"
+    ]
+}

package/accordionpanel/style/AccordionPanelStyle.d.ts

@@ -0,0 +1,19 @@
+/**
+ *
+ * AccordionPanel is a helper component for Accordion component.
+ *
+ * [Live Demo](https://www.primevuelab.org/accordion/)
+ *
+ * @module accordionpanelstyle
+ *
+ */
+import { BaseStyle } from '../../base/style/BaseStyle';
+
+export enum AccordionPanelClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-accordionpanel'
+}
+
+export interface AccordionPanelStyle extends BaseStyle {}