@quartzds/core 1.0.0-beta.45 → 1.0.0-beta.47

package/components/icon.js

@@ -171,7 +171,7 @@ const Icon = /*@__PURE__*/ proxyCustomElement(class Icon extends HTMLElement {
         await this.setIcon();
     }
     render() {
-        return (h("div", { key: '23d93a6d9eb2a154db09631f15c176706922f83e', class: "qds-container" }, h("span", { key: '85e1b458cb76a609585cf90eea93cdf8e8d5f9c0', class: "qds-icon-wrapper", innerHTML: this.svg }), h("div", { key: '7bc147c5cbff4959a5409e24083fbc8d46140605', class: "qds-click-target" })));
+        return (h("div", { key: '1012e07bb7662d604a19683c8b467150b89a68aa', class: "qds-container" }, h("span", { key: '63e40f52bdf958def66e2eea75488b3be2e73404', class: "qds-icon-wrapper", innerHTML: this.svg }), h("div", { key: '1b56ff7fd24748a9ae9de4a56d617daf42f44fbd', class: "qds-click-target" })));
     }
     get element() { return this; }
     static get watchers() { return {

package/components/index.d.ts

@@ -1,4 +1,6 @@
 /* qds custom elements */
+export { QdsBreadcrumbItem as QdsBreadcrumbItem } from '../dist/types/components/breadcrumb-item/breadcrumb-item';
+export { defineCustomElement as defineCustomElementQdsBreadcrumbItem } from './qds-breadcrumb-item';
 export { Button as QdsButton } from '../dist/types/components/button/button';
 export { defineCustomElement as defineCustomElementQdsButton } from './qds-button';
 export { Checkbox as QdsCheckbox } from '../dist/types/components/checkbox/checkbox';

package/components/index.js

@@ -5,6 +5,7 @@
  */
 export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
 export { r as registerIconLibrary, u as unregisterIconLibrary } from './icon.js';
+export { QdsBreadcrumbItem, defineCustomElement as defineCustomElementQdsBreadcrumbItem } from './qds-breadcrumb-item.js';
 export { QdsButton, defineCustomElement as defineCustomElementQdsButton } from './qds-button.js';
 export { QdsCheckbox, defineCustomElement as defineCustomElementQdsCheckbox } from './qds-checkbox.js';
 export { QdsChip, defineCustomElement as defineCustomElementQdsChip } from './qds-chip.js';

package/components/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEA,MAAM,WAAW,GAAG,CAAC,KAAwB;IAC3C,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAA;IAClE,IAAI,OAAO,KAAK,KAAK,QAAQ;QAC3B,OAAO,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,SAAS,IAAI,SAAS,CAAA;IAC9D,OAAO,KAAK,CAAC,SAAS,CAAA;AACxB,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CACjB,IAAY,EACZ,SAAoC;IAEpC,IAAI,CAAC,SAAS;QAAE,OAAO,SAAS,CAAA;IAEhC,MAAM,MAAM,GAAG,OAAO,IAAI,GAAG,CAAA;IAE7B,OAAO,CAAC,GAAG,SAAS,CAAC;SAClB,IAAI,CAAC,CAAC,KAAa,KAAsB,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;UACjE,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAA;AACzB,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CACjB,IAAY,EACZ,KAAa,EACb,OAA0B;IAE1B,MAAM,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC,CAAA;IACtC,IAAI,SAAS,KAAK,SAAS;QAAE,OAAM;IAEnC,MAAM,MAAM,GAAG,OAAO,IAAI,GAAG,CAAA;IAE7B,MAAM,cAAc,GAAG,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;IAClD,IAAI,cAAc,KAAK,SAAS;QAC9B,SAAS,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,cAAc,EAAE,CAAC,CAAA;IAChD,SAAS,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,KAAK,EAAE,CAAC,CAAA;AACpC,CAAC,CAAA;AAID;;;;;;;;;;;;;;MAca,WAAW,GAAG,CACzB,OAAyB,KACF,UAAU,CAAC,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,EAAC;AAErE;;;;;;;;;;;;;;;MAea,WAAW,GAAG,CAKzB,QAAqB,EACrB,OAAyB;IAEzB,UAAU,CAAC,UAAU,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;AAC3C,EAAC;AAED;;;;;;;;;;;;;;MAca,QAAQ,GAAG,CACtB,OAAyB,KACF,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,EAAC;AAElE;;;;;;;;;;;;;;;MAea,QAAQ,GAAG,CAKtB,KAAkB,EAClB,OAAyB;IAEzB,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;AACrC;;;;","names":[],"sources":["src/utils.ts"],"sourcesContent":["// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nconst toClassList = (value?: Element | string): DOMTokenList | undefined => {\n  if (value === undefined) return document.documentElement.classList\n  if (typeof value === 'string')\n    return document.querySelector(value)?.classList ?? undefined\n  return value.classList\n}\n\nconst getVariant = (\n  type: string,\n  classList?: DOMTokenList | undefined,\n): string | undefined => {\n  if (!classList) return undefined\n\n  const prefix = `qds-${type}-`\n\n  return [...classList]\n    .find((value: string): value is string => value.startsWith(prefix))\n    ?.replace(prefix, '')\n}\n\nconst setVariant = (\n  type: string,\n  value: string,\n  element?: Element | string,\n): void => {\n  const classList = toClassList(element)\n  if (classList === undefined) return\n\n  const prefix = `qds-${type}-`\n\n  const currentVariant = getVariant(type, classList)\n  if (currentVariant !== undefined)\n    classList.remove(`${prefix}${currentVariant}`)\n  classList.add(`${prefix}${value}`)\n}\n\ntype NonEmpty<T extends string = string> = T extends '' ? never : T\n\n/**\n * Get the currently set platform.\n *\n * @param element The element where the platform will be retrieved from. Can be\n * either:\n *\n * - A non-empty CSS selector string\n * - A reference to an\n * [`Element`](https://developer.mozilla.org/docs/Web/API/Element)\n *\n * By default, this is the root node of the current document.\n *\n * @returns The currently set platform if one is set, `undefined` otherwise.\n */\nexport const getPlatform = <S extends string, E extends Element = Element>(\n  element?: E | NonEmpty<S>,\n): string | undefined => getVariant('platform', toClassList(element))\n\n/**\n * Sets the current platform.\n *\n * The current platform represented by a `qds-platform-`-prefixed CSS class\n * will be removed.\n *\n * @param platform The platform to set. Must be a non-empty value.\n * @param element The element where the platform will be set. Can be either:\n *\n * - A non-empty CSS selector string\n * - A reference to an\n * [`Element`](https://developer.mozilla.org/docs/Web/API/Element)\n *\n * By default, this is the root node of the current document.\n */\nexport const setPlatform = <\n  P extends string,\n  S extends string = string,\n  E extends Element = Element,\n>(\n  platform: NonEmpty<P>,\n  element?: E | NonEmpty<S>,\n): void => {\n  setVariant('platform', platform, element)\n}\n\n/**\n * Get the currently set theme.\n *\n * @param element The element where the theme will be retrieved from. Can be\n * either:\n *\n * - A non-empty CSS selector string\n * - A reference to an\n * [`Element`](https://developer.mozilla.org/docs/Web/API/Element)\n *\n * By default, this is the root node of the current document.\n *\n * @returns The currently set theme if one is set, `undefined` otherwise.\n */\nexport const getTheme = <S extends string, E extends Element = Element>(\n  element?: E | NonEmpty<S>,\n): string | undefined => getVariant('theme', toClassList(element))\n\n/**\n * Sets the current theme.\n *\n * The current theme represented by a `qds-theme-`-prefixed CSS class will be\n * removed.\n *\n * @param theme The theme to set. Must be a non-empty value.\n * @param element The element where the theme will be set. Can be either:\n *\n * - A non-empty CSS selector string\n * - A reference to an\n * [`Element`](https://developer.mozilla.org/docs/Web/API/Element)\n *\n * By default, this is the root node of the current document.\n */\nexport const setTheme = <\n  T extends string,\n  S extends string = string,\n  E extends Element = Element,\n>(\n  theme: NonEmpty<T>,\n  element?: E | NonEmpty<S>,\n): void => {\n  setVariant('theme', theme, element)\n}\n"],"version":3}
+{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEA,MAAM,WAAW,GAAG,CAAC,KAAwB;IAC3C,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAA;IAClE,IAAI,OAAO,KAAK,KAAK,QAAQ;QAC3B,OAAO,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,SAAS,IAAI,SAAS,CAAA;IAC9D,OAAO,KAAK,CAAC,SAAS,CAAA;AACxB,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CACjB,IAAY,EACZ,SAAoC;IAEpC,IAAI,CAAC,SAAS;QAAE,OAAO,SAAS,CAAA;IAEhC,MAAM,MAAM,GAAG,OAAO,IAAI,GAAG,CAAA;IAE7B,OAAO,CAAC,GAAG,SAAS,CAAC;SAClB,IAAI,CAAC,CAAC,KAAa,KAAsB,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;UACjE,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAA;AACzB,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CACjB,IAAY,EACZ,KAAa,EACb,OAA0B;IAE1B,MAAM,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC,CAAA;IACtC,IAAI,SAAS,KAAK,SAAS;QAAE,OAAM;IAEnC,MAAM,MAAM,GAAG,OAAO,IAAI,GAAG,CAAA;IAE7B,MAAM,cAAc,GAAG,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;IAClD,IAAI,cAAc,KAAK,SAAS;QAC9B,SAAS,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,cAAc,EAAE,CAAC,CAAA;IAChD,SAAS,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,KAAK,EAAE,CAAC,CAAA;AACpC,CAAC,CAAA;AAID;;;;;;;;;;;;;;MAca,WAAW,GAAG,CACzB,OAAyB,KACF,UAAU,CAAC,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,EAAC;AAErE;;;;;;;;;;;;;;;MAea,WAAW,GAAG,CAKzB,QAAqB,EACrB,OAAyB;IAEzB,UAAU,CAAC,UAAU,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;AAC3C,EAAC;AAED;;;;;;;;;;;;;;MAca,QAAQ,GAAG,CACtB,OAAyB,KACF,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,EAAC;AAElE;;;;;;;;;;;;;;;MAea,QAAQ,GAAG,CAKtB,KAAkB,EAClB,OAAyB;IAEzB,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;AACrC;;;;","names":[],"sources":["src/utils.ts"],"sourcesContent":["// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nconst toClassList = (value?: Element | string): DOMTokenList | undefined => {\n  if (value === undefined) return document.documentElement.classList\n  if (typeof value === 'string')\n    return document.querySelector(value)?.classList ?? undefined\n  return value.classList\n}\n\nconst getVariant = (\n  type: string,\n  classList?: DOMTokenList | undefined,\n): string | undefined => {\n  if (!classList) return undefined\n\n  const prefix = `qds-${type}-`\n\n  return [...classList]\n    .find((value: string): value is string => value.startsWith(prefix))\n    ?.replace(prefix, '')\n}\n\nconst setVariant = (\n  type: string,\n  value: string,\n  element?: Element | string,\n): void => {\n  const classList = toClassList(element)\n  if (classList === undefined) return\n\n  const prefix = `qds-${type}-`\n\n  const currentVariant = getVariant(type, classList)\n  if (currentVariant !== undefined)\n    classList.remove(`${prefix}${currentVariant}`)\n  classList.add(`${prefix}${value}`)\n}\n\ntype NonEmpty<T extends string = string> = T extends '' ? never : T\n\n/**\n * Get the currently set platform.\n *\n * @param element The element where the platform will be retrieved from. Can be\n * either:\n *\n * - A non-empty CSS selector string\n * - A reference to an\n * [`Element`](https://developer.mozilla.org/docs/Web/API/Element)\n *\n * By default, this is the root node of the current document.\n *\n * @returns The currently set platform if one is set, `undefined` otherwise.\n */\nexport const getPlatform = <S extends string, E extends Element = Element>(\n  element?: E | NonEmpty<S>,\n): string | undefined => getVariant('platform', toClassList(element))\n\n/**\n * Sets the current platform.\n *\n * The current platform represented by a `qds-platform-`-prefixed CSS class\n * will be removed.\n *\n * @param platform The platform to set. Must be a non-empty value.\n * @param element The element where the platform will be set. Can be either:\n *\n * - A non-empty CSS selector string\n * - A reference to an\n * [`Element`](https://developer.mozilla.org/docs/Web/API/Element)\n *\n * By default, this is the root node of the current document.\n */\nexport const setPlatform = <\n  P extends string,\n  S extends string = string,\n  E extends Element = Element,\n>(\n  platform: NonEmpty<P>,\n  element?: E | NonEmpty<S>,\n): void => {\n  setVariant('platform', platform, element)\n}\n\n/**\n * Get the currently set theme.\n *\n * @param element The element where the theme will be retrieved from. Can be\n * either:\n *\n * - A non-empty CSS selector string\n * - A reference to an\n * [`Element`](https://developer.mozilla.org/docs/Web/API/Element)\n *\n * By default, this is the root node of the current document.\n *\n * @returns The currently set theme if one is set, `undefined` otherwise.\n */\nexport const getTheme = <S extends string, E extends Element = Element>(\n  element?: E | NonEmpty<S>,\n): string | undefined => getVariant('theme', toClassList(element))\n\n/**\n * Sets the current theme.\n *\n * The current theme represented by a `qds-theme-`-prefixed CSS class will be\n * removed.\n *\n * @param theme The theme to set. Must be a non-empty value.\n * @param element The element where the theme will be set. Can be either:\n *\n * - A non-empty CSS selector string\n * - A reference to an\n * [`Element`](https://developer.mozilla.org/docs/Web/API/Element)\n *\n * By default, this is the root node of the current document.\n */\nexport const setTheme = <\n  T extends string,\n  S extends string = string,\n  E extends Element = Element,\n>(\n  theme: NonEmpty<T>,\n  element?: E | NonEmpty<S>,\n): void => {\n  setVariant('theme', theme, element)\n}\n"],"version":3}

package/components/label.js

@@ -36,7 +36,7 @@ const Label = /*@__PURE__*/ proxyCustomElement(class Label extends HTMLElement {
         this.inheritedAttributes = inheritAriaAttributes(this.element);
     }
     render() {
-        return (h("span", { key: 'b52a86b8c2b95cfecdadf8e5bbc29b4bd69972c3', class: {
+        return (h("span", { key: 'f1257289eedac17d7a3edb755c8e75358efb2a54', class: {
                 'qds-inline': this.inline,
                 'qds-label': true,
             }, "data-size": this.computedSize, ...this.inheritedAttributes }, this.required && h("span", { class: "qds-required" }, "*"), this.text));

package/components/qds-breadcrumb-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface QdsBreadcrumbItem extends Components.QdsBreadcrumbItem, HTMLElement {}
+export const QdsBreadcrumbItem: {
+    prototype: QdsBreadcrumbItem;
+    new (): QdsBreadcrumbItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/qds-breadcrumb-item.js

@@ -0,0 +1,57 @@
+/*!
+ * SPDX-FileCopyrightText: © 2024 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const breadcrumbItemCss = ":host{display:block}.qds-breadcrumb-item{display:inline-flex;height:var(--qds-control-standard-height);align-items:center;gap:var(--qds-control-standard-gap-siblings-related);flex-shrink:0;list-style:none}.qds-text{color:var(--qds-theme-control-text-standard);font:var(--qds-control-standard-text);-webkit-text-decoration:none;text-decoration:none}a.qds-text:active,a.qds-text:hover{-webkit-text-decoration:underline;text-decoration:underline}.qds-text:focus-visible{outline:var(--qds-focus-border-width) solid var(--qds-theme-focus-border);outline-offset:var(--qds-focus-border-offset);border-radius:var(--qds-focus-border-radius)}.qds-divider{color:var(--qds-theme-control-text-standard);font:var(--qds-control-standard-text)}";
+const QdsBreadcrumbItemStyle0 = breadcrumbItemCss;
+
+const QdsBreadcrumbItem$1 = /*@__PURE__*/ proxyCustomElement(class QdsBreadcrumbItem extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.href = undefined;
+        this.target = undefined;
+        this.text = undefined;
+        this.hreflang = undefined;
+        this.referrerPolicy = undefined;
+        this.rel = undefined;
+    }
+    render() {
+        const Tag = this.href === undefined ? 'li' : 'a';
+        const isAnchor = Tag === 'a';
+        return (h("div", { key: '5534cf341272c16e2927635759e6c3dba9036d8b', class: "qds-breadcrumb-item" }, h(Tag, { key: 'cc761393aa2977e3e69b1fe9f09217aa8bf49bb9', href: isAnchor ? this.href : undefined, hreflang: isAnchor ? this.hreflang : undefined, "aria-current": isAnchor ? undefined : true, class: "qds-text", target: isAnchor ? this.target : undefined, referrerPolicy: isAnchor ? this.referrerPolicy : undefined, rel: isAnchor ? this.rel : undefined }, this.text), isAnchor && (h("span", { "aria-hidden": "true", class: "qds-divider" }, "/"))));
+    }
+    static get delegatesFocus() { return true; }
+    static get style() { return QdsBreadcrumbItemStyle0; }
+}, [17, "qds-breadcrumb-item", {
+        "href": [1],
+        "target": [1],
+        "text": [1],
+        "hreflang": [1],
+        "referrerPolicy": [1, "referrerpolicy"],
+        "rel": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["qds-breadcrumb-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "qds-breadcrumb-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, QdsBreadcrumbItem$1);
+            }
+            break;
+    } });
+}
+
+const QdsBreadcrumbItem = QdsBreadcrumbItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { QdsBreadcrumbItem, defineCustomElement };
+
+//# sourceMappingURL=qds-breadcrumb-item.js.map

package/components/qds-breadcrumb-item.js.map

@@ -0,0 +1 @@
+{"file":"qds-breadcrumb-item.js","mappings":";;;;;;;AAAA,MAAM,iBAAiB,GAAG,0tBAA0tB,CAAC;AACrvB,gCAAe,iBAAiB;;MCanBA,mBAAiB;;;;;;;;;;;;IAkJrB,MAAM;QACX,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,GAAG,IAAI,GAAG,GAAG,CAAA;QAChD,MAAM,QAAQ,GAAG,GAAG,KAAK,GAAG,CAAA;QAE5B,QACE,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,EAAC,GAAG,qDACF,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS,EACtC,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,SAAS,kBAChC,QAAQ,GAAG,SAAS,GAAG,IAAI,EACzC,KAAK,EAAC,UAAU,EAChB,MAAM,EAAE,QAAQ,GAAG,IAAI,CAAC,MAAM,GAAG,SAAS,EAC1C,cAAc,EAAE,QAAQ,GAAG,IAAI,CAAC,cAAc,GAAG,SAAS,EAC1D,GAAG,EAAE,QAAQ,GAAG,IAAI,CAAC,GAAG,GAAG,SAAS,IAEnC,IAAI,CAAC,IAAI,CACN,EACL,QAAQ,KACP,2BAAkB,MAAM,EAAC,KAAK,EAAC,aAAa,QAErC,CACR,CACG,EACP;KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["QdsBreadcrumbItem"],"sources":["src/components/breadcrumb-item/breadcrumb-item.css?tag=qds-breadcrumb-item&encapsulation=shadow","src/components/breadcrumb-item/breadcrumb-item.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n:host {\n  display: block;\n}\n\n.qds-breadcrumb-item {\n  display: inline-flex;\n  height: var(--qds-control-standard-height);\n  align-items: center;\n  gap: var(--qds-control-standard-gap-siblings-related);\n  flex-shrink: 0;\n  list-style: none;\n}\n\n.qds-text {\n  color: var(--qds-theme-control-text-standard);\n  font: var(--qds-control-standard-text);\n  text-decoration: none;\n\n  a&:active,\n  a&:hover {\n    text-decoration: underline;\n  }\n\n  &:focus-visible {\n    outline: var(--qds-focus-border-width) solid var(--qds-theme-focus-border);\n    outline-offset: var(--qds-focus-border-offset);\n    border-radius: var(--qds-focus-border-radius);\n  }\n}\n\n.qds-divider {\n  color: var(--qds-theme-control-text-standard);\n  font: var(--qds-control-standard-text);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Component, h, Prop } from '@stencil/core'\nimport type { LiteralUnion } from 'type-fest'\n\nexport type BreadcrumbTarget = '_blank' | '_parent' | '_self' | '_top'\n\n@Component({\n  tag: 'qds-breadcrumb-item',\n  styleUrl: 'breadcrumb-item.css',\n  shadow: { delegatesFocus: true },\n})\nexport class QdsBreadcrumbItem {\n  /**\n   * The URL that the inline link points to. Inline links are not restricted to\n   * HTTP-based URLs — they can use any URL scheme supported by browsers:\n   *\n   * - Sections of a page with document fragments\n   * - While web browsers may not support other URL schemes, websites can with\n   * [`registerProtocolHandler()`](https://developer.mozilla.org/docs/Web/API/Navigator/registerProtocolHandler)\n   *\n   * @webnative\n   */\n  @Prop() public readonly href?: string\n\n  /**\n   * Where to display the linked URL, as the name for a browsing context (a\n   * tab, window, or\n   * [`<iframe>`](https://developer.mozilla.org/docs/Web/HTML/Element/iframe).\n   * The following keywords have special meanings for where to load the URL:\n   *\n   * - `_blank`: usually a new tab, but users can configure browsers to open a new\n   *   window instead.\n   * - `_parent`: the parent browsing context of the current one. If no parent,\n   *   behaves as `_self`.\n   * - `_self`: the current browsing context.\n   * - `_top`: the topmost browsing context (the \"highest\" context that's an\n   *   ancestor of the current one). If no ancestors, behaves as `_self`.\n   *\n   * @webnative\n   */\n  @Prop() public readonly target?: LiteralUnion<BreadcrumbTarget, string>\n\n  /**\n   * The breadcrumb item's text.\n   */\n  @Prop() public readonly text?: string\n\n  /**\n   * Hints at the human language of the linked URL. No built-in functionality.\n   * Allowed values are the same as\n   * [the global `lang` attribute](https://developer.mozilla.org/docs/Web/HTML/Global_attributes/lang).\n   *\n   * @webnative\n   */\n  @Prop() public readonly hreflang?: string\n\n  /**\n   * How much of the\n   * [referrer](https://developer.mozilla.org/docs/Web/HTTP/Headers/Referer)\n   * to send when following the inline link.\n   *\n   * - `no-referrer`: The\n   * [`Referer`](https://developer.mozilla.org/docs/Web/HTTP/Headers/Referer)\n   * header will not be sent.\n   * - `no-referrer-when-downgrade`: The\n   * [`Referer`](https://developer.mozilla.org/docs/Web/HTTP/Headers/Referer)\n   * header will not be sent to\n   * [origin](https://developer.mozilla.org/docs/Glossary/Origin)s\n   * without [TLS](https://developer.mozilla.org/docs/Glossary/TLS)\n   * ([HTTPS](https://developer.mozilla.org/docs/Glossary/HTTPS)).\n   * - `origin`: The sent referrer will be limited to the origin of the\n   * referring page: its\n   * [scheme](https://developer.mozilla.org/docs/Learn/Common_questions/What_is_a_URL),\n   * [host](https://developer.mozilla.org/docs/Glossary/Host), and\n   * [port](https://developer.mozilla.org/docs/Glossary/Port).\n   * - `origin-when-cross-origin`: The referrer sent to other origins will be\n   * limited to the scheme, the host, and the port. Navigations on the same\n   * origin will still include the path.\n   * - `same-origin`: A referrer will be sent for\n   * [same origin](https://developer.mozilla.org/docs/Glossary/Same-origin_policy),\n   * but cross-origin requests will contain no referrer information.\n   * - `strict-origin`: Only send the origin of the document as the referrer\n   * when the protocol security level stays the same (HTTPS→HTTPS), but don't\n   * send it to a less secure destination (HTTPS→HTTP).\n   * - `strict-origin-when-cross-origin` (default): Send a full URL when\n   * performing a same-origin request, only send the origin when the protocol\n   * security level stays the same (HTTPS→HTTPS), and send no header to a less\n   * secure destination (HTTPS→HTTP).\n   * - `unsafe-url`: The referrer will include the origin and the path (but not the\n   * [fragment](https://developer.mozilla.org/docs/Web/API/HTMLAnchorElement/hash),\n   * [password](https://developer.mozilla.org/docs/Web/API/HTMLAnchorElement/password),\n   * or [username](https://developer.mozilla.org/docs/Web/API/HTMLAnchorElement/username)).\n   * **This value is unsafe** because it leaks origins and paths from\n   * TLS-protected resources to insecure origins.\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'referrerpolicy' })\n  public readonly referrerPolicy?: ReferrerPolicy\n\n  /**\n   * The relationship of the linked URL as space-separated\n   * [link types](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel).\n   *\n   * The following list includes some of the most important existing keywords.\n   * Every keyword within a space-separated value should be unique within that\n   * value.\n   *\n   * - [`alternate`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-alternate):\n   * Alternate representations of the current document.\n   * - [`author`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-author):\n   * Author of the current document or article.\n   * - [`bookmark`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-bookmark):\n   * Permalink for the nearest ancestor section.\n   * - [`external`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-external):\n   * The referenced document is not part of the same site as the current\n   * document. An icon will be rendered next to the text if this value is\n   * specified.\n   * - [`help`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-help):\n   * Link to context-sensitive help.\n   * - [`license`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-license):\n   * Indicates that the main content of the current document is covered by the\n   * copyright license described by the referenced document.\n   * - [`me`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/me):\n   * Indicates that the current document represents the person who owns the\n   * linked content.\n   * - [`next`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-next):\n   * Indicates that the current document is a part of a series and that the\n   * next document in the series is the referenced document.\n   * - [`nofollow`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-nofollow):\n   * Indicates that the current document's original author or publisher does\n   * not endorse the referenced document.\n   * - [`noopener`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/noopener):\n   * Creates a top-level browsing context that is not an auxiliary browsing\n   * context if the hyperlink would create either of those, to begin with (i.e.,\n   * has an appropriate `target` attribute value).\n   * - [`noreferrer`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-noreferrer):\n   * No `Referer` header will be included. Additionally, has the same effect as\n   * `noopener`.\n   * - [`opener`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-opener):\n   * Creates an auxiliary browsing context if the hyperlink would otherwise\n   * create a top-level browsing context that is not an auxiliary browsing\n   * context (i.e., has \"`_blank`\" as `target` attribute value).\n   * - [`prev`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-prev):\n   * Indicates that the current document is a part of a series and that the\n   * previous document in the series is the referenced document.\n   * - [`search`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-search):\n   * Gives a link to a resource that can be used to search through the current\n   * document and its related pages.\n   * - [`tag`](https://developer.mozilla.org/docs/Web/HTML/Attributes/rel#attr-tag):\n   * Gives a tag (identified by the given address) that applies to the current\n   * document.\n   *\n   * @webnative\n   */\n  @Prop() public readonly rel?: string\n\n  public render() {\n    const Tag = this.href === undefined ? 'li' : 'a'\n    const isAnchor = Tag === 'a'\n\n    return (\n      <div class=\"qds-breadcrumb-item\">\n        <Tag\n          href={isAnchor ? this.href : undefined}\n          hreflang={isAnchor ? this.hreflang : undefined}\n          aria-current={isAnchor ? undefined : true}\n          class=\"qds-text\"\n          target={isAnchor ? this.target : undefined}\n          referrerPolicy={isAnchor ? this.referrerPolicy : undefined}\n          rel={isAnchor ? this.rel : undefined}\n        >\n          {this.text}\n        </Tag>\n        {isAnchor && (\n          <span aria-hidden=\"true\" class=\"qds-divider\">\n            /\n          </span>\n        )}\n      </div>\n    )\n  }\n}\n"],"version":3}

package/components/qds-chip.js

@@ -119,8 +119,10 @@ const Chip = /*@__PURE__*/ proxyCustomElement(class Chip extends HTMLElement {
         this.isPressed = false;
         if (this.computedType === 'closable')
             this.closeEmitter.emit();
-        else
+        else {
+            this.checked = !this.computedChecked;
             this.changeEmitter.emit();
+        }
     }
     checkedChanged() {
         this.internals.setFormValue(this.computedChecked && !this.computedDisabled
@@ -171,7 +173,7 @@ const Chip = /*@__PURE__*/ proxyCustomElement(class Chip extends HTMLElement {
         };
     }
     render() {
-        return (h(Host, { key: '8898971924de5e4a864a86ae3ccd0d110fcb7347' }, this.computedType === 'closable' && (h("div", { "aria-disabled": this.computedDisabled.toString(), class: {
+        return (h(Host, { key: 'ce7fa84da98ec365b86fd23321c82daa723d0cf2' }, this.computedType === 'closable' && (h("div", { "aria-disabled": this.computedDisabled.toString(), class: {
                 'qds-container': true,
                 'qds-closable-chip': true,
                 'qds-pressed-state': this.isPressed,

package/components/qds-chip.js.map

@@ -1 +1 @@
-{"file":"qds-chip.js","mappings":"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","names":[],"sources":["src/components/chip/chip.css?tag=qds-chip&encapsulation=shadow","src/components/chip/chip.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: inline-block;\n  line-height: 0;\n}\n\n[aria-disabled='true'] {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n}\n\n.qds-target {\n  appearance: none;\n  display: flex;\n  border: none;\n  padding: 0;\n  background-color: transparent;\n  color: inherit;\n  cursor: pointer;\n  pointer-events: auto;\n\n  &:disabled {\n    pointer-events: none;\n  }\n}\n\n.qds-alignment {\n  display: flex;\n  align-items: center;\n}\n\n.qds-cursor {\n  cursor: pointer;\n}\n\n.qds-icon {\n  flex-shrink: 0;\n}\n\n.qds-closable-chip,\n.qds-container {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding-block: 0;\n  user-select: none;\n  white-space: nowrap;\n  border: var(--qds-control-border-width) solid var(--qds-theme-control-border);\n  border-radius: var(--qds-control-rounded-border-radius);\n  color: var(--qds-theme-control-text-standard);\n  background-color: initial;\n  appearance: none;\n}\n\n.qds-closable-chip {\n  pointer-events: none;\n\n  &:focus-visible {\n    outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n    outline-offset: var(--qds-focus-border-offset);\n  }\n}\n\n.qds-container:hover {\n  background-color: var(--qds-theme-interactive-background-hover);\n}\n\n.qds-checkbox:active ~ .qds-container,\n.qds-closable-chip:has(.qds-target:active),\n.qds-container.qds-pressed-state {\n  background-color: var(--qds-theme-interactive-background-pressed);\n}\n\n.qds-checkbox {\n  clip-path: inset(50%);\n  margin: 0;\n  position: absolute;\n  white-space: nowrap;\n\n  &:focus-visible ~ .qds-container {\n    outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n    outline-offset: var(--qds-focus-border-offset);\n  }\n}\n\n[data-size='small'] {\n  &.qds-closable-chip,\n  &.qds-container {\n    height: var(--qds-control-small-height);\n    padding-inline: var(--qds-control-chip-small-padding-horizontal);\n    gap: var(--qds-control-small-gap-internal);\n  }\n\n  &.qds-icon {\n    --qds-icon-click-target-size: var(--qds-control-small-height);\n\n    height: var(--qds-control-small-icon-size);\n    width: var(--qds-control-small-icon-size);\n  }\n\n  &.qds-text {\n    font: var(--qds-control-small-text);\n  }\n}\n\n[data-size='standard'] {\n  &.qds-closable-chip,\n  &.qds-container {\n    height: var(--qds-control-standard-height);\n    padding-inline: var(--qds-control-chip-standard-padding-horizontal);\n    gap: var(--qds-control-standard-gap-internal);\n  }\n\n  &.qds-icon {\n    --qds-icon-click-target-size: var(--qds-control-standard-height);\n\n    height: var(--qds-control-standard-icon-size);\n    width: var(--qds-control-standard-icon-size);\n  }\n\n  &.qds-text {\n    font: var(--qds-control-standard-text);\n  }\n}\n\n[data-size='large'] {\n  &.qds-closable-chip,\n  &.qds-container {\n    height: var(--qds-control-large-height);\n    padding-inline: var(--qds-control-chip-large-padding-horizontal);\n    gap: var(--qds-control-large-gap-internal);\n  }\n\n  &.qds-icon {\n    --qds-icon-click-target-size: var(--qds-control-large-height);\n\n    height: var(--qds-control-large-icon-size);\n    width: var(--qds-control-large-icon-size);\n  }\n\n  &.qds-text {\n    font: var(--qds-control-large-text);\n  }\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport type { Attributes, QdsFocusEventDetail } from '../../helpers'\nimport {\n  inheritAriaAttributes,\n  inheritAttributes,\n  pickFocusEventAttributes,\n} from '../../helpers'\nimport type { Value } from '../controls'\nimport type { Size } from '../shared'\n\nexport type ChipType = 'closable' | 'selectable'\n\n/**\n * `<qds-chip>` elements are interactive elements that represent selections.\n * Chips allow users to make a selection from a list of options or display\n * items like filters or tags.\n *\n * @see https://quartz.se.com/build/components/chip\n */\n@Component({\n  tag: 'qds-chip',\n  formAssociated: true,\n  shadow: { delegatesFocus: true },\n  styleUrl: 'chip.css',\n})\nexport class Chip implements ComponentInterface {\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   * The chip's size.\n   */\n  @Prop() public readonly size: Size = 'standard'\n\n  /**\n   * The chip's type.\n   */\n  @Prop() public readonly type?: ChipType = 'selectable'\n\n  /**\n   * The chip's text.\n   */\n  @Prop() public readonly text?: string\n\n  /**\n   * Sets the selectable chip's state.\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true }) public checked?: boolean\n\n  /**\n   * The [`<form>`](https://developer.mozilla.org/docs/Web/HTML/Element/form)\n   * element to associate the chip with (its form owner).\n   *\n   * The value of this property must be the id of a `<form>` in the same\n   * document. If this property is not set, the `<qds-chip>` is associated\n   * with its ancestor `<form>` element, if any.\n   *\n   * This property lets you associate `<qds-chip>` elements to `<form>`s\n   * anywhere in the document, not just inside a `<form>`. It can also override\n   *an ancestor `<form>` element.\n   *\n   * @webnative\n   */\n  @Prop() public readonly form?: string\n\n  /**\n   * Prevents the chip from being interacted with: it cannot be pressed or\n   * focused.\n   *\n   */\n  @Prop() public readonly disabled?: boolean\n\n  /**\n   * The name of the chip, which is submitted with the form data.\n   *\n   * @webnative\n   */\n  @Prop() public readonly name?: string\n\n  /**\n   * Specify whether the chip should have focus when the page loads.\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'autofocus' }) public readonly autoFocus?: boolean\n\n  /**\n   * The value of the chip, submitted as a name/value pair with form data.\n   *\n   * @webnative\n   */\n  @Prop() public readonly value?: Value = 'on'\n\n  /**\n   * Emitted when the chip loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the chip gains focus.\n   */\n  @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n  private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the chip is closed.\n   */\n  @Event({ eventName: 'qdsClose', cancelable: false })\n  private readonly closeEmitter!: EventEmitter<void>\n\n  /**\n   * Emitted when a change to the selectable chip's state is committed by the user.\n   */\n  @Event({ eventName: 'qdsChange', cancelable: false })\n  private readonly changeEmitter!: EventEmitter<void>\n\n  @Element() private readonly element!: HTMLQdsChipElement\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  @State() private isPressed = false\n\n  private savedTabindex?: string\n\n  private inheritedAttributes: Attributes = {}\n\n  private get computedDisabled(): boolean {\n    return this.disabled ?? false\n  }\n\n  private get computedSize(): Size {\n    switch (this.size) {\n      case 'standard':\n      case 'small':\n      case 'large': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  private get computedType(): ChipType {\n    switch (this.type) {\n      case 'selectable':\n      case 'closable': {\n        return this.type\n      }\n      default: {\n        return 'selectable'\n      }\n    }\n  }\n\n  private get computedTabIndex(): number {\n    const parsedValue = Number.parseInt(\n      this.inheritedAttributes.tabindex ?? '0',\n      10,\n    )\n    return Number.isNaN(parsedValue) ? 0 : parsedValue\n  }\n\n  private get computedChecked(): boolean {\n    return this.checked ?? false\n  }\n\n  private get computedValue(): string | null {\n    // eslint-disable-next-line unicorn/no-null\n    return this.value == null ? null : this.value.toString()\n  }\n\n  @Listen('click')\n  protected onClick(event: MouseEvent): void {\n    if (this.computedDisabled) {\n      event.stopImmediatePropagation()\n      return\n    }\n\n    event.preventDefault()\n\n    if (this.computedType === 'selectable') {\n      this.checked = !this.computedChecked\n      this.changeEmitter.emit()\n    }\n  }\n\n  @Listen('keydown')\n  protected handleKeyDown(event: KeyboardEvent): void {\n    if (this.computedDisabled) {\n      event.stopImmediatePropagation()\n      return\n    }\n\n    if (event.key === ' ') {\n      this.isPressed = true\n      event.preventDefault()\n    } else if (event.key === 'Enter') {\n      if (this.internals.form) {\n        this.internals.form.requestSubmit()\n        event.preventDefault()\n      }\n\n      if (this.computedType === 'closable') this.closeEmitter.emit()\n    }\n  }\n\n  @Listen('keyup')\n  protected handleKeyUp(event: KeyboardEvent): void {\n    if (event.key !== ' ') return\n\n    this.isPressed = false\n    if (this.computedType === 'closable') this.closeEmitter.emit()\n    else this.changeEmitter.emit()\n  }\n\n  @Watch('checked')\n  protected checkedChanged(): void {\n    this.internals.setFormValue(\n      this.computedChecked && !this.computedDisabled\n        ? this.computedValue\n        : // eslint-disable-next-line unicorn/no-null\n          null,\n    )\n  }\n\n  @Watch('disabled')\n  protected disabledChanged(): void {\n    if (this.computedChecked && !this.computedDisabled) {\n      this.inheritedAttributes = {\n        ...this.inheritedAttributes,\n        tabindex: this.savedTabindex,\n      }\n      this.internals.setFormValue(this.computedValue)\n    } else {\n      this.savedTabindex = this.inheritedAttributes.tabindex\n      this.inheritedAttributes = {\n        ...this.inheritedAttributes,\n        tabindex: undefined,\n      }\n      // eslint-disable-next-line unicorn/no-null\n      this.internals.setFormValue(null)\n    }\n  }\n\n  @Watch('tabindex')\n  protected tabindexChanged(newValue: string): void {\n    if (this.computedDisabled) this.savedTabindex = newValue\n    else\n      this.inheritedAttributes = {\n        ...this.inheritedAttributes,\n        tabindex: newValue,\n      }\n  }\n\n  @Watch('value')\n  protected valueChanged(): void {\n    if (this.computedChecked && !this.computedDisabled)\n      this.internals.setFormValue(this.computedValue)\n  }\n\n  public componentWillLoad(): void {\n    this.valueChanged()\n\n    Object.defineProperty(this.element, 'form', {\n      enumerable: true,\n      get: () => this.internals.form,\n    })\n\n    this.inheritedAttributes = {\n      ...inheritAriaAttributes(this.element),\n      ...inheritAttributes(this.element, ['tabindex']),\n    }\n  }\n\n  public render() {\n    return (\n      <Host>\n        {this.computedType === 'closable' && (\n          <div\n            aria-disabled={this.computedDisabled.toString()}\n            class={{\n              'qds-container': true,\n              'qds-closable-chip': true,\n              'qds-pressed-state': this.isPressed,\n            }}\n            data-size={this.computedSize}\n            tabIndex={this.computedDisabled ? -1 : this.computedTabIndex}\n          >\n            {this.iconName !== undefined && this.iconName !== '' && (\n              <qds-icon\n                class=\"qds-icon\"\n                data-size={this.computedSize}\n                library={this.iconLibrary}\n                name={this.iconName}\n              />\n            )}\n            <span class=\"qds-text\" data-size={this.computedSize}>\n              {this.text}\n            </span>\n            <button\n              aria-label=\"close\"\n              class=\"qds-target\"\n              data-size={this.computedSize}\n              disabled={this.computedDisabled}\n              onClick={this.onIconClick}\n              tabIndex={this.computedDisabled ? -1 : -1}\n              type=\"button\"\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...this.inheritedAttributes}\n            >\n              <qds-icon\n                class=\"qds-icon\"\n                data-size={this.computedSize}\n                library=\"core\"\n                name=\"close\"\n              />\n            </button>\n          </div>\n        )}\n        {this.computedType === 'selectable' && (\n          // eslint-disable-next-line jsx-a11y/label-has-associated-control\n          <label aria-disabled={this.computedDisabled.toString()}>\n            <input\n              // eslint-disable-next-line jsx-a11y/no-autofocus\n              autoFocus={this.autoFocus}\n              checked={this.checked}\n              class=\"qds-checkbox\"\n              data-size={this.computedSize}\n              disabled={this.computedDisabled}\n              form={this.form}\n              name={this.name}\n              onBlur={this.onBlur}\n              onFocus={this.onFocus}\n              type=\"checkbox\"\n              value={this.value ?? undefined}\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...this.inheritedAttributes}\n            />\n            <div\n              class={{\n                'qds-container': true,\n                'qds-pressed-state': this.isPressed,\n                'qds-padding-end': true,\n                'qds-cursor': true,\n              }}\n              data-size={this.computedSize}\n            >\n              {this.iconName !== undefined && this.iconName !== '' && (\n                <qds-icon\n                  class=\"qds-icon\"\n                  data-size={this.computedSize}\n                  library={this.iconLibrary}\n                  name={this.iconName}\n                />\n              )}\n              <span class=\"qds-text\" data-size={this.computedSize}>\n                {this.text}\n              </span>\n              {(this.checked ?? false) && (\n                <qds-icon\n                  aria-hidden=\"true\"\n                  class=\"qds-icon\"\n                  data-size={this.computedSize}\n                  library=\"core\"\n                  name=\"checked\"\n                />\n              )}\n            </div>\n          </label>\n        )}\n      </Host>\n    )\n  }\n\n  private readonly close = (): void => {\n    this.closeEmitter.emit()\n  }\n\n  private readonly onIconClick = (event: MouseEvent): void => {\n    if (!event.defaultPrevented && this.computedType === 'closable')\n      this.close()\n  }\n\n  private readonly onFocus = (event: FocusEvent): void => {\n    this.focusEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  private readonly onBlur = (event: FocusEvent): void => {\n    this.blurEmitter.emit(pickFocusEventAttributes(event))\n  }\n}\n"],"version":3}
+{"file":"qds-chip.js","mappings":"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","names":[],"sources":["src/components/chip/chip.css?tag=qds-chip&encapsulation=shadow","src/components/chip/chip.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: inline-block;\n  line-height: 0;\n}\n\n[aria-disabled='true'] {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n}\n\n.qds-target {\n  appearance: none;\n  display: flex;\n  border: none;\n  padding: 0;\n  background-color: transparent;\n  color: inherit;\n  cursor: pointer;\n  pointer-events: auto;\n\n  &:disabled {\n    pointer-events: none;\n  }\n}\n\n.qds-alignment {\n  display: flex;\n  align-items: center;\n}\n\n.qds-cursor {\n  cursor: pointer;\n}\n\n.qds-icon {\n  flex-shrink: 0;\n}\n\n.qds-closable-chip,\n.qds-container {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding-block: 0;\n  user-select: none;\n  white-space: nowrap;\n  border: var(--qds-control-border-width) solid var(--qds-theme-control-border);\n  border-radius: var(--qds-control-rounded-border-radius);\n  color: var(--qds-theme-control-text-standard);\n  background-color: initial;\n  appearance: none;\n}\n\n.qds-closable-chip {\n  pointer-events: none;\n\n  &:focus-visible {\n    outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n    outline-offset: var(--qds-focus-border-offset);\n  }\n}\n\n.qds-container:hover {\n  background-color: var(--qds-theme-interactive-background-hover);\n}\n\n.qds-checkbox:active ~ .qds-container,\n.qds-closable-chip:has(.qds-target:active),\n.qds-container.qds-pressed-state {\n  background-color: var(--qds-theme-interactive-background-pressed);\n}\n\n.qds-checkbox {\n  clip-path: inset(50%);\n  margin: 0;\n  position: absolute;\n  white-space: nowrap;\n\n  &:focus-visible ~ .qds-container {\n    outline: var(--qds-theme-focus-border) solid var(--qds-focus-border-width);\n    outline-offset: var(--qds-focus-border-offset);\n  }\n}\n\n[data-size='small'] {\n  &.qds-closable-chip,\n  &.qds-container {\n    height: var(--qds-control-small-height);\n    padding-inline: var(--qds-control-chip-small-padding-horizontal);\n    gap: var(--qds-control-small-gap-internal);\n  }\n\n  &.qds-icon {\n    --qds-icon-click-target-size: var(--qds-control-small-height);\n\n    height: var(--qds-control-small-icon-size);\n    width: var(--qds-control-small-icon-size);\n  }\n\n  &.qds-text {\n    font: var(--qds-control-small-text);\n  }\n}\n\n[data-size='standard'] {\n  &.qds-closable-chip,\n  &.qds-container {\n    height: var(--qds-control-standard-height);\n    padding-inline: var(--qds-control-chip-standard-padding-horizontal);\n    gap: var(--qds-control-standard-gap-internal);\n  }\n\n  &.qds-icon {\n    --qds-icon-click-target-size: var(--qds-control-standard-height);\n\n    height: var(--qds-control-standard-icon-size);\n    width: var(--qds-control-standard-icon-size);\n  }\n\n  &.qds-text {\n    font: var(--qds-control-standard-text);\n  }\n}\n\n[data-size='large'] {\n  &.qds-closable-chip,\n  &.qds-container {\n    height: var(--qds-control-large-height);\n    padding-inline: var(--qds-control-chip-large-padding-horizontal);\n    gap: var(--qds-control-large-gap-internal);\n  }\n\n  &.qds-icon {\n    --qds-icon-click-target-size: var(--qds-control-large-height);\n\n    height: var(--qds-control-large-icon-size);\n    width: var(--qds-control-large-icon-size);\n  }\n\n  &.qds-text {\n    font: var(--qds-control-large-text);\n  }\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport type { Attributes, QdsFocusEventDetail } from '../../helpers'\nimport {\n  inheritAriaAttributes,\n  inheritAttributes,\n  pickFocusEventAttributes,\n} from '../../helpers'\nimport type { Value } from '../controls'\nimport type { Size } from '../shared'\n\nexport type ChipType = 'closable' | 'selectable'\n\n/**\n * `<qds-chip>` elements are interactive elements that represent selections.\n * Chips allow users to make a selection from a list of options or display\n * items like filters or tags.\n *\n * @see https://quartz.se.com/build/components/chip\n */\n@Component({\n  tag: 'qds-chip',\n  formAssociated: true,\n  shadow: { delegatesFocus: true },\n  styleUrl: 'chip.css',\n})\nexport class Chip implements ComponentInterface {\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   * The chip's size.\n   */\n  @Prop() public readonly size: Size = 'standard'\n\n  /**\n   * The chip's type.\n   */\n  @Prop() public readonly type?: ChipType = 'selectable'\n\n  /**\n   * The chip's text.\n   */\n  @Prop() public readonly text?: string\n\n  /**\n   * Sets the selectable chip's state.\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true }) public checked?: boolean\n\n  /**\n   * The [`<form>`](https://developer.mozilla.org/docs/Web/HTML/Element/form)\n   * element to associate the chip with (its form owner).\n   *\n   * The value of this property must be the id of a `<form>` in the same\n   * document. If this property is not set, the `<qds-chip>` is associated\n   * with its ancestor `<form>` element, if any.\n   *\n   * This property lets you associate `<qds-chip>` elements to `<form>`s\n   * anywhere in the document, not just inside a `<form>`. It can also override\n   *an ancestor `<form>` element.\n   *\n   * @webnative\n   */\n  @Prop() public readonly form?: string\n\n  /**\n   * Prevents the chip from being interacted with: it cannot be pressed or\n   * focused.\n   *\n   */\n  @Prop() public readonly disabled?: boolean\n\n  /**\n   * The name of the chip, which is submitted with the form data.\n   *\n   * @webnative\n   */\n  @Prop() public readonly name?: string\n\n  /**\n   * Specify whether the chip should have focus when the page loads.\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'autofocus' }) public readonly autoFocus?: boolean\n\n  /**\n   * The value of the chip, submitted as a name/value pair with form data.\n   *\n   * @webnative\n   */\n  @Prop() public readonly value?: Value = 'on'\n\n  /**\n   * Emitted when the chip loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the chip gains focus.\n   */\n  @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n  private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the chip is closed.\n   */\n  @Event({ eventName: 'qdsClose', cancelable: false })\n  private readonly closeEmitter!: EventEmitter<void>\n\n  /**\n   * Emitted when a change to the selectable chip's state is committed by the user.\n   */\n  @Event({ eventName: 'qdsChange', cancelable: false })\n  private readonly changeEmitter!: EventEmitter<void>\n\n  @Element() private readonly element!: HTMLQdsChipElement\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  @State() private isPressed = false\n\n  private savedTabindex?: string\n\n  private inheritedAttributes: Attributes = {}\n\n  private get computedDisabled(): boolean {\n    return this.disabled ?? false\n  }\n\n  private get computedSize(): Size {\n    switch (this.size) {\n      case 'standard':\n      case 'small':\n      case 'large': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  private get computedType(): ChipType {\n    switch (this.type) {\n      case 'selectable':\n      case 'closable': {\n        return this.type\n      }\n      default: {\n        return 'selectable'\n      }\n    }\n  }\n\n  private get computedTabIndex(): number {\n    const parsedValue = Number.parseInt(\n      this.inheritedAttributes.tabindex ?? '0',\n      10,\n    )\n    return Number.isNaN(parsedValue) ? 0 : parsedValue\n  }\n\n  private get computedChecked(): boolean {\n    return this.checked ?? false\n  }\n\n  private get computedValue(): string | null {\n    // eslint-disable-next-line unicorn/no-null\n    return this.value == null ? null : this.value.toString()\n  }\n\n  @Listen('click')\n  protected onClick(event: MouseEvent): void {\n    if (this.computedDisabled) {\n      event.stopImmediatePropagation()\n      return\n    }\n\n    event.preventDefault()\n\n    if (this.computedType === 'selectable') {\n      this.checked = !this.computedChecked\n      this.changeEmitter.emit()\n    }\n  }\n\n  @Listen('keydown')\n  protected handleKeyDown(event: KeyboardEvent): void {\n    if (this.computedDisabled) {\n      event.stopImmediatePropagation()\n      return\n    }\n\n    if (event.key === ' ') {\n      this.isPressed = true\n      event.preventDefault()\n    } else if (event.key === 'Enter') {\n      if (this.internals.form) {\n        this.internals.form.requestSubmit()\n        event.preventDefault()\n      }\n\n      if (this.computedType === 'closable') this.closeEmitter.emit()\n    }\n  }\n\n  @Listen('keyup')\n  protected handleKeyUp(event: KeyboardEvent): void {\n    if (event.key !== ' ') return\n\n    this.isPressed = false\n    if (this.computedType === 'closable') this.closeEmitter.emit()\n    else {\n      this.checked = !this.computedChecked\n      this.changeEmitter.emit()\n    }\n  }\n\n  @Watch('checked')\n  protected checkedChanged(): void {\n    this.internals.setFormValue(\n      this.computedChecked && !this.computedDisabled\n        ? this.computedValue\n        : // eslint-disable-next-line unicorn/no-null\n          null,\n    )\n  }\n\n  @Watch('disabled')\n  protected disabledChanged(): void {\n    if (this.computedChecked && !this.computedDisabled) {\n      this.inheritedAttributes = {\n        ...this.inheritedAttributes,\n        tabindex: this.savedTabindex,\n      }\n      this.internals.setFormValue(this.computedValue)\n    } else {\n      this.savedTabindex = this.inheritedAttributes.tabindex\n      this.inheritedAttributes = {\n        ...this.inheritedAttributes,\n        tabindex: undefined,\n      }\n      // eslint-disable-next-line unicorn/no-null\n      this.internals.setFormValue(null)\n    }\n  }\n\n  @Watch('tabindex')\n  protected tabindexChanged(newValue: string): void {\n    if (this.computedDisabled) this.savedTabindex = newValue\n    else\n      this.inheritedAttributes = {\n        ...this.inheritedAttributes,\n        tabindex: newValue,\n      }\n  }\n\n  @Watch('value')\n  protected valueChanged(): void {\n    if (this.computedChecked && !this.computedDisabled)\n      this.internals.setFormValue(this.computedValue)\n  }\n\n  public componentWillLoad(): void {\n    this.valueChanged()\n\n    Object.defineProperty(this.element, 'form', {\n      enumerable: true,\n      get: () => this.internals.form,\n    })\n\n    this.inheritedAttributes = {\n      ...inheritAriaAttributes(this.element),\n      ...inheritAttributes(this.element, ['tabindex']),\n    }\n  }\n\n  public render() {\n    return (\n      <Host>\n        {this.computedType === 'closable' && (\n          <div\n            aria-disabled={this.computedDisabled.toString()}\n            class={{\n              'qds-container': true,\n              'qds-closable-chip': true,\n              'qds-pressed-state': this.isPressed,\n            }}\n            data-size={this.computedSize}\n            tabIndex={this.computedDisabled ? -1 : this.computedTabIndex}\n          >\n            {this.iconName !== undefined && this.iconName !== '' && (\n              <qds-icon\n                class=\"qds-icon\"\n                data-size={this.computedSize}\n                library={this.iconLibrary}\n                name={this.iconName}\n              />\n            )}\n            <span class=\"qds-text\" data-size={this.computedSize}>\n              {this.text}\n            </span>\n            <button\n              aria-label=\"close\"\n              class=\"qds-target\"\n              data-size={this.computedSize}\n              disabled={this.computedDisabled}\n              onClick={this.onIconClick}\n              tabIndex={this.computedDisabled ? -1 : -1}\n              type=\"button\"\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...this.inheritedAttributes}\n            >\n              <qds-icon\n                class=\"qds-icon\"\n                data-size={this.computedSize}\n                library=\"core\"\n                name=\"close\"\n              />\n            </button>\n          </div>\n        )}\n        {this.computedType === 'selectable' && (\n          // eslint-disable-next-line jsx-a11y/label-has-associated-control\n          <label aria-disabled={this.computedDisabled.toString()}>\n            <input\n              // eslint-disable-next-line jsx-a11y/no-autofocus\n              autoFocus={this.autoFocus}\n              checked={this.checked}\n              class=\"qds-checkbox\"\n              data-size={this.computedSize}\n              disabled={this.computedDisabled}\n              form={this.form}\n              name={this.name}\n              onBlur={this.onBlur}\n              onFocus={this.onFocus}\n              type=\"checkbox\"\n              value={this.value ?? undefined}\n              // eslint-disable-next-line react/jsx-props-no-spreading\n              {...this.inheritedAttributes}\n            />\n            <div\n              class={{\n                'qds-container': true,\n                'qds-pressed-state': this.isPressed,\n                'qds-padding-end': true,\n                'qds-cursor': true,\n              }}\n              data-size={this.computedSize}\n            >\n              {this.iconName !== undefined && this.iconName !== '' && (\n                <qds-icon\n                  class=\"qds-icon\"\n                  data-size={this.computedSize}\n                  library={this.iconLibrary}\n                  name={this.iconName}\n                />\n              )}\n              <span class=\"qds-text\" data-size={this.computedSize}>\n                {this.text}\n              </span>\n              {(this.checked ?? false) && (\n                <qds-icon\n                  aria-hidden=\"true\"\n                  class=\"qds-icon\"\n                  data-size={this.computedSize}\n                  library=\"core\"\n                  name=\"checked\"\n                />\n              )}\n            </div>\n          </label>\n        )}\n      </Host>\n    )\n  }\n\n  private readonly close = (): void => {\n    this.closeEmitter.emit()\n  }\n\n  private readonly onIconClick = (event: MouseEvent): void => {\n    if (!event.defaultPrevented && this.computedType === 'closable')\n      this.close()\n  }\n\n  private readonly onFocus = (event: FocusEvent): void => {\n    this.focusEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  private readonly onBlur = (event: FocusEvent): void => {\n    this.blurEmitter.emit(pickFocusEventAttributes(event))\n  }\n}\n"],"version":3}

package/components/qds-dialog.js

@@ -64,7 +64,7 @@ const Dialog = /*@__PURE__*/ proxyCustomElement(class Dialog extends HTMLElement
             await this.show();
     }
     render() {
-        return (h(Host, { key: 'f7fe844eee08bab3f860f74f90aa332bceaa8aff' }, h("dialog", { key: 'f3abbd6f4f1caba8333d231deea5b554fb977afa', class: "qds-dialog", ref: this.ref, onSubmit: this.boundSubmit, onCancel: this.onCancel, onClose: this.onClose, ...this.inheritedAttributes }, h("div", { key: '003073aba8a84c716f8f4aba37458a5fc6a77b95', class: "qds-content" }, h("slot", { key: 'ed76054f1e001ee56b5bc47e18a632d4538b0845' }))), h("div", { key: '6825a831c157062fdb690d11984ae36268ca04a3', class: "qds-backdrop" })));
+        return (h(Host, { key: '7e39a6f3bfe556175b0f7a2c51db1447fcc74e6c' }, h("dialog", { key: '5187988db7e4670ef7909443e8fb034803b1430c', class: "qds-dialog", ref: this.ref, onSubmit: this.boundSubmit, onCancel: this.onCancel, onClose: this.onClose, ...this.inheritedAttributes }, h("div", { key: '40ada9148008706ac81ad60afd5d1cf36426a1b2', class: "qds-content" }, h("slot", { key: '3c9d94e7573b2493368c6f5f23969b47151630d0' }))), h("div", { key: '8ef0913f527071602118433ad9531f4512d3e5df', class: "qds-backdrop" })));
     }
     async handleSubmit(event) {
         if ((event instanceof SubmitEvent &&

package/components/qds-divider.js

@@ -32,7 +32,7 @@ const Divider = /*@__PURE__*/ proxyCustomElement(class Divider extends HTMLEleme
         this.inheritedAttributes = inheritAriaAttributes(this.element);
     }
     render() {
-        return (h("hr", { key: '77ba62e2b8f8a1efd8ec810c24f1bc9d53187f5b', class: {
+        return (h("hr", { key: '013227535a5270ee9fb5db32f5f5eead2221787f', class: {
                 'qds-divider': true,
                 'qds-vertical': this.vertical,
             }, "data-importance": this.computedImportance, ...this.inheritedAttributes }));

package/components/qds-dropdown.js

@@ -162,11 +162,11 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends HTMLEle
         this.disconnectReferenceElement();
     }
     render() {
-        return (h(Host, { key: 'bb7f36392984572b34a24dbcc0199b83058ba1bf', "aria-labelledby": this.hostAriaLabelledBy, onKeyDown: this.boundEscape, onFocusout: this.boundFocusout, style: {
+        return (h(Host, { key: '23f2b24c70fb1de75ee39fe9ef9092afa9d655d5', "aria-labelledby": this.hostAriaLabelledBy, onKeyDown: this.boundEscape, onFocusout: this.boundFocusout, style: {
                 display: this.hostDisplay,
                 position: this.hostPosition,
                 transform: this.hostTransform,
-            } }, h("slot", { key: '9d5ab06ef46bcba4e2632e464b0bf7dc8b0c7a5c' })));
+            } }, h("slot", { key: '40b0d0d1dcb8dc76631c56d649ac04963fe4e38e' })));
     }
     async handleFocusout(event) {
         if (!(event instanceof FocusEvent))

package/components/qds-inline-link.js

@@ -59,7 +59,7 @@ const InlineLink = /*@__PURE__*/ proxyCustomElement(class InlineLink extends HTM
         };
     }
     render() {
-        return (h("a", { key: '4c632f0b686cc00e25082262631bec15e7e050ed', "aria-disabled": this.disabled.toString(), class: "qds-inline-link", "data-importance": this.computedImportance, download: this.download, href: this.href, hrefLang: this.hreflang, onBlur: this.onBlur, onFocus: this.onFocus, referrerPolicy: this.referrerPolicy, rel: this.rel, target: this.target, ...this.inheritedAttributes, tabIndex: this.disabled ? -1 : this.computedTabIndex }, h("slot", { key: 'c9f510d5ba33ebcadd80cf6094221ff63fd92605' }), h("qds-icon", { key: 'd31557a647194826d9570b1beb26d8029b209d77', class: "qds-external", library: "core", name: "external-link" })));
+        return (h("a", { key: 'fe024b4898909d6a10790f357f147315d8065ded', "aria-disabled": this.disabled.toString(), class: "qds-inline-link", "data-importance": this.computedImportance, download: this.download, href: this.href, hrefLang: this.hreflang, onBlur: this.onBlur, onFocus: this.onFocus, referrerPolicy: this.referrerPolicy, rel: this.rel, target: this.target, ...this.inheritedAttributes, tabIndex: this.disabled ? -1 : this.computedTabIndex }, h("slot", { key: '83656a9f360862817ccd9ce3396904cfe9087357' }), h("qds-icon", { key: 'db8220e8b481d365c42e9f57bdd82b250aa86f95', class: "qds-external", library: "core", name: "external-link" })));
     }
     static get delegatesFocus() { return true; }
     get element() { return this; }

package/components/qds-nav-list-item.js

@@ -73,11 +73,11 @@ const NavListItem = /*@__PURE__*/ proxyCustomElement(class NavListItem extends H
         this.tabIndex = Number.isNaN(parsedValue) ? 0 : parsedValue;
     }
     render() {
-        return (h(Host, { key: 'c5074d88e074d7f587f9c31c3b165f5bba04bfd9' }, h("li", { key: '5025ae331be27dedb48a02538c1524391525b282', class: {
+        return (h(Host, { key: '9e37c75cf018ed4a68be56e16fac90f75c7fef79' }, h("li", { key: '185ecb1059d1faf371c0ccd618ef2c2b72802506', class: {
                 'qds-nav-list-item': true,
                 'qds-disabled': this.disabled,
                 'qds-selected': this.selected,
-            }, ref: this.liRef, ...this.inheritedAttributes }, h("button", { key: 'b86e464773e056c8b3f5dbb280913390746c7edf', class: {
+            }, ref: this.liRef, ...this.inheritedAttributes }, h("button", { key: '68d17c09b6fc06cba40c62f5dcb1077e38927e61', class: {
                 'qds-button': true,
                 'qds-selected': this.selected,
             }, "data-size": this.computedSize, disabled: this.disabled, onBlur: this.onBlur, onFocus: this.onFocus, tabIndex: this.tabIndex, type: "button" }, this.iconName !== undefined && this.iconName !== '' && (h("qds-icon", { class: "qds-icon", library: this.iconLibrary, name: this.iconName })), !this.shouldCollapse && this.text && this.renderText())), this.shouldCollapse && this.text && (h("qds-tooltip", { placement: "right", ref: this.tooltipRef }, this.renderText()))));

package/components/qds-radio.js

@@ -76,10 +76,10 @@ const Radio = /*@__PURE__*/ proxyCustomElement(class Radio extends HTMLElement {
     render() {
         return (
         // eslint-disable-next-line jsx-a11y/label-has-associated-control
-        h("label", { key: 'a09262e8570e4cbcf70c75804f6ca5adea3b87fb', "aria-disabled": this.computedDisabled.toString(), class: {
+        h("label", { key: 'ce9a51f617499cddc7e5ae734dd16bd3a469bdde', "aria-disabled": this.computedDisabled.toString(), class: {
                 'qds-inline': this.inline,
                 'qds-label': true,
-            }, "data-size": this.computedSize }, h("div", { key: '6ef92cc6ba6f64f801f8d671fc245820a6a5fed4', class: "qds-container" }, h("input", { key: '2779199a0a4c2c66c6de2da9a3a86598d116aa57', checked: this.checked, class: "qds-radio", "data-size": this.computedSize, disabled: this.disabled, form: this.form, name: this.name, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, ref: this.ref, required: this.required, type: "radio", value: this.value ?? undefined, ...this.inheritedAttributes }), h("div", { key: 'b22036e574ef85178b83a8ee63e5288d61e01c72', class: "qds-box", "data-size": this.computedSize }), h("qds-icon", { key: '94d644b39a7ed9b5d4a7bb5e16af78393d7528c2', "aria-hidden": "true", class: "qds-icon", "data-size": this.computedSize, library: "core", name: "checked" })), this.hasText && (h("qds-label", { size: this.computedSize, text: this.text }))));
+            }, "data-size": this.computedSize }, h("div", { key: 'e295030e082812ad089f6904d6fdccfacf438184', class: "qds-container" }, h("input", { key: '65e40491d513886e8139ed580139f189d0af1ee4', checked: this.checked, class: "qds-radio", "data-size": this.computedSize, disabled: this.disabled, form: this.form, name: this.name, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, ref: this.ref, required: this.required, type: "radio", value: this.value ?? undefined, ...this.inheritedAttributes }), h("div", { key: 'af01d5be146835e747300af68e5b232666cf3fde', class: "qds-box", "data-size": this.computedSize }), h("qds-icon", { key: 'a8890b01c140fc1d1e07b652dcaa12cd539494b1', "aria-hidden": "true", class: "qds-icon", "data-size": this.computedSize, library: "core", name: "checked" })), this.hasText && (h("qds-label", { size: this.computedSize, text: this.text }))));
     }
     get element() { return this; }
     static get style() { return QdsRadioStyle0; }

package/components/qds-standalone-link.js

@@ -74,7 +74,7 @@ const StandaloneLink = /*@__PURE__*/ proxyCustomElement(class StandaloneLink ext
         };
     }
     render() {
-        return (h("a", { key: '7b92139b3620cea95acd553c117d39991584aa71', "aria-disabled": this.disabled.toString(), class: "qds-standalone-link", "data-importance": this.computedImportance, "data-size": this.computedSize, download: this.download, href: this.href, hrefLang: this.hreflang, onBlur: this.onBlur, onFocus: this.onFocus, referrerPolicy: this.referrerPolicy, rel: this.rel, target: this.target, ...this.inheritedAttributes, tabIndex: this.disabled ? -1 : this.computedTabIndex }, this.iconName !== undefined && this.iconName !== '' && (h("qds-icon", { class: "qds-icon", "data-size": this.computedSize, library: this.iconLibrary, name: this.iconName })), h("div", { key: 'a40b3bb8fa472de7692b05236e9fa5aa1cf3152c' }, h("slot", { key: '381c0b78ed19cd1351e2db8e562ca45eac8548db' })), h("qds-icon", { key: 'c2eb00d970268210c9f31e4ba7c70b01e92e817f', class: "qds-icon qds-external", library: "core", name: "external-link" }), this.importance === 'emphasized' && (h("qds-icon", { class: "qds-icon qds-chevron", library: "core", name: "next" }))));
+        return (h("a", { key: '8efc8f8c44a4d22dd8de70ad8305905d069532d3', "aria-disabled": this.disabled.toString(), class: "qds-standalone-link", "data-importance": this.computedImportance, "data-size": this.computedSize, download: this.download, href: this.href, hrefLang: this.hreflang, onBlur: this.onBlur, onFocus: this.onFocus, referrerPolicy: this.referrerPolicy, rel: this.rel, target: this.target, ...this.inheritedAttributes, tabIndex: this.disabled ? -1 : this.computedTabIndex }, this.iconName !== undefined && this.iconName !== '' && (h("qds-icon", { class: "qds-icon", "data-size": this.computedSize, library: this.iconLibrary, name: this.iconName })), h("div", { key: '31a0e4ae22872e2bee55b7d6f82e64fa64a0eb64' }, h("slot", { key: '1c18ea0586f2728160bef5bb64199076b7b337b8' })), h("qds-icon", { key: '059458a2eebca09160b72da8dd06e4a290d94f89', class: "qds-icon qds-external", library: "core", name: "external-link" }), this.importance === 'emphasized' && (h("qds-icon", { class: "qds-icon qds-chevron", library: "core", name: "next" }))));
     }
     static get delegatesFocus() { return true; }
     get element() { return this; }

package/components/qds-switch.js

@@ -75,13 +75,13 @@ const Switch = /*@__PURE__*/ proxyCustomElement(class Switch extends HTMLElement
     render() {
         return (
         // eslint-disable-next-line jsx-a11y/label-has-associated-control
-        h("label", { key: 'd4cf3f9659e90838408d118ac090c3569eed8bec', "aria-disabled": this.computedDisabled.toString(), class: {
+        h("label", { key: '145bb5a2178a73cd97e7ff21afec6e2b96d0be52', "aria-disabled": this.computedDisabled.toString(), class: {
                 'qds-inline': this.inline,
                 'qds-label': true,
             }, "data-size": this.computedSize }, this.textUnchecked !== undefined && this.textUnchecked !== '' && (h("qds-label", { class: "qds-unchecked-text", size: this.size, text: this.textUnchecked })), this.iconUncheckedName !== undefined &&
-            this.iconUncheckedName !== '' && (h("qds-icon", { class: "qds-icon", "data-size": this.computedSize, library: this.iconUncheckedLibrary, name: this.iconUncheckedName })), h("input", { key: '88ff96db44b78fe68d2d463b2ae0e1360a68d938',
+            this.iconUncheckedName !== '' && (h("qds-icon", { class: "qds-icon", "data-size": this.computedSize, library: this.iconUncheckedLibrary, name: this.iconUncheckedName })), h("input", { key: 'dcc11abc04e542d6da5c1fc66e6bde1e1ce2ab0c',
             // eslint-disable-next-line jsx-a11y/no-autofocus
-            autoFocus: this.autoFocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, form: this.form, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, type: "checkbox", value: this.value ?? undefined, ...this.inheritedAttributes }), h("div", { key: '9ced72c9c70840dfa48d4cce6de07e5bfab77160', class: "qds-track", "data-size": this.computedSize }, h("div", { key: 'f20021cd6f8d1fb694979bf362f64e80dd7d9c5d', class: "qds-knob", "data-size": this.computedSize })), this.iconCheckedName !== undefined && this.iconCheckedName !== '' && (h("qds-icon", { class: "qds-icon", "data-size": this.computedSize, library: this.iconCheckedLibrary, name: this.iconCheckedName })), this.textChecked !== undefined && this.textChecked !== '' && (h("qds-label", { size: this.size, text: this.textChecked }))));
+            autoFocus: this.autoFocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, form: this.form, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, type: "checkbox", value: this.value ?? undefined, ...this.inheritedAttributes }), h("div", { key: '5cc5ed11e9e0b3a42968b8cb1e3000689d0ecb85', class: "qds-track", "data-size": this.computedSize }, h("div", { key: 'fc5190485aee7142656398a6cad55853f82487c1', class: "qds-knob", "data-size": this.computedSize })), this.iconCheckedName !== undefined && this.iconCheckedName !== '' && (h("qds-icon", { class: "qds-icon", "data-size": this.computedSize, library: this.iconCheckedLibrary, name: this.iconCheckedName })), this.textChecked !== undefined && this.textChecked !== '' && (h("qds-label", { size: this.size, text: this.textChecked }))));
     }
     get element() { return this; }
     static get style() { return QdsSwitchStyle0; }

package/components/qds-table-body.js

@@ -20,7 +20,7 @@ const TableBody = /*@__PURE__*/ proxyCustomElement(class TableBody extends HTMLE
         this.inheritedAttributes = inheritAriaAttributes(this.element);
     }
     render() {
-        return (h("tbody", { key: '88107b5dfc49da9c1986f9a0d120cb06c4b66731', class: "qds-table-body", ...this.inheritedAttributes }, h("slot", { key: 'ad45a5a9889702c2e5cd0921b64a74225846c595' })));
+        return (h("tbody", { key: '21eee436eede0c437339718904a743ff47bdd5bc', class: "qds-table-body", ...this.inheritedAttributes }, h("slot", { key: '702fd813500e38351d6a693a190b837e887b91d3' })));
     }
     get element() { return this; }
     static get style() { return QdsTableBodyStyle0; }

package/components/qds-table-cell.js

@@ -22,7 +22,7 @@ const TableCell = /*@__PURE__*/ proxyCustomElement(class TableCell extends HTMLE
         this.inheritedAttributes = inheritAriaAttributes(this.element);
     }
     render() {
-        return (h("td", { key: '48940086285fa502cc24875a2492f59b21758d3a', class: "qds-table-cell", colSpan: this.colSpan, rowSpan: this.rowSpan, ...this.inheritedAttributes }, h("slot", { key: '8ed0b76532c2e1ab44072d098f179257aea06c32' })));
+        return (h("td", { key: '74f3e4c889c0facd233025c9ee5b8886c8609e21', class: "qds-table-cell", colSpan: this.colSpan, rowSpan: this.rowSpan, ...this.inheritedAttributes }, h("slot", { key: 'e1d72f5838cc8afb0bf7522c01f54d666e9cf3db' })));
     }
     get element() { return this; }
     static get style() { return QdsTableCellStyle0; }

package/components/qds-table-head.js

@@ -20,7 +20,7 @@ const TableHead = /*@__PURE__*/ proxyCustomElement(class TableHead extends HTMLE
         this.inheritedAttributes = inheritAriaAttributes(this.element);
     }
     render() {
-        return (h("thead", { key: 'bec869ec3838c919de19616dffa7dde0cc0c4b0e', class: "qds-table-head", ...this.inheritedAttributes }, h("slot", { key: '6bb20ec9829ba5eabd30007739290210071ac17e' })));
+        return (h("thead", { key: '4479000ae378944db56e244e11cc102f1e4eb82d', class: "qds-table-head", ...this.inheritedAttributes }, h("slot", { key: 'e2c6bc7a83900960c1f06d621a6fe33bdb496aeb' })));
     }
     get element() { return this; }
     static get style() { return QdsTableHeadStyle0; }

package/components/qds-table-row.js

@@ -20,7 +20,7 @@ const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends HTMLEle
         this.inheritedAttributes = inheritAriaAttributes(this.element);
     }
     render() {
-        return (h("tr", { key: '2fa09be6af21b82ec06e93d226e11b0f5e1db7da', class: "qds-table-row", ...this.inheritedAttributes }, h("slot", { key: '693e981011a043d4e7532f5ef5e4aade296f081b' })));
+        return (h("tr", { key: '0ae1776157303954c351a6fc66120ab14bbe19f7', class: "qds-table-row", ...this.inheritedAttributes }, h("slot", { key: '5550fc2f87c4e0f598e1e35541fce18752d22570' })));
     }
     get element() { return this; }
     static get style() { return QdsTableRowStyle0; }

package/components/qds-table.js

@@ -20,7 +20,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
         this.inheritedAttributes = inheritAriaAttributes(this.element);
     }
     render() {
-        return (h("table", { key: '2a67a778062e9f2ed63cc282e4524779a3bd6c50', class: "qds-table", ...this.inheritedAttributes }, h("slot", { key: 'e12f311de1592754a56a9c0aedc6470f428630bb' })));
+        return (h("table", { key: 'f32e3f7d6c7595ccababd2269838057264d4d8c5', class: "qds-table", ...this.inheritedAttributes }, h("slot", { key: 'edbde2676a99c812ce2e892be07ea13ed66483f7' })));
     }
     get element() { return this; }
     static get style() { return QdsTableStyle0; }

package/components/qds-title.js

@@ -7,7 +7,7 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 import { i as inheritAriaAttributes } from './helpers.js';
 import { d as defineCustomElement$2 } from './icon.js';
 
-const titleCss = ":host([hidden]){display:none !important}:host{display:block}.qds-titles{display:grid;grid-template-areas:'kicker'\n    'title'\n    'subtitle';grid-template-columns:auto 1fr}.qds-has-icon{grid-template-areas:'.    kicker'\n    'icon title'\n    '.    subtitle'}.qds-title,.qds-subtitle,.qds-kicker{margin-block:0}.qds-title{grid-area:title;color:var(--qds-theme-title)}.qds-subtitle{grid-area:subtitle;color:var(--qds-theme-subtitle)}.qds-kicker{grid-area:kicker;color:var(--qds-theme-kicker)}.qds-icon{grid-area:icon;color:var(--qds-theme-text-standard)}.qds-main.qds-section.qds-titles{gap:var(--qds-main-section-titles-gap)}.qds-main.qds-section.qds-has-icon{gap:var(--qds-main-section-titles-gap)\n        var(--qds-main-section-titles-icon-gap)}.qds-main.qds-section .qds-title{font:var(--qds-main-section-title)}.qds-main.qds-section .qds-subtitle{font:var(--qds-main-section-subtitle)}.qds-main.qds-section .qds-kicker{font:var(--qds-main-section-kicker)}.qds-main.qds-section .qds-icon{width:var(--qds-main-section-titles-icon-size);height:var(--qds-main-section-titles-icon-crop-height)}.qds-main.qds-subsection.qds-titles{gap:var(--qds-main-subsection-titles-gap)}.qds-main.qds-subsection.qds-has-icon{gap:var(--qds-main-subsection-titles-gap)\n        var(--qds-main-subsection-titles-icon-gap)}.qds-main.qds-subsection .qds-title{font:var(--qds-main-subsection-title)}.qds-main.qds-subsection .qds-subtitle{font:var(--qds-main-subsection-subtitle)}.qds-main.qds-subsection .qds-kicker{font:var(--qds-main-subsection-kicker)}.qds-main.qds-subsection .qds-icon{width:var(--qds-main-subsection-titles-icon-size);height:var(--qds-main-subsection-titles-icon-crop-height)}.qds-panel.qds-root.qds-titles{gap:var(--qds-panel-titles-gap)}.qds-panel.qds-root.qds-has-icon{gap:var(--qds-panel-titles-gap) var(--qds-panel-titles-icon-gap)}.qds-panel.qds-root .qds-title{font:var(--qds-panel-title)}.qds-panel.qds-root .qds-subtitle{font:var(--qds-panel-subtitle)}.qds-panel.qds-root .qds-kicker{font:var(--qds-panel-kicker)}.qds-panel.qds-root .qds-icon{width:var(--qds-panel-titles-icon-size);height:var(--qds-panel-titles-icon-crop-height)}.qds-panel.qds-section.qds-titles{gap:var(--qds-panel-section-titles-gap)}.qds-panel.qds-section.qds-has-icon{gap:var(--qds-panel-section-titles-gap)\n        var(--qds-panel-section-titles-icon-gap)}.qds-panel.qds-section .qds-title{font:var(--qds-panel-section-title)}.qds-panel.qds-section .qds-subtitle{font:var(--qds-panel-section-subtitle)}.qds-panel.qds-section .qds-kicker{font:var(--qds-panel-section-kicker)}.qds-panel.qds-section .qds-icon{width:var(--qds-panel-section-titles-icon-size);height:var(--qds-panel-section-titles-icon-crop-height)}.qds-panel.qds-subsection.qds-titles{gap:var(--qds-panel-subsection-titles-gap)}.qds-panel.qds-subsection.qds-has-icon{gap:var(--qds-panel-subsection-titles-gap)\n        var(--qds-panel-subsection-titles-icon-gap)}.qds-panel.qds-subsection .qds-title{font:var(--qds-panel-subsection-title)}.qds-panel.qds-subsection .qds-subtitle{font:var(--qds-panel-subsection-subtitle)}.qds-panel.qds-subsection .qds-kicker{font:var(--qds-panel-subsection-kicker)}.qds-panel.qds-subsection .qds-icon{width:var(--qds-panel-subsection-titles-icon-size);height:var(--qds-panel-subsection-titles-icon-crop-height)}.qds-navigation.qds-section.qds-titles{gap:var(--qds-navigation-section-titles-gap)}.qds-navigation.qds-section.qds-has-icon{gap:var(--qds-navigation-section-titles-gap)\n        var(--qds-navigation-section-titles-icon-gap)}.qds-navigation.qds-section .qds-title{font:var(--qds-navigation-section-title)}.qds-navigation.qds-section .qds-subtitle{font:var(--qds-navigation-section-subtitle)}.qds-navigation.qds-section .qds-kicker{font:var(--qds-navigation-section-kicker)}.qds-navigation.qds-section .qds-icon{width:var(--qds-navigation-section-titles-icon-size);height:var(--qds-navigation-section-titles-icon-crop-height)}.qds-navigation.qds-subsection.qds-titles{gap:var(--qds-navigation-subsection-titles-gap)}.qds-navigation.qds-subsection.qds-has-icon{gap:var(--qds-navigation-subsection-titles-gap)\n        var(--qds-navigation-subsection-titles-icon-gap)}.qds-navigation.qds-subsection .qds-title{font:var(--qds-navigation-subsection-title)}.qds-navigation.qds-subsection .qds-subtitle{font:var(--qds-navigation-subsection-subtitle)}.qds-navigation.qds-subsection .qds-kicker{font:var(--qds-navigation-subsection-kicker)}.qds-navigation.qds-subsection .qds-icon{width:var(--qds-navigation-subsection-titles-icon-size);height:var(--qds-navigation-subsection-titles-icon-crop-height)}.qds-popup.qds-root.qds-titles{gap:var(--qds-popup-titles-gap)}.qds-popup.qds-root.qds-has-icon{gap:var(--qds-popup-titles-gap) var(--qds-popup-titles-icon-gap)}.qds-popup.qds-root .qds-title{font:var(--qds-popup-title)}.qds-popup.qds-root .qds-subtitle{font:var(--qds-popup-subtitle)}.qds-popup.qds-root .qds-kicker{font:var(--qds-popup-kicker)}.qds-popup.qds-root .qds-icon{width:var(--qds-popup-titles-icon-size);height:var(--qds-popup-titles-icon-crop-height)}.qds-popup.qds-section.qds-titles{gap:var(--qds-popup-section-titles-gap)}.qds-popup.qds-section.qds-has-icon{gap:var(--qds-popup-section-titles-gap)\n        var(--qds-popup-section-titles-icon-gap)}.qds-popup.qds-section .qds-title{font:var(--qds-popup-section-title)}.qds-popup.qds-section .qds-subtitle{font:var(--qds-popup-section-subtitle)}.qds-popup.qds-section .qds-kicker{font:var(--qds-popup-section-kicker)}.qds-popup.qds-section .qds-icon{width:var(--qds-popup-section-titles-icon-size);height:var(--qds-popup-section-titles-icon-crop-height)}.qds-popup.qds-subsection.qds-titles{gap:var(--qds-popup-subsection-titles-gap)}.qds-popup.qds-subsection.qds-has-icon{gap:var(--qds-popup-subsection-titles-gap)\n        var(--qds-popup-subsection-titles-icon-gap)}.qds-popup.qds-subsection .qds-title{font:var(--qds-popup-subsection-title)}.qds-popup.qds-subsection .qds-subtitle{font:var(--qds-popup-subsection-subtitle)}.qds-popup.qds-subsection .qds-kicker{font:var(--qds-popup-subsection-kicker)}.qds-popup.qds-subsection .qds-icon{width:var(--qds-popup-subsection-titles-icon-size);height:var(--qds-popup-subsection-titles-icon-crop-height)}.qds-accessory.qds-root.qds-titles{gap:var(--qds-accessory-titles-gap)}.qds-accessory.qds-root.qds-has-icon{gap:var(--qds-accessory-titles-gap) var(--qds-accessory-titles-icon-gap)}.qds-accessory.qds-root .qds-title{font:var(--qds-accessory-title)}.qds-accessory.qds-root .qds-subtitle{font:var(--qds-accessory-subtitle)}.qds-accessory.qds-root .qds-kicker{font:var(--qds-accessory-kicker)}.qds-accessory.qds-root .qds-icon{width:var(--qds-accessory-titles-icon-size);height:var(--qds-accessory-titles-icon-crop-height)}.qds-accessory.qds-section.qds-titles{gap:var(--qds-accessory-section-titles-gap)}.qds-accessory.qds-section.qds-has-icon{gap:var(--qds-accessory-section-titles-gap)\n        var(--qds-accessory-section-titles-icon-gap)}.qds-accessory.qds-section .qds-title{font:var(--qds-accessory-section-title)}.qds-accessory.qds-section .qds-subtitle{font:var(--qds-accessory-section-subtitle)}.qds-accessory.qds-section .qds-kicker{font:var(--qds-accessory-section-kicker)}.qds-accessory.qds-section .qds-icon{width:var(--qds-accessory-section-titles-icon-size);height:var(--qds-accessory-section-titles-icon-crop-height)}.qds-titles[data-variant='web-promo']:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-web-main-section-hero);text-align:center;margin:auto}[data-variant='web-promo']:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-hero-title)}.qds-titles[data-variant='web-main-section-display']:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-web-main-section-display)}[data-variant='web-main-section-display']:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-display-title)}.qds-titles[data-variant='web-main-subsection-card']:is(.qds-root,.qds-section,.qds-subsection){align-items:center;gap:var(--qds-web-main-subsection-card)}[data-variant='web-main-subsection-card']:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-subsection-card-title)}.qds-titles[data-variant='web-main-section-hero']:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-web-main-section-hero)}[data-variant='web-main-section-hero']:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-hero-title)}";
+const titleCss = ":host([hidden]){display:none !important}:host{display:block}.qds-titles{display:grid;grid-template-areas:'kicker'\n    'title'\n    'subtitle';grid-template-columns:auto 1fr}.qds-has-icon{grid-template-areas:'.    kicker'\n    'icon title'\n    '.    subtitle'}.qds-title,.qds-subtitle,.qds-kicker{margin-block:0}.qds-title{grid-area:title;color:var(--qds-theme-title)}.qds-subtitle{grid-area:subtitle;color:var(--qds-theme-subtitle)}.qds-kicker{grid-area:kicker;color:var(--qds-theme-kicker)}.qds-icon{grid-area:icon;color:var(--qds-theme-text-standard)}.qds-main.qds-section.qds-titles{gap:var(--qds-main-section-titles-gap)}.qds-main.qds-section.qds-has-icon{gap:var(--qds-main-section-titles-gap)\n        var(--qds-main-section-titles-icon-gap)}.qds-main.qds-section .qds-title{font:var(--qds-main-section-title)}.qds-main.qds-section .qds-subtitle{font:var(--qds-main-section-subtitle)}.qds-main.qds-section .qds-kicker{font:var(--qds-main-section-kicker)}.qds-main.qds-section .qds-icon{width:var(--qds-main-section-titles-icon-size);height:var(--qds-main-section-titles-icon-crop-height)}.qds-main.qds-subsection.qds-titles{gap:var(--qds-main-subsection-titles-gap)}.qds-main.qds-subsection.qds-has-icon{gap:var(--qds-main-subsection-titles-gap)\n        var(--qds-main-subsection-titles-icon-gap)}.qds-main.qds-subsection .qds-title{font:var(--qds-main-subsection-title)}.qds-main.qds-subsection .qds-subtitle{font:var(--qds-main-subsection-subtitle)}.qds-main.qds-subsection .qds-kicker{font:var(--qds-main-subsection-kicker)}.qds-main.qds-subsection .qds-icon{width:var(--qds-main-subsection-titles-icon-size);height:var(--qds-main-subsection-titles-icon-crop-height)}.qds-panel.qds-root.qds-titles{gap:var(--qds-panel-titles-gap)}.qds-panel.qds-root.qds-has-icon{gap:var(--qds-panel-titles-gap) var(--qds-panel-titles-icon-gap)}.qds-panel.qds-root .qds-title{font:var(--qds-panel-title)}.qds-panel.qds-root .qds-subtitle{font:var(--qds-panel-subtitle)}.qds-panel.qds-root .qds-kicker{font:var(--qds-panel-kicker)}.qds-panel.qds-root .qds-icon{width:var(--qds-panel-titles-icon-size);height:var(--qds-panel-titles-icon-crop-height)}.qds-panel.qds-section.qds-titles{gap:var(--qds-panel-section-titles-gap)}.qds-panel.qds-section.qds-has-icon{gap:var(--qds-panel-section-titles-gap)\n        var(--qds-panel-section-titles-icon-gap)}.qds-panel.qds-section .qds-title{font:var(--qds-panel-section-title)}.qds-panel.qds-section .qds-subtitle{font:var(--qds-panel-section-subtitle)}.qds-panel.qds-section .qds-kicker{font:var(--qds-panel-section-kicker)}.qds-panel.qds-section .qds-icon{width:var(--qds-panel-section-titles-icon-size);height:var(--qds-panel-section-titles-icon-crop-height)}.qds-panel.qds-subsection.qds-titles{gap:var(--qds-panel-subsection-titles-gap)}.qds-panel.qds-subsection.qds-has-icon{gap:var(--qds-panel-subsection-titles-gap)\n        var(--qds-panel-subsection-titles-icon-gap)}.qds-panel.qds-subsection .qds-title{font:var(--qds-panel-subsection-title)}.qds-panel.qds-subsection .qds-subtitle{font:var(--qds-panel-subsection-subtitle)}.qds-panel.qds-subsection .qds-kicker{font:var(--qds-panel-subsection-kicker)}.qds-panel.qds-subsection .qds-icon{width:var(--qds-panel-subsection-titles-icon-size);height:var(--qds-panel-subsection-titles-icon-crop-height)}.qds-navigation.qds-section.qds-titles{gap:var(--qds-navigation-section-titles-gap)}.qds-navigation.qds-section.qds-has-icon{gap:var(--qds-navigation-section-titles-gap)\n        var(--qds-navigation-section-titles-icon-gap)}.qds-navigation.qds-section .qds-title{font:var(--qds-navigation-section-title)}.qds-navigation.qds-section .qds-subtitle{font:var(--qds-navigation-section-subtitle)}.qds-navigation.qds-section .qds-kicker{font:var(--qds-navigation-section-kicker)}.qds-navigation.qds-section .qds-icon{width:var(--qds-navigation-section-titles-icon-size);height:var(--qds-navigation-section-titles-icon-crop-height)}.qds-navigation.qds-subsection.qds-titles{gap:var(--qds-navigation-subsection-titles-gap)}.qds-navigation.qds-subsection.qds-has-icon{gap:var(--qds-navigation-subsection-titles-gap)\n        var(--qds-navigation-subsection-titles-icon-gap)}.qds-navigation.qds-subsection .qds-title{font:var(--qds-navigation-subsection-title)}.qds-navigation.qds-subsection .qds-subtitle{font:var(--qds-navigation-subsection-subtitle)}.qds-navigation.qds-subsection .qds-kicker{font:var(--qds-navigation-subsection-kicker)}.qds-navigation.qds-subsection .qds-icon{width:var(--qds-navigation-subsection-titles-icon-size);height:var(--qds-navigation-subsection-titles-icon-crop-height)}.qds-popup.qds-root.qds-titles{gap:var(--qds-popup-titles-gap)}.qds-popup.qds-root.qds-has-icon{gap:var(--qds-popup-titles-gap) var(--qds-popup-titles-icon-gap)}.qds-popup.qds-root .qds-title{font:var(--qds-popup-title)}.qds-popup.qds-root .qds-subtitle{font:var(--qds-popup-subtitle)}.qds-popup.qds-root .qds-kicker{font:var(--qds-popup-kicker)}.qds-popup.qds-root .qds-icon{width:var(--qds-popup-titles-icon-size);height:var(--qds-popup-titles-icon-crop-height)}.qds-popup.qds-section.qds-titles{gap:var(--qds-popup-section-titles-gap)}.qds-popup.qds-section.qds-has-icon{gap:var(--qds-popup-section-titles-gap)\n        var(--qds-popup-section-titles-icon-gap)}.qds-popup.qds-section .qds-title{font:var(--qds-popup-section-title)}.qds-popup.qds-section .qds-subtitle{font:var(--qds-popup-section-subtitle)}.qds-popup.qds-section .qds-kicker{font:var(--qds-popup-section-kicker)}.qds-popup.qds-section .qds-icon{width:var(--qds-popup-section-titles-icon-size);height:var(--qds-popup-section-titles-icon-crop-height)}.qds-popup.qds-subsection.qds-titles{gap:var(--qds-popup-subsection-titles-gap)}.qds-popup.qds-subsection.qds-has-icon{gap:var(--qds-popup-subsection-titles-gap)\n        var(--qds-popup-subsection-titles-icon-gap)}.qds-popup.qds-subsection .qds-title{font:var(--qds-popup-subsection-title)}.qds-popup.qds-subsection .qds-subtitle{font:var(--qds-popup-subsection-subtitle)}.qds-popup.qds-subsection .qds-kicker{font:var(--qds-popup-subsection-kicker)}.qds-popup.qds-subsection .qds-icon{width:var(--qds-popup-subsection-titles-icon-size);height:var(--qds-popup-subsection-titles-icon-crop-height)}.qds-accessory.qds-root.qds-titles{gap:var(--qds-accessory-titles-gap)}.qds-accessory.qds-root.qds-has-icon{gap:var(--qds-accessory-titles-gap) var(--qds-accessory-titles-icon-gap)}.qds-accessory.qds-root .qds-title{font:var(--qds-accessory-title)}.qds-accessory.qds-root .qds-subtitle{font:var(--qds-accessory-subtitle)}.qds-accessory.qds-root .qds-kicker{font:var(--qds-accessory-kicker)}.qds-accessory.qds-root .qds-icon{width:var(--qds-accessory-titles-icon-size);height:var(--qds-accessory-titles-icon-crop-height)}.qds-accessory.qds-section.qds-titles{gap:var(--qds-accessory-section-titles-gap)}.qds-accessory.qds-section.qds-has-icon{gap:var(--qds-accessory-section-titles-gap)\n        var(--qds-accessory-section-titles-icon-gap)}.qds-accessory.qds-section .qds-title{font:var(--qds-accessory-section-title)}.qds-accessory.qds-section .qds-subtitle{font:var(--qds-accessory-section-subtitle)}.qds-accessory.qds-section .qds-kicker{font:var(--qds-accessory-section-kicker)}.qds-accessory.qds-section .qds-icon{width:var(--qds-accessory-section-titles-icon-size);height:var(--qds-accessory-section-titles-icon-crop-height)}.qds-titles[data-variant='web-promo']:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-hero-titles-gap);text-align:center;margin:auto}[data-variant='web-promo']:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-hero-title)}.qds-titles[data-variant='web-main-section-display']:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-display-titles-gap)}[data-variant='web-main-section-display']:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-display-title)}.qds-titles[data-variant='web-main-subsection-card']:is(.qds-root,.qds-section,.qds-subsection){align-items:center;gap:var(--qds-main-subsection-card-titles-gap)}[data-variant='web-main-subsection-card']:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-subsection-card-title)}.qds-titles[data-variant='web-main-section-hero']:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-hero-titles-gap)}[data-variant='web-main-section-hero']:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-hero-title)}";
 const QdsTitleStyle0 = titleCss;
 
 const Title = /*@__PURE__*/ proxyCustomElement(class Title extends HTMLElement {