globuswebcomponents 2.2.1 → 2.2.3

package/dist/components/test-input-tag.js

@@ -1,15 +1,15 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-C_NOJI7O.js';
 import { S as StateEnum } from './p-cHn6O-Kf.js';
-import { d as defineCustomElement$b } from './p-CFGgVOM0.js';
+import { d as defineCustomElement$b } from './p-xwv5rABM.js';
 import { d as defineCustomElement$a } from './p-CzUENaOi.js';
 import { d as defineCustomElement$9 } from './p-DG-FY6AK.js';
 import { d as defineCustomElement$8 } from './p-DUHRfP06.js';
-import { d as defineCustomElement$7 } from './p-e3i0gfYy.js';
-import { d as defineCustomElement$6 } from './p-MEO9u_PY.js';
-import { d as defineCustomElement$5 } from './p-Bs_-8ATU.js';
-import { d as defineCustomElement$4 } from './p-dwpwPEzL.js';
-import { d as defineCustomElement$3 } from './p-Dr1VIoX3.js';
-import { d as defineCustomElement$2 } from './p-qRCcMHJx.js';
+import { d as defineCustomElement$7 } from './p-DH1booBL.js';
+import { d as defineCustomElement$6 } from './p-vBpmIdMJ.js';
+import { d as defineCustomElement$5 } from './p-CAdtpcZw.js';
+import { d as defineCustomElement$4 } from './p-VMnF0OzT.js';
+import { d as defineCustomElement$3 } from './p-CArhc50k.js';
+import { d as defineCustomElement$2 } from './p-ByV5GH4j.js';
 
 const testInputTagCss = ".input_group{--height:auto;--inputheight:4.5rem;--weight:100%;display:flex;position:relative}.input_like_parent{width:100%;border:1px solid var(--color-border-input, #CDD5DF);border-radius:var(--rounded-sm);padding:0.625rem 0.875rem 0.625rem var(--spacing-3)}.input_like{width:100%;overflow-y:scroll;transition:height 50ms ease-in-out}.results_display{display:flex;flex-wrap:wrap;gap:0.5rem;background-color:var(--color-surface, #FFFFFF);display:none;margin-top:0.5rem}.results_display.show_results{display:block}.tags{padding-top:1rem}.dropdown_list.show{display:block}.dropdown_menu{display:flex;width:100%;max-height:15rem;padding:var(--spacing-none);flex-direction:column;align-items:stretch;border-radius:var(--rounded-sm);border:1px solid var(--color-border-subtler, #E3E8EF);background:var(--color-surface, #FFFFFF);box-shadow:var(--shadow-sm);position:absolute;top:100%;z-index:10;gap:var(--spacing-none);transition:1s ease-in-out}";
 
