@quartzds/core 1.0.0-beta.113 → 1.0.0-beta.115
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 +50 -0
- package/components/index.d.ts +2 -2
- package/components/index.js +2 -2
- package/components/{p-CB1GgGmx.js → p--vOFwWP9.js} +4 -4
- package/components/{p-CB1GgGmx.js.map → p--vOFwWP9.js.map} +1 -1
- package/{dist/esm/helpers-CDZIefsI.js → components/p-Bs-thw7N.js} +24 -8
- package/components/{p-CzJQDr3N.js.map → p-Bs-thw7N.js.map} +1 -1
- package/components/{p-9fm05BrQ.js → p-D6kEwmWw.js} +16 -9
- package/components/p-D6kEwmWw.js.map +1 -0
- package/components/{p-jzP-octC.js → p-DG13nyez.js} +13 -13
- package/components/p-DG13nyez.js.map +1 -0
- package/components/{p-oYV2Vg_F.js → p-DHsQa63F.js} +6 -6
- package/components/{p-oYV2Vg_F.js.map → p-DHsQa63F.js.map} +1 -1
- package/components/{p-GGIVf4ry.js → p-DQ0iArwG.js} +12 -12
- package/components/p-DQ0iArwG.js.map +1 -0
- package/components/{p-Cin_uEzc.js → p-DRvYbv4e.js} +6 -6
- package/components/{p-Cin_uEzc.js.map → p-DRvYbv4e.js.map} +1 -1
- package/components/p-DabDNFFa.js +112 -0
- package/components/p-DabDNFFa.js.map +1 -0
- package/components/{p-CPvTGxdE.js → p-DeLdhUte.js} +9 -9
- package/components/p-DeLdhUte.js.map +1 -0
- package/components/{p-CK_Yxg3A.js → p-Df4zqimN.js} +11 -9
- package/components/p-Df4zqimN.js.map +1 -0
- package/components/{p-Dqnx5weA.js → p-Dmky30vp.js} +3 -3
- package/components/{p-Dqnx5weA.js.map → p-Dmky30vp.js.map} +1 -1
- package/components/{p-CSR3ZAEX.js → p-I5PkZmy8.js} +4 -4
- package/components/{p-CSR3ZAEX.js.map → p-I5PkZmy8.js.map} +1 -1
- package/components/qds-action-item.js +7 -7
- package/components/qds-action-item.js.map +1 -1
- package/components/{qds-nav-list-item.d.ts → qds-avatar-media.d.ts} +4 -4
- package/components/qds-avatar-media.js +14 -0
- package/components/qds-avatar-media.js.map +1 -0
- package/components/qds-breadcrumb-item.js +7 -7
- package/components/qds-breadcrumb-item.js.map +1 -1
- package/components/qds-button.js +1 -1
- package/components/qds-checkbox.js +1 -1
- package/components/qds-chip.js +11 -11
- package/components/qds-chip.js.map +1 -1
- package/components/qds-dialog.js +26 -7
- package/components/qds-dialog.js.map +1 -1
- package/components/qds-dropdown.js +1 -1
- package/components/qds-form-message.js +5 -5
- package/components/qds-form-message.js.map +1 -1
- package/components/qds-icon-button.js +10 -8
- package/components/qds-icon-button.js.map +1 -1
- package/components/qds-icon.js +1 -1
- package/components/qds-inline-link.js +43 -13
- package/components/qds-inline-link.js.map +1 -1
- package/components/qds-input.js +6 -6
- package/components/qds-label.js +1 -1
- package/components/qds-list-item.js +22 -16
- 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 +9 -9
- package/components/qds-menu-item.js.map +1 -1
- package/components/qds-mini-button.js +1 -1
- package/components/qds-progress-bar.js +1 -1
- package/components/qds-radio.js +1 -1
- package/components/qds-select.js +5 -5
- package/components/qds-standalone-link.js +43 -13
- package/components/qds-standalone-link.js.map +1 -1
- package/components/qds-switch.js +5 -5
- package/components/qds-tab.js +11 -11
- package/components/qds-tab.js.map +1 -1
- package/components/qds-tabbar.js +8 -8
- package/components/qds-table-cell.js +2 -2
- package/components/qds-table-head-cell.js +2 -2
- package/components/qds-table-row.js +1 -1
- package/components/qds-table.js +1 -1
- package/components/qds-tag.js +1 -1
- package/components/qds-textarea.js +3 -3
- package/components/qds-title.js +1 -1
- package/components/qds-tooltip.js +1 -1
- package/dist/cjs/{helpers-D--0PcCT.js → helpers-BH_NFaV-.js} +24 -8
- package/dist/cjs/helpers-BH_NFaV-.js.map +1 -0
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/{library-CF8K3bIq.js → library-C_NJJiFI.js} +15 -8
- package/dist/cjs/library-C_NJJiFI.js.map +1 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/qds-action-item.cjs.entry.js +5 -5
- 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 -0
- package/dist/cjs/{qds-checkbox_2.cjs.entry.js → qds-avatar-media_3.cjs.entry.js} +79 -8
- package/dist/cjs/qds-breadcrumb-item.cjs.entry.js +5 -5
- package/dist/cjs/qds-breadcrumb-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-button.cjs.entry.js +8 -8
- package/dist/cjs/qds-button.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-chip.cjs.entry.js +8 -8
- package/dist/cjs/qds-chip.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-dialog.cjs.entry.js +23 -4
- package/dist/cjs/qds-dialog.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/qds-form-message.cjs.entry.js +4 -4
- package/dist/cjs/qds-form-message.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-icon-button.cjs.entry.js +8 -6
- package/dist/cjs/qds-icon-button.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-icon.cjs.entry.js +2 -2
- package/dist/cjs/qds-inline-link.cjs.entry.js +39 -8
- package/dist/cjs/qds-inline-link.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-input.cjs.entry.js +4 -4
- package/dist/cjs/qds-label.cjs.entry.js +9 -9
- package/dist/cjs/qds-label.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-list-item.cjs.entry.js +10 -10
- 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 +6 -6
- package/dist/cjs/qds-menu-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-mini-button.cjs.entry.js +1 -1
- package/dist/cjs/qds-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/qds-select.cjs.entry.js +4 -4
- package/dist/cjs/qds-standalone-link.cjs.entry.js +39 -8
- 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-tab.cjs.entry.js +7 -7
- package/dist/cjs/qds-tab.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-tabbar.cjs.entry.js +5 -5
- package/dist/cjs/qds-table-cell.cjs.entry.js +2 -2
- package/dist/cjs/qds-table-head-cell.cjs.entry.js +2 -2
- package/dist/cjs/qds-table-row.cjs.entry.js +1 -1
- package/dist/cjs/qds-table.cjs.entry.js +1 -1
- package/dist/cjs/qds-tag_2.cjs.entry.js +6 -6
- package/dist/cjs/qds-textarea.cjs.entry.js +3 -3
- package/dist/cjs/qds-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/qds.cjs.js +1 -1
- package/dist/custom-elements.json +311 -367
- package/dist/docs.json +223 -331
- package/{components/p-CzJQDr3N.js → dist/esm/helpers-t9FQ7Vl_.js} +24 -8
- package/dist/esm/helpers-t9FQ7Vl_.js.map +1 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/{library-B2PJ_ZJB.js → library-C7n28y3j.js} +15 -8
- package/dist/esm/library-C7n28y3j.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/qds-action-item.entry.js +5 -5
- 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 -0
- package/dist/esm/{qds-checkbox_2.entry.js → qds-avatar-media_3.entry.js} +79 -9
- package/dist/esm/qds-breadcrumb-item.entry.js +5 -5
- package/dist/esm/qds-breadcrumb-item.entry.js.map +1 -1
- package/dist/esm/qds-button.entry.js +8 -8
- package/dist/esm/qds-button.entry.js.map +1 -1
- package/dist/esm/qds-chip.entry.js +8 -8
- package/dist/esm/qds-chip.entry.js.map +1 -1
- package/dist/esm/qds-dialog.entry.js +23 -4
- package/dist/esm/qds-dialog.entry.js.map +1 -1
- package/dist/esm/qds-dropdown.entry.js +1 -1
- package/dist/esm/qds-form-message.entry.js +4 -4
- package/dist/esm/qds-form-message.entry.js.map +1 -1
- package/dist/esm/qds-icon-button.entry.js +8 -6
- package/dist/esm/qds-icon-button.entry.js.map +1 -1
- package/dist/esm/qds-icon.entry.js +2 -2
- package/dist/esm/qds-inline-link.entry.js +39 -8
- package/dist/esm/qds-inline-link.entry.js.map +1 -1
- package/dist/esm/qds-input.entry.js +4 -4
- package/dist/esm/qds-label.entry.js +9 -9
- package/dist/esm/qds-label.entry.js.map +1 -1
- package/dist/esm/qds-list-item.entry.js +10 -10
- 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 +6 -6
- package/dist/esm/qds-menu-item.entry.js.map +1 -1
- package/dist/esm/qds-mini-button.entry.js +1 -1
- package/dist/esm/qds-progress-bar.entry.js +1 -1
- package/dist/esm/qds-select.entry.js +4 -4
- package/dist/esm/qds-standalone-link.entry.js +39 -8
- package/dist/esm/qds-standalone-link.entry.js.map +1 -1
- package/dist/esm/qds-switch.entry.js +4 -4
- package/dist/esm/qds-tab.entry.js +7 -7
- package/dist/esm/qds-tab.entry.js.map +1 -1
- package/dist/esm/qds-tabbar.entry.js +5 -5
- package/dist/esm/qds-table-cell.entry.js +2 -2
- package/dist/esm/qds-table-head-cell.entry.js +2 -2
- package/dist/esm/qds-table-row.entry.js +1 -1
- package/dist/esm/qds-table.entry.js +1 -1
- package/dist/esm/qds-tag_2.entry.js +6 -6
- package/dist/esm/qds-textarea.entry.js +3 -3
- package/dist/esm/qds-tooltip.entry.js +2 -2
- package/dist/esm/qds.js +1 -1
- package/dist/types/components/avatar-media/avatar-media.d.ts +39 -0
- package/dist/types/components/icon-button/icon-button.d.ts +1 -1
- package/dist/types/components/inline-link/inline-link.d.ts +1 -1
- package/dist/types/components/label/label.d.ts +1 -1
- package/dist/types/components/standalone-link/standalone-link.d.ts +1 -1
- package/dist/types/components.d.ts +94 -125
- package/dist/types/helpers.d.ts +3 -3
- package/dist/vscode.html-custom-data.json +29 -52
- package/hydrate/index.js +694 -632
- package/hydrate/index.mjs +694 -632
- package/package.json +1 -1
- package/components/p-9fm05BrQ.js.map +0 -1
- package/components/p-CK_Yxg3A.js.map +0 -1
- package/components/p-CPvTGxdE.js.map +0 -1
- package/components/p-GGIVf4ry.js.map +0 -1
- package/components/p-jzP-octC.js.map +0 -1
- package/components/qds-nav-list-item.js +0 -164
- package/components/qds-nav-list-item.js.map +0 -1
- package/dist/cjs/helpers-D--0PcCT.js.map +0 -1
- package/dist/cjs/library-CF8K3bIq.js.map +0 -1
- package/dist/cjs/qds-checkbox.qds-radio.entry.cjs.js.map +0 -1
- package/dist/cjs/qds-nav-list-item.cjs.entry.js +0 -120
- package/dist/cjs/qds-nav-list-item.entry.cjs.js.map +0 -1
- package/dist/esm/helpers-CDZIefsI.js.map +0 -1
- package/dist/esm/library-B2PJ_ZJB.js.map +0 -1
- package/dist/esm/qds-checkbox.qds-radio.entry.js.map +0 -1
- package/dist/esm/qds-nav-list-item.entry.js +0 -118
- package/dist/esm/qds-nav-list-item.entry.js.map +0 -1
- package/dist/types/components/nav-list-item/nav-list-item.d.ts +0 -67
package/hydrate/index.js
CHANGED
|
@@ -3518,14 +3518,30 @@ const roundByDPR = (value) => {
|
|
|
3518
3518
|
return Math.round(value * dpr) / dpr;
|
|
3519
3519
|
};
|
|
3520
3520
|
/**
|
|
3521
|
-
* Checks if an element's
|
|
3521
|
+
* Checks if an element's ellipsis is active.
|
|
3522
3522
|
*
|
|
3523
3523
|
* @param element The element to check.
|
|
3524
|
-
* @returns `true` if
|
|
3524
|
+
* @returns `true` if ellipsis is active, `false` otherwise.
|
|
3525
3525
|
*/
|
|
3526
|
-
const
|
|
3527
|
-
|
|
3528
|
-
|
|
3526
|
+
const isEllipsisActive = (element) => {
|
|
3527
|
+
if (!element.parentElement)
|
|
3528
|
+
return false;
|
|
3529
|
+
const temporary = element.cloneNode(true);
|
|
3530
|
+
Object.assign(temporary.style, {
|
|
3531
|
+
position: 'fixed',
|
|
3532
|
+
overflow: 'visible',
|
|
3533
|
+
whiteSpace: 'nowrap',
|
|
3534
|
+
visibility: 'hidden',
|
|
3535
|
+
});
|
|
3536
|
+
element.parentElement.append(temporary);
|
|
3537
|
+
try {
|
|
3538
|
+
const fullWidth = temporary.getBoundingClientRect().width;
|
|
3539
|
+
const displayWidth = element.getBoundingClientRect().width;
|
|
3540
|
+
return fullWidth > displayWidth;
|
|
3541
|
+
}
|
|
3542
|
+
finally {
|
|
3543
|
+
temporary.remove();
|
|
3544
|
+
}
|
|
3529
3545
|
};
|
|
3530
3546
|
const determineLinkIcon = (target,
|
|
3531
3547
|
// eslint-disable-next-line unicorn/prevent-abbreviations
|
|
@@ -3625,7 +3641,7 @@ var __classPrivateFieldGet$v = (undefined && undefined.__classPrivateFieldGet) |
|
|
|
3625
3641
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
3626
3642
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
3627
3643
|
};
|
|
3628
|
-
var __classPrivateFieldSet$
|
|
3644
|
+
var __classPrivateFieldSet$p = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
3629
3645
|
if (kind === "m")
|
|
3630
3646
|
throw new TypeError("Private method is not writable");
|
|
3631
3647
|
if (kind === "a" && !f)
|
|
@@ -3675,10 +3691,10 @@ class ActionItem {
|
|
|
3675
3691
|
_ActionItem_actionItem.set(this, void 0);
|
|
3676
3692
|
_ActionItem_span.set(this, void 0);
|
|
3677
3693
|
_ActionItem_actionDivRef.set(this, (actionItem) => {
|
|
3678
|
-
__classPrivateFieldSet$
|
|
3694
|
+
__classPrivateFieldSet$p(this, _ActionItem_actionItem, actionItem, "f");
|
|
3679
3695
|
});
|
|
3680
3696
|
_ActionItem_spanRef.set(this, (span) => {
|
|
3681
|
-
__classPrivateFieldSet$
|
|
3697
|
+
__classPrivateFieldSet$p(this, _ActionItem_span, span, "f");
|
|
3682
3698
|
});
|
|
3683
3699
|
_ActionItem_tooltipRef.set(this, (tooltip) => {
|
|
3684
3700
|
if (tooltip)
|
|
@@ -3707,18 +3723,18 @@ class ActionItem {
|
|
|
3707
3723
|
invariant(__classPrivateFieldGet$v(this, _ActionItem_span, "f"));
|
|
3708
3724
|
const span = __classPrivateFieldGet$v(this, _ActionItem_span, "f");
|
|
3709
3725
|
readTask(() => {
|
|
3710
|
-
this.tooltip =
|
|
3726
|
+
this.tooltip = isEllipsisActive(span);
|
|
3711
3727
|
});
|
|
3712
|
-
__classPrivateFieldSet$
|
|
3713
|
-
this.tooltip =
|
|
3728
|
+
__classPrivateFieldSet$p(this, _ActionItem_ro, new ResizeObserver(([spanEntry]) => {
|
|
3729
|
+
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
3714
3730
|
}), "f");
|
|
3715
3731
|
__classPrivateFieldGet$v(this, _ActionItem_ro, "f").observe(__classPrivateFieldGet$v(this, _ActionItem_span, "f"));
|
|
3716
3732
|
}
|
|
3717
3733
|
render() {
|
|
3718
|
-
return (hAsync("div", { key: '
|
|
3734
|
+
return (hAsync("div", { key: 'c5761b24a5de2f0784850e2c05a35a4ff0d50540', class: {
|
|
3719
3735
|
'qds-action-item': true,
|
|
3720
3736
|
'qds-disabled': this.disabled,
|
|
3721
|
-
}, ref: __classPrivateFieldGet$v(this, _ActionItem_actionDivRef, "f"), "data-size": __classPrivateFieldGet$v(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), "data-importance": __classPrivateFieldGet$v(this, _ActionItem_instances, "a", _ActionItem_computedImportance_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '
|
|
3737
|
+
}, ref: __classPrivateFieldGet$v(this, _ActionItem_actionDivRef, "f"), "data-size": __classPrivateFieldGet$v(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), "data-importance": __classPrivateFieldGet$v(this, _ActionItem_instances, "a", _ActionItem_computedImportance_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'f9c3a23ffeace5cbe558b15a50da5fdc95c58806', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$v(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '3100774715c9057232a91ff5103016c5dea61922', class: "qds-text", "data-size": __classPrivateFieldGet$v(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), ref: __classPrivateFieldGet$v(this, _ActionItem_spanRef, "f") }, this.text), this.action !== undefined && (hAsync("qds-icon", { key: '128edb074db17bd31c1467a1857f9c9473cda8ff', class: "qds-icon", "data-size": __classPrivateFieldGet$v(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), name: this.action, library: "core", "aria-label": this.actionDescription, role: "img" })), this.tooltip && (hAsync("qds-tooltip", { key: 'a28ef16e7941795bcf9241a367130e8b2f63b7d5', "aria-hidden": "true", ref: __classPrivateFieldGet$v(this, _ActionItem_tooltipRef, "f") }, this.text))));
|
|
3722
3738
|
}
|
|
3723
3739
|
static get watchers() { return {
|
|
3724
3740
|
"disabled": ["disabledChanged"]
|
|
@@ -3769,12 +3785,99 @@ _ActionItem_ro = new WeakMap(), _ActionItem_actionItem = new WeakMap(), _ActionI
|
|
|
3769
3785
|
return this.disabled;
|
|
3770
3786
|
};
|
|
3771
3787
|
|
|
3788
|
+
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:var(--qds-display-size);justify-content:center;width:var(--qds-display-size)}.qds-container .qds-picture{border-radius:inherit;flex-shrink:0;height:100%;object-fit:cover;width:100%}.qds-container .qds-icon,.qds-container .qds-text{color:var(--qds-theme-display-background-contrast)}.qds-container .qds-icon{flex-shrink:0;height:60%;width:60%}.qds-container .qds-text{font:var(--qds-display-standard);text-align:center}";
|
|
3789
|
+
|
|
3790
|
+
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
3791
|
+
//
|
|
3792
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
3793
|
+
var __classPrivateFieldGet$u = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3794
|
+
if (kind === "a" && !f)
|
|
3795
|
+
throw new TypeError("Private accessor was defined without a getter");
|
|
3796
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
3797
|
+
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
3798
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
3799
|
+
};
|
|
3800
|
+
var _AvatarMedia_renderContent, _AvatarMedia_handleImageError;
|
|
3801
|
+
/**
|
|
3802
|
+
* @experimental
|
|
3803
|
+
*/
|
|
3804
|
+
class AvatarMedia {
|
|
3805
|
+
constructor(hostRef) {
|
|
3806
|
+
registerInstance(this, hostRef);
|
|
3807
|
+
this.errorEmitter = createEvent(this, "qdsError", 6);
|
|
3808
|
+
/**
|
|
3809
|
+
* The alt text for the avatar-media's image.
|
|
3810
|
+
* @webnative
|
|
3811
|
+
*/
|
|
3812
|
+
this.alt = '';
|
|
3813
|
+
/**
|
|
3814
|
+
* The avatar-media's icon library.
|
|
3815
|
+
*/
|
|
3816
|
+
this.iconLibrary = 'default';
|
|
3817
|
+
this.hasImageError = false;
|
|
3818
|
+
_AvatarMedia_renderContent.set(this, () => {
|
|
3819
|
+
if (this.src !== undefined && this.src !== '' && !this.hasImageError) {
|
|
3820
|
+
return (hAsync("img", { class: "qds-picture", src: this.src, alt: this.alt, onError: __classPrivateFieldGet$u(this, _AvatarMedia_handleImageError, "f"), onLoad: () => {
|
|
3821
|
+
this.hasImageError = false;
|
|
3822
|
+
} }));
|
|
3823
|
+
}
|
|
3824
|
+
if (this.text !== undefined && this.text !== '') {
|
|
3825
|
+
return hAsync("span", { class: "qds-text" }, this.initials);
|
|
3826
|
+
}
|
|
3827
|
+
if (this.iconName !== undefined && this.iconName !== '') {
|
|
3828
|
+
return (hAsync("qds-icon", { class: "qds-icon", name: this.iconName, library: this.iconLibrary }));
|
|
3829
|
+
}
|
|
3830
|
+
return hAsync("qds-icon", { class: "qds-icon", name: "user", library: "core" });
|
|
3831
|
+
});
|
|
3832
|
+
_AvatarMedia_handleImageError.set(this, () => {
|
|
3833
|
+
this.hasImageError = true;
|
|
3834
|
+
this.errorEmitter.emit();
|
|
3835
|
+
});
|
|
3836
|
+
}
|
|
3837
|
+
handleTextChange() {
|
|
3838
|
+
if (this.text === undefined || this.text === '') {
|
|
3839
|
+
this.initials = undefined;
|
|
3840
|
+
return;
|
|
3841
|
+
}
|
|
3842
|
+
const words = this.text.trim().split(' ');
|
|
3843
|
+
const [first = '', second = ''] = words.filter(Boolean);
|
|
3844
|
+
this.initials = (first.charAt(0) + (second.charAt(0) || '')).toLocaleUpperCase();
|
|
3845
|
+
}
|
|
3846
|
+
componentWillLoad() {
|
|
3847
|
+
this.handleTextChange();
|
|
3848
|
+
}
|
|
3849
|
+
render() {
|
|
3850
|
+
return hAsync("div", { key: '3de037b482d057e4ae071e61bb72c60ee151f4e8', class: "qds-container" }, __classPrivateFieldGet$u(this, _AvatarMedia_renderContent, "f").call(this));
|
|
3851
|
+
}
|
|
3852
|
+
static get watchers() { return {
|
|
3853
|
+
"text": ["handleTextChange"]
|
|
3854
|
+
}; }
|
|
3855
|
+
static get style() { return avatarMediaCss; }
|
|
3856
|
+
static get cmpMeta() { return {
|
|
3857
|
+
"$flags$": 265,
|
|
3858
|
+
"$tagName$": "qds-avatar-media",
|
|
3859
|
+
"$members$": {
|
|
3860
|
+
"src": [1],
|
|
3861
|
+
"alt": [1],
|
|
3862
|
+
"iconName": [1, "icon-name"],
|
|
3863
|
+
"iconLibrary": [1, "icon-library"],
|
|
3864
|
+
"text": [1],
|
|
3865
|
+
"initials": [32],
|
|
3866
|
+
"hasImageError": [32]
|
|
3867
|
+
},
|
|
3868
|
+
"$listeners$": undefined,
|
|
3869
|
+
"$lazyBundleId$": "-",
|
|
3870
|
+
"$attrsToReflect$": []
|
|
3871
|
+
}; }
|
|
3872
|
+
}
|
|
3873
|
+
_AvatarMedia_renderContent = new WeakMap(), _AvatarMedia_handleImageError = new WeakMap();
|
|
3874
|
+
|
|
3772
3875
|
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)}";
|
|
3773
3876
|
|
|
3774
3877
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3775
3878
|
//
|
|
3776
3879
|
// SPDX-License-Identifier: Apache-2.0
|
|
3777
|
-
var __classPrivateFieldGet$
|
|
3880
|
+
var __classPrivateFieldGet$t = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3778
3881
|
if (kind === "a" && !f)
|
|
3779
3882
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3780
3883
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -3809,7 +3912,7 @@ class BadgeCounter {
|
|
|
3809
3912
|
return (hAsync("span", { key: '0a706e1e216c17976c3c04c94ac165e69e860e40', class: {
|
|
3810
3913
|
'qds-badge-counter': true,
|
|
3811
3914
|
'qds-stroke-ring': this.strokeRing,
|
|
3812
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
3915
|
+
}, "data-importance": __classPrivateFieldGet$t(this, _BadgeCounter_instances, "a", _BadgeCounter_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _BadgeCounter_instances, "a", _BadgeCounter_computedSize_get) }, __classPrivateFieldGet$t(this, _BadgeCounter_instances, "a", _BadgeCounter_computedValue_get), hAsync("span", { key: 'c68fcbe9899495b2e774567f7cd0058162d7d889', class: "qds-sr-only" }, this.description)));
|
|
3813
3916
|
}
|
|
3814
3917
|
static get style() { return badgeCounterCss; }
|
|
3815
3918
|
static get cmpMeta() { return {
|
|
@@ -3865,7 +3968,7 @@ const badgeIndicatorCss = ":host([hidden]){display:none!important}:host{display:
|
|
|
3865
3968
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3866
3969
|
//
|
|
3867
3970
|
// SPDX-License-Identifier: Apache-2.0
|
|
3868
|
-
var __classPrivateFieldGet$
|
|
3971
|
+
var __classPrivateFieldGet$s = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3869
3972
|
if (kind === "a" && !f)
|
|
3870
3973
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3871
3974
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -3900,7 +4003,7 @@ class BadgeIndicator {
|
|
|
3900
4003
|
return (hAsync("div", { key: '1442d3293846a5f18a87297abc5e53755aebe4b6', class: {
|
|
3901
4004
|
'qds-badge-indicator': true,
|
|
3902
4005
|
'qds-stroke-ring': this.strokeRing,
|
|
3903
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4006
|
+
}, "data-size": __classPrivateFieldGet$s(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedSize_get), "data-status": __classPrivateFieldGet$s(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) }, hAsync("span", { key: 'f2131c0350fa5b857cb1b10b8f2fb276d3f52bb6', class: "qds-sr-only" }, this.description)));
|
|
3904
4007
|
}
|
|
3905
4008
|
static get style() { return badgeIndicatorCss; }
|
|
3906
4009
|
static get cmpMeta() { return {
|
|
@@ -3961,19 +4064,19 @@ const VALID_STATE = {
|
|
|
3961
4064
|
valueMissing: false,
|
|
3962
4065
|
};
|
|
3963
4066
|
|
|
3964
|
-
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:\"b\"}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n ));grid-area:b;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width));isolation:isolate;outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset);pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-control-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-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;cursor:pointer;display:inline-flex;grid-area:b;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{inset-block-start:0;inset-inline-end:0;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-button.qds-icon-only[data-size=small]{width:var(--qds-control-small-height)}.qds-icon[data-size=small]{
|
|
4067
|
+
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:\"b\"}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n ));grid-area:b;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width));isolation:isolate;outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset);pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-control-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-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;cursor:pointer;display:inline-flex;grid-area:b;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{inset-block-start:0;inset-inline-end:0;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-button.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=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-button.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=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-button.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],[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-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-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-focus-ring[data-size=hero]{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-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]{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]{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}:is([data-action=dropdown],[data-action=dropdown-close]):not([data-importance=subdued]):not([data-importance=subdued-destructive]){padding-inline:var(--qds-control-input-padding-horizontal)}";
|
|
3965
4068
|
|
|
3966
4069
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3967
4070
|
//
|
|
3968
4071
|
// SPDX-License-Identifier: Apache-2.0
|
|
3969
|
-
var __classPrivateFieldGet$
|
|
4072
|
+
var __classPrivateFieldGet$r = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3970
4073
|
if (kind === "a" && !f)
|
|
3971
4074
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3972
4075
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
3973
4076
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
3974
4077
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
3975
4078
|
};
|
|
3976
|
-
var __classPrivateFieldSet$
|
|
4079
|
+
var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
3977
4080
|
if (kind === "m")
|
|
3978
4081
|
throw new TypeError("Private method is not writable");
|
|
3979
4082
|
if (kind === "a" && !f)
|
|
@@ -4141,15 +4244,15 @@ class Button {
|
|
|
4141
4244
|
this.reportValidity = () => this.internals.reportValidity();
|
|
4142
4245
|
this.setCustomValidity = (error) => {
|
|
4143
4246
|
if (error)
|
|
4144
|
-
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$
|
|
4247
|
+
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$r(this, _Button_button, "f"));
|
|
4145
4248
|
else
|
|
4146
4249
|
this.internals.setValidity(NO_ERROR_FLAGS);
|
|
4147
4250
|
};
|
|
4148
4251
|
_Button_buttonRef.set(this, (button) => {
|
|
4149
|
-
__classPrivateFieldSet$
|
|
4252
|
+
__classPrivateFieldSet$o(this, _Button_button, button, "f");
|
|
4150
4253
|
});
|
|
4151
4254
|
_Button_spanRef.set(this, (span) => {
|
|
4152
|
-
__classPrivateFieldSet$
|
|
4255
|
+
__classPrivateFieldSet$o(this, _Button_span, span, "f");
|
|
4153
4256
|
});
|
|
4154
4257
|
_Button_tooltipRef.set(this, (tooltip) => {
|
|
4155
4258
|
if (tooltip)
|
|
@@ -4157,7 +4260,7 @@ class Button {
|
|
|
4157
4260
|
tooltip.target = this.host;
|
|
4158
4261
|
});
|
|
4159
4262
|
_Button_onClick.set(this, (event) => {
|
|
4160
|
-
if (__classPrivateFieldGet$
|
|
4263
|
+
if (__classPrivateFieldGet$r(this, _Button_instances, "a", _Button_computedDisabled_get)) {
|
|
4161
4264
|
preventDefault$2(event);
|
|
4162
4265
|
event.stopImmediatePropagation();
|
|
4163
4266
|
}
|
|
@@ -4167,13 +4270,13 @@ class Button {
|
|
|
4167
4270
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
4168
4271
|
}
|
|
4169
4272
|
onClick(event) {
|
|
4170
|
-
if (__classPrivateFieldGet$
|
|
4273
|
+
if (__classPrivateFieldGet$r(this, _Button_instances, "a", _Button_computedDisabled_get)) {
|
|
4171
4274
|
event.stopImmediatePropagation();
|
|
4172
4275
|
return;
|
|
4173
4276
|
}
|
|
4174
|
-
if (__classPrivateFieldGet$
|
|
4277
|
+
if (__classPrivateFieldGet$r(this, _Button_instances, "a", _Button_buttonType_get) === 'button' || !this.internals.form)
|
|
4175
4278
|
return;
|
|
4176
|
-
if (__classPrivateFieldGet$
|
|
4279
|
+
if (__classPrivateFieldGet$r(this, _Button_instances, "a", _Button_buttonType_get) === 'reset') {
|
|
4177
4280
|
this.internals.form.reset();
|
|
4178
4281
|
}
|
|
4179
4282
|
else {
|
|
@@ -4186,8 +4289,8 @@ class Button {
|
|
|
4186
4289
|
}
|
|
4187
4290
|
onKeydown(event) {
|
|
4188
4291
|
if (event.key === 'Enter') {
|
|
4189
|
-
if (__classPrivateFieldGet$
|
|
4190
|
-
__classPrivateFieldGet$
|
|
4292
|
+
if (__classPrivateFieldGet$r(this, _Button_button, "f") instanceof HTMLAnchorElement)
|
|
4293
|
+
__classPrivateFieldGet$r(this, _Button_button, "f").click();
|
|
4191
4294
|
else
|
|
4192
4295
|
this.host.click();
|
|
4193
4296
|
}
|
|
@@ -4197,11 +4300,11 @@ class Button {
|
|
|
4197
4300
|
this.host.click();
|
|
4198
4301
|
}
|
|
4199
4302
|
disabledChanged() {
|
|
4200
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
4201
|
-
if (__classPrivateFieldGet$
|
|
4303
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$r(this, _Button_instances, "a", _Button_computedDisabled_get).toString();
|
|
4304
|
+
if (__classPrivateFieldGet$r(this, _Button_instances, "a", _Button_computedDisabled_get))
|
|
4202
4305
|
this.host.removeAttribute('tabindex');
|
|
4203
4306
|
else
|
|
4204
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
4307
|
+
this.host.tabIndex = __classPrivateFieldGet$r(this, _Button_savedTabIndex, "f");
|
|
4205
4308
|
}
|
|
4206
4309
|
hrefChanged() {
|
|
4207
4310
|
this.internals.role = this.href === undefined ? 'button' : 'link';
|
|
@@ -4209,36 +4312,36 @@ class Button {
|
|
|
4209
4312
|
tabindexChanged(newValue) {
|
|
4210
4313
|
if (newValue !== null) {
|
|
4211
4314
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
4212
|
-
__classPrivateFieldSet$
|
|
4315
|
+
__classPrivateFieldSet$o(this, _Button_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
|
|
4213
4316
|
? 0
|
|
4214
4317
|
: parsedValue, "f");
|
|
4215
4318
|
}
|
|
4216
|
-
if (__classPrivateFieldGet$
|
|
4319
|
+
if (__classPrivateFieldGet$r(this, _Button_instances, "a", _Button_computedDisabled_get))
|
|
4217
4320
|
this.host.removeAttribute('tabindex');
|
|
4218
4321
|
else
|
|
4219
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
4322
|
+
this.host.tabIndex = __classPrivateFieldGet$r(this, _Button_savedTabIndex, "f");
|
|
4220
4323
|
}
|
|
4221
4324
|
textChanged() {
|
|
4222
|
-
__classPrivateFieldGet$
|
|
4223
|
-
if (__classPrivateFieldGet$
|
|
4224
|
-
__classPrivateFieldGet$
|
|
4225
|
-
if (!__classPrivateFieldGet$
|
|
4325
|
+
__classPrivateFieldGet$r(this, _Button_instances, "m", _Button_updateAriaLabel).call(this);
|
|
4326
|
+
if (__classPrivateFieldGet$r(this, _Button_ro, "f"))
|
|
4327
|
+
__classPrivateFieldGet$r(this, _Button_ro, "f").disconnect();
|
|
4328
|
+
if (!__classPrivateFieldGet$r(this, _Button_span, "f"))
|
|
4226
4329
|
return;
|
|
4227
|
-
const span = __classPrivateFieldGet$
|
|
4330
|
+
const span = __classPrivateFieldGet$r(this, _Button_span, "f");
|
|
4228
4331
|
readTask(() => {
|
|
4229
|
-
this.tooltip =
|
|
4332
|
+
this.tooltip = isEllipsisActive(span);
|
|
4230
4333
|
});
|
|
4231
|
-
__classPrivateFieldSet$
|
|
4232
|
-
this.tooltip =
|
|
4334
|
+
__classPrivateFieldSet$o(this, _Button_ro, new ResizeObserver(([spanEntry]) => {
|
|
4335
|
+
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
4233
4336
|
}), "f");
|
|
4234
|
-
__classPrivateFieldGet$
|
|
4337
|
+
__classPrivateFieldGet$r(this, _Button_ro, "f").observe(__classPrivateFieldGet$r(this, _Button_span, "f"));
|
|
4235
4338
|
}
|
|
4236
4339
|
componentWillLoad() {
|
|
4237
|
-
__classPrivateFieldGet$
|
|
4238
|
-
__classPrivateFieldGet$
|
|
4239
|
-
__classPrivateFieldGet$
|
|
4240
|
-
__classPrivateFieldGet$
|
|
4241
|
-
__classPrivateFieldGet$
|
|
4340
|
+
__classPrivateFieldGet$r(this, _Button_instances, "m", _Button_defineGetter).call(this, 'form', () => this.internals.form);
|
|
4341
|
+
__classPrivateFieldGet$r(this, _Button_instances, "m", _Button_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
4342
|
+
__classPrivateFieldGet$r(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
4343
|
+
__classPrivateFieldGet$r(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
4344
|
+
__classPrivateFieldGet$r(this, _Button_instances, "m", _Button_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
4242
4345
|
this.hrefChanged();
|
|
4243
4346
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4244
4347
|
this.disabledChanged();
|
|
@@ -4247,21 +4350,21 @@ class Button {
|
|
|
4247
4350
|
this.textChanged();
|
|
4248
4351
|
}
|
|
4249
4352
|
disconnectedCallback() {
|
|
4250
|
-
if (__classPrivateFieldGet$
|
|
4251
|
-
__classPrivateFieldGet$
|
|
4353
|
+
if (__classPrivateFieldGet$r(this, _Button_ro, "f"))
|
|
4354
|
+
__classPrivateFieldGet$r(this, _Button_ro, "f").disconnect();
|
|
4252
4355
|
}
|
|
4253
4356
|
render() {
|
|
4254
4357
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
4255
|
-
return (hAsync("div", { key: '
|
|
4358
|
+
return (hAsync("div", { key: '157906e526ed6d08116ded53fd8afe68eaa34993', class: "qds-container", onClick: __classPrivateFieldGet$r(this, _Button_onClick, "f"), onKeyDown: preventDefault$2, onKeyUp: preventDefault$2, onKeyPress: preventDefault$2, "aria-hidden": "true" }, hAsync(Tag, { key: '3e2ef8022fb8a307c6ac3b8bc5a6cdf39cbaf27f', class: {
|
|
4256
4359
|
'qds-button': true,
|
|
4257
|
-
'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$
|
|
4258
|
-
'qds-icon-only': __classPrivateFieldGet$
|
|
4259
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
4260
|
-
'qds-indicator': __classPrivateFieldGet$
|
|
4261
|
-
}, description: this.badgeDescription, importance: __classPrivateFieldGet$
|
|
4360
|
+
'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$r(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
|
|
4361
|
+
'qds-icon-only': __classPrivateFieldGet$r(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
4362
|
+
}, "data-importance": __classPrivateFieldGet$r(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$r(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet$r(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$r(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet$r(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '3af479ea55c61ef970149580631ef2034dc698e7', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Button_instances, "a", _Button_computedSize_get), library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$r(this, _Button_instances, "a", _Button_iconOnly_get) && (hAsync("span", { key: '13bb83b498bd69a75c93c70bd476103091d35aee', class: "qds-overflow", "data-size": __classPrivateFieldGet$r(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet$r(this, _Button_spanRef, "f") }, this.text)), isIndicator$2(this.badge) && (hAsync("qds-badge-indicator", { key: 'a6d174549ed2f38709f294ed50f9ec70b12ba2ad', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$r(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), isCounter$2(this.badge) && (hAsync("qds-badge-counter", { key: '09426b20871f0f3e195485528826cb2c3bff5dae', class: {
|
|
4363
|
+
'qds-indicator': __classPrivateFieldGet$r(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
4364
|
+
}, description: this.badgeDescription, importance: __classPrivateFieldGet$r(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet$r(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$r(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (hAsync("qds-icon", { key: 'e56cca72a112e0cd4e30a01e24c15c93dee2f24b', class: "qds-icon qds-action", "data-size": __classPrivateFieldGet$r(this, _Button_instances, "a", _Button_computedSize_get), library: "core", name: __classPrivateFieldGet$r(this, _Button_instances, "a", _Button_computedActionIcon_get) }))), hAsync("div", { key: '76f4a6fada820886abbfd3d5a4d1879ec663d404', class: {
|
|
4262
4365
|
'qds-focus-ring': true,
|
|
4263
|
-
'qds-icon-only': __classPrivateFieldGet$
|
|
4264
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
4366
|
+
'qds-icon-only': __classPrivateFieldGet$r(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
4367
|
+
}, "data-importance": __classPrivateFieldGet$r(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$r(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (hAsync("qds-tooltip", { key: 'd87a01d900d81c9f8845e2f8caf7c975e814d1e1', ref: __classPrivateFieldGet$r(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
|
|
4265
4368
|
}
|
|
4266
4369
|
static get formAssociated() { return true; }
|
|
4267
4370
|
get host() { return getElement(this); }
|
|
@@ -4383,19 +4486,19 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
|
|
|
4383
4486
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
4384
4487
|
};
|
|
4385
4488
|
|
|
4386
|
-
const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-
|
|
4489
|
+
const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-checkbox,.qds-icon{grid-area:a;place-self:center}.qds-icon{color:var(--qds-theme-signature-color-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"a\"}.qds-label{align-items:center;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);cursor:pointer;display:inline-flex;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){outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-label-inner{flex:1 1 auto;min-width:0}.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:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-checkbox:active{background-color:var(--qds-theme-interactive-background-pressed)}.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-small-icon-size)}.qds-label[data-size=small]{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);padding:var(--qds-control-no-inline-small-padding-vertical,4px) 0}.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,6px)}.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-standard-icon-size)}.qds-label[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);padding:var(--qds-control-no-inline-standard-padding-vertical,4px) 0}.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,6px)}.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-large-icon-size)}.qds-label[data-size=large]{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);padding:var(--qds-control-no-inline-large-padding-vertical,4px) 0}.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,8px)}";
|
|
4387
4490
|
|
|
4388
4491
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4389
4492
|
//
|
|
4390
4493
|
// SPDX-License-Identifier: Apache-2.0
|
|
4391
|
-
var __classPrivateFieldGet$
|
|
4494
|
+
var __classPrivateFieldGet$q = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4392
4495
|
if (kind === "a" && !f)
|
|
4393
4496
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4394
4497
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
4395
4498
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4396
4499
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4397
4500
|
};
|
|
4398
|
-
var __classPrivateFieldSet$
|
|
4501
|
+
var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4399
4502
|
if (kind === "m")
|
|
4400
4503
|
throw new TypeError("Private method is not writable");
|
|
4401
4504
|
if (kind === "a" && !f)
|
|
@@ -4507,24 +4610,24 @@ class Checkbox {
|
|
|
4507
4610
|
});
|
|
4508
4611
|
}
|
|
4509
4612
|
onClick(event) {
|
|
4510
|
-
if (__classPrivateFieldGet$
|
|
4613
|
+
if (__classPrivateFieldGet$q(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
|
|
4511
4614
|
event.stopImmediatePropagation();
|
|
4512
4615
|
return;
|
|
4513
4616
|
}
|
|
4514
4617
|
event.preventDefault();
|
|
4515
|
-
this.checked = __classPrivateFieldGet$
|
|
4618
|
+
this.checked = __classPrivateFieldGet$q(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? true : !__classPrivateFieldGet$q(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get);
|
|
4516
4619
|
this.changeEmitter.emit();
|
|
4517
4620
|
this.indeterminate = false;
|
|
4518
4621
|
}
|
|
4519
4622
|
checkedChanged() {
|
|
4520
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4521
|
-
? __classPrivateFieldGet$
|
|
4623
|
+
this.internals.setFormValue(__classPrivateFieldGet$q(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$q(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)
|
|
4624
|
+
? __classPrivateFieldGet$q(this, _Checkbox_instances, "a", _Checkbox_computedValue_get)
|
|
4522
4625
|
: // eslint-disable-next-line unicorn/no-null
|
|
4523
4626
|
null);
|
|
4524
4627
|
}
|
|
4525
4628
|
disabledChanged() {
|
|
4526
|
-
if (__classPrivateFieldGet$
|
|
4527
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4629
|
+
if (__classPrivateFieldGet$q(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$q(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
|
|
4630
|
+
this.internals.setFormValue(__classPrivateFieldGet$q(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
|
|
4528
4631
|
// eslint-disable-next-line unicorn/no-null
|
|
4529
4632
|
else
|
|
4530
4633
|
this.internals.setFormValue(null);
|
|
@@ -4535,33 +4638,33 @@ class Checkbox {
|
|
|
4535
4638
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
4536
4639
|
}
|
|
4537
4640
|
valueChanged() {
|
|
4538
|
-
if (__classPrivateFieldGet$
|
|
4539
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4641
|
+
if (__classPrivateFieldGet$q(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$q(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
|
|
4642
|
+
this.internals.setFormValue(__classPrivateFieldGet$q(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
|
|
4540
4643
|
}
|
|
4541
4644
|
componentWillLoad() {
|
|
4542
4645
|
this.valueChanged();
|
|
4543
|
-
__classPrivateFieldGet$
|
|
4544
|
-
__classPrivateFieldGet$
|
|
4545
|
-
__classPrivateFieldGet$
|
|
4546
|
-
__classPrivateFieldGet$
|
|
4547
|
-
__classPrivateFieldSet$
|
|
4646
|
+
__classPrivateFieldGet$q(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
|
|
4647
|
+
__classPrivateFieldGet$q(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
4648
|
+
__classPrivateFieldGet$q(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
4649
|
+
__classPrivateFieldGet$q(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
4650
|
+
__classPrivateFieldSet$n(this, _Checkbox_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4548
4651
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4549
4652
|
}
|
|
4550
4653
|
render() {
|
|
4551
4654
|
return (
|
|
4552
4655
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
4553
|
-
hAsync("label", { key: 'eee46a1d52fdce13a48944878461a64b4010ac2b', "aria-disabled": __classPrivateFieldGet$
|
|
4656
|
+
hAsync("label", { key: 'eee46a1d52fdce13a48944878461a64b4010ac2b', "aria-disabled": __classPrivateFieldGet$q(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
|
|
4554
4657
|
'qds-inline': this.inline,
|
|
4555
4658
|
'qds-label': true,
|
|
4556
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4659
|
+
}, "data-size": __classPrivateFieldGet$q(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: 'b22d88f6b62e988057db205e8b493a31cb9eabdc', class: "qds-container" }, hAsync("input", { key: 'c1510dc602adc3cf9470edbc6fa95af12f701b9a',
|
|
4557
4660
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
4558
|
-
autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$
|
|
4661
|
+
autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$q(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$q(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$q(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$q(this, _Checkbox_onBlur, "f"), onFocus: __classPrivateFieldGet$q(this, _Checkbox_onFocus, "f"), required: this.required, tabIndex: __classPrivateFieldGet$q(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", "aria-label": this.checkboxOnly ? this.text : undefined, ...__classPrivateFieldGet$q(this, _Checkbox_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '7fd98e670537e117298a45d854b34fb9060a8850', "aria-hidden": "true", class: {
|
|
4559
4662
|
'qds-icon': true,
|
|
4560
4663
|
'qds-checked': true,
|
|
4561
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4664
|
+
}, "data-size": __classPrivateFieldGet$q(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("qds-icon", { key: '7d5266124a946507ee7384a7086af51e6f5a1d66', "aria-hidden": "true", class: {
|
|
4562
4665
|
'qds-icon': true,
|
|
4563
4666
|
'qds-indeterminate': true,
|
|
4564
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4667
|
+
}, "data-size": __classPrivateFieldGet$q(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$q(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (hAsync("qds-label", { key: '2abb3aa9fe38db5b754d65024d907fe7e6c05ed0', class: "qds-label-inner", required: this.required, size: this.size, text: this.text, tabindex: -1, tooltipTarget: this.host }))));
|
|
4565
4668
|
}
|
|
4566
4669
|
static get delegatesFocus() { return true; }
|
|
4567
4670
|
static get formAssociated() { return true; }
|
|
@@ -4630,14 +4733,14 @@ const chipCss = ":host([hidden]){display:none!important}:host{display:block}[ari
|
|
|
4630
4733
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4631
4734
|
//
|
|
4632
4735
|
// SPDX-License-Identifier: Apache-2.0
|
|
4633
|
-
var __classPrivateFieldGet$
|
|
4736
|
+
var __classPrivateFieldGet$p = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4634
4737
|
if (kind === "a" && !f)
|
|
4635
4738
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4636
4739
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
4637
4740
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4638
4741
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4639
4742
|
};
|
|
4640
|
-
var __classPrivateFieldSet$
|
|
4743
|
+
var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4641
4744
|
if (kind === "m")
|
|
4642
4745
|
throw new TypeError("Private method is not writable");
|
|
4643
4746
|
if (kind === "a" && !f)
|
|
@@ -4711,7 +4814,7 @@ class Chip {
|
|
|
4711
4814
|
_Chip_ro.set(this, void 0);
|
|
4712
4815
|
_Chip_inheritedAttributes.set(this, {});
|
|
4713
4816
|
_Chip_onIconClick.set(this, (event) => {
|
|
4714
|
-
if (!event.defaultPrevented && __classPrivateFieldGet$
|
|
4817
|
+
if (!event.defaultPrevented && __classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
|
|
4715
4818
|
this.closeEmitter.emit();
|
|
4716
4819
|
});
|
|
4717
4820
|
_Chip_onFocus.set(this, (event) => {
|
|
@@ -4721,30 +4824,30 @@ class Chip {
|
|
|
4721
4824
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
4722
4825
|
});
|
|
4723
4826
|
_Chip_chipRef.set(this, (chip) => {
|
|
4724
|
-
__classPrivateFieldSet$
|
|
4827
|
+
__classPrivateFieldSet$m(this, _Chip_chip, chip, "f");
|
|
4725
4828
|
});
|
|
4726
4829
|
_Chip_spanRef.set(this, (span) => {
|
|
4727
|
-
__classPrivateFieldSet$
|
|
4830
|
+
__classPrivateFieldSet$m(this, _Chip_span, span, "f");
|
|
4728
4831
|
});
|
|
4729
4832
|
_Chip_tooltipRef.set(this, (tooltip) => {
|
|
4730
4833
|
if (tooltip)
|
|
4731
4834
|
// eslint-disable-next-line no-param-reassign
|
|
4732
|
-
tooltip.target = __classPrivateFieldGet$
|
|
4835
|
+
tooltip.target = __classPrivateFieldGet$p(this, _Chip_chip, "f");
|
|
4733
4836
|
});
|
|
4734
4837
|
}
|
|
4735
4838
|
onClick(event) {
|
|
4736
|
-
if (__classPrivateFieldGet$
|
|
4839
|
+
if (__classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
|
|
4737
4840
|
event.stopImmediatePropagation();
|
|
4738
4841
|
return;
|
|
4739
4842
|
}
|
|
4740
4843
|
event.preventDefault();
|
|
4741
|
-
if (__classPrivateFieldGet$
|
|
4742
|
-
this.checked = !__classPrivateFieldGet$
|
|
4844
|
+
if (__classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
|
|
4845
|
+
this.checked = !__classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4743
4846
|
this.changeEmitter.emit();
|
|
4744
4847
|
}
|
|
4745
4848
|
}
|
|
4746
4849
|
handleKeyDown(event) {
|
|
4747
|
-
if (__classPrivateFieldGet$
|
|
4850
|
+
if (__classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
|
|
4748
4851
|
event.stopImmediatePropagation();
|
|
4749
4852
|
return;
|
|
4750
4853
|
}
|
|
@@ -4761,21 +4864,21 @@ class Chip {
|
|
|
4761
4864
|
if (event.key !== ' ')
|
|
4762
4865
|
return;
|
|
4763
4866
|
this.isPressed = false;
|
|
4764
|
-
if (__classPrivateFieldGet$
|
|
4765
|
-
this.checked = !__classPrivateFieldGet$
|
|
4867
|
+
if (__classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
|
|
4868
|
+
this.checked = !__classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4766
4869
|
this.changeEmitter.emit();
|
|
4767
4870
|
}
|
|
4768
4871
|
}
|
|
4769
4872
|
checkedChanged() {
|
|
4770
|
-
this.isSelected = __classPrivateFieldGet$
|
|
4771
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4772
|
-
? __classPrivateFieldGet$
|
|
4873
|
+
this.isSelected = __classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4874
|
+
this.internals.setFormValue(__classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedDisabled_get)
|
|
4875
|
+
? __classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedValue_get)
|
|
4773
4876
|
: // eslint-disable-next-line unicorn/no-null
|
|
4774
4877
|
null);
|
|
4775
4878
|
}
|
|
4776
4879
|
disabledChanged() {
|
|
4777
|
-
if (__classPrivateFieldGet$
|
|
4778
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4880
|
+
if (__classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedDisabled_get))
|
|
4881
|
+
this.internals.setFormValue(__classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedValue_get));
|
|
4779
4882
|
// eslint-disable-next-line unicorn/no-null
|
|
4780
4883
|
else
|
|
4781
4884
|
this.internals.setFormValue(null);
|
|
@@ -4786,8 +4889,8 @@ class Chip {
|
|
|
4786
4889
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
4787
4890
|
}
|
|
4788
4891
|
valueChanged() {
|
|
4789
|
-
if (__classPrivateFieldGet$
|
|
4790
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4892
|
+
if (__classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedDisabled_get))
|
|
4893
|
+
this.internals.setFormValue(__classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedValue_get));
|
|
4791
4894
|
}
|
|
4792
4895
|
componentWillLoad() {
|
|
4793
4896
|
this.valueChanged();
|
|
@@ -4795,39 +4898,39 @@ class Chip {
|
|
|
4795
4898
|
enumerable: true,
|
|
4796
4899
|
get: () => this.internals.form,
|
|
4797
4900
|
});
|
|
4798
|
-
__classPrivateFieldSet$
|
|
4901
|
+
__classPrivateFieldSet$m(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4799
4902
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4800
4903
|
}
|
|
4801
4904
|
componentDidLoad() {
|
|
4802
|
-
invariant(__classPrivateFieldGet$
|
|
4803
|
-
const span = __classPrivateFieldGet$
|
|
4905
|
+
invariant(__classPrivateFieldGet$p(this, _Chip_span, "f"));
|
|
4906
|
+
const span = __classPrivateFieldGet$p(this, _Chip_span, "f");
|
|
4804
4907
|
readTask(() => {
|
|
4805
|
-
this.tooltip =
|
|
4908
|
+
this.tooltip = isEllipsisActive(span);
|
|
4806
4909
|
});
|
|
4807
|
-
__classPrivateFieldSet$
|
|
4808
|
-
this.tooltip =
|
|
4910
|
+
__classPrivateFieldSet$m(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
|
|
4911
|
+
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
4809
4912
|
}), "f");
|
|
4810
|
-
__classPrivateFieldGet$
|
|
4913
|
+
__classPrivateFieldGet$p(this, _Chip_ro, "f").observe(__classPrivateFieldGet$p(this, _Chip_span, "f"));
|
|
4811
4914
|
}
|
|
4812
4915
|
disconnectedCallback() {
|
|
4813
|
-
if (__classPrivateFieldGet$
|
|
4814
|
-
__classPrivateFieldGet$
|
|
4916
|
+
if (__classPrivateFieldGet$p(this, _Chip_ro, "f"))
|
|
4917
|
+
__classPrivateFieldGet$p(this, _Chip_ro, "f").disconnect();
|
|
4815
4918
|
}
|
|
4816
4919
|
render() {
|
|
4817
|
-
return (hAsync("div", { key: '
|
|
4920
|
+
return (hAsync("div", { key: 'bcc34bdc302e3507dbfc330766602a56b385ebb0', class: "qds-chip", ref: __classPrivateFieldGet$p(this, _Chip_chipRef, "f") }, __classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable' && (hAsync("div", { key: '8bbbaa13dadd5169da7020566e27b714d6dee90d', "aria-disabled": __classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: {
|
|
4818
4921
|
'qds-container': true,
|
|
4819
4922
|
'qds-closable-chip': true,
|
|
4820
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4923
|
+
}, "data-size": __classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedSize_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '2ae352f12ce6157b9257278c8cb435292bc84d27', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '94b7769f238fe01b6cdb1343a0191eab89fcccb6', class: "qds-text", "data-size": __classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$p(this, _Chip_spanRef, "f") }, this.text), hAsync("qds-mini-button", { key: '5c5304b762576f483c8694352c39cc1f4d5548fa', name: "clear", text: __classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_closableText_get), library: "core", class: "qds-cursor", "data-size": __classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedDisabled_get), onClick: __classPrivateFieldGet$p(this, _Chip_onIconClick, "f"), tabIndex: __classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$p(this, _Chip_inheritedAttributes, "f") }))), __classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable' && (
|
|
4821
4924
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
4822
|
-
hAsync("label", { key: '
|
|
4925
|
+
hAsync("label", { key: 'f50ca1f2369ab1ff8d823c8ce22865950126eb18', "aria-disabled": __classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: "qds-label" }, hAsync("input", { key: '9ef4d6e771113a1bc84a91091e963d2f24dc677c',
|
|
4823
4926
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
4824
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$
|
|
4927
|
+
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedDisabled_get), name: this.name, onBlur: __classPrivateFieldGet$p(this, _Chip_onBlur, "f"), onFocus: __classPrivateFieldGet$p(this, _Chip_onFocus, "f"), tabIndex: __classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", value: this.value ?? undefined, ...__classPrivateFieldGet$p(this, _Chip_inheritedAttributes, "f") }), hAsync("div", { key: '6471d8928c0a302ae6226857a92e85984757e66f', class: {
|
|
4825
4928
|
'qds-container': true,
|
|
4826
4929
|
'qds-pressed-state': this.isPressed,
|
|
4827
4930
|
'qds-selected-state': this.isSelected,
|
|
4828
4931
|
'qds-padding-end': true,
|
|
4829
4932
|
'qds-cursor': true,
|
|
4830
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4933
|
+
}, "data-size": __classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedSize_get) }, (this.checked ?? false) && (hAsync("qds-icon", { key: 'dcb2c36b020d0968c1bcdc2620c8bce2aceb5a05', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedSize_get), library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '8bd629d4b13fc12a1510860a2728a935b78d5740', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '21012b833280655c9ad6ebb7b1f75870a3ff0d97', class: "qds-text", "data-size": __classPrivateFieldGet$p(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$p(this, _Chip_spanRef, "f") }, this.text)))), this.tooltip && (hAsync("qds-tooltip", { key: 'decb809fab63928ec8e7f8069b04b88fd7d1117e', "aria-hidden": "true", ref: __classPrivateFieldGet$p(this, _Chip_tooltipRef, "f"), trigger: "pointerenter focusin" }, this.text))));
|
|
4831
4934
|
}
|
|
4832
4935
|
static get delegatesFocus() { return true; }
|
|
4833
4936
|
static get formAssociated() { return true; }
|
|
@@ -4900,7 +5003,7 @@ const dialogCss = ":host([hidden]){display:none!important}:host{display:none;hei
|
|
|
4900
5003
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4901
5004
|
//
|
|
4902
5005
|
// SPDX-License-Identifier: Apache-2.0
|
|
4903
|
-
var __classPrivateFieldSet$
|
|
5006
|
+
var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4904
5007
|
if (kind === "m")
|
|
4905
5008
|
throw new TypeError("Private method is not writable");
|
|
4906
5009
|
if (kind === "a" && !f)
|
|
@@ -4909,14 +5012,14 @@ var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
4909
5012
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
4910
5013
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
4911
5014
|
};
|
|
4912
|
-
var __classPrivateFieldGet$
|
|
5015
|
+
var __classPrivateFieldGet$o = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4913
5016
|
if (kind === "a" && !f)
|
|
4914
5017
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4915
5018
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
4916
5019
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4917
5020
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4918
5021
|
};
|
|
4919
|
-
var _Dialog_inheritedAttributes, _Dialog_dialog, _Dialog_titleId, _Dialog_ref, _Dialog_onCancel, _Dialog_onClose, _Dialog_handleCloseClick, _Dialog_onSubmit;
|
|
5022
|
+
var _Dialog_inheritedAttributes, _Dialog_dialog, _Dialog_titleId, _Dialog_closeButton, _Dialog_ref, _Dialog_onCancel, _Dialog_onClose, _Dialog_handleCloseClick, _Dialog_onSubmit, _Dialog_closeButtonRef, _Dialog_handleFocus;
|
|
4920
5023
|
let autoIncrementingId$3 = 0;
|
|
4921
5024
|
/**
|
|
4922
5025
|
* The `<qds-dialog>` element represent a dialog box or other interactive
|
|
@@ -4940,17 +5043,18 @@ class Dialog {
|
|
|
4940
5043
|
_Dialog_inheritedAttributes.set(this, {});
|
|
4941
5044
|
_Dialog_dialog.set(this, void 0);
|
|
4942
5045
|
_Dialog_titleId.set(this, void 0);
|
|
5046
|
+
_Dialog_closeButton.set(this, void 0);
|
|
4943
5047
|
_Dialog_ref.set(this, (dialog) => {
|
|
4944
|
-
__classPrivateFieldSet$
|
|
5048
|
+
__classPrivateFieldSet$l(this, _Dialog_dialog, dialog, "f");
|
|
4945
5049
|
});
|
|
4946
5050
|
_Dialog_onCancel.set(this, (event) => {
|
|
4947
5051
|
if (this.cancelEmitter.emit().defaultPrevented)
|
|
4948
5052
|
event.preventDefault();
|
|
4949
5053
|
});
|
|
4950
5054
|
_Dialog_onClose.set(this, () => {
|
|
4951
|
-
invariant(__classPrivateFieldGet$
|
|
5055
|
+
invariant(__classPrivateFieldGet$o(this, _Dialog_dialog, "f"));
|
|
4952
5056
|
this.closeEmitter.emit();
|
|
4953
|
-
this.open = __classPrivateFieldGet$
|
|
5057
|
+
this.open = __classPrivateFieldGet$o(this, _Dialog_dialog, "f").open;
|
|
4954
5058
|
});
|
|
4955
5059
|
_Dialog_handleCloseClick.set(this, () => {
|
|
4956
5060
|
this.close();
|
|
@@ -4966,6 +5070,21 @@ class Dialog {
|
|
|
4966
5070
|
this.close();
|
|
4967
5071
|
}
|
|
4968
5072
|
});
|
|
5073
|
+
_Dialog_closeButtonRef.set(this, (button) => {
|
|
5074
|
+
__classPrivateFieldSet$l(this, _Dialog_closeButton, button, "f");
|
|
5075
|
+
});
|
|
5076
|
+
_Dialog_handleFocus.set(this, () => {
|
|
5077
|
+
if (!this.open)
|
|
5078
|
+
return;
|
|
5079
|
+
const autofocusTarget = this.host.querySelector('[autofocus]');
|
|
5080
|
+
if (autofocusTarget instanceof HTMLElement) {
|
|
5081
|
+
autofocusTarget.focus();
|
|
5082
|
+
return;
|
|
5083
|
+
}
|
|
5084
|
+
if (this.closable === true && __classPrivateFieldGet$o(this, _Dialog_closeButton, "f")) {
|
|
5085
|
+
__classPrivateFieldGet$o(this, _Dialog_closeButton, "f").focus();
|
|
5086
|
+
}
|
|
5087
|
+
});
|
|
4969
5088
|
}
|
|
4970
5089
|
openChanged() {
|
|
4971
5090
|
if (this.open)
|
|
@@ -4978,9 +5097,9 @@ class Dialog {
|
|
|
4978
5097
|
this.hasFooterSlot = !!this.host.querySelector('[slot="footer"]');
|
|
4979
5098
|
}
|
|
4980
5099
|
componentWillLoad() {
|
|
4981
|
-
__classPrivateFieldSet$
|
|
5100
|
+
__classPrivateFieldSet$l(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4982
5101
|
autoIncrementingId$3 += 1;
|
|
4983
|
-
__classPrivateFieldSet$
|
|
5102
|
+
__classPrivateFieldSet$l(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$3}`, "f");
|
|
4984
5103
|
}
|
|
4985
5104
|
componentDidLoad() {
|
|
4986
5105
|
if (this.open)
|
|
@@ -4988,16 +5107,19 @@ class Dialog {
|
|
|
4988
5107
|
}
|
|
4989
5108
|
render() {
|
|
4990
5109
|
const hasHeading = this.hasTitleSlot || this.closable === true;
|
|
4991
|
-
return (hAsync(Host, { key: '
|
|
5110
|
+
return (hAsync(Host, { key: '9978a3ffce96dea301d5b3666fb86d73c2b7136f' }, hAsync("dialog", { key: '03baec04e0367143c96b4358dc80dc768b92b9c4', class: "qds-dialog", ref: __classPrivateFieldGet$o(this, _Dialog_ref, "f"), onCancel: __classPrivateFieldGet$o(this, _Dialog_onCancel, "f"), onClose: __classPrivateFieldGet$o(this, _Dialog_onClose, "f"), onSubmit: __classPrivateFieldGet$o(this, _Dialog_onSubmit, "f"), ...__classPrivateFieldGet$o(this, _Dialog_inheritedAttributes, "f"), "aria-labelledby": this.hasTitleSlot ? __classPrivateFieldGet$o(this, _Dialog_titleId, "f") : undefined }, hasHeading && (hAsync("div", { key: 'd9c878ad4163aff94bb04160d8b1369118e40354', class: "qds-heading" }, this.hasTitleSlot && (hAsync("div", { key: '64a121e44c52d8d6510b222c0866e3c691afdb1f', id: __classPrivateFieldGet$o(this, _Dialog_titleId, "f") }, hAsync("slot", { key: '22f3ba985747c5c1b413f2bcfb0e0fd19cd92526', name: "title" }))), this.closable === true && (hAsync("qds-button", { key: '403a2acf83585ced5d8d2289a6cd86f1a451246a', class: "qds-close-button", text: "close dialog", importance: "subdued", "icon-name": "close", "icon-library": "core", onClick: __classPrivateFieldGet$o(this, _Dialog_handleCloseClick, "f"), ref: __classPrivateFieldGet$o(this, _Dialog_closeButtonRef, "f"), iconOnly: true })))), hAsync("div", { key: '7bc25fdc4f140300875526f3d4ed08dc0f6bd8f5', class: "qds-content" }, hAsync("slot", { key: 'df1c51a37043c09b72a49f407a63c3341b35a259' })), this.hasFooterSlot && (hAsync("div", { key: '1944252aed52c93c92c6856490c15c45b3fa8ef9', class: "qds-footer" }, hAsync("slot", { key: 'e5951c26c196b59bfdb4e0aecdebd2c30c743a83', name: "footer" })))), hAsync("div", { key: '81e6d5b1d9a9a242c2a177e3c279991d82816681', class: "qds-backdrop" })));
|
|
4992
5111
|
}
|
|
4993
5112
|
show() {
|
|
4994
|
-
invariant(__classPrivateFieldGet$
|
|
4995
|
-
__classPrivateFieldGet$
|
|
4996
|
-
this.open = __classPrivateFieldGet$
|
|
5113
|
+
invariant(__classPrivateFieldGet$o(this, _Dialog_dialog, "f"));
|
|
5114
|
+
__classPrivateFieldGet$o(this, _Dialog_dialog, "f").showModal();
|
|
5115
|
+
this.open = __classPrivateFieldGet$o(this, _Dialog_dialog, "f").open;
|
|
5116
|
+
requestAnimationFrame(() => {
|
|
5117
|
+
__classPrivateFieldGet$o(this, _Dialog_handleFocus, "f").call(this);
|
|
5118
|
+
});
|
|
4997
5119
|
}
|
|
4998
5120
|
close() {
|
|
4999
|
-
invariant(__classPrivateFieldGet$
|
|
5000
|
-
__classPrivateFieldGet$
|
|
5121
|
+
invariant(__classPrivateFieldGet$o(this, _Dialog_dialog, "f"));
|
|
5122
|
+
__classPrivateFieldGet$o(this, _Dialog_dialog, "f").close();
|
|
5001
5123
|
}
|
|
5002
5124
|
get host() { return getElement(this); }
|
|
5003
5125
|
static get watchers() { return {
|
|
@@ -5018,14 +5140,14 @@ class Dialog {
|
|
|
5018
5140
|
"$attrsToReflect$": [["open", "open"]]
|
|
5019
5141
|
}; }
|
|
5020
5142
|
}
|
|
5021
|
-
_Dialog_inheritedAttributes = new WeakMap(), _Dialog_dialog = new WeakMap(), _Dialog_titleId = new WeakMap(), _Dialog_ref = new WeakMap(), _Dialog_onCancel = new WeakMap(), _Dialog_onClose = new WeakMap(), _Dialog_handleCloseClick = new WeakMap(), _Dialog_onSubmit = new WeakMap();
|
|
5143
|
+
_Dialog_inheritedAttributes = new WeakMap(), _Dialog_dialog = new WeakMap(), _Dialog_titleId = new WeakMap(), _Dialog_closeButton = new WeakMap(), _Dialog_ref = new WeakMap(), _Dialog_onCancel = new WeakMap(), _Dialog_onClose = new WeakMap(), _Dialog_handleCloseClick = new WeakMap(), _Dialog_onSubmit = new WeakMap(), _Dialog_closeButtonRef = new WeakMap(), _Dialog_handleFocus = new WeakMap();
|
|
5022
5144
|
|
|
5023
5145
|
const dividerCss = ":host([hidden]){display:none!important}:host{display:block}.qds-divider{border:none;height:var(--qds-control-border-width);margin:0;width:100%}.qds-vertical{height:100%;width:var(--qds-control-border-width)}[data-importance=standard]{background-color:var(--qds-theme-divider-standard)}[data-importance=emphasized]{background-color:var(--qds-theme-divider-emphasized)}[data-importance=subdued]{background-color:var(--qds-theme-divider-subdued)}";
|
|
5024
5146
|
|
|
5025
5147
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
5026
5148
|
//
|
|
5027
5149
|
// SPDX-License-Identifier: Apache-2.0
|
|
5028
|
-
var __classPrivateFieldGet$
|
|
5150
|
+
var __classPrivateFieldGet$n = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
5029
5151
|
if (kind === "a" && !f)
|
|
5030
5152
|
throw new TypeError("Private accessor was defined without a getter");
|
|
5031
5153
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -5074,7 +5196,7 @@ class Divider {
|
|
|
5074
5196
|
return (hAsync("hr", { key: '699feb77b8f5e31bf4e75a2879df6bb218ac0033', class: {
|
|
5075
5197
|
'qds-divider': true,
|
|
5076
5198
|
'qds-vertical': this.vertical,
|
|
5077
|
-
}, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$
|
|
5199
|
+
}, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$n(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
|
|
5078
5200
|
}
|
|
5079
5201
|
static get watchers() { return {
|
|
5080
5202
|
"vertical": ["verticalChanged"]
|
|
@@ -6555,7 +6677,7 @@ const dropdownCss = ":host([hidden]){display:none!important}:host{background:var
|
|
|
6555
6677
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
6556
6678
|
//
|
|
6557
6679
|
// SPDX-License-Identifier: Apache-2.0
|
|
6558
|
-
var __classPrivateFieldSet$
|
|
6680
|
+
var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
6559
6681
|
if (kind === "m")
|
|
6560
6682
|
throw new TypeError("Private method is not writable");
|
|
6561
6683
|
if (kind === "a" && !f)
|
|
@@ -6564,7 +6686,7 @@ var __classPrivateFieldSet$i = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
6564
6686
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
6565
6687
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
6566
6688
|
};
|
|
6567
|
-
var __classPrivateFieldGet$
|
|
6689
|
+
var __classPrivateFieldGet$m = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
6568
6690
|
if (kind === "a" && !f)
|
|
6569
6691
|
throw new TypeError("Private accessor was defined without a getter");
|
|
6570
6692
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -6653,7 +6775,7 @@ class Dropdown {
|
|
|
6653
6775
|
const { relatedTarget } = event;
|
|
6654
6776
|
if (relatedTarget instanceof globalThis.Element &&
|
|
6655
6777
|
!this.host.contains(relatedTarget) &&
|
|
6656
|
-
__classPrivateFieldGet$
|
|
6778
|
+
__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f") !== relatedTarget)
|
|
6657
6779
|
await this.close();
|
|
6658
6780
|
});
|
|
6659
6781
|
_Dropdown_onKeydown.set(this, async (event) => {
|
|
@@ -6662,31 +6784,31 @@ class Dropdown {
|
|
|
6662
6784
|
const { key, target } = event;
|
|
6663
6785
|
if (key === 'Enter' && !this.keepOpenOnSelect && isEnabledItem(target)) {
|
|
6664
6786
|
await this.close();
|
|
6665
|
-
__classPrivateFieldGet$
|
|
6787
|
+
__classPrivateFieldGet$m(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
|
|
6666
6788
|
return;
|
|
6667
6789
|
}
|
|
6668
6790
|
if (key === 'Escape' &&
|
|
6669
|
-
(target === __classPrivateFieldGet$
|
|
6791
|
+
(target === __classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f") ||
|
|
6670
6792
|
(target instanceof globalThis.Element &&
|
|
6671
6793
|
target.closest('qds-dropdown') === this.host))) {
|
|
6672
6794
|
const cancelEvent = this.cancelEmitter.emit();
|
|
6673
6795
|
if (cancelEvent.defaultPrevented)
|
|
6674
6796
|
return;
|
|
6675
6797
|
await this.close();
|
|
6676
|
-
__classPrivateFieldGet$
|
|
6798
|
+
__classPrivateFieldGet$m(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
|
|
6677
6799
|
return;
|
|
6678
6800
|
}
|
|
6679
|
-
if (target === __classPrivateFieldGet$
|
|
6801
|
+
if (target === __classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f") &&
|
|
6680
6802
|
(key === 'ArrowDown' || key === 'ArrowUp')) {
|
|
6681
|
-
if (!__classPrivateFieldGet$
|
|
6803
|
+
if (!__classPrivateFieldGet$m(this, _Dropdown_open, "f"))
|
|
6682
6804
|
await this.show();
|
|
6683
|
-
__classPrivateFieldGet$
|
|
6805
|
+
__classPrivateFieldGet$m(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
|
|
6684
6806
|
event.preventDefault();
|
|
6685
6807
|
return;
|
|
6686
6808
|
}
|
|
6687
6809
|
if (!VERTICAL_MOVE_KEYS.has(key))
|
|
6688
6810
|
return;
|
|
6689
|
-
const Items = __classPrivateFieldGet$
|
|
6811
|
+
const Items = __classPrivateFieldGet$m(this, _Dropdown_Items, "f").filter((item) => isEnabledItem(item) && item.closest('qds-dropdown') === this.host);
|
|
6690
6812
|
if (Items.length === 0)
|
|
6691
6813
|
return;
|
|
6692
6814
|
event.preventDefault();
|
|
@@ -6724,42 +6846,42 @@ class Dropdown {
|
|
|
6724
6846
|
_Dropdown_onReferenceClick.set(this, async () => {
|
|
6725
6847
|
if (this.disabled)
|
|
6726
6848
|
return;
|
|
6727
|
-
if (__classPrivateFieldGet$
|
|
6849
|
+
if (__classPrivateFieldGet$m(this, _Dropdown_open, "f")) {
|
|
6728
6850
|
await this.close();
|
|
6729
6851
|
return;
|
|
6730
6852
|
}
|
|
6731
6853
|
await this.show();
|
|
6732
|
-
__classPrivateFieldGet$
|
|
6854
|
+
__classPrivateFieldGet$m(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
|
|
6733
6855
|
});
|
|
6734
6856
|
_Dropdown_boundOnFocusout.set(this, (event) => {
|
|
6735
|
-
ignorePromise(__classPrivateFieldGet$
|
|
6857
|
+
ignorePromise(__classPrivateFieldGet$m(this, _Dropdown_onFocusout, "f").call(this, event));
|
|
6736
6858
|
});
|
|
6737
6859
|
_Dropdown_boundOnKeydown.set(this, (event) => {
|
|
6738
|
-
ignorePromise(__classPrivateFieldGet$
|
|
6860
|
+
ignorePromise(__classPrivateFieldGet$m(this, _Dropdown_onKeydown, "f").call(this, event));
|
|
6739
6861
|
});
|
|
6740
6862
|
_Dropdown_boundOnReferenceClick.set(this, () => {
|
|
6741
|
-
ignorePromise(__classPrivateFieldGet$
|
|
6863
|
+
ignorePromise(__classPrivateFieldGet$m(this, _Dropdown_onReferenceClick, "f").call(this));
|
|
6742
6864
|
});
|
|
6743
6865
|
_Dropdown_onSlotchange.set(this, (event) => {
|
|
6744
6866
|
const slot = event.target;
|
|
6745
6867
|
const assignedElements = slot.assignedElements({ flatten: true });
|
|
6746
|
-
__classPrivateFieldSet$
|
|
6868
|
+
__classPrivateFieldSet$k(this, _Dropdown_Items, assignedElements.filter((element) => isEnabledItem(element)), "f");
|
|
6747
6869
|
});
|
|
6748
6870
|
}
|
|
6749
6871
|
/**
|
|
6750
6872
|
* Updates the gap between the dropdown and its target element.
|
|
6751
6873
|
*/
|
|
6752
6874
|
async updateGap() {
|
|
6753
|
-
__classPrivateFieldSet$
|
|
6875
|
+
__classPrivateFieldSet$k(this, _Dropdown_gap, propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0, "f");
|
|
6754
6876
|
await this.updateMiddleware();
|
|
6755
6877
|
}
|
|
6756
6878
|
/**
|
|
6757
6879
|
* Shows the dropdown.
|
|
6758
6880
|
*/
|
|
6759
6881
|
async show() {
|
|
6760
|
-
if (__classPrivateFieldGet$
|
|
6882
|
+
if (__classPrivateFieldGet$m(this, _Dropdown_open, "f"))
|
|
6761
6883
|
return;
|
|
6762
|
-
const reference = __classPrivateFieldGet$
|
|
6884
|
+
const reference = __classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f");
|
|
6763
6885
|
const { host } = this;
|
|
6764
6886
|
if (reference instanceof globalThis.Element) {
|
|
6765
6887
|
reference.setAttribute('aria-expanded', 'true');
|
|
@@ -6770,41 +6892,41 @@ class Dropdown {
|
|
|
6770
6892
|
if (isQdsButton(reference) && reference.action === 'dropdown')
|
|
6771
6893
|
reference.action = 'dropdown-close';
|
|
6772
6894
|
}
|
|
6773
|
-
__classPrivateFieldSet$
|
|
6895
|
+
__classPrivateFieldSet$k(this, _Dropdown_open, true, "f");
|
|
6774
6896
|
host.hidden = false;
|
|
6775
6897
|
host.showPopover();
|
|
6776
6898
|
this.startAutoUpdate();
|
|
6777
|
-
if (!__classPrivateFieldGet$
|
|
6899
|
+
if (!__classPrivateFieldGet$m(this, _Dropdown_opened, "f"))
|
|
6778
6900
|
await this.updateGap();
|
|
6779
|
-
__classPrivateFieldSet$
|
|
6901
|
+
__classPrivateFieldSet$k(this, _Dropdown_opened, true, "f");
|
|
6780
6902
|
}
|
|
6781
6903
|
/**
|
|
6782
6904
|
* Closes the dropdown.
|
|
6783
6905
|
*/
|
|
6784
6906
|
async close() {
|
|
6785
|
-
if (!__classPrivateFieldGet$
|
|
6907
|
+
if (!__classPrivateFieldGet$m(this, _Dropdown_open, "f"))
|
|
6786
6908
|
return;
|
|
6787
|
-
if (__classPrivateFieldGet$
|
|
6788
|
-
__classPrivateFieldGet$
|
|
6789
|
-
__classPrivateFieldGet$
|
|
6790
|
-
if (isQdsButton(__classPrivateFieldGet$
|
|
6791
|
-
__classPrivateFieldGet$
|
|
6792
|
-
__classPrivateFieldGet$
|
|
6793
|
-
}
|
|
6794
|
-
__classPrivateFieldSet$
|
|
6909
|
+
if (__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
|
|
6910
|
+
__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
|
|
6911
|
+
__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
|
|
6912
|
+
if (isQdsButton(__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f")) &&
|
|
6913
|
+
__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f").action === 'dropdown-close')
|
|
6914
|
+
__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f").action = 'dropdown';
|
|
6915
|
+
}
|
|
6916
|
+
__classPrivateFieldSet$k(this, _Dropdown_open, false, "f");
|
|
6795
6917
|
this.host.hidden = true;
|
|
6796
6918
|
this.host.hidePopover();
|
|
6797
|
-
if (__classPrivateFieldGet$
|
|
6798
|
-
__classPrivateFieldGet$
|
|
6919
|
+
if (__classPrivateFieldGet$m(this, _Dropdown_cleanup, "f"))
|
|
6920
|
+
__classPrivateFieldGet$m(this, _Dropdown_cleanup, "f").call(this);
|
|
6799
6921
|
this.closeEmitter.emit();
|
|
6800
6922
|
}
|
|
6801
6923
|
async handleMouseDown(event) {
|
|
6802
|
-
if (!__classPrivateFieldGet$
|
|
6924
|
+
if (!__classPrivateFieldGet$m(this, _Dropdown_open, "f"))
|
|
6803
6925
|
return;
|
|
6804
6926
|
const composedPath = event.composedPath();
|
|
6805
6927
|
const withinBounds = composedPath.includes(this.host) ||
|
|
6806
|
-
(__classPrivateFieldGet$
|
|
6807
|
-
composedPath.includes(__classPrivateFieldGet$
|
|
6928
|
+
(__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
|
|
6929
|
+
composedPath.includes(__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f")));
|
|
6808
6930
|
if (!withinBounds)
|
|
6809
6931
|
await this.close();
|
|
6810
6932
|
}
|
|
@@ -6818,25 +6940,25 @@ class Dropdown {
|
|
|
6818
6940
|
}
|
|
6819
6941
|
async updateReferenceElement() {
|
|
6820
6942
|
var _a;
|
|
6821
|
-
__classPrivateFieldGet$
|
|
6822
|
-
__classPrivateFieldSet$
|
|
6823
|
-
if (!(__classPrivateFieldGet$
|
|
6943
|
+
__classPrivateFieldGet$m(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
|
|
6944
|
+
__classPrivateFieldSet$k(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
|
|
6945
|
+
if (!(__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
|
|
6824
6946
|
return;
|
|
6825
|
-
__classPrivateFieldGet$
|
|
6826
|
-
__classPrivateFieldGet$
|
|
6827
|
-
__classPrivateFieldGet$
|
|
6828
|
-
__classPrivateFieldGet$
|
|
6947
|
+
__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
|
|
6948
|
+
__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f").addEventListener('click', __classPrivateFieldGet$m(this, _Dropdown_boundOnReferenceClick, "f"));
|
|
6949
|
+
__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f").addEventListener('focusout', __classPrivateFieldGet$m(this, _Dropdown_boundOnFocusout, "f"));
|
|
6950
|
+
__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f").addEventListener('keydown', __classPrivateFieldGet$m(this, _Dropdown_boundOnKeydown, "f"));
|
|
6829
6951
|
if (this.host.role === 'menu') {
|
|
6830
|
-
(_a = __classPrivateFieldGet$
|
|
6831
|
-
this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$
|
|
6952
|
+
(_a = __classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${autoIncrementingId$2}`);
|
|
6953
|
+
this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f").id);
|
|
6832
6954
|
}
|
|
6833
6955
|
await this.updatePosition();
|
|
6834
6956
|
}
|
|
6835
6957
|
async updateMiddleware() {
|
|
6836
|
-
__classPrivateFieldSet$
|
|
6958
|
+
__classPrivateFieldSet$k(this, _Dropdown_middleware, [
|
|
6837
6959
|
offset({
|
|
6838
6960
|
...this.offsetOptions,
|
|
6839
|
-
mainAxis: __classPrivateFieldGet$
|
|
6961
|
+
mainAxis: __classPrivateFieldGet$m(this, _Dropdown_gap, "f"),
|
|
6840
6962
|
}),
|
|
6841
6963
|
!this.noFlip &&
|
|
6842
6964
|
flip({
|
|
@@ -6852,10 +6974,10 @@ class Dropdown {
|
|
|
6852
6974
|
await this.updatePosition();
|
|
6853
6975
|
}
|
|
6854
6976
|
async updatePosition() {
|
|
6855
|
-
if (!__classPrivateFieldGet$
|
|
6977
|
+
if (!__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f"))
|
|
6856
6978
|
return;
|
|
6857
|
-
const { x, y, strategy } = await computePosition(__classPrivateFieldGet$
|
|
6858
|
-
middleware: __classPrivateFieldGet$
|
|
6979
|
+
const { x, y, strategy } = await computePosition(__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f"), this.host, {
|
|
6980
|
+
middleware: __classPrivateFieldGet$m(this, _Dropdown_middleware, "f"),
|
|
6859
6981
|
placement: this.placement,
|
|
6860
6982
|
strategy: this.strategy,
|
|
6861
6983
|
});
|
|
@@ -6863,11 +6985,11 @@ class Dropdown {
|
|
|
6863
6985
|
this.host.style.transform = `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`;
|
|
6864
6986
|
}
|
|
6865
6987
|
startAutoUpdate() {
|
|
6866
|
-
if (!__classPrivateFieldGet$
|
|
6988
|
+
if (!__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f"))
|
|
6867
6989
|
return;
|
|
6868
|
-
if (__classPrivateFieldGet$
|
|
6869
|
-
__classPrivateFieldGet$
|
|
6870
|
-
__classPrivateFieldSet$
|
|
6990
|
+
if (__classPrivateFieldGet$m(this, _Dropdown_cleanup, "f"))
|
|
6991
|
+
__classPrivateFieldGet$m(this, _Dropdown_cleanup, "f").call(this);
|
|
6992
|
+
__classPrivateFieldSet$k(this, _Dropdown_cleanup, autoUpdate(__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f"), this.host, () => {
|
|
6871
6993
|
ignorePromise(this.updatePosition());
|
|
6872
6994
|
}, this.autoUpdateOptions), "f");
|
|
6873
6995
|
}
|
|
@@ -6882,10 +7004,10 @@ class Dropdown {
|
|
|
6882
7004
|
await this.updateMiddleware();
|
|
6883
7005
|
}
|
|
6884
7006
|
disconnectedCallback() {
|
|
6885
|
-
__classPrivateFieldGet$
|
|
7007
|
+
__classPrivateFieldGet$m(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
|
|
6886
7008
|
}
|
|
6887
7009
|
render() {
|
|
6888
|
-
return (hAsync(Host, { key: '41501cd87b42efabbb7c3a51698ceec9c00f3420', onKeyDown: __classPrivateFieldGet$
|
|
7010
|
+
return (hAsync(Host, { key: '41501cd87b42efabbb7c3a51698ceec9c00f3420', onKeyDown: __classPrivateFieldGet$m(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$m(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: '7860e7769f4d1eeb15c55be3ffd66a90c863ce37', onSlotchange: __classPrivateFieldGet$m(this, _Dropdown_onSlotchange, "f") })));
|
|
6889
7011
|
}
|
|
6890
7012
|
static get delegatesFocus() { return true; }
|
|
6891
7013
|
get host() { return getElement(this); }
|
|
@@ -6927,38 +7049,38 @@ class Dropdown {
|
|
|
6927
7049
|
}; }
|
|
6928
7050
|
}
|
|
6929
7051
|
_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() {
|
|
6930
|
-
if (__classPrivateFieldGet$
|
|
6931
|
-
__classPrivateFieldGet$
|
|
6932
|
-
__classPrivateFieldGet$
|
|
7052
|
+
if (__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement ||
|
|
7053
|
+
__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement) {
|
|
7054
|
+
__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f").focus();
|
|
6933
7055
|
}
|
|
6934
7056
|
}, _Dropdown_focusFirstItem = function _Dropdown_focusFirstItem() {
|
|
6935
7057
|
requestAnimationFrame(() => {
|
|
6936
|
-
const firstItem = __classPrivateFieldGet$
|
|
7058
|
+
const firstItem = __classPrivateFieldGet$m(this, _Dropdown_Items, "f").find((item) => item instanceof HTMLElement &&
|
|
6937
7059
|
isEnabledItem(item) &&
|
|
6938
7060
|
item.closest('qds-dropdown') === this.host);
|
|
6939
7061
|
if (!firstItem)
|
|
6940
7062
|
return;
|
|
6941
|
-
for (const item of __classPrivateFieldGet$
|
|
7063
|
+
for (const item of __classPrivateFieldGet$m(this, _Dropdown_Items, "f"))
|
|
6942
7064
|
item.setAttribute('tabindex', '-1');
|
|
6943
7065
|
firstItem.setAttribute('tabindex', '0');
|
|
6944
7066
|
firstItem.focus();
|
|
6945
7067
|
});
|
|
6946
7068
|
}, _Dropdown_disconnectReferenceElement = function _Dropdown_disconnectReferenceElement() {
|
|
6947
7069
|
this.host.removeAttribute('aria-labelledby');
|
|
6948
|
-
if (!(__classPrivateFieldGet$
|
|
7070
|
+
if (!(__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
|
|
6949
7071
|
return;
|
|
6950
|
-
__classPrivateFieldGet$
|
|
6951
|
-
__classPrivateFieldGet$
|
|
6952
|
-
__classPrivateFieldGet$
|
|
6953
|
-
__classPrivateFieldGet$
|
|
7072
|
+
__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f").removeEventListener('focusout', __classPrivateFieldGet$m(this, _Dropdown_boundOnFocusout, "f"));
|
|
7073
|
+
__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f").removeEventListener('keydown', __classPrivateFieldGet$m(this, _Dropdown_boundOnKeydown, "f"));
|
|
7074
|
+
__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f").removeAttribute('aria-expanded');
|
|
7075
|
+
__classPrivateFieldGet$m(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
|
|
6954
7076
|
};
|
|
6955
7077
|
|
|
6956
|
-
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-icon-background,.qds-icon-container{align-items:center;display:flex}.qds-icon-background{
|
|
7078
|
+
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-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)}[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)}[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)}.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)}";
|
|
6957
7079
|
|
|
6958
7080
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
6959
7081
|
//
|
|
6960
7082
|
// SPDX-License-Identifier: Apache-2.0
|
|
6961
|
-
var __classPrivateFieldSet$
|
|
7083
|
+
var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
6962
7084
|
if (kind === "m")
|
|
6963
7085
|
throw new TypeError("Private method is not writable");
|
|
6964
7086
|
if (kind === "a" && !f)
|
|
@@ -6967,7 +7089,7 @@ var __classPrivateFieldSet$h = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
6967
7089
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
6968
7090
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
6969
7091
|
};
|
|
6970
|
-
var __classPrivateFieldGet$
|
|
7092
|
+
var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
6971
7093
|
if (kind === "a" && !f)
|
|
6972
7094
|
throw new TypeError("Private accessor was defined without a getter");
|
|
6973
7095
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -7003,13 +7125,13 @@ class FormMessage {
|
|
|
7003
7125
|
_FormMessage_inheritedAttributes.set(this, {});
|
|
7004
7126
|
}
|
|
7005
7127
|
componentWillLoad() {
|
|
7006
|
-
__classPrivateFieldSet$
|
|
7128
|
+
__classPrivateFieldSet$j(this, _FormMessage_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
7007
7129
|
}
|
|
7008
7130
|
render() {
|
|
7009
|
-
return (hAsync("span", { key: '
|
|
7131
|
+
return (hAsync("span", { key: '0a8cbc3d4d61b9dbf49f33e3d68b789bc549c9f7', class: {
|
|
7010
7132
|
'qds-form-message': true,
|
|
7011
7133
|
'qds-inline': this.inline,
|
|
7012
|
-
}, "data-size": __classPrivateFieldGet$
|
|
7134
|
+
}, "data-size": __classPrivateFieldGet$l(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), ...__classPrivateFieldGet$l(this, _FormMessage_inheritedAttributes, "f") }, this.status !== 'neutral' && (hAsync("div", { key: '02884cdb957599f46d249bb98801f3c160250937', class: "qds-icon-container", "data-size": __classPrivateFieldGet$l(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: '0a644f9370c393343e13e540fdff08d00173aa38', class: "qds-icon-background", "data-size": __classPrivateFieldGet$l(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status }, hAsync("qds-icon", { key: '9e5155876baa893f97c1c075ac45c7456cf14a7c', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$l(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status, name: `status-${this.status}-solid`, library: "core" }), hAsync("span", { key: '39ed92c28a4fabb5d88e1e3994ce2223fce3c152', class: "qds-sr-only" }, this.statusDescription)))), hAsync("span", { key: 'b9a972b25f786706b6b080599e1249cc8d7f6b4a', class: "qds-text", "data-status": __classPrivateFieldGet$l(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
|
|
7013
7135
|
}
|
|
7014
7136
|
get host() { return getElement(this); }
|
|
7015
7137
|
static get style() { return formMessageCss; }
|
|
@@ -7045,6 +7167,8 @@ _FormMessage_inheritedAttributes = new WeakMap(), _FormMessage_instances = new W
|
|
|
7045
7167
|
|
|
7046
7168
|
const checkedSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0ibTEyLjExMSAzLjUtNS45MTggOUwzLjg5IDkuMDI0Ii8+PC9zdmc+';
|
|
7047
7169
|
|
|
7170
|
+
const checkedRadioSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNOCAzQzUuMjQzIDMgMyA1LjI0MyAzIDhzMi4yNDMgNSA1IDUgNS0yLjI0MyA1LTUtMi4yNDMtNS01LTVaIi8+PC9zdmc+';
|
|
7171
|
+
|
|
7048
7172
|
const clearSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0iTTEwLjgyNyAxMC44NDYgNS4xNyA1LjE4OW01LjY2NS0uMDI3LTUuNjU3IDUuNjU3TTggLjVhNy41IDcuNSAwIDEgMCAwIDE1IDcuNSA3LjUgMCAwIDAgMC0xNVoiLz48L3N2Zz4=';
|
|
7049
7173
|
|
|
7050
7174
|
const draggableSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAyMCI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNNC45NiAwYTIuMTQ4IDIuMTQ4IDAgMSAxIDAgNC4yOTcgMi4xNDggMi4xNDggMCAwIDEgMC00LjI5NlpNMi44MTIgMTcuODUyYTIuMTQ5IDIuMTQ5IDAgMSAwIDQuMjk4IDAgMi4xNDkgMi4xNDkgMCAwIDAtNC4yOTggMFptMC03Ljg1MWEyLjE0OSAyLjE0OSAwIDEgMCA0LjI5OCAwIDIuMTQ5IDIuMTQ5IDAgMCAwLTQuMjk4IDBabTEwLjA3OS03Ljg1MmEyLjE0OSAyLjE0OSAwIDEgMCA0LjI5NyAwIDIuMTQ5IDIuMTQ5IDAgMCAwLTQuMjk3IDBabTAgMTUuNzAzYTIuMTQ5IDIuMTQ5IDAgMSAwIDQuMjk3IDAgMi4xNDkgMi4xNDkgMCAwIDAtNC4yOTcgMFptMC03Ljg1MWEyLjE0OSAyLjE0OSAwIDEgMCA0LjI5NyAwIDIuMTQ5IDIuMTQ5IDAgMCAwLTQuMjk3IDBaIi8+PC9zdmc+';
|
|
@@ -7083,9 +7207,13 @@ const nextSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0O
|
|
|
7083
7207
|
|
|
7084
7208
|
const statusErrorSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0iTTEwLjgyNyAxMC44NDYgNS4xNyA1LjE4OW01LjY2NS0uMDI3LTUuNjU3IDUuNjU3TTggLjVhNy41IDcuNSAwIDEgMCAwIDE1IDcuNSA3LjUgMCAwIDAgMC0xNVoiLz48L3N2Zz4=';
|
|
7085
7209
|
|
|
7086
|
-
const
|
|
7210
|
+
const statusErrorSolidSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNOCAwYTggOCAwIDEgMCAwIDE2QTggOCAwIDAgMCA4IDBabTMuMTgxIDEwLjQ5MmEuNS41IDAgMSAxLS43MDguNzA3TDcuOTg5IDguNzE1bC0yLjQ1NyAyLjQ1OGEuNS41IDAgMSAxLS43MDgtLjcwN2wyLjQ1Ny0yLjQ1OC0yLjQ2NS0yLjQ2NWEuNS41IDAgMCAxIC43MDctLjcwN2wyLjQ2NSAyLjQ2NSAyLjQ5Mi0yLjQ5M2EuNS41IDAgMCAxIC43MDcuNzA3TDguNjk1IDguMDA3bDIuNDg0IDIuNDg0eiIvPjwvc3ZnPg==';
|
|
7211
|
+
|
|
7212
|
+
const statusInfoSolidSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNOCAwQzMuNTg5IDAgMCAzLjU4OSAwIDhzMy41ODkgOCA4IDggOC0zLjU4OSA4LTgtMy41ODktOC04LThabS45MjMgMTIuMDY0cTAgLjQ0LS4yMjEuNjg5LS4yMi4yNDgtLjY0OC4yNDgtLjQxNCAwLS42MzQtLjI0OC0uMjItLjI1LS4yMjEtLjY4OVY3LjAwM3EwLS40NTYuMjIxLS42OTYuMjItLjI0Mi42MzQtLjI0MmMuNDE0IDAgLjQ5LjA4MS42NDEuMjQycS4yMjguMjQyLjIyOC42OTZ6bS0uMTEtNy41MjJxLS4yNjIuMjQtLjc1OC4yNDEtLjQ4MyAwLS43NTEtLjI0MS0uMjctLjI0Mi0uMjY5LS42NjggMC0uNDQxLjI2OS0uNjc2Yy4yNjktLjIzNS40My0uMjM0Ljc1MS0uMjM0cS40OTUgMCAuNzU4LjIzNGMuMjYyLjIzNC4yNjMuMzgyLjI2My42NzZxMCAuNDI4LS4yNjMuNjY4WiIvPjwvc3ZnPg==';
|
|
7087
7213
|
|
|
7088
|
-
const
|
|
7214
|
+
const statusSuccessSolidSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNOCAwYTggOCAwIDEgMCAwIDE2QTggOCAwIDAgMCA4IDBabTMuMzQxIDUuMS00LjIwOCA2LjM5OWEuNS41IDAgMCAxLS44ODItLjA4OWMtLjMxMi0uNzc4LS45NTMtMS45NzktMS40MDMtMi4yMTNhLjUuNSAwIDEgMSAuNDU5LS44ODhjLjYwMi4zMTEgMS4xNDEgMS4xOTMgMS40ODkgMS44ODNsMy43MDktNS42NDJhLjUuNSAwIDEgMSAuODM2LjU1WiIvPjwvc3ZnPg==';
|
|
7215
|
+
|
|
7216
|
+
const statusWarningSolidSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNOCAwYTggOCAwIDEgMCAwIDE2QTggOCAwIDAgMCA4IDBabS0uNzI0IDMuMTQycS4yNzMtLjMyMy44MDMtLjMyMy41MTUgMCAuNzgyLjMyMy4yNjQuMzIzLjIyMi44NTNsLS40MyA1LjQ3OXEtLjAxNC4zMTUtLjE2NS40ODdhLjUyLjUyIDAgMCAxLS40MDkuMTcyLjUzLjUzIDAgMCAxLS40MjMtLjE3MnEtLjE1LS4xNzItLjE3OS0uNDg3bC0uNDMtNS40NzlxLS4wNDUtLjUzLjIyOS0uODUzWm0xLjU4NSA5LjY3MnEtLjI4LjMtLjc4Mi4zMDEtLjQ4NyAwLS43ODEtLjMwMS0uMjk0LS4zMDItLjI5NC0uNzc0IDAtLjQ1OS4yOTQtLjc1My4yOTQtLjI5My43ODEtLjI5NC41MDEgMCAuNzgyLjI5NC4yOC4yOTQuMjguNzUzIDAgLjQ3My0uMjguNzc0WiIvPjwvc3ZnPg==';
|
|
7089
7217
|
|
|
7090
7218
|
const toggleOffSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0iTTggMy41YTQuNSA0LjUgMCAxIDEgMCA5IDQuNSA0LjUgMCAwIDEgMC05WiIvPjwvc3ZnPg==';
|
|
7091
7219
|
|
|
@@ -7098,6 +7226,7 @@ const icons = {
|
|
|
7098
7226
|
/* eslint-disable @typescript-eslint/naming-convention */
|
|
7099
7227
|
clear: clearSvg,
|
|
7100
7228
|
checked: checkedSvg,
|
|
7229
|
+
'checked-radio': checkedRadioSvg,
|
|
7101
7230
|
draggable: draggableSvg,
|
|
7102
7231
|
dropdown: dropdownSvg,
|
|
7103
7232
|
'external-link': externalLinkSvg,
|
|
@@ -7117,10 +7246,10 @@ const icons = {
|
|
|
7117
7246
|
navigation: navigationSvg,
|
|
7118
7247
|
next: nextSvg,
|
|
7119
7248
|
close: statusErrorSvg,
|
|
7120
|
-
'status-
|
|
7121
|
-
'status-
|
|
7122
|
-
'status-
|
|
7123
|
-
'status-
|
|
7249
|
+
'status-success-solid': statusSuccessSolidSvg,
|
|
7250
|
+
'status-error-solid': statusErrorSolidSvg,
|
|
7251
|
+
'status-warning-solid': statusWarningSolidSvg,
|
|
7252
|
+
'status-info-solid': statusInfoSolidSvg,
|
|
7124
7253
|
'toggle-off': toggleOffSvg,
|
|
7125
7254
|
'toggle-on': toggleOnSvg,
|
|
7126
7255
|
/* eslint-enable @typescript-eslint/naming-convention */
|
|
@@ -7180,14 +7309,14 @@ const iconCss = ":host([hidden]){display:none!important}:host{display:inline-blo
|
|
|
7180
7309
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7181
7310
|
//
|
|
7182
7311
|
// SPDX-License-Identifier: Apache-2.0
|
|
7183
|
-
var __classPrivateFieldGet$
|
|
7312
|
+
var __classPrivateFieldGet$k = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7184
7313
|
if (kind === "a" && !f)
|
|
7185
7314
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7186
7315
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7187
7316
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
7188
7317
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
7189
7318
|
};
|
|
7190
|
-
var __classPrivateFieldSet$
|
|
7319
|
+
var __classPrivateFieldSet$i = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7191
7320
|
if (kind === "m")
|
|
7192
7321
|
throw new TypeError("Private method is not writable");
|
|
7193
7322
|
if (kind === "a" && !f)
|
|
@@ -7242,7 +7371,7 @@ class Icon {
|
|
|
7242
7371
|
this.errorEmitter.emit();
|
|
7243
7372
|
}
|
|
7244
7373
|
else {
|
|
7245
|
-
for (const [key, value] of Object.entries(__classPrivateFieldGet$
|
|
7374
|
+
for (const [key, value] of Object.entries(__classPrivateFieldGet$k(this, _Icon_inheritedAttributes, "f")))
|
|
7246
7375
|
if (value !== undefined)
|
|
7247
7376
|
svgElement.setAttribute(key, value);
|
|
7248
7377
|
this.svg = svgElement.outerHTML;
|
|
@@ -7254,7 +7383,7 @@ class Icon {
|
|
|
7254
7383
|
}
|
|
7255
7384
|
}
|
|
7256
7385
|
async componentWillLoad() {
|
|
7257
|
-
__classPrivateFieldSet$
|
|
7386
|
+
__classPrivateFieldSet$i(this, _Icon_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
7258
7387
|
await this.setIcon();
|
|
7259
7388
|
}
|
|
7260
7389
|
render() {
|
|
@@ -7281,19 +7410,19 @@ class Icon {
|
|
|
7281
7410
|
}
|
|
7282
7411
|
_Icon_inheritedAttributes = new WeakMap();
|
|
7283
7412
|
|
|
7284
|
-
const iconButtonCss = ":host{display:block}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.qds-icon-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(--qds-control-border-radius);box-sizing:border-box;color:var(--qds-theme-control-text-standard);cursor:pointer;display:flex;justify-content:center;line-height:normal;min-width:0;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{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}[data-size=small]{min-height:var(--qds-control-small-height);width:var(--qds-control-small-height)}.qds-icon[data-size=small]{
|
|
7413
|
+
const iconButtonCss = ":host{display:block}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.qds-icon-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(--qds-control-border-radius);box-sizing:border-box;color:var(--qds-theme-control-text-standard);cursor:pointer;display:flex;justify-content:center;line-height:normal;min-width:0;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{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}[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=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=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=hero]{border-radius:var(--qds-control-hero-border-radius);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-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)}";
|
|
7285
7414
|
|
|
7286
7415
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
7287
7416
|
//
|
|
7288
7417
|
// SPDX-License-Identifier: Apache-2.0
|
|
7289
|
-
var __classPrivateFieldGet$
|
|
7418
|
+
var __classPrivateFieldGet$j = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7290
7419
|
if (kind === "a" && !f)
|
|
7291
7420
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7292
7421
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7293
7422
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
7294
7423
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
7295
7424
|
};
|
|
7296
|
-
var __classPrivateFieldSet$
|
|
7425
|
+
var __classPrivateFieldSet$h = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7297
7426
|
if (kind === "m")
|
|
7298
7427
|
throw new TypeError("Private method is not writable");
|
|
7299
7428
|
if (kind === "a" && !f)
|
|
@@ -7302,7 +7431,7 @@ var __classPrivateFieldSet$f = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
7302
7431
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
7303
7432
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
7304
7433
|
};
|
|
7305
|
-
var _IconButton_instances, _IconButton_savedTabIndex, _IconButton_button, _IconButton_tooltip, _IconButton_computedSize_get, _IconButton_computedImportance_get, _IconButton_computedDisabled_get, _IconButton_updateAriaLabel, _IconButton_ref, _IconButton_tooltipRef;
|
|
7434
|
+
var _IconButton_instances, _IconButton_savedTabIndex, _IconButton_button, _IconButton_tooltip, _IconButton_computedSize_get, _IconButton_computedImportance_get, _IconButton_computedDisabled_get, _IconButton_hasText_get, _IconButton_updateAriaLabel, _IconButton_ref, _IconButton_tooltipRef;
|
|
7306
7435
|
const isCounter$1 = (value) => typeof value === 'string'
|
|
7307
7436
|
? !Number.isNaN(Number.parseFloat(value))
|
|
7308
7437
|
: typeof value === 'number';
|
|
@@ -7365,22 +7494,22 @@ class IconButton {
|
|
|
7365
7494
|
_IconButton_button.set(this, void 0);
|
|
7366
7495
|
_IconButton_tooltip.set(this, void 0);
|
|
7367
7496
|
_IconButton_ref.set(this, (button) => {
|
|
7368
|
-
__classPrivateFieldSet$
|
|
7497
|
+
__classPrivateFieldSet$h(this, _IconButton_button, button, "f");
|
|
7369
7498
|
});
|
|
7370
7499
|
_IconButton_tooltipRef.set(this, (tooltip) => {
|
|
7371
7500
|
if (tooltip) {
|
|
7372
7501
|
// eslint-disable-next-line no-param-reassign
|
|
7373
|
-
tooltip.target = __classPrivateFieldGet$
|
|
7374
|
-
__classPrivateFieldSet$
|
|
7502
|
+
tooltip.target = __classPrivateFieldGet$j(this, _IconButton_button, "f");
|
|
7503
|
+
__classPrivateFieldSet$h(this, _IconButton_tooltip, tooltip, "f");
|
|
7375
7504
|
}
|
|
7376
7505
|
});
|
|
7377
7506
|
}
|
|
7378
7507
|
disabledChanged() {
|
|
7379
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
7380
|
-
if (__classPrivateFieldGet$
|
|
7508
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$j(this, _IconButton_instances, "a", _IconButton_computedDisabled_get).toString();
|
|
7509
|
+
if (__classPrivateFieldGet$j(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
|
|
7381
7510
|
this.host.removeAttribute('tabindex');
|
|
7382
7511
|
else
|
|
7383
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
7512
|
+
this.host.tabIndex = __classPrivateFieldGet$j(this, _IconButton_savedTabIndex, "f");
|
|
7384
7513
|
}
|
|
7385
7514
|
hrefChanged() {
|
|
7386
7515
|
this.internals.role = this.href === undefined ? 'button' : 'link';
|
|
@@ -7388,32 +7517,32 @@ class IconButton {
|
|
|
7388
7517
|
tabindexChanged(newValue) {
|
|
7389
7518
|
if (newValue !== null) {
|
|
7390
7519
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
7391
|
-
__classPrivateFieldSet$
|
|
7520
|
+
__classPrivateFieldSet$h(this, _IconButton_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
|
|
7392
7521
|
? 0
|
|
7393
7522
|
: parsedValue, "f");
|
|
7394
7523
|
}
|
|
7395
|
-
if (__classPrivateFieldGet$
|
|
7524
|
+
if (__classPrivateFieldGet$j(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
|
|
7396
7525
|
this.host.removeAttribute('tabindex');
|
|
7397
7526
|
else
|
|
7398
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
7527
|
+
this.host.tabIndex = __classPrivateFieldGet$j(this, _IconButton_savedTabIndex, "f");
|
|
7399
7528
|
}
|
|
7400
7529
|
textChanged() {
|
|
7401
|
-
__classPrivateFieldGet$
|
|
7530
|
+
__classPrivateFieldGet$j(this, _IconButton_instances, "m", _IconButton_updateAriaLabel).call(this);
|
|
7402
7531
|
}
|
|
7403
7532
|
onClick(event) {
|
|
7404
|
-
if (__classPrivateFieldGet$
|
|
7533
|
+
if (__classPrivateFieldGet$j(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
|
|
7405
7534
|
event.stopImmediatePropagation();
|
|
7406
7535
|
}
|
|
7407
7536
|
async onBlur(event) {
|
|
7408
7537
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
7409
|
-
if (__classPrivateFieldGet$
|
|
7410
|
-
await __classPrivateFieldGet$
|
|
7538
|
+
if (__classPrivateFieldGet$j(this, _IconButton_tooltip, "f")) {
|
|
7539
|
+
await __classPrivateFieldGet$j(this, _IconButton_tooltip, "f").close();
|
|
7411
7540
|
}
|
|
7412
7541
|
}
|
|
7413
7542
|
async onFocus(event) {
|
|
7414
7543
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
7415
|
-
if (__classPrivateFieldGet$
|
|
7416
|
-
await __classPrivateFieldGet$
|
|
7544
|
+
if (__classPrivateFieldGet$j(this, _IconButton_tooltip, "f")) {
|
|
7545
|
+
await __classPrivateFieldGet$j(this, _IconButton_tooltip, "f").show();
|
|
7417
7546
|
}
|
|
7418
7547
|
}
|
|
7419
7548
|
onKeydown(event) {
|
|
@@ -7432,10 +7561,10 @@ class IconButton {
|
|
|
7432
7561
|
}
|
|
7433
7562
|
render() {
|
|
7434
7563
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
7435
|
-
return (hAsync("div", { key: '
|
|
7564
|
+
return (hAsync("div", { key: 'f887464f7354fb81f4910422d97542feabc9f61b' }, hAsync(Tag, { key: 'de3fc7375ca2165c93ef889f0d80a475d712befa', type: Tag === 'a' ? undefined : 'button', class: {
|
|
7436
7565
|
'qds-icon-button': true,
|
|
7437
|
-
'qds-disabled': __classPrivateFieldGet$
|
|
7438
|
-
}, href: Tag === 'a' ? this.href : undefined, rel: Tag === 'a' ? this.rel : undefined, ref: __classPrivateFieldGet$
|
|
7566
|
+
'qds-disabled': __classPrivateFieldGet$j(this, _IconButton_instances, "a", _IconButton_computedDisabled_get),
|
|
7567
|
+
}, href: Tag === 'a' ? this.href : undefined, rel: Tag === 'a' ? this.rel : undefined, ref: __classPrivateFieldGet$j(this, _IconButton_ref, "f"), disabled: Tag === 'a' ? undefined : __classPrivateFieldGet$j(this, _IconButton_instances, "a", _IconButton_computedDisabled_get), download: Tag === 'a' ? this.download : undefined, "aria-hidden": "true", "data-size": __classPrivateFieldGet$j(this, _IconButton_instances, "a", _IconButton_computedSize_get), "data-importance": __classPrivateFieldGet$j(this, _IconButton_instances, "a", _IconButton_computedImportance_get), onKeyDown: preventDefault$1, onKeyUp: preventDefault$1, onKeyPress: preventDefault$1, tabIndex: -1 }, hAsync("qds-icon", { key: 'e0f8ec1005afb570848847a679574721dfa8985a', class: "qds-icon", "data-size": __classPrivateFieldGet$j(this, _IconButton_instances, "a", _IconButton_computedSize_get), library: this.iconLibrary, name: this.iconName }), isIndicator$1(this.badge) && (hAsync("qds-badge-indicator", { key: '2ef9b5e34e55ab5d80365e943672cbcab08a7b19', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$j(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true })), isCounter$1(this.badge) && (hAsync("qds-badge-counter", { key: '486d743e6e949715d8ab7611de6af7175f01f1fa', class: "qds-indicator", description: this.badgeDescription, importance: __classPrivateFieldGet$j(this, _IconButton_instances, "a", _IconButton_computedImportance_get), size: __classPrivateFieldGet$j(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true, value: this.badge }))), __classPrivateFieldGet$j(this, _IconButton_instances, "a", _IconButton_hasText_get) && (hAsync("qds-tooltip", { key: 'a23e25841c3b91d9529294ea6d69fd28e1c9daf6', ref: __classPrivateFieldGet$j(this, _IconButton_tooltipRef, "f") }, this.text))));
|
|
7439
7568
|
}
|
|
7440
7569
|
static get formAssociated() { return true; }
|
|
7441
7570
|
get host() { return getElement(this); }
|
|
@@ -7494,6 +7623,8 @@ _IconButton_savedTabIndex = new WeakMap(), _IconButton_button = new WeakMap(), _
|
|
|
7494
7623
|
}
|
|
7495
7624
|
}, _IconButton_computedDisabled_get = function _IconButton_computedDisabled_get() {
|
|
7496
7625
|
return this.disabled;
|
|
7626
|
+
}, _IconButton_hasText_get = function _IconButton_hasText_get() {
|
|
7627
|
+
return this.text !== undefined && this.text !== '';
|
|
7497
7628
|
}, _IconButton_updateAriaLabel = function _IconButton_updateAriaLabel() {
|
|
7498
7629
|
if (this.badge !== undefined && this.badgeDescription !== undefined) {
|
|
7499
7630
|
this.internals.ariaLabel = `${this.text} ${isIndicator$1(this.badge) ? '' : this.badge} ${this.badgeDescription}`;
|
|
@@ -7505,22 +7636,31 @@ _IconButton_savedTabIndex = new WeakMap(), _IconButton_button = new WeakMap(), _
|
|
|
7505
7636
|
this.internals.ariaLabel = `${this.text} Opens in a new tab`;
|
|
7506
7637
|
return;
|
|
7507
7638
|
}
|
|
7508
|
-
this.internals.ariaLabel = this.text;
|
|
7639
|
+
this.internals.ariaLabel = this.text ?? '';
|
|
7509
7640
|
};
|
|
7510
7641
|
|
|
7511
|
-
const inlineLinkCss = ":host([hidden]){display:none!important}:host{
|
|
7642
|
+
const inlineLinkCss = ":host([hidden]){display:none!important}:host{border-radius:var(--qds-focus-border-radius);display:inline-block}:host(:focus-visible){outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.qds-icon{height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}.qds-inline-link{align-items:center;display:flex;gap:var(--qds-text-icon-gap)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}[data-importance=subdued]{color:var(--qds-theme-link-subdued-default)}[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)}[data-importance=subdued]:visited:hover{color:var(--qds-theme-link-visited-hover)}[data-importance=subdued]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=standard]{color:var(--qds-theme-link-standard-default)}[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)}[data-importance=standard]:visited:hover{color:var(--qds-theme-link-visited-hover)}[data-importance=standard]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=emphasized]{color:var(--qds-theme-link-emphasized-default)}[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)}[data-importance=emphasized]:visited:hover{color:var(--qds-theme-link-visited-hover)}[data-importance=emphasized]:visited:active{color:var(--qds-theme-link-visited-pressed)}";
|
|
7512
7643
|
|
|
7513
7644
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7514
7645
|
//
|
|
7515
7646
|
// SPDX-License-Identifier: Apache-2.0
|
|
7516
|
-
var __classPrivateFieldGet$
|
|
7647
|
+
var __classPrivateFieldGet$i = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7517
7648
|
if (kind === "a" && !f)
|
|
7518
7649
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7519
7650
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7520
7651
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
7521
7652
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
7522
7653
|
};
|
|
7523
|
-
var
|
|
7654
|
+
var __classPrivateFieldSet$g = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7655
|
+
if (kind === "m")
|
|
7656
|
+
throw new TypeError("Private method is not writable");
|
|
7657
|
+
if (kind === "a" && !f)
|
|
7658
|
+
throw new TypeError("Private accessor was defined without a setter");
|
|
7659
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7660
|
+
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
7661
|
+
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
7662
|
+
};
|
|
7663
|
+
var _InlineLink_instances, _InlineLink_savedTabIndex, _InlineLink_link, _InlineLink_computedImportance_get, _InlineLink_openInNewTab_get, _InlineLink_linkRef, _InlineLink_onBlur, _InlineLink_onFocus, _InlineLink_updateAriaLabelElements, _InlineLink_onSlotchange;
|
|
7524
7664
|
/**
|
|
7525
7665
|
* `<qds-inline-link>` elements, with their `href` property, create a hyperlink
|
|
7526
7666
|
* to web pages, files, email addresses, locations in the same page, or
|
|
@@ -7559,6 +7699,11 @@ class InlineLink {
|
|
|
7559
7699
|
* The inline link's importance.
|
|
7560
7700
|
*/
|
|
7561
7701
|
this.importance = 'standard';
|
|
7702
|
+
_InlineLink_savedTabIndex.set(this, 0);
|
|
7703
|
+
_InlineLink_link.set(this, void 0);
|
|
7704
|
+
_InlineLink_linkRef.set(this, (link) => {
|
|
7705
|
+
__classPrivateFieldSet$g(this, _InlineLink_link, link, "f");
|
|
7706
|
+
});
|
|
7562
7707
|
_InlineLink_onBlur.set(this, (event) => {
|
|
7563
7708
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
7564
7709
|
});
|
|
@@ -7566,29 +7711,47 @@ class InlineLink {
|
|
|
7566
7711
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
7567
7712
|
});
|
|
7568
7713
|
_InlineLink_updateAriaLabelElements.set(this, () => {
|
|
7569
|
-
this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$
|
|
7714
|
+
this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$i(this, _InlineLink_instances, "a", _InlineLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
|
|
7570
7715
|
});
|
|
7571
7716
|
_InlineLink_onSlotchange.set(this, () => {
|
|
7572
|
-
__classPrivateFieldGet$
|
|
7717
|
+
__classPrivateFieldGet$i(this, _InlineLink_updateAriaLabelElements, "f").call(this);
|
|
7573
7718
|
});
|
|
7574
7719
|
}
|
|
7575
7720
|
onClick(event) {
|
|
7721
|
+
invariant(__classPrivateFieldGet$i(this, _InlineLink_link, "f"));
|
|
7576
7722
|
if (this.disabled)
|
|
7577
7723
|
event.stopImmediatePropagation();
|
|
7724
|
+
else
|
|
7725
|
+
__classPrivateFieldGet$i(this, _InlineLink_link, "f").click();
|
|
7726
|
+
}
|
|
7727
|
+
onKeydown(event) {
|
|
7728
|
+
invariant(__classPrivateFieldGet$i(this, _InlineLink_link, "f"));
|
|
7729
|
+
if (this.disabled)
|
|
7730
|
+
return;
|
|
7731
|
+
if (event.key === 'Enter')
|
|
7732
|
+
__classPrivateFieldGet$i(this, _InlineLink_link, "f").click();
|
|
7578
7733
|
}
|
|
7579
7734
|
disabledChanged() {
|
|
7580
7735
|
this.internals.ariaDisabled = this.disabled.toString();
|
|
7736
|
+
if (this.disabled)
|
|
7737
|
+
this.host.removeAttribute('tabindex');
|
|
7738
|
+
else
|
|
7739
|
+
this.host.tabIndex = __classPrivateFieldGet$i(this, _InlineLink_savedTabIndex, "f");
|
|
7581
7740
|
}
|
|
7582
7741
|
tabindexChanged(newValue) {
|
|
7583
7742
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
7584
7743
|
// FIXME: `undefined` instead of `0` causes `qdsFocus/qdsBlur` E2E tests
|
|
7585
7744
|
// to fail, but it's not clear why this is the case since it works for
|
|
7586
7745
|
// other components.
|
|
7587
|
-
this
|
|
7746
|
+
__classPrivateFieldSet$g(this, _InlineLink_savedTabIndex, Number.isNaN(parsedValue) ? 0 : parsedValue, "f");
|
|
7747
|
+
if (this.disabled)
|
|
7748
|
+
this.host.removeAttribute('tabindex');
|
|
7749
|
+
else
|
|
7750
|
+
this.host.tabIndex = __classPrivateFieldGet$i(this, _InlineLink_savedTabIndex, "f");
|
|
7588
7751
|
}
|
|
7589
7752
|
hrefTargetChanged() {
|
|
7590
7753
|
this.linkIcon = determineLinkIcon(this.target, this.rel);
|
|
7591
|
-
__classPrivateFieldGet$
|
|
7754
|
+
__classPrivateFieldGet$i(this, _InlineLink_updateAriaLabelElements, "f").call(this);
|
|
7592
7755
|
}
|
|
7593
7756
|
componentWillLoad() {
|
|
7594
7757
|
this.internals.role = 'link';
|
|
@@ -7597,15 +7760,14 @@ class InlineLink {
|
|
|
7597
7760
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
7598
7761
|
}
|
|
7599
7762
|
componentDidLoad() {
|
|
7600
|
-
__classPrivateFieldGet$
|
|
7763
|
+
__classPrivateFieldGet$i(this, _InlineLink_updateAriaLabelElements, "f").call(this);
|
|
7601
7764
|
}
|
|
7602
7765
|
render() {
|
|
7603
|
-
return (hAsync("a", { key: '
|
|
7766
|
+
return (hAsync("a", { key: '672a1dba75b5d541748a335f988f9419262d5160', "aria-hidden": "true", class: {
|
|
7604
7767
|
'qds-inline-link': true,
|
|
7605
7768
|
'qds-disabled': this.disabled,
|
|
7606
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
7769
|
+
}, "data-importance": __classPrivateFieldGet$i(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$i(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$i(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$i(this, _InlineLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '72fd0b235cf06199dec6dadb0456022e6235d00c', class: "qds-icon", "aria-hidden": "true", library: this.iconLibrary, name: this.iconName })), hAsync("slot", { key: '13422afd67807a27d4fa46529501e95a3aa58090', onSlotchange: __classPrivateFieldGet$i(this, _InlineLink_onSlotchange, "f") }), this.linkIcon && (hAsync("qds-icon", { key: '84ddddd854369f3f32088b39e867fc6491c36cd4', "aria-hidden": "true", class: "qds-icon", library: "core", name: this.linkIcon }))));
|
|
7607
7770
|
}
|
|
7608
|
-
static get delegatesFocus() { return true; }
|
|
7609
7771
|
get host() { return getElement(this); }
|
|
7610
7772
|
static get watchers() { return {
|
|
7611
7773
|
"disabled": ["disabledChanged"],
|
|
@@ -7615,7 +7777,7 @@ class InlineLink {
|
|
|
7615
7777
|
}; }
|
|
7616
7778
|
static get style() { return inlineLinkCss; }
|
|
7617
7779
|
static get cmpMeta() { return {
|
|
7618
|
-
"$flags$":
|
|
7780
|
+
"$flags$": 265,
|
|
7619
7781
|
"$tagName$": "qds-inline-link",
|
|
7620
7782
|
"$members$": {
|
|
7621
7783
|
"disabled": [4],
|
|
@@ -7628,15 +7790,14 @@ class InlineLink {
|
|
|
7628
7790
|
"referrerPolicy": [1, "referrerpolicy"],
|
|
7629
7791
|
"rel": [1],
|
|
7630
7792
|
"target": [1],
|
|
7631
|
-
"linkIcon": [32]
|
|
7632
|
-
"tabIndex": [32]
|
|
7793
|
+
"linkIcon": [32]
|
|
7633
7794
|
},
|
|
7634
|
-
"$listeners$": [[0, "click", "onClick"]],
|
|
7795
|
+
"$listeners$": [[0, "click", "onClick"], [0, "keydown", "onKeydown"]],
|
|
7635
7796
|
"$lazyBundleId$": "-",
|
|
7636
7797
|
"$attrsToReflect$": []
|
|
7637
7798
|
}; }
|
|
7638
7799
|
}
|
|
7639
|
-
_InlineLink_onBlur = new WeakMap(), _InlineLink_onFocus = new WeakMap(), _InlineLink_updateAriaLabelElements = new WeakMap(), _InlineLink_onSlotchange = new WeakMap(), _InlineLink_instances = new WeakSet(), _InlineLink_computedImportance_get = function _InlineLink_computedImportance_get() {
|
|
7800
|
+
_InlineLink_savedTabIndex = new WeakMap(), _InlineLink_link = new WeakMap(), _InlineLink_linkRef = new WeakMap(), _InlineLink_onBlur = new WeakMap(), _InlineLink_onFocus = new WeakMap(), _InlineLink_updateAriaLabelElements = new WeakMap(), _InlineLink_onSlotchange = new WeakMap(), _InlineLink_instances = new WeakSet(), _InlineLink_computedImportance_get = function _InlineLink_computedImportance_get() {
|
|
7640
7801
|
switch (this.importance) {
|
|
7641
7802
|
case 'subdued':
|
|
7642
7803
|
case 'emphasized': {
|
|
@@ -7655,14 +7816,14 @@ const inputCss = ":host([hidden]){display:none!important}:host{display:inline-bl
|
|
|
7655
7816
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7656
7817
|
//
|
|
7657
7818
|
// SPDX-License-Identifier: Apache-2.0
|
|
7658
|
-
var __classPrivateFieldGet$
|
|
7819
|
+
var __classPrivateFieldGet$h = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7659
7820
|
if (kind === "a" && !f)
|
|
7660
7821
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7661
7822
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7662
7823
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
7663
7824
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
7664
7825
|
};
|
|
7665
|
-
var __classPrivateFieldSet$
|
|
7826
|
+
var __classPrivateFieldSet$f = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7666
7827
|
if (kind === "m")
|
|
7667
7828
|
throw new TypeError("Private method is not writable");
|
|
7668
7829
|
if (kind === "a" && !f)
|
|
@@ -7813,65 +7974,65 @@ class Input {
|
|
|
7813
7974
|
this.checkValidity = () => this.internals.checkValidity();
|
|
7814
7975
|
this.reportValidity = () => this.internals.reportValidity();
|
|
7815
7976
|
this.setCustomValidity = (error) => {
|
|
7816
|
-
invariant(__classPrivateFieldGet$
|
|
7817
|
-
__classPrivateFieldGet$
|
|
7977
|
+
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
7978
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").setCustomValidity(error);
|
|
7818
7979
|
if (error)
|
|
7819
|
-
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$
|
|
7980
|
+
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
7820
7981
|
else
|
|
7821
7982
|
this.internals.setValidity(NO_ERROR_FLAGS);
|
|
7822
7983
|
};
|
|
7823
7984
|
this.select = () => {
|
|
7824
|
-
invariant(__classPrivateFieldGet$
|
|
7825
|
-
__classPrivateFieldGet$
|
|
7985
|
+
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
7986
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").select();
|
|
7826
7987
|
};
|
|
7827
7988
|
this.getSelectionDirection = () => {
|
|
7828
|
-
invariant(__classPrivateFieldGet$
|
|
7829
|
-
return __classPrivateFieldGet$
|
|
7989
|
+
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
7990
|
+
return __classPrivateFieldGet$h(this, _Input_input, "f").selectionDirection;
|
|
7830
7991
|
};
|
|
7831
7992
|
this.getSelectionStart = () => {
|
|
7832
|
-
invariant(__classPrivateFieldGet$
|
|
7833
|
-
return __classPrivateFieldGet$
|
|
7993
|
+
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
7994
|
+
return __classPrivateFieldGet$h(this, _Input_input, "f").selectionStart;
|
|
7834
7995
|
};
|
|
7835
7996
|
this.getSelectionEnd = () => {
|
|
7836
|
-
invariant(__classPrivateFieldGet$
|
|
7837
|
-
return __classPrivateFieldGet$
|
|
7997
|
+
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
7998
|
+
return __classPrivateFieldGet$h(this, _Input_input, "f").selectionEnd;
|
|
7838
7999
|
};
|
|
7839
8000
|
this.setRangeText = (replacement, start, end, selectionMode) => {
|
|
7840
|
-
invariant(__classPrivateFieldGet$
|
|
7841
|
-
__classPrivateFieldGet$
|
|
7842
|
-
if (this.value !== __classPrivateFieldGet$
|
|
7843
|
-
this.value = __classPrivateFieldGet$
|
|
8001
|
+
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
8002
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").setRangeText(replacement, start, end, selectionMode);
|
|
8003
|
+
if (this.value !== __classPrivateFieldGet$h(this, _Input_input, "f").value) {
|
|
8004
|
+
this.value = __classPrivateFieldGet$h(this, _Input_input, "f").value;
|
|
7844
8005
|
this.inputEmitter.emit();
|
|
7845
8006
|
this.changeEmitter.emit();
|
|
7846
8007
|
}
|
|
7847
8008
|
};
|
|
7848
8009
|
this.setSelectionRange = (start, end, direction) => {
|
|
7849
|
-
invariant(__classPrivateFieldGet$
|
|
7850
|
-
__classPrivateFieldGet$
|
|
8010
|
+
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
8011
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").setSelectionRange(start, end, direction);
|
|
7851
8012
|
};
|
|
7852
8013
|
this.stepDown = (n) => {
|
|
7853
|
-
invariant(__classPrivateFieldGet$
|
|
7854
|
-
__classPrivateFieldGet$
|
|
8014
|
+
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
8015
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").stepDown(n);
|
|
7855
8016
|
};
|
|
7856
8017
|
this.stepUp = (n) => {
|
|
7857
|
-
invariant(__classPrivateFieldGet$
|
|
7858
|
-
__classPrivateFieldGet$
|
|
8018
|
+
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
8019
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").stepUp(n);
|
|
7859
8020
|
};
|
|
7860
8021
|
this.showPicker = () => {
|
|
7861
|
-
invariant(__classPrivateFieldGet$
|
|
7862
|
-
__classPrivateFieldGet$
|
|
8022
|
+
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
8023
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").showPicker();
|
|
7863
8024
|
};
|
|
7864
8025
|
_Input_togglePasswordVisibility.set(this, () => {
|
|
7865
|
-
invariant(__classPrivateFieldGet$
|
|
8026
|
+
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
7866
8027
|
this.isPasswordVisible = !this.isPasswordVisible;
|
|
7867
|
-
__classPrivateFieldGet$
|
|
8028
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").type = __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedType_get);
|
|
7868
8029
|
});
|
|
7869
8030
|
_Input_ref.set(this, (input) => {
|
|
7870
|
-
__classPrivateFieldSet$
|
|
8031
|
+
__classPrivateFieldSet$f(this, _Input_input, input, "f");
|
|
7871
8032
|
});
|
|
7872
8033
|
_Input_getFiles.set(this, () => {
|
|
7873
|
-
invariant(__classPrivateFieldGet$
|
|
7874
|
-
return __classPrivateFieldGet$
|
|
8034
|
+
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
8035
|
+
return __classPrivateFieldGet$h(this, _Input_input, "f").files;
|
|
7875
8036
|
});
|
|
7876
8037
|
_Input_onBlur.set(this, (event) => {
|
|
7877
8038
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
@@ -7886,11 +8047,11 @@ class Input {
|
|
|
7886
8047
|
this.changeEmitter.emit();
|
|
7887
8048
|
});
|
|
7888
8049
|
_Input_onClear.set(this, () => {
|
|
7889
|
-
__classPrivateFieldGet$
|
|
7890
|
-
__classPrivateFieldGet$
|
|
7891
|
-
invariant(__classPrivateFieldGet$
|
|
7892
|
-
if (document.activeElement !== __classPrivateFieldGet$
|
|
7893
|
-
__classPrivateFieldGet$
|
|
8050
|
+
__classPrivateFieldGet$h(this, _Input_instances, "m", _Input_clearValue).call(this);
|
|
8051
|
+
__classPrivateFieldGet$h(this, _Input_onInput, "f").call(this, new InputEvent('input', { inputType: 'deleteContent' }));
|
|
8052
|
+
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
8053
|
+
if (document.activeElement !== __classPrivateFieldGet$h(this, _Input_input, "f")) {
|
|
8054
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").focus();
|
|
7894
8055
|
}
|
|
7895
8056
|
this.searchEmitter.emit();
|
|
7896
8057
|
});
|
|
@@ -7898,17 +8059,17 @@ class Input {
|
|
|
7898
8059
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
7899
8060
|
});
|
|
7900
8061
|
_Input_onInput.set(this, (event) => {
|
|
7901
|
-
invariant(__classPrivateFieldGet$
|
|
7902
|
-
this.value = __classPrivateFieldGet$
|
|
8062
|
+
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
8063
|
+
this.value = __classPrivateFieldGet$h(this, _Input_input, "f").value;
|
|
7903
8064
|
this.inputEmitter.emit(pickInputEventAttributes(event));
|
|
7904
8065
|
});
|
|
7905
8066
|
}
|
|
7906
8067
|
onClick(event) {
|
|
7907
|
-
if (__classPrivateFieldGet$
|
|
8068
|
+
if (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
7908
8069
|
event.stopImmediatePropagation();
|
|
7909
8070
|
}
|
|
7910
8071
|
onKeydown(event) {
|
|
7911
|
-
if (__classPrivateFieldGet$
|
|
8072
|
+
if (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get)) {
|
|
7912
8073
|
event.stopImmediatePropagation();
|
|
7913
8074
|
return;
|
|
7914
8075
|
}
|
|
@@ -7921,8 +8082,8 @@ class Input {
|
|
|
7921
8082
|
}
|
|
7922
8083
|
}
|
|
7923
8084
|
ariaLabelChanged(newValue) {
|
|
7924
|
-
invariant(__classPrivateFieldGet$
|
|
7925
|
-
__classPrivateFieldGet$
|
|
8085
|
+
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
8086
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").ariaLabel =
|
|
7926
8087
|
newValue ??
|
|
7927
8088
|
[...this.internals.labels]
|
|
7928
8089
|
.map((node) => node.textContent === ''
|
|
@@ -7931,23 +8092,23 @@ class Input {
|
|
|
7931
8092
|
.join(' ');
|
|
7932
8093
|
}
|
|
7933
8094
|
disabledChanged() {
|
|
7934
|
-
if (__classPrivateFieldGet$
|
|
8095
|
+
if (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
7935
8096
|
// eslint-disable-next-line unicorn/no-null
|
|
7936
8097
|
this.internals.setFormValue(null);
|
|
7937
8098
|
else
|
|
7938
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
8099
|
+
this.internals.setFormValue(__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get));
|
|
7939
8100
|
}
|
|
7940
8101
|
selectionDirectionChanged() {
|
|
7941
|
-
invariant(__classPrivateFieldGet$
|
|
7942
|
-
__classPrivateFieldGet$
|
|
8102
|
+
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
8103
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").selectionDirection = this.selectionDirection;
|
|
7943
8104
|
}
|
|
7944
8105
|
selectionEndChanged() {
|
|
7945
|
-
invariant(__classPrivateFieldGet$
|
|
7946
|
-
__classPrivateFieldGet$
|
|
8106
|
+
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
8107
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").selectionEnd = this.selectionEnd;
|
|
7947
8108
|
}
|
|
7948
8109
|
selectionStartChanged() {
|
|
7949
|
-
invariant(__classPrivateFieldGet$
|
|
7950
|
-
__classPrivateFieldGet$
|
|
8110
|
+
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
8111
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").selectionStart = this.selectionStart;
|
|
7951
8112
|
}
|
|
7952
8113
|
tabindexChanged(newValue) {
|
|
7953
8114
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
@@ -7955,64 +8116,64 @@ class Input {
|
|
|
7955
8116
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
7956
8117
|
}
|
|
7957
8118
|
validationChanged() {
|
|
7958
|
-
if (!__classPrivateFieldGet$
|
|
8119
|
+
if (!__classPrivateFieldGet$h(this, _Input_input, "f"))
|
|
7959
8120
|
return;
|
|
7960
|
-
if (__classPrivateFieldGet$
|
|
7961
|
-
__classPrivateFieldGet$
|
|
8121
|
+
if (__classPrivateFieldGet$h(this, _Input_input, "f").max !== this.max && this.max !== undefined)
|
|
8122
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").max = this.max.toString();
|
|
7962
8123
|
if (this.maxLength !== undefined)
|
|
7963
|
-
__classPrivateFieldGet$
|
|
7964
|
-
if (__classPrivateFieldGet$
|
|
7965
|
-
__classPrivateFieldGet$
|
|
8124
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").maxLength = this.maxLength;
|
|
8125
|
+
if (__classPrivateFieldGet$h(this, _Input_input, "f").min !== this.min && this.min !== undefined)
|
|
8126
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").min = this.min.toString();
|
|
7966
8127
|
if (this.minLength !== undefined)
|
|
7967
|
-
__classPrivateFieldGet$
|
|
8128
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").minLength = this.minLength;
|
|
7968
8129
|
if (this.pattern !== undefined)
|
|
7969
|
-
__classPrivateFieldGet$
|
|
7970
|
-
__classPrivateFieldGet$
|
|
7971
|
-
if (__classPrivateFieldGet$
|
|
7972
|
-
__classPrivateFieldGet$
|
|
7973
|
-
__classPrivateFieldGet$
|
|
8130
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").pattern = this.pattern;
|
|
8131
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").required = this.required ?? false;
|
|
8132
|
+
if (__classPrivateFieldGet$h(this, _Input_input, "f").step !== this.step && this.step !== undefined)
|
|
8133
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").step = this.step.toString();
|
|
8134
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").type = __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedType_get);
|
|
7974
8135
|
// eslint-disable-next-line unicorn/no-null
|
|
7975
8136
|
if (this.type !== 'file' && this.value != null)
|
|
7976
|
-
__classPrivateFieldGet$
|
|
7977
|
-
const { valid } = __classPrivateFieldGet$
|
|
8137
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").value = this.value.toString();
|
|
8138
|
+
const { valid } = __classPrivateFieldGet$h(this, _Input_input, "f").validity;
|
|
7978
8139
|
if (valid)
|
|
7979
|
-
this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$
|
|
8140
|
+
this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
7980
8141
|
else
|
|
7981
|
-
this.internals.setValidity(__classPrivateFieldGet$
|
|
8142
|
+
this.internals.setValidity(__classPrivateFieldGet$h(this, _Input_input, "f").validity, __classPrivateFieldGet$h(this, _Input_input, "f").validationMessage, __classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
7982
8143
|
}
|
|
7983
8144
|
valueChanged() {
|
|
7984
|
-
if (!__classPrivateFieldGet$
|
|
7985
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
7986
|
-
if ((__classPrivateFieldGet$
|
|
8145
|
+
if (!__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
8146
|
+
this.internals.setFormValue(__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get));
|
|
8147
|
+
if ((__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get) === null || __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedValue_get) === '') &&
|
|
7987
8148
|
this.type === 'file') {
|
|
7988
|
-
__classPrivateFieldGet$
|
|
8149
|
+
__classPrivateFieldGet$h(this, _Input_instances, "m", _Input_clearValue).call(this);
|
|
7989
8150
|
}
|
|
7990
8151
|
}
|
|
7991
8152
|
componentWillLoad() {
|
|
7992
|
-
__classPrivateFieldGet$
|
|
7993
|
-
__classPrivateFieldGet$
|
|
7994
|
-
__classPrivateFieldGet$
|
|
7995
|
-
__classPrivateFieldGet$
|
|
7996
|
-
__classPrivateFieldGet$
|
|
7997
|
-
__classPrivateFieldGet$
|
|
7998
|
-
__classPrivateFieldSet$
|
|
8153
|
+
__classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'form', () => this.internals.form);
|
|
8154
|
+
__classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
8155
|
+
__classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
8156
|
+
__classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
8157
|
+
__classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'files', __classPrivateFieldGet$h(this, _Input_getFiles, "f"));
|
|
8158
|
+
__classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
8159
|
+
__classPrivateFieldSet$f(this, _Input_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
7999
8160
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
8000
8161
|
}
|
|
8001
8162
|
componentDidLoad() {
|
|
8002
|
-
invariant(__classPrivateFieldGet$
|
|
8163
|
+
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
8003
8164
|
this.ariaLabelChanged(this.host.ariaLabel);
|
|
8004
8165
|
this.validationChanged();
|
|
8005
8166
|
this.valueChanged();
|
|
8006
8167
|
// FIXME: This event is supported by the native `<input>` element but not
|
|
8007
8168
|
// recognized by Stencil's type definitions, so it needs to be manually
|
|
8008
8169
|
// bound here.
|
|
8009
|
-
__classPrivateFieldGet$
|
|
8010
|
-
__classPrivateFieldGet$
|
|
8170
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").addEventListener('cancel', __classPrivateFieldGet$h(this, _Input_onCancel, "f"));
|
|
8171
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").addEventListener('search', __classPrivateFieldGet$h(this, _Input_onSearch, "f"));
|
|
8011
8172
|
}
|
|
8012
8173
|
disconnectedCallback() {
|
|
8013
|
-
if (__classPrivateFieldGet$
|
|
8014
|
-
__classPrivateFieldGet$
|
|
8015
|
-
__classPrivateFieldGet$
|
|
8174
|
+
if (__classPrivateFieldGet$h(this, _Input_input, "f")) {
|
|
8175
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").removeEventListener('cancel', __classPrivateFieldGet$h(this, _Input_onCancel, "f"));
|
|
8176
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").removeEventListener('search', __classPrivateFieldGet$h(this, _Input_onSearch, "f"));
|
|
8016
8177
|
}
|
|
8017
8178
|
}
|
|
8018
8179
|
render() {
|
|
@@ -8022,7 +8183,7 @@ class Input {
|
|
|
8022
8183
|
const shouldShowSearchButton = isSearchType && this.noIcon === false;
|
|
8023
8184
|
const shouldHideIcon = !isSearchType && this.noIcon === true;
|
|
8024
8185
|
const shouldRemoveSearchPadding = isSearchType && this.noIcon === true;
|
|
8025
|
-
return (hAsync("div", { key: '
|
|
8186
|
+
return (hAsync("div", { key: '0c081010a5ec6cf8c04d7d1dd649075b16bddd7c', class: "qds-container" }, hAsync("input", { key: '2716262c8cee8b5de80cce4801d94de3e1e64931', accept: this.accept, autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
|
|
8026
8187
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
8027
8188
|
autoFocus: this.host.autofocus, capture: this.capture, class: {
|
|
8028
8189
|
'qds-search-padding': shouldRemoveSearchPadding,
|
|
@@ -8031,10 +8192,10 @@ class Input {
|
|
|
8031
8192
|
'qds-padding': shouldHideIcon,
|
|
8032
8193
|
'qds-password-padding': this.type === 'password' ||
|
|
8033
8194
|
(this.isPasswordVisible && this.type === 'text'),
|
|
8034
|
-
}, "data-size": __classPrivateFieldGet$
|
|
8195
|
+
}, "data-size": __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedSize_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, max: this.max, maxLength: this.maxLength, min: this.min, minLength: this.minLength, multiple: this.multiple, onBlur: __classPrivateFieldGet$h(this, _Input_onBlur, "f"), onChange: __classPrivateFieldGet$h(this, _Input_onChange, "f"), onFocus: __classPrivateFieldGet$h(this, _Input_onFocus, "f"), onInput: __classPrivateFieldGet$h(this, _Input_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet$h(this, _Input_ref, "f"), spellcheck: this.host.spellcheck, step: this.step, tabIndex: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get) ? undefined : this.tabIndex, type: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedType_get), ...__classPrivateFieldGet$h(this, _Input_inheritedAttributes, "f") }), hAsync("div", { key: '1ced5059ea467ce205d76c9bc85b26fde42329ab', class: "qds-focus-ring" }), __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: '7761afacfb1101f0e15a1a5eae2e0119c6820a5c', class: {
|
|
8035
8196
|
'qds-icon-container': true,
|
|
8036
8197
|
'no-padding': shouldRemoveSearchPadding,
|
|
8037
|
-
} }, shouldShowClearButton && (hAsync("qds-mini-button", { key: '
|
|
8198
|
+
} }, shouldShowClearButton && (hAsync("qds-mini-button", { key: 'f208406b016ce83602cf6532d742699568f52e7c', class: "qds-hide", text: "clear input", library: "core", name: "clear", disabled: this.disabled, onClick: __classPrivateFieldGet$h(this, _Input_onClear, "f"), tabindex: -1, onQdsFocus: stopImmediatePropagation })), __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) && (hAsync("qds-mini-button", { key: 'a33c82673216d84620eee4bc9e08f2e4ca080eaf', disabled: this.disabled, onClick: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_iconClickHandler_get), text: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedInteractiveIconAriaLabel_get), library: "core", name: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get), tabindex: -1, onQdsFocus: stopImmediatePropagation })), shouldShowSearchButton ? (hAsync("qds-mini-button", { text: "search", library: "core", name: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get), disabled: this.disabled, onClick: __classPrivateFieldGet$h(this, _Input_onSearch, "f"), tabindex: -1, onQdsFocus: stopImmediatePropagation })) : (hAsync("div", null))))));
|
|
8038
8199
|
}
|
|
8039
8200
|
static get delegatesFocus() { return true; }
|
|
8040
8201
|
static get formAssociated() { return true; }
|
|
@@ -8139,7 +8300,7 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
|
|
|
8139
8300
|
['month', 'time', 'date', 'datetime-local', 'week', 'password'].includes(this.type));
|
|
8140
8301
|
}, _Input_iconClickHandler_get = function _Input_iconClickHandler_get() {
|
|
8141
8302
|
return this.type === 'password'
|
|
8142
|
-
? __classPrivateFieldGet$
|
|
8303
|
+
? __classPrivateFieldGet$h(this, _Input_togglePasswordVisibility, "f")
|
|
8143
8304
|
: this.showPicker;
|
|
8144
8305
|
}, _Input_computedType_get = function _Input_computedType_get() {
|
|
8145
8306
|
return this.type === 'password' && this.isPasswordVisible
|
|
@@ -8154,8 +8315,8 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
|
|
|
8154
8315
|
}, _Input_defineGetter = function _Input_defineGetter(p, get) {
|
|
8155
8316
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
8156
8317
|
}, _Input_clearValue = function _Input_clearValue() {
|
|
8157
|
-
invariant(__classPrivateFieldGet$
|
|
8158
|
-
__classPrivateFieldGet$
|
|
8318
|
+
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
8319
|
+
__classPrivateFieldGet$h(this, _Input_input, "f").value = '';
|
|
8159
8320
|
};
|
|
8160
8321
|
|
|
8161
8322
|
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{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.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)}";
|
|
@@ -8163,14 +8324,14 @@ const labelCss = ":host([hidden]){display:none!important}:host{display:inline-bl
|
|
|
8163
8324
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
8164
8325
|
//
|
|
8165
8326
|
// SPDX-License-Identifier: Apache-2.0
|
|
8166
|
-
var __classPrivateFieldGet$
|
|
8327
|
+
var __classPrivateFieldGet$g = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
8167
8328
|
if (kind === "a" && !f)
|
|
8168
8329
|
throw new TypeError("Private accessor was defined without a getter");
|
|
8169
8330
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
8170
8331
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
8171
8332
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
8172
8333
|
};
|
|
8173
|
-
var __classPrivateFieldSet$
|
|
8334
|
+
var __classPrivateFieldSet$e = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
8174
8335
|
if (kind === "m")
|
|
8175
8336
|
throw new TypeError("Private method is not writable");
|
|
8176
8337
|
if (kind === "a" && !f)
|
|
@@ -8179,7 +8340,7 @@ var __classPrivateFieldSet$d = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
8179
8340
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
8180
8341
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
8181
8342
|
};
|
|
8182
|
-
var _Label_instances, _Label_label, _Label_ro, _Label_span, _Label_computedSize_get, _Label_computedImportance_get, _Label_labelRef, _Label_spanRef,
|
|
8343
|
+
var _Label_instances, _Label_label, _Label_ro, _Label_span, _Label_computedSize_get, _Label_computedImportance_get, _Label_labelRef, _Label_spanRef, _Label_tooltipRef;
|
|
8183
8344
|
/**
|
|
8184
8345
|
* `<qds-label>` elements represent a caption for an item in a user interface.
|
|
8185
8346
|
*
|
|
@@ -8208,50 +8369,50 @@ class Label {
|
|
|
8208
8369
|
* The label's importance.
|
|
8209
8370
|
*/
|
|
8210
8371
|
this.importance = 'standard';
|
|
8211
|
-
this.
|
|
8372
|
+
this.tooltip = false;
|
|
8212
8373
|
_Label_label.set(this, void 0);
|
|
8213
8374
|
_Label_ro.set(this, void 0);
|
|
8214
8375
|
_Label_span.set(this, void 0);
|
|
8215
8376
|
_Label_labelRef.set(this, (label) => {
|
|
8216
|
-
__classPrivateFieldSet$
|
|
8377
|
+
__classPrivateFieldSet$e(this, _Label_label, label, "f");
|
|
8217
8378
|
});
|
|
8218
8379
|
_Label_spanRef.set(this, (span) => {
|
|
8219
|
-
__classPrivateFieldSet$
|
|
8380
|
+
__classPrivateFieldSet$e(this, _Label_span, span, "f");
|
|
8220
8381
|
});
|
|
8221
|
-
|
|
8382
|
+
_Label_tooltipRef.set(this, (tooltip) => {
|
|
8222
8383
|
if (tooltip)
|
|
8223
8384
|
// eslint-disable-next-line no-param-reassign
|
|
8224
|
-
tooltip.target = this.tooltipTarget ?? __classPrivateFieldGet$
|
|
8385
|
+
tooltip.target = this.tooltipTarget ?? __classPrivateFieldGet$g(this, _Label_label, "f");
|
|
8225
8386
|
});
|
|
8226
8387
|
}
|
|
8227
8388
|
textChanged() {
|
|
8228
|
-
if (__classPrivateFieldGet$
|
|
8229
|
-
__classPrivateFieldGet$
|
|
8230
|
-
if (!__classPrivateFieldGet$
|
|
8389
|
+
if (__classPrivateFieldGet$g(this, _Label_ro, "f"))
|
|
8390
|
+
__classPrivateFieldGet$g(this, _Label_ro, "f").disconnect();
|
|
8391
|
+
if (!__classPrivateFieldGet$g(this, _Label_span, "f"))
|
|
8231
8392
|
return;
|
|
8232
|
-
const span = __classPrivateFieldGet$
|
|
8393
|
+
const span = __classPrivateFieldGet$g(this, _Label_span, "f");
|
|
8233
8394
|
readTask(() => {
|
|
8234
|
-
this.
|
|
8395
|
+
this.tooltip = isEllipsisActive(span);
|
|
8235
8396
|
});
|
|
8236
|
-
__classPrivateFieldSet$
|
|
8237
|
-
this.
|
|
8397
|
+
__classPrivateFieldSet$e(this, _Label_ro, new ResizeObserver(([spanEntry]) => {
|
|
8398
|
+
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
8238
8399
|
}), "f");
|
|
8239
|
-
__classPrivateFieldGet$
|
|
8400
|
+
__classPrivateFieldGet$g(this, _Label_ro, "f").observe(__classPrivateFieldGet$g(this, _Label_span, "f"));
|
|
8240
8401
|
}
|
|
8241
8402
|
componentDidLoad() {
|
|
8242
8403
|
this.textChanged();
|
|
8243
8404
|
}
|
|
8244
8405
|
disconnectedCallback() {
|
|
8245
|
-
if (__classPrivateFieldGet$
|
|
8246
|
-
__classPrivateFieldGet$
|
|
8406
|
+
if (__classPrivateFieldGet$g(this, _Label_ro, "f"))
|
|
8407
|
+
__classPrivateFieldGet$g(this, _Label_ro, "f").disconnect();
|
|
8247
8408
|
}
|
|
8248
8409
|
render() {
|
|
8249
|
-
return (hAsync("span", { key: '
|
|
8410
|
+
return (hAsync("span", { key: '6c3f4a992f689a53a80385f1d83b7c1a15da62f5', class: {
|
|
8250
8411
|
'qds-inline': this.inline,
|
|
8251
8412
|
'qds-label': true,
|
|
8252
|
-
}, "data-size": __classPrivateFieldGet$
|
|
8413
|
+
}, "data-size": __classPrivateFieldGet$g(this, _Label_instances, "a", _Label_computedSize_get), "data-importance": __classPrivateFieldGet$g(this, _Label_instances, "a", _Label_computedImportance_get), ref: __classPrivateFieldGet$g(this, _Label_labelRef, "f"),
|
|
8253
8414
|
// eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
|
|
8254
|
-
tabIndex: this.
|
|
8415
|
+
tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '3f69236c9ede573ea57335b24839170a188bb29e', class: "qds-required" }, "*"), hAsync("span", { key: '77c6d15632b184100a047fb58b4923bf46725403', class: "qds-text", ref: __classPrivateFieldGet$g(this, _Label_spanRef, "f") }, this.text), this.tooltip && (hAsync("qds-tooltip", { key: 'a925ab15602788ba2c6aaf0db21ae903de79c940', "aria-hidden": "true", ref: __classPrivateFieldGet$g(this, _Label_tooltipRef, "f") }, this.text))));
|
|
8255
8416
|
}
|
|
8256
8417
|
static get watchers() { return {
|
|
8257
8418
|
"text": ["textChanged"]
|
|
@@ -8267,14 +8428,14 @@ class Label {
|
|
|
8267
8428
|
"importance": [1],
|
|
8268
8429
|
"text": [1],
|
|
8269
8430
|
"tooltipTarget": [1, "tooltip-target"],
|
|
8270
|
-
"
|
|
8431
|
+
"tooltip": [32]
|
|
8271
8432
|
},
|
|
8272
8433
|
"$listeners$": undefined,
|
|
8273
8434
|
"$lazyBundleId$": "-",
|
|
8274
8435
|
"$attrsToReflect$": []
|
|
8275
8436
|
}; }
|
|
8276
8437
|
}
|
|
8277
|
-
_Label_label = new WeakMap(), _Label_ro = new WeakMap(), _Label_span = new WeakMap(), _Label_labelRef = new WeakMap(), _Label_spanRef = new WeakMap(),
|
|
8438
|
+
_Label_label = new WeakMap(), _Label_ro = new WeakMap(), _Label_span = new WeakMap(), _Label_labelRef = new WeakMap(), _Label_spanRef = new WeakMap(), _Label_tooltipRef = new WeakMap(), _Label_instances = new WeakSet(), _Label_computedSize_get = function _Label_computedSize_get() {
|
|
8278
8439
|
switch (this.size) {
|
|
8279
8440
|
case 'standard':
|
|
8280
8441
|
case 'small':
|
|
@@ -8297,19 +8458,19 @@ _Label_label = new WeakMap(), _Label_ro = new WeakMap(), _Label_span = new WeakM
|
|
|
8297
8458
|
}
|
|
8298
8459
|
};
|
|
8299
8460
|
|
|
8300
|
-
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-list-action{pointer-events:none}.qds-indented-content{align-self:stretch;display:flex;flex:1 0}.qds-destination{transform:scaleX(var(--qds-direction-factor,1))}.qds-icon{color:var(--qds-theme-text-standard)}.qds-
|
|
8461
|
+
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-list-action{pointer-events:none}.qds-indented-content{align-self:stretch;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{color:var(--qds-theme-title);-webkit-line-clamp:2}.qds-subtitle,.qds-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.qds-subtitle{color:var(--qds-theme-subtitle);-webkit-line-clamp:5}.qds-kicker{color:var(--qds-theme-kicker);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}[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{font:var(--qds-list-item-small-kicker)}[data-size=small] .qds-title{font:var(--qds-list-item-small-title)}[data-size=small] .qds-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{font:var(--qds-list-item-standard-kicker)}[data-size=standard] .qds-title{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-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{font:var(--qds-list-item-large-kicker)}[data-size=large] .qds-title{font:var(--qds-list-item-large-title)}[data-size=large] .qds-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{background-color:var(--qds-theme-interactive-background-hover)}.qds-list-item:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-list-item:has(input:focus-visible){outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.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)}";
|
|
8301
8462
|
|
|
8302
8463
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
8303
8464
|
//
|
|
8304
8465
|
// SPDX-License-Identifier: Apache-2.0
|
|
8305
|
-
var __classPrivateFieldGet$
|
|
8466
|
+
var __classPrivateFieldGet$f = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
8306
8467
|
if (kind === "a" && !f)
|
|
8307
8468
|
throw new TypeError("Private accessor was defined without a getter");
|
|
8308
8469
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
8309
8470
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
8310
8471
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
8311
8472
|
};
|
|
8312
|
-
var __classPrivateFieldSet$
|
|
8473
|
+
var __classPrivateFieldSet$d = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
8313
8474
|
if (kind === "m")
|
|
8314
8475
|
throw new TypeError("Private method is not writable");
|
|
8315
8476
|
if (kind === "a" && !f)
|
|
@@ -8370,20 +8531,20 @@ class ListItem {
|
|
|
8370
8531
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
8371
8532
|
});
|
|
8372
8533
|
_ListItem_divTitleRef.set(this, (div) => {
|
|
8373
|
-
__classPrivateFieldSet$
|
|
8534
|
+
__classPrivateFieldSet$d(this, _ListItem_text, div, "f");
|
|
8374
8535
|
});
|
|
8375
8536
|
_ListItem_divSubtitleRef.set(this, (div) => {
|
|
8376
|
-
__classPrivateFieldSet$
|
|
8537
|
+
__classPrivateFieldSet$d(this, _ListItem_subtitle, div, "f");
|
|
8377
8538
|
});
|
|
8378
8539
|
_ListItem_textTooltipRef.set(this, (tooltip) => {
|
|
8379
8540
|
if (tooltip)
|
|
8380
8541
|
// eslint-disable-next-line no-param-reassign
|
|
8381
|
-
tooltip.target = __classPrivateFieldGet$
|
|
8542
|
+
tooltip.target = __classPrivateFieldGet$f(this, _ListItem_text, "f");
|
|
8382
8543
|
});
|
|
8383
8544
|
_ListItem_subtitleTooltipRef.set(this, (tooltip) => {
|
|
8384
8545
|
if (tooltip)
|
|
8385
8546
|
// eslint-disable-next-line no-param-reassign
|
|
8386
|
-
tooltip.target = __classPrivateFieldGet$
|
|
8547
|
+
tooltip.target = __classPrivateFieldGet$f(this, _ListItem_subtitle, "f");
|
|
8387
8548
|
});
|
|
8388
8549
|
}
|
|
8389
8550
|
onClick(event) {
|
|
@@ -8398,15 +8559,15 @@ class ListItem {
|
|
|
8398
8559
|
event.preventDefault();
|
|
8399
8560
|
if (this.listAction === 'multiselect') {
|
|
8400
8561
|
event.stopImmediatePropagation();
|
|
8401
|
-
this.selected = __classPrivateFieldGet$
|
|
8562
|
+
this.selected = __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedIndeterminate_get)
|
|
8402
8563
|
? true
|
|
8403
|
-
: !__classPrivateFieldGet$
|
|
8564
|
+
: !__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
|
|
8404
8565
|
this.changeEmitter.emit();
|
|
8405
8566
|
this.indeterminate = false;
|
|
8406
8567
|
}
|
|
8407
|
-
if (this.listAction === 'radio' && !__classPrivateFieldGet$
|
|
8568
|
+
if (this.listAction === 'radio' && !__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get)) {
|
|
8408
8569
|
event.stopImmediatePropagation();
|
|
8409
|
-
this.selected = !__classPrivateFieldGet$
|
|
8570
|
+
this.selected = !__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
|
|
8410
8571
|
}
|
|
8411
8572
|
}
|
|
8412
8573
|
onKeydown(event) {
|
|
@@ -8427,44 +8588,44 @@ class ListItem {
|
|
|
8427
8588
|
listActionChanged(newValue) {
|
|
8428
8589
|
this.internals.ariaChecked =
|
|
8429
8590
|
(newValue === 'radio' || newValue === 'multiselect') &&
|
|
8430
|
-
__classPrivateFieldGet$
|
|
8591
|
+
__classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get)
|
|
8431
8592
|
? 'true'
|
|
8432
8593
|
: 'false';
|
|
8433
8594
|
}
|
|
8434
8595
|
selectedChanged() {
|
|
8435
8596
|
if (this.listAction === 'multiselect') {
|
|
8436
|
-
this.internals.ariaChecked = __classPrivateFieldGet$
|
|
8597
|
+
this.internals.ariaChecked = __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get).toString();
|
|
8437
8598
|
}
|
|
8438
8599
|
}
|
|
8439
8600
|
textChanged() {
|
|
8440
|
-
if (__classPrivateFieldGet$
|
|
8441
|
-
__classPrivateFieldGet$
|
|
8442
|
-
if (!__classPrivateFieldGet$
|
|
8601
|
+
if (__classPrivateFieldGet$f(this, _ListItem_roText, "f"))
|
|
8602
|
+
__classPrivateFieldGet$f(this, _ListItem_roText, "f").disconnect();
|
|
8603
|
+
if (!__classPrivateFieldGet$f(this, _ListItem_text, "f") || !this.text)
|
|
8443
8604
|
return;
|
|
8444
|
-
invariant(__classPrivateFieldGet$
|
|
8445
|
-
const div = __classPrivateFieldGet$
|
|
8605
|
+
invariant(__classPrivateFieldGet$f(this, _ListItem_text, "f"));
|
|
8606
|
+
const div = __classPrivateFieldGet$f(this, _ListItem_text, "f");
|
|
8446
8607
|
readTask(() => {
|
|
8447
|
-
this.textTooltip =
|
|
8608
|
+
this.textTooltip = isEllipsisActive(div);
|
|
8448
8609
|
});
|
|
8449
|
-
__classPrivateFieldSet$
|
|
8450
|
-
this.textTooltip =
|
|
8610
|
+
__classPrivateFieldSet$d(this, _ListItem_roText, new ResizeObserver(([divEntry]) => {
|
|
8611
|
+
this.textTooltip = isEllipsisActive(divEntry.target);
|
|
8451
8612
|
}), "f");
|
|
8452
|
-
__classPrivateFieldGet$
|
|
8613
|
+
__classPrivateFieldGet$f(this, _ListItem_roText, "f").observe(__classPrivateFieldGet$f(this, _ListItem_text, "f"));
|
|
8453
8614
|
}
|
|
8454
8615
|
subtitleChanged() {
|
|
8455
|
-
if (__classPrivateFieldGet$
|
|
8456
|
-
__classPrivateFieldGet$
|
|
8457
|
-
if (!__classPrivateFieldGet$
|
|
8616
|
+
if (__classPrivateFieldGet$f(this, _ListItem_roSubTitle, "f"))
|
|
8617
|
+
__classPrivateFieldGet$f(this, _ListItem_roSubTitle, "f").disconnect();
|
|
8618
|
+
if (!__classPrivateFieldGet$f(this, _ListItem_subtitle, "f") || this.subtitle === undefined || this.subtitle === '')
|
|
8458
8619
|
return;
|
|
8459
|
-
invariant(__classPrivateFieldGet$
|
|
8460
|
-
const div = __classPrivateFieldGet$
|
|
8620
|
+
invariant(__classPrivateFieldGet$f(this, _ListItem_subtitle, "f"));
|
|
8621
|
+
const div = __classPrivateFieldGet$f(this, _ListItem_subtitle, "f");
|
|
8461
8622
|
readTask(() => {
|
|
8462
|
-
this.subtitleTooltip =
|
|
8623
|
+
this.subtitleTooltip = isEllipsisActive(div);
|
|
8463
8624
|
});
|
|
8464
|
-
__classPrivateFieldSet$
|
|
8465
|
-
this.subtitleTooltip =
|
|
8625
|
+
__classPrivateFieldSet$d(this, _ListItem_roSubTitle, new ResizeObserver(([divEntry]) => {
|
|
8626
|
+
this.subtitleTooltip = isEllipsisActive(divEntry.target);
|
|
8466
8627
|
}), "f");
|
|
8467
|
-
__classPrivateFieldGet$
|
|
8628
|
+
__classPrivateFieldGet$f(this, _ListItem_roSubTitle, "f").observe(__classPrivateFieldGet$f(this, _ListItem_subtitle, "f"));
|
|
8468
8629
|
}
|
|
8469
8630
|
componentWillLoad() {
|
|
8470
8631
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
@@ -8495,13 +8656,13 @@ class ListItem {
|
|
|
8495
8656
|
render() {
|
|
8496
8657
|
return (
|
|
8497
8658
|
/* eslint-disable jsx-a11y/label-has-associated-control */
|
|
8498
|
-
hAsync(Host, { key: '
|
|
8659
|
+
hAsync(Host, { key: 'eb643cc1b548667a3d67f994f118091e65483964', onBlur: __classPrivateFieldGet$f(this, _ListItem_onBlur, "f"), onFocus: __classPrivateFieldGet$f(this, _ListItem_onFocus, "f"), tabIndex: this.tabIndex, "aria-label": this.text }, hAsync("div", { key: '5f1109254dc3403308d8e0222a09efb38630e248', class: {
|
|
8499
8660
|
'qds-list-item': true,
|
|
8500
8661
|
'qds-disabled': this.disabled,
|
|
8501
|
-
'qds-selected': __classPrivateFieldGet$
|
|
8502
|
-
}, "data-size": __classPrivateFieldGet$
|
|
8662
|
+
'qds-selected': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
|
|
8663
|
+
}, "data-size": __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '92388e22d3afd96458c4381045e09fd2fb0e854d', class: {
|
|
8503
8664
|
'qds-indented-content': true,
|
|
8504
|
-
} }, __classPrivateFieldGet$
|
|
8665
|
+
} }, __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: '14231ea877cc08acdf4d8317c765d80b63908e64', checked: this.selected, class: "qds-list-action", indeterminate: this.indeterminate, size: this.size, tabindex: -1, text: this.text, disabled: this.disabled, "aria-hidden": "true", checkboxOnly: true })), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' && (hAsync("qds-radio", { key: '742dfe21f2cedfbdbed36ab4b84f1ddb52601486', checked: this.selected, class: "qds-list-action", size: this.size, tabindex: -1, "aria-hidden": "true", disabled: this.disabled })), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'reorder' && (hAsync("qds-icon", { key: '7b1621883c9a1603899eb3ea6c99b1b62b3a18b1', "aria-hidden": "true", class: "qds-icon qds-list-action", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (hAsync("img", { key: '5b3342a6edd2638b48a8a4bd4f5ed0b618645681', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '240bdc74537b49a5549532a064f0a9dcb86f2403', "aria-hidden": "true", class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (hAsync("qds-avatar-media", { key: '846fe9687d812abba5746be6be72df97c6cf1296', class: "qds-picture", src: this.avatarSrc })), hAsync("label", { key: 'b0a7a4008c27f7d25a136d4c1d4b1865c475fbb6', class: "qds-texts" }, this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: 'd1fa1c3d7ad575bf0a34ad35980df4f81246b43f', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: '17b8a7a1ff250b62ce47358eb781f85062392e12', class: "qds-title", ref: __classPrivateFieldGet$f(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '75d43bb788000dffd0b079bdcf20bf7260ec25e2', class: "qds-subtitle", ref: __classPrivateFieldGet$f(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (hAsync("qds-badge-counter", { key: 'b2158f3a39e040fe2eebe88f5353c4b5d5ae66e6', size: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSize_get), strokeRing: true, value: this.badge, description: this.badgeDescription })), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (hAsync("qds-icon", { key: '556fe79cc687a40bf954602888740497ae77250b', "aria-hidden": "true", class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))), this.showDivider && hAsync("qds-divider", { key: '95190118f21c209ea22c9fbb158c23f01780b38a' }), this.textTooltip && (hAsync("qds-tooltip", { key: 'f2babf99ea3084f52b06d206963922af4c20f4ed', "aria-hidden": "true", ref: __classPrivateFieldGet$f(this, _ListItem_textTooltipRef, "f") }, this.text)), this.subtitleTooltip && (hAsync("qds-tooltip", { key: '18d3fdb6bb2d53a98818e5d82b9ac973b9c315e3', "aria-hidden": "true", ref: __classPrivateFieldGet$f(this, _ListItem_subtitleTooltipRef, "f") }, this.subtitle))))
|
|
8505
8666
|
/* eslint-enable jsx-a11y/label-has-associated-control */
|
|
8506
8667
|
);
|
|
8507
8668
|
}
|
|
@@ -8581,12 +8742,12 @@ _ListItem_roText = new WeakMap(), _ListItem_roSubTitle = new WeakMap(), _ListIte
|
|
|
8581
8742
|
}
|
|
8582
8743
|
};
|
|
8583
8744
|
|
|
8584
|
-
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);
|
|
8745
|
+
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-on-dark-indeterminate\n );border:var(--qds-theme-feedback-loader-neutral-on-dark-indeterminate)}[data-status=loading][data-importance=neutral]{background-image:var(\n --qds-theme-feedback-loader-neutral-on-light-indeterminate\n );border:var(--qds-theme-feedback-loader-neutral-on-light-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)}";
|
|
8585
8746
|
|
|
8586
8747
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
8587
8748
|
//
|
|
8588
8749
|
// SPDX-License-Identifier: Apache-2.0
|
|
8589
|
-
var __classPrivateFieldGet$
|
|
8750
|
+
var __classPrivateFieldGet$e = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
8590
8751
|
if (kind === "a" && !f)
|
|
8591
8752
|
throw new TypeError("Private accessor was defined without a getter");
|
|
8592
8753
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -8621,7 +8782,7 @@ class Loader {
|
|
|
8621
8782
|
this.importance = 'standard';
|
|
8622
8783
|
}
|
|
8623
8784
|
statusChanged() {
|
|
8624
|
-
const status = __classPrivateFieldGet$
|
|
8785
|
+
const status = __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedStatus_get);
|
|
8625
8786
|
this.internals.ariaValueNow =
|
|
8626
8787
|
status === undefined
|
|
8627
8788
|
? // eslint-disable-next-line unicorn/no-null
|
|
@@ -8649,11 +8810,11 @@ class Loader {
|
|
|
8649
8810
|
this.internals.role = 'progressbar';
|
|
8650
8811
|
this.internals.ariaValueMin = this.host.ariaValueMin ?? '0';
|
|
8651
8812
|
this.internals.ariaValueMax = this.host.ariaValueMax ?? '1';
|
|
8652
|
-
__classPrivateFieldGet$
|
|
8813
|
+
__classPrivateFieldGet$e(this, _Loader_instances, "m", _Loader_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
8653
8814
|
this.statusChanged();
|
|
8654
8815
|
}
|
|
8655
8816
|
render() {
|
|
8656
|
-
return __classPrivateFieldGet$
|
|
8817
|
+
return __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedStatus_get) ? (hAsync("qds-icon", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedStatus_get), library: "core", name: `status-${this.status}-solid` })) : (hAsync("div", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": "loading", "data-importance": __classPrivateFieldGet$e(this, _Loader_instances, "a", _Loader_computedImportance_get) }));
|
|
8657
8818
|
}
|
|
8658
8819
|
static get formAssociated() { return true; }
|
|
8659
8820
|
get host() { return getElement(this); }
|
|
@@ -8714,19 +8875,19 @@ _Loader_instances = new WeakSet(), _Loader_computedSize_get = function _Loader_c
|
|
|
8714
8875
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
8715
8876
|
};
|
|
8716
8877
|
|
|
8717
|
-
const menuItemCss = ":host([hidden]){display:none!important}:host{display:block}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-menu-item-container{align-items:center;display:flex}.qds-disabled{cursor:not-allowed;opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{color:var(--qds-theme-text-standard)}.qds-text{color:var(--qds-theme-title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-shortcut{color:var(--qds-theme-text-subdued)}[data-size=small] .qds-menu-item-container{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding-inline:var(--qds-list-item-small-padding-horizontal)}[data-size=small] .menu-item-checkable
|
|
8878
|
+
const menuItemCss = ":host([hidden]){display:none!important}:host{display:block}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-menu-item-container{align-items:center;display:flex}.qds-disabled{cursor:not-allowed;opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{color:var(--qds-theme-text-standard)}.qds-text{color:var(--qds-theme-title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-shortcut{color:var(--qds-theme-text-subdued)}[data-size=small] .qds-menu-item-container{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding-inline:var(--qds-list-item-small-padding-horizontal)}[data-size=small] .menu-item-checkable,[data-size=small] .qds-icon{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-text{font:var(--qds-list-item-small-title)}[data-size=standard] .qds-menu-item-container{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding-inline:var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .menu-item-checkable,[data-size=standard] .qds-icon{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-text{font:var(--qds-list-item-standard-title)}[data-size=large] .qds-menu-item-container{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding-inline:var(--qds-list-item-large-padding-horizontal)}[data-size=large] .menu-item-checkable,[data-size=large] .qds-icon{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-text{font:var(--qds-list-item-large-title)}.qds-menu-item{align-items:center;-webkit-appearance:none;appearance:none;border:none;border-radius:var(--qds-control-border-radius);box-sizing:border-box;color:var(--qds-theme-text-standard);cursor:pointer;display:flex;flex-grow:1;text-align:initial;-webkit-text-decoration:none;text-decoration:none}.qds-menu-item:not(.qds-selected):not(.qds-disabled):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-menu-item:not(.qds-selected):not(.qds-disabled):active{background-color:var(--qds-theme-interactive-background-pressed)}";
|
|
8718
8879
|
|
|
8719
8880
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
8720
8881
|
//
|
|
8721
8882
|
// SPDX-License-Identifier: Apache-2.0
|
|
8722
|
-
var __classPrivateFieldGet$
|
|
8883
|
+
var __classPrivateFieldGet$d = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
8723
8884
|
if (kind === "a" && !f)
|
|
8724
8885
|
throw new TypeError("Private accessor was defined without a getter");
|
|
8725
8886
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
8726
8887
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
8727
8888
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
8728
8889
|
};
|
|
8729
|
-
var __classPrivateFieldSet$
|
|
8890
|
+
var __classPrivateFieldSet$c = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
8730
8891
|
if (kind === "m")
|
|
8731
8892
|
throw new TypeError("Private method is not writable");
|
|
8732
8893
|
if (kind === "a" && !f)
|
|
@@ -8775,17 +8936,17 @@ class MenuItem {
|
|
|
8775
8936
|
_MenuItem_span.set(this, void 0);
|
|
8776
8937
|
_MenuItem_menuitemDivRef.set(this, (menuItem) => {
|
|
8777
8938
|
if (menuItem) {
|
|
8778
|
-
__classPrivateFieldSet$
|
|
8939
|
+
__classPrivateFieldSet$c(this, _MenuItem_menuItem, menuItem, "f");
|
|
8779
8940
|
}
|
|
8780
|
-
return __classPrivateFieldGet$
|
|
8941
|
+
return __classPrivateFieldGet$d(this, _MenuItem_menuItem, "f");
|
|
8781
8942
|
});
|
|
8782
8943
|
_MenuItem_spanRef.set(this, (span) => {
|
|
8783
|
-
__classPrivateFieldSet$
|
|
8944
|
+
__classPrivateFieldSet$c(this, _MenuItem_span, span, "f");
|
|
8784
8945
|
});
|
|
8785
8946
|
_MenuItem_tooltipRef.set(this, (tooltip) => {
|
|
8786
8947
|
if (tooltip)
|
|
8787
8948
|
// eslint-disable-next-line no-param-reassign
|
|
8788
|
-
tooltip.target = __classPrivateFieldGet$
|
|
8949
|
+
tooltip.target = __classPrivateFieldGet$d(this, _MenuItem_menuItem, "f");
|
|
8789
8950
|
});
|
|
8790
8951
|
}
|
|
8791
8952
|
onBlur(event) {
|
|
@@ -8795,32 +8956,32 @@ class MenuItem {
|
|
|
8795
8956
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
8796
8957
|
}
|
|
8797
8958
|
onClick(event) {
|
|
8798
|
-
if (__classPrivateFieldGet$
|
|
8959
|
+
if (__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get)) {
|
|
8799
8960
|
event.stopImmediatePropagation();
|
|
8800
8961
|
return;
|
|
8801
8962
|
}
|
|
8802
|
-
if (__classPrivateFieldGet$
|
|
8803
|
-
this.checked = !__classPrivateFieldGet$
|
|
8963
|
+
if (__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get)) {
|
|
8964
|
+
this.checked = !__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get);
|
|
8804
8965
|
this.selectEmitter.emit();
|
|
8805
8966
|
}
|
|
8806
8967
|
}
|
|
8807
8968
|
disabledChanged() {
|
|
8808
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
8969
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get).toString();
|
|
8809
8970
|
}
|
|
8810
8971
|
checkedChanged() {
|
|
8811
|
-
this.internals.ariaChecked = __classPrivateFieldGet$
|
|
8972
|
+
this.internals.ariaChecked = __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get).toString();
|
|
8812
8973
|
}
|
|
8813
8974
|
componentDidLoad() {
|
|
8814
8975
|
this.checkedChanged();
|
|
8815
|
-
invariant(__classPrivateFieldGet$
|
|
8816
|
-
const span = __classPrivateFieldGet$
|
|
8976
|
+
invariant(__classPrivateFieldGet$d(this, _MenuItem_span, "f"));
|
|
8977
|
+
const span = __classPrivateFieldGet$d(this, _MenuItem_span, "f");
|
|
8817
8978
|
readTask(() => {
|
|
8818
|
-
this.tooltip =
|
|
8979
|
+
this.tooltip = isEllipsisActive(span);
|
|
8819
8980
|
});
|
|
8820
|
-
__classPrivateFieldSet$
|
|
8821
|
-
this.tooltip =
|
|
8981
|
+
__classPrivateFieldSet$c(this, _MenuItem_ro, new ResizeObserver(([spanEntry]) => {
|
|
8982
|
+
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
8822
8983
|
}), "f");
|
|
8823
|
-
__classPrivateFieldGet$
|
|
8984
|
+
__classPrivateFieldGet$d(this, _MenuItem_ro, "f").observe(__classPrivateFieldGet$d(this, _MenuItem_span, "f"));
|
|
8824
8985
|
}
|
|
8825
8986
|
componentWillLoad() {
|
|
8826
8987
|
this.hasSubmenuSlot = this.host.hasChildNodes();
|
|
@@ -8829,11 +8990,11 @@ class MenuItem {
|
|
|
8829
8990
|
this.disabledChanged();
|
|
8830
8991
|
}
|
|
8831
8992
|
render() {
|
|
8832
|
-
return (hAsync("div", { key: '
|
|
8993
|
+
return (hAsync("div", { key: 'b8454a28e6a29f24a95f4950b638e954147f0def', class: {
|
|
8833
8994
|
'qds-menu-item': true,
|
|
8834
|
-
'qds-disabled': __classPrivateFieldGet$
|
|
8835
|
-
'qds-has-submenu': __classPrivateFieldGet$
|
|
8836
|
-
}, ref: __classPrivateFieldGet$
|
|
8995
|
+
'qds-disabled': __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
|
|
8996
|
+
'qds-has-submenu': __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get),
|
|
8997
|
+
}, ref: __classPrivateFieldGet$d(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: '1a68b3955e885de3eaaba08f7c3942725d6a2cbc', class: "qds-menu-item-container" }, __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("span", { key: '04d8061f121116785a71b6d757d4c7655f7d4570', class: "menu-item-checkable" })), __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("qds-icon", { key: 'd6485fb3a39a1e017612c1931fc35b2ad87dc021', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '546959fe9b235fad85fb7f3b69970ebb0de895b8', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '12d44c8e4ef630aafe51033de1e396ee5bad418b', class: "qds-text", ref: __classPrivateFieldGet$d(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (hAsync("span", { key: '93e81f7b27658b66c941bcee3c013e7b801d11f4', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-icon", { key: '9dbad66e98cf520a37e0fb17f593b6144073e3b3', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '4ee1c768d8b95446472d0d421b22fc1f5762789a', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$d(this, _MenuItem_menuitemDivRef, "f") }, hAsync("slot", { key: 'a94adab6a68f516340c6436a440674ed03a9c984' }))), this.tooltip && (hAsync("qds-tooltip", { key: 'de57b2a6a63a5b251bc5657969e784d2ecbc0f10', ref: __classPrivateFieldGet$d(this, _MenuItem_tooltipRef, "f") }, this.text))));
|
|
8837
8998
|
}
|
|
8838
8999
|
get host() { return getElement(this); }
|
|
8839
9000
|
static get watchers() { return {
|
|
@@ -8875,9 +9036,9 @@ _MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span
|
|
|
8875
9036
|
}, _MenuItem_computedType_get = function _MenuItem_computedType_get() {
|
|
8876
9037
|
return this.type ?? undefined;
|
|
8877
9038
|
}, _MenuItem_computedCheckable_get = function _MenuItem_computedCheckable_get() {
|
|
8878
|
-
return __classPrivateFieldGet$
|
|
9039
|
+
return __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedType_get) === 'checkbox';
|
|
8879
9040
|
}, _MenuItem_computedChecked_get = function _MenuItem_computedChecked_get() {
|
|
8880
|
-
return ((__classPrivateFieldGet$
|
|
9041
|
+
return ((__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && this.checked) ?? false);
|
|
8881
9042
|
}, _MenuItem_computedDisabled_get = function _MenuItem_computedDisabled_get() {
|
|
8882
9043
|
return this.disabled ?? false;
|
|
8883
9044
|
}, _MenuItem_hasSubmenu_get = function _MenuItem_hasSubmenu_get() {
|
|
@@ -8889,14 +9050,14 @@ const miniButtonCss = ":host{display:block}:host(:focus-visible){border-radius:v
|
|
|
8889
9050
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
8890
9051
|
//
|
|
8891
9052
|
// SPDX-License-Identifier: Apache-2.0
|
|
8892
|
-
var __classPrivateFieldGet$
|
|
9053
|
+
var __classPrivateFieldGet$c = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
8893
9054
|
if (kind === "a" && !f)
|
|
8894
9055
|
throw new TypeError("Private accessor was defined without a getter");
|
|
8895
9056
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
8896
9057
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
8897
9058
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
8898
9059
|
};
|
|
8899
|
-
var __classPrivateFieldSet$
|
|
9060
|
+
var __classPrivateFieldSet$b = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
8900
9061
|
if (kind === "m")
|
|
8901
9062
|
throw new TypeError("Private method is not writable");
|
|
8902
9063
|
if (kind === "a" && !f)
|
|
@@ -8938,11 +9099,11 @@ class MiniButton {
|
|
|
8938
9099
|
_MiniButton_savedTabIndex.set(this, 0);
|
|
8939
9100
|
}
|
|
8940
9101
|
disabledChanged() {
|
|
8941
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
8942
|
-
if (__classPrivateFieldGet$
|
|
9102
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get).toString();
|
|
9103
|
+
if (__classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
|
|
8943
9104
|
this.host.removeAttribute('tabindex');
|
|
8944
9105
|
else
|
|
8945
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
9106
|
+
this.host.tabIndex = __classPrivateFieldGet$c(this, _MiniButton_savedTabIndex, "f");
|
|
8946
9107
|
}
|
|
8947
9108
|
hrefChanged() {
|
|
8948
9109
|
this.internals.role = this.href === undefined ? 'button' : 'link';
|
|
@@ -8950,20 +9111,20 @@ class MiniButton {
|
|
|
8950
9111
|
tabindexChanged(newValue) {
|
|
8951
9112
|
if (newValue !== null) {
|
|
8952
9113
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
8953
|
-
__classPrivateFieldSet$
|
|
9114
|
+
__classPrivateFieldSet$b(this, _MiniButton_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
|
|
8954
9115
|
? 0
|
|
8955
9116
|
: parsedValue, "f");
|
|
8956
9117
|
}
|
|
8957
|
-
if (__classPrivateFieldGet$
|
|
9118
|
+
if (__classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
|
|
8958
9119
|
this.host.removeAttribute('tabindex');
|
|
8959
9120
|
else
|
|
8960
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
9121
|
+
this.host.tabIndex = __classPrivateFieldGet$c(this, _MiniButton_savedTabIndex, "f");
|
|
8961
9122
|
}
|
|
8962
9123
|
textChanged() {
|
|
8963
9124
|
this.internals.ariaLabel = this.text;
|
|
8964
9125
|
}
|
|
8965
9126
|
onClick(event) {
|
|
8966
|
-
if (__classPrivateFieldGet$
|
|
9127
|
+
if (__classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get)) {
|
|
8967
9128
|
event.stopImmediatePropagation();
|
|
8968
9129
|
}
|
|
8969
9130
|
}
|
|
@@ -8989,7 +9150,7 @@ class MiniButton {
|
|
|
8989
9150
|
}
|
|
8990
9151
|
render() {
|
|
8991
9152
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
8992
|
-
return (hAsync(Tag, { key: 'b70f37da034b0680dd7d752e7e4c5ee7d6bb231f', type: Tag === 'a' ? undefined : 'button', class: "qds-mini-button", href: Tag === 'a' ? this.href : undefined, rel: Tag === 'a' ? this.rel : undefined, disabled: __classPrivateFieldGet$
|
|
9153
|
+
return (hAsync(Tag, { key: 'b70f37da034b0680dd7d752e7e4c5ee7d6bb231f', type: Tag === 'a' ? undefined : 'button', class: "qds-mini-button", href: Tag === 'a' ? this.href : undefined, rel: Tag === 'a' ? this.rel : undefined, disabled: __classPrivateFieldGet$c(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get), "aria-hidden": "true", onKeyDown: preventDefault, onKeyUp: preventDefault, onKeyPress: preventDefault, tabIndex: -1 }, hAsync("qds-icon", { key: 'db51f4dce6b3fdc6cc8b81b05946f561252974d7', class: "qds-icon", library: this.library, name: this.name })));
|
|
8993
9154
|
}
|
|
8994
9155
|
static get formAssociated() { return true; }
|
|
8995
9156
|
get host() { return getElement(this); }
|
|
@@ -9023,143 +9184,12 @@ _MiniButton_savedTabIndex = new WeakMap(), _MiniButton_instances = new WeakSet()
|
|
|
9023
9184
|
this.host.getAttribute('disabled') !== 'false'));
|
|
9024
9185
|
};
|
|
9025
9186
|
|
|
9026
|
-
const navListItemCss = ":host([hidden]){display:none!important}:host{display:block}.qds-button,.qds-nav-list-item,.qds-texts{display:flex}.qds-button,.qds-texts{flex:1 0}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-button{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;text-align:initial}.qds-button:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-button:not(.qds-selected):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button:not(.qds-selected):active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-subtext{color:var(--qds-theme-subtitle)}.qds-texts{flex-direction:column}.qds-button[data-size=small]{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding-block:var(--qds-list-item-small-padding-vertical);padding-inline:var(--qds-list-item-small-padding-horizontal)}[data-size=small]>.qds-icon{font-size:var(--qds-list-item-small-icon-size)}[data-size=small]>.qds-texts{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-text{font:var(--qds-list-item-small-title)}[data-size=small] .qds-subtext{font:var(--qds-list-item-small-subtitle)}.qds-button[data-size=standard]{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding-block:var(--qds-list-item-standard-padding-vertical);padding-inline:var(--qds-list-item-standard-padding-horizontal)}[data-size=standard]>.qds-icon{font-size:var(--qds-list-item-standard-icon-size)}[data-size=standard]>.qds-texts{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-text{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-subtext{font:var(--qds-list-item-standard-subtitle)}.qds-button[data-size=large]{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding-block:var(--qds-list-item-large-padding-vertical);padding-inline:var(--qds-list-item-large-padding-horizontal)}[data-size=large]>.qds-icon{font-size:var(--qds-list-item-large-icon-size)}[data-size=large]>.qds-texts{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-text{font:var(--qds-list-item-large-title)}[data-size=large] .qds-subtext{font:var(--qds-list-item-large-subtitle)}.qds-selected.qds-nav-list-item{background-color:var(\n --qds-theme-navigation-subsection-standard-background\n )}.qds-selected.qds-nav-list-item:after{background-color:var(--qds-theme-signature-color-default);border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";cursor:pointer;margin-right:calc(var(--qds-signature-line-connection-width)*-1/2);width:var(--qds-signature-line-connection-width)}.qds-selected .qds-icon{color:var(--qds-theme-signature-color-default)}.qds-selected[data-size=small] .qds-text{font:var(--qds-list-item-small-title-emphasized)}.qds-selected[data-size=standard] .qds-text{font:var(--qds-list-item-standard-title-emphasized)}.qds-selected[data-size=large] .qds-text{font:var(--qds-list-item-large-title-emphasized)}";
|
|
9027
|
-
|
|
9028
|
-
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9029
|
-
//
|
|
9030
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
9031
|
-
var __classPrivateFieldGet$c = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
9032
|
-
if (kind === "a" && !f)
|
|
9033
|
-
throw new TypeError("Private accessor was defined without a getter");
|
|
9034
|
-
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
9035
|
-
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
9036
|
-
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
9037
|
-
};
|
|
9038
|
-
var _NavListItem_instances, _NavListItem_computedSize_get, _NavListItem_shouldCollapse_get, _NavListItem_liRef, _NavListItem_tooltipRef, _NavListItem_onBlur, _NavListItem_onFocus;
|
|
9039
|
-
/**
|
|
9040
|
-
*
|
|
9041
|
-
*
|
|
9042
|
-
* @see https://quartz.se.com/build/components/nav-list-item
|
|
9043
|
-
*/
|
|
9044
|
-
class NavListItem {
|
|
9045
|
-
constructor(hostRef) {
|
|
9046
|
-
registerInstance(this, hostRef);
|
|
9047
|
-
this.blurEmitter = createEvent(this, "qdsBlur", 2);
|
|
9048
|
-
this.focusEmitter = createEvent(this, "qdsFocus", 2);
|
|
9049
|
-
_NavListItem_instances.add(this);
|
|
9050
|
-
/**
|
|
9051
|
-
* Displays the navigation list item in a collapsed state without its text.
|
|
9052
|
-
* The text will be displayed in a tooltip instead.
|
|
9053
|
-
*
|
|
9054
|
-
* This property has no effect if the navigation list item does not have an
|
|
9055
|
-
* icon set.
|
|
9056
|
-
*/
|
|
9057
|
-
this.collapsed = false;
|
|
9058
|
-
/**
|
|
9059
|
-
* Prevents the navigation list item from being interacted with: it cannot be
|
|
9060
|
-
* selected or focused.
|
|
9061
|
-
*/
|
|
9062
|
-
this.disabled = false;
|
|
9063
|
-
/**
|
|
9064
|
-
* The name of a registered icon library.
|
|
9065
|
-
*/
|
|
9066
|
-
this.iconLibrary = 'default';
|
|
9067
|
-
/**
|
|
9068
|
-
* The navigation list items's size.
|
|
9069
|
-
*/
|
|
9070
|
-
this.size = 'standard';
|
|
9071
|
-
/**
|
|
9072
|
-
* Whether or not the navigation list item is selected.
|
|
9073
|
-
*/
|
|
9074
|
-
this.selected = false;
|
|
9075
|
-
this.inheritedAttributes = {};
|
|
9076
|
-
_NavListItem_liRef.set(this, (li) => {
|
|
9077
|
-
this.li = li;
|
|
9078
|
-
});
|
|
9079
|
-
_NavListItem_tooltipRef.set(this, (tooltip) => {
|
|
9080
|
-
if (tooltip)
|
|
9081
|
-
// eslint-disable-next-line no-param-reassign
|
|
9082
|
-
tooltip.target = this.li;
|
|
9083
|
-
});
|
|
9084
|
-
_NavListItem_onBlur.set(this, (event) => {
|
|
9085
|
-
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
9086
|
-
});
|
|
9087
|
-
_NavListItem_onFocus.set(this, (event) => {
|
|
9088
|
-
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
9089
|
-
});
|
|
9090
|
-
}
|
|
9091
|
-
onClick(event) {
|
|
9092
|
-
if (this.disabled)
|
|
9093
|
-
event.stopImmediatePropagation();
|
|
9094
|
-
}
|
|
9095
|
-
tabindexChanged(newValue) {
|
|
9096
|
-
const parsedValue = Number.parseInt(newValue, 10);
|
|
9097
|
-
this.tabIndex =
|
|
9098
|
-
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
9099
|
-
}
|
|
9100
|
-
componentWillLoad() {
|
|
9101
|
-
this.inheritedAttributes = inheritAriaAttributes(this.host);
|
|
9102
|
-
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
9103
|
-
}
|
|
9104
|
-
render() {
|
|
9105
|
-
return (hAsync(Host, { key: '4e51db3364c0e5f747196dd12bf0ea7f34c200eb' }, hAsync("li", { key: 'ed735bb7c6868bb94af5de2d7de2b54ea02d7f08', class: {
|
|
9106
|
-
'qds-nav-list-item': true,
|
|
9107
|
-
'qds-disabled': this.disabled,
|
|
9108
|
-
'qds-selected': this.selected,
|
|
9109
|
-
}, ref: __classPrivateFieldGet$c(this, _NavListItem_liRef, "f"), ...this.inheritedAttributes }, hAsync("button", { key: 'd9a7a799486ca5836b480d1ffaab2d376d6388e0', class: {
|
|
9110
|
-
'qds-button': true,
|
|
9111
|
-
'qds-selected': this.selected,
|
|
9112
|
-
}, "data-size": __classPrivateFieldGet$c(this, _NavListItem_instances, "a", _NavListItem_computedSize_get), disabled: this.disabled, onBlur: __classPrivateFieldGet$c(this, _NavListItem_onBlur, "f"), onFocus: __classPrivateFieldGet$c(this, _NavListItem_onFocus, "f"), tabIndex: this.disabled ? undefined : this.tabIndex, type: "button" }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '331c36aab5ea40cca48f35f796e3d8ab3c4e44a1', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$c(this, _NavListItem_instances, "a", _NavListItem_shouldCollapse_get) && this.text && this.renderText())), __classPrivateFieldGet$c(this, _NavListItem_instances, "a", _NavListItem_shouldCollapse_get) && this.text && (hAsync("qds-tooltip", { key: '57fad87d2567e8a3c4e7c7fcdf09be5faac38553', placement: "right", ref: __classPrivateFieldGet$c(this, _NavListItem_tooltipRef, "f") }, this.renderText()))));
|
|
9113
|
-
}
|
|
9114
|
-
renderText() {
|
|
9115
|
-
return (hAsync("div", { class: "qds-texts" }, hAsync("div", { class: "qds-text" }, this.text), this.subtext !== undefined && this.subtext !== '' && (hAsync("div", { class: "qds-subtext" }, this.subtext))));
|
|
9116
|
-
}
|
|
9117
|
-
static get delegatesFocus() { return true; }
|
|
9118
|
-
get host() { return getElement(this); }
|
|
9119
|
-
static get watchers() { return {
|
|
9120
|
-
"tabindex": ["tabindexChanged"]
|
|
9121
|
-
}; }
|
|
9122
|
-
static get style() { return navListItemCss; }
|
|
9123
|
-
static get cmpMeta() { return {
|
|
9124
|
-
"$flags$": 281,
|
|
9125
|
-
"$tagName$": "qds-nav-list-item",
|
|
9126
|
-
"$members$": {
|
|
9127
|
-
"collapsed": [4],
|
|
9128
|
-
"disabled": [4],
|
|
9129
|
-
"iconName": [1, "icon-name"],
|
|
9130
|
-
"iconLibrary": [1, "icon-library"],
|
|
9131
|
-
"size": [1],
|
|
9132
|
-
"selected": [4],
|
|
9133
|
-
"subtext": [1],
|
|
9134
|
-
"text": [1],
|
|
9135
|
-
"tabIndex": [32]
|
|
9136
|
-
},
|
|
9137
|
-
"$listeners$": [[0, "click", "onClick"]],
|
|
9138
|
-
"$lazyBundleId$": "-",
|
|
9139
|
-
"$attrsToReflect$": []
|
|
9140
|
-
}; }
|
|
9141
|
-
}
|
|
9142
|
-
_NavListItem_liRef = new WeakMap(), _NavListItem_tooltipRef = new WeakMap(), _NavListItem_onBlur = new WeakMap(), _NavListItem_onFocus = new WeakMap(), _NavListItem_instances = new WeakSet(), _NavListItem_computedSize_get = function _NavListItem_computedSize_get() {
|
|
9143
|
-
switch (this.size) {
|
|
9144
|
-
case 'standard':
|
|
9145
|
-
case 'small':
|
|
9146
|
-
case 'large': {
|
|
9147
|
-
return this.size;
|
|
9148
|
-
}
|
|
9149
|
-
default: {
|
|
9150
|
-
return 'standard';
|
|
9151
|
-
}
|
|
9152
|
-
}
|
|
9153
|
-
}, _NavListItem_shouldCollapse_get = function _NavListItem_shouldCollapse_get() {
|
|
9154
|
-
return this.collapsed && this.iconName !== undefined && this.iconName !== '';
|
|
9155
|
-
};
|
|
9156
|
-
|
|
9157
9187
|
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)}";
|
|
9158
9188
|
|
|
9159
9189
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9160
9190
|
//
|
|
9161
9191
|
// SPDX-License-Identifier: Apache-2.0
|
|
9162
|
-
var __classPrivateFieldSet$
|
|
9192
|
+
var __classPrivateFieldSet$a = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
9163
9193
|
if (kind === "m")
|
|
9164
9194
|
throw new TypeError("Private method is not writable");
|
|
9165
9195
|
if (kind === "a" && !f)
|
|
@@ -9223,7 +9253,7 @@ class ProgressBar {
|
|
|
9223
9253
|
}
|
|
9224
9254
|
maxChanged() {
|
|
9225
9255
|
const max = typeof this.max === 'string' ? Number.parseFloat(this.max) : this.max;
|
|
9226
|
-
__classPrivateFieldSet$
|
|
9256
|
+
__classPrivateFieldSet$a(this, _ProgressBar_localMax, max === undefined || Number.isNaN(max) || max < 0 ? 1 : max, "f");
|
|
9227
9257
|
this.internals.ariaValueMax = __classPrivateFieldGet$b(this, _ProgressBar_localMax, "f").toString();
|
|
9228
9258
|
__classPrivateFieldGet$b(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
|
|
9229
9259
|
}
|
|
@@ -9231,7 +9261,7 @@ class ProgressBar {
|
|
|
9231
9261
|
const value = typeof this.value === 'string'
|
|
9232
9262
|
? Number.parseFloat(this.value)
|
|
9233
9263
|
: this.value;
|
|
9234
|
-
__classPrivateFieldSet$
|
|
9264
|
+
__classPrivateFieldSet$a(this, _ProgressBar_localValue, value === undefined || Number.isNaN(value) || value < 0 ? 0 : value, "f");
|
|
9235
9265
|
this.internals.ariaValueNow =
|
|
9236
9266
|
// eslint-disable-next-line unicorn/no-null
|
|
9237
9267
|
this.value === undefined ? null : __classPrivateFieldGet$b(this, _ProgressBar_localValue, "f").toString();
|
|
@@ -9245,7 +9275,7 @@ class ProgressBar {
|
|
|
9245
9275
|
this.valueChanged();
|
|
9246
9276
|
}
|
|
9247
9277
|
render() {
|
|
9248
|
-
return (hAsync("div", { key: '
|
|
9278
|
+
return (hAsync("div", { key: '2035bc7abf352a5bfaaf04a046dd30f9672dc975', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$b(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, hAsync("div", { key: '470492d53476ee40851d999a165c147069a4d449', class: {
|
|
9249
9279
|
'qds-bar': true,
|
|
9250
9280
|
'qds-indeterminate': __classPrivateFieldGet$b(this, _ProgressBar_position, "f") === -1,
|
|
9251
9281
|
}, "data-size": __classPrivateFieldGet$b(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
|
|
@@ -9285,11 +9315,11 @@ _ProgressBar_localMax = new WeakMap(), _ProgressBar_localValue = new WeakMap(),
|
|
|
9285
9315
|
}
|
|
9286
9316
|
}, _ProgressBar_positionChanged = function _ProgressBar_positionChanged() {
|
|
9287
9317
|
if (this.value === undefined) {
|
|
9288
|
-
__classPrivateFieldSet$
|
|
9318
|
+
__classPrivateFieldSet$a(this, _ProgressBar_position, -1, "f");
|
|
9289
9319
|
this.width = '50%';
|
|
9290
9320
|
return;
|
|
9291
9321
|
}
|
|
9292
|
-
__classPrivateFieldSet$
|
|
9322
|
+
__classPrivateFieldSet$a(this, _ProgressBar_position, __classPrivateFieldGet$b(this, _ProgressBar_localValue, "f") / __classPrivateFieldGet$b(this, _ProgressBar_localMax, "f"), "f");
|
|
9293
9323
|
this.width = `${Math.min(__classPrivateFieldGet$b(this, _ProgressBar_position, "f") * 100, 100)}%`;
|
|
9294
9324
|
}, _ProgressBar_defineGetter = function _ProgressBar_defineGetter(p, get) {
|
|
9295
9325
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
@@ -9307,7 +9337,7 @@ var __classPrivateFieldGet$a = (undefined && undefined.__classPrivateFieldGet) |
|
|
|
9307
9337
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
9308
9338
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
9309
9339
|
};
|
|
9310
|
-
var __classPrivateFieldSet$
|
|
9340
|
+
var __classPrivateFieldSet$9 = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
9311
9341
|
if (kind === "m")
|
|
9312
9342
|
throw new TypeError("Private method is not writable");
|
|
9313
9343
|
if (kind === "a" && !f)
|
|
@@ -9351,10 +9381,10 @@ class QdsBreadcrumbItem {
|
|
|
9351
9381
|
_QdsBreadcrumbItem_ro.set(this, void 0);
|
|
9352
9382
|
_QdsBreadcrumbItem_span.set(this, void 0);
|
|
9353
9383
|
_QdsBreadcrumbItem_breadcrumbItemRef.set(this, (breadcrumbItem) => {
|
|
9354
|
-
__classPrivateFieldSet$
|
|
9384
|
+
__classPrivateFieldSet$9(this, _QdsBreadcrumbItem_breadcrumbItem, breadcrumbItem, "f");
|
|
9355
9385
|
});
|
|
9356
9386
|
_QdsBreadcrumbItem_spanRef.set(this, (span) => {
|
|
9357
|
-
__classPrivateFieldSet$
|
|
9387
|
+
__classPrivateFieldSet$9(this, _QdsBreadcrumbItem_span, span, "f");
|
|
9358
9388
|
});
|
|
9359
9389
|
_QdsBreadcrumbItem_tooltipRef.set(this, (tooltip) => {
|
|
9360
9390
|
if (tooltip)
|
|
@@ -9376,10 +9406,10 @@ class QdsBreadcrumbItem {
|
|
|
9376
9406
|
return;
|
|
9377
9407
|
const span = __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_span, "f");
|
|
9378
9408
|
readTask(() => {
|
|
9379
|
-
this.tooltip =
|
|
9409
|
+
this.tooltip = isEllipsisActive(span);
|
|
9380
9410
|
});
|
|
9381
|
-
__classPrivateFieldSet$
|
|
9382
|
-
this.tooltip =
|
|
9411
|
+
__classPrivateFieldSet$9(this, _QdsBreadcrumbItem_ro, new ResizeObserver(([spanEntry]) => {
|
|
9412
|
+
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
9383
9413
|
}), "f");
|
|
9384
9414
|
__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f").observe(__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_span, "f"));
|
|
9385
9415
|
}
|
|
@@ -9395,10 +9425,10 @@ class QdsBreadcrumbItem {
|
|
|
9395
9425
|
__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f").disconnect();
|
|
9396
9426
|
}
|
|
9397
9427
|
render() {
|
|
9398
|
-
return (hAsync("div", { key: '
|
|
9428
|
+
return (hAsync("div", { key: '5ab2c38cc31d65f9986040d347e17f2fa74faeb3', class: {
|
|
9399
9429
|
'qds-breadcrumb-item': true,
|
|
9400
9430
|
'qds-disabled': __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get),
|
|
9401
|
-
}, ref: this.href === undefined ? __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '
|
|
9431
|
+
}, ref: this.href === undefined ? __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '37b1612d8ae4d1e790efdbfd06092fcdc70e39ee', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.href === undefined ? __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderText).call(this) : __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderAnchor).call(this), this.tooltip && (hAsync("qds-tooltip", { key: 'e9de18197347f2e5fe5a56a85ca62546bd08ea9a', "aria-hidden": "true", ref: __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_tooltipRef, "f") }, this.text))));
|
|
9402
9432
|
}
|
|
9403
9433
|
static get delegatesFocus() { return true; }
|
|
9404
9434
|
static get watchers() { return {
|
|
@@ -9434,7 +9464,7 @@ _QdsBreadcrumbItem_breadcrumbItem = new WeakMap(), _QdsBreadcrumbItem_ro = new W
|
|
|
9434
9464
|
return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
|
|
9435
9465
|
};
|
|
9436
9466
|
|
|
9437
|
-
const radioCss = "[hidden].sc-qds-radio-h{display:none!important}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-
|
|
9467
|
+
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:h;place-self:center}.qds-icon.sc-qds-radio{display:none;pointer-events:none}.qds-container.sc-qds-radio{display:grid;grid-template-areas:\"h\"}.qds-label.sc-qds-radio{align-items:center;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);cursor:pointer;display:inline-flex;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){outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-label-inner.sc-qds-radio{flex:1 1 auto;min-width:0}.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}.qds-radio.sc-qds-radio:not(:checked):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-radio.sc-qds-radio:not(:checked):active{background-color:var(--qds-theme-interactive-background-pressed)}[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-small-icon-size)}.qds-label[data-size=small].sc-qds-radio{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);padding:var(--qds-control-no-inline-small-padding-vertical,4px) 0}.qds-inline[data-size=small].sc-qds-radio{min-height:var(--qds-control-small-height);padding:var(--qds-control-standard-padding-auto-height,6px) var(--control-toggle-standard-padding-horizontal,6px)}.qds-radio[data-size=standard].sc-qds-radio{height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard].sc-qds-radio{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-label[data-size=standard].sc-qds-radio{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);padding:var(--qds-control-no-inline-standard-padding-vertical,4px) 0}.qds-inline[data-size=standard].sc-qds-radio{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height,6px) var(--control-toggle-standard-padding-horizontal,6px)}.qds-radio[data-size=large].sc-qds-radio{height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large].sc-qds-radio{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-label[data-size=large].sc-qds-radio{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);padding:var(--qds-control-no-inline-large-padding-vertical,4px) 0}.qds-inline[data-size=large].sc-qds-radio{min-height:var(--qds-control-large-height);padding:var(--qds-control-standard-padding-auto-height,6px) var(--control-toggle-standard-padding-horizontal,6px)}";
|
|
9438
9468
|
|
|
9439
9469
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9440
9470
|
//
|
|
@@ -9446,7 +9476,7 @@ var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) |
|
|
|
9446
9476
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
9447
9477
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
9448
9478
|
};
|
|
9449
|
-
var __classPrivateFieldSet$
|
|
9479
|
+
var __classPrivateFieldSet$8 = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
9450
9480
|
if (kind === "m")
|
|
9451
9481
|
throw new TypeError("Private method is not writable");
|
|
9452
9482
|
if (kind === "a" && !f)
|
|
@@ -9487,7 +9517,7 @@ class Radio {
|
|
|
9487
9517
|
_Radio_inheritedAttributes.set(this, {});
|
|
9488
9518
|
_Radio_input.set(this, void 0);
|
|
9489
9519
|
_Radio_ref.set(this, (input) => {
|
|
9490
|
-
__classPrivateFieldSet$
|
|
9520
|
+
__classPrivateFieldSet$8(this, _Radio_input, input, "f");
|
|
9491
9521
|
});
|
|
9492
9522
|
_Radio_onBlur.set(this, (event) => {
|
|
9493
9523
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
@@ -9513,16 +9543,18 @@ class Radio {
|
|
|
9513
9543
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
9514
9544
|
}
|
|
9515
9545
|
componentWillLoad() {
|
|
9516
|
-
__classPrivateFieldSet$
|
|
9546
|
+
__classPrivateFieldSet$8(this, _Radio_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9517
9547
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
9518
9548
|
}
|
|
9519
9549
|
render() {
|
|
9520
9550
|
return (
|
|
9521
9551
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
9522
|
-
hAsync("label", { key: '
|
|
9552
|
+
hAsync("label", { key: '1b057e6d928560f9bddeab0100f9cbd588e11b12', "aria-disabled": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
|
|
9523
9553
|
'qds-inline': this.inline,
|
|
9524
9554
|
'qds-label': true,
|
|
9525
|
-
}, "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '
|
|
9555
|
+
}, "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '82e099d1f414596408691e137eb3925bedb844f7', class: "qds-container" }, hAsync("input", { key: '45a4b0294693fb9f0546b01452e10df96f6aa6d4',
|
|
9556
|
+
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
9557
|
+
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet$9(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet$9(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet$9(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet$9(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet$9(this, _Radio_inheritedAttributes, "f") }), hAsync("qds-icon", { key: 'f535f87c227e26fd8abbb258a6ef73f0e6835acf', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get), library: "core", name: "checked-radio" })), __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_hasText_get) && (hAsync("qds-label", { key: '7ba957b356236d4066f454378b7cb8838f73aa63', class: "qds-label-inner", size: __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get), text: this.text }))));
|
|
9526
9558
|
}
|
|
9527
9559
|
get host() { return getElement(this); }
|
|
9528
9560
|
static get watchers() { return {
|
|
@@ -9578,7 +9610,7 @@ var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) |
|
|
|
9578
9610
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
9579
9611
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
9580
9612
|
};
|
|
9581
|
-
var __classPrivateFieldSet$
|
|
9613
|
+
var __classPrivateFieldSet$7 = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
9582
9614
|
if (kind === "m")
|
|
9583
9615
|
throw new TypeError("Private method is not writable");
|
|
9584
9616
|
if (kind === "a" && !f)
|
|
@@ -9759,7 +9791,7 @@ class Select {
|
|
|
9759
9791
|
return __classPrivateFieldGet$8(this, _Select_select, "f").namedItem(name);
|
|
9760
9792
|
};
|
|
9761
9793
|
_Select_ref.set(this, (select) => {
|
|
9762
|
-
__classPrivateFieldSet$
|
|
9794
|
+
__classPrivateFieldSet$7(this, _Select_select, select, "f");
|
|
9763
9795
|
});
|
|
9764
9796
|
_Select_onBlur.set(this, (event) => {
|
|
9765
9797
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
@@ -9821,7 +9853,7 @@ class Select {
|
|
|
9821
9853
|
__classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'options', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedOptions_get));
|
|
9822
9854
|
__classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'length', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedOptions_get).length);
|
|
9823
9855
|
__classPrivateFieldGet$8(this, _Select_instances, "m", _Select_defineGetter).call(this, 'selectedOptions', () => __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSelectedOptions_get));
|
|
9824
|
-
__classPrivateFieldSet$
|
|
9856
|
+
__classPrivateFieldSet$7(this, _Select_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9825
9857
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
9826
9858
|
}
|
|
9827
9859
|
componentDidLoad() {
|
|
@@ -9830,12 +9862,12 @@ class Select {
|
|
|
9830
9862
|
this.selectedIndex = __classPrivateFieldGet$8(this, _Select_select, "f").selectedIndex;
|
|
9831
9863
|
}
|
|
9832
9864
|
render() {
|
|
9833
|
-
return (hAsync("div", { key: '
|
|
9865
|
+
return (hAsync("div", { key: '49394446e10b83dd16df332de3ec060f4b4aef0d', class: {
|
|
9834
9866
|
'qds-container': true,
|
|
9835
9867
|
'qds-multiple': this.multiple ?? false,
|
|
9836
|
-
}, "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: '
|
|
9868
|
+
}, "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: '58acde98cc4a7c03b8a7a926c5ea17bbd55b5807', autoComplete: this.autoComplete,
|
|
9837
9869
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
9838
|
-
autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get), disabled: __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get), multiple: this.multiple, name: this.name, onBlur: __classPrivateFieldGet$8(this, _Select_onBlur, "f"), onChange: __classPrivateFieldGet$8(this, _Select_onChange, "f"), onFocus: __classPrivateFieldGet$8(this, _Select_onFocus, "f"), onInput: __classPrivateFieldGet$8(this, _Select_onInput, "f"), ref: __classPrivateFieldGet$8(this, _Select_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$8(this, _Select_inheritedAttributes, "f") }), this.multiple !== true && (hAsync("qds-icon", { key: '
|
|
9870
|
+
autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get), disabled: __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get), multiple: this.multiple, name: this.name, onBlur: __classPrivateFieldGet$8(this, _Select_onBlur, "f"), onChange: __classPrivateFieldGet$8(this, _Select_onChange, "f"), onFocus: __classPrivateFieldGet$8(this, _Select_onFocus, "f"), onInput: __classPrivateFieldGet$8(this, _Select_onInput, "f"), ref: __classPrivateFieldGet$8(this, _Select_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$8(this, _Select_inheritedAttributes, "f") }), this.multiple !== true && (hAsync("qds-icon", { key: 'd1dfe5e5050081b8dcf6e0b8c4d63645247d2e29', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get), library: "core", name: "dropdown" })), hAsync("slot", { key: 'f189efbbb5ee2a4635cc5dc0a29e55818e6a4abe', onSlotchange: __classPrivateFieldGet$8(this, _Select_onSlotchange, "f") }), hAsync("div", { key: 'a176b166b864bec1cc20d9c482ea62e445c9719b', class: "qds-focus-ring" })));
|
|
9839
9871
|
}
|
|
9840
9872
|
static get delegatesFocus() { return true; }
|
|
9841
9873
|
static get formAssociated() { return true; }
|
|
@@ -9904,7 +9936,7 @@ _Select_inheritedAttributes = new WeakMap(), _Select_select = new WeakMap(), _Se
|
|
|
9904
9936
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
9905
9937
|
};
|
|
9906
9938
|
|
|
9907
|
-
const standaloneLinkCss = ":host([hidden]){display:none!important}:host{display:inline-block}.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{
|
|
9939
|
+
const standaloneLinkCss = ":host([hidden]){display:none!important}:host{border-radius:var(--qds-focus-border-radius);display:inline-block}:host(:focus-visible){outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.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;-webkit-text-decoration:none;text-decoration:none;width:100%}.qds-standalone-link:active,.qds-standalone-link:hover{-webkit-text-decoration:underline;text-decoration:underline}.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-link);gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=small][data-importance=subdued]{font:var(--qds-control-small-text)}.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-link);gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=standard][data-importance=subdued]{font:var(--qds-control-standard-text)}.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-link);gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-block:var(--qds-control-large-padding-auto-height)}[data-size=large][data-importance=subdued]{font:var(--qds-control-large-text)}.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)}";
|
|
9908
9940
|
|
|
9909
9941
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9910
9942
|
//
|
|
@@ -9916,7 +9948,16 @@ var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) |
|
|
|
9916
9948
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
9917
9949
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
9918
9950
|
};
|
|
9919
|
-
var
|
|
9951
|
+
var __classPrivateFieldSet$6 = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
9952
|
+
if (kind === "m")
|
|
9953
|
+
throw new TypeError("Private method is not writable");
|
|
9954
|
+
if (kind === "a" && !f)
|
|
9955
|
+
throw new TypeError("Private accessor was defined without a setter");
|
|
9956
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
9957
|
+
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
9958
|
+
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
9959
|
+
};
|
|
9960
|
+
var _StandaloneLink_instances, _StandaloneLink_savedTabIndex, _StandaloneLink_link, _StandaloneLink_computedImportance_get, _StandaloneLink_computedSize_get, _StandaloneLink_openInNewTab_get, _StandaloneLink_updateAriaLabelElements, _StandaloneLink_linkRef, _StandaloneLink_onBlur, _StandaloneLink_onFocus, _StandaloneLink_onSlotchange;
|
|
9920
9961
|
/**
|
|
9921
9962
|
* `<qds-standalone-link>` elements, with their `href` property, create a hyperlink
|
|
9922
9963
|
* to web pages, files, email addresses, locations in the same page, or
|
|
@@ -9963,9 +10004,14 @@ class StandaloneLink {
|
|
|
9963
10004
|
* Defines if the standalone link will display the visited state.
|
|
9964
10005
|
*/
|
|
9965
10006
|
this.visitable = false;
|
|
10007
|
+
_StandaloneLink_savedTabIndex.set(this, 0);
|
|
10008
|
+
_StandaloneLink_link.set(this, void 0);
|
|
9966
10009
|
_StandaloneLink_updateAriaLabelElements.set(this, () => {
|
|
9967
10010
|
this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
|
|
9968
10011
|
});
|
|
10012
|
+
_StandaloneLink_linkRef.set(this, (link) => {
|
|
10013
|
+
__classPrivateFieldSet$6(this, _StandaloneLink_link, link, "f");
|
|
10014
|
+
});
|
|
9969
10015
|
_StandaloneLink_onBlur.set(this, (event) => {
|
|
9970
10016
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
9971
10017
|
});
|
|
@@ -9977,18 +10023,36 @@ class StandaloneLink {
|
|
|
9977
10023
|
});
|
|
9978
10024
|
}
|
|
9979
10025
|
onClick(event) {
|
|
10026
|
+
invariant(__classPrivateFieldGet$7(this, _StandaloneLink_link, "f"));
|
|
9980
10027
|
if (this.disabled)
|
|
9981
10028
|
event.stopImmediatePropagation();
|
|
10029
|
+
else
|
|
10030
|
+
__classPrivateFieldGet$7(this, _StandaloneLink_link, "f").click();
|
|
10031
|
+
}
|
|
10032
|
+
onKeydown(event) {
|
|
10033
|
+
invariant(__classPrivateFieldGet$7(this, _StandaloneLink_link, "f"));
|
|
10034
|
+
if (this.disabled)
|
|
10035
|
+
return;
|
|
10036
|
+
if (event.key === 'Enter')
|
|
10037
|
+
__classPrivateFieldGet$7(this, _StandaloneLink_link, "f").click();
|
|
9982
10038
|
}
|
|
9983
10039
|
disabledChanged() {
|
|
9984
10040
|
this.internals.ariaDisabled = this.disabled.toString();
|
|
10041
|
+
if (this.disabled)
|
|
10042
|
+
this.host.removeAttribute('tabindex');
|
|
10043
|
+
else
|
|
10044
|
+
this.host.tabIndex = __classPrivateFieldGet$7(this, _StandaloneLink_savedTabIndex, "f");
|
|
9985
10045
|
}
|
|
9986
10046
|
tabindexChanged(newValue) {
|
|
9987
10047
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
9988
10048
|
// FIXME: `undefined` instead of `0` causes `qdsFocus/qdsBlur` E2E tests
|
|
9989
10049
|
// to fail, but it's not clear why this is the case since it works for
|
|
9990
10050
|
// other components.
|
|
9991
|
-
this
|
|
10051
|
+
__classPrivateFieldSet$6(this, _StandaloneLink_savedTabIndex, Number.isNaN(parsedValue) ? 0 : parsedValue, "f");
|
|
10052
|
+
if (this.disabled)
|
|
10053
|
+
this.host.removeAttribute('tabindex');
|
|
10054
|
+
else
|
|
10055
|
+
this.host.tabIndex = __classPrivateFieldGet$7(this, _StandaloneLink_savedTabIndex, "f");
|
|
9992
10056
|
}
|
|
9993
10057
|
hrefTargetChanged() {
|
|
9994
10058
|
this.linkIcon = determineLinkIcon(this.target, this.rel);
|
|
@@ -10004,13 +10068,12 @@ class StandaloneLink {
|
|
|
10004
10068
|
__classPrivateFieldGet$7(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
|
|
10005
10069
|
}
|
|
10006
10070
|
render() {
|
|
10007
|
-
return (hAsync("a", { key: '
|
|
10071
|
+
return (hAsync("a", { key: 'a6f2f71f977a39583ba07a2997ea785b17effec6', "aria-hidden": "true", class: {
|
|
10008
10072
|
'qds-standalone-link': true,
|
|
10009
10073
|
'qds-disabled': this.disabled,
|
|
10010
10074
|
'qds-visitable': this.visitable,
|
|
10011
|
-
}, "data-importance": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$7(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$7(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex:
|
|
10075
|
+
}, "data-importance": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$7(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$7(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$7(this, _StandaloneLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: '2bfcea42c26d65fd1a6344592f0a369d16eac6cd', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '97aa272653c0fb9dcd79991999765254ce5df9fd', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: 'a32bf8d15ffb4432d974da0c3293ab7e88418c31', class: "qds-text" }, hAsync("slot", { key: '67af5a4d98368bfe9fa461fc70f4edde50d0a315', onSlotchange: __classPrivateFieldGet$7(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: '18393dee44a347ed7412e353caad13e58f90080f', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'd701870e516ca437bdad771c70577a73c36990f3', "aria-hidden": "true", class: "qds-icon", library: "core", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), name: this.linkIcon }))), this.importance === 'emphasized' && (hAsync("span", { key: 'f0f49b2d8b2dd6d23e758677a8f9a86af6923837', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '4dfeb4355b5ed78158439893a5e077b9cc665de9', class: "qds-icon", "aria-hidden": "true", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
|
|
10012
10076
|
}
|
|
10013
|
-
static get delegatesFocus() { return true; }
|
|
10014
10077
|
get host() { return getElement(this); }
|
|
10015
10078
|
static get watchers() { return {
|
|
10016
10079
|
"disabled": ["disabledChanged"],
|
|
@@ -10020,7 +10083,7 @@ class StandaloneLink {
|
|
|
10020
10083
|
}; }
|
|
10021
10084
|
static get style() { return standaloneLinkCss; }
|
|
10022
10085
|
static get cmpMeta() { return {
|
|
10023
|
-
"$flags$":
|
|
10086
|
+
"$flags$": 265,
|
|
10024
10087
|
"$tagName$": "qds-standalone-link",
|
|
10025
10088
|
"$members$": {
|
|
10026
10089
|
"disabled": [4],
|
|
@@ -10035,15 +10098,14 @@ class StandaloneLink {
|
|
|
10035
10098
|
"referrerPolicy": [1, "referrerpolicy"],
|
|
10036
10099
|
"rel": [1],
|
|
10037
10100
|
"target": [1],
|
|
10038
|
-
"linkIcon": [32]
|
|
10039
|
-
"tabIndex": [32]
|
|
10101
|
+
"linkIcon": [32]
|
|
10040
10102
|
},
|
|
10041
|
-
"$listeners$": [[0, "click", "onClick"]],
|
|
10103
|
+
"$listeners$": [[0, "click", "onClick"], [0, "keydown", "onKeydown"]],
|
|
10042
10104
|
"$lazyBundleId$": "-",
|
|
10043
10105
|
"$attrsToReflect$": []
|
|
10044
10106
|
}; }
|
|
10045
10107
|
}
|
|
10046
|
-
_StandaloneLink_updateAriaLabelElements = new WeakMap(), _StandaloneLink_onBlur = new WeakMap(), _StandaloneLink_onFocus = new WeakMap(), _StandaloneLink_onSlotchange = new WeakMap(), _StandaloneLink_instances = new WeakSet(), _StandaloneLink_computedImportance_get = function _StandaloneLink_computedImportance_get() {
|
|
10108
|
+
_StandaloneLink_savedTabIndex = new WeakMap(), _StandaloneLink_link = new WeakMap(), _StandaloneLink_updateAriaLabelElements = new WeakMap(), _StandaloneLink_linkRef = new WeakMap(), _StandaloneLink_onBlur = new WeakMap(), _StandaloneLink_onFocus = new WeakMap(), _StandaloneLink_onSlotchange = new WeakMap(), _StandaloneLink_instances = new WeakSet(), _StandaloneLink_computedImportance_get = function _StandaloneLink_computedImportance_get() {
|
|
10047
10109
|
switch (this.importance) {
|
|
10048
10110
|
case 'subdued':
|
|
10049
10111
|
case 'emphasized': {
|
|
@@ -10245,13 +10307,13 @@ class Switch {
|
|
|
10245
10307
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
10246
10308
|
}
|
|
10247
10309
|
render() {
|
|
10248
|
-
return (hAsync("div", { key: '
|
|
10310
|
+
return (hAsync("div", { key: 'b156b2f7e345943e167b1b09e70ac1b03269ca4a', class: {
|
|
10249
10311
|
'qds-container': true,
|
|
10250
10312
|
'qds-disabled': __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get),
|
|
10251
10313
|
'qds-inline': this.inline,
|
|
10252
|
-
}, "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: '
|
|
10314
|
+
}, "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: 'f75d1fe33287e75ab58685cee7aff596a9597bfa', "aria-hidden": "true",
|
|
10253
10315
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
10254
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: '
|
|
10316
|
+
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: 'a7bfc9741173779aabe30c699c8d9530f065ae4b', class: "qds-track", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) }, !this.noIndicator && __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '507bb4692846f245467b9aea7e318f83924dbf84', class: "qds-indicator", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: '387dc8e7f98ed37a9c7325187b433d0bf5c2f72b', class: "qds-icon", name: "toggle-on", library: "core" }))), hAsync("div", { key: '06ed50db97c69ff8f2442358ce0a6149311a86cf', class: "qds-knob", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) }), !this.noIndicator && !__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: 'bee181087663d6ba855043e3fd8bd216b2bef949', class: "qds-indicator", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: 'b60cf09b8cedf8f609c88c9ee09410e8e806906e', class: "qds-icon", name: "toggle-off", library: "core" }))))));
|
|
10255
10317
|
}
|
|
10256
10318
|
static get formAssociated() { return true; }
|
|
10257
10319
|
get host() { return getElement(this); }
|
|
@@ -10312,7 +10374,7 @@ _Switch_savedTabIndex = new WeakMap(), _Switch_instances = new WeakSet(), _Switc
|
|
|
10312
10374
|
null);
|
|
10313
10375
|
};
|
|
10314
10376
|
|
|
10315
|
-
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{-webkit-appearance:none;appearance:none;background-color:initial;border:none;cursor:pointer;padding:0;pointer-events:auto}.qds-target:disabled{pointer-events:none}.qds-target:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset: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-closable-wrapper,.qds-tab{position:relative}.qds-closable-tab,.qds-closable-wrapper,.qds-tab,.qds-target,.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-control-tab-standard-subtitle)}.qds-indicator{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}.qds-closable-wrapper[data-size=small],.qds-tab[data-size=small]{gap:var(--qds-control-tab-small-gap-internal);min-height:var(--qds-control-tab-small-height);padding-inline:var(--qds-control-tab-small-padding-horizontal)}.qds-collapse[data-size=small]{min-width:var(--qds-control-tab-small-height)}.qds-closable-tab[data-size=small]{gap:var(--qds-control-tab-small-gap-internal)}[data-size=small]>.qds-icon{font-size:var(--qds-control-tab-small-icon-size)}[data-size=small]>.qds-texts{gap:var(--qds-control-tab-small-titles-gap)}[data-size=small] .qds-text{font:var(--qds-control-tab-small-title)}[data-size=small] .qds-subtitle{font:var(--qds-control-tab-small-subtitle)}.qds-target-icon[data-size=small]{--qds-experimental-icon-click-target-size:var(--qds-control-small-height);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-control-tab-standard-gap-internal);min-height:var(--qds-control-tab-standard-height);padding-inline:var(--qds-control-tab-standard-padding-horizontal)}.qds-collapse[data-size=standard]{min-width:var(--qds-control-tab-standard-height)}.qds-closable-tab[data-size=standard]{gap:var(--qds-control-tab-standard-gap-internal)}[data-size=standard]>.qds-icon{font-size:var(--qds-control-tab-standard-icon-size)}[data-size=standard]>.qds-texts{gap:var(--qds-control-tab-standard-titles-gap)}[data-size=standard] .qds-text{font:var(--qds-control-tab-standard-title)}[data-size=standard] .qds-subtitle{font:var(--qds-control-tab-standard-subtitle)}.qds-target-icon[data-size=standard]{--qds-experimental-icon-click-target-size:var(\n --qds-control-standard-height\n );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-control-tab-large-gap-internal);min-height:var(--qds-control-tab-large-height);padding-inline:var(--qds-control-tab-large-padding-horizontal)}.qds-collapse[data-size=large]{min-width:var(--qds-control-tab-large-height)}.qds-closable-tab[data-size=large]{gap:var(--qds-control-tab-large-gap-internal)}[data-size=large]>.qds-icon{font-size:var(--qds-control-tab-large-icon-size)}[data-size=large]>.qds-texts{gap:var(--qds-control-tab-large-titles-gap)}[data-size=large] .qds-text{font:var(--qds-control-tab-large-title)}[data-size=large] .qds-subtext{font:var(--qds-control-tab-large-subtitle)}.qds-target-icon[data-size=large]{--qds-experimental-icon-click-target-size:var(--qds-control-large-height);height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-selected.qds-closable-wrapper[data-importance=emphasized],.qds-selected.qds-tab[data-importance=emphasized]{background-color:var(--qds-theme-control-background)}[data-importance=emphasized][data-size=standard] .qds-text{font:var(--qds-control-tab-standard-title-emphasized)}[data-importance=emphasized][data-size=small] .qds-text{font:var(--qds-control-tab-small-title-emphasized)}[data-importance=emphasized][data-size=large] .qds-text{font:var(--qds-control-tab-large-title-emphasized)}[data-importance=emphasized] .qds-icon,[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-signature-color-default)}:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after{border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";display:block;position:absolute}.qds-indicator-inline-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after,.qds-indicator-inline-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after{height:100%;width:var(--qds-signature-line-connection-width)}.qds-indicator-inline-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after{inset-inline-end:0}.qds-indicator-inline-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after{inset-inline-start:0}.qds-indicator-block-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after,.qds-indicator-block-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after{height:var(--qds-signature-line-connection-width);width:100%}.qds-indicator-block-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after{bottom:0}.qds-indicator-block-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after{top:0}.qds-selected[data-importance=standard][data-size=standard] .qds-text,.qds-selected[data-importance=subdued][data-size=standard] .qds-text{font:var(--qds-control-tab-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-control-tab-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-control-tab-large-title-emphasized)}[data-importance=emphasized]:hover:after,[data-importance=standard]:hover:after{background-color:var(--qds-theme-signature-color-hover)}[data-importance=emphasized]:active:after,[data-importance=standard]:active:after{background-color:var(--qds-theme-signature-color-pressed)}.qds-selected[data-importance=emphasized]:after,.qds-selected[data-importance=standard]:after{background-color:var(--qds-theme-signature-color-default)}.qds-selected[data-importance=subdued]:after,[data-importance=subdued] :active:after{background-color:var(--qds-theme-link-subdued-pressed)}[data-importance=subdued]:hover:after{background-color:var(--qds-theme-link-subdued-hover)}.qds-tab.qds-icon-only{padding-inline:0}.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-hidden{display:none}";
|
|
10377
|
+
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{-webkit-appearance:none;appearance:none;background-color:initial;border:none;cursor:pointer;padding:0;pointer-events:auto}.qds-target:disabled{pointer-events:none}.qds-target:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset: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-closable-wrapper,.qds-tab{position:relative}.qds-closable-tab,.qds-closable-wrapper,.qds-tab,.qds-target,.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-control-tab-standard-subtitle)}.qds-indicator{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}.qds-closable-wrapper[data-size=small],.qds-tab[data-size=small]{gap:var(--qds-control-tab-small-gap-internal);min-height:var(--qds-control-tab-small-height);padding-inline:var(--qds-control-tab-small-padding-horizontal)}.qds-collapse[data-size=small]{min-width:var(--qds-control-tab-small-height)}.qds-closable-tab[data-size=small]{gap:var(--qds-control-tab-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-control-tab-small-titles-gap)}[data-size=small] .qds-text{font:var(--qds-control-tab-small-title)}[data-size=small] .qds-subtitle{font:var(--qds-control-tab-small-subtitle)}.qds-target-icon[data-size=small]{--qds-experimental-icon-click-target-size:var(--qds-control-small-height);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-control-tab-standard-gap-internal);min-height:var(--qds-control-tab-standard-height);padding-inline:var(--qds-control-tab-standard-padding-horizontal)}.qds-collapse[data-size=standard]{min-width:var(--qds-control-tab-standard-height)}.qds-closable-tab[data-size=standard]{gap:var(--qds-control-tab-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-control-tab-standard-titles-gap)}[data-size=standard] .qds-text{font:var(--qds-control-tab-standard-title)}[data-size=standard] .qds-subtitle{font:var(--qds-control-tab-standard-subtitle)}.qds-target-icon[data-size=standard]{--qds-experimental-icon-click-target-size:var(\n --qds-control-standard-height\n );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-control-tab-large-gap-internal);min-height:var(--qds-control-tab-large-height);padding-inline:var(--qds-control-tab-large-padding-horizontal)}.qds-collapse[data-size=large]{min-width:var(--qds-control-tab-large-height)}.qds-closable-tab[data-size=large]{gap:var(--qds-control-tab-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-control-tab-large-titles-gap)}[data-size=large] .qds-text{font:var(--qds-control-tab-large-title)}[data-size=large] .qds-subtext{font:var(--qds-control-tab-large-subtitle)}.qds-target-icon[data-size=large]{--qds-experimental-icon-click-target-size:var(--qds-control-large-height);height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-selected.qds-closable-wrapper[data-importance=emphasized],.qds-selected.qds-tab[data-importance=emphasized]{background-color:var(--qds-theme-control-background)}[data-importance=emphasized][data-size=standard] .qds-text{font:var(--qds-control-tab-standard-title-emphasized)}[data-importance=emphasized][data-size=small] .qds-text{font:var(--qds-control-tab-small-title-emphasized)}[data-importance=emphasized][data-size=large] .qds-text{font:var(--qds-control-tab-large-title-emphasized)}[data-importance=emphasized] .qds-icon,[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-signature-color-default)}:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after{border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";display:block;position:absolute}.qds-indicator-inline-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after,.qds-indicator-inline-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after{height:100%;width:var(--qds-signature-line-connection-width)}.qds-indicator-inline-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after{inset-inline-end:0}.qds-indicator-inline-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after{inset-inline-start:0}.qds-indicator-block-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after,.qds-indicator-block-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after{height:var(--qds-signature-line-connection-width);width:100%}.qds-indicator-block-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after{bottom:0}.qds-indicator-block-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after{top:0}.qds-selected[data-importance=standard][data-size=standard] .qds-text,.qds-selected[data-importance=subdued][data-size=standard] .qds-text{font:var(--qds-control-tab-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-control-tab-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-control-tab-large-title-emphasized)}[data-importance=emphasized]:hover:after,[data-importance=standard]:hover:after{background-color:var(--qds-theme-signature-color-hover)}[data-importance=emphasized]:active:after,[data-importance=standard]:active:after{background-color:var(--qds-theme-signature-color-pressed)}.qds-selected[data-importance=emphasized]:after,.qds-selected[data-importance=standard]:after{background-color:var(--qds-theme-signature-color-default)}.qds-selected[data-importance=subdued]:after,[data-importance=subdued] :active:after{background-color:var(--qds-theme-link-subdued-pressed)}[data-importance=subdued]:hover:after{background-color:var(--qds-theme-link-subdued-hover)}.qds-tab.qds-icon-only{padding-inline:0}.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-hidden{display:none}";
|
|
10316
10378
|
|
|
10317
10379
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10318
10380
|
//
|
|
@@ -10528,11 +10590,11 @@ class Tab {
|
|
|
10528
10590
|
: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
|
|
10529
10591
|
? 'button'
|
|
10530
10592
|
: 'div';
|
|
10531
|
-
return (hAsync("div", { key: '
|
|
10593
|
+
return (hAsync("div", { key: 'eb66c38a764e5b5fd0ee724054a41c69c4366496', "aria-disabled": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
|
|
10532
10594
|
'qds-closable-wrapper': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
10533
10595
|
'qds-selected': this.selected,
|
|
10534
10596
|
[`qds-indicator-${indicatorPosition}`]: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
10535
|
-
}, "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedImportance_get), ref: __classPrivateFieldGet$5(this, _Tab_ref, "f") }, hAsync(Tag, { key: '
|
|
10597
|
+
}, "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedImportance_get), ref: __classPrivateFieldGet$5(this, _Tab_ref, "f") }, hAsync(Tag, { key: 'fb0393fb9f16e4ab31651963cb82d57c3ddb6fa1', ref: __classPrivateFieldGet$5(this, _Tab_tabRef, "f"), "aria-disabled": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, disabled: isLink ? undefined : this.disabled, onBlur: __classPrivateFieldGet$5(this, _Tab_onBlur, "f"), onFocus: __classPrivateFieldGet$5(this, _Tab_onFocus, "f"), class: {
|
|
10536
10598
|
'qds-tab': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
|
|
10537
10599
|
'qds-icon-only': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_collapsed_get),
|
|
10538
10600
|
'qds-collapse': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_shouldCollapse_get) && __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
|
|
@@ -10544,11 +10606,11 @@ class Tab {
|
|
|
10544
10606
|
? 'true'
|
|
10545
10607
|
: 'false'
|
|
10546
10608
|
: undefined, "data-importance": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedImportance_get), "data-action": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get), "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), href: isLink ? this.href : undefined }, ((this.tagText !== undefined && this.tagText !== '') ||
|
|
10547
|
-
(this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: '
|
|
10609
|
+
(this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: 'd7f7ace967ec061b0affe2987bf89b941d6bd43b', text: this.tagText, status: this.tagStatus, size: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), importance: this.tagImportance, "icon-library": this.tagIconLibrary, "icon-name": this.tagIconName, "icon-description": this.tagIconDescription, class: { 'qds-hidden': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_shouldCollapse_get) } })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '141acf8da0a3bc78406362722efac21683e36a37', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_shouldCollapse_get) && this.text && __classPrivateFieldGet$5(this, _Tab_instances, "m", _Tab_renderText).call(this), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: '6b762cfdb42dcee1b4b6b2068c37675676269112', class: {
|
|
10548
10610
|
'qds-indicator': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_shouldCollapse_get),
|
|
10549
|
-
}, status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: '
|
|
10611
|
+
}, status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: '09e923285f79a4cdfbe9f53719f96510e2f417d7', class: {
|
|
10550
10612
|
'qds-indicator': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_shouldCollapse_get),
|
|
10551
|
-
}, description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && (hAsync("qds-icon", { key: '
|
|
10613
|
+
}, description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && (hAsync("qds-icon", { key: 'af04002c416dbc0878daf70f5f576c0e511bca33', "aria-hidden": "true", class: { 'qds-target-icon': true, 'qds-chevron': this.selected }, "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), library: "core", name: "dropdown" }))), __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable' && (hAsync("button", { key: 'e766c87b5344b51bb9a1e4530ce26bf86ab3159d', "aria-label": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_ariaLabel_get), class: "qds-target", tabIndex: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computeCloseButtonTabIndex_get), disabled: this.disabled, onClick: __classPrivateFieldGet$5(this, _Tab_onIconClick, "f"), onKeyDown: __classPrivateFieldGet$5(this, _Tab_onIconKeyDown, "f"), type: "button" }, hAsync("qds-icon", { key: 'c3f330b1c6b32405be7fae2a0c759a118403c827', "aria-hidden": "true", class: "qds-target-icon", "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), library: "core", name: "close" }))), __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_shouldCollapse_get) && this.text && (hAsync("qds-tooltip", { key: '96563a48cdda33282ee01f24e6005c372bfda400', placement: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_placement_get), ref: __classPrivateFieldGet$5(this, _Tab_tooltipRef, "f") }, __classPrivateFieldGet$5(this, _Tab_instances, "m", _Tab_renderText).call(this)))));
|
|
10552
10614
|
}
|
|
10553
10615
|
get host() { return getElement(this); }
|
|
10554
10616
|
static get watchers() { return {
|
|
@@ -10922,11 +10984,11 @@ class Tabbar {
|
|
|
10922
10984
|
__classPrivateFieldGet$4(this, _Tabbar_ro, "f").disconnect();
|
|
10923
10985
|
}
|
|
10924
10986
|
render() {
|
|
10925
|
-
return (hAsync("div", { key: '
|
|
10987
|
+
return (hAsync("div", { key: '4ad37e22d7d2d3644b99325f48c5ea9ce1280d76', class: { 'qds-vertical-divider': this.orientation === 'vertical' }, "data-layer": this.layer, "data-level": this.level }, hAsync("div", { key: 'bbd3508896ec9d16ed2ad5fbf74e0d985980ba2a', class: "qds-tabbar" }, hAsync("div", { key: 'ace69bb53e82fdba81a7d08d6b4a086f8eb47595', class: {
|
|
10926
10988
|
'qds-align-center': true,
|
|
10927
10989
|
'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
|
|
10928
10990
|
this.orientation === 'vertical',
|
|
10929
|
-
} }, hAsync("qds-button", { key: '
|
|
10991
|
+
} }, hAsync("qds-button", { key: '5af08b5fd1de9664398c648881981d1d6a6d3c22', text: "show previous tab", importance: "subdued", "icon-name": "next", "icon-library": "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet$4(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow, iconOnly: true })), hAsync("ul", { key: 'ebb1955be76d33578e11e9bcfedfbff52a13deaf', class: {
|
|
10930
10992
|
'qds-tabs': true,
|
|
10931
10993
|
'qds-vertical': this.orientation === 'vertical',
|
|
10932
10994
|
'qds-centered': this.alignment === 'centered' &&
|
|
@@ -10935,11 +10997,11 @@ class Tabbar {
|
|
|
10935
10997
|
this.disableStartArrow,
|
|
10936
10998
|
}, role: "tablist", "aria-label": this.tablistDescription, ref: (element) => {
|
|
10937
10999
|
__classPrivateFieldSet$3(this, _Tabbar_tabbar, element, "f");
|
|
10938
|
-
}, onClick: __classPrivateFieldGet$4(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$4(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$4(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$4(this, _Tabbar_onScroll, "f"), ...__classPrivateFieldGet$4(this, _Tabbar_inheritedAttributes, "f") }, hAsync("slot", { key: '
|
|
11000
|
+
}, onClick: __classPrivateFieldGet$4(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$4(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$4(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$4(this, _Tabbar_onScroll, "f"), ...__classPrivateFieldGet$4(this, _Tabbar_inheritedAttributes, "f") }, hAsync("slot", { key: '393cbd09dd54cb9a2a58855992f0478dacc7ce42', onSlotchange: __classPrivateFieldGet$4(this, _Tabbar_onSlotchange, "f") })), hAsync("div", { key: '600869b4b4f0c80d852df9d0bc40cbae3263bd6b', class: {
|
|
10939
11001
|
'qds-align-center': true,
|
|
10940
11002
|
'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
|
|
10941
11003
|
this.orientation === 'vertical',
|
|
10942
|
-
} }, hAsync("qds-button", { key: '
|
|
11004
|
+
} }, hAsync("qds-button", { key: '11ecd03a449d10e3933a4696b2b7c82143c2d1a0', text: "show next tab", "icon-name": "next", "icon-library": "core", importance: "subdued", onClick: __classPrivateFieldGet$4(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow, iconOnly: true }))), __classPrivateFieldGet$4(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && (hAsync("qds-divider", { key: 'ec67048f411505a422d218c3f8120cb24872044a', vertical: this.orientation === 'vertical' }))));
|
|
10943
11005
|
}
|
|
10944
11006
|
static get delegatesFocus() { return true; }
|
|
10945
11007
|
get host() { return getElement(this); }
|
|
@@ -11047,7 +11109,7 @@ class Table {
|
|
|
11047
11109
|
}
|
|
11048
11110
|
// eslint-disable-next-line @typescript-eslint/class-methods-use-this
|
|
11049
11111
|
render() {
|
|
11050
|
-
return hAsync("slot", { key: '
|
|
11112
|
+
return hAsync("slot", { key: '3d29c83622fa078cb8ce64319a04ef7dcaf13ad9' });
|
|
11051
11113
|
}
|
|
11052
11114
|
static get style() { return tableCss; }
|
|
11053
11115
|
static get cmpMeta() { return {
|
|
@@ -11105,9 +11167,9 @@ class TableCell {
|
|
|
11105
11167
|
render() {
|
|
11106
11168
|
return (
|
|
11107
11169
|
// eslint-disable-next-line jsx-a11y/control-has-associated-label
|
|
11108
|
-
hAsync("td", { key: '
|
|
11170
|
+
hAsync("td", { key: '391c610cb29d73db09dcce05a69f2f80d542ab6f', class: "qds-table-cell", colSpan: this.colSpan, rowSpan: this.rowSpan,
|
|
11109
11171
|
// eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
|
|
11110
|
-
role: "none" }, hAsync("slot", { key: '
|
|
11172
|
+
role: "none" }, hAsync("slot", { key: '90e25bde5dd314791a90ccff13d567b046d59f3f' })));
|
|
11111
11173
|
}
|
|
11112
11174
|
static get watchers() { return {
|
|
11113
11175
|
"colSpan": ["colSpanChanged"],
|
|
@@ -11176,9 +11238,9 @@ class TableHeadCell {
|
|
|
11176
11238
|
render() {
|
|
11177
11239
|
return (
|
|
11178
11240
|
// eslint-disable-next-line jsx-a11y/control-has-associated-label
|
|
11179
|
-
hAsync("th", { key: '
|
|
11241
|
+
hAsync("th", { key: 'ce3fe38476608e3bce18b8d094535166daf38a6b', class: "qds-table-head-cell", colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
|
|
11180
11242
|
// eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
|
|
11181
|
-
role: "none" }, hAsync("slot", { key: '
|
|
11243
|
+
role: "none" }, hAsync("slot", { key: 'ff1e61a11507e2ae0b72e413ad7d38903e954bb8' })));
|
|
11182
11244
|
}
|
|
11183
11245
|
static get watchers() { return {
|
|
11184
11246
|
"colSpan": ["colSpanChanged"],
|
|
@@ -11225,7 +11287,7 @@ class TableRow {
|
|
|
11225
11287
|
}
|
|
11226
11288
|
// eslint-disable-next-line @typescript-eslint/class-methods-use-this
|
|
11227
11289
|
render() {
|
|
11228
|
-
return (hAsync("tr", { key: '
|
|
11290
|
+
return (hAsync("tr", { key: 'f0da79c113494f146d5c79184db864fa95295fc5', class: "qds-table-row", role: "none" }, hAsync("slot", { key: '540536110cc84ec16fef80550e051b590aa79f43' })));
|
|
11229
11291
|
}
|
|
11230
11292
|
static get style() { return tableRowCss; }
|
|
11231
11293
|
static get cmpMeta() { return {
|
|
@@ -11296,11 +11358,11 @@ class Tag {
|
|
|
11296
11358
|
__classPrivateFieldSet$2(this, _Tag_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
11297
11359
|
}
|
|
11298
11360
|
render() {
|
|
11299
|
-
return (hAsync("span", { key: '
|
|
11361
|
+
return (hAsync("span", { key: '7d6bfa6bb22890e5d41e2976bd3b3a63f2c5d7c4', class: {
|
|
11300
11362
|
'qds-tag': true,
|
|
11301
11363
|
'qds-padding': this.importance !== 'subdued',
|
|
11302
11364
|
}, "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 &&
|
|
11303
|
-
this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", { "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))) : (__classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_hasBadge_get) && (hAsync("qds-badge-indicator", { status: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), description: this.badgeDescription, size: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), strokeRing: true }))), hAsync("span", { key: '
|
|
11365
|
+
this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", { "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))) : (__classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_hasBadge_get) && (hAsync("qds-badge-indicator", { status: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), description: this.badgeDescription, size: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), strokeRing: true }))), hAsync("span", { key: '3e659992236f1f766e93e0b5a5d378c4c8fa9e89', class: "qds-text" }, this.text)));
|
|
11304
11366
|
}
|
|
11305
11367
|
get host() { return getElement(this); }
|
|
11306
11368
|
static get style() { return tagCss; }
|
|
@@ -11622,9 +11684,9 @@ class TextArea {
|
|
|
11622
11684
|
this.valueChanged();
|
|
11623
11685
|
}
|
|
11624
11686
|
render() {
|
|
11625
|
-
return (hAsync(Host, { key: '
|
|
11687
|
+
return (hAsync(Host, { key: 'ec75dd11d644b3e1784aad6a9b8c1a3363e090e2' }, hAsync("textarea", { key: 'c1903fb9a706da8e85e1b80f170b50795904cb6d', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
|
|
11626
11688
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
11627
|
-
autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', 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"), 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: '
|
|
11689
|
+
autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', 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"), 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: '6313d54cca095a7047799be6f19eb96905f7285b', onSlotchange: __classPrivateFieldGet$2(this, _TextArea_onSlotchange, "f") })));
|
|
11628
11690
|
}
|
|
11629
11691
|
static get delegatesFocus() { return true; }
|
|
11630
11692
|
static get formAssociated() { return true; }
|
|
@@ -11686,7 +11748,7 @@ _TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(
|
|
|
11686
11748
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
11687
11749
|
};
|
|
11688
11750
|
|
|
11689
|
-
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"
|
|
11751
|
+
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"d\"}.qds-titles.qds-has-kicker{grid-template-areas:\"e\" \"d\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"d\" \"f\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"e\" \"d\" \"f\"}.qds-has-icon{grid-template-areas:\"g d\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". e\" \"g d\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"g d\" \". f\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". e\" \"g d\" \". f\"}.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:d}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:f}.qds-kicker{color:var(--qds-theme-kicker);grid-area:e}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:g}.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)}";
|
|
11690
11752
|
|
|
11691
11753
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
11692
11754
|
//
|
|
@@ -11737,14 +11799,14 @@ class Title {
|
|
|
11737
11799
|
const level = `qds-${this.level ?? 'section'}`;
|
|
11738
11800
|
const Tag = this.tag ?? 'h2';
|
|
11739
11801
|
const hasIcon = this.iconName !== undefined && this.iconName !== '';
|
|
11740
|
-
return (hAsync("hgroup", { key: '
|
|
11802
|
+
return (hAsync("hgroup", { key: '723acaf3949076cafb40c4512779271af87a4815', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
|
|
11741
11803
|
[layer]: true,
|
|
11742
11804
|
[level]: true,
|
|
11743
11805
|
'qds-titles': true,
|
|
11744
11806
|
'qds-has-icon': hasIcon,
|
|
11745
11807
|
'qds-has-kicker': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get),
|
|
11746
11808
|
'qds-has-subtitle': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get),
|
|
11747
|
-
}, role: "none" }, hAsync(Tag, { key: '
|
|
11809
|
+
}, role: "none" }, hAsync(Tag, { key: '65e0b0c63e9c527494ceebbde72581088810e137', class: "qds-title", "data-variant": this.variant }, hAsync("slot", { key: 'd39e52b04736e9e79678c816260c780706c96ec1' })), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get) && hAsync("p", { key: 'e9f9fb8e70f8dc8323bd7ae6d5a1f14ba389fdd6', class: "qds-kicker" }, this.kicker), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get) && hAsync("p", { key: 'd6304b608ad9c22d44ee6513684f21b7904e41d4', class: "qds-subtitle" }, this.subtitle), hasIcon && (hAsync("qds-icon", { key: 'e1d81cd3b02e6e17ceebdf4189b42d43381f2a10', "aria-hidden": "true", class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
|
|
11748
11810
|
}
|
|
11749
11811
|
static get style() { return titleCss; }
|
|
11750
11812
|
static get cmpMeta() { return {
|
|
@@ -12046,7 +12108,7 @@ class Tooltip {
|
|
|
12046
12108
|
__classPrivateFieldGet(this, _Tooltip_referenceElement, "f").removeAttribute('aria-describedby');
|
|
12047
12109
|
}
|
|
12048
12110
|
render() {
|
|
12049
|
-
return (hAsync(Host, { key: '
|
|
12111
|
+
return (hAsync(Host, { key: '8c8be2b209901a46de1ef86a08166248ea0d2cf7', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f") }, hAsync("div", { key: '00917a51358b21fef96a6ff9b58bcc0f2b230bd2', class: "qds-tooltip" }, hAsync("slot", { key: 'a180debd54ee843dc53dbe72554562db5632c3d8' })), hAsync("div", { key: '2fe6bccff14f9d2570192825d69898f969e9cece', class: "qds-arrow", ref: __classPrivateFieldGet(this, _Tooltip_arrowRef, "f") })));
|
|
12050
12112
|
}
|
|
12051
12113
|
get host() { return getElement(this); }
|
|
12052
12114
|
static get watchers() { return {
|
|
@@ -12146,6 +12208,7 @@ _Tooltip_arrow = new WeakMap(), _Tooltip_arrowPadding = new WeakMap(), _Tooltip_
|
|
|
12146
12208
|
|
|
12147
12209
|
registerComponents([
|
|
12148
12210
|
ActionItem,
|
|
12211
|
+
AvatarMedia,
|
|
12149
12212
|
BadgeCounter,
|
|
12150
12213
|
BadgeIndicator,
|
|
12151
12214
|
Button,
|
|
@@ -12164,7 +12227,6 @@ registerComponents([
|
|
|
12164
12227
|
Loader,
|
|
12165
12228
|
MenuItem,
|
|
12166
12229
|
MiniButton,
|
|
12167
|
-
NavListItem,
|
|
12168
12230
|
ProgressBar,
|
|
12169
12231
|
QdsBreadcrumbItem,
|
|
12170
12232
|
Radio,
|