@quartzds/core 1.0.0-beta.9 → 1.0.0-beta.91

package/dist/cjs/qds-form-message.cjs.entry.js

@@ -0,0 +1,86 @@
+/*!
+ * SPDX-FileCopyrightText: © 2025 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-523dd2e0.js');
+const helpers = require('./helpers-10154521.js');
+
+const formMessageCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-form-message{color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap)}.qds-icon-background,.qds-icon-container{align-items:center;display:flex}.qds-icon-background{border-radius:var(--qds-control-rounded-border-radius)}.qds-icon{color:var(--qds-theme-feedback-action-destructive-contrast)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-size=small]{font:var(--qds-control-small-text)}.qds-icon-container[data-size=small]{height:var(--qds-control-small-icon-crop-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-inline[data-size=small]{margin-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text)}.qds-icon-container[data-size=standard]{height:var(--qds-control-standard-icon-crop-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-inline[data-size=standard]{margin-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text)}.qds-icon-container[data-size=large]{height:var(--qds-control-large-icon-crop-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-inline[data-size=large]{margin-block:var(--qds-control-large-padding-auto-height)}.qds-icon-background[data-status=error]{background-color:var(--qds-theme-feedback-result-failure)}.qds-text[data-status=error]{color:var(--qds-theme-feedback-result-failure)}[data-status=info].qds-icon-background{background-color:var(--qds-theme-feedback-message-informational)}.qds-icon-background[data-status=success]{background-color:var(--qds-theme-feedback-result-success)}.qds-text[data-status=success]{color:var(--qds-theme-feedback-result-success)}[data-status=warning].qds-icon-background{background-color:var(--qds-theme-feedback-result-partial-success)}";
+const QdsFormMessageStyle0 = formMessageCss;
+
+// 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 _FormMessage_instances, _FormMessage_inheritedAttributes, _FormMessage_computedSize_get, _FormMessage_computedStatus_get;
+const FormMessage = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        _FormMessage_instances.add(this);
+        /**
+         * Adds vertical margin to the form message for alignment.
+         *
+         * This is useful when creating inline layouts so that the first lines have
+         * the correct vertical centering.
+         */
+        this.inline = false;
+        /**
+         * The form message's size.
+         */
+        this.size = 'standard';
+        /**
+         * The form message's status.
+         */
+        this.status = 'error';
+        _FormMessage_inheritedAttributes.set(this, {});
+    }
+    componentWillLoad() {
+        __classPrivateFieldSet(this, _FormMessage_inheritedAttributes, helpers.inheritAriaAttributes(this.host), "f");
+    }
+    render() {
+        return (index.h("span", { key: '4ef649d8c5a28d6e7fdd40701808c7e11c5f5d1b', class: {
+                'qds-form-message': true,
+                'qds-inline': this.inline,
+            }, "data-size": __classPrivateFieldGet(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), ...__classPrivateFieldGet(this, _FormMessage_inheritedAttributes, "f") }, index.h("div", { key: '5b4c24c3212a1be080b984b7980ae9007b0d4058', class: "qds-icon-container", "data-size": __classPrivateFieldGet(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, index.h("div", { key: '4ad9113efb96a0a838e1d7c7e74c696a1fd39d10', class: "qds-icon-background", "data-size": __classPrivateFieldGet(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status }, index.h("qds-icon", { key: '20d176ec6474585c36c6357931f047e6dd49b352', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), name: `status-${this.status}`, library: "core" }), index.h("span", { key: 'e3e573bede77a2c328fa954fbe6897624b4743c8', class: "qds-sr-only" }, this.statusDescription))), index.h("span", { key: '90f50abc3abd90e5e33bff33ec9530696a62a8e8', class: "qds-text", "data-status": __classPrivateFieldGet(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
+    }
+    get host() { return index.getElement(this); }
+};
+_FormMessage_inheritedAttributes = new WeakMap(), _FormMessage_instances = new WeakSet(), _FormMessage_computedSize_get = function _FormMessage_computedSize_get() {
+    switch (this.size) {
+        case 'standard':
+        case 'small':
+        case 'large': {
+            return this.size;
+        }
+        default: {
+            return 'standard';
+        }
+    }
+}, _FormMessage_computedStatus_get = function _FormMessage_computedStatus_get() {
+    return this.status ?? 'error';
+};
+FormMessage.style = QdsFormMessageStyle0;
+
+exports.qds_form_message = FormMessage;
+
+//# sourceMappingURL=qds-form-message.cjs.entry.js.map

package/dist/cjs/qds-form-message.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"qds-form-message.entry.cjs.js","mappings":";;;;;;;;;;;;AAAA,MAAM,cAAc,GAAG,4lEAA4lE,CAAC;AACpnE,6BAAe,cAAc;;ACD7B;AACA;AACA;;;;;;;;;;;;;;;;;;MAoBa,WAAW;IALxB;;;;;;;;;QAY0B,WAAM,GAAY,KAAK,CAAA;;;;QAKvB,SAAI,GAAU,UAAU,CAAA;;;;QAKxB,WAAM,GAAY,OAAO,CAAA;QAkBjD,2CAAmC,EAAE,EAAA;KAwDtC;IArCQ,iBAAiB;QACtB,uBAAA,IAAI,oCAAwBA,6BAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,MAAM;QACX,QACEC,mEACE,KAAK,EAAE;gBACL,kBAAkB,EAAE,IAAI;gBACxB,YAAY,EAAE,IAAI,CAAC,MAAM;aAC1B,eACU,uBAAA,IAAI,6DAAc,KAEzB,uBAAA,IAAI,wCAAqB,IAE7BA,kEAAK,KAAK,EAAC,oBAAoB,eAAY,uBAAA,IAAI,6DAAc,IAC3DA,kEACE,KAAK,EAAC,qBAAqB,eAChB,uBAAA,IAAI,6DAAc,iBAChB,IAAI,CAAC,MAAM,IAExBA,sFACc,MAAM,EAClB,KAAK,EAAC,UAAU,eACL,uBAAA,IAAI,6DAAc,EAC7B,IAAI,EAAE,UAAU,IAAI,CAAC,MAAM,EAAE,EAC7B,OAAO,EAAC,MAAM,GACd,EACFA,mEAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,iBAAiB,CAAQ,CACrD,CACF,EACNA,mEAAM,KAAK,EAAC,UAAU,iBAAc,uBAAA,IAAI,+DAAgB,IACrD,IAAI,CAAC,IAAI,CACL,CACF,EACR;KACF;;;;IApDC,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,OAAO,IAAI,CAAC,MAAM,IAAI,OAAO,CAAA;AAC/B,CAAC;;;;;","names":["inheritAriaAttributes","h"],"sources":["src/components/form-message/form-message.css?tag=qds-form-message&encapsulation=shadow","src/components/form-message/form-message.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-form-message {\n  color: var(--qds-theme-control-text-standard);\n  display: inline-flex;\n  gap: var(--qds-text-icon-gap);\n}\n\n.qds-icon-container,\n.qds-icon-background {\n  display: flex;\n  align-items: center;\n}\n\n.qds-icon-background {\n  border-radius: var(--qds-control-rounded-border-radius);\n}\n\n.qds-icon {\n  color: var(--qds-theme-feedback-action-destructive-contrast);\n}\n\n.qds-sr-only {\n  clip: rect(0 0 0 0);\n  height: 1px;\n  width: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n}\n\n[data-size='small'] {\n  font: var(--qds-control-small-text);\n\n  &.qds-icon-container {\n    height: var(--qds-control-small-icon-crop-height);\n  }\n\n  &.qds-icon {\n    width: var(--qds-control-small-icon-size);\n    height: var(--qds-control-small-icon-size);\n  }\n\n  &.qds-inline {\n    margin-block: var(--qds-control-small-padding-auto-height);\n  }\n}\n\n[data-size='standard'] {\n  font: var(--qds-control-standard-text);\n\n  &.qds-icon-container {\n    height: var(--qds-control-standard-icon-crop-height);\n  }\n\n  &.qds-icon {\n    width: var(--qds-control-standard-icon-size);\n    height: var(--qds-control-standard-icon-size);\n  }\n\n  &.qds-inline {\n    margin-block: var(--qds-control-standard-padding-auto-height);\n  }\n}\n\n[data-size='large'] {\n  font: var(--qds-control-large-text);\n\n  &.qds-icon-container {\n    height: var(--qds-control-large-icon-crop-height);\n  }\n\n  &.qds-icon {\n    width: var(--qds-control-large-icon-size);\n    height: var(--qds-control-large-icon-size);\n  }\n\n  &.qds-inline {\n    margin-block: var(--qds-control-large-padding-auto-height);\n  }\n}\n\n[data-status='error'] {\n  &.qds-icon-background {\n    background-color: var(--qds-theme-feedback-result-failure);\n  }\n\n  &.qds-text {\n    color: var(--qds-theme-feedback-result-failure);\n  }\n}\n\n[data-status='info'].qds-icon-background {\n  background-color: var(--qds-theme-feedback-message-informational);\n}\n\n[data-status='success'] {\n  &.qds-icon-background {\n    background-color: var(--qds-theme-feedback-result-success);\n  }\n\n  &.qds-text {\n    color: var(--qds-theme-feedback-result-success);\n  }\n}\n\n[data-status='warning'].qds-icon-background {\n  background-color: var(--qds-theme-feedback-result-partial-success);\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'\nimport type { Size, Status } from '../shared'\n\n/**\n * `<qds-form-message>` elements represent messages for a form field in a user\n * interface.\n *\n * @see https://quartz.se.com/build/components/form-message\n */\n@Component({\n  tag: 'qds-form-message',\n  shadow: true,\n  styleUrl: 'form-message.css',\n})\nexport class FormMessage implements ComponentInterface {\n  /**\n   * Adds vertical margin to the form message for alignment.\n   *\n   * This is useful when creating inline layouts so that the first lines have\n   * the correct vertical centering.\n   */\n  @Prop() public readonly inline: boolean = false\n\n  /**\n   * The form message's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * The form message's status.\n   */\n  @Prop() public readonly status?: Status = 'error'\n\n  /**\n   * Adds accessible text to the icon's form message that will be used by screen readers.\n   *\n   * @example\n   * <qds-form-message status-description=\"Error\" text=\"Password is required.\"></qds-form-message>\n   * // This form message will be read by screen readers as \"Error Password is required.\"\n   */\n  @Prop() public readonly statusDescription?: string\n\n  /**\n   * The form message's text.\n   */\n  @Prop() public readonly text?: string\n\n  @Element() private readonly host!: HTMLElement\n\n  #inheritedAttributes: Attributes = {}\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(): Status {\n    return this.status ?? 'error'\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-form-message': true,\n          'qds-inline': this.inline,\n        }}\n        data-size={this.#computedSize}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.#inheritedAttributes}\n      >\n        <div class=\"qds-icon-container\" data-size={this.#computedSize}>\n          <div\n            class=\"qds-icon-background\"\n            data-size={this.#computedSize}\n            data-status={this.status}\n          >\n            <qds-icon\n              aria-hidden=\"true\"\n              class=\"qds-icon\"\n              data-size={this.#computedSize}\n              name={`status-${this.status}`}\n              library=\"core\"\n            />\n            <span class=\"qds-sr-only\">{this.statusDescription}</span>\n          </div>\n        </div>\n        <span class=\"qds-text\" data-status={this.#computedStatus}>\n          {this.text}\n        </span>\n      </span>\n    )\n  }\n}\n"],"version":3}

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

@@ -1,112 +1,135 @@
 /*!
- * SPDX-FileCopyrightText: © 2023 Schneider Electric
+ * SPDX-FileCopyrightText: © 2025 Schneider Electric
  * 
- * SPDX-License-Identifier: LGPL-2.1-only
+ * SPDX-License-Identifier: Apache-2.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d181f952.js');
-const helpers = require('./helpers-452256e8.js');
-const library = require('./library-0a619eeb.js');
+const index = require('./index-523dd2e0.js');
+const helpers = require('./helpers-10154521.js');
+const library = require('./library-41b19b9e.js');
 
-// SPDX-FileCopyrightText: © 2023 Schneider Electric
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
 //
-// SPDX-License-Identifier: LGPL-2.1-only
-const request = async (source) => {
-  const response = await fetch(source, { mode: 'cors' });
-  return {
-    ok: response.ok,
-    data: await response.text(),
-  };
-};
+// SPDX-License-Identifier: Apache-2.0
 const cachedIconRequests = new Map();
-const requestIcon = async (url) => {
-  const cachedIconRequest = cachedIconRequests.get(url);
-  if (cachedIconRequest)
-    return cachedIconRequest;
-  const fileData = await request(url);
-  const iconFileData = {
-    ok: fileData.ok,
-  };
-  if (fileData.ok) {
-    const div = document.createElement('div');
-    div.innerHTML = fileData.data;
-    const child = div.firstElementChild;
-    iconFileData.data =
-      child?.tagName.toLowerCase() === 'svg' ? child.outerHTML : '';
-  }
-  cachedIconRequests.set(url, iconFileData);
-  return iconFileData;
+const requestIcon = (url) => {
+    const cachedIconRequest = cachedIconRequests.get(url);
+    if (cachedIconRequest)
+        return Promise.resolve(cachedIconRequest);
+    const iconPromise = fetch(url, { mode: 'cors' }).then(async (response) => {
+        const iconResponse = {
+            ok: response.ok,
+            status: response.status,
+            data: await response.text(),
+        };
+        if (response.ok) {
+            const div = document.createElement('div');
+            div.innerHTML = iconResponse.data;
+            const child = div.firstElementChild;
+            iconResponse.data =
+                child?.tagName.toLowerCase() === 'svg' ? child.outerHTML : '';
+        }
+        cachedIconRequests.set(url, iconResponse);
+        return iconResponse;
+    });
+    cachedIconRequests.set(url, iconPromise);
+    return iconPromise;
 };
 
-const iconCss = ":host{box-sizing:border-box}:host([hidden]){display:none !important}:host([hidden]){}:host *,:host *::before,:host *::after{box-sizing:inherit}:host{contain:strict;display:inline-block;height:1em;width:1em}.wrapper{display:contents}svg{display:block;fill:currentcolor;height:100%;width:100%}";
+const iconCss = ":host([hidden]){display:none!important}:host{display:inline-block;height:1em;width:1em}.qds-container{position:relative}.qds-icon-wrapper{display:contents}svg{display:block;fill:currentcolor;height:100%;width:100%}.qds-click-target{height:var(--qds-experimental-icon-click-target-size);left:calc((var(--qds-experimental-icon-click-target-size) - 100%)*-1/2);position:absolute;top:calc((var(--qds-experimental-icon-click-target-size) - 100%)*-1/2);width:var(--qds-experimental-icon-click-target-size)}";
+const QdsIconStyle0 = iconCss;
 
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _Icon_inheritedAttributes;
 let parser;
 const Icon = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.loadEmitter = index.createEvent(this, "qdsLoad", 6);
-    this.errorEmitter = index.createEvent(this, "qdsError", 6);
-    this.inheritedAttributes = {};
-    this.name = undefined;
-    this.library = 'default';
-    this.svg = '';
-  }
-  async setIcon() {
-    if (!this.name)
-      return;
-    const library$1 = library.getIconLibrary(this.library);
-    if (!library$1)
-      return;
-    const url = library$1.resolver(this.name);
-    if (!url) {
-      this.svg = '';
-      return;
-    }
-    try {
-      const request = await requestIcon(url);
-      if (!request.ok) {
-        this.svg = '';
-        this.errorEmitter.emit();
-        return;
-      }
-      // Create an instance of the DOM parser. We do it here instead of at the
-      // top-level to support SSR while maintaining a single parser instance
-      // for optimal performance.
-      parser || (parser = new DOMParser());
-      const document = parser.parseFromString(request.data, 'text/html');
-      const svgElement = document.body.querySelector('svg');
-      if (svgElement === null) {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.loadEmitter = index.createEvent(this, "qdsLoad", 6);
+        this.errorEmitter = index.createEvent(this, "qdsError", 6);
+        /**
+         * The name of a registered icon library.
+         */
+        this.library = 'default';
         this.svg = '';
-        this.errorEmitter.emit();
-      }
-      else {
-        for (const [key, value] of Object.entries(this.inheritedAttributes))
-          svgElement.setAttribute(key, value);
-        this.svg = svgElement.outerHTML;
-        this.loadEmitter.emit();
-      }
+        _Icon_inheritedAttributes.set(this, {});
+    }
+    async setIcon() {
+        if (!this.name)
+            return;
+        const library$1 = library.getIconLibrary(this.library);
+        if (!library$1)
+            return;
+        const url = library$1.resolver(this.name);
+        if (!url) {
+            this.svg = '';
+            return;
+        }
+        try {
+            const request = await requestIcon(url);
+            if (!request.ok) {
+                this.svg = '';
+                this.errorEmitter.emit();
+                return;
+            }
+            // Create an instance of the DOM parser. We do it here instead of at the
+            // top-level to support SSR while maintaining a single parser instance
+            // for optimal performance.
+            parser || (parser = new DOMParser());
+            const document = parser.parseFromString(request.data, 'text/html');
+            const svgElement = document.body.querySelector('svg');
+            if (svgElement === null) {
+                this.svg = '';
+                this.errorEmitter.emit();
+            }
+            else {
+                for (const [key, value] of Object.entries(__classPrivateFieldGet(this, _Icon_inheritedAttributes, "f")))
+                    if (value !== undefined)
+                        svgElement.setAttribute(key, value);
+                this.svg = svgElement.outerHTML;
+                this.loadEmitter.emit();
+            }
+        }
+        catch {
+            this.errorEmitter.emit();
+        }
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _Icon_inheritedAttributes, helpers.inheritAriaAttributes(this.host), "f");
+        await this.setIcon();
     }
-    catch {
-      this.errorEmitter.emit();
+    render() {
+        return (index.h("div", { key: '70a230b844d56b3c3546fe243c71e8ab93847aca', class: "qds-container" }, index.h("span", { key: '88b003880fb54fd138cfad5c670030cb9f4cfdc4', class: "qds-icon-wrapper", innerHTML: this.svg }), index.h("div", { key: 'e0e911ad95b588c5676be368f39d82c0511e966e', class: "qds-click-target" })));
     }
-  }
-  async componentWillLoad() {
-    this.inheritedAttributes = helpers.inheritAriaAttributes(this.element);
-    await this.setIcon();
-  }
-  render() {
-    return index.h("span", { class: "wrapper", innerHTML: this.svg });
-  }
-  get element() { return index.getElement(this); }
-  static get watchers() { return {
-    "name": ["setIcon"],
-    "library": ["setIcon"]
-  }; }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "name": ["setIcon"],
+        "library": ["setIcon"]
+    }; }
 };
