npm - globuswebcomponents - Versions diffs - 0.9.5 → 0.9.6 - Mend

globuswebcomponents 0.9.5 → 0.9.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (614) hide show

package/dist/collection/components/gb-file-upload-item-base/gb-file-upload-item-base.css CHANGED Viewed

@@ -2667,9 +2667,7 @@
 .file_upload_item_base_container {
   display: flex;
-  width: 32rem;
   border-radius: var(--rounded-sm);
-  padding: var(--spacing-6);
   background-color: var(--color-background-card, #ffffff);
   border: 1px solid var(--color-border-subtler, #e3e8ef);
   position: relative;
@@ -2686,11 +2684,13 @@
 }
 .file_upload_item_base_container.md{
-    flex-direction: row;
+  flex-direction: row;
+  padding: var(--spacing-4);
 }
 .file_upload_item_base_container.lg{
-    flex-direction: column;
+  flex-direction: column;
+  padding: var(--spacing-6);
 }
 .close_button {
@@ -2718,6 +2718,22 @@
   color: var(--color-text-subtle, #697586);
 }
+.in_progress_div.md,
+.error.md,
+.complete.md{
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-1);
+}
+.in_progress_div.lg,
+.error.lg,
+.complete.lg{
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-3);
+}
 /* Default Styles */
 .file_upload_icon{
   background-color: #EEF2F6;
@@ -2814,7 +2830,7 @@
 .delete_button{
   position: absolute;
-  top: 25%;
+  top: 30%;
   right: 1rem;
 }
@@ -2835,6 +2851,12 @@
 }
 .error_content{
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-3);
+}
+.error_content_text{
   display: flex;
   flex-direction: column;
   gap: var(--spacing-2);
@@ -2851,6 +2873,11 @@
   align-items: center;
 }
