primevuelab 4.0.0-beta.4

package/accordion/accordion.mjs

@@ -0,0 +1,268 @@
+import { UniqueComponentId } from '@primevuelab/core/utils';
+import ChevronRightIcon from '@primevuelab/icons/chevronright';
+import ChevronUpIcon from '@primevuelab/icons/chevronup';
+import AccordionContent from 'primevuelab/accordioncontent';
+import AccordionHeader from 'primevuelab/accordionheader';
+import AccordionPanel from 'primevuelab/accordionpanel';
+import { mergeProps, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, withCtx, createVNode, normalizeClass, resolveDynamicComponent, createCommentVNode, toDisplayString, renderSlot } from 'vue';
+import BaseComponent from '@primevuelab/core/basecomponent';
+import AccordionStyle from 'primevuelab/accordion/style';
+
+var script$1 = {
+  name: 'BaseAccordion',
+  "extends": BaseComponent,
+  props: {
+    value: {
+      type: [String, Array],
+      "default": undefined
+    },
+    multiple: {
+      type: Boolean,
+      "default": false
+    },
+    lazy: {
+      type: Boolean,
+      "default": false
+    },
+    tabindex: {
+      type: Number,
+      "default": 0
+    },
+    selectOnFocus: {
+      type: Boolean,
+      "default": false
+    },
+    expandIcon: {
+      type: String,
+      "default": undefined
+    },
+    collapseIcon: {
+      type: String,
+      "default": undefined
+    },
+    // @deprecated since v4.
+    activeIndex: {
+      type: [Number, Array],
+      "default": null
+    }
+  },
+  style: AccordionStyle,
+  provide: function provide() {
+    return {
+      $pcAccordion: this,
+      $parentInstance: this
+    };
+  }
+};
+
+var script = {
+  name: 'Accordion',
+  "extends": script$1,
+  inheritAttrs: false,
+  emits: ['update:value', 'update:activeIndex', 'tab-open', 'tab-close', 'tab-click'],
+  data: function data() {
+    return {
+      id: this.$attrs.id,
+      d_value: this.value
+    };
+  },
+  watch: {
+    '$attrs.id': function $attrsId(newValue) {
+      this.id = newValue || UniqueComponentId();
+    },
+    value: function value(newValue) {
+      this.d_value = newValue;
+    },
+    activeIndex: {
+      immediate: true,
+      handler: function handler(newValue) {
+        if (this.hasAccordionTab) {
+          this.d_value = this.multiple ? newValue === null || newValue === void 0 ? void 0 : newValue.map(String) : newValue === null || newValue === void 0 ? void 0 : newValue.toString();
+        }
+      }
+    }
+  },
+  mounted: function mounted() {
+    this.id = this.id || UniqueComponentId();
+  },
+  methods: {
+    isItemActive: function isItemActive(value) {
+      var _this$d_value;
+      return this.multiple ? (_this$d_value = this.d_value) === null || _this$d_value === void 0 ? void 0 : _this$d_value.includes(value) : this.d_value === value;
+    },
+    updateValue: function updateValue(newValue) {
+      var _this$d_value2;
+      var active = this.isItemActive(newValue);
+      if (this.multiple) {
+        if (active) {
+          this.d_value = this.d_value.filter(function (v) {
+            return v !== newValue;
+          });
+        } else {
+          if (this.d_value) this.d_value.push(newValue);else this.d_value = [newValue];
+        }
+      } else {
+        this.d_value = active ? null : newValue;
+      }
+      this.$emit('update:value', this.d_value);
+
+      // @deprecated since v4.
+      this.$emit('update:activeIndex', this.multiple ? (_this$d_value2 = this.d_value) === null || _this$d_value2 === void 0 ? void 0 : _this$d_value2.map(Number) : Number(this.d_value));
+      this.$emit(active ? 'tab-close' : 'tab-open', {
+        originalEvent: undefined,
+        index: Number(newValue)
+      });
+    },
+    // @deprecated since v4. Use new structure instead.
+    isAccordionTab: function isAccordionTab(child) {
+      return child.type.name === 'AccordionTab';
+    },
+    getTabProp: function getTabProp(tab, name) {
+      return tab.props ? tab.props[name] : undefined;
+    },
+    getKey: function getKey(tab, index) {
+      return this.getTabProp(tab, 'header') || index;
+    },
+    getHeaderPT: function getHeaderPT(tab, index) {
+      var _this = this;
+      return {
+        root: mergeProps({
+          onClick: function onClick(event) {
+            return _this.onTabClick(event, index);
+          }
+        }, this.getTabProp(tab, 'headerProps'), this.getTabPT(tab, 'header', index)),
+        toggleicon: mergeProps(this.getTabProp(tab, 'headeractionprops'), this.getTabPT(tab, 'headeraction', index))
+      };
+    },
+    getContentPT: function getContentPT(tab, index) {
+      return {
+        root: mergeProps(this.getTabProp(tab, 'contentProps'), this.getTabPT(tab, 'toggleablecontent', index)),
+        transition: this.getTabPT(tab, 'transition', index),
+        content: this.getTabPT(tab, 'content', index)
+      };
+    },
+    getTabPT: function getTabPT(tab, key, index) {
+      var count = this.tabs.length;
+      var tabMetaData = {
+        props: tab.props || {},
+        parent: {
+          instance: this,
+          props: this.$props,
+          state: this.$data
+        },
+        context: {
+          index: index,
+          count: count,
+          first: index === 0,
+          last: index === count - 1,
+          active: this.isItemActive("".concat(index))
+        }
+      };
+      return mergeProps(this.ptm("accordiontab.".concat(key), tabMetaData), this.ptmo(this.getTabProp(tab, 'pt'), key, tabMetaData));
+    },
+    onTabClick: function onTabClick(event, index) {
+      this.$emit('tab-click', {
+        originalEvent: event,
+        index: index
+      });
+    }
+  },
+  computed: {
+    // @deprecated since v4.
+    tabs: function tabs() {
+      var _this2 = this;
+      return this.$slots["default"]().reduce(function (tabs, child) {
+        if (_this2.isAccordionTab(child)) {
+          tabs.push(child);
+        } else if (child.children && child.children instanceof Array) {
+          child.children.forEach(function (nestedChild) {
+            if (_this2.isAccordionTab(nestedChild)) {
+              tabs.push(nestedChild);
+            }
+          });
+        }
+        return tabs;
+      }, []);
+    },
+    hasAccordionTab: function hasAccordionTab() {
+      return this.tabs.length;
+    }
+  },
+  components: {
+    AccordionPanel: AccordionPanel,
+    AccordionHeader: AccordionHeader,
+    AccordionContent: AccordionContent,
+    ChevronUpIcon: ChevronUpIcon,
+    ChevronRightIcon: ChevronRightIcon
+  }
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_AccordionHeader = resolveComponent("AccordionHeader");
+  var _component_AccordionContent = resolveComponent("AccordionContent");
+  var _component_AccordionPanel = resolveComponent("AccordionPanel");
+  return openBlock(), createElementBlock("div", mergeProps({
+    "class": _ctx.cx('root')
+  }, _ctx.ptmi('root')), [$options.hasAccordionTab ? (openBlock(true), createElementBlock(Fragment, {
+    key: 0
+  }, renderList($options.tabs, function (tab, i) {
+    return openBlock(), createBlock(_component_AccordionPanel, {
+      key: $options.getKey(tab, i),
+      value: "".concat(i),
+      pt: {
+        root: $options.getTabPT(tab, 'root', i)
+      },
+      disabled: $options.getTabProp(tab, 'disabled')
+    }, {
+      "default": withCtx(function () {
+        return [createVNode(_component_AccordionHeader, {
+          "class": normalizeClass($options.getTabProp(tab, 'headerClass')),
+          pt: $options.getHeaderPT(tab, i)
+        }, {
+          toggleicon: withCtx(function (slotProps) {
+            return [slotProps.active ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.collapseicon ? _ctx.$slots.collapseicon : _ctx.collapseIcon ? 'span' : 'ChevronDownIcon'), mergeProps({
+              key: 0,
+              "class": [_ctx.collapseIcon, slotProps["class"]],
+              "aria-hidden": "true",
+              ref_for: true
+            }, $options.getTabPT(tab, 'headericon', i)), null, 16, ["class"])) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.expandicon ? _ctx.$slots.expandicon : _ctx.expandIcon ? 'span' : 'ChevronUpIcon'), mergeProps({
+              key: 1,
+              "class": [_ctx.expandIcon, slotProps["class"]],
+              "aria-hidden": "true",
+              ref_for: true
+            }, $options.getTabPT(tab, 'headericon', i)), null, 16, ["class"]))];
+          }),
+          "default": withCtx(function () {
+            return [tab.children && tab.children.headericon ? (openBlock(), createBlock(resolveDynamicComponent(tab.children.headericon), {
+              key: 0,
+              isTabActive: $options.isItemActive("".concat(i)),
+              active: $options.isItemActive("".concat(i)),
+              index: i
+            }, null, 8, ["isTabActive", "active", "index"])) : createCommentVNode("", true), tab.props && tab.props.header ? (openBlock(), createElementBlock("span", mergeProps({
+              key: 1,
+              ref_for: true
+            }, $options.getTabPT(tab, 'headertitle', i)), toDisplayString(tab.props.header), 17)) : createCommentVNode("", true), tab.children && tab.children.header ? (openBlock(), createBlock(resolveDynamicComponent(tab.children.header), {
+              key: 2
+            })) : createCommentVNode("", true)];
+          }),
+          _: 2
+        }, 1032, ["class", "pt"]), createVNode(_component_AccordionContent, {
+          pt: $options.getContentPT(tab, i)
+        }, {
+          "default": withCtx(function () {
+            return [(openBlock(), createBlock(resolveDynamicComponent(tab)))];
+          }),
+          _: 2
+        }, 1032, ["pt"])];
+      }),
+      _: 2
+    }, 1032, ["value", "pt", "disabled"]);
+  }), 128)) : renderSlot(_ctx.$slots, "default", {
+    key: 1
+  })], 16);
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=accordion.mjs.map

