@quartzds/core 1.0.0-beta.120 → 1.0.0-beta.121
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +24 -0
- package/components/index.js +1 -1
- package/components/{p-eFhV8w2l.js → p-5dwtV5iH.js} +4 -4
- package/components/{p-eFhV8w2l.js.map → p-5dwtV5iH.js.map} +1 -1
- package/components/{p-Dsc0-aXK.js → p-B2ZVUvk9.js} +5 -5
- package/components/{p-Dsc0-aXK.js.map → p-B2ZVUvk9.js.map} +1 -1
- package/components/{p-5RFBIepu.js → p-C1c4JVlg.js} +4 -4
- package/components/{p-5RFBIepu.js.map → p-C1c4JVlg.js.map} +1 -1
- package/components/{p-CXP6q9Mr.js → p-CURs27Ur.js} +11 -6
- package/components/p-CURs27Ur.js.map +1 -0
- package/components/{p-DwxIJEUj.js → p-CjVnGhSO.js} +3 -3
- package/components/{p-DwxIJEUj.js.map → p-CjVnGhSO.js.map} +1 -1
- package/components/{p-DeRqCYmp.js → p-CkUTS1aU.js} +6 -6
- package/components/{p-DeRqCYmp.js.map → p-CkUTS1aU.js.map} +1 -1
- package/components/{p-CFVg7I9T.js → p-CkyaV9az.js} +5 -5
- package/components/{p-CFVg7I9T.js.map → p-CkyaV9az.js.map} +1 -1
- package/components/{p-B03FWheS.js → p-D82sb4oJ.js} +4 -4
- package/components/{p-B03FWheS.js.map → p-D82sb4oJ.js.map} +1 -1
- package/components/{p-Bnc7Puxx.js → p-D9pW936J.js} +10 -10
- package/components/{p-Bnc7Puxx.js.map → p-D9pW936J.js.map} +1 -1
- package/components/{p-BkBJDD6Y.js → p-DNHI4C-W.js} +6 -6
- package/components/{p-BkBJDD6Y.js.map → p-DNHI4C-W.js.map} +1 -1
- package/components/{p-DnZdwX0l.js → p-DR79BVX5.js} +6 -6
- package/components/{p-DnZdwX0l.js.map → p-DR79BVX5.js.map} +1 -1
- package/components/{p-BkgfW_tl.js → p-DtxwXYGb.js} +5 -5
- package/components/p-DtxwXYGb.js.map +1 -0
- package/components/{p-CRVPDKfO.js → p-laE-pGH7.js} +6 -6
- package/components/{p-CRVPDKfO.js.map → p-laE-pGH7.js.map} +1 -1
- package/components/qds-action-item.js +4 -4
- package/components/qds-action-item.js.map +1 -1
- package/components/qds-avatar-media.js +1 -1
- package/components/qds-breadcrumb-item.js +4 -4
- package/components/qds-breadcrumb-item.js.map +1 -1
- package/components/qds-button.js +3 -3
- package/components/qds-checkbox.js +1 -1
- package/components/qds-chip.js +5 -5
- package/components/qds-chip.js.map +1 -1
- package/components/qds-dialog.js +6 -6
- package/components/qds-dialog.js.map +1 -1
- package/components/qds-divider.js +1 -1
- package/components/qds-dropdown.js +1 -1
- package/components/qds-form-message.js +2 -2
- package/components/qds-icon-button.js +1 -1
- package/components/qds-icon-tab.js +5 -5
- package/components/qds-icon-tab.js.map +1 -1
- package/components/qds-icon.js +1 -1
- package/components/qds-inline-link.js +4 -4
- package/components/qds-input.js +42 -15
- package/components/qds-input.js.map +1 -1
- package/components/qds-label.js +1 -1
- package/components/qds-list-item.js +13 -13
- package/components/qds-loader.js +2 -2
- package/components/qds-menu-item.js +6 -6
- package/components/qds-mini-button.js +1 -1
- package/components/qds-progress-bar.js +2 -2
- package/components/qds-radio.js +1 -1
- package/components/qds-select.js +27 -9
- package/components/qds-select.js.map +1 -1
- package/components/qds-standalone-link.js +4 -4
- package/components/qds-switch.js +5 -5
- package/components/qds-tab.js +8 -8
- package/components/qds-tab.js.map +1 -1
- package/components/qds-tabbar.js +9 -9
- package/components/qds-table-cell.js +2 -2
- package/components/qds-table-head-cell.js +2 -2
- package/components/qds-table-row.js +1 -1
- package/components/qds-table.js +1 -1
- package/components/qds-tag.js +1 -1
- package/components/qds-textarea.js +4 -4
- package/components/qds-textarea.js.map +1 -1
- package/components/qds-title.js +1 -1
- package/components/qds-tooltip.js +1 -1
- package/dist/cjs/{helpers-BIL8yXqA.js → helpers-Qs3cpKiI.js} +11 -6
- package/dist/cjs/{helpers-BIL8yXqA.js.map → helpers-Qs3cpKiI.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/qds-action-item.cjs.entry.js +2 -2
- package/dist/cjs/qds-action-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-avatar-media_3.cjs.entry.js +6 -6
- package/dist/cjs/qds-breadcrumb-item.cjs.entry.js +2 -2
- package/dist/cjs/qds-breadcrumb-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-button.cjs.entry.js +1 -1
- package/dist/cjs/qds-chip.cjs.entry.js +2 -2
- package/dist/cjs/qds-chip.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-dialog.cjs.entry.js +3 -3
- package/dist/cjs/qds-dialog.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-divider_2.cjs.entry.js +2 -2
- package/dist/cjs/qds-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/qds-form-message.cjs.entry.js +1 -1
- package/dist/cjs/qds-icon-tab.cjs.entry.js +2 -2
- package/dist/cjs/qds-icon-tab.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-icon.cjs.entry.js +3 -3
- package/dist/cjs/qds-icon.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-inline-link.cjs.entry.js +3 -3
- package/dist/cjs/qds-input.cjs.entry.js +39 -13
- package/dist/cjs/qds-input.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-label.cjs.entry.js +3 -3
- package/dist/cjs/qds-list-item.cjs.entry.js +4 -4
- package/dist/cjs/qds-loader.cjs.entry.js +1 -1
- package/dist/cjs/qds-menu-item.cjs.entry.js +3 -3
- package/dist/cjs/qds-mini-button.cjs.entry.js +2 -2
- package/dist/cjs/qds-progress-bar.cjs.entry.js +2 -2
- package/dist/cjs/qds-select.cjs.entry.js +23 -7
- package/dist/cjs/qds-select.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-standalone-link.cjs.entry.js +3 -3
- package/dist/cjs/qds-switch.cjs.entry.js +4 -4
- package/dist/cjs/qds-tab.cjs.entry.js +5 -5
- package/dist/cjs/qds-tab.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-tabbar.cjs.entry.js +5 -5
- package/dist/cjs/qds-table-cell.cjs.entry.js +2 -2
- package/dist/cjs/qds-table-head-cell.cjs.entry.js +2 -2
- package/dist/cjs/qds-table-row.cjs.entry.js +1 -1
- package/dist/cjs/qds-table.cjs.entry.js +1 -1
- package/dist/cjs/qds-tag.cjs.entry.js +3 -3
- package/dist/cjs/qds-textarea.cjs.entry.js +4 -4
- package/dist/cjs/qds-textarea.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-title.cjs.entry.js +3 -3
- package/dist/cjs/qds-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/qds.cjs.js +1 -1
- package/dist/custom-elements.json +95 -3
- package/dist/docs.json +85 -2
- package/dist/esm/{helpers-BgaJNF9u.js → helpers-eFD8hV6J.js} +11 -6
- package/dist/esm/{helpers-BgaJNF9u.js.map → helpers-eFD8hV6J.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/qds-action-item.entry.js +2 -2
- package/dist/esm/qds-action-item.entry.js.map +1 -1
- package/dist/esm/qds-avatar-media_3.entry.js +6 -6
- package/dist/esm/qds-breadcrumb-item.entry.js +2 -2
- package/dist/esm/qds-breadcrumb-item.entry.js.map +1 -1
- package/dist/esm/qds-button.entry.js +1 -1
- package/dist/esm/qds-chip.entry.js +2 -2
- package/dist/esm/qds-chip.entry.js.map +1 -1
- package/dist/esm/qds-dialog.entry.js +3 -3
- package/dist/esm/qds-dialog.entry.js.map +1 -1
- package/dist/esm/qds-divider_2.entry.js +2 -2
- package/dist/esm/qds-dropdown.entry.js +2 -2
- package/dist/esm/qds-form-message.entry.js +1 -1
- package/dist/esm/qds-icon-tab.entry.js +2 -2
- package/dist/esm/qds-icon-tab.entry.js.map +1 -1
- package/dist/esm/qds-icon.entry.js +3 -3
- package/dist/esm/qds-icon.entry.js.map +1 -1
- package/dist/esm/qds-inline-link.entry.js +3 -3
- package/dist/esm/qds-input.entry.js +39 -13
- package/dist/esm/qds-input.entry.js.map +1 -1
- package/dist/esm/qds-label.entry.js +3 -3
- package/dist/esm/qds-list-item.entry.js +4 -4
- package/dist/esm/qds-loader.entry.js +1 -1
- package/dist/esm/qds-menu-item.entry.js +3 -3
- package/dist/esm/qds-mini-button.entry.js +2 -2
- package/dist/esm/qds-progress-bar.entry.js +2 -2
- package/dist/esm/qds-select.entry.js +23 -7
- package/dist/esm/qds-select.entry.js.map +1 -1
- package/dist/esm/qds-standalone-link.entry.js +3 -3
- package/dist/esm/qds-switch.entry.js +4 -4
- package/dist/esm/qds-tab.entry.js +5 -5
- package/dist/esm/qds-tab.entry.js.map +1 -1
- package/dist/esm/qds-tabbar.entry.js +5 -5
- package/dist/esm/qds-table-cell.entry.js +2 -2
- package/dist/esm/qds-table-head-cell.entry.js +2 -2
- package/dist/esm/qds-table-row.entry.js +1 -1
- package/dist/esm/qds-table.entry.js +1 -1
- package/dist/esm/qds-tag.entry.js +3 -3
- package/dist/esm/qds-textarea.entry.js +4 -4
- package/dist/esm/qds-textarea.entry.js.map +1 -1
- package/dist/esm/qds-title.entry.js +3 -3
- package/dist/esm/qds-tooltip.entry.js +2 -2
- package/dist/esm/qds.js +1 -1
- package/dist/types/components/input/input.d.ts +10 -0
- package/dist/types/components/select/select.d.ts +7 -1
- package/dist/types/components.d.ts +22 -4
- package/dist/vscode.html-custom-data.json +20 -1
- package/hydrate/index.js +127 -78
- package/hydrate/index.mjs +127 -78
- package/package.json +1 -1
- package/components/p-BkgfW_tl.js.map +0 -1
- package/components/p-CXP6q9Mr.js.map +0 -1
package/hydrate/index.js
CHANGED
|
@@ -3635,13 +3635,18 @@ const closestElement = (selector, base) => {
|
|
|
3635
3635
|
return closestFrom(base);
|
|
3636
3636
|
};
|
|
3637
3637
|
const isCurrentPage = (url) => {
|
|
3638
|
-
|
|
3639
|
-
|
|
3640
|
-
|
|
3641
|
-
currentUrl.
|
|
3638
|
+
try {
|
|
3639
|
+
const currentUrl = new URL(window.location.href);
|
|
3640
|
+
const targetUrl = new URL(url);
|
|
3641
|
+
return (currentUrl.origin === targetUrl.origin &&
|
|
3642
|
+
currentUrl.pathname === targetUrl.pathname);
|
|
3643
|
+
}
|
|
3644
|
+
catch {
|
|
3645
|
+
return false;
|
|
3646
|
+
}
|
|
3642
3647
|
};
|
|
3643
3648
|
|
|
3644
|
-
const actionItemCss = ":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-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0}.qds-text{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-action-item{align-items:center;border:none;border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:flex}.qds-action-item:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-action-item:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-action-item[data-size=small]{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding-inline:var(--qds-list-item-small-padding-horizontal)}[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)}.qds-action-item[data-size=standard]{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding-inline:var(--qds-list-item-standard-padding-horizontal)}[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)}.qds-action-item[data-size=large]{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding-inline:var(--qds-list-item-large-padding-horizontal)}[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)}[data-importance=standard] .qds-text{color:var(--qds-theme-text-standard)}[data-importance=standard] .qds-icon{color:var(--qds-theme-control-text-standard)}.qds-action-item[data-importance=emphasized] .qds-icon,.qds-action-item[data-importance=emphasized] .qds-text{color:var(--qds-theme-signature-color-default)}.qds-action-item[data-importance=emphasized]:hover .qds-icon,.qds-action-item[data-importance=emphasized]:hover .qds-text{color:var(--qds-theme-signature-color-hover)}.qds-action-item[data-importance=emphasized]:active .qds-icon,.qds-action-item[data-importance=emphasized]:active .qds-text{color:var(--qds-theme-signature-color-pressed)}.qds-action-item[data-importance=subdued] .qds-icon,.qds-action-item[data-importance=subdued] .qds-text{color:var(--qds-theme-link-standard-default)}.qds-action-item[data-importance=subdued]:hover .qds-icon,.qds-action-item[data-importance=subdued]:hover .qds-text{color:var(--qds-theme-link-standard-hover)}.qds-action-item[data-importance=subdued]:active .qds-icon,.qds-action-item[data-importance=subdued]:active .qds-text{color:var(--qds-theme-link-standard-pressed)}.qds-action-item[data-importance=destructive] .qds-icon,.qds-action-item[data-importance=destructive] .qds-text{color:var(--qds-theme-feedback-action-destructive-default)}.qds-action-item[data-importance=destructive]:hover .qds-icon,.qds-action-item[data-importance=destructive]:hover .qds-text{color:var(--qds-theme-feedback-action-destructive-hover)}.qds-action-item[data-importance=destructive]:active .qds-icon,.qds-action-item[data-importance=destructive]:active .qds-text{color:var(--qds-theme-feedback-action-destructive-pressed)}";
|
|
3649
|
+
const actionItemCss = ":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-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0}.qds-text{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-action-item{align-items:center;border:none;border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:flex}.qds-action-item:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-action-item:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-action-item[data-size=small]{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding-block:var(--qds-list-item-small-padding-vertical);padding-inline:var(--qds-list-item-small-padding-horizontal)}[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)}.qds-action-item[data-size=standard]{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding-block:var(--qds-list-item-standard-padding-vertical);padding-inline:var(--qds-list-item-standard-padding-horizontal)}[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)}.qds-action-item[data-size=large]{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding-block:var(--qds-list-item-large-padding-vertical);padding-inline:var(--qds-list-item-large-padding-horizontal)}[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)}[data-importance=standard] .qds-text{color:var(--qds-theme-text-standard)}[data-importance=standard] .qds-icon{color:var(--qds-theme-control-text-standard)}.qds-action-item[data-importance=emphasized] .qds-icon,.qds-action-item[data-importance=emphasized] .qds-text{color:var(--qds-theme-signature-color-default)}.qds-action-item[data-importance=emphasized]:hover .qds-icon,.qds-action-item[data-importance=emphasized]:hover .qds-text{color:var(--qds-theme-signature-color-hover)}.qds-action-item[data-importance=emphasized]:active .qds-icon,.qds-action-item[data-importance=emphasized]:active .qds-text{color:var(--qds-theme-signature-color-pressed)}.qds-action-item[data-importance=subdued] .qds-icon,.qds-action-item[data-importance=subdued] .qds-text{color:var(--qds-theme-link-standard-default)}.qds-action-item[data-importance=subdued]:hover .qds-icon,.qds-action-item[data-importance=subdued]:hover .qds-text{color:var(--qds-theme-link-standard-hover)}.qds-action-item[data-importance=subdued]:active .qds-icon,.qds-action-item[data-importance=subdued]:active .qds-text{color:var(--qds-theme-link-standard-pressed)}.qds-action-item[data-importance=destructive] .qds-icon,.qds-action-item[data-importance=destructive] .qds-text{color:var(--qds-theme-feedback-action-destructive-default)}.qds-action-item[data-importance=destructive]:hover .qds-icon,.qds-action-item[data-importance=destructive]:hover .qds-text{color:var(--qds-theme-feedback-action-destructive-hover)}.qds-action-item[data-importance=destructive]:active .qds-icon,.qds-action-item[data-importance=destructive]:active .qds-text{color:var(--qds-theme-feedback-action-destructive-pressed)}";
|
|
3645
3650
|
|
|
3646
3651
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
3647
3652
|
//
|
|
@@ -3859,7 +3864,7 @@ class AvatarMedia {
|
|
|
3859
3864
|
this.handleTextChange();
|
|
3860
3865
|
}
|
|
3861
3866
|
render() {
|
|
3862
|
-
return hAsync("div", { key: '
|
|
3867
|
+
return hAsync("div", { key: '2a4d92d823206e950959201c8c2c1b420379ceb1', class: "qds-container" }, __classPrivateFieldGet$v(this, _AvatarMedia_renderContent, "f").call(this));
|
|
3863
3868
|
}
|
|
3864
3869
|
static get watchers() { return {
|
|
3865
3870
|
"text": ["handleTextChange"]
|
|
@@ -4754,7 +4759,7 @@ _Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_onBlur = new WeakMap(),
|
|
|
4754
4759
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
4755
4760
|
};
|
|
4756
4761
|
|
|
4757
|
-
const chipCss = ":host([hidden]){display:none!important}:host{display:block}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-label{display:flex}.qds-container{min-width:0}.qds-target{-webkit-appearance:none;appearance:none;background-color:initial;border:none;color:inherit;cursor:pointer;display:flex;outline:none;padding:0;pointer-events:auto}.qds-target:disabled{pointer-events:none}.qds-alignment{align-items:center;display:flex}.qds-cursor{cursor:pointer}.qds-icon{flex-shrink:0}.qds-closable-chip,.qds-container{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;justify-content:center;padding-block:0;-webkit-user-select:none;user-select:none}.qds-checkbox:active~.qds-container,.qds-closable-chip:has(.qds-target:active),.qds-container.qds-pressed-state{background-color:var(--qds-theme-interactive-background-pressed)}.qds-container.qds-selected-state{background-color:var(--qds-theme-interactive-background-selected)}.qds-container.qds-selected-state:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-container.qds-selected-state:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-checkbox{clip-path:inset(50%);margin:0;position:absolute}.qds-checkbox:focus-visible~.qds-container{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-closable-chip[data-size=small],.qds-container[data-size=small]{
|
|
4762
|
+
const chipCss = ":host([hidden]){display:none!important}:host{display:block}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-label{display:flex}.qds-container{min-width:0}.qds-target{-webkit-appearance:none;appearance:none;background-color:initial;border:none;color:inherit;cursor:pointer;display:flex;outline:none;padding:0;pointer-events:auto}.qds-target:disabled{pointer-events:none}.qds-alignment{align-items:center;display:flex}.qds-cursor{cursor:pointer}.qds-icon{flex-shrink:0}.qds-closable-chip,.qds-container{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-control-chip-gap-internal);justify-content:center;padding-block:0;-webkit-user-select:none;user-select:none}.qds-checkbox:active~.qds-container,.qds-closable-chip:has(.qds-target:active),.qds-container.qds-pressed-state{background-color:var(--qds-theme-interactive-background-pressed)}.qds-container.qds-selected-state{background-color:var(--qds-theme-interactive-background-selected)}.qds-container.qds-selected-state:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-container.qds-selected-state:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-checkbox{clip-path:inset(50%);margin:0;position:absolute}.qds-checkbox:focus-visible~.qds-container{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-closable-chip[data-size=small],.qds-container[data-size=small]{min-height:var(--qds-control-chip-small-height);padding-inline:var(--qds-control-chip-small-padding-horizontal)}.qds-closable-chip[data-size=small]{padding-inline-end:var(--qds-control-chip-closable-small-padding-right)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-text[data-size=small]{font:var(--qds-control-small-text);line-height:normal}.qds-closable-chip[data-size=standard],.qds-container[data-size=standard]{min-height:var(--qds-control-chip-standard-height);padding-inline:var(--qds-control-chip-standard-padding-horizontal)}.qds-closable-chip[data-size=standard]{padding-inline-end:var(--qds-control-chip-closable-standard-padding-right)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-text[data-size=standard]{font:var(--qds-control-standard-text);line-height:normal}.qds-closable-chip[data-size=large],.qds-container[data-size=large]{min-height:var(--qds-control-chip-large-height);padding-inline:var(--qds-control-chip-large-padding-horizontal)}.qds-closable-chip[data-size=large]{padding-inline-end:var(--qds-control-chip-closable-large-padding-right)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-text[data-size=large]{font:var(--qds-control-large-text);line-height:normal}";
|
|
4758
4763
|
|
|
4759
4764
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4760
4765
|
//
|
|
@@ -5024,7 +5029,7 @@ _Chip_chip = new WeakMap(), _Chip_span = new WeakMap(), _Chip_ro = new WeakMap()
|
|
|
5024
5029
|
return this.value == null ? null : this.value.toString();
|
|
5025
5030
|
};
|
|
5026
5031
|
|
|
5027
|
-
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:
|
|
5032
|
+
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:auto;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}";
|
|
5028
5033
|
|
|
5029
5034
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
5030
5035
|
//
|
|
@@ -5133,7 +5138,7 @@ class Dialog {
|
|
|
5133
5138
|
}
|
|
5134
5139
|
render() {
|
|
5135
5140
|
const hasHeading = this.hasTitleSlot || this.closable === true;
|
|
5136
|
-
return (hAsync(Host, { key: '
|
|
5141
|
+
return (hAsync(Host, { key: 'f313722f78e3f980b74660bac5768007549ae621' }, hAsync("dialog", { key: 'fc46abf07f8fccbae8d623a5999e4ad11f7f5501', class: "qds-dialog", ref: __classPrivateFieldGet$p(this, _Dialog_ref, "f"), onCancel: __classPrivateFieldGet$p(this, _Dialog_onCancel, "f"), onClose: __classPrivateFieldGet$p(this, _Dialog_onClose, "f"), onSubmit: __classPrivateFieldGet$p(this, _Dialog_onSubmit, "f"), ...__classPrivateFieldGet$p(this, _Dialog_inheritedAttributes, "f"), "aria-labelledby": this.hasTitleSlot ? __classPrivateFieldGet$p(this, _Dialog_titleId, "f") : undefined }, hasHeading && (hAsync("div", { key: '8ace06b599301b3ef3e7d8be4ba909dd1e3ba742', class: "qds-heading" }, this.hasTitleSlot && (hAsync("div", { key: 'e94ee93590cddb1684ee84dfebe74224bb02292d', id: __classPrivateFieldGet$p(this, _Dialog_titleId, "f") }, hAsync("slot", { key: 'b00cbbf5e62b2ca2731fa0b6e75a069e8e13cc21', name: "title" }))), this.closable === true && (hAsync("qds-icon-button", { key: '3044cae955df2c8adaceddcb07d9254d12106ad3', text: "close dialog", class: "qds-close-button", importance: "subdued", iconName: "close", iconLibrary: "core", onClick: __classPrivateFieldGet$p(this, _Dialog_handleCloseClick, "f"), ref: __classPrivateFieldGet$p(this, _Dialog_closeButtonRef, "f") })))), hAsync("div", { key: 'e62a1b6b1a2a4babc08af96cf7445e35298cc2b1', class: "qds-content" }, hAsync("slot", { key: 'f5c6d8733e00a39520584f9883c81287fb7edcc2' })), this.hasFooterSlot && (hAsync("div", { key: 'b812ec757d9afd4a18e82b12ffa3af2157acbf0b', class: "qds-footer" }, hAsync("slot", { key: '4b460b404bca6e97492ce4d5f26d6e74889717fc', name: "footer" })))), hAsync("div", { key: '2d1ef9f26a25beeec31fb5c42c0a0f6635f265e6', class: "qds-backdrop" })));
|
|
5137
5142
|
}
|
|
5138
5143
|
show() {
|
|
5139
5144
|
invariant(__classPrivateFieldGet$p(this, _Dialog_dialog, "f"));
|
|
@@ -5219,7 +5224,7 @@ class Divider {
|
|
|
5219
5224
|
this.verticalChanged();
|
|
5220
5225
|
}
|
|
5221
5226
|
render() {
|
|
5222
|
-
return (hAsync("hr", { key: '
|
|
5227
|
+
return (hAsync("hr", { key: '377320d6db82fa0188749625cf808243462fc790', class: {
|
|
5223
5228
|
'qds-divider': true,
|
|
5224
5229
|
'qds-vertical': this.vertical,
|
|
5225
5230
|
}, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$o(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
|
|
@@ -7273,7 +7278,7 @@ class Dropdown {
|
|
|
7273
7278
|
__classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
|
|
7274
7279
|
}
|
|
7275
7280
|
render() {
|
|
7276
|
-
return (hAsync(Host, { key: '
|
|
7281
|
+
return (hAsync(Host, { key: '818208411addc4dea30191c3d4941b214144def0', onKeyDown: __classPrivateFieldGet$n(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$n(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: 'd909ca090df9e4eaca458b00984d59ecd63cc7da', onSlotchange: __classPrivateFieldGet$n(this, _Dropdown_onSlotchange, "f") })));
|
|
7277
7282
|
}
|
|
7278
7283
|
static get delegatesFocus() { return true; }
|
|
7279
7284
|
get host() { return getElement(this); }
|
|
@@ -7570,7 +7575,7 @@ const requestIcon = (url) => {
|
|
|
7570
7575
|
return iconPromise;
|
|
7571
7576
|
};
|
|
7572
7577
|
|
|
7573
|
-
const iconCss = ":host([hidden]){display:none!important}:host{display:inline-block;height:1em;width:1em}.qds-container{position:relative}.qds-icon-wrapper{display:contents}svg{display:block;fill:currentcolor;height:100%;width:100%}
|
|
7578
|
+
const iconCss = ":host([hidden]){display:none!important}:host{display:inline-block;height:1em;width:1em}.qds-container{position:relative}.qds-icon-wrapper{display:contents}svg{display:block;fill:currentcolor;height:100%;width:100%}";
|
|
7574
7579
|
|
|
7575
7580
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7576
7581
|
//
|
|
@@ -7653,7 +7658,7 @@ class Icon {
|
|
|
7653
7658
|
await this.setIcon();
|
|
7654
7659
|
}
|
|
7655
7660
|
render() {
|
|
7656
|
-
return (hAsync("div", { key: '
|
|
7661
|
+
return (hAsync("div", { key: 'e34db03445b6466673f0a5007e56565db0607dad', class: "qds-container" }, hAsync("span", { key: 'ae17bef072c530670209c28570db6f0021d58168', class: "qds-icon-wrapper", innerHTML: this.svg })));
|
|
7657
7662
|
}
|
|
7658
7663
|
get host() { return getElement(this); }
|
|
7659
7664
|
static get watchers() { return {
|
|
@@ -7910,7 +7915,7 @@ _IconButton_savedTabIndex = new WeakMap(), _IconButton_button = new WeakMap(), _
|
|
|
7910
7915
|
this.internals.ariaLabel = this.text ?? '';
|
|
7911
7916
|
};
|
|
7912
7917
|
|
|
7913
|
-
const iconTabCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-
|
|
7918
|
+
const iconTabCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-icon-container{align-items:center;display:flex;justify-content:center;position:relative}.qds-icon{flex-shrink:0}.qds-icon:hover{background-color:initial}.qds-selected:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-badge-indicator{inset-block-start:0;inset-inline-end:0;position:absolute}.qds-badge-counter{inset-block-start:-2px;inset-inline-end:-2px;position:absolute}.qds-icon-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal);min-height:var(--qds-nav-element-small-height);min-width:var(--qds-nav-element-small-height)}[data-size=small] .qds-icon-container{height:var(--qds-control-small-height);width:var(--qds-control-small-height)}[data-size=small] .qds-icon-container>.qds-icon{height:var(--qds-nav-element-small-icon-size);width:var(--qds-nav-element-small-icon-size)}.qds-icon-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal);min-height:var(--qds-nav-element-standard-height);min-width:var(--qds-nav-element-standard-height)}[data-size=standard] .qds-icon-container{height:var(--qds-control-standard-height);width:var(--qds-control-standard-height)}[data-size=standard] .qds-icon-container>.qds-icon{height:var(--qds-nav-element-standard-icon-size);width:var(--qds-nav-element-standard-icon-size)}.qds-icon-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal);min-height:var(--qds-nav-element-large-height);min-width:var(--qds-nav-element-large-height)}[data-size=large] .qds-icon-container{height:var(--qds-control-large-height);width:var(--qds-control-large-height)}[data-size=large] .qds-icon-container>.qds-icon{height:var(--qds-nav-element-large-icon-size);width:var(--qds-nav-element-large-icon-size)}.qds-selected[data-importance=standard]:after,.qds-selected[data-importance=subdued]:after{border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";display:block;position:absolute}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after,.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{height:100%;width:var(--qds-signature-line-connection-width)}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after{inset-inline-end:0}.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{inset-inline-start:0}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after,.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{height:var(--qds-signature-line-connection-width);width:100%}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after{bottom:0}.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{top:0}[data-importance=standard]:hover:after{background-color:var(--qds-theme-signature-color-hover)}[data-importance=standard]:active:after{background-color:var(--qds-theme-signature-color-pressed)}.qds-selected[data-importance=standard]:after{background-color:var(--qds-theme-signature-color-default)}[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-title)}.qds-selected[data-importance=subdued]:after,[data-importance=subdued] :active:after{background-color:var(--qds-theme-link-subdued-pressed)}[data-importance=subdued]:hover:after{background-color:var(--qds-theme-link-subdued-hover)}.qds-selected[data-importance=subdued]:after{background-color:var(\n --qds-theme-nav-element-selection-indicator-background-subdued\n )}.qds-icon-tab{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;justify-content:center;position:relative;text-align:initial}.qds-icon-tab:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-icon-tab:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-icon-tab:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-icon-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-hidden{display:none}";
|
|
7914
7919
|
|
|
7915
7920
|
// SPDX-FileCopyrightText: © 2026 Schneider Electric
|
|
7916
7921
|
//
|
|
@@ -8265,10 +8270,10 @@ class InlineLink {
|
|
|
8265
8270
|
__classPrivateFieldGet$i(this, _InlineLink_updateAriaLabelElements, "f").call(this);
|
|
8266
8271
|
}
|
|
8267
8272
|
render() {
|
|
8268
|
-
return (hAsync("a", { key: '
|
|
8273
|
+
return (hAsync("a", { key: '3411bcbb89281e52a96f8e2a42380c4b28563cd0', "aria-hidden": "true", class: {
|
|
8269
8274
|
'qds-inline-link': true,
|
|
8270
8275
|
'qds-disabled': this.disabled,
|
|
8271
|
-
}, "data-importance": __classPrivateFieldGet$i(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$i(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$i(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$i(this, _InlineLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '
|
|
8276
|
+
}, "data-importance": __classPrivateFieldGet$i(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$i(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$i(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$i(this, _InlineLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'e931203750a48ebb52ffbab861b78c194a0ae20b', class: "qds-icon", "aria-hidden": "true", library: this.iconLibrary, name: this.iconName })), hAsync("slot", { key: '795b019b877c1d66d0811b9475af3176a2504806', onSlotchange: __classPrivateFieldGet$i(this, _InlineLink_onSlotchange, "f") }), this.linkIcon && (hAsync("qds-icon", { key: 'a3edf8126b78e986672c314ea8be78a7d8c0f988', "aria-hidden": "true", class: "qds-icon", library: "core", name: this.linkIcon }))));
|
|
8272
8277
|
}
|
|
8273
8278
|
get host() { return getElement(this); }
|
|
8274
8279
|
static get watchers() { return {
|
|
@@ -8313,7 +8318,7 @@ _InlineLink_savedTabIndex = new WeakMap(), _InlineLink_link = new WeakMap(), _In
|
|
|
8313
8318
|
return this.target === '_blank';
|
|
8314
8319
|
};
|
|
8315
8320
|
|
|
8316
|
-
const inputCss = ":host([hidden]){display:none!important}:host{display:inline-block}@-moz-document url-prefix(){[type=date]~.qds-icon-container,[type=datetime-local]~.qds-icon-container,[type=month]~.qds-icon-container,[type=time]~.qds-icon-container,[type=week]~.qds-icon-container{display:none}}input[type=password]::-ms-reveal{display:none}.qds-container,.qds-input{max-width:inherit;width:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"d\"}.qds-icon-container,.qds-input{grid-area:d}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:d;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-control-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-control-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}[data-size=large]{font:var(--qds-form-large-text);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-password-padding[data-size=large],[data-size=large][type=date],[data-size=large][type=datetime-local],[data-size=large][type=month],[data-size=large][type=time],[data-size=large][type=week]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}[data-size=large]~.qds-icon-container{padding-inline-end:var(--qds-form-input-large-padding-end)}[data-size=large][type=number]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]{padding-block:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]::file-selector-button{font:var(--qds-form-large-text);margin-inline-end:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}[data-size=large][type=search]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-gap-internal))}[data-size=large][type=search]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}}}[data-size=standard]{font:var(--qds-form-standard-text);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-password-padding[data-size=standard],[data-size=standard][type=date],[data-size=standard][type=datetime-local],[data-size=standard][type=month],[data-size=standard][type=time],[data-size=standard][type=week]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}[data-size=standard]~.qds-icon-container{padding-inline-end:var(--qds-form-input-standard-padding-end)}[data-size=standard][type=number]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]{padding-block:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]::file-selector-button{font:var(--qds-form-standard-text);margin-inline-end:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}[data-size=standard][type=search]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-gap-internal))}[data-size=standard][type=search]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}}}[data-size=small]{font:var(--qds-form-small-text);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-password-padding[data-size=small],[data-size=small][type=date],[data-size=small][type=datetime-local],[data-size=small][type=month],[data-size=small][type=time],[data-size=small][type=week]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}[data-size=small]~.qds-icon-container{padding-inline-end:var(--qds-form-input-small-padding-end)}[data-size=small][type=number]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]{padding-block:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]::file-selector-button{font:var(--qds-form-small-text);margin-inline-end:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}[data-size=small][type=search]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-gap-internal))}[data-size=small][type=search]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}}}.qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-control-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-control-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);box-sizing:border-box;color:var(--qds-theme-form-input-text-active);grid-area:d;padding-block:0}.qds-input.qds-hide~.qds-icon-container{display:none}.qds-input:disabled,.qds-input:disabled~.qds-icon-container{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-input:focus-visible{outline:none}.qds-input:focus-visible~.qds-focus-ring{visibility:visible}.qds-input:read-only{background-color:var(--qds-theme-form-input-background-read-only);border-color:var(--qds-theme-form-input-border-disabled)}.qds-input:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-input:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-input:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{display:none}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-form-input-text-active)}.qds-input[type=file]::file-selector-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=file]::file-selector-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-form-input-standard-padding-end);padding-inline:var(--qds-form-input-standard-padding-end)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=color]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-standard-padding-end))}.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-search-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-large-padding-end))}.qds-input[data-size=large][type=file]{height:auto}.qds-input.qds-search-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-small-padding-end))}.qds-input[data-size=small][type=file]{height:auto}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}.qds-input[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-input[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-input:not(:focus):user-invalid,.qds-input[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-icon-container{align-items:center;display:flex;justify-content:center;justify-self:end}.qds-icon-container.no-padding{padding-inline-end:0}";
|
|
8321
|
+
const inputCss = ":host([hidden]){display:none!important}:host{display:inline-block}@-moz-document url-prefix(){[type=date]~.qds-icon-container,[type=datetime-local]~.qds-icon-container,[type=month]~.qds-icon-container,[type=time]~.qds-icon-container,[type=week]~.qds-icon-container{display:none}}input[type=password]::-ms-reveal{display:none}.qds-container,.qds-input{max-width:inherit;width:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"d\"}.qds-icon-container,.qds-input{grid-area:d}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:d;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-control-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-control-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}[data-size=large]{font:var(--qds-form-large-text);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-password-padding[data-size=large],[data-size=large][type=date],[data-size=large][type=datetime-local],[data-size=large][type=month],[data-size=large][type=time],[data-size=large][type=week]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}[data-size=large]~.qds-icon-container{padding-inline-end:var(--qds-form-input-large-padding-end)}[data-size=large][type=number]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]{padding-block:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]::file-selector-button{font:var(--qds-form-large-text);margin-inline-end:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}[data-size=large][type=search]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-gap-internal))}[data-size=large][type=search]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-custom-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}.qds-dual-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-gap-internal))}.qds-dual-icon-padding[data-size=large]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}}}[data-size=standard]{font:var(--qds-form-standard-text);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-password-padding[data-size=standard],[data-size=standard][type=date],[data-size=standard][type=datetime-local],[data-size=standard][type=month],[data-size=standard][type=time],[data-size=standard][type=week]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}[data-size=standard]~.qds-icon-container{padding-inline-end:var(--qds-form-input-standard-padding-end)}[data-size=standard][type=number]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]{padding-block:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]::file-selector-button{font:var(--qds-form-standard-text);margin-inline-end:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}[data-size=standard][type=search]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-gap-internal))}[data-size=standard][type=search]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-custom-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}.qds-dual-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-gap-internal))}.qds-dual-icon-padding[data-size=standard]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}}}[data-size=small]{font:var(--qds-form-small-text);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-password-padding[data-size=small],[data-size=small][type=date],[data-size=small][type=datetime-local],[data-size=small][type=month],[data-size=small][type=time],[data-size=small][type=week]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}[data-size=small]~.qds-icon-container{padding-inline-end:var(--qds-form-input-small-padding-end)}[data-size=small][type=number]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]{padding-block:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]::file-selector-button{font:var(--qds-form-small-text);margin-inline-end:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}[data-size=small][type=search]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-gap-internal))}[data-size=small][type=search]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-custom-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}.qds-dual-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-gap-internal))}.qds-dual-icon-padding[data-size=small]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}}}.qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-control-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-control-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);box-sizing:border-box;color:var(--qds-theme-form-input-text-active);grid-area:d;padding-block:0}.qds-input.qds-hide~.qds-icon-container{display:none}.qds-input:disabled,.qds-input:disabled~.qds-icon-container{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-input:focus-visible{outline:none}.qds-input:focus-visible~.qds-focus-ring{visibility:visible}.qds-input:read-only{background-color:var(--qds-theme-form-input-background-read-only);border-color:var(--qds-theme-form-input-border-disabled)}.qds-input:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-input:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-input:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{display:none}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-form-input-text-active)}.qds-input[type=file]::file-selector-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=file]::file-selector-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-form-input-standard-padding-end);padding-inline:var(--qds-form-input-standard-padding-end)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=color]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-standard-padding-end))}.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-search-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-large-padding-end))}.qds-input[data-size=large][type=file]{height:auto}.qds-input.qds-search-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-small-padding-end))}.qds-input[data-size=small][type=file]{height:auto}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}.qds-input[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-control-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-control-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-input[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-input[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-input:not(:focus):user-invalid,.qds-input[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-icon-container{align-items:center;display:flex;justify-content:center;justify-self:end}";
|
|
8317
8322
|
|
|
8318
8323
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
8319
8324
|
//
|
|
@@ -8334,7 +8339,7 @@ var __classPrivateFieldSet$f = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
8334
8339
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
8335
8340
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
8336
8341
|
};
|
|
8337
|
-
var _Input_instances, _Input_inheritedAttributes, _Input_input, _Input_computedDisabled_get, _Input_computedIconName_get, _Input_computedSize_get, _Input_computedValue_get, _Input_computedStatus_get, _Input_hasInteractiveIcon_get, _Input_iconClickHandler_get, _Input_computedType_get, _Input_computedInteractiveIconAriaLabel_get, _Input_togglePasswordVisibility, _Input_ref, _Input_getFiles, _Input_onBlur, _Input_onCancel, _Input_onSearch, _Input_onChange,
|
|
8342
|
+
var _Input_instances, _Input_inheritedAttributes, _Input_input, _Input_computedDisabled_get, _Input_computedIconName_get, _Input_computedSize_get, _Input_computedValue_get, _Input_computedStatus_get, _Input_hasInteractiveIcon_get, _Input_iconClickHandler_get, _Input_computedType_get, _Input_computedInteractiveIconAriaLabel_get, _Input_renderClearableButton, _Input_renderSearchClearButton, _Input_renderInteractiveIconButton, _Input_renderSearchButton, _Input_togglePasswordVisibility, _Input_ref, _Input_getFiles, _Input_onBlur, _Input_onCancel, _Input_onSearch, _Input_onChange, _Input_handleClear, _Input_onClearableClick, _Input_onSearchClear, _Input_onFocus, _Input_onInput, _Input_defineGetter, _Input_clearValue;
|
|
8338
8343
|
const stopImmediatePropagation = (event) => {
|
|
8339
8344
|
event.stopImmediatePropagation();
|
|
8340
8345
|
};
|
|
@@ -8370,6 +8375,16 @@ class Input {
|
|
|
8370
8375
|
}
|
|
8371
8376
|
_Input_instances.add(this);
|
|
8372
8377
|
/**
|
|
8378
|
+
* Shows a clear button that allows the user to clear the input's value.
|
|
8379
|
+
*
|
|
8380
|
+
* For `search` inputs, the clear button is always shown when the input
|
|
8381
|
+
* has a value, regardless of this property.
|
|
8382
|
+
*
|
|
8383
|
+
*/
|
|
8384
|
+
this.clearable = false;
|
|
8385
|
+
/**
|
|
8386
|
+
* @deprecated The no-icon property is deprecated and will be removed by September 2026.
|
|
8387
|
+
*
|
|
8373
8388
|
* Hide the input type's icon.
|
|
8374
8389
|
*
|
|
8375
8390
|
* > **_NOTE:_** Due to browser limitations, the icon may not be hidden in
|
|
@@ -8524,6 +8539,10 @@ class Input {
|
|
|
8524
8539
|
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
8525
8540
|
__classPrivateFieldGet$h(this, _Input_input, "f").showPicker();
|
|
8526
8541
|
};
|
|
8542
|
+
_Input_renderClearableButton.set(this, () => (hAsync("qds-mini-button", { name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$h(this, _Input_onClearableClick, "f"), tabindex: -1, onQdsFocus: stopImmediatePropagation })));
|
|
8543
|
+
_Input_renderSearchClearButton.set(this, () => (hAsync("qds-mini-button", { class: "qds-hide", name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$h(this, _Input_onSearchClear, "f"), tabindex: -1, onQdsFocus: stopImmediatePropagation })));
|
|
8544
|
+
_Input_renderInteractiveIconButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedInteractiveIconAriaLabel_get), onClick: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_iconClickHandler_get), tabindex: -1, onQdsFocus: stopImmediatePropagation })));
|
|
8545
|
+
_Input_renderSearchButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: "search", onClick: __classPrivateFieldGet$h(this, _Input_onSearch, "f"), tabindex: -1, onQdsFocus: stopImmediatePropagation })));
|
|
8527
8546
|
_Input_togglePasswordVisibility.set(this, () => {
|
|
8528
8547
|
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
8529
8548
|
this.isPasswordVisible = !this.isPasswordVisible;
|
|
@@ -8548,13 +8567,18 @@ class Input {
|
|
|
8548
8567
|
_Input_onChange.set(this, () => {
|
|
8549
8568
|
this.changeEmitter.emit();
|
|
8550
8569
|
});
|
|
8551
|
-
|
|
8570
|
+
_Input_handleClear.set(this, () => {
|
|
8552
8571
|
__classPrivateFieldGet$h(this, _Input_instances, "m", _Input_clearValue).call(this);
|
|
8553
8572
|
__classPrivateFieldGet$h(this, _Input_onInput, "f").call(this, new InputEvent('input', { inputType: 'deleteContent' }));
|
|
8554
8573
|
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
8555
|
-
if (document.activeElement !== __classPrivateFieldGet$h(this, _Input_input, "f"))
|
|
8574
|
+
if (document.activeElement !== __classPrivateFieldGet$h(this, _Input_input, "f"))
|
|
8556
8575
|
__classPrivateFieldGet$h(this, _Input_input, "f").focus();
|
|
8557
|
-
|
|
8576
|
+
});
|
|
8577
|
+
_Input_onClearableClick.set(this, () => {
|
|
8578
|
+
__classPrivateFieldGet$h(this, _Input_handleClear, "f").call(this);
|
|
8579
|
+
});
|
|
8580
|
+
_Input_onSearchClear.set(this, () => {
|
|
8581
|
+
__classPrivateFieldGet$h(this, _Input_handleClear, "f").call(this);
|
|
8558
8582
|
this.searchEmitter.emit();
|
|
8559
8583
|
});
|
|
8560
8584
|
_Input_onFocus.set(this, (event) => {
|
|
@@ -8682,11 +8706,17 @@ class Input {
|
|
|
8682
8706
|
render() {
|
|
8683
8707
|
const hasValue = this.value !== null && this.value !== undefined && this.value !== '';
|
|
8684
8708
|
const isSearchType = this.type === 'search';
|
|
8685
|
-
const
|
|
8709
|
+
const isIconUnsupportedType = this.type === 'file' || this.type === 'color';
|
|
8710
|
+
const shouldShowClearButton = hasValue && isSearchType;
|
|
8711
|
+
const shouldShowClearableButton = hasValue &&
|
|
8712
|
+
!isSearchType &&
|
|
8713
|
+
!isIconUnsupportedType &&
|
|
8714
|
+
this.clearable === true;
|
|
8715
|
+
/* DEPRECATED: noIcon will be removed by September 2026 */
|
|
8686
8716
|
const shouldShowSearchButton = isSearchType && this.noIcon === false;
|
|
8687
8717
|
const shouldHideIcon = !isSearchType && this.noIcon === true;
|
|
8688
8718
|
const shouldRemoveSearchPadding = isSearchType && this.noIcon === true;
|
|
8689
|
-
return (hAsync("div", { key: '
|
|
8719
|
+
return (hAsync("div", { key: '6e70a342a4fd8e02d8aa643899981afe811c001b', class: "qds-container" }, hAsync("input", { key: '3add3be0f05dc633ff22af9d27857eeef87236d7', accept: this.accept, autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
|
|
8690
8720
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
8691
8721
|
autoFocus: this.host.autofocus, capture: this.capture, class: {
|
|
8692
8722
|
'qds-search-padding': shouldRemoveSearchPadding,
|
|
@@ -8695,10 +8725,11 @@ class Input {
|
|
|
8695
8725
|
'qds-padding': shouldHideIcon,
|
|
8696
8726
|
'qds-password-padding': this.type === 'password' ||
|
|
8697
8727
|
(this.isPasswordVisible && this.type === 'text'),
|
|
8698
|
-
|
|
8699
|
-
'qds-icon-
|
|
8700
|
-
|
|
8701
|
-
|
|
8728
|
+
'qds-custom-icon-padding': shouldShowClearableButton && !__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get),
|
|
8729
|
+
'qds-dual-icon-padding': shouldShowClearableButton && __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_hasInteractiveIcon_get),
|
|
8730
|
+
}, "data-status": __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedStatus_get), "data-size": __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedSize_get), disabled: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get), enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, max: this.max, maxLength: this.maxLength, min: this.min, minLength: this.minLength, multiple: this.multiple, onBlur: __classPrivateFieldGet$h(this, _Input_onBlur, "f"), onChange: __classPrivateFieldGet$h(this, _Input_onChange, "f"), onFocus: __classPrivateFieldGet$h(this, _Input_onFocus, "f"), onInput: __classPrivateFieldGet$h(this, _Input_onInput, "f"), placeholder: this.placeholder, readOnly: this.readonly, ref: __classPrivateFieldGet$h(this, _Input_ref, "f"), spellcheck: this.host.spellcheck, step: this.step, tabIndex: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get) ? undefined : this.tabIndex, type: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedType_get), value: this.value ?? '', ...__classPrivateFieldGet$h(this, _Input_inheritedAttributes, "f") }), hAsync("div", { key: 'fea60800a1a9efd39ad815e77adcaaeac1914a10', class: "qds-focus-ring" }), shouldShowClearableButton && !__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: 'd61a0c44cd829b1acd4e3118ba9af6b57e2cf176', class: "qds-icon-container" }, __classPrivateFieldGet$h(this, _Input_renderClearableButton, "f").call(this))), __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: '49bf72935ef8d3bc3740b742f6cc71d51c30d662', class: "qds-icon-container" }, shouldShowClearButton && __classPrivateFieldGet$h(this, _Input_renderSearchClearButton, "f").call(this), shouldShowClearableButton &&
|
|
8731
|
+
__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) &&
|
|
8732
|
+
__classPrivateFieldGet$h(this, _Input_renderClearableButton, "f").call(this), __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) && __classPrivateFieldGet$h(this, _Input_renderInteractiveIconButton, "f").call(this), shouldShowSearchButton && __classPrivateFieldGet$h(this, _Input_renderSearchButton, "f").call(this)))));
|
|
8702
8733
|
}
|
|
8703
8734
|
static get delegatesFocus() { return true; }
|
|
8704
8735
|
static get formAssociated() { return true; }
|
|
@@ -8728,6 +8759,7 @@ class Input {
|
|
|
8728
8759
|
"$members$": {
|
|
8729
8760
|
"status": [1],
|
|
8730
8761
|
"readonly": [4],
|
|
8762
|
+
"clearable": [4],
|
|
8731
8763
|
"noIcon": [4, "no-icon"],
|
|
8732
8764
|
"size": [1],
|
|
8733
8765
|
"accept": [1],
|
|
@@ -8765,7 +8797,7 @@ class Input {
|
|
|
8765
8797
|
"$attrsToReflect$": []
|
|
8766
8798
|
}; }
|
|
8767
8799
|
}
|
|
8768
|
-
_Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input_togglePasswordVisibility = new WeakMap(), _Input_ref = new WeakMap(), _Input_getFiles = new WeakMap(), _Input_onBlur = new WeakMap(), _Input_onCancel = new WeakMap(), _Input_onSearch = new WeakMap(), _Input_onChange = new WeakMap(),
|
|
8800
|
+
_Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input_renderClearableButton = new WeakMap(), _Input_renderSearchClearButton = new WeakMap(), _Input_renderInteractiveIconButton = new WeakMap(), _Input_renderSearchButton = new WeakMap(), _Input_togglePasswordVisibility = new WeakMap(), _Input_ref = new WeakMap(), _Input_getFiles = new WeakMap(), _Input_onBlur = new WeakMap(), _Input_onCancel = new WeakMap(), _Input_onSearch = new WeakMap(), _Input_onChange = new WeakMap(), _Input_handleClear = new WeakMap(), _Input_onClearableClick = new WeakMap(), _Input_onSearchClear = new WeakMap(), _Input_onFocus = new WeakMap(), _Input_onInput = new WeakMap(), _Input_instances = new WeakSet(), _Input_computedDisabled_get = function _Input_computedDisabled_get() {
|
|
8769
8801
|
return this.host.matches(':disabled') || (this.disabled ?? false);
|
|
8770
8802
|
}, _Input_computedIconName_get = function _Input_computedIconName_get() {
|
|
8771
8803
|
if (this.type === 'password')
|
|
@@ -8924,12 +8956,12 @@ class Label {
|
|
|
8924
8956
|
__classPrivateFieldGet$g(this, _Label_ro, "f").disconnect();
|
|
8925
8957
|
}
|
|
8926
8958
|
render() {
|
|
8927
|
-
return (hAsync("span", { key: '
|
|
8959
|
+
return (hAsync("span", { key: '9a45ac712eed524ea4d87837685f6eeb181be38c', class: {
|
|
8928
8960
|
'qds-inline': this.inline,
|
|
8929
8961
|
'qds-label': true,
|
|
8930
8962
|
}, "data-size": __classPrivateFieldGet$g(this, _Label_instances, "a", _Label_computedSize_get), "data-importance": __classPrivateFieldGet$g(this, _Label_instances, "a", _Label_computedImportance_get), ref: __classPrivateFieldGet$g(this, _Label_labelRef, "f"),
|
|
8931
8963
|
// eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
|
|
8932
|
-
tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '
|
|
8964
|
+
tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '30fc4189432271cca78ccc4516d495244bf3a0fb', class: "qds-required" }, "*"), hAsync("span", { key: '0d7f97d2cf2b149d4941aff613e77799a494a86c', class: "qds-text", ref: __classPrivateFieldGet$g(this, _Label_spanRef, "f") }, this.text), this.tooltip && (hAsync("qds-tooltip", { key: '7cd2b48f3afa11c57fabeb9083cf55051c8170db', "aria-hidden": "true", ref: __classPrivateFieldGet$g(this, _Label_tooltipRef, "f") }, this.text))));
|
|
8933
8965
|
}
|
|
8934
8966
|
static get watchers() { return {
|
|
8935
8967
|
"text": ["textChanged"]
|
|
@@ -9198,16 +9230,16 @@ class ListItem {
|
|
|
9198
9230
|
this.subtitleChanged();
|
|
9199
9231
|
}
|
|
9200
9232
|
render() {
|
|
9201
|
-
return (hAsync(Host, { key: '
|
|
9233
|
+
return (hAsync(Host, { key: '803593358a6509e04fe10b525c49046507bd98fc' }, hAsync("div", { key: '1e9280c3aaa8df47c632917a63a9687a03e7f088', class: {
|
|
9202
9234
|
'qds-list-item': true,
|
|
9203
9235
|
'qds-has-submenu': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get),
|
|
9204
9236
|
'qds-disabled': this.disabled,
|
|
9205
9237
|
'qds-selected': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
|
|
9206
9238
|
'qds-static': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'none',
|
|
9207
|
-
}, "data-size": __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '
|
|
9239
|
+
}, "data-size": __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '17e07c813d187b15a57a90ee74becc5542a43e95', class: {
|
|
9208
9240
|
'qds-indented-content': true,
|
|
9209
9241
|
'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !== 'none',
|
|
9210
|
-
} }, __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: '
|
|
9242
|
+
} }, __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: '41b2754a41b9951b0dabe336859769a26548400a', checked: this.selected, indeterminate: this.indeterminate, size: this.size, text: this.text, disabled: this.disabled, checkboxOnly: true, onQdsChange: __classPrivateFieldGet$f(this, _ListItem_onCheck, "f"), ref: __classPrivateFieldGet$f(this, _ListItem_checkboxRef, "f") })), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' && (hAsync("qds-radio", { key: '5ea68ccec051bbde4ba9730db2ec24112cbf04c7', checked: this.selected, size: this.size, onQdsChange: __classPrivateFieldGet$f(this, _ListItem_onSelect, "f"), disabled: this.disabled, "aria-label": this.text, ref: __classPrivateFieldGet$f(this, _ListItem_radioRef, "f") })), this.host.draggable && (hAsync("qds-icon", { key: 'b45194d779ff4b117baa97e51c1e33d5884e2bdd', "aria-hidden": "true", class: "qds-icon qds-list-action qds-draggable", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (hAsync("img", { key: 'a95f3ddcd6a72db5607134caf7c7f00452bcd63d', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '66da0b7170ccee1eb7c5adb9c21bb150cac651f8', "aria-hidden": "true", class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (hAsync("qds-avatar-media", { key: '1418e8bd4497ae255522378f2065c67ee8afc3c7', class: "qds-picture", src: this.avatarSrc })), hAsync("div", { key: '6b04b051449339bdb6e24a47c2638c27d5393536', class: "qds-texts", role: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 'option' : undefined, tabIndex: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 0 : undefined, onFocus: __classPrivateFieldGet$f(this, _ListItem_onFocus, "f"), onBlur: __classPrivateFieldGet$f(this, _ListItem_onBlur, "f") }, this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: '03a60339943557c9227ccf3ee53472c3cac8f05d', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: '8b9ee0e0e03706fd1cbe1d383d9a6ff6dcd64ff1', class: "qds-title", ref: __classPrivateFieldGet$f(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '8bc75a99861db70c6760007dc78b5f796690d91b', class: "qds-subtitle", ref: __classPrivateFieldGet$f(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (hAsync("qds-badge-counter", { key: '20f17a6e0dcd11c6b2237ca386403924a35a7d65', size: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSize_get), strokeRing: true, value: this.badge, description: this.badgeDescription })), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-icon-button", { key: '02d6dadfe251b2e1d35b2eb85b8932b209aaf3f5', iconName: "dots-3-vertical", importance: "subdued", "aria-label": "more actions", disabled: this.disabled, ref: __classPrivateFieldGet$f(this, _ListItem_iconButtonRef, "f") })), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (hAsync("qds-icon", { key: 'd72407043e1c8cba676beecea6b670b247794ca4', "aria-hidden": "true", class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: 'cbd0ffcf43042cca1f1d5d9a23863a90435389dd', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$f(this, _ListItem_iconButtonRef, "f"), role: "group" }, hAsync("slot", { key: '4e032125ba8172ae70fa8772c6ed204fc8fbf661', onSlotchange: __classPrivateFieldGet$f(this, _ListItem_onSlotChange, "f") }))), this.showDivider && hAsync("qds-divider", { key: '9945a285d94a2e0a8698d849a279fae6c27f7a31' }), (this.textTooltip || this.subtitleTooltip) && (hAsync("qds-tooltip", { key: '14a42f4b905ad4f62be170b019b5c0b0ba232ac2', "aria-hidden": "true", ref: __classPrivateFieldGet$f(this, _ListItem_textTooltipRef, "f") }, hAsync("div", { key: '282ef968c93d24c424f7b0dfd40c907caf777952', class: "qds-tooltip-kicker" }, this.kicker), hAsync("div", { key: '325acee90130720b2d1e26f6a4e5e407a13902b8', class: "qds-tooltip-title" }, this.text), hAsync("div", { key: 'ae3bb2c7778dc406f11a8f252901e568f94c844a', class: "qds-tooltip-subtitle" }, this.subtitle))))));
|
|
9211
9243
|
}
|
|
9212
9244
|
get host() { return getElement(this); }
|
|
9213
9245
|
static get watchers() { return {
|
|
@@ -9286,7 +9318,7 @@ _ListItem_roText = new WeakMap(), _ListItem_roSubTitle = new WeakMap(), _ListIte
|
|
|
9286
9318
|
return this.hasSubmenuSlot;
|
|
9287
9319
|
};
|
|
9288
9320
|
|
|
9289
|
-
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:
|
|
9321
|
+
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)}";
|
|
9290
9322
|
|
|
9291
9323
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9292
9324
|
//
|
|
@@ -9534,11 +9566,11 @@ class MenuItem {
|
|
|
9534
9566
|
this.disabledChanged();
|
|
9535
9567
|
}
|
|
9536
9568
|
render() {
|
|
9537
|
-
return (hAsync("div", { key: '
|
|
9569
|
+
return (hAsync("div", { key: 'fe9c905dc3232dcc7aff3c11989708418933cc2e', class: {
|
|
9538
9570
|
'qds-menu-item': true,
|
|
9539
9571
|
'qds-disabled': __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
|
|
9540
9572
|
'qds-has-submenu': __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get),
|
|
9541
|
-
}, ref: __classPrivateFieldGet$d(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: '
|
|
9573
|
+
}, ref: __classPrivateFieldGet$d(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: 'facde0ba3177e95aea0b93af7f21073ff2cd8094', class: "qds-menu-item-container" }, __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("span", { key: '110ec6c5050fba47f94b4d7e300a93d31d890feb', class: "menu-item-checkable" })), __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("qds-icon", { key: '578d2bec12c10fe7055ddefdac43cf466a9c3bb5', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '25b937d83d0337f0f7938f85436dfcf4694e330d', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: 'f6078d0567035d59b4e874a857665e6c17f795d9', class: "qds-text", ref: __classPrivateFieldGet$d(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (hAsync("span", { key: 'cc7803584b35cc9c596e17504acb74c19df4a559', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-icon", { key: 'f122617959813d4b34265ac06fd04ad4bd85d6a3', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '4d3b287da7077769324d8bf121bee88d05dfc4c3', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$d(this, _MenuItem_menuitemDivRef, "f") }, hAsync("slot", { key: '26bf5f8470dcf823bdc4d2faa9ecae16acb8b420' }))), this.tooltip && (hAsync("qds-tooltip", { key: 'd61af3444249c927fe17fa9f09141de8070cdea3', ref: __classPrivateFieldGet$d(this, _MenuItem_tooltipRef, "f") }, this.text))));
|
|
9542
9574
|
}
|
|
9543
9575
|
get host() { return getElement(this); }
|
|
9544
9576
|
static get watchers() { return {
|
|
@@ -9694,7 +9726,7 @@ class MiniButton {
|
|
|
9694
9726
|
}
|
|
9695
9727
|
render() {
|
|
9696
9728
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
9697
|
-
return (hAsync(Tag, { key: '
|
|
9729
|
+
return (hAsync(Tag, { key: '3aa9f2bcc195f87e4e3a529eb2bac1079f58f523', type: Tag === 'a' ? undefined : 'button', class: "qds-mini-button", href: Tag === 'a' ? this.href : undefined, rel: Tag === 'a' ? this.rel : undefined, disabled: __classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get), "aria-hidden": "true", onKeyDown: preventDefault, onKeyUp: preventDefault, onKeyPress: preventDefault, tabIndex: -1 }, hAsync("qds-icon", { key: 'aecc513ae5bd03f88ad7a1e5a0cb45fae43ab40f', class: "qds-icon", library: this.library, name: this.name })));
|
|
9698
9730
|
}
|
|
9699
9731
|
static get formAssociated() { return true; }
|
|
9700
9732
|
get host() { return getElement(this); }
|
|
@@ -9728,7 +9760,7 @@ _MiniButton_savedTabIndex = new WeakMap(), _MiniButton_instances = new WeakSet()
|
|
|
9728
9760
|
this.host.getAttribute('disabled') !== 'false'));
|
|
9729
9761
|
};
|
|
9730
9762
|
|
|
9731
|
-
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:
|
|
9763
|
+
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)}";
|
|
9732
9764
|
|
|
9733
9765
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9734
9766
|
//
|
|
@@ -9819,7 +9851,7 @@ class ProgressBar {
|
|
|
9819
9851
|
this.valueChanged();
|
|
9820
9852
|
}
|
|
9821
9853
|
render() {
|
|
9822
|
-
return (hAsync("div", { key: '
|
|
9854
|
+
return (hAsync("div", { key: '86d72369e0342009d6b899033ab93c31f58e6218', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$b(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, hAsync("div", { key: 'b246c0a10e3fb2e019b810d8485e11fadbe2f0e8', class: {
|
|
9823
9855
|
'qds-bar': true,
|
|
9824
9856
|
'qds-indeterminate': __classPrivateFieldGet$b(this, _ProgressBar_position, "f") === -1,
|
|
9825
9857
|
}, "data-size": __classPrivateFieldGet$b(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
|
|
@@ -9869,7 +9901,7 @@ _ProgressBar_localMax = new WeakMap(), _ProgressBar_localValue = new WeakMap(),
|
|
|
9869
9901
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
9870
9902
|
};
|
|
9871
9903
|
|
|
9872
|
-
const breadcrumbItemCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-breadcrumb-item{align-items:center;display:inline-flex;font:var(--qds-control-standard-text);gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-standard-height);width:inherit}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0;height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-divider{margin-inline:auto}.qds-overflow{
|
|
9904
|
+
const breadcrumbItemCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-breadcrumb-item{align-items:center;display:inline-flex;font:var(--qds-control-standard-text);gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-standard-height);width:inherit}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0;height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-divider{margin-inline:auto}.qds-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-anchor{font:var(--qds-control-standard-link)}.qds-anchor,.qds-breadcrumb-item{color:var(--qds-theme-control-text-standard)}.qds-anchor:focus-visible,.qds-breadcrumb-item: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}";
|
|
9873
9905
|
|
|
9874
9906
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9875
9907
|
//
|
|
@@ -10014,7 +10046,7 @@ _QdsBreadcrumbItem_breadcrumbItem = new WeakMap(), _QdsBreadcrumbItem_ro = new W
|
|
|
10014
10046
|
return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
|
|
10015
10047
|
};
|
|
10016
10048
|
|
|
10017
|
-
const radioCss = "[hidden].sc-qds-radio-h{display:none!important}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-icon.sc-qds-radio,.qds-radio.sc-qds-radio{grid-area:
|
|
10049
|
+
const radioCss = "[hidden].sc-qds-radio-h{display:none!important}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-icon.sc-qds-radio,.qds-radio.sc-qds-radio{grid-area:i;place-self:center}.qds-icon.sc-qds-radio{display:none;pointer-events:none}.qds-container.sc-qds-radio{display:grid;grid-template-areas:\"i\"}.qds-label.sc-qds-radio{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label.sc-qds-radio:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label.sc-qds-radio:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label.sc-qds-radio:has(.qds-radio:focus-visible){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-label-inner.sc-qds-radio{flex:1 1 auto;min-width:0;width:100%}.qds-radio.sc-qds-radio{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-rounded-border-radius);cursor:pointer;margin:0;padding:var(--qds-control-toggle-padding);-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-radio.sc-qds-radio:focus-visible{outline:none}.qds-radio.sc-qds-radio:checked~.qds-icon.sc-qds-radio{color:var(--qds-theme-control-background-contrast);display:block}[aria-disabled=true].sc-qds-radio{opacity:var(--qds-theme-disabled);pointer-events:none}[data-size=small].sc-qds-radio{--qds-form-small-text:var(--qds-control-small-text)}.qds-radio[data-size=small].sc-qds-radio{height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small].sc-qds-radio{font-size:var(--qds-control-small-icon-size)}.qds-label[data-size=small].sc-qds-radio{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-inline[data-size=small].sc-qds-radio{min-height:var(--qds-control-small-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}[data-size=standard].sc-qds-radio{--qds-form-standard-text:var(--qds-control-standard-text)}.qds-radio[data-size=standard].sc-qds-radio{height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard].sc-qds-radio{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-label[data-size=standard].sc-qds-radio{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-inline[data-size=standard].sc-qds-radio{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}[data-size=large].sc-qds-radio{--qds-form-large-text:var(--qds-control-large-text)}.qds-radio[data-size=large].sc-qds-radio{height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large].sc-qds-radio{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-label[data-size=large].sc-qds-radio{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-inline[data-size=large].sc-qds-radio{min-height:var(--qds-control-large-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}";
|
|
10018
10050
|
|
|
10019
10051
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10020
10052
|
//
|
|
@@ -10099,12 +10131,12 @@ class Radio {
|
|
|
10099
10131
|
render() {
|
|
10100
10132
|
return (
|
|
10101
10133
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
10102
|
-
hAsync("label", { key: '
|
|
10134
|
+
hAsync("label", { key: 'd0c73be3ff0a081eb00a0857c8d4c44757b6db2b', "aria-disabled": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
|
|
10103
10135
|
'qds-inline': this.inline,
|
|
10104
10136
|
'qds-label': true,
|
|
10105
|
-
}, "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '
|
|
10137
|
+
}, "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '1018adbd92399c84791fed4bd449220431f8525f', class: "qds-container" }, hAsync("input", { key: 'f7d1a5bdaf8cc9689b7b4d2257cb360377d8a4b6',
|
|
10106
10138
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
10107
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet$9(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet$9(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet$9(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet$9(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet$9(this, _Radio_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '
|
|
10139
|
+
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet$9(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet$9(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet$9(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet$9(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet$9(this, _Radio_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '5d216956b9bc9a9d673f79ef81302f8a085a4f01', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get), library: "core", name: "checked-radio" })), __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_hasText_get) && (hAsync("qds-label", { key: '023e5f403ff3299ff37153eb7ee96941f485b308', class: "qds-label-inner", size: __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get), text: this.text }))));
|
|
10108
10140
|
}
|
|
10109
10141
|
get host() { return getElement(this); }
|
|
10110
10142
|
static get watchers() { return {
|
|
@@ -10148,7 +10180,7 @@ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio
|
|
|
10148
10180
|
return this.text !== undefined && this.text !== '';
|
|
10149
10181
|
};
|
|
10150
10182
|
|
|
10151
|
-
const selectCss = ":host([hidden]){display:none!important}:host{display:inline-block}slot{display:none}.qds-container{box-sizing:border-box;display:grid;grid-template-areas:\"j\"}.qds-container,.qds-select{width:inherit}.qds-icon,.qds-select{color:var(--qds-theme-
|
|
10183
|
+
const selectCss = ":host([hidden]){display:none!important}:host{display:inline-block}slot{display:none}.qds-container{box-sizing:border-box;display:grid;grid-template-areas:\"j\"}.qds-container,.qds-select{width:inherit}.qds-icon,.qds-select{color:var(--qds-theme-form-input-text-placeholder);grid-area:j}.qds-icon{place-self:center end;pointer-events:none}.qds-select{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-control-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-control-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);margin:0;outline:0;padding-block:0;text-overflow:ellipsis}.qds-select:enabled:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-select:enabled:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-select:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-select[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-control-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-control-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-select[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-select[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-select :not(:focus):user-invalid,.qds-select[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-select:disabled,.qds-select:disabled+.qds-icon{opacity:var(--qds-theme-disabled)}:is(::slotted(optgroup),::slotted(optgroup:not(:disabled)>option),::slotted(option)):disabled{opacity:var(--qds-theme-disabled)}::slotted(optgroup){font:var(--qds-accessory-section-title)}::slotted(optgroup>option),::slotted(option){font:var(--qds-list-item-label-main)}.qds-select[data-size=small]{font:var(--qds-form-small-text);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-select[data-size=small]:not([multiple]){min-height:var(--qds-form-input-small-height);padding-inline-end:calc(var(--qds-control-small-icon-size) + var(--qds-form-input-small-gap-internal) + var(--qds-form-input-small-padding-end))}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);margin-inline-end:calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-small-icon-size)}.qds-select[data-size=standard]{font:var(--qds-form-standard-text);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-select[data-size=standard]:not([multiple]){min-height:var(--qds-form-input-standard-height);padding-inline-end:calc(var(--qds-control-standard-icon-size) + var(--qds-form-input-standard-gap-internal) + var(--qds-form-input-standard-padding-end))}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);margin-inline-end:calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-standard-icon-size)}.qds-select[data-size=large]{font:var(--qds-form-large-text);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-select[data-size=large]:not([multiple]){min-height:var(--qds-form-input-large-height);padding-inline-end:calc(var(--qds-control-large-icon-size) + var(--qds-form-input-large-gap-internal) + var(--qds-form-input-large-padding-end))}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);margin-inline-end:calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-large-icon-size)}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:j;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-control-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-control-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}.qds-select:focus-visible~.qds-focus-ring{visibility:visible}";
|
|
10152
10184
|
|
|
10153
10185
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10154
10186
|
//
|
|
@@ -10169,7 +10201,7 @@ var __classPrivateFieldSet$7 = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
10169
10201
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
10170
10202
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
10171
10203
|
};
|
|
10172
|
-
var _Select_instances, _Select_inheritedAttributes, _Select_select, _Select_computedDisabled_get, _Select_computedOptions_get, _Select_computedSize_get, _Select_computedType_get, _Select_computedValue_get, _Select_computedSelectedOptions_get, _Select_ref, _Select_onBlur, _Select_onChange, _Select_onFocus, _Select_onInput, _Select_onSlotchange, _Select_defineGetter;
|
|
10204
|
+
var _Select_instances, _Select_inheritedAttributes, _Select_select, _Select_computedDisabled_get, _Select_computedOptions_get, _Select_computedStatus_get, _Select_computedSize_get, _Select_computedType_get, _Select_computedValue_get, _Select_computedSelectedOptions_get, _Select_ref, _Select_onBlur, _Select_onChange, _Select_onFocus, _Select_onInput, _Select_onSlotchange, _Select_defineGetter;
|
|
10173
10205
|
const throwError = () => {
|
|
10174
10206
|
invariant(false);
|
|
10175
10207
|
};
|
|
@@ -10394,6 +10426,9 @@ class Select {
|
|
|
10394
10426
|
else
|
|
10395
10427
|
this.internals.setValidity(__classPrivateFieldGet$8(this, _Select_select, "f").validity, __classPrivateFieldGet$8(this, _Select_select, "f").validationMessage, __classPrivateFieldGet$8(this, _Select_select, "f"));
|
|
10396
10428
|
}
|
|
10429
|
+
statusChanged() {
|
|
10430
|
+
this.internals.ariaInvalid = (__classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedStatus_get) === 'error').toString();
|
|
10431
|
+
}
|
|
10397
10432
|
componentWillLoad() {
|
|
10398
10433
|
__classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'form', () => this.internals.form);
|
|
10399
10434
|
__classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
@@ -10405,6 +10440,7 @@ class Select {
|
|
|
10405
10440
|
__classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'selectedOptions', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSelectedOptions_get));
|
|
10406
10441
|
__classPrivateFieldSet$7(this, _Select_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
10407
10442
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
10443
|
+
this.statusChanged();
|
|
10408
10444
|
}
|
|
10409
10445
|
componentDidLoad() {
|
|
10410
10446
|
invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
|
|
@@ -10412,12 +10448,12 @@ class Select {
|
|
|
10412
10448
|
this.selectedIndex = __classPrivateFieldGet$8(this, _Select_select, "f").selectedIndex;
|
|
10413
10449
|
}
|
|
10414
10450
|
render() {
|
|
10415
|
-
return (hAsync("div", { key: '
|
|
10451
|
+
return (hAsync("div", { key: '4e54c80117271921cdf5eeaa8498f91467b514f5', class: {
|
|
10416
10452
|
'qds-container': true,
|
|
10417
10453
|
'qds-multiple': this.multiple ?? false,
|
|
10418
|
-
}, "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: '
|
|
10454
|
+
}, "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: '239e13dcdd0dec5f835005d80417b546cb41b181', autoComplete: this.autoComplete,
|
|
10419
10455
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
10420
|
-
autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get), disabled: __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get), multiple: this.multiple, name: this.name, onBlur: __classPrivateFieldGet$8(this, _Select_onBlur, "f"), onChange: __classPrivateFieldGet$8(this, _Select_onChange, "f"), onFocus: __classPrivateFieldGet$8(this, _Select_onFocus, "f"), onInput: __classPrivateFieldGet$8(this, _Select_onInput, "f"), ref: __classPrivateFieldGet$8(this, _Select_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$8(this, _Select_inheritedAttributes, "f") }), this.multiple !== true && (hAsync("qds-icon", { key: '
|
|
10456
|
+
autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get), "data-status": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedStatus_get), disabled: __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get), multiple: this.multiple, name: this.name, onBlur: __classPrivateFieldGet$8(this, _Select_onBlur, "f"), onChange: __classPrivateFieldGet$8(this, _Select_onChange, "f"), onFocus: __classPrivateFieldGet$8(this, _Select_onFocus, "f"), onInput: __classPrivateFieldGet$8(this, _Select_onInput, "f"), ref: __classPrivateFieldGet$8(this, _Select_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$8(this, _Select_inheritedAttributes, "f") }), this.multiple !== true && (hAsync("qds-icon", { key: '4d3e255a814e9d5ba41e125d33f918d24f446438', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get), library: "core", name: "dropdown" })), hAsync("slot", { key: '1bbdca184b14af7b56ca0f0b484455e310ada1b9', onSlotchange: __classPrivateFieldGet$8(this, _Select_onSlotchange, "f") }), hAsync("div", { key: 'e79fbfb62d6b4420a009180df83e911b575b321f', class: "qds-focus-ring" })));
|
|
10421
10457
|
}
|
|
10422
10458
|
static get delegatesFocus() { return true; }
|
|
10423
10459
|
static get formAssociated() { return true; }
|
|
@@ -10427,13 +10463,15 @@ class Select {
|
|
|
10427
10463
|
"selectedIndex": ["selectedIndexChanged"],
|
|
10428
10464
|
"tabindex": ["tabindexChanged"],
|
|
10429
10465
|
"required": ["validationChanged"],
|
|
10430
|
-
"value": ["validationChanged"]
|
|
10466
|
+
"value": ["validationChanged"],
|
|
10467
|
+
"status": ["statusChanged"]
|
|
10431
10468
|
}; }
|
|
10432
10469
|
static get style() { return selectCss; }
|
|
10433
10470
|
static get cmpMeta() { return {
|
|
10434
10471
|
"$flags$": 345,
|
|
10435
10472
|
"$tagName$": "qds-select",
|
|
10436
10473
|
"$members$": {
|
|
10474
|
+
"status": [1],
|
|
10437
10475
|
"size": [1],
|
|
10438
10476
|
"autoComplete": [1, "autocomplete"],
|
|
10439
10477
|
"disabled": [4],
|
|
@@ -10463,6 +10501,17 @@ _Select_inheritedAttributes = new WeakMap(), _Select_select = new WeakMap(), _Se
|
|
|
10463
10501
|
}, _Select_computedOptions_get = function _Select_computedOptions_get() {
|
|
10464
10502
|
invariant(__classPrivateFieldGet$8(this, _Select_select, "f"));
|
|
10465
10503
|
return __classPrivateFieldGet$8(this, _Select_select, "f").options;
|
|
10504
|
+
}, _Select_computedStatus_get = function _Select_computedStatus_get() {
|
|
10505
|
+
switch (this.status) {
|
|
10506
|
+
case 'error':
|
|
10507
|
+
case 'success':
|
|
10508
|
+
case 'warning': {
|
|
10509
|
+
return this.status;
|
|
10510
|
+
}
|
|
10511
|
+
default: {
|
|
10512
|
+
return undefined;
|
|
10513
|
+
}
|
|
10514
|
+
}
|
|
10466
10515
|
}, _Select_computedSize_get = function _Select_computedSize_get() {
|
|
10467
10516
|
switch (this.size) {
|
|
10468
10517
|
case 'standard':
|
|
@@ -10615,11 +10664,11 @@ class StandaloneLink {
|
|
|
10615
10664
|
__classPrivateFieldGet$7(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
|
|
10616
10665
|
}
|
|
10617
10666
|
render() {
|
|
10618
|
-
return (hAsync("a", { key: '
|
|
10667
|
+
return (hAsync("a", { key: '91c07ea8152387f46020e1431858cd35bd126ced', "aria-hidden": "true", class: {
|
|
10619
10668
|
'qds-standalone-link': true,
|
|
10620
10669
|
'qds-disabled': this.disabled,
|
|
10621
10670
|
'qds-visitable': this.visitable,
|
|
10622
|
-
}, "data-importance": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$7(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$7(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$7(this, _StandaloneLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: '
|
|
10671
|
+
}, "data-importance": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$7(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$7(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$7(this, _StandaloneLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: '11ef79b0704c1be48b7c96bf67d5395324a4da78', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'b13b23fb3cade4a2419435e1ee9199929e38caa7', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: '14dc1bd1fb86f9e910df3a752b5b21e9d6a32614', class: "qds-text" }, hAsync("slot", { key: '3bec7502fd6a1d8ac80bce195e0aae082fbd6071', onSlotchange: __classPrivateFieldGet$7(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: '2baed1edfde4437a36acd524ddcc80eff6ed3d6a', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'd4998672b43c3a94762823d0d0f7439df632b344', "aria-hidden": "true", class: "qds-icon", library: "core", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), name: this.linkIcon }))), this.importance === 'emphasized' && (hAsync("span", { key: '20e1eccfa5db5faf5f704d9297502d908f5dd105', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '82461b636037dd9bf41246a4d666ea9f6c17765a', class: "qds-icon", "aria-hidden": "true", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
|
|
10623
10672
|
}
|
|
10624
10673
|
get host() { return getElement(this); }
|
|
10625
10674
|
static get watchers() { return {
|
|
@@ -10854,13 +10903,13 @@ class Switch {
|
|
|
10854
10903
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
10855
10904
|
}
|
|
10856
10905
|
render() {
|
|
10857
|
-
return (hAsync("div", { key: '
|
|
10906
|
+
return (hAsync("div", { key: '069ad2361ec53753dea236d5385289bc5cf7c43b', class: {
|
|
10858
10907
|
'qds-container': true,
|
|
10859
10908
|
'qds-disabled': __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get),
|
|
10860
10909
|
'qds-inline': this.inline,
|
|
10861
|
-
}, "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: '
|
|
10910
|
+
}, "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: 'edd519f0ca4bc0a5a9df50602d29822ac373bdc2', "aria-hidden": "true",
|
|
10862
10911
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
10863
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: '
|
|
10912
|
+
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: '5fe5cfe0155f73a9c50781e5f709b379518f68e1', class: "qds-track", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) }, !this.noIndicator && __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '03f01573be5637a269dd05d08f438a51d0a04222', class: "qds-indicator", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: 'd31bbb6ae64160b68ad1cab4a4ab002c8083c7f5', class: "qds-icon", name: "toggle-on", library: "core" }))), hAsync("div", { key: '3b94ef4a388da271cc3e17c9f4e7887e5753ded4', class: "qds-knob-container" }, hAsync("div", { key: 'd0c1cff71474d8b33d757db4cd37bb4ea7d20d40', class: "qds-knob", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) })), !this.noIndicator && !__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '9b999c6042687f8d7e1c0d5046419131cf287b84', class: "qds-indicator", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: '8a47477f273f44e52f26184cf2d19fb0041ec775', class: "qds-icon", name: "toggle-off", library: "core" }))))));
|
|
10864
10913
|
}
|
|
10865
10914
|
static get formAssociated() { return true; }
|
|
10866
10915
|
get host() { return getElement(this); }
|
|
@@ -10921,7 +10970,7 @@ _Switch_savedTabIndex = new WeakMap(), _Switch_instances = new WeakSet(), _Switc
|
|
|
10921
10970
|
null);
|
|
10922
10971
|
};
|
|
10923
10972
|
|
|
10924
|
-
const tabCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-target-icon{color:var(--qds-theme-control-text-standard)}.qds-icon,.qds-target-icon{flex-shrink:0}.qds-chevron{transform:rotate(180deg)}.qds-selected:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab,.qds-texts{display:flex}.qds-texts{flex:1 0;flex-direction:column}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-subtitle{color:var(--qds-theme-subtitle);font:var(--qds-nav-element-standard-subtitle)}.qds-closable-wrapper[data-size=small],.qds-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal);min-height:var(--qds-nav-element-small-height);padding-inline:var(--qds-nav-element-small-padding-horizontal)}.qds-closable-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal)}[data-size=small]>.qds-icon{height:var(--qds-nav-element-small-icon-size);width:var(--qds-nav-element-small-icon-size)}[data-size=small]>.qds-texts{gap:var(--qds-nav-element-small-titles-gap)}[data-size=small] .qds-text{font:var(--qds-nav-element-small-title)}[data-size=small] .qds-subtitle{font:var(--qds-nav-element-small-subtitle)}.qds-target-icon[data-size=small]{
|
|
10973
|
+
const tabCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-target-icon{color:var(--qds-theme-control-text-standard)}.qds-icon,.qds-target-icon{flex-shrink:0}.qds-chevron{transform:rotate(180deg)}.qds-selected:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab,.qds-texts{display:flex}.qds-texts{flex:1 0;flex-direction:column}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-subtitle{color:var(--qds-theme-subtitle);font:var(--qds-nav-element-standard-subtitle)}.qds-closable-wrapper[data-size=small],.qds-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal);min-height:var(--qds-nav-element-small-height);padding-inline:var(--qds-nav-element-small-padding-horizontal)}.qds-closable-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal)}[data-size=small]>.qds-icon{height:var(--qds-nav-element-small-icon-size);width:var(--qds-nav-element-small-icon-size)}[data-size=small]>.qds-texts{gap:var(--qds-nav-element-small-titles-gap)}[data-size=small] .qds-text{font:var(--qds-nav-element-small-title)}[data-size=small] .qds-subtitle{font:var(--qds-nav-element-small-subtitle)}.qds-target-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-closable-wrapper[data-size=standard],.qds-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal);min-height:var(--qds-nav-element-standard-height);padding-inline:var(--qds-nav-element-standard-padding-horizontal)}.qds-closable-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal)}[data-size=standard]>.qds-icon{height:var(--qds-nav-element-standard-icon-size);width:var(--qds-nav-element-standard-icon-size)}[data-size=standard]>.qds-texts{gap:var(--qds-nav-element-standard-titles-gap)}[data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title)}[data-size=standard] .qds-subtitle{font:var(--qds-nav-element-standard-subtitle)}.qds-target-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-closable-wrapper[data-size=large],.qds-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal);min-height:var(--qds-nav-element-large-height);padding-inline:var(--qds-nav-element-large-padding-horizontal)}.qds-closable-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal)}[data-size=large]>.qds-icon{height:var(--qds-nav-element-large-icon-size);width:var(--qds-nav-element-large-icon-size)}[data-size=large]>.qds-texts{gap:var(--qds-nav-element-large-titles-gap)}[data-size=large] .qds-text{font:var(--qds-nav-element-large-title)}[data-size=large] .qds-subtext{font:var(--qds-nav-element-large-subtitle)}.qds-target-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";display:block;position:absolute}.qds-indicator-inline-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after,.qds-indicator-inline-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{height:100%;width:var(--qds-signature-line-connection-width)}.qds-indicator-inline-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{inset-inline-end:0}.qds-indicator-inline-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{inset-inline-start:0}.qds-indicator-block-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after,.qds-indicator-block-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{height:var(--qds-signature-line-connection-width);width:100%}.qds-indicator-block-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{bottom:0}.qds-indicator-block-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{top:0}.qds-selected[data-importance=standard][data-size=standard] .qds-text,.qds-selected[data-importance=subdued][data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title-emphasized)}.qds-selected[data-importance=standard][data-size=small] .qds-text,.qds-selected[data-importance=subdued][data-size=small] .qds-text{font:var(--qds-nav-element-small-title-emphasized)}.qds-selected[data-importance=standard][data-size=large] .qds-text,.qds-selected[data-importance=subdued][data-size=large] .qds-text{font:var(--qds-nav-element-large-title-emphasized)}[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-title)}[data-importance=standard]:hover:after{background-color:var(--qds-theme-signature-color-hover)}[data-importance=standard]:active:after{background-color:var(--qds-theme-signature-color-pressed)}.qds-selected[data-importance=standard]:after{background-color:var(--qds-theme-signature-color-default)}.qds-selected[data-importance=subdued]:after,[data-importance=subdued] :active:after{background-color:var(--qds-theme-link-subdued-pressed)}[data-importance=subdued]:hover:after{background-color:var(--qds-theme-link-subdued-hover)}.qds-selected[data-importance=subdued]:after{background-color:var(\n --qds-theme-nav-element-selection-indicator-background-subdued\n )}.qds-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-closable-tab{width:100%}.qds-closable-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab{align-items:center;justify-content:center}.qds-closable-tab,.qds-tab{background-color:initial;border:none;cursor:pointer;text-align:initial}.qds-closable-tab:any-link,.qds-tab:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-closable-wrapper,.qds-tab{position:relative}.qds-closable-wrapper:not(.qds-selected):hover,.qds-tab:not(.qds-selected):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-closable-wrapper:not(.qds-selected):active,.qds-tab:not(.qds-selected):active{background-color:var(--qds-theme-interactive-background-pressed)}";
|
|
10925
10974
|
|
|
10926
10975
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10927
10976
|
//
|
|
@@ -11107,11 +11156,11 @@ class Tab {
|
|
|
11107
11156
|
: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
|
|
11108
11157
|
? 'button'
|
|
11109
11158
|
: 'div';
|
|
11110
|
-
return (hAsync("div", { key: '
|
|
11159
|
+
return (hAsync("div", { key: 'a7e5f460e6bbcc0b16addb8390bd017d7f55c072', "aria-disabled": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
|
|
11111
11160
|
'qds-closable-wrapper': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
11112
11161
|
'qds-selected': this.selected,
|
|
11113
11162
|
[`qds-indicator-${indicatorPosition}`]: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
11114
|
-
}, "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedImportance_get) }, hAsync(Tag, { key: '
|
|
11163
|
+
}, "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedImportance_get) }, hAsync(Tag, { key: '8f8acf408e6343208a8140bc67084898e14d3479', ref: __classPrivateFieldGet$5(this, _Tab_tabRef, "f"), "aria-disabled": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, disabled: isLink ? undefined : this.disabled, onBlur: __classPrivateFieldGet$5(this, _Tab_onBlur, "f"), onFocus: __classPrivateFieldGet$5(this, _Tab_onFocus, "f"), class: {
|
|
11115
11164
|
'qds-tab': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
|
|
11116
11165
|
'qds-closable-tab': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
11117
11166
|
'qds-selected': this.selected,
|
|
@@ -11121,7 +11170,7 @@ class Tab {
|
|
|
11121
11170
|
? 'true'
|
|
11122
11171
|
: 'false'
|
|
11123
11172
|
: undefined, "data-importance": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedImportance_get), "data-action": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get), "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), href: isLink ? this.href : undefined }, ((this.tagText !== undefined && this.tagText !== '') ||
|
|
11124
|
-
(this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: '
|
|
11173
|
+
(this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: 'a69e2c407bedc1f3d710f3cbd2789eba292cc9c9', text: this.tagText, status: this.tagStatus, size: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), importance: this.tagImportance, "icon-library": this.tagIconLibrary, "icon-name": this.tagIconName, "icon-description": this.tagIconDescription })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '12d6f3003c346f26c908b5b6f48ab1308593409f', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.text && __classPrivateFieldGet$5(this, _Tab_instances, "m", _Tab_renderText).call(this), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: 'bf8b256c2b13ff5db116946084c783ed90ba3bb5', status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: 'a4c44307105e6112e5d4329e7079a6fdd697d19c', description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && (hAsync("qds-icon", { key: 'db78b4abbe81932fe0f1cca08b8fd78cb40504dc', "aria-hidden": "true", class: { 'qds-target-icon': true, 'qds-chevron': this.selected }, "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), library: "core", name: "dropdown" }))), __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable' && (hAsync("qds-mini-button", { key: 'ee5b8a295493a839274523c736a438a299e8b02a', name: "close", library: "core", text: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_ariaLabel_get), "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), disabled: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get), onClick: __classPrivateFieldGet$5(this, _Tab_onIconClick, "f"), tabIndex: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computeCloseButtonTabIndex_get) }))));
|
|
11125
11174
|
}
|
|
11126
11175
|
get host() { return getElement(this); }
|
|
11127
11176
|
static get watchers() { return {
|
|
@@ -11470,11 +11519,11 @@ class Tabbar {
|
|
|
11470
11519
|
__classPrivateFieldGet$4(this, _Tabbar_ro, "f").disconnect();
|
|
11471
11520
|
}
|
|
11472
11521
|
render() {
|
|
11473
|
-
return (hAsync("div", { key: '
|
|
11522
|
+
return (hAsync("div", { key: '08a0002721156b63a913af400939ecdd5e643cef', class: { 'qds-vertical-divider': this.orientation === 'vertical' }, "data-layer": this.layer, "data-level": this.level }, hAsync("div", { key: 'ca559923b24ca9cecaf4622955249a330adaeba7', class: "qds-tabbar" }, hAsync("div", { key: '987181efde486ffa9dde605d5ba10cd3b3aadbfb', class: {
|
|
11474
11523
|
'qds-align-center': true,
|
|
11475
11524
|
'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
|
|
11476
11525
|
this.orientation === 'vertical',
|
|
11477
|
-
} }, hAsync("qds-icon-button", { key: '
|
|
11526
|
+
} }, hAsync("qds-icon-button", { key: '37088e335fe0feb772dedd1886f16f191d7fcdc3', text: "show previous tab", importance: "subdued", iconName: "next", iconLibrary: "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet$4(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow })), hAsync("ul", { key: '5ad39c11264831dd50cbca718cb824a0e5097ffc', class: {
|
|
11478
11527
|
'qds-tabs': true,
|
|
11479
11528
|
'qds-vertical': this.orientation === 'vertical',
|
|
11480
11529
|
'qds-centered': this.alignment === 'centered' &&
|
|
@@ -11483,11 +11532,11 @@ class Tabbar {
|
|
|
11483
11532
|
this.disableStartArrow,
|
|
11484
11533
|
}, role: "tablist", "aria-label": this.tablistDescription, ref: (element) => {
|
|
11485
11534
|
__classPrivateFieldSet$3(this, _Tabbar_tabbar, element, "f");
|
|
11486
|
-
}, onClick: __classPrivateFieldGet$4(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$4(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$4(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$4(this, _Tabbar_onScroll, "f"), ...__classPrivateFieldGet$4(this, _Tabbar_inheritedAttributes, "f") }, hAsync("slot", { key: '
|
|
11535
|
+
}, onClick: __classPrivateFieldGet$4(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$4(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$4(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$4(this, _Tabbar_onScroll, "f"), ...__classPrivateFieldGet$4(this, _Tabbar_inheritedAttributes, "f") }, hAsync("slot", { key: 'db30b064f6e9949c86bcc049bf6d5383f5d659e8', onSlotchange: __classPrivateFieldGet$4(this, _Tabbar_onSlotchange, "f") })), hAsync("div", { key: '6e61da5a09d938972b7629ac3449831d8fa630f2', class: {
|
|
11487
11536
|
'qds-align-center': true,
|
|
11488
11537
|
'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
|
|
11489
11538
|
this.orientation === 'vertical',
|
|
11490
|
-
} }, hAsync("qds-icon-button", { key: '
|
|
11539
|
+
} }, hAsync("qds-icon-button", { key: '74557af7eb1ab5ac2cd2dffe5751dd9b7083bb74', text: "show next tab", iconName: "next", iconLibrary: "core", importance: "subdued", onClick: __classPrivateFieldGet$4(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow }))), __classPrivateFieldGet$4(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && (hAsync("qds-divider", { key: '6e178e1b7e5c1ed80f9b447248ec5df896cea055', vertical: this.orientation === 'vertical' }))));
|
|
11491
11540
|
}
|
|
11492
11541
|
static get delegatesFocus() { return true; }
|
|
11493
11542
|
get host() { return getElement(this); }
|
|
@@ -11595,7 +11644,7 @@ class Table {
|
|
|
11595
11644
|
}
|
|
11596
11645
|
// eslint-disable-next-line @typescript-eslint/class-methods-use-this
|
|
11597
11646
|
render() {
|
|
11598
|
-
return hAsync("slot", { key: '
|
|
11647
|
+
return hAsync("slot", { key: '8e2daea5b29256b1f80892e60f363d3837e707a5' });
|
|
11599
11648
|
}
|
|
11600
11649
|
static get style() { return tableCss; }
|
|
11601
11650
|
static get cmpMeta() { return {
|
|
@@ -11653,9 +11702,9 @@ class TableCell {
|
|
|
11653
11702
|
render() {
|
|
11654
11703
|
return (
|
|
11655
11704
|
// eslint-disable-next-line jsx-a11y/control-has-associated-label
|
|
11656
|
-
hAsync("td", { key: '
|
|
11705
|
+
hAsync("td", { key: '94fafc4ea9c69aa490738766f16364bd70233e3f', class: "qds-table-cell", colSpan: this.colSpan, rowSpan: this.rowSpan,
|
|
11657
11706
|
// eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
|
|
11658
|
-
role: "none" }, hAsync("slot", { key: '
|
|
11707
|
+
role: "none" }, hAsync("slot", { key: '6f7d0b32f792cfe417239758b3d2c8d338c3e126' })));
|
|
11659
11708
|
}
|
|
11660
11709
|
static get watchers() { return {
|
|
11661
11710
|
"colSpan": ["colSpanChanged"],
|
|
@@ -11724,9 +11773,9 @@ class TableHeadCell {
|
|
|
11724
11773
|
render() {
|
|
11725
11774
|
return (
|
|
11726
11775
|
// eslint-disable-next-line jsx-a11y/control-has-associated-label
|
|
11727
|
-
hAsync("th", { key: '
|
|
11776
|
+
hAsync("th", { key: '89eb4dadd071a6045f356c6eccddcf4933d2cb0b', class: "qds-table-head-cell", colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
|
|
11728
11777
|
// eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
|
|
11729
|
-
role: "none" }, hAsync("slot", { key: '
|
|
11778
|
+
role: "none" }, hAsync("slot", { key: '320c62a678ca5a52a8f965ae8aa9f527c83022a0' })));
|
|
11730
11779
|
}
|
|
11731
11780
|
static get watchers() { return {
|
|
11732
11781
|
"colSpan": ["colSpanChanged"],
|
|
@@ -11773,7 +11822,7 @@ class TableRow {
|
|
|
11773
11822
|
}
|
|
11774
11823
|
// eslint-disable-next-line @typescript-eslint/class-methods-use-this
|
|
11775
11824
|
render() {
|
|
11776
|
-
return (hAsync("tr", { key: '
|
|
11825
|
+
return (hAsync("tr", { key: 'f92c2b9db18dbe06ea680ce23273da08f7998f5b', class: "qds-table-row", role: "none" }, hAsync("slot", { key: '897f11cad82a4c6f1c04c4bc5a65cd0f85714a57' })));
|
|
11777
11826
|
}
|
|
11778
11827
|
static get style() { return tableRowCss; }
|
|
11779
11828
|
static get cmpMeta() { return {
|
|
@@ -11844,11 +11893,11 @@ class Tag {
|
|
|
11844
11893
|
__classPrivateFieldSet$2(this, _Tag_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
11845
11894
|
}
|
|
11846
11895
|
render() {
|
|
11847
|
-
return (hAsync("span", { key: '
|
|
11896
|
+
return (hAsync("span", { key: '315dd8f19131efdf55430a797a80dc806efd988c', class: {
|
|
11848
11897
|
'qds-tag': true,
|
|
11849
11898
|
'qds-padding': this.importance !== 'subdued',
|
|
11850
11899
|
}, "data-importance": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedImportance_get), "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), "data-status": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), ...__classPrivateFieldGet$3(this, _Tag_inheritedAttributes, "f") }, this.iconName !== undefined && this.iconName !== '' ? (hAsync(Fragment, null, this.iconDescription !== undefined &&
|
|
11851
|
-
this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", { "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))) : (__classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_hasBadge_get) && (hAsync("qds-badge-indicator", { status: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), description: this.badgeDescription, size: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), strokeRing: true }))), hAsync("span", { key: '
|
|
11900
|
+
this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", { "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))) : (__classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_hasBadge_get) && (hAsync("qds-badge-indicator", { status: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), description: this.badgeDescription, size: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), strokeRing: true }))), hAsync("span", { key: '141a71ce195cba6774485e6c2209b8f61ad3ec5c', class: "qds-text" }, this.text)));
|
|
11852
11901
|
}
|
|
11853
11902
|
get host() { return getElement(this); }
|
|
11854
11903
|
static get style() { return tagCss; }
|
|
@@ -11908,7 +11957,7 @@ _Tag_inheritedAttributes = new WeakMap(), _Tag_instances = new WeakSet(), _Tag_c
|
|
|
11908
11957
|
return (this.badge ?? false) && this.importance !== 'emphasized';
|
|
11909
11958
|
};
|
|
11910
11959
|
|
|
11911
|
-
const textareaCss = ":host([hidden]){display:none!important}:host{display:inline-block;resize:both}slot{display:none}.qds-textarea{background-color:var(--qds-theme-form-input-background-active);border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-form-input-border-radius);box-sizing:border-box;color:var(--qds-theme-control-text-standard);height:100%;padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%}.qds-textarea:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-textarea:disabled{background-color:var(--qds-theme-form-input-background-default);opacity:var(--qds-theme-disabled);pointer-events:none}.qds-textarea:read-only{background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-disabled)}.qds-textarea:focus-visible{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-textarea:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-textarea:not(:focus):user-invalid{border-color:var(--qds-theme-form-input-border-error)}.qds-textarea[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-textarea[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-textarea[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}[data-size=small]{font:var(--qds-control-small-text);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text);padding-block:var(--qds-control-large-padding-auto-height)}";
|
|
11960
|
+
const textareaCss = ":host([hidden]){display:none!important}:host{display:inline-block;resize:both}slot{display:none}.qds-textarea{background-color:var(--qds-theme-form-input-background-active);border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-form-input-border-radius);box-sizing:border-box;color:var(--qds-theme-control-text-standard);height:100%;padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%}.qds-textarea:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-textarea:disabled{background-color:var(--qds-theme-form-input-background-default);opacity:var(--qds-theme-disabled);pointer-events:none}.qds-textarea:read-only{background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-disabled)}.qds-textarea:focus-visible{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-textarea:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-textarea:not(:focus):user-invalid{border-color:var(--qds-theme-form-input-border-error)}.qds-textarea[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-control-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-control-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-textarea[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-textarea[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-textarea[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}[data-size=small]{font:var(--qds-control-small-text);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text);padding-block:var(--qds-control-large-padding-auto-height)}";
|
|
11912
11961
|
|
|
11913
11962
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
11914
11963
|
//
|
|
@@ -12174,9 +12223,9 @@ class TextArea {
|
|
|
12174
12223
|
this.valueChanged();
|
|
12175
12224
|
}
|
|
12176
12225
|
render() {
|
|
12177
|
-
return (hAsync(Host, { key: '
|
|
12226
|
+
return (hAsync(Host, { key: 'e70a2441fe46be35f06f84f4be817fc04d623905' }, hAsync("textarea", { key: 'f627ebc9f1619940f5a530886de0241353e270a7', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
|
|
12178
12227
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
12179
|
-
autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', "data-status": __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedStatus_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, onBlur: __classPrivateFieldGet$2(this, _TextArea_onBlur, "f"), onChange: __classPrivateFieldGet$2(this, _TextArea_onChange, "f"), onFocus: __classPrivateFieldGet$2(this, _TextArea_onFocus, "f"), onInput: __classPrivateFieldGet$2(this, _TextArea_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet$2(this, _TextArea_ref, "f"), readOnly: this.readonly, rows: this.rows, spellcheck: this.host.spellcheck, tabIndex: __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedDisabled_get) ? undefined : this.tabIndex, wrap: this.wrap, ...__classPrivateFieldGet$2(this, _TextArea_inheritedAttributes, "f") }), hAsync("slot", { key: '
|
|
12228
|
+
autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', "data-status": __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedStatus_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, onBlur: __classPrivateFieldGet$2(this, _TextArea_onBlur, "f"), onChange: __classPrivateFieldGet$2(this, _TextArea_onChange, "f"), onFocus: __classPrivateFieldGet$2(this, _TextArea_onFocus, "f"), onInput: __classPrivateFieldGet$2(this, _TextArea_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet$2(this, _TextArea_ref, "f"), readOnly: this.readonly, rows: this.rows, spellcheck: this.host.spellcheck, tabIndex: __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedDisabled_get) ? undefined : this.tabIndex, wrap: this.wrap, ...__classPrivateFieldGet$2(this, _TextArea_inheritedAttributes, "f") }), hAsync("slot", { key: '68cade8e77037f9b7c53c5663182f9825fdc3afa', onSlotchange: __classPrivateFieldGet$2(this, _TextArea_onSlotchange, "f") })));
|
|
12180
12229
|
}
|
|
12181
12230
|
static get delegatesFocus() { return true; }
|
|
12182
12231
|
static get formAssociated() { return true; }
|
|
@@ -12252,7 +12301,7 @@ _TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(
|
|
|
12252
12301
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
12253
12302
|
};
|
|
12254
12303
|
|
|
12255
|
-
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"
|
|
12304
|
+
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"e\"}.qds-titles.qds-has-kicker{grid-template-areas:\"f\" \"e\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"e\" \"g\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"f\" \"e\" \"g\"}.qds-has-icon{grid-template-areas:\"h e\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". f\" \"h e\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"h e\" \". g\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". f\" \"h e\" \". g\"}.qds-title,.qds-titles{hyphens:inherit}.qds-kicker,.qds-subtitle{hyphens:manual}.qds-kicker,.qds-subtitle,.qds-title{margin-block:0}.qds-title{color:var(--qds-theme-title);grid-area:e}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:g}.qds-kicker{color:var(--qds-theme-kicker);grid-area:f}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:h}.qds-main.qds-section.qds-titles{gap:var(--qds-main-section-titles-gap)}.qds-main.qds-section.qds-has-icon{gap:var(--qds-main-section-titles-gap) var(--qds-main-section-titles-icon-gap)}.qds-main.qds-section .qds-title{font:var(--qds-main-section-title)}.qds-main.qds-section .qds-subtitle{font:var(--qds-main-section-subtitle)}.qds-main.qds-section .qds-kicker{font:var(--qds-main-section-kicker)}.qds-main.qds-section .qds-icon{height:var(--qds-main-section-titles-icon-crop-height);width:var(--qds-main-section-titles-icon-size)}.qds-main.qds-subsection.qds-titles{gap:var(--qds-main-subsection-titles-gap)}.qds-main.qds-subsection.qds-has-icon{gap:var(--qds-main-subsection-titles-gap) var(--qds-main-subsection-titles-icon-gap)}.qds-main.qds-subsection .qds-title{font:var(--qds-main-subsection-title)}.qds-main.qds-subsection .qds-subtitle{font:var(--qds-main-subsection-subtitle)}.qds-main.qds-subsection .qds-kicker{font:var(--qds-main-subsection-kicker)}.qds-main.qds-subsection .qds-icon{height:var(--qds-main-subsection-titles-icon-crop-height);width:var(--qds-main-subsection-titles-icon-size)}.qds-panel.qds-root.qds-titles{gap:var(--qds-panel-titles-gap)}.qds-panel.qds-root.qds-has-icon{gap:var(--qds-panel-titles-gap) var(--qds-panel-titles-icon-gap)}.qds-panel.qds-root .qds-title{font:var(--qds-panel-title)}.qds-panel.qds-root .qds-subtitle{font:var(--qds-panel-subtitle)}.qds-panel.qds-root .qds-kicker{font:var(--qds-panel-kicker)}.qds-panel.qds-root .qds-icon{height:var(--qds-panel-titles-icon-crop-height);width:var(--qds-panel-titles-icon-size)}.qds-panel.qds-section.qds-titles{gap:var(--qds-panel-section-titles-gap)}.qds-panel.qds-section.qds-has-icon{gap:var(--qds-panel-section-titles-gap) var(--qds-panel-section-titles-icon-gap)}.qds-panel.qds-section .qds-title{font:var(--qds-panel-section-title)}.qds-panel.qds-section .qds-subtitle{font:var(--qds-panel-section-subtitle)}.qds-panel.qds-section .qds-kicker{font:var(--qds-panel-section-kicker)}.qds-panel.qds-section .qds-icon{height:var(--qds-panel-section-titles-icon-crop-height);width:var(--qds-panel-section-titles-icon-size)}.qds-panel.qds-subsection.qds-titles{gap:var(--qds-panel-subsection-titles-gap)}.qds-panel.qds-subsection.qds-has-icon{gap:var(--qds-panel-subsection-titles-gap) var(--qds-panel-subsection-titles-icon-gap)}.qds-panel.qds-subsection .qds-title{font:var(--qds-panel-subsection-title)}.qds-panel.qds-subsection .qds-subtitle{font:var(--qds-panel-subsection-subtitle)}.qds-panel.qds-subsection .qds-kicker{font:var(--qds-panel-subsection-kicker)}.qds-panel.qds-subsection .qds-icon{height:var(--qds-panel-subsection-titles-icon-crop-height);width:var(--qds-panel-subsection-titles-icon-size)}.qds-navigation.qds-section.qds-titles{gap:var(--qds-navigation-section-titles-gap)}.qds-navigation.qds-section.qds-has-icon{gap:var(--qds-navigation-section-titles-gap) var(--qds-navigation-section-titles-icon-gap)}.qds-navigation.qds-section .qds-title{font:var(--qds-navigation-section-title)}.qds-navigation.qds-section .qds-subtitle{font:var(--qds-navigation-section-subtitle)}.qds-navigation.qds-section .qds-kicker{font:var(--qds-navigation-section-kicker)}.qds-navigation.qds-section .qds-icon{height:var(--qds-navigation-section-titles-icon-crop-height);width:var(--qds-navigation-section-titles-icon-size)}.qds-navigation.qds-subsection.qds-titles{gap:var(--qds-navigation-subsection-titles-gap)}.qds-navigation.qds-subsection.qds-has-icon{gap:var(--qds-navigation-subsection-titles-gap) var(--qds-navigation-subsection-titles-icon-gap)}.qds-navigation.qds-subsection .qds-title{font:var(--qds-navigation-subsection-title)}.qds-navigation.qds-subsection .qds-subtitle{font:var(--qds-navigation-subsection-subtitle)}.qds-navigation.qds-subsection .qds-kicker{font:var(--qds-navigation-subsection-kicker)}.qds-navigation.qds-subsection .qds-icon{height:var(--qds-navigation-subsection-titles-icon-crop-height);width:var(--qds-navigation-subsection-titles-icon-size)}.qds-popup.qds-root.qds-titles{gap:var(--qds-popup-titles-gap)}.qds-popup.qds-root.qds-has-icon{gap:var(--qds-popup-titles-gap) var(--qds-popup-titles-icon-gap)}.qds-popup.qds-root .qds-title{font:var(--qds-popup-title)}.qds-popup.qds-root .qds-subtitle{font:var(--qds-popup-subtitle)}.qds-popup.qds-root .qds-kicker{font:var(--qds-popup-kicker)}.qds-popup.qds-root .qds-icon{height:var(--qds-popup-titles-icon-crop-height);width:var(--qds-popup-titles-icon-size)}.qds-popup.qds-section.qds-titles{gap:var(--qds-popup-section-titles-gap)}.qds-popup.qds-section.qds-has-icon{gap:var(--qds-popup-section-titles-gap) var(--qds-popup-section-titles-icon-gap)}.qds-popup.qds-section .qds-title{font:var(--qds-popup-section-title)}.qds-popup.qds-section .qds-subtitle{font:var(--qds-popup-section-subtitle)}.qds-popup.qds-section .qds-kicker{font:var(--qds-popup-section-kicker)}.qds-popup.qds-section .qds-icon{height:var(--qds-popup-section-titles-icon-crop-height);width:var(--qds-popup-section-titles-icon-size)}.qds-popup.qds-subsection.qds-titles{gap:var(--qds-popup-subsection-titles-gap)}.qds-popup.qds-subsection.qds-has-icon{gap:var(--qds-popup-subsection-titles-gap) var(--qds-popup-subsection-titles-icon-gap)}.qds-popup.qds-subsection .qds-title{font:var(--qds-popup-subsection-title)}.qds-popup.qds-subsection .qds-subtitle{font:var(--qds-popup-subsection-subtitle)}.qds-popup.qds-subsection .qds-kicker{font:var(--qds-popup-subsection-kicker)}.qds-popup.qds-subsection .qds-icon{height:var(--qds-popup-subsection-titles-icon-crop-height);width:var(--qds-popup-subsection-titles-icon-size)}.qds-accessory.qds-root.qds-titles{gap:var(--qds-accessory-titles-gap)}.qds-accessory.qds-root.qds-has-icon{gap:var(--qds-accessory-titles-gap) var(--qds-accessory-titles-icon-gap)}.qds-accessory.qds-root .qds-title{font:var(--qds-accessory-title)}.qds-accessory.qds-root .qds-subtitle{font:var(--qds-accessory-subtitle)}.qds-accessory.qds-root .qds-kicker{font:var(--qds-accessory-kicker)}.qds-accessory.qds-root .qds-icon{height:var(--qds-accessory-titles-icon-crop-height);width:var(--qds-accessory-titles-icon-size)}.qds-accessory.qds-section.qds-titles{gap:var(--qds-accessory-section-titles-gap)}.qds-accessory.qds-section.qds-has-icon{gap:var(--qds-accessory-section-titles-gap) var(--qds-accessory-section-titles-icon-gap)}.qds-accessory.qds-section .qds-title{font:var(--qds-accessory-section-title)}.qds-accessory.qds-section .qds-subtitle{font:var(--qds-accessory-section-subtitle)}.qds-accessory.qds-section .qds-kicker{font:var(--qds-accessory-section-kicker)}.qds-accessory.qds-section .qds-icon{height:var(--qds-accessory-section-titles-icon-crop-height);width:var(--qds-accessory-section-titles-icon-size)}.qds-titles[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap);margin:auto}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-promo-title)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-subtitle{font:var(--qds-main-section-promo-subtitle)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-kicker{font:var(--qds-main-section-promo-kicker)}.qds-has-icon[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap) var(--qds-main-section-promo-titles-icon-gap)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-icon{height:var(--qds-main-section-promo-titles-icon-crop-height);width:var(--qds-main-section-promo-titles-icon-size)}[data-alignment=start]{text-align:start}[data-alignment=center]{text-align:center}[data-alignment=end]{text-align:end}.qds-titles[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-display-titles-gap)}[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-display-title)}.qds-titles[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-subsection-card-titles-gap)}[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-subsection-card-standard-title)}.qds-titles[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-hero-titles-gap)}[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-hero-title)}";
|
|
12256
12305
|
|
|
12257
12306
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
12258
12307
|
//
|
|
@@ -12303,14 +12352,14 @@ class Title {
|
|
|
12303
12352
|
const level = `qds-${this.level ?? 'section'}`;
|
|
12304
12353
|
const Tag = this.tag ?? 'h2';
|
|
12305
12354
|
const hasIcon = this.iconName !== undefined && this.iconName !== '';
|
|
12306
|
-
return (hAsync("hgroup", { key: '
|
|
12355
|
+
return (hAsync("hgroup", { key: '7c189575dd8ed51097af980d98291820f37624c4', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
|
|
12307
12356
|
[layer]: true,
|
|
12308
12357
|
[level]: true,
|
|
12309
12358
|
'qds-titles': true,
|
|
12310
12359
|
'qds-has-icon': hasIcon,
|
|
12311
12360
|
'qds-has-kicker': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get),
|
|
12312
12361
|
'qds-has-subtitle': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get),
|
|
12313
|
-
}, role: "none" }, hAsync(Tag, { key: '
|
|
12362
|
+
}, role: "none" }, hAsync(Tag, { key: '3f25e1c50fdb35604f43241aa510110b67965167', class: "qds-title", "data-variant": this.variant }, hAsync("slot", { key: 'dde713ba933ac2664020cc41f3c10468eb65e607' })), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get) && hAsync("p", { key: '8c273bdb0967542e8c8e2c1d8ae1127830d98069', class: "qds-kicker" }, this.kicker), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get) && hAsync("p", { key: '1625372d50d0e15b68c776daa124ae07c3f5c569', class: "qds-subtitle" }, this.subtitle), hasIcon && (hAsync("qds-icon", { key: 'b9819207b05b1de4a8a1461fd88bc1c7d90c3773', "aria-hidden": "true", class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
|
|
12314
12363
|
}
|
|
12315
12364
|
static get style() { return titleCss; }
|
|
12316
12365
|
static get cmpMeta() { return {
|
|
@@ -12610,7 +12659,7 @@ class Tooltip {
|
|
|
12610
12659
|
__classPrivateFieldGet(this, _Tooltip_referenceElement, "f").removeAttribute('aria-describedby');
|
|
12611
12660
|
}
|
|
12612
12661
|
render() {
|
|
12613
|
-
return (hAsync(Host, { key: '
|
|
12662
|
+
return (hAsync(Host, { key: 'adda0a9e51cad1cca312cb4fb087d960bcb884b8', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f") }, hAsync("div", { key: '6f43cad976871e9c203f0e41603c9e58fe754d5f', class: "qds-tooltip" }, hAsync("slot", { key: '05c34d22efbf1369e2ec6b69d6020fb2271b3f48' })), hAsync("div", { key: '282e2413e80dfcd6a1431d2804ac478c59c4699f', class: "qds-arrow", ref: __classPrivateFieldGet(this, _Tooltip_arrowRef, "f") })));
|
|
12614
12663
|
}
|
|
12615
12664
|
get host() { return getElement(this); }
|
|
12616
12665
|
static get watchers() { return {
|