primevuelab 4.0.0-beta.4

package/tabpanel/TabPanel.vue

@@ -0,0 +1,56 @@
+<template>
+    <slot v-if="!$pcTabs"></slot>
+    <template v-else>
+        <template v-if="!asChild">
+            <component v-if="$pcTabs?.lazy ? active : true" v-show="$pcTabs?.lazy ? true : active" :is="as" :class="cx('root')" v-bind="attrs">
+                <slot></slot>
+            </component>
+        </template>
+
+        <slot v-else :class="cx('root')" :active="active" :a11yAttrs="a11yAttrs"></slot>
+    </template>
+</template>
+
+<script>
+import { ObjectUtils } from '@primevuelab/core/utils';
+import { mergeProps } from 'vue';
+import BaseTabPanel from './BaseTabPanel.vue';
+
+export default {
+    name: 'TabPanel',
+    extends: BaseTabPanel,
+    inheritAttrs: false,
+    inject: ['$pcTabs'],
+    computed: {
+        active() {
+            return ObjectUtils.equals(this.$pcTabs?.d_value, this.value);
+        },
+        id() {
+            return `${this.$pcTabs?.id}_tabpanel_${this.value}`;
+        },
+        ariaLabelledby() {
+            return `${this.$pcTabs?.id}_tab_${this.value}`;
+        },
+        attrs() {
+            return mergeProps(this.a11yAttrs, this.ptmi('root', this.ptParams));
+        },
+        a11yAttrs() {
+            return {
+                id: this.id,
+                tabindex: this.$pcTabs?.tabindex,
+                role: 'tabpanel',
+                'aria-labelledby': this.ariaLabelledby,
+                'data-pc-name': 'tabpanel',
+                'data-p-active': this.active
+            };
+        },
+        ptParams() {
+            return {
+                context: {
+                    active: this.active
+                }
+            };
+        }
+    }
+};
+</script>

package/tabpanel/package.json

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

package/tabpanel/style/TabPanelStyle.d.ts

@@ -0,0 +1,19 @@
+/**
+ *
+ * TabPanel is a helper component for Tabs component.
+ *
+ * [Live Demo](https://www.primevuelab.org/tabs/)
+ *
+ * @module tabpanelstyle
+ *
+ */
+import { BaseStyle } from '../../base/style';
+
+export enum TabPanelClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-tabpanel'
+}
+
+export interface TabPanelStyle extends BaseStyle {}

package/tabpanel/style/package.json

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

package/tabpanel/style/tabpanelstyle.mjs

@@ -0,0 +1,17 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var classes = {
+  root: function root(_ref) {
+    var instance = _ref.instance;
+    return ['p-tabpanel', {
+      'p-tabpanel-active': instance.active
+    }];
+  }
+};
+var TabPanelStyle = BaseStyle.extend({
+  name: 'tabpanel',
+  classes: classes
+});
+
+export { TabPanelStyle as default };
+//# sourceMappingURL=tabpanelstyle.mjs.map

package/tabpanel/style/tabpanelstyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabpanelstyle.mjs","sources":["../../../src/tabpanel/style/TabPanelStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nconst classes = {\n    root: ({ instance }) => [\n        'p-tabpanel',\n        {\n            'p-tabpanel-active': instance.active\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'tabpanel',\n    classes\n});\n"],"names":["classes","root","_ref","instance","active","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,OAAO,GAAG;EACZC,IAAI,EAAE,SAAAA,IAAAA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;IAAA,OAAO,CACpB,YAAY,EACZ;MACI,mBAAmB,EAAEA,QAAQ,CAACC,MAAAA;AAClC,KAAC,CACJ,CAAA;AAAA,GAAA;AACL,CAAC,CAAA;AAED,oBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,UAAU;AAChBP,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}

package/tabpanel/tabpanel.mjs

