globuswebcomponents 2.2.3 → 2.2.4

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-07-10T23:39:49",
+  "timestamp": "2025-07-16T11:06:52",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.28.2",
@@ -855,12 +855,17 @@
         },
         {
           "event": "submitButtonClicked",
-          "detail": "void",
+          "detail": "HTMLElement",
           "bubbles": true,
           "complexType": {
-            "original": "void",
-            "resolved": "void",
-            "references": {}
+            "original": "HTMLElement",
+            "resolved": "HTMLElement",
+            "references": {
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            }
           },
           "cancelable": true,
           "composed": true,
@@ -4636,7 +4641,7 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "[\r\n    // { label: 'Male', current: true, icon: 'assets/calendar-02.svg' },\r\n    // { label: 'Female', current: false, icon: 'assets/calendar-02.svg' },\r\n    // { label: 'Hi', current: false, icon: 'assets/calendar-02.svg' },\r\n    // { label: 'Gideon', current: false, icon: 'assets/calendar-02.svg' },\r\n    // { label: 'Emmanuel', current: false, icon: 'assets/calendar-02.svg' },\r\n  ]",
+          "default": "[\r\n    { label: 'Male', current: true, icon: 'assets/calendar-02.svg' },\r\n    { label: 'Female', current: false, icon: 'assets/calendar-02.svg' },\r\n    // { label: 'Hi', current: false, icon: 'assets/calendar-02.svg' },\r\n    // { label: 'Gideon', current: false, icon: 'assets/calendar-02.svg' },\r\n    // { label: 'Emmanuel', current: false, icon: 'assets/calendar-02.svg' },\r\n  ]",
           "values": [
             {
               "type": "{ label: string; current?: boolean; icon?: string; }[]"
@@ -17238,6 +17243,7 @@
       "filePath": "src/components/gb-step-icon-base/gb-step-icon-base.tsx",
       "encapsulation": "shadow",
       "tag": "gb-step-icon-base",
+      "readme": "# gb-step-icon-base\n\n\n",
       "docs": "",
       "docsTags": [],
       "usage": {},
@@ -17604,6 +17610,128 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/gb-stepper-horizontal-icons-connected/gb-stepper-horizontal-icons-connected.tsx",
+      "encapsulation": "shadow",
+      "tag": "gb-stepper-horizontal-icons-connected",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "size",
+          "type": "\"lg\" | \"md\" | \"profile_lg\" | \"profile_md\" | \"profile_sm\" | \"sm\" | \"xl\" | \"xl2\" | \"xl3\" | \"xl4\" | \"xs\" | \"xxs\"",
+          "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"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "profile_lg",
+              "type": "string"
+            },
+            {
+              "value": "profile_md",
+              "type": "string"
+            },
+            {
+              "value": "profile_sm",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            },
+            {
+              "value": "xl",
+              "type": "string"
+            },
+            {
+              "value": "xl2",
+              "type": "string"
+            },
+            {
+              "value": "xl3",
+              "type": "string"
+            },
+            {
+              "value": "xl4",
+              "type": "string"
+            },
+            {
+              "value": "xs",
+              "type": "string"
+            },
+            {
+              "value": "xxs",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "steps",
+          "type": "StepperType[]",
+          "complexType": {
+            "original": "StepperType[]",
+            "resolved": "StepperType[]",
+            "references": {
+              "StepperType": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::StepperType"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "[\r\n    {\r\n      status: 'complete',\r\n      state: 'default',\r\n    },\r\n    {\r\n      status: 'complete',\r\n      state: 'default',\r\n    },\r\n    {\r\n      status: 'complete',\r\n      state: 'default',\r\n    },\r\n    {\r\n      status: 'current',\r\n      state: 'default',\r\n    },\r\n  ]",
+          "values": [
+            {
+              "type": "StepperType[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.tsx",
       "encapsulation": "shadow",
@@ -17823,6 +17951,7 @@
       "filePath": "src/components/gb-stepper-horizontal-minimal-icons/gb-stepper-horizontal-minimal-icons.tsx",
       "encapsulation": "shadow",
       "tag": "gb-stepper-horizontal-minimal-icons",
+      "readme": "# gb-stepper-horizontal-minimal-icons\n\n\n",
       "docs": "",
       "docsTags": [],
       "usage": {},

package/dist/esm/gb-action-panel.entry.js

@@ -98,13 +98,13 @@ const GbActionPanel = class {
         this.saveAsDraft.emit(this.draftButton);
     }
     onSubmitClicked() {
-        this.submitButtonClicked.emit();
+        this.submitButtonClicked.emit(this.submitButton);
     }
     onNextButtonClicked() {
         this.nextButtonClicked.emit();
     }
     render() {
-        return (h("div", { key: 'f1107da7bda08dad6e4a4b7e25e614b9a8c154c7', class: "action_panel_div" }, this.type === 'decision_panel' && (h("div", { key: 'b162ea8a332cca91ee811ae93e338634b3131468', class: "panel_content" }, h("div", { key: 'c2f1584903c8f8c0e54598e577798ac16dc1f566', class: "left_action" }, h("div", { key: '100039a2d80dcdd450f5eeb877a842f86e0f58be', class: "rows_and_close_button" }, this.showCloseButton && h("gb-button-close", { key: '30a9b59afdaf972b00c0e1519be128fa912c6183', size: "md", color: "primary" }), this.showSelectedRows && h("slot", { key: 'b96abd031a62063ac2ef926906b2657121d2c2d1', name: "selected_rows" })), this.showCheckbox && (h("gb-checkbox", { key: '17d6f4084b8990bec35dbbddd96f66879bffc63f', size: "md", state: StateEnum.Default, type: "checkbox", text: true, "supporting-text": false, onCheckboxClicked: this.onCheckboxClicked.bind(this) }, h("slot", { key: '7a5c7e7426488187631463ebac07364ffb006d09', name: "label", slot: "label" }))), this.showAmount && (h("div", { key: 'f9f81148c4aaf6dad25c06790bfb1a5e9dfbc936', class: "amount" }, h("p", { key: '60947b573dfb22c69b0e0d63cd9b28fb4ff5cbc0', class: "amount_heading text-sm-medium" }, "Total amount:"), h("p", { key: 'ca4f62370e099c647fea57eb26037be3b09ab017', class: "amount_text text-lg-semi-bold" }, this.amount))), this.showFee && (h("div", { key: '9cd0f29f9e7936fed06cc3d86f30e851349a2727', class: "amount" }, h("p", { key: '5f7cb0d1a6dea73a29b17f09776d77129ce180cd', class: "amount_heading text-sm-medium" }, "Total fee:"), h("p", { key: 'eff36e97e00e2f4b9b46be0f19e9739e9ca1acff', class: "amount_text text-lg-semi-bold" }, this.fee)))), h("div", { key: '221030febe3ca009bd34753eb452dffaed6fd664', class: `right_action ${this.firstButton && this.secondButton && this.thirdButton && 'three_buttons'}` }, this.firstButton && (h("div", { key: 'a75420f60d81e23252f99893e9aa7c89a4742762', class: "button_divs" }, h("gb-button", { key: '739dfee3e017121f33a6d9500d9c647733688a54', size: "xl", state: this.firstButtonState, hierarchy: "primary", icon: "default", "icon-leading": this.firstButtonIconLeading ? true : false, "icon-trailing": this.firstButtonIconTrailing ? true : false, "icon-leading-swap": this.firstButtonIconLeading, "icon-trailing-swap": this.firstButtonIconTrailing, onClick: () => this.onFirstButtonClicked() }, h("p", { key: '61ca833af6a0bda8df8ece4818ab6b04d62a7537' }, this.firstButtonText)))), this.secondButton && (h("div", { key: '109fc264e6255587a23e5bf825b75d70c11c9bb4', class: "button_divs" }, h("gb-button", { key: '87e2f4ac360d2438cf743a649bd45d39ceb9d190', size: "xl", state: this.secondButtonState, hierarchy: "secondary_color", icon: "default", "icon-leading": this.secondButtonIconLeading ? true : false, "icon-trailing": this.secondButtonIconTrailing ? true : false, "icon-leading-swap": this.secondButtonIconLeading, "icon-trailing-swap": this.secondButtonIconTrailing, onClick: () => this.onSecondButtonClicked() }, h("p", { key: '9feb331c6e48b6007bea3bf7a57979347ad146e8' }, this.secondButtonText)))), this.thirdButton && (h("div", { key: '881d101f9e0dc328c4f293dac20ca48d7deaa599', class: "button_divs" }, h("gb-button", { key: '24a295fde00c1c48598f5b5339a3493d4be101cb', size: "xl", state: this.thirdButtonState, hierarchy: "secondary_gray", icon: "default", "icon-leading": this.thirdButtonIconLeading ? true : false, "icon-trailing": this.thirdButtonIconTrailing ? true : false, "icon-leading-swap": this.thirdButtonIconLeading, "icon-trailing-swap": this.thirdButtonIconTrailing, onClick: () => this.onThirdButtonClicked() }, h("p", { key: '763fc82304d2ca5ff7198e909487d30efdc5577b' }, this.thirdButtonText))))))), this.type === 'form_control' && (h("div", { key: '379f2077731fe93c12ac30c5e5e12596db5f4853', class: "panel_content" }, h("div", { key: 'b214e6beb44d204cc5ba8ef8f9342c80b4126860', class: `actions ${this.showDraftButton ? 'draft_shown' : ''}` }, h("div", { key: 'c308b88b61e16715317966eccd882df5581af303', class: "button_divs" }, h("gb-button", { key: '7ef5d7f2055c53f5bb67821a966375d8847c4fe3', size: "xl", state: this.previousButtonState, hierarchy: "secondary_gray", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '04d854ebaea8d755a1a7cd23c587e632342ce005' }, "Previous"))), h("div", { key: '4c0d32a0b2ab4683006d35ca8292b4432728527d', class: "right" }, this.showDraftButton && (h("div", { key: '6ba838da5db0ea324a220e3189883cb545fb5e70', class: "button_divs" }, h("gb-button", { key: '7132b4a15ab2e5c91bf205cf18baf8af1393dcc5', size: "xl", hierarchy: "secondary_color", icon: "default", ref: el => (this.draftButton = el), onClick: () => this.onSaveAsDraft() }, h("p", { key: '64be66798a121c62b1c28e6420f27a46765eace4' }, "Save as draft")))), this.showSubmitButton ? (h("div", { class: "button_divs" }, h("gb-button", { size: "xl", hierarchy: "primary", icon: "default", onClick: () => this.onSubmitClicked() }, h("p", null, this.submitButtonText)))) : (h("div", { class: "button_divs" }, h("gb-button", { size: "xl", state: this.internalNextButtonState, hierarchy: "primary", icon: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", null, "Next"))))))))));
+        return (h("div", { key: 'e038767f92d00b44510be09496d65ed41188ce47', class: "action_panel_div" }, this.type === 'decision_panel' && (h("div", { key: 'b98ec492a628e4a006339171bf33abdbfeb6d5a3', class: "panel_content" }, h("div", { key: '4703cbc831da4cf66b5c59f41585713ea392bc9f', class: "left_action" }, h("div", { key: 'b1436fe02e5c3abf944db79cabbd34e1cd9254db', class: "rows_and_close_button" }, this.showCloseButton && h("gb-button-close", { key: '1e1754a3b370b1b3a8722e5d12cbbdf2a4ad254e', size: "md", color: "primary" }), this.showSelectedRows && h("slot", { key: 'a7e8c86b94389154009c2baeedf3e874b83a779a', name: "selected_rows" })), this.showCheckbox && (h("gb-checkbox", { key: '79d121140d8379abc5835067f49a57ca2e71e721', size: "md", state: StateEnum.Default, type: "checkbox", text: true, "supporting-text": false, onCheckboxClicked: this.onCheckboxClicked.bind(this) }, h("slot", { key: 'b7a7bbb90d607bd499b4d29e7075d2aa04c6fe5c', name: "label", slot: "label" }))), this.showAmount && (h("div", { key: '9002c9e3aee64ca225e3631b3d06a35066767bb8', class: "amount" }, h("p", { key: 'a26f14291f3bda4086ce4ce7dd700e16a8e918ce', class: "amount_heading text-sm-medium" }, "Total amount:"), h("p", { key: 'a34f2fb76bdd3f28611d39299805f922bb36c6c8', class: "amount_text text-lg-semi-bold" }, this.amount))), this.showFee && (h("div", { key: '13a358ff1e4269cc839340aa12156e19fbc3144b', class: "amount" }, h("p", { key: 'b05158df049123e854b9e65ec66708c26d2d6082', class: "amount_heading text-sm-medium" }, "Total fee:"), h("p", { key: '18ac459e588c366078db0f7828b3a79e7476886e', class: "amount_text text-lg-semi-bold" }, this.fee)))), h("div", { key: 'a6c21f69fe029000a52adb6881e088b82fb96f7e', class: `right_action ${this.firstButton && this.secondButton && this.thirdButton && 'three_buttons'}` }, this.firstButton && (h("div", { key: '7b953309e512149f31fbbe62708ebaded30be435', class: "button_divs" }, h("gb-button", { key: '912a4a1a911a468bcbcafe1ac0b4147445f08518', size: "xl", state: this.firstButtonState, hierarchy: "primary", icon: "default", "icon-leading": this.firstButtonIconLeading ? true : false, "icon-trailing": this.firstButtonIconTrailing ? true : false, "icon-leading-swap": this.firstButtonIconLeading, "icon-trailing-swap": this.firstButtonIconTrailing, onClick: () => this.onFirstButtonClicked() }, h("p", { key: '06d9ec258d4653c5a2781ca0cb64c0e754357cd0' }, this.firstButtonText)))), this.secondButton && (h("div", { key: 'a9f81aa5b08c8c945a02456da4769a37cedbf54f', class: "button_divs" }, h("gb-button", { key: '342517fbf60b445bea0e2c6b8b203e581cccf766', size: "xl", state: this.secondButtonState, hierarchy: "secondary_color", icon: "default", "icon-leading": this.secondButtonIconLeading ? true : false, "icon-trailing": this.secondButtonIconTrailing ? true : false, "icon-leading-swap": this.secondButtonIconLeading, "icon-trailing-swap": this.secondButtonIconTrailing, onClick: () => this.onSecondButtonClicked() }, h("p", { key: 'd409a1662997d6116240941fc0101bc01696f830' }, this.secondButtonText)))), this.thirdButton && (h("div", { key: 'becbdd3e37c7eecf1acb7648eb53cddc0ce00de2', class: "button_divs" }, h("gb-button", { key: 'e11f7d1d03ba73f46cde191f1138139176864f10', size: "xl", state: this.thirdButtonState, hierarchy: "secondary_gray", icon: "default", "icon-leading": this.thirdButtonIconLeading ? true : false, "icon-trailing": this.thirdButtonIconTrailing ? true : false, "icon-leading-swap": this.thirdButtonIconLeading, "icon-trailing-swap": this.thirdButtonIconTrailing, onClick: () => this.onThirdButtonClicked() }, h("p", { key: '4e33e71f3be48e54b50cb312efac0485fd49fd99' }, this.thirdButtonText))))))), this.type === 'form_control' && (h("div", { key: '03da873130424f74dedce605bfef11edda0aa5ae', class: "panel_content" }, h("div", { key: '1d0648e3a1fea150edc8bd66a0fc2fb4054b435f', class: `actions ${this.showDraftButton ? 'draft_shown' : ''}` }, h("div", { key: '06f712061f70553f67759998cdfd2f0a386211d4', class: "button_divs" }, h("gb-button", { key: '802d321b54c5128cf944ac8a4f79c2d6cc0aaceb', size: "xl", state: this.previousButtonState, hierarchy: "secondary_gray", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '511c6fb071ec260c262000928819ba2169465d53' }, "Previous"))), h("div", { key: '91322623bd69995914aaad71d0f97c84f136ae70', class: "right" }, this.showDraftButton && (h("div", { key: '741dfddb5b16fd8a8f20428e7b847271b36190a5', class: "button_divs" }, h("gb-button", { key: '1b7377dcb2d81cd94de9b17788cab85a0bb016ca', size: "xl", hierarchy: "secondary_color", icon: "default", ref: el => (this.draftButton = el), onClick: () => this.onSaveAsDraft() }, h("p", { key: 'ac064ed6400deac4e36e1a32915495bb80a026de' }, "Save as draft")))), this.showSubmitButton ? (h("div", { class: "button_divs" }, h("gb-button", { size: "xl", hierarchy: "primary", icon: "default", ref: el => (this.submitButton = el), onClick: () => this.onSubmitClicked() }, h("p", null, this.submitButtonText)))) : (h("div", { class: "button_divs" }, h("gb-button", { size: "xl", state: this.internalNextButtonState, hierarchy: "primary", icon: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", null, "Next"))))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gb-action-panel.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-action-panel.entry.js","sources":["src/components/gb-action-panel/gb-action-panel.css?tag=gb-action-panel&encapsulation=shadow","src/components/gb-action-panel/gb-action-panel.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.action_panel_div{\r\n    display: flex;\r\n    width: 100%;\r\n    padding: var(--spacing-none) 0rem 0rem 0rem;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    border-top: 1px solid var(--color-border-subtler, #E3E8EF);\r\n    background: #FFFFFF;\r\n}\r\n\r\n.panel_content{\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding: var(--spacing-4) var(--spacing-7);\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap:  var(--spacing-5);\r\n    align-self: stretch;\r\n}\r\n\r\n.left_action{\r\n    display: flex;\r\n    gap: var(--spacing-5);\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.rows_and_close_button{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--spacing-5)\r\n}\r\n\r\n.amount{\r\n    display: flex;\r\n    gap: var(--spacing-2);\r\n}\r\n\r\n.amount_heading{\r\n    color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.amount_text{\r\n    color: var(--color-text, #4B5565);\r\n}\r\n\r\n.right_action{\r\n    display: flex;\r\n    flex-direction: row-reverse;\r\n    /* justify-content: flex-end; */\r\n    align-items: center;\r\n    gap: var(--spacing-5);\r\n    width: 100%;\r\n    flex: 1 0 0;\r\n}\r\n\r\n::slotted([slot=\"selected_rows\"]) {\r\n    color: var(--color-text, #4B5565);\r\n}\r\n\r\n/**/\r\n.actions{\r\n    display: flex;\r\njustify-content: space-between;\r\nalign-items: center;\r\nflex: 1 0 0;\r\n}\r\n\r\n.right{\r\n    display: flex;\r\njustify-content: flex-end;\r\nalign-items: center;\r\ngap: var(--spacing-6);\r\n}\r\n\r\n@media (max-width: 940px) {\r\n    .right_action{\r\n        flex-wrap: wrap;\r\n    }\r\n}\r\n\r\n@media (max-width: 468px) {\r\n    .panel_content{\r\n        padding: var(--spacing-4) var(--spacing-5);\r\n    }\r\n    \r\n    .three_buttons .button_divs{\r\n        width: 100%;\r\n    }\r\n\r\n    .actions{\r\n        flex-direction: column;\r\n        gap: var(--spacing-4);\r\n    }\r\n\r\n    .actions .button_divs{\r\n        width: 100%;\r\n    }\r\n\r\n    .right{\r\n        width: 100%;\r\n        gap: var(--spacing-4);\r\n    }\r\n\r\n    .actions .right .button_divs{\r\n        width: 100%;\r\n    }\r\n\r\n    .right{\r\n        flex-direction: column;\r\n    }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .right_action{\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .right_action .button_divs{\r\n        flex: 1 0 0;\r\n    }\r\n}","import { Component, Element, Event, EventEmitter, Prop, State, Watch, h } from '@stencil/core';\r\nimport { StateEnum, StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-action-panel',\r\n  styleUrl: 'gb-action-panel.css',\r\n  shadow: true,\r\n})\r\nexport class GbActionPanel {\r\n  @Prop() type!: 'decision_panel' | 'form_control';\r\n  @Prop() showCloseButton: boolean = false;\r\n  @Prop() showSelectedRows: boolean = false;\r\n  @Prop() showCheckbox: boolean = false;\r\n  @Prop() firstButton: boolean = false;\r\n  @Prop() firstButtonIconLeading: string = '';\r\n  @Prop() firstButtonIconTrailing: string = '';\r\n  @Prop() secondButton: boolean = false;\r\n  @Prop() secondButtonIconLeading: string = '';\r\n  @Prop() secondButtonIconTrailing: string = '';\r\n  @Prop() thirdButton: boolean = false;\r\n  @Prop() thirdButtonIconLeading: string = '';\r\n  @Prop() thirdButtonIconTrailing: string = '';\r\n  @Prop() showSubmitButton: boolean = false;\r\n  @Prop() firstButtonText: string = '';\r\n  @Prop() secondButtonText: string = '';\r\n  @Prop() thirdButtonText: string = '';\r\n  @Prop() firstButtonState: StateType;\r\n  @Prop() secondButtonState: StateType;\r\n  @Prop() thirdButtonState: StateType;\r\n  @Prop() previousButtonState: StateType;\r\n  @Prop() nextButtonState: StateType;\r\n  @Prop() showDraftButton: boolean = false;\r\n  @Prop() submitButtonText: string = '';\r\n  @Prop() showAmount: boolean = false;\r\n  @Prop() showFee: boolean = false;\r\n  @Prop() amount: string = '';\r\n  @Prop() fee: string = '';\r\n  @State() checked: any = false;\r\n  @State() internalNextButtonState: StateType;\r\n  @Event() firstButtonClicked: EventEmitter<void>;\r\n  @Event() secondButtonClicked: EventEmitter<void>;\r\n  @Event() thirdButtonClicked: EventEmitter<void>;\r\n  @Event() previousButtonClicked: EventEmitter<void>;\r\n  @Event() saveAsDraft: EventEmitter<HTMLElement>;\r\n  @Event() submitButtonClicked: EventEmitter<void>;\r\n  @Event() nextButtonClicked: EventEmitter<void>;\r\n  @Event() checkboxClicked: EventEmitter<void>;\r\n  @Element() el: HTMLElement;\r\n\r\n  draftButton: HTMLElement;\r\n\r\n  componentDidLoad() {\r\n    const selectedRows = this.el.querySelector('[slot=\"selected_rows\"]');\r\n    const label = this.el.querySelector('[slot=\"label\"]');\r\n\r\n    if (selectedRows) {\r\n      selectedRows.classList.add('text-md-medium');\r\n    }\r\n\r\n    if (label) {\r\n      label.classList.add('text-md-medium');\r\n    }\r\n  }\r\n\r\n  @Watch('state')\r\n  updateButtonState(newValue: StateType) {\r\n    this.internalNextButtonState = newValue;\r\n  }\r\n\r\n  componentWillRender() {\r\n    this.internalNextButtonState = this.nextButtonState;\r\n  }\r\n\r\n  onCheckboxClicked(event) {\r\n    this.checked = event.detail;\r\n    this.checkboxClicked.emit(this.checked);\r\n  }\r\n\r\n  onFirstButtonClicked() {\r\n    if (this.firstButtonState === 'default') {\r\n      if (this.showCheckbox) {\r\n        this.firstButtonClicked.emit(this.checked);\r\n      } else {\r\n        this.firstButtonClicked.emit();\r\n      }\r\n    } else {\r\n      return;\r\n    }\r\n  }\r\n\r\n  onSecondButtonClicked() {\r\n    if (this.secondButtonState === 'default') {\r\n      if (this.showCheckbox) {\r\n        this.secondButtonClicked.emit(this.checked);\r\n      } else {\r\n        this.secondButtonClicked.emit();\r\n      }\r\n    }\r\n  }\r\n\r\n  onThirdButtonClicked() {\r\n    if (this.thirdButtonState === 'default') {\r\n      if (this.showCheckbox) {\r\n        this.thirdButtonClicked.emit(this.checked);\r\n      } else {\r\n        this.thirdButtonClicked.emit();\r\n      }\r\n    }\r\n  }\r\n\r\n  onPreviousButtonClicked() {\r\n    this.previousButtonClicked.emit();\r\n  }\r\n\r\n  onSaveAsDraft() {\r\n    this.saveAsDraft.emit(this.draftButton);\r\n  }\r\n\r\n  onSubmitClicked() {\r\n    this.submitButtonClicked.emit();\r\n  }\r\n\r\n  onNextButtonClicked() {\r\n    this.nextButtonClicked.emit();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"action_panel_div\">\r\n        {this.type === 'decision_panel' && (\r\n          <div class=\"panel_content\">\r\n            <div class=\"left_action\">\r\n              <div class=\"rows_and_close_button\">\r\n                {this.showCloseButton && <gb-button-close size=\"md\" color=\"primary\"></gb-button-close>}\r\n                {this.showSelectedRows && <slot name=\"selected_rows\"></slot>}\r\n              </div>\r\n              {this.showCheckbox && (\r\n                <gb-checkbox size=\"md\" state={StateEnum.Default} type=\"checkbox\" text={true} supporting-text={false} onCheckboxClicked={this.onCheckboxClicked.bind(this)}>\r\n                  <slot name=\"label\" slot=\"label\"></slot>\r\n                </gb-checkbox>\r\n              )}\r\n              {this.showAmount && (\r\n                <div class=\"amount\">\r\n                  <p class=\"amount_heading text-sm-medium\">Total amount:</p>\r\n                  <p class=\"amount_text text-lg-semi-bold\">{this.amount}</p>\r\n                </div>\r\n              )}\r\n              {this.showFee && (\r\n                <div class=\"amount\">\r\n                  <p class=\"amount_heading text-sm-medium\">Total fee:</p>\r\n                  <p class=\"amount_text text-lg-semi-bold\">{this.fee}</p>\r\n                </div>\r\n              )}\r\n            </div>\r\n            <div class={`right_action ${this.firstButton && this.secondButton && this.thirdButton && 'three_buttons'}`}>\r\n              {this.firstButton && (\r\n                <div class=\"button_divs\">\r\n                  <gb-button\r\n                    size=\"xl\"\r\n                    state={this.firstButtonState}\r\n                    hierarchy=\"primary\"\r\n                    icon=\"default\"\r\n                    icon-leading={this.firstButtonIconLeading ? true : false}\r\n                    icon-trailing={this.firstButtonIconTrailing ? true : false}\r\n                    icon-leading-swap={this.firstButtonIconLeading}\r\n                    icon-trailing-swap={this.firstButtonIconTrailing}\r\n                    onClick={() => this.onFirstButtonClicked()}\r\n                  >\r\n                    <p>{this.firstButtonText}</p>\r\n                  </gb-button>\r\n                </div>\r\n              )}\r\n              {this.secondButton && (\r\n                <div class=\"button_divs\">\r\n                  <gb-button\r\n                    size=\"xl\"\r\n                    state={this.secondButtonState}\r\n                    hierarchy=\"secondary_color\"\r\n                    icon=\"default\"\r\n                    icon-leading={this.secondButtonIconLeading ? true : false}\r\n                    icon-trailing={this.secondButtonIconTrailing ? true : false}\r\n                    icon-leading-swap={this.secondButtonIconLeading}\r\n                    icon-trailing-swap={this.secondButtonIconTrailing}\r\n                    onClick={() => this.onSecondButtonClicked()}\r\n                  >\r\n                    <p>{this.secondButtonText}</p>\r\n                  </gb-button>\r\n                </div>\r\n              )}\r\n              {this.thirdButton && (\r\n                <div class=\"button_divs\">\r\n                  <gb-button\r\n                    size=\"xl\"\r\n                    state={this.thirdButtonState}\r\n                    hierarchy=\"secondary_gray\"\r\n                    icon=\"default\"\r\n                    icon-leading={this.thirdButtonIconLeading ? true : false}\r\n                    icon-trailing={this.thirdButtonIconTrailing ? true : false}\r\n                    icon-leading-swap={this.thirdButtonIconLeading}\r\n                    icon-trailing-swap={this.thirdButtonIconTrailing}\r\n                    onClick={() => this.onThirdButtonClicked()}\r\n                  >\r\n                    <p>{this.thirdButtonText}</p>\r\n                  </gb-button>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n        {this.type === 'form_control' && (\r\n          <div class=\"panel_content\">\r\n            <div class={`actions ${this.showDraftButton ? 'draft_shown' : ''}`}>\r\n              <div class=\"button_divs\">\r\n                <gb-button\r\n                  size=\"xl\"\r\n                  state={this.previousButtonState}\r\n                  hierarchy=\"secondary_gray\"\r\n                  icon=\"default\"\r\n                  icon-leading={true}\r\n                  icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n                  onClick={() => this.onPreviousButtonClicked()}\r\n                >\r\n                  <p>Previous</p>\r\n                </gb-button>\r\n              </div>\r\n              <div class=\"right\">\r\n                {this.showDraftButton && (\r\n                  <div class=\"button_divs\">\r\n                    <gb-button size=\"xl\" hierarchy=\"secondary_color\" icon=\"default\" ref={el => (this.draftButton = el)} onClick={() => this.onSaveAsDraft()}>\r\n                      <p>Save as draft</p>\r\n                    </gb-button>\r\n                  </div>\r\n                )}\r\n                {this.showSubmitButton ? (\r\n                  <div class=\"button_divs\">\r\n                    <gb-button size=\"xl\" hierarchy=\"primary\" icon=\"default\" onClick={() => this.onSubmitClicked()}>\r\n                      <p>{this.submitButtonText}</p>\r\n                    </gb-button>\r\n                  </div>\r\n                ) : (\r\n                  <div class=\"button_divs\">\r\n                    <gb-button\r\n                      size=\"xl\"\r\n                      state={this.internalNextButtonState}\r\n                      hierarchy=\"primary\"\r\n                      icon=\"default\"\r\n                      icon-trailing={true}\r\n                      icon-trailing-swap=\"assets/arrow-right-02.svg\"\r\n                      onClick={() => this.onNextButtonClicked()}\r\n                    >\r\n                      <p>Next</p>\r\n                    </gb-button>\r\n                  </div>\r\n                )}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"gb-action-panel.entry.js","sources":["src/components/gb-action-panel/gb-action-panel.css?tag=gb-action-panel&encapsulation=shadow","src/components/gb-action-panel/gb-action-panel.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.action_panel_div{\r\n    display: flex;\r\n    width: 100%;\r\n    padding: var(--spacing-none) 0rem 0rem 0rem;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    border-top: 1px solid var(--color-border-subtler, #E3E8EF);\r\n    background: #FFFFFF;\r\n}\r\n\r\n.panel_content{\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding: var(--spacing-4) var(--spacing-7);\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap:  var(--spacing-5);\r\n    align-self: stretch;\r\n}\r\n\r\n.left_action{\r\n    display: flex;\r\n    gap: var(--spacing-5);\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.rows_and_close_button{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--spacing-5)\r\n}\r\n\r\n.amount{\r\n    display: flex;\r\n    gap: var(--spacing-2);\r\n}\r\n\r\n.amount_heading{\r\n    color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.amount_text{\r\n    color: var(--color-text, #4B5565);\r\n}\r\n\r\n.right_action{\r\n    display: flex;\r\n    flex-direction: row-reverse;\r\n    /* justify-content: flex-end; */\r\n    align-items: center;\r\n    gap: var(--spacing-5);\r\n    width: 100%;\r\n    flex: 1 0 0;\r\n}\r\n\r\n::slotted([slot=\"selected_rows\"]) {\r\n    color: var(--color-text, #4B5565);\r\n}\r\n\r\n/**/\r\n.actions{\r\n    display: flex;\r\njustify-content: space-between;\r\nalign-items: center;\r\nflex: 1 0 0;\r\n}\r\n\r\n.right{\r\n    display: flex;\r\njustify-content: flex-end;\r\nalign-items: center;\r\ngap: var(--spacing-6);\r\n}\r\n\r\n@media (max-width: 940px) {\r\n    .right_action{\r\n        flex-wrap: wrap;\r\n    }\r\n}\r\n\r\n@media (max-width: 468px) {\r\n    .panel_content{\r\n        padding: var(--spacing-4) var(--spacing-5);\r\n    }\r\n    \r\n    .three_buttons .button_divs{\r\n        width: 100%;\r\n    }\r\n\r\n    .actions{\r\n        flex-direction: column;\r\n        gap: var(--spacing-4);\r\n    }\r\n\r\n    .actions .button_divs{\r\n        width: 100%;\r\n    }\r\n\r\n    .right{\r\n        width: 100%;\r\n        gap: var(--spacing-4);\r\n    }\r\n\r\n    .actions .right .button_divs{\r\n        width: 100%;\r\n    }\r\n\r\n    .right{\r\n        flex-direction: column;\r\n    }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .right_action{\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .right_action .button_divs{\r\n        flex: 1 0 0;\r\n    }\r\n}","import { Component, Element, Event, EventEmitter, Prop, State, Watch, h } from '@stencil/core';\r\nimport { StateEnum, StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-action-panel',\r\n  styleUrl: 'gb-action-panel.css',\r\n  shadow: true,\r\n})\r\nexport class GbActionPanel {\r\n  @Prop() type!: 'decision_panel' | 'form_control';\r\n  @Prop() showCloseButton: boolean = false;\r\n  @Prop() showSelectedRows: boolean = false;\r\n  @Prop() showCheckbox: boolean = false;\r\n  @Prop() firstButton: boolean = false;\r\n  @Prop() firstButtonIconLeading: string = '';\r\n  @Prop() firstButtonIconTrailing: string = '';\r\n  @Prop() secondButton: boolean = false;\r\n  @Prop() secondButtonIconLeading: string = '';\r\n  @Prop() secondButtonIconTrailing: string = '';\r\n  @Prop() thirdButton: boolean = false;\r\n  @Prop() thirdButtonIconLeading: string = '';\r\n  @Prop() thirdButtonIconTrailing: string = '';\r\n  @Prop() showSubmitButton: boolean = false;\r\n  @Prop() firstButtonText: string = '';\r\n  @Prop() secondButtonText: string = '';\r\n  @Prop() thirdButtonText: string = '';\r\n  @Prop() firstButtonState: StateType;\r\n  @Prop() secondButtonState: StateType;\r\n  @Prop() thirdButtonState: StateType;\r\n  @Prop() previousButtonState: StateType;\r\n  @Prop() nextButtonState: StateType;\r\n  @Prop() showDraftButton: boolean = false;\r\n  @Prop() submitButtonText: string = '';\r\n  @Prop() showAmount: boolean = false;\r\n  @Prop() showFee: boolean = false;\r\n  @Prop() amount: string = '';\r\n  @Prop() fee: string = '';\r\n  @State() checked: any = false;\r\n  @State() internalNextButtonState: StateType;\r\n  @Event() firstButtonClicked: EventEmitter<void>;\r\n  @Event() secondButtonClicked: EventEmitter<void>;\r\n  @Event() thirdButtonClicked: EventEmitter<void>;\r\n  @Event() previousButtonClicked: EventEmitter<void>;\r\n  @Event() saveAsDraft: EventEmitter<HTMLElement>;\r\n  @Event() submitButtonClicked: EventEmitter<HTMLElement>;\r\n  @Event() nextButtonClicked: EventEmitter<void>;\r\n  @Event() checkboxClicked: EventEmitter<void>;\r\n  @Element() el: HTMLElement;\r\n\r\n  draftButton: HTMLElement;\r\n  submitButton: HTMLElement;\r\n\r\n  componentDidLoad() {\r\n    const selectedRows = this.el.querySelector('[slot=\"selected_rows\"]');\r\n    const label = this.el.querySelector('[slot=\"label\"]');\r\n\r\n    if (selectedRows) {\r\n      selectedRows.classList.add('text-md-medium');\r\n    }\r\n\r\n    if (label) {\r\n      label.classList.add('text-md-medium');\r\n    }\r\n  }\r\n\r\n  @Watch('state')\r\n  updateButtonState(newValue: StateType) {\r\n    this.internalNextButtonState = newValue;\r\n  }\r\n\r\n  componentWillRender() {\r\n    this.internalNextButtonState = this.nextButtonState;\r\n  }\r\n\r\n  onCheckboxClicked(event) {\r\n    this.checked = event.detail;\r\n    this.checkboxClicked.emit(this.checked);\r\n  }\r\n\r\n  onFirstButtonClicked() {\r\n    if (this.firstButtonState === 'default') {\r\n      if (this.showCheckbox) {\r\n        this.firstButtonClicked.emit(this.checked);\r\n      } else {\r\n        this.firstButtonClicked.emit();\r\n      }\r\n    } else {\r\n      return;\r\n    }\r\n  }\r\n\r\n  onSecondButtonClicked() {\r\n    if (this.secondButtonState === 'default') {\r\n      if (this.showCheckbox) {\r\n        this.secondButtonClicked.emit(this.checked);\r\n      } else {\r\n        this.secondButtonClicked.emit();\r\n      }\r\n    }\r\n  }\r\n\r\n  onThirdButtonClicked() {\r\n    if (this.thirdButtonState === 'default') {\r\n      if (this.showCheckbox) {\r\n        this.thirdButtonClicked.emit(this.checked);\r\n      } else {\r\n        this.thirdButtonClicked.emit();\r\n      }\r\n    }\r\n  }\r\n\r\n  onPreviousButtonClicked() {\r\n    this.previousButtonClicked.emit();\r\n  }\r\n\r\n  onSaveAsDraft() {\r\n    this.saveAsDraft.emit(this.draftButton);\r\n  }\r\n\r\n  onSubmitClicked() {\r\n    this.submitButtonClicked.emit(this.submitButton);\r\n  }\r\n\r\n  onNextButtonClicked() {\r\n    this.nextButtonClicked.emit();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"action_panel_div\">\r\n        {this.type === 'decision_panel' && (\r\n          <div class=\"panel_content\">\r\n            <div class=\"left_action\">\r\n              <div class=\"rows_and_close_button\">\r\n                {this.showCloseButton && <gb-button-close size=\"md\" color=\"primary\"></gb-button-close>}\r\n                {this.showSelectedRows && <slot name=\"selected_rows\"></slot>}\r\n              </div>\r\n              {this.showCheckbox && (\r\n                <gb-checkbox size=\"md\" state={StateEnum.Default} type=\"checkbox\" text={true} supporting-text={false} onCheckboxClicked={this.onCheckboxClicked.bind(this)}>\r\n                  <slot name=\"label\" slot=\"label\"></slot>\r\n                </gb-checkbox>\r\n              )}\r\n              {this.showAmount && (\r\n                <div class=\"amount\">\r\n                  <p class=\"amount_heading text-sm-medium\">Total amount:</p>\r\n                  <p class=\"amount_text text-lg-semi-bold\">{this.amount}</p>\r\n                </div>\r\n              )}\r\n              {this.showFee && (\r\n                <div class=\"amount\">\r\n                  <p class=\"amount_heading text-sm-medium\">Total fee:</p>\r\n                  <p class=\"amount_text text-lg-semi-bold\">{this.fee}</p>\r\n                </div>\r\n              )}\r\n            </div>\r\n            <div class={`right_action ${this.firstButton && this.secondButton && this.thirdButton && 'three_buttons'}`}>\r\n              {this.firstButton && (\r\n                <div class=\"button_divs\">\r\n                  <gb-button\r\n                    size=\"xl\"\r\n                    state={this.firstButtonState}\r\n                    hierarchy=\"primary\"\r\n                    icon=\"default\"\r\n                    icon-leading={this.firstButtonIconLeading ? true : false}\r\n                    icon-trailing={this.firstButtonIconTrailing ? true : false}\r\n                    icon-leading-swap={this.firstButtonIconLeading}\r\n                    icon-trailing-swap={this.firstButtonIconTrailing}\r\n                    onClick={() => this.onFirstButtonClicked()}\r\n                  >\r\n                    <p>{this.firstButtonText}</p>\r\n                  </gb-button>\r\n                </div>\r\n              )}\r\n              {this.secondButton && (\r\n                <div class=\"button_divs\">\r\n                  <gb-button\r\n                    size=\"xl\"\r\n                    state={this.secondButtonState}\r\n                    hierarchy=\"secondary_color\"\r\n                    icon=\"default\"\r\n                    icon-leading={this.secondButtonIconLeading ? true : false}\r\n                    icon-trailing={this.secondButtonIconTrailing ? true : false}\r\n                    icon-leading-swap={this.secondButtonIconLeading}\r\n                    icon-trailing-swap={this.secondButtonIconTrailing}\r\n                    onClick={() => this.onSecondButtonClicked()}\r\n                  >\r\n                    <p>{this.secondButtonText}</p>\r\n                  </gb-button>\r\n                </div>\r\n              )}\r\n              {this.thirdButton && (\r\n                <div class=\"button_divs\">\r\n                  <gb-button\r\n                    size=\"xl\"\r\n                    state={this.thirdButtonState}\r\n                    hierarchy=\"secondary_gray\"\r\n                    icon=\"default\"\r\n                    icon-leading={this.thirdButtonIconLeading ? true : false}\r\n                    icon-trailing={this.thirdButtonIconTrailing ? true : false}\r\n                    icon-leading-swap={this.thirdButtonIconLeading}\r\n                    icon-trailing-swap={this.thirdButtonIconTrailing}\r\n                    onClick={() => this.onThirdButtonClicked()}\r\n                  >\r\n                    <p>{this.thirdButtonText}</p>\r\n                  </gb-button>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n        {this.type === 'form_control' && (\r\n          <div class=\"panel_content\">\r\n            <div class={`actions ${this.showDraftButton ? 'draft_shown' : ''}`}>\r\n              <div class=\"button_divs\">\r\n                <gb-button\r\n                  size=\"xl\"\r\n                  state={this.previousButtonState}\r\n                  hierarchy=\"secondary_gray\"\r\n                  icon=\"default\"\r\n                  icon-leading={true}\r\n                  icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n                  onClick={() => this.onPreviousButtonClicked()}\r\n                >\r\n                  <p>Previous</p>\r\n                </gb-button>\r\n              </div>\r\n              <div class=\"right\">\r\n                {this.showDraftButton && (\r\n                  <div class=\"button_divs\">\r\n                    <gb-button size=\"xl\" hierarchy=\"secondary_color\" icon=\"default\" ref={el => (this.draftButton = el)} onClick={() => this.onSaveAsDraft()}>\r\n                      <p>Save as draft</p>\r\n                    </gb-button>\r\n                  </div>\r\n                )}\r\n                {this.showSubmitButton ? (\r\n                  <div class=\"button_divs\">\r\n                    <gb-button size=\"xl\" hierarchy=\"primary\" icon=\"default\" ref={el => (this.submitButton = el)} onClick={() => this.onSubmitClicked()}>\r\n                      <p>{this.submitButtonText}</p>\r\n                    </gb-button>\r\n                  </div>\r\n                ) : (\r\n                  <div class=\"button_divs\">\r\n                    <gb-button\r\n                      size=\"xl\"\r\n                      state={this.internalNextButtonState}\r\n                      hierarchy=\"primary\"\r\n                      icon=\"default\"\r\n                      icon-trailing={true}\r\n                      icon-trailing-swap=\"assets/arrow-right-02.svg\"\r\n                      onClick={() => this.onNextButtonClicked()}\r\n                    >\r\n                      <p>Next</p>\r\n                    </gb-button>\r\n                  </div>\r\n                )}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/gb-avatar-label-group_2.entry.js

@@ -113,7 +113,7 @@ const GbThemeTab = class {
         const systemIconSrc = getAssetPath(`assets/laptop.svg`);
         const sunSrc = getAssetPath(`assets/sun-02.svg`);
         const moonSrc = getAssetPath(`assets/moon-02.svg`);
-        return (h("div", { key: '83ed9b85a6316170f0231141bdd97dd6ea79a5dc', class: `theme_tab_div` }, h("div", { key: '2e035ee765309e0a10fe1a3d4433190bb5bd8aa8', class: "tab" }, h("gb-icon-button-base", { key: '116512ed7fc43827e4e5994816ac8627e314c79d', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '9e0f244211d33ebbc5d615eb391330ac5d1711bf', class: "tab" }, h("gb-icon-button-base", { key: '6565acb9c1b2b5682f202ddb6c99e7a20e7101bd', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '86c7eb6dab89fe3c0102c434c49513ef394ce4f6', class: "tab" }, h("gb-icon-button-base", { key: 'f7f3ec5abc024765f6e23cbaeb2df7337a1007ba', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
+        return (h("div", { key: '31947175a1e4851a7670e765bb2a1fd4c86094b2', class: `theme_tab_div` }, h("div", { key: 'f8203a7ae8f4b36e6bbfa03ca337ff570474a01b', class: "tab" }, h("gb-icon-button-base", { key: 'a2ee41d8666023dd269ab0ad034854b82eed2c7d', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '495c3ad49a1ca65c2efd7a4bbbe1f35bfd941cb7', class: "tab" }, h("gb-icon-button-base", { key: 'd4374f5707ec6f001f5fbf53177a39bf52c2dd42', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: 'ae5d8d5e5d853b5678478f11f9f99bd2aa912424', class: "tab" }, h("gb-icon-button-base", { key: '0e18c854dd006133968010dc91c853fa83666e82', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
     }
     get el() { return getElement(this); }
 };