primevue 3.29.2 → 3.30.0

package/accordion/accordion.js

@@ -1,361 +1,370 @@
 this.primevue = this.primevue || {};
-this.primevue.accordion = (function (BaseComponent, ChevronDownIcon, ChevronRightIcon, Ripple, utils, vue) {
+this.primevue.accordion = (function (ChevronDownIcon, ChevronRightIcon, Ripple, utils, BaseComponent, usestyle, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
     var ChevronDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDownIcon);
     var ChevronRightIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRightIcon);
     var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
+    var styles = "\n.p-accordion-header-action {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    user-select: none;\n    position: relative;\n    text-decoration: none;\n}\n\n.p-accordion-header-action:focus {\n    z-index: 1;\n}\n\n.p-accordion-header-text {\n    line-height: 1;\n}\n";
+    var classes = {
+      root: 'p-accordion p-component',
+      tab: {
+        root: function root(_ref) {
+          var instance = _ref.instance,
+            index = _ref.index;
+          return ['p-accordion-tab', {
+            'p-accordion-tab-active': instance.isTabActive(index)
+          }];
+        },
+        header: function header(_ref2) {
+          var instance = _ref2.instance,
+            tab = _ref2.tab,
+            index = _ref2.index;
+          return ['p-accordion-header', {
+            'p-highlight': instance.isTabActive(index),
+            'p-disabled': instance.getTabProp(tab, 'disabled')
+          }];
+        },
+        headerAction: 'p-accordion-header-link p-accordion-header-action',
+        headerIcon: 'p-accordion-toggle-icon',
+        headerTitle: 'p-accordion-header-text',
+        toggleableContent: 'p-toggleable-content',
+        content: 'p-accordion-content'
+      }
+    };
+    var _useStyle = usestyle.useStyle(styles, {
+        name: 'accordion',
+        manual: true
+      }),
+      loadStyle = _useStyle.load;
+    var script$1 = {
+      name: 'BaseAccordion',
+      "extends": BaseComponent__default["default"],
+      props: {
+        multiple: {
+          type: Boolean,
+          "default": false
+        },
+        activeIndex: {
+          type: [Number, Array],
+          "default": null
+        },
+        lazy: {
+          type: Boolean,
+          "default": false
+        },
+        expandIcon: {
+          type: String,
+          "default": undefined
+        },
+        collapseIcon: {
+          type: String,
+          "default": undefined
+        },
+        tabindex: {
+          type: Number,
+          "default": 0
+        },
+        selectOnFocus: {
+          type: Boolean,
+          "default": false
+        }
+      },
+      css: {
+        classes: classes,
+        loadStyle: loadStyle
+      },
+      provide: function provide() {
+        return {
+          $parentInstance: this
+        };
+      }
+    };
+
+    function _typeof$1(obj) { "@babel/helpers - typeof"; return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$1(obj); }
+    function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+    function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function _defineProperty$1(obj, key, value) { key = _toPropertyKey$1(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+    function _toPropertyKey$1(arg) { var key = _toPrimitive$1(arg, "string"); return _typeof$1(key) === "symbol" ? key : String(key); }
+    function _toPrimitive$1(input, hint) { if (_typeof$1(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof$1(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
     var script = {
-        name: 'Accordion',
-        extends: BaseComponent__default["default"],
-        emits: ['update:activeIndex', 'tab-open', 'tab-close', 'tab-click'],
-        props: {
-            multiple: {
-                type: Boolean,
-                default: false
-            },
-            activeIndex: {
-                type: [Number, Array],
-                default: null
-            },
-            lazy: {
-                type: Boolean,
-                default: false
-            },
-            expandIcon: {
-                type: String,
-                default: undefined
-            },
-            collapseIcon: {
-                type: String,
-                default: undefined
-            },
-            tabindex: {
-                type: Number,
-                default: 0
-            },
-            selectOnFocus: {
-                type: Boolean,
-                default: false
-            }
+      name: 'Accordion',
+      "extends": script$1,
+      emits: ['update:activeIndex', 'tab-open', 'tab-close', 'tab-click'],
+      data: function data() {
+        return {
+          id: this.$attrs.id,
+          d_activeIndex: this.activeIndex
+        };
+      },
+      watch: {
+        '$attrs.id': function $attrsId(newValue) {
+          this.id = newValue || utils.UniqueComponentId();
+        },
+        activeIndex: function activeIndex(newValue) {
+          this.d_activeIndex = newValue;
+        }
+      },
+      mounted: function mounted() {
+        this.id = this.id || utils.UniqueComponentId();
+      },
+      methods: {
+        isAccordionTab: function isAccordionTab(child) {
+          return child.type.name === 'AccordionTab';
         },
-        data() {
-            return {
-                id: this.$attrs.id,
-                d_activeIndex: this.activeIndex
-            };
+        isTabActive: function isTabActive(index) {
+          return this.multiple ? this.d_activeIndex && this.d_activeIndex.includes(index) : this.d_activeIndex === index;
         },
-        watch: {
-            '$attrs.id': function (newValue) {
-                this.id = newValue || utils.UniqueComponentId();
+        getTabProp: function getTabProp(tab, name) {
+          return tab.props ? tab.props[name] : undefined;
+        },
+        getKey: function getKey(tab, index) {
+          return this.getTabProp(tab, 'header') || index;
+        },
+        getTabHeaderActionId: function getTabHeaderActionId(index) {
+          return "".concat(this.id, "_").concat(index, "_header_action");
+        },
+        getTabContentId: function getTabContentId(index) {
+          return "".concat(this.id, "_").concat(index, "_content");
+        },
+        getTabPT: function getTabPT(tab, key, index) {
+          var count = this.tabs.length;
+          var tabMetaData = {
+            props: tab.props || {},
+            parent: {
+              props: this.$props,
+              state: this.$data
             },
-            activeIndex(newValue) {
-                this.d_activeIndex = newValue;
+            context: {
+              index: index,
+              count: count,
+              first: index === 0,
+              last: index === count - 1,
+              active: this.isTabActive(index)
             }
+          };
+          return _objectSpread$1(_objectSpread$1({}, this.ptm("tab.".concat(key), {
+            tab: tabMetaData
+          })), this.ptmo(this.getTabProp(tab, 'pt'), key, tabMetaData));
         },
-        mounted() {
-            this.id = this.id || utils.UniqueComponentId();
+        onTabClick: function onTabClick(event, tab, index) {
+          this.changeActiveIndex(event, tab, index);
+          this.$emit('tab-click', {
+            originalEvent: event,
+            index: index
+          });
         },
-        methods: {
-            isAccordionTab(child) {
-                return child.type.name === 'AccordionTab';
-            },
-            isTabActive(index) {
-                return this.multiple ? this.d_activeIndex && this.d_activeIndex.includes(index) : this.d_activeIndex === index;
-            },
-            getTabProp(tab, name) {
-                return tab.props ? tab.props[name] : undefined;
-            },
-            getKey(tab, index) {
-                return this.getTabProp(tab, 'header') || index;
-            },
-            getTabHeaderActionId(index) {
-                return `${this.id}_${index}_header_action`;
-            },
-            getTabContentId(index) {
-                return `${this.id}_${index}_content`;
-            },
-            getTabPT(tab, key) {
-                return this.ptmo(this.getTabProp(tab, 'pt'), key, {
-                    props: tab.props,
-                    parent: {
-                        props: this.$props,
-                        state: this.$data
-                    }
+        onTabKeyDown: function onTabKeyDown(event, tab, index) {
+          switch (event.code) {
+            case 'ArrowDown':
+              this.onTabArrowDownKey(event);
+              break;
+            case 'ArrowUp':
+              this.onTabArrowUpKey(event);
+              break;
+            case 'Home':
+              this.onTabHomeKey(event);
+              break;
+            case 'End':
+              this.onTabEndKey(event);
+              break;
+            case 'Enter':
+            case 'Space':
+              this.onTabEnterKey(event, tab, index);
+              break;
+          }
+        },
+        onTabArrowDownKey: function onTabArrowDownKey(event) {
+          var nextHeaderAction = this.findNextHeaderAction(event.target.parentElement.parentElement);
+          nextHeaderAction ? this.changeFocusedTab(event, nextHeaderAction) : this.onTabHomeKey(event);
+          event.preventDefault();
+        },
+        onTabArrowUpKey: function onTabArrowUpKey(event) {
+          var prevHeaderAction = this.findPrevHeaderAction(event.target.parentElement.parentElement);
+          prevHeaderAction ? this.changeFocusedTab(event, prevHeaderAction) : this.onTabEndKey(event);
+          event.preventDefault();
+        },
+        onTabHomeKey: function onTabHomeKey(event) {
+          var firstHeaderAction = this.findFirstHeaderAction();
+          this.changeFocusedTab(event, firstHeaderAction);
+          event.preventDefault();
+        },
+        onTabEndKey: function onTabEndKey(event) {
+          var lastHeaderAction = this.findLastHeaderAction();
+          this.changeFocusedTab(event, lastHeaderAction);
+          event.preventDefault();
+        },
+        onTabEnterKey: function onTabEnterKey(event, tab, index) {
+          this.changeActiveIndex(event, tab, index);
+          event.preventDefault();
+        },
+        findNextHeaderAction: function findNextHeaderAction(tabElement) {
+          var selfCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+          var nextTabElement = selfCheck ? tabElement : tabElement.nextElementSibling;
+          var headerElement = utils.DomHandler.findSingle(nextTabElement, '[data-pc-section="header"]');
+          return headerElement ? utils.DomHandler.getAttribute(headerElement, 'data-p-disabled') ? this.findNextHeaderAction(headerElement.parentElement) : utils.DomHandler.findSingle(headerElement, '[data-pc-section="headeraction"]') : null;
+        },
+        findPrevHeaderAction: function findPrevHeaderAction(tabElement) {
+          var selfCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+          var prevTabElement = selfCheck ? tabElement : tabElement.previousElementSibling;
+          var headerElement = utils.DomHandler.findSingle(prevTabElement, '[data-pc-section="header"]');
+          return headerElement ? utils.DomHandler.getAttribute(headerElement, 'data-p-disabled') ? this.findPrevHeaderAction(headerElement.parentElement) : utils.DomHandler.findSingle(headerElement, '[data-pc-section="headeraction"]') : null;
+        },
+        findFirstHeaderAction: function findFirstHeaderAction() {
+          return this.findNextHeaderAction(this.$el.firstElementChild, true);
+        },
+        findLastHeaderAction: function findLastHeaderAction() {
+          return this.findPrevHeaderAction(this.$el.lastElementChild, true);
+        },
+        changeActiveIndex: function changeActiveIndex(event, tab, index) {
+          if (!this.getTabProp(tab, 'disabled')) {
+            var active = this.isTabActive(index);
+            var eventName = active ? 'tab-close' : 'tab-open';
+            if (this.multiple) {
+              if (active) {
+                this.d_activeIndex = this.d_activeIndex.filter(function (i) {
+                  return i !== index;
                 });
-            },
-            onTabClick(event, tab, index) {
-                this.changeActiveIndex(event, tab, index);
-                this.$emit('tab-click', { originalEvent: event, index });
-            },
-            onTabKeyDown(event, tab, index) {
-                switch (event.code) {
-                    case 'ArrowDown':
-                        this.onTabArrowDownKey(event);
-                        break;
-
-                    case 'ArrowUp':
-                        this.onTabArrowUpKey(event);
-                        break;
-
-                    case 'Home':
-                        this.onTabHomeKey(event);
-                        break;
-
-                    case 'End':
-                        this.onTabEndKey(event);
-                        break;
-
-                    case 'Enter':
-                    case 'Space':
-                        this.onTabEnterKey(event, tab, index);
-                        break;
-                }
-            },
-            onTabArrowDownKey(event) {
-                const nextHeaderAction = this.findNextHeaderAction(event.target.parentElement.parentElement);
-
-                nextHeaderAction ? this.changeFocusedTab(event, nextHeaderAction) : this.onTabHomeKey(event);
-                event.preventDefault();
-            },
-            onTabArrowUpKey(event) {
-                const prevHeaderAction = this.findPrevHeaderAction(event.target.parentElement.parentElement);
-
-                prevHeaderAction ? this.changeFocusedTab(event, prevHeaderAction) : this.onTabEndKey(event);
-                event.preventDefault();
-            },
-            onTabHomeKey(event) {
-                const firstHeaderAction = this.findFirstHeaderAction();
-
-                this.changeFocusedTab(event, firstHeaderAction);
-                event.preventDefault();
-            },
-            onTabEndKey(event) {
-                const lastHeaderAction = this.findLastHeaderAction();
-
-                this.changeFocusedTab(event, lastHeaderAction);
-                event.preventDefault();
-            },
-            onTabEnterKey(event, tab, index) {
-                this.changeActiveIndex(event, tab, index);
-
-                event.preventDefault();
-            },
-            findNextHeaderAction(tabElement, selfCheck = false) {
-                const nextTabElement = selfCheck ? tabElement : tabElement.nextElementSibling;
-                const headerElement = utils.DomHandler.findSingle(nextTabElement, '.p-accordion-header');
-
-                return headerElement ? (utils.DomHandler.hasClass(headerElement, 'p-disabled') ? this.findNextHeaderAction(headerElement.parentElement) : utils.DomHandler.findSingle(headerElement, '.p-accordion-header-action')) : null;
-            },
-            findPrevHeaderAction(tabElement, selfCheck = false) {
-                const prevTabElement = selfCheck ? tabElement : tabElement.previousElementSibling;
-                const headerElement = utils.DomHandler.findSingle(prevTabElement, '.p-accordion-header');
-
-                return headerElement ? (utils.DomHandler.hasClass(headerElement, 'p-disabled') ? this.findPrevHeaderAction(headerElement.parentElement) : utils.DomHandler.findSingle(headerElement, '.p-accordion-header-action')) : null;
-            },
-            findFirstHeaderAction() {
-                return this.findNextHeaderAction(this.$el.firstElementChild, true);
-            },
-            findLastHeaderAction() {
-                return this.findPrevHeaderAction(this.$el.lastElementChild, true);
-            },
-            changeActiveIndex(event, tab, index) {
-                if (!this.getTabProp(tab, 'disabled')) {
-                    const active = this.isTabActive(index);
-                    const eventName = active ? 'tab-close' : 'tab-open';
-
-                    if (this.multiple) {
-                        if (active) {
-                            this.d_activeIndex = this.d_activeIndex.filter((i) => i !== index);
-                        } else {
-                            if (this.d_activeIndex) this.d_activeIndex.push(index);
-                            else this.d_activeIndex = [index];
-                        }
-                    } else {
-                        this.d_activeIndex = this.d_activeIndex === index ? null : index;
-                    }
-
-                    this.$emit('update:activeIndex', this.d_activeIndex);
-                    this.$emit(eventName, { originalEvent: event, index });
-                }
-            },
-            changeFocusedTab(event, element) {
-                if (element) {
-                    utils.DomHandler.focus(element);
-
-                    if (this.selectOnFocus) {
-                        const index = parseInt(element.parentElement.parentElement.dataset.index, 10);
-                        const tab = this.tabs[index];
-
-                        this.changeActiveIndex(event, tab, index);
-                    }
-                }
-            },
-            getTabClass(i) {
-                return [
-                    'p-accordion-tab',
-                    {
-                        'p-accordion-tab-active': this.isTabActive(i)
-                    }
-                ];
-            },
-            getTabHeaderClass(tab, i) {
-                return [
-                    'p-accordion-header',
-                    this.getTabProp(tab, 'headerClass'),
-                    {
-                        'p-highlight': this.isTabActive(i),
-                        'p-disabled': this.getTabProp(tab, 'disabled')
-                    }
-                ];
-            },
-            getTabContentClass(tab) {
-                return ['p-toggleable-content', this.getTabProp(tab, 'contentClass')];
+              } else {
+                if (this.d_activeIndex) this.d_activeIndex.push(index);else this.d_activeIndex = [index];
+              }
+            } else {
+              this.d_activeIndex = this.d_activeIndex === index ? null : index;
             }
+            this.$emit('update:activeIndex', this.d_activeIndex);
+            this.$emit(eventName, {
+              originalEvent: event,
+              index: index
+            });
+          }
         },
-        computed: {
-            tabs() {
-                return this.$slots.default().reduce((tabs, child) => {
-                    if (this.isAccordionTab(child)) {
-                        tabs.push(child);
-                    } else if (child.children && child.children instanceof Array) {
-                        child.children.forEach((nestedChild) => {
-                            if (this.isAccordionTab(nestedChild)) {
-                                tabs.push(nestedChild);
-                            }
-                        });
-                    }
-
-                    return tabs;
-                }, []);
+        changeFocusedTab: function changeFocusedTab(event, element) {
+          if (element) {
+            utils.DomHandler.focus(element);
+            if (this.selectOnFocus) {
+              var index = parseInt(element.parentElement.parentElement.dataset.pcIndex, 10);
+              var tab = this.tabs[index];
+              this.changeActiveIndex(event, tab, index);
             }
-        },
-        components: {
-            ChevronDownIcon: ChevronDownIcon__default["default"],
-            ChevronRightIcon: ChevronRightIcon__default["default"]
-        },
-        directives: {
-            ripple: Ripple__default["default"]
+          }
         }
-    };
-
-    const _hoisted_1 = ["data-index"];
-    const _hoisted_2 = ["id", "tabindex", "aria-disabled", "aria-expanded", "aria-controls", "onClick", "onKeydown"];
-    const _hoisted_3 = ["id", "aria-labelledby"];
-
-    function render(_ctx, _cache, $props, $setup, $data, $options) {
-      return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "p-accordion p-component" }, _ctx.ptm('root')), [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.tabs, (tab, i) => {
-          return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-            key: $options.getKey(tab, i),
-            class: $options.getTabClass(i),
-            "data-index": i
-          }, $options.getTabPT(tab, 'root')), [
-            vue.createElementVNode("div", vue.mergeProps({
-              style: $options.getTabProp(tab, 'headerStyle'),
-              class: $options.getTabHeaderClass(tab, i)
-            }, { ...$options.getTabProp(tab, 'headerProps'), ...$options.getTabPT(tab, 'header') }), [
-              vue.createElementVNode("a", vue.mergeProps({
-                id: $options.getTabHeaderActionId(i),
-                class: "p-accordion-header-link p-accordion-header-action",
-                tabindex: $options.getTabProp(tab, 'disabled') ? -1 : $props.tabindex,
-                role: "button",
-                "aria-disabled": $options.getTabProp(tab, 'disabled'),
-                "aria-expanded": $options.isTabActive(i),
-                "aria-controls": $options.getTabContentId(i),
-                onClick: $event => ($options.onTabClick($event, tab, i)),
-                onKeydown: $event => ($options.onTabKeyDown($event, tab, i))
-              }, { ...$options.getTabProp(tab, 'headeractionprops'), ...$options.getTabPT(tab, 'headeraction') }), [
-                (tab.children && tab.children.headericon)
-                  ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tab.children.headericon), {
-                      key: 0,
-                      isTabActive: $options.isTabActive(i),
-                      index: i
-                    }, null, 8, ["isTabActive", "index"]))
-                  : ($options.isTabActive(i))
-                    ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.collapseIcon ? 'span' : 'ChevronDownIcon'), vue.mergeProps({
-                        key: 1,
-                        class: ['p-accordion-toggle-icon', $props.collapseIcon],
-                        "aria-hidden": "true"
-                      }, $options.getTabPT(tab, 'headericon')), null, 16, ["class"]))
-                    : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.expandIcon ? 'span' : 'ChevronRightIcon'), vue.mergeProps({
-                        key: 2,
-                        class: ['p-accordion-toggle-icon', $props.expandIcon],
-                        "aria-hidden": "true"
-                      }, $options.getTabPT(tab, 'headericon')), null, 16, ["class"])),
-                (tab.props && tab.props.header)
-                  ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
-                      key: 3,
-                      class: "p-accordion-header-text"
-                    }, $options.getTabPT(tab, 'headertitle')), vue.toDisplayString(tab.props.header), 17))
-                  : vue.createCommentVNode("", true),
-                (tab.children && tab.children.header)
-                  ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tab.children.header), { key: 4 }))
-                  : vue.createCommentVNode("", true)
-              ], 16, _hoisted_2)
-            ], 16),
-            vue.createVNode(vue.Transition, { name: "p-toggleable-content" }, {
-              default: vue.withCtx(() => [
-                ($props.lazy ? $options.isTabActive(i) : true)
-                  ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-                      key: 0,
-                      id: $options.getTabContentId(i),
-                      style: $options.getTabProp(tab, 'contentStyle'),
-                      class: $options.getTabContentClass(tab),
-                      role: "region",
-                      "aria-labelledby": $options.getTabHeaderActionId(i)
-                    }, { ...$options.getTabProp(tab, 'contentProps'), ...$options.getTabPT(tab, 'toggleablecontent') }), [
-                      vue.createElementVNode("div", vue.mergeProps({ class: "p-accordion-content" }, $options.getTabPT(tab, 'content')), [
-                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tab)))
-                      ], 16)
-                    ], 16, _hoisted_3)), [
-                      [vue.vShow, $props.lazy ? true : $options.isTabActive(i)]
-                    ])
-                  : vue.createCommentVNode("", true)
-              ]),
-              _: 2
-            }, 1024)
-          ], 16, _hoisted_1))
-        }), 128))
-      ], 16))
-    }
-
-    function styleInject(css, ref) {
-      if ( ref === void 0 ) ref = {};
-      var insertAt = ref.insertAt;
-
-      if (!css || typeof document === 'undefined') { return; }
-
-      var head = document.head || document.getElementsByTagName('head')[0];
-      var style = document.createElement('style');
-      style.type = 'text/css';
-
-      if (insertAt === 'top') {
-        if (head.firstChild) {
-          head.insertBefore(style, head.firstChild);
-        } else {
-          head.appendChild(style);
+      },
+      computed: {
+        tabs: function tabs() {
+          var _this = this;
+          return this.$slots["default"]().reduce(function (tabs, child) {
+            if (_this.isAccordionTab(child)) {
+              tabs.push(child);
+            } else if (child.children && child.children instanceof Array) {
+              child.children.forEach(function (nestedChild) {
+                if (_this.isAccordionTab(nestedChild)) {
+                  tabs.push(nestedChild);
+                }
+              });
+            }
+            return tabs;
+          }, []);
         }
-      } else {
-        head.appendChild(style);
+      },
+      components: {
+        ChevronDownIcon: ChevronDownIcon__default["default"],
+        ChevronRightIcon: ChevronRightIcon__default["default"]
+      },
+      directives: {
+        ripple: Ripple__default["default"]
       }
+    };
 
-      if (style.styleSheet) {
-        style.styleSheet.cssText = css;
-      } else {
-        style.appendChild(document.createTextNode(css));
-      }
+    function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+    function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+    function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+    function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+    function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+    var _hoisted_1 = ["data-pc-index", "data-p-active"];
+    var _hoisted_2 = ["data-p-highlight", "data-p-disabled"];
+    var _hoisted_3 = ["id", "tabindex", "aria-disabled", "aria-expanded", "aria-controls", "onClick", "onKeydown"];
+    var _hoisted_4 = ["id", "aria-labelledby"];
+    function render(_ctx, _cache, $props, $setup, $data, $options) {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        "class": _ctx.cx('root')
+      }, _ctx.ptm('root')), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.tabs, function (tab, i) {
+        return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+          key: $options.getKey(tab, i),
+          "class": _ctx.cx('tab.root', {
+            tab: tab,
+            index: i
+          })
+        }, $options.getTabPT(tab, 'root', i), {
+          "data-pc-name": "accordiontab",
+          "data-pc-index": i,
+          "data-p-active": $options.isTabActive(i)
+        }), [vue.createElementVNode("div", vue.mergeProps({
+          style: $options.getTabProp(tab, 'headerStyle'),
+          "class": [_ctx.cx('tab.header', {
+            tab: tab,
+            index: i
+          }), $options.getTabProp(tab, 'headerClass')]
+        }, _objectSpread(_objectSpread({}, $options.getTabProp(tab, 'headerProps')), $options.getTabPT(tab, 'header', i)), {
+          "data-p-highlight": $options.isTabActive(i),
+          "data-p-disabled": $options.getTabProp(tab, 'disabled')
+        }), [vue.createElementVNode("a", vue.mergeProps({
+          id: $options.getTabHeaderActionId(i),
+          "class": _ctx.cx('tab.headerAction'),
+          tabindex: $options.getTabProp(tab, 'disabled') ? -1 : _ctx.tabindex,
+          role: "button",
+          "aria-disabled": $options.getTabProp(tab, 'disabled'),
+          "aria-expanded": $options.isTabActive(i),
+          "aria-controls": $options.getTabContentId(i),
+          onClick: function onClick($event) {
+            return $options.onTabClick($event, tab, i);
+          },
+          onKeydown: function onKeydown($event) {
+            return $options.onTabKeyDown($event, tab, i);
+          }
+        }, _objectSpread(_objectSpread({}, $options.getTabProp(tab, 'headeractionprops')), $options.getTabPT(tab, 'headeraction', i))), [tab.children && tab.children.headericon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tab.children.headericon), {
+          key: 0,
+          isTabActive: $options.isTabActive(i),
+          index: i
+        }, null, 8, ["isTabActive", "index"])) : $options.isTabActive(i) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.collapseIcon ? 'span' : 'ChevronDownIcon'), vue.mergeProps({
+          key: 1,
+          "class": [_ctx.cx('tab.headerIcon'), _ctx.collapseIcon],
+          "aria-hidden": "true"
+        }, $options.getTabPT(tab, 'headericon', i)), null, 16, ["class"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.expandIcon ? 'span' : 'ChevronRightIcon'), vue.mergeProps({
+          key: 2,
+          "class": [_ctx.cx('tab.headerIcon'), _ctx.expandIcon],
+          "aria-hidden": "true"
+        }, $options.getTabPT(tab, 'headericon', i)), null, 16, ["class"])), tab.props && tab.props.header ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
+          key: 3,
+          "class": _ctx.cx('tab.headerTitle')
+        }, $options.getTabPT(tab, 'headertitle', i)), vue.toDisplayString(tab.props.header), 17)) : vue.createCommentVNode("", true), tab.children && tab.children.header ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tab.children.header), {
+          key: 4
+        })) : vue.createCommentVNode("", true)], 16, _hoisted_3)], 16, _hoisted_2), vue.createVNode(vue.Transition, {
+          name: "p-toggleable-content"
+        }, {
+          "default": vue.withCtx(function () {
+            return [(_ctx.lazy ? $options.isTabActive(i) : true) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+              key: 0,
+              id: $options.getTabContentId(i),
+              style: $options.getTabProp(tab, 'contentStyle'),
+              "class": [_ctx.cx('tab.toggleableContent'), $options.getTabProp(tab, 'contentClass')],
+              role: "region",
+              "aria-labelledby": $options.getTabHeaderActionId(i)
+            }, _objectSpread(_objectSpread({}, $options.getTabProp(tab, 'contentProps')), $options.getTabPT(tab, 'toggleablecontent', i))), [vue.createElementVNode("div", vue.mergeProps({
+              "class": _ctx.cx('tab.content')
+            }, $options.getTabPT(tab, 'content', i)), [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tab)))], 16)], 16, _hoisted_4)), [[vue.vShow, _ctx.lazy ? true : $options.isTabActive(i)]]) : vue.createCommentVNode("", true)];
+          }),
+          _: 2
+        }, 1024)], 16, _hoisted_1);
+      }), 128))], 16);
     }
 
-    var css_248z = "\n.p-accordion-header-action {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    user-select: none;\n    position: relative;\n    text-decoration: none;\n}\n.p-accordion-header-action:focus {\n    z-index: 1;\n}\n.p-accordion-header-text {\n    line-height: 1;\n}\n";
-    styleInject(css_248z);
-
     script.render = render;
 
     return script;
 
-})(primevue.basecomponent, primevue.icons.chevrondown, primevue.icons.chevronright, primevue.ripple, primevue.utils, Vue);
+})(primevue.icons.chevrondown, primevue.icons.chevronright, primevue.ripple, primevue.utils, primevue.basecomponent, primevue.usestyle, Vue);