@nuralyui/tabs 0.0.13 → 0.0.15

package/tabs.types.d.ts

@@ -0,0 +1,141 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * Tab orientation options
+ */
+export declare const enum TabOrientation {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}
+/**
+ * Tab alignment options
+ */
+export declare const enum TabsAlign {
+    Right = "right",
+    Left = "left",
+    Center = "center"
+}
+/**
+ * Tab size options
+ */
+export declare const enum TabSize {
+    Small = "small",
+    Medium = "medium",
+    Large = "large"
+}
+/**
+ * Tab type/variant options
+ */
+export declare const enum TabType {
+    Default = "default",
+    Card = "card",
+    Line = "line",
+    Bordered = "bordered"
+}
+/**
+ * Tab events enumeration
+ */
+export declare const enum TabEvent {
+    TabClick = "nr-tab-click",
+    TabAdd = "nr-tab-add",
+    TabRemove = "nr-tab-remove",
+    TabEdit = "nr-tab-edit",
+    TabOrderChange = "nr-tab-order-change",
+    TabChange = "nr-tab-change"
+}
+/**
+ * Individual tab configuration interface
+ */
+export interface TabItem {
+    /** Unique identifier for the tab */
+    id?: string | number;
+    /** Tab label/title */
+    label: string;
+    /** Tab content (HTML template or string) */
+    content?: any;
+    /** Whether the tab is disabled */
+    disabled?: boolean;
+    /** Whether the tab can be closed */
+    closable?: boolean;
+    /** Icon for the tab */
+    icon?: string;
+    /** Custom CSS classes for the tab */
+    className?: string;
+    /** Tab-specific editable options */
+    editable?: Partial<TabEditable>;
+    /** Custom data attributes */
+    data?: Record<string, any>;
+}
+/**
+ * Tab editable configuration interface
+ */
+export interface TabEditable {
+    /** Whether tabs can be deleted/removed */
+    canDeleteTab: boolean;
+    /** Whether tab titles can be edited inline */
+    canEditTabTitle: boolean;
+    /** Whether new tabs can be added */
+    canAddTab: boolean;
+    /** Whether tabs can be reordered via drag & drop */
+    canMove: boolean;
+}
+/**
+ * Tab event detail interfaces
+ */
+export interface TabClickEventDetail {
+    index: number;
+    tab: TabItem;
+    previousIndex?: number;
+}
+export interface TabAddEventDetail {
+    tab?: Partial<TabItem>;
+    index?: number;
+}
+export interface TabRemoveEventDetail {
+    index: number;
+    tab: TabItem;
+}
+export interface TabEditEventDetail {
+    index: number;
+    tab: TabItem;
+    oldLabel: string;
+    newLabel: string;
+}
+export interface TabOrderChangeEventDetail {
+    sourceIndex: number;
+    targetIndex: number;
+    sourceTab: TabItem;
+    targetTab: TabItem;
+}
+/**
+ * Tab configuration options
+ */
+export interface TabsConfig {
+    /** Tab orientation */
+    orientation?: TabOrientation;
+    /** Tab alignment */
+    align?: TabsAlign;
+    /** Tab size */
+    size?: TabSize;
+    /** Tab type/variant */
+    type?: TabType;
+    /** Whether tabs are editable */
+    editable?: TabEditable;
+    /** Whether tabs are animated */
+    animated?: boolean;
+    /** Whether to hide tab content when tab is not active */
+    destroyInactiveTabPane?: boolean;
+    /** Custom tab bar extra content */
+    tabBarExtraContent?: any;
+}
+/**
+ * Constants
+ */
+export declare const EMPTY_STRING = "";
+export declare const NOTHING_STRING = "";
+export declare const DEFAULT_ACTIVE_TAB = 0;
+export declare const LABEL_ATTRIBUTES = "label";
+//# sourceMappingURL=tabs.types.d.ts.map

package/tabs.types.js

