@quartzds/core 1.0.0-beta.13 → 1.0.0-beta.130

package/dist/cjs/qds-table-cell.cjs.entry.js

@@ -0,0 +1,88 @@
+/*!
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+'use strict';
+
+var index = require('./index-DIY7gpXM.js');
+
+const tableCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-cell{box-sizing:border-box;color:var(--qds-theme-text-standard);padding-block:0;text-align:inherit;vertical-align:middle;width:inherit}[data-size=small]{font:var(--qds-table-cell-small-title);min-height:var(--qds-table-cell-small-height);padding-inline:var(--qds-table-cell-small-padding-horizontal)}[data-size=standard]{font:var(--qds-table-cell-standard-title);min-height:var(--qds-table-cell-standard-height);padding-inline:var(--qds-table-cell-standard-padding-horizontal)}[data-size=large]{font:var(--qds-table-cell-large-title);min-height:var(--qds-table-cell-large-height);padding-inline:var(--qds-table-cell-large-padding-horizontal)}";
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _TableCell_instances, _TableCell_computedSize_get;
+const TableCell = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+        _TableCell_instances.add(this);
+        /**
+         * The table cell's size.
+         */
+        this.size = 'standard';
+    }
+    colSpanChanged(newValue) {
+        this.internals.ariaColSpan =
+            newValue === undefined ||
+                Number.isNaN(newValue) ||
+                newValue < 1 ||
+                newValue > 1000
+                ? '1'
+                : newValue.toString();
+    }
+    rowSpanChanged(newValue) {
+        this.internals.ariaRowSpan =
+            newValue === undefined ||
+                Number.isNaN(newValue) ||
+                newValue < 1 ||
+                newValue > 65534
+                ? '1'
+                : newValue.toString();
+    }
+    componentWillLoad() {
+        this.internals.role = 'cell';
+        this.colSpanChanged(this.colSpan);
+        this.rowSpanChanged(this.rowSpan);
+    }
+    render() {
+        return (
+        // eslint-disable-next-line jsx-a11y/control-has-associated-label
+        index.h("td", { key: 'cb5ee2fddcd3d67a0b5cca3f0bad0b72c2c4b52f', class: "qds-table-cell", "data-size": __classPrivateFieldGet(this, _TableCell_instances, "a", _TableCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan,
+            // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
+            role: "none" }, index.h("slot", { key: '9eadd555f40f5e2a658dd639c07d895c358c3aeb' })));
+    }
+    static get watchers() { return {
+        "colSpan": ["colSpanChanged"],
+        "rowSpan": ["rowSpanChanged"]
+    }; }
+};
+_TableCell_instances = new WeakSet(), _TableCell_computedSize_get = function _TableCell_computedSize_get() {
+    switch (this.size) {
+        case 'large':
+        case 'small': {
+            return this.size;
+        }
+        default: {
+            return 'standard';
+        }
+    }
+};
+TableCell.style = tableCellCss;
+
+exports.qds_table_cell = TableCell;
+//# sourceMappingURL=qds-table-cell.entry.cjs.js.map

