npm - globuswebcomponents - Versions diffs - 2.6.8 → 2.6.10 - Mend

globuswebcomponents 2.6.8 → 2.6.10

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 (434) 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: '23694d51ec8198cf05bf75ffa8df54e8a63a7b1f', class: `illustration_wrapper` }, h("svg", { key: '3f1c4f06154127986e0421e4ca6749ba78b7170e', 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: 'f45813d21caea35f1a68dac9d344ec827eb93cba', 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: '2a65d1e16a0a53a8dcd8cdd549635b1afdbfc589', 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: '8946d1b06ca05ae820a3b17f298c3814159ced4a', 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: '9f786b5155544b048bff620e30cf417bc1f82ff1', 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: 'f70a1845419c6eb1430ea5fac27f4ec14f679126', 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: '4425c197fa3ac2efcdef81a014b4bcd5f7291622', 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: '526fce6f822e23384f4c7a447c24f3226a6f1701', class: "illustration_div" }, h("div", { key: 'bdab5ab61d709093c63546cd17adf68c52df671a', class: "illustration" }, this.illustrationStyle === 'cloud' && (h("svg", { key: '43ab0092b35564033c7944d37d35844b7140f507', 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: 'a9974145ab120dde69979c6f7b3a6124bff1394a', filter: "url(#filter0_dd_7590_639)" }, h("path", { key: '308ab8d203deb33d9ba9a64013d73b2ea17cb5ae', 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: '2cabf169ea8cc23aa533c297b40462ae613d14bc', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), h("circle", { key: '163313ce336eaac118d82fe766ffa768f213ac1f', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), h("circle", { key: '8bc96c5a6eec8ad1bd138e07f213fd80efd51f84', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), h("defs", { key: 'f5dceaa0de98428c89cbe4f05d4f8349e988845e' }, h("filter", { key: '3e453d069d2cba8001b57283cf77aa47a5f256f1', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'd65d6a63bd0e732858818b831dc4bd38474df053', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '473df58925cc18f412b4efbd8b43cd03dccd9e7d', 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: 'bfeb0181c638822eec351cb8ba1a405b95957a04', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), h("feOffset", { key: 'c15a0bd9fd6599b9ec0b41991a0496bcc5f2b70d', dy: "8" }), h("feGaussianBlur", { key: '194300a9c1c5c78a8f250f0729749f65afd624f4', stdDeviation: "4" }), h("feColorMatrix", { key: 'f36d1fe8f0af74da9d064071c13f7bb67ff886c1', 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: 'f5b19f63f231923781d80e1017f37f64149658d1', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), h("feColorMatrix", { key: '2efec2d3eb4583f4e6c5b4c7f0e232f7800a943b', 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: 'e0d940af30c4186a7db69f1964e54d5f88e00184', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), h("feOffset", { key: '9b8e32fe161acbce288336651081a194dd1b8a86', dy: "20" }), h("feGaussianBlur", { key: '813e381ae163be499b37d393d1a43b26f5fb3e67', stdDeviation: "12" }), h("feColorMatrix", { key: 'c0b3c678fbd2111421dd2fd11c4d196f1d936533', 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: '3fded23352cd2a1d9f665510fe2688f49148d249', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), h("feBlend", { key: '52dc1246e3d1de3ac9ee9d3a346cbe72b52b7bde', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), h("linearGradient", { key: 'ae5cde9827535f88a8ef965c1667433f4e10432b', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'fc6bff5cbdd655b35fc75fbe171e45356e5637c8', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'a09a4558dc3023536e0d473a7c8cff8c8ed85bc8', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '56f0f601cffc90603c9b1d01481ebacf66a8b378', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '3ee907a9f12d27b6c7dec346e06cc8cc70da399c', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '013c2e49d57a1618138c9fb4b7bb8015a2335bcd', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '56fac35b73d44252dea721bdee3305161647af9a', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '4b7c836f976c3bee16517683d2a1aec7eb738ae9', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'cd987d8bfe6b86e3c274b2c5cdb93aa3db40ca0a', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (h("svg", { key: '9c57b6793c9f9ce0d8c5cda1dbc35ccd9acfb17a', 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: '45c3e10d34cc34d1cfb95ad59ee15ed1e017956e', filter: "url(#filter0_dd_7590_623)" }, h("path", { key: '64361db85e33114a460133228de8184299687fe3', 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: 'f79bbcb21d8f125021714753e775557face5b035', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), h("path", { key: '8bf4b1b0264892eeefc7d570feec190d57d6ee61', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), h("path", { key: '0a3ee5ad21f1a6b8d911f6aa2972d75ca6d29466', 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: 'f2a4ca30159bffb4fd98a91f4a6aa85d0d1aeaf3', 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: 'a889d39dd5445acec23bfe9e20ef8ae1b20ece37' }, h("filter", { key: '7a883df591bfb0892988f60de5e76cf662ac5a30', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: 'd32df4bf6027cbbccb046fc50b5a70eae5d7ec39', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '992b0d09321f95bf44597541572065151297109b', 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: 'a3a03a2b9ab0e6e9b3106e36ed1191910d0a490b', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), h("feOffset", { key: 'a11e9f89ee3a04e85f0f9e91fdd31bcafb0449a1', dy: "8" }), h("feGaussianBlur", { key: 'eef0b913f38aef7272a5377dfd23066a44e3be79', stdDeviation: "4" }), h("feColorMatrix", { key: '409b28a4ddc20b9fcb12fd459a5cbd8286821ecc', 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: '3c06b91877e0a4e6a596f20ac71480f8f6c676f6', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), h("feColorMatrix", { key: 'f63119d97695cd981fa58be12e8be93e9ec3368d', 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: '9fe8df5b5f8e5010080058a7407636fe8a40b3aa', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), h("feOffset", { key: 'ab90af6f12edfbd05a1102ea9374de2516dae84d', dy: "20" }), h("feGaussianBlur", { key: 'db0fd97293d5b4816c49849db5fd3da2aa185743', stdDeviation: "12" }), h("feColorMatrix", { key: 'e136d3083052d599829545c7f78a7e82cb6064ea', 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: '3af46a01c5edb895c7df055e0a501780c36460fd', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), h("feBlend", { key: 'c962b59223b3e944b225680dd3fcf482de983dc0', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), h("linearGradient", { key: '1bf32bd09860cce843b545c0853feb231875faa7', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'c778e9dc8d90b9915b676eb8db61f0e9791f166b', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '1ae20dee15eef56002f3a3d3eb9de1eb6d3eea2f', offset: "1", "stop-color": `${this.color === 'primary'
+        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'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtler, #EEF2F6)'
-                    : ''}` })), h("linearGradient", { key: '7252f35d852126a749f81b96fcbefcb1581816f7', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '2ac67621e2fa39ec79ff2de98bcf4b9cbe506778', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'e6f330ef95b7906bacf33d6cce3390febfa9e217', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), 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'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtler, #EEF2F6)'
-                    : ''}` }))))), this.illustrationStyle === 'documents' && (h("svg", { key: '7c36deb50b7eae912adf3781686deecf53051e49', 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: '440f315e98fba09ab5799f44dee468281f2112dc', filter: "url(#filter0_dd_7590_657)" }, h("path", { key: '83783a72a6158d4634a6f969565a357abc9eeb00', 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: 'a5ee01d828c2759190ea024b25cfeeb7698e9f91', 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: '638688a335648304cf8c253ae67c1b0061516100', filter: "url(#filter1_dd_7590_657)" }, h("path", { key: '1f38da87e80840f9843c612616aac76388c6018f', 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: '2be8b05091efecd8729c7802bcee6604195f6edc', 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: '80e9b501d3a1a27372f17005ecad04eb56aade29', filter: "url(#filter2_dd_7590_657)" }, h("path", { key: '9ee4abf761c2b9503667c49bcf6ca1e777acee00', 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: '4e206496a5a1aaf1a6576909f86767e7d722e34b', 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: '25e9fada529b11b8a9d8688c52e66a14dbc783ca' }, h("filter", { key: '3eab35669d1345e3e02a2b042d1f8192db08dae0', 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: '23690f01c762eb0be7bc6d075ced8964403a5732', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '8c627283990d578a842fe2258d43acdf59d4f18a', 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: 'f3cf8a8c93b0793a18191dedf602f889bb4bbf80', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: 'c507300dc0f782cfda3cf2382314fe85be3cfe6a', dy: "8" }), h("feGaussianBlur", { key: '435d7596ad9be01348e67545d92691c07a1132cb', stdDeviation: "4" }), h("feColorMatrix", { key: '828da55b9913cad74b0198519f50a8f692383e3c', 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: '261b2e37b85fec50a83a7c836a987eeed4d970ce', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '262d7143b5bcf10e51e6cd4ad09b29bc807b262f', 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: '9c900a5799c34fbf1e549c773d864c814d9b985d', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '6f4da572ec339064f5a46212bc0d4877a1ff90c7', dy: "20" }), h("feGaussianBlur", { key: 'a9a3ae26f24a5ed40a458fceeeba1b02a79d6375', stdDeviation: "12" }), h("feColorMatrix", { key: 'a6c080e28dd7007e445780b17fac49d850165e20', 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: 'a85d08cd483ad5e2dfb74ac6f7e543fb252ebd69', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '9879fc6e91ac7c66920c012a9925994c0cdba7cc', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: 'c4359e8ad60d2a55af9ecb06bf226cd71f78b035', 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: '5bac337a16957de30af6d3efeaa3091b00214fcf', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'db9e24563c6e7e86fb76005ab2c29eadf265d6d8', 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: '311b7884644fede8528349acc93fae40ec3b9683', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '078306dcf253dffa0b6975f53870749e01a516dd', dy: "8" }), h("feGaussianBlur", { key: 'cd2146e0970a8adeaacd58a6df2bd9ba8f5bfda2', stdDeviation: "4" }), h("feColorMatrix", { key: 'a8ae0278c725d96b39f920d50a487bf2c84a0bcc', 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: '9b19569eaddfe9dcbe7bfea5baf3e3f6ca34d46d', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: 'ac55e86075f08c74edbfb2ad6414d1e8665cc134', 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: 'fecfa1781e2dc38a35e75ebd467c94f069719f68', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '76f0027305e884cecf1dfaea364dcf6dd1afd56d', dy: "20" }), h("feGaussianBlur", { key: 'f84fac0358785b034eb05cccba3ce71198e525ee', stdDeviation: "12" }), h("feColorMatrix", { key: 'd543cd0783eac7cfee8da882e0a6f5a833966d23', 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: '9e9d522e9c2652191507d887080f90fa9616e881', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'a51ccf1180e69d207d3cc60a385ddd0b8224282a', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '49a6e8225eb281d6925f5e80418227ba8a114a14', 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: 'b3084b40e5efa16cbf756bf02126da0e36692d08', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '1d58005458d3d19d8685dca22849b5e79c59eae1', 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: 'a134562a9fad3c40839121c0b44ad4f0ae7a0ab7', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '9cb294a588fadefb3e6d536fa3973e5188ae4ef8', dy: "8" }), h("feGaussianBlur", { key: '67d496d74a591bd1ff9f7f3e8f3404f22767abde', stdDeviation: "4" }), h("feColorMatrix", { key: '0ccf308d78440edae984347f36cb7ad4be6d9ad9', 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: '9da8402e1415bdd28a9fe979bf33606560ee0443', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: 'f0238180cb867bf463eea05fa6d1b880fa58cff8', 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: '7b79ce9adc0225b78f22f11827c87ccbea059556', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '5a43d198b91e92590c7594f6b8d290b35837608e', dy: "20" }), h("feGaussianBlur", { key: '1aba1439f001ab7ef2592846abc996fbaea58202', stdDeviation: "12" }), h("feColorMatrix", { key: '777ad52174a66c3e59ea9787deda3bc28f3416f1', 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: '337728d9feef9f381e2c36cf7fabfc333dd3a2b0', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '71336a7d58f9d4ccdfce6cc3b377cea9c7845fd7', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("linearGradient", { key: '9bb787ae44b28d76d00eb98a0f07bb83662b380a', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'b0467412b8faf9e3660fea92335016e735c6495b', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '4429798177c28c5fa28cceb4dcc74eef73cd3b9e', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` }))))), 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'
                 ? 'var(--color-background-information-subtlest, #E4F0FC)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` })), h("linearGradient", { key: 'd05a0beb933ec4acd00052f1a555122a0cdfab73', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '742f92e384e61b8a22eb903cedb356405c51cedd', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '0fb3251f75ae27ba9d03eb6e3583fb9631b9b6b5', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), 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'
                 ? 'var(--color-background-information-subtlest, #E4F0FC)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` })), h("linearGradient", { key: 'd7f70e506bb125c522d5b1c44783803bfda8e303', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'a1377240c1d398711fe099a74d5264c1a33e2942', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '2d15cff8a7f19402535c352b09b5b56e74b4a67d', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), 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'
                 ? 'var(--color-background-information-subtlest, #E4F0FC)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` }))))), this.illustrationStyle === 'credit_card' && (h("svg", { key: 'ca65f0ad08372f2a1783a448159496a849044ecb', 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: '96374d12771b29c4a2d47e2b81a49811dcef8425', filter: "url(#filter0_dd_7590_677)" }, h("rect", { key: '4aa027bc0dacff836a104c4148860dafc4541204', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), h("rect", { key: '5b2339cf764457391c38e829af76f2543c7b9eaf', 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: 'fa9e4fb5adb6f16eff1f7007dab1b308b2219bdd', 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: 'b6fc70e7442323dbc8c7445debc9c846e021602e', cx: "145.325", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary'
+                    : ''}` }))))), 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'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtle, #E3E8EF)'
-                    : ''}` }), h("path", { key: 'a1a4a1879051dd74de5a4d0fcdd34a53e8beaec1', 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: '09c9f65c136909eddacaffdb7970053c89780c55', 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: '5346c53dc5199cad866a7ff9ece65cf1efc76b40', 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: '31ded2fb8f34adcfc73212b851128f6cf42b80b5', 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: 'd644773cecd1b4afcedf003aed373d9aac84e6bf' }, h("filter", { key: '179accd98dcee3f10eebebaab61db1d1b6331817', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '58fef6b5e98ca82d2527deb2e4d024022701582e', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '63d932d8c1e6248734ad2a8a8cdf44aec17150ab', 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: 'f088a08b8b9d8c562c91f00db7d726d30983e217', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), h("feOffset", { key: 'c6c2f5e2f6dc755ff4b8b402aa6c01e795a5fe7c', dy: "8" }), h("feGaussianBlur", { key: 'd199721b7f84792ac3ce071dc3872600957c133c', stdDeviation: "4" }), h("feColorMatrix", { key: 'd320e6344bed6f5effbca52f43a0dc5e39619e10', 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: 'e3a55891c8f9b44d62ee2f77e4c931b482214356', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), h("feColorMatrix", { key: '5fe8ba4e134323d02c511e3aee1cf8d4b8b69840', 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: '977d8629700907310e536d5a640a7236399af16c', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), h("feOffset", { key: 'fc5d422fabc335300125724a4701fac733c5679b', dy: "20" }), h("feGaussianBlur", { key: '77e773b089b107044b7da961acde405ca957fbb9', stdDeviation: "12" }), h("feColorMatrix", { key: 'f8ea44592abbeae9859ba4ea7ac1dcbda943f0bd', 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: 'b0ee0319dbe107d588ebcd0782a3f818a7cf1bf4', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), h("feBlend", { key: '27eed6cfaaa8103787f00d26ed26df8fc910a0e7', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), h("linearGradient", { key: '7008a7488fce7ea7af8dfdb1ac65c82247d1fce6', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '324fdf6cdc5bd6757a539fccf62497a0c6e77908', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), h("stop", { key: '846735ab52b3e8cbd04979f58024e174782b4e96', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` }), 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'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` })))))), h("div", { key: 'f7fafada83a1052516d6269708ebe3aa9fd5e29c', class: `icon_div ${this.color} ${this.size}` }, h("div", { key: '4cc65589021b258104f3c0b0ce896c4bf77ac2ef', class: `icon ${this.size}`, innerHTML: this.leadingIconSvg })))));
+                    : ''}` })))))), h("div", { key: 'ac9cf7d7535b9fb093d8673a3f55f1c130abce27', class: `icon_div ${this.color} ${this.size}` }, h("div", { key: 'e621da36242e0a870254327a8771b49ebc7875d6', 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: '318c3e76862bbd7e7fa2ab7e9683a5fe4cd4af8b', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, h("div", { key: 'd9ec1e03065d42f2bc89502696f05418613275b7', 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: '887e984df3da0f53a9dbff54e129a57cc81d34dd', 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: '8396bea2487933cfe5b6457d2a4ad54963546027', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '63f8cb6daeb22f6ed556f48e87a7e78c123dc0a0', 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: 'c767f1188ae494d70fa01e4465b938d78b228c20', 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: '48a11d8c6cac97965363cc1887ddb225e1be4681', 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: 'a31474d9d92748b9dce8ec36e0562ec5ffe56b24', 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: 'e786ec0cb11333b47756d864b3e128d94d1c0551', 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: '7030f99dd2f1efa0e3b1e6d219c10daa72ffc31a', class: "placeholder" }, h("p", { key: 'ad290c7d7e3b15332801e3ee8b7e31b724149983', class: `text-${this.size}-regular`, style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'default' && this.type === 'search' && (h("div", { key: 'b1816441630eaccaeb405b9f69298948ac710af5', class: "search_input" }, h("input", { key: 'eeb82118994e34e92f0373b845bc7bb4294c1406', 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: '4d804397d818d27ac04b0f57bd4a57cf44024108', 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: 'fc2be3162f5a5f323a613b17f05b9da127fe3adc', 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: '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
                 .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: '8f37f063250f3113328389f574b4061924aa0f37', 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: 'ef597f9724e681a1f6ce32813bccfdf0fec33d8e', class: `content` }, h("div", { key: '24117a495872091fe1c4260cce3dba5d65a1368b', 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: '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
                 .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: 'c0ae84f289ef9ceebdb63ecb9a68816b701b3be0', 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: '8d76ba70f1700b44be858e8756cc42d6aa46edaa', class: `help_icon` }, h("gb-help-tooltip", { key: '6a249f90ae0f387f5b115c15911dbb6a2da9c9a3', "show-supporting-text": true }, h("slot", { key: '63c9b7bb7ee5e592dcac651ff94d4b4c600e2516', name: "tooltip_label", slot: "label" }), h("slot", { key: '5d56ed4d31c58b97429ca0f508587b766bc03fc1', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: 'f7c12898d8bc9f0baf2925a6454ad7df856e3262', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: 'f6e30184310ea1885f9a30fef62f0d4e2053af31', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: 'ccb6a658ac29718da7ca78ab9e9e4156e7e63bef', 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: 'ad822323f3c69ec16d362e1cd563f7f9db64e39f', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (h("div", { key: 'b464c3fb5757c0cd49a51a5d5197b1e7d8885378', class: "dropdown_search_field" }, h("gb-input-field", { key: '755d797942da089251d20f785bab98b507559e7a', 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: '94099ece1a59e722030906900914ed0994d4a1ae', class: "loader_div" }, h("div", { key: 'd00432263f4eead19910804eec3deac639fb491b', 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: '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 ? (
             //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: 'e89b2f168268a822a885a7179154bd2d6ff87468', class: "dropdown-container", onClick: () => this.handleClick() }, h("div", { key: '2a8a3576aa263da0674f1f491556bdcc0dfa468b', class: {
+        h("div", { key: '2b915257aa8872d20cfc0a55dae9e2704e473a23', class: "dropdown-container", onClick: () => this.handleClick() }, h("div", { key: 'fef01cef0525964325a16ccc18d5359c2e843be5', 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: 'a1eb9d62dd263204140f921cabe3d1be0c978d2d', class: "content" }, this.type === 'icon_leading' && this.iconLeading && h("div", { key: '823b0d70ea6210a56d8abd4a8b3c8995431e390f', class: `icon_leading ${this.state}`, innerHTML: this.leadingIconSvg }), this.type === 'avatar_leading' && (h("gb-avatar", { key: '081d4e441a15a609e5383b32555567167e1fd1f4', class: "avatar-icon", size: "xs", color: this.color, text: true }, h("slot", { key: '2ee2a5e680ab46500855f3d3708d56f26c65c8ea', 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: '7988f1fa1e7ae0d3378a00238ee6da02c3e6727b', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), h("slot", { key: 'ded0f320534b466c0423be04725a3e6af35fcf33', name: "name" }), this.supportingText && (h("span", { key: '68b8d1da20824aef89d401e4f5085a21ac5da1e9' }, h("slot", { key: 'fe6e687f795cbc0c4c8a4d56293b3c21601da354', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (h("div", { key: 'd49398a4ad0058c4a6884d471eb8eb389afe84ab', 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: '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" }))))))));
     }
     static get is() { return "gb-input-dropdown-menu-item"; }
     static get encapsulation() { return "shadow"; }