@@ -0,0 +1,13 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * Constants
+ */
+export const EMPTY_STRING = '';
+export const NOTHING_STRING = '';
+export const DEFAULT_ACTIVE_TAB = 0;
+export const LABEL_ATTRIBUTES = 'label';
+//# sourceMappingURL=tabs.types.js.map

package/tabs.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.types.js","sourceRoot":"","sources":["../../../src/components/tabs/tabs.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AA+IH;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC;AAC/B,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAC;AACpC,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2023 Nuraly, Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\n/**\n * Tab orientation options\n */\nexport const enum TabOrientation {\n  Horizontal = 'horizontal',\n  Vertical = 'vertical'\n}\n\n/**\n * Tab alignment options\n */\nexport const enum TabsAlign {\n  Right = 'right',\n  Left = 'left',\n  Center = 'center'\n}\n\n/**\n * Tab size options\n */\nexport const enum TabSize {\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large'\n}\n\n/**\n * Tab type/variant options\n */\nexport const enum TabType {\n  Default = 'default',\n  Card = 'card',\n  Line = 'line',\n  Bordered = 'bordered'\n}\n\n/**\n * Tab events enumeration\n */\nexport const enum TabEvent {\n  TabClick = 'nr-tab-click',\n  TabAdd = 'nr-tab-add',\n  TabRemove = 'nr-tab-remove',\n  TabEdit = 'nr-tab-edit',\n  TabOrderChange = 'nr-tab-order-change',\n  TabChange = 'nr-tab-change'\n}\n\n/**\n * Individual tab configuration interface\n */\nexport interface TabItem {\n  /** Unique identifier for the tab */\n  id?: string | number;\n  /** Tab label/title */\n  label: string;\n  /** Tab content (HTML template or string) */\n  content?: any;\n  /** Whether the tab is disabled */\n  disabled?: boolean;\n  /** Whether the tab can be closed */\n  closable?: boolean;\n  /** Icon for the tab */\n  icon?: string;\n  /** Custom CSS classes for the tab */\n  className?: string;\n  /** Tab-specific editable options */\n  editable?: Partial<TabEditable>;\n  /** Custom data attributes */\n  data?: Record<string, any>;\n}\n\n/**\n * Tab editable configuration interface\n */\nexport interface TabEditable {\n  /** Whether tabs can be deleted/removed */\n  canDeleteTab: boolean;\n  /** Whether tab titles can be edited inline */\n  canEditTabTitle: boolean;\n  /** Whether new tabs can be added */\n  canAddTab: boolean;\n  /** Whether tabs can be reordered via drag & drop */\n  canMove: boolean;\n}\n\n/**\n * Tab event detail interfaces\n */\nexport interface TabClickEventDetail {\n  index: number;\n  tab: TabItem;\n  previousIndex?: number;\n}\n\nexport interface TabAddEventDetail {\n  tab?: Partial<TabItem>;\n  index?: number;\n}\n\nexport interface TabRemoveEventDetail {\n  index: number;\n  tab: TabItem;\n}\n\nexport interface TabEditEventDetail {\n  index: number;\n  tab: TabItem;\n  oldLabel: string;\n  newLabel: string;\n}\n\nexport interface TabOrderChangeEventDetail {\n  sourceIndex: number;\n  targetIndex: number;\n  sourceTab: TabItem;\n  targetTab: TabItem;\n}\n\n/**\n * Tab configuration options\n */\nexport interface TabsConfig {\n  /** Tab orientation */\n  orientation?: TabOrientation;\n  /** Tab alignment */\n  align?: TabsAlign;\n  /** Tab size */\n  size?: TabSize;\n  /** Tab type/variant */\n  type?: TabType;\n  /** Whether tabs are editable */\n  editable?: TabEditable;\n  /** Whether tabs are animated */\n  animated?: boolean;\n  /** Whether to hide tab content when tab is not active */\n  destroyInactiveTabPane?: boolean;\n  /** Custom tab bar extra content */\n  tabBarExtraContent?: any;\n}\n\n/**\n * Constants\n */\nexport const EMPTY_STRING = '';\nexport const NOTHING_STRING = '';\nexport const DEFAULT_ACTIVE_TAB = 0;\nexport const LABEL_ATTRIBUTES = 'label';"]}

package/demo/tabs-demo.d.ts

@@ -1,32 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google Laabidi Aymen
- * SPDX-License-Identifier: MIT
- */
-import { LitElement } from 'lit';
-import '../tabs.component';
-import '../../icon';
-import '../../../helpers/ThemeHandler';
-export declare class ElMeenuElement extends LitElement {
-    float: string;
-    editableTabs: {
-        label: string;
-        content: import("lit").TemplateResult<1>;
-    }[];
-    editableActiveTab: number;
-    orientation: string;
-    editableConfig: {
-        canDeleteTab: boolean;
-        canEditTabTitle: boolean;
-        canAddTab: boolean;
-        canMove: boolean;
-    };
-    swapElements(arr: any, index1: any, index2: any): any;
-    protected render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'hy-tabs-demo': ElMeenuElement;
-    }
-}
-//# sourceMappingURL=tabs-demo.d.ts.map

