@quartzds/core 1.0.0-beta.8 → 1.0.0-beta.81

package/components/p-7f6e797a.js.map

@@ -0,0 +1 @@
+{"file":"p-7f6e797a.js","mappings":";;;;;;;;;AAAA,MAAM,QAAQ,GAAG,6lRAA6lR,CAAC;AAC/mR,uBAAe,QAAQ;;ACDvB;AACA;AACA;;;;;;;;;;;;;;;;;;MA2Ba,KAAK;;;;;;QA4ChB,qCAAmC,EAAE,EAAA;yBAxCW,OAAO;;2BAYT,SAAS;;qBAOf,MAAM;qBAEN,SAAS;;mBAUb,IAAI;;;IAmBjC,iBAAiB;QACtB,uBAAA,IAAI,8BAAwB,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,IAAI,MAAM,EAAE,CAAA;QAC3C,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,IAAI,SAAS,EAAE,CAAA;QAC9C,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,IAAI,CAAA;QAC5B,MAAM,OAAO,GACX,IAAI,CAAC,QAAQ,KAAK,SAAS;YAC3B,IAAI,CAAC,QAAQ,KAAK,EAAE;YACpB,IAAI,CAAC,OAAO,KAAK,WAAW,CAAA;QAE9B,QACE,iFACkB,IAAI,CAAC,SAAS,IAAI,OAAO,kBAC3B,IAAI,CAAC,OAAO,EAC1B,KAAK,EAAE;gBACL,CAAC,KAAK,GAAG,IAAI;gBACb,CAAC,KAAK,GAAG,IAAI;gBACb,YAAY,EAAE,IAAI;gBAClB,cAAc,EAAE,OAAO;gBACvB,gBAAgB,EAAE,uBAAA,IAAI,8CAAW;gBACjC,kBAAkB,EAAE,uBAAA,IAAI,gDAAa;aACtC,KAEG,uBAAA,IAAI,kCAAqB,IAE5B,uBAAA,IAAI,8CAAW,IAAI,0DAAG,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,MAAM,CAAK,EAC3D,EAAC,GAAG,qDAAC,KAAK,EAAC,WAAW,kBAAe,IAAI,CAAC,OAAO,IAC/C,8DAAQ,CACJ,EACL,uBAAA,IAAI,gDAAa,IAAI,0DAAG,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,QAAQ,CAAK,EAChE,OAAO,KACN,gFACc,MAAM,EAClB,KAAK,EAAC,UAAU,EAChB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,OAAO,EAAE,IAAI,CAAC,WAAW,GACzB,CACH,CACM,EACV;KACF;;;;;;;;;;;;;;;IAlDC,OAAO,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,EAAE,CAAA;AAC5D,CAAC;IAGC,OAAO,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,EAAE,CAAA;AACxD,CAAC;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/title/title.css?tag=qds-title&encapsulation=shadow","src/components/title/title.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: block;\n}\n\n.qds-titles {\n  display: grid;\n  grid-template-areas: 'title';\n\n  &.qds-has-kicker {\n    grid-template-areas:\n      'kicker'\n      'title';\n  }\n\n  &.qds-has-subtitle {\n    grid-template-areas:\n      'title'\n      'subtitle';\n  }\n\n  &.qds-has-kicker.qds-has-subtitle {\n    grid-template-areas:\n      'kicker'\n      'title'\n      'subtitle';\n  }\n}\n\n.qds-has-icon {\n  grid-template-columns: auto 1fr;\n  grid-template-areas: 'icon title';\n\n  &.qds-has-kicker {\n    grid-template-areas:\n      '.    kicker'\n      'icon title';\n  }\n\n  &.qds-has-subtitle {\n    grid-template-areas:\n      'icon title'\n      '.    subtitle';\n  }\n\n  &.qds-has-kicker.qds-has-subtitle {\n    grid-template-areas:\n      '.    kicker'\n      'icon title'\n      '.    subtitle';\n  }\n}\n\n.qds-title,\n.qds-subtitle,\n.qds-kicker {\n  margin-block: 0;\n}\n\n.qds-title {\n  grid-area: title;\n  color: var(--qds-theme-title);\n}\n\n.qds-subtitle {\n  grid-area: subtitle;\n  color: var(--qds-theme-subtitle);\n}\n\n.qds-kicker {\n  grid-area: kicker;\n  color: var(--qds-theme-kicker);\n}\n\n.qds-icon {\n  grid-area: icon;\n  align-content: center;\n  color: var(--qds-theme-text-standard);\n}\n\n.qds-main {\n  &.qds-section {\n    &.qds-titles {\n      gap: var(--qds-main-section-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-main-section-titles-gap)\n        var(--qds-main-section-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-main-section-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-main-section-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-main-section-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-main-section-titles-icon-size);\n      height: var(--qds-main-section-titles-icon-crop-height);\n    }\n  }\n\n  &.qds-subsection {\n    &.qds-titles {\n      gap: var(--qds-main-subsection-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-main-subsection-titles-gap)\n        var(--qds-main-subsection-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-main-subsection-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-main-subsection-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-main-subsection-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-main-subsection-titles-icon-size);\n      height: var(--qds-main-subsection-titles-icon-crop-height);\n    }\n  }\n}\n\n.qds-panel {\n  &.qds-root {\n    &.qds-titles {\n      gap: var(--qds-panel-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-panel-titles-gap) var(--qds-panel-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-panel-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-panel-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-panel-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-panel-titles-icon-size);\n      height: var(--qds-panel-titles-icon-crop-height);\n    }\n  }\n\n  &.qds-section {\n    &.qds-titles {\n      gap: var(--qds-panel-section-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-panel-section-titles-gap)\n        var(--qds-panel-section-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-panel-section-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-panel-section-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-panel-section-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-panel-section-titles-icon-size);\n      height: var(--qds-panel-section-titles-icon-crop-height);\n    }\n  }\n\n  &.qds-subsection {\n    &.qds-titles {\n      gap: var(--qds-panel-subsection-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-panel-subsection-titles-gap)\n        var(--qds-panel-subsection-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-panel-subsection-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-panel-subsection-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-panel-subsection-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-panel-subsection-titles-icon-size);\n      height: var(--qds-panel-subsection-titles-icon-crop-height);\n    }\n  }\n}\n\n.qds-navigation {\n  &.qds-section {\n    &.qds-titles {\n      gap: var(--qds-navigation-section-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-navigation-section-titles-gap)\n        var(--qds-navigation-section-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-navigation-section-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-navigation-section-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-navigation-section-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-navigation-section-titles-icon-size);\n      height: var(--qds-navigation-section-titles-icon-crop-height);\n    }\n  }\n\n  &.qds-subsection {\n    &.qds-titles {\n      gap: var(--qds-navigation-subsection-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-navigation-subsection-titles-gap)\n        var(--qds-navigation-subsection-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-navigation-subsection-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-navigation-subsection-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-navigation-subsection-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-navigation-subsection-titles-icon-size);\n      height: var(--qds-navigation-subsection-titles-icon-crop-height);\n    }\n  }\n}\n\n.qds-popup {\n  &.qds-root {\n    &.qds-titles {\n      gap: var(--qds-popup-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-popup-titles-gap) var(--qds-popup-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-popup-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-popup-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-popup-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-popup-titles-icon-size);\n      height: var(--qds-popup-titles-icon-crop-height);\n    }\n  }\n\n  &.qds-section {\n    &.qds-titles {\n      gap: var(--qds-popup-section-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-popup-section-titles-gap)\n        var(--qds-popup-section-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-popup-section-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-popup-section-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-popup-section-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-popup-section-titles-icon-size);\n      height: var(--qds-popup-section-titles-icon-crop-height);\n    }\n  }\n\n  &.qds-subsection {\n    &.qds-titles {\n      gap: var(--qds-popup-subsection-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-popup-subsection-titles-gap)\n        var(--qds-popup-subsection-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-popup-subsection-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-popup-subsection-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-popup-subsection-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-popup-subsection-titles-icon-size);\n      height: var(--qds-popup-subsection-titles-icon-crop-height);\n    }\n  }\n}\n\n.qds-accessory {\n  &.qds-root {\n    &.qds-titles {\n      gap: var(--qds-accessory-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-accessory-titles-gap) var(--qds-accessory-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-accessory-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-accessory-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-accessory-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-accessory-titles-icon-size);\n      height: var(--qds-accessory-titles-icon-crop-height);\n    }\n  }\n\n  &.qds-section {\n    &.qds-titles {\n      gap: var(--qds-accessory-section-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-accessory-section-titles-gap)\n        var(--qds-accessory-section-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-accessory-section-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-accessory-section-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-accessory-section-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-accessory-section-titles-icon-size);\n      height: var(--qds-accessory-section-titles-icon-crop-height);\n    }\n  }\n}\n\n[data-variant='web-promo'] {\n  &:is(.qds-root, .qds-section, .qds-subsection) {\n    &.qds-titles {\n      gap: var(--qds-main-section-hero-titles-gap);\n      margin: auto;\n    }\n\n    & .qds-title {\n      font: var(--qds-main-section-hero-title);\n    }\n  }\n}\n\n[data-alignment='start'] {\n  text-align: start;\n}\n\n[data-alignment='center'] {\n  text-align: center;\n}\n\n[data-alignment='end'] {\n  text-align: end;\n}\n\n[data-variant='web-main-section-display'] {\n  &:is(.qds-root, .qds-section, .qds-subsection) {\n    &.qds-titles {\n      gap: var(--qds-main-section-display-titles-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-main-section-display-title);\n    }\n  }\n}\n\n[data-variant='web-main-subsection-card'] {\n  &:is(.qds-root, .qds-section, .qds-subsection) {\n    &.qds-titles {\n      gap: var(--qds-main-subsection-card-titles-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-main-subsection-card-title);\n    }\n  }\n}\n\n[data-variant='web-main-section-hero'] {\n  &:is(.qds-root, .qds-section, .qds-subsection) {\n    &.qds-titles {\n      gap: var(--qds-main-section-hero-titles-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-main-section-hero-title);\n    }\n  }\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h, Prop } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\n\nexport type Layer = 'accessory' | 'main' | 'navigation' | 'panel' | 'popup'\nexport type Level = 'root' | 'section' | 'subsection'\nexport type Tag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\nexport type TitleVariant =\n  | 'web-main-section-display'\n  | 'web-main-section-hero'\n  | 'web-main-subsection-card'\n  | 'web-promo'\nexport type Alignment = 'center' | 'end' | 'start'\n\n/**\n * @slot Content to display for the title.\n * @see https://quartz.se.com/build/components/title\n */\n@Component({\n  tag: 'qds-title',\n  shadow: true,\n  styleUrl: 'title.css',\n})\nexport class Title implements ComponentInterface {\n  /**\n   * The alignment of the title.\n   */\n  @Prop() public readonly alignment?: Alignment = 'start'\n\n  /**\n   * The name of the icon to render.\n   *\n   * Available names depend on the icon library being used.\n   */\n  @Prop() public readonly iconName?: string\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly iconLibrary: string = 'default'\n\n  /**\n   * Text to display for the kicker.\n   */\n  @Prop() public readonly kicker?: string\n\n  @Prop() public readonly layer?: Layer = 'main'\n\n  @Prop() public readonly level?: Level = 'section'\n\n  /**\n   * Text to display for the subtitle.\n   */\n  @Prop() public readonly subtitle?: string\n\n  /**\n   * HTML tag to use to render the title.\n   */\n  @Prop() public readonly tag?: Tag = 'h2'\n\n  /**\n   * The title's variant.\n   */\n  @Prop() public readonly variant?: TitleVariant\n\n  @Element() private readonly host!: HTMLQdsTitleElement\n\n  #inheritedAttributes: Attributes = {}\n\n  get #hasSubtitle(): boolean {\n    return this.subtitle !== undefined && this.subtitle !== ''\n  }\n\n  get #hasKicker(): boolean {\n    return this.kicker !== undefined && this.kicker !== ''\n  }\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    const layer = `qds-${this.layer ?? 'main'}`\n    const level = `qds-${this.level ?? 'section'}`\n    const Tag = this.tag ?? 'h2'\n    const hasIcon =\n      this.iconName !== undefined &&\n      this.iconName !== '' &&\n      this.variant !== 'web-promo'\n\n    return (\n      <hgroup\n        data-alignment={this.alignment ?? 'start'}\n        data-variant={this.variant}\n        class={{\n          [layer]: true,\n          [level]: true,\n          'qds-titles': true,\n          'qds-has-icon': hasIcon,\n          'qds-has-kicker': this.#hasKicker,\n          'qds-has-subtitle': this.#hasSubtitle,\n        }}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        {this.#hasKicker && <p class=\"qds-kicker\">{this.kicker}</p>}\n        <Tag class=\"qds-title\" data-variant={this.variant}>\n          <slot />\n        </Tag>\n        {this.#hasSubtitle && <p class=\"qds-subtitle\">{this.subtitle}</p>}\n        {hasIcon && (\n          <qds-icon\n            aria-hidden=\"true\"\n            class=\"qds-icon\"\n            name={this.iconName}\n            library={this.iconLibrary}\n          />\n        )}\n      </hgroup>\n    )\n  }\n}\n"],"version":3}