-Icon.style = iconCss;
+_Icon_inheritedAttributes = new WeakMap();
+Icon.style = QdsIconStyle0;
 
 exports.qds_icon = Icon;
 

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

@@ -1 +1 @@
-{"file":"qds-icon.entry.cjs.js","mappings":"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","names":["library","getIconLibrary","inheritAriaAttributes","h"],"sources":["src/components/icon/request.ts","src/components/icon/icon.css?tag=qds-icon&encapsulation=shadow","src/components/icon/icon.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: © 2023 Schneider Electric\n//\n// SPDX-License-Identifier: LGPL-2.1-only\n\ninterface Request {\n  ok: boolean\n  data: string\n}\n\ninterface IconRequestOk {\n  ok: true\n  data: string\n}\n\ninterface IconRequestError {\n  ok: false\n  data: undefined\n}\n\ntype IconRequest = IconRequestError | IconRequestOk\n\ninterface IconRequestUnknown {\n  ok: boolean\n  data?: string\n}\n\nconst request = async (source: string): Promise<Request> => {\n  const response = await fetch(source, { mode: 'cors' })\n  return {\n    ok: response.ok,\n    data: await response.text(),\n  }\n}\n\nconst cachedIconRequests = new Map<string, IconRequest>()\n\nconst requestIcon = async (url: string): Promise<IconRequest> => {\n  const cachedIconRequest = cachedIconRequests.get(url)\n  if (cachedIconRequest) return cachedIconRequest\n\n  const fileData = await request(url)\n  const iconFileData: IconRequestUnknown = {\n    ok: fileData.ok,\n  }\n  if (fileData.ok) {\n    const div = document.createElement('div')\n    div.innerHTML = fileData.data\n    const child = div.firstElementChild\n    iconFileData.data =\n      child?.tagName.toLowerCase() === 'svg' ? child.outerHTML : ''\n  }\n\n  cachedIconRequests.set(url, iconFileData as IconRequest)\n  return iconFileData as IconRequest\n}\n\nexport default requestIcon\n","/*\n * SPDX-FileCopyrightText: © 2023 Schneider Electric\n *\n * SPDX-License-Identifier: LGPL-2.1-only\n */\n\n@import url('../shared.css');\n\n:host {\n  contain: strict;\n  display: inline-block;\n  height: 1em;\n  width: 1em;\n}\n\n.wrapper {\n  display: contents;\n}\n\nsvg {\n  display: block;\n  fill: currentcolor;\n  height: 100%;\n  width: 100%;\n}\n","// SPDX-FileCopyrightText: © 2023 Schneider Electric\n//\n// SPDX-License-Identifier: LGPL-2.1-only\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport { Component, Element, Event, h, Prop, State, Watch } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\nimport { getIconLibrary } from './library'\nimport requestIcon from './request'\n\nlet parser: DOMParser | undefined\n\n/**\n * @experimental\n */\n@Component({\n  tag: 'qds-icon',\n  shadow: true,\n  styleUrl: 'icon.css',\n})\nexport class Icon 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({ reflect: true }) public readonly name!: string\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop({ reflect: true }) public readonly library: string = 'default'\n\n  /**\n   * Emitted when the icon has loaded.\n   */\n  @Event({ eventName: 'qdsLoad', cancelable: false })\n  private readonly loadEmitter!: EventEmitter<void>\n\n  /**\n   * Emitted when the icon fails to load due to an error.\n   */\n  @Event({ eventName: 'qdsError', cancelable: false })\n  private readonly errorEmitter!: EventEmitter<void>\n\n  @Element() private readonly element!: HTMLQdsIconElement\n\n  @State() private svg = ''\n\n  private inheritedAttributes: Attributes = {}\n\n  @Watch('name')\n  @Watch('library')\n  private async setIcon(): Promise<void> {\n    if (!this.name) return\n\n    const library = getIconLibrary(this.library)\n    if (!library) return\n\n    const url = library.resolver(this.name)\n    if (!url) {\n      this.svg = ''\n      return\n    }\n\n    try {\n      const request = await requestIcon(url)\n      if (!request.ok) {\n        this.svg = ''\n        this.errorEmitter.emit()\n        return\n      }\n\n      // Create an instance of the DOM parser. We do it here instead of at the\n      // top-level to support SSR while maintaining a single parser instance\n      // for optimal performance.\n      parser ||= new DOMParser()\n      const document = parser.parseFromString(request.data, 'text/html')\n      const svgElement = document.body.querySelector('svg')\n      if (svgElement === null) {\n        this.svg = ''\n        this.errorEmitter.emit()\n      } else {\n        for (const [key, value] of Object.entries(this.inheritedAttributes))\n          svgElement.setAttribute(key, value)\n        this.svg = svgElement.outerHTML\n        this.loadEmitter.emit()\n      }\n    } catch {\n      this.errorEmitter.emit()\n    }\n  }\n\n  public async componentWillLoad(): Promise<void> {\n    this.inheritedAttributes = inheritAriaAttributes(this.element)\n    await this.setIcon()\n  }\n\n  public render() {\n    return <span class=\"wrapper\" innerHTML={this.svg} />\n  }\n}\n"],"version":3}
+{"file":"qds-icon.entry.cjs.js","mappings":"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","names":["library","getIconLibrary","inheritAriaAttributes","h"],"sources":["src/components/icon/request.ts","src/components/icon/icon.css?tag=qds-icon&encapsulation=shadow","src/components/icon/icon.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\ninterface IconResponse {\n  ok: boolean\n  status: number\n  data: string\n}\n\nconst cachedIconRequests = new Map<\n  string,\n  IconResponse | Promise<IconResponse>\n>()\n\nconst requestIcon = (url: string): Promise<IconResponse> => {\n  const cachedIconRequest = cachedIconRequests.get(url)\n  if (cachedIconRequest) return Promise.resolve(cachedIconRequest)\n\n  const iconPromise = fetch(url, { mode: 'cors' }).then(async (response) => {\n    const iconResponse: IconResponse = {\n      ok: response.ok,\n      status: response.status,\n      data: await response.text(),\n    }\n    if (response.ok) {\n      const div = document.createElement('div')\n      div.innerHTML = iconResponse.data\n      const child = div.firstElementChild\n      iconResponse.data =\n        child?.tagName.toLowerCase() === 'svg' ? child.outerHTML : ''\n    }\n\n    cachedIconRequests.set(url, iconResponse)\n    return iconResponse\n  })\n  cachedIconRequests.set(url, iconPromise)\n  return iconPromise\n}\n\nexport default requestIcon\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: inline-block;\n  height: 1em;\n  width: 1em;\n}\n\n.qds-container {\n  position: relative;\n}\n\n.qds-icon-wrapper {\n  display: contents;\n}\n\nsvg {\n  display: block;\n  fill: currentcolor;\n  height: 100%;\n  width: 100%;\n}\n\n.qds-click-target {\n  height: var(--qds-experimental-icon-click-target-size);\n  left: calc(-1 * (var(--qds-experimental-icon-click-target-size) - 100%) / 2);\n  position: absolute;\n  top: calc(-1 * (var(--qds-experimental-icon-click-target-size) - 100%) / 2);\n  width: var(--qds-experimental-icon-click-target-size);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport { Component, Element, Event, h, Prop, State, Watch } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes } from '../../helpers'\nimport { getIconLibrary } from './library'\nimport requestIcon from './request'\n\nlet parser: DOMParser | undefined\n\n/**\n * @experimental\n */\n@Component({\n  tag: 'qds-icon',\n  shadow: true,\n  styleUrl: 'icon.css',\n})\nexport class Icon 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 name!: string\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly library: string = 'default'\n\n  /**\n   * Emitted when the icon has loaded.\n   */\n  @Event({ eventName: 'qdsLoad', cancelable: false })\n  private readonly loadEmitter!: EventEmitter<void>\n\n  /**\n   * Emitted when the icon fails to load due to an error.\n   */\n  @Event({ eventName: 'qdsError', cancelable: false })\n  private readonly errorEmitter!: EventEmitter<void>\n\n  @Element() private readonly host!: HTMLElement\n\n  @State() private svg = ''\n\n  #inheritedAttributes: Attributes = {}\n\n  @Watch('name')\n  @Watch('library')\n  private async setIcon(): Promise<void> {\n    if (!this.name) return\n\n    const library = getIconLibrary(this.library)\n    if (!library) return\n\n    const url = library.resolver(this.name)\n    if (!url) {\n      this.svg = ''\n      return\n    }\n\n    try {\n      const request = await requestIcon(url)\n      if (!request.ok) {\n        this.svg = ''\n        this.errorEmitter.emit()\n        return\n      }\n\n      // Create an instance of the DOM parser. We do it here instead of at the\n      // top-level to support SSR while maintaining a single parser instance\n      // for optimal performance.\n      parser ||= new DOMParser()\n      const document = parser.parseFromString(request.data, 'text/html')\n      const svgElement = document.body.querySelector('svg')\n      if (svgElement === null) {\n        this.svg = ''\n        this.errorEmitter.emit()\n      } else {\n        for (const [key, value] of Object.entries(this.#inheritedAttributes))\n          if (value !== undefined) svgElement.setAttribute(key, value)\n        this.svg = svgElement.outerHTML\n        this.loadEmitter.emit()\n      }\n    } catch {\n      this.errorEmitter.emit()\n    }\n  }\n\n  public async componentWillLoad(): Promise<void> {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n    await this.setIcon()\n  }\n\n  public render() {\n    return (\n      <div class=\"qds-container\">\n        <span class=\"qds-icon-wrapper\" innerHTML={this.svg} />\n        <div class=\"qds-click-target\" />\n      </div>\n    )\n  }\n}\n"],"version":3}