+.try_again_btn{
+  display: flex;
+  width: 100%;
+}
 /* Text Styles*/
 .text-sm-semi-bold{
   font-family: var(--font-family-body);

package/dist/collection/components/gb-file-upload-item-base/gb-file-upload-item-base.js CHANGED Viewed

@@ -7,18 +7,13 @@ export class GbFileUploadItemBase {
         this.heightSize = 'md';
         this.fileType = undefined;
         this.buttonState = StateEnum.Default;
-    }
-    returnIcons() {
-        switch (this.icon) {
-            case 'outline':
-                switch (this.fileType) {
-                    case 'pdf':
-                        return (h("svg", { width: "40", height: "41", viewBox: "0 0 40 41", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M7.75 4.5C7.75 2.70508 9.20508 1.25 11 1.25H27C27.1212 1.25 27.2375 1.29816 27.3232 1.38388L38.1161 12.1768C38.2018 12.2625 38.25 12.3788 38.25 12.5V36.5C38.25 38.2949 36.7949 39.75 35 39.75H11C9.20507 39.75 7.75 38.2949 7.75 36.5V4.5Z", fill: "white", stroke: "#CDD5DF", "stroke-width": "1.5" }), h("path", { d: "M27 1V8.5C27 10.7091 28.7909 12.5 31 12.5H38.5", stroke: "#CDD5DF", "stroke-width": "1.5" }), h("rect", { x: "0.5", y: "18", width: "27", height: "17", rx: "2", fill: "#E21B2E" }), h("path", { d: "M6.22094 27.91V26.49H7.53094C7.78427 26.49 8.00094 26.44 8.18094 26.34C8.3676 26.24 8.51094 26.1 8.61094 25.92C8.71094 25.7333 8.76094 25.52 8.76094 25.28C8.76094 25.0267 8.71094 24.81 8.61094 24.63C8.51094 24.4433 8.3676 24.3033 8.18094 24.21C8.00094 24.11 7.78427 24.06 7.53094 24.06H6.22094V22.64H7.45094C8.07094 22.64 8.60094 22.7433 9.04094 22.95C9.4876 23.1567 9.8276 23.45 10.0609 23.83C10.3009 24.21 10.4209 24.6667 10.4209 25.2V25.36C10.4209 25.88 10.3009 26.3333 10.0609 26.72C9.8276 27.1 9.4876 27.3933 9.04094 27.6C8.60094 27.8067 8.07094 27.91 7.45094 27.91H6.22094ZM4.78094 30V22.64H6.42094V30H4.78094ZM12.8909 30.04V28.51H14.2509C14.5909 28.51 14.8975 28.46 15.1709 28.36C15.4442 28.2533 15.6775 28.1067 15.8709 27.92C16.0642 27.7267 16.2109 27.4967 16.3109 27.23C16.4109 26.9567 16.4609 26.6567 16.4609 26.33C16.4609 25.99 16.4109 25.6867 16.3109 25.42C16.2109 25.1533 16.0642 24.9267 15.8709 24.74C15.6775 24.5533 15.4442 24.4133 15.1709 24.32C14.8975 24.22 14.5909 24.17 14.2509 24.17H12.8909V22.64H14.1609C14.8209 22.64 15.3975 22.7367 15.8909 22.93C16.3842 23.1233 16.7975 23.3867 17.1309 23.72C17.4642 24.0533 17.7109 24.4367 17.8709 24.87C18.0375 25.2967 18.1209 25.7467 18.1209 26.22V26.44C18.1209 26.88 18.0375 27.3167 17.8709 27.75C17.7109 28.1767 17.4642 28.5633 17.1309 28.91C16.7975 29.25 16.3842 29.5233 15.8909 29.73C15.3975 29.9367 14.8209 30.04 14.1609 30.04H12.8909ZM11.4509 30.04V22.64H13.0909V30.04H11.4509ZM19.2634 30V22.7H20.9034V30H19.2634ZM20.7034 27.06V25.7H23.5234V27.06H20.7034ZM20.7034 24.06V22.7H23.6434V24.06H20.7034Z", fill: "white" })));
-                }
-        }
+        this.progress = undefined;
+        this.size = undefined;
+        this.fileSize = undefined;
+        this.fileName = undefined;
     }
     render() {
-        return (h("div", { key: '6c17ec315ba40a5d1c2b9bc32270a5eb059baeec', class: `file_upload_item_base_container ${this.state} ${this.heightSize}` }, this.state === 'in_progress' && (h("div", { key: '2be3587c1d68c780ce8a956cba3fae32d77a82ab', class: `in_progress_div ${this.heightSize}` }, h("div", { key: 'a79dbde022bd4dd7c4cf80e77b3960744fb3952b', class: "file_icon" }), h("div", { key: 'a76a051e2d088700bd0208b6a4e07afea265e313', class: "in_progress_content" }, this.heightSize === 'md' && (h(Fragment, null, h("p", { key: '88e9e4df79a97192d99aefb9156f08d8709594c3', class: `file_type_text ${this.state} text-sm-medium` }, "Tech design requirements.pdf"), h("p", { key: 'c4cd9f89f8325b644416d0ebba34c06e716e44dc', class: `file_size_text ${this.state} text-sm-regular` }, "200 KB"), h("gb-progress-bar", { key: 'abfaf2ad25b31afddf19d02862f6942ea8232022', progress: 20, "show-label": true, "label-position": "right", class: "progress_bar" }), h("gb-button-close", { key: 'fb5f23f7fd6ce2784b20c6df13ae3b95aa01c197', size: "sm", color: "gray", class: "close_button" }))), this.heightSize === 'lg' && (h(Fragment, null, h("p", { key: '8f8be56ddeff8442e246127e470269c6810123de', class: `file_type_text ${this.state} text-sm-medium` }, "Tech design requirements.pdf"), h("p", { key: 'f33c87abed015990f97366baa9c3dc91324b852c', class: `file_size_text ${this.state} text-sm-regular` }, "200 KB"), h("gb-progress-bar", { key: '682719fc45d8c0538ad70b318bb1899525fd0743', progress: 20, "show-label": true, "label-position": "right", class: "progress_bar" }), h("gb-button-close", { key: '67fb66e61b77ad0bbf1dc5193df5e3745d1297b6', size: "sm", color: "gray", class: "close_button" })))))), this.state === 'complete' && (h("div", { key: '85cd942ac5e9a982f90f27abd27f568356cd8365', class: `complete ${this.heightSize}` }, h("div", { key: '7da9327dca061590e1b08d6ce1e1082353ef9a92', class: "file_icon" }), h("div", { key: '5193f044c72774d93d8278797e08cc3dc2b43edb', class: `complete_content ${this.heightSize}` }, this.heightSize === 'md' && (h(Fragment, null, h("p", { key: 'da02eb38cbc4a0b4690e925e6aacbedd9766f6d8', class: `file_type_text ${this.state} text-sm-medium` }, "Tech design requirements.pdf"), h("p", { key: '54e3011ee232867a7154d3a74e82a1389c4e203f', class: `file_size_text ${this.state} text-sm-regular` }, "200 KB \u2013 100% uploaded"), h("test-button", { key: '34218cfc92d158bab7199accb797497215b849e9', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": true, "icon-leading-swap": "delete-02", class: "delete_button" }))), this.heightSize === 'lg' && (h(Fragment, null, h("p", { key: '939b2b1d538ed4aeca99dae54268602b78bc797a', class: `file_type_text ${this.state} text-sm-medium` }, "Tech design requirements.pdf"), h("p", { key: '4af18bd888a8c61ee6602f69103dc986b57bf1ce', class: `file_size_text ${this.state} text-sm-regular` }, "200 KB \u2013 100% uploaded"), h("test-button", { key: '6cb8d5119cf0a8a11d182677207d3983eace66dd', size: "sm", hierarchy: "tertiary_gray", icon: "default", "icon-leading": true, "icon-leading-swap": "delete-02" }, h("p", { key: 'ca0a93c22e961da8f2bcc1d94c898afe120f4135' }, "Clear"))))))), this.state === 'error' && (h("div", { key: 'd6063d00342aa37c688fd570eadec0cf435d0834', class: `error ${this.heightSize}` }, h("div", { key: 'fbe9e20bcc13ebf685fcad2fc1de5e5e7279cac5', class: "file_icon" }), h("div", { key: '8bedf127c6a9e454b790c13e73d654b9c806c25c', class: "error_content" }, this.heightSize === 'md' && (h(Fragment, null, h("p", { key: '415eab3e41e968917aa499294716f2e3a3437142', class: `file_type_text ${this.state} text-sm-medium` }, "Tech design requirements.pdf"), h("p", { key: '86ca84b73e54d56460d47c2c7e67436532221061', class: `file_size_text ${this.state} text-sm-regular` }, "200 KB \u2013 100% uploaded"), h("gb-button", { key: '6627bdcde76dbe438dbd63d73bdd465b7bb0da6b', size: "sm", hierarchy: "link_color", icon: StateEnum.Default, destructive: true }, h("p", { key: '7d7c80befc4b075ed558927f90226bbe2785bfcf' }, "Try again")), h("gb-button", { key: '5429dff4c21cb3af5ee2baace64d89d9a4815652', size: "sm", hierarchy: "tertiary_gray", icon: "only", destructive: true, "icon-leading": true, "icon-leading-swap": "delete-02", class: "delete_button" }))), this.heightSize === 'lg' && (h(Fragment, null, h("p", { key: '8e9c5d0c6c078ab7a0eb4d723fe18ba41e598230', class: `file_type_text ${this.state} text-sm-medium` }, "Tech design requirements.pdf"), h("p", { key: 'd9b82a75b9c13879bb492b500da511376b7f8f62', class: `file_size_text ${this.state} text-sm-regular` }, "200 KB \u2013 100% uploaded"), h("div", { key: '8324652108af88777bd9e57fd2289695efaa9788', class: "btns" }, h("test-button", { key: '83f45ed620159c3d4334018767700fbd8c497e40', size: "sm", hierarchy: "tertiary_gray", icon: "default", destructive: true, "icon-leading": true, "icon-leading-swap": "delete-02" }, h("p", { key: 'f2b471e5b586a1da42fdf9cabbe2004d388e7be1' }, "Clear")), h("div", { key: '52cc781798b1440fbe00a938edd5218be1731bda', class: "btn" }, h("test-button", { key: 'bfe89df00604286faa8ffdbbed587993fffb113f', size: "sm", hierarchy: "link_color", icon: StateEnum.Default, destructive: true, class: "btn" }, h("p", { key: '1e3dc1012b4957b21a02b29185ecabded2aa7cd2' }, "Try again")))))))))));
+        return (h("div", { key: '0b96abf9fc058d4367efdf08d48744d31b1e5af5', class: `file_upload_item_base_container ${this.state} ${this.heightSize}` }, this.state === 'in_progress' && (h("div", { key: '5159633c3e25c5440a8dcb53071430b504049eb9', class: `in_progress_div ${this.heightSize}` }, h("div", { key: 'b39171738f908faa719c256b96ae2dc9fc458628', class: "file_icon" }, h("gb-file-type-icon", { key: 'c47f195fccc08a4d564770395d03c188348d8365', "file-style": this.icon === 'outline' ? 'default' : this.icon === 'solid' ? 'solid' : null, "file-type": this.fileType })), h("div", { key: 'd8e159ff66593becf925abe74b7db329c36cbcf7', class: "in_progress_content" }, this.heightSize === 'md' && (h(Fragment, null, h("p", { key: '6bbffedb5a69534467c1bb448fdd79d3aaef7a83', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), h("p", { key: '5d3924e62da566cd27863bf8cbe3c533ede8edd9', class: `file_size_text ${this.state} text-sm-regular` }, this.fileSize, "KB"), h("gb-progress-bar", { key: 'ccfc7886b418f68a23ac526a5f6ca679974c42b1', progress: this.progress, "show-label": true, "label-position": "right", class: "progress_bar" }), h("gb-button-close", { key: 'c380bfd86c8d0820c994034ef2e3ff652ed901e9', size: "sm", color: "gray", class: "close_button", onClick: () => this.cancelUpload.emit() }))), this.heightSize === 'lg' && (h(Fragment, null, h("p", { key: 'f7e56bb223bec1480934d235415968c31538592c', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), h("p", { key: 'b782845b4d491d7cfe82c3e0f80ec3b886c71b35', class: `file_size_text ${this.state} text-sm-regular` }, this.fileSize, "KB"), h("gb-progress-bar", { key: 'ef6022fef7e4fe78c213ac480ccf9bb273bb7217', progress: this.progress, "show-label": true, "label-position": "right", class: "progress_bar" }), h("gb-button-close", { key: '779fc3d46dc5afd74ec5f25157d8682d9b5d4d0f', size: "sm", color: "gray", class: "close_button", onClick: () => this.cancelUpload.emit() })))))), this.state === 'complete' && (h("div", { key: 'fbde4a289dedb3926d288e4eb78f11b575a4239b', class: `complete ${this.heightSize}` }, h("div", { key: 'feaaea420f5ce0b616d1fbb38b4d47ed5a07c25d', class: "file_icon" }, h("gb-file-type-icon", { key: '9825f2c61a5499a621106c34a26db1da87b14ce4', "file-style": this.icon === 'outline' ? 'default' : this.icon === 'solid' ? 'solid' : null, "file-type": this.fileType })), h("div", { key: '40a5db3dd16c13a7dfa123d958da5d9319c8f568', class: `complete_content ${this.heightSize}` }, this.heightSize === 'md' && (h(Fragment, null, h("p", { key: 'a854b43b2b17150cff2e8446e4d57e2c723b9aa0', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), h("p", { key: '0476dea25c82cd054dffbc4b85cdc1d310780433', class: `file_size_text ${this.state} text-sm-regular` }, `${this.fileSize}`, "KB \u2013 ", `${this.progress}`, "% uploaded"), h("gb-button", { key: '420b41ae4c1a057511b689cfbc5f10410a5e89bb', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": true, "icon-leading-swap": "assets/delete-02.svg", class: "delete_button", onClick: () => this.deleteFileUpload.emit() }))), this.heightSize === 'lg' && (h(Fragment, null, h("p", { key: 'ee09606fe192ddd44f0675237eeb10374bcc480f', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), h("p", { key: '78eabeb07fc71ecdd0106e9a619ed29598a202fa', class: `file_size_text ${this.state} text-sm-regular` }, this.fileSize, "KB \u2013 ", `${this.progress}`, " % uploaded"), h("gb-button", { key: '7fafc3b639ced34b9a467e5a46030be10d7aacc7', size: "sm", hierarchy: "tertiary_gray", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/delete-02.svg", onClick: () => this.deleteFileUpload.emit() }, h("p", { key: '6ad116b4edf64a0585f28768d028cc8a946a8ffb' }, "Clear"))))))), this.state === 'error' && (h("div", { key: 'a00551645dd4dc13b2d27d1ff8efdf1d6a378008', class: `error ${this.heightSize}` }, h("div", { key: '72241353022f689c1a07e1750fc33b3661c4120e', class: "file_icon" }, h("gb-file-type-icon", { key: 'e93f36addf80245cd44f941edb840c8e705fb4c3', "file-style": this.icon === 'outline' ? 'default' : this.icon === 'solid' ? 'solid' : null, "file-type": this.fileType })), h("div", { key: 'aeb1c14eb626cf0e752e09be091ae06afe2b4983', class: "error_content" }, this.heightSize === 'md' && (h(Fragment, null, h("div", { key: '6abdf185ecd196982c24d3139fd17148aba14edd', class: "error_content_text" }, h("p", { key: '55369271332cb9f727ad5552762900bdac67c447', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), h("p", { key: '91500d03aff1006d026f88da5316887a174f3a0b', class: `file_size_text ${this.state} text-sm-regular` }, "Upload failed, please try again")), h("div", { key: 'df8df88190dc116152027a3e0043432660f33ba0', class: "try_again_btn" }, h("gb-button", { key: '45b578b5798dc753a9857a4db05b969c17faf281', size: "sm", hierarchy: "link_color", icon: "default", destructive: true }, h("p", { key: 'dc05570ecd5cd6601b5a1c37ae02b5f1c3264904' }, "Try again"))), h("gb-button", { key: 'f514c5338297b98aa641f87ab1a522cbe67f18c2', size: "sm", hierarchy: "tertiary_gray", icon: "only", destructive: true, "icon-leading": true, "icon-leading-swap": "assets/delete-02.svg", class: "delete_button", onClick: () => this.deleteFileUpload.emit() }))), this.heightSize === 'lg' && (h(Fragment, null, h("p", { key: 'f3c87d9274349e15a9a07054a05c43422f26e669', class: `file_type_text ${this.state} text-sm-medium` }, this.fileName, ".", this.fileType), h("p", { key: 'da606230b76405416d046442d9004f33f0c86c1d', class: `file_size_text ${this.state} text-sm-regular` }, this.fileSize, "KB \u2013 ", `${this.progress}`, "% uploaded"), h("div", { key: '46fe6041147e06e2ab4048bd1236b077b9ade589', class: "btns" }, h("gb-button", { key: '0242dbfd84f292a74a65a94282bef1b06e0f1280', size: "sm", hierarchy: "tertiary_gray", icon: "default", destructive: true, "icon-leading": true, "icon-leading-swap": "assets/delete-02.svg", onClick: () => this.deleteFileUpload.emit() }, h("p", { key: 'bb3cb6df54bb167ab4afe8bd8ed561b25ac16be4' }, "Clear")), h("div", { key: '89dfd1a2e32c7ed4d7eb0a6c0f1d5be5ac3e6b70', class: "btn" }, h("gb-button", { key: '62cfecf47ed8e2d95b8b18dde7304c42bc9edd2d', size: "sm", hierarchy: "link_color", icon: StateEnum.Default, destructive: true, class: "btn" }, h("p", { key: '974681e532b09a105efa47c67e335215f0237aa4' }, "Try again")))))))))));
     }
     static get is() { return "gb-file-upload-item-base"; }
     static get encapsulation() { return "shadow"; }
@@ -39,7 +34,7 @@ export class GbFileUploadItemBase {
                 "mutable": false,
                 "complexType": {
                     "original": "FileUploadIconType",
-                    "resolved": "\"icon\" | \"outline\"",
+                    "resolved": "\"outline\" | \"solid\"",
                     "references": {
                         "FileUploadIconType": {
                             "location": "import",
@@ -108,9 +103,15 @@ export class GbFileUploadItemBase {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'pdf' | 'png' | 'jpg' | 'doc' | 'mp4'",
-                    "resolved": "\"doc\" | \"jpg\" | \"mp4\" | \"pdf\" | \"png\"",
-                    "references": {}
+                    "original": "FileIconTypes",
+                    "resolved": "\"csv\" | \"doc\" | \"docx\" | \"jpeg\" | \"jpg\" | \"mp3\" | \"mp4\" | \"pdf\" | \"ppt\" | \"pptx\" | \"rar\" | \"svg\" | \"txt\" | \"xls\" | \"xlsx\" | \"zip\"",
+                    "references": {
+                        "FileIconTypes": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::FileIconTypes"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
@@ -144,8 +145,109 @@ export class GbFileUploadItemBase {
                 "attribute": "button-state",
                 "reflect": false,
                 "defaultValue": "StateEnum.Default"
+            },
+            "progress": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "progress",
+                "reflect": false
+            },
+            "size": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "size",
+                "reflect": false
+            },
+            "fileSize": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "file-size",
+                "reflect": false
+            },
+            "fileName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "file-name",
+                "reflect": false
             }
         };
     }
+    static get events() {
+        return [{
+                "method": "cancelUpload",
+                "name": "cancelUpload",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "deleteFileUpload",
+                "name": "deleteFileUpload",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
 }
 //# sourceMappingURL=gb-file-upload-item-base.js.map

package/dist/collection/components/gb-file-upload-item-base/gb-file-upload-item-base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-file-upload-item-base.js","sourceRoot":"","sources":["../../../src/components/gb-file-upload-item-base/gb-file-upload-item-base.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Fragment } from '@stencil/core';\r\nimport { FileUploadIconType, FileUploadStates, GeneralSizes, StateEnum } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-file-upload-item-base',\r\n styleUrl: 'gb-file-upload-item-base.css',\r\n shadow: true,\r\n})\r\nexport class GbFileUploadItemBase {\r\n @Prop() icon: FileUploadIconType;\r\n @Prop() state: FileUploadStates;\r\n @Prop() heightSize: GeneralSizes = 'md';\r\n @Prop() fileType: 'pdf' \| 'png' \| 'jpg' \| 'doc' \| 'mp4';\r\n @Prop() buttonState: StateEnum = StateEnum.Default;\r\n\r\n returnIcons() {\r\n switch (this.icon) {\r\n case 'outline':\r\n switch (this.fileType) {\r\n case 'pdf':\r\n return (\r\n <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path\r\n d=\"M7.75 4.5C7.75 2.70508 9.20508 1.25 11 1.25H27C27.1212 1.25 27.2375 1.29816 27.3232 1.38388L38.1161 12.1768C38.2018 12.2625 38.25 12.3788 38.25 12.5V36.5C38.25 38.2949 36.7949 39.75 35 39.75H11C9.20507 39.75 7.75 38.2949 7.75 36.5V4.5Z\"\r\n fill=\"white\"\r\n stroke=\"#CDD5DF\"\r\n stroke-width=\"1.5\"\r\n />\r\n <path d=\"M27 1V8.5C27 10.7091 28.7909 12.5 31 12.5H38.5\" stroke=\"#CDD5DF\" stroke-width=\"1.5\" />\r\n <rect x=\"0.5\" y=\"18\" width=\"27\" height=\"17\" rx=\"2\" fill=\"#E21B2E\" />\r\n <path\r\n d=\"M6.22094 27.91V26.49H7.53094C7.78427 26.49 8.00094 26.44 8.18094 26.34C8.3676 26.24 8.51094 26.1 8.61094 25.92C8.71094 25.7333 8.76094 25.52 8.76094 25.28C8.76094 25.0267 8.71094 24.81 8.61094 24.63C8.51094 24.4433 8.3676 24.3033 8.18094 24.21C8.00094 24.11 7.78427 24.06 7.53094 24.06H6.22094V22.64H7.45094C8.07094 22.64 8.60094 22.7433 9.04094 22.95C9.4876 23.1567 9.8276 23.45 10.0609 23.83C10.3009 24.21 10.4209 24.6667 10.4209 25.2V25.36C10.4209 25.88 10.3009 26.3333 10.0609 26.72C9.8276 27.1 9.4876 27.3933 9.04094 27.6C8.60094 27.8067 8.07094 27.91 7.45094 27.91H6.22094ZM4.78094 30V22.64H6.42094V30H4.78094ZM12.8909 30.04V28.51H14.2509C14.5909 28.51 14.8975 28.46 15.1709 28.36C15.4442 28.2533 15.6775 28.1067 15.8709 27.92C16.0642 27.7267 16.2109 27.4967 16.3109 27.23C16.4109 26.9567 16.4609 26.6567 16.4609 26.33C16.4609 25.99 16.4109 25.6867 16.3109 25.42C16.2109 25.1533 16.0642 24.9267 15.8709 24.74C15.6775 24.5533 15.4442 24.4133 15.1709 24.32C14.8975 24.22 14.5909 24.17 14.2509 24.17H12.8909V22.64H14.1609C14.8209 22.64 15.3975 22.7367 15.8909 22.93C16.3842 23.1233 16.7975 23.3867 17.1309 23.72C17.4642 24.0533 17.7109 24.4367 17.8709 24.87C18.0375 25.2967 18.1209 25.7467 18.1209 26.22V26.44C18.1209 26.88 18.0375 27.3167 17.8709 27.75C17.7109 28.1767 17.4642 28.5633 17.1309 28.91C16.7975 29.25 16.3842 29.5233 15.8909 29.73C15.3975 29.9367 14.8209 30.04 14.1609 30.04H12.8909ZM11.4509 30.04V22.64H13.0909V30.04H11.4509ZM19.2634 30V22.7H20.9034V30H19.2634ZM20.7034 27.06V25.7H23.5234V27.06H20.7034ZM20.7034 24.06V22.7H23.6434V24.06H20.7034Z\"\r\n fill=\"white\"\r\n />\r\n </svg>\r\n );\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`file_upload_item_base_container ${this.state} ${this.heightSize}`}>\r\n {this.state === 'in_progress' && (\r\n <div class={`in_progress_div ${this.heightSize}`}>\r\n <div class=\"file_icon\"></div>\r\n <div class=\"in_progress_content\">\r\n {this.heightSize === 'md' && (\r\n <>\r\n <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB</p>\r\n <gb-progress-bar progress={20} show-label={true} label-position=\"right\" class=\"progress_bar\"></gb-progress-bar>\r\n <gb-button-close size=\"sm\" color=\"gray\" class=\"close_button\"></gb-button-close>\r\n </>\r\n )}\r\n {this.heightSize === 'lg' && (\r\n <>\r\n <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB</p>\r\n <gb-progress-bar progress={20} show-label={true} label-position=\"right\" class=\"progress_bar\"></gb-progress-bar>\r\n <gb-button-close size=\"sm\" color=\"gray\" class=\"close_button\"></gb-button-close>\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n {this.state === 'complete' && (\r\n <div class={`complete ${this.heightSize}`}>\r\n <div class=\"file_icon\"></div>\r\n <div class={`complete_content ${this.heightSize}`}>\r\n {this.heightSize === 'md' && (\r\n <>\r\n <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB – 100% uploaded</p>\r\n <test-button \r\n size=\"sm\" \r\n hierarchy=\"tertiary_gray\" \r\n icon=\"only\" \r\n icon-leading={true} \r\n icon-leading-swap=\"delete-02\" \r\n class=\"delete_button\"\r\n ></test-button>\r\n </>\r\n )}\r\n {this.heightSize === 'lg' && (\r\n <>\r\n <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB – 100% uploaded</p>\r\n <test-button size=\"sm\" \r\n hierarchy=\"tertiary_gray\" \r\n icon=\"default\" \r\n icon-leading={true} \r\n icon-leading-swap=\"delete-02\">\r\n <p>Clear</p>\r\n </test-button>\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n {this.state === 'error' && (\r\n <div class={`error ${this.heightSize}`}>\r\n <div class=\"file_icon\"></div>\r\n <div class=\"error_content\">\r\n {this.heightSize === 'md' && (\r\n <>\r\n <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB – 100% uploaded</p>\r\n <gb-button \r\n size=\"sm\" \r\n hierarchy=\"link_color\" \r\n icon={StateEnum.Default} \r\n destructive={true}>\r\n <p>Try again</p>\r\n </gb-button>\r\n <gb-button \r\n size=\"sm\" \r\n hierarchy=\"tertiary_gray\" \r\n icon=\"only\" destructive={true} \r\n icon-leading={true} \r\n icon-leading-swap=\"delete-02\"\r\n class=\"delete_button\"\r\n ></gb-button>\r\n </>\r\n )}\r\n {this.heightSize === 'lg' && (\r\n <>\r\n <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB – 100% uploaded</p>\r\n <div class=\"btns\">\r\n <test-button size=\"sm\" \r\n hierarchy=\"tertiary_gray\" \r\n icon=\"default\" \r\n destructive={true} \r\n icon-leading={true} \r\n icon-leading-swap=\"delete-02\">\r\n <p>Clear</p>\r\n </test-button>\r\n <div class=\"btn\">\r\n <test-button \r\n size=\"sm\" \r\n hierarchy=\"link_color\" \r\n icon={StateEnum.Default} \r\n destructive={true} \r\n class=\"btn\">\r\n <p>Try again</p>\r\n </test-button>\r\n </div>\r\n </div>\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"gb-file-upload-item-base.js","sourceRoot":"","sources":["../../../src/components/gb-file-upload-item-base/gb-file-upload-item-base.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Fragment, Event, EventEmitter } from '@stencil/core';\r\nimport { FileIconTypes, FileUploadIconType, FileUploadStates, GeneralSizes, StateEnum } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-file-upload-item-base',\r\n styleUrl: 'gb-file-upload-item-base.css',\r\n shadow: true,\r\n})\r\nexport class GbFileUploadItemBase {\r\n @Prop() icon: FileUploadIconType;\r\n @Prop() state: FileUploadStates;\r\n @Prop() heightSize: GeneralSizes = 'md';\r\n @Prop() fileType: FileIconTypes;\r\n @Prop() buttonState: StateEnum = StateEnum.Default;\r\n @Prop() progress: number;\r\n @Prop() size: number;\r\n @Prop() fileSize: number;\r\n @Prop() fileName: string;\r\n @Event() cancelUpload: EventEmitter<void>;\r\n @Event() deleteFileUpload: EventEmitter<void>;\r\n\r\n render() {\r\n return (\r\n <div class={`file_upload_item_base_container ${this.state} ${this.heightSize}`}>\r\n {this.state === 'in_progress' && (\r\n <div class={`in_progress_div ${this.heightSize}`}>\r\n <div class=\"file_icon\">\r\n <gb-file-type-icon file-style={this.icon === 'outline' ? 'default' : this.icon === 'solid' ? 'solid' : null} file-type={this.fileType}></gb-file-type-icon>\r\n </div>\r\n <div class=\"in_progress_content\">\r\n {this.heightSize === 'md' && (\r\n <>\r\n <p class={`file_type_text ${this.state} text-sm-medium`}>{this.fileName}.{this.fileType}</p>\r\n <p class={`file_size_text ${this.state} text-sm-regular`}>{this.fileSize}KB</p>\r\n <gb-progress-bar progress={this.progress} show-label={true} label-position=\"right\" class=\"progress_bar\"></gb-progress-bar>\r\n <gb-button-close size=\"sm\" color=\"gray\" class=\"close_button\" onClick={() => this.cancelUpload.emit()}></gb-button-close>\r\n </>\r\n )}\r\n {this.heightSize === 'lg' && (\r\n <>\r\n <p class={`file_type_text ${this.state} text-sm-medium`}>{this.fileName}.{this.fileType}</p>\r\n <p class={`file_size_text ${this.state} text-sm-regular`}>{this.fileSize}KB</p>\r\n <gb-progress-bar progress={this.progress} show-label={true} label-position=\"right\" class=\"progress_bar\"></gb-progress-bar>\r\n <gb-button-close size=\"sm\" color=\"gray\" class=\"close_button\" onClick={() => this.cancelUpload.emit()}></gb-button-close>\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n {this.state === 'complete' && (\r\n <div class={`complete ${this.heightSize}`}>\r\n <div class=\"file_icon\">\r\n <gb-file-type-icon file-style={this.icon === 'outline' ? 'default' : this.icon === 'solid' ? 'solid' : null} file-type={this.fileType}></gb-file-type-icon>\r\n </div>\r\n <div class={`complete_content ${this.heightSize}`}>\r\n {this.heightSize === 'md' && (\r\n <>\r\n <p class={`file_type_text ${this.state} text-sm-medium`}>{this.fileName}.{this.fileType}</p>\r\n <p class={`file_size_text ${this.state} text-sm-regular`}>\r\n {`${this.fileSize}`}KB – {`${this.progress}`}% uploaded\r\n </p>\r\n <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"only\" icon-leading={true} icon-leading-swap=\"assets/delete-02.svg\" class=\"delete_button\" onClick={() => this.deleteFileUpload.emit()}></gb-button>\r\n </>\r\n )}\r\n {this.heightSize === 'lg' && (\r\n <>\r\n <p class={`file_type_text ${this.state} text-sm-medium`}>{this.fileName}.{this.fileType}</p>\r\n <p class={`file_size_text ${this.state} text-sm-regular`}>{this.fileSize}KB – {`${this.progress}`} % uploaded</p>\r\n <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" icon-leading={true} icon-leading-swap=\"assets/delete-02.svg\" onClick={() => this.deleteFileUpload.emit()}>\r\n <p>Clear</p>\r\n </gb-button>\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n {this.state === 'error' && (\r\n <div class={`error ${this.heightSize}`}>\r\n <div class=\"file_icon\">\r\n <gb-file-type-icon file-style={this.icon === 'outline' ? 'default' : this.icon === 'solid' ? 'solid' : null} file-type={this.fileType}></gb-file-type-icon>\r\n </div>\r\n <div class=\"error_content\">\r\n {this.heightSize === 'md' && (\r\n <>\r\n <div class=\"error_content_text\">\r\n <p class={`file_type_text ${this.state} text-sm-medium`}>{this.fileName}.{this.fileType}</p>\r\n <p class={`file_size_text ${this.state} text-sm-regular`}>Upload failed, please try again</p>\r\n </div>\r\n <div class=\"try_again_btn\">\r\n <gb-button size=\"sm\" hierarchy=\"link_color\" icon=\"default\" destructive={true}>\r\n <p>Try again</p>\r\n </gb-button>\r\n </div>\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"only\"\r\n destructive={true}\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/delete-02.svg\"\r\n class=\"delete_button\"\r\n onClick={() => this.deleteFileUpload.emit()}\r\n ></gb-button>\r\n </>\r\n )}\r\n {this.heightSize === 'lg' && (\r\n <>\r\n <p class={`file_type_text ${this.state} text-sm-medium`}>{this.fileName}.{this.fileType}</p>\r\n <p class={`file_size_text ${this.state} text-sm-regular`}>{this.fileSize}KB – {`${this.progress}`}% uploaded</p>\r\n <div class=\"btns\">\r\n <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"default\" destructive={true} icon-leading={true} icon-leading-swap=\"assets/delete-02.svg\" onClick={() => this.deleteFileUpload.emit()}>\r\n <p>Clear</p>\r\n </gb-button>\r\n <div class=\"btn\">\r\n <gb-button size=\"sm\" hierarchy=\"link_color\" icon={StateEnum.Default} destructive={true} class=\"btn\">\r\n <p>Try again</p>\r\n </gb-button>\r\n </div>\r\n </div>\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/gb-header/gb-header.js CHANGED Viewed

@@ -42,7 +42,7 @@ export class GbHeader {
     render() {
         const helpIconSrc = getAssetPath(`assets/help-circle.svg`);
         const notificationIconSrc = getAssetPath(`assets/notification-03.svg`);
-        return (h("div", { key: '44ce9ddec829f72d646f7314ae23696a935cbfdd', class: `header_div` }, h("div", { key: 'da0e9d8664a15dac28851c599f24496835388b7e', class: "content" }, h("div", { key: 'e5f66500291a948ddeda9b00177277c79d704685', class: "inner_content" }, h("div", { key: 'a83903e58a244e853232e7630185a4d74d288d20', class: `action` }, h("gb-header-icon", { key: '1ccd500bd7f2368c5b6550952db57a11b866c4b9', state: StateEnum.Default, icon: helpIconSrc, onClick: () => this.onNavBarItemClicked(0) }), h("gb-header-icon", { key: 'dc6054c246aabeda1ba5931842d145b3a09a217d', state: this.state, icon: notificationIconSrc, "show-indicator": this.showIndicator, onClick: () => this.onNavBarItemClicked(1) })), h("gb-avatar", { key: '69866279fc1aeec4dfffeb93d16f85ca2989d693', size: "md", text: this.text, placeholder: this.placeholder, color: this.color, "show-border": this.showBorder, onClick: () => this.onNavBarItemClicked(2) }, this.text ? h("slot", { slot: "initials", name: "initials" }) : h("slot", { name: "image", slot: "image" }))))));
+        return (h("div", { key: '739c6a78fa44a3e816ef64de43a55cdb07f3e75d', class: `header_div` }, h("div", { key: '8eaed19f590f384409cab588f92861e1f8795fb4', class: "content" }, h("div", { key: '05d7a6754558062b75fd358e7aa2817c69d6584f', class: "inner_content" }, h("div", { key: 'c22f02f42e717cc9f03652471bcb9e2e5fe86869', class: `action` }, h("gb-header-icon", { key: '2cda7276f7176c0f72fb26de5bf7abe5359a75d9', state: StateEnum.Default, icon: helpIconSrc, onClick: () => this.onNavBarItemClicked(0) }), h("gb-header-icon", { key: 'ef9a9cfa2ac76b5b391c56918d331a853b6cfd05', state: this.state, icon: notificationIconSrc, "show-indicator": this.showIndicator, onClick: () => this.onNavBarItemClicked(1) })), h("gb-avatar", { key: '1b32d73cdf53144aafe06a2e42702453188bed81', size: "md", text: this.text, placeholder: this.placeholder, color: this.color, "show-border": this.showBorder, onClick: () => this.onNavBarItemClicked(2) }, this.text ? h("slot", { slot: "initials", name: "initials" }) : h("slot", { name: "image", slot: "image" }))))));
     }
     static get is() { return "gb-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-header-icon/gb-header-icon.js CHANGED Viewed

@@ -8,13 +8,13 @@ export class GbHeaderIcon {
     }
     render() {
         return [
-            h("div", { key: '22cc83293f0e98e354a994a847f5cc2a9e3d4808', class: `background ${this.state}` }, this.state === StateEnum.Default && [
+            h("div", { key: '971b9d86a559716914a33b80468f243b30a8f58c', class: `background ${this.state}` }, this.state === StateEnum.Default && [
                 // <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                 //     <path d="M3.72919 7.73286L4.47919 7.73293V7.73286H3.72919ZM16.2706 7.73286H15.5206V7.73293L16.2706 7.73286ZM16.3065 14.2952L16.5863 14.9911L16.3065 14.2952ZM3.6933 14.2952L3.97308 13.5994L3.97308 13.5994L3.6933 14.2952ZM16.8452 10.1617L16.2307 10.5916L16.2332 10.5951L16.8452 10.1617ZM17.8916 11.9951L17.1507 12.1115L17.1507 12.1115L17.8916 11.9951ZM3.15459 10.1617L3.76669 10.5951L3.76915 10.5916L3.15459 10.1617ZM2.10819 11.9951L1.36728 11.8786H1.36728L2.10819 11.9951ZM7.9616 16.909C7.63517 16.654 7.16384 16.7119 6.90886 17.0383C6.65388 17.3648 6.7118 17.8361 7.03824 18.0911L7.9616 16.909ZM12.9616 18.0911C13.288 17.8361 13.346 17.3648 13.091 17.0383C12.836 16.7119 12.3647 16.654 12.0382 16.909L12.9616 18.0911ZM16.0268 13.5994C12.4873 15.0225 7.51251 15.0225 3.97308 13.5994L3.41351 14.9911C7.31201 16.5586 12.6878 16.5586 16.5863 14.9911L16.0268 13.5994ZM17.0206 7.73286C17.0206 3.94514 13.8537 0.916687 9.99992 0.916687V2.41669C13.0726 2.41669 15.5206 4.82007 15.5206 7.73286H17.0206ZM4.47919 7.73286C4.47919 4.82007 6.92727 2.41669 9.99992 2.41669V0.916687C6.14612 0.916687 2.97919 3.94514 2.97919 7.73286H4.47919ZM3.97308 13.5994C3.14627 13.2669 2.75147 12.7326 2.84909 12.1115L1.36728 11.8786C1.11048 13.5125 2.30023 14.5434 3.41351 14.9911L3.97308 13.5994ZM16.5863 14.9911C17.6996 14.5434 18.8894 13.5125 18.6326 11.8786L17.1507 12.1115C17.2484 12.7326 16.8536 13.2669 16.0268 13.5994L16.5863 14.9911ZM17.4598 9.73179C17.0815 9.19099 17.0207 8.58744 17.0206 7.7328L15.5206 7.73293C15.5207 8.61212 15.5638 9.63826 16.2307 10.5916L17.4598 9.73179ZM3.76915 10.5916C4.43604 9.63825 4.47911 8.61212 4.47919 7.73293L2.97919 7.7328C2.97911 8.58744 2.91834 9.19099 2.54003 9.73179L3.76915 10.5916ZM2.54251 9.72827C2.45079 9.8578 2.35253 9.98608 2.23845 10.1379C2.12877 10.2839 2.00871 10.4463 1.89595 10.6178C1.67289 10.957 1.44576 11.3793 1.36728 11.8786L2.84909 12.1115C2.87952 11.9179 2.97611 11.7052 3.14928 11.4419C3.23464 11.3121 3.33082 11.1812 3.43773 11.0389C3.54024 10.9024 3.65891 10.7473 3.76668 10.5951L2.54251 9.72827ZM16.2332 10.5951C16.3409 10.7473 16.4596 10.9024 16.5621 11.0389C16.669 11.1812 16.7652 11.3121 16.8506 11.4419C17.0237 11.7052 17.1203 11.9179 17.1507 12.1115L18.6326 11.8786C18.5541 11.3793 18.327 10.957 18.1039 10.6178C17.9911 10.4463 17.8711 10.2839 17.7614 10.1379C17.6473 9.98608 17.5491 9.8578 17.4573 9.72827L16.2332 10.5951ZM9.99992 17.5834C9.20289 17.5834 8.49015 17.3218 7.9616 16.909L7.03824 18.0911C7.83658 18.7147 8.87606 19.0834 9.99992 19.0834V17.5834ZM12.0382 16.909C11.5097 17.3218 10.7969 17.5834 9.99992 17.5834V19.0834C11.1238 19.0834 12.1633 18.7147 12.9616 18.0911L12.0382 16.909Z" fill="#4B5565"/>
                 // </svg>,
-                h("img", { key: '7558073711b50d1ff8de9baca628c252ce6c23cf', src: this.icon, alt: "", class: "icon" }),
-                h(Fragment, null, this.showIndicator && (h("div", { key: '119246e4b0223a9d4877f99984a5d556bb504560', class: "red_dot" })))
-            ], this.state === StateEnum.Disabled && (h("svg", { key: '91a74fa0a5893d8746bb52cf539ae6cbe42216e5', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '7232ce6c85d2105d28950337dfb9c28647782754', d: "M3.72919 7.73286L4.47919 7.73293V7.73286H3.72919ZM16.2706 7.73286H15.5206V7.73293L16.2706 7.73286ZM16.3065 14.2952L16.5863 14.9911L16.3065 14.2952ZM3.6933 14.2952L3.97308 13.5994L3.97308 13.5994L3.6933 14.2952ZM16.8452 10.1617L16.2307 10.5916L16.2332 10.5951L16.8452 10.1617ZM17.8916 11.9951L17.1507 12.1115L17.1507 12.1115L17.8916 11.9951ZM3.15459 10.1617L3.76669 10.5951L3.76915 10.5916L3.15459 10.1617ZM2.10819 11.9951L1.36728 11.8786H1.36728L2.10819 11.9951ZM7.9616 16.909C7.63517 16.654 7.16384 16.7119 6.90886 17.0383C6.65388 17.3648 6.7118 17.8361 7.03824 18.0911L7.9616 16.909ZM12.9616 18.0911C13.288 17.8361 13.346 17.3648 13.091 17.0383C12.836 16.7119 12.3647 16.654 12.0382 16.909L12.9616 18.0911ZM16.0268 13.5994C12.4873 15.0225 7.51251 15.0225 3.97308 13.5994L3.41351 14.9911C7.31201 16.5586 12.6878 16.5586 16.5863 14.9911L16.0268 13.5994ZM17.0206 7.73286C17.0206 3.94514 13.8537 0.916687 9.99992 0.916687V2.41669C13.0726 2.41669 15.5206 4.82007 15.5206 7.73286H17.0206ZM4.47919 7.73286C4.47919 4.82007 6.92727 2.41669 9.99992 2.41669V0.916687C6.14612 0.916687 2.97919 3.94514 2.97919 7.73286H4.47919ZM3.97308 13.5994C3.14627 13.2669 2.75147 12.7326 2.84909 12.1115L1.36728 11.8786C1.11048 13.5125 2.30023 14.5434 3.41351 14.9911L3.97308 13.5994ZM16.5863 14.9911C17.6996 14.5434 18.8894 13.5125 18.6326 11.8786L17.1507 12.1115C17.2484 12.7326 16.8536 13.2669 16.0268 13.5994L16.5863 14.9911ZM17.4598 9.73179C17.0815 9.19099 17.0207 8.58744 17.0206 7.7328L15.5206 7.73293C15.5207 8.61212 15.5638 9.63826 16.2307 10.5916L17.4598 9.73179ZM3.76915 10.5916C4.43604 9.63825 4.47911 8.61212 4.47919 7.73293L2.97919 7.7328C2.97911 8.58744 2.91834 9.19099 2.54003 9.73179L3.76915 10.5916ZM2.54251 9.72827C2.45079 9.8578 2.35253 9.98608 2.23845 10.1379C2.12877 10.2839 2.00871 10.4463 1.89595 10.6178C1.67289 10.957 1.44576 11.3793 1.36728 11.8786L2.84909 12.1115C2.87952 11.9179 2.97611 11.7052 3.14928 11.4419C3.23464 11.3121 3.33082 11.1812 3.43773 11.0389C3.54024 10.9024 3.65891 10.7473 3.76668 10.5951L2.54251 9.72827ZM16.2332 10.5951C16.3409 10.7473 16.4596 10.9024 16.5621 11.0389C16.669 11.1812 16.7652 11.3121 16.8506 11.4419C17.0237 11.7052 17.1203 11.9179 17.1507 12.1115L18.6326 11.8786C18.5541 11.3793 18.327 10.957 18.1039 10.6178C17.9911 10.4463 17.8711 10.2839 17.7614 10.1379C17.6473 9.98608 17.5491 9.8578 17.4573 9.72827L16.2332 10.5951ZM9.99992 17.5834C9.20289 17.5834 8.49015 17.3218 7.9616 16.909L7.03824 18.0911C7.83658 18.7147 8.87606 19.0834 9.99992 19.0834V17.5834ZM12.0382 16.909C11.5097 17.3218 10.7969 17.5834 9.99992 17.5834V19.0834C11.1238 19.0834 12.1633 18.7147 12.9616 18.0911L12.0382 16.909Z", fill: "#CDD5DF" }))))
+                h("img", { key: '4e9c9966c1b53b43b678edbee2a3c65775f0b2e2', src: this.icon, alt: "", class: "icon" }),
+                h(Fragment, null, this.showIndicator && (h("div", { key: 'c40a2283ba176ab4f8522a07ced24249edefce7e', class: "red_dot" })))
+            ], this.state === StateEnum.Disabled && (h("svg", { key: '8ff9b0a6aa7f58a8d50498f561c139b361c9c1c2', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'e9eb74374e775144efa5def9df9e097bcb3db307', d: "M3.72919 7.73286L4.47919 7.73293V7.73286H3.72919ZM16.2706 7.73286H15.5206V7.73293L16.2706 7.73286ZM16.3065 14.2952L16.5863 14.9911L16.3065 14.2952ZM3.6933 14.2952L3.97308 13.5994L3.97308 13.5994L3.6933 14.2952ZM16.8452 10.1617L16.2307 10.5916L16.2332 10.5951L16.8452 10.1617ZM17.8916 11.9951L17.1507 12.1115L17.1507 12.1115L17.8916 11.9951ZM3.15459 10.1617L3.76669 10.5951L3.76915 10.5916L3.15459 10.1617ZM2.10819 11.9951L1.36728 11.8786H1.36728L2.10819 11.9951ZM7.9616 16.909C7.63517 16.654 7.16384 16.7119 6.90886 17.0383C6.65388 17.3648 6.7118 17.8361 7.03824 18.0911L7.9616 16.909ZM12.9616 18.0911C13.288 17.8361 13.346 17.3648 13.091 17.0383C12.836 16.7119 12.3647 16.654 12.0382 16.909L12.9616 18.0911ZM16.0268 13.5994C12.4873 15.0225 7.51251 15.0225 3.97308 13.5994L3.41351 14.9911C7.31201 16.5586 12.6878 16.5586 16.5863 14.9911L16.0268 13.5994ZM17.0206 7.73286C17.0206 3.94514 13.8537 0.916687 9.99992 0.916687V2.41669C13.0726 2.41669 15.5206 4.82007 15.5206 7.73286H17.0206ZM4.47919 7.73286C4.47919 4.82007 6.92727 2.41669 9.99992 2.41669V0.916687C6.14612 0.916687 2.97919 3.94514 2.97919 7.73286H4.47919ZM3.97308 13.5994C3.14627 13.2669 2.75147 12.7326 2.84909 12.1115L1.36728 11.8786C1.11048 13.5125 2.30023 14.5434 3.41351 14.9911L3.97308 13.5994ZM16.5863 14.9911C17.6996 14.5434 18.8894 13.5125 18.6326 11.8786L17.1507 12.1115C17.2484 12.7326 16.8536 13.2669 16.0268 13.5994L16.5863 14.9911ZM17.4598 9.73179C17.0815 9.19099 17.0207 8.58744 17.0206 7.7328L15.5206 7.73293C15.5207 8.61212 15.5638 9.63826 16.2307 10.5916L17.4598 9.73179ZM3.76915 10.5916C4.43604 9.63825 4.47911 8.61212 4.47919 7.73293L2.97919 7.7328C2.97911 8.58744 2.91834 9.19099 2.54003 9.73179L3.76915 10.5916ZM2.54251 9.72827C2.45079 9.8578 2.35253 9.98608 2.23845 10.1379C2.12877 10.2839 2.00871 10.4463 1.89595 10.6178C1.67289 10.957 1.44576 11.3793 1.36728 11.8786L2.84909 12.1115C2.87952 11.9179 2.97611 11.7052 3.14928 11.4419C3.23464 11.3121 3.33082 11.1812 3.43773 11.0389C3.54024 10.9024 3.65891 10.7473 3.76668 10.5951L2.54251 9.72827ZM16.2332 10.5951C16.3409 10.7473 16.4596 10.9024 16.5621 11.0389C16.669 11.1812 16.7652 11.3121 16.8506 11.4419C17.0237 11.7052 17.1203 11.9179 17.1507 12.1115L18.6326 11.8786C18.5541 11.3793 18.327 10.957 18.1039 10.6178C17.9911 10.4463 17.8711 10.2839 17.7614 10.1379C17.6473 9.98608 17.5491 9.8578 17.4573 9.72827L16.2332 10.5951ZM9.99992 17.5834C9.20289 17.5834 8.49015 17.3218 7.9616 16.909L7.03824 18.0911C7.83658 18.7147 8.87606 19.0834 9.99992 19.0834V17.5834ZM12.0382 16.909C11.5097 17.3218 10.7969 17.5834 9.99992 17.5834V19.0834C11.1238 19.0834 12.1633 18.7147 12.9616 18.0911L12.0382 16.909Z", fill: "#CDD5DF" }))))
         ];
     }
     static get is() { return "gb-header-icon"; }

package/dist/collection/components/gb-help-dropdown/gb-help-dropdown.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class GbHelpDropdown {
         this.helpItemClicked.emit(item);
     }
     render() {
-        return (h("div", { key: '557a9ba10b7293dc578ea7aca23ea0c815d95b7e', class: "dropdown-container" }, h("div", { key: '9d44194f7d7566cb20db677fa377a441e75d70b0', class: "user_guide" }, h("gb-dropdown-items-with-shortcut", { key: 'd7a93a1675b4fc4724275280913190b5ea475a73', icon: true, iconSrc: "assets/book_open.svg", label: "Download user guide", onClick: () => this.onHelpItemClicked('download_user_guide') })), h("div", { key: '34c3aa4ac9721fdd94b253b158d9649cbb7adab3', class: "bug" }, h("gb-dropdown-items-with-shortcut", { key: '196895278f65e4b4ebb830621d012808f9e7b69b', icon: true, iconSrc: "assets/bug_02.svg", label: "Report a bug", onClick: () => this.onHelpItemClicked('report_a_bug') })), this.showLogError && (h("div", { key: '45ffdc1bf1846ea515e474b3088be2e45fa7f7e3', class: "log_error" }, h("gb-dropdown-items-with-shortcut", { key: '2dc1cf59c4afef45c8eeb2dec63713ad7db2ab76', icon: true, iconSrc: "assets/alert_02.svg", label: "Log a profile error", onClick: () => this.onHelpItemClicked('log_a_profile_error') })))));
+        return (h("div", { key: '27c3ba9d444444cbc4cd0e7ae80ddee5daf2a293', class: "dropdown-container" }, h("div", { key: 'b223773943557114bfdab82ea038f6f928a2626b', class: "user_guide" }, h("gb-dropdown-items-with-shortcut", { key: '5390e3a20d10f91d5565f6e182fcdab211afbd9c', icon: true, iconSrc: "assets/book_open.svg", label: "Download user guide", onClick: () => this.onHelpItemClicked('download_user_guide') })), h("div", { key: '7c6915f05a523f889dd8cae4ada0a16d51da1da9', class: "bug" }, h("gb-dropdown-items-with-shortcut", { key: 'c842c7407288cdb8630246250d98b4f0bc6cda6e', icon: true, iconSrc: "assets/bug_02.svg", label: "Report a bug", onClick: () => this.onHelpItemClicked('report_a_bug') })), this.showLogError && (h("div", { key: 'fe36c9dc3c34b923094c446c70ce21b0a04924aa', class: "log_error" }, h("gb-dropdown-items-with-shortcut", { key: 'deff7b83cbb5f07c2096c357dbfcdfdf17371041', icon: true, iconSrc: "assets/alert_02.svg", label: "Log a profile error", onClick: () => this.onHelpItemClicked('log_a_profile_error') })))));
     }
     static get is() { return "gb-help-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-help-tooltip/gb-help-tooltip.js CHANGED Viewed

@@ -16,7 +16,7 @@ export class GbHelpTooltip {
         }
     }
     render() {
-        return (h("div", { key: 'f4ac9733e621f61e3506d0f02cc37f3fea6bd94b', class: `help_tooltip` }, h("svg", { key: 'a2e0fc2f7828b292069f3d43f4145f81074735bd', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", onMouseEnter: () => (this.showHelpTooltip = true), onMouseLeave: () => (this.showHelpTooltip = false), class: "help_circle" }, h("path", { key: '1320a66e70183c95debfc5dd913c1a772eb2d677', d: "M6.66659 6C6.66659 5.26362 7.26354 4.66666 7.99992 4.66666C8.7363 4.66666 9.33325 5.26362 9.33325 6C9.33325 6.26543 9.25569 6.51275 9.12199 6.72052C8.72352 7.33978 7.99992 7.93028 7.99992 8.66666V9M7.99458 11.3333H8.00057M14.6666 8C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8C1.33325 4.3181 4.31802 1.33333 7.99992 1.33333C11.6818 1.33333 14.6666 4.3181 14.6666 8Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), this.showHelpTooltip && (h("gb-tooltip", { key: '9f6925c7627ab5c56549734a2ac58c43c2a4dca8', "show-arrow": true, arrow: "bottom_right", "show-supporting-text": this.showSupportingText, class: "tooltip" }, h("slot", { key: '4827bcacf11f25fad660dc3494a64cb8c0d9c20b', name: "label", slot: "label" }), h("slot", { key: '0c993228bdc1bd5b8e740a65edbc652710e6db15', name: "supporting_text", slot: "supporting_text" })))));
+        return (h("div", { key: '34fcb955d700f9a4f8b14b20418fe323e37c1fea', class: `help_tooltip` }, h("svg", { key: '80989d6f5eae898da6131890dcf481e83cab398b', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", onMouseEnter: () => (this.showHelpTooltip = true), onMouseLeave: () => (this.showHelpTooltip = false), class: "help_circle" }, h("path", { key: '7a1cfed98710a4a7e7ca3782a3bcad6adeb14b65', d: "M6.66659 6C6.66659 5.26362 7.26354 4.66666 7.99992 4.66666C8.7363 4.66666 9.33325 5.26362 9.33325 6C9.33325 6.26543 9.25569 6.51275 9.12199 6.72052C8.72352 7.33978 7.99992 7.93028 7.99992 8.66666V9M7.99458 11.3333H8.00057M14.6666 8C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8C1.33325 4.3181 4.31802 1.33333 7.99992 1.33333C11.6818 1.33333 14.6666 4.3181 14.6666 8Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), this.showHelpTooltip && (h("gb-tooltip", { key: 'fe51bfd1d7f521a0d5968712219c52022faa93e4', "show-arrow": true, arrow: "bottom_right", "show-supporting-text": this.showSupportingText, class: "tooltip" }, h("slot", { key: 'cf7a2458f73bc842b8957db0da1386c3b770ae14', name: "label", slot: "label" }), h("slot", { key: 'e6ad1a85ce718b520c5006e793fb232eaa5a2153', name: "supporting_text", slot: "supporting_text" })))));
     }
     static get is() { return "gb-help-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,7 +38,7 @@ export class GbHorizontalTabs {
         }
     }
     render() {
-        return (h("div", { key: '70e0ebd29dbe4a13cedaeeeeec8c216cbdc5e54e', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, h("gb-tab-button-base", { key: 'ac5bd565f22978f9c91c517ef9009091d9e0e106', 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: '390ea31ae708d63c39b92cb5bde1a8d50790f184', 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: 'd82f4bf2b39db36a8f0df4d254882cd3f7334d79', 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: 'de79610c8a97e40e76ef11df133b55b5c969d7d7', 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: 'c904923f8aaadf5a4454a0a26be888da4f187ddf', 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: 'e55d4ba3615ab2dd5497db4ab06a552ba818c14b', 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: 'd557ac872010173902acddefd56da6a6a9ec664c', 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: 'df2192e08f1a165c4f0e8da65a28ef15c8eb3ebf', 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: 'd4f62f833af5b58818084ee01f3e6f7a104cbb5e', 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: '0d3e8974f69d6a7504e7aae071c63d4d4482a1a2', 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 })), this.eleventhTabName && (h("gb-tab-button-base", { key: '1fcf5544a8f629fe3f876591409660e86d58e1f8', 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(10), current: this.activeIndex === 10, "tab-name": this.tenthTabName })), this.twelfthTabName && (h("gb-tab-button-base", { key: '6153aafcaa0e4d24e82812c15b9a03d6b6970c0c', 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(11), current: this.activeIndex === 11, "tab-name": this.tenthTabName })), this.thirteenthTabName && (h("gb-tab-button-base", { key: '938e64009a0a53dfa615fb695faa0bb68cc6222f', 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(12), current: this.activeIndex === 12, "tab-name": this.tenthTabName })), this.fourteenthTabName && (h("gb-tab-button-base", { key: 'b96aee33082e54a52b5750ad3db408bde21f5a81', 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(13), current: this.activeIndex === 13, "tab-name": this.tenthTabName })), this.fifteenthTabName && (h("gb-tab-button-base", { key: '497efba2f60bb3ba6a784b411d93c9573071a3af', 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(14), current: this.activeIndex === 14, "tab-name": this.tenthTabName })), this.sixteenthTabName && (h("gb-tab-button-base", { key: '04f56a410f30fc74dcf9ae3d369724183009915d', 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(15), current: this.activeIndex === 15, "tab-name": this.tenthTabName })), this.seventeenthTabName && (h("gb-tab-button-base", { key: 'e3b84b36de722c38d3d8656ede03195f8f4fae0a', 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(16), current: this.activeIndex === 16, "tab-name": this.tenthTabName })), this.eighteenthTabName && (h("gb-tab-button-base", { key: 'b99640b40589bbac45fa7574fa4a299531e746c2', 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(17), current: this.activeIndex === 17, "tab-name": this.tenthTabName })), this.nineteenthTabName && (h("gb-tab-button-base", { key: 'ec1eed0077517ba855e77c56cd63b19ea031c83d', 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(18), current: this.activeIndex === 18, "tab-name": this.tenthTabName })), this.twentiethTabName && (h("gb-tab-button-base", { key: 'f4a62d6f7c9c05a44116e459902601a801032b05', 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(19), current: this.activeIndex === 19, "tab-name": this.tenthTabName }))));
+        return (h("div", { key: 'd13eadb6971771417f93f4623831ebc3e0398351', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, h("gb-tab-button-base", { key: 'a152f80b2a02ddd24fe4030748966aa17913cdb7', 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: '7c7d5b025c86d3037ea71900d1651778a918e321', 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: 'd9b744bb039e4cee93d709996b55fbcdd9ee8a1b', 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: '61b02028750fcaec8120d96a8d00cbe539ae4b58', 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: 'd39e4e640bb0b221a467e4b64f35260ac1648ec3', 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: '1fbdc156f74fa460795e343fd59a24056268fb7f', 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: 'a0c55113f4ba64a55f85f569b1f5fe40bd49e8c0', 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: 'e486c6309d150ef75b7d4279dce103ba1e5bfda5', 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: 'db010e8050a3c2256a997521d3ad68f79df2a49f', 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: '26eef8b07341d7b0e42caeaebc90fdd5d667e467', 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 })), this.eleventhTabName && (h("gb-tab-button-base", { key: '7352a085213f48867bdab40110cbff6fb53a0ce7', 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(10), current: this.activeIndex === 10, "tab-name": this.tenthTabName })), this.twelfthTabName && (h("gb-tab-button-base", { key: '54a42f537552a366688f7853e1478e2c4d2b2184', 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(11), current: this.activeIndex === 11, "tab-name": this.tenthTabName })), this.thirteenthTabName && (h("gb-tab-button-base", { key: 'faddbb8f653a511c4b78a3d1c85c30f3feff96e8', 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(12), current: this.activeIndex === 12, "tab-name": this.tenthTabName })), this.fourteenthTabName && (h("gb-tab-button-base", { key: 'd6e6aaaaa2b5c909134a2fc149433d1354644d5a', 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(13), current: this.activeIndex === 13, "tab-name": this.tenthTabName })), this.fifteenthTabName && (h("gb-tab-button-base", { key: 'b3df303dd1e270b006a84c7a9d653134c0918e75', 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(14), current: this.activeIndex === 14, "tab-name": this.tenthTabName })), this.sixteenthTabName && (h("gb-tab-button-base", { key: '361406725c783a2e51735585810bdc4416d1cbb1', 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(15), current: this.activeIndex === 15, "tab-name": this.tenthTabName })), this.seventeenthTabName && (h("gb-tab-button-base", { key: '8da0434d998ddad1e89c62771ff51940a85a4ce4', 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(16), current: this.activeIndex === 16, "tab-name": this.tenthTabName })), this.eighteenthTabName && (h("gb-tab-button-base", { key: '3fcd0241feaf278493f903f8330f9b2a16cd8594', 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(17), current: this.activeIndex === 17, "tab-name": this.tenthTabName })), this.nineteenthTabName && (h("gb-tab-button-base", { key: '8379f6421d3fb476d70f2322102a6528ca998a0d', 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(18), current: this.activeIndex === 18, "tab-name": this.tenthTabName })), this.twentiethTabName && (h("gb-tab-button-base", { key: '8d3b0a89a0042b3a02254605990c11dc365a3849', 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(19), current: this.activeIndex === 19, "tab-name": this.tenthTabName }))));
     }
     static get is() { return "gb-horizontal-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.css CHANGED Viewed

@@ -2659,11 +2659,6 @@
     margin-top: -0.416em;
 }
-:host{
-    width: 100%;
-    position: relative;
-}
 .input_dropdown_div{
     display: flex;
     align-items: center;
@@ -2673,6 +2668,7 @@
     background-color: var(--color-background-card, #FFFFFF);
     padding: var(--spacing-none) var(--spacing-3);
     cursor: pointer;
+    position: relative;
 }
 .input_dropdown_container{
@@ -2769,7 +2765,7 @@ svg.disabled path{
 .dropdown_menu{
     display: flex;
-    width: 100%;
+    min-width: 100%;
     padding: var(--spacing-none);
     flex-direction: column;
     align-items: flex-start;
@@ -2779,17 +2775,19 @@ svg.disabled path{
     background: var(--color-surface, #FFFFFF);
     box-shadow: var(--shadow-sm);
     position: absolute;
-    z-index: 10;
+    z-index: 99;
     gap: var(--spacing-none);
     transition: 1s ease-in-out;
 }
 .dropdown_menu.top{
-    bottom: 79%;
+    bottom: 105%;
+    left: 0;
 }
 .dropdown_menu.bottom{
-    top: 79%;
+    top: 105%;
+    left: 0;
 }
 /* .input_dropdown_div.sm.tag{