npm - globuswebcomponents - Versions diffs - 2.6.12 → 2.6.14 - Mend

globuswebcomponents 2.6.12 → 2.6.14

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 (397) 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: 'dc978b37c44018caa0173a058f0b132849e63d2a', class: `illustration_wrapper` }, h("svg", { key: '411f1a68b7d719f2bcd780621d6ddaa982b9e550', 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: '4f7a2d1215f507db713859ac8961902ba195206c', 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: '4bf744ae9144fe2584bdf9527352200223cf24d7', 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: 'b48677cf875007f901b36344c656a4ff0134b210', 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: 'a069fa571efeb8e85e14ad923015337a931a7b81', 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: 'faf3bb61b17c43567808cc9bd8e9b2a9f6caf5d6', 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: 'df59e109b112bf8b773550580a7bb5182d2d7fd2', 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: 'd80b6b9b6bf788b9b726db8c25b9ccdf71473fd2', class: "illustration_div" }, h("div", { key: '95ad230f5f0c268d9b40596509bb82d572818bd2', class: "illustration" }, this.illustrationStyle === 'cloud' && (h("svg", { key: '4c3604cf7c9e0c9400ddff20eb5e573b28a981a8', 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: '93f869eb45fb5519f62e3da6e581e140464a906d', filter: "url(#filter0_dd_7590_639)" }, h("path", { key: 'f06a5c646962af818ab1bf96938e6a94dfd31a11', 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: '1c1590ad34496521514d89451be50691c2d89387', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), h("circle", { key: '98d0ad56afa92216960046ebe23f469e3a62e349', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), h("circle", { key: '620b23105e4e806faecdb9974e931dd74dff7699', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), h("defs", { key: '72196cc967afa81b52ccc56379131d7914496146' }, h("filter", { key: '11a8584c71192da10493cfb06f4b6215e5b3b4ef', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '881d9bfe5030939936fb9f75f3facec945ddf718', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'f54f9827905ce0c348dbbc105dc8c97abb4a220b', 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: '4b35cca0022292a784d00733073762960fde38d2', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), h("feOffset", { key: '2130d59de38a3d51091c03f45f9acdda633e88b7', dy: "8" }), h("feGaussianBlur", { key: '6517248a447777ae82252d4de31a52b6944056d4', stdDeviation: "4" }), h("feColorMatrix", { key: 'e184539f9dd1a9ada47330c2b7c542bcced8c554', 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: 'db3809e5958daaeee455a5f4b1e21e075333b916', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), h("feColorMatrix", { key: 'a0b8c0c2d73a9fc291d6eecde233bd0ee83cf951', 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: 'ea741ee50f689a20a94597495267b8cedb112aeb', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), h("feOffset", { key: '01efb5cbfa951e1eb158aaed33871512ce569c39', dy: "20" }), h("feGaussianBlur", { key: '6c4021951b7ffa047a4139ddc815ddbaf9fa2873', stdDeviation: "12" }), h("feColorMatrix", { key: 'c6515cb9e646dff6343c7783f4b57cd725ca4f51', 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: '209183ed28d86ed5644321d9daf193c5f4d8c687', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), h("feBlend", { key: '0b1c882c432aa3aa2da753fca6dbc4e0b67f4e9d', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), h("linearGradient", { key: 'eed24719997755e4de435a85bed323bc85bc590f', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '9937a462a7c23a88c418e7cb52df8f92a558b544', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '58d2445b692acbb6e1c67294d8bf03d44057ff6b', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: 'c0e3985fbf0e9c73b9e7d9a62d847105ead63f32', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '66f5c9b95505d06d045b80993adbea93c3fac38c', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '986323e8acfe31a8b20606b06040edbc16cb47a5', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: 'dda22363cf58bb2614c862017933178cdbc11d2c', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '531599f867d0c4579c7b1c0cfd091c1da801fbc7', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '595d068aeb00a8bf247924bb4769494ae6885bc9', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (h("svg", { key: 'dfbc58d88a8832a80446d7285fff7034b0873eec', 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: 'a9e96d6b3a6a088268c11245bf97c9a71af1038f', filter: "url(#filter0_dd_7590_623)" }, h("path", { key: 'fba357a07fee3193873582a0a7ebeb2745c8dc2a', 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: '14aae38e92274760f174e9087bf6ec5724e9a848', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), h("path", { key: '2f171f0119e85f6ac946e22e7c4aaca78c60f1c4', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), h("path", { key: '9234e3faa54d050083716ef916ed024fff288e82', 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: 'a2174c7ae0e7c11842b0b4ef97cd79b3f27a99f0', 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: '521ad66a566b686cd5b0dda853c685a0227421ee' }, h("filter", { key: '6d3583593c6f821028258d876ce2294ae227e729', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '180d7afa32c087cf64b559c2f86767512ba4afa2', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'de63bc1bfb3c2091e916528cc7dae3a4a6c7f68d', 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: '26193136935749edd431317fa717a368b2e4d833', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), h("feOffset", { key: '6d50650285c36225e03cd1c1cfb762b6b45e0d1c', dy: "8" }), h("feGaussianBlur", { key: 'b4e0379e02c2f6ab49d1eef0cf2ab7e9fa1ffcb9', stdDeviation: "4" }), h("feColorMatrix", { key: 'e13e4de5e826915080f39d800252424e320ce435', 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: '40b94fe7a5800f1d67e5291faa242577a6c86512', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), h("feColorMatrix", { key: 'd85d603445a6dc71dfc43f39338fa46c6a106d52', 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: 'c5e264bda6bc87a5e0f3cd983795a1bd174ff586', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), h("feOffset", { key: '747e0b2d00f1e29eb0df530e74323814b6b0b8ad', dy: "20" }), h("feGaussianBlur", { key: '82292288751e13a7bdd6904d04a30062bbb90856', stdDeviation: "12" }), h("feColorMatrix", { key: 'a68acb91ca2384b5051f8b07a8b37c4dba518cbb', 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: '50e04e38a6de1b6823149610ad11b787d67308b1', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), h("feBlend", { key: '6613774c24e1eaa0b7eb739a0fbd0ab315ba4d06', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), h("linearGradient", { key: 'b9b050bf21f88ffa6806da336aa276f98430c0dd', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'd9a3e818e72ea26d608a9487891f2e6e61d14d9e', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'bf9fb83fc124cc857cc19de32237f7bdb5d342c9', offset: "1", "stop-color": `${this.color === 'primary'
+        return (h("div", { key: '2d94e95daddf87d020ca0910c817b3df932b4955', class: `illustration_wrapper` }, h("svg", { key: '1ea4282f92081251f573c805d543a42f4704d63a', 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: '018d7787208c632308f72929ed0f07388a871f79', 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: 'c5b8005fb0fab6670322472d0c4568ad244d00f5', 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: '86332b5fcfbb774fa391ac62715cdf36011adbdb', 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: 'ee93c540bab0dae74997bb06cba56c01aae10e89', 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: '064119538226e84bcb43fb34a2b24d7b8640746b', 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: '4efc7b72e19abac203427a868bfe0ec2138200bc', 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: '31c1ee33d8c226fca8916e399d8ee7c35bbd9381', class: "illustration_div" }, h("div", { key: 'ec935ccbf776822c0e526bb0b57683afff8c2dc1', class: "illustration" }, this.illustrationStyle === 'cloud' && (h("svg", { key: '299b112a5540ae74b5daf6d225cbece2d18c3035', 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: '5a8df5be1dd0fa7bb3f163582c9b8f892a1e5fc0', filter: "url(#filter0_dd_7590_639)" }, h("path", { key: '9e1bf2fe2d4402bc779c3a8c0eb85b38e724b2db', 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: '2b77b7011c157b0e644be1f3d75f42c9a948835f', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), h("circle", { key: 'd7dbb0834b76310ee72db8dc4e9500686fceb59c', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), h("circle", { key: '25c8bfbb92be7c8c8b67eeb65e9a3a9f3695f2e7', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), h("defs", { key: '535cd1d7ba03e931812bdba4404187d04876898a' }, h("filter", { key: '4fa09f46d5ddd8944e76e2c38359cf92b9c4b6ab', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'b2f0f038bb91f26217ba132d7bae3dbd86ea577a', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '500ec65daccc101bc9f36c91dba8c8677e38a1fa', 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: '577d56beca7b00c837b45d0be2878e210ded788f', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), h("feOffset", { key: 'e573ab1d54ca026056edd108cc6f9270388304da', dy: "8" }), h("feGaussianBlur", { key: '9de091b7f9e8445d1bf9b8b86dfddbdaaa79eaac', stdDeviation: "4" }), h("feColorMatrix", { key: '53199e7f3c1d9b57bb030d6c032e278842324a0d', 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: '1427a2be8a4adfeddbdd42c01288bbe43fbecdc7', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), h("feColorMatrix", { key: '4d35cef02f16b4eec169ac099c2e793e1aa06e1f', 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: 'cfdea9e8c4e11bb65d036d5feb7e3e1889b53c66', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), h("feOffset", { key: 'f1ad235c5a4e7408b13bb51d9e2f677938d5954f', dy: "20" }), h("feGaussianBlur", { key: '9d98c3ed869abc39c0c4596f33f66b7db8eec4c7', stdDeviation: "12" }), h("feColorMatrix", { key: '6dc6c881491d5161d71966ce127fc631aff4bed5', 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: '7730ddad1af8d750582238fbd0799119cecf5489', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), h("feBlend", { key: 'fa9a421a91d575760ad0f007d5222ccfa0badd4b', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), h("linearGradient", { key: 'f3bb60df398257f2cb0369f8ddce17d0595ecdef', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '83698048ee3b2956d0569de90594127e00704f1b', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '7e7c5016d76aea40012ae685ab679cdd444fe4b8', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '1a6ee27b486a130e542a6be9f0d4652c02fc7312', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'ce868978d7670e519cc8574e9c3460511dcb628d', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'c8cd28a0e2d72ce66755e0e627c1e9c4cd7d4667', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '9b5f6cd5bec7c9e4ea6348b483e71e3d8bcdf66b', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '8399012edc65629c2d702564d3ddf0a8853fe303', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '4113e39e15f543dab2beda060c3648bb02e58710', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (h("svg", { key: '32e08c7fd776f69fe55e78548b5083b1b9a59ec6', 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: '5c7601ea1a409903161434dd12a4b46294f94e24', filter: "url(#filter0_dd_7590_623)" }, h("path", { key: '28024e94ed91d67cf14b6fe34c2c5dfb4b63d4aa', 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: '7fd3b716a6fc9c8f3e3337b62270e24b21cf188c', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), h("path", { key: '30a88ddfb6712d8a518b61d9ec8cc22eda0cd75f', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), h("path", { key: '6141ff70de7aaecf353e88ccb44908eb6c44250a', 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: '65086554c73fc6b464a56074ecc0022d5a2cf84d', 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: '2fa97eb381985d51871b8a797292268cf1f7fb9c' }, h("filter", { key: '29e1a051cd85acf1686e3a1f26888f9628d2852b', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '1e1c1649d7820ba873c9e68a28c4aed3bfc70ecd', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '7b0e9a177d2f03f9e4c58d15a3a9cb864c335d41', 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: 'd6a9c1d324e7c539163f03e1cbbf4728af6ebeae', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), h("feOffset", { key: '23c54c6e298152cb911211dde560a90ffd3bd416', dy: "8" }), h("feGaussianBlur", { key: '9bb532e88f9369f65fa7138d2331fb06842e1888', stdDeviation: "4" }), h("feColorMatrix", { key: 'db6ca257678f38d9fb7d3a91fd38a23c2c76ba8f', 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: 'aa13aff068bf8908f8fa8bebf3f9172960a05776', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), h("feColorMatrix", { key: '44faa9cf0f54c882c3f34d66942858badba73814', 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: '26190835a039b6a57b6ffe4456ebf1a34811f71c', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), h("feOffset", { key: '5df5393204bb4d2bf576d77341533e0f5448b17a', dy: "20" }), h("feGaussianBlur", { key: 'a0efd45d6684100d1d80a6c3c0f63a2c4434f26b', stdDeviation: "12" }), h("feColorMatrix", { key: '50ae8b1851c1a6525b1b3adc37dee3c11fa74f7d', 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: 'dcc91757ac4e35ca545cc4de82c1fd03a3003ec5', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), h("feBlend", { key: '42ebcc9683f2dd9d51095f9be848d90ec92cd727', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), h("linearGradient", { key: '44584d3a162fe6477ae0bf3081fc5b5c44cf8744', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '44605278f4fed8e3af061c4ae03688efca34eff5', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '29034b15658862bc4159f48bb1ef8b6096da63d7', 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: 'f88c57e39d7d19e5ed46a23689c2219d9ddacd89', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'b39b0fc29d71f6ab9896c71a0bae4cfd92da750c', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '459888b9000791e9399689d5bd7337c9019c1654', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), h("linearGradient", { key: 'd4c170902ea8bc606985a5d001082de8d5f5e693', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '57cd40f4e77777e46d55515c82a834d05cb7582d', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'f6c29d3057b50a113977f720fa15aa7be4030ec1', 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: 'fc922ec01f82829787056a9f63ad19453746a823', 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: '699cec879987ec1c3c94b79159c403a6ef535068', filter: "url(#filter0_dd_7590_657)" }, h("path", { key: '769f5bbdaedef20b25368c7e02dc4f952dd6d51c', 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: '3ef10db9cbd498c2a8775ca44e0b50b907c294e3', 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: 'a8a1c4f756f2acbfe41f84de01582d7e67527416', filter: "url(#filter1_dd_7590_657)" }, h("path", { key: '35720e4dc28dc16db256088b6091d80be4f1e505', 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: '353f6be2d56c910c58ec98248146320817d28ce6', 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: '4730d0680f81de658d4169d91324c8bae62c79af', filter: "url(#filter2_dd_7590_657)" }, h("path", { key: '3b2db0d21e2a4452952b90327bf87213ff0d703a', 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: '91d7105e114e119c6390b241e61743f92c20747a', 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: '308679135105b1db507bacae361b44d594cdd2ba' }, h("filter", { key: '867aa396a8b31e63c7d2fc3bd92642b7fb0798bd', 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: 'a00cabea8d591643e37696253647c96dc5abf6c1', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'f6b62d1d1aad2db48f1e37fd1dd5b03392d449ba', 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: 'fc79f6a9fc5fc48244c5487662df17b4ecd78368', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: 'be2eee42ec76e6b7381c8722c63aae2937d460c6', dy: "8" }), h("feGaussianBlur", { key: '1f22a1a43505dbe1264075afc03858352f2f417a', stdDeviation: "4" }), h("feColorMatrix", { key: '15fc0ec6d9b9e83c90224c0526e94576c882168b', 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: 'bfbcb17a6e9e5dd23852b43982ddcc8cb74c4392', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '46bf71b7e0b65732b923281808314404c31ffb4f', 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: 'f6e7c9ba7c2931a0d0935e8b5b0b6e4423585182', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '507355e15e85bcb811489af6f213e17da079012a', dy: "20" }), h("feGaussianBlur", { key: '624dab30ad343a828a9d52911f628da2da2a821b', stdDeviation: "12" }), h("feColorMatrix", { key: '3b6052c88e04b606a30dad00f026b532af22bf04', 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: 'f4c30f10ab0125cdddb7dde6b14dd14a6b014d71', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'd24c7a20cb0821f8caf0cb8fd79d16adb0e77d45', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '8e96c7f86bd4cb89591ce29c03277036804283de', 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: '44a6475a23e41428ebf01049fb2f9f50cf7d7117', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '8fc10ae77236591163f5809f447d3c194d760e6a', 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: '48b993dad41d6f12aff0e0ec3a9ef4b0099d57a9', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '893ebe9353d405251f0b51887e151dbaf2e8ad4c', dy: "8" }), h("feGaussianBlur", { key: 'e104414d521d2f41188e6dc31fb57187519663f9', stdDeviation: "4" }), h("feColorMatrix", { key: 'c6383b197a7f6c9e597be999a78518623cdac3ce', 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: 'a225e907b7e2c70617060b137a4d19a3bdb9e21d', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '3679e79478bf708b2dd806fe47b8c83ffbe33b88', 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: '7806a74a129bfc868d0a1ba0d7a04a9899e60d13', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '2bb9cfe5216db003eb899cd98670dcb2033a9340', dy: "20" }), h("feGaussianBlur", { key: '172cdd99e2519a9183855245a453c970fca7f170', stdDeviation: "12" }), h("feColorMatrix", { key: '5d6f654c7dac99d2a8c152e0147c6d5eff65ee49', 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: '8fe981f006ef47b6ea9074c0a87006e4cb9d418c', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '03d25008396183381cbb1422d4fb07dd66ae80a1', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '77b8300347c376855be4840559952a5ea8fa6385', 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: 'ce114a1a786cd906fe5474782be691a412f9ff25', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'e3e4b2b4197485cda09179945817ec1108352b06', 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: '7d600297531299a3a2fdc036def1bb7ac460218b', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '15a143dbd9cd7d8c81af275434e9b48ea0e71e14', dy: "8" }), h("feGaussianBlur", { key: 'd8dc10b194d2b2abf58f33db1b649631043418e6', stdDeviation: "4" }), h("feColorMatrix", { key: 'a2750f241b28c1df51a7a26e88f61de6258c8b73', 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: '6ef53bc5c9019b41bb4d4da17a9b1dee4322bb72', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '9b795e4d6b392615b375067a84b306b13581ed43', 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: '265e5832c3412ca5adab5137eead41c55aec343b', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '9937ebff32f19618b122a6b8ed34566fd7b58f3c', dy: "20" }), h("feGaussianBlur", { key: '49d7ebdc7ce308f7512594155baafc8aa6a90424', stdDeviation: "12" }), h("feColorMatrix", { key: 'f0e29e464ab035183af2bc7d0b67b96891e74f1c', 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: '88119602bfe85c0b8fa48f70f9e1b4bf9c9756dd', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '4ea748921f91fef879d70fb9d199b836fea4ad43', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("linearGradient", { key: 'af7c915562606574c8f1239904175d33c30d0c1a', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '4269a3974d427e04fe1c649ac895c7708ca13437', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '2da1540df2e53dd8290d8239bd76879f0836b6c5', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` }))))), this.illustrationStyle === 'documents' && (h("svg", { key: 'ed043e6c2d3ab443f7541be45793904f273eca91', 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: '951051ad8a9b78d4e552c893445f3dc14999aa79', filter: "url(#filter0_dd_7590_657)" }, h("path", { key: 'ccb6daf419c9eefbb44803f122d9f8684063c83e', 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: '56222d62109bba69bc64d30b9635a39a1676d688', 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: '6d1d6cafcce444e4c8dd9681bb08d2eacec3e972', filter: "url(#filter1_dd_7590_657)" }, h("path", { key: '065cba22403487923f73beb237809ffd08a80c22', 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: 'cad02375b838660e4542384b8a15599d6a9a3cc0', 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: 'e22475baf217dad2541257c604861fff9eb81e6a', filter: "url(#filter2_dd_7590_657)" }, h("path", { key: '03d6e3a21d5f4c3eb37f3380fb09dd8640cb5573', 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: '69c191caed4f4f0395e1a9f75bd54ef244ae30a6', 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: 'dcba83859edd097461cf2b838e7629742868e65a' }, h("filter", { key: '455b49160bc8d1a5af3cf9303ce9630912ac9cac', 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: 'dc370d2e6c3f408c3f0afefa0f845b9616a59aa2', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'bb90484523880d40866cb6b6333c39307067d869', 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: 'c10b1da9811c2b766fd04d43b62eefb1b691f4b0', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: 'c0c686a87de9058e3bac58ca7aaaa5b5f817bc8f', dy: "8" }), h("feGaussianBlur", { key: '69d4c935413433b015235301e236001547c2a382', stdDeviation: "4" }), h("feColorMatrix", { key: '051e594f7b5365a56b93ef87a30b667fac53eb81', 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: '8d2e9bc1431d0f692bf6f03ada7c020dde07671e', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '519ad1bdc93494a813654fd264f29954692ef4e2', 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: '32f389a4eb3055d759488818e77a3ec91cd177e6', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: 'f25da84bb960833b7ca6b8c709c612d03268a126', dy: "20" }), h("feGaussianBlur", { key: '3c680acb920e2c1f4b194d86c9406b1d97ad18db', stdDeviation: "12" }), h("feColorMatrix", { key: 'a536b459d409e436b6bd157b373dffe958ec171b', 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: 'dad4a7fc69bb42b53365a3fa15cf6a1b9f2f1737', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'c3b1f9ad4ad33f1bfad7c2c1450c8b5cd66a1e58', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '7d6a9e0a747e0ab783bb8e2e50d81f2c0fc54614', 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: 'bcd6273d8b517a8df7f563130d02c6f221b6d6c3', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'aa2e80593f36d3dcbae5c2e6eabbf48d6f4a2dd1', 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: '83d289986abd5178d3231b600ef96c5e73ec1b16', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '984162c54d410af290de45589664bfac62b451d1', dy: "8" }), h("feGaussianBlur", { key: 'dcc5e88f7856e54340397f9ff80246e7d1549f85', stdDeviation: "4" }), h("feColorMatrix", { key: 'b8871c6408817e6a8504b6991e7342a21dc20d81', 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: '1e0377b2dae222c4c6ed5056564d8d67648db489', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: 'abf43b1ab3be0e41334dec3f15c18ebe9b3eaa41', 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: '9a907e722ec7c21a7ad03fb03779c6396b3caf3c', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '51a111133c3f53d72867749dd2b02f991c8f91ea', dy: "20" }), h("feGaussianBlur", { key: '72a76fc9deb833e3644284a7b96075f859ce8197', stdDeviation: "12" }), h("feColorMatrix", { key: '183050f29ed2aaeac474e23d611881d56956410f', 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: 'a32ffebd47c5759a5905e04024b3c006c9b167e3', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'a55d39ed463872f4dbdb5ebf22a9f2c692997f66', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '9054aba05651d800d9e365f3f359b6b0fa52d3a1', 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: 'd7a2af5a3782f1f23965774eb8bf06f6e9788e12', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '48da740021e3c58b99b95b2818a739ab1761ced2', 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: '33273b494600fd904427dfe08db54ac571ef24b6', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '457ff1f85a97d2844cdbb0197aff0fc74f28fa37', dy: "8" }), h("feGaussianBlur", { key: 'e3087fd813e875f6e4da3a684b855217abdf3b23', stdDeviation: "4" }), h("feColorMatrix", { key: '014830c594ddcb7cf2a46c3dd71c9c57f53436d8', 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: 'c836d98976574e14fab9eb8e248b2a44f0407a45', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '227d33c5bfb293a91a80a5514ff7c3b61094ba03', 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: 'da6d220f076cd00a11a99870568b9dfd5d367846', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '9d2f34e87695637bcf3c13251d1931d8ef29b29e', dy: "20" }), h("feGaussianBlur", { key: 'd6f11bc40ccd92386d05472178c7fd4dd93e69e8', stdDeviation: "12" }), h("feColorMatrix", { key: 'b51ba0ef44830b4aa57c2fdbae4163727e9971e6', 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: 'dc065a747a5a48c0364e5f676a53ea6658b8a7d5', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '4529380d87327f3ed9e5ef84138607039e416098', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("linearGradient", { key: 'cdbda7e15b2b74a0492b385f05f115f923c621da', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '485cbbfc8d23a60543f6b7fbdda495e00fd6e8fe', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '15348a54b69c413ebdcc35d5c9ffeaca5ac91376', 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: '7c30fe90ef1e32eb56162cbffe2b8beb20bfeb47', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '49dd7d5512b418149195bdea3dd2c3f298e267b7', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: 'b74bf9269f5a4bb701518b0ebf69ab6b975e3b9e', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), h("linearGradient", { key: '2b59191ed186d5b5c86673bf354d5c572ad269f4', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '3dbc7f2d3b0070ebb31b65ff247feea22665357d', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: 'abb11e517faa7bec392e243f15320c9911999bd9', 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: 'ca874faba1aa32ff8a1267d783dc95ffd2d93384', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'bfaaad57d0de6f088ebc7d232383c24205268eee', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: 'e89e14d676949ee0df132a0e5e1a10488b8647bf', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), h("linearGradient", { key: '8a06b9c574abf8029f3ba4a12d63d6fe9bd1e239', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '79fe3ea928acfbafad9f6925ca7de5f5d2365bdf', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '28a42e2bf1612c071b00f54ba48885e89de2ca5b', 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: 'ecb95de97cad3495484e6d96c511013933373327', 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: '5a0d133cd2b073ead1e82af3d6655f667977227e', filter: "url(#filter0_dd_7590_677)" }, h("rect", { key: 'dfe2dc066e6005e51ca0e31550b705eb029a4330', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), h("rect", { key: '83eea39099f50a7ab2f09f493919ea48d6ea97d2', 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: '77be5eeeb8e4b9e533124211cc8c6f05dc13f591', 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: '97ec04682b5e687b3e8a8d495894978a24260502', cx: "145.325", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary'
+                    : ''}` }))))), this.illustrationStyle === 'credit_card' && (h("svg", { key: 'fd0675e864d465b221ba62c043f38c3d873c5b95', 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: '7830d946fb864e4400b2e91ff050c6d09e2d3247', filter: "url(#filter0_dd_7590_677)" }, h("rect", { key: 'c15d4932c01558e2b56aae335ba209c95738a040', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), h("rect", { key: '023edf0754e28f9666bd64d64f7550d4d7360384', 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: 'a655578fd2c60cfafe709a2070f9a31d0e176f6b', 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: '3986cde192bb16fde3985b07a792aa258e284148', 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: '3c8f1cba308d83abe77ffc2e5ea5477e00b7a1a1', 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: 'b74370c1d4bcc01f2756aa9a16f2501bc1e36a4b', 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: '30b913f8c5199fa07c94f1687b3eea5540f7f3b3', 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: '45109aa56fcfdfb1119a50626803689fd3664e9c', 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: '019d9d7d3052103ef04492d44928abd74c886a54' }, h("filter", { key: 'd39c4e316416edcc98ee1022f9fa2af90399e5d1', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '3abcc24f9a20e8ae916d41fdea39d9770ce8ec44', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '7903d6b29eb9fe07fe9524155e4505675bce8fc9', 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: 'a79a00696e36f558fc520d6b71a54139bf6f48e6', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), h("feOffset", { key: 'f3756bc3684e9d61097935c3c0aef0427213465a', dy: "8" }), h("feGaussianBlur", { key: '57040c2caee3d8d52aaf757c9548d0a9d7f68a65', stdDeviation: "4" }), h("feColorMatrix", { key: '3390b7c106fa3f5f35f4bf03d57b17043d8e1840', 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: 'a14fb12005ad31f0dd4c2ce800a727b837bf9a54', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), h("feColorMatrix", { key: '496e3f4e34b167fcbbbee9c0b4b6554d43e49b69', 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: 'c9dde2a584d301ec1907ac8bc5bbd7dbebf61ea5', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), h("feOffset", { key: '880aaf9896608c4be423f17a44cac703ffb3d0c0', dy: "20" }), h("feGaussianBlur", { key: '3dcb02a93583c72eaf02f26abcb56b3f107f5866', stdDeviation: "12" }), h("feColorMatrix", { key: 'e93bb684a295b5a401dd2ee2f1204823e695a623', 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: '9904bc0dfb21b4f893a0a72870d211a748ca3023', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), h("feBlend", { key: '7b1e3dd6cf67a50e8e034c4f47d0f7c39ffa149a', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), h("linearGradient", { key: '1d30e3da8f1832b91f4912e004b0484d7c1d8b04', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '7c56fa6aac45b8ead8098688b347df62f1d5b9ff', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), h("stop", { key: 'a0aac3b9349c1b785c59c37682c2ab9b9b3b76cc', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` }), h("path", { key: '594507e606861e79e1b19f5ba312b37fa4b2b1e2', 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: '0ee71ad3035192074d53405757bd8d2f01723d67', 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: '8214232ebe0f44df26e51088242027c1411afa8a', 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: '5ee5c2ed152f5f998512f53dc5d471fa6bf1ffea', 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: 'dc0172727e7c2130d48d34d3bc5ee18d7b0562c2' }, h("filter", { key: '317156c6ef6f47c2104a735edf4290c10b0a7d22', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'e4ad31575ee7c69e1f2e07657531a7bf61c4e843', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '805e0895c6229dd6094af53f414dde8bc1122a8f', 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: '6265c910126bd7208ab283239c9939377abbf3e1', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), h("feOffset", { key: 'd80863595312c0250a8825940aff49cce5892013', dy: "8" }), h("feGaussianBlur", { key: '99ff174bf7f7b13e97a77aeae105f3f30d3420ac', stdDeviation: "4" }), h("feColorMatrix", { key: '4511c8f9cb7f616ce4c9f6bb109f3dab0637db69', 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: '5c81a249decc1eb5e1048c4cb00146cab8b9aa98', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), h("feColorMatrix", { key: '6415b25e449c96788897eab02debc3915e3eeacb', 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: '3be18df1e0dd22f7c62d99de75707e558d1f02d6', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), h("feOffset", { key: 'a07b66cdc8f5cfebcd396556d0097ccb6d11ea64', dy: "20" }), h("feGaussianBlur", { key: '8d2ff8864f048b29f9310b1c28ce8897d9d1279e', stdDeviation: "12" }), h("feColorMatrix", { key: 'b01d3dbad4fd7400034630eb35651a1f8f7f62c8', 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: '96f9962b1c8b46ca0e91447b835221d036b6144f', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), h("feBlend", { key: 'e9321374ff38c329cb55cbcc0ab70a5ce0deb9b5', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), h("linearGradient", { key: '96381921f229ce10888479ae81f926634dce5f89', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'f4c74466a149c39a7db081343410115ed7c3252b', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), h("stop", { key: 'ccfcdc624a35387dd52b5f47eec2d3a3ee2de12e', 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: 'ac9cf7d7535b9fb093d8673a3f55f1c130abce27', class: `icon_div ${this.color} ${this.size}` }, h("div", { key: 'e621da36242e0a870254327a8771b49ebc7875d6', class: `icon ${this.size}`, innerHTML: this.leadingIconSvg })))));
+                    : ''}` })))))), h("div", { key: '5df111bdcd4baea470904ffa8c0447c027223ea5', class: `icon_div ${this.color} ${this.size}` }, h("div", { key: '26fa6a49cd60a89c52a14aa0be60d0db8c131f55', 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

@@ -362,16 +362,16 @@ export class GbInputDropdown {
         const emptyStateBackground = getAssetPath('assets/empty-state-background.svg');
         const illustration = getAssetPath('assets/empty-state-no-data.svg');
         return [
-            h("div", { key: '6257e837f32dd9021307a8989432f1c3dbfd3978', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, h("div", { key: '6f00c76e6edf4bbbaef70b6e5b9f4b976274ea3f', 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: '071e25ceec1b34deb07cc26fa1e5e77807689e0f', 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 === 'avatar_leading' && (h(Fragment, null, this.state === 'default' && (h("svg", { key: '90ee2eec050d4160a1d137840b7a0256c8d0f8a6', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '701716d103a76d05e55c5f1dc357715b751e2e0e', 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: "#4B5565", "stroke-width": "1.66667" }), h("path", { key: 'e3276e53625f9b744ca1d74c84699d3fcf729744', 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: "#4B5565", "stroke-width": "1.66667" }))), this.state === 'filled' && (h("gb-avatar", { key: 'a27f872df9786dda5d68809f637ac7712749a7ed', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (h(Fragment, null, typeof item === 'object' ? (h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase()))) : (h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase())))))))))), 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: 'dedbabe520ac79d2b9972af960f63dd7c5095356', 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: '1f364544911d0d7891ddad34e259f70c1a8b7c86', 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: 'a47d9f20951140dc2f2b6c7fdbf90018c0bec6ea', class: "placeholder" }, h("p", { key: '498f66e7c6fb3b66d6a5cebc1f8055ba3dba21ff', class: `text-${this.size}-regular`, style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'default' && this.type === 'search' && (h("div", { key: '78ba4a6183f251a62978e245d049246daa5bbb54', class: "search_input" }, h("input", { key: 'e3a8a5005cbdb936872624ada1f421cdb59241ac', type: "text", placeholder: this.placeholder, class: `text-${this.size}-regular`, ref: el => (this.inputRef = el), onInput: this.emitInputValueToUseForSearch.bind(this) }), this.showCloseButton && (h("gb-button", { key: '435e3763b2c9aa1f532924678257a9da6c396067', 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: 'b11d2d2cbd8d70d3f3138f8edb43e68c394ea2a1', 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 : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
+            h("div", { key: 'b74341745d537b75b7836941d2f3ee0a34fab4f6', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, h("div", { key: '9ee58e3818ced0e2054afacf314c33a75a75aa3d', 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: 'daf796e5534c384598f7035051e2ea57797568e4', 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 === 'avatar_leading' && (h(Fragment, null, this.state === 'default' && (h("svg", { key: '1eb08b60feab33adb5011247da08e4812f8f5524', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'da05b6ed16b6e1c96c16f768340c732c9420534a', 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: "#4B5565", "stroke-width": "1.66667" }), h("path", { key: 'df5a13ad47cd6b63e1ac6899c51312fa2c159ecf', 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: "#4B5565", "stroke-width": "1.66667" }))), this.state === 'filled' && (h("gb-avatar", { key: '2aeac590f47bbecd5269c8deaa79b3dca3c1266f', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (h(Fragment, null, typeof item === 'object' ? (h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase()))) : (h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase())))))))))), 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: '644910632724a2d4f5a45f8620e42c4bca77205b', 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: '880a88ed5bc34d40f0e359506267658b0fe0519a', 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: '42f40eee7ef35ff28e0f91cce8626c67659c9781', class: "placeholder" }, h("p", { key: 'b2df9fc1e1767480a48c098a27e1866d4bb2bc1e', class: `text-${this.size}-regular`, style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'default' && this.type === 'search' && (h("div", { key: 'a143edb7d32f4141ab2387f5291d2be7223cd407', class: "search_input" }, h("input", { key: '57454e370344732e79439b5cddf2936c43f585f8', type: "text", placeholder: this.placeholder, class: `text-${this.size}-regular`, ref: el => (this.inputRef = el), onInput: this.emitInputValueToUseForSearch.bind(this) }), this.showCloseButton && (h("gb-button", { key: 'f6903df32070b867d058b87698dbfd16a2458b3d', 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: '3fc1ba674a4630d5caa1695e9d32481591882874', 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 : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .split(' ')
                 .map(part => part.charAt(0).toUpperCase())
                 .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item))))))) : (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 : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .split(' ')
                 .map(part => part.charAt(0).toUpperCase())
-                .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h("p", { class: `selected_text text-${this.size}-regular` }, this.value.length === 0 ? ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.name) || this.selectedItem : h(Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item))))), this.supportingText && (h("div", { key: 'b3dff267c02af5c475f009dd16ab8799dc3f97f9', class: `supporting_text text-${this.size}-regular`, style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.selectedItem.username) : h(Fragment, null, this.value.map(item => typeof item === 'object' && item.username))))))))), this.state === 'disabled' && (h(Fragment, null, h("div", { key: 'f113553bed160f497fa5366c1c409f4b83077f4a', class: `content` }, h("div", { key: '750f5b590c547c4f548a29fca824545de4b7161c', 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 : 'avatar', action: "X_close" }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
+                .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h("p", { class: `selected_text text-${this.size}-regular` }, this.value.length === 0 ? ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.name) || this.selectedItem : h(Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item))))), this.supportingText && (h("div", { key: 'c55fa98d3cb18ee0c291d93b446ed5763d2dcace', class: `supporting_text text-${this.size}-regular`, style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.selectedItem.username) : h(Fragment, null, this.value.map(item => typeof item === 'object' && item.username))))))))), this.state === 'disabled' && (h(Fragment, null, h("div", { key: 'f2f7a07d178032db135804aea2de517775ccbe6d', class: `content` }, h("div", { key: '738baf2a61373455ee34f99b5dc3dc165fb2a33b', 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 : 'avatar', action: "X_close" }, h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .split(' ')
                 .map(part => part.charAt(0).toUpperCase())
-                .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, h("p", { class: "text-xs-medium" }, item))))))) : (h(Fragment, null, h(Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (h("div", { key: '7fd9564d70811969a10a5525d64ec2048ae722a2', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.selectedItem.username) : h(Fragment, null, this.value.map(item => typeof item === 'object' && h(Fragment, null, item.username))))))))))), this.showHelpIcon && (h("div", { key: '5060e4bffc1192c19c81e432f78f76e5b9f3ed88', class: `help_icon` }, h("gb-help-tooltip", { key: 'ca592cfed2b0bb39bccf4380242b7aba8b37350c', "show-supporting-text": true }, h("slot", { key: '6f4f5a086c833dd9ffa07a92d0180cd7a047d8d9', name: "tooltip_label", slot: "label" }), h("slot", { key: 'ac972c6608a275a03043ed8962d9f71a44abede9', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: '5437266491fe4a5e905df96decab55cb6dd04dc5', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: 'dce4ab4b1a2b43fdcd85d24646fcb955c48544ba', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: 'c4ff8e3f4ad88dafe1e248c43142571370e1abae', 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("div", { key: 'f8a17bd2cb99a2406dc1cde4e98639059841bbf8', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (h("div", { key: 'c735a6ea454e9115470e4ae25d3c74ebc7290684', class: "dropdown_search_field" }, h("gb-input-field", { key: '6e03450046fca97b9f363f029d93b7ef7687c574', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: this.placeholder, type: "icon_leading", labelText: "label", idOfInput: "3", onInputValueChanged: this.searchItemsInDropdownMenu.bind(this) }))), this.loading && (h("div", { key: '6bfad2dcef191e1bf5c0ad0ca77b9242f6ddf0d5', class: "loader_div" }, h("div", { key: 'ffea71ca3925146a1c267b1c36336e59ed1f2db0', 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, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, item.username))) : (h("p", { slot: "name" }, item))))))) : this.searchItem !== '' && this.searchResults.length === 0 ? (
+                .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, h("p", { class: "text-xs-medium" }, item))))))) : (h(Fragment, null, h(Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (h("div", { key: 'a776ee56a1b02bdf63920bddc6b2636833981e44', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (h(Fragment, null, this.value.length === 0 ? h(Fragment, null, this.selectedItem.username) : h(Fragment, null, this.value.map(item => typeof item === 'object' && h(Fragment, null, item.username))))))))))), this.showHelpIcon && (h("div", { key: '8483c67061fcb15530ea06e9eb279d05252ed417', class: `help_icon` }, h("gb-help-tooltip", { key: '611fa64ca96a9c997c0694ee9d1ad31d9a629f5e', "show-supporting-text": true }, h("slot", { key: 'd2600642f5d8ecb83b2f9de2531b91b46c6dd323', name: "tooltip_label", slot: "label" }), h("slot", { key: 'cc875e4fe2ba830cee17e97592633ed02eff703d', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: 'd16256dbe0939546ea37dca3f55495f6596d8e68', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: 'c0e633fa5803f37f9a7d82debb41707383559e09', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: 'ef843afdbd64541912e2fad10e70d88355c15505', 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("div", { key: 'd082f528ae1d8a1e884e3eda428830701ceb9bd6', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (h("div", { key: '5f85534e76ce33d9e75693478aaab066203e624f', class: "dropdown_search_field" }, h("gb-input-field", { key: '278f55611026120604533361e9cec9d7f49666f0', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: this.placeholder, type: "icon_leading", labelText: "label", idOfInput: "3", onInputValueChanged: this.searchItemsInDropdownMenu.bind(this) }))), this.loading && (h("div", { key: 'd9bf701b758e61f95d27870a0b7ebd7fecb839b8', class: "loader_div" }, h("div", { key: 'b782f32d1eaf9689c2532ce3969f01f7ec9d4531', 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, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, item.username))) : (h("p", { slot: "name" }, 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) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, item.username), h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase())))) : (h(Fragment, null, h("p", { slot: "name" }, item), h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase()))))))), 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) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("p", { slot: "supporting_text" }, item.username))) : (h("p", { slot: "name" }, 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, state: StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), color: this.color, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (h(Fragment, null, h("p", { slot: "name" }, item.name), h("h1", { slot: "initials" }, item.name

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

@@ -48,13 +48,13 @@ export class GbInputDropdownMenuItem {
     render() {
         return (
         // <div class="dropdown-container" onClick={() => (this.selected = !this.selected)}>
-        h("div", { key: '2b915257aa8872d20cfc0a55dae9e2704e473a23', class: "dropdown-container", onClick: () => this.handleClick() }, h("div", { key: 'fef01cef0525964325a16ccc18d5359c2e843be5', class: {
+        h("div", { key: '9565bff7c3d6d4c10c7305c471126466e680ea34', class: "dropdown-container", onClick: () => this.handleClick() }, h("div", { key: '9b1f3eafaf44eefb52547b8e07837548da67e6cf', 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: 'c532ca19b76243d9ccf83196c79ad2b1dc743f09', class: "content" }, this.type === 'icon_leading' && this.iconLeading && h("div", { key: '3aad2693399e10d6c923dc3f875e8aec863bcdc5', class: `icon_leading ${this.state}`, innerHTML: this.leadingIconSvg }), this.type === 'avatar_leading' && (h("gb-avatar", { key: 'cf891b33f095d9e8f9c9cfe3b6088f0d016c2a27', class: "avatar-icon", size: "xs", color: this.color, text: true }, h("slot", { key: '6c16f1b5b23558f1f8f9543bda5ee467bb7a11bb', 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: 'b4ba46c00e73a8f34e47b733c7fa4c51751e2b65', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), h("slot", { key: 'dc2040878292577d7fdbba3d21a733d9e46f967c', name: "name" }), this.supportingText && (h("span", { key: 'ee7913ba1e31129bbab3d463a23de1a289d99e92' }, h("slot", { key: 'f9a30e40e53c2d87a6a8f6a5b9de411e922f526d', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (h("div", { key: '713330098405212c67e0dc10f3fae212c7dde94a', 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: '587d1ea535ffab847f8f3c0fb5858f268aa280c3', class: "content" }, this.type === 'icon_leading' && this.iconLeading && h("div", { key: '8bae6933c235cf698bb8654e0225da3af0c3df91', class: `icon_leading ${this.state}`, innerHTML: this.leadingIconSvg }), this.type === 'avatar_leading' && (h("gb-avatar", { key: '43eeb2eaca54aa850b2ded14724b560f1c4a26bd', class: "avatar-icon", size: "xs", color: this.color, text: true }, h("slot", { key: 'd4199d8f92a6ec533f93bd1bcafc2f142910ac33', 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: 'bc3777887be835b44ce452c43336db096b3ac969', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), h("slot", { key: '6875247eccb5286c8b0475c40c635195140d28e3', name: "name" }), this.supportingText && (h("span", { key: 'eb48bcea5208050d038130d5f2e73b55ea423661' }, h("slot", { key: '4b1eb1aa8ed42f1ce9871f99a5c0bf72f6fa17af', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (h("div", { key: '9c434782e7ae849e18af12546926265c87ca1cba', 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"; }