npm - globuswebcomponents - Versions diffs - 2.5.3 → 2.5.5 - Mend

globuswebcomponents 2.5.3 → 2.5.5

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

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

@@ -1,12 +1,68 @@
-import { h } from "@stencil/core";
+import { getAssetPath, h } from "@stencil/core";
 export class GbIllustration {
     constructor() {
         this.size = 'sm';
+        this.color = 'gray';
+        this.illustrationIcon = '';
         this.theme = 'system';
+        this.leadingIconSvg = '';
+    }
+    async loadIcon(iconName) {
+        const iconPath = getAssetPath(`${iconName}`);
+        const response = await fetch(iconPath);
+        const svg = await response.text();
+        // Parse SVG into DOM
+        const parser = new DOMParser();
+        const svgDoc = parser.parseFromString(svg, 'image/svg+xml');
+        const svgElement = svgDoc.documentElement;
+        // Select all path tags with an opacity attribute
+        const pathsWithOpacity = svgElement.querySelectorAll('path[opacity]');
+        const gWithOpacity = svgElement.querySelectorAll('g[opacity]');
+        // Add a class to each
+        pathsWithOpacity.forEach(path => {
+            path.classList.add('has_opacity');
+        });
+        gWithOpacity.forEach(g => {
+            g.classList.add('has_opacity');
+        });
+        // Convert the modified SVG back to a string
+        const modifiedSvg = svgElement.outerHTML;
+        // Save or inject it into your component
+        this.leadingIconSvg = modifiedSvg;
+    }
+    componentWillLoad() {
+        this.loadIcon(this.illustrationIcon);
     }
     render() {
-        // const illustrationCloudLight = getAssetPath(`assets/illustration_cloud_light.svg`);
-        return (h("svg", { key: 'af6e076f3d11e61e48a68426fc79a5984345a475', xmlns: "http://www.w3.org/2000/svg", width: "144", height: "152", viewBox: "0 0 144 152", fill: "none" }, h("g", { key: 'c7bb6c23fa60247b8d1f4632d0adaaa2f0c766c1', filter: "url(#filter0_dd_7587_532)" }, h("path", { key: 'c58b534697552c60c2cb7d38c6af406468072086', d: "M72 44.6493L77.6161 42.297L72.0007 44.6891V111.664L123.748 89.9791V22.9748L124 22.8691L123.748 22.7573V22.6448L123.618 22.6999L72.4084 0L20 22.3246L20.2481 22.4312L20 89.1634L72 111.624L72 44.6493Z", fill: "#F9FAFB" }), h("path", { key: '71aa16d16c35cc7ae453f7d93d82d748fe574a6f', d: "M72 44.6492V111.624L20 89.1632L20.2481 22.431L72 44.6492Z", fill: "url(#paint0_linear_7587_532)" }), h("path", { key: '5bcf42027defe20b6db81e42b27c02813975827f', d: "M72.0007 44.6891V111.664L123.748 89.9791V22.6448L72.0007 44.6891Z", fill: "url(#paint1_linear_7587_532)" }), h("path", { key: '03c52c74f79d2b63bce89512784754abe8654ac0', d: "M72 44.6493L124 22.8691L72.4084 0L20 22.3246L72 44.6493Z", fill: "#C8E0F9" }), h("path", { key: 'c610d749f4793f5156215a0c8d37c59053cd3aab', d: "M39.6021 13.9748L91.4037 36.5221L91.8743 52.953L106.368 46.9727L105.93 30.438L52.5953 8.43994L39.6021 13.9748Z", fill: "#E4F0FC" })), h("defs", { key: 'cef8001227e7922f7d223ae99e13f8f273d2b33d' }, h("filter", { key: '44d3428797c01285cac66597db6ed9b7f7781ffc', id: "filter0_dd_7587_532", x: "0", y: "0", width: "144", height: "151.664", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '6d35fd62c1c8d8e028e43ce5e8a77b5331e25d24', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: '868ceee3f69c10519a81e34132727f62abf17740', 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: '70b7897c7bb514d4a94198075e5f0afcfe3ae173', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7587_532" }), h("feOffset", { key: '54ea7bf395139f6162cc8974b80006da4174fdd8', dy: "8" }), h("feGaussianBlur", { key: 'fb6be0f0f9694d7865f3858fdaf77e7ec7a50557', stdDeviation: "4" }), h("feColorMatrix", { key: '842467a6c55990fdd96f7d6f4be026eb05122e1a', 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: '1113640eff214a50acbacdc6ca9bd51cfa9e2021', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7587_532" }), h("feColorMatrix", { key: 'c4e3c1bd8ea6c5fc95a71443af88d44b19be2ca7', 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: 'c87b5abd1bbcf8a538be05c9d14b353a8e0387e9', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7587_532" }), h("feOffset", { key: 'a93c70a5157e93ab55976a59602707502b067f50', dy: "20" }), h("feGaussianBlur", { key: '58db525941fd09b2a578f9747d038879c7e05d5a', stdDeviation: "12" }), h("feColorMatrix", { key: '1c95baae5ca5d3b863c0342b65fb34321a0e3ea9', 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: '15fc2d0e92114f6c9bea5ed326003429ed87296c', mode: "normal", in2: "effect1_dropShadow_7587_532", result: "effect2_dropShadow_7587_532" }), h("feBlend", { key: '705b2b5db5db611652327fa451d661b4817ee7bd', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7587_532", result: "shape" })), h("linearGradient", { key: '8b7fe0bd41747a461d0956ef8122663d78b75395', id: "paint0_linear_7587_532", x1: "20", y1: "89.4999", x2: "40.5363", y2: "33.8822", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'b4295422bc2f25fb6588211a735eac053dcebde5', "stop-color": "#9AC7F4" }), h("stop", { key: '0920b6eb13b0c16d23b72fa66ec802453875442d', offset: "1", "stop-color": "#C8E0F9" })), h("linearGradient", { key: 'f8b42bac18381418ec81f20f44bdde308a2a7d16', id: "paint1_linear_7587_532", x1: "72", y1: "46", x2: "130.635", y2: "57.6737", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'ad895273ffcbf8475bfa5616ca14bed08af3ca64', "stop-color": "#9AC7F4" }), h("stop", { key: 'a91696120433d06d67f8ee9a03df60d789514ae6', offset: "1", "stop-color": "#C8E0F9" })))));
+        return (h("div", { key: 'c6084ed73da309543c2ef96cbd031475192202c1', class: `illustration_wrapper` }, h("svg", { key: 'b374ac3d95f40a7c22ce1f7691398558f73d45fe', 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: '37983537f4c0bb1025ef74aff725b5393ec44cfc', 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: 'a067b0d3924877af22b220eb7936414281db8b85', 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: 'f350c9838a2cda377e4752ce00663d73d7017c9f', 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: '1d4db257d98e0c01a6edc9e1546ff90964e6aea1', 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: 'e1c5b980c8bd6b2b6d5f817b179eaba5802b3240', 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: 'c516f64d8a1d0cbb9cfcca6b27a2c0c8a2dd935f', 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: 'dee13fb91207899d101949894988db4d37eed4d7', class: "illustration_div" }, h("div", { key: '2ed9af4d9b4890240dd7eb01ee0a8824b6f80cf8', class: "illustration" }, this.illustrationStyle === 'cloud' && (h("svg", { key: 'dae229273bf6630d888023f9bc11d9c51a578e26', 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: 'b7c77de68b4354c691eab716e3866c8b5020444c', filter: "url(#filter0_dd_7590_639)" }, h("path", { key: '7d52d264f0df2471a26ea365b4803e5f5951280e', 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: '93ed30a04d0bde2d524e51e2b6ecec819da9c2c1', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), h("circle", { key: 'cc3838c4fb8681a82ea3e26318e7ceaba835e989', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), h("circle", { key: '84a10e01d88b2b22848e45f19c1702f425f699a4', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), h("defs", { key: '4f0e6e0c7e8bf57246dbd7b5b52c785f8778f076' }, h("filter", { key: '8fc270ebabf48892b82b39fc56d9e1deb88e489b', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '44f5160ea67ad0ccfcb314d725b54740cfb1b20b', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'a84c631a6995a00c70b76bee5aa11883bf2ca8fb', 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: '88b2c235b2a3aa6d8668eb2d946311b116bf47e9', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), h("feOffset", { key: '43a85506cad7b53c4d6095800a219b1526df0473', dy: "8" }), h("feGaussianBlur", { key: '758f96ec1f0ab151af6212a94faf127d5be2206b', stdDeviation: "4" }), h("feColorMatrix", { key: '31a20d7ee8522a23fc988277facbc5ffe18f4bf4', 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: 'ea94583151566855f1aa94488f23b592b4da4b28', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), h("feColorMatrix", { key: 'ba41d19a01e29e3b8c4eb5d65acca40c5f2c5862', 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: '7616064697739952f91536fcac88520a182c0796', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), h("feOffset", { key: '4429926d0639b22e12603268e319c89a9c9ba293', dy: "20" }), h("feGaussianBlur", { key: '34ad88e552ddd735f2c675cff9170c6b94f8e670', stdDeviation: "12" }), h("feColorMatrix", { key: 'b352b9feb4f4426ca801e78fa05cdd4bea736a5e', 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: '0763adf187367d5fd13800f6204bf16b32f8f140', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), h("feBlend", { key: '56796eed98fa742631a3a1c5ef348abe40c12864', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), h("linearGradient", { key: 'fac139cc65b427777b71859116ee3c5e5bbc4a07', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'a2445a8c6c96070ba90933943a66789eebe81b8d', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '6aa68e87de4566d346ad545f851654c8771eceb5', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '0a841e9304b2787b1f5de88e19ccf46779b48dbd', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'b37cd7ebf440ff3e31d43f36a25044072fcbc03a', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'bdd7080dc637bdd27dcad11a1e37e298632d34fe', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), h("linearGradient", { key: '6c8b293f075a0641df831ad29263c648fd52faee', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '19dd5063c9cf7ea75a67d241f45ac40dff879131', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: 'e97ddd19da5cf35303d908feb249a528ffaff5a1', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (h("svg", { key: '0d64a9550a19f5e4632ce06458837dc9c7fd6fb8', 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: '36ae3c700a4253265b7de7c6531a318b8b3a7017', filter: "url(#filter0_dd_7590_623)" }, h("path", { key: '4c9c96eeabf338bb89b2a0a00adbb34e719a70b5', 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: 'eb4c532ccddbdef062830d8fee2ea58105345f21', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), h("path", { key: 'a45f17ed369022472fbed4438a372c8dfbc7e050', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), h("path", { key: 'f1debebb7eb1b89ea42d0d817d243c5e0e7bc2b4', 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: '44cc0140288163b11a21c971ab9c2c2674cfee5b', 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: '3959b07657c5e551b4d253bdeec0288831028fed' }, h("filter", { key: '7fdf163cf10279403169f6af194d657c5b4cd2f1', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '45a030261616e52a85b4ed89a91020480dba1680', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'e50c92b28e368b6de6dc7d1ecf743f0ccf5ab83a', 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: '41d32622e816480c845d4f40c9757f0783d8c4b5', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), h("feOffset", { key: '4022f64717b1ea5aabca6bb9c9a0e73b9b112973', dy: "8" }), h("feGaussianBlur", { key: '9c005921bf8be6ffe7788bd5eb93253a39fafdf5', stdDeviation: "4" }), h("feColorMatrix", { key: 'fdcd007727fdd8fb760fe06b3b96738f25558b95', 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: '25c2376fc24e7c8468fdef46ddb1eb67e3b1ddb9', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), h("feColorMatrix", { key: '2a1d3b4b6568ed0d5daa10fe95cc52fbba16e4b5', 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: '7da9ec8e10e0a046cb20b2a918ed3b916e37860b', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), h("feOffset", { key: 'df9b26ecec4b72e865d88e4896eb9057237586ca', dy: "20" }), h("feGaussianBlur", { key: 'c97216bd2580e9b338812a95adba9cc9b1654c1b', stdDeviation: "12" }), h("feColorMatrix", { key: 'd7071c3d20d389797f482ab78ef73daf4904ab47', 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: 'c470bf6f43a0a969286c5a2eb248492c6d1c613c', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), h("feBlend", { key: 'a6b1f458104599e80a0a571792834ccbf1823834', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), h("linearGradient", { key: 'abc4a655db5af1e992a103cf3ade455c797b4444', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'ad8c0f3309e2d74b2b6fd89dea021bddb3e64705', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '70a7e390dbe53e1059b557eafd0ef405520a758b', 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: '268c51465eb1137fea06b0bf5462712512820024', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '8253e1cd632401fe59187c746f29dd765b814d16', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), h("stop", { key: '974f8fd2d58b1ced2832d7e2a8162ce1f94df741', 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: '2fdf5e8ae8e0a3049aed3252ea8a7455fc8c6763', 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: '17eeef75210744dbb168513a96df9184a52f9089', filter: "url(#filter0_dd_7590_657)" }, h("path", { key: '5d411ccad0b6db491f4f18e5c0df04874308798b', 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: '11842967a7cabbced5a2ba0401f2bd6dd1d52cec', 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: '9c948999cbe9cc67afa3ab59cdca963e82dec39c', filter: "url(#filter1_dd_7590_657)" }, h("path", { key: '61bff854e9dafd985f1fbebec7dfcf86926d3445', 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: '2ced412276704bdce127843a75b79597a72b31ae', 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: 'a2fa932519608a727a0f9f4bd712f09c6a75bb36', filter: "url(#filter2_dd_7590_657)" }, h("path", { key: '7447208666e8484c6843da6266bfaa0c798e3bf0', 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: 'fb54162d128a08cd94a14825fcfba52e15a7cd2e', 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: 'ee99c439a38eaa5dc5c1edc961591bb2bad180db' }, h("filter", { key: 'b817f5644638d698b2825c0f9cf18cb6420ae27f', 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: '1d4f3f91ae6f4331c614d7c5d0559a0acd97f5f7', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'e18f135cbbd63d2cf70b3595af9fed96f857db33', 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: '71b6552c7e9e93417c7c84c529e9e07f4707263a', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: 'a077392b2f2efbd36d472a689978b6a62f28a089', dy: "8" }), h("feGaussianBlur", { key: '78d938cae866d603db1f894eba160f46e55a903f', stdDeviation: "4" }), h("feColorMatrix", { key: 'a2ebd3fe4c4c60ebabe26b3852704db68ce645e0', 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: '921253621612acdeb835d368a83ad83b7cad9a5d', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: '1b92d23ad025e2f549ce197b13c371a9d84b2534', 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: '854d362f2480393df95444af19c41b4d1a4059b5', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: 'c337b8ccfc24857dbbb81dc0df8d27c754b8e797', dy: "20" }), h("feGaussianBlur", { key: '0c41efe44a0aff0d18a55c8387c019c34ff8ce90', stdDeviation: "12" }), h("feColorMatrix", { key: '77c505191cf3fa80953c15c617e3bc88504a2f1c', 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: 'a4e9a0ec2aa7820d7445fce404682d4439c182f4', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '2bc04146cc34cbbe13ea144a49c991bc08f83d98', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: 'dc85405b51c4bab8bd4d13677d10343eeeeb6d0d', 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: '39c1b3095a13219ba14c682f572e6a2e47d61e93', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'aac7a1871d9712ecbc596d6b034bdb53832f7f75', 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: '773bb11d851c01c34fc1b809f393fece60d0cadf', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '5eaf7ba179fc4ea8e3299cd91684d3fe60c7bfad', dy: "8" }), h("feGaussianBlur", { key: 'e508b3495c392fab0f2cb3854406817e3921ea56', stdDeviation: "4" }), h("feColorMatrix", { key: '8be5c7e7b6e7d23d77b5999ebc2ae8189550b849', 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: '6b199f28867a1405241301bd5a8781977bddcafd', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: 'd3465a39ab4e59be16e0f96d82680632e2e7dada', 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: '166b421c4222e9a92e218718bbafbb6448a847fd', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: '8707c80dd823158a7e4050d40300e5bea65cebd0', dy: "20" }), h("feGaussianBlur", { key: 'a7abbd36f51034b7901eefdaefe3f029c39d189f', stdDeviation: "12" }), h("feColorMatrix", { key: '20bd5398008c17530288029d0fd87d7089c6a7d1', 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: 'ec6b8e3a8c954b2dfcbefcbd888edc4fc8af1dd6', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: 'e026b4cd1681dba41399d7229a0118b679d5589b', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("filter", { key: '63ef424c81918bb2f067994c33f17bca588b824d', 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: 'ce628871032b033a1f33ca5aa99da923c0f0bfcb', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'c31081e33dedf974d58d129c7848ec0d69e326c7', 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: '89ae47cfe9e3ef63cc1a0be92c7d2474c82b4096', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), h("feOffset", { key: '19cbb98882464b98d16932b4b71968832a9235c7', dy: "8" }), h("feGaussianBlur", { key: '06e0a2141f0c943b90a08d755cd1ccecf3f4cf42', stdDeviation: "4" }), h("feColorMatrix", { key: '714f97c7040c57bac55af3fc6eae816df694671f', 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: 'cc3d2c9f0fd5678ceaabd138e4b0a7a9386ffcd7', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), h("feColorMatrix", { key: 'c8e72eb072d1bbe1df40788c81b9b239b6e734d5', 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: '69f5db2532fa1bd7b1f6fbdd5f9dd77ea3329ab0', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), h("feOffset", { key: 'd72d8d224d1c9334b14717555e7dcac98f57ba5e', dy: "20" }), h("feGaussianBlur", { key: '2d1fd426390d0949955c053cd41f99b556280f52', stdDeviation: "12" }), h("feColorMatrix", { key: 'e236bbea6eb3d3c0484570d4cdd088977b4e85c7', 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: '41e505ff622efea2300305b4e57f7c2eda678d81', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), h("feBlend", { key: '0613a82f2143fce4cb20a33da943d90192c1eb00', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), h("linearGradient", { key: '513f5cb4fd66777c32d4f4bdb41205d4b72c3311', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '7d42be0691ad9863f6827c48e5c129c80a455a65', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: 'c9a9e4daee223c49cf1c3c949f5be1e38659ecf6', 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: 'bb857e0cd97aa6181cf8180e5f2ce5ecbdc1dc4b', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'ac662855f90007f70738efd014a4219519afd182', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: 'dbfcc8714cf6e162b5a9a0f3c93c095f0f288945', 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: 'f2ba86b122736b99c83237e4b779d51eac857436', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '6dfd135328b3ea422d1d260bdb35dd5befbd47ec', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), h("stop", { key: '6b8d07755b0607325b51450e4d9efae7dd879ac6', 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: '79da4b6ef4649148acecfc0202d8b65f9ce337b4', 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: 'a0938d0aa17986210770f36810ecea6d4b6f4720', filter: "url(#filter0_dd_7590_677)" }, h("rect", { key: '35a8dc5f9ad28eec0747fb181bbb76fe94169a02', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), h("rect", { key: '4ae26cd80adb7eb0bd1e3634f976e38f5cac5217', 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: '48b32b31aa4ad172768e970e672b8372b7e656db', 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: '4ab27d6f05381f763be7d360d131f47cbdc5242e', 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: '46abf11543d69f55f288012d74b909769cae3e4c', 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: '863350be7f14542fe29ee10a6b7034b3f34e3184', 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: '36006b9fb33e9207fd0e2a83bac01c348b2d2248', 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: 'ac31cb0396fb9f6f29cb980dafe3cddbc74d45a7', 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: 'efb9d3c0f3d222bd6c12083080e9cdea579dbfb1' }, h("filter", { key: '0bd3c9f13c3b4f24e057c86970bfc6b92353fcfb', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, h("feFlood", { key: '53f0fed0935663fb40acbc97b7ef03e99ca77c20', "flood-opacity": "0", result: "BackgroundImageFix" }), h("feColorMatrix", { key: 'ccf01d2d2d4d2f3245dbf186b442f71ea477aa64', 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: '86d31675ab2e55bb96886d3223d2573dcf66a7fa', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), h("feOffset", { key: 'f0c467d38422473ed900b1794c3df878efbc2408', dy: "8" }), h("feGaussianBlur", { key: 'ce180d86a4751120fc7e726cb267b8619861f01c', stdDeviation: "4" }), h("feColorMatrix", { key: '892ba26304e9677140204f946b38dbb9d230b831', 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: '0de63b30de72605d85d715b7e0ec1f612f915398', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), h("feColorMatrix", { key: 'ce4da625218ea58bf63cac7564c59d4b7c00dbcb', 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: 'e0bfc434e7b4177a394d5a065cb3a554482b0261', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), h("feOffset", { key: '1b31dc1e693faed6fbeee2f779711bd912fdd7bc', dy: "20" }), h("feGaussianBlur", { key: '017d5b8b3f7b74c43647a3c7f47f5027d0440dc8', stdDeviation: "12" }), h("feColorMatrix", { key: '4d02ba2619b206f819766fb43394390a36afaebb', 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: '6313bf59489f4c86ba1019ee2012cce1a3a0e885', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), h("feBlend", { key: '9bfe79e9cb098dbdb9a1a079a5912d200c9fff61', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), h("linearGradient", { key: '6469633237aec099f14efba2bad4f786d470e147', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '1ea239ab025574c73d36c36cf27404f410cc7bc4', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), h("stop", { key: 'f20a31ece27e47ed4dcd8577077374e99ff9d6de', 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: 'a6fd931a75abab424ff456c05b40f6cd201f107b', class: `icon_div ${this.color} ${this.size}` }, h("div", { key: '45c1045eb63f825be3a3af3a481b75153f7f837b', class: `icon ${this.size}`, innerHTML: this.leadingIconSvg })))));
     }
     static get is() { return "gb-illustration"; }
     static get encapsulation() { return "shadow"; }
@@ -48,6 +104,32 @@ export class GbIllustration {
                 "reflect": false,
                 "defaultValue": "'sm'"
             },
+            "color": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "GeneralColors",
+                    "resolved": "\"default\" | \"discovery\" | \"error\" | \"gray\" | \"information\" | \"pink\" | \"primary\" | \"purple\" | \"success\" | \"warning\" | \"white\"",
+                    "references": {
+                        "GeneralColors": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::GeneralColors"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "color",
+                "reflect": false,
+                "defaultValue": "'gray'"
+            },
             "illustrationStyle": {
                 "type": "string",
                 "mutable": false,
@@ -73,6 +155,26 @@ export class GbIllustration {
                 "attribute": "illustration-style",
                 "reflect": false
             },
+            "illustrationIcon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "illustration-icon",
+                "reflect": false,
+                "defaultValue": "''"
+            },
             "theme": {
                 "type": "string",
                 "mutable": false,
@@ -101,5 +203,10 @@ export class GbIllustration {
             }
         };
     }
+    static get states() {
+        return {
+            "leadingIconSvg": {}
+        };
+    }
 }
 //# sourceMappingURL=gb-illustration.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-illustration.js","sourceRoot":"","sources":["../../../src/components/gb-illustration/gb-illustration.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\r\nimport { GeneralSizes, IllustrationTypes, ThemeTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-illustration',\r\n styleUrl: 'gb-illustration.css',\r\n shadow: true,\r\n})\r\nexport class GbIllustration {\r\n @Prop() size: GeneralSizes = 'sm';\r\n @Prop() illustrationStyle: IllustrationTypes;\r\n @Prop() theme: ThemeTypes = 'system';\r\n\r\n render() {\r\n // const illustrationCloudLight = getAssetPath(`assets/illustration_cloud_light.svg`);\r\n\r\n return (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"144\" height=\"152\" viewBox=\"0 0 144 152\" fill=\"none\">\r\n <g filter=\"url(#filter0_dd_7587_532)\">\r\n <path\r\n d=\"M72 44.6493L77.6161 42.297L72.0007 44.6891V111.664L123.748 89.9791V22.9748L124 22.8691L123.748 22.7573V22.6448L123.618 22.6999L72.4084 0L20 22.3246L20.2481 22.4312L20 89.1634L72 111.624L72 44.6493Z\"\r\n fill=\"#F9FAFB\"\r\n />\r\n <path d=\"M72 44.6492V111.624L20 89.1632L20.2481 22.431L72 44.6492Z\" fill=\"url(#paint0_linear_7587_532)\" />\r\n <path d=\"M72.0007 44.6891V111.664L123.748 89.9791V22.6448L72.0007 44.6891Z\" fill=\"url(#paint1_linear_7587_532)\" />\r\n <path d=\"M72 44.6493L124 22.8691L72.4084 0L20 22.3246L72 44.6493Z\" fill=\"#C8E0F9\" />\r\n <path d=\"M39.6021 13.9748L91.4037 36.5221L91.8743 52.953L106.368 46.9727L105.93 30.438L52.5953 8.43994L39.6021 13.9748Z\" fill=\"#E4F0FC\" />\r\n </g>\r\n <defs>\r\n <filter id=\"filter0_dd_7587_532\" x=\"0\" y=\"0\" width=\"144\" height=\"151.664\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\r\n <feColorMatrix 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\" />\r\n <feMorphology radius=\"4\" operator=\"erode\" in=\"SourceAlpha\" result=\"effect1_dropShadow_7587_532\" />\r\n <feOffset dy=\"8\" />\r\n <feGaussianBlur stdDeviation=\"4\" />\r\n <feColorMatrix 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\" />\r\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_7587_532\" />\r\n <feColorMatrix 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\" />\r\n <feMorphology radius=\"4\" operator=\"erode\" in=\"SourceAlpha\" result=\"effect2_dropShadow_7587_532\" />\r\n <feOffset dy=\"20\" />\r\n <feGaussianBlur stdDeviation=\"12\" />\r\n <feColorMatrix 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\" />\r\n <feBlend mode=\"normal\" in2=\"effect1_dropShadow_7587_532\" result=\"effect2_dropShadow_7587_532\" />\r\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect2_dropShadow_7587_532\" result=\"shape\" />\r\n </filter>\r\n <linearGradient id=\"paint0_linear_7587_532\" x1=\"20\" y1=\"89.4999\" x2=\"40.5363\" y2=\"33.8822\" gradientUnits=\"userSpaceOnUse\">\r\n <stop stop-color=\"#9AC7F4\" />\r\n <stop offset=\"1\" stop-color=\"#C8E0F9\" />\r\n </linearGradient>\r\n <linearGradient id=\"paint1_linear_7587_532\" x1=\"72\" y1=\"46\" x2=\"130.635\" y2=\"57.6737\" gradientUnits=\"userSpaceOnUse\">\r\n <stop stop-color=\"#9AC7F4\" />\r\n <stop offset=\"1\" stop-color=\"#C8E0F9\" />\r\n </linearGradient>\r\n </defs>\r\n </svg>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"gb-illustration.js","sourceRoot":"","sources":["../../../src/components/gb-illustration/gb-illustration.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, getAssetPath, h } from '@stencil/core';\r\nimport { GeneralColors, GeneralSizes, IllustrationTypes, ThemeTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-illustration',\r\n styleUrl: 'gb-illustration.css',\r\n shadow: true,\r\n})\r\nexport class GbIllustration {\r\n @Prop() size: GeneralSizes = 'sm';\r\n @Prop() color: GeneralColors = 'gray';\r\n @Prop() illustrationStyle: IllustrationTypes;\r\n @Prop() illustrationIcon: string = '';\r\n @Prop() theme: ThemeTypes = 'system';\r\n @State() leadingIconSvg: string = '';\r\n\r\n async loadIcon(iconName: string) {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n\r\n // Parse SVG into DOM\r\n const parser = new DOMParser();\r\n const svgDoc = parser.parseFromString(svg, 'image/svg+xml');\r\n const svgElement = svgDoc.documentElement;\r\n\r\n // Select all path tags with an opacity attribute\r\n const pathsWithOpacity = svgElement.querySelectorAll('path[opacity]');\r\n const gWithOpacity = svgElement.querySelectorAll('g[opacity]');\r\n\r\n // Add a class to each\r\n pathsWithOpacity.forEach(path => {\r\n path.classList.add('has_opacity');\r\n });\r\n\r\n gWithOpacity.forEach(g => {\r\n g.classList.add('has_opacity');\r\n });\r\n\r\n // Convert the modified SVG back to a string\r\n const modifiedSvg = svgElement.outerHTML;\r\n\r\n // Save or inject it into your component\r\n this.leadingIconSvg = modifiedSvg;\r\n }\r\n\r\n componentWillLoad() {\r\n this.loadIcon(this.illustrationIcon);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`illustration_wrapper`}>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"220\" height=\"168\" viewBox=\"0 0 220 168\" fill=\"none\" class={`illustration_background ${this.size}`}>\r\n <circle\r\n cx=\"110\"\r\n cy=\"88\"\r\n r=\"80\"\r\n fill={`${\r\n this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : this.color === 'gray' ? 'var(--color-background-gray-subtlest, #F6F8FA)' : ''\r\n }`}\r\n />\r\n <circle\r\n cx=\"26\"\r\n cy=\"28\"\r\n r=\"8\"\r\n fill={`${\r\n this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''\r\n }`}\r\n />\r\n <circle\r\n cx=\"198\"\r\n cy=\"134\"\r\n r=\"6\"\r\n fill={`${\r\n this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''\r\n }`}\r\n />\r\n <circle\r\n cx=\"25\"\r\n cy=\"146\"\r\n r=\"10\"\r\n fill={`${\r\n this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''\r\n }`}\r\n />\r\n <circle\r\n cx=\"210\"\r\n cy=\"54\"\r\n r=\"10\"\r\n fill={`${\r\n this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''\r\n }`}\r\n />\r\n <circle\r\n cx=\"191\"\r\n cy=\"19\"\r\n r=\"7\"\r\n fill={`${\r\n this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''\r\n }`}\r\n />\r\n </svg>\r\n <div class=\"illustration_div\">\r\n <div class=\"illustration\">\r\n {this.illustrationStyle === 'cloud' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"214\" height=\"140\" viewBox=\"0 0 214 140\" fill=\"none\" class={`cloud ${this.size}`}>\r\n <g filter=\"url(#filter0_dd_7590_639)\">\r\n <path\r\n 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\"\r\n fill={`${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-disabled, #F9FAFB)'}`}\r\n />\r\n <circle cx=\"59.7714\" cy=\"59.6572\" r=\"39.7714\" fill=\"url(#paint0_linear_7590_639)\" />\r\n <circle cx=\"109.486\" cy=\"49.7143\" r=\"49.7143\" fill=\"url(#paint1_linear_7590_639)\" />\r\n <circle cx=\"159.2\" cy=\"64.6286\" r=\"34.8\" fill=\"url(#paint2_linear_7590_639)\" />\r\n </g>\r\n <defs>\r\n <filter id=\"filter0_dd_7590_639\" x=\"0\" y=\"0\" width=\"214\" height=\"139.429\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\r\n <feColorMatrix 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\" />\r\n <feMorphology radius=\"4\" operator=\"erode\" in=\"SourceAlpha\" result=\"effect1_dropShadow_7590_639\" />\r\n <feOffset dy=\"8\" />\r\n <feGaussianBlur stdDeviation=\"4\" />\r\n <feColorMatrix 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\" />\r\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_7590_639\" />\r\n <feColorMatrix 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\" />\r\n <feMorphology radius=\"4\" operator=\"erode\" in=\"SourceAlpha\" result=\"effect2_dropShadow_7590_639\" />\r\n <feOffset dy=\"20\" />\r\n <feGaussianBlur stdDeviation=\"12\" />\r\n <feColorMatrix 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\" />\r\n <feBlend mode=\"normal\" in2=\"effect1_dropShadow_7590_639\" result=\"effect2_dropShadow_7590_639\" />\r\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect2_dropShadow_7590_639\" result=\"shape\" />\r\n </filter>\r\n <linearGradient id=\"paint0_linear_7590_639\" x1=\"29.2326\" y1=\"33.3796\" x2=\"99.5429\" y2=\"99.4285\" gradientUnits=\"userSpaceOnUse\">\r\n <stop\r\n stop-color={`${\r\n this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''\r\n }`}\r\n />\r\n <stop offset=\"0.350715\" stop-color=\"white\" stop-opacity=\"0\" />\r\n </linearGradient>\r\n <linearGradient id=\"paint1_linear_7590_639\" x1=\"71.3123\" y1=\"16.8673\" x2=\"159.2\" y2=\"99.4285\" gradientUnits=\"userSpaceOnUse\">\r\n <stop\r\n stop-color={`${\r\n this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''\r\n }`}\r\n />\r\n <stop offset=\"0.350715\" stop-color=\"white\" stop-opacity=\"0\" />\r\n </linearGradient>\r\n <linearGradient id=\"paint2_linear_7590_639\" x1=\"132.478\" y1=\"41.6358\" x2=\"194\" y2=\"99.4286\" gradientUnits=\"userSpaceOnUse\">\r\n <stop\r\n stop-color={`${\r\n this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''\r\n }`}\r\n />\r\n <stop offset=\"0.350715\" stop-color=\"white\" stop-opacity=\"0\" />\r\n </linearGradient>\r\n </defs>\r\n </svg>\r\n )}\r\n {this.illustrationStyle === 'box' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"168\" height=\"178\" viewBox=\"0 0 168 178\" fill=\"none\" class={`box ${this.size}`}>\r\n <g filter=\"url(#filter0_dd_7590_623)\">\r\n <path\r\n 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\"\r\n fill=\"#F9FAFB\"\r\n />\r\n <path d=\"M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z\" fill=\"url(#paint0_linear_7590_623)\" />\r\n <path d=\"M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z\" fill=\"url(#paint1_linear_7590_623)\" />\r\n <path\r\n d=\"M84 54.9529L148 28.1466L84.5026 0L20 27.4765L84 54.9529Z\"\r\n fill={`${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : 'var(--color-background-gray-subtler, #EEF2F6)'}`}\r\n />\r\n <path\r\n d=\"M44.1255 17.1998L107.881 44.9503L108.461 65.173L126.299 57.8126L125.759 37.4622L60.1172 10.3877L44.1255 17.1998Z\"\r\n fill={`${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-gray, #CDD5DF)'}`}\r\n />\r\n </g>\r\n <defs>\r\n <filter id=\"filter0_dd_7590_623\" x=\"0\" y=\"0\" width=\"168\" height=\"177.432\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\r\n <feColorMatrix 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\" />\r\n <feMorphology radius=\"4\" operator=\"erode\" in=\"SourceAlpha\" result=\"effect1_dropShadow_7590_623\" />\r\n <feOffset dy=\"8\" />\r\n <feGaussianBlur stdDeviation=\"4\" />\r\n <feColorMatrix 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\" />\r\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_7590_623\" />\r\n <feColorMatrix 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\" />\r\n <feMorphology radius=\"4\" operator=\"erode\" in=\"SourceAlpha\" result=\"effect2_dropShadow_7590_623\" />\r\n <feOffset dy=\"20\" />\r\n <feGaussianBlur stdDeviation=\"12\" />\r\n <feColorMatrix 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\" />\r\n <feBlend mode=\"normal\" in2=\"effect1_dropShadow_7590_623\" result=\"effect2_dropShadow_7590_623\" />\r\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect2_dropShadow_7590_623\" result=\"shape\" />\r\n </filter>\r\n <linearGradient id=\"paint0_linear_7590_623\" x1=\"20\" y1=\"110.154\" x2=\"45.2754\" y2=\"41.7013\" gradientUnits=\"userSpaceOnUse\">\r\n <stop\r\n stop-color={`${\r\n this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''\r\n }`}\r\n />\r\n <stop\r\n offset=\"1\"\r\n stop-color={`${\r\n this.color === 'primary'\r\n ? 'var(--color-background-information-subtler, #C8E0F9)'\r\n : this.color === 'gray'\r\n ? 'var(--color-background-gray-subtler, #EEF2F6)'\r\n : ''\r\n }`}\r\n />\r\n </linearGradient>\r\n <linearGradient id=\"paint1_linear_7590_623\" x1=\"84.0003\" y1=\"56.6154\" x2=\"156.166\" y2=\"70.983\" gradientUnits=\"userSpaceOnUse\">\r\n <stop\r\n stop-color={`${\r\n this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''\r\n }`}\r\n />\r\n <stop\r\n offset=\"1\"\r\n stop-color={`${\r\n this.color === 'primary'\r\n ? 'var(--color-background-information-subtler, #C8E0F9)'\r\n : this.color === 'gray'\r\n ? 'var(--color-background-gray-subtler, #EEF2F6)'\r\n : ''\r\n }`}\r\n />\r\n </linearGradient>\r\n </defs>\r\n </svg>\r\n )}\r\n {this.illustrationStyle === 'documents' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"229\" height=\"153\" viewBox=\"0 0 229 153\" fill=\"none\" class={`documents ${this.size}`}>\r\n <g filter=\"url(#filter0_dd_7590_657)\">\r\n <path\r\n 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\"\r\n fill=\"url(#paint0_linear_7590_657)\"\r\n />\r\n </g>\r\n <path\r\n d=\"M66.6826 6.70166L87.658 14.3361L73.3531 21.0066L66.6826 6.70166Z\"\r\n fill={`${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}`}\r\n />\r\n <g filter=\"url(#filter1_dd_7590_657)\">\r\n <path\r\n 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\"\r\n fill=\"url(#paint1_linear_7590_657)\"\r\n />\r\n </g>\r\n <path\r\n d=\"M136.062 -0.00012207L151.846 15.7836H136.062V-0.00012207Z\"\r\n fill={`${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}`}\r\n />\r\n <g filter=\"url(#filter2_dd_7590_657)\">\r\n <path\r\n 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\"\r\n fill=\"url(#paint2_linear_7590_657)\"\r\n />\r\n </g>\r\n <path\r\n d=\"M201.255 22.2349L208.889 43.2102L194.584 36.5398L201.255 22.2349Z\"\r\n fill={`${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}`}\r\n />\r\n <defs>\r\n <filter id=\"filter0_dd_7590_657\" x=\"0.729004\" y=\"6.70166\" width=\"138.399\" height=\"146.006\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\r\n <feColorMatrix 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\" />\r\n <feMorphology radius=\"4\" operator=\"erode\" in=\"SourceAlpha\" result=\"effect1_dropShadow_7590_657\" />\r\n <feOffset dy=\"8\" />\r\n <feGaussianBlur stdDeviation=\"4\" />\r\n <feColorMatrix 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\" />\r\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_7590_657\" />\r\n <feColorMatrix 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\" />\r\n <feMorphology radius=\"4\" operator=\"erode\" in=\"SourceAlpha\" result=\"effect2_dropShadow_7590_657\" />\r\n <feOffset dy=\"20\" />\r\n <feGaussianBlur stdDeviation=\"12\" />\r\n <feColorMatrix 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\" />\r\n <feBlend mode=\"normal\" in2=\"effect1_dropShadow_7590_657\" result=\"effect2_dropShadow_7590_657\" />\r\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect2_dropShadow_7590_657\" result=\"shape\" />\r\n </filter>\r\n <filter id=\"filter1_dd_7590_657\" x=\"63.45\" y=\"0\" width=\"108.396\" height=\"134.339\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\r\n <feColorMatrix 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\" />\r\n <feMorphology radius=\"4\" operator=\"erode\" in=\"SourceAlpha\" result=\"effect1_dropShadow_7590_657\" />\r\n <feOffset dy=\"8\" />\r\n <feGaussianBlur stdDeviation=\"4\" />\r\n <feColorMatrix 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\" />\r\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_7590_657\" />\r\n <feColorMatrix 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\" />\r\n <feMorphology radius=\"4\" operator=\"erode\" in=\"SourceAlpha\" result=\"effect2_dropShadow_7590_657\" />\r\n <feOffset dy=\"20\" />\r\n <feGaussianBlur stdDeviation=\"12\" />\r\n <feColorMatrix 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\" />\r\n <feBlend mode=\"normal\" in2=\"effect1_dropShadow_7590_657\" result=\"effect2_dropShadow_7590_657\" />\r\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect2_dropShadow_7590_657\" result=\"shape\" />\r\n </filter>\r\n <filter id=\"filter2_dd_7590_657\" x=\"95.4316\" y=\"1.72925\" width=\"133.458\" height=\"150.947\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\r\n <feColorMatrix 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\" />\r\n <feMorphology radius=\"4\" operator=\"erode\" in=\"SourceAlpha\" result=\"effect1_dropShadow_7590_657\" />\r\n <feOffset dy=\"8\" />\r\n <feGaussianBlur stdDeviation=\"4\" />\r\n <feColorMatrix 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\" />\r\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_7590_657\" />\r\n <feColorMatrix 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\" />\r\n <feMorphology radius=\"4\" operator=\"erode\" in=\"SourceAlpha\" result=\"effect2_dropShadow_7590_657\" />\r\n <feOffset dy=\"20\" />\r\n <feGaussianBlur stdDeviation=\"12\" />\r\n <feColorMatrix 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\" />\r\n <feBlend mode=\"normal\" in2=\"effect1_dropShadow_7590_657\" result=\"effect2_dropShadow_7590_657\" />\r\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect2_dropShadow_7590_657\" result=\"shape\" />\r\n </filter>\r\n <linearGradient id=\"paint0_linear_7590_657\" x1=\"60.5561\" y1=\"112.418\" x2=\"18.7566\" y2=\"37.0089\" gradientUnits=\"userSpaceOnUse\">\r\n <stop stop-color={`${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}`} />\r\n <stop\r\n offset=\"1\"\r\n stop-color={`${\r\n this.color === 'primary'\r\n ? 'var(--color-background-information-subtlest, #E4F0FC)'\r\n : this.color === 'gray'\r\n ? 'var(--color-background-gray-subtlest, #F6F8FA)'\r\n : ''\r\n }`}\r\n />\r\n </linearGradient>\r\n <linearGradient id=\"paint1_linear_7590_657\" x1=\"85.8318\" y1=\"93.2227\" x2=\"79.8181\" y2=\"7.21313\" gradientUnits=\"userSpaceOnUse\">\r\n <stop stop-color={`${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}`} />\r\n <stop\r\n offset=\"1\"\r\n stop-color={`${\r\n this.color === 'primary'\r\n ? 'var(--color-background-information-subtlest, #E4F0FC)'\r\n : this.color === 'gray'\r\n ? 'var(--color-background-gray-subtlest, #F6F8FA)'\r\n : ''\r\n }`}\r\n />\r\n </linearGradient>\r\n <linearGradient id=\"paint2_linear_7590_657\" x1=\"116.333\" y1=\"85.4951\" x2=\"147.232\" y2=\"5.00242\" gradientUnits=\"userSpaceOnUse\">\r\n <stop stop-color={`${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}`} />\r\n <stop\r\n offset=\"1\"\r\n stop-color={`${\r\n this.color === 'primary'\r\n ? 'var(--color-background-information-subtlest, #E4F0FC)'\r\n : this.color === 'gray'\r\n ? 'var(--color-background-gray-subtlest, #F6F8FA)'\r\n : ''\r\n }`}\r\n />\r\n </linearGradient>\r\n </defs>\r\n </svg>\r\n )}\r\n {this.illustrationStyle === 'credit_card' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"206\" height=\"144\" viewBox=\"0 0 206 144\" fill=\"none\" class={`credit_card ${this.size}`}>\r\n <g filter=\"url(#filter0_dd_7590_677)\">\r\n <rect x=\"20\" width=\"166\" height=\"104\" rx=\"7.25581\" fill=\"url(#paint0_linear_7590_677)\" />\r\n <rect\r\n x=\"34.0698\"\r\n y=\"24.186\"\r\n width=\"29.0233\"\r\n height=\"21.7674\"\r\n rx=\"2.4186\"\r\n fill={`${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}`}\r\n />\r\n <circle\r\n cx=\"159.837\"\r\n cy=\"31.4419\"\r\n r=\"12.093\"\r\n fill={`${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}`}\r\n />\r\n <circle\r\n cx=\"145.325\"\r\n cy=\"31.4419\"\r\n r=\"12.093\"\r\n fill={`${\r\n this.color === 'primary'\r\n ? 'var(--color-background-information-subtler, #C8E0F9)'\r\n : this.color === 'gray'\r\n ? 'var(--color-background-gray-subtle, #E3E8EF)'\r\n : ''\r\n }`}\r\n />\r\n <path\r\n 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\"\r\n fill={`${\r\n this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''\r\n }`}\r\n />\r\n <path\r\n 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\"\r\n fill={`${\r\n this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''\r\n }`}\r\n />\r\n <path\r\n 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\"\r\n fill={`${\r\n this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''\r\n }`}\r\n />\r\n <path\r\n 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\"\r\n fill={`${\r\n this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''\r\n }`}\r\n />\r\n </g>\r\n <defs>\r\n <filter id=\"filter0_dd_7590_677\" x=\"0\" y=\"0\" width=\"206\" height=\"144\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\r\n <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\r\n <feColorMatrix 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\" />\r\n <feMorphology radius=\"4\" operator=\"erode\" in=\"SourceAlpha\" result=\"effect1_dropShadow_7590_677\" />\r\n <feOffset dy=\"8\" />\r\n <feGaussianBlur stdDeviation=\"4\" />\r\n <feColorMatrix 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\" />\r\n <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_7590_677\" />\r\n <feColorMatrix 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\" />\r\n <feMorphology radius=\"4\" operator=\"erode\" in=\"SourceAlpha\" result=\"effect2_dropShadow_7590_677\" />\r\n <feOffset dy=\"20\" />\r\n <feGaussianBlur stdDeviation=\"12\" />\r\n <feColorMatrix 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\" />\r\n <feBlend mode=\"normal\" in2=\"effect1_dropShadow_7590_677\" result=\"effect2_dropShadow_7590_677\" />\r\n <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect2_dropShadow_7590_677\" result=\"shape\" />\r\n </filter>\r\n <linearGradient id=\"paint0_linear_7590_677\" x1=\"25.7809\" y1=\"102.769\" x2=\"22.758\" y2=\"7.58424\" gradientUnits=\"userSpaceOnUse\">\r\n <stop stop-color={`${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}`} />\r\n <stop\r\n offset=\"1\"\r\n stop-color={`${\r\n this.color === 'primary'\r\n ? 'var(--color-background-information-subtler, #C8E0F9)'\r\n : this.color === 'gray'\r\n ? 'var(--color-background-gray-subtlest, #F6F8FA)'\r\n : ''\r\n }`}\r\n />\r\n </linearGradient>\r\n </defs>\r\n </svg>\r\n )}\r\n </div>\r\n <div class={`icon_div ${this.color} ${this.size}`}>\r\n <div class={`icon ${this.size}`} innerHTML={this.leadingIconSvg}></div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"]}

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: 'd18a312ab4a4d275b9f1b2887806073e5ffd039c', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, h("div", { key: '150e9e33131d9e1383ea96845c92e9239fc62b4a', class: `input_with_label` }, this.showLabel && (h(Fragment, null, this.formatLabel ? (h("p", { class: "label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (h("p", { class: "label text-sm-medium" }, this.label)))), h("div", { key: '6987f5cfd84f0228a711e18bacf416d18ce77663', class: `input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${this.dropdownOpen ? 'focused' : ''}`, onClick: e => this.toggleDropdown(e) }, this.type === 'icon_leading' && (h("svg", { key: '83ccd0cdcfbaa5cbb149e3ed67ec693aa2b68221', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'e18de06fb56435b5d3d0adffa3699df8a9321d11', 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: "#697586", "stroke-width": "1.66667" }), h("path", { key: 'ae64324260f4e25c04d7a9ff1c56d7580e9b92e8', d: "M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z", stroke: "#697586", "stroke-width": "1.66667" }))), this.type === 'avatar_leading' && (h(Fragment, null, this.state === 'default' && (h("svg", { key: 'f3981ea88fcf9c923245b8015b9f8b322e1a6cec', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '77f97265e8d0a9dbac2ada7aa0bb2812da7bf0fc', 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: 'cd9687d359ee68eaa0b1f7776567611d4dfb0f59', 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: 'ef2d14cd0f072b7e13ff7ec887128fe863decf89', 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' ? h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null), this.type === 'dot_leading' && (h("svg", { key: '923cc41f164d2a833c7f17ffc99c37691838422f', 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: '3b7bdb64544d686b3c4c3b8f740b831ab6414d79', 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: '4212578a429b07dd785fa08a90ee9b7891680393', class: "placeholder" }, h("p", { key: '793eff242e917b281718510133120db88053b680', class: `text-${this.size}-regular`, style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'default' && this.type === 'search' && (h("div", { key: 'fd81cb2513a2ef70b78c005154f13ac3aba504d2', class: "search_input" }, h("input", { key: '2c6ea592b2b1d9a473e4f81ebebb18d07534b0bc', 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: '9d4261052ac6ecd917622bd9b053ce34d0acffab', 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: '4c7465ca44d8c469bba9b4f9689135e3f6559a3f', class: `content` }, h("div", { key: '2360a7e5445c5d416e62671951167c183bb92fbc', class: `text text-${this.size}-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, 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: '49775ecaaf96e64e87ce0eb83eb8c63be8c6da73', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, h("div", { key: '2d62a2b5c0805d46d9f0fa16eeef385256f00786', 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: '00d5c2f2a68d728731cc028395d18b365a8a2d96', class: `input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${this.dropdownOpen ? 'focused' : ''}`, onClick: e => this.toggleDropdown(e) }, this.type === 'icon_leading' && (h("svg", { key: '91fcf9a34802c490d3f0ec382418cd499e366262', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'b1d685ee76b352372d0a4c446647e953e8c02f7e', 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: "#697586", "stroke-width": "1.66667" }), h("path", { key: '219b832595aa231450bb5f279b58ebd8da66188e', d: "M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z", stroke: "#697586", "stroke-width": "1.66667" }))), this.type === 'avatar_leading' && (h(Fragment, null, this.state === 'default' && (h("svg", { key: '89985755b5af8ae26146f465fa3e76eef8ef583e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '3b4c027a0d1a0c62a217c8a685ee945935ca1aaf', 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: '509caa24e6ec0ab9a6d1701939389818ee91bba1', 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: 'c5c2bfc9bde62b032cef91e07e08a7a2550ecdda', 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' ? h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null), this.type === 'dot_leading' && (h("svg", { key: '1c6e24d6497c94f62f98be325f3783d221138eba', 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: 'fa87b20f7cfffbc5eb0828ca0206a3aa606d4d42', 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: 'a3f64c690bc5edeb47f82fc165dfaa4874f74437', class: "placeholder" }, h("p", { key: '63626fe4b11430d48a3f637c1bce19b2e0fea642', class: `text-${this.size}-regular`, style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'default' && this.type === 'search' && (h("div", { key: '16594fe54dc61816d540483aabd781b5cac4e0d2', class: "search_input" }, h("input", { key: '20973f95a8ce7253d4c4b9621ba55f7e888a0ff6', 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: '9851ed7e9921649da789c42acd62331f7124e0f5', 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: 'c77f9e2e3fb3f0f1caebb1e0ca86463459fb92d9', class: `content` }, h("div", { key: '071a8213a36d33c7a54338543b892364836cb0e0', class: `text text-${this.size}-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, 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: '8b4b25b408ddc99e1cda317ae85a8e9a3bc00137', 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: '272afa6eca4d2669db16b98377ff1274adc6f307', class: `content` }, h("div", { key: 'fb7258e918bae9c60e3a391db65eed27400280e8', 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: 'b002337876fe399a50e21403f15265aeb87c6ee2', 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: '2ab01dcf1f789db2ae5131718d2f08acf6dce928', class: `content` }, h("div", { key: '5de73cb242f7cfdb91c202c48841a1509b8f26bf', 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: 'cac851da9676f6d666d81d43584ce02d4c16ec55', 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: 'edb7b054de54347ed492c1efc297c02f8c861e87', class: `help_icon` }, h("gb-help-tooltip", { key: '956429b1d9da0c0f071984c773384b76256e51fa', "show-supporting-text": true }, h("slot", { key: 'ca9491c230d05679c0225b79ed6bb4decf9f9c64', name: "tooltip_label", slot: "label" }), h("slot", { key: 'dfb892d9292fd9e771f9b5913dba745cc7b58649', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: 'a64e083a0b218ed04fb85398a3a9a5ebd246b08e', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: '012a269f16dbba5c3e039cc7f01630c287eb6b16', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: '042af860d19285a3237d50567a6e5149d941fe0a', 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: '66eda75da229629446136cf398407a3ba74d4d3d', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (h("div", { key: 'fd9db2d8b68c755a45a5d6a9bc5ed563612e42ff', class: "dropdown_search_field" }, h("gb-input-field", { key: '66e00030d5e66e9967d7111e0d71cd5d59290ce2', 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: 'defa483fff00f5e84e86696d871317b46c7d5eaa', class: "loader_div" }, h("div", { key: 'ec33f6490b0c6e5b52e78bc3eb29fa23f2b4c24c', 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: 'b7fabbdbfe49a6422d05e9bb0c0ecf78b68df667', 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: '3574a6733e22414ec1c01c5e011bda1a712cb57a', class: `help_icon` }, h("gb-help-tooltip", { key: '9dfdda72968e314d0ae5f62c580a2cc1d400ca65', "show-supporting-text": true }, h("slot", { key: 'bb92535aef8fbca44a1ba503d0256eea75f30f95', name: "tooltip_label", slot: "label" }), h("slot", { key: 'c9549827cad964ff5ca9d3692796a82c0afd6be4', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: 'b72b548468d40ddd2c56bc4f39c82ffc2b766ff6', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: 'ecd36d88f6555372b3899f49dade92bf8f8e2f62', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: '9d19b1b2fcc594f64f2e8ba2f650c663900f6af1', 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: '2744d9ac2fc2f8e169555b4fe1b22d0f7018068f', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (h("div", { key: '66284361bd68c1ca559293fea1f075d12369c854', class: "dropdown_search_field" }, h("gb-input-field", { key: 'de4981686c25c127cb2d9bb75c7152548cc2c4b9', 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: '9230b5ebdded394f26d5fc937c246ec0a09b3777', class: "loader_div" }, h("div", { key: 'e2724d151a88089df0347135f00b08137339e180', 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