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

package/components/qds-loader.js

@@ -0,0 +1,152 @@
+/*!
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { p as proxyCustomElement, H, h } from './p-D2489VzR.js';
+import { d as defineCustomElement$2 } from './p-DtxwXYGb.js';
+
+const loaderCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-loader{border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-feedback-action-destructive-contrast)}[data-size=small]{height:var(--qds-feedback-loader-small-size);width:var(--qds-feedback-loader-small-size)}[data-size=small][data-status=loading]{padding:var(--qds-signature-circle-progress-small-border-width)}[data-size=standard]{height:var(--qds-feedback-loader-standard-size);width:var(--qds-feedback-loader-standard-size)}[data-size=standard][data-status=loading]{padding:var(--qds-signature-circle-progress-standard-border-width)}[data-size=large]{height:var(--qds-feedback-loader-large-size);width:var(--qds-feedback-loader-large-size)}[data-size=large][data-status=loading]{padding:var(--qds-signature-circle-progress-large-border-width)}[data-size=jumbo]{height:var(--qds-feedback-loader-jumbo-size);width:var(--qds-feedback-loader-jumbo-size)}[data-size=jumbo][data-status=loading]{padding:var(--qds-signature-circle-progress-jumbo-border-width)}[data-size=hero]{height:var(--qds-feedback-loader-hero-size);width:var(--qds-feedback-loader-hero-size)}[data-size=hero][data-status=loading]{padding:var(--qds-signature-circle-progress-hero-border-width)}[data-status=loading]{animation:b 1s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}[data-status=loading][data-importance=standard]{background-image:var(--qds-theme-feedback-loader-standard-indeterminate)}[data-status=loading][data-importance=destructive]{background-image:var(\n      --qds-theme-feedback-loader-destructive-indeterminate\n    )}[data-status=loading][data-importance=informative]{background-image:var(\n      --qds-theme-feedback-loader-informational-indeterminate\n    )}[data-status=loading][data-importance=neutral-contrast]{background-image:var(\n      --qds-theme-feedback-loader-neutral-contrast-indeterminate\n    );border:var(--qds-theme-feedback-loader-neutral-contrast-indeterminate)}[data-status=loading][data-importance=neutral]{background-image:var(--qds-theme-feedback-loader-neutral-indeterminate);border:var(--qds-theme-feedback-loader-neutral-indeterminate)}@keyframes b{to{transform:rotate(1turn)}}[data-status=success]{color:var(--qds-theme-feedback-result-success)}[data-status=warning]{color:var(--qds-theme-feedback-result-partial-success)}[data-status=error]{color:var(--qds-theme-feedback-result-failure)}";
+
+// 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 _Loader_instances, _Loader_computedSize_get, _Loader_computedStatus_get, _Loader_computedImportance_get, _Loader_defineGetter;
+const Loader = /*@__PURE__*/ proxyCustomElement(class Loader extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.internals = this.attachInternals();
+        _Loader_instances.add(this);
+        /**
+         * The loader's size.
+         */
+        this.size = 'standard';
+        /**
+         * The loader's importance.
+         */
+        this.importance = 'standard';
+    }
+    statusChanged() {
+        const status = __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedStatus_get);
+        this.internals.ariaValueNow =
+            status === undefined
+                ? // eslint-disable-next-line unicorn/no-null
+                    null
+                : this.internals.ariaValueMax;
+        switch (status) {
+            case 'error': {
+                this.internals.ariaLabel = 'Error';
+                break;
+            }
+            case 'success': {
+                this.internals.ariaLabel = 'Loaded';
+                break;
+            }
+            case 'warning': {
+                this.internals.ariaLabel = 'Warning';
+                break;
+            }
+            default: {
+                this.internals.ariaLabel = 'Loading';
+            }
+        }
+    }
+    componentWillLoad() {
+        this.internals.role = 'progressbar';
+        this.internals.ariaValueMin = this.host.ariaValueMin ?? '0';
+        this.internals.ariaValueMax = this.host.ariaValueMax ?? '1';
+        __classPrivateFieldGet(this, _Loader_instances, "m", _Loader_defineGetter).call(this, 'labels', () => this.internals.labels);
+        this.statusChanged();
+    }
+    render() {
+        return __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedStatus_get) ? (h("qds-icon", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedStatus_get), library: "core", name: `status-${this.status}-solid` })) : (h("div", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": "loading", "data-importance": __classPrivateFieldGet(this, _Loader_instances, "a", _Loader_computedImportance_get) }));
+    }
+    static get formAssociated() { return true; }
+    get host() { return this; }
+    static get watchers() { return {
+        "status": ["statusChanged"]
+    }; }
+    static get style() { return loaderCss; }
+}, [321, "qds-loader", {
+        "size": [1],
+        "status": [1],
+        "importance": [1]
+    }, undefined, {
+        "status": ["statusChanged"]
+    }]);
+_Loader_instances = new WeakSet(), _Loader_computedSize_get = function _Loader_computedSize_get() {
+    switch (this.size) {
+        case 'small':
+        case 'large':
+        case 'hero':
+        case 'jumbo': {
+            return this.size;
+        }
+        default: {
+            return 'standard';
+        }
+    }
+}, _Loader_computedStatus_get = function _Loader_computedStatus_get() {
+    switch (this.status) {
+        case 'error':
+        case 'success':
+        case 'warning': {
+            return this.status;
+        }
+        default: {
+            return undefined;
+        }
+    }
+}, _Loader_computedImportance_get = function _Loader_computedImportance_get() {
+    switch (this.importance) {
+        case 'destructive':
+        case 'informative':
+        case 'neutral':
+        case 'neutral-contrast':
+        case 'standard': {
+            return this.importance;
+        }
+        default: {
+            return 'standard';
+        }
+    }
+}, _Loader_defineGetter = function _Loader_defineGetter(p, get) {
+    Object.defineProperty(this.host, p, { enumerable: true, get });
+};
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["qds-loader", "qds-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "qds-loader":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Loader);
+            }
+            break;
+        case "qds-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const QdsLoader = Loader;
+const defineCustomElement = defineCustomElement$1;
+
+export { QdsLoader, defineCustomElement };
+//# sourceMappingURL=qds-loader.js.map
+
+//# sourceMappingURL=qds-loader.js.map