package/demo/tabs-demo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs-demo.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/demo/tabs-demo.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAGrC,OAAO,mBAAmB,CAAC;AAE3B,OAAO,YAAY,CAAC;AACpB,OAAO,+BAA+B,CAAC;AAEvC,qBACa,cAAe,SAAQ,UAAU;IAE5C,KAAK,SAAU;IAGf,YAAY;;;QAaV;IAGF,iBAAiB,SAAK;IAGtB,WAAW,SAAgB;IAG3B,cAAc;;;;;MAKZ;IAEF,YAAY,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG;cAO5B,MAAM;CAiM1B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,cAAc,CAAC;KAChC;CACF"}

package/demo/tabs-demo.js

@@ -1,263 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/**
- * @license
- * Copyright 2023 Google Laabidi Aymen
- * SPDX-License-Identifier: MIT
- */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { LitElement, html } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
-import '../tabs.component';
-import '../../icon';
-import '../../../helpers/ThemeHandler';
-let ElMeenuElement = class ElMeenuElement extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.float = 'left';
-        this.editableTabs = [
-            {
-                label: 'Tab 1',
-                content: html `Content for Tab 1`,
-            },
-            {
-                label: 'Tab 2',
-                content: html `Content for Tab 2`,
-            },
-            {
-                label: 'Tab 3',
-                content: html `Content for Tab 3`,
-            },
-        ];
-        this.editableActiveTab = 0;
-        this.orientation = 'horizontal';
-        this.editableConfig = {
-            canDeleteTab: false,
-            canEditTabTitle: false,
-            canAddTab: true,
-            canMove: true,
-        };
-    }
-    swapElements(arr, index1, index2) {
-        const temp = arr[index1];
-        arr[index1] = arr[index2];
-        arr[index2] = temp;
-        return arr;
-    }
-    render() {
-        var _a, _b;
-        return html `
-    <theme-handler>
-      <hy-tabs>
-        <div label="Tab 1">Content for Tab 1</div>
-        <div label="Tab 2">Content for Tab 2</div>
-        <div label="Tab 3">Content for Tab 3</div>
-      </hy-tabs>
-      <br />
-      <button
-        @click=${() => {
-            var _a;
-            this.editableConfig.canDeleteTab = !((_a = this.editableConfig) === null || _a === void 0 ? void 0 : _a.canDeleteTab);
-            this.requestUpdate();
-            this.editableConfig = Object.assign({}, this.editableConfig);
-        }}
-      >
-        ${((_a = this.editableConfig) === null || _a === void 0 ? void 0 : _a.canDeleteTab) ? 'Disable delete' : 'Enable delete'} mode
-      </button>
-      <button
-        @click=${() => {
-            var _a;
-            this.editableConfig.canEditTabTitle = !((_a = this.editableConfig) === null || _a === void 0 ? void 0 : _a.canEditTabTitle);
-            this.requestUpdate();
-            this.editableConfig = Object.assign({}, this.editableConfig);
-        }}
-      >
-        ${((_b = this.editableConfig) === null || _b === void 0 ? void 0 : _b.canEditTabTitle) ? 'Disable edition' : 'Enable edition'} mode
-      </button>
-      <button
-        @click=${() => {
-            this.orientation = this.orientation === 'vertical' ? 'horizontal' : 'vertical';
-        }}
-      >
-        ${this.orientation == 'vertical' ? 'vertical' : 'horizontal'} mode
-      </button>
-      <br />
-      <hy-tabs
-        .tabs=${this.editableTabs}
-        .orientation=${this.orientation}
-        @tabOrderChange=${(e) => {
-            this.editableTabs = this.swapElements(this.editableTabs, e.detail.sourceIndex, e.detail.targetIndex);
-            this.editableTabs = [...this.editableTabs];
-        }}
-        activeTab=${this.editableActiveTab}
-        .editable=${Object.assign({}, this.editableConfig)}
-        @addTab=${() => {
-            this.editableTabs.push({
-                label: 'Tab ' + (this.editableTabs.length + 1),
-                content: html `Content for Tab ${this.editableTabs.length + 1}`,
-            });
-            this.editableTabs = [...this.editableTabs];
-            this.editableActiveTab = this.editableTabs.length - 1;
-        }}
-        @removeTab=${(e) => {
-            this.editableTabs.splice(e.detail.index, 1);
-            this.editableTabs = [...this.editableTabs];
-        }}
-        @tabEdited=${(e) => {
-            const { tab } = e.detail;
-            this.editableTabs[tab.index] = Object.assign(Object.assign({}, this.editableTabs[tab.index]), { label: tab.label });
-        }}
-      >
-        ${this.editableTabs.map((tab) => {
-            return html `<div label=${tab.label}>${tab.content}</div>`;
-        })}
-      </hy-tabs>
-      <br />
-      <br />
-      <hy-tabs
-        activeTab=${this.editableActiveTab}
-        .editable=${{
-            //canEditTabTitle: true,
-            canAddTab: true,
-            canMove: true,
-        }}
-        @tabEdited=${(e) => {
-            console.log('tab', e.detail.tab);
-        }}
-        @addTab=${() => {
-            this.editableTabs.push({
-                label: 'Tab ' + (this.editableTabs.length + 1),
-                content: html `Content for Tab ${this.editableTabs.length + 1}`,
-            });
-            this.editableTabs = [...this.editableTabs];
-            this.editableActiveTab = this.editableTabs.length - 1;
-        }}
-        @removeTab=${(e) => {
-            this.editableTabs.splice(e.detail.index, 1);
-        }}
-      >
-        ${this.editableTabs.map((tab) => {
-            return html `<div label=${tab.label}>${tab.content}</div>`;
-        })}
-      </hy-tabs>
-      <br />
-      <br />
-      <br />
-      <hy-tabs
-        activeTab=${this.editableActiveTab}
-        .editable=${{
-            canAddTab: true,
-        }}
-        @tabEdited=${(e) => {
-            console.log('tab', e.detail.tab);
-        }}
-        @addTab=${() => {
-            this.editableTabs.push({
-                label: 'Tab ' + (this.editableTabs.length + 1),
-                content: html `Content for Tab ${this.editableTabs.length + 1}`,
-            });
-            this.editableTabs = [...this.editableTabs];
-            this.editableActiveTab = this.editableTabs.length - 1;
-        }}
-        @removeTab=${(e) => {
-            console.log(e);
-            this.editableTabs.splice(e.detail.index, 1);
-            this.editableTabs = [...this.editableTabs];
-        }}
-      >
-        ${this.editableTabs.map((tab) => {
-            return html `<div label=${tab.label}>${tab.content}</div>`;
-        })}
-      </hy-tabs>
-      <br />
-      <br />
-      <br />
-      <hy-tabs
-        activeTab=${this.editableActiveTab}
-        .editable=${{
-            canDeleteTab: true,
-        }}
-        @tabEdited=${(e) => {
-            console.log('tab', e.detail.tab);
-        }}
-        @addTab=${() => {
-            this.editableTabs.push({
-                label: 'Tab ' + (this.editableTabs.length + 1),
-                content: html `Content for Tab ${this.editableTabs.length + 1}`,
-            });
-            this.editableTabs = [...this.editableTabs];
-            this.editableActiveTab = this.editableTabs.length - 1;
-        }}
-        @removeTab=${(e) => {
-            this.editableTabs.splice(e.detail.index, 1);
-        }}
-      >
-        ${this.editableTabs.map((tab) => {
-            return html `<div label=${tab.label}>${tab.content}</div>`;
-        })}
-      </hy-tabs>
-      <br />
-      <br />
-      <hy-tabs>
-        <div label="Tab 1">Content for Tab 1</div>
-        <div label="Tab 2">Content for Tab 2</div>
-        <div label="Tab 3">Content for Tab 3</div>
-      </hy-tabs>
-      <br />
-      <br />
-      <br />
-      <hy-tabs orientation="vertical">
-        <div label="Tab 1">Content for Tab 1</div>
-        <div label="Tab 2">Content for Tab 2</div>
-        <div label="Tab 3">Content for Tab 3</div>
-      </hy-tabs>
-      <br />
-      <br />
-      <hy-tabs orientation="vertical" tabsAlign="right">
-        <div label="Tab 1">Content for Tab 1</div>
-        <div label="Tab 2">Content for Tab 2</div>
-        <div label="Tab 3">Content for Tab 3</div>
-      </hy-tabs>
-      <br />
-      <br />
-      <hy-tabs tabsAlign="center">
-        <div label="Tab 1">Content for Tab 1</div>
-        <div label="Tab 2">Content for Tab 2</div>
-        <div label="Tab 3">Content for Tab 3</div>
-      </hy-tabs>
-      <br />
-      <br />
-      <hy-tabs tabsAlign="right">
-        <div label="Tab 1">Content for Tab 1</div>
-        <div label="Tab 2">Content for Tab 2</div>
-        <div label="Tab 3">Content for Tab 3</div>
-      </hy-tabs>
-      </theme-handler>
-    `;
-    }
-};
-__decorate([
-    state()
-], ElMeenuElement.prototype, "float", void 0);
-__decorate([
-    state()
-], ElMeenuElement.prototype, "editableTabs", void 0);
-__decorate([
-    state()
-], ElMeenuElement.prototype, "editableActiveTab", void 0);
-__decorate([
-    state()
-], ElMeenuElement.prototype, "orientation", void 0);
-__decorate([
-    state()
-], ElMeenuElement.prototype, "editableConfig", void 0);
-ElMeenuElement = __decorate([
-    customElement('hy-tabs-demo')
-], ElMeenuElement);
-export { ElMeenuElement };
-//# sourceMappingURL=tabs-demo.js.map

