@quartzds/core 1.0.0-beta.12 → 1.0.0-beta.120

package/components/qds-dialog.js

@@ -1,108 +1,194 @@
 /*!
- * SPDX-FileCopyrightText: © 2023 Schneider Electric
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
  * 
- * SPDX-License-Identifier: LGPL-2.1-only
+ * SPDX-License-Identifier: Apache-2.0
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as ignorePromise, a as invariant, i as inheritAriaAttributes } from './helpers.js';
+import { p as proxyCustomElement, H, c as createEvent, h, e as Host } from './p-D2489VzR.js';
+import { i as invariant, c as inheritAriaAttributes } from './p-CXP6q9Mr.js';
+import { d as defineCustomElement$6 } from './p-CDRwHAIT.js';
+import { d as defineCustomElement$5 } from './p-U2Q0vF-d.js';
+import { d as defineCustomElement$4 } from './p-BkgfW_tl.js';
+import { d as defineCustomElement$3 } from './p-CFVg7I9T.js';
+import { d as defineCustomElement$2 } from './p-B03FWheS.js';
 
-const dialogCss = ":host{box-sizing:border-box}:host([hidden]){display:none !important}:host([hidden]){}:host *,:host *::before,:host *::after{box-sizing:inherit}:host{display:contents}.dialog{border-radius:var(--qds-popup-border-radius);border:none;box-shadow:var(--qds-theme-popup-elevation);padding:0}.dialog::backdrop{background:transparent none repeat 0 0 / auto auto padding-box border-box scroll;background:initial}.dialog[open]~.backdrop{-webkit-backdrop-filter:blur(var(--qds-theme-popup-overlay-blur));backdrop-filter:blur(var(--qds-theme-popup-overlay-blur));background-color:var(--qds-theme-popup-overlay-background);inset:0;opacity:var(--qds-theme-popup-overlay-opacity);position:fixed}.content{align-items:flex-start;background-color:var(--qds-theme-popup-background);display:flex;flex-direction:column;gap:var(--qds-popup-gap-children-related);padding:var(--qds-popup-padding)}::slotted(blockquote),::slotted(button),::slotted(dd),::slotted(dl),::slotted(fieldset),::slotted(figure),::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6),::slotted(hr),::slotted(input),::slotted(menu),::slotted(ol),::slotted(p),::slotted(pre),::slotted(select),::slotted(textarea),::slotted(ul){margin:0}";
+const dialogCss = ":host([hidden]){display:none!important}:host{display:none;height:-moz-fit-content;height:fit-content;inset:0;position:fixed;width:-moz-fit-content;width:fit-content}:host([open]){display:block}.qds-dialog{background-color:var(--qds-theme-popup-background);border:var(--qds-popup-border-width) solid var(--qds-theme-popup-border);border-radius:var(--qds-popup-border-radius);box-shadow:var(--qds-popup-elevation);color:inherit;height:inherit;padding:0;width:inherit}.qds-dialog::backdrop{background:initial}.qds-dialog[open]~.qds-backdrop{backdrop-filter:blur(var(--qds-theme-popup-overlay-blur));background-color:var(--qds-theme-popup-overlay-background);inset:0;opacity:var(--qds-theme-popup-overlay-opacity);position:fixed}.qds-heading{align-items:center;display:flex;padding:var(--qds-popup-padding-top) var(--qds-popup-padding-end) var(--qds-popup-section-padding-bottom) var(--qds-popup-padding-start)}.qds-close-button{margin-left:auto}.qds-footer{padding:var(--qds-popup-section-padding-top) var(--qds-popup-padding-end) var(--qds-popup-padding-bottom) var(--qds-popup-padding-start)}.qds-content{align-items:flex-start;display:flex;flex-direction:column;gap:var(--qds-popup-gap-children-related);height:calc(100% - var(--qds-popup-section-padding-top) - var(--qds-popup-section-padding-bottom));padding:var(--qds-popup-section-padding-top) var(--qds-popup-padding-end) var(--qds-popup-section-padding-bottom) var(--qds-popup-padding-start)}::slotted(blockquote),::slotted(button),::slotted(dd),::slotted(dl),::slotted(fieldset),::slotted(figure),::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6),::slotted(hr),::slotted(input),::slotted(menu),::slotted(ol),::slotted(p),::slotted(pre),::slotted(select),::slotted(textarea),::slotted(ul){margin:0}";
 
-const Dialog = /*@__PURE__*/ proxyCustomElement(class Dialog extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.cancelEmitter = createEvent(this, "qdsCancel", 1);
-    this.closeEmitter = createEvent(this, "qdsClose", 0);
-    this.inheritedAttributes = {};
-    this.boundSubmit = (event) => {
-      ignorePromise(this.handleSubmit(event));
-    };
-    this.onCancel = (event) => {
-      if (this.cancelEmitter.emit().defaultPrevented)
-        event.preventDefault();
-    };
-    this.onClose = () => {
-      invariant(this.dialog);
-      this.closeEmitter.emit();
-      this.open = this.dialog.open;
-    };
-    this.ref = (dialog) => {
-      this.dialog = dialog;
-    };
-    this.open = false;
-  }
-  /**
-   * Displays the dialog over the top of any other dialogs that might be
-   * present. Everything outside of the dialog is [inert][] with interactions
-   * outside of the dialog being blocked.
-   *
-   * [inert]: https://developer.mozilla.org/docs/Web/API/HTMLElement/inert
-   */
-  async show() {
-    invariant(this.dialog);
-    this.dialog.showModal();
-    this.open = this.dialog.open;
-  }
-  /**
-   * Closes the dialog.
-   */
-  async close() {
-    invariant(this.dialog);
-    this.dialog.close();
-  }
-  async openChanged() {
-    await (this.open ? this.show() : this.close());
-  }
-  componentWillLoad() {
-    this.inheritedAttributes = inheritAriaAttributes(this.element);
-  }
-  async componentDidLoad() {
-    if (this.open)
-      await this.show();
-  }
-  render() {
-    return (h(Host, null, h("dialog", { class: "dialog", ref: this.ref, onSubmit: this.boundSubmit, onCancel: this.onCancel, onClose: this.onClose, ...this.inheritedAttributes }, h("div", { class: "content" }, h("slot", null))), h("div", { class: "backdrop" })));
-  }
-  async handleSubmit(event) {
-    if ((event instanceof SubmitEvent &&
-      (event.submitter instanceof HTMLButtonElement ||
-        (event.submitter instanceof HTMLInputElement &&
-          event.submitter.formMethod === 'dialog'))) ||
-      (event.target instanceof HTMLFormElement &&
-        event.target.method === 'dialog')) {
-      event.preventDefault();
-      await this.close();
+// 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 _Dialog_inheritedAttributes, _Dialog_dialog, _Dialog_titleId, _Dialog_closeButton, _Dialog_ref, _Dialog_onCancel, _Dialog_onClose, _Dialog_handleCloseClick, _Dialog_onSubmit, _Dialog_closeButtonRef, _Dialog_handleFocus;
+let autoIncrementingId = 0;
+const Dialog = /*@__PURE__*/ proxyCustomElement(class Dialog extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.cancelEmitter = createEvent(this, "qdsCancel", 1);
+        this.closeEmitter = createEvent(this, "qdsClose", 2);
+        /**
+         * Indicates whether or not the dialog is open. You can toggle this attribute
+         * to show and hide the dialog, or you can use the `show()` and `close()`
+         * methods and this attribute will reflect the dialog’s open state.
+         */
+        this.open = false;
+        this.hasTitleSlot = false;
+        this.hasFooterSlot = false;
+        _Dialog_inheritedAttributes.set(this, {});
+        _Dialog_dialog.set(this, void 0);
+        _Dialog_titleId.set(this, void 0);
+        _Dialog_closeButton.set(this, void 0);
+        _Dialog_ref.set(this, (dialog) => {
+            __classPrivateFieldSet(this, _Dialog_dialog, dialog, "f");
+        });
+        _Dialog_onCancel.set(this, (event) => {
+            if (this.cancelEmitter.emit().defaultPrevented)
+                event.preventDefault();
+        });
+        _Dialog_onClose.set(this, () => {
+            invariant(__classPrivateFieldGet(this, _Dialog_dialog, "f"));
+            this.closeEmitter.emit();
+            this.open = __classPrivateFieldGet(this, _Dialog_dialog, "f").open;
+        });
+        _Dialog_handleCloseClick.set(this, () => {
+            this.close();
+        });
+        _Dialog_onSubmit.set(this, (event) => {
+            if ((event instanceof SubmitEvent &&
+                (event.submitter instanceof HTMLButtonElement ||
+                    (event.submitter instanceof HTMLInputElement &&
+                        event.submitter.formMethod === 'dialog'))) ||
+                (event.target instanceof HTMLFormElement &&
+                    event.target.method === 'dialog')) {
+                event.preventDefault();
+                this.close();
+            }
+        });
+        _Dialog_closeButtonRef.set(this, (button) => {
+            __classPrivateFieldSet(this, _Dialog_closeButton, button, "f");
+        });
+        _Dialog_handleFocus.set(this, () => {
+            if (!this.open)
+                return;
+            const autofocusTarget = this.host.querySelector('[autofocus]');
+            if (autofocusTarget instanceof H) {
+                autofocusTarget.focus();
+                return;
+            }
+            if (this.closable === true && __classPrivateFieldGet(this, _Dialog_closeButton, "f")) {
+                __classPrivateFieldGet(this, _Dialog_closeButton, "f").focus();
+            }
+        });
     }
-  }
-  get element() { return this; }
-  static get watchers() { return {
-    "open": ["openChanged"]
-  }; }
-  static get style() { return dialogCss; }
-}, [1, "qds-dialog", {
-    "open": [1540],
-    "show": [64],
-    "close": [64]
-  }]);
+    openChanged() {
+        if (this.open)
+            this.show();
+        else
+            this.close();
+    }
+    componentWillRender() {
+        this.hasTitleSlot = !!this.host.querySelector('[slot="title"]');
+        this.hasFooterSlot = !!this.host.querySelector('[slot="footer"]');
+    }
+    componentWillLoad() {
+        __classPrivateFieldSet(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
+        autoIncrementingId += 1;
+        __classPrivateFieldSet(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId}`, "f");
+    }
+    componentDidLoad() {
+        if (this.open)
+            this.show();
+    }
+    render() {
+        const hasHeading = this.hasTitleSlot || this.closable === true;
+        return (h(Host, { key: '0bcfa1fad8f3f0f545910c780cde7fd4bb0c6d76' }, h("dialog", { key: 'f4b5f83e89540a980f20978d1bf89ae9b0bf3438', class: "qds-dialog", ref: __classPrivateFieldGet(this, _Dialog_ref, "f"), onCancel: __classPrivateFieldGet(this, _Dialog_onCancel, "f"), onClose: __classPrivateFieldGet(this, _Dialog_onClose, "f"), onSubmit: __classPrivateFieldGet(this, _Dialog_onSubmit, "f"), ...__classPrivateFieldGet(this, _Dialog_inheritedAttributes, "f"), "aria-labelledby": this.hasTitleSlot ? __classPrivateFieldGet(this, _Dialog_titleId, "f") : undefined }, hasHeading && (h("div", { key: '94c26a3a9d27175dc4c75e0de0444c8d683c06a4', class: "qds-heading" }, this.hasTitleSlot && (h("div", { key: '10c1a0f0f1885866e7be30928fb95fb0e337604d', id: __classPrivateFieldGet(this, _Dialog_titleId, "f") }, h("slot", { key: 'afe9fcfbb0d82724d40ceaae09ff7be847cfd64c', name: "title" }))), this.closable === true && (h("qds-icon-button", { key: '45a98e3cd10c2fc541faa90ccff77876282e19c5', text: "close dialog", class: "qds-close-button", importance: "subdued", iconName: "close", iconLibrary: "core", onClick: __classPrivateFieldGet(this, _Dialog_handleCloseClick, "f"), ref: __classPrivateFieldGet(this, _Dialog_closeButtonRef, "f") })))), h("div", { key: '00fc4e82c1cf582de62268fcd528a4b07e56374c', class: "qds-content" }, h("slot", { key: 'e7a9c30fdf9eb74ac24508931bcbd0f75763ef46' })), this.hasFooterSlot && (h("div", { key: '2ca137dfcd089d07e8e418c1e9984d91cf2b19f4', class: "qds-footer" }, h("slot", { key: 'c96370109b2be2f5166cf3744caaf7c38a37147c', name: "footer" })))), h("div", { key: '770a66d1f66d432b920812a7c5933178af399a08', class: "qds-backdrop" })));
+    }
+    show() {
+        invariant(__classPrivateFieldGet(this, _Dialog_dialog, "f"));
+        __classPrivateFieldGet(this, _Dialog_dialog, "f").showModal();
+        this.open = __classPrivateFieldGet(this, _Dialog_dialog, "f").open;
+        requestAnimationFrame(() => {
+            __classPrivateFieldGet(this, _Dialog_handleFocus, "f").call(this);
+        });
+    }
+    close() {
+        invariant(__classPrivateFieldGet(this, _Dialog_dialog, "f"));
+        __classPrivateFieldGet(this, _Dialog_dialog, "f").close();
+    }
+    get host() { return this; }
+    static get watchers() { return {
+        "open": ["openChanged"]
+    }; }
+    static get style() { return dialogCss; }
+}, [257, "qds-dialog", {
+        "open": [1540],
+        "closable": [4],
+        "hasTitleSlot": [32],
+        "hasFooterSlot": [32]
+    }, undefined, {
+        "open": ["openChanged"]
+    }]);
+_Dialog_inheritedAttributes = new WeakMap(), _Dialog_dialog = new WeakMap(), _Dialog_titleId = new WeakMap(), _Dialog_closeButton = new WeakMap(), _Dialog_ref = new WeakMap(), _Dialog_onCancel = new WeakMap(), _Dialog_onClose = new WeakMap(), _Dialog_handleCloseClick = new WeakMap(), _Dialog_onSubmit = new WeakMap(), _Dialog_closeButtonRef = new WeakMap(), _Dialog_handleFocus = new WeakMap();
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["qds-dialog"];
-  components.forEach(tagName => { switch (tagName) {
-    case "qds-dialog":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Dialog);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["qds-dialog", "qds-badge-counter", "qds-badge-indicator", "qds-icon", "qds-icon-button", "qds-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "qds-dialog":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Dialog);
+            }
+            break;
+        case "qds-badge-counter":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "qds-badge-indicator":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "qds-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "qds-icon-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "qds-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
 }
 
 const QdsDialog = Dialog;
 const defineCustomElement = defineCustomElement$1;
 
 export { QdsDialog, defineCustomElement };
+//# sourceMappingURL=qds-dialog.js.map
 
 //# sourceMappingURL=qds-dialog.js.map

package/components/qds-dialog.js.map

@@ -1 +1 @@
-{"file":"qds-dialog.js","mappings":";;;;;;;;AAAA,MAAM,SAAS,GAAG,+rCAA+rC;;MC8BpsC,MAAM;;;;;;;IA8BT,wBAAmB,GAAe,EAAE,CAAA;IA6E3B,gBAAW,GAAG,CAAC,KAAY;MAC1C,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;KACxC,CAAA;IAEgB,aAAQ,GAAG,CAAC,KAAY;MACvC,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,gBAAgB;QAAE,KAAK,CAAC,cAAc,EAAE,CAAA;KACvE,CAAA;IAEgB,YAAO,GAAG;MACzB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;MAEtB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAA;MACxB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAA;KAC7B,CAAA;IAEgB,QAAG,GAAG,CAAC,MAA0B;MAChD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA;KACrB,CAAA;gBAtHqD,KAAK;;;;;;;;;EAoCpD,MAAM,IAAI;IACf,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IAEtB,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAA;IACvB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAA;GAC7B;;;;EAMM,MAAM,KAAK;IAChB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IAEtB,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;GACpB;EAGS,MAAM,WAAW;IACzB,OAAO,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;GAC/C;EAEM,iBAAiB;IACtB,IAAI,CAAC,mBAAmB,GAAG,qBAAqB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;GAC/D;EAEM,MAAM,gBAAgB;IAC3B,IAAI,IAAI,CAAC,IAAI;MAAE,MAAM,IAAI,CAAC,IAAI,EAAE,CAAA;GACjC;EAEM,MAAM;IACX,QACE,EAAC,IAAI,QACH,cACE,KAAK,EAAC,QAAQ,EACd,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,QAAQ,EAAE,IAAI,CAAC,WAAW,EAC1B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,KAEjB,IAAI,CAAC,mBAAmB,IAE5B,WAAK,KAAK,EAAC,SAAS,IAClB,eAAQ,CACJ,CACC,EACT,WAAK,KAAK,EAAC,UAAU,GAAG,CACnB,EACR;GACF;EAEO,MAAM,YAAY,CAAC,KAAY;IACrC,IACE,CAAC,KAAK,YAAY,WAAW;OAC1B,KAAK,CAAC,SAAS,YAAY,iBAAiB;SAC1C,KAAK,CAAC,SAAS,YAAY,gBAAgB;UAC1C,KAAK,CAAC,SAAS,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC;OAC9C,KAAK,CAAC,MAAM,YAAY,eAAe;QACtC,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,QAAQ,CAAC,EACnC;MACA,KAAK,CAAC,cAAc,EAAE,CAAA;MACtB,MAAM,IAAI,CAAC,KAAK,EAAE,CAAA;KACnB;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/dialog/dialog.css?tag=qds-dialog&encapsulation=shadow","src/components/dialog/dialog.tsx"],"sourcesContent":["/*\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  display: contents;\n}\n\n.dialog {\n  border-radius: var(--qds-popup-border-radius);\n  border: none;\n  box-shadow: var(--qds-theme-popup-elevation);\n  padding: 0;\n\n  &::backdrop {\n    background: initial;\n  }\n\n  &[open] ~ .backdrop {\n    backdrop-filter: blur(var(--qds-theme-popup-overlay-blur));\n    background-color: var(--qds-theme-popup-overlay-background);\n    inset: 0;\n    opacity: var(--qds-theme-popup-overlay-opacity);\n    position: fixed;\n  }\n}\n\n.content {\n  align-items: flex-start;\n  background-color: var(--qds-theme-popup-background);\n  display: flex;\n  flex-direction: column;\n  gap: var(--qds-popup-gap-children-related);\n  padding: var(--qds-popup-padding);\n}\n\n::slotted(blockquote),\n::slotted(button),\n::slotted(dd),\n::slotted(dl),\n::slotted(fieldset),\n::slotted(figure),\n::slotted(h1),\n::slotted(h2),\n::slotted(h3),\n::slotted(h4),\n::slotted(h5),\n::slotted(h6),\n::slotted(hr),\n::slotted(input),\n::slotted(menu),\n::slotted(ol),\n::slotted(p),\n::slotted(pre),\n::slotted(select),\n::slotted(textarea),\n::slotted(ul) {\n  margin: 0;\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 {\n  Component,\n  Element,\n  Event,\n  h,\n  Host,\n  Method,\n  Prop,\n  Watch,\n} from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { ignorePromise, inheritAriaAttributes, invariant } from '../../helpers'\n\n/**\n * The `<qds-dialog>` element represent a dialog box or other interactive\n * component, such as a dismissible alert, inspector, or subwindow.\n *\n * @see https://quartz.se.com/build/components/dialog\n */\n@Component({\n  tag: 'qds-dialog',\n  shadow: true,\n  styleUrl: 'dialog.css',\n})\nexport class Dialog implements ComponentInterface {\n  /**\n   * Indicates whether or not the dialog is open. You can toggle this attribute\n   * to show and hide the dialog, or you can use the `show()` and `hide()`\n   * methods and this attribute will reflect the dialog’s open state.\n   */\n  @Prop({ mutable: true, reflect: true }) public open = false\n\n  @Element() private readonly element!: HTMLQdsDialogElement\n\n  /**\n   * Emitted when the user instructs the browser that they wish to dismiss the\n   * currently open dialog. The browser fires this event when the user presses\n   * the `Esc` key.\n   *\n   * When a dialog is dismissed with the `Esc` key, both the `qdsCancel` and\n   * `qdsClose` events are fired.\n   */\n  @Event({ eventName: 'qdsCancel', bubbles: false, composed: false })\n  private readonly cancelEmitter!: EventEmitter<void>\n\n  /** Emitted when the dialog has been closed. */\n  @Event({\n    eventName: 'qdsClose',\n    bubbles: false,\n    cancelable: false,\n    composed: false,\n  })\n  private readonly closeEmitter!: EventEmitter<void>\n\n  private inheritedAttributes: Attributes = {}\n\n  private dialog?: HTMLDialogElement\n\n  /**\n   * Displays the dialog over the top of any other dialogs that might be\n   * present. Everything outside of the dialog is [inert][] with interactions\n   * outside of the dialog being blocked.\n   *\n   * [inert]: https://developer.mozilla.org/docs/Web/API/HTMLElement/inert\n   */\n  @Method()\n  public async show(): Promise<void> {\n    invariant(this.dialog)\n\n    this.dialog.showModal()\n    this.open = this.dialog.open\n  }\n\n  /**\n   * Closes the dialog.\n   */\n  @Method()\n  public async close(): Promise<void> {\n    invariant(this.dialog)\n\n    this.dialog.close()\n  }\n\n  @Watch('open')\n  protected async openChanged(): Promise<void> {\n    await (this.open ? this.show() : this.close())\n  }\n\n  public componentWillLoad(): void {\n    this.inheritedAttributes = inheritAriaAttributes(this.element)\n  }\n\n  public async componentDidLoad(): Promise<void> {\n    if (this.open) await this.show()\n  }\n\n  public render() {\n    return (\n      <Host>\n        <dialog\n          class=\"dialog\"\n          ref={this.ref}\n          onSubmit={this.boundSubmit}\n          onCancel={this.onCancel}\n          onClose={this.onClose}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...this.inheritedAttributes}\n        >\n          <div class=\"content\">\n            <slot />\n          </div>\n        </dialog>\n        <div class=\"backdrop\" />\n      </Host>\n    )\n  }\n\n  private async handleSubmit(event: Event): Promise<void> {\n    if (\n      (event instanceof SubmitEvent &&\n        (event.submitter instanceof HTMLButtonElement ||\n          (event.submitter instanceof HTMLInputElement &&\n            event.submitter.formMethod === 'dialog'))) ||\n      (event.target instanceof HTMLFormElement &&\n        event.target.method === 'dialog')\n    ) {\n      event.preventDefault()\n      await this.close()\n    }\n  }\n\n  private readonly boundSubmit = (event: Event): void => {\n    ignorePromise(this.handleSubmit(event))\n  }\n\n  private readonly onCancel = (event: Event): void => {\n    if (this.cancelEmitter.emit().defaultPrevented) event.preventDefault()\n  }\n\n  private readonly onClose = (): void => {\n    invariant(this.dialog)\n\n    this.closeEmitter.emit()\n    this.open = this.dialog.open\n  }\n\n  private readonly ref = (dialog?: HTMLDialogElement): void => {\n    this.dialog = dialog\n  }\n}\n"],"version":3}
+{"file":"qds-dialog.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/dialog/dialog.css?tag=qds-dialog&encapsulation=shadow","src/components/dialog/dialog.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: none;\n  position: fixed;\n  inset: 0;\n  width: fit-content;\n  height: fit-content;\n}\n\n:host([open]) {\n  display: block;\n}\n\n.qds-dialog {\n  background-color: var(--qds-theme-popup-background);\n  border-radius: var(--qds-popup-border-radius);\n  border: var(--qds-popup-border-width) solid var(--qds-theme-popup-border);\n  box-shadow: var(--qds-popup-elevation);\n  color: inherit;\n  height: inherit;\n  padding: 0;\n  width: inherit;\n\n  &::backdrop {\n    background: initial;\n  }\n\n  &[open] ~ .qds-backdrop {\n    backdrop-filter: blur(var(--qds-theme-popup-overlay-blur));\n    background-color: var(--qds-theme-popup-overlay-background);\n    inset: 0;\n    opacity: var(--qds-theme-popup-overlay-opacity);\n    position: fixed;\n  }\n}\n\n.qds-heading {\n  display: flex;\n  align-items: center;\n  padding: var(--qds-popup-padding-top) var(--qds-popup-padding-end)\n    var(--qds-popup-section-padding-bottom) var(--qds-popup-padding-start);\n}\n\n.qds-close-button {\n  margin-left: auto;\n}\n\n.qds-footer {\n  padding: var(--qds-popup-section-padding-top) var(--qds-popup-padding-end)\n    var(--qds-popup-padding-bottom) var(--qds-popup-padding-start);\n}\n\n.qds-content {\n  align-items: flex-start;\n  display: flex;\n  flex-direction: column;\n  gap: var(--qds-popup-gap-children-related);\n  height: calc(\n    100% - var(--qds-popup-section-padding-top) -\n      var(--qds-popup-section-padding-bottom)\n  );\n  padding: var(--qds-popup-section-padding-top) var(--qds-popup-padding-end)\n    var(--qds-popup-section-padding-bottom) var(--qds-popup-padding-start);\n}\n\n::slotted(blockquote),\n::slotted(button),\n::slotted(dd),\n::slotted(dl),\n::slotted(fieldset),\n::slotted(figure),\n::slotted(h1),\n::slotted(h2),\n::slotted(h3),\n::slotted(h4),\n::slotted(h5),\n::slotted(h6),\n::slotted(hr),\n::slotted(input),\n::slotted(menu),\n::slotted(ol),\n::slotted(p),\n::slotted(pre),\n::slotted(select),\n::slotted(textarea),\n::slotted(ul) {\n  margin: 0;\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport {\n  Component,\n  Element,\n  Event,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { inheritAriaAttributes, invariant } from '../../helpers'\n\nlet autoIncrementingId = 0\n\n/**\n * The `<qds-dialog>` element represent a dialog box or other interactive\n * component, such as a dismissible alert, inspector, or subwindow.\n *\n * @see https://quartz.se.com/build/components/dialog\n */\n@Component({\n  tag: 'qds-dialog',\n  shadow: true,\n  styleUrl: 'dialog.css',\n})\nexport class Dialog implements ComponentInterface {\n  /**\n   * Indicates whether or not the dialog is open. You can toggle this attribute\n   * to show and hide the dialog, or you can use the `show()` and `close()`\n   * methods and this attribute will reflect the dialog’s open state.\n   */\n  @Prop({ mutable: true, reflect: true }) public open = false\n\n  /**\n   * Adds a close button to the dialog.\n   */\n  @Prop() public closable?: boolean\n\n  @Element() private readonly host!: HTMLElement\n\n  /**\n   * Emitted when the user instructs the browser that they wish to dismiss the\n   * currently open dialog. The browser fires this event when the user presses\n   * the `Esc` key.\n   *\n   * When a dialog is dismissed with the `Esc` key, both the `qdsCancel` and\n   * `qdsClose` events are fired.\n   */\n  @Event({ eventName: 'qdsCancel', bubbles: false, composed: false })\n  private readonly cancelEmitter!: EventEmitter<void>\n\n  /** Emitted when the dialog has been closed. */\n  @Event({ eventName: 'qdsClose', bubbles: false, cancelable: false })\n  private readonly closeEmitter!: EventEmitter<void>\n\n  @State() private hasTitleSlot = false\n\n  @State() private hasFooterSlot = false\n\n  #inheritedAttributes: Attributes = {}\n\n  #dialog?: HTMLDialogElement\n\n  #titleId?: string\n\n  #closeButton?: HTMLQdsIconButtonElement\n\n  @Watch('open')\n  protected openChanged(): void {\n    if (this.open) this.show()\n    else this.close()\n  }\n\n  public componentWillRender(): void {\n    this.hasTitleSlot = !!this.host.querySelector('[slot=\"title\"]')\n    this.hasFooterSlot = !!this.host.querySelector('[slot=\"footer\"]')\n  }\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n\n    autoIncrementingId += 1\n    this.#titleId = `qds-dialog-title-${autoIncrementingId}`\n  }\n\n  public componentDidLoad(): void {\n    if (this.open) this.show()\n  }\n\n  public render() {\n    const hasHeading = this.hasTitleSlot || this.closable === true\n    return (\n      <Host>\n        <dialog\n          class=\"qds-dialog\"\n          ref={this.#ref}\n          onCancel={this.#onCancel}\n          onClose={this.#onClose}\n          onSubmit={this.#onSubmit}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...this.#inheritedAttributes}\n          aria-labelledby={this.hasTitleSlot ? this.#titleId : undefined}\n        >\n          {hasHeading && (\n            <div class=\"qds-heading\">\n              {this.hasTitleSlot && (\n                <div id={this.#titleId}>\n                  <slot name=\"title\" />\n                </div>\n              )}\n              {this.closable === true && (\n                <qds-icon-button\n                  text=\"close dialog\"\n                  class=\"qds-close-button\"\n                  importance=\"subdued\"\n                  iconName=\"close\"\n                  iconLibrary=\"core\"\n                  onClick={this.#handleCloseClick}\n                  ref={this.#closeButtonRef}\n                />\n              )}\n            </div>\n          )}\n\n          <div class=\"qds-content\">\n            <slot />\n          </div>\n\n          {this.hasFooterSlot && (\n            <div class=\"qds-footer\">\n              <slot name=\"footer\" />\n            </div>\n          )}\n        </dialog>\n        <div class=\"qds-backdrop\" />\n      </Host>\n    )\n  }\n\n  public show(): void {\n    invariant(this.#dialog)\n\n    this.#dialog.showModal()\n    this.open = this.#dialog.open\n    requestAnimationFrame(() => {\n      this.#handleFocus()\n    })\n  }\n\n  public close(): void {\n    invariant(this.#dialog)\n\n    this.#dialog.close()\n  }\n\n  readonly #ref = (dialog?: HTMLDialogElement): void => {\n    this.#dialog = dialog\n  }\n\n  readonly #onCancel = (event: Event): void => {\n    if (this.cancelEmitter.emit().defaultPrevented) event.preventDefault()\n  }\n\n  readonly #onClose = (): void => {\n    invariant(this.#dialog)\n\n    this.closeEmitter.emit()\n    this.open = this.#dialog.open\n  }\n\n  readonly #handleCloseClick = (): void => {\n    this.close()\n  }\n\n  readonly #onSubmit = (event: Event): void => {\n    if (\n      (event instanceof SubmitEvent &&\n        (event.submitter instanceof HTMLButtonElement ||\n          (event.submitter instanceof HTMLInputElement &&\n            event.submitter.formMethod === 'dialog'))) ||\n      (event.target instanceof HTMLFormElement &&\n        event.target.method === 'dialog')\n    ) {\n      event.preventDefault()\n      this.close()\n    }\n  }\n\n  readonly #closeButtonRef = (button?: HTMLQdsIconButtonElement): void => {\n    this.#closeButton = button\n  }\n\n  readonly #handleFocus = (): void => {\n    if (!this.open) return\n\n    const autofocusTarget = this.host.querySelector('[autofocus]')\n    if (autofocusTarget instanceof HTMLElement) {\n      autofocusTarget.focus()\n      return\n    }\n    if (this.closable === true && this.#closeButton) {\n      this.#closeButton.focus()\n    }\n  }\n}\n"],"version":3}

package/components/qds-divider.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../dist/types/components";
 
 interface QdsDivider extends Components.QdsDivider, HTMLElement {}
 export const QdsDivider: {
-  prototype: QdsDivider;
-  new (): QdsDivider;
+    prototype: QdsDivider;
+    new (): QdsDivider;
 };
 /**
  * Used to define this component and all nested components recursively.

package/components/qds-divider.js

@@ -1,49 +1,14 @@
 /*!
- * SPDX-FileCopyrightText: © 2023 Schneider Electric
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
  * 
- * SPDX-License-Identifier: LGPL-2.1-only
+ * SPDX-License-Identifier: Apache-2.0
  */
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { i as inheritAriaAttributes } from './helpers.js';
-
-const dividerCss = ":host{box-sizing:border-box}:host([hidden]){display:none !important}:host([hidden]){}:host *,:host *::before,:host *::after{box-sizing:inherit}:host{display:block}.divider{border:1px solid transparent;display:flex;margin-block:0}[data-importance='standard']{border-color:var(--qds-theme-divider-standard)}[data-importance='emphasized']{border-color:var(--qds-theme-divider-emphasized)}";
-
-const Divider = /*@__PURE__*/ proxyCustomElement(class Divider extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.inheritedAttributes = {};
-    this.importance = 'standard';
-  }
-  componentWillLoad() {
-    this.inheritedAttributes = inheritAriaAttributes(this.element);
-  }
-  render() {
-    return (h("hr", { class: "divider", "data-importance": this.importance, ...this.inheritedAttributes }));
-  }
-  get element() { return this; }
-  static get style() { return dividerCss; }
-}, [1, "qds-divider", {
-    "importance": [513]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["qds-divider"];
-  components.forEach(tagName => { switch (tagName) {
-    case "qds-divider":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Divider);
-      }
-      break;
-  } });
-}
+import { D as Divider, d as defineCustomElement$1 } from './p-DwxIJEUj.js';
 
 const QdsDivider = Divider;
 const defineCustomElement = defineCustomElement$1;
 
 export { QdsDivider, defineCustomElement };
+//# sourceMappingURL=qds-divider.js.map
 
 //# sourceMappingURL=qds-divider.js.map

package/components/qds-divider.js.map

@@ -1 +1 @@
-{"file":"qds-divider.js","mappings":";;;;;;;;AAAA,MAAM,UAAU,GAAG,mYAAmY;;MC0BzY,OAAO;;;;;IASV,wBAAmB,GAAe,EAAE,CAAA;sBAJ1C,UAAU;;EAML,iBAAiB;IACtB,IAAI,CAAC,mBAAmB,GAAG,qBAAqB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;GAC/D;EAEM,MAAM;IACX,QACE,UACE,KAAK,EAAC,SAAS,qBACE,IAAI,CAAC,UAAU,KAE5B,IAAI,CAAC,mBAAmB,GAC5B,EACH;GACF;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/divider/divider.css?tag=qds-divider&encapsulation=shadow","src/components/divider/divider.tsx"],"sourcesContent":["/*\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  display: block;\n}\n\n.divider {\n  border: 1px solid transparent;\n  display: flex;\n  margin-block: 0;\n}\n\n[data-importance='standard'] {\n  border-color: var(--qds-theme-divider-standard);\n}\n\n[data-importance='emphasized'] {\n  border-color: var(--qds-theme-divider-emphasized);\n}\n","// SPDX-FileCopyrightText: © 2023 Schneider Electric\n//\n// SPDX-License-Identifier: LGPL-2.1-only\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 DividerImportance = 'emphasized' | 'standard'\n\n/**\n * The `<qds-divider>` element a thematic break between paragraph-level\n * elements: for example, a change of scene in a story, or a shift of topic\n * within a section.\n *\n * Dividers can also be used to group menu items in `<qds-dropdown>` elements.\n *\n * @see https://quartz.se.com/build/components/divider\n */\n@Component({\n  tag: 'qds-divider',\n  shadow: true,\n  styleUrl: 'divider.css',\n})\nexport class Divider implements ComponentInterface {\n  /**\n   * The divider's importance.\n   */\n  @Prop({ reflect: true }) public readonly importance: DividerImportance =\n    'standard'\n\n  @Element() private readonly element!: HTMLQdsDividerElement\n\n  private inheritedAttributes: Attributes = {}\n\n  public componentWillLoad(): void {\n    this.inheritedAttributes = inheritAriaAttributes(this.element)\n  }\n\n  public render() {\n    return (\n      <hr\n        class=\"divider\"\n        data-importance={this.importance}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...this.inheritedAttributes}\n      />\n    )\n  }\n}\n"],"version":3}
+{"file":"qds-divider.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/qds-dropdown.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../dist/types/components";
 
 interface QdsDropdown extends Components.QdsDropdown, HTMLElement {}
 export const QdsDropdown: {
-  prototype: QdsDropdown;
-  new (): QdsDropdown;
+    prototype: QdsDropdown;
+    new (): QdsDropdown;
 };
 /**
  * Used to define this component and all nested components recursively.