package/components/qds-loader.js.map

@@ -0,0 +1 @@
+{"file":"qds-loader.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/loader/loader.css?tag=qds-loader&encapsulation=shadow","src/components/loader/loader.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: inline-block;\n}\n\n.qds-loader {\n  border-radius: var(--qds-control-rounded-border-radius);\n  box-sizing: border-box;\n  color: var(--qds-theme-feedback-action-destructive-contrast);\n}\n\n[data-size='small'] {\n  height: var(--qds-feedback-loader-small-size);\n  width: var(--qds-feedback-loader-small-size);\n\n  &[data-status='loading'] {\n    padding: var(--qds-signature-circle-progress-small-border-width);\n  }\n}\n\n[data-size='standard'] {\n  height: var(--qds-feedback-loader-standard-size);\n  width: var(--qds-feedback-loader-standard-size);\n\n  &[data-status='loading'] {\n    padding: var(--qds-signature-circle-progress-standard-border-width);\n  }\n}\n\n[data-size='large'] {\n  height: var(--qds-feedback-loader-large-size);\n  width: var(--qds-feedback-loader-large-size);\n\n  &[data-status='loading'] {\n    padding: var(--qds-signature-circle-progress-large-border-width);\n  }\n}\n\n[data-size='jumbo'] {\n  height: var(--qds-feedback-loader-jumbo-size);\n  width: var(--qds-feedback-loader-jumbo-size);\n\n  &[data-status='loading'] {\n    padding: var(--qds-signature-circle-progress-jumbo-border-width);\n  }\n}\n\n[data-size='hero'] {\n  height: var(--qds-feedback-loader-hero-size);\n  width: var(--qds-feedback-loader-hero-size);\n\n  &[data-status='loading'] {\n    padding: var(--qds-signature-circle-progress-hero-border-width);\n  }\n}\n\n[data-status='loading'] {\n  animation: loading 1s linear infinite;\n  /* stylelint-disable color-no-hex, declaration-property-value-no-unknown */\n  mask:\n    linear-gradient(#fff 0 0) content-box,\n    linear-gradient(#fff 0 0);\n  /* stylelint-enable color-no-hex, declaration-property-value-no-unknown */\n  mask-composite: exclude;\n\n  &[data-importance='standard'] {\n    background-image: var(--qds-theme-feedback-loader-standard-indeterminate);\n  }\n\n  &[data-importance='destructive'] {\n    background-image: var(\n      --qds-theme-feedback-loader-destructive-indeterminate\n    );\n  }\n\n  &[data-importance='informative'] {\n    background-image: var(\n      --qds-theme-feedback-loader-informational-indeterminate\n    );\n  }\n\n  &[data-importance='neutral-contrast'] {\n    background-image: var(\n      --qds-theme-feedback-loader-neutral-contrast-indeterminate\n    );\n    border: var(--qds-theme-feedback-loader-neutral-contrast-indeterminate);\n  }\n\n  &[data-importance='neutral'] {\n    background-image: var(--qds-theme-feedback-loader-neutral-indeterminate);\n    border: var(--qds-theme-feedback-loader-neutral-indeterminate);\n  }\n}\n\n@keyframes loading {\n  to {\n    transform: rotate(1turn);\n  }\n}\n\n[data-status='success'] {\n  color: var(--qds-theme-feedback-result-success);\n}\n\n[data-status='warning'] {\n  color: var(--qds-theme-feedback-result-partial-success);\n}\n\n[data-status='error'] {\n  color: var(--qds-theme-feedback-result-failure);\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  h,\n  Prop,\n  Watch,\n} from '@stencil/core'\n\nimport type { Size } from '../shared'\n\nexport type LoaderSize = Size | 'hero' | 'jumbo'\nexport type LoaderStatus = 'error' | 'success' | 'warning'\nexport type LoaderImportance =\n  | 'destructive'\n  | 'informative'\n  | 'neutral-contrast'\n  | 'neutral'\n  | 'standard'\n/**\n * The `<qds-loader>` element displays an indicator showing that content is\n * being loaded or processed.\n *\n * @see https://quartz.se.com/build/components/loader\n */\n@Component({\n  tag: 'qds-loader',\n  formAssociated: true,\n  shadow: true,\n  styleUrl: 'loader.css',\n})\nexport class Loader implements ComponentInterface {\n  /**\n   * The loader's size.\n   */\n  @Prop() public readonly size?: LoaderSize = 'standard'\n\n  /**\n   * The loader's status.\n   */\n  @Prop() public readonly status?: LoaderStatus\n\n  /**\n   * The loader's importance.\n   */\n  @Prop() public readonly importance?: LoaderImportance = 'standard'\n\n  @Element() private readonly host!: HTMLElement\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  get #computedSize(): LoaderSize {\n    switch (this.size) {\n      case 'small':\n      case 'large':\n      case 'hero':\n      case 'jumbo': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedStatus(): LoaderStatus | undefined {\n    switch (this.status) {\n      case 'error':\n      case 'success':\n      case 'warning': {\n        return this.status\n      }\n      default: {\n        return undefined\n      }\n    }\n  }\n\n  get #computedImportance(): LoaderImportance {\n    switch (this.importance) {\n      case 'destructive':\n      case 'informative':\n      case 'neutral':\n      case 'neutral-contrast':\n      case 'standard': {\n        return this.importance\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  @Watch('status')\n  protected statusChanged(): void {\n    const status = this.#computedStatus\n\n    this.internals.ariaValueNow =\n      status === undefined\n        ? // eslint-disable-next-line unicorn/no-null\n          null\n        : this.internals.ariaValueMax\n\n    switch (status) {\n      case 'error': {\n        this.internals.ariaLabel = 'Error'\n        break\n      }\n      case 'success': {\n        this.internals.ariaLabel = 'Loaded'\n        break\n      }\n      case 'warning': {\n        this.internals.ariaLabel = 'Warning'\n        break\n      }\n      default: {\n        this.internals.ariaLabel = 'Loading'\n      }\n    }\n  }\n\n  public componentWillLoad(): void {\n    this.internals.role = 'progressbar'\n    this.internals.ariaValueMin = this.host.ariaValueMin ?? '0'\n    this.internals.ariaValueMax = this.host.ariaValueMax ?? '1'\n    this.#defineGetter('labels', () => this.internals.labels)\n\n    this.statusChanged()\n  }\n\n  public render() {\n    return this.#computedStatus ? (\n      <qds-icon\n        aria-hidden=\"true\"\n        class=\"qds-loader\"\n        data-size={this.#computedSize}\n        data-status={this.#computedStatus}\n        library=\"core\"\n        name={`status-${this.status}-solid`}\n      />\n    ) : (\n      <div\n        aria-hidden=\"true\"\n        class=\"qds-loader\"\n        data-size={this.#computedSize}\n        data-status=\"loading\"\n        data-importance={this.#computedImportance}\n      />\n    )\n  }\n\n  #defineGetter(p: PropertyKey, get: () => unknown): void {\n    Object.defineProperty(this.host, p, { enumerable: true, get })\n  }\n}\n"],"version":3}

