@quartzds/core 1.0.0-beta.121 → 1.0.0-beta.123
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 +66 -0
- package/components/index.js +1 -1
- package/components/{p-CkyaV9az.js → p-B7s906mS.js} +9 -9
- package/components/p-B7s906mS.js.map +1 -0
- package/components/p-BZlKeCFb.js +200 -0
- package/components/p-BZlKeCFb.js.map +1 -0
- package/components/{p-CURs27Ur.js → p-BalM52S_.js} +3 -3
- package/components/{p-CURs27Ur.js.map → p-BalM52S_.js.map} +1 -1
- package/components/{p-C1c4JVlg.js → p-BoSYRCNp.js} +47 -28
- package/components/p-BoSYRCNp.js.map +1 -0
- package/components/p-BvRd7jA2.js +102 -0
- package/components/p-BvRd7jA2.js.map +1 -0
- package/components/{p-B2ZVUvk9.js → p-C93kOEAe.js} +7 -9
- package/components/p-C93kOEAe.js.map +1 -0
- package/components/{p-DtxwXYGb.js → p-C9R8N06B.js} +5 -31
- package/components/p-C9R8N06B.js.map +1 -0
- package/components/{p-DR79BVX5.js → p-CKp062X8.js} +6 -6
- package/components/p-CKp062X8.js.map +1 -0
- package/components/{p-CjVnGhSO.js → p-CVuTVnQo.js} +3 -3
- package/components/{p-CjVnGhSO.js.map → p-CVuTVnQo.js.map} +1 -1
- package/components/{p-D82sb4oJ.js → p-CbY4T0d2.js} +5 -5
- package/components/p-CbY4T0d2.js.map +1 -0
- package/components/{p-DNHI4C-W.js → p-CowZ-pDD.js} +58 -22
- package/components/p-CowZ-pDD.js.map +1 -0
- package/components/{p-CDRwHAIT.js → p-XP2CY_fo.js} +3 -3
- package/components/p-XP2CY_fo.js.map +1 -0
- package/components/{p-5dwtV5iH.js → p-yb0Kv4Y6.js} +24 -6
- package/components/p-yb0Kv4Y6.js.map +1 -0
- 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-badge-counter.js +1 -1
- package/components/qds-breadcrumb-item.js +5 -5
- package/components/qds-breadcrumb-item.js.map +1 -1
- package/components/qds-button.js +5 -5
- package/components/qds-button.js.map +1 -1
- package/components/qds-checkbox.js +1 -1
- package/components/qds-chip.js +10 -10
- package/components/qds-chip.js.map +1 -1
- package/components/qds-dialog.js +6 -6
- package/components/qds-divider.js +1 -1
- package/components/qds-dropdown.js +1 -1
- package/components/qds-form-message.js +4 -4
- package/components/qds-form-message.js.map +1 -1
- package/components/qds-icon-button.js +1 -1
- package/components/qds-icon-tab.js +8 -8
- package/components/qds-icon.js +1 -1
- package/components/qds-inline-link.js +4 -4
- package/components/qds-inline-link.js.map +1 -1
- package/components/qds-input.js +17 -13
- package/components/qds-input.js.map +1 -1
- package/components/qds-label.js +153 -1
- package/components/qds-label.js.map +1 -1
- package/components/qds-list-item.js +25 -29
- package/components/qds-list-item.js.map +1 -1
- package/components/qds-loader.js +3 -3
- package/components/qds-loader.js.map +1 -1
- 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 +6 -6
- package/components/qds-select.js.map +1 -1
- package/components/qds-standalone-link.js +5 -5
- package/components/qds-standalone-link.js.map +1 -1
- package/components/qds-switch.js +6 -6
- package/components/qds-switch.js.map +1 -1
- package/components/qds-tab.js +20 -15
- package/components/qds-tab.js.map +1 -1
- package/components/qds-tabbar.js +95 -34
- package/components/qds-tabbar.js.map +1 -1
- package/components/qds-table-cell.js +32 -4
- package/components/qds-table-cell.js.map +1 -1
- package/components/qds-table-head-cell.js +32 -4
- package/components/qds-table-head-cell.js.map +1 -1
- package/components/qds-table-row.js +2 -2
- package/components/qds-table-row.js.map +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/loader.cjs.js +1 -1
- package/dist/cjs/qds-action-item.cjs.entry.js +1 -1
- package/dist/cjs/qds-action-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-avatar-media.qds-checkbox.qds-radio.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-avatar-media_3.cjs.entry.js +144 -41
- package/dist/cjs/qds-badge-counter.qds-badge-indicator.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-badge-counter_2.cjs.entry.js +1 -1
- 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-button.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-chip.cjs.entry.js +6 -6
- package/dist/cjs/qds-chip.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-dialog.cjs.entry.js +1 -1
- package/dist/cjs/qds-divider.qds-icon-button.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-divider_2.cjs.entry.js +4 -4
- package/dist/cjs/qds-dropdown.cjs.entry.js +21 -3
- package/dist/cjs/qds-dropdown.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-form-message.cjs.entry.js +2 -2
- package/dist/cjs/qds-form-message.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-icon-tab.cjs.entry.js +3 -3
- package/dist/cjs/qds-icon.cjs.entry.js +9 -29
- package/dist/cjs/qds-icon.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-inline-link.cjs.entry.js +2 -2
- package/dist/cjs/qds-inline-link.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-input.cjs.entry.js +14 -10
- package/dist/cjs/qds-input.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-label.cjs.entry.js +2 -2
- package/dist/cjs/qds-list-item.cjs.entry.js +6 -4
- package/dist/cjs/qds-list-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-loader.cjs.entry.js +2 -2
- package/dist/cjs/qds-loader.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/qds-mini-button.cjs.entry.js +3 -5
- package/dist/cjs/qds-mini-button.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-progress-bar.cjs.entry.js +2 -2
- package/dist/cjs/qds-select.cjs.entry.js +4 -4
- 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-standalone-link.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-switch.cjs.entry.js +4 -4
- package/dist/cjs/qds-switch.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-tab.cjs.entry.js +15 -10
- package/dist/cjs/qds-tab.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-tabbar.cjs.entry.js +83 -27
- package/dist/cjs/qds-tabbar.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-table-cell.cjs.entry.js +30 -3
- package/dist/cjs/qds-table-cell.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-table-head-cell.cjs.entry.js +30 -3
- package/dist/cjs/qds-table-head-cell.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-table-row.cjs.entry.js +2 -2
- package/dist/cjs/qds-table-row.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-table.cjs.entry.js +1 -1
- package/dist/cjs/qds-tag.cjs.entry.js +2 -2
- package/dist/cjs/qds-tag.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-textarea.cjs.entry.js +3 -3
- 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-title.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/qds-tooltip.entry.cjs.js.map +1 -1
- package/dist/cjs/qds.cjs.js +1 -1
- package/dist/custom-elements.json +365 -30
- package/dist/docs.json +320 -64
- package/dist/esm/{helpers-eFD8hV6J.js → helpers-Fe2AA6uo.js} +3 -3
- package/dist/esm/{helpers-eFD8hV6J.js.map → helpers-Fe2AA6uo.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.qds-checkbox.qds-radio.entry.js.map +1 -1
- package/dist/esm/qds-avatar-media_3.entry.js +146 -43
- package/dist/esm/qds-badge-counter.qds-badge-indicator.entry.js.map +1 -1
- package/dist/esm/qds-badge-counter_2.entry.js +1 -1
- package/dist/esm/qds-breadcrumb-item.entry.js +3 -3
- package/dist/esm/qds-breadcrumb-item.entry.js.map +1 -1
- package/dist/esm/qds-button.entry.js +2 -2
- package/dist/esm/qds-button.entry.js.map +1 -1
- package/dist/esm/qds-chip.entry.js +7 -7
- package/dist/esm/qds-chip.entry.js.map +1 -1
- package/dist/esm/qds-dialog.entry.js +2 -2
- package/dist/esm/qds-divider.qds-icon-button.entry.js.map +1 -1
- package/dist/esm/qds-divider_2.entry.js +5 -5
- package/dist/esm/qds-dropdown.entry.js +22 -4
- package/dist/esm/qds-dropdown.entry.js.map +1 -1
- package/dist/esm/qds-form-message.entry.js +3 -3
- package/dist/esm/qds-form-message.entry.js.map +1 -1
- package/dist/esm/qds-icon-tab.entry.js +4 -4
- package/dist/esm/qds-icon.entry.js +10 -30
- package/dist/esm/qds-icon.entry.js.map +1 -1
- package/dist/esm/qds-inline-link.entry.js +3 -3
- package/dist/esm/qds-inline-link.entry.js.map +1 -1
- package/dist/esm/qds-input.entry.js +15 -11
- 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 +7 -5
- package/dist/esm/qds-list-item.entry.js.map +1 -1
- package/dist/esm/qds-loader.entry.js +2 -2
- package/dist/esm/qds-loader.entry.js.map +1 -1
- package/dist/esm/qds-menu-item.entry.js +3 -3
- package/dist/esm/qds-mini-button.entry.js +4 -6
- package/dist/esm/qds-mini-button.entry.js.map +1 -1
- package/dist/esm/qds-progress-bar.entry.js +2 -2
- package/dist/esm/qds-select.entry.js +5 -5
- package/dist/esm/qds-select.entry.js.map +1 -1
- package/dist/esm/qds-standalone-link.entry.js +4 -4
- package/dist/esm/qds-standalone-link.entry.js.map +1 -1
- package/dist/esm/qds-switch.entry.js +5 -5
- package/dist/esm/qds-switch.entry.js.map +1 -1
- package/dist/esm/qds-tab.entry.js +16 -11
- package/dist/esm/qds-tab.entry.js.map +1 -1
- package/dist/esm/qds-tabbar.entry.js +84 -28
- package/dist/esm/qds-tabbar.entry.js.map +1 -1
- package/dist/esm/qds-table-cell.entry.js +30 -3
- package/dist/esm/qds-table-cell.entry.js.map +1 -1
- package/dist/esm/qds-table-head-cell.entry.js +30 -3
- package/dist/esm/qds-table-head-cell.entry.js.map +1 -1
- package/dist/esm/qds-table-row.entry.js +2 -2
- package/dist/esm/qds-table-row.entry.js.map +1 -1
- package/dist/esm/qds-table.entry.js +1 -1
- package/dist/esm/qds-tag.entry.js +3 -3
- package/dist/esm/qds-tag.entry.js.map +1 -1
- 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-title.entry.js.map +1 -1
- package/dist/esm/qds-tooltip.entry.js +3 -3
- package/dist/esm/qds-tooltip.entry.js.map +1 -1
- package/dist/esm/qds.js +1 -1
- package/dist/types/components/avatar-media/avatar-media.d.ts +14 -5
- package/dist/types/components/checkbox/checkbox.d.ts +4 -0
- package/dist/types/components/icon/icon.d.ts +1 -2
- package/dist/types/components/radio/radio.d.ts +4 -0
- package/dist/types/components/tab/tab.d.ts +1 -1
- package/dist/types/components/tabbar/tabbar.d.ts +27 -1
- package/dist/types/components/table-cell/table-cell.d.ts +6 -0
- package/dist/types/components/table-head-cell/table-head-cell.d.ts +6 -0
- package/dist/types/components.d.ts +72 -15
- package/dist/vscode.html-custom-data.json +79 -4
- package/hydrate/index.js +969 -741
- package/hydrate/index.mjs +969 -741
- package/package.json +1 -2
- package/styles/core.css +24 -22
- package/components/p-5dwtV5iH.js.map +0 -1
- package/components/p-B2ZVUvk9.js.map +0 -1
- package/components/p-C1c4JVlg.js.map +0 -1
- package/components/p-CDRwHAIT.js.map +0 -1
- package/components/p-CkUTS1aU.js +0 -102
- package/components/p-CkUTS1aU.js.map +0 -1
- package/components/p-CkyaV9az.js.map +0 -1
- package/components/p-D82sb4oJ.js.map +0 -1
- package/components/p-D9pW936J.js +0 -164
- package/components/p-D9pW936J.js.map +0 -1
- package/components/p-DNHI4C-W.js.map +0 -1
- package/components/p-DR79BVX5.js.map +0 -1
- package/components/p-DtxwXYGb.js.map +0 -1
- package/components/p-laE-pGH7.js +0 -163
- package/components/p-laE-pGH7.js.map +0 -1
package/hydrate/index.js
CHANGED
|
@@ -3651,14 +3651,14 @@ const actionItemCss = ":host([hidden]){display:none!important}:host{display:bloc
|
|
|
3651
3651
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
3652
3652
|
//
|
|
3653
3653
|
// SPDX-License-Identifier: Apache-2.0
|
|
3654
|
-
var __classPrivateFieldGet$
|
|
3654
|
+
var __classPrivateFieldGet$x = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3655
3655
|
if (kind === "a" && !f)
|
|
3656
3656
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3657
3657
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
3658
3658
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
3659
3659
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
3660
3660
|
};
|
|
3661
|
-
var __classPrivateFieldSet$
|
|
3661
|
+
var __classPrivateFieldSet$p = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
3662
3662
|
if (kind === "m")
|
|
3663
3663
|
throw new TypeError("Private method is not writable");
|
|
3664
3664
|
if (kind === "a" && !f)
|
|
@@ -3708,15 +3708,15 @@ class ActionItem {
|
|
|
3708
3708
|
_ActionItem_actionItem.set(this, void 0);
|
|
3709
3709
|
_ActionItem_span.set(this, void 0);
|
|
3710
3710
|
_ActionItem_actionDivRef.set(this, (actionItem) => {
|
|
3711
|
-
__classPrivateFieldSet$
|
|
3711
|
+
__classPrivateFieldSet$p(this, _ActionItem_actionItem, actionItem, "f");
|
|
3712
3712
|
});
|
|
3713
3713
|
_ActionItem_spanRef.set(this, (span) => {
|
|
3714
|
-
__classPrivateFieldSet$
|
|
3714
|
+
__classPrivateFieldSet$p(this, _ActionItem_span, span, "f");
|
|
3715
3715
|
});
|
|
3716
3716
|
_ActionItem_tooltipRef.set(this, (tooltip) => {
|
|
3717
3717
|
if (tooltip)
|
|
3718
3718
|
// eslint-disable-next-line no-param-reassign
|
|
3719
|
-
tooltip.target = __classPrivateFieldGet$
|
|
3719
|
+
tooltip.target = __classPrivateFieldGet$x(this, _ActionItem_actionItem, "f");
|
|
3720
3720
|
});
|
|
3721
3721
|
}
|
|
3722
3722
|
disabledChanged() {
|
|
@@ -3729,7 +3729,7 @@ class ActionItem {
|
|
|
3729
3729
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
3730
3730
|
}
|
|
3731
3731
|
onClick(event) {
|
|
3732
|
-
if (__classPrivateFieldGet$
|
|
3732
|
+
if (__classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedDisabled_get))
|
|
3733
3733
|
event.stopImmediatePropagation();
|
|
3734
3734
|
}
|
|
3735
3735
|
componentWillLoad() {
|
|
@@ -3737,21 +3737,21 @@ class ActionItem {
|
|
|
3737
3737
|
this.disabledChanged();
|
|
3738
3738
|
}
|
|
3739
3739
|
componentDidLoad() {
|
|
3740
|
-
invariant(__classPrivateFieldGet$
|
|
3741
|
-
const span = __classPrivateFieldGet$
|
|
3740
|
+
invariant(__classPrivateFieldGet$x(this, _ActionItem_span, "f"));
|
|
3741
|
+
const span = __classPrivateFieldGet$x(this, _ActionItem_span, "f");
|
|
3742
3742
|
readTask(() => {
|
|
3743
3743
|
this.tooltip = isEllipsisActive(span);
|
|
3744
3744
|
});
|
|
3745
|
-
__classPrivateFieldSet$
|
|
3745
|
+
__classPrivateFieldSet$p(this, _ActionItem_ro, new ResizeObserver(([spanEntry]) => {
|
|
3746
3746
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
3747
3747
|
}), "f");
|
|
3748
|
-
__classPrivateFieldGet$
|
|
3748
|
+
__classPrivateFieldGet$x(this, _ActionItem_ro, "f").observe(__classPrivateFieldGet$x(this, _ActionItem_span, "f"));
|
|
3749
3749
|
}
|
|
3750
3750
|
render() {
|
|
3751
3751
|
return (hAsync("div", { key: 'c5761b24a5de2f0784850e2c05a35a4ff0d50540', class: {
|
|
3752
3752
|
'qds-action-item': true,
|
|
3753
3753
|
'qds-disabled': this.disabled,
|
|
3754
|
-
}, ref: __classPrivateFieldGet$
|
|
3754
|
+
}, ref: __classPrivateFieldGet$x(this, _ActionItem_actionDivRef, "f"), "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), "data-importance": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedImportance_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'd2409cac17173463348bf2264b68f012270b04ee', class: "qds-icon", "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '1bf65623a82dceaa776cb28429760cf7a1a1904f', class: "qds-text", "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), ref: __classPrivateFieldGet$x(this, _ActionItem_spanRef, "f") }, this.text), this.action !== undefined && (hAsync("qds-icon", { key: '132eb8d186e9329eeb7b380aea4b3afbb0449731', class: "qds-icon", "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), name: this.action, library: "core", "aria-label": this.actionDescription, role: "img" })), this.tooltip && (hAsync("qds-tooltip", { key: '77351beaf85712117a076f18adb25f4fc25b64a9', "aria-hidden": "true", ref: __classPrivateFieldGet$x(this, _ActionItem_tooltipRef, "f") }, this.text))));
|
|
3755
3755
|
}
|
|
3756
3756
|
static get watchers() { return {
|
|
3757
3757
|
"disabled": ["disabledChanged"]
|
|
@@ -3802,56 +3802,60 @@ _ActionItem_ro = new WeakMap(), _ActionItem_actionItem = new WeakMap(), _ActionI
|
|
|
3802
3802
|
return this.disabled;
|
|
3803
3803
|
};
|
|
3804
3804
|
|
|
3805
|
-
const avatarMediaCss = ":host([hidden]){display:none!important}:host{display:block}.qds-container{align-items:center;align-self:stretch;background:var(--qds-theme-display-background);border:var(--qds-display-border-width) solid var(--qds-theme-display-background-contrast);border-radius:var(--qds-display-rounded-border-radius);display:flex;height:inherit;justify-content:center;width:inherit}.qds-
|
|
3805
|
+
const avatarMediaCss = ":host([hidden]){display:none!important}:host{display:block}.qds-container{align-items:center;align-self:stretch;background:var(--qds-theme-display-background);border:var(--qds-display-border-width) solid var(--qds-theme-display-background-contrast);border-radius:var(--qds-display-rounded-border-radius);display:flex;height:inherit;justify-content:center;width:inherit}.qds-picture{border-radius:inherit;flex-shrink:0;height:100%;object-fit:cover;width:100%}.qds-icon,.qds-text{color:var(--qds-theme-display-background-contrast)}.qds-text{font:var(--qds-display-standard);text-align:center}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
|
|
3806
3806
|
|
|
3807
3807
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
3808
3808
|
//
|
|
3809
3809
|
// SPDX-License-Identifier: Apache-2.0
|
|
3810
|
-
var __classPrivateFieldGet$
|
|
3810
|
+
var __classPrivateFieldGet$w = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3811
3811
|
if (kind === "a" && !f)
|
|
3812
3812
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3813
3813
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
3814
3814
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
3815
3815
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
3816
3816
|
};
|
|
3817
|
-
var _AvatarMedia_renderContent, _AvatarMedia_handleImageError;
|
|
3817
|
+
var _AvatarMedia_renderContent, _AvatarMedia_handleImageError, _AvatarMedia_handleImageLoad;
|
|
3818
3818
|
/**
|
|
3819
3819
|
* @experimental
|
|
3820
3820
|
*/
|
|
3821
3821
|
class AvatarMedia {
|
|
3822
3822
|
constructor(hostRef) {
|
|
3823
3823
|
registerInstance(this, hostRef);
|
|
3824
|
+
this.loadEmitter = createEvent(this, "qdsLoad", 6);
|
|
3824
3825
|
this.errorEmitter = createEvent(this, "qdsError", 6);
|
|
3826
|
+
if (hostRef.$hostElement$["s-ei"]) {
|
|
3827
|
+
this.internals = hostRef.$hostElement$["s-ei"];
|
|
3828
|
+
}
|
|
3829
|
+
else {
|
|
3830
|
+
this.internals = hostRef.$hostElement$.attachInternals();
|
|
3831
|
+
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
3832
|
+
}
|
|
3825
3833
|
/**
|
|
3826
|
-
* The
|
|
3827
|
-
* @webnative
|
|
3828
|
-
*/
|
|
3829
|
-
this.alt = '';
|
|
3830
|
-
/**
|
|
3831
|
-
* The avatar-media's icon library.
|
|
3834
|
+
* The name of a registered icon library.
|
|
3832
3835
|
*/
|
|
3833
3836
|
this.iconLibrary = 'default';
|
|
3834
3837
|
this.hasImageError = false;
|
|
3835
3838
|
_AvatarMedia_renderContent.set(this, () => {
|
|
3836
|
-
if (this.src !== undefined && this.src !== '' && !this.hasImageError)
|
|
3837
|
-
return (hAsync("img", { class: "qds-picture", src: this.src, alt: this.alt, onError: __classPrivateFieldGet$
|
|
3838
|
-
|
|
3839
|
-
|
|
3840
|
-
|
|
3841
|
-
if (this.text !== undefined && this.text !== '') {
|
|
3842
|
-
return hAsync("span", { class: "qds-text" }, this.initials);
|
|
3843
|
-
}
|
|
3844
|
-
if (this.iconName !== undefined && this.iconName !== '') {
|
|
3839
|
+
if (this.src !== undefined && this.src !== '' && !this.hasImageError)
|
|
3840
|
+
return (hAsync("img", { "aria-hidden": "true", class: "qds-picture", src: this.src, alt: this.alt, onError: __classPrivateFieldGet$w(this, _AvatarMedia_handleImageError, "f"), onLoad: __classPrivateFieldGet$w(this, _AvatarMedia_handleImageLoad, "f") }));
|
|
3841
|
+
if (this.text !== undefined && this.text !== '')
|
|
3842
|
+
return (hAsync(Fragment, null, hAsync("span", { "aria-hidden": "true", class: "qds-text" }, this.initials), hAsync("span", { class: "qds-sr-only" }, this.text)));
|
|
3843
|
+
if (this.iconName !== undefined && this.iconName !== '')
|
|
3845
3844
|
return (hAsync("qds-icon", { class: "qds-icon", name: this.iconName, library: this.iconLibrary }));
|
|
3846
|
-
}
|
|
3847
3845
|
return hAsync("qds-icon", { class: "qds-icon", name: "user", library: "core" });
|
|
3848
3846
|
});
|
|
3849
3847
|
_AvatarMedia_handleImageError.set(this, () => {
|
|
3850
3848
|
this.hasImageError = true;
|
|
3849
|
+
this.roleChanged();
|
|
3851
3850
|
this.errorEmitter.emit();
|
|
3852
3851
|
});
|
|
3852
|
+
_AvatarMedia_handleImageLoad.set(this, () => {
|
|
3853
|
+
this.hasImageError = false;
|
|
3854
|
+
this.roleChanged();
|
|
3855
|
+
this.loadEmitter.emit();
|
|
3856
|
+
});
|
|
3853
3857
|
}
|
|
3854
|
-
|
|
3858
|
+
textChanged() {
|
|
3855
3859
|
if (this.text === undefined || this.text === '') {
|
|
3856
3860
|
this.initials = undefined;
|
|
3857
3861
|
return;
|
|
@@ -3860,14 +3864,33 @@ class AvatarMedia {
|
|
|
3860
3864
|
const [first = '', second = ''] = words.filter(Boolean);
|
|
3861
3865
|
this.initials = (first.charAt(0) + (second.charAt(0) || '')).toLocaleUpperCase();
|
|
3862
3866
|
}
|
|
3867
|
+
labelChanged() {
|
|
3868
|
+
this.internals.ariaLabel =
|
|
3869
|
+
this.alt !== undefined && this.alt !== ''
|
|
3870
|
+
? this.alt
|
|
3871
|
+
: // eslint-disable-next-line unicorn/no-null
|
|
3872
|
+
null;
|
|
3873
|
+
}
|
|
3874
|
+
roleChanged() {
|
|
3875
|
+
if (this.src !== undefined && this.src !== '' && !this.hasImageError)
|
|
3876
|
+
this.internals.role = 'img';
|
|
3877
|
+
else if (this.text !== undefined && this.text !== '')
|
|
3878
|
+
this.internals.role = 'generic';
|
|
3879
|
+
else
|
|
3880
|
+
this.internals.role = 'presentation';
|
|
3881
|
+
}
|
|
3863
3882
|
componentWillLoad() {
|
|
3864
|
-
this.
|
|
3883
|
+
this.textChanged();
|
|
3884
|
+
this.labelChanged();
|
|
3885
|
+
this.roleChanged();
|
|
3865
3886
|
}
|
|
3866
3887
|
render() {
|
|
3867
|
-
return hAsync("div", { key: '
|
|
3888
|
+
return hAsync("div", { key: '52d3dd3165ee17dd49f8cdbf901af5c1c613246c', class: "qds-container" }, __classPrivateFieldGet$w(this, _AvatarMedia_renderContent, "f").call(this));
|
|
3868
3889
|
}
|
|
3869
3890
|
static get watchers() { return {
|
|
3870
|
-
"text": ["
|
|
3891
|
+
"text": ["textChanged", "roleChanged"],
|
|
3892
|
+
"alt": ["labelChanged"],
|
|
3893
|
+
"src": ["roleChanged"]
|
|
3871
3894
|
}; }
|
|
3872
3895
|
static get style() { return avatarMediaCss; }
|
|
3873
3896
|
static get cmpMeta() { return {
|
|
@@ -3887,14 +3910,14 @@ class AvatarMedia {
|
|
|
3887
3910
|
"$attrsToReflect$": []
|
|
3888
3911
|
}; }
|
|
3889
3912
|
}
|
|
3890
|
-
_AvatarMedia_renderContent = new WeakMap(), _AvatarMedia_handleImageError = new WeakMap();
|
|
3913
|
+
_AvatarMedia_renderContent = new WeakMap(), _AvatarMedia_handleImageError = new WeakMap(), _AvatarMedia_handleImageLoad = new WeakMap();
|
|
3891
3914
|
|
|
3892
|
-
const badgeCounterCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-counter{align-items:center;background-color:var(--qds-theme-feedback-message-neutral);border-radius:var(--qds-feedback-rounded-border-radius);color:var(--qds-theme-feedback-message-neutral-contrast);display:flex;font:var(--qds-feedback-badge-counter-standard-text);height:var(--qds-feedback-badge-counter-standard-height);justify-content:center;margin:0;padding-inline:var(--qds-feedback-badge-counter-standard-padding-horizontal);text-align:center}.qds-stroke-ring{border:var(--qds-feedback-badge-border-width) solid var(--qds-theme-feedback-message-neutral-contrast)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-contrast);color:var(--qds-theme-signature-color-default)}.qds-stroke-ring[data-importance=emphasized]{border-color:var(--qds-theme-signature-color-default)}[data-importance=subdued]{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}.qds-stroke-ring[data-importance=subdued]{border-color:var(--qds-theme-feedback-message-informational-contrast)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-message-critical-contrast);color:var(--qds-theme-feedback-message-critical)}.qds-stroke-ring[data-importance=destructive]{border-color:var(--qds-theme-feedback-message-critical)}[data-importance=subdued-destructive]{background-color:var(--qds-theme-feedback-message-critical);color:var(--qds-theme-feedback-message-critical-contrast)}.qds-stroke-ring[data-importance=subdued-destructive]{border-color:var(--qds-theme-feedback-message-critical-contrast)}[data-size=small]{font:var(--qds-feedback-badge-counter-small-text);height:var(--qds-feedback-badge-counter-small-height);padding-inline:var(--qds-feedback-badge-counter-small-padding-horizontal)}[data-size=large]{font:var(--qds-feedback-badge-counter-large-text);height:var(--qds-feedback-badge-counter-large-height);padding-inline:var(--qds-feedback-badge-counter-large-padding-horizontal)}[data-size=hero]{font:var(--qds-feedback-badge-counter-hero-text);height:var(--qds-feedback-badge-counter-hero-height);padding-inline:var(--qds-feedback-badge-counter-hero-padding-horizontal)}";
|
|
3915
|
+
const badgeCounterCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-counter{align-items:center;background-color:var(--qds-theme-feedback-message-neutral);border-radius:var(--qds-feedback-rounded-border-radius);color:var(--qds-theme-feedback-message-neutral-contrast);display:flex;font:var(--qds-feedback-badge-counter-standard-text);height:var(--qds-feedback-badge-counter-standard-height);justify-content:center;margin:0;min-width:var(--qds-feedback-badge-counter-standard-min-width);padding-inline:var(--qds-feedback-badge-counter-standard-padding-horizontal);text-align:center}.qds-stroke-ring{border:var(--qds-feedback-badge-border-width) solid var(--qds-theme-feedback-message-neutral-contrast)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-contrast);color:var(--qds-theme-signature-color-default)}.qds-stroke-ring[data-importance=emphasized]{border-color:var(--qds-theme-signature-color-default)}[data-importance=subdued]{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}.qds-stroke-ring[data-importance=subdued]{border-color:var(--qds-theme-feedback-message-informational-contrast)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-message-critical-contrast);color:var(--qds-theme-feedback-message-critical)}.qds-stroke-ring[data-importance=destructive]{border-color:var(--qds-theme-feedback-message-critical)}[data-importance=subdued-destructive]{background-color:var(--qds-theme-feedback-message-critical);color:var(--qds-theme-feedback-message-critical-contrast)}.qds-stroke-ring[data-importance=subdued-destructive]{border-color:var(--qds-theme-feedback-message-critical-contrast)}[data-size=small]{font:var(--qds-feedback-badge-counter-small-text);height:var(--qds-feedback-badge-counter-small-height);min-width:var(--qds-feedback-badge-counter-small-min-width);padding-inline:var(--qds-feedback-badge-counter-small-padding-horizontal)}[data-size=large]{font:var(--qds-feedback-badge-counter-large-text);height:var(--qds-feedback-badge-counter-large-height);min-width:var(--qds-feedback-badge-counter-large-min-width);padding-inline:var(--qds-feedback-badge-counter-large-padding-horizontal)}[data-size=hero]{font:var(--qds-feedback-badge-counter-hero-text);height:var(--qds-feedback-badge-counter-hero-height);padding-inline:var(--qds-feedback-badge-counter-hero-padding-horizontal)}";
|
|
3893
3916
|
|
|
3894
3917
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3895
3918
|
//
|
|
3896
3919
|
// SPDX-License-Identifier: Apache-2.0
|
|
3897
|
-
var __classPrivateFieldGet$
|
|
3920
|
+
var __classPrivateFieldGet$v = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3898
3921
|
if (kind === "a" && !f)
|
|
3899
3922
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3900
3923
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -3929,7 +3952,7 @@ class BadgeCounter {
|
|
|
3929
3952
|
return (hAsync("span", { key: '0a706e1e216c17976c3c04c94ac165e69e860e40', class: {
|
|
3930
3953
|
'qds-badge-counter': true,
|
|
3931
3954
|
'qds-stroke-ring': this.strokeRing,
|
|
3932
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
3955
|
+
}, "data-importance": __classPrivateFieldGet$v(this, _BadgeCounter_instances, "a", _BadgeCounter_computedImportance_get), "data-size": __classPrivateFieldGet$v(this, _BadgeCounter_instances, "a", _BadgeCounter_computedSize_get) }, __classPrivateFieldGet$v(this, _BadgeCounter_instances, "a", _BadgeCounter_computedValue_get), hAsync("span", { key: 'c68fcbe9899495b2e774567f7cd0058162d7d889', class: "qds-sr-only" }, this.description)));
|
|
3933
3956
|
}
|
|
3934
3957
|
static get style() { return badgeCounterCss; }
|
|
3935
3958
|
static get cmpMeta() { return {
|
|
@@ -3985,7 +4008,7 @@ const badgeIndicatorCss = ":host([hidden]){display:none!important}:host{display:
|
|
|
3985
4008
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3986
4009
|
//
|
|
3987
4010
|
// SPDX-License-Identifier: Apache-2.0
|
|
3988
|
-
var __classPrivateFieldGet$
|
|
4011
|
+
var __classPrivateFieldGet$u = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3989
4012
|
if (kind === "a" && !f)
|
|
3990
4013
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3991
4014
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -4020,7 +4043,7 @@ class BadgeIndicator {
|
|
|
4020
4043
|
return (hAsync("div", { key: '1442d3293846a5f18a87297abc5e53755aebe4b6', class: {
|
|
4021
4044
|
'qds-badge-indicator': true,
|
|
4022
4045
|
'qds-stroke-ring': this.strokeRing,
|
|
4023
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4046
|
+
}, "data-size": __classPrivateFieldGet$u(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedSize_get), "data-status": __classPrivateFieldGet$u(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) }, hAsync("span", { key: 'f2131c0350fa5b857cb1b10b8f2fb276d3f52bb6', class: "qds-sr-only" }, this.description)));
|
|
4024
4047
|
}
|
|
4025
4048
|
static get style() { return badgeIndicatorCss; }
|
|
4026
4049
|
static get cmpMeta() { return {
|
|
@@ -4081,19 +4104,19 @@ const VALID_STATE = {
|
|
|
4081
4104
|
valueMissing: false,
|
|
4082
4105
|
};
|
|
4083
4106
|
|
|
4084
|
-
const buttonCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-button:disabled,.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-overflow[data-size=hero]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.qds-action{transform:scaleX(var(--qds-direction-factor,1))}.qds-container{display:grid;grid-template-areas:\"
|
|
4107
|
+
const buttonCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-button:disabled,.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-overflow[data-size=hero]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.qds-action{transform:scaleX(var(--qds-direction-factor,1))}.qds-container{display:grid;grid-template-areas:\"a\"}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:a;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width));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-control-border-width) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-control-border-width)\n ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;cursor:pointer;display:inline-flex;grid-area:a;justify-content:center;min-width:0;outline:none;padding-block:0;position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:center;-webkit-user-select:none;user-select:none}.qds-button:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-icon{flex-shrink:0}.qds-indicator{position:absolute;transform:translate(50%,-50%)}[data-size=small]{font:var(--qds-control-small-text)}.qds-button[data-size=small]{gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}.qds-icon-only[data-size=small]{width:var(--qds-control-small-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-indicator{inset-block-start:var(--qds-control-button-small-badge-padding-top);inset-inline-end:var(--qds-control-button-small-badge-padding-end)}[data-size=standard]{font:var(--qds-control-standard-text)}.qds-button[data-size=standard]{gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}.qds-icon-only[data-size=standard]{width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-indicator{inset-block-start:var(--qds-control-button-standard-badge-padding-top);inset-inline-end:var(--qds-control-button-standard-badge-padding-end)}[data-size=large]{font:var(--qds-control-large-text)}.qds-button[data-size=large]{gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}.qds-icon-only[data-size=large]{width:var(--qds-control-large-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-indicator{inset-block-start:var(--qds-control-button-large-badge-padding-top);inset-inline-end:var(--qds-control-button-large-badge-padding-end)}[data-size=large],[data-size=small],[data-size=standard]{line-height:normal}.qds-button.qds-icon-only[data-size=large],.qds-button.qds-icon-only[data-size=small],.qds-button.qds-icon-only[data-size=standard]{padding-inline:0}[data-size=hero]{font:var(--qds-control-hero-text)}.qds-button[data-size=hero]{border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n );gap:var(--qds-control-hero-gap-internal);padding-block:var(--qds-control-hero-padding-auto-height);padding-inline:var(--qds-control-button-hero-padding-horizontal)}.qds-button.qds-icon-only[data-size=hero]{min-height:var(--qds-control-hero-height);padding-inline:0;width:var(--qds-control-hero-height)}.qds-button[data-size=hero] .qds-indicator{inset-block-start:var(--qds-control-button-hero-badge-padding-top);inset-inline-end:var(--qds-control-button-hero-badge-padding-end)}.qds-focus-ring[data-size=hero]{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n ))}.qds-icon[data-size=hero]{height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}[data-importance=subdued]{border-radius:0;color:var(--qds-theme-link-standard-default)}.qds-button[data-importance=subdued]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-hover);color:var(--qds-theme-link-standard-hover)}.qds-button[data-importance=subdued]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-pressed);color:var(--qds-theme-link-standard-pressed)}.qds-button[data-importance=subdued]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued]{border:none;color:var(--qds-theme-control-text-standard)}.qds-button.qds-icon-only[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button.qds-icon-only[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{color:var(--qds-theme-control-text-standard)}.qds-button[data-importance=standard]{border-color:var(--qds-theme-control-border);border-style:solid;border-width:var(--qds-control-border-width)}.qds-button[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-button[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}.qds-button[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-button[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}.qds-button[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}.qds-button[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{border-radius:0;color:var(--qds-theme-feedback-action-destructive-default)}.qds-button[data-importance=subdued-destructive]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued-destructive]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-hover);color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=subdued-destructive]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-pressed);color:var(--qds-theme-feedback-action-destructive-pressed)}.qds-button[data-importance=subdued-destructive]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued-destructive]{border:none}.qds-button.qds-icon-only[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}.qds-button.qds-icon-only[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}[data-action=dropdown-close] .qds-action{transform:rotate(-180deg)}:is([data-action=dropdown],[data-action=dropdown-close]) .qds-action{transition-duration:.3s;transition-property:transform}:is([data-action=dropdown],[data-action=dropdown-close]):not(:has(qds-badge-counter)) .qds-action{margin-inline-start:auto}:is([data-action=dropdown],[data-action=dropdown-close]) qds-badge-counter{margin-inline-start:auto}[data-importance]:is([data-action=dropdown],[data-action=dropdown-close]){padding-inline:var(--qds-control-input-padding-horizontal)}";
|
|
4085
4108
|
|
|
4086
4109
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4087
4110
|
//
|
|
4088
4111
|
// SPDX-License-Identifier: Apache-2.0
|
|
4089
|
-
var __classPrivateFieldGet$
|
|
4112
|
+
var __classPrivateFieldGet$t = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4090
4113
|
if (kind === "a" && !f)
|
|
4091
4114
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4092
4115
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
4093
4116
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4094
4117
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4095
4118
|
};
|
|
4096
|
-
var __classPrivateFieldSet$
|
|
4119
|
+
var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4097
4120
|
if (kind === "m")
|
|
4098
4121
|
throw new TypeError("Private method is not writable");
|
|
4099
4122
|
if (kind === "a" && !f)
|
|
@@ -4263,15 +4286,15 @@ class Button {
|
|
|
4263
4286
|
this.reportValidity = () => this.internals.reportValidity();
|
|
4264
4287
|
this.setCustomValidity = (error) => {
|
|
4265
4288
|
if (error)
|
|
4266
|
-
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$
|
|
4289
|
+
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$t(this, _Button_button, "f"));
|
|
4267
4290
|
else
|
|
4268
4291
|
this.internals.setValidity(NO_ERROR_FLAGS);
|
|
4269
4292
|
};
|
|
4270
4293
|
_Button_buttonRef.set(this, (button) => {
|
|
4271
|
-
__classPrivateFieldSet$
|
|
4294
|
+
__classPrivateFieldSet$o(this, _Button_button, button, "f");
|
|
4272
4295
|
});
|
|
4273
4296
|
_Button_spanRef.set(this, (span) => {
|
|
4274
|
-
__classPrivateFieldSet$
|
|
4297
|
+
__classPrivateFieldSet$o(this, _Button_span, span, "f");
|
|
4275
4298
|
});
|
|
4276
4299
|
_Button_tooltipRef.set(this, (tooltip) => {
|
|
4277
4300
|
if (tooltip)
|
|
@@ -4279,7 +4302,7 @@ class Button {
|
|
|
4279
4302
|
tooltip.target = this.host;
|
|
4280
4303
|
});
|
|
4281
4304
|
_Button_onClick.set(this, (event) => {
|
|
4282
|
-
if (__classPrivateFieldGet$
|
|
4305
|
+
if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get)) {
|
|
4283
4306
|
preventDefault$2(event);
|
|
4284
4307
|
event.stopImmediatePropagation();
|
|
4285
4308
|
}
|
|
@@ -4289,13 +4312,13 @@ class Button {
|
|
|
4289
4312
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
4290
4313
|
}
|
|
4291
4314
|
onClick(event) {
|
|
4292
|
-
if (__classPrivateFieldGet$
|
|
4315
|
+
if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get)) {
|
|
4293
4316
|
event.stopImmediatePropagation();
|
|
4294
4317
|
return;
|
|
4295
4318
|
}
|
|
4296
|
-
if (__classPrivateFieldGet$
|
|
4319
|
+
if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get) === 'button' || !this.internals.form)
|
|
4297
4320
|
return;
|
|
4298
|
-
if (__classPrivateFieldGet$
|
|
4321
|
+
if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get) === 'reset') {
|
|
4299
4322
|
this.internals.form.reset();
|
|
4300
4323
|
}
|
|
4301
4324
|
else {
|
|
@@ -4308,8 +4331,8 @@ class Button {
|
|
|
4308
4331
|
}
|
|
4309
4332
|
onKeydown(event) {
|
|
4310
4333
|
if (event.key === 'Enter') {
|
|
4311
|
-
if (__classPrivateFieldGet$
|
|
4312
|
-
__classPrivateFieldGet$
|
|
4334
|
+
if (__classPrivateFieldGet$t(this, _Button_button, "f") instanceof HTMLAnchorElement)
|
|
4335
|
+
__classPrivateFieldGet$t(this, _Button_button, "f").click();
|
|
4313
4336
|
else
|
|
4314
4337
|
this.host.click();
|
|
4315
4338
|
}
|
|
@@ -4319,11 +4342,11 @@ class Button {
|
|
|
4319
4342
|
this.host.click();
|
|
4320
4343
|
}
|
|
4321
4344
|
disabledChanged() {
|
|
4322
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
4323
|
-
if (__classPrivateFieldGet$
|
|
4345
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get).toString();
|
|
4346
|
+
if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get))
|
|
4324
4347
|
this.host.removeAttribute('tabindex');
|
|
4325
4348
|
else
|
|
4326
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
4349
|
+
this.host.tabIndex = __classPrivateFieldGet$t(this, _Button_savedTabIndex, "f");
|
|
4327
4350
|
}
|
|
4328
4351
|
hrefChanged() {
|
|
4329
4352
|
this.internals.role = this.href === undefined ? 'button' : 'link';
|
|
@@ -4331,40 +4354,40 @@ class Button {
|
|
|
4331
4354
|
tabindexChanged(newValue) {
|
|
4332
4355
|
if (newValue !== null) {
|
|
4333
4356
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
4334
|
-
__classPrivateFieldSet$
|
|
4357
|
+
__classPrivateFieldSet$o(this, _Button_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
|
|
4335
4358
|
? 0
|
|
4336
4359
|
: parsedValue, "f");
|
|
4337
4360
|
}
|
|
4338
|
-
if (__classPrivateFieldGet$
|
|
4361
|
+
if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get))
|
|
4339
4362
|
this.host.removeAttribute('tabindex');
|
|
4340
4363
|
else
|
|
4341
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
4364
|
+
this.host.tabIndex = __classPrivateFieldGet$t(this, _Button_savedTabIndex, "f");
|
|
4342
4365
|
}
|
|
4343
4366
|
textChanged() {
|
|
4344
|
-
__classPrivateFieldGet$
|
|
4345
|
-
if (__classPrivateFieldGet$
|
|
4346
|
-
__classPrivateFieldGet$
|
|
4347
|
-
if (!__classPrivateFieldGet$
|
|
4367
|
+
__classPrivateFieldGet$t(this, _Button_instances, "m", _Button_updateAriaLabel).call(this);
|
|
4368
|
+
if (__classPrivateFieldGet$t(this, _Button_ro, "f"))
|
|
4369
|
+
__classPrivateFieldGet$t(this, _Button_ro, "f").disconnect();
|
|
4370
|
+
if (!__classPrivateFieldGet$t(this, _Button_span, "f"))
|
|
4348
4371
|
return;
|
|
4349
|
-
const span = __classPrivateFieldGet$
|
|
4372
|
+
const span = __classPrivateFieldGet$t(this, _Button_span, "f");
|
|
4350
4373
|
readTask(() => {
|
|
4351
4374
|
this.tooltip = isEllipsisActive(span);
|
|
4352
4375
|
});
|
|
4353
|
-
__classPrivateFieldSet$
|
|
4376
|
+
__classPrivateFieldSet$o(this, _Button_ro, new ResizeObserver(([spanEntry]) => {
|
|
4354
4377
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
4355
4378
|
}), "f");
|
|
4356
|
-
__classPrivateFieldGet$
|
|
4379
|
+
__classPrivateFieldGet$t(this, _Button_ro, "f").observe(__classPrivateFieldGet$t(this, _Button_span, "f"));
|
|
4357
4380
|
}
|
|
4358
4381
|
/* DEPRECATED: will be removed by september 2026 */
|
|
4359
4382
|
iconOnlyChanged() {
|
|
4360
4383
|
this.tooltip = this.iconOnly;
|
|
4361
4384
|
}
|
|
4362
4385
|
componentWillLoad() {
|
|
4363
|
-
__classPrivateFieldGet$
|
|
4364
|
-
__classPrivateFieldGet$
|
|
4365
|
-
__classPrivateFieldGet$
|
|
4366
|
-
__classPrivateFieldGet$
|
|
4367
|
-
__classPrivateFieldGet$
|
|
4386
|
+
__classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'form', () => this.internals.form);
|
|
4387
|
+
__classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
4388
|
+
__classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
4389
|
+
__classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
4390
|
+
__classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
4368
4391
|
this.hrefChanged();
|
|
4369
4392
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4370
4393
|
this.disabledChanged();
|
|
@@ -4375,26 +4398,26 @@ class Button {
|
|
|
4375
4398
|
this.iconOnlyChanged();
|
|
4376
4399
|
}
|
|
4377
4400
|
disconnectedCallback() {
|
|
4378
|
-
if (__classPrivateFieldGet$
|
|
4379
|
-
__classPrivateFieldGet$
|
|
4401
|
+
if (__classPrivateFieldGet$t(this, _Button_ro, "f"))
|
|
4402
|
+
__classPrivateFieldGet$t(this, _Button_ro, "f").disconnect();
|
|
4380
4403
|
}
|
|
4381
4404
|
render() {
|
|
4382
4405
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
4383
|
-
return (hAsync("div", { key: '5054db1b3354d932b0ec1f12a93958d8d7813248', class: "qds-container", onClick: __classPrivateFieldGet$
|
|
4406
|
+
return (hAsync("div", { key: '5054db1b3354d932b0ec1f12a93958d8d7813248', class: "qds-container", onClick: __classPrivateFieldGet$t(this, _Button_onClick, "f"), onKeyDown: preventDefault$2, onKeyUp: preventDefault$2, onKeyPress: preventDefault$2, "aria-hidden": "true" }, hAsync(Tag, { key: '409fa13363df964507be7e4a83c5f9c84c32fb56', class: {
|
|
4384
4407
|
'qds-button': true,
|
|
4385
|
-
'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$
|
|
4408
|
+
'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
|
|
4386
4409
|
/* DEPRECATED: will be removed by september 2026 */
|
|
4387
|
-
'qds-icon-only': __classPrivateFieldGet$
|
|
4388
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
4410
|
+
'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
4411
|
+
}, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedAction_get), disabled: Tag === 'a' ? undefined : this.disabled, download: Tag === 'a' ? this.download : undefined, formAction: this.formAction, formMethod: this.formMethod, formNoValidate: this.formNoValidate, formTarget: this.formTarget, href: Tag === 'a' ? this.href : undefined, name: Tag === 'a' ? undefined : this.name, ref: __classPrivateFieldGet$t(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'd784fbf3badc14df36b1ac9fa354d03a60eef2d4', class: "qds-icon", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get) && (
|
|
4389
4412
|
/* DEPRECATED: will be removed by september 2026 */
|
|
4390
|
-
hAsync("span", { key: '3aab08349fefe93cae8702f816befae266f98a6a', class: "qds-overflow", "data-size": __classPrivateFieldGet$
|
|
4413
|
+
hAsync("span", { key: '3aab08349fefe93cae8702f816befae266f98a6a', class: "qds-overflow", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet$t(this, _Button_spanRef, "f") }, this.text)), isIndicator$3(this.badge) && (hAsync("qds-badge-indicator", { key: '1e328f7471a1d5b5ec1cc2f45bde6c58e77d9b22', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), isCounter$3(this.badge) && (hAsync("qds-badge-counter", { key: 'b033e659fdd37de19534067ed28ca694f5674ded', class: {
|
|
4391
4414
|
/* DEPRECATED: will be removed by september 2026 */
|
|
4392
|
-
'qds-indicator': __classPrivateFieldGet$
|
|
4393
|
-
}, description: this.badgeDescription, importance: __classPrivateFieldGet$
|
|
4415
|
+
'qds-indicator': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
4416
|
+
}, description: this.badgeDescription, importance: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (hAsync("qds-icon", { key: '3f27c4969412f2a3dc14aa1ab137c04c19231953', class: "qds-icon qds-action", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), library: "core", name: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedActionIcon_get) }))), hAsync("div", { key: '347df81b48ec9318c0ba049f56cb1a63046a7fd6', class: {
|
|
4394
4417
|
'qds-focus-ring': true,
|
|
4395
4418
|
/* DEPRECATED: will be removed by september 2026 */
|
|
4396
|
-
'qds-icon-only': __classPrivateFieldGet$
|
|
4397
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
4419
|
+
'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
4420
|
+
}, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (hAsync("qds-tooltip", { key: 'd97c38bab772dc277db8f058fce4ea21ce015251', ref: __classPrivateFieldGet$t(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
|
|
4398
4421
|
}
|
|
4399
4422
|
static get formAssociated() { return true; }
|
|
4400
4423
|
get host() { return getElement(this); }
|
|
@@ -4517,19 +4540,19 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
|
|
|
4517
4540
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
4518
4541
|
};
|
|
4519
4542
|
|
|
4520
|
-
const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-checkbox,.qds-icon{grid-area:c;place-self:center}.qds-icon{color:var(--qds-theme-signature-color-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"c\"}.qds-label{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:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label:has(.qds-checkbox: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{
|
|
4543
|
+
const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-checkbox,.qds-icon{grid-area:c;place-self:center}.qds-icon{color:var(--qds-theme-signature-color-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"c\"}.qds-label{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:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label:has(.qds-checkbox: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{color:var(--qds-theme-control-text-standard);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}.qds-tooltip{line-height:normal}.qds-checkbox{-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);cursor:pointer;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-checkbox:focus-visible{outline:none}.qds-checkbox:checked~.qds-checked,.qds-checkbox:indeterminate~.qds-indeterminate{display:block}.qds-checkbox:checked,.qds-checkbox:indeterminate{background-color:var(--qds-theme-control-background-contrast);border-color:#0000}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-checkbox[data-size=small]{border-radius:var(--qds-control-toggle-small-knob-border-radius);height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small]{font-size:var(--qds-control-toggle-small-box-size)}.qds-label[data-size=small]{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-label-inner[data-size=small]{font:var(--qds-control-small-text)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height);padding:var(--qds-control-small-padding-auto-height) var(--qds-control-toggle-small-padding-horizontal)}.qds-checkbox[data-size=standard]{border-radius:var(--qds-control-toggle-standard-knob-border-radius);height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard]{font-size:var(--qds-control-toggle-standard-box-size)}.qds-label[data-size=standard]{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-label-inner[data-size=standard]{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-checkbox[data-size=large]{border-radius:var(--qds-control-toggle-large-knob-border-radius);height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large]{font-size:var(--qds-control-toggle-large-box-size)}.qds-label[data-size=large]{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-label-inner[data-size=large]{font:var(--qds-control-large-text)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height);padding:var(--qds-control-large-padding-auto-height) var(--qds-control-toggle-large-padding-horizontal)}";
|
|
4521
4544
|
|
|
4522
4545
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4523
4546
|
//
|
|
4524
4547
|
// SPDX-License-Identifier: Apache-2.0
|
|
4525
|
-
var __classPrivateFieldGet$
|
|
4548
|
+
var __classPrivateFieldGet$s = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4526
4549
|
if (kind === "a" && !f)
|
|
4527
4550
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4528
4551
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
4529
4552
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4530
4553
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4531
4554
|
};
|
|
4532
|
-
var __classPrivateFieldSet$
|
|
4555
|
+
var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4533
4556
|
if (kind === "m")
|
|
4534
4557
|
throw new TypeError("Private method is not writable");
|
|
4535
4558
|
if (kind === "a" && !f)
|
|
@@ -4538,7 +4561,7 @@ var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
4538
4561
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
4539
4562
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
4540
4563
|
};
|
|
4541
|
-
var _Checkbox_instances, _Checkbox_inheritedAttributes, _Checkbox_computedChecked_get, _Checkbox_computedDisabled_get, _Checkbox_computedIndeterminate_get, _Checkbox_computedSize_get, _Checkbox_computedValue_get, _Checkbox_hasText_get, _Checkbox_onBlur, _Checkbox_onFocus, _Checkbox_defineGetter;
|
|
4564
|
+
var _Checkbox_instances, _Checkbox_inheritedAttributes, _Checkbox_ro, _Checkbox_span, _Checkbox_tooltip, _Checkbox_computedChecked_get, _Checkbox_computedDisabled_get, _Checkbox_computedIndeterminate_get, _Checkbox_computedSize_get, _Checkbox_computedValue_get, _Checkbox_hasText_get, _Checkbox_onBlur, _Checkbox_onFocus, _Checkbox_spanRef, _Checkbox_tooltipRef, _Checkbox_defineGetter;
|
|
4542
4565
|
/**
|
|
4543
4566
|
* `<qds-checkbox>` elements are rendered as boxes that are checked (ticked)
|
|
4544
4567
|
* when activated, like you might see in an official government paper form. A
|
|
@@ -4624,7 +4647,11 @@ class Checkbox {
|
|
|
4624
4647
|
* Whether or not the text is displayed.
|
|
4625
4648
|
*/
|
|
4626
4649
|
this.checkboxOnly = false;
|
|
4650
|
+
this.tooltip = false;
|
|
4627
4651
|
_Checkbox_inheritedAttributes.set(this, {});
|
|
4652
|
+
_Checkbox_ro.set(this, void 0);
|
|
4653
|
+
_Checkbox_span.set(this, void 0);
|
|
4654
|
+
_Checkbox_tooltip.set(this, void 0);
|
|
4628
4655
|
this.checkValidity = () => this.internals.checkValidity();
|
|
4629
4656
|
this.reportValidity = () => this.internals.reportValidity();
|
|
4630
4657
|
this.setCustomValidity = (error) => {
|
|
@@ -4635,30 +4662,44 @@ class Checkbox {
|
|
|
4635
4662
|
};
|
|
4636
4663
|
_Checkbox_onBlur.set(this, (event) => {
|
|
4637
4664
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
4665
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
|
|
4666
|
+
ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").close());
|
|
4638
4667
|
});
|
|
4639
4668
|
_Checkbox_onFocus.set(this, (event) => {
|
|
4640
4669
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
4670
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
|
|
4671
|
+
ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").show());
|
|
4672
|
+
});
|
|
4673
|
+
_Checkbox_spanRef.set(this, (span) => {
|
|
4674
|
+
__classPrivateFieldSet$n(this, _Checkbox_span, span, "f");
|
|
4675
|
+
});
|
|
4676
|
+
_Checkbox_tooltipRef.set(this, (tooltip) => {
|
|
4677
|
+
if (tooltip) {
|
|
4678
|
+
// eslint-disable-next-line no-param-reassign
|
|
4679
|
+
tooltip.target = this.host;
|
|
4680
|
+
__classPrivateFieldSet$n(this, _Checkbox_tooltip, tooltip, "f");
|
|
4681
|
+
}
|
|
4641
4682
|
});
|
|
4642
4683
|
}
|
|
4643
4684
|
onClick(event) {
|
|
4644
|
-
if (__classPrivateFieldGet$
|
|
4685
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
|
|
4645
4686
|
event.stopImmediatePropagation();
|
|
4646
4687
|
return;
|
|
4647
4688
|
}
|
|
4648
4689
|
event.preventDefault();
|
|
4649
|
-
this.checked = __classPrivateFieldGet$
|
|
4690
|
+
this.checked = __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? true : !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get);
|
|
4650
4691
|
this.changeEmitter.emit();
|
|
4651
4692
|
this.indeterminate = false;
|
|
4652
4693
|
}
|
|
4653
4694
|
checkedChanged() {
|
|
4654
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4655
|
-
? __classPrivateFieldGet$
|
|
4695
|
+
this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)
|
|
4696
|
+
? __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get)
|
|
4656
4697
|
: // eslint-disable-next-line unicorn/no-null
|
|
4657
4698
|
null);
|
|
4658
4699
|
}
|
|
4659
4700
|
disabledChanged() {
|
|
4660
|
-
if (__classPrivateFieldGet$
|
|
4661
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4701
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
|
|
4702
|
+
this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
|
|
4662
4703
|
// eslint-disable-next-line unicorn/no-null
|
|
4663
4704
|
else
|
|
4664
4705
|
this.internals.setFormValue(null);
|
|
@@ -4668,34 +4709,55 @@ class Checkbox {
|
|
|
4668
4709
|
this.tabIndex =
|
|
4669
4710
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
4670
4711
|
}
|
|
4712
|
+
textChanged() {
|
|
4713
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_ro, "f"))
|
|
4714
|
+
__classPrivateFieldGet$s(this, _Checkbox_ro, "f").disconnect();
|
|
4715
|
+
if (!__classPrivateFieldGet$s(this, _Checkbox_span, "f"))
|
|
4716
|
+
return;
|
|
4717
|
+
const span = __classPrivateFieldGet$s(this, _Checkbox_span, "f");
|
|
4718
|
+
readTask(() => {
|
|
4719
|
+
this.tooltip = isEllipsisActive(span);
|
|
4720
|
+
});
|
|
4721
|
+
__classPrivateFieldSet$n(this, _Checkbox_ro, new ResizeObserver(([spanEntry]) => {
|
|
4722
|
+
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
4723
|
+
}), "f");
|
|
4724
|
+
__classPrivateFieldGet$s(this, _Checkbox_ro, "f").observe(__classPrivateFieldGet$s(this, _Checkbox_span, "f"));
|
|
4725
|
+
}
|
|
4671
4726
|
valueChanged() {
|
|
4672
|
-
if (__classPrivateFieldGet$
|
|
4673
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4727
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
|
|
4728
|
+
this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
|
|
4674
4729
|
}
|
|
4675
4730
|
componentWillLoad() {
|
|
4676
4731
|
this.valueChanged();
|
|
4677
|
-
__classPrivateFieldGet$
|
|
4678
|
-
__classPrivateFieldGet$
|
|
4679
|
-
__classPrivateFieldGet$
|
|
4680
|
-
__classPrivateFieldGet$
|
|
4681
|
-
__classPrivateFieldSet$
|
|
4732
|
+
__classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
|
|
4733
|
+
__classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
4734
|
+
__classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
4735
|
+
__classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
4736
|
+
__classPrivateFieldSet$n(this, _Checkbox_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4682
4737
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4683
4738
|
}
|
|
4739
|
+
componentDidLoad() {
|
|
4740
|
+
this.textChanged();
|
|
4741
|
+
}
|
|
4742
|
+
disconnectedCallback() {
|
|
4743
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_ro, "f"))
|
|
4744
|
+
__classPrivateFieldGet$s(this, _Checkbox_ro, "f").disconnect();
|
|
4745
|
+
}
|
|
4684
4746
|
render() {
|
|
4685
4747
|
return (
|
|
4686
4748
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
4687
|
-
hAsync("label", { key: '
|
|
4749
|
+
hAsync("label", { key: 'ff46801768016168ffb89acd3148a796dd94765f', "aria-disabled": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
|
|
4688
4750
|
'qds-inline': this.inline,
|
|
4689
4751
|
'qds-label': true,
|
|
4690
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4752
|
+
}, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: 'f4761b84afd3a10bff6367b2b22628cbf22d01d6', class: "qds-container" }, hAsync("input", { key: 'e29721f3efccdcbf3ca70e733c8932b69d134b5c',
|
|
4691
4753
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
4692
|
-
autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$
|
|
4754
|
+
autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$s(this, _Checkbox_onBlur, "f"), onFocus: __classPrivateFieldGet$s(this, _Checkbox_onFocus, "f"), required: this.required, tabIndex: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", "aria-label": this.checkboxOnly ? this.text : undefined, ...__classPrivateFieldGet$s(this, _Checkbox_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '83ec6c6752f5c0138d3adb3fa4f1e04dd78e83ea', class: {
|
|
4693
4755
|
'qds-icon': true,
|
|
4694
4756
|
'qds-checked': true,
|
|
4695
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4757
|
+
}, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("qds-icon", { key: 'dfbbe3c44f7ee900706fbda544e4c9c709895608', class: {
|
|
4696
4758
|
'qds-icon': true,
|
|
4697
4759
|
'qds-indeterminate': true,
|
|
4698
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4760
|
+
}, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (hAsync("span", { key: 'cdb7452d5230c202e957a1c1223549f4e1a8131b', class: "qds-label-inner", "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), ref: __classPrivateFieldGet$s(this, _Checkbox_spanRef, "f") }, this.required === true && hAsync("span", { key: 'bfcda68d1914a4942ab46cc4b421a7918f89ac6d', class: "qds-required" }, "*"), this.text)), this.tooltip && (hAsync("qds-tooltip", { key: '314e615f55bd825269f44513ab50b5059755e6f3', "aria-hidden": "true", class: "qds-tooltip", ref: __classPrivateFieldGet$s(this, _Checkbox_tooltipRef, "f") }, this.text))));
|
|
4699
4761
|
}
|
|
4700
4762
|
static get delegatesFocus() { return true; }
|
|
4701
4763
|
static get formAssociated() { return true; }
|
|
@@ -4704,6 +4766,7 @@ class Checkbox {
|
|
|
4704
4766
|
"checked": ["checkedChanged"],
|
|
4705
4767
|
"disabled": ["disabledChanged"],
|
|
4706
4768
|
"tabindex": ["tabindexChanged"],
|
|
4769
|
+
"text": ["textChanged"],
|
|
4707
4770
|
"value": ["valueChanged"]
|
|
4708
4771
|
}; }
|
|
4709
4772
|
static get style() { return checkboxCss; }
|
|
@@ -4725,14 +4788,15 @@ class Checkbox {
|
|
|
4725
4788
|
"value": [8],
|
|
4726
4789
|
"willValidate": [4, "will-validate"],
|
|
4727
4790
|
"checkboxOnly": [4, "checkbox-only"],
|
|
4728
|
-
"tabIndex": [32]
|
|
4791
|
+
"tabIndex": [32],
|
|
4792
|
+
"tooltip": [32]
|
|
4729
4793
|
},
|
|
4730
4794
|
"$listeners$": [[0, "click", "onClick"]],
|
|
4731
4795
|
"$lazyBundleId$": "-",
|
|
4732
4796
|
"$attrsToReflect$": []
|
|
4733
4797
|
}; }
|
|
4734
4798
|
}
|
|
4735
|
-
_Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_onBlur = new WeakMap(), _Checkbox_onFocus = new WeakMap(), _Checkbox_instances = new WeakSet(), _Checkbox_computedChecked_get = function _Checkbox_computedChecked_get() {
|
|
4799
|
+
_Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_ro = new WeakMap(), _Checkbox_span = new WeakMap(), _Checkbox_tooltip = new WeakMap(), _Checkbox_onBlur = new WeakMap(), _Checkbox_onFocus = new WeakMap(), _Checkbox_spanRef = new WeakMap(), _Checkbox_tooltipRef = new WeakMap(), _Checkbox_instances = new WeakSet(), _Checkbox_computedChecked_get = function _Checkbox_computedChecked_get() {
|
|
4736
4800
|
return this.checked ?? false;
|
|
4737
4801
|
}, _Checkbox_computedDisabled_get = function _Checkbox_computedDisabled_get() {
|
|
4738
4802
|
return ((this.host.matches(':disabled') || (this.disabled ?? false)) &&
|
|
@@ -4759,19 +4823,19 @@ _Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_onBlur = new WeakMap(),
|
|
|
4759
4823
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
4760
4824
|
};
|
|
4761
4825
|
|
|
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-
|
|
4826
|
+
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-end)}.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-end)}.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-end)}.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}";
|
|
4763
4827
|
|
|
4764
4828
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4765
4829
|
//
|
|
4766
4830
|
// SPDX-License-Identifier: Apache-2.0
|
|
4767
|
-
var __classPrivateFieldGet$
|
|
4831
|
+
var __classPrivateFieldGet$r = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4768
4832
|
if (kind === "a" && !f)
|
|
4769
4833
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4770
4834
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
4771
4835
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4772
4836
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4773
4837
|
};
|
|
4774
|
-
var __classPrivateFieldSet$
|
|
4838
|
+
var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4775
4839
|
if (kind === "m")
|
|
4776
4840
|
throw new TypeError("Private method is not writable");
|
|
4777
4841
|
if (kind === "a" && !f)
|
|
@@ -4845,7 +4909,7 @@ class Chip {
|
|
|
4845
4909
|
_Chip_ro.set(this, void 0);
|
|
4846
4910
|
_Chip_inheritedAttributes.set(this, {});
|
|
4847
4911
|
_Chip_onIconClick.set(this, (event) => {
|
|
4848
|
-
if (!event.defaultPrevented && __classPrivateFieldGet$
|
|
4912
|
+
if (!event.defaultPrevented && __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
|
|
4849
4913
|
this.closeEmitter.emit();
|
|
4850
4914
|
});
|
|
4851
4915
|
_Chip_onFocus.set(this, (event) => {
|
|
@@ -4855,30 +4919,30 @@ class Chip {
|
|
|
4855
4919
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
4856
4920
|
});
|
|
4857
4921
|
_Chip_chipRef.set(this, (chip) => {
|
|
4858
|
-
__classPrivateFieldSet$
|
|
4922
|
+
__classPrivateFieldSet$m(this, _Chip_chip, chip, "f");
|
|
4859
4923
|
});
|
|
4860
4924
|
_Chip_spanRef.set(this, (span) => {
|
|
4861
|
-
__classPrivateFieldSet$
|
|
4925
|
+
__classPrivateFieldSet$m(this, _Chip_span, span, "f");
|
|
4862
4926
|
});
|
|
4863
4927
|
_Chip_tooltipRef.set(this, (tooltip) => {
|
|
4864
4928
|
if (tooltip)
|
|
4865
4929
|
// eslint-disable-next-line no-param-reassign
|
|
4866
|
-
tooltip.target = __classPrivateFieldGet$
|
|
4930
|
+
tooltip.target = __classPrivateFieldGet$r(this, _Chip_chip, "f");
|
|
4867
4931
|
});
|
|
4868
4932
|
}
|
|
4869
4933
|
onClick(event) {
|
|
4870
|
-
if (__classPrivateFieldGet$
|
|
4934
|
+
if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
|
|
4871
4935
|
event.stopImmediatePropagation();
|
|
4872
4936
|
return;
|
|
4873
4937
|
}
|
|
4874
4938
|
event.preventDefault();
|
|
4875
|
-
if (__classPrivateFieldGet$
|
|
4876
|
-
this.checked = !__classPrivateFieldGet$
|
|
4939
|
+
if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
|
|
4940
|
+
this.checked = !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4877
4941
|
this.changeEmitter.emit();
|
|
4878
4942
|
}
|
|
4879
4943
|
}
|
|
4880
4944
|
handleKeyDown(event) {
|
|
4881
|
-
if (__classPrivateFieldGet$
|
|
4945
|
+
if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
|
|
4882
4946
|
event.stopImmediatePropagation();
|
|
4883
4947
|
return;
|
|
4884
4948
|
}
|
|
@@ -4895,21 +4959,21 @@ class Chip {
|
|
|
4895
4959
|
if (event.key !== ' ')
|
|
4896
4960
|
return;
|
|
4897
4961
|
this.isPressed = false;
|
|
4898
|
-
if (__classPrivateFieldGet$
|
|
4899
|
-
this.checked = !__classPrivateFieldGet$
|
|
4962
|
+
if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
|
|
4963
|
+
this.checked = !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4900
4964
|
this.changeEmitter.emit();
|
|
4901
4965
|
}
|
|
4902
4966
|
}
|
|
4903
4967
|
checkedChanged() {
|
|
4904
|
-
this.isSelected = __classPrivateFieldGet$
|
|
4905
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4906
|
-
? __classPrivateFieldGet$
|
|
4968
|
+
this.isSelected = __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4969
|
+
this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)
|
|
4970
|
+
? __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get)
|
|
4907
4971
|
: // eslint-disable-next-line unicorn/no-null
|
|
4908
4972
|
null);
|
|
4909
4973
|
}
|
|
4910
4974
|
disabledChanged() {
|
|
4911
|
-
if (__classPrivateFieldGet$
|
|
4912
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4975
|
+
if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
|
|
4976
|
+
this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get));
|
|
4913
4977
|
// eslint-disable-next-line unicorn/no-null
|
|
4914
4978
|
else
|
|
4915
4979
|
this.internals.setFormValue(null);
|
|
@@ -4920,8 +4984,8 @@ class Chip {
|
|
|
4920
4984
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
4921
4985
|
}
|
|
4922
4986
|
valueChanged() {
|
|
4923
|
-
if (__classPrivateFieldGet$
|
|
4924
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4987
|
+
if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
|
|
4988
|
+
this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get));
|
|
4925
4989
|
}
|
|
4926
4990
|
componentWillLoad() {
|
|
4927
4991
|
this.valueChanged();
|
|
@@ -4929,39 +4993,39 @@ class Chip {
|
|
|
4929
4993
|
enumerable: true,
|
|
4930
4994
|
get: () => this.internals.form,
|
|
4931
4995
|
});
|
|
4932
|
-
__classPrivateFieldSet$
|
|
4996
|
+
__classPrivateFieldSet$m(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4933
4997
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4934
4998
|
}
|
|
4935
4999
|
componentDidLoad() {
|
|
4936
|
-
invariant(__classPrivateFieldGet$
|
|
4937
|
-
const span = __classPrivateFieldGet$
|
|
5000
|
+
invariant(__classPrivateFieldGet$r(this, _Chip_span, "f"));
|
|
5001
|
+
const span = __classPrivateFieldGet$r(this, _Chip_span, "f");
|
|
4938
5002
|
readTask(() => {
|
|
4939
5003
|
this.tooltip = isEllipsisActive(span);
|
|
4940
5004
|
});
|
|
4941
|
-
__classPrivateFieldSet$
|
|
5005
|
+
__classPrivateFieldSet$m(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
|
|
4942
5006
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
4943
5007
|
}), "f");
|
|
4944
|
-
__classPrivateFieldGet$
|
|
5008
|
+
__classPrivateFieldGet$r(this, _Chip_ro, "f").observe(__classPrivateFieldGet$r(this, _Chip_span, "f"));
|
|
4945
5009
|
}
|
|
4946
5010
|
disconnectedCallback() {
|
|
4947
|
-
if (__classPrivateFieldGet$
|
|
4948
|
-
__classPrivateFieldGet$
|
|
5011
|
+
if (__classPrivateFieldGet$r(this, _Chip_ro, "f"))
|
|
5012
|
+
__classPrivateFieldGet$r(this, _Chip_ro, "f").disconnect();
|
|
4949
5013
|
}
|
|
4950
5014
|
render() {
|
|
4951
|
-
return (hAsync("div", { key: '
|
|
5015
|
+
return (hAsync("div", { key: 'c87ae5b0e24b50bb8304e826f924e23906813a30', class: "qds-chip", ref: __classPrivateFieldGet$r(this, _Chip_chipRef, "f") }, __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable' && (hAsync("div", { key: '021c3a19556340b72b7361a7c1837eb2f8fc4c44', "aria-disabled": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: {
|
|
4952
5016
|
'qds-container': true,
|
|
4953
5017
|
'qds-closable-chip': true,
|
|
4954
|
-
}, "data-size": __classPrivateFieldGet$
|
|
5018
|
+
}, "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '6372fef2711522b9fd7c7985f3b5e02b348c4104', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '80c7e8d86cf341d096808fa496f7d4dd595c2cb5', class: "qds-text", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$r(this, _Chip_spanRef, "f") }, this.text), hAsync("qds-mini-button", { key: '98ca1457125b1b0e2e37e9ad403aea21fc94ac07', name: "clear", text: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_closableText_get), library: "core", class: "qds-cursor", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get), onClick: __classPrivateFieldGet$r(this, _Chip_onIconClick, "f"), tabIndex: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$r(this, _Chip_inheritedAttributes, "f") }))), __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable' && (
|
|
4955
5019
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
4956
|
-
hAsync("label", { key: '
|
|
5020
|
+
hAsync("label", { key: '47d726ace416ef546f315afce0215e374cb4f402', "aria-disabled": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: "qds-label" }, hAsync("input", { key: '41b0a87019c193d62c6cccb2da6ea5c51e5bcc7e',
|
|
4957
5021
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
4958
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$
|
|
5022
|
+
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get), name: this.name, onBlur: __classPrivateFieldGet$r(this, _Chip_onBlur, "f"), onFocus: __classPrivateFieldGet$r(this, _Chip_onFocus, "f"), tabIndex: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", value: this.value ?? undefined, ...__classPrivateFieldGet$r(this, _Chip_inheritedAttributes, "f") }), hAsync("div", { key: '6cf7b1de73a86af57d95404e8441ec10aa8b4005', class: {
|
|
4959
5023
|
'qds-container': true,
|
|
4960
5024
|
'qds-pressed-state': this.isPressed,
|
|
4961
5025
|
'qds-selected-state': this.isSelected,
|
|
4962
5026
|
'qds-padding-end': true,
|
|
4963
5027
|
'qds-cursor': true,
|
|
4964
|
-
}, "data-size": __classPrivateFieldGet$
|
|
5028
|
+
}, "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get) }, (this.checked ?? false) && (hAsync("qds-icon", { key: 'b3b8fcb77e020f0819d33259ad4e9d8883f268db', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '3bed0e9814f3da14f8d5516ece2044bf6369907d', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '17d03ea52ea5e06d22e1a9e4dd24d7ca2217c245', class: "qds-text", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$r(this, _Chip_spanRef, "f") }, this.text)))), this.tooltip && (hAsync("qds-tooltip", { key: 'a84aca122610d08ad6338b8cc3e4100d18efece6', "aria-hidden": "true", ref: __classPrivateFieldGet$r(this, _Chip_tooltipRef, "f"), trigger: "pointerenter focusin" }, this.text))));
|
|
4965
5029
|
}
|
|
4966
5030
|
static get delegatesFocus() { return true; }
|
|
4967
5031
|
static get formAssociated() { return true; }
|
|
@@ -5034,7 +5098,7 @@ const dialogCss = ":host([hidden]){display:none!important}:host{display:none;hei
|
|
|
5034
5098
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
5035
5099
|
//
|
|
5036
5100
|
// SPDX-License-Identifier: Apache-2.0
|
|
5037
|
-
var __classPrivateFieldSet$
|
|
5101
|
+
var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
5038
5102
|
if (kind === "m")
|
|
5039
5103
|
throw new TypeError("Private method is not writable");
|
|
5040
5104
|
if (kind === "a" && !f)
|
|
@@ -5043,7 +5107,7 @@ var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
5043
5107
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
5044
5108
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
5045
5109
|
};
|
|
5046
|
-
var __classPrivateFieldGet$
|
|
5110
|
+
var __classPrivateFieldGet$q = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
5047
5111
|
if (kind === "a" && !f)
|
|
5048
5112
|
throw new TypeError("Private accessor was defined without a getter");
|
|
5049
5113
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -5076,16 +5140,16 @@ class Dialog {
|
|
|
5076
5140
|
_Dialog_titleId.set(this, void 0);
|
|
5077
5141
|
_Dialog_closeButton.set(this, void 0);
|
|
5078
5142
|
_Dialog_ref.set(this, (dialog) => {
|
|
5079
|
-
__classPrivateFieldSet$
|
|
5143
|
+
__classPrivateFieldSet$l(this, _Dialog_dialog, dialog, "f");
|
|
5080
5144
|
});
|
|
5081
5145
|
_Dialog_onCancel.set(this, (event) => {
|
|
5082
5146
|
if (this.cancelEmitter.emit().defaultPrevented)
|
|
5083
5147
|
event.preventDefault();
|
|
5084
5148
|
});
|
|
5085
5149
|
_Dialog_onClose.set(this, () => {
|
|
5086
|
-
invariant(__classPrivateFieldGet$
|
|
5150
|
+
invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
|
|
5087
5151
|
this.closeEmitter.emit();
|
|
5088
|
-
this.open = __classPrivateFieldGet$
|
|
5152
|
+
this.open = __classPrivateFieldGet$q(this, _Dialog_dialog, "f").open;
|
|
5089
5153
|
});
|
|
5090
5154
|
_Dialog_handleCloseClick.set(this, () => {
|
|
5091
5155
|
this.close();
|
|
@@ -5102,7 +5166,7 @@ class Dialog {
|
|
|
5102
5166
|
}
|
|
5103
5167
|
});
|
|
5104
5168
|
_Dialog_closeButtonRef.set(this, (button) => {
|
|
5105
|
-
__classPrivateFieldSet$
|
|
5169
|
+
__classPrivateFieldSet$l(this, _Dialog_closeButton, button, "f");
|
|
5106
5170
|
});
|
|
5107
5171
|
_Dialog_handleFocus.set(this, () => {
|
|
5108
5172
|
if (!this.open)
|
|
@@ -5112,8 +5176,8 @@ class Dialog {
|
|
|
5112
5176
|
autofocusTarget.focus();
|
|
5113
5177
|
return;
|
|
5114
5178
|
}
|
|
5115
|
-
if (this.closable === true && __classPrivateFieldGet$
|
|
5116
|
-
__classPrivateFieldGet$
|
|
5179
|
+
if (this.closable === true && __classPrivateFieldGet$q(this, _Dialog_closeButton, "f")) {
|
|
5180
|
+
__classPrivateFieldGet$q(this, _Dialog_closeButton, "f").focus();
|
|
5117
5181
|
}
|
|
5118
5182
|
});
|
|
5119
5183
|
}
|
|
@@ -5128,9 +5192,9 @@ class Dialog {
|
|
|
5128
5192
|
this.hasFooterSlot = !!this.host.querySelector('[slot="footer"]');
|
|
5129
5193
|
}
|
|
5130
5194
|
componentWillLoad() {
|
|
5131
|
-
__classPrivateFieldSet$
|
|
5195
|
+
__classPrivateFieldSet$l(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
5132
5196
|
autoIncrementingId$4 += 1;
|
|
5133
|
-
__classPrivateFieldSet$
|
|
5197
|
+
__classPrivateFieldSet$l(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$4}`, "f");
|
|
5134
5198
|
}
|
|
5135
5199
|
componentDidLoad() {
|
|
5136
5200
|
if (this.open)
|
|
@@ -5138,19 +5202,19 @@ class Dialog {
|
|
|
5138
5202
|
}
|
|
5139
5203
|
render() {
|
|
5140
5204
|
const hasHeading = this.hasTitleSlot || this.closable === true;
|
|
5141
|
-
return (hAsync(Host, { key: '
|
|
5205
|
+
return (hAsync(Host, { key: '3775c0fe42baca31c033c94ac54ae9a0952230e1' }, hAsync("dialog", { key: 'd7d151c1824d486cc600b4f35239d8750df7ae3c', class: "qds-dialog", ref: __classPrivateFieldGet$q(this, _Dialog_ref, "f"), onCancel: __classPrivateFieldGet$q(this, _Dialog_onCancel, "f"), onClose: __classPrivateFieldGet$q(this, _Dialog_onClose, "f"), onSubmit: __classPrivateFieldGet$q(this, _Dialog_onSubmit, "f"), ...__classPrivateFieldGet$q(this, _Dialog_inheritedAttributes, "f"), "aria-labelledby": this.hasTitleSlot ? __classPrivateFieldGet$q(this, _Dialog_titleId, "f") : undefined }, hasHeading && (hAsync("div", { key: '35dd63265b11d60c81a0da00ecf26960e1ac6019', class: "qds-heading" }, this.hasTitleSlot && (hAsync("div", { key: '36a0f0cea4d5ea178159c6999dee7a0f504b463c', id: __classPrivateFieldGet$q(this, _Dialog_titleId, "f") }, hAsync("slot", { key: '75e5ece6f72f32e4ba7db2bf9d599fca38439d47', name: "title" }))), this.closable === true && (hAsync("qds-icon-button", { key: '32ebd90a963baf9641cc67bb2cd149028a60b260', text: "close dialog", class: "qds-close-button", importance: "subdued", iconName: "close", iconLibrary: "core", onClick: __classPrivateFieldGet$q(this, _Dialog_handleCloseClick, "f"), ref: __classPrivateFieldGet$q(this, _Dialog_closeButtonRef, "f") })))), hAsync("div", { key: 'bda8d06d22282ca980d92fa59675906c9e848f2d', class: "qds-content" }, hAsync("slot", { key: 'cb838bb563777ab4e6364cff00c18ab29d3097d3' })), this.hasFooterSlot && (hAsync("div", { key: 'abe36ceae28976fcf7414c84512024ee4a4cb1ea', class: "qds-footer" }, hAsync("slot", { key: '4a5256aa87b920d001592d3a3878661a7c7fcd86', name: "footer" })))), hAsync("div", { key: 'a77aaaf5f7011473d53593c5ca26435b0b9c8946', class: "qds-backdrop" })));
|
|
5142
5206
|
}
|
|
5143
5207
|
show() {
|
|
5144
|
-
invariant(__classPrivateFieldGet$
|
|
5145
|
-
__classPrivateFieldGet$
|
|
5146
|
-
this.open = __classPrivateFieldGet$
|
|
5208
|
+
invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
|
|
5209
|
+
__classPrivateFieldGet$q(this, _Dialog_dialog, "f").showModal();
|
|
5210
|
+
this.open = __classPrivateFieldGet$q(this, _Dialog_dialog, "f").open;
|
|
5147
5211
|
requestAnimationFrame(() => {
|
|
5148
|
-
__classPrivateFieldGet$
|
|
5212
|
+
__classPrivateFieldGet$q(this, _Dialog_handleFocus, "f").call(this);
|
|
5149
5213
|
});
|
|
5150
5214
|
}
|
|
5151
5215
|
close() {
|
|
5152
|
-
invariant(__classPrivateFieldGet$
|
|
5153
|
-
__classPrivateFieldGet$
|
|
5216
|
+
invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
|
|
5217
|
+
__classPrivateFieldGet$q(this, _Dialog_dialog, "f").close();
|
|
5154
5218
|
}
|
|
5155
5219
|
get host() { return getElement(this); }
|
|
5156
5220
|
static get watchers() { return {
|
|
@@ -5178,7 +5242,7 @@ const dividerCss = ":host([hidden]){display:none!important}:host{display:block}.
|
|
|
5178
5242
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
5179
5243
|
//
|
|
5180
5244
|
// SPDX-License-Identifier: Apache-2.0
|
|
5181
|
-
var __classPrivateFieldGet$
|
|
5245
|
+
var __classPrivateFieldGet$p = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
5182
5246
|
if (kind === "a" && !f)
|
|
5183
5247
|
throw new TypeError("Private accessor was defined without a getter");
|
|
5184
5248
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -5224,10 +5288,10 @@ class Divider {
|
|
|
5224
5288
|
this.verticalChanged();
|
|
5225
5289
|
}
|
|
5226
5290
|
render() {
|
|
5227
|
-
return (hAsync("hr", { key: '
|
|
5291
|
+
return (hAsync("hr", { key: '172c2fec598edca334fa30ddab125eb285aba164', class: {
|
|
5228
5292
|
'qds-divider': true,
|
|
5229
5293
|
'qds-vertical': this.vertical,
|
|
5230
|
-
}, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$
|
|
5294
|
+
}, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$p(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
|
|
5231
5295
|
}
|
|
5232
5296
|
static get watchers() { return {
|
|
5233
5297
|
"vertical": ["verticalChanged"]
|
|
@@ -6946,7 +7010,7 @@ const dropdownCss = ":host([hidden]){display:none!important}:host{background-col
|
|
|
6946
7010
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
6947
7011
|
//
|
|
6948
7012
|
// SPDX-License-Identifier: Apache-2.0
|
|
6949
|
-
var __classPrivateFieldSet$
|
|
7013
|
+
var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
6950
7014
|
if (kind === "m")
|
|
6951
7015
|
throw new TypeError("Private method is not writable");
|
|
6952
7016
|
if (kind === "a" && !f)
|
|
@@ -6955,7 +7019,7 @@ var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
6955
7019
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
6956
7020
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
6957
7021
|
};
|
|
6958
|
-
var __classPrivateFieldGet$
|
|
7022
|
+
var __classPrivateFieldGet$o = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
6959
7023
|
if (kind === "a" && !f)
|
|
6960
7024
|
throw new TypeError("Private accessor was defined without a getter");
|
|
6961
7025
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -7043,10 +7107,10 @@ class Dropdown {
|
|
|
7043
7107
|
if (!(event instanceof FocusEvent))
|
|
7044
7108
|
return;
|
|
7045
7109
|
const { relatedTarget } = event;
|
|
7046
|
-
const dropdownItem = __classPrivateFieldGet$
|
|
7110
|
+
const dropdownItem = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").find((item) => item === relatedTarget);
|
|
7047
7111
|
if (relatedTarget instanceof globalThis.Element &&
|
|
7048
7112
|
!this.host.contains(relatedTarget) &&
|
|
7049
|
-
__classPrivateFieldGet$
|
|
7113
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") !== relatedTarget &&
|
|
7050
7114
|
!dropdownItem)
|
|
7051
7115
|
await this.close();
|
|
7052
7116
|
});
|
|
@@ -7054,33 +7118,51 @@ class Dropdown {
|
|
|
7054
7118
|
if (!(event instanceof KeyboardEvent))
|
|
7055
7119
|
return;
|
|
7056
7120
|
const { key, target } = event;
|
|
7121
|
+
const targetRootNode = target instanceof globalThis.Node ? target.getRootNode() : undefined;
|
|
7122
|
+
const keydownOnReference = target === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") ||
|
|
7123
|
+
(targetRootNode instanceof globalThis.ShadowRoot &&
|
|
7124
|
+
targetRootNode.host === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")) ||
|
|
7125
|
+
(target instanceof globalThis.Element &&
|
|
7126
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
|
|
7127
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").contains(target));
|
|
7057
7128
|
if (key === 'Enter' && !this.keepOpenOnSelect && isEnabledItem(target)) {
|
|
7129
|
+
// Keep parent open when Enter is used on an item with a nested submenu.
|
|
7130
|
+
if (target instanceof HTMLElement &&
|
|
7131
|
+
target.shadowRoot?.querySelector('qds-dropdown'))
|
|
7132
|
+
return;
|
|
7058
7133
|
await this.close();
|
|
7059
|
-
__classPrivateFieldGet$
|
|
7134
|
+
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
|
|
7060
7135
|
return;
|
|
7061
7136
|
}
|
|
7062
7137
|
if (key === 'Escape' &&
|
|
7063
|
-
(target === __classPrivateFieldGet$
|
|
7138
|
+
(target === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") ||
|
|
7064
7139
|
(target instanceof globalThis.Element &&
|
|
7065
7140
|
closestElement('qds-dropdown', target) === this.host))) {
|
|
7066
7141
|
const cancelEvent = this.cancelEmitter.emit();
|
|
7067
7142
|
if (cancelEvent.defaultPrevented)
|
|
7068
7143
|
return;
|
|
7069
7144
|
await this.close();
|
|
7070
|
-
__classPrivateFieldGet$
|
|
7145
|
+
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
|
|
7071
7146
|
return;
|
|
7072
7147
|
}
|
|
7073
|
-
if (
|
|
7074
|
-
(key === 'ArrowDown' || key === 'ArrowUp')) {
|
|
7075
|
-
if (!__classPrivateFieldGet$
|
|
7148
|
+
if (keydownOnReference &&
|
|
7149
|
+
(key === 'ArrowDown' || key === 'ArrowUp' || key === 'Enter')) {
|
|
7150
|
+
if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
|
|
7076
7151
|
await this.show();
|
|
7077
|
-
__classPrivateFieldGet$
|
|
7152
|
+
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
|
|
7153
|
+
event.preventDefault();
|
|
7154
|
+
event.stopPropagation();
|
|
7155
|
+
return;
|
|
7156
|
+
}
|
|
7157
|
+
// Prevent space key from scrolling the page when focused on an item
|
|
7158
|
+
if (key === ' ') {
|
|
7078
7159
|
event.preventDefault();
|
|
7160
|
+
event.stopPropagation();
|
|
7079
7161
|
return;
|
|
7080
7162
|
}
|
|
7081
7163
|
if (!VERTICAL_MOVE_KEYS.has(key))
|
|
7082
7164
|
return;
|
|
7083
|
-
const Items = __classPrivateFieldGet$
|
|
7165
|
+
const Items = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").filter((item) => isEnabledItem(item) &&
|
|
7084
7166
|
closestElement('qds-dropdown', item) === this.host);
|
|
7085
7167
|
if (Items.length === 0)
|
|
7086
7168
|
return;
|
|
@@ -7119,42 +7201,42 @@ class Dropdown {
|
|
|
7119
7201
|
_Dropdown_onReferenceClick.set(this, async () => {
|
|
7120
7202
|
if (this.disabled)
|
|
7121
7203
|
return;
|
|
7122
|
-
if (__classPrivateFieldGet$
|
|
7204
|
+
if (__classPrivateFieldGet$o(this, _Dropdown_open, "f")) {
|
|
7123
7205
|
await this.close();
|
|
7124
7206
|
return;
|
|
7125
7207
|
}
|
|
7126
7208
|
await this.show();
|
|
7127
|
-
__classPrivateFieldGet$
|
|
7209
|
+
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
|
|
7128
7210
|
});
|
|
7129
7211
|
_Dropdown_boundOnFocusout.set(this, (event) => {
|
|
7130
|
-
ignorePromise(__classPrivateFieldGet$
|
|
7212
|
+
ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f").call(this, event));
|
|
7131
7213
|
});
|
|
7132
7214
|
_Dropdown_boundOnKeydown.set(this, (event) => {
|
|
7133
|
-
ignorePromise(__classPrivateFieldGet$
|
|
7215
|
+
ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f").call(this, event));
|
|
7134
7216
|
});
|
|
7135
7217
|
_Dropdown_boundOnReferenceClick.set(this, () => {
|
|
7136
|
-
ignorePromise(__classPrivateFieldGet$
|
|
7218
|
+
ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onReferenceClick, "f").call(this));
|
|
7137
7219
|
});
|
|
7138
7220
|
_Dropdown_onSlotchange.set(this, (event) => {
|
|
7139
7221
|
const slot = event.target;
|
|
7140
7222
|
const assignedElements = slot.assignedElements({ flatten: true });
|
|
7141
|
-
__classPrivateFieldSet$
|
|
7223
|
+
__classPrivateFieldSet$k(this, _Dropdown_Items, assignedElements.filter((element) => isEnabledItem(element)), "f");
|
|
7142
7224
|
});
|
|
7143
7225
|
}
|
|
7144
7226
|
/**
|
|
7145
7227
|
* Updates the gap between the dropdown and its target element.
|
|
7146
7228
|
*/
|
|
7147
7229
|
async updateGap() {
|
|
7148
|
-
__classPrivateFieldSet$
|
|
7230
|
+
__classPrivateFieldSet$k(this, _Dropdown_gap, propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0, "f");
|
|
7149
7231
|
await this.updateMiddleware();
|
|
7150
7232
|
}
|
|
7151
7233
|
/**
|
|
7152
7234
|
* Shows the dropdown.
|
|
7153
7235
|
*/
|
|
7154
7236
|
async show() {
|
|
7155
|
-
if (__classPrivateFieldGet$
|
|
7237
|
+
if (__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
|
|
7156
7238
|
return;
|
|
7157
|
-
const reference = __classPrivateFieldGet$
|
|
7239
|
+
const reference = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f");
|
|
7158
7240
|
const { host } = this;
|
|
7159
7241
|
if (reference instanceof globalThis.Element) {
|
|
7160
7242
|
reference.setAttribute('aria-expanded', 'true');
|
|
@@ -7165,12 +7247,12 @@ class Dropdown {
|
|
|
7165
7247
|
if (isQdsButton(reference) && reference.action === 'dropdown')
|
|
7166
7248
|
reference.action = 'dropdown-close';
|
|
7167
7249
|
}
|
|
7168
|
-
if (!__classPrivateFieldGet$
|
|
7250
|
+
if (!__classPrivateFieldGet$o(this, _Dropdown_opened, "f")) {
|
|
7169
7251
|
await this.updateGap();
|
|
7170
|
-
__classPrivateFieldSet$
|
|
7252
|
+
__classPrivateFieldSet$k(this, _Dropdown_opened, true, "f");
|
|
7171
7253
|
}
|
|
7172
7254
|
this.startAutoUpdate();
|
|
7173
|
-
__classPrivateFieldSet$
|
|
7255
|
+
__classPrivateFieldSet$k(this, _Dropdown_open, true, "f");
|
|
7174
7256
|
host.hidden = false;
|
|
7175
7257
|
host.showPopover();
|
|
7176
7258
|
}
|
|
@@ -7178,29 +7260,29 @@ class Dropdown {
|
|
|
7178
7260
|
* Closes the dropdown.
|
|
7179
7261
|
*/
|
|
7180
7262
|
async close() {
|
|
7181
|
-
if (!__classPrivateFieldGet$
|
|
7263
|
+
if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
|
|
7182
7264
|
return;
|
|
7183
|
-
if (__classPrivateFieldGet$
|
|
7184
|
-
__classPrivateFieldGet$
|
|
7185
|
-
__classPrivateFieldGet$
|
|
7186
|
-
if (isQdsButton(__classPrivateFieldGet$
|
|
7187
|
-
__classPrivateFieldGet$
|
|
7188
|
-
__classPrivateFieldGet$
|
|
7189
|
-
}
|
|
7190
|
-
if (__classPrivateFieldGet$
|
|
7191
|
-
__classPrivateFieldGet$
|
|
7192
|
-
__classPrivateFieldSet$
|
|
7265
|
+
if (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
|
|
7266
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
|
|
7267
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
|
|
7268
|
+
if (isQdsButton(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")) &&
|
|
7269
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").action === 'dropdown-close')
|
|
7270
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").action = 'dropdown';
|
|
7271
|
+
}
|
|
7272
|
+
if (__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f"))
|
|
7273
|
+
__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f").call(this);
|
|
7274
|
+
__classPrivateFieldSet$k(this, _Dropdown_open, false, "f");
|
|
7193
7275
|
this.host.hidden = true;
|
|
7194
7276
|
this.host.hidePopover();
|
|
7195
7277
|
this.closeEmitter.emit();
|
|
7196
7278
|
}
|
|
7197
7279
|
async handleMouseDown(event) {
|
|
7198
|
-
if (!__classPrivateFieldGet$
|
|
7280
|
+
if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
|
|
7199
7281
|
return;
|
|
7200
7282
|
const composedPath = event.composedPath();
|
|
7201
7283
|
const withinBounds = composedPath.includes(this.host) ||
|
|
7202
|
-
(__classPrivateFieldGet$
|
|
7203
|
-
composedPath.includes(__classPrivateFieldGet$
|
|
7284
|
+
(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
|
|
7285
|
+
composedPath.includes(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")));
|
|
7204
7286
|
if (!withinBounds)
|
|
7205
7287
|
await this.close();
|
|
7206
7288
|
}
|
|
@@ -7211,24 +7293,24 @@ class Dropdown {
|
|
|
7211
7293
|
}
|
|
7212
7294
|
async updateReferenceElement() {
|
|
7213
7295
|
var _a;
|
|
7214
|
-
__classPrivateFieldGet$
|
|
7215
|
-
__classPrivateFieldSet$
|
|
7216
|
-
if (!(__classPrivateFieldGet$
|
|
7296
|
+
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
|
|
7297
|
+
__classPrivateFieldSet$k(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
|
|
7298
|
+
if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
|
|
7217
7299
|
return;
|
|
7218
|
-
__classPrivateFieldGet$
|
|
7219
|
-
__classPrivateFieldGet$
|
|
7220
|
-
__classPrivateFieldGet$
|
|
7221
|
-
__classPrivateFieldGet$
|
|
7300
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
|
|
7301
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('click', __classPrivateFieldGet$o(this, _Dropdown_boundOnReferenceClick, "f"));
|
|
7302
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('focusout', __classPrivateFieldGet$o(this, _Dropdown_boundOnFocusout, "f"));
|
|
7303
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
|
|
7222
7304
|
if (this.host.role === 'menu') {
|
|
7223
|
-
(_a = __classPrivateFieldGet$
|
|
7224
|
-
this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$
|
|
7305
|
+
(_a = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${autoIncrementingId$3}`);
|
|
7306
|
+
this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").id);
|
|
7225
7307
|
}
|
|
7226
7308
|
}
|
|
7227
7309
|
async updateMiddleware() {
|
|
7228
|
-
__classPrivateFieldSet$
|
|
7310
|
+
__classPrivateFieldSet$k(this, _Dropdown_middleware, [
|
|
7229
7311
|
offset({
|
|
7230
7312
|
...this.offsetOptions,
|
|
7231
|
-
mainAxis: __classPrivateFieldGet$
|
|
7313
|
+
mainAxis: __classPrivateFieldGet$o(this, _Dropdown_gap, "f"),
|
|
7232
7314
|
}),
|
|
7233
7315
|
!this.noFlip &&
|
|
7234
7316
|
flip({
|
|
@@ -7243,10 +7325,10 @@ class Dropdown {
|
|
|
7243
7325
|
], "f");
|
|
7244
7326
|
}
|
|
7245
7327
|
async updatePosition() {
|
|
7246
|
-
if (!__classPrivateFieldGet$
|
|
7328
|
+
if (!__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"))
|
|
7247
7329
|
return;
|
|
7248
|
-
const { x, y, strategy } = await computePosition(__classPrivateFieldGet$
|
|
7249
|
-
middleware: __classPrivateFieldGet$
|
|
7330
|
+
const { x, y, strategy } = await computePosition(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"), this.host, {
|
|
7331
|
+
middleware: __classPrivateFieldGet$o(this, _Dropdown_middleware, "f"),
|
|
7250
7332
|
placement: this.placement,
|
|
7251
7333
|
strategy: this.strategy,
|
|
7252
7334
|
});
|
|
@@ -7257,11 +7339,11 @@ class Dropdown {
|
|
|
7257
7339
|
});
|
|
7258
7340
|
}
|
|
7259
7341
|
startAutoUpdate() {
|
|
7260
|
-
if (!__classPrivateFieldGet$
|
|
7342
|
+
if (!__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"))
|
|
7261
7343
|
return;
|
|
7262
|
-
if (__classPrivateFieldGet$
|
|
7263
|
-
__classPrivateFieldGet$
|
|
7264
|
-
__classPrivateFieldSet$
|
|
7344
|
+
if (__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f"))
|
|
7345
|
+
__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f").call(this);
|
|
7346
|
+
__classPrivateFieldSet$k(this, _Dropdown_cleanup, autoUpdate(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"), this.host, () => {
|
|
7265
7347
|
ignorePromise(this.updatePosition());
|
|
7266
7348
|
}, this.autoUpdateOptions), "f");
|
|
7267
7349
|
}
|
|
@@ -7275,10 +7357,10 @@ class Dropdown {
|
|
|
7275
7357
|
autoIncrementingId$3 += 1;
|
|
7276
7358
|
}
|
|
7277
7359
|
disconnectedCallback() {
|
|
7278
|
-
__classPrivateFieldGet$
|
|
7360
|
+
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
|
|
7279
7361
|
}
|
|
7280
7362
|
render() {
|
|
7281
|
-
return (hAsync(Host, { key: '
|
|
7363
|
+
return (hAsync(Host, { key: '65c58f7361006626f42e2d3b57fe78d2388b3a9d', onKeyDown: __classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: '79bc14dc9dfd417f26e7043fcd71694819ccd2c8', onSlotchange: __classPrivateFieldGet$o(this, _Dropdown_onSlotchange, "f") })));
|
|
7282
7364
|
}
|
|
7283
7365
|
static get delegatesFocus() { return true; }
|
|
7284
7366
|
get host() { return getElement(this); }
|
|
@@ -7320,30 +7402,30 @@ class Dropdown {
|
|
|
7320
7402
|
}; }
|
|
7321
7403
|
}
|
|
7322
7404
|
_Dropdown_cleanup = new WeakMap(), _Dropdown_Items = new WeakMap(), _Dropdown_gap = new WeakMap(), _Dropdown_middleware = new WeakMap(), _Dropdown_referenceElement = new WeakMap(), _Dropdown_open = new WeakMap(), _Dropdown_opened = new WeakMap(), _Dropdown_onFocusout = new WeakMap(), _Dropdown_onKeydown = new WeakMap(), _Dropdown_onReferenceClick = new WeakMap(), _Dropdown_boundOnFocusout = new WeakMap(), _Dropdown_boundOnKeydown = new WeakMap(), _Dropdown_boundOnReferenceClick = new WeakMap(), _Dropdown_onSlotchange = new WeakMap(), _Dropdown_instances = new WeakSet(), _Dropdown_focusOnTrigger = function _Dropdown_focusOnTrigger() {
|
|
7323
|
-
if (__classPrivateFieldGet$
|
|
7324
|
-
__classPrivateFieldGet$
|
|
7325
|
-
__classPrivateFieldGet$
|
|
7405
|
+
if (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement ||
|
|
7406
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement) {
|
|
7407
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").focus();
|
|
7326
7408
|
}
|
|
7327
7409
|
}, _Dropdown_focusFirstItem = function _Dropdown_focusFirstItem() {
|
|
7328
7410
|
requestAnimationFrame(() => {
|
|
7329
|
-
const firstItem = __classPrivateFieldGet$
|
|
7411
|
+
const firstItem = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").find((item) => item instanceof HTMLElement &&
|
|
7330
7412
|
isEnabledItem(item) &&
|
|
7331
7413
|
closestElement('qds-dropdown', item) === this.host);
|
|
7332
7414
|
if (!firstItem)
|
|
7333
7415
|
return;
|
|
7334
|
-
for (const item of __classPrivateFieldGet$
|
|
7416
|
+
for (const item of __classPrivateFieldGet$o(this, _Dropdown_Items, "f"))
|
|
7335
7417
|
item.setAttribute('tabindex', '-1');
|
|
7336
7418
|
firstItem.setAttribute('tabindex', '0');
|
|
7337
7419
|
firstItem.focus();
|
|
7338
7420
|
});
|
|
7339
7421
|
}, _Dropdown_disconnectReferenceElement = function _Dropdown_disconnectReferenceElement() {
|
|
7340
7422
|
this.host.removeAttribute('aria-labelledby');
|
|
7341
|
-
if (!(__classPrivateFieldGet$
|
|
7423
|
+
if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
|
|
7342
7424
|
return;
|
|
7343
|
-
__classPrivateFieldGet$
|
|
7344
|
-
__classPrivateFieldGet$
|
|
7345
|
-
__classPrivateFieldGet$
|
|
7346
|
-
__classPrivateFieldGet$
|
|
7425
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('focusout', __classPrivateFieldGet$o(this, _Dropdown_boundOnFocusout, "f"));
|
|
7426
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
|
|
7427
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-expanded');
|
|
7428
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
|
|
7347
7429
|
};
|
|
7348
7430
|
|
|
7349
7431
|
const formMessageCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-form-message{color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap)}.qds-form-message.qds-inline{align-items:flex-start}.qds-icon-background,.qds-icon-container{align-items:center;display:flex}.qds-icon-background{background-color:var(--qds-theme-feedback-action-destructive-contrast);border-radius:var(--qds-control-rounded-border-radius)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-size=small]{font:var(--qds-form-small-text)}.qds-icon-container[data-size=small]{height:var(--qds-control-small-icon-crop-height)}.qds-icon[data-size=small]{height:var(--qds-form-small-icon-size);width:var(--qds-form-small-icon-size)}.qds-inline[data-size=small]{min-height:var(--qds-form-input-small-height);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-form-standard-text)}.qds-icon-container[data-size=standard]{height:var(--qds-control-standard-icon-crop-height)}.qds-icon[data-size=standard]{height:var(--qds-form-standard-icon-size);width:var(--qds-form-standard-icon-size)}.qds-inline[data-size=standard]{min-height:var(--qds-form-input-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-form-large-text)}.qds-icon-container[data-size=large]{height:var(--qds-control-large-icon-crop-height)}.qds-icon[data-size=large]{height:var(--qds-form-large-icon-size);width:var(--qds-form-large-icon-size)}.qds-inline[data-size=large]{min-height:var(--qds-form-input-large-height);padding-block:var(--qds-control-large-padding-auto-height)}.qds-icon[data-status=error],.qds-text[data-status=error]{color:var(--qds-theme-feedback-result-failure)}[data-status=info].qds-icon{color:var(--qds-theme-feedback-message-informational)}.qds-icon[data-status=success],.qds-text[data-status=success]{color:var(--qds-theme-feedback-result-success)}[data-status=warning].qds-icon{color:var(--qds-theme-feedback-result-partial-success)}[data-status=neutral]{color:var(--qds-theme-text-subdued)}";
|
|
@@ -7351,7 +7433,7 @@ const formMessageCss = ":host([hidden]){display:none!important}:host{display:inl
|
|
|
7351
7433
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7352
7434
|
//
|
|
7353
7435
|
// SPDX-License-Identifier: Apache-2.0
|
|
7354
|
-
var __classPrivateFieldSet$
|
|
7436
|
+
var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7355
7437
|
if (kind === "m")
|
|
7356
7438
|
throw new TypeError("Private method is not writable");
|
|
7357
7439
|
if (kind === "a" && !f)
|
|
@@ -7360,7 +7442,7 @@ var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
7360
7442
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
7361
7443
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
7362
7444
|
};
|
|
7363
|
-
var __classPrivateFieldGet$
|
|
7445
|
+
var __classPrivateFieldGet$n = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7364
7446
|
if (kind === "a" && !f)
|
|
7365
7447
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7366
7448
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -7396,13 +7478,13 @@ class FormMessage {
|
|
|
7396
7478
|
_FormMessage_inheritedAttributes.set(this, {});
|
|
7397
7479
|
}
|
|
7398
7480
|
componentWillLoad() {
|
|
7399
|
-
__classPrivateFieldSet$
|
|
7481
|
+
__classPrivateFieldSet$j(this, _FormMessage_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
7400
7482
|
}
|
|
7401
7483
|
render() {
|
|
7402
|
-
return (hAsync("span", { key: '
|
|
7484
|
+
return (hAsync("span", { key: '06e32c62546b32c49b946d4878a7d6fe8401bdc5', class: {
|
|
7403
7485
|
'qds-form-message': true,
|
|
7404
7486
|
'qds-inline': this.inline,
|
|
7405
|
-
}, "data-size": __classPrivateFieldGet$
|
|
7487
|
+
}, "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), ...__classPrivateFieldGet$n(this, _FormMessage_inheritedAttributes, "f") }, this.status !== 'neutral' && (hAsync("div", { key: '0a9b180b4a3649f5360cdd930b47e154940a57ec', class: "qds-icon-container", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: '8662cabe7446727290a67ad778e519aad73438f6', class: "qds-icon-background", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status }, hAsync("qds-icon", { key: '99467f3ddac3b4ca02f54b56d252eafcd266e627', class: "qds-icon", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status, name: `status-${this.status}-solid`, library: "core" }), hAsync("span", { key: 'f14eb5b9840eab89b41b0dba1aeb3e4565302a57', class: "qds-sr-only" }, this.statusDescription)))), hAsync("span", { key: 'feba7f19897dad2a1913cb6175933fb83580a5b0', class: "qds-text", "data-status": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
|
|
7406
7488
|
}
|
|
7407
7489
|
get host() { return getElement(this); }
|
|
7408
7490
|
static get style() { return formMessageCss; }
|
|
@@ -7577,26 +7659,6 @@ const requestIcon = (url) => {
|
|
|
7577
7659
|
|
|
7578
7660
|
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%}";
|
|
7579
7661
|
|
|
7580
|
-
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7581
|
-
//
|
|
7582
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
7583
|
-
var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7584
|
-
if (kind === "a" && !f)
|
|
7585
|
-
throw new TypeError("Private accessor was defined without a getter");
|
|
7586
|
-
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7587
|
-
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
7588
|
-
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
7589
|
-
};
|
|
7590
|
-
var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7591
|
-
if (kind === "m")
|
|
7592
|
-
throw new TypeError("Private method is not writable");
|
|
7593
|
-
if (kind === "a" && !f)
|
|
7594
|
-
throw new TypeError("Private accessor was defined without a setter");
|
|
7595
|
-
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7596
|
-
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
7597
|
-
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
7598
|
-
};
|
|
7599
|
-
var _Icon_inheritedAttributes;
|
|
7600
7662
|
let parser;
|
|
7601
7663
|
/**
|
|
7602
7664
|
* @experimental
|
|
@@ -7606,12 +7668,18 @@ class Icon {
|
|
|
7606
7668
|
registerInstance(this, hostRef);
|
|
7607
7669
|
this.loadEmitter = createEvent(this, "qdsLoad", 6);
|
|
7608
7670
|
this.errorEmitter = createEvent(this, "qdsError", 6);
|
|
7671
|
+
if (hostRef.$hostElement$["s-ei"]) {
|
|
7672
|
+
this.internals = hostRef.$hostElement$["s-ei"];
|
|
7673
|
+
}
|
|
7674
|
+
else {
|
|
7675
|
+
this.internals = hostRef.$hostElement$.attachInternals();
|
|
7676
|
+
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
7677
|
+
}
|
|
7609
7678
|
/**
|
|
7610
7679
|
* The name of a registered icon library.
|
|
7611
7680
|
*/
|
|
7612
7681
|
this.library = 'default';
|
|
7613
7682
|
this.svg = '';
|
|
7614
|
-
_Icon_inheritedAttributes.set(this, {});
|
|
7615
7683
|
}
|
|
7616
7684
|
async setIcon() {
|
|
7617
7685
|
if (!this.name)
|
|
@@ -7642,9 +7710,6 @@ class Icon {
|
|
|
7642
7710
|
this.errorEmitter.emit();
|
|
7643
7711
|
}
|
|
7644
7712
|
else {
|
|
7645
|
-
for (const [key, value] of Object.entries(__classPrivateFieldGet$l(this, _Icon_inheritedAttributes, "f")))
|
|
7646
|
-
if (value !== undefined)
|
|
7647
|
-
svgElement.setAttribute(key, value);
|
|
7648
7713
|
this.svg = svgElement.outerHTML;
|
|
7649
7714
|
this.loadEmitter.emit();
|
|
7650
7715
|
}
|
|
@@ -7654,13 +7719,12 @@ class Icon {
|
|
|
7654
7719
|
}
|
|
7655
7720
|
}
|
|
7656
7721
|
async componentWillLoad() {
|
|
7657
|
-
|
|
7722
|
+
this.internals.role = 'presentation';
|
|
7658
7723
|
await this.setIcon();
|
|
7659
7724
|
}
|
|
7660
7725
|
render() {
|
|
7661
|
-
return (hAsync("div", { key: '
|
|
7726
|
+
return (hAsync("div", { key: 'a572b557421a531b2247ff4bdfa3f739eddf04de', class: "qds-container", "aria-hidden": "true" }, hAsync("span", { key: '61ffb82db95a3fc5703e5c5fa33af46281fad445', class: "qds-icon-wrapper", innerHTML: this.svg })));
|
|
7662
7727
|
}
|
|
7663
|
-
get host() { return getElement(this); }
|
|
7664
7728
|
static get watchers() { return {
|
|
7665
7729
|
"name": ["setIcon"],
|
|
7666
7730
|
"library": ["setIcon"]
|
|
@@ -7679,14 +7743,13 @@ class Icon {
|
|
|
7679
7743
|
"$attrsToReflect$": []
|
|
7680
7744
|
}; }
|
|
7681
7745
|
}
|
|
7682
|
-
_Icon_inheritedAttributes = new WeakMap();
|
|
7683
7746
|
|
|
7684
|
-
const iconButtonCss = ":host{display:block;outline:none}.qds-focus-ring{border-radius:max(1px,var(\n --qds-
|
|
7747
|
+
const iconButtonCss = ":host{display:block;outline:none}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-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-control-border-width) - var(--qds-control-border-width));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-control-border-width) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-control-border-width)\n ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-container{display:grid;grid-template-areas:\"d\"}.qds-icon-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;color:var(--qds-theme-control-text-standard);cursor:pointer;display:flex;grid-area:d;justify-content:center;line-height:normal;min-width:0;outline:none;padding-inline:0;position:relative;-webkit-user-select:none;user-select:none}.qds-icon-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-icon-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0}.qds-indicator{transform:translate(50%,-50%)}.qds-counter,.qds-indicator{position:absolute}[data-size=small]{min-height:var(--qds-control-small-height);width:var(--qds-control-small-height)}.qds-icon[data-size=small]{min-height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-small-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-small-badge-indicator-padding-end\n )}[data-size=small] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-small-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-small-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=standard]{min-height:var(--qds-control-standard-height);width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{min-height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-standard-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-standard-badge-indicator-padding-end\n )}[data-size=standard] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-standard-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-standard-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=large]{min-height:var(--qds-control-large-height);width:var(--qds-control-large-height)}.qds-icon[data-size=large]{min-height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-large-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-large-badge-indicator-padding-end\n )}[data-size=large] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-large-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-large-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=hero]{border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n );min-height:var(--qds-control-hero-height);width:var(--qds-control-hero-height)}.qds-icon[data-size=hero]{min-height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}[data-size=hero] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-hero-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-hero-badge-indicator-padding-end\n )}[data-size=hero] .qds-counter{inset-block-start:var(\n --qds-control-icon-button-hero-badge-counter-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-hero-badge-counter-padding-end\n )}[data-importance=subdued]{color:var(--qds-theme-control-text-standard)}[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);color:var(--qds-theme-control-text-standard)}[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{border:none;color:var(--qds-theme-feedback-action-destructive-default)}[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}";
|
|
7685
7748
|
|
|
7686
7749
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
7687
7750
|
//
|
|
7688
7751
|
// SPDX-License-Identifier: Apache-2.0
|
|
7689
|
-
var __classPrivateFieldGet$
|
|
7752
|
+
var __classPrivateFieldGet$m = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7690
7753
|
if (kind === "a" && !f)
|
|
7691
7754
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7692
7755
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -7770,17 +7833,17 @@ class IconButton {
|
|
|
7770
7833
|
_IconButton_tooltipRef.set(this, (tooltip) => {
|
|
7771
7834
|
if (tooltip) {
|
|
7772
7835
|
// eslint-disable-next-line no-param-reassign
|
|
7773
|
-
tooltip.target = __classPrivateFieldGet$
|
|
7836
|
+
tooltip.target = __classPrivateFieldGet$m(this, _IconButton_button, "f");
|
|
7774
7837
|
__classPrivateFieldSet$i(this, _IconButton_tooltip, tooltip, "f");
|
|
7775
7838
|
}
|
|
7776
7839
|
});
|
|
7777
7840
|
}
|
|
7778
7841
|
disabledChanged() {
|
|
7779
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
7780
|
-
if (__classPrivateFieldGet$
|
|
7842
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get).toString();
|
|
7843
|
+
if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
|
|
7781
7844
|
this.host.removeAttribute('tabindex');
|
|
7782
7845
|
else
|
|
7783
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
7846
|
+
this.host.tabIndex = __classPrivateFieldGet$m(this, _IconButton_savedTabIndex, "f");
|
|
7784
7847
|
}
|
|
7785
7848
|
hrefChanged() {
|
|
7786
7849
|
this.internals.role = this.href === undefined ? 'button' : 'link';
|
|
@@ -7792,34 +7855,34 @@ class IconButton {
|
|
|
7792
7855
|
? 0
|
|
7793
7856
|
: parsedValue, "f");
|
|
7794
7857
|
}
|
|
7795
|
-
if (__classPrivateFieldGet$
|
|
7858
|
+
if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
|
|
7796
7859
|
this.host.removeAttribute('tabindex');
|
|
7797
7860
|
else
|
|
7798
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
7861
|
+
this.host.tabIndex = __classPrivateFieldGet$m(this, _IconButton_savedTabIndex, "f");
|
|
7799
7862
|
}
|
|
7800
7863
|
textChanged() {
|
|
7801
|
-
__classPrivateFieldGet$
|
|
7864
|
+
__classPrivateFieldGet$m(this, _IconButton_instances, "m", _IconButton_updateAriaLabel).call(this);
|
|
7802
7865
|
}
|
|
7803
7866
|
onClick(event) {
|
|
7804
|
-
if (__classPrivateFieldGet$
|
|
7867
|
+
if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
|
|
7805
7868
|
event.stopImmediatePropagation();
|
|
7806
7869
|
}
|
|
7807
7870
|
async onBlur(event) {
|
|
7808
7871
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
7809
|
-
if (__classPrivateFieldGet$
|
|
7810
|
-
await __classPrivateFieldGet$
|
|
7872
|
+
if (__classPrivateFieldGet$m(this, _IconButton_tooltip, "f")) {
|
|
7873
|
+
await __classPrivateFieldGet$m(this, _IconButton_tooltip, "f").close();
|
|
7811
7874
|
}
|
|
7812
7875
|
}
|
|
7813
7876
|
async onFocus(event) {
|
|
7814
7877
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
7815
|
-
if (__classPrivateFieldGet$
|
|
7816
|
-
await __classPrivateFieldGet$
|
|
7878
|
+
if (__classPrivateFieldGet$m(this, _IconButton_tooltip, "f")) {
|
|
7879
|
+
await __classPrivateFieldGet$m(this, _IconButton_tooltip, "f").show();
|
|
7817
7880
|
}
|
|
7818
7881
|
}
|
|
7819
7882
|
onKeydown(event) {
|
|
7820
7883
|
if (event.key === 'Enter') {
|
|
7821
|
-
if (__classPrivateFieldGet$
|
|
7822
|
-
__classPrivateFieldGet$
|
|
7884
|
+
if (__classPrivateFieldGet$m(this, _IconButton_button, "f") instanceof HTMLAnchorElement) {
|
|
7885
|
+
__classPrivateFieldGet$m(this, _IconButton_button, "f").click();
|
|
7823
7886
|
}
|
|
7824
7887
|
else
|
|
7825
7888
|
this.host.click();
|
|
@@ -7837,10 +7900,10 @@ class IconButton {
|
|
|
7837
7900
|
}
|
|
7838
7901
|
render() {
|
|
7839
7902
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
7840
|
-
return (hAsync("div", { key: '
|
|
7903
|
+
return (hAsync("div", { key: '74914fa07f359baa1a7f713b006ae390faf2c6c7', class: "qds-container", "aria-hidden": "true" }, hAsync(Tag, { key: '020ec79ffa66c0ffc6889021efbf841aa81988db', type: Tag === 'a' ? undefined : 'button', class: {
|
|
7841
7904
|
'qds-icon-button': true,
|
|
7842
|
-
'qds-disabled': __classPrivateFieldGet$
|
|
7843
|
-
}, href: Tag === 'a' ? this.href : undefined, target: Tag === 'a' ? this.target : undefined, rel: Tag === 'a' ? this.rel : undefined, ref: __classPrivateFieldGet$
|
|
7905
|
+
'qds-disabled': __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get),
|
|
7906
|
+
}, href: Tag === 'a' ? this.href : undefined, target: Tag === 'a' ? this.target : undefined, rel: Tag === 'a' ? this.rel : undefined, ref: __classPrivateFieldGet$m(this, _IconButton_ref, "f"), disabled: Tag === 'a' ? undefined : __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get), download: Tag === 'a' ? this.download : undefined, "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), "data-importance": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedImportance_get), onKeyDown: preventDefault$1, onKeyUp: preventDefault$1, onKeyPress: preventDefault$1, tabIndex: -1 }, hAsync("qds-icon", { key: '24a25e630f833d2b61c461a522517f54d125ce73', class: "qds-icon", "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), library: this.iconLibrary, name: this.iconName }), isIndicator$2(this.badge) && (hAsync("qds-badge-indicator", { key: '3e4efc42923833d90a1550cdcc124520227e423e', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true })), isCounter$2(this.badge) && (hAsync("qds-badge-counter", { key: 'aff710b534385e2f88e964cabd9070e7381d079f', class: "qds-counter", description: this.badgeDescription, importance: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedImportance_get), size: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true, value: this.badge }))), hAsync("div", { key: '161d272e21dfcc81b130c40fe8afce7600332777', class: "qds-focus-ring", "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get) }), __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_hasText_get) && (hAsync("qds-tooltip", { key: '1c6e87ba9cd0e298ae2cfbb5dc10bb393d7ef7c7', ref: __classPrivateFieldGet$m(this, _IconButton_tooltipRef, "f") }, this.text))));
|
|
7844
7907
|
}
|
|
7845
7908
|
static get formAssociated() { return true; }
|
|
7846
7909
|
get host() { return getElement(this); }
|
|
@@ -7929,7 +7992,7 @@ var __classPrivateFieldSet$h = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
7929
7992
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
7930
7993
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
7931
7994
|
};
|
|
7932
|
-
var __classPrivateFieldGet$
|
|
7995
|
+
var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7933
7996
|
if (kind === "a" && !f)
|
|
7934
7997
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7935
7998
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -8003,7 +8066,7 @@ class IconTab {
|
|
|
8003
8066
|
_IconTab_tooltipRef.set(this, (tooltip) => {
|
|
8004
8067
|
if (tooltip)
|
|
8005
8068
|
// eslint-disable-next-line no-param-reassign
|
|
8006
|
-
tooltip.target = __classPrivateFieldGet$
|
|
8069
|
+
tooltip.target = __classPrivateFieldGet$l(this, _IconTab_div, "f");
|
|
8007
8070
|
});
|
|
8008
8071
|
_IconTab_onBlur.set(this, (event) => {
|
|
8009
8072
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
@@ -8013,7 +8076,7 @@ class IconTab {
|
|
|
8013
8076
|
});
|
|
8014
8077
|
_IconTab_defineTab.set(this, () => {
|
|
8015
8078
|
this.internals.role = 'tab';
|
|
8016
|
-
__classPrivateFieldGet$
|
|
8079
|
+
__classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$l(this, _IconTab_iconTab, "f"));
|
|
8017
8080
|
});
|
|
8018
8081
|
}
|
|
8019
8082
|
panelChanged() {
|
|
@@ -8024,15 +8087,15 @@ class IconTab {
|
|
|
8024
8087
|
__classPrivateFieldSet$h(this, _IconTab_panel, panel, "f");
|
|
8025
8088
|
const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
|
|
8026
8089
|
if (tab)
|
|
8027
|
-
tab.setAttribute('aria-controls', __classPrivateFieldGet$
|
|
8028
|
-
if (__classPrivateFieldGet$
|
|
8029
|
-
__classPrivateFieldGet$
|
|
8030
|
-
if (__classPrivateFieldGet$
|
|
8031
|
-
__classPrivateFieldGet$
|
|
8032
|
-
__classPrivateFieldGet$
|
|
8090
|
+
tab.setAttribute('aria-controls', __classPrivateFieldGet$l(this, _IconTab_panel, "f").id);
|
|
8091
|
+
if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").role === null)
|
|
8092
|
+
__classPrivateFieldGet$l(this, _IconTab_panel, "f").role = 'tabpanel';
|
|
8093
|
+
if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === null)
|
|
8094
|
+
__classPrivateFieldGet$l(this, _IconTab_panel, "f").setAttribute('aria-labelledby', this.host.id);
|
|
8095
|
+
__classPrivateFieldGet$l(this, _IconTab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('tabindex') ?? '0');
|
|
8033
8096
|
}
|
|
8034
8097
|
onClick(event) {
|
|
8035
|
-
if (__classPrivateFieldGet$
|
|
8098
|
+
if (__classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get))
|
|
8036
8099
|
event.stopImmediatePropagation();
|
|
8037
8100
|
}
|
|
8038
8101
|
tabindexChanged(newValue) {
|
|
@@ -8045,39 +8108,39 @@ class IconTab {
|
|
|
8045
8108
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
8046
8109
|
(_a = this.host).id || (_a.id = `qds-icon-tab-${autoIncrementingId$2}`);
|
|
8047
8110
|
autoIncrementingId$2 += 1;
|
|
8048
|
-
__classPrivateFieldGet$
|
|
8111
|
+
__classPrivateFieldGet$l(this, _IconTab_defineTab, "f").call(this);
|
|
8049
8112
|
}
|
|
8050
8113
|
componentWillRender() {
|
|
8051
|
-
const isPanelRoot = __classPrivateFieldGet$
|
|
8052
|
-
const isMainSubsection = __classPrivateFieldGet$
|
|
8114
|
+
const isPanelRoot = __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'panel' && __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'root';
|
|
8115
|
+
const isMainSubsection = __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'main' && __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'subsection';
|
|
8053
8116
|
this.isIndicatorOnTop = isPanelRoot || isMainSubsection;
|
|
8054
8117
|
}
|
|
8055
8118
|
componentDidLoad() {
|
|
8056
8119
|
this.panelChanged();
|
|
8057
8120
|
}
|
|
8058
8121
|
disconnectedCallback() {
|
|
8059
|
-
if (!__classPrivateFieldGet$
|
|
8122
|
+
if (!__classPrivateFieldGet$l(this, _IconTab_panel, "f"))
|
|
8060
8123
|
return;
|
|
8061
8124
|
const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
|
|
8062
8125
|
if (tab)
|
|
8063
8126
|
tab.removeAttribute('aria-controls');
|
|
8064
|
-
if (__classPrivateFieldGet$
|
|
8127
|
+
if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").role === 'tabpanel')
|
|
8065
8128
|
// eslint-disable-next-line unicorn/no-null
|
|
8066
|
-
__classPrivateFieldGet$
|
|
8067
|
-
if (__classPrivateFieldGet$
|
|
8068
|
-
__classPrivateFieldGet$
|
|
8069
|
-
__classPrivateFieldGet$
|
|
8129
|
+
__classPrivateFieldGet$l(this, _IconTab_panel, "f").role = null;
|
|
8130
|
+
if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
|
|
8131
|
+
__classPrivateFieldGet$l(this, _IconTab_panel, "f").removeAttribute('aria-labelledby');
|
|
8132
|
+
__classPrivateFieldGet$l(this, _IconTab_panel, "f").removeAttribute('tabindex');
|
|
8070
8133
|
}
|
|
8071
8134
|
render() {
|
|
8072
8135
|
const isLink = this.href === undefined ? this.indicatorPosition : 'block-start';
|
|
8073
8136
|
const Tag = isLink ? 'a' : 'div';
|
|
8074
|
-
return (hAsync("div", { key: '
|
|
8137
|
+
return (hAsync("div", { key: '487ae8cb9a55bbe7d07a8c4dcae654a1609af5b4', "aria-disabled": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, class: {
|
|
8075
8138
|
'qds-selected': this.selected,
|
|
8076
|
-
}, "data-size": __classPrivateFieldGet$
|
|
8139
|
+
}, "data-size": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), "data-importance": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedImportance_get), ref: __classPrivateFieldGet$l(this, _IconTab_ref, "f") }, hAsync(Tag, { key: '12093c90673de8fc1377992bc7892e76315b6b21', ref: __classPrivateFieldGet$l(this, _IconTab_iconTabRef, "f"), "aria-disabled": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, ...(isLink ? undefined : { disabled: this.disabled }), onBlur: __classPrivateFieldGet$l(this, _IconTab_onBlur, "f"), onFocus: __classPrivateFieldGet$l(this, _IconTab_onFocus, "f"), class: {
|
|
8077
8140
|
'qds-icon-tab': true,
|
|
8078
8141
|
'qds-selected': this.selected,
|
|
8079
8142
|
[`qds-indicator-${this.indicatorPosition}`]: true,
|
|
8080
|
-
}, role: isLink ? undefined : 'tab', "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": isLink ? undefined : this.selected ? 'true' : 'false', "data-importance": __classPrivateFieldGet$
|
|
8143
|
+
}, role: isLink ? undefined : 'tab', "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": isLink ? undefined : this.selected ? 'true' : 'false', "data-importance": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedImportance_get), "data-size": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), href: isLink ? this.href : undefined }, hAsync("div", { key: '69a7818c3f16667a07cd37d0775d8c2676546693', class: "qds-icon-container" }, hAsync("qds-icon", { key: '281df04fbea65aa853c0f3b5fe20ea0f3c491c81', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName }), isIndicator$1(this.badge) && (hAsync("qds-badge-indicator", { key: '40199c0a4a79e0b98ec62c106d7f76dbac343a3f', class: "qds-badge-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true })), isCounter$1(this.badge) && (hAsync("qds-badge-counter", { key: '3c7cab837ba45ea78c741a748915ec67d2f4ae7d', class: "qds-badge-counter", description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true, value: this.badge })))), hAsync("qds-tooltip", { key: 'bade89eaa9147b36bad8cc0177d1a4867373646f', placement: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_placement_get), ref: __classPrivateFieldGet$l(this, _IconTab_tooltipRef, "f") }, hAsync("qds-title", { key: '45f7022bf7984a7bc471603d94f7f9dc8a3b7ee2', layer: "accessory", level: "root" }, this.text))));
|
|
8081
8144
|
}
|
|
8082
8145
|
get host() { return getElement(this); }
|
|
8083
8146
|
static get watchers() { return {
|
|
@@ -8154,7 +8217,7 @@ const inlineLinkCss = ":host([hidden]){display:none!important}:host{display:inli
|
|
|
8154
8217
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
8155
8218
|
//
|
|
8156
8219
|
// SPDX-License-Identifier: Apache-2.0
|
|
8157
|
-
var __classPrivateFieldGet$
|
|
8220
|
+
var __classPrivateFieldGet$k = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
8158
8221
|
if (kind === "a" && !f)
|
|
8159
8222
|
throw new TypeError("Private accessor was defined without a getter");
|
|
8160
8223
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -8221,10 +8284,10 @@ class InlineLink {
|
|
|
8221
8284
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
8222
8285
|
});
|
|
8223
8286
|
_InlineLink_updateAriaLabelElements.set(this, () => {
|
|
8224
|
-
this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$
|
|
8287
|
+
this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$k(this, _InlineLink_instances, "a", _InlineLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
|
|
8225
8288
|
});
|
|
8226
8289
|
_InlineLink_onSlotchange.set(this, () => {
|
|
8227
|
-
__classPrivateFieldGet$
|
|
8290
|
+
__classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
|
|
8228
8291
|
});
|
|
8229
8292
|
}
|
|
8230
8293
|
onClick(event) {
|
|
@@ -8232,18 +8295,18 @@ class InlineLink {
|
|
|
8232
8295
|
event.stopImmediatePropagation();
|
|
8233
8296
|
}
|
|
8234
8297
|
onKeydown(event) {
|
|
8235
|
-
invariant(__classPrivateFieldGet$
|
|
8298
|
+
invariant(__classPrivateFieldGet$k(this, _InlineLink_link, "f"));
|
|
8236
8299
|
if (this.disabled)
|
|
8237
8300
|
return;
|
|
8238
8301
|
if (event.key === 'Enter')
|
|
8239
|
-
__classPrivateFieldGet$
|
|
8302
|
+
__classPrivateFieldGet$k(this, _InlineLink_link, "f").click();
|
|
8240
8303
|
}
|
|
8241
8304
|
disabledChanged() {
|
|
8242
8305
|
this.internals.ariaDisabled = this.disabled.toString();
|
|
8243
8306
|
if (this.disabled)
|
|
8244
8307
|
this.host.removeAttribute('tabindex');
|
|
8245
8308
|
else
|
|
8246
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
8309
|
+
this.host.tabIndex = __classPrivateFieldGet$k(this, _InlineLink_savedTabIndex, "f");
|
|
8247
8310
|
}
|
|
8248
8311
|
tabindexChanged(newValue) {
|
|
8249
8312
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
@@ -8254,11 +8317,11 @@ class InlineLink {
|
|
|
8254
8317
|
if (this.disabled)
|
|
8255
8318
|
this.host.removeAttribute('tabindex');
|
|
8256
8319
|
else
|
|
8257
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
8320
|
+
this.host.tabIndex = __classPrivateFieldGet$k(this, _InlineLink_savedTabIndex, "f");
|
|
8258
8321
|
}
|
|
8259
8322
|
hrefTargetChanged() {
|
|
8260
8323
|
this.linkIcon = determineLinkIcon(this.target, this.rel);
|
|
8261
|
-
__classPrivateFieldGet$
|
|
8324
|
+
__classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
|
|
8262
8325
|
}
|
|
8263
8326
|
componentWillLoad() {
|
|
8264
8327
|
this.internals.role = 'link';
|
|
@@ -8267,13 +8330,13 @@ class InlineLink {
|
|
|
8267
8330
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
8268
8331
|
}
|
|
8269
8332
|
componentDidLoad() {
|
|
8270
|
-
__classPrivateFieldGet$
|
|
8333
|
+
__classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
|
|
8271
8334
|
}
|
|
8272
8335
|
render() {
|
|
8273
|
-
return (hAsync("a", { key: '
|
|
8336
|
+
return (hAsync("a", { key: '0a4e02f5a4ccd184c3b2fdc72d39b437cb951799', "aria-hidden": "true", class: {
|
|
8274
8337
|
'qds-inline-link': true,
|
|
8275
8338
|
'qds-disabled': this.disabled,
|
|
8276
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
8339
|
+
}, "data-importance": __classPrivateFieldGet$k(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$k(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$k(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$k(this, _InlineLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '66400e2071d58f4ae5b2afd32e435fd688ff9f7b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("slot", { key: '7650baedea48e920ad0aaf445b11654a91954119', onSlotchange: __classPrivateFieldGet$k(this, _InlineLink_onSlotchange, "f") }), this.linkIcon && (hAsync("qds-icon", { key: 'ec44b064cbca50416722bde16fad8f9401e62e8a', class: "qds-icon", library: "core", name: this.linkIcon }))));
|
|
8277
8340
|
}
|
|
8278
8341
|
get host() { return getElement(this); }
|
|
8279
8342
|
static get watchers() { return {
|
|
@@ -8318,12 +8381,12 @@ _InlineLink_savedTabIndex = new WeakMap(), _InlineLink_link = new WeakMap(), _In
|
|
|
8318
8381
|
return this.target === '_blank';
|
|
8319
8382
|
};
|
|
8320
8383
|
|
|
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}";
|
|
8384
|
+
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:\"e\"}.qds-icon-container,.qds-input{grid-area:e}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-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:e;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-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-form-input-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-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-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-form-input-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-form-input-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:e;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-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-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}";
|
|
8322
8385
|
|
|
8323
8386
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
8324
8387
|
//
|
|
8325
8388
|
// SPDX-License-Identifier: Apache-2.0
|
|
8326
|
-
var __classPrivateFieldGet$
|
|
8389
|
+
var __classPrivateFieldGet$j = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
8327
8390
|
if (kind === "a" && !f)
|
|
8328
8391
|
throw new TypeError("Private accessor was defined without a getter");
|
|
8329
8392
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -8491,69 +8554,69 @@ class Input {
|
|
|
8491
8554
|
this.checkValidity = () => this.internals.checkValidity();
|
|
8492
8555
|
this.reportValidity = () => this.internals.reportValidity();
|
|
8493
8556
|
this.setCustomValidity = (error) => {
|
|
8494
|
-
invariant(__classPrivateFieldGet$
|
|
8495
|
-
__classPrivateFieldGet$
|
|
8557
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8558
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").setCustomValidity(error);
|
|
8496
8559
|
if (error)
|
|
8497
|
-
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$
|
|
8560
|
+
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8498
8561
|
else
|
|
8499
8562
|
this.internals.setValidity(NO_ERROR_FLAGS);
|
|
8500
8563
|
};
|
|
8501
8564
|
this.select = () => {
|
|
8502
|
-
invariant(__classPrivateFieldGet$
|
|
8503
|
-
__classPrivateFieldGet$
|
|
8565
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8566
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").select();
|
|
8504
8567
|
};
|
|
8505
8568
|
this.getSelectionDirection = () => {
|
|
8506
|
-
invariant(__classPrivateFieldGet$
|
|
8507
|
-
return __classPrivateFieldGet$
|
|
8569
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8570
|
+
return __classPrivateFieldGet$j(this, _Input_input, "f").selectionDirection;
|
|
8508
8571
|
};
|
|
8509
8572
|
this.getSelectionStart = () => {
|
|
8510
|
-
invariant(__classPrivateFieldGet$
|
|
8511
|
-
return __classPrivateFieldGet$
|
|
8573
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8574
|
+
return __classPrivateFieldGet$j(this, _Input_input, "f").selectionStart;
|
|
8512
8575
|
};
|
|
8513
8576
|
this.getSelectionEnd = () => {
|
|
8514
|
-
invariant(__classPrivateFieldGet$
|
|
8515
|
-
return __classPrivateFieldGet$
|
|
8577
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8578
|
+
return __classPrivateFieldGet$j(this, _Input_input, "f").selectionEnd;
|
|
8516
8579
|
};
|
|
8517
8580
|
this.setRangeText = (replacement, start, end, selectionMode) => {
|
|
8518
|
-
invariant(__classPrivateFieldGet$
|
|
8519
|
-
__classPrivateFieldGet$
|
|
8520
|
-
if (this.value !== __classPrivateFieldGet$
|
|
8521
|
-
this.value = __classPrivateFieldGet$
|
|
8581
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8582
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").setRangeText(replacement, start, end, selectionMode);
|
|
8583
|
+
if (this.value !== __classPrivateFieldGet$j(this, _Input_input, "f").value) {
|
|
8584
|
+
this.value = __classPrivateFieldGet$j(this, _Input_input, "f").value;
|
|
8522
8585
|
this.inputEmitter.emit();
|
|
8523
8586
|
this.changeEmitter.emit();
|
|
8524
8587
|
}
|
|
8525
8588
|
};
|
|
8526
8589
|
this.setSelectionRange = (start, end, direction) => {
|
|
8527
|
-
invariant(__classPrivateFieldGet$
|
|
8528
|
-
__classPrivateFieldGet$
|
|
8590
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8591
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").setSelectionRange(start, end, direction);
|
|
8529
8592
|
};
|
|
8530
8593
|
this.stepDown = (n) => {
|
|
8531
|
-
invariant(__classPrivateFieldGet$
|
|
8532
|
-
__classPrivateFieldGet$
|
|
8594
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8595
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").stepDown(n);
|
|
8533
8596
|
};
|
|
8534
8597
|
this.stepUp = (n) => {
|
|
8535
|
-
invariant(__classPrivateFieldGet$
|
|
8536
|
-
__classPrivateFieldGet$
|
|
8598
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8599
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").stepUp(n);
|
|
8537
8600
|
};
|
|
8538
8601
|
this.showPicker = () => {
|
|
8539
|
-
invariant(__classPrivateFieldGet$
|
|
8540
|
-
__classPrivateFieldGet$
|
|
8602
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8603
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").showPicker();
|
|
8541
8604
|
};
|
|
8542
|
-
_Input_renderClearableButton.set(this, () => (hAsync("qds-mini-button", { name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$
|
|
8543
|
-
_Input_renderSearchClearButton.set(this, () => (hAsync("qds-mini-button", { class: "qds-hide", name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$
|
|
8544
|
-
_Input_renderInteractiveIconButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$
|
|
8545
|
-
_Input_renderSearchButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$
|
|
8605
|
+
_Input_renderClearableButton.set(this, () => (hAsync("qds-mini-button", { name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$j(this, _Input_onClearableClick, "f"), onQdsFocus: stopImmediatePropagation })));
|
|
8606
|
+
_Input_renderSearchClearButton.set(this, () => (hAsync("qds-mini-button", { class: "qds-hide", name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$j(this, _Input_onSearchClear, "f"), onQdsFocus: stopImmediatePropagation })));
|
|
8607
|
+
_Input_renderInteractiveIconButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedInteractiveIconAriaLabel_get), onClick: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_iconClickHandler_get), onQdsFocus: stopImmediatePropagation })));
|
|
8608
|
+
_Input_renderSearchButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: "search", onClick: __classPrivateFieldGet$j(this, _Input_onSearch, "f"), onQdsFocus: stopImmediatePropagation })));
|
|
8546
8609
|
_Input_togglePasswordVisibility.set(this, () => {
|
|
8547
|
-
invariant(__classPrivateFieldGet$
|
|
8610
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8548
8611
|
this.isPasswordVisible = !this.isPasswordVisible;
|
|
8549
|
-
__classPrivateFieldGet$
|
|
8612
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").type = __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get);
|
|
8550
8613
|
});
|
|
8551
8614
|
_Input_ref.set(this, (input) => {
|
|
8552
8615
|
__classPrivateFieldSet$f(this, _Input_input, input, "f");
|
|
8553
8616
|
});
|
|
8554
8617
|
_Input_getFiles.set(this, () => {
|
|
8555
|
-
invariant(__classPrivateFieldGet$
|
|
8556
|
-
return __classPrivateFieldGet$
|
|
8618
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8619
|
+
return __classPrivateFieldGet$j(this, _Input_input, "f").files;
|
|
8557
8620
|
});
|
|
8558
8621
|
_Input_onBlur.set(this, (event) => {
|
|
8559
8622
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
@@ -8568,34 +8631,34 @@ class Input {
|
|
|
8568
8631
|
this.changeEmitter.emit();
|
|
8569
8632
|
});
|
|
8570
8633
|
_Input_handleClear.set(this, () => {
|
|
8571
|
-
__classPrivateFieldGet$
|
|
8572
|
-
__classPrivateFieldGet$
|
|
8573
|
-
invariant(__classPrivateFieldGet$
|
|
8574
|
-
if (document.activeElement !== __classPrivateFieldGet$
|
|
8575
|
-
__classPrivateFieldGet$
|
|
8634
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_clearValue).call(this);
|
|
8635
|
+
__classPrivateFieldGet$j(this, _Input_onInput, "f").call(this, new InputEvent('input', { inputType: 'deleteContent' }));
|
|
8636
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8637
|
+
if (document.activeElement !== __classPrivateFieldGet$j(this, _Input_input, "f"))
|
|
8638
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").focus();
|
|
8576
8639
|
});
|
|
8577
8640
|
_Input_onClearableClick.set(this, () => {
|
|
8578
|
-
__classPrivateFieldGet$
|
|
8641
|
+
__classPrivateFieldGet$j(this, _Input_handleClear, "f").call(this);
|
|
8579
8642
|
});
|
|
8580
8643
|
_Input_onSearchClear.set(this, () => {
|
|
8581
|
-
__classPrivateFieldGet$
|
|
8644
|
+
__classPrivateFieldGet$j(this, _Input_handleClear, "f").call(this);
|
|
8582
8645
|
this.searchEmitter.emit();
|
|
8583
8646
|
});
|
|
8584
8647
|
_Input_onFocus.set(this, (event) => {
|
|
8585
8648
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
8586
8649
|
});
|
|
8587
8650
|
_Input_onInput.set(this, (event) => {
|
|
8588
|
-
invariant(__classPrivateFieldGet$
|
|
8589
|
-
this.value = __classPrivateFieldGet$
|
|
8651
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8652
|
+
this.value = __classPrivateFieldGet$j(this, _Input_input, "f").value;
|
|
8590
8653
|
this.inputEmitter.emit(pickInputEventAttributes(event));
|
|
8591
8654
|
});
|
|
8592
8655
|
}
|
|
8593
8656
|
onClick(event) {
|
|
8594
|
-
if (__classPrivateFieldGet$
|
|
8657
|
+
if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
8595
8658
|
event.stopImmediatePropagation();
|
|
8596
8659
|
}
|
|
8597
8660
|
onKeydown(event) {
|
|
8598
|
-
if (__classPrivateFieldGet$
|
|
8661
|
+
if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get)) {
|
|
8599
8662
|
event.stopImmediatePropagation();
|
|
8600
8663
|
return;
|
|
8601
8664
|
}
|
|
@@ -8608,36 +8671,40 @@ class Input {
|
|
|
8608
8671
|
}
|
|
8609
8672
|
}
|
|
8610
8673
|
ariaLabelChanged(newValue) {
|
|
8611
|
-
invariant(__classPrivateFieldGet$
|
|
8612
|
-
__classPrivateFieldGet$
|
|
8674
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8675
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").ariaLabel =
|
|
8613
8676
|
newValue ??
|
|
8614
8677
|
[...this.internals.labels]
|
|
8615
|
-
.map((node) =>
|
|
8616
|
-
|
|
8617
|
-
|
|
8678
|
+
.map((node) => {
|
|
8679
|
+
// eslint-disable-next-line unicorn/prefer-dom-node-text-content
|
|
8680
|
+
const text = node.innerText.trim();
|
|
8681
|
+
return text === ''
|
|
8682
|
+
? (this.host.parentElement?.querySelector('qds-label')?.text ?? '')
|
|
8683
|
+
: text;
|
|
8684
|
+
})
|
|
8618
8685
|
.join(' ');
|
|
8619
8686
|
}
|
|
8620
8687
|
statusChanged() {
|
|
8621
|
-
this.internals.ariaInvalid = (__classPrivateFieldGet$
|
|
8688
|
+
this.internals.ariaInvalid = (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedStatus_get) === 'error').toString();
|
|
8622
8689
|
}
|
|
8623
8690
|
disabledChanged() {
|
|
8624
|
-
if (__classPrivateFieldGet$
|
|
8691
|
+
if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
8625
8692
|
// eslint-disable-next-line unicorn/no-null
|
|
8626
8693
|
this.internals.setFormValue(null);
|
|
8627
8694
|
else
|
|
8628
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
8695
|
+
this.internals.setFormValue(__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get));
|
|
8629
8696
|
}
|
|
8630
8697
|
selectionDirectionChanged() {
|
|
8631
|
-
invariant(__classPrivateFieldGet$
|
|
8632
|
-
__classPrivateFieldGet$
|
|
8698
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8699
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").selectionDirection = this.selectionDirection;
|
|
8633
8700
|
}
|
|
8634
8701
|
selectionEndChanged() {
|
|
8635
|
-
invariant(__classPrivateFieldGet$
|
|
8636
|
-
__classPrivateFieldGet$
|
|
8702
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8703
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").selectionEnd = this.selectionEnd;
|
|
8637
8704
|
}
|
|
8638
8705
|
selectionStartChanged() {
|
|
8639
|
-
invariant(__classPrivateFieldGet$
|
|
8640
|
-
__classPrivateFieldGet$
|
|
8706
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8707
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").selectionStart = this.selectionStart;
|
|
8641
8708
|
}
|
|
8642
8709
|
tabindexChanged(newValue) {
|
|
8643
8710
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
@@ -8645,62 +8712,62 @@ class Input {
|
|
|
8645
8712
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
8646
8713
|
}
|
|
8647
8714
|
validationChanged() {
|
|
8648
|
-
if (!__classPrivateFieldGet$
|
|
8715
|
+
if (!__classPrivateFieldGet$j(this, _Input_input, "f"))
|
|
8649
8716
|
return;
|
|
8650
|
-
if (__classPrivateFieldGet$
|
|
8651
|
-
__classPrivateFieldGet$
|
|
8717
|
+
if (__classPrivateFieldGet$j(this, _Input_input, "f").max !== this.max && this.max !== undefined)
|
|
8718
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").max = this.max.toString();
|
|
8652
8719
|
if (this.maxLength !== undefined)
|
|
8653
|
-
__classPrivateFieldGet$
|
|
8654
|
-
if (__classPrivateFieldGet$
|
|
8655
|
-
__classPrivateFieldGet$
|
|
8720
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").maxLength = this.maxLength;
|
|
8721
|
+
if (__classPrivateFieldGet$j(this, _Input_input, "f").min !== this.min && this.min !== undefined)
|
|
8722
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").min = this.min.toString();
|
|
8656
8723
|
if (this.minLength !== undefined)
|
|
8657
|
-
__classPrivateFieldGet$
|
|
8724
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").minLength = this.minLength;
|
|
8658
8725
|
if (this.pattern !== undefined)
|
|
8659
|
-
__classPrivateFieldGet$
|
|
8660
|
-
__classPrivateFieldGet$
|
|
8661
|
-
if (__classPrivateFieldGet$
|
|
8662
|
-
__classPrivateFieldGet$
|
|
8663
|
-
__classPrivateFieldGet$
|
|
8664
|
-
const { valid } = __classPrivateFieldGet$
|
|
8726
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").pattern = this.pattern;
|
|
8727
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").required = this.required ?? false;
|
|
8728
|
+
if (__classPrivateFieldGet$j(this, _Input_input, "f").step !== this.step && this.step !== undefined)
|
|
8729
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").step = this.step.toString();
|
|
8730
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").type = __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get);
|
|
8731
|
+
const { valid } = __classPrivateFieldGet$j(this, _Input_input, "f").validity;
|
|
8665
8732
|
if (valid)
|
|
8666
|
-
this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$
|
|
8733
|
+
this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8667
8734
|
else
|
|
8668
|
-
this.internals.setValidity(__classPrivateFieldGet$
|
|
8735
|
+
this.internals.setValidity(__classPrivateFieldGet$j(this, _Input_input, "f").validity, __classPrivateFieldGet$j(this, _Input_input, "f").validationMessage, __classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8669
8736
|
}
|
|
8670
8737
|
valueChanged() {
|
|
8671
|
-
if (!__classPrivateFieldGet$
|
|
8672
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
8673
|
-
if ((__classPrivateFieldGet$
|
|
8738
|
+
if (!__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
8739
|
+
this.internals.setFormValue(__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get));
|
|
8740
|
+
if ((__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get) === null || __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get) === '') &&
|
|
8674
8741
|
this.type === 'file') {
|
|
8675
|
-
__classPrivateFieldGet$
|
|
8742
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_clearValue).call(this);
|
|
8676
8743
|
}
|
|
8677
8744
|
}
|
|
8678
8745
|
componentWillLoad() {
|
|
8679
|
-
__classPrivateFieldGet$
|
|
8680
|
-
__classPrivateFieldGet$
|
|
8681
|
-
__classPrivateFieldGet$
|
|
8682
|
-
__classPrivateFieldGet$
|
|
8683
|
-
__classPrivateFieldGet$
|
|
8684
|
-
__classPrivateFieldGet$
|
|
8746
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'form', () => this.internals.form);
|
|
8747
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
8748
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
8749
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
8750
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'files', __classPrivateFieldGet$j(this, _Input_getFiles, "f"));
|
|
8751
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
8685
8752
|
__classPrivateFieldSet$f(this, _Input_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
8686
8753
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
8687
8754
|
this.statusChanged();
|
|
8688
8755
|
}
|
|
8689
8756
|
componentDidLoad() {
|
|
8690
|
-
invariant(__classPrivateFieldGet$
|
|
8757
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8691
8758
|
this.ariaLabelChanged(this.host.ariaLabel);
|
|
8692
8759
|
this.validationChanged();
|
|
8693
8760
|
this.valueChanged();
|
|
8694
8761
|
// FIXME: This event is supported by the native `<input>` element but not
|
|
8695
8762
|
// recognized by Stencil's type definitions, so it needs to be manually
|
|
8696
8763
|
// bound here.
|
|
8697
|
-
__classPrivateFieldGet$
|
|
8698
|
-
__classPrivateFieldGet$
|
|
8764
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").addEventListener('cancel', __classPrivateFieldGet$j(this, _Input_onCancel, "f"));
|
|
8765
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").addEventListener('search', __classPrivateFieldGet$j(this, _Input_onSearch, "f"));
|
|
8699
8766
|
}
|
|
8700
8767
|
disconnectedCallback() {
|
|
8701
|
-
if (__classPrivateFieldGet$
|
|
8702
|
-
__classPrivateFieldGet$
|
|
8703
|
-
__classPrivateFieldGet$
|
|
8768
|
+
if (__classPrivateFieldGet$j(this, _Input_input, "f")) {
|
|
8769
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").removeEventListener('cancel', __classPrivateFieldGet$j(this, _Input_onCancel, "f"));
|
|
8770
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").removeEventListener('search', __classPrivateFieldGet$j(this, _Input_onSearch, "f"));
|
|
8704
8771
|
}
|
|
8705
8772
|
}
|
|
8706
8773
|
render() {
|
|
@@ -8716,7 +8783,7 @@ class Input {
|
|
|
8716
8783
|
const shouldShowSearchButton = isSearchType && this.noIcon === false;
|
|
8717
8784
|
const shouldHideIcon = !isSearchType && this.noIcon === true;
|
|
8718
8785
|
const shouldRemoveSearchPadding = isSearchType && this.noIcon === true;
|
|
8719
|
-
return (hAsync("div", { key: '
|
|
8786
|
+
return (hAsync("div", { key: '3ed80a395c44519bc231e9d898f642619c1c8bbd', class: "qds-container" }, hAsync("input", { key: 'dc2df7c5d4a0226a8a8304684cdcbba00bfc8926', accept: this.accept, autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
|
|
8720
8787
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
8721
8788
|
autoFocus: this.host.autofocus, capture: this.capture, class: {
|
|
8722
8789
|
'qds-search-padding': shouldRemoveSearchPadding,
|
|
@@ -8725,11 +8792,11 @@ class Input {
|
|
|
8725
8792
|
'qds-padding': shouldHideIcon,
|
|
8726
8793
|
'qds-password-padding': this.type === 'password' ||
|
|
8727
8794
|
(this.isPasswordVisible && this.type === 'text'),
|
|
8728
|
-
'qds-custom-icon-padding': shouldShowClearableButton && !__classPrivateFieldGet$
|
|
8729
|
-
'qds-dual-icon-padding': shouldShowClearableButton && __classPrivateFieldGet$
|
|
8730
|
-
}, "data-status": __classPrivateFieldGet$
|
|
8731
|
-
__classPrivateFieldGet$
|
|
8732
|
-
__classPrivateFieldGet$
|
|
8795
|
+
'qds-custom-icon-padding': shouldShowClearableButton && !__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get),
|
|
8796
|
+
'qds-dual-icon-padding': shouldShowClearableButton && __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get),
|
|
8797
|
+
}, "data-status": __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedStatus_get), "data-size": __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedSize_get), disabled: __classPrivateFieldGet$j(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$j(this, _Input_onBlur, "f"), onChange: __classPrivateFieldGet$j(this, _Input_onChange, "f"), onFocus: __classPrivateFieldGet$j(this, _Input_onFocus, "f"), onInput: __classPrivateFieldGet$j(this, _Input_onInput, "f"), placeholder: this.placeholder, readOnly: this.readonly, ref: __classPrivateFieldGet$j(this, _Input_ref, "f"), spellcheck: this.host.spellcheck, step: this.step, tabIndex: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get) ? undefined : this.tabIndex, type: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get), value: this.value ?? '', ...__classPrivateFieldGet$j(this, _Input_inheritedAttributes, "f") }), hAsync("div", { key: '889c7b40cbd470dde63c581c28d5c18de1fbea79', class: "qds-focus-ring" }), shouldShowClearableButton && !__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: 'eed30a3f52adda657e8e6c46afbfd22fd68be37f', class: "qds-icon-container" }, __classPrivateFieldGet$j(this, _Input_renderClearableButton, "f").call(this))), __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: 'bf2d80802037f3db6e647e85f9f62501b0cc6dc4', class: "qds-icon-container" }, shouldShowClearButton && __classPrivateFieldGet$j(this, _Input_renderSearchClearButton, "f").call(this), shouldShowClearableButton &&
|
|
8798
|
+
__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) &&
|
|
8799
|
+
__classPrivateFieldGet$j(this, _Input_renderClearableButton, "f").call(this), __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) && __classPrivateFieldGet$j(this, _Input_renderInteractiveIconButton, "f").call(this), shouldShowSearchButton && __classPrivateFieldGet$j(this, _Input_renderSearchButton, "f").call(this)))));
|
|
8733
8800
|
}
|
|
8734
8801
|
static get delegatesFocus() { return true; }
|
|
8735
8802
|
static get formAssociated() { return true; }
|
|
@@ -8849,7 +8916,7 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
|
|
|
8849
8916
|
['month', 'time', 'date', 'datetime-local', 'week', 'password'].includes(this.type));
|
|
8850
8917
|
}, _Input_iconClickHandler_get = function _Input_iconClickHandler_get() {
|
|
8851
8918
|
return this.type === 'password'
|
|
8852
|
-
? __classPrivateFieldGet$
|
|
8919
|
+
? __classPrivateFieldGet$j(this, _Input_togglePasswordVisibility, "f")
|
|
8853
8920
|
: this.showPicker;
|
|
8854
8921
|
}, _Input_computedType_get = function _Input_computedType_get() {
|
|
8855
8922
|
return this.type === 'password' && this.isPasswordVisible
|
|
@@ -8864,8 +8931,8 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
|
|
|
8864
8931
|
}, _Input_defineGetter = function _Input_defineGetter(p, get) {
|
|
8865
8932
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
8866
8933
|
}, _Input_clearValue = function _Input_clearValue() {
|
|
8867
|
-
invariant(__classPrivateFieldGet$
|
|
8868
|
-
__classPrivateFieldGet$
|
|
8934
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8935
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").value = '';
|
|
8869
8936
|
};
|
|
8870
8937
|
|
|
8871
8938
|
const labelCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-label{align-items:center;box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap);width:100%}.qds-label:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-focus-border-width) solid var(--qds-theme-focus-border);outline-offset:var(--qds-focus-border-offset)}.qds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}[data-size=small][data-importance=standard]{font:var(--qds-form-small-text)}[data-size=small][data-importance=emphasized] .qds-text{font:var(--qds-form-small-text-emphasized)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height)}.qds-icon[data-size=small]{height:var(--qds-form-small-icon-size);min-width:var(--qds-form-small-icon-size);width:var(--qds-form-small-icon-size)}[data-size=standard][data-importance=standard]{font:var(--qds-form-standard-text)}[data-size=standard][data-importance=emphasized] .qds-text{font:var(--qds-form-standard-text-emphasized)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{height:var(--qds-form-standard-icon-size);min-width:var(--qds-form-standard-icon-size);width:var(--qds-form-standard-icon-size)}[data-size=large][data-importance=standard]{font:var(--qds-form-large-text)}[data-size=large][data-importance=emphasized] .qds-text{font:var(--qds-form-large-text-emphasized)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height)}.qds-icon[data-size=large]{height:var(--qds-form-large-icon-size);min-width:var(--qds-form-large-icon-size);width:var(--qds-form-large-icon-size)}";
|
|
@@ -8873,7 +8940,7 @@ const labelCss = ":host([hidden]){display:none!important}:host{display:inline-bl
|
|
|
8873
8940
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
8874
8941
|
//
|
|
8875
8942
|
// SPDX-License-Identifier: Apache-2.0
|
|
8876
|
-
var __classPrivateFieldGet$
|
|
8943
|
+
var __classPrivateFieldGet$i = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
8877
8944
|
if (kind === "a" && !f)
|
|
8878
8945
|
throw new TypeError("Private accessor was defined without a getter");
|
|
8879
8946
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -8931,37 +8998,37 @@ class Label {
|
|
|
8931
8998
|
_Label_tooltipRef.set(this, (tooltip) => {
|
|
8932
8999
|
if (tooltip)
|
|
8933
9000
|
// eslint-disable-next-line no-param-reassign
|
|
8934
|
-
tooltip.target = this.tooltipTarget ?? __classPrivateFieldGet$
|
|
9001
|
+
tooltip.target = this.tooltipTarget ?? __classPrivateFieldGet$i(this, _Label_label, "f");
|
|
8935
9002
|
});
|
|
8936
9003
|
}
|
|
8937
9004
|
textChanged() {
|
|
8938
|
-
if (__classPrivateFieldGet$
|
|
8939
|
-
__classPrivateFieldGet$
|
|
8940
|
-
if (!__classPrivateFieldGet$
|
|
9005
|
+
if (__classPrivateFieldGet$i(this, _Label_ro, "f"))
|
|
9006
|
+
__classPrivateFieldGet$i(this, _Label_ro, "f").disconnect();
|
|
9007
|
+
if (!__classPrivateFieldGet$i(this, _Label_span, "f"))
|
|
8941
9008
|
return;
|
|
8942
|
-
const span = __classPrivateFieldGet$
|
|
9009
|
+
const span = __classPrivateFieldGet$i(this, _Label_span, "f");
|
|
8943
9010
|
readTask(() => {
|
|
8944
9011
|
this.tooltip = isEllipsisActive(span);
|
|
8945
9012
|
});
|
|
8946
9013
|
__classPrivateFieldSet$e(this, _Label_ro, new ResizeObserver(([spanEntry]) => {
|
|
8947
9014
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
8948
9015
|
}), "f");
|
|
8949
|
-
__classPrivateFieldGet$
|
|
9016
|
+
__classPrivateFieldGet$i(this, _Label_ro, "f").observe(__classPrivateFieldGet$i(this, _Label_span, "f"));
|
|
8950
9017
|
}
|
|
8951
9018
|
componentDidLoad() {
|
|
8952
9019
|
this.textChanged();
|
|
8953
9020
|
}
|
|
8954
9021
|
disconnectedCallback() {
|
|
8955
|
-
if (__classPrivateFieldGet$
|
|
8956
|
-
__classPrivateFieldGet$
|
|
9022
|
+
if (__classPrivateFieldGet$i(this, _Label_ro, "f"))
|
|
9023
|
+
__classPrivateFieldGet$i(this, _Label_ro, "f").disconnect();
|
|
8957
9024
|
}
|
|
8958
9025
|
render() {
|
|
8959
|
-
return (hAsync("span", { key: '
|
|
9026
|
+
return (hAsync("span", { key: '12b2c6847b2fe257bcb21263510875a91b61e1b9', class: {
|
|
8960
9027
|
'qds-inline': this.inline,
|
|
8961
9028
|
'qds-label': true,
|
|
8962
|
-
}, "data-size": __classPrivateFieldGet$
|
|
9029
|
+
}, "data-size": __classPrivateFieldGet$i(this, _Label_instances, "a", _Label_computedSize_get), "data-importance": __classPrivateFieldGet$i(this, _Label_instances, "a", _Label_computedImportance_get), ref: __classPrivateFieldGet$i(this, _Label_labelRef, "f"),
|
|
8963
9030
|
// eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
|
|
8964
|
-
tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '
|
|
9031
|
+
tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '3155ac878f2a19da19bcd7deb7bca5f6b1ea7bd2', class: "qds-required" }, "*"), hAsync("span", { key: '98d1af5518e7966879b2b66eafb9e40c1eccbb42', class: "qds-text", ref: __classPrivateFieldGet$i(this, _Label_spanRef, "f") }, this.text), this.tooltip && (hAsync("qds-tooltip", { key: '9688a0b4965659c2232b48e10c263fd272ed7a06', "aria-hidden": "true", ref: __classPrivateFieldGet$i(this, _Label_tooltipRef, "f") }, this.text))));
|
|
8965
9032
|
}
|
|
8966
9033
|
static get watchers() { return {
|
|
8967
9034
|
"text": ["textChanged"]
|
|
@@ -9007,12 +9074,12 @@ _Label_label = new WeakMap(), _Label_ro = new WeakMap(), _Label_span = new WeakM
|
|
|
9007
9074
|
}
|
|
9008
9075
|
};
|
|
9009
9076
|
|
|
9010
|
-
const listItemCss = ":host([hidden]){display:none!important}:host{display:block}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-indented-content,.qds-list-item{align-items:center;border-radius:var(--qds-control-border-radius);box-sizing:border-box}.qds-indented-content{align-self:stretch;cursor:default;display:flex;flex:1 0}.qds-destination{transform:scaleX(var(--qds-direction-factor,1))}.qds-icon,.qds-main-icon{color:var(--qds-theme-text-standard)}.qds-picture{flex-shrink:0}.qds-texts{display:flex;flex:1 0;flex-direction:column;justify-items:center;padding:0;position:relative}.qds-input{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:var(--qds-control-border-radius);inset:0;margin:0;outline:none;position:absolute}.qds-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.qds-title,.qds-tooltip-title{color:var(--qds-theme-title)}.qds-subtitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.qds-subtitle,.qds-tooltip-subtitle{color:var(--qds-theme-subtitle)}.qds-kicker{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.qds-kicker,.qds-tooltip-kicker{color:var(--qds-theme-kicker)}.qds-draggable{cursor:grab}.qds-cursor-pointer{cursor:pointer}[data-size=small] .qds-indented-content{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding:var(--qds-list-item-small-padding-vertical) 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-main-icon{height:var(--qds-list-item-small-icon-size);width:var(--qds-list-item-small-icon-size)}[data-size=small] .qds-texts{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-kicker,[data-size=small] .qds-tooltip-kicker{font:var(--qds-list-item-small-kicker)}[data-size=small] .qds-title,[data-size=small] .qds-tooltip-title{font:var(--qds-list-item-small-title)}[data-size=small] .qds-subtitle,[data-size=small] .qds-tooltip-subtitle{font:var(--qds-list-item-small-subtitle)}[data-size=small] .qds-picture{height:var(--qds-list-item-small-picture-size);width:var(--qds-list-item-small-picture-size)}[data-size=standard] .qds-indented-content{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding:var(--qds-list-item-standard-padding-vertical) 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-main-icon{height:var(--qds-list-item-standard-icon-size);width:var(--qds-list-item-standard-icon-size)}[data-size=standard] .qds-texts{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-kicker,[data-size=standard] .qds-tooltip-kicker{font:var(--qds-list-item-standard-kicker)}[data-size=standard] .qds-title,[data-size=standard] .qds-tooltip-title{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-subtitle,[data-size=standard] .qds-tooltip-subtitle{font:var(--qds-list-item-standard-subtitle)}[data-size=standard] .qds-picture{height:var(--qds-list-item-standard-picture-size);width:var(--qds-list-item-standard-picture-size)}[data-size=large] .qds-indented-content{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding:var(--qds-list-item-large-padding-vertical) 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-main-icon{height:var(--qds-list-item-large-icon-size);width:var(--qds-list-item-large-icon-size)}[data-size=large] .qds-texts{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-kicker,[data-size=large] .qds-tooltip-kicker{font:var(--qds-list-item-large-kicker)}[data-size=large] .qds-title,[data-size=large] .qds-tooltip-title{font:var(--qds-list-item-large-title)}[data-size=large] .qds-subtitle,[data-size=large] .qds-tooltip-subtitle{font:var(--qds-list-item-large-subtitle)}[data-size=large] .qds-picture{height:var(--qds-list-item-large-picture-size);width:var(--qds-list-item-large-picture-size)}.qds-list-item{display:block}.qds-list-item:
|
|
9077
|
+
const listItemCss = ":host([hidden]){display:none!important}:host{display:block}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-indented-content,.qds-list-item{align-items:center;border-radius:var(--qds-control-border-radius);box-sizing:border-box}.qds-indented-content{align-self:stretch;cursor:default;display:flex;flex:1 0}.qds-destination{transform:scaleX(var(--qds-direction-factor,1))}.qds-icon,.qds-main-icon{color:var(--qds-theme-text-standard)}.qds-picture{flex-shrink:0}.qds-texts{display:flex;flex:1 0;flex-direction:column;justify-items:center;padding:0;position:relative}.qds-texts: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-input{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:var(--qds-control-border-radius);inset:0;margin:0;outline:none;position:absolute}.qds-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.qds-title,.qds-tooltip-title{color:var(--qds-theme-title)}.qds-subtitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.qds-subtitle,.qds-tooltip-subtitle{color:var(--qds-theme-subtitle)}.qds-kicker{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.qds-kicker,.qds-tooltip-kicker{color:var(--qds-theme-kicker)}.qds-draggable{cursor:grab}.qds-cursor-pointer{cursor:pointer}[data-size=small] .qds-indented-content{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding:var(--qds-list-item-small-padding-vertical) 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-main-icon{height:var(--qds-list-item-small-icon-size);width:var(--qds-list-item-small-icon-size)}[data-size=small] .qds-texts{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-kicker,[data-size=small] .qds-tooltip-kicker{font:var(--qds-list-item-small-kicker)}[data-size=small] .qds-title,[data-size=small] .qds-tooltip-title{font:var(--qds-list-item-small-title)}[data-size=small] .qds-subtitle,[data-size=small] .qds-tooltip-subtitle{font:var(--qds-list-item-small-subtitle)}[data-size=small] .qds-picture{height:var(--qds-list-item-small-picture-size);width:var(--qds-list-item-small-picture-size)}[data-size=standard] .qds-indented-content{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding:var(--qds-list-item-standard-padding-vertical) 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-main-icon{height:var(--qds-list-item-standard-icon-size);width:var(--qds-list-item-standard-icon-size)}[data-size=standard] .qds-texts{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-kicker,[data-size=standard] .qds-tooltip-kicker{font:var(--qds-list-item-standard-kicker)}[data-size=standard] .qds-title,[data-size=standard] .qds-tooltip-title{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-subtitle,[data-size=standard] .qds-tooltip-subtitle{font:var(--qds-list-item-standard-subtitle)}[data-size=standard] .qds-picture{height:var(--qds-list-item-standard-picture-size);width:var(--qds-list-item-standard-picture-size)}[data-size=large] .qds-indented-content{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding:var(--qds-list-item-large-padding-vertical) 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-main-icon{height:var(--qds-list-item-large-icon-size);width:var(--qds-list-item-large-icon-size)}[data-size=large] .qds-texts{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-kicker,[data-size=large] .qds-tooltip-kicker{font:var(--qds-list-item-large-kicker)}[data-size=large] .qds-title,[data-size=large] .qds-tooltip-title{font:var(--qds-list-item-large-title)}[data-size=large] .qds-subtitle,[data-size=large] .qds-tooltip-subtitle{font:var(--qds-list-item-large-subtitle)}[data-size=large] .qds-picture{height:var(--qds-list-item-large-picture-size);width:var(--qds-list-item-large-picture-size)}.qds-list-item{display:block}.qds-list-item:hover:not(.qds-static){background-color:var(--qds-theme-interactive-background-hover)}.qds-list-item:active:not(.qds-static),.qds-list-item:not(.qds-has-submenu):not(.qds-static):active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-selected.qds-list-item{background-color:var(--qds-theme-interactive-background-selected)}.qds-selected.qds-list-item:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected.qds-list-item:active{background-color:var(\n --qds-theme-interactive-background-selected-pressed\n )}.qds-selected[data-size=small] .qds-title{font:var(--qds-list-item-small-title-emphasized)}.qds-selected[data-size=standard] .qds-title{font:var(--qds-list-item-standard-title-emphasized)}.qds-selected[data-size=large] .qds-title{font:var(--qds-list-item-large-title-emphasized)}";
|
|
9011
9078
|
|
|
9012
9079
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9013
9080
|
//
|
|
9014
9081
|
// SPDX-License-Identifier: Apache-2.0
|
|
9015
|
-
var __classPrivateFieldGet$
|
|
9082
|
+
var __classPrivateFieldGet$h = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
9016
9083
|
if (kind === "a" && !f)
|
|
9017
9084
|
throw new TypeError("Private accessor was defined without a getter");
|
|
9018
9085
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -9089,14 +9156,14 @@ class ListItem {
|
|
|
9089
9156
|
});
|
|
9090
9157
|
_ListItem_onCheck.set(this, (event) => {
|
|
9091
9158
|
event.stopImmediatePropagation();
|
|
9092
|
-
this.selected = __classPrivateFieldGet$
|
|
9159
|
+
this.selected = __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedIndeterminate_get) ? true : !__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
|
|
9093
9160
|
this.changeEmitter.emit();
|
|
9094
9161
|
this.indeterminate = false;
|
|
9095
9162
|
});
|
|
9096
9163
|
_ListItem_onSelect.set(this, (event) => {
|
|
9097
9164
|
event.stopImmediatePropagation();
|
|
9098
|
-
if (!__classPrivateFieldGet$
|
|
9099
|
-
this.selected = !__classPrivateFieldGet$
|
|
9165
|
+
if (!__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get)) {
|
|
9166
|
+
this.selected = !__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
|
|
9100
9167
|
this.changeEmitter.emit();
|
|
9101
9168
|
}
|
|
9102
9169
|
});
|
|
@@ -9115,7 +9182,7 @@ class ListItem {
|
|
|
9115
9182
|
if (iconButton) {
|
|
9116
9183
|
__classPrivateFieldSet$d(this, _ListItem_iconButton, iconButton, "f");
|
|
9117
9184
|
}
|
|
9118
|
-
return __classPrivateFieldGet$
|
|
9185
|
+
return __classPrivateFieldGet$h(this, _ListItem_iconButton, "f");
|
|
9119
9186
|
});
|
|
9120
9187
|
_ListItem_onSlotChange.set(this, (event) => {
|
|
9121
9188
|
invariant(event.target instanceof HTMLSlotElement);
|
|
@@ -9134,13 +9201,13 @@ class ListItem {
|
|
|
9134
9201
|
event.stopImmediatePropagation();
|
|
9135
9202
|
return;
|
|
9136
9203
|
}
|
|
9137
|
-
if (__classPrivateFieldGet$
|
|
9138
|
-
invariant(__classPrivateFieldGet$
|
|
9139
|
-
__classPrivateFieldGet$
|
|
9204
|
+
if (__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect') {
|
|
9205
|
+
invariant(__classPrivateFieldGet$h(this, _ListItem_checkbox, "f"));
|
|
9206
|
+
__classPrivateFieldGet$h(this, _ListItem_onCheck, "f").call(this, event);
|
|
9140
9207
|
}
|
|
9141
|
-
if (__classPrivateFieldGet$
|
|
9142
|
-
invariant(__classPrivateFieldGet$
|
|
9143
|
-
__classPrivateFieldGet$
|
|
9208
|
+
if (__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio') {
|
|
9209
|
+
invariant(__classPrivateFieldGet$h(this, _ListItem_radio, "f"));
|
|
9210
|
+
__classPrivateFieldGet$h(this, _ListItem_onSelect, "f").call(this, event);
|
|
9144
9211
|
}
|
|
9145
9212
|
// Always prevent default behavior to avoid the internal `<input>`
|
|
9146
9213
|
// to toggle `checked` state inappropriately.
|
|
@@ -9172,39 +9239,39 @@ class ListItem {
|
|
|
9172
9239
|
listActionChanged(newValue) {
|
|
9173
9240
|
this.internals.ariaChecked =
|
|
9174
9241
|
(newValue === 'radio' || newValue === 'multiselect') &&
|
|
9175
|
-
__classPrivateFieldGet$
|
|
9242
|
+
__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get)
|
|
9176
9243
|
? 'true'
|
|
9177
9244
|
: 'false';
|
|
9178
9245
|
}
|
|
9179
9246
|
textChanged() {
|
|
9180
|
-
if (__classPrivateFieldGet$
|
|
9181
|
-
__classPrivateFieldGet$
|
|
9182
|
-
if (!__classPrivateFieldGet$
|
|
9247
|
+
if (__classPrivateFieldGet$h(this, _ListItem_roText, "f"))
|
|
9248
|
+
__classPrivateFieldGet$h(this, _ListItem_roText, "f").disconnect();
|
|
9249
|
+
if (!__classPrivateFieldGet$h(this, _ListItem_text, "f") || !this.text)
|
|
9183
9250
|
return;
|
|
9184
|
-
invariant(__classPrivateFieldGet$
|
|
9185
|
-
const div = __classPrivateFieldGet$
|
|
9251
|
+
invariant(__classPrivateFieldGet$h(this, _ListItem_text, "f"));
|
|
9252
|
+
const div = __classPrivateFieldGet$h(this, _ListItem_text, "f");
|
|
9186
9253
|
readTask(() => {
|
|
9187
9254
|
this.textTooltip = isEllipsisActive(div);
|
|
9188
9255
|
});
|
|
9189
9256
|
__classPrivateFieldSet$d(this, _ListItem_roText, new ResizeObserver(([divEntry]) => {
|
|
9190
9257
|
this.textTooltip = isEllipsisActive(divEntry.target);
|
|
9191
9258
|
}), "f");
|
|
9192
|
-
__classPrivateFieldGet$
|
|
9259
|
+
__classPrivateFieldGet$h(this, _ListItem_roText, "f").observe(__classPrivateFieldGet$h(this, _ListItem_text, "f"));
|
|
9193
9260
|
}
|
|
9194
9261
|
subtitleChanged() {
|
|
9195
|
-
if (__classPrivateFieldGet$
|
|
9196
|
-
__classPrivateFieldGet$
|
|
9197
|
-
if (!__classPrivateFieldGet$
|
|
9262
|
+
if (__classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f"))
|
|
9263
|
+
__classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f").disconnect();
|
|
9264
|
+
if (!__classPrivateFieldGet$h(this, _ListItem_subtitle, "f") || this.subtitle === undefined || this.subtitle === '')
|
|
9198
9265
|
return;
|
|
9199
|
-
invariant(__classPrivateFieldGet$
|
|
9200
|
-
const div = __classPrivateFieldGet$
|
|
9266
|
+
invariant(__classPrivateFieldGet$h(this, _ListItem_subtitle, "f"));
|
|
9267
|
+
const div = __classPrivateFieldGet$h(this, _ListItem_subtitle, "f");
|
|
9201
9268
|
readTask(() => {
|
|
9202
9269
|
this.subtitleTooltip = isEllipsisActive(div);
|
|
9203
9270
|
});
|
|
9204
9271
|
__classPrivateFieldSet$d(this, _ListItem_roSubTitle, new ResizeObserver(([divEntry]) => {
|
|
9205
9272
|
this.subtitleTooltip = isEllipsisActive(divEntry.target);
|
|
9206
9273
|
}), "f");
|
|
9207
|
-
__classPrivateFieldGet$
|
|
9274
|
+
__classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f").observe(__classPrivateFieldGet$h(this, _ListItem_subtitle, "f"));
|
|
9208
9275
|
}
|
|
9209
9276
|
componentWillLoad() {
|
|
9210
9277
|
this.hasSubmenuSlot = this.host.hasChildNodes();
|
|
@@ -9230,16 +9297,18 @@ class ListItem {
|
|
|
9230
9297
|
this.subtitleChanged();
|
|
9231
9298
|
}
|
|
9232
9299
|
render() {
|
|
9233
|
-
return (hAsync(Host, { key: '
|
|
9300
|
+
return (hAsync(Host, { key: 'ee0d9edc0e5cdebab2c62a1b0ba5834fb0880205' }, hAsync("div", { key: '27fdefc82869d16f8328614994979edfedf83847', class: {
|
|
9234
9301
|
'qds-list-item': true,
|
|
9235
|
-
'qds-has-submenu': __classPrivateFieldGet$
|
|
9302
|
+
'qds-has-submenu': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get),
|
|
9236
9303
|
'qds-disabled': this.disabled,
|
|
9237
|
-
'qds-selected': __classPrivateFieldGet$
|
|
9238
|
-
'qds-static': __classPrivateFieldGet$
|
|
9239
|
-
}, "data-size": __classPrivateFieldGet$
|
|
9304
|
+
'qds-selected': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
|
|
9305
|
+
'qds-static': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'none',
|
|
9306
|
+
}, "data-size": __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '7b2e68fcac4f4ffab6e81e885653999612ed1cb6', class: {
|
|
9240
9307
|
'qds-indented-content': true,
|
|
9241
|
-
'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$
|
|
9242
|
-
} }, __classPrivateFieldGet$
|
|
9308
|
+
'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !== 'none',
|
|
9309
|
+
} }, __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: 'a06bfe133541e0557a9ad0fed6a27b024b9fb44e', checked: this.selected, indeterminate: this.indeterminate, size: this.size, text: this.text, disabled: this.disabled, checkboxOnly: true, onQdsChange: __classPrivateFieldGet$h(this, _ListItem_onCheck, "f"), ref: __classPrivateFieldGet$h(this, _ListItem_checkboxRef, "f") })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' && (hAsync("qds-radio", { key: 'd5083877d38ffcc299012d074ad2f1ef8b5de4cb', checked: this.selected, size: this.size, onQdsChange: __classPrivateFieldGet$h(this, _ListItem_onSelect, "f"), disabled: this.disabled, "aria-label": this.text, ref: __classPrivateFieldGet$h(this, _ListItem_radioRef, "f") })), this.host.draggable && (hAsync("qds-icon", { key: 'bf588102869dc59bc78a285d42c852226852e219', class: "qds-icon qds-list-action qds-draggable", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (hAsync("img", { key: '47f87d7dec2a4756cd6a9c81bfab6fa2a7fc0871', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '6224ec0568b6930da2a9f4ebeb1c2d8763e06814', class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (hAsync("qds-avatar-media", { key: '50aa50b332721712087f71c90128d683464eb357', class: "qds-picture", src: this.avatarSrc })), hAsync("div", { key: '5f1eb25a30de4c5a8c2ba2f177c60772820f780d', class: "qds-texts", role: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 'option' : undefined, tabIndex: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' && !this.disabled
|
|
9310
|
+
? 0
|
|
9311
|
+
: undefined, onFocus: __classPrivateFieldGet$h(this, _ListItem_onFocus, "f"), onBlur: __classPrivateFieldGet$h(this, _ListItem_onBlur, "f") }, this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: 'ad1019304d423631b49c184f8fe063f8244a5522', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: 'e04aee135c90ae30afbe892dc0c93dc1b58d0f6e', class: "qds-title", ref: __classPrivateFieldGet$h(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '0878a0bcdbb2a46a6a10a3a337db37fa173ba117', class: "qds-subtitle", ref: __classPrivateFieldGet$h(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (hAsync("qds-badge-counter", { key: '26c39639c5ff74e527a3c13870357992005d83b9', size: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get), strokeRing: true, value: this.badge, description: this.badgeDescription })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-icon-button", { key: '8772f76f5b815cf2416d330127ebf84cc2033cf2', iconName: "dots-3-vertical", importance: "subdued", "aria-label": "more actions", disabled: this.disabled, ref: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f") })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (hAsync("qds-icon", { key: '93dca44f644c099ef7fdbe2698c9bdb6f7591191', class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: 'a43fc24b55eccf93f250540346f6495dad9c3b4b', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f"), role: "menu" }, hAsync("slot", { key: '78d7411d2b3297a2c2166b5cfafc8ec3fc8d7857', onSlotchange: __classPrivateFieldGet$h(this, _ListItem_onSlotChange, "f") }))), this.showDivider && hAsync("qds-divider", { key: 'aad3d9a40005d34c0796af12c0a8f0d6b6d1a0c1' }), (this.textTooltip || this.subtitleTooltip) && (hAsync("qds-tooltip", { key: '41d102a47192763abaff3a04c208ac66eb70d899', "aria-hidden": "true", ref: __classPrivateFieldGet$h(this, _ListItem_textTooltipRef, "f") }, hAsync("div", { key: '03744a30496c35426909b265f641ca6ac8d40a7c', class: "qds-tooltip-kicker" }, this.kicker), hAsync("div", { key: 'c8ac27f7bdf5235ed2fcee5e570b8623158919df', class: "qds-tooltip-title" }, this.text), hAsync("div", { key: '10f38255ce09df8919d726726ed5f71f80c2cf4a', class: "qds-tooltip-subtitle" }, this.subtitle))))));
|
|
9243
9312
|
}
|
|
9244
9313
|
get host() { return getElement(this); }
|
|
9245
9314
|
static get watchers() { return {
|
|
@@ -9318,12 +9387,12 @@ _ListItem_roText = new WeakMap(), _ListItem_roSubTitle = new WeakMap(), _ListIte
|
|
|
9318
9387
|
return this.hasSubmenuSlot;
|
|
9319
9388
|
};
|
|
9320
9389
|
|
|
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:
|
|
9390
|
+
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:a 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 a{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)}";
|
|
9322
9391
|
|
|
9323
9392
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9324
9393
|
//
|
|
9325
9394
|
// SPDX-License-Identifier: Apache-2.0
|
|
9326
|
-
var __classPrivateFieldGet$
|
|
9395
|
+
var __classPrivateFieldGet$g = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
9327
9396
|
if (kind === "a" && !f)
|
|
9328
9397
|
throw new TypeError("Private accessor was defined without a getter");
|
|
9329
9398
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -9358,7 +9427,7 @@ class Loader {
|
|
|
9358
9427
|
this.importance = 'standard';
|
|
9359
9428
|
}
|
|
9360
9429
|
statusChanged() {
|
|
9361
|
-
const status = __classPrivateFieldGet$
|
|
9430
|
+
const status = __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedStatus_get);
|
|
9362
9431
|
this.internals.ariaValueNow =
|
|
9363
9432
|
status === undefined
|
|
9364
9433
|
? // eslint-disable-next-line unicorn/no-null
|
|
@@ -9386,11 +9455,11 @@ class Loader {
|
|
|
9386
9455
|
this.internals.role = 'progressbar';
|
|
9387
9456
|
this.internals.ariaValueMin = this.host.ariaValueMin ?? '0';
|
|
9388
9457
|
this.internals.ariaValueMax = this.host.ariaValueMax ?? '1';
|
|
9389
|
-
__classPrivateFieldGet$
|
|
9458
|
+
__classPrivateFieldGet$g(this, _Loader_instances, "m", _Loader_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
9390
9459
|
this.statusChanged();
|
|
9391
9460
|
}
|
|
9392
9461
|
render() {
|
|
9393
|
-
return __classPrivateFieldGet$
|
|
9462
|
+
return __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedStatus_get) ? (hAsync("qds-icon", { class: "qds-loader", "data-size": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedStatus_get), library: "core", name: `status-${this.status}-solid` })) : (hAsync("div", { class: "qds-loader", "data-size": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": "loading", "data-importance": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedImportance_get) }));
|
|
9394
9463
|
}
|
|
9395
9464
|
static get formAssociated() { return true; }
|
|
9396
9465
|
get host() { return getElement(this); }
|
|
@@ -9456,7 +9525,7 @@ const menuItemCss = ":host([hidden]){display:none!important}:host{display:block}
|
|
|
9456
9525
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
9457
9526
|
//
|
|
9458
9527
|
// SPDX-License-Identifier: Apache-2.0
|
|
9459
|
-
var __classPrivateFieldGet$
|
|
9528
|
+
var __classPrivateFieldGet$f = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
9460
9529
|
if (kind === "a" && !f)
|
|
9461
9530
|
throw new TypeError("Private accessor was defined without a getter");
|
|
9462
9531
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -9514,7 +9583,7 @@ class MenuItem {
|
|
|
9514
9583
|
if (menuItem) {
|
|
9515
9584
|
__classPrivateFieldSet$c(this, _MenuItem_menuItem, menuItem, "f");
|
|
9516
9585
|
}
|
|
9517
|
-
return __classPrivateFieldGet$
|
|
9586
|
+
return __classPrivateFieldGet$f(this, _MenuItem_menuItem, "f");
|
|
9518
9587
|
});
|
|
9519
9588
|
_MenuItem_spanRef.set(this, (span) => {
|
|
9520
9589
|
__classPrivateFieldSet$c(this, _MenuItem_span, span, "f");
|
|
@@ -9522,7 +9591,7 @@ class MenuItem {
|
|
|
9522
9591
|
_MenuItem_tooltipRef.set(this, (tooltip) => {
|
|
9523
9592
|
if (tooltip)
|
|
9524
9593
|
// eslint-disable-next-line no-param-reassign
|
|
9525
|
-
tooltip.target = __classPrivateFieldGet$
|
|
9594
|
+
tooltip.target = __classPrivateFieldGet$f(this, _MenuItem_menuItem, "f");
|
|
9526
9595
|
});
|
|
9527
9596
|
}
|
|
9528
9597
|
onBlur(event) {
|
|
@@ -9532,32 +9601,32 @@ class MenuItem {
|
|
|
9532
9601
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
9533
9602
|
}
|
|
9534
9603
|
onClick(event) {
|
|
9535
|
-
if (__classPrivateFieldGet$
|
|
9604
|
+
if (__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get)) {
|
|
9536
9605
|
event.stopImmediatePropagation();
|
|
9537
9606
|
return;
|
|
9538
9607
|
}
|
|
9539
|
-
if (__classPrivateFieldGet$
|
|
9540
|
-
this.checked = !__classPrivateFieldGet$
|
|
9608
|
+
if (__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get)) {
|
|
9609
|
+
this.checked = !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get);
|
|
9541
9610
|
this.selectEmitter.emit();
|
|
9542
9611
|
}
|
|
9543
9612
|
}
|
|
9544
9613
|
disabledChanged() {
|
|
9545
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
9614
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get).toString();
|
|
9546
9615
|
}
|
|
9547
9616
|
checkedChanged() {
|
|
9548
|
-
this.internals.ariaChecked = __classPrivateFieldGet$
|
|
9617
|
+
this.internals.ariaChecked = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get).toString();
|
|
9549
9618
|
}
|
|
9550
9619
|
componentDidLoad() {
|
|
9551
9620
|
this.checkedChanged();
|
|
9552
|
-
invariant(__classPrivateFieldGet$
|
|
9553
|
-
const span = __classPrivateFieldGet$
|
|
9621
|
+
invariant(__classPrivateFieldGet$f(this, _MenuItem_span, "f"));
|
|
9622
|
+
const span = __classPrivateFieldGet$f(this, _MenuItem_span, "f");
|
|
9554
9623
|
readTask(() => {
|
|
9555
9624
|
this.tooltip = isEllipsisActive(span);
|
|
9556
9625
|
});
|
|
9557
9626
|
__classPrivateFieldSet$c(this, _MenuItem_ro, new ResizeObserver(([spanEntry]) => {
|
|
9558
9627
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
9559
9628
|
}), "f");
|
|
9560
|
-
__classPrivateFieldGet$
|
|
9629
|
+
__classPrivateFieldGet$f(this, _MenuItem_ro, "f").observe(__classPrivateFieldGet$f(this, _MenuItem_span, "f"));
|
|
9561
9630
|
}
|
|
9562
9631
|
componentWillLoad() {
|
|
9563
9632
|
this.hasSubmenuSlot = this.host.hasChildNodes();
|
|
@@ -9566,11 +9635,11 @@ class MenuItem {
|
|
|
9566
9635
|
this.disabledChanged();
|
|
9567
9636
|
}
|
|
9568
9637
|
render() {
|
|
9569
|
-
return (hAsync("div", { key: '
|
|
9638
|
+
return (hAsync("div", { key: '7d0ba7c11661174f646a8b69012645224bda21fe', class: {
|
|
9570
9639
|
'qds-menu-item': true,
|
|
9571
|
-
'qds-disabled': __classPrivateFieldGet$
|
|
9572
|
-
'qds-has-submenu': __classPrivateFieldGet$
|
|
9573
|
-
}, ref: __classPrivateFieldGet$
|
|
9640
|
+
'qds-disabled': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
|
|
9641
|
+
'qds-has-submenu': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get),
|
|
9642
|
+
}, ref: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: 'ddc9c1614161a68acce64d7b055a4f98ad46c8ea', class: "qds-menu-item-container" }, __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("span", { key: '2976f946bbafda1f8878fe63dab984acb3a7022a', class: "menu-item-checkable" })), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("qds-icon", { key: 'badd5434f8857f8819aeefdff6d81d8206ff4c26', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '6ba121d5c02d93f061fe6e4563a840c3e3ed248b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: 'e6d352056093d513259bf307d57a2bf6594ef51c', class: "qds-text", ref: __classPrivateFieldGet$f(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (hAsync("span", { key: '57e519dcacdd6df02e57cabedf6be273ca2fe6d6', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-icon", { key: 'd42b375a3db82416e4897046f8158475e5ae8cae', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '051eac52674daeba3a8818f56e8bcc313c281a0b', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f") }, hAsync("slot", { key: 'c8f84041f9369ab6d2bd8e2978db851e2fc89c2e' }))), this.tooltip && (hAsync("qds-tooltip", { key: 'dde1e377a56eaa598351c119d190fa77c001deb6', ref: __classPrivateFieldGet$f(this, _MenuItem_tooltipRef, "f") }, this.text))));
|
|
9574
9643
|
}
|
|
9575
9644
|
get host() { return getElement(this); }
|
|
9576
9645
|
static get watchers() { return {
|
|
@@ -9612,21 +9681,21 @@ _MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span
|
|
|
9612
9681
|
}, _MenuItem_computedType_get = function _MenuItem_computedType_get() {
|
|
9613
9682
|
return this.type ?? undefined;
|
|
9614
9683
|
}, _MenuItem_computedCheckable_get = function _MenuItem_computedCheckable_get() {
|
|
9615
|
-
return __classPrivateFieldGet$
|
|
9684
|
+
return __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedType_get) === 'checkbox';
|
|
9616
9685
|
}, _MenuItem_computedChecked_get = function _MenuItem_computedChecked_get() {
|
|
9617
|
-
return ((__classPrivateFieldGet$
|
|
9686
|
+
return ((__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && this.checked) ?? false);
|
|
9618
9687
|
}, _MenuItem_computedDisabled_get = function _MenuItem_computedDisabled_get() {
|
|
9619
9688
|
return this.disabled ?? false;
|
|
9620
9689
|
}, _MenuItem_hasSubmenu_get = function _MenuItem_hasSubmenu_get() {
|
|
9621
9690
|
return this.hasSubmenuSlot;
|
|
9622
9691
|
};
|
|
9623
9692
|
|
|
9624
|
-
const miniButtonCss = ":host{display:block}:host(: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-mini-button{align-items:center;background-color:initial;border:none;
|
|
9693
|
+
const miniButtonCss = ":host{border-radius:var(--qds-control-rounded-border-radius);display:block}:host(: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}:host(:hover){background-color:var(--qds-theme-interactive-background-hover)}:host(:active){background-color:var(--qds-theme-interactive-background-pressed)}.qds-mini-button{align-items:center;background-color:initial;border:none;color:var(--qds-theme-control-text-standard);cursor:pointer;display:flex;justify-content:center;min-height:var(--qds-control-mini-button-standard-size);padding:0;width:var(--qds-control-mini-button-standard-size)}.qds-mini-button:focus-visible{outline:none}.qds-mini-button:disabled{pointer-events:none}.qds-icon{align-content:center;font-size:var(--qds-control-standard-icon-size);line-height:normal}";
|
|
9625
9694
|
|
|
9626
9695
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
9627
9696
|
//
|
|
9628
9697
|
// SPDX-License-Identifier: Apache-2.0
|
|
9629
|
-
var __classPrivateFieldGet$
|
|
9698
|
+
var __classPrivateFieldGet$e = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
9630
9699
|
if (kind === "a" && !f)
|
|
9631
9700
|
throw new TypeError("Private accessor was defined without a getter");
|
|
9632
9701
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -9675,11 +9744,11 @@ class MiniButton {
|
|
|
9675
9744
|
_MiniButton_savedTabIndex.set(this, 0);
|
|
9676
9745
|
}
|
|
9677
9746
|
disabledChanged() {
|
|
9678
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
9679
|
-
if (__classPrivateFieldGet$
|
|
9747
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get).toString();
|
|
9748
|
+
if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
|
|
9680
9749
|
this.host.removeAttribute('tabindex');
|
|
9681
9750
|
else
|
|
9682
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
9751
|
+
this.host.tabIndex = __classPrivateFieldGet$e(this, _MiniButton_savedTabIndex, "f");
|
|
9683
9752
|
}
|
|
9684
9753
|
hrefChanged() {
|
|
9685
9754
|
this.internals.role = this.href === undefined ? 'button' : 'link';
|
|
@@ -9691,16 +9760,16 @@ class MiniButton {
|
|
|
9691
9760
|
? 0
|
|
9692
9761
|
: parsedValue, "f");
|
|
9693
9762
|
}
|
|
9694
|
-
if (__classPrivateFieldGet$
|
|
9763
|
+
if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
|
|
9695
9764
|
this.host.removeAttribute('tabindex');
|
|
9696
9765
|
else
|
|
9697
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
9766
|
+
this.host.tabIndex = __classPrivateFieldGet$e(this, _MiniButton_savedTabIndex, "f");
|
|
9698
9767
|
}
|
|
9699
9768
|
textChanged() {
|
|
9700
9769
|
this.internals.ariaLabel = this.text;
|
|
9701
9770
|
}
|
|
9702
9771
|
onClick(event) {
|
|
9703
|
-
if (__classPrivateFieldGet$
|
|
9772
|
+
if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get)) {
|
|
9704
9773
|
event.stopImmediatePropagation();
|
|
9705
9774
|
}
|
|
9706
9775
|
}
|
|
@@ -9726,7 +9795,7 @@ class MiniButton {
|
|
|
9726
9795
|
}
|
|
9727
9796
|
render() {
|
|
9728
9797
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
9729
|
-
return (hAsync(Tag, { key: '
|
|
9798
|
+
return (hAsync(Tag, { key: '5ccabdd242da1682c5be8e868f1e361b45d0c708', type: Tag === 'a' ? undefined : 'button', class: "qds-mini-button", href: Tag === 'a' ? this.href : undefined, rel: Tag === 'a' ? this.rel : undefined, disabled: __classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get), "aria-hidden": "true", onKeyDown: preventDefault, onKeyUp: preventDefault, onKeyPress: preventDefault, tabIndex: -1 }, hAsync("qds-icon", { key: '86e9e8fd746952beac25b4b7f0fda237387f2125', class: "qds-icon", library: this.library, name: this.name })));
|
|
9730
9799
|
}
|
|
9731
9800
|
static get formAssociated() { return true; }
|
|
9732
9801
|
get host() { return getElement(this); }
|
|
@@ -9755,12 +9824,10 @@ class MiniButton {
|
|
|
9755
9824
|
}; }
|
|
9756
9825
|
}
|
|
9757
9826
|
_MiniButton_savedTabIndex = new WeakMap(), _MiniButton_instances = new WeakSet(), _MiniButton_computedDisabled_get = function _MiniButton_computedDisabled_get() {
|
|
9758
|
-
return
|
|
9759
|
-
(this.host.hasAttribute('disabled') &&
|
|
9760
|
-
this.host.getAttribute('disabled') !== 'false'));
|
|
9827
|
+
return this.disabled ?? false;
|
|
9761
9828
|
};
|
|
9762
9829
|
|
|
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:
|
|
9830
|
+
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:b 2s linear infinite;background-color:initial;background-image:var(--qds-theme-signature-line-progress-indeterminate)}@keyframes b{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)}";
|
|
9764
9831
|
|
|
9765
9832
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9766
9833
|
//
|
|
@@ -9774,7 +9841,7 @@ var __classPrivateFieldSet$a = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
9774
9841
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
9775
9842
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
9776
9843
|
};
|
|
9777
|
-
var __classPrivateFieldGet$
|
|
9844
|
+
var __classPrivateFieldGet$d = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
9778
9845
|
if (kind === "a" && !f)
|
|
9779
9846
|
throw new TypeError("Private accessor was defined without a getter");
|
|
9780
9847
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -9830,8 +9897,8 @@ class ProgressBar {
|
|
|
9830
9897
|
maxChanged() {
|
|
9831
9898
|
const max = typeof this.max === 'string' ? Number.parseFloat(this.max) : this.max;
|
|
9832
9899
|
__classPrivateFieldSet$a(this, _ProgressBar_localMax, max === undefined || Number.isNaN(max) || max < 0 ? 1 : max, "f");
|
|
9833
|
-
this.internals.ariaValueMax = __classPrivateFieldGet$
|
|
9834
|
-
__classPrivateFieldGet$
|
|
9900
|
+
this.internals.ariaValueMax = __classPrivateFieldGet$d(this, _ProgressBar_localMax, "f").toString();
|
|
9901
|
+
__classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
|
|
9835
9902
|
}
|
|
9836
9903
|
valueChanged() {
|
|
9837
9904
|
const value = typeof this.value === 'string'
|
|
@@ -9840,21 +9907,21 @@ class ProgressBar {
|
|
|
9840
9907
|
__classPrivateFieldSet$a(this, _ProgressBar_localValue, value === undefined || Number.isNaN(value) || value < 0 ? 0 : value, "f");
|
|
9841
9908
|
this.internals.ariaValueNow =
|
|
9842
9909
|
// eslint-disable-next-line unicorn/no-null
|
|
9843
|
-
this.value === undefined ? null : __classPrivateFieldGet$
|
|
9844
|
-
__classPrivateFieldGet$
|
|
9910
|
+
this.value === undefined ? null : __classPrivateFieldGet$d(this, _ProgressBar_localValue, "f").toString();
|
|
9911
|
+
__classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
|
|
9845
9912
|
}
|
|
9846
9913
|
componentWillLoad() {
|
|
9847
9914
|
this.internals.role = 'progressbar';
|
|
9848
|
-
__classPrivateFieldGet$
|
|
9849
|
-
__classPrivateFieldGet$
|
|
9915
|
+
__classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
9916
|
+
__classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'position', () => __classPrivateFieldGet$d(this, _ProgressBar_position, "f"));
|
|
9850
9917
|
this.maxChanged();
|
|
9851
9918
|
this.valueChanged();
|
|
9852
9919
|
}
|
|
9853
9920
|
render() {
|
|
9854
|
-
return (hAsync("div", { key: '
|
|
9921
|
+
return (hAsync("div", { key: '1f594b08dadc74c480d08f43bd9351225871990b', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$d(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, hAsync("div", { key: '5bcba1c692dde87d29f842ab572d3b36b58dbe43', class: {
|
|
9855
9922
|
'qds-bar': true,
|
|
9856
|
-
'qds-indeterminate': __classPrivateFieldGet$
|
|
9857
|
-
}, "data-size": __classPrivateFieldGet$
|
|
9923
|
+
'qds-indeterminate': __classPrivateFieldGet$d(this, _ProgressBar_position, "f") === -1,
|
|
9924
|
+
}, "data-size": __classPrivateFieldGet$d(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
|
|
9858
9925
|
}
|
|
9859
9926
|
static get formAssociated() { return true; }
|
|
9860
9927
|
get host() { return getElement(this); }
|
|
@@ -9895,8 +9962,8 @@ _ProgressBar_localMax = new WeakMap(), _ProgressBar_localValue = new WeakMap(),
|
|
|
9895
9962
|
this.width = '50%';
|
|
9896
9963
|
return;
|
|
9897
9964
|
}
|
|
9898
|
-
__classPrivateFieldSet$a(this, _ProgressBar_position, __classPrivateFieldGet$
|
|
9899
|
-
this.width = `${Math.min(__classPrivateFieldGet$
|
|
9965
|
+
__classPrivateFieldSet$a(this, _ProgressBar_position, __classPrivateFieldGet$d(this, _ProgressBar_localValue, "f") / __classPrivateFieldGet$d(this, _ProgressBar_localMax, "f"), "f");
|
|
9966
|
+
this.width = `${Math.min(__classPrivateFieldGet$d(this, _ProgressBar_position, "f") * 100, 100)}%`;
|
|
9900
9967
|
}, _ProgressBar_defineGetter = function _ProgressBar_defineGetter(p, get) {
|
|
9901
9968
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
9902
9969
|
};
|
|
@@ -9906,7 +9973,7 @@ const breadcrumbItemCss = ":host([hidden]){display:none!important}:host{display:
|
|
|
9906
9973
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9907
9974
|
//
|
|
9908
9975
|
// SPDX-License-Identifier: Apache-2.0
|
|
9909
|
-
var __classPrivateFieldGet$
|
|
9976
|
+
var __classPrivateFieldGet$c = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
9910
9977
|
if (kind === "a" && !f)
|
|
9911
9978
|
throw new TypeError("Private accessor was defined without a getter");
|
|
9912
9979
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -9965,29 +10032,29 @@ class QdsBreadcrumbItem {
|
|
|
9965
10032
|
_QdsBreadcrumbItem_tooltipRef.set(this, (tooltip) => {
|
|
9966
10033
|
if (tooltip)
|
|
9967
10034
|
// eslint-disable-next-line no-param-reassign
|
|
9968
|
-
tooltip.target = __classPrivateFieldGet$
|
|
10035
|
+
tooltip.target = __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItem, "f");
|
|
9969
10036
|
});
|
|
9970
10037
|
}
|
|
9971
10038
|
onClick(event) {
|
|
9972
|
-
if (__classPrivateFieldGet$
|
|
10039
|
+
if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get))
|
|
9973
10040
|
event.stopImmediatePropagation();
|
|
9974
10041
|
}
|
|
9975
10042
|
disabledChanged() {
|
|
9976
10043
|
this.internals.ariaDisabled = this.disabled.toString();
|
|
9977
10044
|
}
|
|
9978
10045
|
textChanged() {
|
|
9979
|
-
if (__classPrivateFieldGet$
|
|
9980
|
-
__classPrivateFieldGet$
|
|
9981
|
-
if (!__classPrivateFieldGet$
|
|
10046
|
+
if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f"))
|
|
10047
|
+
__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").disconnect();
|
|
10048
|
+
if (!__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f"))
|
|
9982
10049
|
return;
|
|
9983
|
-
const span = __classPrivateFieldGet$
|
|
10050
|
+
const span = __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f");
|
|
9984
10051
|
readTask(() => {
|
|
9985
10052
|
this.tooltip = isEllipsisActive(span);
|
|
9986
10053
|
});
|
|
9987
10054
|
__classPrivateFieldSet$9(this, _QdsBreadcrumbItem_ro, new ResizeObserver(([spanEntry]) => {
|
|
9988
10055
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
9989
10056
|
}), "f");
|
|
9990
|
-
__classPrivateFieldGet$
|
|
10057
|
+
__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").observe(__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f"));
|
|
9991
10058
|
}
|
|
9992
10059
|
componentWillLoad() {
|
|
9993
10060
|
this.internals.role = 'listitem';
|
|
@@ -9997,16 +10064,16 @@ class QdsBreadcrumbItem {
|
|
|
9997
10064
|
this.textChanged();
|
|
9998
10065
|
}
|
|
9999
10066
|
disconnectedCallback() {
|
|
10000
|
-
if (__classPrivateFieldGet$
|
|
10001
|
-
__classPrivateFieldGet$
|
|
10067
|
+
if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f"))
|
|
10068
|
+
__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").disconnect();
|
|
10002
10069
|
}
|
|
10003
10070
|
render() {
|
|
10004
10071
|
return (hAsync("div", { key: '98651d2afead065d1dc9955fecbba5a3c56b9c99', class: {
|
|
10005
10072
|
'qds-breadcrumb-item': true,
|
|
10006
|
-
'qds-disabled': __classPrivateFieldGet$
|
|
10007
|
-
}, ref: this.href === undefined ? __classPrivateFieldGet$
|
|
10008
|
-
? __classPrivateFieldGet$
|
|
10009
|
-
: __classPrivateFieldGet$
|
|
10073
|
+
'qds-disabled': __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get),
|
|
10074
|
+
}, ref: this.href === undefined ? __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '9126433ac3532b3716d5821568d65a74b45c7145', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.href === undefined || __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_isCurrentPage_get)
|
|
10075
|
+
? __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderText).call(this)
|
|
10076
|
+
: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderAnchor).call(this), this.tooltip && (hAsync("qds-tooltip", { key: '8db1c84dea739706bb39ebbfe3824b4adbe2765c', "aria-hidden": "true", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_tooltipRef, "f") }, this.text))));
|
|
10010
10077
|
}
|
|
10011
10078
|
static get delegatesFocus() { return true; }
|
|
10012
10079
|
static get watchers() { return {
|
|
@@ -10041,17 +10108,17 @@ _QdsBreadcrumbItem_breadcrumbItem = new WeakMap(), _QdsBreadcrumbItem_ro = new W
|
|
|
10041
10108
|
return false;
|
|
10042
10109
|
return isCurrentPage(this.href);
|
|
10043
10110
|
}, _QdsBreadcrumbItem_renderAnchor = function _QdsBreadcrumbItem_renderAnchor() {
|
|
10044
|
-
return (hAsync(Fragment, null, hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$
|
|
10111
|
+
return (hAsync(Fragment, null, hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_spanRef, "f") }, hAsync("a", { class: "qds-anchor", href: this.href, hrefLang: this.hreflang, referrerPolicy: this.referrerPolicy, rel: this.rel, ref: this.href === undefined ? undefined : __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f"), target: this.target }, this.text)), hAsync("span", { "aria-hidden": "true", class: "qds-divider" }, "/")));
|
|
10045
10112
|
}, _QdsBreadcrumbItem_renderText = function _QdsBreadcrumbItem_renderText() {
|
|
10046
|
-
return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$
|
|
10113
|
+
return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
|
|
10047
10114
|
};
|
|
10048
10115
|
|
|
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:
|
|
10116
|
+
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:f;place-self:center}.qds-icon.sc-qds-radio{display:none;pointer-events:none}.qds-container.sc-qds-radio{display:grid;grid-template-areas:\"f\"}.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{color:var(--qds-theme-control-text-standard);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%}.qds-required.sc-qds-radio{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}.qds-tooltip.sc-qds-radio{line-height:normal}.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}.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-toggle-small-box-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-label-inner[data-size=small].sc-qds-radio{font:var(--qds-control-small-text)}.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)}.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{font-size:var(--qds-control-toggle-standard-box-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-label-inner[data-size=standard].sc-qds-radio{font:var(--qds-control-standard-text)}.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)}.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{font-size:var(--qds-control-toggle-large-box-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-label-inner[data-size=large].sc-qds-radio{font:var(--qds-control-large-text)}.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)}";
|
|
10050
10117
|
|
|
10051
10118
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10052
10119
|
//
|
|
10053
10120
|
// SPDX-License-Identifier: Apache-2.0
|
|
10054
|
-
var __classPrivateFieldGet$
|
|
10121
|
+
var __classPrivateFieldGet$b = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
10055
10122
|
if (kind === "a" && !f)
|
|
10056
10123
|
throw new TypeError("Private accessor was defined without a getter");
|
|
10057
10124
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -10067,7 +10134,7 @@ var __classPrivateFieldSet$8 = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
10067
10134
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
10068
10135
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
10069
10136
|
};
|
|
10070
|
-
var _Radio_instances, _Radio_inheritedAttributes, _Radio_input, _Radio_computedDisabled_get, _Radio_computedSize_get, _Radio_hasText_get, _Radio_ref, _Radio_onBlur,
|
|
10137
|
+
var _Radio_instances, _Radio_inheritedAttributes, _Radio_input, _Radio_ro, _Radio_span, _Radio_tooltip, _Radio_computedDisabled_get, _Radio_computedSize_get, _Radio_hasText_get, _Radio_ref, _Radio_onBlur, _Radio_onFocus, _Radio_spanRef, _Radio_tooltipRef, _Radio_onChange;
|
|
10071
10138
|
/**
|
|
10072
10139
|
* `<qds-radio>` elements are rendered as circles that are filled when
|
|
10073
10140
|
* selected. They are generally used in **radio groups** — collections of radio
|
|
@@ -10096,51 +10163,91 @@ class Radio {
|
|
|
10096
10163
|
* The radio button's size.
|
|
10097
10164
|
*/
|
|
10098
10165
|
this.size = 'standard';
|
|
10166
|
+
this.tooltip = false;
|
|
10099
10167
|
_Radio_inheritedAttributes.set(this, {});
|
|
10100
10168
|
_Radio_input.set(this, void 0);
|
|
10169
|
+
_Radio_ro.set(this, void 0);
|
|
10170
|
+
_Radio_span.set(this, void 0);
|
|
10171
|
+
_Radio_tooltip.set(this, void 0);
|
|
10101
10172
|
_Radio_ref.set(this, (input) => {
|
|
10102
10173
|
__classPrivateFieldSet$8(this, _Radio_input, input, "f");
|
|
10103
10174
|
});
|
|
10104
10175
|
_Radio_onBlur.set(this, (event) => {
|
|
10105
10176
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
10106
|
-
|
|
10107
|
-
|
|
10108
|
-
this.changeEmitter.emit();
|
|
10177
|
+
if (__classPrivateFieldGet$b(this, _Radio_tooltip, "f"))
|
|
10178
|
+
ignorePromise(__classPrivateFieldGet$b(this, _Radio_tooltip, "f").close());
|
|
10109
10179
|
});
|
|
10110
10180
|
_Radio_onFocus.set(this, (event) => {
|
|
10111
10181
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
10182
|
+
if (__classPrivateFieldGet$b(this, _Radio_tooltip, "f"))
|
|
10183
|
+
ignorePromise(__classPrivateFieldGet$b(this, _Radio_tooltip, "f").show());
|
|
10184
|
+
});
|
|
10185
|
+
_Radio_spanRef.set(this, (span) => {
|
|
10186
|
+
__classPrivateFieldSet$8(this, _Radio_span, span, "f");
|
|
10187
|
+
});
|
|
10188
|
+
_Radio_tooltipRef.set(this, (tooltip) => {
|
|
10189
|
+
if (tooltip) {
|
|
10190
|
+
// eslint-disable-next-line no-param-reassign
|
|
10191
|
+
tooltip.target = this.host;
|
|
10192
|
+
__classPrivateFieldSet$8(this, _Radio_tooltip, tooltip, "f");
|
|
10193
|
+
}
|
|
10194
|
+
});
|
|
10195
|
+
_Radio_onChange.set(this, () => {
|
|
10196
|
+
this.changeEmitter.emit();
|
|
10112
10197
|
});
|
|
10113
10198
|
}
|
|
10114
10199
|
onClick(event) {
|
|
10115
|
-
if (__classPrivateFieldGet$
|
|
10200
|
+
if (__classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get)) {
|
|
10116
10201
|
event.stopImmediatePropagation();
|
|
10117
10202
|
return;
|
|
10118
10203
|
}
|
|
10119
|
-
invariant(__classPrivateFieldGet$
|
|
10120
|
-
this.checked = __classPrivateFieldGet$
|
|
10204
|
+
invariant(__classPrivateFieldGet$b(this, _Radio_input, "f"));
|
|
10205
|
+
this.checked = __classPrivateFieldGet$b(this, _Radio_input, "f").checked;
|
|
10121
10206
|
}
|
|
10122
10207
|
tabindexChanged(newValue) {
|
|
10123
10208
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
10124
10209
|
this.tabIndex =
|
|
10125
10210
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
10126
10211
|
}
|
|
10212
|
+
textChanged() {
|
|
10213
|
+
if (__classPrivateFieldGet$b(this, _Radio_ro, "f"))
|
|
10214
|
+
__classPrivateFieldGet$b(this, _Radio_ro, "f").disconnect();
|
|
10215
|
+
if (!__classPrivateFieldGet$b(this, _Radio_span, "f"))
|
|
10216
|
+
return;
|
|
10217
|
+
const span = __classPrivateFieldGet$b(this, _Radio_span, "f");
|
|
10218
|
+
readTask(() => {
|
|
10219
|
+
this.tooltip = isEllipsisActive(span);
|
|
10220
|
+
});
|
|
10221
|
+
__classPrivateFieldSet$8(this, _Radio_ro, new ResizeObserver(([spanEntry]) => {
|
|
10222
|
+
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
10223
|
+
}), "f");
|
|
10224
|
+
__classPrivateFieldGet$b(this, _Radio_ro, "f").observe(__classPrivateFieldGet$b(this, _Radio_span, "f"));
|
|
10225
|
+
}
|
|
10127
10226
|
componentWillLoad() {
|
|
10128
10227
|
__classPrivateFieldSet$8(this, _Radio_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
10129
10228
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
10130
10229
|
}
|
|
10230
|
+
componentDidLoad() {
|
|
10231
|
+
this.textChanged();
|
|
10232
|
+
}
|
|
10233
|
+
disconnectedCallback() {
|
|
10234
|
+
if (__classPrivateFieldGet$b(this, _Radio_ro, "f"))
|
|
10235
|
+
__classPrivateFieldGet$b(this, _Radio_ro, "f").disconnect();
|
|
10236
|
+
}
|
|
10131
10237
|
render() {
|
|
10132
10238
|
return (
|
|
10133
10239
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
10134
|
-
hAsync("label", { key: '
|
|
10240
|
+
hAsync("label", { key: '62bb3624c0b808bd128e2377215d63ed03f03c9f', "aria-disabled": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
|
|
10135
10241
|
'qds-inline': this.inline,
|
|
10136
10242
|
'qds-label': true,
|
|
10137
|
-
}, "data-size": __classPrivateFieldGet$
|
|
10243
|
+
}, "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '0162d9e7c109e914c2450ea0ecbeeb17e228d106', class: "qds-container" }, hAsync("input", { key: '076c5b110f38044837431b6d1d43196700ec97b2',
|
|
10138
10244
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
10139
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$
|
|
10245
|
+
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet$b(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet$b(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet$b(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet$b(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet$b(this, _Radio_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '668a2d22e68b6f1d49cb5b9798b99dbd6d5a05a5', class: "qds-icon", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), library: "core", name: "checked-radio" })), __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_hasText_get) && (hAsync("span", { key: 'f1205a0e975d4e59a907239a0371fe8864e5adfd', class: "qds-label-inner", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), ref: __classPrivateFieldGet$b(this, _Radio_spanRef, "f") }, this.required === true && hAsync("span", { key: '77c767cab283f45e4f5d4d23caab06ddd200c214', class: "qds-required" }, "*"), this.text)), this.tooltip && (hAsync("qds-tooltip", { key: '905dbef82ca3a3803e536bceca43c1bee35eb195', "aria-hidden": "true", class: "qds-tooltip", ref: __classPrivateFieldGet$b(this, _Radio_tooltipRef, "f") }, this.text))));
|
|
10140
10246
|
}
|
|
10141
10247
|
get host() { return getElement(this); }
|
|
10142
10248
|
static get watchers() { return {
|
|
10143
|
-
"tabindex": ["tabindexChanged"]
|
|
10249
|
+
"tabindex": ["tabindexChanged"],
|
|
10250
|
+
"text": ["textChanged"]
|
|
10144
10251
|
}; }
|
|
10145
10252
|
static get style() { return radioCss; }
|
|
10146
10253
|
static get cmpMeta() { return {
|
|
@@ -10156,14 +10263,15 @@ class Radio {
|
|
|
10156
10263
|
"name": [1],
|
|
10157
10264
|
"required": [4],
|
|
10158
10265
|
"value": [1032],
|
|
10159
|
-
"tabIndex": [32]
|
|
10266
|
+
"tabIndex": [32],
|
|
10267
|
+
"tooltip": [32]
|
|
10160
10268
|
},
|
|
10161
10269
|
"$listeners$": [[0, "click", "onClick"]],
|
|
10162
10270
|
"$lazyBundleId$": "-",
|
|
10163
10271
|
"$attrsToReflect$": []
|
|
10164
10272
|
}; }
|
|
10165
10273
|
}
|
|
10166
|
-
_Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio_ref = new WeakMap(), _Radio_onBlur = new WeakMap(),
|
|
10274
|
+
_Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio_ro = new WeakMap(), _Radio_span = new WeakMap(), _Radio_tooltip = new WeakMap(), _Radio_ref = new WeakMap(), _Radio_onBlur = new WeakMap(), _Radio_onFocus = new WeakMap(), _Radio_spanRef = new WeakMap(), _Radio_tooltipRef = new WeakMap(), _Radio_onChange = new WeakMap(), _Radio_instances = new WeakSet(), _Radio_computedDisabled_get = function _Radio_computedDisabled_get() {
|
|
10167
10275
|
return this.disabled ?? false;
|
|
10168
10276
|
}, _Radio_computedSize_get = function _Radio_computedSize_get() {
|
|
10169
10277
|
switch (this.size) {
|
|
@@ -10180,12 +10288,12 @@ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio
|
|
|
10180
10288
|
return this.text !== undefined && this.text !== '';
|
|
10181
10289
|
};
|
|
10182
10290
|
|
|
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:\"
|
|
10291
|
+
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:\"b\"}.qds-container,.qds-select{width:inherit}.qds-icon,.qds-select{color:var(--qds-theme-form-input-text-active);grid-area:b}.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-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-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-form-input-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-form-input-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-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-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-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-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:b;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-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-form-input-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}.qds-select:focus-visible~.qds-focus-ring{visibility:visible}";
|
|
10184
10292
|
|
|
10185
10293
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10186
10294
|
//
|
|
10187
10295
|
// SPDX-License-Identifier: Apache-2.0
|
|
10188
|
-
var __classPrivateFieldGet$
|
|
10296
|
+
var __classPrivateFieldGet$a = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
10189
10297
|
if (kind === "a" && !f)
|
|
10190
10298
|
throw new TypeError("Private accessor was defined without a getter");
|
|
10191
10299
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -10349,28 +10457,28 @@ class Select {
|
|
|
10349
10457
|
this.checkValidity = () => this.internals.checkValidity();
|
|
10350
10458
|
this.reportValidity = () => this.internals.reportValidity();
|
|
10351
10459
|
this.setCustomValidity = (error) => {
|
|
10352
|
-
invariant(__classPrivateFieldGet$
|
|
10353
|
-
__classPrivateFieldGet$
|
|
10460
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10461
|
+
__classPrivateFieldGet$a(this, _Select_select, "f").setCustomValidity(error);
|
|
10354
10462
|
if (error)
|
|
10355
|
-
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$
|
|
10463
|
+
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10356
10464
|
else
|
|
10357
10465
|
this.internals.setValidity(NO_ERROR_FLAGS);
|
|
10358
10466
|
};
|
|
10359
10467
|
this.addItem = (element, before) => {
|
|
10360
|
-
invariant(__classPrivateFieldGet$
|
|
10361
|
-
__classPrivateFieldGet$
|
|
10468
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10469
|
+
__classPrivateFieldGet$a(this, _Select_select, "f").add(element, before);
|
|
10362
10470
|
};
|
|
10363
10471
|
this.removeItem = (index) => {
|
|
10364
|
-
invariant(__classPrivateFieldGet$
|
|
10365
|
-
__classPrivateFieldGet$
|
|
10472
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10473
|
+
__classPrivateFieldGet$a(this, _Select_select, "f").remove(index);
|
|
10366
10474
|
};
|
|
10367
10475
|
this.item = (index) => {
|
|
10368
|
-
invariant(__classPrivateFieldGet$
|
|
10369
|
-
return __classPrivateFieldGet$
|
|
10476
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10477
|
+
return __classPrivateFieldGet$a(this, _Select_select, "f").item(index);
|
|
10370
10478
|
};
|
|
10371
10479
|
this.namedItem = (name) => {
|
|
10372
|
-
invariant(__classPrivateFieldGet$
|
|
10373
|
-
return __classPrivateFieldGet$
|
|
10480
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10481
|
+
return __classPrivateFieldGet$a(this, _Select_select, "f").namedItem(name);
|
|
10374
10482
|
};
|
|
10375
10483
|
_Select_ref.set(this, (select) => {
|
|
10376
10484
|
__classPrivateFieldSet$7(this, _Select_select, select, "f");
|
|
@@ -10385,31 +10493,31 @@ class Select {
|
|
|
10385
10493
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
10386
10494
|
});
|
|
10387
10495
|
_Select_onInput.set(this, (event) => {
|
|
10388
|
-
invariant(__classPrivateFieldGet$
|
|
10389
|
-
this.value = __classPrivateFieldGet$
|
|
10496
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10497
|
+
this.value = __classPrivateFieldGet$a(this, _Select_select, "f").value;
|
|
10390
10498
|
this.inputEmitter.emit(pickInputEventAttributes(event));
|
|
10391
10499
|
});
|
|
10392
10500
|
_Select_onSlotchange.set(this, (event) => {
|
|
10393
|
-
invariant(__classPrivateFieldGet$
|
|
10501
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10394
10502
|
const { currentTarget } = event;
|
|
10395
10503
|
invariant(currentTarget instanceof HTMLSlotElement);
|
|
10396
|
-
__classPrivateFieldGet$
|
|
10504
|
+
__classPrivateFieldGet$a(this, _Select_select, "f").replaceChildren(...currentTarget.assignedNodes().map((node) => node.cloneNode(true)));
|
|
10397
10505
|
});
|
|
10398
10506
|
}
|
|
10399
10507
|
onClick(event) {
|
|
10400
|
-
if (__classPrivateFieldGet$
|
|
10508
|
+
if (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get))
|
|
10401
10509
|
event.stopImmediatePropagation();
|
|
10402
10510
|
}
|
|
10403
10511
|
disabledChanged() {
|
|
10404
|
-
if (__classPrivateFieldGet$
|
|
10512
|
+
if (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get))
|
|
10405
10513
|
// eslint-disable-next-line unicorn/no-null
|
|
10406
10514
|
this.internals.setFormValue(null);
|
|
10407
10515
|
else
|
|
10408
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
10516
|
+
this.internals.setFormValue(__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedValue_get));
|
|
10409
10517
|
}
|
|
10410
10518
|
selectedIndexChanged() {
|
|
10411
|
-
invariant(__classPrivateFieldGet$
|
|
10412
|
-
__classPrivateFieldGet$
|
|
10519
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10520
|
+
__classPrivateFieldGet$a(this, _Select_select, "f").selectedIndex = this.selectedIndex;
|
|
10413
10521
|
}
|
|
10414
10522
|
tabindexChanged(newValue) {
|
|
10415
10523
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
@@ -10417,43 +10525,43 @@ class Select {
|
|
|
10417
10525
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
10418
10526
|
}
|
|
10419
10527
|
validationChanged() {
|
|
10420
|
-
invariant(__classPrivateFieldGet$
|
|
10421
|
-
__classPrivateFieldGet$
|
|
10422
|
-
__classPrivateFieldGet$
|
|
10423
|
-
const { valid } = __classPrivateFieldGet$
|
|
10528
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10529
|
+
__classPrivateFieldGet$a(this, _Select_select, "f").value = __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedValue_get);
|
|
10530
|
+
__classPrivateFieldGet$a(this, _Select_select, "f").required = this.required ?? false;
|
|
10531
|
+
const { valid } = __classPrivateFieldGet$a(this, _Select_select, "f").validity;
|
|
10424
10532
|
if (valid)
|
|
10425
|
-
this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$
|
|
10533
|
+
this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10426
10534
|
else
|
|
10427
|
-
this.internals.setValidity(__classPrivateFieldGet$
|
|
10535
|
+
this.internals.setValidity(__classPrivateFieldGet$a(this, _Select_select, "f").validity, __classPrivateFieldGet$a(this, _Select_select, "f").validationMessage, __classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10428
10536
|
}
|
|
10429
10537
|
statusChanged() {
|
|
10430
|
-
this.internals.ariaInvalid = (__classPrivateFieldGet$
|
|
10538
|
+
this.internals.ariaInvalid = (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedStatus_get) === 'error').toString();
|
|
10431
10539
|
}
|
|
10432
10540
|
componentWillLoad() {
|
|
10433
|
-
__classPrivateFieldGet$
|
|
10434
|
-
__classPrivateFieldGet$
|
|
10435
|
-
__classPrivateFieldGet$
|
|
10436
|
-
__classPrivateFieldGet$
|
|
10437
|
-
__classPrivateFieldGet$
|
|
10438
|
-
__classPrivateFieldGet$
|
|
10439
|
-
__classPrivateFieldGet$
|
|
10440
|
-
__classPrivateFieldGet$
|
|
10541
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'form', () => this.internals.form);
|
|
10542
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
10543
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
10544
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
10545
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'type', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedType_get));
|
|
10546
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'options', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedOptions_get));
|
|
10547
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'length', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedOptions_get).length);
|
|
10548
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'selectedOptions', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSelectedOptions_get));
|
|
10441
10549
|
__classPrivateFieldSet$7(this, _Select_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
10442
10550
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
10443
10551
|
this.statusChanged();
|
|
10444
10552
|
}
|
|
10445
10553
|
componentDidLoad() {
|
|
10446
|
-
invariant(__classPrivateFieldGet$
|
|
10554
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10447
10555
|
this.validationChanged();
|
|
10448
|
-
this.selectedIndex = __classPrivateFieldGet$
|
|
10556
|
+
this.selectedIndex = __classPrivateFieldGet$a(this, _Select_select, "f").selectedIndex;
|
|
10449
10557
|
}
|
|
10450
10558
|
render() {
|
|
10451
|
-
return (hAsync("div", { key: '
|
|
10559
|
+
return (hAsync("div", { key: '26c702cd3ae186b45a53bd51196f425b101fd1c9', class: {
|
|
10452
10560
|
'qds-container': true,
|
|
10453
10561
|
'qds-multiple': this.multiple ?? false,
|
|
10454
|
-
}, "data-size": __classPrivateFieldGet$
|
|
10562
|
+
}, "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: 'c42974f545c679f3ac6e91178a4891199c374695', autoComplete: this.autoComplete,
|
|
10455
10563
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
10456
|
-
autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet$
|
|
10564
|
+
autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get), "data-status": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedStatus_get), disabled: __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get), multiple: this.multiple, name: this.name, onBlur: __classPrivateFieldGet$a(this, _Select_onBlur, "f"), onChange: __classPrivateFieldGet$a(this, _Select_onChange, "f"), onFocus: __classPrivateFieldGet$a(this, _Select_onFocus, "f"), onInput: __classPrivateFieldGet$a(this, _Select_onInput, "f"), ref: __classPrivateFieldGet$a(this, _Select_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$a(this, _Select_inheritedAttributes, "f") }), this.multiple !== true && (hAsync("qds-icon", { key: 'aa8e1e662d3fbe6763c15db02a7461cb5fc8b427', class: "qds-icon", "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get), library: "core", name: "dropdown" })), hAsync("slot", { key: 'b72253181babf15b30131d300e531a412cb23623', onSlotchange: __classPrivateFieldGet$a(this, _Select_onSlotchange, "f") }), hAsync("div", { key: 'b7302af05bf0d6169ab86cca521b3a208fc39e9f', class: "qds-focus-ring" })));
|
|
10457
10565
|
}
|
|
10458
10566
|
static get delegatesFocus() { return true; }
|
|
10459
10567
|
static get formAssociated() { return true; }
|
|
@@ -10499,8 +10607,8 @@ _Select_inheritedAttributes = new WeakMap(), _Select_select = new WeakMap(), _Se
|
|
|
10499
10607
|
return ((this.host.matches(':disabled') || (this.disabled ?? false)) &&
|
|
10500
10608
|
this.host.getAttribute('disabled') !== 'false');
|
|
10501
10609
|
}, _Select_computedOptions_get = function _Select_computedOptions_get() {
|
|
10502
|
-
invariant(__classPrivateFieldGet$
|
|
10503
|
-
return __classPrivateFieldGet$
|
|
10610
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10611
|
+
return __classPrivateFieldGet$a(this, _Select_select, "f").options;
|
|
10504
10612
|
}, _Select_computedStatus_get = function _Select_computedStatus_get() {
|
|
10505
10613
|
switch (this.status) {
|
|
10506
10614
|
case 'error':
|
|
@@ -10524,23 +10632,23 @@ _Select_inheritedAttributes = new WeakMap(), _Select_select = new WeakMap(), _Se
|
|
|
10524
10632
|
}
|
|
10525
10633
|
}
|
|
10526
10634
|
}, _Select_computedType_get = function _Select_computedType_get() {
|
|
10527
|
-
invariant(__classPrivateFieldGet$
|
|
10528
|
-
return __classPrivateFieldGet$
|
|
10635
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10636
|
+
return __classPrivateFieldGet$a(this, _Select_select, "f").type;
|
|
10529
10637
|
}, _Select_computedValue_get = function _Select_computedValue_get() {
|
|
10530
10638
|
return this.value ?? '';
|
|
10531
10639
|
}, _Select_computedSelectedOptions_get = function _Select_computedSelectedOptions_get() {
|
|
10532
|
-
invariant(__classPrivateFieldGet$
|
|
10533
|
-
return __classPrivateFieldGet$
|
|
10640
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10641
|
+
return __classPrivateFieldGet$a(this, _Select_select, "f").selectedOptions;
|
|
10534
10642
|
}, _Select_defineGetter = function _Select_defineGetter(p, get) {
|
|
10535
10643
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
10536
10644
|
};
|
|
10537
10645
|
|
|
10538
|
-
const standaloneLinkCss = ":host([hidden]){display:none!important}:host{display:inline-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-icon-crop{align-items:center;display:flex;justify-content:center}.qds-icon{flex-shrink:0;transform:scaleX(var(--qds-direction-factor,1))}.qds-standalone-link{box-sizing:border-box;display:inline-flex;justify-content:center;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%}.qds-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}[data-importance=subdued]{color:var(--qds-theme-link-subdued-default)}.qds-visitable[data-importance=subdued]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=subdued]:hover{color:var(--qds-theme-link-subdued-hover)}[data-importance=subdued]:active{color:var(--qds-theme-link-subdued-pressed)}.qds-visitable[data-importance=subdued]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=subdued]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=standard]{color:var(--qds-theme-link-standard-default)}.qds-visitable[data-importance=standard]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=standard]:hover{color:var(--qds-theme-link-standard-hover)}[data-importance=standard]:active{color:var(--qds-theme-link-standard-pressed)}.qds-visitable[data-importance=standard]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=standard]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=emphasized]{color:var(--qds-theme-link-emphasized-default)}.qds-visitable[data-importance=emphasized]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=emphasized]:hover{color:var(--qds-theme-link-emphasized-hover)}[data-importance=emphasized]:active{color:var(--qds-theme-link-emphasized-pressed)}.qds-visitable[data-importance=emphasized]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=emphasized]:visited:active{color:var(--qds-theme-link-visited-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-standalone-link[data-size=small]{font:var(--qds-control-small-
|
|
10646
|
+
const standaloneLinkCss = ":host([hidden]){display:none!important}:host{display:inline-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-icon-crop{align-items:center;display:flex;justify-content:center}.qds-icon{flex-shrink:0;transform:scaleX(var(--qds-direction-factor,1))}.qds-standalone-link{box-sizing:border-box;display:inline-flex;justify-content:center;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%}.qds-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}[data-importance=emphasized],[data-importance=standard]{-webkit-text-decoration:none;text-decoration:none}.qds-visitable[data-importance=emphasized],.qds-visitable[data-importance=standard],[data-importance=emphasized]:active,[data-importance=emphasized]:hover,[data-importance=standard]:active,[data-importance=standard]:hover{-webkit-text-decoration:underline;text-decoration:underline}[data-importance=subdued]{color:var(--qds-theme-link-subdued-default)}.qds-visitable[data-importance=subdued]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=subdued]:hover{color:var(--qds-theme-link-subdued-hover)}[data-importance=subdued]:active{color:var(--qds-theme-link-subdued-pressed)}.qds-visitable[data-importance=subdued]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=subdued]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=standard]{color:var(--qds-theme-link-standard-default)}.qds-visitable[data-importance=standard]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=standard]:hover{color:var(--qds-theme-link-standard-hover)}[data-importance=standard]:active{color:var(--qds-theme-link-standard-pressed)}.qds-visitable[data-importance=standard]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=standard]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=emphasized]{color:var(--qds-theme-link-emphasized-default)}.qds-visitable[data-importance=emphasized]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=emphasized]:hover{color:var(--qds-theme-link-emphasized-hover)}[data-importance=emphasized]:active{color:var(--qds-theme-link-emphasized-pressed)}.qds-visitable[data-importance=emphasized]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=emphasized]:visited:active{color:var(--qds-theme-link-visited-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-standalone-link[data-size=small]{font:var(--qds-control-small-text);gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-block:var(--qds-control-small-padding-auto-height)}.qds-icon-crop[data-size=small]{height:var(--qds-control-small-icon-crop-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-standalone-link[data-size=standard]{font:var(--qds-control-standard-text);gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}.qds-icon-crop[data-size=standard]{height:var(--qds-control-standard-icon-crop-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-standalone-link[data-size=large]{font:var(--qds-control-large-text);gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-block:var(--qds-control-large-padding-auto-height)}.qds-icon-crop[data-size=large]{height:var(--qds-control-large-icon-crop-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}";
|
|
10539
10647
|
|
|
10540
10648
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10541
10649
|
//
|
|
10542
10650
|
// SPDX-License-Identifier: Apache-2.0
|
|
10543
|
-
var __classPrivateFieldGet$
|
|
10651
|
+
var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
10544
10652
|
if (kind === "a" && !f)
|
|
10545
10653
|
throw new TypeError("Private accessor was defined without a getter");
|
|
10546
10654
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -10606,7 +10714,7 @@ class StandaloneLink {
|
|
|
10606
10714
|
_StandaloneLink_savedTabIndex.set(this, 0);
|
|
10607
10715
|
_StandaloneLink_link.set(this, void 0);
|
|
10608
10716
|
_StandaloneLink_updateAriaLabelElements.set(this, () => {
|
|
10609
|
-
this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$
|
|
10717
|
+
this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
|
|
10610
10718
|
});
|
|
10611
10719
|
_StandaloneLink_linkRef.set(this, (link) => {
|
|
10612
10720
|
__classPrivateFieldSet$6(this, _StandaloneLink_link, link, "f");
|
|
@@ -10618,7 +10726,7 @@ class StandaloneLink {
|
|
|
10618
10726
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
10619
10727
|
});
|
|
10620
10728
|
_StandaloneLink_onSlotchange.set(this, () => {
|
|
10621
|
-
__classPrivateFieldGet$
|
|
10729
|
+
__classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
|
|
10622
10730
|
});
|
|
10623
10731
|
}
|
|
10624
10732
|
onClick(event) {
|
|
@@ -10626,18 +10734,18 @@ class StandaloneLink {
|
|
|
10626
10734
|
event.stopImmediatePropagation();
|
|
10627
10735
|
}
|
|
10628
10736
|
onKeydown(event) {
|
|
10629
|
-
invariant(__classPrivateFieldGet$
|
|
10737
|
+
invariant(__classPrivateFieldGet$9(this, _StandaloneLink_link, "f"));
|
|
10630
10738
|
if (this.disabled)
|
|
10631
10739
|
return;
|
|
10632
10740
|
if (event.key === 'Enter')
|
|
10633
|
-
__classPrivateFieldGet$
|
|
10741
|
+
__classPrivateFieldGet$9(this, _StandaloneLink_link, "f").click();
|
|
10634
10742
|
}
|
|
10635
10743
|
disabledChanged() {
|
|
10636
10744
|
this.internals.ariaDisabled = this.disabled.toString();
|
|
10637
10745
|
if (this.disabled)
|
|
10638
10746
|
this.host.removeAttribute('tabindex');
|
|
10639
10747
|
else
|
|
10640
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
10748
|
+
this.host.tabIndex = __classPrivateFieldGet$9(this, _StandaloneLink_savedTabIndex, "f");
|
|
10641
10749
|
}
|
|
10642
10750
|
tabindexChanged(newValue) {
|
|
10643
10751
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
@@ -10648,11 +10756,11 @@ class StandaloneLink {
|
|
|
10648
10756
|
if (this.disabled)
|
|
10649
10757
|
this.host.removeAttribute('tabindex');
|
|
10650
10758
|
else
|
|
10651
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
10759
|
+
this.host.tabIndex = __classPrivateFieldGet$9(this, _StandaloneLink_savedTabIndex, "f");
|
|
10652
10760
|
}
|
|
10653
10761
|
hrefTargetChanged() {
|
|
10654
10762
|
this.linkIcon = determineLinkIcon(this.target, this.rel);
|
|
10655
|
-
__classPrivateFieldGet$
|
|
10763
|
+
__classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
|
|
10656
10764
|
}
|
|
10657
10765
|
componentWillLoad() {
|
|
10658
10766
|
this.internals.role = 'link';
|
|
@@ -10661,14 +10769,14 @@ class StandaloneLink {
|
|
|
10661
10769
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
10662
10770
|
}
|
|
10663
10771
|
componentDidLoad() {
|
|
10664
|
-
__classPrivateFieldGet$
|
|
10772
|
+
__classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
|
|
10665
10773
|
}
|
|
10666
10774
|
render() {
|
|
10667
|
-
return (hAsync("a", { key: '
|
|
10775
|
+
return (hAsync("a", { key: '0e70d2f7b1d663435904b2f1fcc718b39946020d', "aria-hidden": "true", class: {
|
|
10668
10776
|
'qds-standalone-link': true,
|
|
10669
10777
|
'qds-disabled': this.disabled,
|
|
10670
10778
|
'qds-visitable': this.visitable,
|
|
10671
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
10779
|
+
}, "data-importance": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$9(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$9(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$9(this, _StandaloneLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: '952fb52d3129a1bd7e1bb901af8673439f434a1b', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '9fc0f2d475b165e890546f6faad7d9e90ca31df9', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: '0213f2cf7a42d5ca9ba4b8083a26966c49bd6eb3', class: "qds-text" }, hAsync("slot", { key: 'f54a7b1f67e7114fa2eac1bd787c7b604c937630', onSlotchange: __classPrivateFieldGet$9(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: 'eca6d9db29c904ff24ef63672f448ea9bf69e803', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'e2610d31880ed6fe83d59c06c437014a54284b26', class: "qds-icon", library: "core", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), name: this.linkIcon }))), this.importance === 'emphasized' && (hAsync("span", { key: 'a242b2eabb9f7d1c2db2e2e531151e91c32d651e', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '88dc23ac40898d3adfe236dad9fe44136db5efb3', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
|
|
10672
10780
|
}
|
|
10673
10781
|
get host() { return getElement(this); }
|
|
10674
10782
|
static get watchers() { return {
|
|
@@ -10726,12 +10834,12 @@ _StandaloneLink_savedTabIndex = new WeakMap(), _StandaloneLink_link = new WeakMa
|
|
|
10726
10834
|
return this.target === '_blank';
|
|
10727
10835
|
};
|
|
10728
10836
|
|
|
10729
|
-
const switchCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-knob,.qds-track{-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-track{align-items:center;background-color:var(--qds-theme-control-toggle-track-default);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;display:flex;flex-shrink:0;padding-inline:var(--qds-control-toggle-track-padding)}.qds-track:hover{background-color:var(--qds-theme-control-toggle-track-hover)}.qds-track:active{background-color:var(--qds-theme-control-toggle-track-pressed)}.qds-knob-container{align-items:center;align-self:stretch;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-block:var(--qds-control-toggle-track-padding)}.qds-knob{background-color:var(--qds-theme-control-
|
|
10837
|
+
const switchCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-knob,.qds-track{-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-track{align-items:center;background-color:var(--qds-theme-control-toggle-track-default);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;display:flex;flex-shrink:0;padding-inline:var(--qds-control-toggle-track-padding)}.qds-track:hover{background-color:var(--qds-theme-control-toggle-track-hover)}.qds-track:active{background-color:var(--qds-theme-control-toggle-track-pressed)}.qds-knob-container{align-items:center;align-self:stretch;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-block:var(--qds-control-toggle-track-padding)}.qds-knob{background-color:var(--qds-theme-control-background);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;height:100%;margin:0}.qds-indicator{color:var(--qds-theme-control-background);flex-grow:1;justify-content:center;padding-block:var(--qds-control-toggle-track-padding)}.qds-container,.qds-indicator{align-items:center;display:flex}.qds-container{box-sizing:border-box;cursor:pointer}.qds-switch{clip-path:inset(50%);height:1px;margin:0;position:absolute;white-space:nowrap;width:1px}.qds-switch:checked~.qds-track{background-color:var(--qds-theme-signature-color-default);justify-content:flex-end}.qds-switch:checked~.qds-track:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-switch:checked~.qds-track:active{background-color:var(--qds-theme-signature-color-pressed)}:host(:focus-visible) .qds-switch~.qds-track{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-container[data-size=small]{min-height:var(--qds-control-toggle-small-height)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height);padding-block:var(--qds-control-small-padding-auto-height)}.qds-track[data-size=small]{height:var(--qds-control-toggle-small-track-height);width:var(--qds-control-toggle-small-track-width)}.qds-knob[data-size=small]{width:var(--qds-control-toggle-small-knob-width)}.qds-indicator[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-container[data-size=standard]{min-height:var(--qds-control-toggle-standard-height)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}.qds-track[data-size=standard]{height:var(--qds-control-toggle-standard-track-height);width:var(--qds-control-toggle-standard-track-width)}.qds-knob[data-size=standard]{width:var(--qds-control-toggle-standard-knob-width)}.qds-indicator[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-container[data-size=large]{min-height:var(--qds-control-toggle-large-height)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height);padding-block:var(--qds-control-large-padding-auto-height)}.qds-track[data-size=large]{height:var(--qds-control-toggle-large-track-height);width:var(--qds-control-toggle-large-track-width)}.qds-knob[data-size=large]{width:var(--qds-control-toggle-large-knob-width)}.qds-indicator[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}";
|
|
10730
10838
|
|
|
10731
10839
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10732
10840
|
//
|
|
10733
10841
|
// SPDX-License-Identifier: Apache-2.0
|
|
10734
|
-
var __classPrivateFieldGet$
|
|
10842
|
+
var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
10735
10843
|
if (kind === "a" && !f)
|
|
10736
10844
|
throw new TypeError("Private accessor was defined without a getter");
|
|
10737
10845
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -10845,12 +10953,12 @@ class Switch {
|
|
|
10845
10953
|
};
|
|
10846
10954
|
}
|
|
10847
10955
|
onClick(event) {
|
|
10848
|
-
if (__classPrivateFieldGet$
|
|
10956
|
+
if (__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get)) {
|
|
10849
10957
|
event.stopImmediatePropagation();
|
|
10850
10958
|
return;
|
|
10851
10959
|
}
|
|
10852
10960
|
event.preventDefault();
|
|
10853
|
-
this.checked = !__classPrivateFieldGet$
|
|
10961
|
+
this.checked = !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get);
|
|
10854
10962
|
this.changeEmitter.emit();
|
|
10855
10963
|
}
|
|
10856
10964
|
onBlur(event) {
|
|
@@ -10869,12 +10977,12 @@ class Switch {
|
|
|
10869
10977
|
this.host.click();
|
|
10870
10978
|
}
|
|
10871
10979
|
checkedChanged() {
|
|
10872
|
-
__classPrivateFieldGet$
|
|
10873
|
-
this.internals.ariaChecked = __classPrivateFieldGet$
|
|
10980
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
|
|
10981
|
+
this.internals.ariaChecked = __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get).toString();
|
|
10874
10982
|
}
|
|
10875
10983
|
disabledChanged() {
|
|
10876
|
-
__classPrivateFieldGet$
|
|
10877
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
10984
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
|
|
10985
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get).toString();
|
|
10878
10986
|
}
|
|
10879
10987
|
tabindexChanged(newValue) {
|
|
10880
10988
|
if (newValue !== null) {
|
|
@@ -10883,33 +10991,33 @@ class Switch {
|
|
|
10883
10991
|
? 0
|
|
10884
10992
|
: parsedValue, "f");
|
|
10885
10993
|
}
|
|
10886
|
-
if (__classPrivateFieldGet$
|
|
10994
|
+
if (__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get))
|
|
10887
10995
|
this.host.removeAttribute('tabindex');
|
|
10888
10996
|
else
|
|
10889
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
10997
|
+
this.host.tabIndex = __classPrivateFieldGet$8(this, _Switch_savedTabIndex, "f");
|
|
10890
10998
|
}
|
|
10891
10999
|
valueChanged() {
|
|
10892
|
-
__classPrivateFieldGet$
|
|
11000
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
|
|
10893
11001
|
}
|
|
10894
11002
|
componentWillLoad() {
|
|
10895
11003
|
this.internals.role = 'switch';
|
|
10896
11004
|
this.checkedChanged();
|
|
10897
11005
|
this.disabledChanged();
|
|
10898
|
-
__classPrivateFieldGet$
|
|
10899
|
-
__classPrivateFieldGet$
|
|
10900
|
-
__classPrivateFieldGet$
|
|
10901
|
-
__classPrivateFieldGet$
|
|
10902
|
-
__classPrivateFieldGet$
|
|
11006
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'form', () => this.internals.form);
|
|
11007
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
11008
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
11009
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
11010
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
10903
11011
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
10904
11012
|
}
|
|
10905
11013
|
render() {
|
|
10906
|
-
return (hAsync("div", { key: '
|
|
11014
|
+
return (hAsync("div", { key: 'a994ca43fd0e0622278739d7e69b2091ae712b56', class: {
|
|
10907
11015
|
'qds-container': true,
|
|
10908
|
-
'qds-disabled': __classPrivateFieldGet$
|
|
11016
|
+
'qds-disabled': __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get),
|
|
10909
11017
|
'qds-inline': this.inline,
|
|
10910
|
-
}, "data-size": __classPrivateFieldGet$
|
|
11018
|
+
}, "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: '4ad47ff4666f963608114fa23dfcdbea21768716', "aria-hidden": "true",
|
|
10911
11019
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
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: '
|
|
11020
|
+
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: '62ffdca674fecb443977b8a077f67e74b5be561c', class: "qds-track", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, !this.noIndicator && __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '35ace9f745581aa451ddf0618fdae0759cec0a0c', class: "qds-indicator", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: '5c59c47b9a95721441956169344ed8aa7049a049', class: "qds-icon", name: "toggle-on", library: "core" }))), hAsync("div", { key: '193c882652ace39275e13858d7a73e9993271b52', class: "qds-knob-container" }, hAsync("div", { key: 'e0a80c43ed774d3e2a89a9b437f1b3ec0e647937', class: "qds-knob", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) })), !this.noIndicator && !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '14f8db236430628094cfd58dd794de83f559cd88', class: "qds-indicator", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: 'c180a31164968b92edac3a9b48d53dbf7cf1cf75', class: "qds-icon", name: "toggle-off", library: "core" }))))));
|
|
10913
11021
|
}
|
|
10914
11022
|
static get formAssociated() { return true; }
|
|
10915
11023
|
get host() { return getElement(this); }
|
|
@@ -10964,18 +11072,18 @@ _Switch_savedTabIndex = new WeakMap(), _Switch_instances = new WeakSet(), _Switc
|
|
|
10964
11072
|
}, _Switch_defineGetter = function _Switch_defineGetter(p, get) {
|
|
10965
11073
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
10966
11074
|
}, _Switch_updateFormValue = function _Switch_updateFormValue() {
|
|
10967
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
10968
|
-
? __classPrivateFieldGet$
|
|
11075
|
+
this.internals.setFormValue(__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get)
|
|
11076
|
+
? __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedValue_get)
|
|
10969
11077
|
: // eslint-disable-next-line unicorn/no-null
|
|
10970
11078
|
null);
|
|
10971
11079
|
};
|
|
10972
11080
|
|
|
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)}
|
|
11081
|
+
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)}[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-title)}.qds-selected[data-importance=standard]:after{background-color:var(--qds-theme-signature-color-default)}.qds-selected[data-importance=subdued]:after{background-color:var(\n --qds-theme-nav-element-selection-indicator-background-subdued\n )}.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}.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)}.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)}";
|
|
10974
11082
|
|
|
10975
11083
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10976
11084
|
//
|
|
10977
11085
|
// SPDX-License-Identifier: Apache-2.0
|
|
10978
|
-
var __classPrivateFieldGet$
|
|
11086
|
+
var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
10979
11087
|
if (kind === "a" && !f)
|
|
10980
11088
|
throw new TypeError("Private accessor was defined without a getter");
|
|
10981
11089
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -10991,7 +11099,7 @@ var __classPrivateFieldSet$4 = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
10991
11099
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
10992
11100
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
10993
11101
|
};
|
|
10994
|
-
var _Tab_instances, _Tab_panel, _Tab_tab, _Tab_computedAction_get, _Tab_computedSize_get, _Tab_computedImportance_get, _Tab_parentLayer_get, _Tab_parentLevel_get, _Tab_ariaLabel_get, _Tab_computedDisabled_get, _Tab_computeCloseButtonTabIndex_get, _Tab_renderText, _Tab_tabRef, _Tab_close, _Tab_onIconClick, _Tab_onBlur, _Tab_onFocus, _Tab_defineTab, _Tab_defineGetter;
|
|
11102
|
+
var _Tab_instances, _Tab_panel, _Tab_tab, _Tab_computedAction_get, _Tab_computedSize_get, _Tab_computedImportance_get, _Tab_parentImportance_get, _Tab_parentSize_get, _Tab_parentLayer_get, _Tab_parentLevel_get, _Tab_ariaLabel_get, _Tab_computedDisabled_get, _Tab_computeCloseButtonTabIndex_get, _Tab_renderText, _Tab_tabRef, _Tab_close, _Tab_onIconClick, _Tab_onBlur, _Tab_onFocus, _Tab_defineTab, _Tab_defineGetter;
|
|
10995
11103
|
const isCounter = (value) => typeof value === 'string'
|
|
10996
11104
|
? !Number.isNaN(Number.parseFloat(value))
|
|
10997
11105
|
: typeof value === 'number';
|
|
@@ -11037,7 +11145,7 @@ class Tab {
|
|
|
11037
11145
|
/**
|
|
11038
11146
|
* The tab's indicator position.
|
|
11039
11147
|
*/
|
|
11040
|
-
this.indicatorPosition = 'block-
|
|
11148
|
+
this.indicatorPosition = 'block-start';
|
|
11041
11149
|
/**
|
|
11042
11150
|
* The name of a registered icon library.
|
|
11043
11151
|
*/
|
|
@@ -11073,7 +11181,7 @@ class Tab {
|
|
|
11073
11181
|
});
|
|
11074
11182
|
_Tab_onIconClick.set(this, (event) => {
|
|
11075
11183
|
event.stopPropagation();
|
|
11076
|
-
__classPrivateFieldGet$
|
|
11184
|
+
__classPrivateFieldGet$7(this, _Tab_close, "f").call(this);
|
|
11077
11185
|
});
|
|
11078
11186
|
_Tab_onBlur.set(this, (event) => {
|
|
11079
11187
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
@@ -11082,12 +11190,12 @@ class Tab {
|
|
|
11082
11190
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
11083
11191
|
});
|
|
11084
11192
|
_Tab_defineTab.set(this, () => {
|
|
11085
|
-
if (__classPrivateFieldGet$
|
|
11086
|
-
__classPrivateFieldGet$
|
|
11193
|
+
if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable') {
|
|
11194
|
+
__classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$7(this, _Tab_tab, "f"));
|
|
11087
11195
|
}
|
|
11088
11196
|
else {
|
|
11089
11197
|
this.internals.role = 'tab';
|
|
11090
|
-
__classPrivateFieldGet$
|
|
11198
|
+
__classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => this.host);
|
|
11091
11199
|
}
|
|
11092
11200
|
});
|
|
11093
11201
|
}
|
|
@@ -11099,15 +11207,15 @@ class Tab {
|
|
|
11099
11207
|
__classPrivateFieldSet$4(this, _Tab_panel, panel, "f");
|
|
11100
11208
|
const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
|
|
11101
11209
|
if (tab)
|
|
11102
|
-
tab.setAttribute('aria-controls', __classPrivateFieldGet$
|
|
11103
|
-
if (__classPrivateFieldGet$
|
|
11104
|
-
__classPrivateFieldGet$
|
|
11105
|
-
if (__classPrivateFieldGet$
|
|
11106
|
-
__classPrivateFieldGet$
|
|
11107
|
-
__classPrivateFieldGet$
|
|
11210
|
+
tab.setAttribute('aria-controls', __classPrivateFieldGet$7(this, _Tab_panel, "f").id);
|
|
11211
|
+
if (__classPrivateFieldGet$7(this, _Tab_panel, "f").role === null)
|
|
11212
|
+
__classPrivateFieldGet$7(this, _Tab_panel, "f").role = 'tabpanel';
|
|
11213
|
+
if (__classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('aria-labelledby') === null)
|
|
11214
|
+
__classPrivateFieldGet$7(this, _Tab_panel, "f").setAttribute('aria-labelledby', this.host.id);
|
|
11215
|
+
__classPrivateFieldGet$7(this, _Tab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('tabindex') ?? '0');
|
|
11108
11216
|
}
|
|
11109
11217
|
onClick(event) {
|
|
11110
|
-
if (__classPrivateFieldGet$
|
|
11218
|
+
if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get))
|
|
11111
11219
|
event.stopImmediatePropagation();
|
|
11112
11220
|
}
|
|
11113
11221
|
tabindexChanged(newValue) {
|
|
@@ -11116,61 +11224,58 @@ class Tab {
|
|
|
11116
11224
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
11117
11225
|
}
|
|
11118
11226
|
actionChanged() {
|
|
11119
|
-
__classPrivateFieldGet$
|
|
11227
|
+
__classPrivateFieldGet$7(this, _Tab_defineTab, "f").call(this);
|
|
11120
11228
|
}
|
|
11121
11229
|
componentWillLoad() {
|
|
11122
11230
|
var _a;
|
|
11123
11231
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
11124
11232
|
(_a = this.host).id || (_a.id = `qds-tab-${autoIncrementingId$1}`);
|
|
11125
11233
|
autoIncrementingId$1 += 1;
|
|
11126
|
-
__classPrivateFieldGet$
|
|
11234
|
+
__classPrivateFieldGet$7(this, _Tab_defineTab, "f").call(this);
|
|
11127
11235
|
}
|
|
11128
11236
|
componentWillRender() {
|
|
11129
|
-
const isPanelRoot = __classPrivateFieldGet$
|
|
11130
|
-
const isMainSubsection = __classPrivateFieldGet$
|
|
11237
|
+
const isPanelRoot = __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'panel' && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'root';
|
|
11238
|
+
const isMainSubsection = __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'main' && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'subsection';
|
|
11131
11239
|
this.isIndicatorOnTop = isPanelRoot || isMainSubsection;
|
|
11132
11240
|
}
|
|
11133
11241
|
componentDidLoad() {
|
|
11134
11242
|
this.panelChanged();
|
|
11135
11243
|
}
|
|
11136
11244
|
disconnectedCallback() {
|
|
11137
|
-
if (!__classPrivateFieldGet$
|
|
11245
|
+
if (!__classPrivateFieldGet$7(this, _Tab_panel, "f"))
|
|
11138
11246
|
return;
|
|
11139
11247
|
const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
|
|
11140
11248
|
if (tab)
|
|
11141
11249
|
tab.removeAttribute('aria-controls');
|
|
11142
|
-
if (__classPrivateFieldGet$
|
|
11250
|
+
if (__classPrivateFieldGet$7(this, _Tab_panel, "f").role === 'tabpanel')
|
|
11143
11251
|
// eslint-disable-next-line unicorn/no-null
|
|
11144
|
-
__classPrivateFieldGet$
|
|
11145
|
-
if (__classPrivateFieldGet$
|
|
11146
|
-
__classPrivateFieldGet$
|
|
11147
|
-
__classPrivateFieldGet$
|
|
11252
|
+
__classPrivateFieldGet$7(this, _Tab_panel, "f").role = null;
|
|
11253
|
+
if (__classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
|
|
11254
|
+
__classPrivateFieldGet$7(this, _Tab_panel, "f").removeAttribute('aria-labelledby');
|
|
11255
|
+
__classPrivateFieldGet$7(this, _Tab_panel, "f").removeAttribute('tabindex');
|
|
11148
11256
|
}
|
|
11149
11257
|
render() {
|
|
11150
|
-
const isLink = this.href !== undefined && __classPrivateFieldGet$
|
|
11151
|
-
const indicatorPosition = this.isIndicatorOnTop
|
|
11152
|
-
? 'block-start'
|
|
11153
|
-
: this.indicatorPosition;
|
|
11258
|
+
const isLink = this.href !== undefined && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === undefined;
|
|
11154
11259
|
const Tag = isLink
|
|
11155
11260
|
? 'a'
|
|
11156
|
-
: __classPrivateFieldGet$
|
|
11261
|
+
: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
|
|
11157
11262
|
? 'button'
|
|
11158
11263
|
: 'div';
|
|
11159
|
-
return (hAsync("div", { key: '
|
|
11160
|
-
'qds-closable-wrapper': __classPrivateFieldGet$
|
|
11264
|
+
return (hAsync("div", { key: '5315497861332b523d44189a04238cee49ccff3a', "aria-disabled": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
|
|
11265
|
+
'qds-closable-wrapper': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
11161
11266
|
'qds-selected': this.selected,
|
|
11162
|
-
[`qds-indicator-${indicatorPosition}`]: __classPrivateFieldGet$
|
|
11163
|
-
}, "data-size": __classPrivateFieldGet$
|
|
11164
|
-
'qds-tab': __classPrivateFieldGet$
|
|
11165
|
-
'qds-closable-tab': __classPrivateFieldGet$
|
|
11267
|
+
[`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
11268
|
+
}, "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedImportance_get) }, hAsync(Tag, { key: '02722d2d5e2460ccdc98371f35d8461ad8e31e4c', ref: __classPrivateFieldGet$7(this, _Tab_tabRef, "f"), disabled: isLink ? undefined : this.disabled, onBlur: __classPrivateFieldGet$7(this, _Tab_onBlur, "f"), onFocus: __classPrivateFieldGet$7(this, _Tab_onFocus, "f"), class: {
|
|
11269
|
+
'qds-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
|
|
11270
|
+
'qds-closable-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
11166
11271
|
'qds-selected': this.selected,
|
|
11167
|
-
[`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$
|
|
11168
|
-
}, role: !isLink && __classPrivateFieldGet$
|
|
11272
|
+
[`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
|
|
11273
|
+
}, role: !isLink && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'expandable' ? 'tab' : undefined, "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && !isLink
|
|
11169
11274
|
? this.selected
|
|
11170
11275
|
? 'true'
|
|
11171
11276
|
: 'false'
|
|
11172
|
-
: undefined, "data-importance": __classPrivateFieldGet$
|
|
11173
|
-
(this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: '
|
|
11277
|
+
: undefined, "data-importance": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedImportance_get), "data-action": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get), "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), href: isLink ? this.href : undefined }, ((this.tagText !== undefined && this.tagText !== '') ||
|
|
11278
|
+
(this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: 'a09730df3cc6497e88a6d17de8535eaf74bcd6f8', text: this.tagText, status: this.tagStatus, size: __classPrivateFieldGet$7(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: '9e6ae551c8cdda86e5422ffdad736a7f5176809a', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.text && __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_renderText).call(this), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: '46110fa313decfaaf6231917c77ffca56ec980a8', status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: '3a709e7b62089ff8a3fa2287d1e22caa1e42c900', description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && (hAsync("qds-icon", { key: 'e63e61abefbd804a2e78dfd59615521b2d97031c', class: { 'qds-target-icon': true, 'qds-chevron': this.selected }, "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), library: "core", name: "dropdown" }))), __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable' && (hAsync("qds-mini-button", { key: '9cd5449bdb62322945325bb9ba698b4e0f1decdd', name: "close", library: "core", text: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_ariaLabel_get), "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), disabled: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get), onClick: __classPrivateFieldGet$7(this, _Tab_onIconClick, "f"), tabIndex: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computeCloseButtonTabIndex_get) }))));
|
|
11174
11279
|
}
|
|
11175
11280
|
get host() { return getElement(this); }
|
|
11176
11281
|
static get watchers() { return {
|
|
@@ -11225,6 +11330,8 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
|
|
|
11225
11330
|
}
|
|
11226
11331
|
}
|
|
11227
11332
|
}, _Tab_computedSize_get = function _Tab_computedSize_get() {
|
|
11333
|
+
if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentSize_get) !== undefined)
|
|
11334
|
+
return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentSize_get);
|
|
11228
11335
|
switch (this.size) {
|
|
11229
11336
|
case 'standard':
|
|
11230
11337
|
case 'small':
|
|
@@ -11236,6 +11343,8 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
|
|
|
11236
11343
|
}
|
|
11237
11344
|
}
|
|
11238
11345
|
}, _Tab_computedImportance_get = function _Tab_computedImportance_get() {
|
|
11346
|
+
if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentImportance_get) !== undefined)
|
|
11347
|
+
return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentImportance_get);
|
|
11239
11348
|
switch (this.importance) {
|
|
11240
11349
|
case 'subdued':
|
|
11241
11350
|
case 'standard': {
|
|
@@ -11245,6 +11354,10 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
|
|
|
11245
11354
|
return 'standard';
|
|
11246
11355
|
}
|
|
11247
11356
|
}
|
|
11357
|
+
}, _Tab_parentImportance_get = function _Tab_parentImportance_get() {
|
|
11358
|
+
return this.host.closest('qds-tabbar')?.importance ?? undefined;
|
|
11359
|
+
}, _Tab_parentSize_get = function _Tab_parentSize_get() {
|
|
11360
|
+
return this.host.closest('qds-tabbar')?.size ?? undefined;
|
|
11248
11361
|
}, _Tab_parentLayer_get = function _Tab_parentLayer_get() {
|
|
11249
11362
|
return this.host.closest('qds-tabbar')?.layer ?? 'main';
|
|
11250
11363
|
}, _Tab_parentLevel_get = function _Tab_parentLevel_get() {
|
|
@@ -11255,7 +11368,7 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
|
|
|
11255
11368
|
return this.disabled ?? false;
|
|
11256
11369
|
}, _Tab_computeCloseButtonTabIndex_get = function _Tab_computeCloseButtonTabIndex_get() {
|
|
11257
11370
|
if (this.selected) {
|
|
11258
|
-
return __classPrivateFieldGet$
|
|
11371
|
+
return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? undefined : this.tabIndex;
|
|
11259
11372
|
}
|
|
11260
11373
|
return -1;
|
|
11261
11374
|
}, _Tab_renderText = function _Tab_renderText() {
|
|
@@ -11264,12 +11377,12 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
|
|
|
11264
11377
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
11265
11378
|
};
|
|
11266
11379
|
|
|
11267
|
-
const tabbarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-tabbar,.qds-tabs,.qds-vertical,.qds-vertical-divider{display:flex}.qds-tabbar,.qds-vertical-divider{width:inherit}.qds-arrow-start{transform:scaleX(var(--qds-direction-factor,1)) rotate(180deg)}.qds-align-center{align-content:center}.qds-hidden{display:none}.qds-centered{justify-content:center}.qds-tabs{flex:1;margin-block:0;overflow:auto;padding-inline-start:0;scroll-behavior:smooth}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-layer=main][data-level=root] .qds-tabs{gap:var(--qds-control-large-gap-siblings-related)}[data-layer=main][data-level=section] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=subsection] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}[data-layer=popup][data-level=root] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=popup][data-level=section] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}:is([data-layer=panel],[data-layer=accessory])[data-level=root] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}";
|
|
11380
|
+
const tabbarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-tabbar,.qds-tabs,.qds-vertical,.qds-vertical-divider{display:flex}.qds-tabbar,.qds-vertical-divider{width:inherit}.qds-arrow-start{transform:scaleX(var(--qds-direction-factor,1)) rotate(180deg)}.qds-align-center{align-content:center}.qds-hidden{display:none}.qds-centered{justify-content:center}.qds-tabs{flex:1;margin-block:0;overflow:auto;padding-inline-start:0;scroll-behavior:smooth}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-size=small]{gap:var(--qds-control-small-gap-siblings-related)}[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=root] .qds-tabs,[data-size=large]{gap:var(--qds-control-large-gap-siblings-related)}[data-layer=main][data-level=section] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=subsection] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}[data-layer=popup][data-level=root] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=popup][data-level=section] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}:is([data-layer=panel],[data-layer=accessory])[data-level=root] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}";
|
|
11268
11381
|
|
|
11269
11382
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
11270
11383
|
//
|
|
11271
11384
|
// SPDX-License-Identifier: Apache-2.0
|
|
11272
|
-
var __classPrivateFieldGet$
|
|
11385
|
+
var __classPrivateFieldGet$6 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
11273
11386
|
if (kind === "a" && !f)
|
|
11274
11387
|
throw new TypeError("Private accessor was defined without a getter");
|
|
11275
11388
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -11285,7 +11398,7 @@ var __classPrivateFieldSet$3 = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
11285
11398
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
11286
11399
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
11287
11400
|
};
|
|
11288
|
-
var _Tabbar_instances, _Tabbar_tabs, _Tabbar_ro, _Tabbar_tabbar, _Tabbar_inheritedAttributes, _Tabbar_computeDividerVisible_get, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_switchTabPanel, _Tabbar_handleTabActivation, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onViewportCrop, _Tabbar_updateTabsCache, _Tabbar_onSlotchange;
|
|
11401
|
+
var _Tabbar_instances, _Tabbar_tabs, _Tabbar_ro, _Tabbar_tabbar, _Tabbar_inheritedAttributes, _Tabbar_computedImportance_get, _Tabbar_computedSize_get, _Tabbar_computedPlacement_get, _Tabbar_computeDividerVisible_get, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_switchTabPanel, _Tabbar_handleTabActivation, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_isVerticalPlacement, _Tabbar_isHorizontalPlacement, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onViewportCrop, _Tabbar_updateTabsCache, _Tabbar_setTabSettings, _Tabbar_onSlotchange;
|
|
11289
11402
|
const TAB_SETTINGS = {
|
|
11290
11403
|
'main-root': {
|
|
11291
11404
|
importance: 'standard',
|
|
@@ -11343,16 +11456,33 @@ class Tabbar {
|
|
|
11343
11456
|
_Tabbar_instances.add(this);
|
|
11344
11457
|
/**
|
|
11345
11458
|
* The tabbar's layer.
|
|
11459
|
+
*
|
|
11460
|
+
* @deprecated The property layer is deprecated. Please use `size` property instead.
|
|
11461
|
+
* Please do not use `layer` and `size` at the same time.
|
|
11346
11462
|
*/
|
|
11347
11463
|
this.layer = 'main';
|
|
11348
11464
|
/**
|
|
11349
11465
|
* The tabbar's level.
|
|
11466
|
+
*
|
|
11467
|
+
* @deprecated The property level is deprecated. Please use `size` property instead.
|
|
11468
|
+
* Please do not use `level` and `size` at the same time.
|
|
11350
11469
|
*/
|
|
11351
11470
|
this.level = 'root';
|
|
11471
|
+
/**
|
|
11472
|
+
* The tabbar's size. This controls the size of the tabs within the tabbar.
|
|
11473
|
+
*/
|
|
11474
|
+
this.size = 'standard';
|
|
11352
11475
|
/**
|
|
11353
11476
|
* The tabbar's orientation.
|
|
11477
|
+
*
|
|
11478
|
+
* @deprecated Please use the `placement` property instead. Do not use
|
|
11479
|
+
* `orientation` and `placement` at the same time.
|
|
11354
11480
|
*/
|
|
11355
11481
|
this.orientation = 'horizontal';
|
|
11482
|
+
/**
|
|
11483
|
+
* The tabbar's placement.
|
|
11484
|
+
*/
|
|
11485
|
+
this.placement = 'top';
|
|
11356
11486
|
/**
|
|
11357
11487
|
* Displays a divider line.
|
|
11358
11488
|
*/
|
|
@@ -11360,7 +11490,7 @@ class Tabbar {
|
|
|
11360
11490
|
/**
|
|
11361
11491
|
* The alignment of tabs. Only applicable for horizontal orientation.
|
|
11362
11492
|
*/
|
|
11363
|
-
this.alignment = '
|
|
11493
|
+
this.alignment = 'start';
|
|
11364
11494
|
this.disableEndArrow = false;
|
|
11365
11495
|
this.disableStartArrow = false;
|
|
11366
11496
|
_Tabbar_tabs.set(this, []);
|
|
@@ -11368,23 +11498,25 @@ class Tabbar {
|
|
|
11368
11498
|
_Tabbar_tabbar.set(this, void 0);
|
|
11369
11499
|
_Tabbar_inheritedAttributes.set(this, {});
|
|
11370
11500
|
_Tabbar_scrollToStart.set(this, () => {
|
|
11371
|
-
invariant(__classPrivateFieldGet$
|
|
11501
|
+
invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
|
|
11372
11502
|
const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
|
|
11373
|
-
__classPrivateFieldGet$
|
|
11503
|
+
__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scroll({
|
|
11374
11504
|
left: isRTL
|
|
11375
|
-
? __classPrivateFieldGet$
|
|
11376
|
-
: __classPrivateFieldGet$
|
|
11505
|
+
? __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth
|
|
11506
|
+
: __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth,
|
|
11377
11507
|
});
|
|
11378
11508
|
});
|
|
11379
11509
|
_Tabbar_scrollToEnd.set(this, () => {
|
|
11380
|
-
invariant(__classPrivateFieldGet$
|
|
11510
|
+
invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
|
|
11381
11511
|
const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
|
|
11382
|
-
__classPrivateFieldGet$
|
|
11512
|
+
__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scroll({
|
|
11383
11513
|
left: isRTL
|
|
11384
|
-
? __classPrivateFieldGet$
|
|
11385
|
-
: __classPrivateFieldGet$
|
|
11514
|
+
? __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth
|
|
11515
|
+
: __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth,
|
|
11386
11516
|
});
|
|
11387
11517
|
});
|
|
11518
|
+
_Tabbar_isVerticalPlacement.set(this, () => this.placement === 'start' || this.placement === 'end');
|
|
11519
|
+
_Tabbar_isHorizontalPlacement.set(this, () => this.placement === 'top' || this.placement === 'bottom');
|
|
11388
11520
|
_Tabbar_onClick.set(this, (event) => {
|
|
11389
11521
|
const { target } = event;
|
|
11390
11522
|
if (!(target instanceof HTMLElement))
|
|
@@ -11392,22 +11524,22 @@ class Tabbar {
|
|
|
11392
11524
|
const tab = target.closest('qds-tab');
|
|
11393
11525
|
if (!tab || tab.disabled === true || tab.inert)
|
|
11394
11526
|
return;
|
|
11395
|
-
__classPrivateFieldGet$
|
|
11396
|
-
__classPrivateFieldGet$
|
|
11527
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, tab);
|
|
11528
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tab);
|
|
11397
11529
|
});
|
|
11398
11530
|
_Tabbar_onKeyDown.set(this, (event) => {
|
|
11399
|
-
const isVertical = this.orientation === 'vertical';
|
|
11531
|
+
const isVertical = this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this);
|
|
11400
11532
|
const MOVE_SELECTION_KEYS = isVertical
|
|
11401
11533
|
? VERTICAL_MOVE_KEYS
|
|
11402
11534
|
: HORIZONTAL_MOVE_KEYS;
|
|
11403
11535
|
if (!MOVE_SELECTION_KEYS.has(event.key))
|
|
11404
11536
|
return;
|
|
11405
|
-
const tabs = __classPrivateFieldGet$
|
|
11537
|
+
const tabs = __classPrivateFieldGet$6(this, _Tabbar_tabs, "f");
|
|
11406
11538
|
if (tabs.length === 0)
|
|
11407
11539
|
return;
|
|
11408
11540
|
event.preventDefault();
|
|
11409
11541
|
event.stopPropagation();
|
|
11410
|
-
const activeTab = __classPrivateFieldGet$
|
|
11542
|
+
const activeTab = __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getCurrentTab).call(this);
|
|
11411
11543
|
let index = activeTab ? tabs.indexOf(activeTab) : 0;
|
|
11412
11544
|
const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
|
|
11413
11545
|
let nextTab;
|
|
@@ -11442,23 +11574,23 @@ class Tabbar {
|
|
|
11442
11574
|
}
|
|
11443
11575
|
nextTab = tabs[index];
|
|
11444
11576
|
} while (nextTab.disabled === true);
|
|
11445
|
-
__classPrivateFieldGet$
|
|
11577
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, nextTab);
|
|
11446
11578
|
const target = nextTab.tab;
|
|
11447
11579
|
target.focus({ preventScroll: true });
|
|
11448
11580
|
if (!isVertical)
|
|
11449
11581
|
target.scrollIntoView();
|
|
11450
|
-
__classPrivateFieldGet$
|
|
11451
|
-
__classPrivateFieldGet$
|
|
11582
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, nextTab);
|
|
11583
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, nextTab);
|
|
11452
11584
|
});
|
|
11453
11585
|
_Tabbar_onMouseDown.set(this, (event) => {
|
|
11454
11586
|
const { target } = event;
|
|
11455
11587
|
if (isEnabledTabItem(target))
|
|
11456
|
-
__classPrivateFieldGet$
|
|
11588
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, target);
|
|
11457
11589
|
});
|
|
11458
11590
|
_Tabbar_onScroll.set(this, () => {
|
|
11459
|
-
if (!__classPrivateFieldGet$
|
|
11591
|
+
if (!__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"))
|
|
11460
11592
|
return;
|
|
11461
|
-
const { clientWidth, scrollWidth, scrollLeft } = __classPrivateFieldGet$
|
|
11593
|
+
const { clientWidth, scrollWidth, scrollLeft } = __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f");
|
|
11462
11594
|
const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
|
|
11463
11595
|
this.disableStartArrow = scrollLeft === 0;
|
|
11464
11596
|
this.disableEndArrow = isRTL
|
|
@@ -11466,80 +11598,81 @@ class Tabbar {
|
|
|
11466
11598
|
: scrollWidth - clientWidth - scrollLeft <= 1;
|
|
11467
11599
|
});
|
|
11468
11600
|
_Tabbar_onViewportCrop.set(this, () => {
|
|
11469
|
-
if (!__classPrivateFieldGet$
|
|
11601
|
+
if (!__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"))
|
|
11470
11602
|
return;
|
|
11471
|
-
const { scrollWidth, clientWidth } = __classPrivateFieldGet$
|
|
11603
|
+
const { scrollWidth, clientWidth } = __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f");
|
|
11472
11604
|
if (scrollWidth > clientWidth) {
|
|
11473
|
-
__classPrivateFieldGet$
|
|
11605
|
+
__classPrivateFieldGet$6(this, _Tabbar_onScroll, "f").call(this);
|
|
11474
11606
|
}
|
|
11475
11607
|
});
|
|
11476
11608
|
_Tabbar_onSlotchange.set(this, () => {
|
|
11477
|
-
__classPrivateFieldGet$
|
|
11478
|
-
if (__classPrivateFieldGet$
|
|
11479
|
-
__classPrivateFieldGet$
|
|
11609
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_updateTabsCache).call(this);
|
|
11610
|
+
if (__classPrivateFieldGet$6(this, _Tabbar_tabs, "f").length > 0)
|
|
11611
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")[0]);
|
|
11480
11612
|
});
|
|
11481
11613
|
}
|
|
11614
|
+
settingChanged() {
|
|
11615
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setTabSettings).call(this);
|
|
11616
|
+
}
|
|
11482
11617
|
windowResize() {
|
|
11483
|
-
__classPrivateFieldGet$
|
|
11618
|
+
__classPrivateFieldGet$6(this, _Tabbar_onViewportCrop, "f").call(this);
|
|
11484
11619
|
}
|
|
11485
11620
|
componentWillLoad() {
|
|
11621
|
+
this.settingChanged();
|
|
11486
11622
|
__classPrivateFieldSet$3(this, _Tabbar_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
11487
11623
|
const tabs = [
|
|
11488
11624
|
...this.host.querySelectorAll('qds-tab'),
|
|
11489
11625
|
];
|
|
11490
11626
|
const preselectedTab = tabs.find((tab) => tab.selected);
|
|
11491
11627
|
if (preselectedTab)
|
|
11492
|
-
__classPrivateFieldGet$
|
|
11628
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, preselectedTab);
|
|
11493
11629
|
else if (tabs.length > 0)
|
|
11494
|
-
__classPrivateFieldGet$
|
|
11630
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tabs[0]);
|
|
11495
11631
|
}
|
|
11496
11632
|
componentDidRender() {
|
|
11497
11633
|
if (this.activeTab)
|
|
11498
|
-
__classPrivateFieldGet$
|
|
11499
|
-
|
|
11500
|
-
if (!settings)
|
|
11501
|
-
return;
|
|
11502
|
-
for (const tab of this.host.querySelectorAll('qds-tab')) {
|
|
11503
|
-
/* eslint-disable @typescript-eslint/no-unsafe-member-access */
|
|
11504
|
-
tab.importance = settings.importance;
|
|
11505
|
-
tab.size = settings.size;
|
|
11506
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
11507
|
-
tab.indicatorPosition =
|
|
11508
|
-
this.orientation === 'vertical' ? 'inline-end' : tab.indicatorPosition;
|
|
11509
|
-
/* eslint-enable @typescript-eslint/no-unsafe-member-access */
|
|
11510
|
-
}
|
|
11634
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, this.activeTab);
|
|
11635
|
+
this.settingChanged();
|
|
11511
11636
|
}
|
|
11512
11637
|
componentDidLoad() {
|
|
11513
|
-
invariant(__classPrivateFieldGet$
|
|
11514
|
-
__classPrivateFieldSet$3(this, _Tabbar_ro, new ResizeObserver(__classPrivateFieldGet$
|
|
11515
|
-
__classPrivateFieldGet$
|
|
11638
|
+
invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
|
|
11639
|
+
__classPrivateFieldSet$3(this, _Tabbar_ro, new ResizeObserver(__classPrivateFieldGet$6(this, _Tabbar_onScroll, "f")), "f");
|
|
11640
|
+
__classPrivateFieldGet$6(this, _Tabbar_ro, "f").observe(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
|
|
11516
11641
|
}
|
|
11517
11642
|
disconnectedCallback() {
|
|
11518
|
-
if (__classPrivateFieldGet$
|
|
11519
|
-
__classPrivateFieldGet$
|
|
11643
|
+
if (__classPrivateFieldGet$6(this, _Tabbar_ro, "f"))
|
|
11644
|
+
__classPrivateFieldGet$6(this, _Tabbar_ro, "f").disconnect();
|
|
11520
11645
|
}
|
|
11521
11646
|
render() {
|
|
11522
|
-
return (hAsync("div", { key: '
|
|
11647
|
+
return (hAsync("div", { key: '47ac9cd0bc096758c6c2797393010c0a9693fa88', class: {
|
|
11648
|
+
'qds-vertical-divider': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
|
|
11649
|
+
}, "data-layer": this.layer, "data-level": this.level, "data-importance": __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) }, hAsync("div", { key: '2421469125db014dfa6be6012daaf06a354e1466', class: "qds-tabbar" }, hAsync("div", { key: '1def1f43dc9ecc8680634fa2d5f330c803c82054', class: {
|
|
11523
11650
|
'qds-align-center': true,
|
|
11524
11651
|
'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
|
|
11525
|
-
this.orientation === 'vertical'
|
|
11526
|
-
|
|
11652
|
+
this.orientation === 'vertical' ||
|
|
11653
|
+
__classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
|
|
11654
|
+
} }, hAsync("qds-icon-button", { key: '539fe2ec4cd5a91cf1a35ead239eebd2eda981e4', text: "show previous tab", importance: "subdued", iconName: "next", iconLibrary: "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet$6(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow })), hAsync("ul", { key: '05ff03b99f92f9e85f4703dcc6eca96220d6e1ee', class: {
|
|
11527
11655
|
'qds-tabs': true,
|
|
11528
|
-
'qds-vertical': this.orientation === 'vertical',
|
|
11529
|
-
'qds-centered': this.alignment === '
|
|
11530
|
-
this.orientation === 'horizontal'
|
|
11656
|
+
'qds-vertical': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
|
|
11657
|
+
'qds-centered': this.alignment === 'center' &&
|
|
11658
|
+
(this.orientation === 'horizontal' ||
|
|
11659
|
+
__classPrivateFieldGet$6(this, _Tabbar_isHorizontalPlacement, "f").call(this)) &&
|
|
11531
11660
|
this.disableEndArrow &&
|
|
11532
11661
|
this.disableStartArrow,
|
|
11533
11662
|
}, role: "tablist", "aria-label": this.tablistDescription, ref: (element) => {
|
|
11534
11663
|
__classPrivateFieldSet$3(this, _Tabbar_tabbar, element, "f");
|
|
11535
|
-
}, onClick: __classPrivateFieldGet$
|
|
11664
|
+
}, onClick: __classPrivateFieldGet$6(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$6(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$6(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$6(this, _Tabbar_onScroll, "f"), ...__classPrivateFieldGet$6(this, _Tabbar_inheritedAttributes, "f") }, hAsync("slot", { key: '4ccd64f11587556c7af2b0d4c571ee8162dbba70', onSlotchange: __classPrivateFieldGet$6(this, _Tabbar_onSlotchange, "f") })), hAsync("div", { key: 'c5b64348ca4c65bb4894ec0dec6b6b89c411f958', class: {
|
|
11536
11665
|
'qds-align-center': true,
|
|
11537
11666
|
'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
|
|
11538
|
-
this.orientation === 'vertical'
|
|
11539
|
-
|
|
11667
|
+
this.orientation === 'vertical' ||
|
|
11668
|
+
__classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
|
|
11669
|
+
} }, hAsync("qds-icon-button", { key: 'edcb7e2054454edb2f949332ad62998a2e34a368', text: "show next tab", iconName: "next", iconLibrary: "core", importance: "subdued", onClick: __classPrivateFieldGet$6(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow }))), __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && (hAsync("qds-divider", { key: 'bfafcfbcaaa50341778498e9887b71a548209178', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) }))));
|
|
11540
11670
|
}
|
|
11541
11671
|
static get delegatesFocus() { return true; }
|
|
11542
11672
|
get host() { return getElement(this); }
|
|
11673
|
+
static get watchers() { return {
|
|
11674
|
+
"importance": ["settingChanged"]
|
|
11675
|
+
}; }
|
|
11543
11676
|
static get style() { return tabbarCss; }
|
|
11544
11677
|
static get cmpMeta() { return {
|
|
11545
11678
|
"$flags$": 281,
|
|
@@ -11547,10 +11680,13 @@ class Tabbar {
|
|
|
11547
11680
|
"$members$": {
|
|
11548
11681
|
"layer": [1],
|
|
11549
11682
|
"level": [1],
|
|
11683
|
+
"size": [1],
|
|
11550
11684
|
"orientation": [1],
|
|
11685
|
+
"placement": [1],
|
|
11551
11686
|
"tablistDescription": [1, "tablist-description"],
|
|
11552
11687
|
"showDivider": [4, "show-divider"],
|
|
11553
11688
|
"alignment": [1],
|
|
11689
|
+
"importance": [1],
|
|
11554
11690
|
"disableEndArrow": [32],
|
|
11555
11691
|
"disableStartArrow": [32],
|
|
11556
11692
|
"activeTab": [32]
|
|
@@ -11560,12 +11696,34 @@ class Tabbar {
|
|
|
11560
11696
|
"$attrsToReflect$": []
|
|
11561
11697
|
}; }
|
|
11562
11698
|
}
|
|
11563
|
-
_Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new WeakMap(), _Tabbar_inheritedAttributes = new WeakMap(), _Tabbar_scrollToStart = new WeakMap(), _Tabbar_scrollToEnd = new WeakMap(), _Tabbar_onClick = new WeakMap(), _Tabbar_onKeyDown = new WeakMap(), _Tabbar_onMouseDown = new WeakMap(), _Tabbar_onScroll = new WeakMap(), _Tabbar_onViewportCrop = new WeakMap(), _Tabbar_onSlotchange = new WeakMap(), _Tabbar_instances = new WeakSet(),
|
|
11699
|
+
_Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new WeakMap(), _Tabbar_inheritedAttributes = new WeakMap(), _Tabbar_scrollToStart = new WeakMap(), _Tabbar_scrollToEnd = new WeakMap(), _Tabbar_isVerticalPlacement = new WeakMap(), _Tabbar_isHorizontalPlacement = new WeakMap(), _Tabbar_onClick = new WeakMap(), _Tabbar_onKeyDown = new WeakMap(), _Tabbar_onMouseDown = new WeakMap(), _Tabbar_onScroll = new WeakMap(), _Tabbar_onViewportCrop = new WeakMap(), _Tabbar_onSlotchange = new WeakMap(), _Tabbar_instances = new WeakSet(), _Tabbar_computedImportance_get = function _Tabbar_computedImportance_get() {
|
|
11700
|
+
return this.importance;
|
|
11701
|
+
}, _Tabbar_computedSize_get = function _Tabbar_computedSize_get() {
|
|
11702
|
+
return this.size ?? undefined;
|
|
11703
|
+
}, _Tabbar_computedPlacement_get = function _Tabbar_computedPlacement_get() {
|
|
11704
|
+
switch (this.placement) {
|
|
11705
|
+
case 'top': {
|
|
11706
|
+
return 'block-end';
|
|
11707
|
+
}
|
|
11708
|
+
case 'end': {
|
|
11709
|
+
return 'inline-start';
|
|
11710
|
+
}
|
|
11711
|
+
case 'bottom': {
|
|
11712
|
+
return 'block-start';
|
|
11713
|
+
}
|
|
11714
|
+
case 'start': {
|
|
11715
|
+
return 'inline-end';
|
|
11716
|
+
}
|
|
11717
|
+
default: {
|
|
11718
|
+
return undefined;
|
|
11719
|
+
}
|
|
11720
|
+
}
|
|
11721
|
+
}, _Tabbar_computeDividerVisible_get = function _Tabbar_computeDividerVisible_get() {
|
|
11564
11722
|
if (this.layer === 'panel')
|
|
11565
11723
|
return false;
|
|
11566
11724
|
if (this.layer === 'main' &&
|
|
11567
11725
|
this.level === 'subsection' &&
|
|
11568
|
-
this.orientation === 'horizontal')
|
|
11726
|
+
(this.orientation === 'horizontal' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this)))
|
|
11569
11727
|
return false;
|
|
11570
11728
|
return this.showDivider === true;
|
|
11571
11729
|
}, _Tabbar_setActiveTab = function _Tabbar_setActiveTab(tab) {
|
|
@@ -11580,7 +11738,7 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
|
|
|
11580
11738
|
target.ariaSelected = isSelected.toString();
|
|
11581
11739
|
}
|
|
11582
11740
|
}, _Tabbar_switchTabPanel = function _Tabbar_switchTabPanel(activeTab) {
|
|
11583
|
-
for (const tab of __classPrivateFieldGet$
|
|
11741
|
+
for (const tab of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
|
|
11584
11742
|
const panel = resolvePanelElement(tab);
|
|
11585
11743
|
if (panel) {
|
|
11586
11744
|
panel.hidden = tab !== activeTab;
|
|
@@ -11593,12 +11751,12 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
|
|
|
11593
11751
|
this.activeTab = tab;
|
|
11594
11752
|
this.hideEmitter.emit(previousTab);
|
|
11595
11753
|
this.showEmitter.emit(tab);
|
|
11596
|
-
__classPrivateFieldGet$
|
|
11597
|
-
__classPrivateFieldGet$
|
|
11754
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tab);
|
|
11755
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, tab);
|
|
11598
11756
|
}, _Tabbar_getCurrentTab = function _Tabbar_getCurrentTab() {
|
|
11599
|
-
return __classPrivateFieldGet$
|
|
11757
|
+
return __classPrivateFieldGet$6(this, _Tabbar_tabs, "f").find((tab) => tab.tab.getAttribute('tabindex') === '0');
|
|
11600
11758
|
}, _Tabbar_setCurrentTab = function _Tabbar_setCurrentTab(tab) {
|
|
11601
|
-
for (const t of __classPrivateFieldGet$
|
|
11759
|
+
for (const t of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
|
|
11602
11760
|
const isCurrent = t === tab;
|
|
11603
11761
|
componentOnReady(t, (element) => {
|
|
11604
11762
|
const target = element?.tab;
|
|
@@ -11609,7 +11767,7 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
|
|
|
11609
11767
|
const tabindex = shouldActivateTab ? '0' : '-1';
|
|
11610
11768
|
target.setAttribute('tabindex', tabindex);
|
|
11611
11769
|
if (shouldActivateTab)
|
|
11612
|
-
__classPrivateFieldGet$
|
|
11770
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, t);
|
|
11613
11771
|
});
|
|
11614
11772
|
}
|
|
11615
11773
|
}, _Tabbar_updateTabsCache = function _Tabbar_updateTabsCache() {
|
|
@@ -11617,6 +11775,20 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
|
|
|
11617
11775
|
__classPrivateFieldSet$3(this, _Tabbar_tabs, slot
|
|
11618
11776
|
? [...slot.assignedElements({ flatten: true })].filter((element) => isEnabledTabItem(element))
|
|
11619
11777
|
: [], "f");
|
|
11778
|
+
}, _Tabbar_setTabSettings = function _Tabbar_setTabSettings() {
|
|
11779
|
+
const settings = TAB_SETTINGS[`${this.layer}-${this.level}`];
|
|
11780
|
+
if (!settings)
|
|
11781
|
+
return;
|
|
11782
|
+
for (const tab of this.host.querySelectorAll('qds-tab')) {
|
|
11783
|
+
/* eslint-disable @typescript-eslint/no-unsafe-member-access */
|
|
11784
|
+
tab.importance = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) ?? settings.importance;
|
|
11785
|
+
tab.size = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedSize_get) ?? settings.size;
|
|
11786
|
+
tab.indicatorPosition =
|
|
11787
|
+
this.orientation === 'vertical'
|
|
11788
|
+
? 'inline-end'
|
|
11789
|
+
: (__classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedPlacement_get) ?? settings.indicatorPosition);
|
|
11790
|
+
/* eslint-enable @typescript-eslint/no-unsafe-member-access */
|
|
11791
|
+
}
|
|
11620
11792
|
};
|
|
11621
11793
|
|
|
11622
11794
|
const tableCss = ":host([hidden]){display:none!important}:host{border-collapse:collapse;display:table}";
|
|
@@ -11644,7 +11816,7 @@ class Table {
|
|
|
11644
11816
|
}
|
|
11645
11817
|
// eslint-disable-next-line @typescript-eslint/class-methods-use-this
|
|
11646
11818
|
render() {
|
|
11647
|
-
return hAsync("slot", { key: '
|
|
11819
|
+
return hAsync("slot", { key: 'e48b0a5845e41ac83900ddbd3baf9c5a38b01d9a' });
|
|
11648
11820
|
}
|
|
11649
11821
|
static get style() { return tableCss; }
|
|
11650
11822
|
static get cmpMeta() { return {
|
|
@@ -11657,8 +11829,19 @@ class Table {
|
|
|
11657
11829
|
}; }
|
|
11658
11830
|
}
|
|
11659
11831
|
|
|
11660
|
-
const tableCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-cell{box-sizing:border-box;color:var(--qds-theme-title);font:var(--qds-
|
|
11832
|
+
const tableCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-cell{box-sizing:border-box;color:var(--qds-theme-text-standard);padding-block:0;text-align:inherit;vertical-align:middle;width:inherit}[data-size=small]{font:var(--qds-table-cell-small-title);min-height:var(--qds-table-cell-small-height);padding-inline:var(--qds-table-cell-small-padding-horizontal)}[data-size=standard]{font:var(--qds-table-cell-standard-title);min-height:var(--qds-table-cell-standard-height);padding-inline:var(--qds-table-cell-standard-padding-horizontal)}[data-size=large]{font:var(--qds-table-cell-large-title);min-height:var(--qds-table-cell-large-height);padding-inline:var(--qds-table-cell-large-padding-horizontal)}";
|
|
11661
11833
|
|
|
11834
|
+
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
11835
|
+
//
|
|
11836
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
11837
|
+
var __classPrivateFieldGet$5 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
11838
|
+
if (kind === "a" && !f)
|
|
11839
|
+
throw new TypeError("Private accessor was defined without a getter");
|
|
11840
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
11841
|
+
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
11842
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
11843
|
+
};
|
|
11844
|
+
var _TableCell_instances, _TableCell_computedSize_get;
|
|
11662
11845
|
/**
|
|
11663
11846
|
* The `<qds-table-cell>` element defines a cell of a table that contains data.
|
|
11664
11847
|
* It participates in the *table model*.
|
|
@@ -11675,6 +11858,11 @@ class TableCell {
|
|
|
11675
11858
|
this.internals = hostRef.$hostElement$.attachInternals();
|
|
11676
11859
|
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
11677
11860
|
}
|
|
11861
|
+
_TableCell_instances.add(this);
|
|
11862
|
+
/**
|
|
11863
|
+
* The table cell's size.
|
|
11864
|
+
*/
|
|
11865
|
+
this.size = 'standard';
|
|
11678
11866
|
}
|
|
11679
11867
|
colSpanChanged(newValue) {
|
|
11680
11868
|
this.internals.ariaColSpan =
|
|
@@ -11702,9 +11890,9 @@ class TableCell {
|
|
|
11702
11890
|
render() {
|
|
11703
11891
|
return (
|
|
11704
11892
|
// eslint-disable-next-line jsx-a11y/control-has-associated-label
|
|
11705
|
-
hAsync("td", { key: '
|
|
11893
|
+
hAsync("td", { key: '92bc078c48ec5f41e1751a19bdbf2f95eb33d996', class: "qds-table-cell", "data-size": __classPrivateFieldGet$5(this, _TableCell_instances, "a", _TableCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan,
|
|
11706
11894
|
// eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
|
|
11707
|
-
role: "none" }, hAsync("slot", { key: '
|
|
11895
|
+
role: "none" }, hAsync("slot", { key: 'cf016b76dd2a13a2768180d3f7f8cb22d9189876' })));
|
|
11708
11896
|
}
|
|
11709
11897
|
static get watchers() { return {
|
|
11710
11898
|
"colSpan": ["colSpanChanged"],
|
|
@@ -11716,16 +11904,39 @@ class TableCell {
|
|
|
11716
11904
|
"$tagName$": "qds-table-cell",
|
|
11717
11905
|
"$members$": {
|
|
11718
11906
|
"colSpan": [2, "colspan"],
|
|
11719
|
-
"rowSpan": [2, "rowspan"]
|
|
11907
|
+
"rowSpan": [2, "rowspan"],
|
|
11908
|
+
"size": [1]
|
|
11720
11909
|
},
|
|
11721
11910
|
"$listeners$": undefined,
|
|
11722
11911
|
"$lazyBundleId$": "-",
|
|
11723
11912
|
"$attrsToReflect$": []
|
|
11724
11913
|
}; }
|
|
11725
11914
|
}
|
|
11915
|
+
_TableCell_instances = new WeakSet(), _TableCell_computedSize_get = function _TableCell_computedSize_get() {
|
|
11916
|
+
switch (this.size) {
|
|
11917
|
+
case 'large':
|
|
11918
|
+
case 'small': {
|
|
11919
|
+
return this.size;
|
|
11920
|
+
}
|
|
11921
|
+
default: {
|
|
11922
|
+
return 'standard';
|
|
11923
|
+
}
|
|
11924
|
+
}
|
|
11925
|
+
};
|
|
11726
11926
|
|
|
11727
|
-
const tableHeadCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-head-cell{box-sizing:border-box;color:var(--qds-theme-
|
|
11927
|
+
const tableHeadCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-head-cell{box-sizing:border-box;color:var(--qds-theme-text-standard);padding-block:0;text-align:inherit;vertical-align:middle;width:inherit}[data-size=small]{font:var(--qds-table-cell-small-title);min-height:var(--qds-table-cell-small-height);padding-inline:var(--qds-table-cell-small-padding-horizontal)}[data-size=standard]{font:var(--qds-table-cell-standard-title);min-height:var(--qds-table-cell-standard-height);padding-inline:var(--qds-table-cell-standard-padding-horizontal)}[data-size=large]{font:var(--qds-table-cell-large-title);min-height:var(--qds-table-cell-large-height);padding-inline:var(--qds-table-cell-large-padding-horizontal)}";
|
|
11728
11928
|
|
|
11929
|
+
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
11930
|
+
//
|
|
11931
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
11932
|
+
var __classPrivateFieldGet$4 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
11933
|
+
if (kind === "a" && !f)
|
|
11934
|
+
throw new TypeError("Private accessor was defined without a getter");
|
|
11935
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
11936
|
+
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
11937
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
11938
|
+
};
|
|
11939
|
+
var _TableHeadCell_instances, _TableHeadCell_computedSize_get;
|
|
11729
11940
|
/**
|
|
11730
11941
|
* The `<qds-table-head-cell>` element defines a cell as the header of a group
|
|
11731
11942
|
* of table cells. The exact nature of this group is defined by the `scope`
|
|
@@ -11743,6 +11954,11 @@ class TableHeadCell {
|
|
|
11743
11954
|
this.internals = hostRef.$hostElement$.attachInternals();
|
|
11744
11955
|
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
11745
11956
|
}
|
|
11957
|
+
_TableHeadCell_instances.add(this);
|
|
11958
|
+
/**
|
|
11959
|
+
* The table header cell's size.
|
|
11960
|
+
*/
|
|
11961
|
+
this.size = 'standard';
|
|
11746
11962
|
}
|
|
11747
11963
|
colSpanChanged(newValue) {
|
|
11748
11964
|
this.internals.ariaColSpan =
|
|
@@ -11773,9 +11989,9 @@ class TableHeadCell {
|
|
|
11773
11989
|
render() {
|
|
11774
11990
|
return (
|
|
11775
11991
|
// eslint-disable-next-line jsx-a11y/control-has-associated-label
|
|
11776
|
-
hAsync("th", { key: '
|
|
11992
|
+
hAsync("th", { key: '0d385fba48aa553f9a968b310bd6cafc8cac8659', class: "qds-table-head-cell", "data-size": __classPrivateFieldGet$4(this, _TableHeadCell_instances, "a", _TableHeadCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
|
|
11777
11993
|
// eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
|
|
11778
|
-
role: "none" }, hAsync("slot", { key: '
|
|
11994
|
+
role: "none" }, hAsync("slot", { key: '7aa120d507fa6cbb80ef6acf92ba88d29545b82c' })));
|
|
11779
11995
|
}
|
|
11780
11996
|
static get watchers() { return {
|
|
11781
11997
|
"colSpan": ["colSpanChanged"],
|
|
@@ -11789,15 +12005,27 @@ class TableHeadCell {
|
|
|
11789
12005
|
"$members$": {
|
|
11790
12006
|
"colSpan": [2, "colspan"],
|
|
11791
12007
|
"rowSpan": [2, "rowspan"],
|
|
11792
|
-
"scope": [1]
|
|
12008
|
+
"scope": [1],
|
|
12009
|
+
"size": [1]
|
|
11793
12010
|
},
|
|
11794
12011
|
"$listeners$": undefined,
|
|
11795
12012
|
"$lazyBundleId$": "-",
|
|
11796
12013
|
"$attrsToReflect$": []
|
|
11797
12014
|
}; }
|
|
11798
12015
|
}
|
|
12016
|
+
_TableHeadCell_instances = new WeakSet(), _TableHeadCell_computedSize_get = function _TableHeadCell_computedSize_get() {
|
|
12017
|
+
switch (this.size) {
|
|
12018
|
+
case 'large':
|
|
12019
|
+
case 'small': {
|
|
12020
|
+
return this.size;
|
|
12021
|
+
}
|
|
12022
|
+
default: {
|
|
12023
|
+
return 'standard';
|
|
12024
|
+
}
|
|
12025
|
+
}
|
|
12026
|
+
};
|
|
11799
12027
|
|
|
11800
|
-
const tableRowCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-row{border-block-end:var(--qds-
|
|
12028
|
+
const tableRowCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-row{border-block-end:var(--qds-table-border-width) solid var(--qds-theme-divider-standard);box-sizing:border-box}";
|
|
11801
12029
|
|
|
11802
12030
|
/**
|
|
11803
12031
|
* The `<qds-table-row>` element defines a row of cells in a table. The row's
|
|
@@ -11822,7 +12050,7 @@ class TableRow {
|
|
|
11822
12050
|
}
|
|
11823
12051
|
// eslint-disable-next-line @typescript-eslint/class-methods-use-this
|
|
11824
12052
|
render() {
|
|
11825
|
-
return (hAsync("tr", { key: '
|
|
12053
|
+
return (hAsync("tr", { key: 'f2ebf28bc79f5b8043ba5309e0f5d67b2e29dccc', class: "qds-table-row", role: "none" }, hAsync("slot", { key: '3a16ecf6721c2decf2fc050db6abb1c0feabc45e' })));
|
|
11826
12054
|
}
|
|
11827
12055
|
static get style() { return tableRowCss; }
|
|
11828
12056
|
static get cmpMeta() { return {
|
|
@@ -11893,11 +12121,11 @@ class Tag {
|
|
|
11893
12121
|
__classPrivateFieldSet$2(this, _Tag_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
11894
12122
|
}
|
|
11895
12123
|
render() {
|
|
11896
|
-
return (hAsync("span", { key: '
|
|
12124
|
+
return (hAsync("span", { key: 'dbda480ae5220ac8393a33a1b05970e099a1594b', class: {
|
|
11897
12125
|
'qds-tag': true,
|
|
11898
12126
|
'qds-padding': this.importance !== 'subdued',
|
|
11899
12127
|
}, "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 &&
|
|
11900
|
-
this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", {
|
|
12128
|
+
this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", { 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: '2bb48b6e991ad7bda93971b3556b3b9689a05c43', class: "qds-text" }, this.text)));
|
|
11901
12129
|
}
|
|
11902
12130
|
get host() { return getElement(this); }
|
|
11903
12131
|
static get style() { return tagCss; }
|
|
@@ -11957,7 +12185,7 @@ _Tag_inheritedAttributes = new WeakMap(), _Tag_instances = new WeakSet(), _Tag_c
|
|
|
11957
12185
|
return (this.badge ?? false) && this.importance !== 'emphasized';
|
|
11958
12186
|
};
|
|
11959
12187
|
|
|
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-
|
|
12188
|
+
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-form-input-text-active);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-read-only);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-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-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)}";
|
|
11961
12189
|
|
|
11962
12190
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
11963
12191
|
//
|
|
@@ -12223,9 +12451,9 @@ class TextArea {
|
|
|
12223
12451
|
this.valueChanged();
|
|
12224
12452
|
}
|
|
12225
12453
|
render() {
|
|
12226
|
-
return (hAsync(Host, { key: '
|
|
12454
|
+
return (hAsync(Host, { key: '3aa4b8a2f3cf4b591a13f6bf029adfe3691087e7' }, hAsync("textarea", { key: 'ba6281ce9a79274d6132c82ec0da48cf25361489', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
|
|
12227
12455
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
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: '
|
|
12456
|
+
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: '6b3adf605ea2b899ad2f69e7b03505db56682a20', onSlotchange: __classPrivateFieldGet$2(this, _TextArea_onSlotchange, "f") })));
|
|
12229
12457
|
}
|
|
12230
12458
|
static get delegatesFocus() { return true; }
|
|
12231
12459
|
static get formAssociated() { return true; }
|
|
@@ -12301,7 +12529,7 @@ _TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(
|
|
|
12301
12529
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
12302
12530
|
};
|
|
12303
12531
|
|
|
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)}";
|
|
12532
|
+
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"g\"}.qds-titles.qds-has-kicker{grid-template-areas:\"h\" \"g\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"g\" \"i\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"h\" \"g\" \"i\"}.qds-has-icon{grid-template-areas:\"j g\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". h\" \"j g\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"j g\" \". i\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". h\" \"j g\" \". i\"}.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:g}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:i}.qds-kicker{color:var(--qds-theme-kicker);grid-area:h}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:j}.qds-root.qds-main .qds-title{font:var(--qds-main-title)}.qds-root.qds-main .qds-subtitle{font:var(--qds-main-subtitle)}.qds-root.qds-main .qds-kicker{font:var(--qds-main-kicker)}.qds-root.qds-main .qds-icon{height:var(--qds-main-titles-icon-crop-height);width:var(--qds-main-titles-icon-size)}.qds-root.qds-main.qds-titles{gap:var(--qds-main-titles-gap)}.qds-root.qds-main.qds-has-icon{gap:var(--qds-main-titles-gap) var(--qds-main-titles-icon-gap)}.qds-root.qds-navigation .qds-title{font:var(--qds-navigation-title)}.qds-root.qds-navigation .qds-subtitle{font:var(--qds-navigation-subtitle)}.qds-root.qds-navigation .qds-kicker{font:var(--qds-navigation-kicker)}.qds-root.qds-navigation .qds-icon{height:var(--qds-navigation-titles-icon-crop-height);width:var(--qds-navigation-titles-icon-size)}.qds-root.qds-navigation.qds-titles{gap:var(--qds-navigation-titles-gap)}.qds-root.qds-navigation.qds-has-icon{gap:var(--qds-navigation-titles-gap) var(--qds-navigation-titles-icon-gap)}.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)}";
|
|
12305
12533
|
|
|
12306
12534
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
12307
12535
|
//
|
|
@@ -12352,14 +12580,14 @@ class Title {
|
|
|
12352
12580
|
const level = `qds-${this.level ?? 'section'}`;
|
|
12353
12581
|
const Tag = this.tag ?? 'h2';
|
|
12354
12582
|
const hasIcon = this.iconName !== undefined && this.iconName !== '';
|
|
12355
|
-
return (hAsync("hgroup", { key: '
|
|
12583
|
+
return (hAsync("hgroup", { key: 'ed0b1522df1d04ac5d4a19bfd4d801bac51aba5a', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
|
|
12356
12584
|
[layer]: true,
|
|
12357
12585
|
[level]: true,
|
|
12358
12586
|
'qds-titles': true,
|
|
12359
12587
|
'qds-has-icon': hasIcon,
|
|
12360
12588
|
'qds-has-kicker': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get),
|
|
12361
12589
|
'qds-has-subtitle': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get),
|
|
12362
|
-
}, role: "none" }, hAsync(Tag, { key: '
|
|
12590
|
+
}, role: "none" }, hAsync(Tag, { key: '9159ae4127d5be822227a6edd25d1297857686d7', class: "qds-title", "data-variant": this.variant }, hAsync("slot", { key: '266cb1ded9c3d64320bd71d13393832f6e280a85' })), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get) && hAsync("p", { key: '5672a80281144196dc75fd811b5889afd997cf98', class: "qds-kicker" }, this.kicker), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get) && hAsync("p", { key: '499d0d4b792e9edba768472043c42b2fb08e3c62', class: "qds-subtitle" }, this.subtitle), hasIcon && (hAsync("qds-icon", { key: 'f49f82e51dbfdefb3a1316372ee7d48ab2079e47', class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
|
|
12363
12591
|
}
|
|
12364
12592
|
static get style() { return titleCss; }
|
|
12365
12593
|
static get cmpMeta() { return {
|
|
@@ -12417,7 +12645,7 @@ let autoIncrementingId = 1;
|
|
|
12417
12645
|
class Tooltip {
|
|
12418
12646
|
constructor(hostRef) {
|
|
12419
12647
|
registerInstance(this, hostRef);
|
|
12420
|
-
this.closeEmitter = createEvent(this, "qdsClose",
|
|
12648
|
+
this.closeEmitter = createEvent(this, "qdsClose", 0);
|
|
12421
12649
|
if (hostRef.$hostElement$["s-ei"]) {
|
|
12422
12650
|
this.internals = hostRef.$hostElement$["s-ei"];
|
|
12423
12651
|
}
|
|
@@ -12659,7 +12887,7 @@ class Tooltip {
|
|
|
12659
12887
|
__classPrivateFieldGet(this, _Tooltip_referenceElement, "f").removeAttribute('aria-describedby');
|
|
12660
12888
|
}
|
|
12661
12889
|
render() {
|
|
12662
|
-
return (hAsync(Host, { key: '
|
|
12890
|
+
return (hAsync(Host, { key: '8ab46dcacf9ab9279402ab3732ababdf9641f3ed', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f") }, hAsync("div", { key: '703252d7ad663d577bae94d249432c77f9241203', class: "qds-tooltip" }, hAsync("slot", { key: '47faf0f5aa99c2f5e6521dd2c13007201a16baf8' })), hAsync("div", { key: '36c02add6ac0ea66c6511aae88342469bc2898fd', class: "qds-arrow", ref: __classPrivateFieldGet(this, _Tooltip_arrowRef, "f") })));
|
|
12663
12891
|
}
|
|
12664
12892
|
get host() { return getElement(this); }
|
|
12665
12893
|
static get watchers() { return {
|