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