package/accordion/accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.mjs","sources":["../../src/accordion/BaseAccordion.vue","../../src/accordion/Accordion.vue","../../src/accordion/Accordion.vue?vue&type=template&id=952c4b9a&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport AccordionStyle from 'primevuelab/accordion/style';\n\nexport default {\n    name: 'BaseAccordion',\n    extends: BaseComponent,\n    props: {\n        value: {\n            type: [String, Array],\n            default: undefined\n        },\n        multiple: {\n            type: Boolean,\n            default: false\n        },\n        lazy: {\n            type: Boolean,\n            default: false\n        },\n        tabindex: {\n            type: Number,\n            default: 0\n        },\n        selectOnFocus: {\n            type: Boolean,\n            default: false\n        },\n        expandIcon: {\n            type: String,\n            default: undefined\n        },\n        collapseIcon: {\n            type: String,\n            default: undefined\n        },\n        // @deprecated since v4.\n        activeIndex: {\n            type: [Number, Array],\n            default: null\n        }\n    },\n    style: AccordionStyle,\n    provide() {\n        return {\n            $pcAccordion: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <template v-if=\"hasAccordionTab\">\n            <AccordionPanel v-for=\"(tab, i) of tabs\" :key=\"getKey(tab, i)\" :value=\"`${i}`\" :pt=\"{ root: getTabPT(tab, 'root', i) }\" :disabled=\"getTabProp(tab, 'disabled')\">\n                <AccordionHeader :class=\"getTabProp(tab, 'headerClass')\" :pt=\"getHeaderPT(tab, i)\">\n                    <component v-if=\"tab.children && tab.children.headericon\" :is=\"tab.children.headericon\" :isTabActive=\"isItemActive(`${i}`)\" :active=\"isItemActive(`${i}`)\" :index=\"i\"></component>\n                    <span v-if=\"tab.props && tab.props.header\" v-bind=\"getTabPT(tab, 'headertitle', i)\">{{ tab.props.header }}</span>\n                    <template #toggleicon=\"slotProps\">\n                        <component\n                            v-if=\"slotProps.active\"\n                            :is=\"$slots.collapseicon ? $slots.collapseicon : collapseIcon ? 'span' : 'ChevronDownIcon'\"\n                            :class=\"[collapseIcon, slotProps.class]\"\n                            aria-hidden=\"true\"\n                            v-bind=\"getTabPT(tab, 'headericon', i)\"\n                        />\n                        <component v-else :is=\"$slots.expandicon ? $slots.expandicon : expandIcon ? 'span' : 'ChevronUpIcon'\" :class=\"[expandIcon, slotProps.class]\" aria-hidden=\"true\" v-bind=\"getTabPT(tab, 'headericon', i)\" />\n                    </template>\n                    <component v-if=\"tab.children && tab.children.header\" :is=\"tab.children.header\"></component>\n                </AccordionHeader>\n                <AccordionContent :pt=\"getContentPT(tab, i)\">\n                    <component :is=\"tab\"></component>\n                </AccordionContent>\n            </AccordionPanel>\n        </template>\n\n        <slot v-else></slot>\n    </div>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@primevuelab/core/utils';\nimport ChevronRightIcon from '@primevuelab/icons/chevronright';\nimport ChevronUpIcon from '@primevuelab/icons/chevronup';\nimport AccordionContent from 'primevuelab/accordioncontent';\nimport AccordionHeader from 'primevuelab/accordionheader';\nimport AccordionPanel from 'primevuelab/accordionpanel';\nimport { mergeProps } from 'vue';\nimport BaseAccordion from './BaseAccordion.vue';\n\nexport default {\n    name: 'Accordion',\n    extends: BaseAccordion,\n    inheritAttrs: false,\n    emits: ['update:value', 'update:activeIndex', 'tab-open', 'tab-close', 'tab-click'],\n    data() {\n        return {\n            id: this.$attrs.id,\n            d_value: this.value\n        };\n    },\n    watch: {\n        '$attrs.id': function (newValue) {\n            this.id = newValue || UniqueComponentId();\n        },\n        value(newValue) {\n            this.d_value = newValue;\n        },\n        activeIndex: {\n            immediate: true,\n            handler(newValue) {\n                if (this.hasAccordionTab) {\n                    this.d_value = this.multiple ? newValue?.map(String) : newValue?.toString();\n                }\n            }\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n    },\n    methods: {\n        isItemActive(value) {\n            return this.multiple ? this.d_value?.includes(value) : this.d_value === value;\n        },\n        updateValue(newValue) {\n            const active = this.isItemActive(newValue);\n\n            if (this.multiple) {\n                if (active) {\n                    this.d_value = this.d_value.filter((v) => v !== newValue);\n                } else {\n                    if (this.d_value) this.d_value.push(newValue);\n                    else this.d_value = [newValue];\n                }\n            } else {\n                this.d_value = active ? null : newValue;\n            }\n\n            this.$emit('update:value', this.d_value);\n\n            // @deprecated since v4.\n            this.$emit('update:activeIndex', this.multiple ? this.d_value?.map(Number) : Number(this.d_value));\n            this.$emit(active ? 'tab-close' : 'tab-open', { originalEvent: undefined, index: Number(newValue) });\n        },\n        // @deprecated since v4. Use new structure instead.\n        isAccordionTab(child) {\n            return child.type.name === 'AccordionTab';\n        },\n        getTabProp(tab, name) {\n            return tab.props ? tab.props[name] : undefined;\n        },\n        getKey(tab, index) {\n            return this.getTabProp(tab, 'header') || index;\n        },\n        getHeaderPT(tab, index) {\n            return {\n                root: mergeProps({ onClick: (event) => this.onTabClick(event, index) }, this.getTabProp(tab, 'headerProps'), this.getTabPT(tab, 'header', index)),\n                toggleicon: mergeProps(this.getTabProp(tab, 'headeractionprops'), this.getTabPT(tab, 'headeraction', index))\n            };\n        },\n        getContentPT(tab, index) {\n            return {\n                root: mergeProps(this.getTabProp(tab, 'contentProps'), this.getTabPT(tab, 'toggleablecontent', index)),\n                transition: this.getTabPT(tab, 'transition', index),\n                content: this.getTabPT(tab, 'content', index)\n            };\n        },\n        getTabPT(tab, key, index) {\n            const count = this.tabs.length;\n            const tabMetaData = {\n                props: tab.props || {},\n                parent: {\n                    instance: this,\n                    props: this.$props,\n                    state: this.$data\n                },\n                context: {\n                    index,\n                    count,\n                    first: index === 0,\n                    last: index === count - 1,\n                    active: this.isItemActive(`${index}`)\n                }\n            };\n\n            return mergeProps(this.ptm(`accordiontab.${key}`, tabMetaData), this.ptmo(this.getTabProp(tab, 'pt'), key, tabMetaData));\n        },\n        onTabClick(event, index) {\n            this.$emit('tab-click', { originalEvent: event, index });\n        }\n    },\n    computed: {\n        // @deprecated since v4.\n        tabs() {\n            return this.$slots.default().reduce((tabs, child) => {\n                if (this.isAccordionTab(child)) {\n                    tabs.push(child);\n                } else if (child.children && child.children instanceof Array) {\n                    child.children.forEach((nestedChild) => {\n                        if (this.isAccordionTab(nestedChild)) {\n                            tabs.push(nestedChild);\n                        }\n                    });\n                }\n\n                return tabs;\n            }, []);\n        },\n        hasAccordionTab() {\n            return this.tabs.length;\n        }\n    },\n    components: {\n        AccordionPanel,\n        AccordionHeader,\n        AccordionContent,\n        ChevronUpIcon,\n        ChevronRightIcon\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <template v-if=\"hasAccordionTab\">\n            <AccordionPanel v-for=\"(tab, i) of tabs\" :key=\"getKey(tab, i)\" :value=\"`${i}`\" :pt=\"{ root: getTabPT(tab, 'root', i) }\" :disabled=\"getTabProp(tab, 'disabled')\">\n                <AccordionHeader :class=\"getTabProp(tab, 'headerClass')\" :pt=\"getHeaderPT(tab, i)\">\n                    <component v-if=\"tab.children && tab.children.headericon\" :is=\"tab.children.headericon\" :isTabActive=\"isItemActive(`${i}`)\" :active=\"isItemActive(`${i}`)\" :index=\"i\"></component>\n                    <span v-if=\"tab.props && tab.props.header\" v-bind=\"getTabPT(tab, 'headertitle', i)\">{{ tab.props.header }}</span>\n                    <template #toggleicon=\"slotProps\">\n                        <component\n                            v-if=\"slotProps.active\"\n                            :is=\"$slots.collapseicon ? $slots.collapseicon : collapseIcon ? 'span' : 'ChevronDownIcon'\"\n                            :class=\"[collapseIcon, slotProps.class]\"\n                            aria-hidden=\"true\"\n                            v-bind=\"getTabPT(tab, 'headericon', i)\"\n                        />\n                        <component v-else :is=\"$slots.expandicon ? $slots.expandicon : expandIcon ? 'span' : 'ChevronUpIcon'\" :class=\"[expandIcon, slotProps.class]\" aria-hidden=\"true\" v-bind=\"getTabPT(tab, 'headericon', i)\" />\n                    </template>\n                    <component v-if=\"tab.children && tab.children.header\" :is=\"tab.children.header\"></component>\n                </AccordionHeader>\n                <AccordionContent :pt=\"getContentPT(tab, i)\">\n                    <component :is=\"tab\"></component>\n                </AccordionContent>\n            </AccordionPanel>\n        </template>\n\n        <slot v-else></slot>\n    </div>\n</template>\n\n<script>\nimport { UniqueComponentId } from '@primevuelab/core/utils';\nimport ChevronRightIcon from '@primevuelab/icons/chevronright';\nimport ChevronUpIcon from '@primevuelab/icons/chevronup';\nimport AccordionContent from 'primevuelab/accordioncontent';\nimport AccordionHeader from 'primevuelab/accordionheader';\nimport AccordionPanel from 'primevuelab/accordionpanel';\nimport { mergeProps } from 'vue';\nimport BaseAccordion from './BaseAccordion.vue';\n\nexport default {\n    name: 'Accordion',\n    extends: BaseAccordion,\n    inheritAttrs: false,\n    emits: ['update:value', 'update:activeIndex', 'tab-open', 'tab-close', 'tab-click'],\n    data() {\n        return {\n            id: this.$attrs.id,\n            d_value: this.value\n        };\n    },\n    watch: {\n        '$attrs.id': function (newValue) {\n            this.id = newValue || UniqueComponentId();\n        },\n        value(newValue) {\n            this.d_value = newValue;\n        },\n        activeIndex: {\n            immediate: true,\n            handler(newValue) {\n                if (this.hasAccordionTab) {\n                    this.d_value = this.multiple ? newValue?.map(String) : newValue?.toString();\n                }\n            }\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n    },\n    methods: {\n        isItemActive(value) {\n            return this.multiple ? this.d_value?.includes(value) : this.d_value === value;\n        },\n        updateValue(newValue) {\n            const active = this.isItemActive(newValue);\n\n            if (this.multiple) {\n                if (active) {\n                    this.d_value = this.d_value.filter((v) => v !== newValue);\n                } else {\n                    if (this.d_value) this.d_value.push(newValue);\n                    else this.d_value = [newValue];\n                }\n            } else {\n                this.d_value = active ? null : newValue;\n            }\n\n            this.$emit('update:value', this.d_value);\n\n            // @deprecated since v4.\n            this.$emit('update:activeIndex', this.multiple ? this.d_value?.map(Number) : Number(this.d_value));\n            this.$emit(active ? 'tab-close' : 'tab-open', { originalEvent: undefined, index: Number(newValue) });\n        },\n        // @deprecated since v4. Use new structure instead.\n        isAccordionTab(child) {\n            return child.type.name === 'AccordionTab';\n        },\n        getTabProp(tab, name) {\n            return tab.props ? tab.props[name] : undefined;\n        },\n        getKey(tab, index) {\n            return this.getTabProp(tab, 'header') || index;\n        },\n        getHeaderPT(tab, index) {\n            return {\n                root: mergeProps({ onClick: (event) => this.onTabClick(event, index) }, this.getTabProp(tab, 'headerProps'), this.getTabPT(tab, 'header', index)),\n                toggleicon: mergeProps(this.getTabProp(tab, 'headeractionprops'), this.getTabPT(tab, 'headeraction', index))\n            };\n        },\n        getContentPT(tab, index) {\n            return {\n                root: mergeProps(this.getTabProp(tab, 'contentProps'), this.getTabPT(tab, 'toggleablecontent', index)),\n                transition: this.getTabPT(tab, 'transition', index),\n                content: this.getTabPT(tab, 'content', index)\n            };\n        },\n        getTabPT(tab, key, index) {\n            const count = this.tabs.length;\n            const tabMetaData = {\n                props: tab.props || {},\n                parent: {\n                    instance: this,\n                    props: this.$props,\n                    state: this.$data\n                },\n                context: {\n                    index,\n                    count,\n                    first: index === 0,\n                    last: index === count - 1,\n                    active: this.isItemActive(`${index}`)\n                }\n            };\n\n            return mergeProps(this.ptm(`accordiontab.${key}`, tabMetaData), this.ptmo(this.getTabProp(tab, 'pt'), key, tabMetaData));\n        },\n        onTabClick(event, index) {\n            this.$emit('tab-click', { originalEvent: event, index });\n        }\n    },\n    computed: {\n        // @deprecated since v4.\n        tabs() {\n            return this.$slots.default().reduce((tabs, child) => {\n                if (this.isAccordionTab(child)) {\n                    tabs.push(child);\n                } else if (child.children && child.children instanceof Array) {\n                    child.children.forEach((nestedChild) => {\n                        if (this.isAccordionTab(nestedChild)) {\n                            tabs.push(nestedChild);\n                        }\n                    });\n                }\n\n                return tabs;\n            }, []);\n        },\n        hasAccordionTab() {\n            return this.tabs.length;\n        }\n    },\n    components: {\n        AccordionPanel,\n        AccordionHeader,\n        AccordionContent,\n        ChevronUpIcon,\n        ChevronRightIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","Array","undefined","multiple","Boolean","lazy","tabindex","Number","selectOnFocus","expandIcon","collapseIcon","activeIndex","style","AccordionStyle","provide","$pcAccordion","$parentInstance","BaseAccordion","inheritAttrs","emits","data","id","$attrs","d_value","watch","$attrsId","newValue","UniqueComponentId","immediate","handler","hasAccordionTab","map","toString","mounted","methods","isItemActive","_this$d_value","includes","updateValue","_this$d_value2","active","filter","v","push","$emit","originalEvent","index","isAccordionTab","child","getTabProp","tab","getKey","getHeaderPT","_this","root","mergeProps","onClick","event","onTabClick","getTabPT","toggleicon","getContentPT","transition","content","key","count","tabs","length","tabMetaData","parent","instance","$props","state","$data","context","first","last","concat","ptm","ptmo","computed","_this2","$slots","reduce","children","forEach","nestedChild","components","AccordionPanel","AccordionHeader","AccordionContent","ChevronUpIcon","ChevronRightIcon","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","$options","_Fragment","_renderList","i","_createBlock","_component_AccordionPanel","pt","disabled","_createVNode","_component_AccordionHeader","_normalizeClass","_withCtx","slotProps","_resolveDynamicComponent","collapseicon","expandicon","headericon","isTabActive","header","_component_AccordionContent","_renderSlot"],"mappings":"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"}

package/accordion/package.json

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

package/accordion/style/AccordionStyle.d.ts

@@ -0,0 +1,19 @@
+/**
+ *
+ * Accordion groups a collection of contents in tabs.
+ *
+ * [Live Demo](https://www.primevuelab.org/accordion/)
+ *
+ * @module accordionstyle
+ *
+ */
+import { BaseStyle } from '../../base/style';
+
+export enum AccordionClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-accordion'
+}
+
+export interface AccordionStyle extends BaseStyle {}

package/accordion/style/accordionstyle.mjs

@@ -0,0 +1,17 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var theme = function theme(_ref) {
+  var dt = _ref.dt;
+  return "\n.p-accordionpanel {\n    display: flex;\n    flex-direction: column;\n    border-style: solid;\n    border-width: ".concat(dt('accordion.panel.border.width'), ";\n    border-color: ").concat(dt('accordion.panel.border.color'), ";\n}\n\n.p-accordionheader {\n    all: unset;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: ").concat(dt('accordion.header.padding'), ";\n    color: ").concat(dt('accordion.header.color'), ";\n    background: ").concat(dt('accordion.header.background'), ";\n    border-style: solid;\n    border-width: ").concat(dt('accordion.header.border.width'), ";\n    border-color: ").concat(dt('accordion.header.border.color'), ";\n    font-weight: ").concat(dt('accordion.header.font.weight'), ";\n    border-radius: ").concat(dt('accordion.header.border.radius'), ";\n    transition: background ").concat(dt('accordion.transition.duration'), "; color ").concat(dt('accordion.transition.duration'), "color ").concat(dt('accordion.transition.duration'), ", outline-color ").concat(dt('accordion.transition.duration'), ", box-shadow ").concat(dt('accordion.transition.duration'), ";\n    outline-color: transparent;\n}\n\n.p-accordionpanel:first-child > .p-accordionheader {\n    border-width: ").concat(dt('accordion.header.first.border.width'), ";\n    border-top-left-radius: ").concat(dt('accordion.header.first.top.border.radius'), ";\n    border-top-right-radius: ").concat(dt('accordion.header.first.top.border.radius'), ";\n}\n\n.p-accordionpanel:last-child > .p-accordionheader {\n    border-bottom-left-radius: ").concat(dt('accordion.header.last.bottom.border.radius'), ";\n    border-bottom-right-radius: ").concat(dt('accordion.header.last.bottom.border.radius'), ";\n}\n\n.p-accordionpanel:last-child.p-accordionpanel-active > .p-accordionheader {\n    border-bottom-left-radius: ").concat(dt('accordion.header.last.active.bottom.border.radius'), ";\n    border-bottom-right-radius:").concat(dt('accordion.header.last.active.bottom.border.radius'), ";\n}\n\n.p-accordionheader-toggle-icon {\n    color: ").concat(dt('accordion.header.toggle.icon.color'), ";\n}\n\n.p-accordionpanel:not(.p-disabled) .p-accordionheader:focus-visible {\n    box-shadow: ").concat(dt('accordion.header.focus.ring.shadow'), ";\n    outline: ").concat(dt('accordion.header.focus.ring.width'), " ").concat(dt('accordion.header.focus.ring.style'), " ").concat(dt('accordion.header.focus.ring.color'), ";\n    outline-offset: ").concat(dt('accordion.header.focus.ring.offset'), ";\n}\n\n.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) > .p-accordionheader:hover {\n    background: ").concat(dt('accordion.header.hover.background'), ";\n    color: ").concat(dt('accordion.header.hover.color'), "\n}\n\n.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) .p-accordionheader:hover .p-accordionheader-toggle-icon {\n    color: ").concat(dt('accordion.header.toggle.icon.hover.color'), ";\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader {\n    background: ").concat(dt('accordion.header.active.background'), ";\n    color: ").concat(dt('accordion.header.active.color'), "\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader .p-accordionheader-toggle-icon {\n    color: ").concat(dt('accordion.header.toggle.icon.active.color'), ";\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover  {\n    background: ").concat(dt('accordion.header.active.hover.background'), ";\n    color: ").concat(dt('accordion.header.active.hover.color'), "\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover  .p-accordionheader-toggle-icon {\n    color: ").concat(dt('accordion.header.toggle.icon.active.hover.color'), ";\n}\n\n.p-accordioncontent-content {\n    border-style: solid;\n    border-width: ").concat(dt('accordion.content.border.width'), ";\n    border-color: ").concat(dt('accordion.content.border.color'), ";\n    background: color: ").concat(dt('accordion.content.background'), ";\n    color: ").concat(dt('accordion.content.color'), ";\n    padding: ").concat(dt('accordion.content.padding'), "\n}\n");
+};
+var classes = {
+  root: 'p-accordion p-component'
+};
+var AccordionStyle = BaseStyle.extend({
+  name: 'accordion',
+  theme: theme,
+  classes: classes
+});
+
+export { AccordionStyle as default };
+//# sourceMappingURL=accordionstyle.mjs.map

package/accordion/style/accordionstyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordionstyle.mjs","sources":["../../../src/accordion/style/AccordionStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-accordionpanel {\n    display: flex;\n    flex-direction: column;\n    border-style: solid;\n    border-width: ${dt('accordion.panel.border.width')};\n    border-color: ${dt('accordion.panel.border.color')};\n}\n\n.p-accordionheader {\n    all: unset;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: ${dt('accordion.header.padding')};\n    color: ${dt('accordion.header.color')};\n    background: ${dt('accordion.header.background')};\n    border-style: solid;\n    border-width: ${dt('accordion.header.border.width')};\n    border-color: ${dt('accordion.header.border.color')};\n    font-weight: ${dt('accordion.header.font.weight')};\n    border-radius: ${dt('accordion.header.border.radius')};\n    transition: background ${dt('accordion.transition.duration')}; color ${dt('accordion.transition.duration')}color ${dt('accordion.transition.duration')}, outline-color ${dt('accordion.transition.duration')}, box-shadow ${dt(\n        'accordion.transition.duration'\n    )};\n    outline-color: transparent;\n}\n\n.p-accordionpanel:first-child > .p-accordionheader {\n    border-width: ${dt('accordion.header.first.border.width')};\n    border-top-left-radius: ${dt('accordion.header.first.top.border.radius')};\n    border-top-right-radius: ${dt('accordion.header.first.top.border.radius')};\n}\n\n.p-accordionpanel:last-child > .p-accordionheader {\n    border-bottom-left-radius: ${dt('accordion.header.last.bottom.border.radius')};\n    border-bottom-right-radius: ${dt('accordion.header.last.bottom.border.radius')};\n}\n\n.p-accordionpanel:last-child.p-accordionpanel-active > .p-accordionheader {\n    border-bottom-left-radius: ${dt('accordion.header.last.active.bottom.border.radius')};\n    border-bottom-right-radius:${dt('accordion.header.last.active.bottom.border.radius')};\n}\n\n.p-accordionheader-toggle-icon {\n    color: ${dt('accordion.header.toggle.icon.color')};\n}\n\n.p-accordionpanel:not(.p-disabled) .p-accordionheader:focus-visible {\n    box-shadow: ${dt('accordion.header.focus.ring.shadow')};\n    outline: ${dt('accordion.header.focus.ring.width')} ${dt('accordion.header.focus.ring.style')} ${dt('accordion.header.focus.ring.color')};\n    outline-offset: ${dt('accordion.header.focus.ring.offset')};\n}\n\n.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) > .p-accordionheader:hover {\n    background: ${dt('accordion.header.hover.background')};\n    color: ${dt('accordion.header.hover.color')}\n}\n\n.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) .p-accordionheader:hover .p-accordionheader-toggle-icon {\n    color: ${dt('accordion.header.toggle.icon.hover.color')};\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader {\n    background: ${dt('accordion.header.active.background')};\n    color: ${dt('accordion.header.active.color')}\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader .p-accordionheader-toggle-icon {\n    color: ${dt('accordion.header.toggle.icon.active.color')};\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover  {\n    background: ${dt('accordion.header.active.hover.background')};\n    color: ${dt('accordion.header.active.hover.color')}\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover  .p-accordionheader-toggle-icon {\n    color: ${dt('accordion.header.toggle.icon.active.hover.color')};\n}\n\n.p-accordioncontent-content {\n    border-style: solid;\n    border-width: ${dt('accordion.content.border.width')};\n    border-color: ${dt('accordion.content.border.color')};\n    background: color: ${dt('accordion.content.background')};\n    color: ${dt('accordion.content.color')};\n    padding: ${dt('accordion.content.padding')}\n}\n`;\n\nconst classes = {\n    root: 'p-accordion p-component'\n};\n\nexport default BaseStyle.extend({\n    name: 'accordion',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","BaseStyle","extend","name"],"mappings":"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"}

package/accordion/style/package.json

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

package/accordioncontent/AccordionContent.d.ts

@@ -0,0 +1,149 @@
+/**
+ *
+ * AccordionContent is a helper component for Accordion component.
+ *
+ * [Live Demo](https://www.primevuelab.org/accordion/)
+ *
+ * @module accordioncontent
+ *
+ */
+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 AccordionContentPassThroughOptionType = AccordionContentPassThroughAttributes | ((options: AccordionContentPassThroughMethodOptions) => AccordionContentPassThroughAttributes | string) | string | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface AccordionContentPassThroughMethodOptions {
+    /**
+     * Defines instance.
+     */
+    instance: any;
+    /**
+     * Defines valid properties.
+     */
+    props: AccordionContentProps;
+    /**
+     * Defines current options.
+     */
+    context: AccordionContentContext;
+    /**
+     * 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 AccordionContentProps.pt}
+ */
+export interface AccordionContentPassThroughOptions {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: AccordionContentPassThroughOptionType;
+    /**
+     * Used to pass attributes to the transition's DOM element.
+     */
+    transition?: AccordionContentPassThroughOptionType;
+    /**
+     * Used to pass attributes to the content's DOM element.
+     */
+    content?: AccordionContentPassThroughOptionType;
+    /**
+     * Used to manage all lifecycle hooks.
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
+}
+
+export interface AccordionContentPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines valid properties in AccordionContent component.
+ */
+export interface AccordionContentProps {
+    /**
+     * 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 {AccordionContentPassThroughOptions}
+     */
+    pt?: PassThrough<AccordionContentPassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+}
+
+/**
+ * Defines current options in AccordionContent component.
+ */
+export interface AccordionContentContext {
+    /**
+     * Whether the item is active.
+     */
+    active: boolean;
+}
+
+/**
+ * Defines valid slots in AccordionContent slots.
+ */
+export interface AccordionContentSlots {
+    /**
+     * Custom content template.
+     */
+    default(): VNode[];
+}
+
+export interface AccordionContentEmitsOptions {}
+
+export declare type AccordionContentEmits = EmitFn<AccordionContentEmitsOptions>;
+
+/**
+ * **primevuelab - AccordionContent**
+ *
+ * _AccordionContent 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 AccordionContent: DefineComponent<AccordionContentProps, AccordionContentSlots, AccordionContentEmits>;
+
+declare module 'vue' {
+    export interface GlobalComponents {
+        AccordionContent: GlobalComponentConstructor<AccordionContentProps, AccordionContentSlots, AccordionContentEmits>;
+    }
+}
+
+export default AccordionContent;

package/accordioncontent/AccordionContent.vue

@@ -0,0 +1,51 @@
+<template>
+    <template v-if="!asChild">
+        <transition name="p-toggleable-content" v-bind="ptm('transition', ptParams)">
+            <component v-if="$pcAccordion.lazy ? $pcAccordionPanel.active : true" v-show="$pcAccordion.lazy ? true : $pcAccordionPanel.active" :is="as" :class="cx('root')" v-bind="attrs">
+                <div :class="cx('content')" v-bind="ptm('content', ptParams)">
+                    <slot></slot>
+                </div>
+            </component>
+        </transition>
+    </template>
+    <slot v-else :class="cx('root')" :active="$pcAccordionPanel.active" :a11yAttrs="a11yAttrs"></slot>
+</template>
+
+<script>
+import { mergeProps } from 'vue';
+import BaseAccordionContent from './BaseAccordionContent.vue';
+
+export default {
+    name: 'AccordionContent',
+    extends: BaseAccordionContent,
+    inheritAttrs: false,
+    inject: ['$pcAccordion', '$pcAccordionPanel'],
+    computed: {
+        id() {
+            return `${this.$pcAccordion.id}_accordioncontent_${this.$pcAccordionPanel.value}`;
+        },
+        ariaLabelledby() {
+            return `${this.$pcAccordion.id}_accordionheader_${this.$pcAccordionPanel.value}`;
+        },
+        attrs() {
+            return mergeProps(this.a11yAttrs, this.ptmi('root', this.ptParams));
+        },
+        a11yAttrs() {
+            return {
+                id: this.id,
+                role: 'region',
+                'aria-labelledby': this.ariaLabelledby,
+                'data-pc-name': 'accordioncontent',
+                'data-p-active': this.$pcAccordionPanel.active
+            };
+        },
+        ptParams() {
+            return {
+                context: {
+                    active: this.$pcAccordionPanel.active
+                }
+            };
+        }
+    }
+};
+</script>

package/accordioncontent/BaseAccordionContent.vue

@@ -0,0 +1,26 @@
+<script>
+import BaseComponent from '@primevuelab/core/basecomponent';
+import AccordionContentStyle from 'primevuelab/accordioncontent/style';
+
+export default {
+    name: 'BaseAccordionContent',
+    extends: BaseComponent,
+    props: {
+        as: {
+            type: String,
+            default: 'DIV'
+        },
+        asChild: {
+            type: Boolean,
+            default: false
+        }
+    },
+    style: AccordionContentStyle,
+    provide() {
+        return {
+            $pcAccordionContent: this,
+            $parentInstance: this
+        };
+    }
+};
+</script>