npm - globuswebcomponents - Versions diffs - 2.18.11 → 2.18.12 - Mend

globuswebcomponents 2.18.11 → 2.18.12

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

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

@@ -34,35 +34,35 @@ export class GbIllustration {
         this.loadIcon(this.illustrationIcon);
     }
     render() {
-        return (h("div", { key: '1a7e969cee879bb1cb8042c40a551f5ad3249bd1', class: `illustration_wrapper` }, h("svg", { key: 'e25f8ef5538b24ca7619278d656707623b0fb3d5', xmlns: "http://www.w3.org/2000/svg", width: "220", height: "168", viewBox: "0 0 220 168", fill: "none", class: `illustration_background ${this.size}` }, h("circle", { key: 'e3a44d4ed73ba01585e69025d1e284e788b2a645', cx: "110", cy: "88", r: "80", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : this.color === 'gray' ? 'var(--color-background-gray-subtlest, #F6F8FA)' : ''}` }), h("circle", { key: '52197e7056ad59ac8742e19d1e6e3534b89875e8', cx: "26", cy: "28", r: "8", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '98fbb9a24c3adbefb7ad3f14013e604bac7685fa', cx: "198", cy: "134", r: "6", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: 'd124a45adb6f9885849b4c294a64452c7698dd2c', cx: "25", cy: "146", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '181a845a2441b6b63b6779e94142c258dc0e4a79', cx: "210", cy: "54", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: 'bf3a6826e5de24298d246b8c8f1a1f822c041745', cx: "191", cy: "19", r: "7", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` })), h("div", { key: 'bcdfa8eb9dae0c7aad671a52d4c524fc2a1fe2a1', class: "illustration_div" }, h("div", { key: '3347a49da19cc1b4fb213ad8d795f94d6a16a33d', class: "illustration" }, this.illustrationStyle === 'cloud' && (h("svg", { key: 'b93c8bdd5e5015bebbae12df40e8bdcd1573c68d', xmlns: "http://www.w3.org/2000/svg", width: "214", height: "140", viewBox: "0 0 214 140", fill: "none", class: `cloud ${this.size}` }, h("g", { key: '39002cf2fac111a94ee6b82afc0986ace41425f2', filter: "url(#filter0_dd_7590_639)" }, h("path", { key: '1b4c2e8769c7a1fa83178aa7b019e3090854ea21', d: "M109.485 0C129.961 0 147.543 12.3802 155.161 30.0625C156.486 29.9093 157.834 29.8281 159.2 29.8281C178.42 29.8282 194 45.4095 194 64.6289C194 83.5478 178.903 98.9404 160.099 99.417L159.2 99.4287H59.7715L58.7451 99.416C37.2543 98.8717 20 81.2792 20 59.6572C20 37.6921 37.8063 19.8857 59.7715 19.8857C62.9248 19.8857 65.992 20.2546 68.9336 20.9482C77.9428 8.27072 92.7484 0.000119405 109.485 0Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-disabled, #F9FAFB)'}` }), h("circle", { key: '26c19a6f6eb23b029d446372012f392c98c7253c', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), h("circle", { key: '11b387b345f2638e5794b09c94bf0e2fc1b065aa', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), h("circle", { key: 'c5c61b8e2cb0c95c7ddb5d67b4600f316e658523', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), h("defs", { key: '9373f12692f360ae845086f43f9cefa4b36d101d' }, h("filter", { key: '4d27c80e317e29dd52d9fb2afb2057a56e8b339a', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'de30aa0553cdd655c7edc96647748907254fa075', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '129a2d1a2c16781d35343b8c696b9399964be30c', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '5a0fb8976e4ea75cb07465d404a2adad106cd5fd', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), h("feOffset", { key: 'fff11813502a57f5e836283ccf627e7f8ebbbe82', dy: "8" }), h("feGaussianBlur", { key: '1192d2877bc72a720924f2d8d83b456169535c97', stdDeviation: "4" }), h("feColorMatrix", { key: '46e69e4d87d9aeaa53a81a0355d3e3ddc6d606b3', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '8287f7886c1e0e3faa07dff369f9bcfd800aa1c1', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), h("feColorMatrix", { key: '42bfbd6b37befb1adcbcd8888a06b852741b49cd', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '3bbc01f56e2591536398b2e16566cc663b4fe6fe', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), h("feOffset", { key: '7154f313d404641a564a6c353aa25a89485bb8be', dy: "20" }), h("feGaussianBlur", { key: '301e6fdd59a0e87be74040ef02dcb6aff2a76282', stdDeviation: "12" }), h("feColorMatrix", { key: '5841040d7742b674262bd3173d8ff165cdc47f2a', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '8883e8cf00df9fc0d405d596fb25b53331f01ec0', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), h("feBlend", { key: '6ae36234844dd780247babd2ae0038e71382342c', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), h("linearGradient", { key: 'b7979a9b785ffe696e7364f2828bc8407af990dc', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '3c2a9a7e858e14ae3f5f50f067e132a32eb106f7', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '9ab52888046fced638ca6779cfa94ae6bf94295b', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '6f0d78af0d5edd7dfb1ffc64d0d278118cf0289f', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '988b6de143ff77625f3e09d1626ddaa4c4b7d00a', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '6ef03ae28e54bd16f24543d477bd6f371d097f4f', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: 'f3d62b03033091a3d92da3205ccd3b086e74e1ac', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '190014dc09d196e6abe2e247707da8a732701290', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '57a284322fcc8277c8e0576dcb2e6a134bfe6bfe', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (h("svg", { key: '93dd86391c3483bf38ae41ae8964d86271896cbb', xmlns: "http://www.w3.org/2000/svg", width: "168", height: "178", viewBox: "0 0 168 178", fill: "none", class: `box ${this.size}` }, h("g", { key: 'd47b7c26b58fa91babf2a59dc8f19be5672e64be', filter: "url(#filter0_dd_7590_623)" }, h("path", { key: '333ab10ff2bf59729f48d490c45c0425be576212', d: "M84 54.9529L90.9121 52.0578L84.0009 55.002V137.432L147.69 110.743V28.2767L148 28.1466L147.69 28.009V27.8705L147.53 27.9384L84.5026 0L20 27.4765L20.3053 27.6076L20 109.74L84 137.383L84 54.9529Z", fill: "#F9FAFB" }), h("path", { key: '91787760a275e7bb11010aa67bf4aa4c6866aba8', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), h("path", { key: 'eb74ca1a13d5dd5b5a0c72f55947cea021c8da4c', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), h("path", { key: '800809e93ba4aa54855a70c2a6c431d357753649', d: "M84 54.9529L148 28.1466L84.5026 0L20 27.4765L84 54.9529Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : 'var(--color-background-gray-subtler, #EEF2F6)'}` }), h("path", { key: 'ac20f9c4b9175ebc018558f24f456457fea256b4', d: "M44.1255 17.1998L107.881 44.9503L108.461 65.173L126.299 57.8126L125.759 37.4622L60.1172 10.3877L44.1255 17.1998Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-gray, #CDD5DF)'}` })), h("defs", { key: '9c1d6ed959d5049cd6b3ba4841755d7d42f570c4' }, h("filter", { key: '11d8d01a17574b37a025642d894948fa0d5b5292', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '9f454eb586b616bb7357d9aec507fbfe2182aafa', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'a68a2fa1fa37b9a63c6ac6307abdddbce3275214', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'be0d2744c1d1850d0726f13773f3efc3e3551516', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), h("feOffset", { key: 'e0e95cba2580b08301e561b1843a49609e31f524', dy: "8" }), h("feGaussianBlur", { key: 'ef2f32f2149b89b6df0f97fe045af77e3dc1ba36', stdDeviation: "4" }), h("feColorMatrix", { key: 'dcbb96d59b3e55915514d83948a8328627c12d47', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '76ac70f074a38f939cdee7b4502ee48725eb0647', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), h("feColorMatrix", { key: '7f8b6e318c3d7a3176dca2bc7108eacdabb4119b', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '0bedc44e9559a98c8eb2a2fe1ef9b4520445efa3', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), h("feOffset", { key: 'd955807419d2b0d5d09ea4da569ac5dec8d83c66', dy: "20" }), h("feGaussianBlur", { key: 'ca62838236f3d0da0032d9c79aa7566ab59b6aa2', stdDeviation: "12" }), h("feColorMatrix", { key: '6192bef50ee4e5d0ed7b8d2e3c38cf8842cbf085', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'f91cd64b4d9e19c013c58bf5e3f687d6928a251d', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), h("feBlend", { key: '51d07550483235c831428fdf59c9271dd7f8f931', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), h("linearGradient", { key: '7fda93d8e19077321572f4d41eec00af5b9b173f', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'b5ebf4ff7261fc66fb129528d8a4fe8a5d738af7', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '52e6bee9276bedc16ede9bf13c53d9736daac2f6', offset: "1", "stop-color": `${this.color === 'primary'
+        return (h("div", { key: '7950a6da73a114c61c9eb8af836607ab60b003c8', class: `illustration_wrapper` }, h("svg", { key: '7b78292c89837950931b38cec715c519868d9d3f', xmlns: "http://www.w3.org/2000/svg", width: "220", height: "168", viewBox: "0 0 220 168", fill: "none", class: `illustration_background ${this.size}` }, h("circle", { key: '4e175cbe4b3f866fac27fc5daff7c845dd6e0f0b', cx: "110", cy: "88", r: "80", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : this.color === 'gray' ? 'var(--color-background-gray-subtlest, #F6F8FA)' : ''}` }), h("circle", { key: '58f2716b0bf8e4bbea63770ca21320ac3597b541', cx: "26", cy: "28", r: "8", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '2609ddb809829445d2bb4c9798a2787a61633093', cx: "198", cy: "134", r: "6", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '866cdf2b440bfc9b48b794bc7426ec0acbe47e01', cx: "25", cy: "146", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '2e23bacccff7169b37fab8296f0efa4ef7e1149b', cx: "210", cy: "54", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), h("circle", { key: '249a4e8452378445e9397ba0f3774938717c9fce', cx: "191", cy: "19", r: "7", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` })), h("div", { key: '938b1eb7e00a5864cf7c5fce0521cc1b10a64a66', class: "illustration_div" }, h("div", { key: 'd88f2e0f9cccfd3f1f076633a9ded1e02004e819', class: "illustration" }, this.illustrationStyle === 'cloud' && (h("svg", { key: '0a8da3b188d59607af630e25a2ba0d570897fd23', xmlns: "http://www.w3.org/2000/svg", width: "214", height: "140", viewBox: "0 0 214 140", fill: "none", class: `cloud ${this.size}` }, h("g", { key: '5f6daa41e613a3357cd7bb406b55f19274774ccb', filter: "url(#filter0_dd_7590_639)" }, h("path", { key: '6dd221cc39c1e9f9f09cece4ed3854e79f452a4b', d: "M109.485 0C129.961 0 147.543 12.3802 155.161 30.0625C156.486 29.9093 157.834 29.8281 159.2 29.8281C178.42 29.8282 194 45.4095 194 64.6289C194 83.5478 178.903 98.9404 160.099 99.417L159.2 99.4287H59.7715L58.7451 99.416C37.2543 98.8717 20 81.2792 20 59.6572C20 37.6921 37.8063 19.8857 59.7715 19.8857C62.9248 19.8857 65.992 20.2546 68.9336 20.9482C77.9428 8.27072 92.7484 0.000119405 109.485 0Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-disabled, #F9FAFB)'}` }), h("circle", { key: '5220fdadc5e9932dc311f8df194e3a3295fb1bb9', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), h("circle", { key: '8fd8fe4ae9fe23e9d9629cf093648ef1c7544dc0', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), h("circle", { key: '97469102999116f014cab6841da3f9fe8e04ab48', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), h("defs", { key: 'c54f1f2b8fd1b8506a2b3db98b34f896c8ceadc0' }, h("filter", { key: 'd8ec56d5b7fc45a63d60869106ac72830ca1d7f4', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '4a167a362347d455f9e4ca087741559ab9ff29cb', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '67059d928fdf7ec08333994c9c78bfc6c114c4bd', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '918ccded6d7f1278cda4a4d7620c57b67c798c26', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), h("feOffset", { key: 'a8f0c6f98575dbdaeda7145ec445274d8f0fa59a', dy: "8" }), h("feGaussianBlur", { key: '13124508b4eb853f10a98425796d33f9ab3c58cd', stdDeviation: "4" }), h("feColorMatrix", { key: 'dedcf8488be3d72fa9d6b9b39905ee94eed03da9', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '28a8bc0a30d869c8c79059bbc3417c313d005d0d', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), h("feColorMatrix", { key: 'd96e605622ad5c7426abf7438371dcf40f13dd06', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '7e61408cdbb2adfbddb6eefafda93aec91172365', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), h("feOffset", { key: 'c5ccb956253a872153a3fc7d9fdfa93b6a50b578', dy: "20" }), h("feGaussianBlur", { key: 'a7343c744a44058b4c1208162873b72f5916b4a6', stdDeviation: "12" }), h("feColorMatrix", { key: '8b2afdddc23db2140cf42dbc5d525c9054c1a2d7', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'f981986e1e099f9a99e2fd344e23302b50b9a8cb', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), h("feBlend", { key: '8727c95eaad6a2b4ef13841541c11c93dd1361cf', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), h("linearGradient", { key: '486bf0f6c17244548cce0625b8f25c40443bdb5b', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '9da40c811ba0ea58e6d16174374eadd74fbb888e', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'b82574654b4e0f0bdfa5610618c85f93fe5b0a0e', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '7cae9489c341cf5c8a2da733e9ea390c7f4c8603', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '00e0e428db04a226dba7f398f47d424bfb625ee2', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'f6d9c47de3f6b83b3dd0c909c32844d2db83c872', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: 'da90f64b0256fe1aabe4d32c2ef8b9a9415cb820', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'ab4f7964ac63695a1e881c683e9c6e75765a6cc2', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'dcf942ad2fd5351e4da6cddee48164f665fdca83', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (h("svg", { key: '4c9f358624a866b61394eea27df95beaf2b6f9cf', xmlns: "http://www.w3.org/2000/svg", width: "168", height: "178", viewBox: "0 0 168 178", fill: "none", class: `box ${this.size}` }, h("g", { key: 'a2486c460dfdd3be43194da8cb3bc33da22c0132', filter: "url(#filter0_dd_7590_623)" }, h("path", { key: '3a15eeae8c055c2ec01c883d93f54e6fe4fd4f59', d: "M84 54.9529L90.9121 52.0578L84.0009 55.002V137.432L147.69 110.743V28.2767L148 28.1466L147.69 28.009V27.8705L147.53 27.9384L84.5026 0L20 27.4765L20.3053 27.6076L20 109.74L84 137.383L84 54.9529Z", fill: "#F9FAFB" }), h("path", { key: '32a951c168ac84fb9b1517c55f5851e0d68b9739', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), h("path", { key: 'bfc47e92d9e45cf3a37184c1dffab3e1b654024f', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), h("path", { key: 'dccb50de5f80f309c44a71a419ea9d0cbf02fc7a', d: "M84 54.9529L148 28.1466L84.5026 0L20 27.4765L84 54.9529Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : 'var(--color-background-gray-subtler, #EEF2F6)'}` }), h("path", { key: 'b8dd2f1ce3cc33250361d2d7351407b03c5529fa', d: "M44.1255 17.1998L107.881 44.9503L108.461 65.173L126.299 57.8126L125.759 37.4622L60.1172 10.3877L44.1255 17.1998Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-gray, #CDD5DF)'}` })), h("defs", { key: '8d15dce99eb57243a45361e771037ffc24477dc5' }, h("filter", { key: '1478a1804c17c8443ef0defd63bdc0070d552035', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '8e1c00f7269d9c27eabd39fb82f80b4cbb96086e', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '5bf9edc65972cb548a4a2ca735a8561d8671ad86', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '77e28b9539d62cf5d07e920a9816bb578175fc13', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), h("feOffset", { key: 'e7f9fbccc1627ecd56dca5522107d6bb00189091', dy: "8" }), h("feGaussianBlur", { key: '0119fecf6bbfe5585163fdbf609e1502d0243ad0', stdDeviation: "4" }), h("feColorMatrix", { key: 'd0c1a7203e3afd7eb483fee229555991a76ae736', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '2a2d105d81ede409663d32b7931e165ef3dbb7dc', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), h("feColorMatrix", { key: '40586c1809e550d2cf74c999463981905ac86f18', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'fd7a3841a95456e7ec02b0570d620f8eeaad77f7', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), h("feOffset", { key: '1609b6bddbacbdfd615794c94fe60a6292d19d83', dy: "20" }), h("feGaussianBlur", { key: 'e6e14c349b5b73be3729e4dbe6ee2de04634ddc8', stdDeviation: "12" }), h("feColorMatrix", { key: '3585a05f91cff0682c0981e908321b94d43c9e0b', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'd34f585a829ab19f107e0bb03a0654ae0f5ba8f9', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), h("feBlend", { key: '63b2768163ab17ede837b45f18ec57c6f1ac6144', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), h("linearGradient", { key: '7d86969209ed25beeb03baef8196a7ca652ff08f', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '605c2149357cd97e25c809a47361610bdb8a4ede', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '17e9a87ca583613e114f27a7a60489fe7f626272', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtler, #EEF2F6)'
-                    : ''}` })), h("linearGradient", { key: 'ed1bc3812e078a31aaae58b9925ff1d56fafc8b8', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '79ba0d44d801fb3d49818044736f477eb8d59895', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'f5b18b4a3f1eb824481da31429d3c060a4b44ef3', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), h("linearGradient", { key: '78fde71c7508239e1f44383e17fbbc7c4df14a1a', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '57c3b4b79fdcef2aa4913099807dfa9b3a4a6c76', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '7f1fe0f6eccc95665953b74fd834f2cbf741fc7b', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtler, #EEF2F6)'
-                    : ''}` }))))), this.illustrationStyle === 'documents' && (h("svg", { key: '0545c3a9b3f764728af95b8ba03ffc3e1643fca7', xmlns: "http://www.w3.org/2000/svg", width: "229", height: "153", viewBox: "0 0 229 153", fill: "none", class: `documents ${this.size}` }, h("g", { key: 'c362e84dc3489a5e4915e1cc3f14c3be4ba9650d', filter: "url(#filter0_dd_7590_657)" }, h("path", { key: '90b38d7710c9c0b9cc9a18c0e10ba51b46c65fee', d: "M63.6376 112.214L116.089 87.7552C118.722 86.5272 119.862 83.3969 118.634 80.7634L87.6581 14.3361L66.6827 6.7017L23.7681 26.7132C21.1346 27.9412 19.9952 31.0715 21.2233 33.7049L56.6458 109.669C57.8738 112.302 61.0041 113.442 63.6376 112.214Z", fill: "url(#paint0_linear_7590_657)" })), h("path", { key: '8f8c693e3e33cf5808f3cfed6339129f2ade5011', d: "M66.6826 6.70166L87.658 14.3361L73.3531 21.0066L66.6826 6.70166Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: '91bca68b819de6cae9b06686cb8f30d85b0130b6', filter: "url(#filter1_dd_7590_657)" }, h("path", { key: '27302c1c45b6a9724daa02d3b18e25a00ece7543', d: "M88.7112 94.3394H146.585C149.49 94.3394 151.846 91.9838 151.846 89.0781V15.7837L136.062 0H88.7112C85.8055 0 83.45 2.35554 83.45 5.26124V89.0782C83.45 91.9839 85.8055 94.3394 88.7112 94.3394Z", fill: "url(#paint1_linear_7590_657)" })), h("path", { key: '43a69f924842e6e012ffea354264ad608237a9fc', d: "M136.062 -0.00012207L151.846 15.7836H136.062V-0.00012207Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: '629bce413145a4162bc5e2fb80ae3af6fee9617f', filter: "url(#filter2_dd_7590_657)" }, h("path", { key: 'e8330472cca7da1d19f21cfa630aa90cc028cc94', d: "M118.471 87.724L170.922 112.182C173.555 113.41 176.686 112.271 177.914 109.638L208.889 43.2103L201.255 22.2349L158.34 2.22349C155.707 0.995492 152.576 2.13484 151.348 4.7683L115.926 80.7322C114.698 83.3657 115.837 86.496 118.471 87.724Z", fill: "url(#paint2_linear_7590_657)" })), h("path", { key: 'f45e5949a1ccbf1a863ae263da1e0b5c6b251778', d: "M201.255 22.2349L208.889 43.2102L194.584 36.5398L201.255 22.2349Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("defs", { key: '1f849763a23a167f65c55a828effed774f2cc764' }, h("filter", { key: '72468f19b6b1013b3b2858a0352871805516773e', id: "filter0_dd_7590_657", x: "0.729004", y: "6.70166", width: "138.399", height: "146.006", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '78eda3cedeb75b750f13f2b8403bf6e6ff1aab9d', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'a28c163c20bec4fefb2ffa78f81f48f163cab85c', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '44c49d70e821a2494bbba686f935be96ea8a372e', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '2ba4fd4d9cc58ddb0cb2637e27e183ae9acdfe6a', dy: "8" }), h("feGaussianBlur", { key: '338dee74c1c93d915ffc150e0a0e1c7b5bcd016e', stdDeviation: "4" }), h("feColorMatrix", { key: '7626689d8afa144a308d82cf3b512abbc8ac0f1a', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: 'dc3a402a2bc682a893e3c75277adda880b00b72d', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '9b5b7a5285c7a3322b7cb21094def69ac82b0f7b', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '5dc59fed6d8dbc53b40eae6ae6e50c072bb63fe4', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '0483b86ddfe4fe8c5f51c7199fe8f98439c4ca38', dy: "20" }), h("feGaussianBlur", { key: '98568c37ea29e7e630675a16b18de55502789763', stdDeviation: "12" }), h("feColorMatrix", { key: '8ad22c16dfc5db6641ec2751da3ab809bf05b1b3', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'a4693008097da23d625b1dd15a3fde4c0eb6f28d', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '4caf610c8e62318d843735a42e180efc297aa616', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '71a96dcd0992254d133d1f164e9a1a77768cf151', id: "filter1_dd_7590_657", x: "63.45", y: "0", width: "108.396", height: "134.339", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '68b1b6a75f60af95153ef64bb903f90ae997bb74', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '22f25630e92ff48e9826e5e7673115b1d639f95a', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '473a1dec092dd39888e4b72d89b86a06e999d250', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '4e2322e5aed1874c91a540745013fdd7644bdd09', dy: "8" }), h("feGaussianBlur", { key: '5463ba649119bc55e96e87628aa24a93b95ea853', stdDeviation: "4" }), h("feColorMatrix", { key: '80bd3a2e80b0489ae3003714ba3d1557ce881125', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: 'd8a2bcc73fb07b3615cffa1a3aaf6de9331b112a', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '7d40fc43407ed9924fcfc529d0eca9fc03bf06f2', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'd0963ef758c4807b5e0948b9ccb5c35782921f0a', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '90fddee2285a42148ff2c7c8f16a6caf6c41a548', dy: "20" }), h("feGaussianBlur", { key: 'dc3bf00259d3cb994d27e7f5333837e38acb4ec3', stdDeviation: "12" }), h("feColorMatrix", { key: '446618407c79e1f95274f5dcfa8ddef18e9f88d3', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '576aae6d0b9142b4ccfdcfb2029b618b38c2e6b9', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'a188711e9662e8cf4331df8366d308aede5aaaa1', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '8c1650907e7b31a93ccd0b6f260afeb1b45f6b2c', id: "filter2_dd_7590_657", x: "95.4316", y: "1.72925", width: "133.458", height: "150.947", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '92898223c5a028bd8d1db4e8856bfe4333de7cd3', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'fae38b84083b64c6f25a55598c3e4867f2734753', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '6e5266b74d08851b1d6866bef9b32fcd92bebe65', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: 'de1e88aca808e0bbb49a276f99c26dfc970d30d7', dy: "8" }), h("feGaussianBlur", { key: '086dc84a66f75cb1a2e28c23607b1925c8d4b9dc', stdDeviation: "4" }), h("feColorMatrix", { key: '2f020a590601328833879b92c710c72d8d3d805b', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '30dcd1813b1d25be296cd02dfae43c6170b6d2c6', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '18f4a13f89494aef0548621df17e7f97ece39869', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'a65aa443704e04bfd42771d7d339ca0e36231129', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '4acf94156bae3bfc481bca108eec2bde2203e774', dy: "20" }), h("feGaussianBlur", { key: '9609928d91fd7a0a7515fda69ccc596c228473d7', stdDeviation: "12" }), h("feColorMatrix", { key: '302083e60c9d2607b7df3cc6d0552fd677c24f88', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '2cada6447372b6e353333ee45e2c4978fffbe590', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '4422c7c66bfaf116f8753c1f4e58037d90162000', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("linearGradient", { key: '57d12ff83feb236aa73278c40d5d651c188764ee', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '1f16775037a150d7d7433cb975343a74aeac3d67', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '6518a8791ed10930a153cccd5e2248a2aba37c2b', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` }))))), this.illustrationStyle === 'documents' && (h("svg", { key: '927c03d0d5e90c4cfbf66078ce30e5cac6ce64bb', xmlns: "http://www.w3.org/2000/svg", width: "229", height: "153", viewBox: "0 0 229 153", fill: "none", class: `documents ${this.size}` }, h("g", { key: '9b1706323ce3f13cb3080591baf914e890ef4fcb', filter: "url(#filter0_dd_7590_657)" }, h("path", { key: '874f04cd92ec63ae3e0f7c76dcc3f2abc5218fb2', d: "M63.6376 112.214L116.089 87.7552C118.722 86.5272 119.862 83.3969 118.634 80.7634L87.6581 14.3361L66.6827 6.7017L23.7681 26.7132C21.1346 27.9412 19.9952 31.0715 21.2233 33.7049L56.6458 109.669C57.8738 112.302 61.0041 113.442 63.6376 112.214Z", fill: "url(#paint0_linear_7590_657)" })), h("path", { key: '450d057bdc57e6d0c84649252ac4061becfba3a9', d: "M66.6826 6.70166L87.658 14.3361L73.3531 21.0066L66.6826 6.70166Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: '6f9c7cc55f02b76e4dd7ddbb136aa0728bbb446a', filter: "url(#filter1_dd_7590_657)" }, h("path", { key: '03b9ea8db3ce495d711c425e21cac89837215d3e', d: "M88.7112 94.3394H146.585C149.49 94.3394 151.846 91.9838 151.846 89.0781V15.7837L136.062 0H88.7112C85.8055 0 83.45 2.35554 83.45 5.26124V89.0782C83.45 91.9839 85.8055 94.3394 88.7112 94.3394Z", fill: "url(#paint1_linear_7590_657)" })), h("path", { key: 'bd73ee39c8aaf49c86d8f4bcaffbf59ac7f1503e', d: "M136.062 -0.00012207L151.846 15.7836H136.062V-0.00012207Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("g", { key: '7bcb2ad8c474fd51385716590fa33180704ead4c', filter: "url(#filter2_dd_7590_657)" }, h("path", { key: 'd994f991d172bfefc6fabc145fca9d506088dbb4', d: "M118.471 87.724L170.922 112.182C173.555 113.41 176.686 112.271 177.914 109.638L208.889 43.2103L201.255 22.2349L158.34 2.22349C155.707 0.995492 152.576 2.13484 151.348 4.7683L115.926 80.7322C114.698 83.3657 115.837 86.496 118.471 87.724Z", fill: "url(#paint2_linear_7590_657)" })), h("path", { key: 'a510252eedea33eed5df9e9024ddfe7bf1255989', d: "M201.255 22.2349L208.889 43.2102L194.584 36.5398L201.255 22.2349Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("defs", { key: 'a1c224a62162dd48757d96b4fea398877881d19f' }, h("filter", { key: '361609e0a9b741cd54323b2f11bb6e22cf3b7578', id: "filter0_dd_7590_657", x: "0.729004", y: "6.70166", width: "138.399", height: "146.006", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '4c1cc797bf1e698d50234ae4f5f5e1486ad82042', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'a361cb85a3aa5c23964385624299c951c2dbc1fa', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'cb31d3c7373b3bb2833c5d93e3e524bd11a93f21', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: 'ff434b281886f0224b64f7bfb48d58a78527754e', dy: "8" }), h("feGaussianBlur", { key: 'e68da0029c6baa96ec738c14a707e646a26afa19', stdDeviation: "4" }), h("feColorMatrix", { key: 'b1ec35cc1272ffaca6f8ffeb8f026f9a6bcf8664', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: 'a9a2394d997425061c4c1441df322840320524ac', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '1a6a4b6d758a1dffb5cb21dcabd052fce72ce33c', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '64325c073e05be55eb5393e4db081d1b7189ff21', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '9e2b93af3d0c049b3a0b05f62dfa025cf1d7a973', dy: "20" }), h("feGaussianBlur", { key: '98c04fe3df3b4199c79faa091e314e4597e270ce', stdDeviation: "12" }), h("feColorMatrix", { key: '41909459709399743a088d8de61fa47b8e360410', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'b9ddc97fd5fb575d358523bb17c72ac4208d7605', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'edb64fab82f7adeb57ea0f72627da3b0e1a1b279', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '35ce776fb3640d8a61fe34e5ac841c272f25370b', id: "filter1_dd_7590_657", x: "63.45", y: "0", width: "108.396", height: "134.339", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'bc4fe4635a2029c2438a9335bcd23f14b606eac2', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '15cd02d35e2b60d0a5dd038c52607e2e180b0082', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '327cf8cf21a2a557d201d82b2dcabc40468ecc3a', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '7eea569771031a2db511c62fb2eddee7fa1c9b06', dy: "8" }), h("feGaussianBlur", { key: 'd2b7ad135b27417a632287453f2cb1f4c8ec7c84', stdDeviation: "4" }), h("feColorMatrix", { key: 'aad6ae40f942cff68472d9a2da38a1bd4bc491ce', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '1ef0da44d906818b1eeca47392faca0f51777531', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: 'b33caa06679628c2070003a9d76ec91a885485b3', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'c11b15b5732127b252085d9dde81b89606640e70', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: 'd26a87e4db6e457eb608a081f3c229138f1ec04b', dy: "20" }), h("feGaussianBlur", { key: '34b8223d8fa497a9b8c98ea05f0d92b2e1eb083d', stdDeviation: "12" }), h("feColorMatrix", { key: '09411047e61402b3155405ccdd933d997dc9521d', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'fe29dc13f4eb7f6584ee7d5b178eb7d8be8ffcec', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '7192a6bcde4dfe81923c2e02e702c1728e47c8ee', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '7e3e58cabfa0b98b1d63d81d4610c8b34f5dd919', id: "filter2_dd_7590_657", x: "95.4316", y: "1.72925", width: "133.458", height: "150.947", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '2a60a7af343ce572bfc13ec1b35223414b85da0e', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'ba5cb0586bc70c8adb92078b74a2f73ca8432b57', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'ca0b1b3dc90ab2d1ea5194e9d7c4abfbba72e08c', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: 'b439019bcceeb03b63e7bcd889ad39ebb10c5641', dy: "8" }), h("feGaussianBlur", { key: 'b25cb0221257414a78658e379268c4472b56237c', stdDeviation: "4" }), h("feColorMatrix", { key: '1aa9ead61d2b9ea99be1d104116640e2967565a6', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: '81df282a83194f47f9730d485aa072515a04aa95', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: 'b473c933335184721cf63390f85e17c9359662d0', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: 'f80937adcb23e3e6415e45ace68f9fdd5cd0c1fc', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '4ea6cb60c9ee86b316b271becbf241eeed42a138', dy: "20" }), h("feGaussianBlur", { key: 'c8b96dc4b503ea1fde6c5e6f205fd15a6cddf4bc', stdDeviation: "12" }), h("feColorMatrix", { key: 'd2dfc7c23233b78cd68fbc339100ec1e52732db4', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '16608cc27b2a00785e608ef86e97a0b861e01307', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'f505a4fc7554b3cdb00e4e83a54a6e55832cf928', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("linearGradient", { key: 'e98d39bdd7170881702103c1a35f5052302728ee', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '4d5d65ee898a28107b8a238646de7fd08f75230f', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '3945ab404a6f31c070e9db426e9dd5205177fefa', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtlest, #E4F0FC)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` })), h("linearGradient", { key: '75972b6948db713b8b05319bd8ab619dba4e7f06', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'ebc841733f4483b505942701389b57b47f23bd0e', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: 'f3ff88f5b77ab065cf737411f72afe8e59782338', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), h("linearGradient", { key: 'ef10d2925684004ed554d83a5f711fc5768a7454', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '25e66949f152fed276d5ce0e449a220639dbcf62', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: 'a8a529e2af17b5813f76dfce0ab9ef1c3291f2b1', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtlest, #E4F0FC)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` })), h("linearGradient", { key: '19a464becd634b89b97817f22bbee55c4d44d076', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'a860150b500d2d221d8d76043689fed9b5dc8422', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: 'b55f32b3fad26442ca9919ebd96273824dfe501c', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), h("linearGradient", { key: 'c884d96a2bcab1816dddde33cbc47223ca0ffa2e', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '131fcb0e34819a5e032db5c929cd71d38e85b761', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '431e8cdaf5bc54affa0bb6da037df622bf7750f0', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtlest, #E4F0FC)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` }))))), this.illustrationStyle === 'credit_card' && (h("svg", { key: '651df3ee4aa163807ff7193cd32442ba0975e31a', xmlns: "http://www.w3.org/2000/svg", width: "206", height: "144", viewBox: "0 0 206 144", fill: "none", class: `credit_card ${this.size}` }, h("g", { key: '47a1abe859c5542ac6e2a73e19c9d839d7c76735', filter: "url(#filter0_dd_7590_677)" }, h("rect", { key: 'f55db128aadd70368787d5b3c484f2829971781e', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), h("rect", { key: 'b6cbddaac495e6d0447f79da3050c87120ef9770', x: "34.0698", y: "24.186", width: "29.0233", height: "21.7674", rx: "2.4186", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: '4cb86839711fb97c08ba174f18253ee37af01198', cx: "159.837", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: 'c613fc51f0053f13d53de17b6b059918ee9b7ab0', cx: "145.325", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary'
+                    : ''}` }))))), this.illustrationStyle === 'credit_card' && (h("svg", { key: '40cdbbef75dc13c73ed79ee9c7e14ecb1557f05f', xmlns: "http://www.w3.org/2000/svg", width: "206", height: "144", viewBox: "0 0 206 144", fill: "none", class: `credit_card ${this.size}` }, h("g", { key: '7713d0b96949eb18ae3a93224ca6e8681e1d3873', filter: "url(#filter0_dd_7590_677)" }, h("rect", { key: '3c2c65c768f4c5ca6a368a35f51501127e252cd5', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), h("rect", { key: 'a8cfe94d86ccea4da9ae223824408b6f26ce2e34', x: "34.0698", y: "24.186", width: "29.0233", height: "21.7674", rx: "2.4186", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: '8ac17287114a805c3abeb82829797f2f2e645b3b', cx: "159.837", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("circle", { key: '608fbb0aed3def5eec6820f71f416105ffe5e048', cx: "145.325", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtle, #E3E8EF)'
-                    : ''}` }), h("path", { key: '1e69f715eb0b0096cb2e1fb3f503950c9191e93f', d: "M34.0698 88.279C34.0698 86.9432 35.1527 85.8604 36.4884 85.8604H60.6745C62.0102 85.8604 63.0931 86.9432 63.0931 88.279C63.0931 89.6147 62.0102 90.6976 60.6745 90.6976H36.4884C35.1527 90.6976 34.0698 89.6147 34.0698 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '4b06b9f8ce89c671e0c4879f70eacf3d66d7fa5c', d: "M70.3489 88.279C70.3489 86.9432 71.4317 85.8604 72.7675 85.8604H96.9535C98.2893 85.8604 99.3721 86.9432 99.3721 88.279C99.3721 89.6147 98.2893 90.6976 96.9535 90.6976H72.7675C71.4317 90.6976 70.3489 89.6147 70.3489 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: 'b59d7bfa3116ebd5c84bd47bf299166353f9d9b8', d: "M106.628 88.279C106.628 86.9432 107.711 85.8604 109.047 85.8604H133.233C134.568 85.8604 135.651 86.9432 135.651 88.279C135.651 89.6147 134.568 90.6976 133.233 90.6976H109.047C107.711 90.6976 106.628 89.6147 106.628 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: 'b83a88650c538175ae94072f6613af605fb875a6', d: "M142.907 88.279C142.907 86.9432 143.99 85.8604 145.326 85.8604H169.512C170.847 85.8604 171.93 86.9432 171.93 88.279C171.93 89.6147 170.847 90.6976 169.512 90.6976H145.326C143.99 90.6976 142.907 89.6147 142.907 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` })), h("defs", { key: '2fe911b1c292db05ad4d47a8fc1c274d66892e85' }, h("filter", { key: '78ca4f29ed0e2bf02e84250ee6d9545f40fe37f9', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'f52473de55c047cfe4d7f2dc098724b505920ca8', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '9ea309b952e4ce51764ba2709dc9fe27e2723b93', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '4e7d74f6aeef9f5ad4ad52d46828189032f4eb85', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), h("feOffset", { key: 'b9bd1a31d67f4d9aaf5210c13c8b497ebd7e5eeb', dy: "8" }), h("feGaussianBlur", { key: 'fc142eda0e3899c65a596a81e788fdec542c1394', stdDeviation: "4" }), h("feColorMatrix", { key: 'd7750426ef9d879475932c6b1363942f1a33702a', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: 'ed1dfbded80515f5ff0f026869a0776675254d94', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), h("feColorMatrix", { key: '28bce5071dad5c67266e48dab5ced63346e7308d', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '8413f921187b3a965a00a69f77b4e72ecfbe9f71', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), h("feOffset", { key: '431d37587152c740de57247498f4473d3a13e8a8', dy: "20" }), h("feGaussianBlur", { key: '72ea0b0bf0b0cc4746dd6904218dbc332dd39606', stdDeviation: "12" }), h("feColorMatrix", { key: '473e8a61a0344325fbfbcf6a147b700f274ab785', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: '9e9c2940de752e392d3852d1a64731994b12da1d', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), h("feBlend", { key: '3af632e6341606f83bec7e6871217004606c215e', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), h("linearGradient", { key: '1c5abb8367b0e186320f74ee0283d8ce53046649', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'a3c8fc630c4e32c89651ecfa014712516780a5ba', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), h("stop", { key: '51e39cbe0d53fc2dedfdd56195075dc28ba8bd46', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` }), h("path", { key: 'ee15ed953637a85435af25466d71f1f6293787ff', d: "M34.0698 88.279C34.0698 86.9432 35.1527 85.8604 36.4884 85.8604H60.6745C62.0102 85.8604 63.0931 86.9432 63.0931 88.279C63.0931 89.6147 62.0102 90.6976 60.6745 90.6976H36.4884C35.1527 90.6976 34.0698 89.6147 34.0698 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: 'ebbc4c6a63a4383c1ebd0613509cca9d835ee302', d: "M70.3489 88.279C70.3489 86.9432 71.4317 85.8604 72.7675 85.8604H96.9535C98.2893 85.8604 99.3721 86.9432 99.3721 88.279C99.3721 89.6147 98.2893 90.6976 96.9535 90.6976H72.7675C71.4317 90.6976 70.3489 89.6147 70.3489 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: 'a20b2d5e499a13f2d96db767eb3025f5384c8322', d: "M106.628 88.279C106.628 86.9432 107.711 85.8604 109.047 85.8604H133.233C134.568 85.8604 135.651 86.9432 135.651 88.279C135.651 89.6147 134.568 90.6976 133.233 90.6976H109.047C107.711 90.6976 106.628 89.6147 106.628 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("path", { key: '403802b8da9d8704613af43342ee64ec0840f7b8', d: "M142.907 88.279C142.907 86.9432 143.99 85.8604 145.326 85.8604H169.512C170.847 85.8604 171.93 86.9432 171.93 88.279C171.93 89.6147 170.847 90.6976 169.512 90.6976H145.326C143.99 90.6976 142.907 89.6147 142.907 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` })), h("defs", { key: '6469f39951cf203e67d0472d1edb110ecc2a5743' }, h("filter", { key: 'd7139b57c54d3a8005d52b8c93c0fda5ea152df6', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '6dbbf08f0e41c6fe9502b9dac2bb1be2520102b4', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'b3aa63c3ab559398677b052780a8be80304c44fb', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '0c2d3c4cb6a9de38a2cc8af86a0cb17e2ee1d111', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), h("feOffset", { key: 'de5e44ad91182be35f88f7acb18a0b299660ae63', dy: "8" }), h("feGaussianBlur", { key: '59c7f6c07eb8fd0871987d843a165db1035ef309', stdDeviation: "4" }), h("feColorMatrix", { key: 'be6ccb4303297d28279a4ef67fbf930b9497767f', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), h("feBlend", { key: 'd825d220c53f40810862fbbbf774d72fdbf746cf', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), h("feColorMatrix", { key: '5e142586995a30f73a6601ae38eef5ea91fe887a', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h("feMorphology", { key: '75710d64cf4eb6b214a7ebd64a1608ab20e21c97', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), h("feOffset", { key: 'b92a7b3451fa7044865f78de0f509ab27c3f9f31', dy: "20" }), h("feGaussianBlur", { key: '04a71bd427bfb8f4fb813f289ae068c5a0feeb8b', stdDeviation: "12" }), h("feColorMatrix", { key: '3f7005958c9ac173c558cc23759b3acd85212b91', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), h("feBlend", { key: 'cfa29c9cc1a12d095001bb5fcb5f77be1d9e4f6b', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), h("feBlend", { key: '4c09f6468e5cb9a4abc78d888e86d600075c2276', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), h("linearGradient", { key: '0ec514ccf38f0d227962433ed8c24fea3d0d801a', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'f9102f8dbdd825128d3a5fd4ce99f8382cd62d56', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), h("stop", { key: '023a3ab93404c203b58286e62e1029775b8ce77f', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` })))))), h("div", { key: 'ad12652fcd6f415143a8a0965264930c2d68625f', class: `icon_div ${this.color} ${this.size}` }, h("div", { key: 'ca843551fc22c260e0f751f76ad50def68f00a44', class: `icon ${this.size}`, innerHTML: this.leadingIconSvg })))));
+                    : ''}` })))))), h("div", { key: '6952af1d58f8efd256257427102860b6a0c2bbd8', class: `icon_div ${this.color} ${this.size}` }, h("div", { key: '4c6263f0fd1a29f9dfa29df461df74155b9d088d', class: `icon ${this.size}`, innerHTML: this.leadingIconSvg })))));
     }
     static get is() { return "gb-illustration"; }
     static get encapsulation() { return "shadow"; }

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

@@ -477,7 +477,7 @@ export class GbInputDropdown {
         const emptyStateBackground = getAssetPath('assets/empty-state-background.svg');
         const illustration = getAssetPath('assets/empty-state-no-data.svg');
         return [
-            h("div", { key: 'b8922c9f5e56a94c7c5bffb02773e62994efff16', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, h("div", { key: '632963907c382f1b67594c1bd44fd9d702956bac', class: `input_with_label` }, this.showLabel && (h(Fragment, null, this.formatLabel ? (h("p", { class: "dropdown_label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (h("p", { class: "dropdown_label text-sm-medium" }, this.label)))), h("div", { key: 'c2f1c9af5a6748b575406e7466676c40c55f9901', id: this.triggerId, ref: el => (this.triggerRef = el), class: `input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${this.dropdownOpen ? 'focused' : ''}`, onClick: e => this.toggleDropdown(e) }, this.type === 'icon_leading' && this.iconSearch && this.state === 'filled' && (h("gb-icon", { key: '8cffd6d64d15596c437d5bab760e6aec4da6bb1e', color: "gray", "icon-style": "stroke", "icon-type": "rounded", "icon-name": this.getItemLabel(this.value.length === 0 ? this.selectedItem : this.value[0]) })), this.type === 'avatar_leading' && (h(Fragment, null, this.state === 'default' && (h("svg", { key: 'd2c9d05bc7e05979e4d453e5e23b423f7b20ffe9', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'd65d2c4d20722a424dff06afe299fabab1701ac7', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.66667" }), h("path", { key: 'cb7c39344971693ed15adbdf140554cd04afd427', d: "M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.66667" }))), this.state === 'filled' && (h("gb-avatar", { key: '47c3b2bd4d5ec142daf16f68f489713797dddf35', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (h("h1", { slot: "initials" }, this.getItemInitials(item)))))))), this.showLeadingIcon && (h(Fragment, null, this.type === 'search' || this.type === 'tags' || this.type === 'icon_leading' ? h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null)), this.type === 'dot_leading' && (h("svg", { key: '81d8366d6cb8003d2d8c4f42b0b11ea47eaf3269', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `dot ${this.size}` }, h("circle", { key: '83c14474cd991e7d3606f301cf9c251f2d9eeaf2', cx: "5", cy: "5", r: "4", fill: "#079455" }))), h(Fragment, null, this.state === 'default' && this.type !== 'search' && (h(Fragment, null, this.placeholder && (h("div", { key: 'ede3097182fc799fad13aecba830ef8ee8bdcc7b', class: "placeholder" }, h("p", { key: '981b076d8eb437fedc47fcb8eb2d917117904af3', class: `text-${this.size}-regular`, style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'default' && this.type === 'search' && (h("div", { key: '5cfd0a4190717aeaeb0a3dd0d77f7ac3e8b7d85e', class: "search_input" }, h("input", { key: '2f52d72906227f25d89859ecdf665436bdfc4eec', type: "text", placeholder: this.placeholder, class: `dropdown_search_input text-${this.size}-regular`, ref: el => (this.inputRef = el), onInput: this.emitInputValueToUseForSearch.bind(this) }), this.showCloseButton && (h("gb-button", { key: 'c42b8335c38aba67428187cd4e580f950978308c', class: `close_button ${this.size}`, size: this.size, hierarchy: "tertiary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/cancel-01.svg", onClick: () => this.clearInput() })))), this.state === 'filled' && (h(Fragment, null, h("div", { key: 'bfe3324720415bf6aa970bcddadd11515a4a7358', class: `content` }, this.type === 'tags' ? (h(Fragment, null, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'false', action: "X_close", onClick: e => {
+            h("div", { key: '4ce88987119bee403865ab263ddf79be92ea8b00', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, h("div", { key: '23fac8c7fe9311ecab48cc6083b3ff9cc4f98630', class: `input_with_label` }, this.showLabel && (h(Fragment, null, this.formatLabel ? (h("p", { class: "dropdown_label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (h("p", { class: "dropdown_label text-sm-medium" }, this.label)))), h("div", { key: 'a45e61045e5582d88d6af263096fa7e55f76b298', id: this.triggerId, ref: el => (this.triggerRef = el), class: `input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${this.dropdownOpen ? 'focused' : ''}`, onClick: e => this.toggleDropdown(e) }, this.type === 'icon_leading' && this.iconSearch && this.state === 'filled' && (h("gb-icon", { key: '66be59bce8d3647cfadaf0d81aa9ce922c6f0ae4', color: "gray", "icon-style": "stroke", "icon-type": "rounded", "icon-name": this.getItemLabel(this.value.length === 0 ? this.selectedItem : this.value[0]) })), this.type === 'avatar_leading' && (h(Fragment, null, this.state === 'default' && (h("svg", { key: '8d387fd9f9a55ccfc37f1f682eccfcc02dbaec76', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'feb00ca37b8536a7eb08bb97b4c6aad33cb346c7', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.66667" }), h("path", { key: '382aca229987f577c4dc8cb849d168fb0f49e352', d: "M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.66667" }))), this.state === 'filled' && (h("gb-avatar", { key: '0a9168b18b849f7b42bc6d889014192e690b3a77', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (h("h1", { slot: "initials" }, this.getItemInitials(item)))))))), this.showLeadingIcon && (h(Fragment, null, this.type === 'search' || this.type === 'tags' || this.type === 'icon_leading' ? h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null)), this.type === 'dot_leading' && (h("svg", { key: '2060220f5f244733ddebce7528ece5264476b09c', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `dot ${this.size}` }, h("circle", { key: '696064a31af1d4208fcdc260c3459d64b9c7ae08', cx: "5", cy: "5", r: "4", fill: "#079455" }))), h(Fragment, null, this.state === 'default' && this.type !== 'search' && (h(Fragment, null, this.placeholder && (h("div", { key: '2c15861f84437b7894aed68f5901da1c7ad97769', class: "placeholder" }, h("p", { key: '2f54216b35dcbfe215772383e010ee368bc1cea9', class: `text-${this.size}-regular`, style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'default' && this.type === 'search' && (h("div", { key: '1390d0a7c9397d8187501b1c9f32e5a34df927b1', class: "search_input" }, h("input", { key: 'a3b8ebaa6a2e412565e9f31af78ec7d8898e3d56', type: "text", placeholder: this.placeholder, class: `dropdown_search_input text-${this.size}-regular`, ref: el => (this.inputRef = el), onInput: this.emitInputValueToUseForSearch.bind(this) }), this.showCloseButton && (h("gb-button", { key: '165c489a060d8d5149ab94810b30a0e0c7e978a9', class: `close_button ${this.size}`, size: this.size, hierarchy: "tertiary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/cancel-01.svg", onClick: () => this.clearInput() })))), this.state === 'filled' && (h(Fragment, null, h("div", { key: '867e1380787f73c4927ebd847f30dc21262eaa16', class: `content` }, this.type === 'tags' ? (h(Fragment, null, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'false', action: "X_close", onClick: e => {
                     e.stopPropagation();
                     this.handleTagRemove(item);
                 } }, h("p", { class: "text-xs-medium" }, this.getItemLabelText(item).split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, this.getItemInitials(item))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'false', action: "X_close", onClick: e => {
@@ -489,7 +489,7 @@ export class GbInputDropdown {
                 } }, h("p", { class: "text-xs-medium" }, this.getItemLabelText(item).split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, this.getItemInitials(item))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'false', action: "X_close", onClick: e => {
                     e.stopPropagation();
                     this.handleTagRemove(item);
-                } }, h("p", { class: "text-xs-medium" }, item))))))))) : (h("p", { class: `selected_text text-${this.size}-regular` }, this.value.length === 0 ? this.getItemLabel(this.selectedItem) : h(Fragment, null, this.value.map(item => this.getItemLabel(item))))), this.supportingText && (h("div", { key: '86adf8737cc2cd41d80c8c652a5b08a236588320', class: `supporting_text text-${this.size}-regular`, style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.getItemSupportingText(this.selectedItem)) : h(Fragment, null, this.value.map(item => this.getItemSupportingText(item)))))))))), this.state === 'disabled' && (h(Fragment, null, h("div", { key: '99af7b544d2d6ce9c575b4a2b8f5330b2f5edbcd', class: `content` }, h("div", { key: '7846c9d98d58a3e6220f51c5ad581459c24a14e6', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (h(Fragment, null, this.value.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'false', action: "X_close" }, h("p", { class: "text-xs-medium" }, this.getItemLabelText(item).split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, this.getItemInitials(item))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'false', action: "X_close" }, h("p", { class: "text-xs-medium" }, item))))))) : (h(Fragment, null, h(Fragment, null, this.value.map(item => this.getItemLabel(item)))))), this.supportingText && (h("div", { key: '81ecadf0dbe0e3133f5ace98ea9f8ae6039fe8bb', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.getItemSupportingText(this.selectedItem)) : h(Fragment, null, this.value.map(item => h(Fragment, null, this.getItemSupportingText(item)))))))))))), this.showHelpIcon && (h("div", { key: '3f42c3a58573d72a7e90ffa7726cef2ecb166aec', class: `help_icon` }, h("gb-help-tooltip", { key: '181230508c941257c9d90ff9ea3bed69afdbccbb', "show-supporting-text": true }, h("slot", { key: 'fb88805dbfa456e5641fff65da6696d23a002ffa', name: "tooltip_label", slot: "label" }), h("slot", { key: 'ccbb570409c97919225202355dccd123e8097511', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: 'c9b3080c3bec58c52de1e63b595c01452d481425', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: '84f326183a3ac83fd1bef937d1d4062c1b328103', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: 'f84751a66cb0befc198686b1a5beb8c0971fd5a0', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#697586", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h(Fragment, null, this.dropdownOpen && (h("gb-portal", { key: 'c8dc20d16f9422930ff9dcf57021c81b281a6404', "anchor-id": this.triggerId, anchorEl: this.triggerRef, placement: this.dropdownPlacement, open: true }, h("div", { key: 'c146203b9ac05b8456b00857e05eb6dfe4a7a1f9', class: "input_dropdown_portal_menu", ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, (this.showSearchInput || this.iconSearch) && (h("div", { key: '0e1d59b1bd422227c2bef258bc301d9a73210e32', class: "dropdown_search_field" }, h("gb-input-field", { key: '1d78bb9ec0f268809e0a48fba7ff03b3ad69046e', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: this.placeholder, type: "icon_leading", idOfInput: "3", onInputValueChanged: this.searchItemsInDropdownMenu.bind(this), ref: el => (this.searchInputRef = el) }))), this.loading && (h("div", { key: 'd5ffb9d77735f577e16d32d4ac9045e5ae197a70', class: "loader_div" }, h("div", { key: 'e74f55f89ca7a77f86aea13358009f1fc2a69e60', class: "loader" }))), this.searchItem ? (h(Fragment, null, this.searchItem !== '' && this.searchResults.length > 0 ? (h(Fragment, null, this.searchResults.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'tags' ? 'checkbox' : this.type, iconLeading: this.type === 'icon_leading' ? true : false, "icon-name": this.type === 'icon_leading' ? item : undefined, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, h("p", { slot: "name" }, this.getItemLabel(item)), this.getItemSupportingText(item) !== undefined && h("p", { slot: "supporting_text" }, this.getItemSupportingText(item))))))) : this.searchItem !== '' && this.searchResults.length === 0 ? (
+                } }, h("p", { class: "text-xs-medium" }, item))))))))) : (h("p", { class: `selected_text text-${this.size}-regular` }, this.value.length === 0 ? this.getItemLabel(this.selectedItem) : h(Fragment, null, this.value.map(item => this.getItemLabel(item))))), this.supportingText && (h("div", { key: '2a70759c3eeb3e8dbc5e66e8dd27565d53981479', class: `supporting_text text-${this.size}-regular`, style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.getItemSupportingText(this.selectedItem)) : h(Fragment, null, this.value.map(item => this.getItemSupportingText(item)))))))))), this.state === 'disabled' && (h(Fragment, null, h("div", { key: '05a5898d1b1cca9688c2e7bc1e1029d68f0757fa', class: `content` }, h("div", { key: 'd63d040a3e08d0a12e2260bd6a74fcdcd54bca4f', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (h(Fragment, null, this.value.map((item, index) => typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'false', action: "X_close" }, h("p", { class: "text-xs-medium" }, this.getItemLabelText(item).split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, this.getItemInitials(item))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'false', action: "X_close" }, h("p", { class: "text-xs-medium" }, item))))))) : (h(Fragment, null, h(Fragment, null, this.value.map(item => this.getItemLabel(item)))))), this.supportingText && (h("div", { key: '3bc86033730f62e9d4a90edbcd6f75360b33e44f', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.getItemSupportingText(this.selectedItem)) : h(Fragment, null, this.value.map(item => h(Fragment, null, this.getItemSupportingText(item)))))))))))), this.showHelpIcon && (h("div", { key: '8c5208865ea0c25564e0919502215344cf6be389', class: `help_icon` }, h("gb-help-tooltip", { key: 'e9207218d3dad14b6f51ace9c590fb704adb42b6', "show-supporting-text": true }, h("slot", { key: '921bdd9d0ef89fc09698efde0e4522d65c638f7c', name: "tooltip_label", slot: "label" }), h("slot", { key: '561c4a9af75cbfd103de03c47675398d397b8dc9', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: '39b34dd6ad26cad79344a005247e5d108bae5310', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: 'cfe721d843c6edf34bd9a9b338834a3c15869af4', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: '4b6512322175bdff88d017115e77ed25dcc901ab', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#697586", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h(Fragment, null, this.dropdownOpen && (h("gb-portal", { key: 'de36bb88cf8fc328d1deedc907df1857d8bbf3d1', "anchor-id": this.triggerId, anchorEl: this.triggerRef, placement: this.dropdownPlacement, open: true }, h("div", { key: '5502b7e3571086dbe909e758d15e98915bb9fc97', class: "input_dropdown_portal_menu", ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, (this.showSearchInput || this.iconSearch) && (h("div", { key: '980400eb26e223e52425aabca92c4aec27de955b', class: "dropdown_search_field" }, h("gb-input-field", { key: 'db60c663a4ea250732718109ab5cd06c96d11fed', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: this.placeholder, type: "icon_leading", idOfInput: "3", onInputValueChanged: this.searchItemsInDropdownMenu.bind(this), ref: el => (this.searchInputRef = el) }))), this.loading && (h("div", { key: '529b68a92ce490ac42b0e519a90c991f036a46d7', class: "loader_div" }, h("div", { key: 'ddbaa6b929d90c174aa1ed5d94cba5eca05cdd49', class: "loader" }))), this.searchItem ? (h(Fragment, null, this.searchItem !== '' && this.searchResults.length > 0 ? (h(Fragment, null, this.searchResults.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'tags' ? 'checkbox' : this.type, iconLeading: this.type === 'icon_leading' ? true : false, "icon-name": this.type === 'icon_leading' ? item : undefined, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, h("p", { slot: "name" }, this.getItemLabel(item)), this.getItemSupportingText(item) !== undefined && h("p", { slot: "supporting_text" }, this.getItemSupportingText(item))))))) : this.searchItem !== '' && this.searchResults.length === 0 ? (
             //Empty state for when there are no search results
             h("div", { class: "empty_state" }, h("img", { src: emptyStateBackground, class: "background", alt: "" }), h("div", { class: "message_background" }, h("img", { src: illustration, alt: "", class: "illustration" }), h("p", { class: "message text-md-semi-bold" }, "No results available")))) : null)) : (h(Fragment, null, this.type === 'tags' ? (h(Fragment, null, this.selectedItems.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: true, onClick: () => this.handleItemSelect(item) }, h("p", { slot: "name" }, this.getItemLabel(item)), this.getItemSupportingText(item) !== undefined && h("p", { slot: "supporting_text" }, this.getItemSupportingText(item)), h("h1", { slot: "initials" }, this.getItemInitials(item))))), this.unselectedItems.map(item => (h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: StateEnum.Default, "supporting-text": this.supportingText, selected: false, onClick: () => this.handleItemSelect(item) }, h("p", { slot: "name" }, this.getItemLabel(item)), this.getItemSupportingText(item) !== undefined && h("p", { slot: "supporting_text" }, this.getItemSupportingText(item))))))) : (h(Fragment, null, h("gb-input-dropdown-menu-item", { state: StateEnum.Default, "supporting-text": this.supportingText, color: this.color, onClick: () => this.handleItemSelect() }, h("p", { slot: "name" }, "--", this.placeholder, "--")), this.items.map(item => [
                 h("gb-input-dropdown-menu-item", { type: this.type === 'tags' ? 'checkbox' : this.type, iconLeading: this.type === 'icon_leading' ? true : false, "icon-name": this.type === 'icon_leading' ? item : undefined, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), color: this.color, onClick: () => this.handleItemSelect(item) }, h("p", { slot: "name" }, this.getItemLabel(item)), h("h1", { slot: "initials" }, this.getItemInitials(item)), this.getItemSupportingText(item) !== undefined && h("p", { slot: "supporting_text" }, this.getItemSupportingText(item))),

package/dist/collection/components/gb-input-dropdown-menu-item/gb-input-dropdown-menu-item.js CHANGED Viewed

@@ -67,13 +67,13 @@ export class GbInputDropdownMenuItem {
     render() {
         return (
         // <div class="dropdown-container" onClick={() => (this.selected = !this.selected)}>
-        h("div", { key: '5b0b587c59de3e50eea4169c350eeffe45374afc', class: "dropdown-container", onClick: () => this.handleClick() }, h("div", { key: '2d6c65bf6bf6708ef43cf7775258a0c10b706823', class: {
+        h("div", { key: '89f3ee1ddc96bb296591a70defe6a656e3e2282c', class: "dropdown-container", onClick: () => this.handleClick() }, h("div", { key: '81c38da348e7f852c17e86e8e293623315d4b418', class: {
                 'dropdown-item': true,
                 'selected': this.selected,
                 'disabled': this.state === 'disabled',
                 'checkbox': this.type === 'checkbox',
                 [this.type]: true,
-            }, role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.state === 'disabled' ? 'true' : 'false' }, h("div", { key: '33702f470645cb69bc42036d1bc14d52fdfa73d0', class: "content" }, this.type === 'icon_leading' && this.iconLeading && h("div", { key: '2b5abc0632aecc35b7011e0085db42c9adc7bcea', class: `icon_leading ${this.state}`, innerHTML: this.leadingIconSvg }), this.type === 'avatar_leading' && (h("gb-avatar", { key: 'b4fad0c9c8177c3ddee825b59461e6f28bcff068', class: "avatar-icon", size: "xs", color: this.color, text: true }, h("slot", { key: 'b3e998708fae4cdc0dbcf9009d793371892d7053', name: "initials", slot: "initials" }))), this.type === 'dot_leading' && (h(Fragment, null, this.state === 'default' ? (h("svg", { id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "10px", height: "10px", viewBox: "0 0 10 10", fill: "none" }, h("circle", { cx: "5", cy: "5", r: "4", fill: "#17B26A" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("circle", { cx: "5", cy: "5", r: "4", fill: "#EEF2F6" }))))), this.type === 'checkbox' && h("gb-checkbox", { key: '76a4817e078298a9f5e7cc9894fc1bbba6130c51', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), h("slot", { key: 'c362bd7c3a7488a5f32787d6b9ec8dd943f4db7b', name: "name" }), this.supportingText && (h("span", { key: '95cb09b83624277cae26109e65af94b5416fdaeb' }, h("slot", { key: 'ab8c2b23e0fd91ddc6fc427b05b8d3f98aef65b0', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (h("div", { key: '0bc1c6ca8b2f6c9db53afab772773df9ae9b4993', class: `tick` }, this.state !== 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#075DB2", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#CDD5DF", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
+            }, role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.state === 'disabled' ? 'true' : 'false' }, h("div", { key: 'da9e78f4d9dc80144348f5a832fe197d3c7b219b', class: "content" }, this.type === 'icon_leading' && this.iconLeading && h("div", { key: '05642a15673c5e90ec8b88cf08ce623cae92424c', class: `icon_leading ${this.state}`, innerHTML: this.leadingIconSvg }), this.type === 'avatar_leading' && (h("gb-avatar", { key: '86d483d8283c13c96fbd5210917b1bc0cf21dc28', class: "avatar-icon", size: "xs", color: this.color, text: true }, h("slot", { key: '29a1467cb2f484743e8be3d8039468d51a5b115e', name: "initials", slot: "initials" }))), this.type === 'dot_leading' && (h(Fragment, null, this.state === 'default' ? (h("svg", { id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "10px", height: "10px", viewBox: "0 0 10 10", fill: "none" }, h("circle", { cx: "5", cy: "5", r: "4", fill: "#17B26A" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("circle", { cx: "5", cy: "5", r: "4", fill: "#EEF2F6" }))))), this.type === 'checkbox' && h("gb-checkbox", { key: '1f27f93810df504d9e7f1ff18c94a79a78303e56', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), h("slot", { key: '4ac799673e67afeb8c09e120d46f2e99de9433c4', name: "name" }), this.supportingText && (h("span", { key: 'e9769b647898f9104ad67bd5e511a79092cf8ed9' }, h("slot", { key: '81735d40f3b7d946b63eabf42e7d4992dc857564', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (h("div", { key: '1a38fdc6e9800d3fa7179564be92c9a20cf7fe43', class: `tick` }, this.state !== 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#075DB2", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#CDD5DF", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
     }
     static get is() { return "gb-input-dropdown-menu-item"; }
     static get encapsulation() { return "shadow"; }