package/dist/cjs/qds-inline-link.cjs.entry.js

@@ -1,60 +1,113 @@
 /*!
- * SPDX-FileCopyrightText: © 2023 Schneider Electric
+ * SPDX-FileCopyrightText: © 2025 Schneider Electric
  * 
- * SPDX-License-Identifier: LGPL-2.1-only
+ * SPDX-License-Identifier: Apache-2.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d181f952.js');
-const helpers = require('./helpers-452256e8.js');
+const index = require('./index-523dd2e0.js');
+const helpers = require('./helpers-10154521.js');
 
-const inlineLinkCss = ":host{box-sizing:border-box}:host([hidden]){display:none !important}:host([hidden]){}:host *,:host *::before,:host *::after{box-sizing:inherit}:host{display:inline-block}.external{display:none;height:1.25em;-webkit-margin-start:var(--qds-text-icon-gap);margin-inline-start:var(--qds-text-icon-gap);vertical-align:text-top;width:1.25em}.inline-link{border-radius:var(--qds-focus-border-radius);color:var(--qds-theme-link-default)}.inline-link[rel~='external']>.external{display:inline-block}.inline-link:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.inline-link:visited{color:var(--qds-theme-link-visited)}[aria-disabled='true']{opacity:var(--qds-theme-disabled);pointer-events:none}";
+const inlineLinkCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-icon{flex-shrink:0;height:1.25em;width:1.25em}.qds-inline-link{align-items:center;border-radius:var(--qds-focus-border-radius);display:inline-flex;gap:var(--qds-text-icon-gap);max-width:inherit;width:inherit}.qds-inline-link:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.qds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}[data-importance=subdued]{color:var(--qds-theme-link-subdued-default)}[data-importance=subdued]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=subdued]:hover{color:var(--qds-theme-link-subdued-hover)}[data-importance=subdued]:active{color:var(--qds-theme-link-subdued-pressed)}[data-importance=subdued]:visited:hover{color:var(--qds-theme-link-visited-hover)}[data-importance=subdued]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=standard]{color:var(--qds-theme-link-standard-default)}[data-importance=standard]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=standard]:hover{color:var(--qds-theme-link-standard-hover)}[data-importance=standard]:active{color:var(--qds-theme-link-standard-pressed)}[data-importance=standard]:visited:hover{color:var(--qds-theme-link-visited-hover)}[data-importance=standard]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=emphasized]{color:var(--qds-theme-link-emphasized-default)}[data-importance=emphasized]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=emphasized]:hover{color:var(--qds-theme-link-emphasized-hover)}[data-importance=emphasized]:active{color:var(--qds-theme-link-emphasized-pressed)}[data-importance=emphasized]:visited:hover{color:var(--qds-theme-link-visited-hover)}[data-importance=emphasized]:visited:active{color:var(--qds-theme-link-visited-pressed)}";
+const QdsInlineLinkStyle0 = inlineLinkCss;
 
+// 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 _InlineLink_instances, _InlineLink_internals, _InlineLink_computedImportance_get, _InlineLink_onBlur, _InlineLink_onFocus, _InlineLink_onSlotchange;
 const InlineLink = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.blurEmitter = index.createEvent(this, "qdsBlur", 2);
-    this.focusEmitter = index.createEvent(this, "qdsFocus", 2);
-    this.inheritedAttributes = {};
-    this.onBlur = (event) => {
-      this.blurEmitter.emit(helpers.pickFocusEventAttributes(event));
-    };
-    this.onFocus = (event) => {
-      this.focusEmitter.emit(helpers.pickFocusEventAttributes(event));
-    };
-    this.disabled = false;
-    this.download = undefined;
-    this.href = undefined;
-    this.hreflang = undefined;
-    this.referrerPolicy = undefined;
-    this.rel = undefined;
-    this.target = '_self';
-  }
-  get computedTabIndex() {
-    const parsedValue = Number.parseInt(this.inheritedAttributes.tabindex, 10);
-    return Number.isNaN(parsedValue) ? 0 : parsedValue;
-  }
-  onClick(event) {
-    if (this.disabled) {
-      event.preventDefault();
-      event.stopPropagation();
-    }
-  }
-  componentWillLoad() {
-    this.inheritedAttributes = {
-      ...helpers.inheritAriaAttributes(this.element),
-      ...helpers.inheritAttributes(this.element, ['tabindex']),
-    };
-  }
-  render() {
-    return (index.h("a", { "aria-disabled": this.disabled ? 'true' : 'false', class: "inline-link", download: this.download, href: this.href, hrefLang: this.hreflang, onBlur: this.onBlur, onFocus: this.onFocus, referrerPolicy: this.referrerPolicy, rel: this.rel, target: this.target, ...this.inheritedAttributes, tabIndex: this.disabled ? -1 : this.computedTabIndex }, index.h("slot", null), index.h("qds-icon", { class: "external", library: "core", name: "external-link" })));
-  }
-  static get delegatesFocus() { return true; }
-  get element() { return index.getElement(this); }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.blurEmitter = index.createEvent(this, "qdsBlur", 2);
+        this.focusEmitter = index.createEvent(this, "qdsFocus", 2);
+        _InlineLink_instances.add(this);
+        /**
+         * Prevents the inline link from being interacted with: it cannot be pressed
+         * or focused.
+         */
+        this.disabled = false;
+        /**
+         * The name of a registered icon library.
+         */
+        this.iconLibrary = 'default';
+        /**
+         * The inline link's importance.
+         */
+        this.importance = 'standard';
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        _InlineLink_internals.set(this, helpers.attachInternals.call(this));
+        _InlineLink_onBlur.set(this, (event) => {
+            this.blurEmitter.emit(helpers.pickFocusEventAttributes(event));
+        });
+        _InlineLink_onFocus.set(this, (event) => {
+            this.focusEmitter.emit(helpers.pickFocusEventAttributes(event));
+        });
+        _InlineLink_onSlotchange.set(this, () => {
+            __classPrivateFieldGet(this, _InlineLink_internals, "f").ariaLabel = this.host.textContent;
+        });
+    }
+    onClick(event) {
+        if (this.disabled)
+            event.stopImmediatePropagation();
+    }
+    disabledChanged() {
+        __classPrivateFieldGet(this, _InlineLink_internals, "f").ariaDisabled = this.disabled.toString();
+    }
+    tabindexChanged(newValue) {
+        const parsedValue = Number.parseInt(newValue, 10);
+        // FIXME: `undefined` instead of `0` causes `qdsFocus/qdsBlur` E2E tests
+        // to fail, but it's not clear why this is the case since it works for
+        // other components.
+        this.tabIndex = Number.isNaN(parsedValue) ? 0 : parsedValue;
+    }
+    hrefTargetChanged() {
+        this.linkIcon = helpers.determineLinkIcon(this.href, this.target);
+    }
+    componentWillLoad() {
+        __classPrivateFieldGet(this, _InlineLink_internals, "f").role = 'link';
+        this.disabledChanged();
+        this.hrefTargetChanged();
+        this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
+    }
+    componentDidLoad() {
+        __classPrivateFieldGet(this, _InlineLink_internals, "f").ariaLabel = this.host.textContent;
+    }
+    render() {
+        return (index.h("a", { key: 'f839676a41fc544de59e0863b1f01090648a6e40', "aria-hidden": "true", class: {
+                'qds-inline-link': true,
+                'qds-disabled': this.disabled,
+            }, "data-importance": __classPrivateFieldGet(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: this.disabled ? -1 : this.tabIndex, target: this.target }, this.iconName !== undefined && this.iconName !== '' && (index.h("qds-icon", { key: 'e2046cd8ec2aaaf2b4b367d4e3321098fa7d6a8e', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), index.h("span", { key: '88079c1b08b6e56ae578f73e392330e313db02bc', class: "qds-text" }, index.h("slot", { key: 'fd9c072da3e2364a6233b8ad1cc7f50e43684d61', onSlotchange: __classPrivateFieldGet(this, _InlineLink_onSlotchange, "f") })), this.linkIcon && (index.h("qds-icon", { key: 'bb1bf6c08631539894bbef5c9b87c675d94c853d', class: "qds-icon", library: "core", name: this.linkIcon }))));
+    }
+    static get delegatesFocus() { return true; }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "disabled": ["disabledChanged"],
+        "tabindex": ["tabindexChanged"],
+        "href": ["hrefTargetChanged"],
+        "target": ["hrefTargetChanged"]
+    }; }
+};
+_InlineLink_internals = new WeakMap(), _InlineLink_onBlur = new WeakMap(), _InlineLink_onFocus = new WeakMap(), _InlineLink_onSlotchange = new WeakMap(), _InlineLink_instances = new WeakSet(), _InlineLink_computedImportance_get = function _InlineLink_computedImportance_get() {
+    switch (this.importance) {
+        case 'subdued':
+        case 'emphasized': {
+            return this.importance;
+        }
+        default: {
+            return 'standard';
+        }
+    }
 };
-InlineLink.style = inlineLinkCss;
+InlineLink.style = QdsInlineLinkStyle0;
 
 exports.qds_inline_link = InlineLink;