@@ -0,0 +1,112 @@
+import { ObjectUtils } from '@primevuelab/core/utils';
+import { mergeProps, renderSlot, openBlock, createElementBlock, Fragment, withDirectives, createBlock, resolveDynamicComponent, withCtx, vShow, createCommentVNode, normalizeClass } from 'vue';
+import BaseComponent from '@primevuelab/core/basecomponent';
+import TabPanelStyle from 'primevuelab/tabpanel/style';
+
+var script$1 = {
+  name: 'BaseTabPanel',
+  "extends": BaseComponent,
+  props: {
+    // in Tabs
+    value: {
+      type: String,
+      "default": undefined
+    },
+    as: {
+      type: String,
+      "default": 'DIV'
+    },
+    asChild: {
+      type: Boolean,
+      "default": false
+    },
+    // in TabView
+    header: null,
+    headerStyle: null,
+    headerClass: null,
+    headerProps: null,
+    headerActionProps: null,
+    contentStyle: null,
+    contentClass: null,
+    contentProps: null,
+    disabled: Boolean
+  },
+  style: TabPanelStyle,
+  provide: function provide() {
+    return {
+      $pcTabPanel: this,
+      $parentInstance: this
+    };
+  }
+};
+
+var script = {
+  name: 'TabPanel',
+  "extends": script$1,
+  inheritAttrs: false,
+  inject: ['$pcTabs'],
+  computed: {
+    active: function active() {
+      var _this$$pcTabs;
+      return ObjectUtils.equals((_this$$pcTabs = this.$pcTabs) === null || _this$$pcTabs === void 0 ? void 0 : _this$$pcTabs.d_value, this.value);
+    },
+    id: function id() {
+      var _this$$pcTabs2;
+      return "".concat((_this$$pcTabs2 = this.$pcTabs) === null || _this$$pcTabs2 === void 0 ? void 0 : _this$$pcTabs2.id, "_tabpanel_").concat(this.value);
+    },
+    ariaLabelledby: function ariaLabelledby() {
+      var _this$$pcTabs3;
+      return "".concat((_this$$pcTabs3 = this.$pcTabs) === null || _this$$pcTabs3 === void 0 ? void 0 : _this$$pcTabs3.id, "_tab_").concat(this.value);
+    },
+    attrs: function attrs() {
+      return mergeProps(this.a11yAttrs, this.ptmi('root', this.ptParams));
+    },
+    a11yAttrs: function a11yAttrs() {
+      var _this$$pcTabs4;
+      return {
+        id: this.id,
+        tabindex: (_this$$pcTabs4 = this.$pcTabs) === null || _this$$pcTabs4 === void 0 ? void 0 : _this$$pcTabs4.tabindex,
+        role: 'tabpanel',
+        'aria-labelledby': this.ariaLabelledby,
+        'data-pc-name': 'tabpanel',
+        'data-p-active': this.active
+      };
+    },
+    ptParams: function ptParams() {
+      return {
+        context: {
+          active: this.active
+        }
+      };
+    }
+  }
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _$options$$pcTabs, _$options$$pcTabs2;
+  return !$options.$pcTabs ? renderSlot(_ctx.$slots, "default", {
+    key: 0
+  }) : (openBlock(), createElementBlock(Fragment, {
+    key: 1
+  }, [!_ctx.asChild ? (openBlock(), createElementBlock(Fragment, {
+    key: 0
+  }, [((_$options$$pcTabs = $options.$pcTabs) !== null && _$options$$pcTabs !== void 0 && _$options$$pcTabs.lazy ? $options.active : true) ? withDirectives((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"])), [[vShow, (_$options$$pcTabs2 = $options.$pcTabs) !== null && _$options$$pcTabs2 !== void 0 && _$options$$pcTabs2.lazy ? true : $options.active]]) : createCommentVNode("", true)], 64)) : renderSlot(_ctx.$slots, "default", {
+    key: 1,
+    "class": normalizeClass(_ctx.cx('root')),
+    active: $options.active,
+    a11yAttrs: $options.a11yAttrs
+  })], 64));
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=tabpanel.mjs.map

package/tabpanel/tabpanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabpanel.mjs","sources":["../../src/tabpanel/BaseTabPanel.vue","../../src/tabpanel/TabPanel.vue","../../src/tabpanel/TabPanel.vue?vue&type=template&id=1ba4ac73&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport TabPanelStyle from 'primevuelab/tabpanel/style';\n\nexport default {\n    name: 'BaseTabPanel',\n    extends: BaseComponent,\n    props: {\n        // in Tabs\n        value: {\n            type: String,\n            default: undefined\n        },\n        as: {\n            type: String,\n            default: 'DIV'\n        },\n        asChild: {\n            type: Boolean,\n            default: false\n        },\n        // in TabView\n        header: null,\n        headerStyle: null,\n        headerClass: null,\n        headerProps: null,\n        headerActionProps: null,\n        contentStyle: null,\n        contentClass: null,\n        contentProps: null,\n        disabled: Boolean\n    },\n    style: TabPanelStyle,\n    provide() {\n        return {\n            $pcTabPanel: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <slot v-if=\"!$pcTabs\"></slot>\n    <template v-else>\n        <template v-if=\"!asChild\">\n            <component v-if=\"$pcTabs?.lazy ? active : true\" v-show=\"$pcTabs?.lazy ? true : active\" :is=\"as\" :class=\"cx('root')\" v-bind=\"attrs\">\n                <slot></slot>\n            </component>\n        </template>\n\n        <slot v-else :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\"></slot>\n    </template>\n</template>\n\n<script>\nimport { ObjectUtils } from '@primevuelab/core/utils';\nimport { mergeProps } from 'vue';\nimport BaseTabPanel from './BaseTabPanel.vue';\n\nexport default {\n    name: 'TabPanel',\n    extends: BaseTabPanel,\n    inheritAttrs: false,\n    inject: ['$pcTabs'],\n    computed: {\n        active() {\n            return ObjectUtils.equals(this.$pcTabs?.d_value, this.value);\n        },\n        id() {\n            return `${this.$pcTabs?.id}_tabpanel_${this.value}`;\n        },\n        ariaLabelledby() {\n            return `${this.$pcTabs?.id}_tab_${this.value}`;\n        },\n        attrs() {\n            return mergeProps(this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                tabindex: this.$pcTabs?.tabindex,\n                role: 'tabpanel',\n                'aria-labelledby': this.ariaLabelledby,\n                'data-pc-name': 'tabpanel',\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    <slot v-if=\"!$pcTabs\"></slot>\n    <template v-else>\n        <template v-if=\"!asChild\">\n            <component v-if=\"$pcTabs?.lazy ? active : true\" v-show=\"$pcTabs?.lazy ? true : active\" :is=\"as\" :class=\"cx('root')\" v-bind=\"attrs\">\n                <slot></slot>\n            </component>\n        </template>\n\n        <slot v-else :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\"></slot>\n    </template>\n</template>\n\n<script>\nimport { ObjectUtils } from '@primevuelab/core/utils';\nimport { mergeProps } from 'vue';\nimport BaseTabPanel from './BaseTabPanel.vue';\n\nexport default {\n    name: 'TabPanel',\n    extends: BaseTabPanel,\n    inheritAttrs: false,\n    inject: ['$pcTabs'],\n    computed: {\n        active() {\n            return ObjectUtils.equals(this.$pcTabs?.d_value, this.value);\n        },\n        id() {\n            return `${this.$pcTabs?.id}_tabpanel_${this.value}`;\n        },\n        ariaLabelledby() {\n            return `${this.$pcTabs?.id}_tab_${this.value}`;\n        },\n        attrs() {\n            return mergeProps(this.a11yAttrs, this.ptmi('root', this.ptParams));\n        },\n        a11yAttrs() {\n            return {\n                id: this.id,\n                tabindex: this.$pcTabs?.tabindex,\n                role: 'tabpanel',\n                'aria-labelledby': this.ariaLabelledby,\n                'data-pc-name': 'tabpanel',\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","as","asChild","Boolean","header","headerStyle","headerClass","headerProps","headerActionProps","contentStyle","contentClass","contentProps","disabled","style","TabPanelStyle","provide","$pcTabPanel","$parentInstance","BaseTabPanel","inheritAttrs","inject","computed","active","_this$$pcTabs","ObjectUtils","equals","$pcTabs","d_value","id","_this$$pcTabs2","concat","ariaLabelledby","_this$$pcTabs3","attrs","mergeProps","a11yAttrs","ptmi","ptParams","_this$$pcTabs4","tabindex","role","context","$options","_renderSlot","_ctx","$slots","key","_createElementBlock","_Fragment","_$options$$pcTabs","lazy","_createBlock","_resolveDynamicComponent","_mergeProps","cx","_$options$$pcTabs2"],"mappings":"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"}

package/tabpanels/BaseTabPanels.vue

@@ -0,0 +1,17 @@
+<script>
+import BaseComponent from '@primevuelab/core/basecomponent';
+import TabPanelsStyle from 'primevuelab/tabpanels/style';
+
+export default {
+    name: 'BaseTabPanels',
+    extends: BaseComponent,
+    props: {},
+    style: TabPanelsStyle,
+    provide() {
+        return {
+            $pcTabPanels: this,
+            $parentInstance: this
+        };
+    }
+};
+</script>

package/tabpanels/TabPanels.d.ts

@@ -0,0 +1,128 @@
+/**
+ *
+ * TabPanels is a helper component for Tabs component.
+ *
+ * [Live Demo](https://www.primevuelab.org/tabview/)
+ *
+ * @module tabpanels
+ *
+ */
+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 TabPanelsPassThroughOptionType = TabPanelsPassThroughAttributes | ((options: TabPanelsPassThroughMethodOptions) => TabPanelsPassThroughAttributes | string) | string | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface TabPanelsPassThroughMethodOptions {
+    /**
+     * Defines instance.
+     */
+    instance: any;
+    /**
+     * Defines valid properties.
+     */
+    props: TabPanelsProps;
+    /**
+     * Defines current options.
+     */
+    context: TabPanelsContext;
+    /**
+     * 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 TabPanelsProps.pt}
+ */
+export interface TabPanelsPassThroughOptions {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: TabPanelsPassThroughOptionType;
+    /**
+     * Used to manage all lifecycle hooks.
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
+}
+
+export interface TabPanelsPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines valid properties in TabPanels component.
+ */
+export interface TabPanelsProps {
+    /**
+     * 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 {TabPanelsPassThroughOptions}
+     */
+    pt?: PassThrough<TabPanelsPassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+}
+
+/**
+ * Defines current options in TabPanels component.
+ */
+export interface TabPanelsContext {
+    [key: string]: any;
+}
+
+/**
+ * Defines valid slots in TabPanels slots.
+ */
+export interface TabPanelsSlots {
+    /**
+     * Custom content template.
+     */
+    default(): VNode[];
+}
+
+export interface TabPanelsEmitsOptions {}
+
+export declare type TabPanelsEmits = EmitFn<TabPanelsEmitsOptions>;
+
+/**
+ * **primevuelab - TabPanels**
+ *
+ * _TabPanels is a helper component for Tabs component._
+ *
+ * [Live Demo](https://www.primevuelab.org/tabs/)
+ * --- ---
+ * ![primevuelab](https://primefaces.org/cdn/primevuelab/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
+declare const TabPanels: DefineComponent<TabPanelsProps, TabPanelsSlots, TabPanelsEmits>;
+
+declare module 'vue' {
+    export interface GlobalComponents {
+        TabPanels: GlobalComponentConstructor<TabPanelsProps, TabPanelsSlots, TabPanelsEmits>;
+    }
+}
+
+export default TabPanels;

package/tabpanels/TabPanels.vue

@@ -0,0 +1,15 @@
+<template>
+    <div :class="cx('root')" role="presentation" v-bind="ptmi('root')">
+        <slot></slot>
+    </div>
+</template>
+
+<script>
+import BaseTabPanels from './BaseTabPanels.vue';
+
+export default {
+    name: 'TabPanels',
+    extends: BaseTabPanels,
+    inheritAttrs: false
+};
+</script>

package/tabpanels/package.json

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

package/tabpanels/style/TabPanelsStyle.d.ts

@@ -0,0 +1,19 @@
+/**
+ *
+ * TabPanels is a helper component for Tabs component.
+ *
+ * [Live Demo](https://www.primevuelab.org/tabs/)
+ *
+ * @module tabpanelsstyle
+ *
+ */
+import { BaseStyle } from '../../base/style';
+
+export enum TabPanelsClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-tabpanels'
+}
+
+export interface TabPanelsStyle extends BaseStyle {}

package/tabpanels/style/package.json

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

package/tabpanels/style/tabpanelsstyle.mjs

@@ -0,0 +1,12 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var classes = {
+  root: 'p-tabpanels'
+};
+var TabPanelsStyle = BaseStyle.extend({
+  name: 'tabpanels',
+  classes: classes
+});
+
+export { TabPanelsStyle as default };
+//# sourceMappingURL=tabpanelsstyle.mjs.map

package/tabpanels/style/tabpanelsstyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabpanelsstyle.mjs","sources":["../../../src/tabpanels/style/TabPanelsStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nconst classes = {\n    root: 'p-tabpanels'\n};\n\nexport default BaseStyle.extend({\n    name: 'tabpanels',\n    classes\n});\n"],"names":["classes","root","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,aAAA;AACV,CAAC,CAAA;AAED,qBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,WAAW;AACjBJ,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}

package/tabpanels/tabpanels.mjs

@@ -0,0 +1,34 @@
+import BaseComponent from '@primevuelab/core/basecomponent';
+import TabPanelsStyle from 'primevuelab/tabpanels/style';
+import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
+
+var script$1 = {
+  name: 'BaseTabPanels',
+  "extends": BaseComponent,
+  props: {},
+  style: TabPanelsStyle,
+  provide: function provide() {
+    return {
+      $pcTabPanels: this,
+      $parentInstance: this
+    };
+  }
+};
+
+var script = {
+  name: 'TabPanels',
+  "extends": script$1,
+  inheritAttrs: false
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", mergeProps({
+    "class": _ctx.cx('root'),
+    role: "presentation"
+  }, _ctx.ptmi('root')), [renderSlot(_ctx.$slots, "default")], 16);
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=tabpanels.mjs.map

package/tabpanels/tabpanels.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabpanels.mjs","sources":["../../src/tabpanels/BaseTabPanels.vue","../../src/tabpanels/TabPanels.vue","../../src/tabpanels/TabPanels.vue?vue&type=template&id=7bfe8426&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport TabPanelsStyle from 'primevuelab/tabpanels/style';\n\nexport default {\n    name: 'BaseTabPanels',\n    extends: BaseComponent,\n    props: {},\n    style: TabPanelsStyle,\n    provide() {\n        return {\n            $pcTabPanels: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"presentation\" v-bind=\"ptmi('root')\">\n        <slot></slot>\n    </div>\n</template>\n\n<script>\nimport BaseTabPanels from './BaseTabPanels.vue';\n\nexport default {\n    name: 'TabPanels',\n    extends: BaseTabPanels,\n    inheritAttrs: false\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"presentation\" v-bind=\"ptmi('root')\">\n        <slot></slot>\n    </div>\n</template>\n\n<script>\nimport BaseTabPanels from './BaseTabPanels.vue';\n\nexport default {\n    name: 'TabPanels',\n    extends: BaseTabPanels,\n    inheritAttrs: false\n};\n</script>\n"],"names":["name","BaseComponent","props","style","TabPanelsStyle","provide","$pcTabPanels","$parentInstance","BaseTabPanels","inheritAttrs","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","role","ptmi","_renderSlot","$slots"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,eAAe;AACrB,EAAA,SAAA,EAASC,aAAa;EACtBC,KAAK,EAAE,EAAE;AACTC,EAAAA,KAAK,EAAEC,cAAc;EACrBC,OAAO,EAAA,SAAAA,UAAG;IACN,OAAO;AACHC,MAAAA,YAAY,EAAE,IAAI;AAClBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;ACND,aAAe;AACXP,EAAAA,IAAI,EAAE,WAAW;AACjB,EAAA,SAAA,EAASQ,QAAa;AACtBC,EAAAA,YAAY,EAAE,KAAA;AAClB,CAAC;;;ECZG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAEK,OAFLC,UAEK,CAAA;AAFC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;AAAUC,IAAAA,IAAI,EAAC,cAAA;KAAuBF,IAAI,CAAAG,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACrDC,UAAY,CAAAJ,IAAA,CAAAK,MAAA,EAAA,SAAA,CAAA;;;;;;;"}

package/tabs/BaseTabs.vue

@@ -0,0 +1,42 @@
+<script>
+import BaseComponent from '@primevuelab/core/basecomponent';
+import TabsStyle from 'primevuelab/tabs/style';
+
+export default {
+    name: 'BaseTabs',
+    extends: BaseComponent,
+    props: {
+        value: {
+            type: String,
+            default: undefined
+        },
+        lazy: {
+            type: Boolean,
+            default: false
+        },
+        scrollable: {
+            type: Boolean,
+            default: false
+        },
+        showNavigators: {
+            type: Boolean,
+            default: true
+        },
+        tabindex: {
+            type: Number,
+            default: 0
+        },
+        selectOnFocus: {
+            type: Boolean,
+            default: false
+        }
+    },
+    style: TabsStyle,
+    provide() {
+        return {
+            $pcTabs: this,
+            $parentInstance: this
+        };
+    }
+};
+</script>