npm - globuswebcomponents - Versions diffs - 0.8.1 → 0.8.3 - Mend

globuswebcomponents 0.8.1 → 0.8.3

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 (313) hide show

package/dist/collection/components/gb-input-field/gb-input-field.js CHANGED Viewed

@@ -102,21 +102,21 @@ export class GbInputField {
         document.removeEventListener('click', this.handleClickOutside);
     }
     render() {
-        return (h("div", { key: '5fe7d38091cf8bec2020b0544d1b175346da487c', class: `input_container` }, h("div", { key: '07ad632bafe6a6b256f993cf6b571098005b9345', class: `input_with_label` }, this.showLabel && h("p", { key: 'f25cfe6ffc53b07226328abac801d915b501826f', class: "label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase()), this.type === 'default' && [
-            h("div", { key: 'b89dba2102aa89d96ac3273aa566303e1b25b485', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: '9a7714b4f81359f02c03d305ede03e06cacc4149', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), h(Fragment, null, this.showValidation && (h("svg", { key: 'd4262129f4a95f46ca3d28630297ede718390c2e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: "tick" }, h("path", { key: '6d986bea07f3b26445df56f847fe6a59ea2b39da', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '7a5058b07cd507685257990e04efe09c37911c94', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
+        return (h("div", { key: 'ea102f61532b1e9e6ec55b1abc613e4a36403a51', class: `input_container` }, h("div", { key: 'adf47daf456628feed1e3a9e524d46b3b517a561', class: `input_with_label` }, this.showLabel && h("p", { key: 'a5f79c773bcb1a0cbc0b31e903dca104f8f1a93e', class: "label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase()), this.type === 'default' && [
+            h("div", { key: '3b36c0061b0935a36735bdf7f8f02fdfbc61b4c5', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: '21c4c92297c5063091f557cdecc8584819964408', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), h(Fragment, null, this.showValidation && (h("svg", { key: 'a36d16a8146311dd563f67ecede7ff94a149ac71', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: "tick" }, h("path", { key: 'bca5ae47d7ff6cfb520f6beaf009201ed16a150c', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'c6dabacc22859a88e8f1e1feec5b85c5f7a9faf2', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
         ], this.type === 'icon_leading' && [
-            h("div", { key: 'a4a7b80e97df1cb9cf52a0d62b74a0e463707822', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '488fd70a0963fb0ac0fcbe4733b9124d3fb09328', class: `icon ${this.size} ${this.state}`, innerHTML: this.leadingIconSvg }), h("input", { key: 'd550ae6686f2c1e1b63da1b69482be62186e4834', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), ref: el => (this.inputRef = el) }), h(Fragment, null, this.showValidation && !this.destructive && (h("svg", { key: '63e31daa034fcbb1312b3f0cd1442f8166addf60', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: "tick" }, h("path", { key: '68e5b96e33bcfb06b3c5cccbf68a98fcdf1f9c94', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '95821b1ce8544be969ed40119c3731b2c0790859', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.showCloseButton && !this.destructive && (h("gb-button", { key: '702357745fc6beea970998c97699b831786b91aa', size: "sm", hierarchy: "tertiary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/cancel-01.svg", onClick: () => this.clearInput() })))),
+            h("div", { key: '3d5ef65fed2ea6823555af735e8a7ad8ca059819', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'bafc6b3463099e7e763c712c7b3dd91e297d1b20', class: `icon ${this.size} ${this.state}`, innerHTML: this.leadingIconSvg }), h("input", { key: '8cd6aceff43bc76adb9cd1cabf40b20e4881bc23', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), ref: el => (this.inputRef = el) }), h(Fragment, null, this.showValidation && !this.destructive && (h("svg", { key: 'fc4422bd10b294fdb3ef8511463d285130b1fc2a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: "tick" }, h("path", { key: '3f358a601d5f3f8b338b2b26c231d4b05d7be62c', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '54f9f6c589d7bbb469edd85025de651d4ad28c97', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.showCloseButton && !this.destructive && (h("gb-button", { key: '3aeed5e2845e20ebda678e7a19dca4c1297a9aac', size: "sm", hierarchy: "tertiary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/cancel-01.svg", onClick: () => this.clearInput() })))),
         ], this.type === 'leading_dropdown' && [
-            h("div", { key: '7d1ff4f8843d2de3c74a1c9a7383d617576355dc', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '974d4a1f4aad35f73d9ae8a72f61b1c76f8e7ee3', class: `leading_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, h("div", { key: '597f342825320e39b423bc35d99f1a87b734da15', class: `country_icon` }, h("img", { key: '11e790a52e1db8f6b258f9b04503b68e1e081d4e', src: "build/assets/NG.svg", alt: "" })), h("div", { key: '8e96331ea5a55a74d981a3e7f6830de1ece2b0cf', class: `dropdown_text` }, h("p", { key: 'b8fb81e4cfcfaee417d078c1945d929cbd18e0bd', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: '0bffe1548b7e20a8ade6e26e6d37733ebd3073d5', class: `dropdown_arrow` }, h("svg", { key: '1d868d347e8ba9041d6741e9dcd5ed70e4f46d8e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '4721469fd8523ce98e96dbfb2632a490456e1757', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#4B5565", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '4f0f94250983c30f43f20215df522e70a1bdcd3e', class: `leading_dropdown_text_input` }, h("input", { key: '323e1408cf814511c13b241e7cf3634103ef673c', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), this.showValidation && !this.destructive && (h("svg", { key: '7949bd95fc8c3d4598c1f2400835abc01333462c', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '06b8b8a969aac97d190660ef2f098e4c2eb75ffe', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '58ce5f4cb512ec47e3d164ea2277877f22cdbac8', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
-            h(Fragment, null, this.showDropdown && (h("div", { key: 'e2dd4fe7584bb597d402fdd4f7518269cdb6a1b8', class: `dropdown_menu ${this.type} ${this.size}`, ref: el => (this.dropdownRef = el) }, this.options.map(option => (h("gb-input-dropdown-menu-item", { type: "default", state: StateEnum.Default, selected: this.isItemSelected(option), onClick: () => this.handleItemSelect(option) }, h("p", { slot: "name" }, option))))))),
+            h("div", { key: 'c3f3b545f8b11d956faa0be90dcfffdd566e168d', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'f2aece3f7f87c967f00bd04a8cf308e1b6d7da6b', class: `leading_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, h("div", { key: '9a5a061beb7d30594af6909b20eb83807842e134', class: `country_icon` }, h("img", { key: '7c756ee02d759c8b9d48271ecfe1abc63005c551', src: "build/assets/NG.svg", alt: "" })), h("div", { key: '4f12a608d62d6227d2dabe893962a821868fd521', class: `dropdown_text` }, h("p", { key: '2e95afd04b07cdf8670983f4d33ee2c641744b9f', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: '17f46df8d5c8f6a9275675aa4fb788cf03c96feb', class: `dropdown_arrow` }, h("svg", { key: '3015a47c1a3f3b6da04c3577b3d0f73a41b14183', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '5a0065ef08b585a4002d974a02377878fada21e2', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#4B5565", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '9e13b0cb6713a0406c1640ca6e3b52a76ed5d71a', class: `leading_dropdown_text_input` }, h("input", { key: '623c90d71235505f2230d9bee086ab95faab2d08', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), this.showValidation && !this.destructive && (h("svg", { key: '17815760319eee767c6f04796b1bed582f2fdfa5', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '3fdce76edca636fdd901c6cc5c42a474d84c8147', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '966485dee172a665473bc775601cfc023901b5f4', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
+            h(Fragment, null, this.showDropdown && (h("div", { key: '2faa98dfae0376386a49ebbf5a5e76f0a65a3312', class: `dropdown_menu ${this.type} ${this.size}`, ref: el => (this.dropdownRef = el) }, this.options.map(option => (h("gb-input-dropdown-menu-item", { type: "default", state: StateEnum.Default, selected: this.isItemSelected(option), onClick: () => this.handleItemSelect(option) }, h("p", { slot: "name" }, option))))))),
         ], this.type === 'trailing_dropdown' && [
-            h("div", { key: 'c8a5d8a2385ff9680116ae50878fc07f655be6d7', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'ba85ec4ac2cf165ba19d3f9e8befee8204e1f359', class: `trailing_dropdown_content` }, h("p", { key: '8b5186853c7269e671651b1e2938f4cabc2162a5', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, "$"), h("input", { key: 'f8ae455b159ae219e7c96a7f7b8bb28495782798', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), this.showHelpIcon && (h("div", { key: '4c4fd31e6b55b50a191ffca6c69806d843c52869', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '4f47d25c43cb9c6c68fb186d045740b97f7dd4b5', class: `trailing_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, h("div", { key: '10f0734172af2bfb87874c2e5df28c93960f6ba1', class: `dropdown_text` }, h("p", { key: '86b719cffcb0ec4d5a06a2f8f35b01f21473a201', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: 'e36a528c1e5f3da94206544abdd1ee2b46b2a676', class: `dropdown_arrow` }, h("svg", { key: '2a3ea5ed33686b832d55eb9236dd7effd180577f', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'd92389890078edb42a60566eefc66b3d00a6cb1e', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#4B5565", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))),
-            h(Fragment, null, this.showDropdown && (h("div", { key: 'f30eb8ee7690655c9a5f9380c3b994f34962e378', class: `dropdown_menu ${this.type} ${this.size}`, ref: el => (this.dropdownRef = el) }, this.options.map(option => (h("gb-input-dropdown-menu-item", { type: "default", state: StateEnum.Default, selected: this.isItemSelected(option), onClick: () => this.handleItemSelect(option) }, h("p", { slot: "name" }, option))))))),
+            h("div", { key: 'dc6ff7d8878843373c7ea2fa0096a5d42723dd7f', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '0eea84833f650e2ea3a97a6b3f326cdba65ca35a', class: `trailing_dropdown_content` }, h("p", { key: '6fbbe7dea3c5c07fc2c5df67cabd781a020b70f6', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, "$"), h("input", { key: 'd72345b1c3550065423342dabb8b9cbd0185c53d', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), this.showHelpIcon && (h("div", { key: '7f1bf03f7f084d598c3e57992a98ba7d00b8c1b7', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '8cab7abfbe5de93bd1bc737caf6008337c2d5706', class: `trailing_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, h("div", { key: 'ca39bfa3d0cb43c2cbea00da73505999a9dcaa8f', class: `dropdown_text` }, h("p", { key: '74a8dac5e3e6fdef877168519689f4b027487d70', class: "text-md-regular", style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), h("div", { key: '6518f89c6f4933540700718b15e360a880a96d52', class: `dropdown_arrow` }, h("svg", { key: 'f205343b2351e82c5e0b6520d2494170ab1dca47', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '1dd58b30fd22aa6373650faef9c47bc1abb54fa2', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#4B5565", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))),
+            h(Fragment, null, this.showDropdown && (h("div", { key: '4d14724e52cd491573c47cbe8d3fd48510051bb6', class: `dropdown_menu ${this.type} ${this.size}`, ref: el => (this.dropdownRef = el) }, this.options.map(option => (h("gb-input-dropdown-menu-item", { type: "default", state: StateEnum.Default, selected: this.isItemSelected(option), onClick: () => this.handleItemSelect(option) }, h("p", { slot: "name" }, option))))))),
         ], this.type === 'leading_text' && [
-            h("div", { key: '10769a20d2d2054dbb4883d7459b6636acfd440b', class: "leading_text_input" }, h("div", { key: 'e4d392c87a74de67c4e35e0071913b9b9a79be73', class: `add_on` }, h("p", { key: '2e870dfaf3d17bb64b1ecf7b74a81d4342690d80', class: `text-md-regular`, style: { color: this.state === 'disabled' ? 'var(--color-text-disabled, #CDD5DF)' : 'var(--color-text, #4B5565)' } }, "http://")), h("div", { key: 'dd7b5be1a5e4fac999b301a562402a67c926136b', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: 'befc2d0008d14bb19f0d19b04fa956c271a7de62', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), this.showValidation && !this.destructive && (h("svg", { key: 'a511d186bbbb22bda304c71d0b66acfb3a7c7130', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '60d6242d48043a6b6494a13d58b6f5896eea0636', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '7e3fcac351e9553a6c0bab10ef6238c747b725cf', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
-        ], this.type === 'payment_input' && (h("div", { key: 'a71fbe3f1ce91b892a9e931c2fbfdc452038a097', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("svg", { key: 'de41e0481f9c0258469a92a6dc7541ede3fa8afb', xmlns: "http://www.w3.org/2000/svg", width: "23", height: "14", viewBox: "0 0 23 14", fill: "none" }, h("path", { key: '8bc2e0caea1c55fd86ec2ec576db9410e49bf7ac', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C9.99493 12.8275 8.45902 13.43 6.78069 13.43C3.03582 13.43 0 10.4303 0 6.72997C0 3.02966 3.03582 0.0299683 6.78069 0.0299683C8.45902 0.0299683 9.99493 0.632466 11.179 1.63051C12.363 0.632466 13.8989 0.0299683 15.5773 0.0299683C19.3221 0.0299683 22.358 3.02966 22.358 6.72997C22.358 10.4303 19.3221 13.43 15.5773 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#ED0006" }), h("path", { key: '347f43ba3c2edd3394234ba584c2981f188f5777', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77192 13.5614 6.72997C13.5614 4.68801 12.6369 2.85941 11.179 1.63051C12.363 0.632465 13.8989 0.0299683 15.5772 0.0299683C19.3221 0.0299683 22.3579 3.02966 22.3579 6.72997C22.3579 10.4303 19.3221 13.43 15.5772 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#F9A000" }), h("path", { key: 'fc6ac17281b625c5574224cae2e69f472620a9d2', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77193 13.5614 6.72999C13.5614 4.68805 12.6369 2.85946 11.179 1.63055C9.72109 2.85946 8.79663 4.68805 8.79663 6.72999C8.79663 8.77193 9.72109 10.6005 11.179 11.8294Z", fill: "#FF5E00" })), h("input", { key: '2c864535cf504792fe8602076bbef1e60c240a63', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), h(Fragment, null, this.showValidation && !this.destructive && (h("svg", { key: '8fc44e83653f9d9f5001f2e90a560c34210aa31a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'a98825085218e258bcdab7bddf36edc7e07b7284', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '1a307a47e9355b11918bdd30b765cccb3a971ea8', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))), this.type === 'trailing_button' && (h("div", { key: '5baf7b61de1b6acf4e7867999b92a18b45c24440', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '721075e709ebc9e7bb79507103740446b0f94192', class: `trailing_button_text_input ${this.size}` }, h("input", { key: 'cd78a474685e9963edde8b798937fb4c376a728b', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), ref: el => (this.inputRef = el) }), this.showValidation && !this.destructive && (h("svg", { key: '8503ee95b527dff48b1bc7d0ba097d80024065b6', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '242e3bfd9b02b0e291d0d5e01dc56ab5c965e93f', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'f11ff89b39f90e8fe505d30bc9c7b62816bf9f04', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("gb-button", { key: 'd4e6cb019e634702005db05aafc4e0ba90924483', size: "lg", hierarchy: "tertiary_gray", icon: "only", state: this.state === 'disabled' ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/copy-01.svg", onClick: () => this.copyToClipboard() }))), this.type === 'password' && (h("div", { key: '05186d28ef229a50572557836b70aec79a0b66ba', class: `password_input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'c48300047342efd836d014d3f10571e0e15d44ef', class: `password_content` }, h("input", { key: 'c4fe87d30b24d83fefae895a43897a4c0a7c3296', class: `content text-md-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), this.showValidation && !this.destructive && (h("svg", { key: 'd2c501f3725160093852ca46af6ae3899d9f6b38', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'f3f2296e0a4e8e41bf15e992241e6de63c40f58f', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '368b0d9d2e74b089a0d47f36958e2209e6786300', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '94f1ec285cdf6d55c697be1bec92e3a17b91192b', class: `dropdown` }, h("gb-password-button", { key: '23173e4747879a74a39775b7b90137c7a188ccea', onClick: () => this.togglePasswordVisibility() })))), this.type === 'password_icon_leading' && (h("div", { key: '6f14a74c1320a70284245b3ed67206a288b74998', class: `password_icon_leading_input input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '632a5df9ae4c06f4ad6b541b4b7acb048b94c60b', class: `password_icon_leading_content` }, h("svg", { key: '589ae1a3d6c3ab9637f23629fd1d09e92d264ea7', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'da4364462aa67d89e1a88ffb21c65b88e9ddc53c', d: "M12.0759 12.1667C11.6617 12.1667 11.3259 12.5025 11.3259 12.9167C11.3259 13.3309 11.6617 13.6667 12.0759 13.6667V12.1667ZM12.0833 13.6667C12.4976 13.6667 12.8333 13.3309 12.8333 12.9167C12.8333 12.5025 12.4976 12.1667 12.0833 12.1667V13.6667ZM7.91668 12.1667C7.50246 12.1667 7.16668 12.5025 7.16668 12.9167C7.16668 13.3309 7.50246 13.6667 7.91668 13.6667V12.1667ZM7.92415 13.6667C8.33836 13.6667 8.67415 13.3309 8.67415 12.9167C8.67415 12.5025 8.33836 12.1667 7.92415 12.1667V13.6667ZM16.4435 10.1294L17.1868 10.0293L16.4435 10.1294ZM13.7003 7.58258L13.7347 6.83337L13.7003 7.58258ZM13.7003 18.2508L13.7347 19L13.7003 18.2508ZM16.4435 15.704L15.7002 15.6039L16.4435 15.704ZM6.29973 7.58258L6.33417 8.33179L6.29973 7.58258ZM3.55652 10.1294L2.81323 10.0293L3.55652 10.1294ZM6.29973 18.2508L6.33417 17.5015L6.29973 18.2508ZM3.55652 15.704L4.29981 15.6039L3.55652 15.704ZM5.50001 7.5C5.50001 7.91422 5.8358 8.25 6.25001 8.25C6.66422 8.25 7.00001 7.91422 7.00001 7.5H5.50001ZM13 7.5C13 7.91422 13.3358 8.25 13.75 8.25C14.1642 8.25 14.5 7.91422 14.5 7.5H13ZM12.0759 13.6667H12.0833V12.1667H12.0759V13.6667ZM7.91668 13.6667H7.92415V12.1667H7.91668V13.6667ZM10 17.5833C8.69057 17.5833 7.50287 17.5553 6.33417 17.5015L6.26528 19C7.45761 19.0548 8.66829 19.0833 10 19.0833V17.5833ZM13.6659 17.5015C12.4972 17.5553 11.3094 17.5833 10 17.5833V19.0833C11.3317 19.0833 12.5424 19.0548 13.7347 19L13.6659 17.5015ZM17.1868 15.804C17.3105 14.8853 17.4167 13.9152 17.4167 12.9167H15.9167C15.9167 13.8142 15.8211 14.7058 15.7002 15.6039L17.1868 15.804ZM17.4167 12.9167C17.4167 11.9181 17.3105 10.948 17.1868 10.0293L15.7002 10.2295C15.8211 11.1275 15.9167 12.0192 15.9167 12.9167H17.4167ZM10 8.25C11.3095 8.25 12.4972 8.27806 13.6659 8.33179L13.7347 6.83337C12.5424 6.77856 11.3317 6.75 10 6.75V8.25ZM6.33417 8.33179C7.50287 8.27806 8.69057 8.25 10 8.25V6.75C8.66829 6.75 7.45761 6.77856 6.26528 6.83337L6.33417 8.33179ZM2.81323 10.0293C2.68953 10.948 2.58334 11.9181 2.58334 12.9167H4.08334C4.08334 12.0192 4.1789 11.1275 4.29981 10.2295L2.81323 10.0293ZM2.58334 12.9167C2.58334 13.9152 2.68953 14.8853 2.81323 15.804L4.29981 15.6039C4.1789 14.7058 4.08334 13.8142 4.08334 12.9167H2.58334ZM17.1868 10.0293C16.9527 8.29067 15.5122 6.91509 13.7347 6.83337L13.6659 8.33179C14.6943 8.37907 15.5595 9.18437 15.7002 10.2295L17.1868 10.0293ZM13.7347 19C15.5122 18.9183 16.9527 17.5427 17.1868 15.804L15.7002 15.6039C15.5595 16.649 14.6943 17.4543 13.6659 17.5015L13.7347 19ZM6.26528 6.83337C4.48781 6.91508 3.04732 8.29067 2.81323 10.0293L4.29981 10.2295C4.44052 9.18437 5.30576 8.37907 6.33417 8.33179L6.26528 6.83337ZM6.33417 17.5015C5.30576 17.4543 4.44052 16.649 4.29981 15.6039L2.81323 15.804C3.04732 17.5427 4.48782 18.9183 6.26528 19L6.33417 17.5015ZM7.00001 7.5V5.41667H5.50001V7.5H7.00001ZM13 5.41667V7.5H14.5V5.41667H13ZM10 2.41667C11.6569 2.41667 13 3.75981 13 5.41667H14.5C14.5 2.93139 12.4853 0.916668 10 0.916668V2.41667ZM7.00001 5.41667C7.00001 3.75981 8.34316 2.41667 10 2.41667V0.916668C7.51473 0.916668 5.50001 2.93139 5.50001 5.41667H7.00001Z", fill: "#4B5565" })), h("input", { key: '8b366e4d90ea505734a56046025271b61b7a5704', class: `content text-md-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) })), this.showValidation && !this.destructive && (h("svg", { key: '1e14bc0e762255489f4bbf68c9945d4e7fe8cddc', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'a67b8948affa30388f1409c5024556eb9f43a225', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '2ee8cff1f07e97c7bc31a5e0f835c1587c8484b2', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("gb-password-button", { key: '9fea9281aa80b08d5dbb4efc92357ea973a368de', onClick: () => this.togglePasswordVisibility() }))), this.type === 'count' && [
-            h("div", { key: 'eaa497d59c230bb7547c00c2db65196cb5cca14f', class: `count_input` }, h("div", { key: '670c6054e9a03f4bbbf22b4fd805b295dfa3b943', class: `count_text_input ${this.destructive ? 'destructive' : ''} ${this.state}` }, h("input", { key: 'd1240c4b8b2a388cde11b0b43f7926632b1ce24e', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), this.showHelpIcon && (h("div", { key: '0f25ac35360308c0ad3db1e23f47c8d9a608f390', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '40084c3761f207596c81b2058395897e61a017d7', class: `action ${this.state}` }, h("gb-button", { key: '5a7f1ca3636c2c3007c39562813bc3bf7c50cb46', size: "xl", state: this.state === 'disabled' ? 'disabled' : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/minus_sign.svg" }), h("hr", { key: '98656d95afcdf87b0d377c03498441428da323b5' }), h("gb-button", { key: '2932e918853b528b47ad71712de8e37241222d04', size: "xl", state: this.state === 'disabled' ? 'disabled' : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/plus_sign.svg" }))),
-        ], this.type === 'tags' && (h("div", { key: '16f6d43cd908d143057840c1fe4fab4ffdd4915d', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '65db68be9140b8073f9b203592b18562d066e08a', class: `tags_display` }), h("input", { key: 'd7bc5806da5a99733424a0a6f16c8b47719dee13', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) })))), this.showHintText && h("p", { key: '9b26fb0b58ef6726ce9c21506f69b0f46ad6dd99', class: "hint_text text-sm-regular" }, this.hintText)));
+            h("div", { key: '0871b82962525d24cb8b45d250bb6a208b297169', class: "leading_text_input" }, h("div", { key: '6f5b59b28b7618bb45a0ffb83c479b3baf02e7e0', class: `add_on` }, h("p", { key: 'd39faf4f88f85b1f9a5a69b7dadbf7b404724a17', class: `text-md-regular`, style: { color: this.state === 'disabled' ? 'var(--color-text-disabled, #CDD5DF)' : 'var(--color-text, #4B5565)' } }, "http://")), h("div", { key: '45f877d87d6eea7de9413051158a6ba6f8c22648', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("input", { key: 'b5eb138998550bee5885b8c9656bec1f7aaba5da', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), this.showValidation && !this.destructive && (h("svg", { key: '90738cc828fd70d879968f4c47b2b7df3fae9f9e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '7a6992c4d1832083c5c3cd27ea350018f6fae7b6', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: 'de4b12a568167bb4f951491eca099c50f82fa4b1', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
+        ], this.type === 'payment_input' && (h("div", { key: 'b747ea827d5bd30975580c4fb2b02149aa909b9e', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("svg", { key: '57ab5078f745353671bdd9b00984f68b1f1e069a', xmlns: "http://www.w3.org/2000/svg", width: "23", height: "14", viewBox: "0 0 23 14", fill: "none" }, h("path", { key: 'aa9cf5f03725bfac6609cb032f9ec5c892011a99', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C9.99493 12.8275 8.45902 13.43 6.78069 13.43C3.03582 13.43 0 10.4303 0 6.72997C0 3.02966 3.03582 0.0299683 6.78069 0.0299683C8.45902 0.0299683 9.99493 0.632466 11.179 1.63051C12.363 0.632466 13.8989 0.0299683 15.5773 0.0299683C19.3221 0.0299683 22.358 3.02966 22.358 6.72997C22.358 10.4303 19.3221 13.43 15.5773 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#ED0006" }), h("path", { key: 'bf9bf73f6463edb9858dc9ef20f706a38de696ad', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77192 13.5614 6.72997C13.5614 4.68801 12.6369 2.85941 11.179 1.63051C12.363 0.632465 13.8989 0.0299683 15.5772 0.0299683C19.3221 0.0299683 22.3579 3.02966 22.3579 6.72997C22.3579 10.4303 19.3221 13.43 15.5772 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#F9A000" }), h("path", { key: 'a3f3afb29273bea3db1e1588011b48d49ca84007', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77193 13.5614 6.72999C13.5614 4.68805 12.6369 2.85946 11.179 1.63055C9.72109 2.85946 8.79663 4.68805 8.79663 6.72999C8.79663 8.77193 9.72109 10.6005 11.179 11.8294Z", fill: "#FF5E00" })), h("input", { key: '6d087cc851ba59403ae6e8251c0f18d3273d8a1f', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), h(Fragment, null, this.showValidation && !this.destructive && (h("svg", { key: '04e846c1f7c40c48dfaee75959a1d645019d5280', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'eb9db57f57c80d56b09d0415ed0a96b7ee8b4133', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '13a1aeb2698cdeefb586b8767137c7bc8dc94dcb', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))), this.type === 'trailing_button' && (h("div", { key: '61dc140b53f44092d83205bdd07134fa182a6cf8', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: 'e30bf3607c9461f12b650ab7ae23ff919acec921', class: `trailing_button_text_input ${this.size}` }, h("input", { key: '2b56206b2d1e1256e6828bda291bf4cdb1a4df81', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), ref: el => (this.inputRef = el) }), this.showValidation && !this.destructive && (h("svg", { key: '839d902ad855ec56b23b18e7ca0fba780adbb88a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '997b0fdf175e48712370c1d7d6e9c857bb3d891e', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '9f78e96d127297e7b23ca136c41c8a519d5aea00', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("gb-button", { key: 'dca985ff83c43abe0b8c1048285ae265d176c175', size: "lg", hierarchy: "tertiary_gray", icon: "only", state: this.state === 'disabled' ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/copy-01.svg", onClick: () => this.copyToClipboard() }))), this.type === 'password' && (h("div", { key: 'c04ba6151bacc98c2c2b7295661e90dbf89f80e2', class: `password_input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '6dde78ec9619afb2f8cf69dea9f39bc5048bdddd', class: `password_content` }, h("input", { key: 'd7be0f4576bc2d0b7cbe219b42e29d15d907e195', class: `content text-md-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), this.showValidation && !this.destructive && (h("svg", { key: 'd3251adc9ae470177ac7d3fed0d5f6323e1493dd', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'adcb312bfa72704f9200b430e1469678a539032d', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '16929d836b57b6777cefd91575099f92f8fba989', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '1703b66b3cdfa6257f0708fa9f7ea4a677d6c70d', class: `dropdown` }, h("gb-password-button", { key: 'f05a73570bcb3fea5ad9c5ffc77b1d4af8e225d4', onClick: () => this.togglePasswordVisibility() })))), this.type === 'password_icon_leading' && (h("div", { key: '4308c580f258efb5aa9a19dc9a3837d84280c9a3', class: `password_icon_leading_input input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '510fe3e2148052983ff950f58b7b6180025a1e81', class: `password_icon_leading_content` }, h("svg", { key: '0194e1161106f134b20dad46ca6aff4b5bd4c7b7', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '6ab3c1a4ff3fc56c6b6166014b1b8a3b60131447', d: "M12.0759 12.1667C11.6617 12.1667 11.3259 12.5025 11.3259 12.9167C11.3259 13.3309 11.6617 13.6667 12.0759 13.6667V12.1667ZM12.0833 13.6667C12.4976 13.6667 12.8333 13.3309 12.8333 12.9167C12.8333 12.5025 12.4976 12.1667 12.0833 12.1667V13.6667ZM7.91668 12.1667C7.50246 12.1667 7.16668 12.5025 7.16668 12.9167C7.16668 13.3309 7.50246 13.6667 7.91668 13.6667V12.1667ZM7.92415 13.6667C8.33836 13.6667 8.67415 13.3309 8.67415 12.9167C8.67415 12.5025 8.33836 12.1667 7.92415 12.1667V13.6667ZM16.4435 10.1294L17.1868 10.0293L16.4435 10.1294ZM13.7003 7.58258L13.7347 6.83337L13.7003 7.58258ZM13.7003 18.2508L13.7347 19L13.7003 18.2508ZM16.4435 15.704L15.7002 15.6039L16.4435 15.704ZM6.29973 7.58258L6.33417 8.33179L6.29973 7.58258ZM3.55652 10.1294L2.81323 10.0293L3.55652 10.1294ZM6.29973 18.2508L6.33417 17.5015L6.29973 18.2508ZM3.55652 15.704L4.29981 15.6039L3.55652 15.704ZM5.50001 7.5C5.50001 7.91422 5.8358 8.25 6.25001 8.25C6.66422 8.25 7.00001 7.91422 7.00001 7.5H5.50001ZM13 7.5C13 7.91422 13.3358 8.25 13.75 8.25C14.1642 8.25 14.5 7.91422 14.5 7.5H13ZM12.0759 13.6667H12.0833V12.1667H12.0759V13.6667ZM7.91668 13.6667H7.92415V12.1667H7.91668V13.6667ZM10 17.5833C8.69057 17.5833 7.50287 17.5553 6.33417 17.5015L6.26528 19C7.45761 19.0548 8.66829 19.0833 10 19.0833V17.5833ZM13.6659 17.5015C12.4972 17.5553 11.3094 17.5833 10 17.5833V19.0833C11.3317 19.0833 12.5424 19.0548 13.7347 19L13.6659 17.5015ZM17.1868 15.804C17.3105 14.8853 17.4167 13.9152 17.4167 12.9167H15.9167C15.9167 13.8142 15.8211 14.7058 15.7002 15.6039L17.1868 15.804ZM17.4167 12.9167C17.4167 11.9181 17.3105 10.948 17.1868 10.0293L15.7002 10.2295C15.8211 11.1275 15.9167 12.0192 15.9167 12.9167H17.4167ZM10 8.25C11.3095 8.25 12.4972 8.27806 13.6659 8.33179L13.7347 6.83337C12.5424 6.77856 11.3317 6.75 10 6.75V8.25ZM6.33417 8.33179C7.50287 8.27806 8.69057 8.25 10 8.25V6.75C8.66829 6.75 7.45761 6.77856 6.26528 6.83337L6.33417 8.33179ZM2.81323 10.0293C2.68953 10.948 2.58334 11.9181 2.58334 12.9167H4.08334C4.08334 12.0192 4.1789 11.1275 4.29981 10.2295L2.81323 10.0293ZM2.58334 12.9167C2.58334 13.9152 2.68953 14.8853 2.81323 15.804L4.29981 15.6039C4.1789 14.7058 4.08334 13.8142 4.08334 12.9167H2.58334ZM17.1868 10.0293C16.9527 8.29067 15.5122 6.91509 13.7347 6.83337L13.6659 8.33179C14.6943 8.37907 15.5595 9.18437 15.7002 10.2295L17.1868 10.0293ZM13.7347 19C15.5122 18.9183 16.9527 17.5427 17.1868 15.804L15.7002 15.6039C15.5595 16.649 14.6943 17.4543 13.6659 17.5015L13.7347 19ZM6.26528 6.83337C4.48781 6.91508 3.04732 8.29067 2.81323 10.0293L4.29981 10.2295C4.44052 9.18437 5.30576 8.37907 6.33417 8.33179L6.26528 6.83337ZM6.33417 17.5015C5.30576 17.4543 4.44052 16.649 4.29981 15.6039L2.81323 15.804C3.04732 17.5427 4.48782 18.9183 6.26528 19L6.33417 17.5015ZM7.00001 7.5V5.41667H5.50001V7.5H7.00001ZM13 5.41667V7.5H14.5V5.41667H13ZM10 2.41667C11.6569 2.41667 13 3.75981 13 5.41667H14.5C14.5 2.93139 12.4853 0.916668 10 0.916668V2.41667ZM7.00001 5.41667C7.00001 3.75981 8.34316 2.41667 10 2.41667V0.916668C7.51473 0.916668 5.50001 2.93139 5.50001 5.41667H7.00001Z", fill: "#4B5565" })), h("input", { key: '29d2ccbf2831f7b16d8fbdd7cf9c5bc75c0a7e4a', class: `content text-md-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) })), this.showValidation && !this.destructive && (h("svg", { key: 'fb37c5cb89acd08c27e67f2b42a4e99d0218f6bf', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '2fb38ad2e4b8112b459b32e0aa9e34d3a0167a48', d: "M4.16675 12.0833C4.16675 12.0833 5.41675 12.0833 7.08341 15C7.08341 15 11.7158 7.36112 15.8334 5.83334", stroke: "#079455", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.showHelpIcon && (h("div", { key: '3ee8d793956e6c7b5a5518c2e097ad571656d80c', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), h("gb-password-button", { key: 'dfd01c3a12f0c2dcafb15f5f9853d85a8fb05614', onClick: () => this.togglePasswordVisibility() }))), this.type === 'count' && [
+            h("div", { key: '0b19588941ad5bab8624a6f059ec01ff67f0533d', class: `count_input` }, h("div", { key: '8f82ad477b097cea58ffc1a9c7f16de485f5b29f', class: `count_text_input ${this.destructive ? 'destructive' : ''} ${this.state}` }, h("input", { key: '07b6489538e4a84a9d4bba70cf3da618beebcd26', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) }), this.showHelpIcon && (h("div", { key: '3da55216e9c02b2c3fcace6511c5542513aec40c', class: `help_circle` }, !this.destructive ? (h("gb-help-tooltip", { "show-supporting-text": true }, h("slot", { name: "tooltip_label", slot: "label" }), h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '6a521473ca26c87826776a3d4837af012a271f38', class: `action ${this.state}` }, h("gb-button", { key: '4d03384570d3c24401e1251bc9d4ac7e749ccf15', size: "xl", state: this.state === 'disabled' ? 'disabled' : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/minus_sign.svg" }), h("hr", { key: '126fc6f9a74d5031e172a591e87d7b30b188235b' }), h("gb-button", { key: '0b97cf10ef16889d705d33dee70f04ff24696fa9', size: "xl", state: this.state === 'disabled' ? 'disabled' : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/plus_sign.svg" }))),
+        ], this.type === 'tags' && (h("div", { key: 'd86bbdd113601e4fcc2d367cf52b6c621cacc09d', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, h("div", { key: '8fd32981e104969de280fa0677c8d59bc93cc7c9', class: `tags_display` }), h("input", { key: '249ce04107da5ceddc3298548d1112b458b50217', class: `content text-md-regular ${this.type} ${this.state}`, type: "text", placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) })))), this.showHintText && h("p", { key: '84eee579c83c45f20df8962ff385dfe8ca6114f5', class: "hint_text text-sm-regular" }, this.hintText)));
     }
     static get is() { return "gb-input-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-megainput-field-base/gb-megainput-field.js CHANGED Viewed

@@ -16,10 +16,10 @@ export class GbMegaInputField {
         }
     }
     render() {
-        return (h("div", { key: '01083438c209d9f0acc44ea9f4fb579746a1518e', class: {
+        return (h("div", { key: 'a0302a3fbf40b4aaa9d39e8f3478d9c72eb86312', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
-            } }, h("input", { key: 'ec6c4b9e530034a334d5911fb332b904b1979775', class: {
+            } }, h("input", { key: '959046c1545354a6a5efa4520274961c2239820a', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
             }, type: "number", min: "0", max: "1", placeholder: "0", value: this.inputValue, onInput: (event) => this.handleInput(event) })));

package/dist/collection/components/gb-notification-content/gb-notification-content.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class GbNotificationContent {
     }
     render() {
         const iconSrc = getAssetPath(`${this.icon}`);
-        return (h("div", { key: '2d86011ba87b55d1f0260b6f3464c23f0fbbffc1', class: "notification_container" }, h("div", { key: '8e3c2b83c66066b236e5a29e4ea6b8e78a0be582', class: "notification_title" }, this.icon && (h("div", { key: '2843342abd91d8a59fe32f04bbd35f3e58d5bfa0', class: "icon" }, h("img", { key: '056f8d15cb8d914ab80dd12a2045d13370763e6e', src: iconSrc, alt: "Icon" }))), h("label", { key: '75d7351a39ac18342b7c66ad67eb53971e12eb7a' }, this.label), h("span", { key: 'd2975f7a55b139df2fea11011949297f3d508ecc', class: "time" }, this.time)), h("div", { key: '62438f23eee930f56aa93f73a58261fcc92662de', class: "supporting_text" }, h("p", { key: '71beb4c2645d3cbeced17c9e8a30ec010c771e30', class: "text-sm-regular" }, this.supportingText))));
+        return (h("div", { key: '4637011d67d60e129b59e471c2049ffb979722df', class: "notification_container" }, h("div", { key: '09b544fbfff8d6838c20001829926633e552d8da', class: "notification_title" }, this.icon && (h("div", { key: '92fa319ea4e232e3d89ad39d8af55694f9ec8b38', class: "icon" }, h("img", { key: '4d9650ccc98da7552f99c10a3ece97287f78f8f4', src: iconSrc, alt: "Icon" }))), h("label", { key: '229aca72ff4dc8283f51305727626ca2c81bf02d' }, this.label), h("span", { key: 'b7ba384d7d7c269df5fbd733eb0fd111f6ddc74f', class: "time" }, this.time)), h("div", { key: '951d0bd4d2ffb1c71a86e03fab1ac23af78cedd2', class: "supporting_text" }, h("p", { key: '93b5fec4281c9a6aa552c50bd05c379ce8727710', class: "text-sm-regular" }, this.supportingText))));
     }
     static get is() { return "gb-notification-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-notification-pane/gb-notification-pane.js CHANGED Viewed

@@ -51,9 +51,9 @@ export class GbNotificationPane {
     render() {
         const patternSrc = getAssetPath(`assets/notification_background_pattern.svg`);
         const illustrationSrc = getAssetPath(`assets/notification_illustration.svg`);
-        return (h("div", { key: 'b10f4e99e86cf1e58da64d8e0300b68bec1b0689', class: "notification_pane_div" }, this.state === 'empty' && [
-            h("div", { key: '0cc22031fe3e5b5dbcec190ea461f4a403d258fa', class: `container` }, h("div", { key: 'ed572adce75dc352db3d1d6c1d367171d891b0d4', class: "frame" }, h("img", { key: 'c866a6f64d4f5d1f1c32e5423c17327892c7693a', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '94dfb9d59afd10c0d8c0c72ff351aaae13b6e18b', class: "empty_state" }, h("div", { key: 'c599b9f3e1ef5b878298bf765f9cfebe179e3fd6', class: "content" }, h("img", { key: 'ac6ffa74fb69216b1fae326fcbde76221b791928', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '8f7b8a609bea9e64db8ea0991ff14b4ff7ca543e', class: "text" }, h("slot", { key: 'd7660bfaee4fe42fab118e290bf00bb18d473dc2', name: "label" }), h("slot", { key: '0646b306b8e1a92fbcf61cf12558bc3b1e654547', name: "supporting_text" })))))),
-            h("div", { key: 'c7160031ee60588d495d55d47fb6f4f34b1748a4', class: `button` }, h("gb-button", { key: '13a85b21d399bb424f341127f1dda1b9671b017f', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '3913969e950d309c363c3b52e006472c6daa481e' }, "Mark all as read"))),
+        return (h("div", { key: '7a72818eca38e266fb1b06a57f0dfb136a5172ab', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: '86b92dd842f4874418772a0022f0280a514955df', class: `container` }, h("div", { key: '5b527d4003f8150e8ff97d4717c15a52d19a5546', class: "frame" }, h("img", { key: 'f6ebb1c8f24a42bf831897cef340931a2378ad1b', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: 'b96674820e5733bd96ae5337c638995dba2e3076', class: "empty_state" }, h("div", { key: 'b849a3d6d66a36998f340d8c0b39ed04ba3de302', class: "content" }, h("img", { key: '82aafbcce50977d5b529e9a55b76f7019ae53729', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '09e6b16057965bd517a3dda835dfb3ebd6d40af5', class: "text" }, h("slot", { key: '2df9aa0d6ec1df0ccb298f4330322a333f6b0cc5', name: "label" }), h("slot", { key: '53d2a541b7e56e13f04c042d8d89d919558d2eff', name: "supporting_text" })))))),
+            h("div", { key: '1412dbd79d235a832846d03bd30fe579bee20003', class: `button` }, h("gb-button", { key: '310d37597c9112ad07f7140671f5425cb798325f', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '37aed608eac8021cb215493b9646d52171dbea7f' }, "Mark all as read"))),
         ], this.state === 'notification_dropdown' && (h(Fragment, null, this.notifications.length > 0 ? (h("div", { class: "notification_dropdown" }, h("div", { class: `content_wrapper` }, this.notifications.map(notification => (h("gb-notification-content", { label: notification.label, time: notification.time, "supporting-text": notification.desc, icon: notification.icon })))), h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read")))) : [h("div", { class: `container` }, h("div", { class: "frame" }, h("img", { src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { class: "empty_state" }, h("div", { class: "content" }, h("img", { src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { class: "text" }, h("slot", { name: "label" }), h("slot", { name: "supporting_text" })))))), h("div", { class: `button` }, h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read"))),
         ]))));
     }

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

@@ -19,7 +19,7 @@ export class GbPagination {
         }
     }
     render() {
-        return (h("div", { key: '7ba8e26584e63fd834c2cece51b3becad2101efe', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '9ba2328b1c32577b928257ffa0ad34f2bf32b802', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '03eaa78ea459e99c8203c2419d2a9666c09ad2d0' }, "Previous")), h("div", { key: 'dc6b19881cd6a978d676b51c343470e846ec0487', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '5ecfd165b2167238002338e71710d043af1e530c', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: '31a4e427be55fb3e99abf36b37be1e54e650890c', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '27b9f6d08240e18be9d3e1e47601d25a1f610012', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: '2c8e7bddd55030d671918d50ec92719cf5f9af4a', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '3daccd1db481746e9304ef42bdcd13cfcca6d7e8', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: '1fb0f02f33524f8e4ff2bea2220d4d41ec9d3f6e', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '870da9697d49af8f249b08e35137f6b3b18663f3', shape: this.shape }, h("p", { key: '4f0a7f77ea9bc7d0870320466729f05884db30ee', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '9fdd3e30b837eb919de77bdbecb122e1b2c25556', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: 'ec486b6d3520641b579860ad5c9264c5f42a238d', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '9537a7f07f7ad549dab5cb742e83c4616d1b3861', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: '3e7c10127258f6ef13f9003ae7dcbf17591b0d0c', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '0f61a171c53d53759c08a0bbe5dc3d6481642458', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: '6f44e325a8f476b2f6a3420a367364d3d03a166c', slot: "page_number" }, this.totalPages))), h("gb-button", { key: 'faa93bcf1b435db1f8905c289b409f50620f1434', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'a45690966969513d475a7160891667aa88886ed6' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '8f1512e9365f44b6e71367707ea8b5dc2b3d542f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'bfa04247d3bdc5dd1d79c11b9f19f1a49f863688' }, "Previous")), h("div", { key: 'b07d8b95a96997eb939bfc20882ec4093cec1932', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: 'e219387c2ba75f9e041f9c3bbf4e6567698fa7a2', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: '7f782c1b12fe2e941813920b7e2f22df7ea6fa8c', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'd672359b3a6a3feca167d73b360a753b0acca6d3', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: 'e3d127acc6cb49d97456dbc353c9e182e00d3970', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '306fcbf636af98da27885e61fe90a8cc352c8d59', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: '3b44c99e390fbbd068462dae14663d66a9a9e473', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '6c74b546752c676618e511a90f9e0cca4c7a7b14', shape: this.shape }, h("p", { key: '5e61babd2616528ac589e89198123fa1e327c46a', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'a1862a090179bb39b3c074b46652a4e72afb931d', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: 'b592a0f38ee31c1f31d86d27cbc55fefc79375a3', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '9160831c9d46cc6c557d241c2aac0a0216d4fb48', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: 'd2457b19abca7e16f612f9269f4b1b2fce932960', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '8d6c9a10ae3d4fd7d4ca2e39590ff9868c838f1f', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: '7380f350c82acbd338733eb3159c49a02a35bbfa', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '64c369dfbc1d0b47432b13e2419801c246e70307', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: '7bb197b54e5988d6a75b51030e50a1c4074b90a3' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '2e9effb31198566595575bc4f1c48e9c824790dd', class: "entries" }, h("div", { key: '29204f7b996b93daf3cbd942c5f3afe087843b39', class: "entries_text" }, h("p", { key: '066b2388a22725495f49a7af88923f3236753aea', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'ac81f70938655a60b8c9a58e4553f3a67ca5e78d', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '6489a55d9c79b0ac0a511b52b6f358ced9cc3615', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top" }))), h("div", { key: '55f1c17809060293df2b7113a91d2145c4f5fbc3', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '43536bf7223a5cf082e40775ffe348fff16018e0', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'ed8aad6de1932249115e252d338dff3323317b09', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '4213b0589f92c8f6116bdfeda2a097a3faf8e72f', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '612d271f6b026d5b4851a72508e3a8868c0fa15f', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '6b98d4d252b71607b318f0089e6d58841767e51d', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'e2171ca3ac43ecd0dbbf469dda76d39cbf6a1f88', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '7ad7a99bcb949b4b6233331415899d4170df5530', shape: this.shape, state: "default" }, h("p", { key: 'e7c3ed2d7e05206a773bdbfdfdaa2feebd1be727', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '4fb97747a71a58afe0c2f1908cfcc51f245b912f', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'ede89448175f1a1e872d00d27304331cef3898f5', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '44851573ae4b43e90825c5d2d170520f66dea1e4', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: '4fba574ddf2aed33496991608126676a35b8b626', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'f6ef6357c3a0b888de322a6b16db7884df045358', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'b0d34e031af5890c38a38ef23945e2ab6c40cb0f', slot: "page_number" }, this.totalPages))), h("div", { key: 'aeb960f759f915e011383d08e6adc3916795c8d4', class: "buttons" }, h("gb-button", { key: '7bce569bb78eab4ba93b68dd563685711ac9256b', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: 'a0c62e8fd0c6468371e1e6c2ac5a2379325ddeee', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '5a46b19f5558a5a8762cbd344583ecdac6b9c07a', class: "entries" }, h("div", { key: 'e26d977c6ce1d90c21e5f4e3515f159450ad81bc', class: "entries_text" }, h("p", { key: '831ac3d2b6d4b72f0a39c05e86b30cc13d4755e3', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'a32100cff3288aa26ca57345d419804ebccf34a1', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'f71fc7b72a3adfa902192786788c139693a1e425', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top" }))), h("div", { key: '5a5dbb4925d13013e111ce7f753c14c8be520092', class: "page_number_text" }, h("p", { key: '0c71db30e06606eedb9c8a0e9d8236f1c93eb73a', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '4a5823f23b3f1aeb8936baeedf7fe5b2d616bb4a', class: "buttons" }, h("gb-button", { key: '931fe6f8e72aa43195be98b03ca456c30d60b66f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'e967465238a677fa761584ad3c0f15fc0dafa225' }, "Previous")), h("gb-button", { key: '0ce6ae9123433ec64e224b4a26e448c01f5abc23', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'cdc7d54d256b427d52167662956769ed6c1172e9' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'b3535aa71958e5f157bdc5dfb9efacef7a38aeb0', class: "buttons" }, h("gb-button", { key: 'ef567871219ee8160cf0a2ce18dbf720119829d1', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '871e7a756213981b5943b4fcdb72fd720c28872a' }, "Previous")), h("gb-button", { key: '4677396684f50f8b41a1cf4404fcc43648f01646', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '53ae0ebdebbf7e06c20c4fa191c3ee18744bdf3e' }, "Next"))), h("div", { key: '02876212c271622cfcb84f489c9b74893b60edc5', class: "page_number_text" }, h("p", { key: '68865d1d5490c39e14ae045e48ee7d1112814a91', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '1f54b484907f97d625c56ed2ba5988c7d0436160', class: "entries" }, h("div", { key: 'a527f4623f9ee2d7978c316755cdd031088a4259', class: "entries_text" }, h("p", { key: 'a25c684be108439ae5b6a19b26b8f2e3e278e4b2', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '9410f91053501fc14d375d4a7ab2be37cbe2cda4', class: `entries_dropdown` }, h("gb-input-dropdown", { key: '84676340823d0a39d7cde1a5fcf0ece849ed9c7b', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top" }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '39c55e58b0ae8cc5bd3073aec2997ad480b77b43', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '94b8d89fa5e82fe90106969ce7a137dd6ba9b702' }, "Previous")), h("div", { key: 'f99071881eb74cb0de2f03f7f5c6fe6a82241c8f', class: "page_number_text" }, h("p", { key: '244a3506f402a259683ce769e9fb53e29ac1c4a8', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'dfedd86b3eba2b755fbebf84f0b0cba70294d902', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '1527e4bbc5735d0e4ee8e971bf174943205946e8' }, "Next")))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '9717404368f24e8c62c81538f177cc12ed18b6f4', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("div", { key: 'ffcb8c47d4d43969819a9ecb30a5099a0d3d75f0', class: "page_number_text" }, h("p", { key: '5e88bc454f38d18359adc323971140d320463644', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: 'a9a2edfcd7ad8e18e1f2bed3fd31381682963e30', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))));
+        return (h("div", { key: '4b178c4042639ac5a73670304d2dafdf473efd16', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '52226f7130ea1342d489296b50937ca7f47d0dae', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '59cbcc122f3c23ffbce269292f89eda31d81b8c4' }, "Previous")), h("div", { key: 'd1e592ecd1d556f3dfd606e3b132cc20726eae2e', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '69c2c73b38c5ace42428b5c01458180306755fc0', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: '6e0f64b9f00b4ffd06d58904f703ed1d927f5c34', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '7638a92a7746490a927a0b3ba0c4f66d3a206b39', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: 'ff5a4607b193cd2e03d9691a23566ae991133355', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '2cd82a59733210c7733641ed30c0a5ac9cd9f914', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: 'c6ebde3369bba14459056e38b682005368f1eccd', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '86118c4475ebf60eb6bb07277a0b41d12cca50f7', shape: this.shape }, h("p", { key: '2223e82d217e2ba0e3fe62dacb86c9ca6391f24a', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '1cdc7e3a33e528043b2fa36e252e2581cf5792bf', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: 'e8eb8a27cee51a6be2b524c0f06d1038f151a0a0', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '7db27e8d8166569f3f1900d080db71b2b6cfab88', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: '198c39261175b4a4d53a4a28a2229d517fb2a34e', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '03c7bfc0c048fae526ef01463bd12ec7b2df36f8', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: '7e7482435b9025f6baa117601f74da04e0e8bcad', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '2a7057e7c480160fd38b4415d025798884778895', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'f50896cafd3f4f4ef18158102919d23cbab06819' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: '537013c49a19c95bbf77312364852bb91d3499fa', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: 'e153b8d1ef2efc954261e6943266c64787aad712' }, "Previous")), h("div", { key: 'c344fc0aac74b27303250109d8d68ab2bad0e279', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '3ba1ea6a83958441c1031b5c7cad720a769d8459', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default' }, h("p", { key: '11c809576831531d7a760c7631da07bdc7e92e83', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: '11c5c636c1ecef7d98c7a940b1db4477a19f353d', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default' }, h("p", { key: 'fdfe53eb6536c5a688561a0b1c5f95e99b09232f', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: 'bae5378ce69e3294493a365d9cff823e88eecf47', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default' }, h("p", { key: '6d6603d95ae3d3478c6c34f5c735b6fec5fcf777', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'a35fdab5a1c6fdfafb2d6904aa9ce143a2edce92', shape: this.shape }, h("p", { key: 'f12705905f5c959bd9d12277314e672b0bdf09e1', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '3a740ee19da705321a32746d11e2370ef1c188ba', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default' }, h("p", { key: '3461651c5f80fb87a240757789c4a8bcd4804c08', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: '405ce4ed4f7f29093c251acf8f8236152e0fa0b3', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default' }, h("p", { key: '16b1cd96f8fb3f32f44f7a544ef4e803fb63fd92', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: '1c0e63c6103417ff729d44b5dc7694960c698883', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default' }, h("p", { key: '1b4e51f5dcc143ee423a20267a499e6cc124bee8', slot: "page_number" }, this.totalPages))), h("gb-button", { key: '76eeb131c7bff4f0a8d9871a801f474cb0dc0fc4', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", { key: 'f1dbdd3fbe7be0fbb7bb7b54dc42d1215092448b' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: 'ab585f98b3683175ac12562cd6e967f08ca84c27', class: "entries" }, h("div", { key: '792d5606e7240c80826e5f08cd6493f6e661ffc2', class: "entries_text" }, h("p", { key: 'cffe24670f5856e2bc31ec8be943a3cabc8bdda9', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: 'b844a6a6cd0e9ef2cb09cf255f397a03923a6984', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'e0d90c98556c9ff0a5a72638e0b3c402a5fa28fc', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top" }))), h("div", { key: 'aabb02d45664f52c5464847a9b08e3ea29670185', class: "pagination_numbers" }, h("gb-pagination-number-base", { key: '99f9d097443c023f0c04953bfb5164f334b9a741', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, h("p", { key: 'c5fe2dd84d4fffd23ab8180cd5309ca3730f7c86', slot: "page_number" }, "1")), h("gb-pagination-number-base", { key: 'aed026759cc2fd61b6588c31b34dbb350de5a8c2', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, h("p", { key: '235c900b5925c0543dece0bff9bd828768e6b1f8', slot: "page_number" }, "2")), h("gb-pagination-number-base", { key: '51d07f1ee4afe57cd70aae5fcf1441e8c552a42f', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, h("p", { key: 'cd9d3fc68f3e1b57d694b74bc6f4afbb93b1287c', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.totalPages / 2 ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: 'c2a58f473c15622c98718b4b8bd12be262324900', shape: this.shape, state: "default" }, h("p", { key: 'efa186ceceaa17d3ba4bcfc7c8f3be437e6314fd', slot: "page_number" }, "...")), this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages - 2 ? (h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.totalPages / 2 && this.currentPage < this.totalPages ? 'active' : 'default' }, h("p", { slot: "page_number" }, this.currentPage))) : null, h("gb-pagination-number-base", { key: '0de40a547427caf3d612c13f950e14e2a1e2863e', shape: this.shape, state: this.currentPage === this.totalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 2) }, h("p", { key: 'be74d99c0c1d026f254b3fcf338b878f5220fa10', slot: "page_number" }, this.totalPages - 2)), h("gb-pagination-number-base", { key: 'd433830f2e0291be943606b3e45293846d23ed60', shape: this.shape, state: this.currentPage === this.totalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages - 1) }, h("p", { key: 'a1e7dcc71f2f444f19134d20e4b117cc3ef201f3', slot: "page_number" }, this.totalPages - 1)), h("gb-pagination-number-base", { key: 'f2199f29d48c1880151e23d6e9ce933278dcf0d3', shape: this.shape, state: this.currentPage === this.totalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.totalPages) }, h("p", { key: 'fb03689ba468f35ab2b15a205f19a6c320965997', slot: "page_number" }, this.totalPages))), h("div", { key: '1b423646d7d10e2054d03560d11bffb434063428', class: "buttons" }, h("gb-button", { key: 'f1211c2d3f37f510624a8ac1a8f1ec1590737bfc', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), h("gb-button", { key: 'b10c81746eef5c408782f32bb60c3f2e1d819060', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '9d942c4d2b23b6328cbd3fcef646fb30ab60f6cc', class: "entries" }, h("div", { key: '57eb2241be07fe2ec6a89472d6990ced1d8480f1', class: "entries_text" }, h("p", { key: 'c1d6c47eb966390d064a9e45f2a5d204280231ad', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '9e5f0703a22f70c7802e7799b9832eb78bdd9d2f', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'a392596f62f07bd7ba108f79b1a7c5181816c754', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top" }))), h("div", { key: '100771a6a5a5abed80dc34a030fd06746dd08987', class: "page_number_text" }, h("p", { key: '89438e2e55c3648bad5349ba6a9be946725f720b', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '6a781f8d6d4c888a715e2e72890ff7d557ee5d86', class: "buttons" }, h("gb-button", { key: '6a3ec3d680ad23937d0aeaaeb3458bf5bc9aa92e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '6a62f2409ed58da34787f6ed8307742177d3d4c8' }, "Previous")), h("gb-button", { key: 'a9765ba6e66ee240319f29da4b211c53e00398b3', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ca31c62e9f562808625b5a00ec11e029a0c803d3' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("div", { key: '8df73ed8cf98d4c790e9d4b311b10983f3d276fd', class: "buttons" }, h("gb-button", { key: '6f6be6733853c2f8733e0b15b1e132eb5c859c39', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: 'de13b9f48a5c4a58bd051d1531f378aef13c7357' }, "Previous")), h("gb-button", { key: '4e20297d6d6ec57f362ea715235788c01a314089', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: '0f32239b35147fe6ef75541e68b11e725779ab0c' }, "Next"))), h("div", { key: 'e3db87b200633dd132e1a4f636f3ad9181f322e0', class: "page_number_text" }, h("p", { key: '56e39169fd9d75d3c1f77bb36fcb83f7dba22548', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("div", { key: '4bc4ee6d97d9053526b04913f0c076de625ef2af', class: "entries" }, h("div", { key: '720de80bebe2ed048587fae7e5a8a45a6f93f16e', class: "entries_text" }, h("p", { key: 'dce5bea4ce8349c955454e7374493fcb7a1366e3', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), h("div", { key: '1b7fbd1d6493e0de0b0a21d4f1788d6aaa07005b', class: `entries_dropdown` }, h("gb-input-dropdown", { key: 'acf97e5d4c676a7222e42d973b33f0b83eb16f55', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top" }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (h(Fragment, null, h("gb-button", { key: 'bd114fba875d4eaca565b63705c599cd1d2f869c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '1f9f548613f896d40fbbaace396d69996d6aa126' }, "Previous")), h("div", { key: 'd6d17c61654d21f561ddb4a4ddf0fe2e280e6b31', class: "page_number_text" }, h("p", { key: 'd84ef64129a460eb0b2a76cbd059e855293fce71', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '5e0e223117bcfeba17936ad3187792c0e27350fd', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, h("p", { key: 'ebf7270db16ed1b16661673cc1b114600ec9ed35' }, "Next")))), this.type === 'page_default' && this.breakpoint === 'mobile' && (h(Fragment, null, h("gb-button", { key: '4b44b0c8ef5686ce97762fc0ad5bdc4ce05fc435', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }), h("div", { key: '12bd783d17e670056458a27bc87f2fc87d288fa1', class: "page_number_text" }, h("p", { key: '01b4667d1e110f08c4c74e3f6408fb7a819b5c88', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.totalPages)), h("gb-button", { key: '57cd5bc32fa44bd1b0410fb154ba57ae643c5e72', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg" })))));
     }
     static get is() { return "gb-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js CHANGED Viewed

@@ -12,7 +12,7 @@ export class GbPaginationButtonGroupBase {
         }
     }
     render() {
-        return (h("div", { key: 'e9bb6fac356e4a2bd9ae9d345d45240428aa3aa7', class: `button_base_div ${this.icon}` }, this.icon === 'false' && h("slot", { key: 'c0e2c565024180bccaf0a055a6b9a473c9647a5c' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '253977a33f5ad4d5386efe9e3553bd136683e9de', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '31ae5dfe86c06a4e94d7c1afb5ec4a7d5cb2ad92', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: 'e7ad61b7d1b53470ab3d04b38099b71fc1615c91' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '29f28b784d4cc8bac051652e9fe618612b714333' }), this.iconTrailing && (h("svg", { key: 'da68e9ad3d017196814b4a24abe2ad00ea4542a4', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'f9a32e5476d56f78e7f119c0444fcade43aa59b2', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+        return (h("div", { key: 'b9fab3da659e5221e920a98409c7f948f94ee35f', class: `button_base_div ${this.icon}` }, this.icon === 'false' && h("slot", { key: '77e65e545ad532c11efd746d6566b1b5b6ece7b3' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '2891b0433a47fc665d27569934141a56c53d1522', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'ff6b200d03783cfd4870b38d06ea094621eecf85', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '6739b0652e5f6c7325b710ee9f7010bd0adf6a8c' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '8ef5989a0d60eae4ae7164a2ac249dffaca5664a' }), this.iconTrailing && (h("svg", { key: '2bd35321b7954113fc61d7f4fadcf85939d8df66', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'b92028aeda8cc1b55cb9634f9144147796472777', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
     }
     static get is() { return "gb-pagination-button-group-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js CHANGED Viewed

@@ -6,7 +6,7 @@ export class GbPaginationDotIndicator {
         this.size = undefined;
     }
     render() {
-        return h("div", { key: 'a838ed9d953a7754475e0c38e53a60904f1de15f', class: `dot_indicator_div
+        return h("div", { key: 'cde98b26e7490586b71d7ca2b379e3a159f4e3d6', class: `dot_indicator_div
       ${this.type} ${this.current ? 'current' : ''}
       ${this.size}` });
     }

package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.js CHANGED Viewed

@@ -17,7 +17,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: 'e595c09c92c7db1456c29950dbec9560f82745a3', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'be1476aa0d71dbdce0e1666f66e979df3f26b248', name: "page_number" })));
+        return (h("div", { key: '883939f9a5ee44cfa2426696c4868d13d119a0ff', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: '80489c23a8e70213254cfbff64ffe20414b59fb6', name: "page_number" })));
     }
     static get is() { return "gb-pagination-number-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-password-button/gb-password-button.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class GbPasswordButton {
         this.isPasswordVisible = !this.isPasswordVisible;
     }
     render() {
-        return (h("div", { key: 'cf86f4ff4bcf2223c4fd797e5da2c6ecdb05e7ca' }, h("gb-btn", { key: '2baeed320d2d7280a9fbba30b81eb10ae07a4ae6', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
+        return (h("div", { key: 'f762076f0b62a22cc00279c6b1f40610d0a4fe2e' }, h("gb-btn", { key: '47a930e4d5e96d5f8a3d67296cbb8ebad4bfa190', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
     }
     static get is() { return "gb-password-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-progress-bar/gb-progress-bar.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: 'fd66c2f9b569b76b6b02e53f0b8667b113a47d1f', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'c9c56f56e3a8d84415f890af93210f7c88108108', class: "progress_bar" }, h("div", { key: '1c3aa6b521641a2895b2db9b5e9a611f86dfa9b6', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '1538bb99ba1f7d65a03ab89e42c2450091ff07f2', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '699d22273ce9e101518ad79090aae94038aace65', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'a051a0d641538c4c9214582bb9fff47807cb8470', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '269f802b62389904a653ecd404c50c893b4bba99', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '99e9e48a435a27b57a1e30396cd798a366ad7200', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '51d614a590b5493157ce24477a492649df402249', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '42028cc9ec1d1e7827cb9a0593d36e25ab95c5bf', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: 'e35dac441c3f6aeaf9092504edfb182632988ebb', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'bce0ea3a169db03b540400891d021e8bdf04417b', class: "progress_bar" }, h("div", { key: '1591c7a56aa4adc512fda45f2eb1b500edde3c58', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '195d0a3c34a9f6561ba49f711349d789d2e02c5d', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '8aa492bad0989722792522688fbbd39ab5871ebc', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '683fd5a9ce2632a538da1551a54853cf229deda3', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '402e906fa5e11a3c81289bbe86170f9c652053ed', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '48236d8a38b4d975fdf83632315c6bd00800c344', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '505a782b95b42cad4977cbe132577cf5a392519a', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '74081afee803ef7486939923326f05e230c2502c', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
     static get is() { return "gb-progress-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-progress-circle/gb-progress-circle.js CHANGED Viewed

@@ -30,7 +30,7 @@ export class GbProgressCircle {
         }
     }
     render() {
-        return (h("div", { key: '93b4757e66b857e227114217349927a5746d47ed', class: "gauge" }, h("div", { key: '14e46cf8a50f30f2d5cfb0712e2f542a58417558', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '09249ba9e4147396423c4870ebff31825b582d76', class: "mask" }), this.label && (h("div", { key: '1f8d4bebbe4a65c10d77ba0ffe3dfe93090c9cf0', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'e7665212a844fcb251c41fbcf18aa6fa75c9e2af', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: '86a441d6e5ed223c4d7820c4dbdfd0abdba4ae03', class: "gauge" }, h("div", { key: '33764c8e402e63fcd4a40a5dbf7ea487390c0495', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '8f440d51077ee43d9048639abf3ca958701668f6', class: "mask" }), this.label && (h("div", { key: '7116e0b31aa17857db6dac890a2deed90e84bbac', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '5888645e91d2efd3b9f8d165ee6a9587fc76bc20', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-rich-text/gb-rich-text.js CHANGED Viewed

@@ -15,7 +15,7 @@ export class GbRichText {
             destructive: this.destructive,
             disabled: this.state === 'disabled'
         };
-        return (h("div", { key: '0d58713639e8f4e16465a76ceffb591fc310621b', class: classes }, h("div", { key: '662b7468fa424e797fda9ece203ba629f75bfc85', class: "input-with-label" }, h("label", { key: 'aef0604e5643396d1a7995681e1d8580ce5521fa' }, this.label), h("div", { key: 'a37076186faeb436dbb1ae606128bbaafc32eab5', class: "input-container" }, h("div", { key: '4c85a3c9ae8a1c6977702de841a486257cd8f668', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: '1594b4cafd88bc8871ef9aa368e66f3f6e1b2394', breakpoint: "desktop", bold: true, italic: true, h1: true, h2: true, quote: true, link: true, image: true, bulletList: true, numberList: true })), this.destructive && (h("span", { key: 'ea76d1525b664443c0f55c7b358a60abfc26eb1c', class: "error-icon" }, h("svg", { key: '0038bce4d3c333b886829de9de658ad1f443b225', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '47485f75ea64cba1c8033254de0e8ea1fac77e23', d: "M7.99483 10H8.00081M8.00016 8V5.33333M14.6668 8C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8C1.3335 4.3181 4.31826 1.33333 8.00016 1.33333C11.6821 1.33333 14.6668 4.3181 14.6668 8Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: 'ca3b0dcc893838024b2b1f0b361563fb7dfe93bb', class: "text-container" }, h("textarea", { key: '2bd3ff747931a41327b6dd1d17e041c8e87d6b4b' }, this.showPlaceholder && (h("div", { key: '03aa43dd1e3ee8d8d081048c6637aa5a6b04af7f' }, this.placeholder)))))), this.showHintText && (h("div", { key: '51e60bc4c1ee097a44d0eae730391ecece6f286b', class: "hint-text" }, this.hintText))));
+        return (h("div", { key: '9c734bd9c3b20347808fc49afc53e07d59ee2b63', class: classes }, h("div", { key: '2be5c4f7eb0f8492b5aea7807c1ee9f061cc0c13', class: "input-with-label" }, h("label", { key: '7b887091be4c28333339e7c9a398e597d4b4915b' }, this.label), h("div", { key: '712e9fd52334eb221a500c30903ace58f12fcca0', class: "input-container" }, h("div", { key: '0124747e40a6770690ab1a652e999f69991a3914', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: 'a6b657782ca6782763c13f70775595d1cd740a37', breakpoint: "desktop", bold: true, italic: true, h1: true, h2: true, quote: true, link: true, image: true, bulletList: true, numberList: true })), this.destructive && (h("span", { key: '65c8ddb26e76741de42c0ef5399794626c6a6971', class: "error-icon" }, h("svg", { key: '3fb976c43a836d14d658e3f4d0dd0f7dbed17960', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'a95e5055cdeb4a0221f4e4719da80546db192028', d: "M7.99483 10H8.00081M8.00016 8V5.33333M14.6668 8C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8C1.3335 4.3181 4.31826 1.33333 8.00016 1.33333C11.6821 1.33333 14.6668 4.3181 14.6668 8Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '6345bd6ca3d2e85fdcd7c88de31d779c58dc3a2a', class: "text-container" }, h("textarea", { key: '695b05ddb4654ed792350c010b373990bef5b6c5' }, this.showPlaceholder && (h("div", { key: 'e9d883b9663de2dc8844c5c7a54839a27e0f60b7' }, this.placeholder)))))), this.showHintText && (h("div", { key: '4c1b9bf584d6b58c35012e4215f53e8a2108ebc7', class: "hint-text" }, this.hintText))));
     }
     static get is() { return "gb-rich-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: '545fb55f5612e0c4885c256580940023fa532b48', class: "scrollbar-container" }, h("div", { key: 'd721f06a7d5a49585c9ac0dfabc4e7d706c2f176', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '93b4688a10b2ad832e9161813f3ea9f0d987d1a3' }))));
+        return (h("div", { key: '49f302e65bcfa9a640e552342405a14cfe59d6e5', class: "scrollbar-container" }, h("div", { key: '6afc4f8b53408efc9a07c6bc217859334e1854ca', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '28f9c940ff901dda0841480fc90310044a634015' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-side-bar-item/gb-side-bar-item.js CHANGED Viewed

@@ -32,7 +32,7 @@ export class GbSideBarItem {
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: 'aed6ac3273935608cba0857ee3c12fc42360f65b', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '05df8df76051dd9684a820c5e91323085e285720', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '774c51239839f9f97dcf00f315f8c28b817bbbcc', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '87133832f015825e9da3f87414c38985b2142483', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '5948a6122a7eb1a7cdda7a25c04a5541a86fc0a0', class: "content" }, h("div", { key: 'ebc6177f617adae27767ea253a087e1c48a13297', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '60ac0adead23f726f3b3fe290c7b5304dd53ab74', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '8cda5963ab32df9291991f1ac601361bb957597a', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '269ba5f489b9b1443ede7aa1e52cd873e7a4e968' }, "10"))), this.showArrow && (h("svg", { key: '7307cd36d0d1c0368583b5fd6227a261c40d7374', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: 'ff4e3fb2eced6a10d2ccd2b6a759a130517fcf08', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '07cb47e7f29a278716e724df3f870b1aed46f8c4', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'ad9bcb5c6c3c9266f1731bc57476490bddaad4f0', slot: "label" }, this.label)))));
+        return (h("div", { key: 'e0ecfcd3d22d61576ada58489087e13861943c46', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'e8fd347a55e106086cf802fb1edd33b922df99a4', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '5e36b3899a6786fe3a52bcb8940a7937752a3f5e', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'd6ccf0dc6791d48c39cc50248fdc0fecbaa0e49e', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '1a6ebb4e0bbb5a3ea18c6580610822d691d84988', class: "content" }, h("div", { key: '2c87693031314b783c77abd6aef3f578e8129333', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'c7338230f3bcf614d58ee78c035699dc3e04d641', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: 'd5fed61f7c10fb3a6f44c65f4a591cccb3797ab1', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '145a532f3510510b9784c68d69dcb97ae0f797cc' }, "10"))), this.showArrow && (h("svg", { key: 'ba108cd0ec3001d26ed98769892fc826f23fbca8', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '4c12eff30b4cee5ad0b643577264dcee4db60ae6', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '0246bb45f2e03981b1a79ed53c93e136d22944c6', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '57c698fa93de9e0b7dcabc9005b1c1ae71dbad53', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-side-bar-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -70,7 +70,7 @@ export class GbSidebar {
         const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (h("div", { key: '040935019059b24ba67a98e23a364088a6c04523', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'aa0f183c789408eafc705f3f7dd187b58520ef2f', class: "pattern" }, h("img", { key: 'ae406e9dc7ae0fcfa595b658ba2c19d5b79b2429', src: patternSrc, alt: "" }))), h("div", { key: 'beacc8e2f9765ec3db394032412fd26586a7455a', class: "nav" }, h("div", { key: '7eb16042b401af349d8f7d19c6fe80f3a89b5385', class: `sidebar_header ${this.state}` }, h("div", { key: 'a57a17198202ad7f96561d886fe831f2343dd4d0', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: 'c0851329a39603c504a0f025f587b85c9ac58995', src: logoSrc, alt: "" })), h("div", { key: 'eb96e8a6161be051bd9cc11adb88f5ef49cc37b4', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '754b071e7f635f30768e2d15532704f2c3156fcb', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'ca92e493ccdf3752592865e7c138f2a7bc1a9471', class: "navigation" }, h("div", { key: '4c4a327000a008512f1eec2702fe20adffd6e3ae', class: "item" }, h("gb-side-bar-item", { key: 'f8ffe8a5ed0180b28a5a90094340ffafb2c306c5', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-side-bar-item", { key: '85740ad03ab9df16b713be0a01e9e12c1b4e10e4', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-side-bar-item", { key: '06b3b0a35556c96cf0bdb8c624cb734776b6ebfb', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-side-bar-item", { key: '44af21c73eb83e01fdc30da2e337ed85550c308d', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-side-bar-item", { key: '08a845dce811d4d3d13a93068cc8e7d4fdbe8f28', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: '266dcfdcb4181e72f655349163ab3a2d933312c3', class: "navigation" }, h("div", { key: 'bf4875764d60d103c4256e976b58abe21239410c', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: '9428997bc187128bd96fbb3f4c05d7c370be270f', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-side-bar-item", { key: 'bfda37a383266e1caee28f5b01a0de40dbff89e7', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-side-bar-item", { key: '0b19bf509b85a81ca74557e22fc2390b8e3e97cc', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-side-bar-item", { key: '4b4dfc1e4a4a19bb56314a75cd352b44c95c0408', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-side-bar-item", { key: 'ba10c995b43dce3be1436a09ee2a81ef5cdfe415', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '3008f32156f3774c32a505398439d85fc2218cd0', class: "application_name" }, h("div", { key: 'd450ac7188e53d90398022c1bbf7d6935d98e88f', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '0bfa4fffef859bf91afeba924144bb175223bea6', class: "application_name_pattern" }, h("img", { key: '99d8f615c58df2c290a126b30e3cbf833537f636', src: patternSrc, alt: "" }))), h("div", { key: 'b7b9a063867a3da3dd8301cb8e970094b4fc37fa', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '46bf0a877f8e0a9599102947a9b03d039607230f', class: textClass }, h("slot", { key: '072f61d87723496e1e4ba1b0d63e87be1a8ae8f3', name: "application_name" })))))));
+        return (h("div", { key: 'b68e4fee989d704fab05f83598c2b5cc35f0d85c', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '8acf00242ade1402968484339b08393de431bd14', class: "pattern" }, h("img", { key: 'df882f92fa4c9a969aedd52b316696efa278c1ce', src: patternSrc, alt: "" }))), h("div", { key: 'b86f8d78bf879cfa7d2b3789f738417a580a13af', class: "nav" }, h("div", { key: '0f46962196fd2287ca6fdf3d2baa77a134aa7e5c', class: `sidebar_header ${this.state}` }, h("div", { key: 'd45dbf8a828fc1280b4b57ad7355a53708309101', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: 'a46736b7860007a808b3ad195580535f4ec803ea', src: logoSrc, alt: "" })), h("div", { key: '768f0f9dfb96a804ed310af4a588c41bb8d8ed7b', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'd3d75191969118005b65f282a9a54b881970e904', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '78b8c2047bbb3c46fa91875802bb337f25ca843c', class: "navigation" }, h("div", { key: 'e6776fce434581fd5bcc5f363c426c0c6e651da7', class: "item" }, h("gb-side-bar-item", { key: '8135aa12de59aef15402aaebf35d13eff3ae328c', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-side-bar-item", { key: '447fbc549bae8ae2bdd143b11d46ae26683d3882', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-side-bar-item", { key: '93d1a8fd338885f25038f989f5bf297cabffaf5f', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-side-bar-item", { key: '41ed7452c5a941d28bbe95f87a9f14b8dad7be01', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-side-bar-item", { key: '0fa46d214cd64cf0242bd626b59cb61a2033b58d', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: '457316cd30eb66223cddd21f8f8244a1223f2cab', class: "navigation" }, h("div", { key: '42bdd7d2e2013b713edabbd0f876817449ab697b', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: '00bf5b3c9f06f44b2906a9492ee72389b62e9dbb', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-side-bar-item", { key: 'add0be7ae3d179634e23d8d0226b67cea6a12a5f', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-side-bar-item", { key: '5e683294554a82b1186af8181f97615270d840b4', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-side-bar-item", { key: 'a7da141e401a85c34c59aa27b03c1a5a83f643e4', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-side-bar-item", { key: '35814988b10cebbf8c610d6fc37586bd618579d4', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '8b2b2d128b5b2f4bc5d0e262c748fd5e5ff932c3', class: "application_name" }, h("div", { key: '53463b325e14d165d4ffcd107c656df9c891c227', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '7dd4f48c232e266b588944fa36178e5d6d34b5fc', class: "application_name_pattern" }, h("img", { key: '0f5833ae79ef1549212657d16603fdd56fe1f509', src: patternSrc, alt: "" }))), h("div", { key: '158de6d501c22ec865dfb9e5080fa4f572ac9a82', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '8e9919d088e01772d480fe35e26ff21efcfcf6dc', class: textClass }, h("slot", { key: '6b3b8c3d4eb0c1c351a59b8ccce878ee5df2d173', name: "application_name" })))))));
     }
     static get is() { return "gb-sidebar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -56,7 +56,7 @@ export class GbSlider {
         this.trackEl.style.width = `${rightPos - leftPos}%`;
     }
     render() {
-        return (h("div", { key: 'b7853274411cf081ee63f951b5af7794fe6c404a', class: "slider-container", ref: (el) => this.containerEl = el }, h("div", { key: '89e26af93c8b159cc96441819bfee36b6b98f007', class: "track", ref: (el) => this.trackEl = el }), h("gb-slider-control-handle", { key: '656c1c987973cef9ae74192fb137d70a088f7807', class: "left", value: this.leftValue, type: this.thumbType, style: { left: `${this.leftValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: 'b59fdb6e2b367551ff61ad91ab977f81138efa14', class: "right", value: this.rightValue, type: this.thumbType, style: { left: `${this.rightValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'right') })));
+        return (h("div", { key: 'b57280228d962f2a2900a48e2c94a3950bb6cf9c', class: "slider-container", ref: (el) => this.containerEl = el }, h("div", { key: '90834774de5986f65000aa5aa133ab96a6a9e9cb', class: "track", ref: (el) => this.trackEl = el }), h("gb-slider-control-handle", { key: '1400d4bd5514a74ab38450f0a79981d4efc030a6', class: "left", value: this.leftValue, type: this.thumbType, style: { left: `${this.leftValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '1605dc127b71ded490ea84ef635f7cc11796a043', class: "right", value: this.rightValue, type: this.thumbType, style: { left: `${this.rightValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'right') })));
     }
     static get is() { return "gb-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-status-indicator/gb-status-indicator.js CHANGED Viewed

@@ -9,7 +9,7 @@ export class GbStatusIndicator {
     }
     render() {
         return [
-            h("div", { key: '559a89f63862e6567eb67d43dd7e48de449c60fa' }, this.statusIcon === 'online_indicator' && h("div", { key: 'ac85e03f3657d4d6d27aa29381ecfba06e5eb810', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'df4f7e7c9bd176cc20f5fe119a8db74c20351703', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: '30494be905b4b19a3ea815c33fc7a9e44a5b331a', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '55c27e139906fff17536f7009b8166a80a7da18f', d: "M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z", fill: "#0086C9" }), h("path", { key: 'f55fd9a7ca989e4b6edf884d710c49a1630ecf64', d: "M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10", stroke: "white", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: 'f151fcc95b1e6010c7ce7bff4e8c538822cdeff5' }, h("clipPath", { key: 'b6aec91ad2d82a372223f95d5169502aae3e3731', id: "clip0_0_21453" }, h("rect", { key: '1c3429bbddaf302374e0a9c273ce79e772dc626d', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: 'c067d1937df8720b02238bc63bceb3bcebab4d5a', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { key: 'ab4ca7c2a9d0072918865304696ba0fa4d4f8417', d: "M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), h("path", { key: '820c6791a3a6c227c876aecdbe33aa4f5d3bd3ad', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z", fill: "white" })))),
+            h("div", { key: 'd8009f9474260db0774c5596de5628dfdfa789b1' }, this.statusIcon === 'online_indicator' && h("div", { key: '45a2128fdfddefb745e85b2000c74839af90b55b', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '1d52ae4baf815a7858674089bc19f4c969e25245', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: 'a5139525facedcb6daf38cfec37aef1f30b0ad43', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '086c8f1cbf7e1de0959580624792f9d938aa4013', d: "M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z", fill: "#0086C9" }), h("path", { key: 'f6adfcce54fe6a93f15005b584ba6fd92a3fa648', d: "M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10", stroke: "white", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: 'd6033cb233fe7ad7eb5b6a9b52dc6d99d7de98ce' }, h("clipPath", { key: '371ad555873962eb6b780da8df0ca5fb2d206806', id: "clip0_0_21453" }, h("rect", { key: 'fb27502af9fcab76dd5eacd038c73b082e023703', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '7066b2f8a1cc208f3f3515f3374b6e7ff1e58ca1', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { key: 'a373db768b6ca73fc2afb20161e6aa45d7e53c7f', d: "M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), h("path", { key: '8103d88a0425a5f71a5482dc6f145eb4f738fcd2', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z", fill: "white" })))),
         ];
     }
     static get is() { return "gb-status-indicator"; }