package/dist/cjs/qds-table-cell.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qds-table-cell.entry.cjs.js","sources":["src/components/table-cell/table-cell.css?tag=qds-table-cell&encapsulation=shadow","src/components/table-cell/table-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-cell {\n  box-sizing: border-box;\n  color: var(--qds-theme-text-standard);\n  padding-block: 0;\n  text-align: inherit;\n  vertical-align: middle;\n  width: inherit;\n}\n\n[data-size='small'] {\n  font: var(--qds-table-cell-small-title);\n  min-height: var(--qds-table-cell-small-height);\n  padding-inline: var(--qds-table-cell-small-padding-horizontal);\n}\n\n[data-size='standard'] {\n  font: var(--qds-table-cell-standard-title);\n  min-height: var(--qds-table-cell-standard-height);\n  padding-inline: var(--qds-table-cell-standard-padding-horizontal);\n}\n\n[data-size='large'] {\n  font: var(--qds-table-cell-large-title);\n  min-height: var(--qds-table-cell-large-height);\n  padding-inline: var(--qds-table-cell-large-padding-horizontal);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { AttachInternals, Component, h, Prop, Watch } from '@stencil/core'\n\nimport type { Size } from '../shared'\n\n/**\n * The `<qds-table-cell>` element defines a cell of a table that contains data.\n * It participates in the *table model*.\n *\n * @see https://quartz.se.com/build/components/table\n */\n@Component({\n  tag: 'qds-table-cell',\n  shadow: true,\n  styleUrl: 'table-cell.css',\n})\nexport class TableCell implements ComponentInterface {\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   * The table cell's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  get #computedSize(): Size {\n    switch (this.size) {\n      case 'large':\n      case 'small': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  @Watch('colSpan')\n  protected colSpanChanged(newValue: number | undefined): void {\n    this.internals.ariaColSpan =\n      newValue === undefined ||\n      Number.isNaN(newValue) ||\n      newValue < 1 ||\n      newValue > 1000\n        ? '1'\n        : newValue.toString()\n  }\n\n  @Watch('rowSpan')\n  protected rowSpanChanged(newValue: number | undefined): void {\n    this.internals.ariaRowSpan =\n      newValue === undefined ||\n      Number.isNaN(newValue) ||\n      newValue < 1 ||\n      newValue > 65_534\n        ? '1'\n        : newValue.toString()\n  }\n\n  public componentWillLoad(): void {\n    this.internals.role = 'cell'\n    this.colSpanChanged(this.colSpan)\n    this.rowSpanChanged(this.rowSpan)\n  }\n\n  public render() {\n    return (\n      // eslint-disable-next-line jsx-a11y/control-has-associated-label\n      <td\n        class=\"qds-table-cell\"\n        data-size={this.#computedSize}\n        colSpan={this.colSpan}\n        rowSpan={this.rowSpan}\n        // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role\n        role=\"none\"\n      >\n        <slot />\n      </td>\n    )\n  }\n}\n"],"names":["h"],"mappings":";;;;;;;;;AAAA,MAAM,YAAY,GAAG,6sBAA6sB;;ACAluB;AACA;AACA;;;;;;;;;MAkBa,SAAS,GAAA,MAAA;AALtB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;;;;AA0BE;;AAEG;AACqB,QAAA,IAAI,CAAA,IAAA,GAAU,UAAU;AA2DjD;AA1CW,IAAA,cAAc,CAAC,QAA4B,EAAA;QACnD,IAAI,CAAC,SAAS,CAAC,WAAW;AACxB,YAAA,QAAQ,KAAK,SAAS;AACtB,gBAAA,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;AACtB,gBAAA,QAAQ,GAAG,CAAC;AACZ,gBAAA,QAAQ,GAAG;AACT,kBAAE;AACF,kBAAE,QAAQ,CAAC,QAAQ,EAAE;;AAIjB,IAAA,cAAc,CAAC,QAA4B,EAAA;QACnD,IAAI,CAAC,SAAS,CAAC,WAAW;AACxB,YAAA,QAAQ,KAAK,SAAS;AACtB,gBAAA,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;AACtB,gBAAA,QAAQ,GAAG,CAAC;AACZ,gBAAA,QAAQ,GAAG;AACT,kBAAE;AACF,kBAAE,QAAQ,CAAC,QAAQ,EAAE;;IAGpB,iBAAiB,GAAA;AACtB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,MAAM;AAC5B,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC;AACjC,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC;;IAG5B,MAAM,GAAA;QACX;;AAEE,QAAAA,OAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,gBAAgB,eACX,sBAAA,CAAA,IAAI,yDAAc,EAC7B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO;;AAErB,YAAA,IAAI,EAAC,MAAM,EAAA,EAEXA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACL;;;;;;;;AAnDP,IAAA,QAAQ,IAAI,CAAC,IAAI;AACf,QAAA,KAAK,OAAO;QACZ,KAAK,OAAO,EAAE;YACZ,OAAO,IAAI,CAAC,IAAI;;QAElB,SAAS;AACP,YAAA,OAAO,UAAU;;;AAGvB,CAAC;;;;;"}

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

@@ -0,0 +1,92 @@
+/*!
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+'use strict';
+
+var index = require('./index-DIY7gpXM.js');
+
+const tableHeadCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-head-cell{box-sizing:border-box;color:var(--qds-theme-text-standard);padding-block:0;text-align:inherit;vertical-align:middle;width:inherit}[data-size=small]{font:var(--qds-table-cell-small-title);min-height:var(--qds-table-cell-small-height);padding-inline:var(--qds-table-cell-small-padding-horizontal)}[data-size=standard]{font:var(--qds-table-cell-standard-title);min-height:var(--qds-table-cell-standard-height);padding-inline:var(--qds-table-cell-standard-padding-horizontal)}[data-size=large]{font:var(--qds-table-cell-large-title);min-height:var(--qds-table-cell-large-height);padding-inline:var(--qds-table-cell-large-padding-horizontal)}";
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _TableHeadCell_instances, _TableHeadCell_computedSize_get;
+const TableHeadCell = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+        _TableHeadCell_instances.add(this);
+        /**
+         * The table header cell's size.
+         */
+        this.size = 'standard';
+    }
+    colSpanChanged(newValue) {
+        this.internals.ariaColSpan =
+            newValue === undefined ||
+                Number.isNaN(newValue) ||
+                newValue < 1 ||
+                newValue > 1000
+                ? '1'
+                : newValue.toString();
+    }
+    rowSpanChanged(newValue) {
+        this.internals.ariaRowSpan =
+            newValue === undefined ||
+                Number.isNaN(newValue) ||
+                newValue < 1 ||
+                newValue > 65534
+                ? '1'
+                : newValue.toString();
+    }
+    scopeChanged(newValue) {
+        this.internals.role = newValue === 'row' ? 'rowheader' : 'columnheader';
+    }
+    componentWillLoad() {
+        this.colSpanChanged(this.colSpan);
+        this.rowSpanChanged(this.rowSpan);
+        this.scopeChanged(this.scope);
+    }
+    render() {
+        return (
+        // eslint-disable-next-line jsx-a11y/control-has-associated-label
+        index.h("th", { key: '16fe39b4b5a08bc7ec90ec9d32930f9163e12b07', class: "qds-table-head-cell", "data-size": __classPrivateFieldGet(this, _TableHeadCell_instances, "a", _TableHeadCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
+            // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
+            role: "none" }, index.h("slot", { key: '9830dc68cec377ecf68fe362f304b5a561a580d9' })));
+    }
+    static get watchers() { return {
+        "colSpan": ["colSpanChanged"],
+        "rowSpan": ["rowSpanChanged"],
+        "scope": ["scopeChanged"]
+    }; }
+};
+_TableHeadCell_instances = new WeakSet(), _TableHeadCell_computedSize_get = function _TableHeadCell_computedSize_get() {
+    switch (this.size) {
+        case 'large':
+        case 'small': {
+            return this.size;
+        }
+        default: {
+            return 'standard';
+        }
+    }
+};
+TableHeadCell.style = tableHeadCellCss;
+
+exports.qds_table_head_cell = TableHeadCell;
+//# sourceMappingURL=qds-table-head-cell.entry.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"qds-table-head-cell.entry.cjs.js","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-text-standard);\n  padding-block: 0;\n  text-align: inherit;\n  vertical-align: middle;\n  width: inherit;\n}\n\n[data-size='small'] {\n  font: var(--qds-table-cell-small-title);\n  min-height: var(--qds-table-cell-small-height);\n  padding-inline: var(--qds-table-cell-small-padding-horizontal);\n}\n\n[data-size='standard'] {\n  font: var(--qds-table-cell-standard-title);\n  min-height: var(--qds-table-cell-standard-height);\n  padding-inline: var(--qds-table-cell-standard-padding-horizontal);\n}\n\n[data-size='large'] {\n  font: var(--qds-table-cell-large-title);\n  min-height: var(--qds-table-cell-large-height);\n  padding-inline: var(--qds-table-cell-large-padding-horizontal);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { AttachInternals, Component, h, Prop, Watch } from '@stencil/core'\n\nimport type { Size } from '../shared'\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   * 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  /**\n   * The table header cell's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  get #computedSize(): Size {\n    switch (this.size) {\n      case 'large':\n      case 'small': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  @Watch('colSpan')\n  protected colSpanChanged(newValue: number | undefined): void {\n    this.internals.ariaColSpan =\n      newValue === undefined ||\n      Number.isNaN(newValue) ||\n      newValue < 1 ||\n      newValue > 1000\n        ? '1'\n        : newValue.toString()\n  }\n\n  @Watch('rowSpan')\n  protected rowSpanChanged(newValue: number | undefined): void {\n    this.internals.ariaRowSpan =\n      newValue === undefined ||\n      Number.isNaN(newValue) ||\n      newValue < 1 ||\n      newValue > 65_534\n        ? '1'\n        : newValue.toString()\n  }\n\n  @Watch('scope')\n  protected scopeChanged(newValue: Scope | undefined): void {\n    this.internals.role = newValue === 'row' ? 'rowheader' : 'columnheader'\n  }\n\n  public componentWillLoad(): void {\n    this.colSpanChanged(this.colSpan)\n    this.rowSpanChanged(this.rowSpan)\n    this.scopeChanged(this.scope)\n  }\n\n  public render() {\n    return (\n      // eslint-disable-next-line jsx-a11y/control-has-associated-label\n      <th\n        class=\"qds-table-head-cell\"\n        data-size={this.#computedSize}\n        colSpan={this.colSpan}\n        rowSpan={this.rowSpan}\n        scope={this.scope}\n        // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role\n        role=\"none\"\n      >\n        <slot />\n      </th>\n    )\n  }\n}\n"],"names":["h"],"mappings":";;;;;;;;;AAAA,MAAM,gBAAgB,GAAG,ktBAAktB;;ACA3uB;AACA;AACA;;;;;;;;;MAqBa,aAAa,GAAA,MAAA;AAL1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;;;;AAyCE;;AAEG;AACqB,QAAA,IAAI,CAAA,IAAA,GAAU,UAAU;AAiEjD;AAhDW,IAAA,cAAc,CAAC,QAA4B,EAAA;QACnD,IAAI,CAAC,SAAS,CAAC,WAAW;AACxB,YAAA,QAAQ,KAAK,SAAS;AACtB,gBAAA,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;AACtB,gBAAA,QAAQ,GAAG,CAAC;AACZ,gBAAA,QAAQ,GAAG;AACT,kBAAE;AACF,kBAAE,QAAQ,CAAC,QAAQ,EAAE;;AAIjB,IAAA,cAAc,CAAC,QAA4B,EAAA;QACnD,IAAI,CAAC,SAAS,CAAC,WAAW;AACxB,YAAA,QAAQ,KAAK,SAAS;AACtB,gBAAA,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;AACtB,gBAAA,QAAQ,GAAG,CAAC;AACZ,gBAAA,QAAQ,GAAG;AACT,kBAAE;AACF,kBAAE,QAAQ,CAAC,QAAQ,EAAE;;AAIjB,IAAA,YAAY,CAAC,QAA2B,EAAA;AAChD,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,QAAQ,KAAK,KAAK,GAAG,WAAW,GAAG,cAAc;;IAGlE,iBAAiB,GAAA;AACtB,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC;AACjC,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC;AACjC,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGxB,MAAM,GAAA;QACX;;AAEE,QAAAA,OACE,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAChB,WAAA,EAAA,sBAAA,CAAA,IAAI,EAAc,wBAAA,EAAA,GAAA,EAAA,+BAAA,CAAA,EAC7B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK;;AAEjB,YAAA,IAAI,EAAC,MAAM,EAAA,EAEXA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACL;;;;;;;;;AAzDP,IAAA,QAAQ,IAAI,CAAC,IAAI;AACf,QAAA,KAAK,OAAO;QACZ,KAAK,OAAO,EAAE;YACZ,OAAO,IAAI,CAAC,IAAI;;QAElB,SAAS;AACP,YAAA,OAAO,UAAU;;;AAGvB,CAAC;;;;;"}

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

@@ -0,0 +1,34 @@
+/*!
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+'use strict';
+
+var index = require('./index-DIY7gpXM.js');
+
+const tableRowCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-row{border-block-end:var(--qds-table-border-width) solid var(--qds-theme-divider-standard);box-sizing:border-box}";
+
+const TableRow = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+    }
+    componentWillLoad() {
+        this.internals.role = 'row';
+    }
+    // eslint-disable-next-line @typescript-eslint/class-methods-use-this
+    render() {
+        return (index.h("tr", { key: '988d1db82e7b871e1c88bbc01b014d987437662a', class: "qds-table-row", role: "none" }, index.h("slot", { key: 'da3ff80b8a80cf7f8a6a3b372f5af39df73e52bf' })));
+    }
+};
+TableRow.style = tableRowCss;
+
+exports.qds_table_row = TableRow;
+//# sourceMappingURL=qds-table-row.entry.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"qds-table-row.entry.cjs.js","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-table-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 { AttachInternals, Component, h } from '@stencil/core'\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  @AttachInternals() private readonly internals!: ElementInternals\n\n  public componentWillLoad(): void {\n    this.internals.role = 'row'\n  }\n\n  // eslint-disable-next-line @typescript-eslint/class-methods-use-this\n  public render() {\n    return (\n      <tr class=\"qds-table-row\" role=\"none\">\n        <slot />\n      </tr>\n    )\n  }\n}\n"],"names":["h"],"mappings":";;;;;;;;;AAAA,MAAM,WAAW,GAAG,4LAA4L;;MCmBnM,QAAQ,GAAA,MAAA;;;;;;;;;;;IAGZ,iBAAiB,GAAA;AACtB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,KAAK;;;IAItB,MAAM,GAAA;AACX,QAAA,QACEA,iEAAI,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,EAAA,EACnCA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACL;;;;;;;"}

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

@@ -0,0 +1,34 @@
+/*!
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+'use strict';
+
+var index = require('./index-DIY7gpXM.js');
+
+const tableCss = ":host([hidden]){display:none!important}:host{border-collapse:collapse;display:table}";
+
+const Table = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+    }
+    componentWillLoad() {
+        this.internals.role = 'table';
+    }
+    // eslint-disable-next-line @typescript-eslint/class-methods-use-this
+    render() {
+        return index.h("slot", { key: '2812013b2d640825e7777765d7682f1ab21f1764' });
+    }
+};
+Table.style = tableCss;
+
+exports.qds_table = Table;
+//# sourceMappingURL=qds-table.entry.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"qds-table.entry.cjs.js","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  border-collapse: collapse;\n  display: table;\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { AttachInternals, Component, h } from '@stencil/core'\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  @AttachInternals() private readonly internals!: ElementInternals\n\n  public componentWillLoad(): void {\n    this.internals.role = 'table'\n  }\n\n  // eslint-disable-next-line @typescript-eslint/class-methods-use-this\n  public render() {\n    return <slot />\n  }\n}\n"],"names":["h"],"mappings":";;;;;;;;;AAAA,MAAM,QAAQ,GAAG,sFAAsF;;MCmB1F,KAAK,GAAA,MAAA;;;;;;;;;;;IAGT,iBAAiB,GAAA;AACtB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,OAAO;;;IAIxB,MAAM,GAAA;QACX,OAAOA,oEAAQ;;;;;;;"}

package/dist/cjs/qds-tag.cjs.entry.js

@@ -0,0 +1,110 @@
+/*!
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+'use strict';
+
+var index = require('./index-DIY7gpXM.js');
+var helpers = require('./helpers-D6srVOLt.js');
+
+const tagCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-tag{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;max-width:inherit;min-width:inherit;width:inherit}.qds-text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}.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-message-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-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-message-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-message-success);color:var(--qds-theme-feedback-message-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]{border-radius:var(--qds-feedback-tag-small-border-radius);font:var(--qds-feedback-tag-small-text);gap:var(--qds-feedback-tag-small-gap-internal);min-height:var(--qds-feedback-tag-small-height)}.qds-padding[data-size=small]{padding:var(--qds-feedback-tag-small-padding-vertical) var(--qds-feedback-tag-small-padding-horizontal)}.qds-icon[data-size=small]{height:var(--qds-feedback-tag-small-icon-size);width:var(--qds-feedback-tag-small-icon-size)}.qds-tag[data-size=standard]{border-radius:var(--qds-feedback-tag-standard-border-radius);font:var(--qds-feedback-tag-standard-text);gap:var(--qds-feedback-tag-standard-gap-internal);min-height:var(--qds-feedback-tag-standard-height)}.qds-padding[data-size=standard]{padding:var(--qds-feedback-tag-large-padding-vertical) var(--qds-feedback-tag-standard-padding-horizontal)}.qds-icon[data-size=standard]{height:var(--qds-feedback-tag-standard-icon-size);width:var(--qds-feedback-tag-standard-icon-size)}.qds-tag[data-size=large]{border-radius:var(--qds-feedback-tag-large-border-radius);font:var(--qds-feedback-tag-large-text);gap:var(--qds-feedback-tag-large-gap-internal);min-height:var(--qds-feedback-tag-large-height)}.qds-padding[data-size=large]{padding:var(--qds-feedback-tag-large-padding-vertical) var(--qds-feedback-tag-large-padding-horizontal)}.qds-icon[data-size=large]{height:var(--qds-feedback-tag-large-icon-size);width:var(--qds-feedback-tag-large-icon-size)}";
+
+// 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 _Tag_instances, _Tag_inheritedAttributes, _Tag_computedImportance_get, _Tag_computedSize_get, _Tag_computedStatus_get, _Tag_hasBadge_get;
+const Tag = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        _Tag_instances.add(this);
+        /**
+         * The name of a registered icon library.
+         */
+        this.iconLibrary = 'default';
+        /**
+         * The tag's importance.
+         */
+        this.importance = 'standard';
+        /**
+         * The tag's status.
+         */
+        this.status = 'neutral';
+        /**
+         * The tag's size.
+         */
+        this.size = 'standard';
+        /**
+         * Displays an indicator if `true`.
+         */
+        this.badge = false;
+        _Tag_inheritedAttributes.set(this, {});
+    }
+    componentWillLoad() {
+        __classPrivateFieldSet(this, _Tag_inheritedAttributes, helpers.inheritAriaAttributes(this.host), "f");
+    }
+    render() {
+        return (index.h("span", { key: '88bdc52e4729a80ef0dbf0e6b4e5c085a1d9acb8', class: {
+                'qds-tag': true,
+                'qds-padding': this.importance !== 'subdued',
+            }, "data-importance": __classPrivateFieldGet(this, _Tag_instances, "a", _Tag_computedImportance_get), "data-size": __classPrivateFieldGet(this, _Tag_instances, "a", _Tag_computedSize_get), "data-status": __classPrivateFieldGet(this, _Tag_instances, "a", _Tag_computedStatus_get), ...__classPrivateFieldGet(this, _Tag_inheritedAttributes, "f") }, this.iconName !== undefined && this.iconName !== '' ? (index.h(index.Fragment, null, this.iconDescription !== undefined &&
+            this.iconDescription !== '' && (index.h("span", { class: "qds-sr-only" }, this.iconDescription)), index.h("qds-icon", { class: "qds-icon", "data-size": __classPrivateFieldGet(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))) : (__classPrivateFieldGet(this, _Tag_instances, "a", _Tag_hasBadge_get) && (index.h("qds-badge-indicator", { status: __classPrivateFieldGet(this, _Tag_instances, "a", _Tag_computedStatus_get), description: this.badgeDescription, size: __classPrivateFieldGet(this, _Tag_instances, "a", _Tag_computedSize_get), strokeRing: true }))), index.h("span", { key: 'c070ff3e5308ee34e42209ea1d5638b33ad9c16a', class: "qds-text" }, this.text)));
+    }
+    get host() { return index.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_hasBadge_get = function _Tag_hasBadge_get() {
+    return (this.badge ?? false) && this.importance !== 'emphasized';
+};
+Tag.style = tagCss;
+
+exports.qds_tag = Tag;
+//# sourceMappingURL=qds-tag.entry.cjs.js.map

package/dist/cjs/qds-tag.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qds-tag.entry.cjs.js","sources":["src/components/tag/tag.css?tag=qds-tag&encapsulation=shadow","src/components/tag/tag.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}\n\n.qds-tag {\n  align-items: center;\n  box-sizing: border-box;\n  display: inline-flex;\n  justify-content: center;\n  max-width: inherit;\n  min-width: inherit;\n  width: inherit;\n}\n\n.qds-text {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 5;\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-message-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-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-message-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-message-success);\n    color: var(--qds-theme-feedback-message-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-feedback-tag-small-text);\n    gap: var(--qds-feedback-tag-small-gap-internal);\n    min-height: var(--qds-feedback-tag-small-height);\n    border-radius: var(--qds-feedback-tag-small-border-radius);\n  }\n\n  &.qds-padding {\n    padding: var(--qds-feedback-tag-small-padding-vertical)\n      var(--qds-feedback-tag-small-padding-horizontal);\n  }\n\n  &.qds-icon {\n    width: var(--qds-feedback-tag-small-icon-size);\n    height: var(--qds-feedback-tag-small-icon-size);\n  }\n}\n\n[data-size='standard'] {\n  &.qds-tag {\n    font: var(--qds-feedback-tag-standard-text);\n    gap: var(--qds-feedback-tag-standard-gap-internal);\n    min-height: var(--qds-feedback-tag-standard-height);\n    border-radius: var(--qds-feedback-tag-standard-border-radius);\n  }\n\n  &.qds-padding {\n    padding: var(--qds-feedback-tag-large-padding-vertical)\n      var(--qds-feedback-tag-standard-padding-horizontal);\n  }\n\n  &.qds-icon {\n    width: var(--qds-feedback-tag-standard-icon-size);\n    height: var(--qds-feedback-tag-standard-icon-size);\n  }\n}\n\n[data-size='large'] {\n  &.qds-tag {\n    font: var(--qds-feedback-tag-large-text);\n    gap: var(--qds-feedback-tag-large-gap-internal);\n    min-height: var(--qds-feedback-tag-large-height);\n    border-radius: var(--qds-feedback-tag-large-border-radius);\n  }\n\n  &.qds-padding {\n    padding: var(--qds-feedback-tag-large-padding-vertical)\n      var(--qds-feedback-tag-large-padding-horizontal);\n  }\n\n  &.qds-icon {\n    width: var(--qds-feedback-tag-large-icon-size);\n    height: var(--qds-feedback-tag-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  /**\n   * Displays an indicator if `true`.\n   */\n  @Prop() public readonly badge?: boolean = false\n\n  /**\n   * The indicator badge's accessible text that will be used by\n   * screen readers.\n   */\n  @Prop() public readonly badgeDescription?: string\n\n  @Element() private readonly host!: HTMLElement\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  get #hasBadge(): boolean {\n    return (this.badge ?? false) && this.importance !== 'emphasized'\n  }\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public render() {\n    return (\n      <span\n        class={{\n          'qds-tag': true,\n          'qds-padding': this.importance !== 'subdued',\n        }}\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              class=\"qds-icon\"\n              data-size={this.#computedSize}\n              library={this.iconLibrary}\n              name={this.iconName}\n            />\n          </>\n        ) : (\n          this.#hasBadge && (\n            <qds-badge-indicator\n              status={this.#computedStatus}\n              description={this.badgeDescription}\n              size={this.#computedSize}\n              strokeRing\n            />\n          )\n        )}\n        <span class=\"qds-text\">{this.text}</span>\n      </span>\n    )\n  }\n}\n"],"names":["inheritAriaAttributes","h","Fragment"],"mappings":"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"}