@@ -87,7 +87,7 @@ const TestInputTag$1 = /*@__PURE__*/ proxyCustomElement(class TestInputTag exten
         this.exportValue.emit(this.selectedStaff);
     }
     render() {
-        return (h("div", { key: '10c1ab5d7683799b940e4ff18c5b65bc6f95b68c', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: '7b25a0077049083a1cfa050f5f79f90136ea3de7', htmlFor: this.idOfInput }, this.labelText), h("div", { key: '460ef0f88a06da370d05a4aa6961010bfc5f837d', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: 'f6680e59c1c09efce4041ec6b79c4f0eefe5e564', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), h("div", { key: '640bfbcb5baf5e778a55597584832fdf3f2b5ded', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
+        return (h("div", { key: 'ceaec443d0640eb12ce7bd5175943165fa0b809a', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: '04add43a98e5f50d826b7d78d144d6461856aa21', htmlFor: this.idOfInput }, this.labelText), h("div", { key: 'c4dfec2718b087d867c1f778e8ad66d41f41ebaf', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: '149084e81bbf8b772975bd4cd1712ff07a07045b', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), h("div", { key: '32e7be70807bd93efe1aba4c4bcf6721f6ade8db', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
         //   <span>
         //     {staff.fullname}
         //     <img
@@ -96,7 +96,7 @@ const TestInputTag$1 = /*@__PURE__*/ proxyCustomElement(class TestInputTag exten
         //       onClick={() => this.removeStaff(index)}
         //     />
         //   </span>
-        h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index) }, h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, staff.fullname.split(' ')[0])))))), this.show && (h("div", { key: 'd0bb4a78a0b42852ff7a14473c6e68c8e89c8c49', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
+        h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index) }, h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, staff.fullname.split(' ')[0])))))), this.show && (h("div", { key: 'ef4a274a13b62eb0fe078a5a88ea5562289c02cb', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
         //   <li class="aList" onClick={() => this.selectStaff(staff)}>
         //     <div>{staff.fullname}</div>
         //     <div>{staff.email}</div>

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-07-02T12:29:18",
+  "timestamp": "2025-07-10T23:39:49",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.28.2",
@@ -822,12 +822,17 @@
         },
         {
           "event": "saveAsDraft",
-          "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,
@@ -7270,6 +7275,30 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "buttonText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "button-text",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "cellStyle",
           "type": "\"compact\" | \"standard\"",
@@ -7610,11 +7639,17 @@
         },
         {
           "name": "type",
-          "type": "\"document\" | \"information\" | \"status\"",
+          "type": "\"button\" | \"document\" | \"information\" | \"status\"",
           "complexType": {
-            "original": "'information' | 'document' | 'status'",
-            "resolved": "\"document\" | \"information\" | \"status\"",
-            "references": {}
+            "original": "DetailCellType",
+            "resolved": "\"button\" | \"document\" | \"information\" | \"status\"",
+            "references": {
+              "DetailCellType": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::DetailCellType"
+              }
+            }
           },
           "mutable": false,
           "attr": "type",
@@ -7622,6 +7657,10 @@
           "docs": "",
           "docsTags": [],
           "values": [
+            {
+              "value": "button",
+              "type": "string"
+            },
             {
               "value": "document",
               "type": "string"
@@ -7643,6 +7682,20 @@
       ],
       "methods": [],
       "events": [
+        {
+          "event": "buttonClicked",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "downloadButtonClicked",
           "detail": "void",
@@ -11515,7 +11568,7 @@
             "resolved": "boolean",
             "references": {}
           },
-          "mutable": false,
+          "mutable": true,
           "attr": "loading",
           "reflectToAttr": false,
           "docs": "",
@@ -16799,6 +16852,40 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "breakpoint",
+          "type": "\"desktop\" | \"mobile\"",
+          "complexType": {
+            "original": "BreakPoints",
+            "resolved": "\"desktop\" | \"mobile\"",
+            "references": {
+              "BreakPoints": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::BreakPoints"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "breakpoint",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "desktop",
+              "type": "string"
+            },
+            {
+              "value": "mobile",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "connector",
           "type": "boolean",
@@ -17128,10 +17215,12 @@
         "gb-stepper-vertical-icons-with-text"
       ],
       "dependencies": [
+        "gb-step-icon-base",
         "gb-featured-icon"
       ],
       "dependencyGraph": {
         "gb-step-base": [
+          "gb-step-icon-base",
           "gb-featured-icon"
         ],
         "gb-stepper-horizontal-icons-centered": [
@@ -17145,6 +17234,181 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/gb-step-icon-base/gb-step-icon-base.tsx",
+      "encapsulation": "shadow",
+      "tag": "gb-step-icon-base",
+      "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": "state",
+          "type": "\"default\" | \"destructive\"",
+          "complexType": {
+            "original": "ProgressStepStates",
+            "resolved": "\"default\" | \"destructive\"",
+            "references": {
+              "ProgressStepStates": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStates"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "state",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "destructive",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "status",
+          "type": "\"complete\" | \"current\" | \"incomplete\"",
+          "complexType": {
+            "original": "ProgressStepStatus",
+            "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+            "references": {
+              "ProgressStepStatus": {
+                "location": "import",
+                "path": "../../models/reusableModels",
+                "id": "src/models/reusableModels.ts::ProgressStepStatus"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "status",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "complete",
+              "type": "string"
+            },
+            {
+              "value": "current",
+              "type": "string"
+            },
+            {
+              "value": "incomplete",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "gb-step-base",
+        "gb-stepper-horizontal-minimal-icons"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "gb-step-base": [
+          "gb-step-icon-base"
+        ],
+        "gb-stepper-horizontal-minimal-icons": [
+          "gb-step-icon-base"
+        ]
+      }
+    },
     {
       "filePath": "src/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.tsx",
       "encapsulation": "shadow",
@@ -17280,7 +17544,7 @@
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "[\r\n    {\r\n      state: 'default',\r\n      status: 'complete',\r\n      label: 'First Step',\r\n      supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'current',\r\n      label: 'Second Step',\r\n      supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    },\r\n  ]",
+          "default": "[\r\n    {\r\n      state: 'default',\r\n      status: 'complete',\r\n      label: 'First Step',\r\n      supportingText: 'Please provide your name and email',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'current',\r\n      label: 'Second Step',\r\n      supportingText: 'A few details about your company',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'incomplete',\r\n      label: 'Third Step',\r\n      supportingText: 'Start collaborating with your team',\r\n    },\r\n    {\r\n      state: 'default',\r\n      status: 'incomplete',\r\n      label: 'Fourth Step',\r\n      supportingText: 'Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii',\r\n    },\r\n  ]",
           "values": [
             {
               "type": "StepperType[]"
@@ -17335,6 +17599,7 @@
           "gb-step-base"
         ],
         "gb-step-base": [
+          "gb-step-icon-base",
           "gb-featured-icon"
         ]
       }
@@ -17549,10 +17814,163 @@
           "gb-step-base"
         ],
         "gb-step-base": [
+          "gb-step-icon-base",
           "gb-featured-icon"
         ]
       }
     },
+    {
+      "filePath": "src/components/gb-stepper-horizontal-minimal-icons/gb-stepper-horizontal-minimal-icons.tsx",
+      "encapsulation": "shadow",
+      "tag": "gb-stepper-horizontal-minimal-icons",
+      "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
+        },
+        {
+          "name": "text",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "text",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "gb-step-icon-base"
+      ],
+      "dependencyGraph": {
+        "gb-stepper-horizontal-minimal-icons": [
+          "gb-step-icon-base"
+        ]
+      }
+    },
     {
       "filePath": "src/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.tsx",
       "encapsulation": "shadow",
@@ -17748,6 +18166,7 @@
           "gb-step-base"
         ],
         "gb-step-base": [
+          "gb-step-icon-base",
           "gb-featured-icon"
         ]
       }
@@ -23445,6 +23864,11 @@
       "docstring": "",
       "path": "src/models/reusableModels.ts"
     },
+    "src/models/reusableModels.ts::DetailCellType": {
+      "declaration": "export type DetailCellType = 'information' | 'document' | 'status' | 'button';",
+      "docstring": "",
+      "path": "src/models/reusableModels.ts"
+    },
     "src/models/reusableModels.ts::FileIconTypes": {
       "declaration": "export type FileIconTypes = 'pdf' | 'csv' | 'jpg' | 'jpeg' | 'ppt' | 'pptx' | 'doc' | 'docx' | 'xls' | 'xlsx' | 'svg' | 'txt' | 'zip' | 'rar' | 'mp3' | 'mp4' | 'png';",
       "docstring": "",
@@ -23511,7 +23935,7 @@
       "path": "src/models/reusableModels.ts"
     },
     "src/models/reusableModels.ts::StepperType": {
-      "declaration": "{ \r\n  state: ProgressStepStates,\r\n  status: ProgressStepStatus,\r\n  label: string,\r\n  supportingText: string\r\n}",
+      "declaration": "{ \r\n  state: ProgressStepStates,\r\n  status: ProgressStepStatus,\r\n  label?: string,\r\n  supportingText?: string\r\n}",
       "docstring": "",
       "path": "src/models/reusableModels.ts"
     },

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

@@ -95,7 +95,7 @@ const GbActionPanel = class {
         this.previousButtonClicked.emit();
     }
     onSaveAsDraft() {
-        this.saveAsDraft.emit();
+        this.saveAsDraft.emit(this.draftButton);
     }
     onSubmitClicked() {
         this.submitButtonClicked.emit();
@@ -104,7 +104,7 @@ const GbActionPanel = class {
         this.nextButtonClicked.emit();
     }
     render() {
-        return (h("div", { key: 'be9b75a42739acd1fb9447f9978d53bff81497de', class: "action_panel_div" }, this.type === 'decision_panel' && (h("div", { key: '7eda8bba13943384ee9fbe628636632bfce9a207', class: "panel_content" }, h("div", { key: '094cb56ec4caa9cd62ec6226acda3015f6d5933b', class: "left_action" }, h("div", { key: 'c290fc76dac1cab29bf205107944014bf9392250', class: "rows_and_close_button" }, this.showCloseButton && h("gb-button-close", { key: 'e98e09da53bde332951d2a072be3bb5af53c632c', size: "md", color: "primary" }), this.showSelectedRows && h("slot", { key: '64ce342e10a12eba77130a26813035372d60e037', name: "selected_rows" })), this.showCheckbox && (h("gb-checkbox", { key: 'dc4a70d312dcc2e3b18a33d04b7285d8f46f37f1', size: "md", state: StateEnum.Default, type: "checkbox", text: true, "supporting-text": false, onCheckboxClicked: this.onCheckboxClicked.bind(this) }, h("slot", { key: '22a26081c90eea191bf44bfba47f115a7f44c45c', name: "label", slot: "label" }))), this.showAmount && (h("div", { key: 'b8e1a9c3ed40f4b4acfd4a2836cb9dcd657c7f2e', class: "amount" }, h("p", { key: 'f7c016ee4a2a47ca10da60a816e7c5609bbaa704', class: "amount_heading text-sm-medium" }, "Total amount:"), h("p", { key: 'fb436dd1830c91b4e9ccda5129c0e11bba9dcaa9', class: "amount_text text-lg-semi-bold" }, this.amount))), this.showFee && (h("div", { key: '8503ba9cb3bf9b02365f94aa02838cb2ced17d84', class: "amount" }, h("p", { key: '0810d6788372629f28db78795cbeb7c57dc81735', class: "amount_heading text-sm-medium" }, "Total fee:"), h("p", { key: '227668a08f226d8067c97434699956ddab910370', class: "amount_text text-lg-semi-bold" }, this.fee)))), h("div", { key: '9d0a5e59dbe2d27fb2fc0dd4fa2d163c3a00f57e', class: `right_action ${this.firstButton && this.secondButton && this.thirdButton && 'three_buttons'}` }, this.firstButton && (h("div", { key: 'f423afcca2dc0848f664d27eb13a912308835aea', class: "button_divs" }, h("gb-button", { key: 'e225e2b0df45978c8b90a41a13f7099cef63fb72', 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: 'dd842b38e84f15918c3cf3f35b02b2b85a6b3dcb' }, this.firstButtonText)))), this.secondButton && (h("div", { key: 'ad61674571d02fb4478fa36351569097a5dae035', class: "button_divs" }, h("gb-button", { key: '1e4727f59bb2c7cf7cd00de9f580ca0acb45637c', 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: '73822705b4c933b76e64c6043b63dced185f5d95' }, this.secondButtonText)))), this.thirdButton && (h("div", { key: '8b57c94ba785110d366cb31c09cbc3f84e686be5', class: "button_divs" }, h("gb-button", { key: 'e2d878065946a7395ddeadbb3c3c4c7a55251bab', 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: 'd8e805f23e6c8dceb7a92b300b2dc0409411d668' }, this.thirdButtonText))))))), this.type === 'form_control' && (h("div", { key: '99e0e43d041af6dc51f78d6a8a572ee45bc67fe4', class: "panel_content" }, h("div", { key: '3fdd87450ca7000ac11d1327d02170eaa07b51ed', class: `actions ${this.showDraftButton ? 'draft_shown' : ''}` }, h("div", { key: 'b69eb2dad3fea14595e4724de160ff07e67106ee', class: "button_divs" }, h("gb-button", { key: 'fbad65cb8b637e3daebaedc657fddae4a483130b', 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: '97ec3b5bee1e12d7ad34c18d9815cd062097ac2f' }, "Previous"))), h("div", { key: 'a9f9b146bf3c14aabdb47e147a055c697795b82f', class: "right" }, this.showDraftButton && (h("div", { key: '1619f37786252a558921f0ecd6e312f80ebe47b5', class: "button_divs" }, h("gb-button", { key: 'c9b06c4db06e1c53bd7b2e2283cc0e443382ea08', size: "xl", hierarchy: "secondary_color", icon: "default", onClick: () => this.onSaveAsDraft() }, h("p", { key: '9255f3f16f2afaa092205779247133430126ac1a' }, "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: '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"))))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {