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

package/components/qds-dialog.js

@@ -0,0 +1,121 @@
+/*!
+ * SPDX-FileCopyrightText: © 2025 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7b04d43e.js';
+import { b as invariant, i as inheritAriaAttributes } from './p-4141d6ed.js';
+
+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:none;border-radius:var(--qds-popup-border-radius);box-shadow:var(--qds-theme-popup-elevation);height:inherit;padding:0;width:inherit}.qds-dialog::backdrop{background:initial}.qds-dialog[open]~.qds-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}.qds-content{align-items:flex-start;display:flex;flex-direction:column;gap:var(--qds-popup-gap-children-related);height:calc(100% - var(--qds-popup-padding)*2);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 QdsDialogStyle0 = dialogCss;
+
+// 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_ref, _Dialog_onCancel, _Dialog_onClose, _Dialog_onSubmit;
+const Dialog = /*@__PURE__*/ proxyCustomElement(class Dialog extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.cancelEmitter = createEvent(this, "qdsCancel", 1);
+        this.closeEmitter = createEvent(this, "qdsClose", 2);
+        _Dialog_inheritedAttributes.set(this, {});
+        _Dialog_dialog.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_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();
+            }
+        });
+        this.open = false;
+    }
+    openChanged() {
+        if (this.open)
+            this.show();
+        else
+            this.close();
+    }
+    componentWillLoad() {
+        __classPrivateFieldSet(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
+    }
+    componentDidLoad() {
+        if (this.open)
+            this.show();
+    }
+    render() {
+        return (h(Host, { key: '53dbf81615930dfe84acf8465931bbba7cab9f02' }, h("dialog", { key: '12d7e6b9f2f7bb55926b3434d883355f051c3653', 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") }, h("div", { key: 'eb90dc6031d0a6b8577c4a612957a7981ea0a3ed', class: "qds-content" }, h("slot", { key: 'ef2b075d8b83183f31d7491bbadce723b704b09b' }))), h("div", { key: 'e35674875a09e37148d63701989c3f01224311e4', class: "qds-backdrop" })));
+    }
+    show() {
+        invariant(__classPrivateFieldGet(this, _Dialog_dialog, "f"));
+        __classPrivateFieldGet(this, _Dialog_dialog, "f").showModal();
+        this.open = __classPrivateFieldGet(this, _Dialog_dialog, "f").open;
+    }
+    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 QdsDialogStyle0; }
+}, [1, "qds-dialog", {
+        "open": [1540]
+    }, undefined, {
+        "open": ["openChanged"]
+    }]);
+_Dialog_inheritedAttributes = new WeakMap(), _Dialog_dialog = new WeakMap(), _Dialog_ref = new WeakMap(), _Dialog_onCancel = new WeakMap(), _Dialog_onClose = new WeakMap(), _Dialog_onSubmit = 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;
+    } });
+}
+
+const QdsDialog = Dialog;
+const defineCustomElement = defineCustomElement$1;
+
+export { QdsDialog, defineCustomElement };
+
+//# sourceMappingURL=qds-dialog.js.map

package/components/qds-dialog.js.map

@@ -0,0 +1 @@
+{"file":"qds-dialog.js","mappings":";;;;;;;;AAAA,MAAM,SAAS,GAAG,yuCAAyuC,CAAC;AAC5vC,wBAAe,SAAS;;ACDxB;AACA;AACA;;;;;;;;;;;;;;;;;;MAmBa,MAAM;;;;;;;QAyBjB,sCAAmC,EAAE,EAAA;QAErC,iCAA2B;QAkDlB,sBAAO,CAAC,MAA0B;YACzC,uBAAA,IAAI,kBAAW,MAAM,MAAA,CAAA;SACtB,EAAA;QAEQ,2BAAY,CAAC,KAAY;YAChC,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,gBAAgB;gBAAE,KAAK,CAAC,cAAc,EAAE,CAAA;SACvE,EAAA;QAEQ,0BAAW;YAClB,SAAS,CAAC,uBAAA,IAAI,sBAAQ,CAAC,CAAA;YAEvB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAA;YACxB,IAAI,CAAC,IAAI,GAAG,uBAAA,IAAI,sBAAQ,CAAC,IAAI,CAAA;SAC9B,EAAA;QAEQ,2BAAY,CAAC,KAAY;YAChC,IACE,CAAC,KAAK,YAAY,WAAW;iBAC1B,KAAK,CAAC,SAAS,YAAY,iBAAiB;qBAC1C,KAAK,CAAC,SAAS,YAAY,gBAAgB;wBAC1C,KAAK,CAAC,SAAS,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC;iBAC9C,KAAK,CAAC,MAAM,YAAY,eAAe;oBACtC,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,QAAQ,CAAC,EACnC;gBACA,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,IAAI,CAAC,KAAK,EAAE,CAAA;aACb;SACF,EAAA;oBAlGqD,KAAK;;IAwBjD,WAAW;QACnB,IAAI,IAAI,CAAC,IAAI;YAAE,IAAI,CAAC,IAAI,EAAE,CAAA;;YACrB,IAAI,CAAC,KAAK,EAAE,CAAA;KAClB;IAEM,iBAAiB;QACtB,uBAAA,IAAI,+BAAwB,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;KAC7D;IAEM,gBAAgB;QACrB,IAAI,IAAI,CAAC,IAAI;YAAE,IAAI,CAAC,IAAI,EAAE,CAAA;KAC3B;IAEM,MAAM;QACX,QACE,EAAC,IAAI,uDACH,+DACE,KAAK,EAAC,YAAY,EAClB,GAAG,EAAE,uBAAA,IAAI,mBAAK,EACd,QAAQ,EAAE,uBAAA,IAAI,wBAAU,EACxB,OAAO,EAAE,uBAAA,IAAI,uBAAS,EACtB,QAAQ,EAAE,uBAAA,IAAI,wBAAU,KAEpB,uBAAA,IAAI,mCAAqB,IAE7B,4DAAK,KAAK,EAAC,aAAa,IACtB,8DAAQ,CACJ,CACC,EACT,4DAAK,KAAK,EAAC,cAAc,GAAG,CACvB,EACR;KACF;IAEM,IAAI;QACT,SAAS,CAAC,uBAAA,IAAI,sBAAQ,CAAC,CAAA;QAEvB,uBAAA,IAAI,sBAAQ,CAAC,SAAS,EAAE,CAAA;QACxB,IAAI,CAAC,IAAI,GAAG,uBAAA,IAAI,sBAAQ,CAAC,IAAI,CAAA;KAC9B;IAEM,KAAK;QACV,SAAS,CAAC,uBAAA,IAAI,sBAAQ,CAAC,CAAA;QAEvB,uBAAA,IAAI,sBAAQ,CAAC,KAAK,EAAE,CAAA;KACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"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: none;\n  box-shadow: var(--qds-theme-popup-elevation);\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-content {\n  align-items: flex-start;\n  display: flex;\n  flex-direction: column;\n  gap: var(--qds-popup-gap-children-related);\n  padding: var(--qds-popup-padding);\n  height: calc(100% - 2 * 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: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport { Component, Element, Event, h, Host, Prop, Watch } from '@stencil/core'\n\nimport type { Attributes } from '../../helpers'\nimport { 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 `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  @Element() private readonly host!: 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({ eventName: 'qdsClose', bubbles: false, cancelable: false })\n  private readonly closeEmitter!: EventEmitter<void>\n\n  #inheritedAttributes: Attributes = {}\n\n  #dialog?: HTMLDialogElement\n\n  @Watch('open')\n  protected openChanged(): void {\n    if (this.open) this.show()\n    else this.close()\n  }\n\n  public componentWillLoad(): void {\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n  }\n\n  public componentDidLoad(): void {\n    if (this.open) this.show()\n  }\n\n  public render() {\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        >\n          <div class=\"qds-content\">\n            <slot />\n          </div>\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  }\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 #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"],"version":3}

package/components/qds-divider.d.ts

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

package/components/qds-divider.js

@@ -0,0 +1,13 @@
+/*!
+ * SPDX-FileCopyrightText: © 2025 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { D as Divider, d as defineCustomElement$1 } from './p-355efdb1.js';
+
+const QdsDivider = Divider;
+const defineCustomElement = defineCustomElement$1;
+
+export { QdsDivider, defineCustomElement };
+
+//# sourceMappingURL=qds-divider.js.map

package/components/qds-divider.js.map

@@ -0,0 +1 @@
+{"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.