package/demo/tabs-demo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs-demo.js","sourceRoot":"","sources":["../../../../src/components/tabs/demo/tabs-demo.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/**\n * @license\n * Copyright 2023 Google Laabidi Aymen\n * SPDX-License-Identifier: MIT\n */\n\nimport {LitElement, html} from 'lit';\nimport {customElement, state} from 'lit/decorators.js';\n\nimport '../tabs.component';\n\nimport '../../icon';\nimport '../../../helpers/ThemeHandler';\n\n@customElement('hy-tabs-demo')\nexport class ElMeenuElement extends LitElement {\n  @state()\n  float = 'left';\n\n  @state()\n  editableTabs = [\n    {\n      label: 'Tab 1',\n      content: html`Content for Tab 1`,\n    },\n    {\n      label: 'Tab 2',\n      content: html`Content for Tab 2`,\n    },\n    {\n      label: 'Tab 3',\n      content: html`Content for Tab 3`,\n    },\n  ];\n\n  @state()\n  editableActiveTab = 0;\n\n  @state()\n  orientation = 'horizontal';\n\n  @state()\n  editableConfig = {\n    canDeleteTab: false,\n    canEditTabTitle: false,\n    canAddTab: true,\n    canMove: true,\n  };\n\n  swapElements(arr: any, index1: any, index2: any) {\n    const temp = arr[index1];\n    arr[index1] = arr[index2];\n    arr[index2] = temp;\n    return arr;\n  }\n\n  protected override render() {\n    return html`\n    <theme-handler>\n      <hy-tabs>\n        <div label=\"Tab 1\">Content for Tab 1</div>\n        <div label=\"Tab 2\">Content for Tab 2</div>\n        <div label=\"Tab 3\">Content for Tab 3</div>\n      </hy-tabs>\n      <br />\n      <button\n        @click=${() => {\n          this.editableConfig.canDeleteTab = !this.editableConfig?.canDeleteTab;\n          this.requestUpdate();\n          this.editableConfig = {...this.editableConfig};\n        }}\n      >\n        ${this.editableConfig?.canDeleteTab ? 'Disable delete' : 'Enable delete'} mode\n      </button>\n      <button\n        @click=${() => {\n          this.editableConfig.canEditTabTitle = !this.editableConfig?.canEditTabTitle;\n          this.requestUpdate();\n          this.editableConfig = {...this.editableConfig};\n        }}\n      >\n        ${this.editableConfig?.canEditTabTitle ? 'Disable edition' : 'Enable edition'} mode\n      </button>\n      <button\n        @click=${() => {\n          this.orientation = this.orientation === 'vertical' ? 'horizontal' : 'vertical';\n        }}\n      >\n        ${this.orientation == 'vertical' ? 'vertical' : 'horizontal'} mode\n      </button>\n      <br />\n      <hy-tabs\n        .tabs=${this.editableTabs}\n        .orientation=${this.orientation}\n        @tabOrderChange=${(e: any) => {\n          this.editableTabs = this.swapElements(this.editableTabs, e.detail.sourceIndex, e.detail.targetIndex);\n          this.editableTabs = [...this.editableTabs];\n        }}\n        activeTab=${this.editableActiveTab}\n        .editable=${{\n          ...this.editableConfig,\n        }}\n        @addTab=${() => {\n          this.editableTabs.push({\n            label: 'Tab ' + (this.editableTabs.length + 1),\n            content: html`Content for Tab ${this.editableTabs.length + 1}`,\n          });\n          this.editableTabs = [...this.editableTabs];\n          this.editableActiveTab = this.editableTabs.length - 1;\n        }}\n        @removeTab=${(e: any) => {\n          this.editableTabs.splice(e.detail.index, 1);\n          this.editableTabs = [...this.editableTabs];\n        }}\n        @tabEdited=${(e: any) => {\n          const {tab} = e.detail;\n          this.editableTabs[tab.index] = {\n            ...this.editableTabs[tab.index],\n            label: tab.label,\n          };\n        }}\n      >\n        ${this.editableTabs.map((tab: any) => {\n          return html`<div label=${tab.label}>${tab.content}</div>`;\n        })}\n      </hy-tabs>\n      <br />\n      <br />\n      <hy-tabs\n        activeTab=${this.editableActiveTab}\n        .editable=${{\n          //canEditTabTitle: true,\n          canAddTab: true,\n          canMove: true,\n        }}\n        @tabEdited=${(e: CustomEvent) => {\n          console.log('tab', e.detail.tab);\n        }}\n        @addTab=${() => {\n          this.editableTabs.push({\n            label: 'Tab ' + (this.editableTabs.length + 1),\n            content: html`Content for Tab ${this.editableTabs.length + 1}`,\n          });\n          this.editableTabs = [...this.editableTabs];\n          this.editableActiveTab = this.editableTabs.length - 1;\n        }}\n        @removeTab=${(e: any) => {\n          this.editableTabs.splice(e.detail.index, 1);\n        }}\n      >\n        ${this.editableTabs.map((tab: any) => {\n          return html`<div label=${tab.label}>${tab.content}</div>`;\n        })}\n      </hy-tabs>\n      <br />\n      <br />\n      <br />\n      <hy-tabs\n        activeTab=${this.editableActiveTab}\n        .editable=${{\n          canAddTab: true,\n        }}\n        @tabEdited=${(e: CustomEvent) => {\n          console.log('tab', e.detail.tab);\n        }}\n        @addTab=${() => {\n          this.editableTabs.push({\n            label: 'Tab ' + (this.editableTabs.length + 1),\n            content: html`Content for Tab ${this.editableTabs.length + 1}`,\n          });\n          this.editableTabs = [...this.editableTabs];\n          this.editableActiveTab = this.editableTabs.length - 1;\n        }}\n        @removeTab=${(e: any) => {\n          console.log(e);\n          this.editableTabs.splice(e.detail.index, 1);\n          this.editableTabs = [...this.editableTabs];\n        }}\n      >\n        ${this.editableTabs.map((tab: any) => {\n          return html`<div label=${tab.label}>${tab.content}</div>`;\n        })}\n      </hy-tabs>\n      <br />\n      <br />\n      <br />\n      <hy-tabs\n        activeTab=${this.editableActiveTab}\n        .editable=${{\n          canDeleteTab: true,\n        }}\n        @tabEdited=${(e: CustomEvent) => {\n          console.log('tab', e.detail.tab);\n        }}\n        @addTab=${() => {\n          this.editableTabs.push({\n            label: 'Tab ' + (this.editableTabs.length + 1),\n            content: html`Content for Tab ${this.editableTabs.length + 1}`,\n          });\n          this.editableTabs = [...this.editableTabs];\n          this.editableActiveTab = this.editableTabs.length - 1;\n        }}\n        @removeTab=${(e: any) => {\n          this.editableTabs.splice(e.detail.index, 1);\n        }}\n      >\n        ${this.editableTabs.map((tab: any) => {\n          return html`<div label=${tab.label}>${tab.content}</div>`;\n        })}\n      </hy-tabs>\n      <br />\n      <br />\n      <hy-tabs>\n        <div label=\"Tab 1\">Content for Tab 1</div>\n        <div label=\"Tab 2\">Content for Tab 2</div>\n        <div label=\"Tab 3\">Content for Tab 3</div>\n      </hy-tabs>\n      <br />\n      <br />\n      <br />\n      <hy-tabs orientation=\"vertical\">\n        <div label=\"Tab 1\">Content for Tab 1</div>\n        <div label=\"Tab 2\">Content for Tab 2</div>\n        <div label=\"Tab 3\">Content for Tab 3</div>\n      </hy-tabs>\n      <br />\n      <br />\n      <hy-tabs orientation=\"vertical\" tabsAlign=\"right\">\n        <div label=\"Tab 1\">Content for Tab 1</div>\n        <div label=\"Tab 2\">Content for Tab 2</div>\n        <div label=\"Tab 3\">Content for Tab 3</div>\n      </hy-tabs>\n      <br />\n      <br />\n      <hy-tabs tabsAlign=\"center\">\n        <div label=\"Tab 1\">Content for Tab 1</div>\n        <div label=\"Tab 2\">Content for Tab 2</div>\n        <div label=\"Tab 3\">Content for Tab 3</div>\n      </hy-tabs>\n      <br />\n      <br />\n      <hy-tabs tabsAlign=\"right\">\n        <div label=\"Tab 1\">Content for Tab 1</div>\n        <div label=\"Tab 2\">Content for Tab 2</div>\n        <div label=\"Tab 3\">Content for Tab 3</div>\n      </hy-tabs>\n      </theme-handler>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hy-tabs-demo': ElMeenuElement;\n  }\n}\n"]}

package/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/react.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/react.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAClD,eAAO,MAAM,eAAe;;;;;;EAW1B,CAAC"}

package/tabs.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.component.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAC;AAIlE,OAAO,EAAkB,WAAW,EAAY,cAAc,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACtG;;;;;;;;;;;;;GAaG;AACH,qBAAa,aAAc,SAAQ,UAAU;IAE3C,SAAS,EAAG,MAAM,CAAC;IAGnB,WAAW,EAAG,cAAc,CAAC;IAG7B,SAAS,EAAG,SAAS,CAAC;IAGtB,QAAQ,EAAG,WAAW,CAAC;IAGvB,IAAI,EAAG,GAAG,EAAE,CAAC;IAEb,OAAgB,MAAM,0BAAU;;IAQvB,MAAM;IAyBN,iBAAiB;IAM1B,OAAO,CAAC,sBAAsB;IAQ9B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,UAAU;IAmBlB,gBAAgB,CAAC,GAAG,EAAE,GAAG;IAoBzB,OAAO,CAAC,UAAU;IAgET,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAWrF,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,YAAY;CASrB"}

package/tabs.constant.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.constant.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.constant.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW,GAAG;IACxB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,oBAAY,cAAc;IACxB,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AACD,oBAAY,SAAS;IACnB,KAAK,UAAQ;IACb,IAAI,SAAQ;IACZ,MAAM,WAAU;CACjB;AAED,oBAAY,QAAQ;IAClB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,aAAa,kBAAkB;IAC/B,cAAc,mBAAmB;IACjC,MAAM,WAAW;CAClB;AAED,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B,eAAO,MAAM,gBAAgB,UAAU,CAAC"}

package/tabs.style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.style.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAoMlB,CAAC"}

package/templates/add-tab.template.d.ts

@@ -1,2 +0,0 @@
-export declare const addTabTemplate: (handlers: any) => import("lit").TemplateResult<1>;
-//# sourceMappingURL=add-tab.template.d.ts.map

package/templates/add-tab.template.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-tab.template.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/templates/add-tab.template.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,aAAc,GAAG,oCAS3C,CAAC"}

package/templates/add-tab.template.js

@@ -1,13 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { html } from 'lit';
-export const addTabTemplate = (handlers) => {
-    return html ` <div
-    class="tab-label add-tab-label"
-    @click=${() => {
-        handlers.clickHandler();
-    }}
-  >
-    <hy-icon name="plus"></hy-icon>
-  </div>`;
-};
-//# sourceMappingURL=add-tab.template.js.map

package/templates/add-tab.template.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-tab.template.js","sourceRoot":"","sources":["../../../../src/components/tabs/templates/add-tab.template.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAa,EAAE,EAAE;IAC9C,OAAO,IAAI,CAAA;;aAEA,GAAG,EAAE;QACZ,QAAQ,CAAC,YAAY,EAAE,CAAC;IAC1B,CAAC;;;SAGI,CAAC;AACV,CAAC,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {html} from 'lit';\n\nexport const addTabTemplate = (handlers: any) => {\n  return html` <div\n    class=\"tab-label add-tab-label\"\n    @click=${() => {\n      handlers.clickHandler();\n    }}\n  >\n    <hy-icon name=\"plus\"></hy-icon>\n  </div>`;\n};\n"]}