globuswebcomponents 0.6.2 → 0.6.3

package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js

@@ -1,357 +0,0 @@
-import { h } from "@stencil/core";
-export class GbHorizontalTabs {
-    constructor() {
-        this.type = undefined;
-        this.size = undefined;
-        this.fullWidth = false;
-        this.breakpoint = undefined;
-        this.firstTabName = '';
-        this.secondTabName = '';
-        this.thirdTabName = '';
-        this.fourthTabName = '';
-        this.fifthTabName = '';
-        this.sixthTabName = '';
-        this.seventhTabName = '';
-        this.eighthTabName = '';
-        this.ninthTabName = '';
-        this.tenthTabName = '';
-        this.activeIndex = 0;
-    }
-    async handleTabClick(index) {
-        this.activeIndex = index;
-        localStorage.setItem('activeIndex', index.toString());
-        this.tabItemClicked.emit(index);
-    }
-    // componentDidLoad() {
-    //   this.activeIndex = 0;
-    // }
-    componentWillLoad() {
-        const storedIndex = localStorage.getItem('activeIndex');
-        if (storedIndex !== null) {
-            this.activeIndex = parseInt(storedIndex, 10); // Retrieve active index from localStorage
-        }
-    }
-    render() {
-        return (h("div", { key: '264cbe64acaa6df89bb24dd46018d6381a6e3046', class: `horizontal_tab_div ${this.type} ${this.breakpoint} ${this.fullWidth ? 'full_width' : ''}` }, h("gb-tab-button-base", { key: '52c76b2529873a1993ec4245611416ab4f67e0d3', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(0), current: this.activeIndex === 0, "tab-name": this.firstTabName }), h("gb-tab-button-base", { key: '2498739faf18616ab254304619c40243cc1812bd', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(1), current: this.activeIndex === 1, "tab-name": this.secondTabName }), this.thirdTabName && (h("gb-tab-button-base", { key: '0fabfc739832323f9bc9fa9afcbbacec130883ab', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(2), current: this.activeIndex === 2, "tab-name": this.thirdTabName })), this.fourthTabName && (h("gb-tab-button-base", { key: '9b1b9e07413a5bf0c88595f4494b0fb7311fb510', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(3), current: this.activeIndex === 3, "tab-name": this.fourthTabName })), this.fifthTabName && (h("gb-tab-button-base", { key: '53c0089b5d0dcaae1a065acda618754f37ba4b3d', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(4), current: this.activeIndex === 4, "tab-name": this.fifthTabName })), this.sixthTabName && (h("gb-tab-button-base", { key: '879d1b7cc3ce732bb6d02300870c7ac696a93dca', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(5), current: this.activeIndex === 5, "tab-name": this.sixthTabName })), this.seventhTabName && (h("gb-tab-button-base", { key: 'fa4912bc2f277857ed99254f72f0c9bbe820583d', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(6), current: this.activeIndex === 6, "tab-name": this.seventhTabName })), this.eighthTabName && (h("gb-tab-button-base", { key: 'ba4b0b0dc4b78cba7e5e9c5dd31788b4b89359c7', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(7), current: this.activeIndex === 7, "tab-name": this.eighthTabName })), this.ninthTabName && (h("gb-tab-button-base", { key: '4d543a255274c9831da50cfb3106750ac8b60270', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(8), current: this.activeIndex === 8, "tab-name": this.ninthTabName })), this.tenthTabName && (h("gb-tab-button-base", { key: 'a4db65a322711dd3e78e47a20110937f1c0b770a', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(9), current: this.activeIndex === 9, "tab-name": this.tenthTabName }))));
-    }
-    static get is() { return "gb-horizontal-tabs"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["gb-horizontal-tabs.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["gb-horizontal-tabs.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "type": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "TabTypes",
-                    "resolved": "\"button_gray\" | \"button_primary\" | \"button_white\" | \"button_white_border\" | \"line\" | \"rounded_button_white\" | \"rounded_button_white_border\" | \"underline\" | \"underline_filled\"",
-                    "references": {
-                        "TabTypes": {
-                            "location": "import",
-                            "path": "../../models/reusableModels",
-                            "id": "src/models/reusableModels.ts::TabTypes"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "type",
-                "reflect": false
-            },
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "GeneralSizes",
-                    "resolved": "\"lg\" | \"md\" | \"profile_lg\" | \"profile_md\" | \"profile_sm\" | \"sm\" | \"xl\" | \"xl2\" | \"xl3\" | \"xl4\" | \"xs\" | \"xxs\"",
-                    "references": {
-                        "GeneralSizes": {
-                            "location": "import",
-                            "path": "../../models/reusableModels",
-                            "id": "src/models/reusableModels.ts::GeneralSizes"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "size",
-                "reflect": false
-            },
-            "fullWidth": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "full-width",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "breakpoint": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "BreakPoints",
-                    "resolved": "\"desktop\" | \"mobile\"",
-                    "references": {
-                        "BreakPoints": {
-                            "location": "import",
-                            "path": "../../models/reusableModels",
-                            "id": "src/models/reusableModels.ts::BreakPoints"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "breakpoint",
-                "reflect": false
-            },
-            "firstTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "first-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "secondTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "second-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "thirdTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "third-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fourthTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "fourth-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fifthTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "fifth-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "sixthTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "sixth-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "seventhTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "seventh-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "eighthTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "eighth-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "ninthTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "ninth-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "tenthTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "tenth-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "activeIndex": {
-                "type": "number",
-                "mutable": true,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "active-index",
-                "reflect": false,
-                "defaultValue": "0"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "tabItemClicked",
-                "name": "tabItemClicked",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=gb-horizontal-tabs.js.map

package/dist/collection/components/gb-horizontal-tabs/gb-horizontal-tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gb-horizontal-tabs.js","sourceRoot":"","sources":["../../../src/components/gb-horizontal-tabs/gb-horizontal-tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Prop, h } from \"@stencil/core\";\r\nimport { BreakPoints, GeneralSizes, TabTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-horizontal-tabs',\r\n  styleUrl: 'gb-horizontal-tabs.css',\r\n  shadow: true,\r\n})\r\n\r\nexport class GbHorizontalTabs {\r\n  @Prop() type: TabTypes;\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() fullWidth: boolean = false;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() firstTabName: string = '';\r\n  @Prop() secondTabName: string = '';\r\n  @Prop() thirdTabName: string = '';\r\n  @Prop() fourthTabName: string = '';\r\n  @Prop() fifthTabName: string = '';\r\n  @Prop() sixthTabName: string = '';\r\n  @Prop() seventhTabName: string = '';\r\n  @Prop() eighthTabName: string = '';\r\n  @Prop() ninthTabName: string = '';\r\n  @Prop() tenthTabName: string = '';\r\n  @Prop({ mutable: true }) activeIndex: number = 0;\r\n  @Event() tabItemClicked: EventEmitter<number>;\r\n\r\n  async handleTabClick(index: number) {\r\n    this.activeIndex = index;\r\n    localStorage.setItem('activeIndex', index.toString());\r\n    this.tabItemClicked.emit(index);\r\n  }\r\n\r\n  // componentDidLoad() {\r\n  //   this.activeIndex = 0;\r\n  // }\r\n\r\n  componentWillLoad() {\r\n    const storedIndex = localStorage.getItem('activeIndex');\r\n    if (storedIndex !== null) {\r\n      this.activeIndex = parseInt(storedIndex, 10); // Retrieve active index from localStorage\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`horizontal_tab_div ${this.type} ${this.breakpoint} ${this.fullWidth ? 'full_width' : ''}`}>\r\n        <gb-tab-button-base\r\n          class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n          size={this.size}\r\n          full-width={this.fullWidth}\r\n          type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n          onClick={() => this.handleTabClick(0)}\r\n          current={this.activeIndex === 0}\r\n          tab-name={this.firstTabName}\r\n        ></gb-tab-button-base>\r\n        <gb-tab-button-base\r\n          class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n          size={this.size}\r\n          full-width={this.fullWidth}\r\n          type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n          onClick={() => this.handleTabClick(1)}\r\n          current={this.activeIndex === 1}\r\n          tab-name={this.secondTabName}\r\n        ></gb-tab-button-base>\r\n        {this.thirdTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(2)}\r\n            current={this.activeIndex === 2}\r\n            tab-name={this.thirdTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.fourthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(3)}\r\n            current={this.activeIndex === 3}\r\n            tab-name={this.fourthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.fifthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(4)}\r\n            current={this.activeIndex === 4}\r\n            tab-name={this.fifthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.sixthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(5)}\r\n            current={this.activeIndex === 5}\r\n            tab-name={this.sixthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.seventhTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(6)}\r\n            current={this.activeIndex === 6}\r\n            tab-name={this.seventhTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.eighthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(7)}\r\n            current={this.activeIndex === 7}\r\n            tab-name={this.eighthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.ninthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(8)}\r\n            current={this.activeIndex === 8}\r\n            tab-name={this.ninthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.tenthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(9)}\r\n            current={this.activeIndex === 9}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}"]}