package/components/p-82461767.js

@@ -0,0 +1,328 @@
+/*!
+ * SPDX-FileCopyrightText: © 2025 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-7b04d43e.js';
+import { i as inheritAriaAttributes } from './p-4141d6ed.js';
+
+const checkedSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTYuMzEgMTEuODYgMy4wOCA4LjYzbC43MS0uNzEgMi41MiAyLjUyIDUuOS01Ljk0LjcxLjd6Ii8+PC9zdmc+';
+
+const clearSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJtMTEuNDMgNS4yNi0uNzEtLjctMi43NCAyLjc2LTIuNzMtMi43Ni0uNzEuNyAyLjc0IDIuNzctMi43NCAyLjc3LjcxLjcxIDIuNzMtMi43NyAyLjc0IDIuNzcuNzEtLjcxLTIuNzQtMi43N3oiLz48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iNy41IiBzdHJva2U9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==';
+
+const draggableSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTQuOTYgMGEyLjE0OCAyLjE0OCAwIDEgMSAwIDQuMjk3QTIuMTQ4IDIuMTQ4IDAgMCAxIDQuOTYgMHpNMi44MTIgMTcuODUyYTIuMTQ4IDIuMTQ4IDAgMSAwIDQuMjk3IDAgMi4xNDggMi4xNDggMCAwIDAtNC4yOTcgMHptMC03Ljg1MmEyLjE0OCAyLjE0OCAwIDEgMCA0LjI5NyAwIDIuMTQ4IDIuMTQ4IDAgMCAwLTQuMjk3IDB6bTEwLjA3OS03Ljg1MmEyLjE0OCAyLjE0OCAwIDEgMCA0LjI5NyAwIDIuMTQ4IDIuMTQ4IDAgMCAwLTQuMjk3IDB6bTAgMTUuNzA0YTIuMTQ4IDIuMTQ4IDAgMSAwIDQuMjk3IDAgMi4xNDggMi4xNDggMCAwIDAtNC4yOTcgMHptMC03Ljg1MmEyLjE0OCAyLjE0OCAwIDEgMCA0LjI5NyAwIDIuMTQ4IDIuMTQ4IDAgMCAwLTQuMjk3IDB6Ii8+PC9zdmc+';
+
+const dropdownSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTcuOTUgMTIuMzkgMi4wNiA0Ljc2bC43OS0uNjEgNS4xMSA2LjYyIDUuMjMtNi42My43OC42MnoiLz48L3N2Zz4=';
+
+const externalLinkSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xNiAwSDIwdjYuNzJoLTEuMDNWMS43NmwtNi40NiA2LjQ2LS43My0uNzMgNi40Ni02LjQ2aC01LjA4ek0wIDNoMTEuMDV2MS4wMkgxLjAzdjE0Ljk1aDE1VjguNTNoMS4wMlYyMEgweiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+';
+
+const indeterminateSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Ik0uNSAxMGgxOSIvPjwvc3ZnPg==';
+
+const inputDateSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Ik0xLjUgOC41aDE3bS0xMiAwdjltNy05djltLTEyLTZoMTdtLTE3IDNoMTdtLTE3LTEwaDE3djEzaC0xN3ptNi0xdjJhMSAxIDAgMCAxLTIgMHYtMmExIDEgMCAwIDEgMiAwWm03IDB2MmExIDEgMCAxIDEtMiAwdi0yYTEgMSAwIDEgMSAyIDBaIi8+PC9zdmc+';
+
+const inputDatetimeLocalSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Ik0xLjUgOC41aDE3bS0xMiAwdjltNy05djltLTEyLTZoMTdtLTE3IDNoMTdtLTE3LTEwaDE3djEzaC0xN3ptNi0xdjJhMSAxIDAgMCAxLTIgMHYtMmExIDEgMCAwIDEgMiAwWm03IDB2MmExIDEgMCAxIDEtMiAwdi0yYTEgMSAwIDEgMSAyIDBaIi8+PC9zdmc+';
+
+const inputEmailSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Ik0uNSAyLjVoMTltLTE5IDB2MTVoMTl2LTE1bS0xOSAwIDkuNSA4IDkuNS04Ii8+PC9zdmc+';
+
+const inputMonthSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Ik0xLjUgOC41aDE3bS0xMiAwdjltNy05djltLTEyLTZoMTdtLTE3IDNoMTdtLTE3LTEwaDE3djEzaC0xN3ptNi0xdjJhMSAxIDAgMCAxLTIgMHYtMmExIDEgMCAwIDEgMiAwWm03IDB2MmExIDEgMCAxIDEtMiAwdi0yYTEgMSAwIDEgMSAyIDBaIi8+PC9zdmc+';
+
+const inputSearchSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTMuOTUgNi45NmgxYzAtMS4xMi45MS0yLjAyIDIuMDItMi4wMnYtMWMtMS42NyAwLTMuMDIgMS4zNi0zLjAyIDMuMDJabTEwLjA4IDYuMzZMOS45OSA5LjI4Yy42My0uNzkgMS4wMy0xLjc4IDEuMDMtMi44NmE0LjYgNC42IDAgMCAwLTQuNi00LjZjLTIuNTQgMC00LjYgMi4wNy00LjYgNC42czIuMDYgNC42IDQuNiA0LjZjMS4wOSAwIDIuMDgtLjQgMi44Ni0xLjAzbDQuMDQgNC4wNHptLTcuNjEtMy4zYy0xLjk5IDAtMy42LTEuNjItMy42LTMuNnMxLjYyLTMuNiAzLjYtMy42IDMuNiAxLjYyIDMuNiAzLjYtMS42MiAzLjYtMy42IDMuNloiLz48L3N2Zz4=';
+
+const inputTelSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIzLjg2NCIgZD0ibTEgMTUuNTAyIDIuNDcyIDIuMjcyYy42Ni0uMDE3IDEuNDY4LTEuMjU0IDIuNTI4LTIuMjcyIDIuMDg2LTIuMDAyIDIuMzc2LTIuMDc1IDIuMTc2LTIuMjM1LjE2MS4yLTIuMDA2LTEuNDgxLTIuMDA2LTEuNDgxczEuNDkyLTEuNjczIDMuMzY4LTMuMDM2YTExNyAxMTcgMCAwIDEgMy40NDItMi40MDNsLjk5NCAyLjQwM3MuOTMzLS41MzYgMi42ODgtMi4wNThDMTguMjI3IDUuMzM3IDE5LjUgNC41NTQgMTkuNSA0LjU1NGwtMi0yLjU1MlMxMi44MiAxLjc5IDYuOTMzIDYuMjI4QzIuNTc0IDkuNTEzIDEgMTUuNTAyIDEgMTUuNTAyWiIvPjwvc3ZnPg==';
+
+const inputTimeSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0ibTEzLjMxIDUgLjcxLS43MS0yLjMyLTIuMzItLjcxLjcxLjguOC0uNjQuNjRjLS44Ni0uNzEtMS45NS0xLjE2LTMuMTYtMS4xNlM1LjcgMy40IDQuODQgNC4xMWwtLjYzLS42My44LS44LS43MS0uNzEtMi4zMiAyLjMyLjcxLjcxLjgtLjguNjMuNjNhNC45NyA0Ljk3IDAgMCAwLTEuMTQgMy4xNGMwIDEuNjguODQgMy4xNiAyLjEyIDQuMDdsLTEuMjUgMS4yNS43MS43MSAxLjQ1LTEuNDVjLjYxLjI2IDEuMjguNDEgMS45OC40MXMxLjMxLS4xNCAxLjg5LS4zOGwxLjM2IDEuMzYuNzEtLjcxLTEuMTUtMS4xNWMxLjMyLS45IDIuMTktMi40MSAyLjE5LTQuMTMgMC0xLjE5LS40NC0yLjI3LTEuMTQtMy4xM2wuNjQtLjY0ek04IDExLjk3Yy0yLjIxIDAtNC0xLjc5LTQtNHMxLjc5LTQgNC00IDQgMS43OSA0IDQtMS43OSA0LTQgNFptLjQ5LTYuNTloLTF2Mi43OWwyLjE2IDIuMTYuNzEtLjcxLTEuODctMS44N3oiLz48L3N2Zz4=';
+
+const inputUrlSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xMC4wMS41djE5bTAtMTlhOS41IDkuNSAwIDAgMSA5LjUgOS41TTEwLjAxLjVDNS4zODcuNS41IDQuNS41IDEwLjVtOS41MS0xMHMtNS41MzcgMy01LjUzNyAxMC43MTZjMCA1LjI4NCA1LjUzNyA4LjI4NCA1LjUzNyA4LjI4NG0wLTE5czUuNDI2IDMgNS40MjYgMTAuNzE2YzAgNS4yODQtNS40MjYgOC4yODQtNS40MjYgOC4yODRtMCAwYy01LjA3OSAwLTkuMjI3LTMuOTg2LTkuNDg3LTkuMDAxTTEwLjAxIDE5LjVhOS41IDkuNSAwIDAgMCA5LjUtOS41bTAgMGMtLjc5NS4yNzctOS4wMSAzLjYwMy0xOS4wMTguMzgiLz48L3N2Zz4=';
+
+const inputWeekSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Ik0xLjUgOC41aDE3bS0xMiAwdjltNy05djltLTEyLTZoMTdtLTE3IDNoMTdtLTE3LTEwaDE3djEzaC0xN3ptNi0xdjJhMSAxIDAgMCAxLTIgMHYtMmExIDEgMCAwIDEgMiAwWm03IDB2MmExIDEgMCAxIDEtMiAwdi0yYTEgMSAwIDEgMSAyIDBaIi8+PC9zdmc+';
+
+const navigationSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0ibTQuNzcgMTMuOTctLjYyLS43OCA2LjYyLTUuMjMtNi42Mi01LjExLjYxLS43OSA3LjYzIDUuODl6Ii8+PC9zdmc+';
+
+const nextSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im01LjQ5NS41IDguNjY0IDguNjY0Yy40NjIuNDYyLjQ2MiAxLjIxIDAgMS42NzJMNS40OTUgMTkuNSIvPjwvc3ZnPg==';
+
+const statusErrorSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0ibTExLjQzIDUuMjYtLjcxLS43LTIuNzQgMi43Ni0yLjczLTIuNzYtLjcxLjcgMi43NCAyLjc3LTIuNzQgMi43Ny43MS43MSAyLjczLTIuNzcgMi43NCAyLjc3LjcxLS43MS0yLjc0LTIuNzd6Ii8+PC9zdmc+';
+
+const statusInfoSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNOSA0aDIuNDF2Mi4xNUg5em0uMTMgMTIuNTFWNy45N2gyLjE4djguNTR6Ii8+PC9zdmc+';
+
+const statusWarningSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNOS41NyAxMi40OGMtLjEzLS4xMi0uMi0uMjktLjIzLS41MmwtLjY3LTctLjAyLS4xOGMwLS4zNy4xMy0uNjcuMzktLjg5cy41OC0uMzMuOTgtLjMzLjcyLjExLjk4LjMzLjM5LjUyLjM5Ljg5bC0uMDIuMi0uNjcgNi45OGMtLjAyLjIzLS4xLjQtLjIzLjUyYS42NS42NSAwIDAgMS0uNDYuMTguNjUuNjUgMCAwIDEtLjQ2LS4xOHptLS41IDMuNTdhMS4zNCAxLjM0IDAgMCAxLS4zOC0uOTYgMS4zMiAxLjMyIDAgMCAxIDEuMzMtMS4zNWMuMzggMCAuNy4xMy45NS4zOXMuMzguNTguMzguOTZhMS4zMiAxLjMyIDAgMCAxLTEuMzMgMS4zNWMtLjM4IDAtLjctLjEzLS45NS0uMzlaIi8+PC9zdmc+';
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+const icons = {
+    /* eslint-disable @typescript-eslint/naming-convention */
+    clear: clearSvg,
+    checked: checkedSvg,
+    draggable: draggableSvg,
+    dropdown: dropdownSvg,
+    'external-link': externalLinkSvg,
+    'external-new-tab-link': externalLinkSvg,
+    indeterminate: indeterminateSvg,
+    'input-month': inputMonthSvg,
+    'input-tel': inputTelSvg,
+    'input-week': inputWeekSvg,
+    'input-url': inputUrlSvg,
+    'input-time': inputTimeSvg,
+    'input-date': inputDateSvg,
+    'input-datetime-local': inputDatetimeLocalSvg,
+    'input-email': inputEmailSvg,
+    'input-search': inputSearchSvg,
+    navigation: navigationSvg,
+    next: nextSvg,
+    'new-tab-link': externalLinkSvg,
+    close: statusErrorSvg,
+    'status-error': statusErrorSvg,
+    'status-info': statusInfoSvg,
+    'status-success': checkedSvg,
+    'status-warning': statusWarningSvg,
+    /* eslint-enable @typescript-eslint/naming-convention */
+};
+const coreLibrary = {
+    name: 'core',
+    resolver: (name) => icons[name] ?? '',
+};
+
+/*
+ Stencil Client Platform v4.21.0 | MIT Licensed | https://stenciljs.com
+ */
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var win = typeof window !== "undefined" ? window : {};
+var plt = {
+  $flags$: 0,
+  $resourcesUrl$: "",
+  jmp: (h2) => h2(),
+  raf: (h2) => requestAnimationFrame(h2),
+  ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
+  rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
+  ce: (eventName, opts) => new CustomEvent(eventName, opts)
+};
+
+// src/runtime/asset-path.ts
+var getAssetPath = (path) => {
+  const assetUrl = new URL(path, plt.$resourcesUrl$);
+  return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
+};
+
+// src/utils/result.ts
+var result_exports = {};
+__export(result_exports, {
+  err: () => err,
+  map: () => map,
+  ok: () => ok,
+  unwrap: () => unwrap,
+  unwrapErr: () => unwrapErr
+});
+var ok = (value) => ({
+  isOk: true,
+  isErr: false,
+  value
+});
+var err = (value) => ({
+  isOk: false,
+  isErr: true,
+  value
+});
+function map(result, fn) {
+  if (result.isOk) {
+    const val = fn(result.value);
+    if (val instanceof Promise) {
+      return val.then((newVal) => ok(newVal));
+    } else {
+      return ok(val);
+    }
+  }
+  if (result.isErr) {
+    const value = result.value;
+    return err(value);
+  }
+  throw "should never get here";
+}
+var unwrap = (result) => {
+  if (result.isOk) {
+    return result.value;
+  } else {
+    throw result.value;
+  }
+};
+var unwrapErr = (result) => {
+  if (result.isErr) {
+    return result.value;
+  } else {
+    throw result.value;
+  }
+};
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+const library = {
+    name: 'default',
+    resolver: (name) => getAssetPath(`/icons/${name}.svg`),
+};
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+let registry = [library, coreLibrary];
+/**
+ * Returns a library from the registry.
+ */
+const getIconLibrary = (name) => registry.find((library) => library.name === name);
+/**
+ * Removes an icon library from the registry.
+ */
+const unregisterIconLibrary = (name) => {
+    registry = registry.filter((library) => library.name !== name);
+};
+/**
+ * Adds an icon library to the registry or overrides an existing one.
+ */
+const registerIconLibrary = (name, options) => {
+    unregisterIconLibrary(name);
+    registry.push({
+        name,
+        ...options,
+    });
+};
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+const cachedIconRequests = new Map();
+const requestIcon = (url) => {
+    const cachedIconRequest = cachedIconRequests.get(url);
+    if (cachedIconRequest)
+        return Promise.resolve(cachedIconRequest);
+    const iconPromise = fetch(url, { mode: 'cors' }).then(async (response) => {
+        const iconResponse = {
+            ok: response.ok,
+            status: response.status,
+            data: await response.text(),
+        };
+        if (response.ok) {
+            const div = document.createElement('div');
+            div.innerHTML = iconResponse.data;
+            const child = div.firstElementChild;
+            iconResponse.data =
+                child?.tagName.toLowerCase() === 'svg' ? child.outerHTML : '';
+        }
+        cachedIconRequests.set(url, iconResponse);
+        return iconResponse;
+    });
+    cachedIconRequests.set(url, iconPromise);
+    return iconPromise;
+};
+
+const iconCss = ":host([hidden]){display:none!important}:host{display:inline-block;height:1em;width:1em}.qds-container{position:relative}.qds-icon-wrapper{display:contents}svg{display:block;fill:currentcolor;height:100%;width:100%}.qds-click-target{height:var(--qds-experimental-icon-click-target-size);left:calc((var(--qds-experimental-icon-click-target-size) - 100%)*-1/2);position:absolute;top:calc((var(--qds-experimental-icon-click-target-size) - 100%)*-1/2);width:var(--qds-experimental-icon-click-target-size)}";
+const QdsIconStyle0 = iconCss;
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _Icon_inheritedAttributes;
+let parser;
+const Icon = /*@__PURE__*/ proxyCustomElement(class Icon extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.loadEmitter = createEvent(this, "qdsLoad", 6);
+        this.errorEmitter = createEvent(this, "qdsError", 6);
+        _Icon_inheritedAttributes.set(this, {});
+        this.name = undefined;
+        this.library = 'default';
+        this.svg = '';
+    }
+    async setIcon() {
+        if (!this.name)
+            return;
+        const library = getIconLibrary(this.library);
+        if (!library)
+            return;
+        const url = library.resolver(this.name);
+        if (!url) {
+            this.svg = '';
+            return;
+        }
+        try {
+            const request = await requestIcon(url);
+            if (!request.ok) {
+                this.svg = '';
+                this.errorEmitter.emit();
+                return;
+            }
+            // Create an instance of the DOM parser. We do it here instead of at the
+            // top-level to support SSR while maintaining a single parser instance
+            // for optimal performance.
+            parser || (parser = new DOMParser());
+            const document = parser.parseFromString(request.data, 'text/html');
+            const svgElement = document.body.querySelector('svg');
+            if (svgElement === null) {
+                this.svg = '';
+                this.errorEmitter.emit();
+            }
+            else {
+                for (const [key, value] of Object.entries(__classPrivateFieldGet(this, _Icon_inheritedAttributes, "f")))
+                    if (value !== undefined)
+                        svgElement.setAttribute(key, value);
+                this.svg = svgElement.outerHTML;
+                this.loadEmitter.emit();
+            }
+        }
+        catch {
+            this.errorEmitter.emit();
+        }
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _Icon_inheritedAttributes, inheritAriaAttributes(this.host), "f");
+        await this.setIcon();
+    }
+    render() {
+        return (h("div", { key: '2316258a42f9cf304d91a3e041a3b85e8647f655', class: "qds-container" }, h("span", { key: '1a6649113e3d32c43e852b4e2acc07f51edf6e50', class: "qds-icon-wrapper", innerHTML: this.svg }), h("div", { key: 'd750af6e1818c5d30f809f669ef83b2426f6f291', class: "qds-click-target" })));
+    }
+    get host() { return this; }
+    static get watchers() { return {
+        "name": ["setIcon"],
+        "library": ["setIcon"]
+    }; }
+    static get style() { return QdsIconStyle0; }
+}, [1, "qds-icon", {
+        "name": [1],
+        "library": [1],
+        "svg": [32]
+    }, undefined, {
+        "name": ["setIcon"],
+        "library": ["setIcon"]
+    }]);
+_Icon_inheritedAttributes = new WeakMap();
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["qds-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "qds-icon":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Icon);
+            }
+            break;
+    } });
+}
+
+export { Icon as I, defineCustomElement as d, registerIconLibrary as r, unregisterIconLibrary as u };
+
+//# sourceMappingURL=p-82461767.js.map