globuswebcomponents 2.5.4 → 2.5.5

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

@@ -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, 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=\"var(--color-background-information-subtlest, #E4F0FC)\"\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'\r\n                          ? 'var(--color-background-information-subtle, #9AC7F4)'\r\n                          : this.color === 'gray'\r\n                          ? 'var(--color-background-gray-subtler, #EEF2F6)'\r\n                          : ''\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'\r\n                          ? 'var(--color-background-information-subtle, #9AC7F4)'\r\n                          : this.color === 'gray'\r\n                          ? 'var(--color-background-gray-subtler, #EEF2F6)'\r\n                          : ''\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'\r\n                          ? 'var(--color-background-information-subtle, #9AC7F4)'\r\n                          : this.color === 'gray'\r\n                          ? 'var(--color-background-gray-subtler, #EEF2F6)'\r\n                          : ''\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 d=\"M84 54.9529L148 28.1466L84.5026 0L20 27.4765L84 54.9529Z\" fill=\"var(--color-background-information-subtler, #C8E0F9)\" />\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=\"var(--color-background-information-subtlest, #E4F0FC)\"\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'\r\n                          ? 'var(--color-background-information-subtle, #9AC7F4)'\r\n                          : this.color === 'gray'\r\n                          ? 'var(--color-background-gray-subtler, #EEF2F6)'\r\n                          : ''\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'\r\n                          ? 'var(--color-background-information-subtle, #9AC7F4)'\r\n                          : this.color === 'gray'\r\n                          ? 'var(--color-background-gray-subtler, #EEF2F6)'\r\n                          : ''\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          </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"]}
+{"version":3,"file":"gb-illustration.js","sourceRoot":"","sources":["../../../src/components/gb-illustration/gb-illustration.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQxE,MAAM,OAAO,cAAc;IAL3B;QAMU,SAAI,GAAiB,IAAI,CAAC;QAC1B,UAAK,GAAkB,MAAM,CAAC;QAE9B,qBAAgB,GAAW,EAAE,CAAC;QAC9B,UAAK,GAAe,QAAQ,CAAC;QAC5B,mBAAc,GAAW,EAAE,CAAC;KAqbtC;IAnbC,KAAK,CAAC,QAAQ,CAAC,QAAgB;QAC7B,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC;QAC7C,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;QACvC,MAAM,GAAG,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QAElC,qBAAqB;QACrB,MAAM,MAAM,GAAG,IAAI,SAAS,EAAE,CAAC;QAC/B,MAAM,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC;QAC5D,MAAM,UAAU,GAAG,MAAM,CAAC,eAAe,CAAC;QAE1C,iDAAiD;QACjD,MAAM,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;QACtE,MAAM,YAAY,GAAG,UAAU,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAE/D,sBAAsB;QACtB,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC9B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACvB,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;QAEH,4CAA4C;QAC5C,MAAM,WAAW,GAAG,UAAU,CAAC,SAAS,CAAC;QAEzC,wCAAwC;QACxC,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC;IACpC,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IACvC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,sBAAsB;YAChC,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,2BAA2B,IAAI,CAAC,IAAI,EAAE;gBAC9I,+DACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,IAAI,EAAE,GACJ,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,uDAAuD,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,gDAAgD,CAAC,CAAC,CAAC,EAClK,EAAE,GACF;gBACF,+DACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,IAAI,EAAE,GACJ,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,+CAA+C,CAAC,CAAC,CAAC,EAChK,EAAE,GACF;gBACF,+DACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,CAAC,EAAC,GAAG,EACL,IAAI,EAAE,GACJ,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,+CAA+C,CAAC,CAAC,CAAC,EAChK,EAAE,GACF;gBACF,+DACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,KAAK,EACR,CAAC,EAAC,IAAI,EACN,IAAI,EAAE,GACJ,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,+CAA+C,CAAC,CAAC,CAAC,EAChK,EAAE,GACF;gBACF,+DACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,IAAI,EAAE,GACJ,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,+CAA+C,CAAC,CAAC,CAAC,EAChK,EAAE,GACF;gBACF,+DACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,IAAI,EAAE,GACJ,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,+CAA+C,CAAC,CAAC,CAAC,EAChK,EAAE,GACF,CACE;YACN,4DAAK,KAAK,EAAC,kBAAkB;gBAC3B,4DAAK,KAAK,EAAC,cAAc;oBACtB,IAAI,CAAC,iBAAiB,KAAK,OAAO,IAAI,CACrC,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,SAAS,IAAI,CAAC,IAAI,EAAE;wBAC5H,0DAAG,MAAM,EAAC,2BAA2B;4BACnC,6DACE,CAAC,EAAC,0YAA0Y,EAC5Y,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,uDAAuD,CAAC,CAAC,CAAC,2CAA2C,EAAE,GAC3I;4BACF,+DAAQ,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,IAAI,EAAC,8BAA8B,GAAG;4BACpF,+DAAQ,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,IAAI,EAAC,8BAA8B,GAAG;4BACpF,+DAAQ,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,SAAS,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAC,8BAA8B,GAAG,CAC7E;wBACJ;4BACE,+DAAQ,EAAE,EAAC,qBAAqB,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,gBAAgB,iCAA6B,MAAM;gCACvI,iFAAuB,GAAG,EAAC,MAAM,EAAC,oBAAoB,GAAG;gCACzD,sEAAe,EAAE,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,2CAA2C,EAAC,MAAM,EAAC,WAAW,GAAG;gCACtH,qEAAc,MAAM,EAAC,GAAG,EAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAC,aAAa,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCAClG,iEAAU,EAAE,EAAC,GAAG,GAAG;gCACnB,uEAAgB,YAAY,EAAC,GAAG,GAAG;gCACnC,sEAAe,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,mEAAmE,GAAG;gCAC1G,gEAAS,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,oBAAoB,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCACvF,sEAAe,EAAE,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,2CAA2C,EAAC,MAAM,EAAC,WAAW,GAAG;gCACtH,qEAAc,MAAM,EAAC,GAAG,EAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAC,aAAa,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCAClG,iEAAU,EAAE,EAAC,IAAI,GAAG;gCACpB,uEAAgB,YAAY,EAAC,IAAI,GAAG;gCACpC,sEAAe,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,mEAAmE,GAAG;gCAC1G,gEAAS,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,6BAA6B,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCAChG,gEAAS,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAC,eAAe,EAAC,GAAG,EAAC,6BAA6B,EAAC,MAAM,EAAC,OAAO,GAAG,CACtF;4BACT,uEAAgB,EAAE,EAAC,wBAAwB,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,aAAa,EAAC,gBAAgB;gCAC5H,2EACc,GACV,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,qDAAqD,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,EACvJ,EAAE,GACF;gCACF,6DAAM,MAAM,EAAC,UAAU,gBAAY,OAAO,kBAAc,GAAG,GAAG,CAC/C;4BACjB,uEAAgB,EAAE,EAAC,wBAAwB,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,SAAS,EAAC,aAAa,EAAC,gBAAgB;gCAC1H,2EACc,GACV,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,qDAAqD,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,EACvJ,EAAE,GACF;gCACF,6DAAM,MAAM,EAAC,UAAU,gBAAY,OAAO,kBAAc,GAAG,GAAG,CAC/C;4BACjB,uEAAgB,EAAE,EAAC,wBAAwB,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,SAAS,EAAC,aAAa,EAAC,gBAAgB;gCACxH,2EACc,GACV,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,qDAAqD,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,EACvJ,EAAE,GACF;gCACF,6DAAM,MAAM,EAAC,UAAU,gBAAY,OAAO,kBAAc,GAAG,GAAG,CAC/C,CACZ,CACH,CACP;oBACA,IAAI,CAAC,iBAAiB,KAAK,KAAK,IAAI,CACnC,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,OAAO,IAAI,CAAC,IAAI,EAAE;wBAC1H,0DAAG,MAAM,EAAC,2BAA2B;4BACnC,6DACE,CAAC,EAAC,kMAAkM,EACpM,IAAI,EAAC,SAAS,GACd;4BACF,6DAAM,CAAC,EAAC,0DAA0D,EAAC,IAAI,EAAC,8BAA8B,GAAG;4BACzG,6DAAM,CAAC,EAAC,gEAAgE,EAAC,IAAI,EAAC,8BAA8B,GAAG;4BAC/G,6DACE,CAAC,EAAC,0DAA0D,EAC5D,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC,CAAC,+CAA+C,EAAE,GAC9I;4BACF,6DACE,CAAC,EAAC,kHAAkH,EACpH,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,uDAAuD,CAAC,CAAC,CAAC,uCAAuC,EAAE,GACvI,CACA;wBACJ;4BACE,+DAAQ,EAAE,EAAC,qBAAqB,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,gBAAgB,iCAA6B,MAAM;gCACvI,iFAAuB,GAAG,EAAC,MAAM,EAAC,oBAAoB,GAAG;gCACzD,sEAAe,EAAE,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,2CAA2C,EAAC,MAAM,EAAC,WAAW,GAAG;gCACtH,qEAAc,MAAM,EAAC,GAAG,EAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAC,aAAa,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCAClG,iEAAU,EAAE,EAAC,GAAG,GAAG;gCACnB,uEAAgB,YAAY,EAAC,GAAG,GAAG;gCACnC,sEAAe,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,mEAAmE,GAAG;gCAC1G,gEAAS,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,oBAAoB,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCACvF,sEAAe,EAAE,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,2CAA2C,EAAC,MAAM,EAAC,WAAW,GAAG;gCACtH,qEAAc,MAAM,EAAC,GAAG,EAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAC,aAAa,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCAClG,iEAAU,EAAE,EAAC,IAAI,GAAG;gCACpB,uEAAgB,YAAY,EAAC,IAAI,GAAG;gCACpC,sEAAe,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,mEAAmE,GAAG;gCAC1G,gEAAS,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,6BAA6B,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCAChG,gEAAS,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAC,eAAe,EAAC,GAAG,EAAC,6BAA6B,EAAC,MAAM,EAAC,OAAO,GAAG,CACtF;4BACT,uEAAgB,EAAE,EAAC,wBAAwB,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,aAAa,EAAC,gBAAgB;gCACvH,2EACc,GACV,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,qDAAqD,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,EACvJ,EAAE,GACF;gCACF,6DACE,MAAM,EAAC,GAAG,gBACE,GACV,IAAI,CAAC,KAAK,KAAK,SAAS;wCACtB,CAAC,CAAC,sDAAsD;wCACxD,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM;4CACvB,CAAC,CAAC,+CAA+C;4CACjD,CAAC,CAAC,EACN,EAAE,GACF,CACa;4BACjB,uEAAgB,EAAE,EAAC,wBAAwB,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,QAAQ,EAAC,aAAa,EAAC,gBAAgB;gCAC3H,2EACc,GACV,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,qDAAqD,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,EACvJ,EAAE,GACF;gCACF,6DACE,MAAM,EAAC,GAAG,gBACE,GACV,IAAI,CAAC,KAAK,KAAK,SAAS;wCACtB,CAAC,CAAC,sDAAsD;wCACxD,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM;4CACvB,CAAC,CAAC,+CAA+C;4CACjD,CAAC,CAAC,EACN,EAAE,GACF,CACa,CACZ,CACH,CACP;oBACA,IAAI,CAAC,iBAAiB,KAAK,WAAW,IAAI,CACzC,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,aAAa,IAAI,CAAC,IAAI,EAAE;wBAChI,0DAAG,MAAM,EAAC,2BAA2B;4BACnC,6DACE,CAAC,EAAC,kPAAkP,EACpP,IAAI,EAAC,8BAA8B,GACnC,CACA;wBACJ,6DACE,CAAC,EAAC,kEAAkE,EACpE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,qDAAqD,CAAC,CAAC,CAAC,uCAAuC,EAAE,GACrI;wBACF,0DAAG,MAAM,EAAC,2BAA2B;4BACnC,6DACE,CAAC,EAAC,gMAAgM,EAClM,IAAI,EAAC,8BAA8B,GACnC,CACA;wBACJ,6DACE,CAAC,EAAC,2DAA2D,EAC7D,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,qDAAqD,CAAC,CAAC,CAAC,uCAAuC,EAAE,GACrI;wBACF,0DAAG,MAAM,EAAC,2BAA2B;4BACnC,6DACE,CAAC,EAAC,8OAA8O,EAChP,IAAI,EAAC,8BAA8B,GACnC,CACA;wBACJ,6DACE,CAAC,EAAC,mEAAmE,EACrE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,qDAAqD,CAAC,CAAC,CAAC,uCAAuC,EAAE,GACrI;wBACF;4BACE,+DAAQ,EAAE,EAAC,qBAAqB,EAAC,CAAC,EAAC,UAAU,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,gBAAgB,iCAA6B,MAAM;gCACxJ,iFAAuB,GAAG,EAAC,MAAM,EAAC,oBAAoB,GAAG;gCACzD,sEAAe,EAAE,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,2CAA2C,EAAC,MAAM,EAAC,WAAW,GAAG;gCACtH,qEAAc,MAAM,EAAC,GAAG,EAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAC,aAAa,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCAClG,iEAAU,EAAE,EAAC,GAAG,GAAG;gCACnB,uEAAgB,YAAY,EAAC,GAAG,GAAG;gCACnC,sEAAe,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,mEAAmE,GAAG;gCAC1G,gEAAS,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,oBAAoB,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCACvF,sEAAe,EAAE,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,2CAA2C,EAAC,MAAM,EAAC,WAAW,GAAG;gCACtH,qEAAc,MAAM,EAAC,GAAG,EAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAC,aAAa,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCAClG,iEAAU,EAAE,EAAC,IAAI,GAAG;gCACpB,uEAAgB,YAAY,EAAC,IAAI,GAAG;gCACpC,sEAAe,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,mEAAmE,GAAG;gCAC1G,gEAAS,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,6BAA6B,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCAChG,gEAAS,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAC,eAAe,EAAC,GAAG,EAAC,6BAA6B,EAAC,MAAM,EAAC,OAAO,GAAG,CACtF;4BACT,+DAAQ,EAAE,EAAC,qBAAqB,EAAC,CAAC,EAAC,OAAO,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,gBAAgB,iCAA6B,MAAM;gCAC/I,iFAAuB,GAAG,EAAC,MAAM,EAAC,oBAAoB,GAAG;gCACzD,sEAAe,EAAE,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,2CAA2C,EAAC,MAAM,EAAC,WAAW,GAAG;gCACtH,qEAAc,MAAM,EAAC,GAAG,EAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAC,aAAa,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCAClG,iEAAU,EAAE,EAAC,GAAG,GAAG;gCACnB,uEAAgB,YAAY,EAAC,GAAG,GAAG;gCACnC,sEAAe,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,mEAAmE,GAAG;gCAC1G,gEAAS,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,oBAAoB,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCACvF,sEAAe,EAAE,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,2CAA2C,EAAC,MAAM,EAAC,WAAW,GAAG;gCACtH,qEAAc,MAAM,EAAC,GAAG,EAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAC,aAAa,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCAClG,iEAAU,EAAE,EAAC,IAAI,GAAG;gCACpB,uEAAgB,YAAY,EAAC,IAAI,GAAG;gCACpC,sEAAe,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,mEAAmE,GAAG;gCAC1G,gEAAS,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,6BAA6B,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCAChG,gEAAS,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAC,eAAe,EAAC,GAAG,EAAC,6BAA6B,EAAC,MAAM,EAAC,OAAO,GAAG,CACtF;4BACT,+DAAQ,EAAE,EAAC,qBAAqB,EAAC,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,WAAW,EAAC,gBAAgB,iCAA6B,MAAM;gCACvJ,iFAAuB,GAAG,EAAC,MAAM,EAAC,oBAAoB,GAAG;gCACzD,sEAAe,EAAE,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,2CAA2C,EAAC,MAAM,EAAC,WAAW,GAAG;gCACtH,qEAAc,MAAM,EAAC,GAAG,EAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAC,aAAa,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCAClG,iEAAU,EAAE,EAAC,GAAG,GAAG;gCACnB,uEAAgB,YAAY,EAAC,GAAG,GAAG;gCACnC,sEAAe,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,mEAAmE,GAAG;gCAC1G,gEAAS,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,oBAAoB,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCACvF,sEAAe,EAAE,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,2CAA2C,EAAC,MAAM,EAAC,WAAW,GAAG;gCACtH,qEAAc,MAAM,EAAC,GAAG,EAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAC,aAAa,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCAClG,iEAAU,EAAE,EAAC,IAAI,GAAG;gCACpB,uEAAgB,YAAY,EAAC,IAAI,GAAG;gCACpC,sEAAe,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,mEAAmE,GAAG;gCAC1G,gEAAS,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,6BAA6B,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCAChG,gEAAS,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAC,eAAe,EAAC,GAAG,EAAC,6BAA6B,EAAC,MAAM,EAAC,OAAO,GAAG,CACtF;4BACT,uEAAgB,EAAE,EAAC,wBAAwB,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,aAAa,EAAC,gBAAgB;gCAC5H,2EAAkB,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,qDAAqD,CAAC,CAAC,CAAC,uCAAuC,EAAE,GAAI;gCACrJ,6DACE,MAAM,EAAC,GAAG,gBACE,GACV,IAAI,CAAC,KAAK,KAAK,SAAS;wCACtB,CAAC,CAAC,uDAAuD;wCACzD,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM;4CACvB,CAAC,CAAC,gDAAgD;4CAClD,CAAC,CAAC,EACN,EAAE,GACF,CACa;4BACjB,uEAAgB,EAAE,EAAC,wBAAwB,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,aAAa,EAAC,gBAAgB;gCAC5H,2EAAkB,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,qDAAqD,CAAC,CAAC,CAAC,uCAAuC,EAAE,GAAI;gCACrJ,6DACE,MAAM,EAAC,GAAG,gBACE,GACV,IAAI,CAAC,KAAK,KAAK,SAAS;wCACtB,CAAC,CAAC,uDAAuD;wCACzD,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM;4CACvB,CAAC,CAAC,gDAAgD;4CAClD,CAAC,CAAC,EACN,EAAE,GACF,CACa;4BACjB,uEAAgB,EAAE,EAAC,wBAAwB,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,aAAa,EAAC,gBAAgB;gCAC5H,2EAAkB,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,qDAAqD,CAAC,CAAC,CAAC,uCAAuC,EAAE,GAAI;gCACrJ,6DACE,MAAM,EAAC,GAAG,gBACE,GACV,IAAI,CAAC,KAAK,KAAK,SAAS;wCACtB,CAAC,CAAC,uDAAuD;wCACzD,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM;4CACvB,CAAC,CAAC,gDAAgD;4CAClD,CAAC,CAAC,EACN,EAAE,GACF,CACa,CACZ,CACH,CACP;oBACA,IAAI,CAAC,iBAAiB,KAAK,aAAa,IAAI,CAC3C,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,eAAe,IAAI,CAAC,IAAI,EAAE;wBAClI,0DAAG,MAAM,EAAC,2BAA2B;4BACnC,6DAAM,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,EAAE,EAAC,SAAS,EAAC,IAAI,EAAC,8BAA8B,GAAG;4BACzF,6DACE,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,QAAQ,EACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,QAAQ,EACX,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,qDAAqD,CAAC,CAAC,CAAC,uCAAuC,EAAE,GACrI;4BACF,+DACE,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,CAAC,EAAC,QAAQ,EACV,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,qDAAqD,CAAC,CAAC,CAAC,uCAAuC,EAAE,GACrI;4BACF,+DACE,EAAE,EAAC,SAAS,EACZ,EAAE,EAAC,SAAS,EACZ,CAAC,EAAC,QAAQ,EACV,IAAI,EAAE,GACJ,IAAI,CAAC,KAAK,KAAK,SAAS;oCACtB,CAAC,CAAC,sDAAsD;oCACxD,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM;wCACvB,CAAC,CAAC,8CAA8C;wCAChD,CAAC,CAAC,EACN,EAAE,GACF;4BACF,6DACE,CAAC,EAAC,gOAAgO,EAClO,IAAI,EAAE,GACJ,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,EACxJ,EAAE,GACF;4BACF,6DACE,CAAC,EAAC,gOAAgO,EAClO,IAAI,EAAE,GACJ,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,EACxJ,EAAE,GACF;4BACF,6DACE,CAAC,EAAC,gOAAgO,EAClO,IAAI,EAAE,GACJ,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,EACxJ,EAAE,GACF;4BACF,6DACE,CAAC,EAAC,2NAA2N,EAC7N,IAAI,EAAE,GACJ,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,EACxJ,EAAE,GACF,CACA;wBACJ;4BACE,+DAAQ,EAAE,EAAC,qBAAqB,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,WAAW,EAAC,gBAAgB,iCAA6B,MAAM;gCACnI,iFAAuB,GAAG,EAAC,MAAM,EAAC,oBAAoB,GAAG;gCACzD,sEAAe,EAAE,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,2CAA2C,EAAC,MAAM,EAAC,WAAW,GAAG;gCACtH,qEAAc,MAAM,EAAC,GAAG,EAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAC,aAAa,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCAClG,iEAAU,EAAE,EAAC,GAAG,GAAG;gCACnB,uEAAgB,YAAY,EAAC,GAAG,GAAG;gCACnC,sEAAe,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,mEAAmE,GAAG;gCAC1G,gEAAS,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,oBAAoB,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCACvF,sEAAe,EAAE,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,2CAA2C,EAAC,MAAM,EAAC,WAAW,GAAG;gCACtH,qEAAc,MAAM,EAAC,GAAG,EAAC,QAAQ,EAAC,OAAO,EAAC,EAAE,EAAC,aAAa,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCAClG,iEAAU,EAAE,EAAC,IAAI,GAAG;gCACpB,uEAAgB,YAAY,EAAC,IAAI,GAAG;gCACpC,sEAAe,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,mEAAmE,GAAG;gCAC1G,gEAAS,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,6BAA6B,EAAC,MAAM,EAAC,6BAA6B,GAAG;gCAChG,gEAAS,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAC,eAAe,EAAC,GAAG,EAAC,6BAA6B,EAAC,MAAM,EAAC,OAAO,GAAG,CACtF;4BACT,uEAAgB,EAAE,EAAC,wBAAwB,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,EAAE,EAAC,QAAQ,EAAC,EAAE,EAAC,SAAS,EAAC,aAAa,EAAC,gBAAgB;gCAC3H,2EAAkB,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,qDAAqD,CAAC,CAAC,CAAC,8CAA8C,EAAE,GAAI;gCAC5J,6DACE,MAAM,EAAC,GAAG,gBACE,GACV,IAAI,CAAC,KAAK,KAAK,SAAS;wCACtB,CAAC,CAAC,sDAAsD;wCACxD,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM;4CACvB,CAAC,CAAC,gDAAgD;4CAClD,CAAC,CAAC,EACN,EAAE,GACF,CACa,CACZ,CACH,CACP,CACG;gBACN,4DAAK,KAAK,EAAE,YAAY,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,EAAE;oBAC/C,4DAAK,KAAK,EAAE,QAAQ,IAAI,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,GAAQ,CACnE,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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

@@ -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: 'a08c8ff0005138c4aee4289a98c815a5204f2f84', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, h("div", { key: '6c942ae9c9c56cfec3721e479b3850b47d375565', 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: 'd40bc9346dc449f5b8b2493246f0fc6421016620', 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: '0c139449994eef595711d744ded7f5e98256890a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '7ff723fa4286617994293a6d323974ed7e63539a', 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: '14bb4a35c1ae2b572f19c25982ca17a9e0e7ede1', 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: '87a7536899e10bdd8d0b66e00028c26404348864', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'f1ba61c07548ea99d7f696cfd3a063ad4f6524e4', 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: '25e57cbc84001246e2baa98f798da5ec17447e47', 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: '5c8a907e351aff63c5ac16ced0d3bd33ecfc02ca', 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: '16f724df65f72b491d0353295aca54ce4f6bd4a8', 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: '1bab5ab5752293e9aa857fff56e12650fa20f23b', 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: 'd28e92b19adc6de419f52638c8f5b40dd3e5e24a', class: "placeholder" }, h("p", { key: '08b877e446ab79ce0e548d5bfac7a70bf94d1dd4', class: `text-${this.size}-regular`, style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'default' && this.type === 'search' && (h("div", { key: '1c76a6ed13d7840ae705f05c299aa93726e0d1b1', class: "search_input" }, h("input", { key: '0ebf9381e2beaff2bf7b20b7d61079c5c96e4689', 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: '399bb12c343c6c1e371c3dcd1dc78f81e05fe46c', 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: '274fb8f21ddf92db1408fa5c73575da035ea52ff', class: `content` }, h("div", { key: '494d658a4ca4a3ea135e877e9c61cb191958bb5e', 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: 'b08834b64f0839d0a96e1f11a8a2d6ad3168154c', 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: '2611c07d4a571721502ad4f5e25fb37888b6facf', class: `content` }, h("div", { key: '11a88276f5e7d842591c241389f2ed1b36c10fc1', 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: 'a8dfbe8957ca43be45f88e2018e260e6b6920f13', 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: '58cfd9fc01ea4dc6761525f5b6d9c469c5e49009', class: `help_icon` }, h("gb-help-tooltip", { key: 'f7072c770264723851021851ea26fa9c8f7c0f47', "show-supporting-text": true }, h("slot", { key: '4d469fb73c60ad7e0e5fe39685eba2edcc69d94e', name: "tooltip_label", slot: "label" }), h("slot", { key: '2970bfc0ca2e7bf8d65a9654c0d14f22b5cc07b7', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (h("div", { key: '1644280a7d2bdebe577cd05b3b04b472ec52a286', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, h("svg", { key: '53ca8ad9e42c5aa45e4132798fd2e4c25273e553', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, h("path", { key: '786ebe274178a6c9c032b889b1cbd01b92e975fa', 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: '449da8643249f0b002dfd71a9f80945c0bd3a860', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (h("div", { key: 'ed89f83d37ad5fc6c6a46eec220cfde6b04d50cc', class: "dropdown_search_field" }, h("gb-input-field", { key: '4d1160ade34ee39796a2ed9f26ffe4756e096ced', 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: '44871e5cb6b796c540159639fc6fd1e1df06f5c0', class: "loader_div" }, h("div", { key: '74d78255ad677ebee301d802d7bac67cb52ca14c', 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