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

package/dist/esm/qds-table-head-cell.entry.js

@@ -0,0 +1,54 @@
+/*!
+ * SPDX-FileCopyrightText: © 2025 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { r as registerInstance, h, a as getElement } from './index-5291e8ff.js';
+import { i as inheritAriaAttributes } from './helpers-4eb4fa44.js';
+
+const tableHeadCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-head-cell{box-sizing:border-box;color:var(--qds-theme-title);font:var(--qds-list-item-standard-title);padding-block:var(--qds-list-item-standard-padding-vertical);padding-inline:var(--qds-list-item-standard-padding-horizontal);text-align:inherit;vertical-align:middle;width:inherit}";
+const QdsTableHeadCellStyle0 = tableHeadCellCss;
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _TableHeadCell_inheritedAttributes;
+const TableHeadCell = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        _TableHeadCell_inheritedAttributes.set(this, {});
+        this.abbr = undefined;
+        this.colSpan = undefined;
+        this.rowSpan = undefined;
+        this.scope = undefined;
+    }
+    componentWillLoad() {
+        __classPrivateFieldSet(this, _TableHeadCell_inheritedAttributes, inheritAriaAttributes(this.host), "f");
+    }
+    render() {
+        return (h("th", { key: '63f759f5a2e4bdd080e98a6bd5082c7eed54b27d', class: "qds-table-head-cell", abbr: this.abbr, colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope, ...__classPrivateFieldGet(this, _TableHeadCell_inheritedAttributes, "f") }, h("slot", { key: '7a3cd18001538b9e8aeaf5df8e0a18ade100cdd5' })));
+    }
+    get host() { return getElement(this); }
+};
+_TableHeadCell_inheritedAttributes = new WeakMap();
+TableHeadCell.style = QdsTableHeadCellStyle0;
+
+export { TableHeadCell as qds_table_head_cell };
+
+//# sourceMappingURL=qds-table-head-cell.entry.js.map

package/dist/esm/qds-table-head-cell.entry.js.map

@@ -0,0 +1 @@
+{"file":"qds-table-head-cell.entry.js","mappings":";;;;;;;;AAAA,MAAM,gBAAgB,GAAG,qWAAqW,CAAC;AAC/X,+BAAe,gBAAgB;;ACD/B;AACA;AACA;;;;;;;;;;;;;;;;;;MAsBa,aAAa;;;QA+CxB,6CAAmC,EAAE,EAAA;;;;;;IAE9B,iBAAiB;QACtB,uBAAA,IAAI,sCAAwB,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,QACE,2DACE,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,KAEb,uBAAA,IAAI,0CAAqB,IAE7B,8DAAQ,CACL,EACN;KACF;;;;;;;;","names":[],"sources":["src/components/table-head-cell/table-head-cell.css?tag=qds-table-head-cell&encapsulation=shadow","src/components/table-head-cell/table-head-cell.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: contents;\n}\n\n.qds-table-head-cell {\n  box-sizing: border-box;\n  color: var(--qds-theme-title);\n  font: var(--qds-list-item-standard-title);\n  padding-block: var(--qds-list-item-standard-padding-vertical);\n  padding-inline: var(--qds-list-item-standard-padding-horizontal);\n  text-align: inherit;\n  vertical-align: middle;\n  width: inherit;\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h, Prop } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\n\nexport type Scope = 'col' | 'row'\n\n/**\n * The `<qds-table-head-cell>` element defines a cell as the header of a group\n * of table cells. The exact nature of this group is defined by the `scope`\n * attribute.\n *\n * @see https://quartz.se.com/build/components/table\n */\n@Component({\n  tag: 'qds-table-head-cell',\n  shadow: true,\n  styleUrl: 'table-head-cell.css',\n})\nexport class TableHeadCell implements ComponentInterface {\n  /**\n   * A short abbreviated description of the cell's content. Some user-agents,\n   * such as speech readers, may present this description before the content\n   * itself.\n   *\n   * @webnative\n   */\n  @Prop() public readonly abbr?: string\n\n  /**\n   * Non-negative integer value that indicates for how many columns the cell\n   * extends. Its default value is `1`. Values higher than 1000 will be\n   * considered as incorrect and will be set to the default value (1).\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'colspan' }) public readonly colSpan?: number\n\n  /**\n   * Non-negative integer value that indicates for how many rows the cell\n   * extends. Its default value is `1`; if its value is set to `0`, it extends\n   * until the end of the table section (`<qds-table-head>` or\n   * `<qds-table-body>`, even if implicitly defined), that the cell belongs to.\n   * Values higher than 65534 are clipped down to 65534.\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'rowspan' }) public readonly rowSpan?: number\n\n  /**\n   * Defines the cells that the header element relates to. It may have the\n   * following values:\n   *\n   * - `row`: The header relates to all cells of the row it belongs to.\n   * - `col`: The header relates to all cells of the column it belongs to.\n   *\n   * If the `scope` attribute is not specified, or its value is not `row` or\n   * `col`, then browsers automatically select the set of cells to which the\n   * header cell applies.\n   *\n   * @webnative\n   */\n  @Prop() public readonly scope?: Scope\n\n  @Element() private readonly host!: HTMLQdsTableHeadCellElement\n\n  #inheritedAttributes: Attributes = {}\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    return (\n      <th\n        class=\"qds-table-head-cell\"\n        abbr={this.abbr}\n        colSpan={this.colSpan}\n        rowSpan={this.rowSpan}\n        scope={this.scope}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        <slot />\n      </th>\n    )\n  }\n}\n"],"version":3}

package/dist/esm/qds-table-head.entry.js

@@ -0,0 +1,50 @@
+/*!
+ * SPDX-FileCopyrightText: © 2025 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { r as registerInstance, h, a as getElement } from './index-5291e8ff.js';
+import { i as inheritAriaAttributes } from './helpers-4eb4fa44.js';
+
+const tableHeadCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-head{box-sizing:border-box}";
+const QdsTableHeadStyle0 = tableHeadCss;
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _TableHead_inheritedAttributes;
+const TableHead = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        _TableHead_inheritedAttributes.set(this, {});
+    }
+    componentWillLoad() {
+        __classPrivateFieldSet(this, _TableHead_inheritedAttributes, inheritAriaAttributes(this.host), "f");
+    }
+    render() {
+        return (h("thead", { key: '69940e2057fcc563948536fdbc5c3374de26d64f', class: "qds-table-head", ...__classPrivateFieldGet(this, _TableHead_inheritedAttributes, "f") }, h("slot", { key: 'c55298fead2b02123c3543684f7ae6431fca6657' })));
+    }
+    get host() { return getElement(this); }
+};
+_TableHead_inheritedAttributes = new WeakMap();
+TableHead.style = QdsTableHeadStyle0;
+
+export { TableHead as qds_table_head };
+
+//# sourceMappingURL=qds-table-head.entry.js.map

package/dist/esm/qds-table-head.entry.js.map

@@ -0,0 +1 @@
+{"file":"qds-table-head.entry.js","mappings":";;;;;;;;AAAA,MAAM,YAAY,GAAG,sGAAsG,CAAC;AAC5H,2BAAe,YAAY;;ACD3B;AACA;AACA;;;;;;;;;;;;;;;;;;MAoBa,SAAS;IALtB;;QAQE,yCAAmC,EAAE,EAAA;KAiBtC;IAfQ,iBAAiB;QACtB,uBAAA,IAAI,kCAAwB,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,QACE,8DACE,KAAK,EAAC,gBAAgB,KAElB,uBAAA,IAAI,sCAAqB,IAE7B,8DAAQ,CACF,EACT;KACF;;;;;;;;","names":[],"sources":["src/components/table-head/table-head.css?tag=qds-table-head&encapsulation=shadow","src/components/table-head/table-head.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: contents;\n}\n\n.qds-table-head {\n  box-sizing: border-box;\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\n\n/**\n * The `<qds-table-head>` element encapsulates a set of rows (`<qds-table-row>`\n * elements) indicating that they comprise the head of the table\n * (`<qds-table>`).\n *\n * @see https://quartz.se.com/build/components/table\n */\n@Component({\n  tag: 'qds-table-head',\n  shadow: true,\n  styleUrl: 'table-head.css',\n})\nexport class TableHead implements ComponentInterface {\n  @Element() private readonly host!: HTMLQdsTableHeadElement\n\n  #inheritedAttributes: Attributes = {}\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    return (\n      <thead\n        class=\"qds-table-head\"\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        <slot />\n      </thead>\n    )\n  }\n}\n"],"version":3}

package/dist/esm/qds-table-row.entry.js

@@ -0,0 +1,50 @@
+/*!
+ * SPDX-FileCopyrightText: © 2025 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { r as registerInstance, h, a as getElement } from './index-5291e8ff.js';
+import { i as inheritAriaAttributes } from './helpers-4eb4fa44.js';
+
+const tableRowCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-row{border-block-end:var(--qds-list-border-width) solid var(--qds-theme-divider-standard);box-sizing:border-box}";
+const QdsTableRowStyle0 = tableRowCss;
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _TableRow_inheritedAttributes;
+const TableRow = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        _TableRow_inheritedAttributes.set(this, {});
+    }
+    componentWillLoad() {
+        __classPrivateFieldSet(this, _TableRow_inheritedAttributes, inheritAriaAttributes(this.host), "f");
+    }
+    render() {
+        return (h("tr", { key: 'd1a3a034e5363da0a3066401cb30d09cdb3424eb', class: "qds-table-row", ...__classPrivateFieldGet(this, _TableRow_inheritedAttributes, "f") }, h("slot", { key: '767975848b8e672c5f67a140715ad9d5ef847343' })));
+    }
+    get host() { return getElement(this); }
+};
+_TableRow_inheritedAttributes = new WeakMap();
+TableRow.style = QdsTableRowStyle0;
+
+export { TableRow as qds_table_row };
+
+//# sourceMappingURL=qds-table-row.entry.js.map

package/dist/esm/qds-table-row.entry.js.map

@@ -0,0 +1 @@
+{"file":"qds-table-row.entry.js","mappings":";;;;;;;;AAAA,MAAM,WAAW,GAAG,2LAA2L,CAAC;AAChN,0BAAe,WAAW;;ACD1B;AACA;AACA;;;;;;;;;;;;;;;;;;MAoBa,QAAQ;IALrB;;QAQE,wCAAmC,EAAE,EAAA;KAiBtC;IAfQ,iBAAiB;QACtB,uBAAA,IAAI,iCAAwB,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,QACE,2DACE,KAAK,EAAC,eAAe,KAEjB,uBAAA,IAAI,qCAAqB,IAE7B,8DAAQ,CACL,EACN;KACF;;;;;;;;","names":[],"sources":["src/components/table-row/table-row.css?tag=qds-table-row&encapsulation=shadow","src/components/table-row/table-row.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: contents;\n}\n\n.qds-table-row {\n  border-block-end: var(--qds-list-border-width) solid\n    var(--qds-theme-divider-standard);\n  box-sizing: border-box;\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\n\n/**\n * The `<qds-table-row>` element defines a row of cells in a table. The row's\n * cells can then be established using a mix of `<qds-table-cell>` (data cell)\n * and `<qds-table-head-cell>` (header cell) elements.\n *\n * @see https://quartz.se.com/build/components/table\n */\n@Component({\n  tag: 'qds-table-row',\n  shadow: true,\n  styleUrl: 'table-row.css',\n})\nexport class TableRow implements ComponentInterface {\n  @Element() private readonly host!: HTMLQdsTableRowElement\n\n  #inheritedAttributes: Attributes = {}\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    return (\n      <tr\n        class=\"qds-table-row\"\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        <slot />\n      </tr>\n    )\n  }\n}\n"],"version":3}

package/dist/esm/qds-table.entry.js

@@ -0,0 +1,50 @@
+/*!
+ * SPDX-FileCopyrightText: © 2025 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { r as registerInstance, h, a as getElement } from './index-5291e8ff.js';
+import { i as inheritAriaAttributes } from './helpers-4eb4fa44.js';
+
+const tableCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table{border-collapse:collapse;border-spacing:0;box-sizing:border-box}";
+const QdsTableStyle0 = tableCss;
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Table_inheritedAttributes;
+const Table = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        _Table_inheritedAttributes.set(this, {});
+    }
+    componentWillLoad() {
+        __classPrivateFieldSet(this, _Table_inheritedAttributes, inheritAriaAttributes(this.host), "f");
+    }
+    render() {
+        return (h("table", { key: 'ed43a15563b32825a250b8cbfce04d469fe28370', class: "qds-table", ...__classPrivateFieldGet(this, _Table_inheritedAttributes, "f") }, h("slot", { key: 'da5319ba739c039a9a62d762a500857e614395b6' })));
+    }
+    get host() { return getElement(this); }
+};
+_Table_inheritedAttributes = new WeakMap();
+Table.style = QdsTableStyle0;
+
+export { Table as qds_table };
+
+//# sourceMappingURL=qds-table.entry.js.map

package/dist/esm/qds-table.entry.js.map

@@ -0,0 +1 @@
+{"file":"qds-table.entry.js","mappings":";;;;;;;;AAAA,MAAM,QAAQ,GAAG,2IAA2I,CAAC;AAC7J,uBAAe,QAAQ;;ACDvB;AACA;AACA;;;;;;;;;;;;;;;;;;MAoBa,KAAK;IALlB;;QAQE,qCAAmC,EAAE,EAAA;KAiBtC;IAfQ,iBAAiB;QACtB,uBAAA,IAAI,8BAAwB,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,QACE,8DACE,KAAK,EAAC,WAAW,KAEb,uBAAA,IAAI,kCAAqB,IAE7B,8DAAQ,CACF,EACT;KACF;;;;;;;;","names":[],"sources":["src/components/table/table.css?tag=qds-table&encapsulation=shadow","src/components/table/table.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: contents;\n}\n\n.qds-table {\n  border-collapse: collapse;\n  border-spacing: 0;\n  box-sizing: border-box;\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\n\n/**\n * The `<qds-table>` element represents tabular data — that is, information\n * presented in a two-dimensional table comprised of rows and columns of cells\n * containing data.\n *\n * @see https://quartz.se.com/build/components/table\n */\n@Component({\n  tag: 'qds-table',\n  shadow: true,\n  styleUrl: 'table.css',\n})\nexport class Table implements ComponentInterface {\n  @Element() private readonly host!: HTMLQdsTableElement\n\n  #inheritedAttributes: Attributes = {}\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    return (\n      <table\n        class=\"qds-table\"\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        <slot />\n      </table>\n    )\n  }\n}\n"],"version":3}

package/dist/esm/qds-tag_2.entry.js

@@ -0,0 +1,158 @@
+/*!
+ * SPDX-FileCopyrightText: © 2025 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { r as registerInstance, h, F as Fragment, a as getElement } from './index-5291e8ff.js';
+import { i as inheritAriaAttributes } from './helpers-4eb4fa44.js';
+
+const tagCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-tag{align-items:center;border-radius:var(--qds-control-rounded-border-radius);display:inline-flex;justify-content:center;white-space:nowrap}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.qds-icon{flex-shrink:0}[data-status=error]{color:var(--qds-theme-feedback-message-critical)}[data-status=success]{color:var(--qds-theme-feedback-result-success)}[data-status=warning]{color:var(--qds-theme-feedback-message-important)}[data-status=info]{color:var(--qds-theme-feedback-message-informational)}[data-status=neutral]{color:var(--qds-theme-feedback-message-neutral)}[data-importance=subdued] .qds-text{color:var(--qds-theme-control-text-standard)}[data-importance=standard][data-status=error]{background-color:var(--qds-theme-feedback-message-critical-dimmed)}[data-importance=standard][data-status=success]{background-color:var(--qds-theme-feedback-result-success-dimmed)}[data-importance=standard][data-status=warning]{background-color:var(--qds-theme-feedback-message-important-dimmed)}[data-importance=standard][data-status=info]{background-color:var(--qds-theme-feedback-message-informational-dimmed)}[data-importance=standard][data-status=neutral]{background-color:var(--qds-theme-feedback-message-neutral-dimmed)}[data-importance=emphasized][data-status=error]{background-color:var(--qds-theme-feedback-message-critical);color:var(--qds-theme-feedback-message-critical-contrast)}[data-importance=emphasized][data-status=success]{background-color:var(--qds-theme-feedback-result-success);color:var(--qds-theme-feedback-result-success-contrast)}[data-importance=emphasized][data-status=warning]{background-color:var(--qds-theme-feedback-message-important);color:var(--qds-theme-feedback-message-important-contrast)}[data-importance=emphasized][data-status=info]{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}[data-importance=emphasized][data-status=neutral]{background-color:var(--qds-theme-feedback-message-neutral);color:var(--qds-theme-feedback-message-neutral-contrast)}.qds-tag[data-size=small]{font:var(--qds-control-small-text);gap:var(--qds-control-small-gap-internal);height:var(--qds-control-small-height);padding-inline:var(--qds-control-chip-small-padding-horizontal)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-tag[data-size=standard]{font:var(--qds-control-standard-text);gap:var(--qds-control-standard-gap-internal);height:var(--qds-control-standard-height);padding-inline:var(--qds-control-chip-standard-padding-horizontal)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-tag[data-size=large]{font:var(--qds-control-large-text);gap:var(--qds-control-large-gap-internal);height:var(--qds-control-large-height);padding-inline:var(--qds-control-chip-large-padding-horizontal)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}";
+const QdsTagStyle0 = tagCss;
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldSet$1 = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet$1 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Tag_instances, _Tag_inheritedAttributes, _Tag_computedImportance_get, _Tag_computedSize_get, _Tag_computedStatus_get;
+const Tag = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        _Tag_instances.add(this);
+        _Tag_inheritedAttributes.set(this, {});
+        this.iconName = undefined;
+        this.iconLibrary = 'default';
+        this.importance = 'standard';
+        this.status = 'neutral';
+        this.size = 'standard';
+        this.text = undefined;
+        this.iconDescription = undefined;
+    }
+    componentWillLoad() {
+        __classPrivateFieldSet$1(this, _Tag_inheritedAttributes, inheritAriaAttributes(this.host), "f");
+    }
+    render() {
+        return (h("span", { key: '7456cc844e6d227b3d7d6f8ec0eaa5fe92191d17', class: "qds-tag", "data-importance": __classPrivateFieldGet$1(this, _Tag_instances, "a", _Tag_computedImportance_get), "data-size": __classPrivateFieldGet$1(this, _Tag_instances, "a", _Tag_computedSize_get), "data-status": __classPrivateFieldGet$1(this, _Tag_instances, "a", _Tag_computedStatus_get), ...__classPrivateFieldGet$1(this, _Tag_inheritedAttributes, "f") }, this.iconName !== undefined && this.iconName !== '' && (h(Fragment, null, this.iconDescription !== undefined &&
+            this.iconDescription !== '' && (h("span", { key: 'd71d959dbe14465488c478b6003fdd2feb9b18fb', class: "qds-sr-only" }, this.iconDescription)), h("qds-icon", { key: '68f4bbce4f29a1e55dcc43ed8bead541218265a9', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$1(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))), h("span", { key: 'aa7086a563742d37d4d6ca12f7c42a03194d7a84', class: "qds-text" }, this.text)));
+    }
+    get host() { return getElement(this); }
+};
+_Tag_inheritedAttributes = new WeakMap(), _Tag_instances = new WeakSet(), _Tag_computedImportance_get = function _Tag_computedImportance_get() {
+    switch (this.importance) {
+        case 'subdued':
+        case 'emphasized': {
+            return this.importance;
+        }
+        default: {
+            return 'standard';
+        }
+    }
+}, _Tag_computedSize_get = function _Tag_computedSize_get() {
+    switch (this.size) {
+        case 'standard':
+        case 'small':
+        case 'large': {
+            return this.size;
+        }
+        default: {
+            return 'standard';
+        }
+    }
+}, _Tag_computedStatus_get = function _Tag_computedStatus_get() {
+    switch (this.status) {
+        case 'error':
+        case 'info':
+        case 'success':
+        case 'warning': {
+            return this.status;
+        }
+        default: {
+            return 'neutral';
+        }
+    }
+};
+Tag.style = QdsTagStyle0;
+
+const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"c\"}.qds-titles.qds-has-kicker{grid-template-areas:\"d\" \"c\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"c\" \"e\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"d\" \"c\" \"e\"}.qds-has-icon{grid-template-areas:\"f c\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". d\" \"f c\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"f c\" \". e\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". d\" \"f c\" \". e\"}.qds-kicker,.qds-subtitle,.qds-title{margin-block:0}.qds-title{color:var(--qds-theme-title);grid-area:c}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:e}.qds-kicker{color:var(--qds-theme-kicker);grid-area:d}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:f}.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) 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{height:var(--qds-main-section-titles-icon-crop-height);width:var(--qds-main-section-titles-icon-size)}.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) 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{height:var(--qds-main-subsection-titles-icon-crop-height);width:var(--qds-main-subsection-titles-icon-size)}.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{height:var(--qds-panel-titles-icon-crop-height);width:var(--qds-panel-titles-icon-size)}.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) 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{height:var(--qds-panel-section-titles-icon-crop-height);width:var(--qds-panel-section-titles-icon-size)}.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) 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{height:var(--qds-panel-subsection-titles-icon-crop-height);width:var(--qds-panel-subsection-titles-icon-size)}.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) 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{height:var(--qds-navigation-section-titles-icon-crop-height);width:var(--qds-navigation-section-titles-icon-size)}.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) 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{height:var(--qds-navigation-subsection-titles-icon-crop-height);width:var(--qds-navigation-subsection-titles-icon-size)}.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{height:var(--qds-popup-titles-icon-crop-height);width:var(--qds-popup-titles-icon-size)}.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) 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{height:var(--qds-popup-section-titles-icon-crop-height);width:var(--qds-popup-section-titles-icon-size)}.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) 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{height:var(--qds-popup-subsection-titles-icon-crop-height);width:var(--qds-popup-subsection-titles-icon-size)}.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{height:var(--qds-accessory-titles-icon-crop-height);width:var(--qds-accessory-titles-icon-size)}.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) 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{height:var(--qds-accessory-section-titles-icon-crop-height);width:var(--qds-accessory-section-titles-icon-size)}.qds-titles[data-variant=web-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-hero-titles-gap);margin:auto}[data-variant=web-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-hero-title)}[data-alignment=start]{text-align:start}[data-alignment=center]{text-align:center}[data-alignment=end]{text-align:end}.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){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;
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Title_instances, _Title_inheritedAttributes, _Title_hasSubtitle_get, _Title_hasKicker_get;
+const Title = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        _Title_instances.add(this);
+        _Title_inheritedAttributes.set(this, {});
+        this.alignment = 'start';
+        this.iconName = undefined;
+        this.iconLibrary = 'default';
+        this.kicker = undefined;
+        this.layer = 'main';
+        this.level = 'section';
+        this.subtitle = undefined;
+        this.tag = 'h2';
+        this.variant = undefined;
+    }
+    componentWillLoad() {
+        __classPrivateFieldSet(this, _Title_inheritedAttributes, inheritAriaAttributes(this.host), "f");
+    }
+    render() {
+        const layer = `qds-${this.layer ?? 'main'}`;
+        const level = `qds-${this.level ?? 'section'}`;
+        const Tag = this.tag ?? 'h2';
+        const hasIcon = this.iconName !== undefined &&
+            this.iconName !== '' &&
+            this.variant !== 'web-promo';
+        return (h("hgroup", { key: '30fb430047ca6b25fcec29e2184438df83667def', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
+                [layer]: true,
+                [level]: true,
+                'qds-titles': true,
+                'qds-has-icon': hasIcon,
+                'qds-has-kicker': __classPrivateFieldGet(this, _Title_instances, "a", _Title_hasKicker_get),
+                'qds-has-subtitle': __classPrivateFieldGet(this, _Title_instances, "a", _Title_hasSubtitle_get),
+            }, ...__classPrivateFieldGet(this, _Title_inheritedAttributes, "f") }, __classPrivateFieldGet(this, _Title_instances, "a", _Title_hasKicker_get) && h("p", { key: 'ed691825311b8356aaedaf7b4b965d76d8d91f09', class: "qds-kicker" }, this.kicker), h(Tag, { key: '2a892613de9e3995a1516c747d40c3a4147a578a', class: "qds-title", "data-variant": this.variant }, h("slot", { key: '64c9ff09da66ae1fe4e3f922c06151fa521e768b' })), __classPrivateFieldGet(this, _Title_instances, "a", _Title_hasSubtitle_get) && h("p", { key: 'ffc02f2fffde5bd82b4c4260f5bf0fa1db1f04fc', class: "qds-subtitle" }, this.subtitle), hasIcon && (h("qds-icon", { key: 'f7c7bb0f7eab8769ec5da6e5dd000c460a3c49fa', "aria-hidden": "true", class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
+    }
+    get host() { return getElement(this); }
+};
+_Title_inheritedAttributes = new WeakMap(), _Title_instances = new WeakSet(), _Title_hasSubtitle_get = function _Title_hasSubtitle_get() {
+    return this.subtitle !== undefined && this.subtitle !== '';
+}, _Title_hasKicker_get = function _Title_hasKicker_get() {
+    return this.kicker !== undefined && this.kicker !== '';
+};
+Title.style = QdsTitleStyle0;
+
+export { Tag as qds_tag, Title as qds_title };
+
+//# sourceMappingURL=qds-tag_2.entry.js.map

package/dist/esm/qds-tag_2.entry.js.map

@@ -0,0 +1 @@
+{"file":"qds-tag.qds-title.entry.js","mappings":";;;;;;;;AAAA,MAAM,MAAM,GAAG,+nGAA+nG,CAAC;AAC/oG,qBAAe,MAAM;;ACDrB;AACA;AACA;;;;;;;;;;;;;;;;;;MAsBa,GAAG;;;;QAwCd,mCAAmC,EAAE,EAAA;;2BA7BS,SAAS;0BAKL,UAAU;sBAKhB,SAAS;oBAKf,UAAU;;;;IAuDzC,iBAAiB;QACtBA,yBAAA,IAAI,4BAAwB,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,QACE,6DACE,KAAK,EAAC,SAAS,qBACEC,yBAAA,IAAI,mDAAoB,eAC9BA,yBAAA,IAAI,6CAAc,iBAChBA,yBAAA,IAAI,+CAAgB,KAE7BA,yBAAA,IAAI,gCAAqB,IAE5B,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,EAAE,KAClD,kBACG,IAAI,CAAC,eAAe,KAAK,SAAS;YACjC,IAAI,CAAC,eAAe,KAAK,EAAE,KACzB,6DAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,eAAe,CAAQ,CACxD,EACH,gFACc,MAAM,EAClB,KAAK,EAAC,UAAU,eACLA,yBAAA,IAAI,6CAAc,EAC7B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAE,IAAI,CAAC,QAAQ,GACnB,CACD,CACJ,EACD,6DAAM,KAAK,EAAC,UAAU,IAAE,IAAI,CAAC,IAAI,CAAQ,CACpC,EACR;KACF;;;;IAtEC,QAAQ,IAAI,CAAC,UAAU;QACrB,KAAK,SAAS,CAAC;QACf,KAAK,YAAY,EAAE;YACjB,OAAO,IAAI,CAAC,UAAU,CAAA;SACvB;QACD,SAAS;YACP,OAAO,UAAU,CAAA;SAClB;KACF;AACH,CAAC;IAGC,QAAQ,IAAI,CAAC,IAAI;QACf,KAAK,UAAU,CAAC;QAChB,KAAK,OAAO,CAAC;QACb,KAAK,OAAO,EAAE;YACZ,OAAO,IAAI,CAAC,IAAI,CAAA;SACjB;QACD,SAAS;YACP,OAAO,UAAU,CAAA;SAClB;KACF;AACH,CAAC;IAGC,QAAQ,IAAI,CAAC,MAAM;QACjB,KAAK,OAAO,CAAC;QACb,KAAK,MAAM,CAAC;QACZ,KAAK,SAAS,CAAC;QACf,KAAK,SAAS,EAAE;YACd,OAAO,IAAI,CAAC,MAAM,CAAA;SACnB;QACD,SAAS;YACP,OAAO,SAAS,CAAA;SACjB;KACF;AACH,CAAC;;;ACvGH,MAAM,QAAQ,GAAG,6lRAA6lR,CAAC;AAC/mR,uBAAe,QAAQ;;ACDvB;AACA;AACA;;;;;;;;;;;;;;;;;;MA2Ba,KAAK;;;;QA4ChB,qCAAmC,EAAE,EAAA;yBAxCW,OAAO;;2BAYT,SAAS;;qBAOf,MAAM;qBAEN,SAAS;;mBAUb,IAAI;;;IAmBjC,iBAAiB;QACtB,uBAAA,IAAI,8BAAwB,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,IAAI,MAAM,EAAE,CAAA;QAC3C,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,IAAI,SAAS,EAAE,CAAA;QAC9C,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,IAAI,CAAA;QAC5B,MAAM,OAAO,GACX,IAAI,CAAC,QAAQ,KAAK,SAAS;YAC3B,IAAI,CAAC,QAAQ,KAAK,EAAE;YACpB,IAAI,CAAC,OAAO,KAAK,WAAW,CAAA;QAE9B,QACE,iFACkB,IAAI,CAAC,SAAS,IAAI,OAAO,kBAC3B,IAAI,CAAC,OAAO,EAC1B,KAAK,EAAE;gBACL,CAAC,KAAK,GAAG,IAAI;gBACb,CAAC,KAAK,GAAG,IAAI;gBACb,YAAY,EAAE,IAAI;gBAClB,cAAc,EAAE,OAAO;gBACvB,gBAAgB,EAAE,uBAAA,IAAI,8CAAW;gBACjC,kBAAkB,EAAE,uBAAA,IAAI,gDAAa;aACtC,KAEG,uBAAA,IAAI,kCAAqB,IAE5B,uBAAA,IAAI,8CAAW,IAAI,0DAAG,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,MAAM,CAAK,EAC3D,EAAC,GAAG,qDAAC,KAAK,EAAC,WAAW,kBAAe,IAAI,CAAC,OAAO,IAC/C,8DAAQ,CACJ,EACL,uBAAA,IAAI,gDAAa,IAAI,0DAAG,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,QAAQ,CAAK,EAChE,OAAO,KACN,gFACc,MAAM,EAClB,KAAK,EAAC,UAAU,EAChB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,OAAO,EAAE,IAAI,CAAC,WAAW,GACzB,CACH,CACM,EACV;KACF;;;;IAlDC,OAAO,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,KAAK,EAAE,CAAA;AAC5D,CAAC;IAGC,OAAO,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,EAAE,CAAA;AACxD,CAAC;;;;;","names":["__classPrivateFieldSet","__classPrivateFieldGet"],"sources":["src/components/tag/tag.css?tag=qds-tag&encapsulation=shadow","src/components/tag/tag.tsx","src/components/title/title.css?tag=qds-title&encapsulation=shadow","src/components/title/title.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: inline-block;\n  line-height: 0;\n}\n\n.qds-tag {\n  align-items: center;\n  border-radius: var(--qds-control-rounded-border-radius);\n  display: inline-flex;\n  justify-content: center;\n  white-space: nowrap;\n}\n\n.qds-sr-only {\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n.qds-icon {\n  flex-shrink: 0;\n}\n\n[data-status='error'] {\n  color: var(--qds-theme-feedback-message-critical);\n}\n\n[data-status='success'] {\n  color: var(--qds-theme-feedback-result-success);\n}\n\n[data-status='warning'] {\n  color: var(--qds-theme-feedback-message-important);\n}\n\n[data-status='info'] {\n  color: var(--qds-theme-feedback-message-informational);\n}\n\n[data-status='neutral'] {\n  color: var(--qds-theme-feedback-message-neutral);\n}\n\n[data-importance='subdued'] .qds-text {\n  color: var(--qds-theme-control-text-standard);\n}\n\n[data-importance='standard'] {\n  &[data-status='error'] {\n    background-color: var(--qds-theme-feedback-message-critical-dimmed);\n  }\n\n  &[data-status='success'] {\n    background-color: var(--qds-theme-feedback-result-success-dimmed);\n  }\n\n  &[data-status='warning'] {\n    background-color: var(--qds-theme-feedback-message-important-dimmed);\n  }\n\n  &[data-status='info'] {\n    background-color: var(--qds-theme-feedback-message-informational-dimmed);\n  }\n\n  &[data-status='neutral'] {\n    background-color: var(--qds-theme-feedback-message-neutral-dimmed);\n  }\n}\n\n[data-importance='emphasized'] {\n  &[data-status='error'] {\n    background-color: var(--qds-theme-feedback-message-critical);\n    color: var(--qds-theme-feedback-message-critical-contrast);\n  }\n\n  &[data-status='success'] {\n    background-color: var(--qds-theme-feedback-result-success);\n    color: var(--qds-theme-feedback-result-success-contrast);\n  }\n\n  &[data-status='warning'] {\n    background-color: var(--qds-theme-feedback-message-important);\n    color: var(--qds-theme-feedback-message-important-contrast);\n  }\n\n  &[data-status='info'] {\n    background-color: var(--qds-theme-feedback-message-informational);\n    color: var(--qds-theme-feedback-message-informational-contrast);\n  }\n\n  &[data-status='neutral'] {\n    background-color: var(--qds-theme-feedback-message-neutral);\n    color: var(--qds-theme-feedback-message-neutral-contrast);\n  }\n}\n\n[data-size='small'] {\n  &.qds-tag {\n    font: var(--qds-control-small-text);\n    gap: var(--qds-control-small-gap-internal);\n    height: var(--qds-control-small-height);\n    padding-inline: var(--qds-control-chip-small-padding-horizontal);\n  }\n\n  &.qds-icon {\n    width: var(--qds-control-small-icon-size);\n    height: var(--qds-control-small-icon-size);\n  }\n}\n\n[data-size='standard'] {\n  &.qds-tag {\n    font: var(--qds-control-standard-text);\n    gap: var(--qds-control-standard-gap-internal);\n    height: var(--qds-control-standard-height);\n    padding-inline: var(--qds-control-chip-standard-padding-horizontal);\n  }\n\n  &.qds-icon {\n    width: var(--qds-control-standard-icon-size);\n    height: var(--qds-control-standard-icon-size);\n  }\n}\n\n[data-size='large'] {\n  &.qds-tag {\n    font: var(--qds-control-large-text);\n    gap: var(--qds-control-large-gap-internal);\n    height: var(--qds-control-large-height);\n    padding-inline: var(--qds-control-chip-large-padding-horizontal);\n  }\n\n  &.qds-icon {\n    width: var(--qds-control-large-icon-size);\n    height: var(--qds-control-large-icon-size);\n  }\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, Fragment, h, Prop } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\nimport type { Importance, Size, Status } from '../shared'\n\nexport type TagStatus = Status | 'neutral'\n\n/**\n * The `<qds-tag>` element is a static descriptor used for items that need to\n * be labeled, categorized, or organized using keywords that describe them.\n *\n * @see https://quartz.se.com/build/components/tag\n */\n@Component({\n  tag: 'qds-tag',\n  shadow: true,\n  styleUrl: 'tag.css',\n})\nexport class Tag 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 tag's importance.\n   */\n  @Prop() public readonly importance?: Importance = 'standard'\n\n  /**\n   * The tag's status.\n   */\n  @Prop() public readonly status: TagStatus = 'neutral'\n\n  /**\n   * The tag's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * The tag's text.\n   */\n  @Prop() public readonly text?: string\n\n  /**\n   * Provides a text description of the icon for screen readers.\n   */\n  @Prop() public readonly iconDescription?: string\n\n  @Element() private readonly host!: HTMLQdsTagElement\n\n  #inheritedAttributes: Attributes = {}\n\n  get #computedImportance(): Importance {\n    switch (this.importance) {\n      case 'subdued':\n      case 'emphasized': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  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  get #computedStatus(): TagStatus {\n    switch (this.status) {\n      case 'error':\n      case 'info':\n      case 'success':\n      case 'warning': {\n        return this.status\n      }\n      default: {\n        return 'neutral'\n      }\n    }\n  }\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    return (\n      <span\n        class=\"qds-tag\"\n        data-importance={this.#computedImportance}\n        data-size={this.#computedSize}\n        data-status={this.#computedStatus}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        {this.iconName !== undefined && this.iconName !== '' && (\n          <>\n            {this.iconDescription !== undefined &&\n              this.iconDescription !== '' && (\n                <span class=\"qds-sr-only\">{this.iconDescription}</span>\n              )}\n            <qds-icon\n              aria-hidden=\"true\"\n              class=\"qds-icon\"\n              data-size={this.#computedSize}\n              library={this.iconLibrary}\n              name={this.iconName}\n            />\n          </>\n        )}\n        <span class=\"qds-text\">{this.text}</span>\n      </span>\n    )\n  }\n}\n","/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: block;\n}\n\n.qds-titles {\n  display: grid;\n  grid-template-areas: 'title';\n\n  &.qds-has-kicker {\n    grid-template-areas:\n      'kicker'\n      'title';\n  }\n\n  &.qds-has-subtitle {\n    grid-template-areas:\n      'title'\n      'subtitle';\n  }\n\n  &.qds-has-kicker.qds-has-subtitle {\n    grid-template-areas:\n      'kicker'\n      'title'\n      'subtitle';\n  }\n}\n\n.qds-has-icon {\n  grid-template-columns: auto 1fr;\n  grid-template-areas: 'icon title';\n\n  &.qds-has-kicker {\n    grid-template-areas:\n      '.    kicker'\n      'icon title';\n  }\n\n  &.qds-has-subtitle {\n    grid-template-areas:\n      'icon title'\n      '.    subtitle';\n  }\n\n  &.qds-has-kicker.qds-has-subtitle {\n    grid-template-areas:\n      '.    kicker'\n      'icon title'\n      '.    subtitle';\n  }\n}\n\n.qds-title,\n.qds-subtitle,\n.qds-kicker {\n  margin-block: 0;\n}\n\n.qds-title {\n  grid-area: title;\n  color: var(--qds-theme-title);\n}\n\n.qds-subtitle {\n  grid-area: subtitle;\n  color: var(--qds-theme-subtitle);\n}\n\n.qds-kicker {\n  grid-area: kicker;\n  color: var(--qds-theme-kicker);\n}\n\n.qds-icon {\n  grid-area: icon;\n  align-content: center;\n  color: var(--qds-theme-text-standard);\n}\n\n.qds-main {\n  &.qds-section {\n    &.qds-titles {\n      gap: var(--qds-main-section-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-main-section-titles-gap)\n        var(--qds-main-section-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-main-section-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-main-section-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-main-section-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-main-section-titles-icon-size);\n      height: var(--qds-main-section-titles-icon-crop-height);\n    }\n  }\n\n  &.qds-subsection {\n    &.qds-titles {\n      gap: var(--qds-main-subsection-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-main-subsection-titles-gap)\n        var(--qds-main-subsection-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-main-subsection-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-main-subsection-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-main-subsection-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-main-subsection-titles-icon-size);\n      height: var(--qds-main-subsection-titles-icon-crop-height);\n    }\n  }\n}\n\n.qds-panel {\n  &.qds-root {\n    &.qds-titles {\n      gap: var(--qds-panel-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-panel-titles-gap) var(--qds-panel-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-panel-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-panel-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-panel-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-panel-titles-icon-size);\n      height: var(--qds-panel-titles-icon-crop-height);\n    }\n  }\n\n  &.qds-section {\n    &.qds-titles {\n      gap: var(--qds-panel-section-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-panel-section-titles-gap)\n        var(--qds-panel-section-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-panel-section-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-panel-section-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-panel-section-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-panel-section-titles-icon-size);\n      height: var(--qds-panel-section-titles-icon-crop-height);\n    }\n  }\n\n  &.qds-subsection {\n    &.qds-titles {\n      gap: var(--qds-panel-subsection-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-panel-subsection-titles-gap)\n        var(--qds-panel-subsection-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-panel-subsection-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-panel-subsection-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-panel-subsection-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-panel-subsection-titles-icon-size);\n      height: var(--qds-panel-subsection-titles-icon-crop-height);\n    }\n  }\n}\n\n.qds-navigation {\n  &.qds-section {\n    &.qds-titles {\n      gap: var(--qds-navigation-section-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-navigation-section-titles-gap)\n        var(--qds-navigation-section-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-navigation-section-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-navigation-section-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-navigation-section-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-navigation-section-titles-icon-size);\n      height: var(--qds-navigation-section-titles-icon-crop-height);\n    }\n  }\n\n  &.qds-subsection {\n    &.qds-titles {\n      gap: var(--qds-navigation-subsection-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-navigation-subsection-titles-gap)\n        var(--qds-navigation-subsection-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-navigation-subsection-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-navigation-subsection-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-navigation-subsection-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-navigation-subsection-titles-icon-size);\n      height: var(--qds-navigation-subsection-titles-icon-crop-height);\n    }\n  }\n}\n\n.qds-popup {\n  &.qds-root {\n    &.qds-titles {\n      gap: var(--qds-popup-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-popup-titles-gap) var(--qds-popup-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-popup-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-popup-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-popup-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-popup-titles-icon-size);\n      height: var(--qds-popup-titles-icon-crop-height);\n    }\n  }\n\n  &.qds-section {\n    &.qds-titles {\n      gap: var(--qds-popup-section-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-popup-section-titles-gap)\n        var(--qds-popup-section-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-popup-section-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-popup-section-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-popup-section-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-popup-section-titles-icon-size);\n      height: var(--qds-popup-section-titles-icon-crop-height);\n    }\n  }\n\n  &.qds-subsection {\n    &.qds-titles {\n      gap: var(--qds-popup-subsection-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-popup-subsection-titles-gap)\n        var(--qds-popup-subsection-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-popup-subsection-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-popup-subsection-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-popup-subsection-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-popup-subsection-titles-icon-size);\n      height: var(--qds-popup-subsection-titles-icon-crop-height);\n    }\n  }\n}\n\n.qds-accessory {\n  &.qds-root {\n    &.qds-titles {\n      gap: var(--qds-accessory-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-accessory-titles-gap) var(--qds-accessory-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-accessory-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-accessory-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-accessory-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-accessory-titles-icon-size);\n      height: var(--qds-accessory-titles-icon-crop-height);\n    }\n  }\n\n  &.qds-section {\n    &.qds-titles {\n      gap: var(--qds-accessory-section-titles-gap);\n    }\n\n    &.qds-has-icon {\n      gap: var(--qds-accessory-section-titles-gap)\n        var(--qds-accessory-section-titles-icon-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-accessory-section-title);\n    }\n\n    & .qds-subtitle {\n      font: var(--qds-accessory-section-subtitle);\n    }\n\n    & .qds-kicker {\n      font: var(--qds-accessory-section-kicker);\n    }\n\n    & .qds-icon {\n      width: var(--qds-accessory-section-titles-icon-size);\n      height: var(--qds-accessory-section-titles-icon-crop-height);\n    }\n  }\n}\n\n[data-variant='web-promo'] {\n  &:is(.qds-root, .qds-section, .qds-subsection) {\n    &.qds-titles {\n      gap: var(--qds-main-section-hero-titles-gap);\n      margin: auto;\n    }\n\n    & .qds-title {\n      font: var(--qds-main-section-hero-title);\n    }\n  }\n}\n\n[data-alignment='start'] {\n  text-align: start;\n}\n\n[data-alignment='center'] {\n  text-align: center;\n}\n\n[data-alignment='end'] {\n  text-align: end;\n}\n\n[data-variant='web-main-section-display'] {\n  &:is(.qds-root, .qds-section, .qds-subsection) {\n    &.qds-titles {\n      gap: var(--qds-main-section-display-titles-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-main-section-display-title);\n    }\n  }\n}\n\n[data-variant='web-main-subsection-card'] {\n  &:is(.qds-root, .qds-section, .qds-subsection) {\n    &.qds-titles {\n      gap: var(--qds-main-subsection-card-titles-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-main-subsection-card-title);\n    }\n  }\n}\n\n[data-variant='web-main-section-hero'] {\n  &:is(.qds-root, .qds-section, .qds-subsection) {\n    &.qds-titles {\n      gap: var(--qds-main-section-hero-titles-gap);\n    }\n\n    & .qds-title {\n      font: var(--qds-main-section-hero-title);\n    }\n  }\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, Element, h, Prop } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\n\nexport type Layer = 'accessory' | 'main' | 'navigation' | 'panel' | 'popup'\nexport type Level = 'root' | 'section' | 'subsection'\nexport type Tag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\nexport type TitleVariant =\n  | 'web-main-section-display'\n  | 'web-main-section-hero'\n  | 'web-main-subsection-card'\n  | 'web-promo'\nexport type Alignment = 'center' | 'end' | 'start'\n\n/**\n * @slot Content to display for the title.\n * @see https://quartz.se.com/build/components/title\n */\n@Component({\n  tag: 'qds-title',\n  shadow: true,\n  styleUrl: 'title.css',\n})\nexport class Title implements ComponentInterface {\n  /**\n   * The alignment of the title.\n   */\n  @Prop() public readonly alignment?: Alignment = 'start'\n\n  /**\n   * The name of the icon to render.\n   *\n   * Available names depend on the icon library being used.\n   */\n  @Prop() public readonly iconName?: string\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly iconLibrary: string = 'default'\n\n  /**\n   * Text to display for the kicker.\n   */\n  @Prop() public readonly kicker?: string\n\n  @Prop() public readonly layer?: Layer = 'main'\n\n  @Prop() public readonly level?: Level = 'section'\n\n  /**\n   * Text to display for the subtitle.\n   */\n  @Prop() public readonly subtitle?: string\n\n  /**\n   * HTML tag to use to render the title.\n   */\n  @Prop() public readonly tag?: Tag = 'h2'\n\n  /**\n   * The title's variant.\n   */\n  @Prop() public readonly variant?: TitleVariant\n\n  @Element() private readonly host!: HTMLQdsTitleElement\n\n  #inheritedAttributes: Attributes = {}\n\n  get #hasSubtitle(): boolean {\n    return this.subtitle !== undefined && this.subtitle !== ''\n  }\n\n  get #hasKicker(): boolean {\n    return this.kicker !== undefined && this.kicker !== ''\n  }\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    const layer = `qds-${this.layer ?? 'main'}`\n    const level = `qds-${this.level ?? 'section'}`\n    const Tag = this.tag ?? 'h2'\n    const hasIcon =\n      this.iconName !== undefined &&\n      this.iconName !== '' &&\n      this.variant !== 'web-promo'\n\n    return (\n      <hgroup\n        data-alignment={this.alignment ?? 'start'}\n        data-variant={this.variant}\n        class={{\n          [layer]: true,\n          [level]: true,\n          'qds-titles': true,\n          'qds-has-icon': hasIcon,\n          'qds-has-kicker': this.#hasKicker,\n          'qds-has-subtitle': this.#hasSubtitle,\n        }}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        {this.#hasKicker && <p class=\"qds-kicker\">{this.kicker}</p>}\n        <Tag class=\"qds-title\" data-variant={this.variant}>\n          <slot />\n        </Tag>\n        {this.#hasSubtitle && <p class=\"qds-subtitle\">{this.subtitle}</p>}\n        {hasIcon && (\n          <qds-icon\n            aria-hidden=\"true\"\n            class=\"qds-icon\"\n            name={this.iconName}\n            library={this.iconLibrary}\n          />\n        )}\n      </hgroup>\n    )\n  }\n}\n"],"version":3}