package/components/qds-menu-item.d.ts

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

package/components/qds-menu-item.js

@@ -0,0 +1,204 @@
+/*!
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { p as proxyCustomElement, H, c as createEvent, d as readTask, h } from './p-D2489VzR.js';
+import { p as pickFocusEventAttributes, i as invariant, a as isEllipsisActive } from './p-CURs27Ur.js';
+import { d as defineCustomElement$4 } from './p-5dwtV5iH.js';
+import { d as defineCustomElement$3 } from './p-DtxwXYGb.js';
+import { d as defineCustomElement$2 } from './p-D82sb4oJ.js';
+
+const menuItemCss = ":host([hidden]){display:none!important}:host{display:block}:host(:focus-visible){border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-menu-item-container{align-items:center;display:flex;flex-grow:1}.qds-disabled{cursor:not-allowed;opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{color:var(--qds-theme-text-standard)}.qds-text{color:var(--qds-theme-title);flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-shortcut{color:var(--qds-theme-text-subdued)}[data-size=small] .qds-menu-item-container{gap:var(--qds-list-item-small-gap-internal);padding-block:var(--qds-list-item-small-padding-vertical);padding-inline:var(--qds-list-item-small-padding-horizontal)}[data-size=small] .menu-item-checkable,[data-size=small] .qds-icon{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-text{font:var(--qds-list-item-small-title)}[data-size=standard] .qds-menu-item-container{gap:var(--qds-list-item-standard-gap-internal);padding-block:var(--qds-list-item-standard-padding-vertical);padding-inline:var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .menu-item-checkable,[data-size=standard] .qds-icon{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-text{font:var(--qds-list-item-standard-title)}[data-size=large] .qds-menu-item-container{gap:var(--qds-list-item-large-gap-internal);padding-block:var(--qds-list-item-large-padding-vertical);padding-inline:var(--qds-list-item-large-padding-horizontal)}[data-size=large] .menu-item-checkable,[data-size=large] .qds-icon{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-text{font:var(--qds-list-item-large-title)}.qds-menu-item{align-items:center;-webkit-appearance:none;appearance:none;border:none;border-radius:var(--qds-control-border-radius);box-sizing:border-box;color:var(--qds-theme-text-standard);cursor:pointer;display:flex;flex-grow:1;text-align:initial;-webkit-text-decoration:none;text-decoration:none}.qds-menu-item:not(.qds-selected):not(.qds-disabled):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-menu-item:not(.qds-selected):not(.qds-disabled):active{background-color:var(--qds-theme-interactive-background-pressed)}";
+
+// SPDX-FileCopyrightText: © 2025 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 _MenuItem_instances, _MenuItem_ro, _MenuItem_menuItem, _MenuItem_span, _MenuItem_computedSize_get, _MenuItem_computedType_get, _MenuItem_computedCheckable_get, _MenuItem_computedChecked_get, _MenuItem_computedDisabled_get, _MenuItem_hasSubmenu_get, _MenuItem_menuitemDivRef, _MenuItem_spanRef, _MenuItem_tooltipRef;
+const MenuItem = /*@__PURE__*/ proxyCustomElement(class MenuItem extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.blurEmitter = createEvent(this, "qdsBlur", 2);
+        this.focusEmitter = createEvent(this, "qdsFocus", 2);
+        this.selectEmitter = createEvent(this, "qdsSelect", 6);
+        this.internals = this.attachInternals();
+        _MenuItem_instances.add(this);
+        /**
+         * Prevents the menu item from being interacted with: it cannot be clicked
+         * or focused.
+         */
+        this.disabled = false;
+        /**
+         * The name of a registered icon library.
+         */
+        this.iconLibrary = 'default';
+        /**
+         * The menu item's size.
+         */
+        this.size = 'standard';
+        this.hasSubmenuSlot = false;
+        this.tooltip = false;
+        _MenuItem_ro.set(this, void 0);
+        _MenuItem_menuItem.set(this, void 0);
+        _MenuItem_span.set(this, void 0);
+        _MenuItem_menuitemDivRef.set(this, (menuItem) => {
+            if (menuItem) {
+                __classPrivateFieldSet(this, _MenuItem_menuItem, menuItem, "f");
+            }
+            return __classPrivateFieldGet(this, _MenuItem_menuItem, "f");
+        });
+        _MenuItem_spanRef.set(this, (span) => {
+            __classPrivateFieldSet(this, _MenuItem_span, span, "f");
+        });
+        _MenuItem_tooltipRef.set(this, (tooltip) => {
+            if (tooltip)
+                // eslint-disable-next-line no-param-reassign
+                tooltip.target = __classPrivateFieldGet(this, _MenuItem_menuItem, "f");
+        });
+    }
+    onBlur(event) {
+        this.blurEmitter.emit(pickFocusEventAttributes(event));
+    }
+    onFocus(event) {
+        this.focusEmitter.emit(pickFocusEventAttributes(event));
+    }
+    onClick(event) {
+        if (__classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get)) {
+            event.stopImmediatePropagation();
+            return;
+        }
+        if (__classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get)) {
+            this.checked = !__classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get);
+            this.selectEmitter.emit();
+        }
+    }
+    disabledChanged() {
+        this.internals.ariaDisabled = __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get).toString();
+    }
+    checkedChanged() {
+        this.internals.ariaChecked = __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get).toString();
+    }
+    componentDidLoad() {
+        this.checkedChanged();
+        invariant(__classPrivateFieldGet(this, _MenuItem_span, "f"));
+        const span = __classPrivateFieldGet(this, _MenuItem_span, "f");
+        readTask(() => {
+            this.tooltip = isEllipsisActive(span);
+        });
+        __classPrivateFieldSet(this, _MenuItem_ro, new ResizeObserver(([spanEntry]) => {
+            this.tooltip = isEllipsisActive(spanEntry.target);
+        }), "f");
+        __classPrivateFieldGet(this, _MenuItem_ro, "f").observe(__classPrivateFieldGet(this, _MenuItem_span, "f"));
+    }
+    componentWillLoad() {
+        this.hasSubmenuSlot = this.host.hasChildNodes();
+        this.internals.role =
+            this.type === 'checkbox' ? 'menuitemcheckbox' : 'menuitem';
+        this.disabledChanged();
+    }
+    render() {
+        return (h("div", { key: 'fe9c905dc3232dcc7aff3c11989708418933cc2e', class: {
+                'qds-menu-item': true,
+                'qds-disabled': __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
+                'qds-has-submenu': __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get),
+            }, ref: __classPrivateFieldGet(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, h("div", { key: 'facde0ba3177e95aea0b93af7f21073ff2cd8094', class: "qds-menu-item-container" }, __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (h("span", { key: '110ec6c5050fba47f94b4d7e300a93d31d890feb', class: "menu-item-checkable" })), __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (h("qds-icon", { key: '578d2bec12c10fe7055ddefdac43cf466a9c3bb5', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (h("qds-icon", { key: '25b937d83d0337f0f7938f85436dfcf4694e330d', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), h("span", { key: 'f6078d0567035d59b4e874a857665e6c17f795d9', class: "qds-text", ref: __classPrivateFieldGet(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (h("span", { key: 'cc7803584b35cc9c596e17504acb74c19df4a559', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (h("qds-icon", { key: 'f122617959813d4b34265ac06fd04ad4bd85d6a3', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (h("qds-dropdown", { key: '4d3b287da7077769324d8bf121bee88d05dfc4c3', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet(this, _MenuItem_menuitemDivRef, "f") }, h("slot", { key: '26bf5f8470dcf823bdc4d2faa9ecae16acb8b420' }))), this.tooltip && (h("qds-tooltip", { key: 'd61af3444249c927fe17fa9f09141de8070cdea3', ref: __classPrivateFieldGet(this, _MenuItem_tooltipRef, "f") }, this.text))));
+    }
+    get host() { return this; }
+    static get watchers() { return {
+        "disabled": ["disabledChanged"],
+        "checked": ["checkedChanged"]
+    }; }
+    static get style() { return menuItemCss; }
+}, [257, "qds-menu-item", {
+        "disabled": [4],
+        "iconName": [1, "icon-name"],
+        "iconLibrary": [1, "icon-library"],
+        "size": [1],
+        "type": [1],
+        "checked": [1028],
+        "text": [1],
+        "shortcut": [1],
+        "hasSubmenuSlot": [32],
+        "tooltip": [32]
+    }, [[0, "blur", "onBlur"], [0, "focus", "onFocus"], [0, "click", "onClick"]], {
+        "disabled": ["disabledChanged"],
+        "checked": ["checkedChanged"]
+    }]);
+_MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span = new WeakMap(), _MenuItem_menuitemDivRef = new WeakMap(), _MenuItem_spanRef = new WeakMap(), _MenuItem_tooltipRef = new WeakMap(), _MenuItem_instances = new WeakSet(), _MenuItem_computedSize_get = function _MenuItem_computedSize_get() {
+    switch (this.size) {
+        case 'standard':
+        case 'small':
+        case 'large': {
+            return this.size;
+        }
+        default: {
+            return 'standard';
+        }
+    }
+}, _MenuItem_computedType_get = function _MenuItem_computedType_get() {
+    return this.type ?? undefined;
+}, _MenuItem_computedCheckable_get = function _MenuItem_computedCheckable_get() {
+    return __classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedType_get) === 'checkbox';
+}, _MenuItem_computedChecked_get = function _MenuItem_computedChecked_get() {
+    return ((__classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && this.checked) ?? false);
+}, _MenuItem_computedDisabled_get = function _MenuItem_computedDisabled_get() {
+    return this.disabled ?? false;
+}, _MenuItem_hasSubmenu_get = function _MenuItem_hasSubmenu_get() {
+    return this.hasSubmenuSlot;
+};
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["qds-menu-item", "qds-dropdown", "qds-icon", "qds-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "qds-menu-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, MenuItem);
+            }
+            break;
+        case "qds-dropdown":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "qds-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "qds-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const QdsMenuItem = MenuItem;
+const defineCustomElement = defineCustomElement$1;
+
+export { QdsMenuItem, defineCustomElement };
+//# sourceMappingURL=qds-menu-item.js.map
+
+//# sourceMappingURL=qds-menu-item.js.map

package/components/qds-menu-item.js.map

@@ -0,0 +1 @@
+{"file":"qds-menu-item.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/menu-item/menu-item.css?tag=qds-menu-item&encapsulation=shadow","src/components/menu-item/menu-item.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2025 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  display: block;\n}\n\n:host(:focus-visible) {\n  /* inner ring */\n  outline: var(--qds-theme-focus-border-contrast) solid\n    var(--qds-focus-light-border-width);\n  outline-offset: 0;\n\n  /* outer ring */\n  box-shadow: 0 0 0 var(--qds-focus-heavy-border-width)\n    var(--qds-theme-focus-border);\n  border-radius: var(--qds-control-border-radius);\n}\n\n.qds-menu-item-container {\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n}\n\n.qds-disabled {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n  cursor: not-allowed;\n}\n\n.qds-icon {\n  color: var(--qds-theme-text-standard);\n}\n\n.qds-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--qds-theme-title);\n  flex-grow: 1;\n}\n\n.qds-shortcut {\n  color: var(--qds-theme-text-subdued);\n}\n\n[data-size='small'] {\n  .qds-menu-item-container {\n    gap: var(--qds-list-item-small-gap-internal);\n    padding-inline: var(--qds-list-item-small-padding-horizontal);\n    padding-block: var(--qds-list-item-small-padding-vertical);\n  }\n\n  .menu-item-checkable,\n  .qds-icon {\n    height: var(--qds-control-small-icon-size);\n    width: var(--qds-control-small-icon-size);\n  }\n\n  .qds-text {\n    font: var(--qds-list-item-small-title);\n  }\n}\n\n[data-size='standard'] {\n  .qds-menu-item-container {\n    gap: var(--qds-list-item-standard-gap-internal);\n    padding-inline: var(--qds-list-item-standard-padding-horizontal);\n    padding-block: var(--qds-list-item-standard-padding-vertical);\n  }\n\n  .menu-item-checkable,\n  .qds-icon {\n    height: var(--qds-control-standard-icon-size);\n    width: var(--qds-control-standard-icon-size);\n  }\n\n  .qds-text {\n    font: var(--qds-list-item-standard-title);\n  }\n}\n\n[data-size='large'] {\n  .qds-menu-item-container {\n    gap: var(--qds-list-item-large-gap-internal);\n    padding-inline: var(--qds-list-item-large-padding-horizontal);\n    padding-block: var(--qds-list-item-large-padding-vertical);\n  }\n\n  .menu-item-checkable,\n  .qds-icon {\n    height: var(--qds-control-large-icon-size);\n    width: var(--qds-control-large-icon-size);\n  }\n\n  .qds-text {\n    font: var(--qds-list-item-large-title);\n  }\n}\n\n.qds-menu-item {\n  box-sizing: border-box;\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  appearance: none;\n  border: none;\n  border-radius: var(--qds-control-border-radius);\n  cursor: pointer;\n  text-align: initial;\n  text-decoration: none;\n  color: var(--qds-theme-text-standard);\n\n  &:not(.qds-selected, .qds-disabled) {\n    &:hover {\n      background-color: var(--qds-theme-interactive-background-hover);\n    }\n\n    &:active {\n      background-color: var(--qds-theme-interactive-background-pressed);\n    }\n  }\n}\n","// SPDX-FileCopyrightText: © 2025 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  h,\n  Listen,\n  Prop,\n  readTask,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport type { QdsFocusEventDetail } from '../../helpers'\nimport {\n  invariant,\n  isEllipsisActive,\n  pickFocusEventAttributes,\n} from '../../helpers'\nimport type { Size } from '../shared'\n\nexport type Type = 'checkbox' | undefined\n\n/**\n *\n *\n * @see https://quartz.se.com/build/components/menu-item\n */\n@Component({\n  tag: 'qds-menu-item',\n  shadow: true,\n  styleUrl: 'menu-item.css',\n})\nexport class MenuItem implements ComponentInterface {\n  /**\n   * Prevents the menu item from being interacted with: it cannot be clicked\n   * or focused.\n   */\n  @Prop() public readonly disabled?: boolean = false\n\n  /**\n   * The name of the icon to render.\n   *\n   * Available names depend on the icon library being used.\n   */\n  @Prop() public readonly iconName?: string\n\n  /**\n   * The name of a registered icon library.\n   */\n  @Prop() public readonly iconLibrary: string = 'default'\n\n  /**\n   * The menu item's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * Whether or not the menu item should be selectable.\n   */\n  @Prop() public type: Type\n\n  /**\n   * Whether or not the menu item is checked.\n   */\n  @Prop({ mutable: true }) public checked?: boolean\n\n  /**\n   * The menu item's text\n   */\n  @Prop() public readonly text!: string\n\n  /**\n   * The shortcut of the action.\n   */\n  @Prop() public readonly shortcut?: string\n\n  @State() private hasSubmenuSlot = false\n\n  @State() private tooltip = false\n\n  /**\n   * Emitted when the menu item loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the menu item gains focus.\n   */\n  @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n  private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the menu item is checked.\n   */\n  @Event({ eventName: 'qdsSelect', cancelable: false })\n  private readonly selectEmitter!: EventEmitter<void>\n\n  @Element() private readonly host!: HTMLElement\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  #ro?: ResizeObserver\n\n  #menuItem!: HTMLDivElement\n\n  #span?: HTMLSpanElement\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 #computedType(): Type {\n    return this.type ?? undefined\n  }\n\n  get #computedCheckable(): boolean {\n    return this.#computedType === 'checkbox'\n  }\n\n  get #computedChecked(): boolean {\n    return (\n      (this.#computedCheckable && !this.#hasSubmenu && this.checked) ?? false\n    )\n  }\n\n  get #computedDisabled(): boolean {\n    return this.disabled ?? false\n  }\n\n  get #hasSubmenu(): boolean {\n    return this.hasSubmenuSlot\n  }\n\n  @Listen('blur')\n  protected onBlur(event: FocusEvent): void {\n    this.blurEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  @Listen('focus')\n  protected onFocus(event: FocusEvent): void {\n    this.focusEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  @Listen('click')\n  protected onClick(event: MouseEvent): void {\n    if (this.#computedDisabled) {\n      event.stopImmediatePropagation()\n      return\n    }\n\n    if (this.#computedCheckable) {\n      this.checked = !this.#computedChecked\n      this.selectEmitter.emit()\n    }\n  }\n\n  @Watch('disabled')\n  protected disabledChanged(): void {\n    this.internals.ariaDisabled = this.#computedDisabled.toString()\n  }\n\n  @Watch('checked')\n  protected checkedChanged(): void {\n    this.internals.ariaChecked = this.#computedChecked.toString()\n  }\n\n  public componentDidLoad(): void {\n    this.checkedChanged()\n    invariant(this.#span)\n\n    const span = this.#span\n    readTask(() => {\n      this.tooltip = isEllipsisActive(span)\n    })\n    this.#ro = new ResizeObserver(([spanEntry]) => {\n      this.tooltip = isEllipsisActive(spanEntry.target as HTMLSpanElement)\n    })\n    this.#ro.observe(this.#span)\n  }\n\n  public componentWillLoad(): void {\n    this.hasSubmenuSlot = this.host.hasChildNodes()\n    this.internals.role =\n      this.type === 'checkbox' ? 'menuitemcheckbox' : 'menuitem'\n    this.disabledChanged()\n  }\n\n  public render() {\n    return (\n      <div\n        class={{\n          'qds-menu-item': true,\n          'qds-disabled': this.#computedDisabled,\n          'qds-has-submenu': this.#hasSubmenu,\n        }}\n        ref={this.#menuitemDivRef}\n        data-size={this.#computedSize}\n        aria-hidden=\"true\"\n      >\n        <div class=\"qds-menu-item-container\">\n          {this.#computedCheckable && !this.#computedChecked && (\n            <span class=\"menu-item-checkable\" />\n          )}\n          {this.#computedChecked && (\n            <qds-icon class=\"qds-icon\" library=\"core\" name=\"checked\" />\n          )}\n          {this.iconName !== undefined && this.iconName !== '' && (\n            <qds-icon\n              class=\"qds-icon\"\n              library={this.iconLibrary}\n              name={this.iconName}\n            />\n          )}\n          <span class=\"qds-text\" ref={this.#spanRef}>\n            {this.text}\n          </span>\n          {this.shortcut !== undefined && this.shortcut !== '' && (\n            <span class=\"qds-shortcut\">{this.shortcut}</span>\n          )}\n          {this.#hasSubmenu && (\n            <qds-icon class=\"qds-icon\" library=\"core\" name=\"navigation\" />\n          )}\n        </div>\n        {this.#hasSubmenu && (\n          <qds-dropdown\n            class=\"qds-accessory qds-related\"\n            placement=\"right-start\"\n            target={this.#menuitemDivRef}\n          >\n            <slot />\n          </qds-dropdown>\n        )}\n        {this.tooltip && (\n          <qds-tooltip ref={this.#tooltipRef}>{this.text}</qds-tooltip>\n        )}\n      </div>\n    )\n  }\n\n  readonly #menuitemDivRef = (menuItem?: HTMLDivElement): HTMLDivElement => {\n    if (menuItem) {\n      this.#menuItem = menuItem\n    }\n\n    return this.#menuItem\n  }\n\n  readonly #spanRef = (span?: HTMLSpanElement): void => {\n    this.#span = span\n  }\n\n  readonly #tooltipRef = (tooltip?: HTMLQdsTooltipElement): void => {\n    if (tooltip)\n      // eslint-disable-next-line no-param-reassign\n      tooltip.target = this.#menuItem\n  }\n}\n"],"version":3}

package/components/qds-mini-button.d.ts

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

package/components/qds-mini-button.js

@@ -0,0 +1,14 @@
+/*!
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { M as MiniButton, d as defineCustomElement$1 } from './p-B2ZVUvk9.js';
+
+const QdsMiniButton = MiniButton;
+const defineCustomElement = defineCustomElement$1;
+
+export { QdsMiniButton, defineCustomElement };
+//# sourceMappingURL=qds-mini-button.js.map
+
+//# sourceMappingURL=qds-mini-button.js.map

package/components/qds-mini-button.js.map

@@ -0,0 +1 @@
+{"file":"qds-mini-button.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/components/qds-progress-bar.d.ts

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

package/components/qds-progress-bar.js

@@ -0,0 +1,155 @@
+/*!
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { p as proxyCustomElement, H, h } from './p-D2489VzR.js';
+
+const progressBarCss = ":host([hidden]){display:none!important}:host{display:block;width:100%}.qds-bar,.qds-track{overflow:hidden}.qds-track{background-color:var(--qds-theme-control-slider-track-background)}.qds-bar,.qds-track{border-radius:var(--qds-signature-line-progress-cap-radius)}.qds-bar{background-color:var(--qds-theme-signature-line-progress-determinate);transition:width .6s cubic-bezier(.83,0,.17,1)}@media (prefers-reduced-motion){.qds-bar{transition:none}}.qds-indeterminate{animation:a 2s linear infinite;background-color:initial;background-image:var(--qds-theme-signature-line-progress-indeterminate)}@keyframes a{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}[data-size=small]{height:var(--qds-signature-line-progress-small-height)}[data-size=standard]{height:var(--qds-signature-line-progress-standard-height)}[data-size=large]{height:var(--qds-signature-line-progress-large-height)}";
+
+// 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 _ProgressBar_instances, _ProgressBar_localMax, _ProgressBar_localValue, _ProgressBar_position, _ProgressBar_computedSize_get, _ProgressBar_positionChanged, _ProgressBar_defineGetter;
+const ProgressBar = /*@__PURE__*/ proxyCustomElement(class ProgressBar extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.internals = this.attachInternals();
+        _ProgressBar_instances.add(this);
+        /**
+         * The progress bar's size.
+         */
+        this.size = 'standard';
+        /**
+         * Returns a list of the [`<label>`][] elements associated with the
+         * `qds-progress-bar` element.
+         *
+         * [`<label>`]: https://developer.mozilla.org/docs/Web/HTML/Element/label
+         *
+         * @readonly
+         * @webnative
+         */
+        this.labels = {};
+        /**
+         * Returns the result of dividing the current value (`value`) by the maximum
+         * value (`max`); if the progress bar is an indeterminate progress bar, it
+         * returns `-1`.
+         *
+         * @readonly
+         * @webnative
+         */
+        this.position = -1;
+        this.width = '0%';
+        _ProgressBar_localMax.set(this, 1);
+        _ProgressBar_localValue.set(this, 0);
+        _ProgressBar_position.set(this, -1);
+    }
+    maxChanged() {
+        const max = typeof this.max === 'string' ? Number.parseFloat(this.max) : this.max;
+        __classPrivateFieldSet(this, _ProgressBar_localMax, max === undefined || Number.isNaN(max) || max < 0 ? 1 : max, "f");
+        this.internals.ariaValueMax = __classPrivateFieldGet(this, _ProgressBar_localMax, "f").toString();
+        __classPrivateFieldGet(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
+    }
+    valueChanged() {
+        const value = typeof this.value === 'string'
+            ? Number.parseFloat(this.value)
+            : this.value;
+        __classPrivateFieldSet(this, _ProgressBar_localValue, value === undefined || Number.isNaN(value) || value < 0 ? 0 : value, "f");
+        this.internals.ariaValueNow =
+            // eslint-disable-next-line unicorn/no-null
+            this.value === undefined ? null : __classPrivateFieldGet(this, _ProgressBar_localValue, "f").toString();
+        __classPrivateFieldGet(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
+    }
+    componentWillLoad() {
+        this.internals.role = 'progressbar';
+        __classPrivateFieldGet(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'labels', () => this.internals.labels);
+        __classPrivateFieldGet(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'position', () => __classPrivateFieldGet(this, _ProgressBar_position, "f"));
+        this.maxChanged();
+        this.valueChanged();
+    }
+    render() {
+        return (h("div", { key: '86d72369e0342009d6b899033ab93c31f58e6218', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, h("div", { key: 'b246c0a10e3fb2e019b810d8485e11fadbe2f0e8', class: {
+                'qds-bar': true,
+                'qds-indeterminate': __classPrivateFieldGet(this, _ProgressBar_position, "f") === -1,
+            }, "data-size": __classPrivateFieldGet(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
+    }
+    static get formAssociated() { return true; }
+    get host() { return this; }
+    static get watchers() { return {
+        "max": ["maxChanged"],
+        "value": ["valueChanged"]
+    }; }
+    static get style() { return progressBarCss; }
+}, [321, "qds-progress-bar", {
+        "size": [1],
+        "labels": [16],
+        "max": [8],
+        "position": [2],
+        "value": [8],
+        "width": [32]
+    }, undefined, {
+        "max": ["maxChanged"],
+        "value": ["valueChanged"]
+    }]);
+_ProgressBar_localMax = new WeakMap(), _ProgressBar_localValue = new WeakMap(), _ProgressBar_position = new WeakMap(), _ProgressBar_instances = new WeakSet(), _ProgressBar_computedSize_get = function _ProgressBar_computedSize_get() {
+    switch (this.size) {
+        case 'small':
+        case 'large': {
+            return this.size;
+        }
+        default: {
+            return 'standard';
+        }
+    }
+}, _ProgressBar_positionChanged = function _ProgressBar_positionChanged() {
+    if (this.value === undefined) {
+        __classPrivateFieldSet(this, _ProgressBar_position, -1, "f");
+        this.width = '50%';
+        return;
+    }
+    __classPrivateFieldSet(this, _ProgressBar_position, __classPrivateFieldGet(this, _ProgressBar_localValue, "f") / __classPrivateFieldGet(this, _ProgressBar_localMax, "f"), "f");
+    this.width = `${Math.min(__classPrivateFieldGet(this, _ProgressBar_position, "f") * 100, 100)}%`;
+}, _ProgressBar_defineGetter = function _ProgressBar_defineGetter(p, get) {
+    Object.defineProperty(this.host, p, { enumerable: true, get });
+};
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["qds-progress-bar"];
+    components.forEach(tagName => { switch (tagName) {
+        case "qds-progress-bar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ProgressBar);
+            }
+            break;
+    } });
+}
+
+const QdsProgressBar = ProgressBar;
+const defineCustomElement = defineCustomElement$1;
+
+export { QdsProgressBar, defineCustomElement };
+//# sourceMappingURL=qds-progress-bar.js.map
+
+//# sourceMappingURL=qds-progress-bar.js.map