@quartzds/core 1.0.0-beta.122 → 1.0.0-beta.124
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.js +1 -1
- package/components/{p-CVuTVnQo.js → p-B6ToH-uM.js} +4 -4
- package/components/p-B6ToH-uM.js.map +1 -0
- package/components/{p-oqmnh-8P.js → p-BGAgQ6J5.js} +5 -5
- package/components/p-BGAgQ6J5.js.map +1 -0
- package/components/{p-DCAlWquR.js → p-BPNu4xuI.js} +8 -8
- package/components/{p-DCAlWquR.js.map → p-BPNu4xuI.js.map} +1 -1
- package/components/{p-io1iVgY1.js → p-BceRDckL.js} +5 -5
- package/components/p-BceRDckL.js.map +1 -0
- package/components/{p-BalM52S_.js → p-Bm_hrsjc.js} +6 -3
- package/components/p-Bm_hrsjc.js.map +1 -0
- package/components/{p-DgYrfIr_.js → p-BxrR19WD.js} +7 -9
- package/components/p-BxrR19WD.js.map +1 -0
- package/components/{p-DRcxeXWE.js → p-CsIsG3ra.js} +75 -39
- package/components/p-CsIsG3ra.js.map +1 -0
- package/components/p-D5u-bDNf.js +102 -0
- package/components/p-D5u-bDNf.js.map +1 -0
- package/components/{p-C0VgKX4J.js → p-DVXvtEPn.js} +5 -5
- package/components/{p-C0VgKX4J.js.map → p-DVXvtEPn.js.map} +1 -1
- package/components/{p-yb0Kv4Y6.js → p-De7cAKF1.js} +24 -9
- package/components/p-De7cAKF1.js.map +1 -0
- package/components/{p-C9R8N06B.js → p-EjoVBa5a.js} +3 -3
- package/components/{p-C9R8N06B.js.map → p-EjoVBa5a.js.map} +1 -1
- package/components/{p-CKp062X8.js → p-Vtb6GsBy.js} +6 -6
- package/components/{p-CKp062X8.js.map → p-Vtb6GsBy.js.map} +1 -1
- package/components/qds-action-item.js +3 -3
- package/components/qds-avatar-media.js +1 -1
- package/components/qds-breadcrumb-item.js +11 -6
- package/components/qds-breadcrumb-item.js.map +1 -1
- package/components/qds-button.js +8 -8
- package/components/qds-button.js.map +1 -1
- package/components/qds-checkbox.js +1 -1
- package/components/qds-chip.js +5 -5
- package/components/qds-chip.js.map +1 -1
- package/components/qds-dialog.js +5 -5
- package/components/qds-dialog.js.map +1 -1
- package/components/qds-divider.js +1 -1
- package/components/qds-dropdown.js +1 -1
- package/components/qds-form-message.js +23 -17
- package/components/qds-form-message.js.map +1 -1
- package/components/qds-icon-button.js +1 -1
- package/components/qds-icon-tab.js +4 -4
- package/components/qds-icon.js +1 -1
- package/components/qds-inline-link.js +5 -5
- package/components/qds-inline-link.js.map +1 -1
- package/components/qds-input.js +3 -3
- package/components/qds-label.js +2 -2
- package/components/qds-list-item.js +16 -13
- package/components/qds-list-item.js.map +1 -1
- package/components/qds-loader.js +2 -2
- package/components/qds-menu-item.js +38 -12
- package/components/qds-menu-item.js.map +1 -1
- package/components/qds-mini-button.js +1 -1
- package/components/qds-progress-bar.js +2 -2
- package/components/qds-radio.js +1 -1
- package/components/qds-select.js +3 -3
- package/components/qds-select.js.map +1 -1
- package/components/qds-standalone-link.js +4 -4
- package/components/qds-switch.js +6 -6
- package/components/qds-switch.js.map +1 -1
- package/components/qds-tab.js +7 -7
- package/components/qds-tab.js.map +1 -1
- package/components/qds-tabbar.js +59 -38
- package/components/qds-tabbar.js.map +1 -1
- package/components/qds-table-cell.js +2 -2
- package/components/qds-table-head-cell.js +2 -2
- package/components/qds-table-row.js +1 -1
- package/components/qds-table.js +1 -1
- package/components/qds-tag.js +1 -1
- package/components/qds-textarea.js +4 -4
- package/components/qds-textarea.js.map +1 -1
- package/components/qds-title.js +1 -1
- package/components/qds-tooltip.js +1 -1
- package/dist/cjs/{helpers-Qs3cpKiI.js → helpers-CPSgo4Ef.js} +8 -2
- package/dist/cjs/{helpers-Qs3cpKiI.js.map → helpers-CPSgo4Ef.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/qds-action-item.cjs.entry.js +1 -1
- package/dist/cjs/qds-avatar-media.qds-checkbox.qds-radio.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-avatar-media_3.cjs.entry.js +72 -36
- package/dist/cjs/qds-breadcrumb-item.cjs.entry.js +9 -4
- package/dist/cjs/qds-breadcrumb-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-button.cjs.entry.js +6 -6
- package/dist/cjs/qds-button.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-chip.cjs.entry.js +2 -2
- package/dist/cjs/qds-chip.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-dialog.cjs.entry.js +2 -2
- package/dist/cjs/qds-dialog.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-divider.qds-icon-button.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-divider_2.cjs.entry.js +3 -3
- package/dist/cjs/qds-dropdown.cjs.entry.js +20 -6
- package/dist/cjs/qds-dropdown.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-form-message.cjs.entry.js +26 -16
- package/dist/cjs/qds-form-message.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-icon-tab.cjs.entry.js +1 -1
- package/dist/cjs/qds-icon.cjs.entry.js +1 -1
- package/dist/cjs/qds-inline-link.cjs.entry.js +4 -4
- package/dist/cjs/qds-inline-link.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-input.cjs.entry.js +1 -1
- package/dist/cjs/qds-label.cjs.entry.js +1 -1
- package/dist/cjs/qds-list-item.cjs.entry.js +8 -5
- package/dist/cjs/qds-list-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-loader.cjs.entry.js +1 -1
- package/dist/cjs/qds-menu-item.cjs.entry.js +34 -8
- package/dist/cjs/qds-menu-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-mini-button.cjs.entry.js +4 -6
- package/dist/cjs/qds-mini-button.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-progress-bar.cjs.entry.js +2 -2
- package/dist/cjs/qds-select.cjs.entry.js +2 -2
- package/dist/cjs/qds-select.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-standalone-link.cjs.entry.js +3 -3
- package/dist/cjs/qds-switch.cjs.entry.js +5 -5
- package/dist/cjs/qds-switch.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-tab.cjs.entry.js +4 -4
- package/dist/cjs/qds-tab.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-tabbar.cjs.entry.js +57 -33
- package/dist/cjs/qds-tabbar.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-table-cell.cjs.entry.js +2 -2
- package/dist/cjs/qds-table-head-cell.cjs.entry.js +2 -2
- package/dist/cjs/qds-table-row.cjs.entry.js +1 -1
- package/dist/cjs/qds-table.cjs.entry.js +1 -1
- package/dist/cjs/qds-tag.cjs.entry.js +3 -3
- package/dist/cjs/qds-textarea.cjs.entry.js +4 -4
- package/dist/cjs/qds-textarea.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-title.cjs.entry.js +3 -3
- package/dist/cjs/qds-title.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/qds-tooltip.entry.cjs.js.map +1 -1
- package/dist/cjs/qds.cjs.js +1 -1
- package/dist/custom-elements.json +224 -70
- package/dist/docs.json +49 -7
- package/dist/esm/{helpers-Fe2AA6uo.js → helpers-JWnSavo8.js} +6 -3
- package/dist/esm/{helpers-Fe2AA6uo.js.map → helpers-JWnSavo8.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/qds-action-item.entry.js +1 -1
- package/dist/esm/qds-avatar-media.qds-checkbox.qds-radio.entry.js.map +1 -1
- package/dist/esm/qds-avatar-media_3.entry.js +72 -36
- package/dist/esm/qds-breadcrumb-item.entry.js +9 -4
- package/dist/esm/qds-breadcrumb-item.entry.js.map +1 -1
- package/dist/esm/qds-button.entry.js +6 -6
- package/dist/esm/qds-button.entry.js.map +1 -1
- package/dist/esm/qds-chip.entry.js +2 -2
- package/dist/esm/qds-chip.entry.js.map +1 -1
- package/dist/esm/qds-dialog.entry.js +2 -2
- package/dist/esm/qds-dialog.entry.js.map +1 -1
- package/dist/esm/qds-divider.qds-icon-button.entry.js.map +1 -1
- package/dist/esm/qds-divider_2.entry.js +3 -3
- package/dist/esm/qds-dropdown.entry.js +20 -6
- package/dist/esm/qds-dropdown.entry.js.map +1 -1
- package/dist/esm/qds-form-message.entry.js +26 -16
- package/dist/esm/qds-form-message.entry.js.map +1 -1
- package/dist/esm/qds-icon-tab.entry.js +1 -1
- package/dist/esm/qds-icon.entry.js +1 -1
- package/dist/esm/qds-inline-link.entry.js +4 -4
- package/dist/esm/qds-inline-link.entry.js.map +1 -1
- package/dist/esm/qds-input.entry.js +1 -1
- package/dist/esm/qds-label.entry.js +1 -1
- package/dist/esm/qds-list-item.entry.js +8 -5
- package/dist/esm/qds-list-item.entry.js.map +1 -1
- package/dist/esm/qds-loader.entry.js +1 -1
- package/dist/esm/qds-menu-item.entry.js +34 -8
- package/dist/esm/qds-menu-item.entry.js.map +1 -1
- package/dist/esm/qds-mini-button.entry.js +4 -6
- package/dist/esm/qds-mini-button.entry.js.map +1 -1
- package/dist/esm/qds-progress-bar.entry.js +2 -2
- package/dist/esm/qds-select.entry.js +2 -2
- package/dist/esm/qds-select.entry.js.map +1 -1
- package/dist/esm/qds-standalone-link.entry.js +3 -3
- package/dist/esm/qds-switch.entry.js +5 -5
- package/dist/esm/qds-switch.entry.js.map +1 -1
- package/dist/esm/qds-tab.entry.js +4 -4
- package/dist/esm/qds-tab.entry.js.map +1 -1
- package/dist/esm/qds-tabbar.entry.js +57 -33
- package/dist/esm/qds-tabbar.entry.js.map +1 -1
- package/dist/esm/qds-table-cell.entry.js +2 -2
- package/dist/esm/qds-table-head-cell.entry.js +2 -2
- package/dist/esm/qds-table-row.entry.js +1 -1
- package/dist/esm/qds-table.entry.js +1 -1
- package/dist/esm/qds-tag.entry.js +3 -3
- package/dist/esm/qds-textarea.entry.js +4 -4
- package/dist/esm/qds-textarea.entry.js.map +1 -1
- package/dist/esm/qds-title.entry.js +3 -3
- package/dist/esm/qds-title.entry.js.map +1 -1
- package/dist/esm/qds-tooltip.entry.js +3 -3
- package/dist/esm/qds-tooltip.entry.js.map +1 -1
- package/dist/esm/qds.js +1 -1
- package/dist/types/components/checkbox/checkbox.d.ts +9 -9
- package/dist/types/components/dropdown/dropdown.d.ts +1 -0
- package/dist/types/components/form-message/form-message.d.ts +2 -0
- package/dist/types/components/menu-item/menu-item.d.ts +1 -0
- package/dist/types/components/tabbar/tabbar.d.ts +2 -0
- package/dist/types/components.d.ts +3 -2
- package/dist/types/helpers.d.ts +6 -1
- package/dist/vscode.html-custom-data.json +1 -1
- package/hydrate/index.js +311 -191
- package/hydrate/index.mjs +311 -191
- package/package.json +1 -2
- package/components/p-BalM52S_.js.map +0 -1
- package/components/p-CVuTVnQo.js.map +0 -1
- package/components/p-Ck9w5WIb.js +0 -102
- package/components/p-Ck9w5WIb.js.map +0 -1
- package/components/p-DRcxeXWE.js.map +0 -1
- package/components/p-DgYrfIr_.js.map +0 -1
- package/components/p-io1iVgY1.js.map +0 -1
- package/components/p-oqmnh-8P.js.map +0 -1
- package/components/p-yb0Kv4Y6.js.map +0 -1
package/hydrate/index.js
CHANGED
|
@@ -3634,6 +3634,9 @@ const closestElement = (selector, base) => {
|
|
|
3634
3634
|
}
|
|
3635
3635
|
return closestFrom(base);
|
|
3636
3636
|
};
|
|
3637
|
+
const isRTL$1 = (element) => getComputedStyle(element).direction === 'rtl';
|
|
3638
|
+
const getSubmenuOpenKey = (element) => isRTL$1(element) ? 'ArrowLeft' : 'ArrowRight';
|
|
3639
|
+
const getSubmenuCloseKey = (element) => isRTL$1(element) ? 'ArrowRight' : 'ArrowLeft';
|
|
3637
3640
|
const isCurrentPage = (url) => {
|
|
3638
3641
|
try {
|
|
3639
3642
|
const currentUrl = new URL(window.location.href);
|
|
@@ -3658,7 +3661,7 @@ var __classPrivateFieldGet$x = (undefined && undefined.__classPrivateFieldGet) |
|
|
|
3658
3661
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
3659
3662
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
3660
3663
|
};
|
|
3661
|
-
var __classPrivateFieldSet$
|
|
3664
|
+
var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
3662
3665
|
if (kind === "m")
|
|
3663
3666
|
throw new TypeError("Private method is not writable");
|
|
3664
3667
|
if (kind === "a" && !f)
|
|
@@ -3708,10 +3711,10 @@ class ActionItem {
|
|
|
3708
3711
|
_ActionItem_actionItem.set(this, void 0);
|
|
3709
3712
|
_ActionItem_span.set(this, void 0);
|
|
3710
3713
|
_ActionItem_actionDivRef.set(this, (actionItem) => {
|
|
3711
|
-
__classPrivateFieldSet$
|
|
3714
|
+
__classPrivateFieldSet$o(this, _ActionItem_actionItem, actionItem, "f");
|
|
3712
3715
|
});
|
|
3713
3716
|
_ActionItem_spanRef.set(this, (span) => {
|
|
3714
|
-
__classPrivateFieldSet$
|
|
3717
|
+
__classPrivateFieldSet$o(this, _ActionItem_span, span, "f");
|
|
3715
3718
|
});
|
|
3716
3719
|
_ActionItem_tooltipRef.set(this, (tooltip) => {
|
|
3717
3720
|
if (tooltip)
|
|
@@ -3742,7 +3745,7 @@ class ActionItem {
|
|
|
3742
3745
|
readTask(() => {
|
|
3743
3746
|
this.tooltip = isEllipsisActive(span);
|
|
3744
3747
|
});
|
|
3745
|
-
__classPrivateFieldSet$
|
|
3748
|
+
__classPrivateFieldSet$o(this, _ActionItem_ro, new ResizeObserver(([spanEntry]) => {
|
|
3746
3749
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
3747
3750
|
}), "f");
|
|
3748
3751
|
__classPrivateFieldGet$x(this, _ActionItem_ro, "f").observe(__classPrivateFieldGet$x(this, _ActionItem_span, "f"));
|
|
@@ -3802,7 +3805,7 @@ _ActionItem_ro = new WeakMap(), _ActionItem_actionItem = new WeakMap(), _ActionI
|
|
|
3802
3805
|
return this.disabled;
|
|
3803
3806
|
};
|
|
3804
3807
|
|
|
3805
|
-
const avatarMediaCss = ":host([hidden]){display:none!important}:host{display:block}.qds-container{align-items:center;align-self:stretch;background:var(--qds-theme-display-background);border:var(--qds-display-border-width) solid var(--qds-theme-display-background-contrast);border-radius:var(--qds-display-rounded-border-radius);display:flex;height:inherit;justify-content:center;width:inherit}.qds-picture{border-radius:inherit;flex-shrink:0;height:100%;object-fit:cover;width:100%}.qds-icon,.qds-text{color:var(--qds-theme-display-background-contrast)}.qds-
|
|
3808
|
+
const avatarMediaCss = ":host([hidden]){display:none!important}:host{display:block}.qds-container{align-items:center;align-self:stretch;background:var(--qds-theme-display-background);border:var(--qds-display-border-width) solid var(--qds-theme-display-background-contrast);border-radius:var(--qds-display-rounded-border-radius);display:flex;height:inherit;justify-content:center;width:inherit}.qds-picture{border-radius:inherit;flex-shrink:0;height:100%;object-fit:cover;width:100%}.qds-icon,.qds-text{color:var(--qds-theme-display-background-contrast)}.qds-text{font:var(--qds-display-standard);text-align:center}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
|
|
3806
3809
|
|
|
3807
3810
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
3808
3811
|
//
|
|
@@ -3885,7 +3888,7 @@ class AvatarMedia {
|
|
|
3885
3888
|
this.roleChanged();
|
|
3886
3889
|
}
|
|
3887
3890
|
render() {
|
|
3888
|
-
return hAsync("div", { key: '
|
|
3891
|
+
return hAsync("div", { key: 'e5f7d19fb53b1ff0ecd5255ee80092917e65948f', class: "qds-container" }, __classPrivateFieldGet$w(this, _AvatarMedia_renderContent, "f").call(this));
|
|
3889
3892
|
}
|
|
3890
3893
|
static get watchers() { return {
|
|
3891
3894
|
"text": ["textChanged", "roleChanged"],
|
|
@@ -4116,7 +4119,7 @@ var __classPrivateFieldGet$t = (undefined && undefined.__classPrivateFieldGet) |
|
|
|
4116
4119
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4117
4120
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4118
4121
|
};
|
|
4119
|
-
var __classPrivateFieldSet$
|
|
4122
|
+
var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4120
4123
|
if (kind === "m")
|
|
4121
4124
|
throw new TypeError("Private method is not writable");
|
|
4122
4125
|
if (kind === "a" && !f)
|
|
@@ -4291,10 +4294,10 @@ class Button {
|
|
|
4291
4294
|
this.internals.setValidity(NO_ERROR_FLAGS);
|
|
4292
4295
|
};
|
|
4293
4296
|
_Button_buttonRef.set(this, (button) => {
|
|
4294
|
-
__classPrivateFieldSet$
|
|
4297
|
+
__classPrivateFieldSet$n(this, _Button_button, button, "f");
|
|
4295
4298
|
});
|
|
4296
4299
|
_Button_spanRef.set(this, (span) => {
|
|
4297
|
-
__classPrivateFieldSet$
|
|
4300
|
+
__classPrivateFieldSet$n(this, _Button_span, span, "f");
|
|
4298
4301
|
});
|
|
4299
4302
|
_Button_tooltipRef.set(this, (tooltip) => {
|
|
4300
4303
|
if (tooltip)
|
|
@@ -4354,7 +4357,7 @@ class Button {
|
|
|
4354
4357
|
tabindexChanged(newValue) {
|
|
4355
4358
|
if (newValue !== null) {
|
|
4356
4359
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
4357
|
-
__classPrivateFieldSet$
|
|
4360
|
+
__classPrivateFieldSet$n(this, _Button_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
|
|
4358
4361
|
? 0
|
|
4359
4362
|
: parsedValue, "f");
|
|
4360
4363
|
}
|
|
@@ -4373,7 +4376,7 @@ class Button {
|
|
|
4373
4376
|
readTask(() => {
|
|
4374
4377
|
this.tooltip = isEllipsisActive(span);
|
|
4375
4378
|
});
|
|
4376
|
-
__classPrivateFieldSet$
|
|
4379
|
+
__classPrivateFieldSet$n(this, _Button_ro, new ResizeObserver(([spanEntry]) => {
|
|
4377
4380
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
4378
4381
|
}), "f");
|
|
4379
4382
|
__classPrivateFieldGet$t(this, _Button_ro, "f").observe(__classPrivateFieldGet$t(this, _Button_span, "f"));
|
|
@@ -4403,21 +4406,21 @@ class Button {
|
|
|
4403
4406
|
}
|
|
4404
4407
|
render() {
|
|
4405
4408
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
4406
|
-
return (hAsync("div", { key: '
|
|
4409
|
+
return (hAsync("div", { key: '468af508e68e4fa3664d2d3c69d4bcd01f0fdbe9', class: "qds-container", onClick: __classPrivateFieldGet$t(this, _Button_onClick, "f"), onKeyDown: preventDefault$2, onKeyUp: preventDefault$2, onKeyPress: preventDefault$2, "aria-hidden": "true" }, hAsync(Tag, { key: 'a09d6ee8c00b9dce98799786e589ab86f45f6005', class: {
|
|
4407
4410
|
'qds-button': true,
|
|
4408
4411
|
'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
|
|
4409
4412
|
/* DEPRECATED: will be removed by september 2026 */
|
|
4410
4413
|
'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
4411
|
-
}, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedAction_get), disabled: Tag === 'a' ? undefined : this.disabled, download: Tag === 'a' ? this.download : undefined, formAction: this.formAction, formMethod: this.formMethod, formNoValidate: this.formNoValidate, formTarget: this.formTarget, href: Tag === 'a' ? this.href : undefined, name: Tag === 'a' ? undefined : this.name, ref: __classPrivateFieldGet$t(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '
|
|
4414
|
+
}, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedAction_get), disabled: Tag === 'a' ? undefined : this.disabled, download: Tag === 'a' ? this.download : undefined, formAction: this.formAction, formMethod: this.formMethod, formNoValidate: this.formNoValidate, formTarget: this.formTarget, href: Tag === 'a' ? this.href : undefined, name: Tag === 'a' ? undefined : this.name, ref: __classPrivateFieldGet$t(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '8a591cef73f857b922022278138ebb56fec0737d', class: "qds-icon", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get) && (
|
|
4412
4415
|
/* DEPRECATED: will be removed by september 2026 */
|
|
4413
|
-
hAsync("span", { key: '
|
|
4416
|
+
hAsync("span", { key: 'c4960d8987fc9bdddc1b8607b8eff5eb337d2f2e', class: "qds-overflow", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet$t(this, _Button_spanRef, "f") }, this.text)), isIndicator$3(this.badge) && (hAsync("qds-badge-indicator", { key: 'e9526d7f6c206cc881b569dbb78c788a2fd3a4a9', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), isCounter$3(this.badge) && (hAsync("qds-badge-counter", { key: '4dcf7b9b616f911c97a5ed64ee4b791769173853', class: {
|
|
4414
4417
|
/* DEPRECATED: will be removed by september 2026 */
|
|
4415
4418
|
'qds-indicator': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
4416
|
-
}, description: this.badgeDescription, importance: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (hAsync("qds-icon", { key: '
|
|
4419
|
+
}, description: this.badgeDescription, importance: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (hAsync("qds-icon", { key: 'cc268922f89aaa19f22a151f394f0812ba05eeaf', class: "qds-icon qds-action", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), library: "core", name: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedActionIcon_get) }))), hAsync("div", { key: '073d1d89252e4a53bdf0c15e4cfc1cd0c374d70f', class: {
|
|
4417
4420
|
'qds-focus-ring': true,
|
|
4418
4421
|
/* DEPRECATED: will be removed by september 2026 */
|
|
4419
4422
|
'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
4420
|
-
}, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (hAsync("qds-tooltip", { key: '
|
|
4423
|
+
}, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (hAsync("qds-tooltip", { key: '08150e1bd0c6730999d1c76e9e3fb07504bdd3b7', ref: __classPrivateFieldGet$t(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
|
|
4421
4424
|
}
|
|
4422
4425
|
static get formAssociated() { return true; }
|
|
4423
4426
|
get host() { return getElement(this); }
|
|
@@ -4540,7 +4543,7 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
|
|
|
4540
4543
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
4541
4544
|
};
|
|
4542
4545
|
|
|
4543
|
-
const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-checkbox,.qds-icon{grid-area:b;place-self:center}.qds-icon{color:var(--qds-theme-signature-color-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"b\"}.qds-label{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label:active{background-color:var(--qds-theme-interactive-background-pressed)}
|
|
4546
|
+
const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0;outline:none}.qds-checkbox,.qds-icon{grid-area:b;place-self:center}.qds-icon{color:var(--qds-theme-signature-color-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"b\"}.qds-label{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label:active{background-color:var(--qds-theme-interactive-background-pressed)}:host(:focus-visible) .qds-label{box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-label-inner{color:var(--qds-theme-control-text-standard);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}.qds-tooltip{line-height:normal}.qds-checkbox{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);cursor:pointer;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-checkbox:focus-visible{outline:none}.qds-checkbox:checked~.qds-checked,.qds-checkbox:indeterminate~.qds-indeterminate{display:block}.qds-checkbox:checked,.qds-checkbox:indeterminate{background-color:var(--qds-theme-control-background-contrast);border-color:#0000}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-checkbox[data-size=small]{border-radius:var(--qds-control-toggle-small-knob-border-radius);height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small]{font-size:var(--qds-control-toggle-small-box-size)}.qds-label[data-size=small]{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-label-inner[data-size=small]{font:var(--qds-control-small-text)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height);padding:var(--qds-control-small-padding-auto-height) var(--qds-control-toggle-small-padding-horizontal)}.qds-checkbox[data-size=standard]{border-radius:var(--qds-control-toggle-standard-knob-border-radius);height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard]{font-size:var(--qds-control-toggle-standard-box-size)}.qds-label[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-label-inner[data-size=standard]{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-checkbox[data-size=large]{border-radius:var(--qds-control-toggle-large-knob-border-radius);height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large]{font-size:var(--qds-control-toggle-large-box-size)}.qds-label[data-size=large]{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-label-inner[data-size=large]{font:var(--qds-control-large-text)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height);padding:var(--qds-control-large-padding-auto-height) var(--qds-control-toggle-large-padding-horizontal)}";
|
|
4544
4547
|
|
|
4545
4548
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4546
4549
|
//
|
|
@@ -4552,7 +4555,7 @@ var __classPrivateFieldGet$s = (undefined && undefined.__classPrivateFieldGet) |
|
|
|
4552
4555
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4553
4556
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4554
4557
|
};
|
|
4555
|
-
var __classPrivateFieldSet$
|
|
4558
|
+
var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4556
4559
|
if (kind === "m")
|
|
4557
4560
|
throw new TypeError("Private method is not writable");
|
|
4558
4561
|
if (kind === "a" && !f)
|
|
@@ -4561,7 +4564,7 @@ var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
4561
4564
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
4562
4565
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
4563
4566
|
};
|
|
4564
|
-
var _Checkbox_instances,
|
|
4567
|
+
var _Checkbox_instances, _Checkbox_ro, _Checkbox_savedTabIndex, _Checkbox_span, _Checkbox_tooltip, _Checkbox_computedChecked_get, _Checkbox_computedDisabled_get, _Checkbox_computedIndeterminate_get, _Checkbox_computedSize_get, _Checkbox_computedValue_get, _Checkbox_hasText_get, _Checkbox_spanRef, _Checkbox_tooltipRef, _Checkbox_defineGetter;
|
|
4565
4568
|
/**
|
|
4566
4569
|
* `<qds-checkbox>` elements are rendered as boxes that are checked (ticked)
|
|
4567
4570
|
* when activated, like you might see in an official government paper form. A
|
|
@@ -4583,6 +4586,10 @@ class Checkbox {
|
|
|
4583
4586
|
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
4584
4587
|
}
|
|
4585
4588
|
_Checkbox_instances.add(this);
|
|
4589
|
+
/**
|
|
4590
|
+
* Whether or not the text is displayed.
|
|
4591
|
+
*/
|
|
4592
|
+
this.checkboxOnly = false;
|
|
4586
4593
|
/**
|
|
4587
4594
|
* Adds vertical margin to the checkbox for alignment.
|
|
4588
4595
|
*
|
|
@@ -4643,13 +4650,9 @@ class Checkbox {
|
|
|
4643
4650
|
* @webnative
|
|
4644
4651
|
*/
|
|
4645
4652
|
this.willValidate = false;
|
|
4646
|
-
/**
|
|
4647
|
-
* Whether or not the text is displayed.
|
|
4648
|
-
*/
|
|
4649
|
-
this.checkboxOnly = false;
|
|
4650
4653
|
this.tooltip = false;
|
|
4651
|
-
_Checkbox_inheritedAttributes.set(this, {});
|
|
4652
4654
|
_Checkbox_ro.set(this, void 0);
|
|
4655
|
+
_Checkbox_savedTabIndex.set(this, 0);
|
|
4653
4656
|
_Checkbox_span.set(this, void 0);
|
|
4654
4657
|
_Checkbox_tooltip.set(this, void 0);
|
|
4655
4658
|
this.checkValidity = () => this.internals.checkValidity();
|
|
@@ -4660,27 +4663,27 @@ class Checkbox {
|
|
|
4660
4663
|
else
|
|
4661
4664
|
this.internals.setValidity(NO_ERROR_FLAGS);
|
|
4662
4665
|
};
|
|
4663
|
-
_Checkbox_onBlur.set(this, (event) => {
|
|
4664
|
-
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
4665
|
-
if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
|
|
4666
|
-
ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").close());
|
|
4667
|
-
});
|
|
4668
|
-
_Checkbox_onFocus.set(this, (event) => {
|
|
4669
|
-
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
4670
|
-
if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
|
|
4671
|
-
ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").show());
|
|
4672
|
-
});
|
|
4673
4666
|
_Checkbox_spanRef.set(this, (span) => {
|
|
4674
|
-
__classPrivateFieldSet$
|
|
4667
|
+
__classPrivateFieldSet$m(this, _Checkbox_span, span, "f");
|
|
4675
4668
|
});
|
|
4676
4669
|
_Checkbox_tooltipRef.set(this, (tooltip) => {
|
|
4677
4670
|
if (tooltip) {
|
|
4678
4671
|
// eslint-disable-next-line no-param-reassign
|
|
4679
4672
|
tooltip.target = this.host;
|
|
4680
|
-
__classPrivateFieldSet$
|
|
4673
|
+
__classPrivateFieldSet$m(this, _Checkbox_tooltip, tooltip, "f");
|
|
4681
4674
|
}
|
|
4682
4675
|
});
|
|
4683
4676
|
}
|
|
4677
|
+
onBlur(event) {
|
|
4678
|
+
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
4679
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
|
|
4680
|
+
ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").close());
|
|
4681
|
+
}
|
|
4682
|
+
onFocus(event) {
|
|
4683
|
+
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
4684
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
|
|
4685
|
+
ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").show());
|
|
4686
|
+
}
|
|
4684
4687
|
onClick(event) {
|
|
4685
4688
|
if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
|
|
4686
4689
|
event.stopImmediatePropagation();
|
|
@@ -4688,28 +4691,60 @@ class Checkbox {
|
|
|
4688
4691
|
}
|
|
4689
4692
|
event.preventDefault();
|
|
4690
4693
|
this.checked = __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? true : !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get);
|
|
4694
|
+
this.internals.ariaChecked = this.checked.toString();
|
|
4691
4695
|
this.changeEmitter.emit();
|
|
4692
4696
|
this.indeterminate = false;
|
|
4693
4697
|
}
|
|
4698
|
+
onKeyup(event) {
|
|
4699
|
+
if (event.key === ' ') {
|
|
4700
|
+
this.host.click();
|
|
4701
|
+
event.preventDefault();
|
|
4702
|
+
}
|
|
4703
|
+
}
|
|
4694
4704
|
checkedChanged() {
|
|
4705
|
+
this.internals.ariaChecked = __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get).toString();
|
|
4695
4706
|
this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)
|
|
4696
4707
|
? __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get)
|
|
4697
4708
|
: // eslint-disable-next-line unicorn/no-null
|
|
4698
4709
|
null);
|
|
4699
4710
|
}
|
|
4700
4711
|
disabledChanged() {
|
|
4712
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
|
|
4713
|
+
this.internals.ariaDisabled = 'true';
|
|
4714
|
+
this.host.removeAttribute('tabindex');
|
|
4715
|
+
// eslint-disable-next-line unicorn/no-null
|
|
4716
|
+
this.internals.setFormValue(null);
|
|
4717
|
+
}
|
|
4718
|
+
else {
|
|
4719
|
+
this.internals.ariaDisabled = 'false';
|
|
4720
|
+
this.host.tabIndex = __classPrivateFieldGet$s(this, _Checkbox_savedTabIndex, "f");
|
|
4721
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get))
|
|
4722
|
+
this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
|
|
4723
|
+
}
|
|
4701
4724
|
if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
|
|
4702
4725
|
this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
|
|
4703
4726
|
// eslint-disable-next-line unicorn/no-null
|
|
4704
4727
|
else
|
|
4705
4728
|
this.internals.setFormValue(null);
|
|
4706
4729
|
}
|
|
4730
|
+
indeterminateChanged() {
|
|
4731
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get))
|
|
4732
|
+
this.internals.ariaChecked = 'mixed';
|
|
4733
|
+
}
|
|
4707
4734
|
tabindexChanged(newValue) {
|
|
4708
|
-
|
|
4709
|
-
|
|
4710
|
-
|
|
4735
|
+
if (newValue !== null) {
|
|
4736
|
+
const parsedValue = Number.parseInt(newValue, 10);
|
|
4737
|
+
__classPrivateFieldSet$m(this, _Checkbox_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
|
|
4738
|
+
? 0
|
|
4739
|
+
: parsedValue, "f");
|
|
4740
|
+
}
|
|
4741
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
|
|
4742
|
+
this.host.removeAttribute('tabindex');
|
|
4743
|
+
else
|
|
4744
|
+
this.host.tabIndex = __classPrivateFieldGet$s(this, _Checkbox_savedTabIndex, "f");
|
|
4711
4745
|
}
|
|
4712
4746
|
textChanged() {
|
|
4747
|
+
this.internals.ariaLabel = this.text;
|
|
4713
4748
|
if (__classPrivateFieldGet$s(this, _Checkbox_ro, "f"))
|
|
4714
4749
|
__classPrivateFieldGet$s(this, _Checkbox_ro, "f").disconnect();
|
|
4715
4750
|
if (!__classPrivateFieldGet$s(this, _Checkbox_span, "f"))
|
|
@@ -4718,7 +4753,7 @@ class Checkbox {
|
|
|
4718
4753
|
readTask(() => {
|
|
4719
4754
|
this.tooltip = isEllipsisActive(span);
|
|
4720
4755
|
});
|
|
4721
|
-
__classPrivateFieldSet$
|
|
4756
|
+
__classPrivateFieldSet$m(this, _Checkbox_ro, new ResizeObserver(([spanEntry]) => {
|
|
4722
4757
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
4723
4758
|
}), "f");
|
|
4724
4759
|
__classPrivateFieldGet$s(this, _Checkbox_ro, "f").observe(__classPrivateFieldGet$s(this, _Checkbox_span, "f"));
|
|
@@ -4728,12 +4763,17 @@ class Checkbox {
|
|
|
4728
4763
|
this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
|
|
4729
4764
|
}
|
|
4730
4765
|
componentWillLoad() {
|
|
4766
|
+
this.internals.role = 'checkbox';
|
|
4767
|
+
this.internals.ariaChecked = __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get)
|
|
4768
|
+
? 'mixed'
|
|
4769
|
+
: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get).toString();
|
|
4770
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get).toString();
|
|
4771
|
+
this.internals.ariaLabel = this.text;
|
|
4731
4772
|
this.valueChanged();
|
|
4732
4773
|
__classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
|
|
4733
4774
|
__classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
4734
4775
|
__classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
4735
4776
|
__classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
4736
|
-
__classPrivateFieldSet$n(this, _Checkbox_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4737
4777
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4738
4778
|
}
|
|
4739
4779
|
componentDidLoad() {
|
|
@@ -4744,36 +4784,36 @@ class Checkbox {
|
|
|
4744
4784
|
__classPrivateFieldGet$s(this, _Checkbox_ro, "f").disconnect();
|
|
4745
4785
|
}
|
|
4746
4786
|
render() {
|
|
4747
|
-
return (
|
|
4748
|
-
|
|
4749
|
-
hAsync("label", { key: 'ff46801768016168ffb89acd3148a796dd94765f', "aria-disabled": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
|
|
4787
|
+
return (hAsync("div", { key: '55579e21112535dbaee5c474c2eef661d208767c', "aria-hidden": "true", class: {
|
|
4788
|
+
'qds-disabled': __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get),
|
|
4750
4789
|
'qds-inline': this.inline,
|
|
4751
4790
|
'qds-label': true,
|
|
4752
|
-
}, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: '
|
|
4791
|
+
}, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: '6d857b1109e4111d32d2d2de316bc1a1377f5d23', class: "qds-container" }, hAsync("input", { key: '8a9567b8b796112b7959cf29cd80aa51df051136',
|
|
4753
4792
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
4754
|
-
autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate,
|
|
4793
|
+
autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, required: this.required, type: "checkbox", tabIndex: -1 }), hAsync("qds-icon", { key: 'ade28f729ca2e02d9db5c6e6c5f99f49cc6d7d10', class: {
|
|
4755
4794
|
'qds-icon': true,
|
|
4756
4795
|
'qds-checked': true,
|
|
4757
|
-
}, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("qds-icon", { key: '
|
|
4796
|
+
}, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("qds-icon", { key: 'c0dfa142dd90dd7d3adf6e57c71becfe949f43e9', class: {
|
|
4758
4797
|
'qds-icon': true,
|
|
4759
4798
|
'qds-indeterminate': true,
|
|
4760
|
-
}, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (hAsync("span", { key: '
|
|
4799
|
+
}, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (hAsync("span", { key: '7918b3d9fe502c90ff7c8d10104952403078d3b9', class: "qds-label-inner", "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), ref: __classPrivateFieldGet$s(this, _Checkbox_spanRef, "f") }, this.required === true && hAsync("span", { key: '5f0969933396eb3f271040c6140d81c13df47210', class: "qds-required" }, "*"), this.text)), this.tooltip && (hAsync("qds-tooltip", { key: '77d853746163e94cf682aed525d1b1819e4cd383', class: "qds-tooltip", ref: __classPrivateFieldGet$s(this, _Checkbox_tooltipRef, "f") }, this.text))));
|
|
4761
4800
|
}
|
|
4762
|
-
static get delegatesFocus() { return true; }
|
|
4763
4801
|
static get formAssociated() { return true; }
|
|
4764
4802
|
get host() { return getElement(this); }
|
|
4765
4803
|
static get watchers() { return {
|
|
4766
4804
|
"checked": ["checkedChanged"],
|
|
4767
4805
|
"disabled": ["disabledChanged"],
|
|
4806
|
+
"indeterminate": ["indeterminateChanged"],
|
|
4768
4807
|
"tabindex": ["tabindexChanged"],
|
|
4769
4808
|
"text": ["textChanged"],
|
|
4770
4809
|
"value": ["valueChanged"]
|
|
4771
4810
|
}; }
|
|
4772
4811
|
static get style() { return checkboxCss; }
|
|
4773
4812
|
static get cmpMeta() { return {
|
|
4774
|
-
"$flags$":
|
|
4813
|
+
"$flags$": 329,
|
|
4775
4814
|
"$tagName$": "qds-checkbox",
|
|
4776
4815
|
"$members$": {
|
|
4816
|
+
"checkboxOnly": [4, "checkbox-only"],
|
|
4777
4817
|
"inline": [4],
|
|
4778
4818
|
"size": [1],
|
|
4779
4819
|
"text": [1],
|
|
@@ -4787,16 +4827,14 @@ class Checkbox {
|
|
|
4787
4827
|
"validity": [16],
|
|
4788
4828
|
"value": [8],
|
|
4789
4829
|
"willValidate": [4, "will-validate"],
|
|
4790
|
-
"checkboxOnly": [4, "checkbox-only"],
|
|
4791
|
-
"tabIndex": [32],
|
|
4792
4830
|
"tooltip": [32]
|
|
4793
4831
|
},
|
|
4794
|
-
"$listeners$": [[0, "click", "onClick"]],
|
|
4832
|
+
"$listeners$": [[0, "blur", "onBlur"], [0, "focus", "onFocus"], [0, "click", "onClick"], [0, "keyup", "onKeyup"]],
|
|
4795
4833
|
"$lazyBundleId$": "-",
|
|
4796
4834
|
"$attrsToReflect$": []
|
|
4797
4835
|
}; }
|
|
4798
4836
|
}
|
|
4799
|
-
|
|
4837
|
+
_Checkbox_ro = new WeakMap(), _Checkbox_savedTabIndex = new WeakMap(), _Checkbox_span = new WeakMap(), _Checkbox_tooltip = new WeakMap(), _Checkbox_spanRef = new WeakMap(), _Checkbox_tooltipRef = new WeakMap(), _Checkbox_instances = new WeakSet(), _Checkbox_computedChecked_get = function _Checkbox_computedChecked_get() {
|
|
4800
4838
|
return this.checked ?? false;
|
|
4801
4839
|
}, _Checkbox_computedDisabled_get = function _Checkbox_computedDisabled_get() {
|
|
4802
4840
|
return ((this.host.matches(':disabled') || (this.disabled ?? false)) &&
|
|
@@ -4823,7 +4861,7 @@ _Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_ro = new WeakMap(), _Ch
|
|
|
4823
4861
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
4824
4862
|
};
|
|
4825
4863
|
|
|
4826
|
-
const chipCss = ":host([hidden]){display:none!important}:host{display:block}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-label{display:flex}.qds-container{min-width:0}.qds-target{-webkit-appearance:none;appearance:none;background-color:initial;border:none;color:inherit;cursor:pointer;display:flex;outline:none;padding:0;pointer-events:auto}.qds-target:disabled{pointer-events:none}.qds-alignment{align-items:center;display:flex}.qds-cursor{cursor:pointer}.qds-icon{flex-shrink:0}.qds-closable-chip,.qds-container{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-control-chip-gap-internal);justify-content:center;padding-block:0;-webkit-user-select:none;user-select:none}.qds-checkbox:active~.qds-container,.qds-closable-chip:has(.qds-target:active),.qds-container.qds-pressed-state{background-color:var(--qds-theme-interactive-background-pressed)}.qds-container.qds-selected-state{background-color:var(--qds-theme-interactive-background-selected)}.qds-container.qds-selected-state:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-container.qds-selected-state:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-checkbox{clip-path:inset(50%);margin:0;position:absolute}.qds-checkbox:focus-visible~.qds-container{box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-closable-chip[data-size=small],.qds-container[data-size=small]{min-height:var(--qds-control-chip-small-height);padding-inline:var(--qds-control-chip-small-padding-horizontal)}.qds-closable-chip[data-size=small]{padding-inline-end:var(--qds-control-chip-closable-small-padding-
|
|
4864
|
+
const chipCss = ":host([hidden]){display:none!important}:host{display:block}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-label{display:flex}.qds-container{min-width:0}.qds-target{-webkit-appearance:none;appearance:none;background-color:initial;border:none;color:inherit;cursor:pointer;display:flex;outline:none;padding:0;pointer-events:auto}.qds-target:disabled{pointer-events:none}.qds-alignment{align-items:center;display:flex}.qds-cursor{cursor:pointer}.qds-icon{flex-shrink:0}.qds-closable-chip,.qds-container{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-control-chip-gap-internal);justify-content:center;padding-block:0;-webkit-user-select:none;user-select:none}.qds-checkbox:active~.qds-container,.qds-closable-chip:has(.qds-target:active),.qds-container.qds-pressed-state{background-color:var(--qds-theme-interactive-background-pressed)}.qds-container.qds-selected-state{background-color:var(--qds-theme-interactive-background-selected)}.qds-container.qds-selected-state:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-container.qds-selected-state:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-checkbox{clip-path:inset(50%);margin:0;position:absolute}.qds-checkbox:focus-visible~.qds-container{box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-closable-chip[data-size=small],.qds-container[data-size=small]{min-height:var(--qds-control-chip-small-height);padding-inline:var(--qds-control-chip-small-padding-horizontal)}.qds-closable-chip[data-size=small]{padding-inline-end:var(--qds-control-chip-closable-small-padding-end)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-text[data-size=small]{font:var(--qds-control-small-text);line-height:normal}.qds-closable-chip[data-size=standard],.qds-container[data-size=standard]{min-height:var(--qds-control-chip-standard-height);padding-inline:var(--qds-control-chip-standard-padding-horizontal)}.qds-closable-chip[data-size=standard]{padding-inline-end:var(--qds-control-chip-closable-standard-padding-end)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-text[data-size=standard]{font:var(--qds-control-standard-text);line-height:normal}.qds-closable-chip[data-size=large],.qds-container[data-size=large]{min-height:var(--qds-control-chip-large-height);padding-inline:var(--qds-control-chip-large-padding-horizontal)}.qds-closable-chip[data-size=large]{padding-inline-end:var(--qds-control-chip-closable-large-padding-end)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-text[data-size=large]{font:var(--qds-control-large-text);line-height:normal}";
|
|
4827
4865
|
|
|
4828
4866
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4829
4867
|
//
|
|
@@ -4835,7 +4873,7 @@ var __classPrivateFieldGet$r = (undefined && undefined.__classPrivateFieldGet) |
|
|
|
4835
4873
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4836
4874
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4837
4875
|
};
|
|
4838
|
-
var __classPrivateFieldSet$
|
|
4876
|
+
var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4839
4877
|
if (kind === "m")
|
|
4840
4878
|
throw new TypeError("Private method is not writable");
|
|
4841
4879
|
if (kind === "a" && !f)
|
|
@@ -4919,10 +4957,10 @@ class Chip {
|
|
|
4919
4957
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
4920
4958
|
});
|
|
4921
4959
|
_Chip_chipRef.set(this, (chip) => {
|
|
4922
|
-
__classPrivateFieldSet$
|
|
4960
|
+
__classPrivateFieldSet$l(this, _Chip_chip, chip, "f");
|
|
4923
4961
|
});
|
|
4924
4962
|
_Chip_spanRef.set(this, (span) => {
|
|
4925
|
-
__classPrivateFieldSet$
|
|
4963
|
+
__classPrivateFieldSet$l(this, _Chip_span, span, "f");
|
|
4926
4964
|
});
|
|
4927
4965
|
_Chip_tooltipRef.set(this, (tooltip) => {
|
|
4928
4966
|
if (tooltip)
|
|
@@ -4993,7 +5031,7 @@ class Chip {
|
|
|
4993
5031
|
enumerable: true,
|
|
4994
5032
|
get: () => this.internals.form,
|
|
4995
5033
|
});
|
|
4996
|
-
__classPrivateFieldSet$
|
|
5034
|
+
__classPrivateFieldSet$l(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4997
5035
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4998
5036
|
}
|
|
4999
5037
|
componentDidLoad() {
|
|
@@ -5002,7 +5040,7 @@ class Chip {
|
|
|
5002
5040
|
readTask(() => {
|
|
5003
5041
|
this.tooltip = isEllipsisActive(span);
|
|
5004
5042
|
});
|
|
5005
|
-
__classPrivateFieldSet$
|
|
5043
|
+
__classPrivateFieldSet$l(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
|
|
5006
5044
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
5007
5045
|
}), "f");
|
|
5008
5046
|
__classPrivateFieldGet$r(this, _Chip_ro, "f").observe(__classPrivateFieldGet$r(this, _Chip_span, "f"));
|
|
@@ -5098,7 +5136,7 @@ const dialogCss = ":host([hidden]){display:none!important}:host{display:none;hei
|
|
|
5098
5136
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
5099
5137
|
//
|
|
5100
5138
|
// SPDX-License-Identifier: Apache-2.0
|
|
5101
|
-
var __classPrivateFieldSet$
|
|
5139
|
+
var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
5102
5140
|
if (kind === "m")
|
|
5103
5141
|
throw new TypeError("Private method is not writable");
|
|
5104
5142
|
if (kind === "a" && !f)
|
|
@@ -5140,7 +5178,7 @@ class Dialog {
|
|
|
5140
5178
|
_Dialog_titleId.set(this, void 0);
|
|
5141
5179
|
_Dialog_closeButton.set(this, void 0);
|
|
5142
5180
|
_Dialog_ref.set(this, (dialog) => {
|
|
5143
|
-
__classPrivateFieldSet$
|
|
5181
|
+
__classPrivateFieldSet$k(this, _Dialog_dialog, dialog, "f");
|
|
5144
5182
|
});
|
|
5145
5183
|
_Dialog_onCancel.set(this, (event) => {
|
|
5146
5184
|
if (this.cancelEmitter.emit().defaultPrevented)
|
|
@@ -5166,7 +5204,7 @@ class Dialog {
|
|
|
5166
5204
|
}
|
|
5167
5205
|
});
|
|
5168
5206
|
_Dialog_closeButtonRef.set(this, (button) => {
|
|
5169
|
-
__classPrivateFieldSet$
|
|
5207
|
+
__classPrivateFieldSet$k(this, _Dialog_closeButton, button, "f");
|
|
5170
5208
|
});
|
|
5171
5209
|
_Dialog_handleFocus.set(this, () => {
|
|
5172
5210
|
if (!this.open)
|
|
@@ -5192,9 +5230,9 @@ class Dialog {
|
|
|
5192
5230
|
this.hasFooterSlot = !!this.host.querySelector('[slot="footer"]');
|
|
5193
5231
|
}
|
|
5194
5232
|
componentWillLoad() {
|
|
5195
|
-
__classPrivateFieldSet$
|
|
5233
|
+
__classPrivateFieldSet$k(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
5196
5234
|
autoIncrementingId$4 += 1;
|
|
5197
|
-
__classPrivateFieldSet$
|
|
5235
|
+
__classPrivateFieldSet$k(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$4}`, "f");
|
|
5198
5236
|
}
|
|
5199
5237
|
componentDidLoad() {
|
|
5200
5238
|
if (this.open)
|
|
@@ -5202,7 +5240,7 @@ class Dialog {
|
|
|
5202
5240
|
}
|
|
5203
5241
|
render() {
|
|
5204
5242
|
const hasHeading = this.hasTitleSlot || this.closable === true;
|
|
5205
|
-
return (hAsync(Host, { key: '
|
|
5243
|
+
return (hAsync(Host, { key: 'b56703628894d44de6fbfa044b8e159879638c1d' }, hAsync("dialog", { key: '7171f1cba7abb9462d7b6a4a9e8d3d1f627b0025', class: "qds-dialog", ref: __classPrivateFieldGet$q(this, _Dialog_ref, "f"), onCancel: __classPrivateFieldGet$q(this, _Dialog_onCancel, "f"), onClose: __classPrivateFieldGet$q(this, _Dialog_onClose, "f"), onSubmit: __classPrivateFieldGet$q(this, _Dialog_onSubmit, "f"), ...__classPrivateFieldGet$q(this, _Dialog_inheritedAttributes, "f"), "aria-labelledby": this.hasTitleSlot ? __classPrivateFieldGet$q(this, _Dialog_titleId, "f") : undefined }, hasHeading && (hAsync("div", { key: '11f44e5d24633fc0c17255a730dd5c456cbf165e', class: "qds-heading" }, this.hasTitleSlot && (hAsync("div", { key: 'a78301d8c219d0280c657c707ba6e9c00a0fdbd6', id: __classPrivateFieldGet$q(this, _Dialog_titleId, "f") }, hAsync("slot", { key: '58d3175ca7b36fba80a31f348d9c41f6fbf5d57f', name: "title" }))), this.closable === true && (hAsync("qds-icon-button", { key: 'e5b3d849829ae3aa672ce1a86f9b5e5696df0e0d', text: "close dialog", class: "qds-close-button", importance: "subdued", iconName: "close", iconLibrary: "core", onClick: __classPrivateFieldGet$q(this, _Dialog_handleCloseClick, "f"), ref: __classPrivateFieldGet$q(this, _Dialog_closeButtonRef, "f") })))), hAsync("div", { key: '775bb97545208edf31fa2205ca4011883e95c3f4', class: "qds-content" }, hAsync("slot", { key: 'b8b270ecaacac369a859d04fb17750bc0474aeae' })), this.hasFooterSlot && (hAsync("div", { key: 'b33c4f068fd65cbd688f449ec819829073d3e019', class: "qds-footer" }, hAsync("slot", { key: 'aa3e314e0b76b5c38ed1e0ddf25ac048ab1ddf15', name: "footer" })))), hAsync("div", { key: 'f2127abeb01723559abaa8537fdcc07081082b73', class: "qds-backdrop", "aria-hidden": "true" })));
|
|
5206
5244
|
}
|
|
5207
5245
|
show() {
|
|
5208
5246
|
invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
|
|
@@ -5237,7 +5275,7 @@ class Dialog {
|
|
|
5237
5275
|
}
|
|
5238
5276
|
_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();
|
|
5239
5277
|
|
|
5240
|
-
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)}";
|
|
5278
|
+
const dividerCss = ":host([hidden]){display:none!important}:host{display:block;flex-grow:1}.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)}";
|
|
5241
5279
|
|
|
5242
5280
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
5243
5281
|
//
|
|
@@ -5288,7 +5326,7 @@ class Divider {
|
|
|
5288
5326
|
this.verticalChanged();
|
|
5289
5327
|
}
|
|
5290
5328
|
render() {
|
|
5291
|
-
return (hAsync("hr", { key: '
|
|
5329
|
+
return (hAsync("hr", { key: '38c35691b72a0fdf875406fecd02eddaf88d385b', class: {
|
|
5292
5330
|
'qds-divider': true,
|
|
5293
5331
|
'qds-vertical': this.vertical,
|
|
5294
5332
|
}, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$p(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
|
|
@@ -7010,7 +7048,7 @@ const dropdownCss = ":host([hidden]){display:none!important}:host{background-col
|
|
|
7010
7048
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7011
7049
|
//
|
|
7012
7050
|
// SPDX-License-Identifier: Apache-2.0
|
|
7013
|
-
var __classPrivateFieldSet$
|
|
7051
|
+
var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7014
7052
|
if (kind === "m")
|
|
7015
7053
|
throw new TypeError("Private method is not writable");
|
|
7016
7054
|
if (kind === "a" && !f)
|
|
@@ -7160,6 +7198,13 @@ class Dropdown {
|
|
|
7160
7198
|
event.stopPropagation();
|
|
7161
7199
|
return;
|
|
7162
7200
|
}
|
|
7201
|
+
if (key === getSubmenuCloseKey(this.host) && __classPrivateFieldGet$o(this, _Dropdown_open, "f")) {
|
|
7202
|
+
event.preventDefault();
|
|
7203
|
+
event.stopPropagation();
|
|
7204
|
+
await this.close();
|
|
7205
|
+
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
|
|
7206
|
+
return;
|
|
7207
|
+
}
|
|
7163
7208
|
if (!VERTICAL_MOVE_KEYS.has(key))
|
|
7164
7209
|
return;
|
|
7165
7210
|
const Items = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").filter((item) => isEnabledItem(item) &&
|
|
@@ -7220,14 +7265,14 @@ class Dropdown {
|
|
|
7220
7265
|
_Dropdown_onSlotchange.set(this, (event) => {
|
|
7221
7266
|
const slot = event.target;
|
|
7222
7267
|
const assignedElements = slot.assignedElements({ flatten: true });
|
|
7223
|
-
__classPrivateFieldSet$
|
|
7268
|
+
__classPrivateFieldSet$j(this, _Dropdown_Items, assignedElements.filter((element) => isEnabledItem(element)), "f");
|
|
7224
7269
|
});
|
|
7225
7270
|
}
|
|
7226
7271
|
/**
|
|
7227
7272
|
* Updates the gap between the dropdown and its target element.
|
|
7228
7273
|
*/
|
|
7229
7274
|
async updateGap() {
|
|
7230
|
-
__classPrivateFieldSet$
|
|
7275
|
+
__classPrivateFieldSet$j(this, _Dropdown_gap, propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0, "f");
|
|
7231
7276
|
await this.updateMiddleware();
|
|
7232
7277
|
}
|
|
7233
7278
|
/**
|
|
@@ -7249,10 +7294,10 @@ class Dropdown {
|
|
|
7249
7294
|
}
|
|
7250
7295
|
if (!__classPrivateFieldGet$o(this, _Dropdown_opened, "f")) {
|
|
7251
7296
|
await this.updateGap();
|
|
7252
|
-
__classPrivateFieldSet$
|
|
7297
|
+
__classPrivateFieldSet$j(this, _Dropdown_opened, true, "f");
|
|
7253
7298
|
}
|
|
7254
7299
|
this.startAutoUpdate();
|
|
7255
|
-
__classPrivateFieldSet$
|
|
7300
|
+
__classPrivateFieldSet$j(this, _Dropdown_open, true, "f");
|
|
7256
7301
|
host.hidden = false;
|
|
7257
7302
|
host.showPopover();
|
|
7258
7303
|
}
|
|
@@ -7271,11 +7316,14 @@ class Dropdown {
|
|
|
7271
7316
|
}
|
|
7272
7317
|
if (__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f"))
|
|
7273
7318
|
__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f").call(this);
|
|
7274
|
-
__classPrivateFieldSet$
|
|
7319
|
+
__classPrivateFieldSet$j(this, _Dropdown_open, false, "f");
|
|
7275
7320
|
this.host.hidden = true;
|
|
7276
7321
|
this.host.hidePopover();
|
|
7277
7322
|
this.closeEmitter.emit();
|
|
7278
7323
|
}
|
|
7324
|
+
async focusFirstItem() {
|
|
7325
|
+
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
|
|
7326
|
+
}
|
|
7279
7327
|
async handleMouseDown(event) {
|
|
7280
7328
|
if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
|
|
7281
7329
|
return;
|
|
@@ -7294,7 +7342,7 @@ class Dropdown {
|
|
|
7294
7342
|
async updateReferenceElement() {
|
|
7295
7343
|
var _a;
|
|
7296
7344
|
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
|
|
7297
|
-
__classPrivateFieldSet$
|
|
7345
|
+
__classPrivateFieldSet$j(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
|
|
7298
7346
|
if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
|
|
7299
7347
|
return;
|
|
7300
7348
|
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
|
|
@@ -7307,7 +7355,7 @@ class Dropdown {
|
|
|
7307
7355
|
}
|
|
7308
7356
|
}
|
|
7309
7357
|
async updateMiddleware() {
|
|
7310
|
-
__classPrivateFieldSet$
|
|
7358
|
+
__classPrivateFieldSet$j(this, _Dropdown_middleware, [
|
|
7311
7359
|
offset({
|
|
7312
7360
|
...this.offsetOptions,
|
|
7313
7361
|
mainAxis: __classPrivateFieldGet$o(this, _Dropdown_gap, "f"),
|
|
@@ -7343,7 +7391,7 @@ class Dropdown {
|
|
|
7343
7391
|
return;
|
|
7344
7392
|
if (__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f"))
|
|
7345
7393
|
__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f").call(this);
|
|
7346
|
-
__classPrivateFieldSet$
|
|
7394
|
+
__classPrivateFieldSet$j(this, _Dropdown_cleanup, autoUpdate(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"), this.host, () => {
|
|
7347
7395
|
ignorePromise(this.updatePosition());
|
|
7348
7396
|
}, this.autoUpdateOptions), "f");
|
|
7349
7397
|
}
|
|
@@ -7360,7 +7408,7 @@ class Dropdown {
|
|
|
7360
7408
|
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
|
|
7361
7409
|
}
|
|
7362
7410
|
render() {
|
|
7363
|
-
return (hAsync(Host, { key: '
|
|
7411
|
+
return (hAsync(Host, { key: 'cd91708a88557e3de9ff415fcf5ac365f4878101', onKeyDown: __classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: 'ea44dbaac6f745eeeb3b835402cce7b051be2b88', onSlotchange: __classPrivateFieldGet$o(this, _Dropdown_onSlotchange, "f") })));
|
|
7364
7412
|
}
|
|
7365
7413
|
static get delegatesFocus() { return true; }
|
|
7366
7414
|
get host() { return getElement(this); }
|
|
@@ -7394,7 +7442,8 @@ class Dropdown {
|
|
|
7394
7442
|
"keepOpenOnSelect": [4, "keep-open-on-select"],
|
|
7395
7443
|
"updateGap": [64],
|
|
7396
7444
|
"show": [64],
|
|
7397
|
-
"close": [64]
|
|
7445
|
+
"close": [64],
|
|
7446
|
+
"focusFirstItem": [64]
|
|
7398
7447
|
},
|
|
7399
7448
|
"$listeners$": [[4, "click", "handleMouseDown"], [0, "click", "onItemClick"]],
|
|
7400
7449
|
"$lazyBundleId$": "-",
|
|
@@ -7402,10 +7451,14 @@ class Dropdown {
|
|
|
7402
7451
|
}; }
|
|
7403
7452
|
}
|
|
7404
7453
|
_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() {
|
|
7405
|
-
if (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement
|
|
7406
|
-
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement)
|
|
7407
|
-
|
|
7408
|
-
|
|
7454
|
+
if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement) &&
|
|
7455
|
+
!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement))
|
|
7456
|
+
return;
|
|
7457
|
+
const root = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").getRootNode();
|
|
7458
|
+
const target = root instanceof globalThis.ShadowRoot
|
|
7459
|
+
? root.host
|
|
7460
|
+
: __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f");
|
|
7461
|
+
target.focus();
|
|
7409
7462
|
}, _Dropdown_focusFirstItem = function _Dropdown_focusFirstItem() {
|
|
7410
7463
|
requestAnimationFrame(() => {
|
|
7411
7464
|
const firstItem = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").find((item) => item instanceof HTMLElement &&
|
|
@@ -7433,15 +7486,6 @@ const formMessageCss = ":host([hidden]){display:none!important}:host{display:inl
|
|
|
7433
7486
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7434
7487
|
//
|
|
7435
7488
|
// SPDX-License-Identifier: Apache-2.0
|
|
7436
|
-
var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7437
|
-
if (kind === "m")
|
|
7438
|
-
throw new TypeError("Private method is not writable");
|
|
7439
|
-
if (kind === "a" && !f)
|
|
7440
|
-
throw new TypeError("Private accessor was defined without a setter");
|
|
7441
|
-
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7442
|
-
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
7443
|
-
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
7444
|
-
};
|
|
7445
7489
|
var __classPrivateFieldGet$n = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7446
7490
|
if (kind === "a" && !f)
|
|
7447
7491
|
throw new TypeError("Private accessor was defined without a getter");
|
|
@@ -7449,7 +7493,7 @@ var __classPrivateFieldGet$n = (undefined && undefined.__classPrivateFieldGet) |
|
|
|
7449
7493
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
7450
7494
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
7451
7495
|
};
|
|
7452
|
-
var _FormMessage_instances,
|
|
7496
|
+
var _FormMessage_instances, _FormMessage_computedSize_get, _FormMessage_computedStatus_get, _FormMessage_syncInternalsAccessibility;
|
|
7453
7497
|
/**
|
|
7454
7498
|
* `<qds-form-message>` elements represent messages for a form field in a user
|
|
7455
7499
|
* interface.
|
|
@@ -7459,6 +7503,13 @@ var _FormMessage_instances, _FormMessage_inheritedAttributes, _FormMessage_compu
|
|
|
7459
7503
|
class FormMessage {
|
|
7460
7504
|
constructor(hostRef) {
|
|
7461
7505
|
registerInstance(this, hostRef);
|
|
7506
|
+
if (hostRef.$hostElement$["s-ei"]) {
|
|
7507
|
+
this.internals = hostRef.$hostElement$["s-ei"];
|
|
7508
|
+
}
|
|
7509
|
+
else {
|
|
7510
|
+
this.internals = hostRef.$hostElement$.attachInternals();
|
|
7511
|
+
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
7512
|
+
}
|
|
7462
7513
|
_FormMessage_instances.add(this);
|
|
7463
7514
|
/**
|
|
7464
7515
|
* Adds vertical margin to the form message for alignment.
|
|
@@ -7475,18 +7526,27 @@ class FormMessage {
|
|
|
7475
7526
|
* The form message's status.
|
|
7476
7527
|
*/
|
|
7477
7528
|
this.status = 'error';
|
|
7478
|
-
|
|
7529
|
+
}
|
|
7530
|
+
statusChanged() {
|
|
7531
|
+
__classPrivateFieldGet$n(this, _FormMessage_instances, "m", _FormMessage_syncInternalsAccessibility).call(this);
|
|
7479
7532
|
}
|
|
7480
7533
|
componentWillLoad() {
|
|
7481
|
-
|
|
7534
|
+
if (__classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) !== 'neutral') {
|
|
7535
|
+
this.internals.role =
|
|
7536
|
+
__classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) === 'error' ? 'alert' : 'status';
|
|
7537
|
+
}
|
|
7538
|
+
__classPrivateFieldGet$n(this, _FormMessage_instances, "m", _FormMessage_syncInternalsAccessibility).call(this);
|
|
7482
7539
|
}
|
|
7483
7540
|
render() {
|
|
7484
|
-
return (hAsync("
|
|
7541
|
+
return (hAsync("div", { key: '06ab5174430e4ee559b7ef8f0f1f93f8725e6d8d', class: {
|
|
7485
7542
|
'qds-form-message': true,
|
|
7486
7543
|
'qds-inline': this.inline,
|
|
7487
|
-
}, "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get),
|
|
7544
|
+
}, "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) !== 'neutral' && (hAsync("div", { key: '3bfd03345480f6e1a3bfed9fc02a305a10ca3a8a', class: "qds-icon-container", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: 'ed3f34efcea550f6d325c6f72321ceee4b2e9c6f', class: "qds-icon-background", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, hAsync("qds-icon", { key: 'fb38a30828adf99ec982190769f8e9c0e01f95f2', class: "qds-icon", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get), name: `status-${__classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get)}-solid`, library: "core" }), hAsync("span", { key: '8949e66c31fa79dbfe0fea33458f8e0babfed523', class: "qds-sr-only" }, this.statusDescription)))), hAsync("span", { key: '64480656127a18618af23cb76971974bca1aa847', class: "qds-text", "data-status": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
|
|
7488
7545
|
}
|
|
7489
7546
|
get host() { return getElement(this); }
|
|
7547
|
+
static get watchers() { return {
|
|
7548
|
+
"status": ["statusChanged"]
|
|
7549
|
+
}; }
|
|
7490
7550
|
static get style() { return formMessageCss; }
|
|
7491
7551
|
static get cmpMeta() { return {
|
|
7492
7552
|
"$flags$": 265,
|
|
@@ -7503,7 +7563,7 @@ class FormMessage {
|
|
|
7503
7563
|
"$attrsToReflect$": []
|
|
7504
7564
|
}; }
|
|
7505
7565
|
}
|
|
7506
|
-
|
|
7566
|
+
_FormMessage_instances = new WeakSet(), _FormMessage_computedSize_get = function _FormMessage_computedSize_get() {
|
|
7507
7567
|
switch (this.size) {
|
|
7508
7568
|
case 'standard':
|
|
7509
7569
|
case 'small':
|
|
@@ -7516,6 +7576,10 @@ _FormMessage_inheritedAttributes = new WeakMap(), _FormMessage_instances = new W
|
|
|
7516
7576
|
}
|
|
7517
7577
|
}, _FormMessage_computedStatus_get = function _FormMessage_computedStatus_get() {
|
|
7518
7578
|
return this.status ?? 'error';
|
|
7579
|
+
}, _FormMessage_syncInternalsAccessibility = function _FormMessage_syncInternalsAccessibility() {
|
|
7580
|
+
this.internals.ariaLive =
|
|
7581
|
+
__classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) === 'error' ? 'assertive' : 'polite';
|
|
7582
|
+
this.internals.ariaAtomic = 'true';
|
|
7519
7583
|
};
|
|
7520
7584
|
|
|
7521
7585
|
const checkedSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0ibTEyLjExMSAzLjUtNS45MTggOUwzLjg5IDkuMDI0Ii8+PC9zdmc+';
|
|
@@ -7723,7 +7787,7 @@ class Icon {
|
|
|
7723
7787
|
await this.setIcon();
|
|
7724
7788
|
}
|
|
7725
7789
|
render() {
|
|
7726
|
-
return (hAsync("div", { key: '
|
|
7790
|
+
return (hAsync("div", { key: 'a30a96c36b82403a02633da78a0b088f268e38a8', class: "qds-container", "aria-hidden": "true" }, hAsync("span", { key: 'e5857ccf7d3e9545279a7c6afc53cb788f274cae', class: "qds-icon-wrapper", innerHTML: this.svg })));
|
|
7727
7791
|
}
|
|
7728
7792
|
static get watchers() { return {
|
|
7729
7793
|
"name": ["setIcon"],
|
|
@@ -8212,7 +8276,7 @@ _IconTab_div = new WeakMap(), _IconTab_panel = new WeakMap(), _IconTab_iconTab =
|
|
|
8212
8276
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
8213
8277
|
};
|
|
8214
8278
|
|
|
8215
|
-
const inlineLinkCss = ":host([hidden]){display:none!important}:host{display:inline-block}:host(:focus-visible){border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-icon{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)}";
|
|
8279
|
+
const inlineLinkCss = ":host([hidden]){display:none!important}:host{display:inline-block}:host(:focus-visible){border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-icon{height:var(--qds-control-hero-icon-size);transform:scaleX(var(--qds-direction-factor,1));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)}";
|
|
8216
8280
|
|
|
8217
8281
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
8218
8282
|
//
|
|
@@ -8333,10 +8397,10 @@ class InlineLink {
|
|
|
8333
8397
|
__classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
|
|
8334
8398
|
}
|
|
8335
8399
|
render() {
|
|
8336
|
-
return (hAsync("a", { key: '
|
|
8400
|
+
return (hAsync("a", { key: '251fe7659a8a098b8f7394f2444ef16ff756ada3', "aria-hidden": "true", class: {
|
|
8337
8401
|
'qds-inline-link': true,
|
|
8338
8402
|
'qds-disabled': this.disabled,
|
|
8339
|
-
}, "data-importance": __classPrivateFieldGet$k(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$k(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$k(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$k(this, _InlineLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '
|
|
8403
|
+
}, "data-importance": __classPrivateFieldGet$k(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$k(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$k(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$k(this, _InlineLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '5b199ac66d04a8a21d464517d67f7820de5da457', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("slot", { key: '5c2593abebcf79f725369fa0ab8e4030940e1948', onSlotchange: __classPrivateFieldGet$k(this, _InlineLink_onSlotchange, "f") }), this.linkIcon && (hAsync("qds-icon", { key: 'f9bf58525eb9831828d01dd1808e48454648c72e', class: "qds-icon", library: "core", name: this.linkIcon }))));
|
|
8340
8404
|
}
|
|
8341
8405
|
get host() { return getElement(this); }
|
|
8342
8406
|
static get watchers() { return {
|
|
@@ -8403,7 +8467,7 @@ var __classPrivateFieldSet$f = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
8403
8467
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
8404
8468
|
};
|
|
8405
8469
|
var _Input_instances, _Input_inheritedAttributes, _Input_input, _Input_computedDisabled_get, _Input_computedIconName_get, _Input_computedSize_get, _Input_computedValue_get, _Input_computedStatus_get, _Input_hasInteractiveIcon_get, _Input_iconClickHandler_get, _Input_computedType_get, _Input_computedInteractiveIconAriaLabel_get, _Input_renderClearableButton, _Input_renderSearchClearButton, _Input_renderInteractiveIconButton, _Input_renderSearchButton, _Input_togglePasswordVisibility, _Input_ref, _Input_getFiles, _Input_onBlur, _Input_onCancel, _Input_onSearch, _Input_onChange, _Input_handleClear, _Input_onClearableClick, _Input_onSearchClear, _Input_onFocus, _Input_onInput, _Input_defineGetter, _Input_clearValue;
|
|
8406
|
-
const stopImmediatePropagation = (event) => {
|
|
8470
|
+
const stopImmediatePropagation$1 = (event) => {
|
|
8407
8471
|
event.stopImmediatePropagation();
|
|
8408
8472
|
};
|
|
8409
8473
|
const supportsSearchEvent = () => {
|
|
@@ -8602,10 +8666,10 @@ class Input {
|
|
|
8602
8666
|
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8603
8667
|
__classPrivateFieldGet$j(this, _Input_input, "f").showPicker();
|
|
8604
8668
|
};
|
|
8605
|
-
_Input_renderClearableButton.set(this, () => (hAsync("qds-mini-button", { name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$j(this, _Input_onClearableClick, "f"), onQdsFocus: stopImmediatePropagation })));
|
|
8606
|
-
_Input_renderSearchClearButton.set(this, () => (hAsync("qds-mini-button", { class: "qds-hide", name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$j(this, _Input_onSearchClear, "f"), onQdsFocus: stopImmediatePropagation })));
|
|
8607
|
-
_Input_renderInteractiveIconButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedInteractiveIconAriaLabel_get), onClick: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_iconClickHandler_get), onQdsFocus: stopImmediatePropagation })));
|
|
8608
|
-
_Input_renderSearchButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: "search", onClick: __classPrivateFieldGet$j(this, _Input_onSearch, "f"), onQdsFocus: stopImmediatePropagation })));
|
|
8669
|
+
_Input_renderClearableButton.set(this, () => (hAsync("qds-mini-button", { name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$j(this, _Input_onClearableClick, "f"), onQdsFocus: stopImmediatePropagation$1 })));
|
|
8670
|
+
_Input_renderSearchClearButton.set(this, () => (hAsync("qds-mini-button", { class: "qds-hide", name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$j(this, _Input_onSearchClear, "f"), onQdsFocus: stopImmediatePropagation$1 })));
|
|
8671
|
+
_Input_renderInteractiveIconButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedInteractiveIconAriaLabel_get), onClick: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_iconClickHandler_get), onQdsFocus: stopImmediatePropagation$1 })));
|
|
8672
|
+
_Input_renderSearchButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: "search", onClick: __classPrivateFieldGet$j(this, _Input_onSearch, "f"), onQdsFocus: stopImmediatePropagation$1 })));
|
|
8609
8673
|
_Input_togglePasswordVisibility.set(this, () => {
|
|
8610
8674
|
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8611
8675
|
this.isPasswordVisible = !this.isPasswordVisible;
|
|
@@ -9096,6 +9160,9 @@ var __classPrivateFieldSet$d = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
9096
9160
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
9097
9161
|
};
|
|
9098
9162
|
var _ListItem_instances, _ListItem_roText, _ListItem_roSubTitle, _ListItem_text, _ListItem_subtitle, _ListItem_iconButton, _ListItem_checkbox, _ListItem_radio, _ListItem_computedDestination_get, _ListItem_computedIndeterminate_get, _ListItem_computedListAction_get, _ListItem_computedSelected_get, _ListItem_computedSize_get, _ListItem_hasSubmenu_get, _ListItem_onBlur, _ListItem_onFocus, _ListItem_onCheck, _ListItem_onSelect, _ListItem_divTitleRef, _ListItem_divSubtitleRef, _ListItem_textTooltipRef, _ListItem_iconButtonRef, _ListItem_onSlotChange, _ListItem_checkboxRef, _ListItem_radioRef;
|
|
9163
|
+
const stopImmediatePropagation = (event) => {
|
|
9164
|
+
event.stopImmediatePropagation();
|
|
9165
|
+
};
|
|
9099
9166
|
/**
|
|
9100
9167
|
*
|
|
9101
9168
|
*
|
|
@@ -9297,18 +9364,18 @@ class ListItem {
|
|
|
9297
9364
|
this.subtitleChanged();
|
|
9298
9365
|
}
|
|
9299
9366
|
render() {
|
|
9300
|
-
return (hAsync(Host, { key: '
|
|
9367
|
+
return (hAsync(Host, { key: '5a3a3df94d196e2c3740c9a7cd47b9cd28f6259c' }, hAsync("div", { key: '19458ba3e18483d63c3e1d767198757c40f8af1d', class: {
|
|
9301
9368
|
'qds-list-item': true,
|
|
9302
9369
|
'qds-has-submenu': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get),
|
|
9303
9370
|
'qds-disabled': this.disabled,
|
|
9304
9371
|
'qds-selected': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
|
|
9305
9372
|
'qds-static': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'none',
|
|
9306
|
-
}, "data-size": __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '
|
|
9373
|
+
}, "data-size": __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '330677408fefe3434033699287497cdbb0229de8', class: {
|
|
9307
9374
|
'qds-indented-content': true,
|
|
9308
9375
|
'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !== 'none',
|
|
9309
|
-
} }, __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: '
|
|
9376
|
+
} }, __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: '6951ebdb2c5d31b045e867c08f8f7a59b477d7a3', checked: this.selected, indeterminate: this.indeterminate, size: this.size, text: this.text, disabled: this.disabled, checkboxOnly: true, onQdsChange: stopImmediatePropagation, ref: __classPrivateFieldGet$h(this, _ListItem_checkboxRef, "f") })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' && (hAsync("qds-radio", { key: 'afe26df255406172e85866f9f8ad0c117dd7c80d', checked: this.selected, size: this.size, onQdsChange: __classPrivateFieldGet$h(this, _ListItem_onSelect, "f"), disabled: this.disabled, "aria-label": this.text, ref: __classPrivateFieldGet$h(this, _ListItem_radioRef, "f") })), this.host.draggable && (hAsync("qds-icon", { key: 'f5398339399b1b5ed40eb99fddfd4da70e46cc06', class: "qds-icon qds-list-action qds-draggable", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (hAsync("img", { key: '92330554b0bac82bb1830518f646fbc07494028f', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '59ec62d45dd9f0970435f33492625f78dbf5917f', class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (hAsync("qds-avatar-media", { key: '48638dc5625c1b452cef3425aa154809f9db119b', class: "qds-picture", src: this.avatarSrc })), hAsync("div", { key: '77a1f8424be02a7d363edc66db61ad3b55b3b29b', class: "qds-texts", role: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 'option' : undefined, tabIndex: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' && !this.disabled
|
|
9310
9377
|
? 0
|
|
9311
|
-
: undefined, onFocus: __classPrivateFieldGet$h(this, _ListItem_onFocus, "f"), onBlur: __classPrivateFieldGet$h(this, _ListItem_onBlur, "f") }, this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: '
|
|
9378
|
+
: undefined, onFocus: __classPrivateFieldGet$h(this, _ListItem_onFocus, "f"), onBlur: __classPrivateFieldGet$h(this, _ListItem_onBlur, "f") }, this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: 'bd286572a596d6834deb37c78355fd0c513b507b', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: 'e47ad0f2262a6b703ad60910ecda70f9055a99cd', class: "qds-title", ref: __classPrivateFieldGet$h(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '454e29db383d4d42388302c2a0c2e3e829110d69', class: "qds-subtitle", ref: __classPrivateFieldGet$h(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (hAsync("qds-badge-counter", { key: '954a084ce37eb83a184e21b34f04a552384d113a', size: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get), strokeRing: true, value: this.badge, description: this.badgeDescription })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-icon-button", { key: 'ee6d36f38f7f2503dfbbf59add9dd381ce9634d4', iconName: "dots-3-vertical", importance: "subdued", "aria-label": "more actions", disabled: this.disabled, ref: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f") })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (hAsync("qds-icon", { key: '07065d6e8cb830d7df88fa2222418957a352f36a', class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '89fd9526aabb5d3d51252b767abf4b61cfad3699', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f"), role: "menu" }, hAsync("slot", { key: '8543f5c404208d1a8e2e2e7b7504fb212caef8f1', onSlotchange: __classPrivateFieldGet$h(this, _ListItem_onSlotChange, "f") }))), this.showDivider && hAsync("qds-divider", { key: '147261b3b694ab5fc53cde8f92bf2d4bf9db78aa' }), (this.textTooltip || this.subtitleTooltip) && (hAsync("qds-tooltip", { key: 'd241910d595e17d4624fbfeaebb3c592e9861250', "aria-hidden": "true", ref: __classPrivateFieldGet$h(this, _ListItem_textTooltipRef, "f") }, hAsync("div", { key: '2e0fbef65e5aff8fd9cd6a746914e19c4509e5ae', class: "qds-tooltip-kicker" }, this.kicker), hAsync("div", { key: '0258af911af8835bf23bed6ab204e47b50dde61d', class: "qds-tooltip-title" }, this.text), hAsync("div", { key: 'cd81e5f0a52ad03b876967bb41549af3a3603d5f', class: "qds-tooltip-subtitle" }, this.subtitle))))));
|
|
9312
9379
|
}
|
|
9313
9380
|
get host() { return getElement(this); }
|
|
9314
9381
|
static get watchers() { return {
|
|
@@ -9387,7 +9454,7 @@ _ListItem_roText = new WeakMap(), _ListItem_roSubTitle = new WeakMap(), _ListIte
|
|
|
9387
9454
|
return this.hasSubmenuSlot;
|
|
9388
9455
|
};
|
|
9389
9456
|
|
|
9390
|
-
const loaderCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-loader{border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-feedback-action-destructive-contrast)}[data-size=small]{height:var(--qds-feedback-loader-small-size);width:var(--qds-feedback-loader-small-size)}[data-size=small][data-status=loading]{padding:var(--qds-signature-circle-progress-small-border-width)}[data-size=standard]{height:var(--qds-feedback-loader-standard-size);width:var(--qds-feedback-loader-standard-size)}[data-size=standard][data-status=loading]{padding:var(--qds-signature-circle-progress-standard-border-width)}[data-size=large]{height:var(--qds-feedback-loader-large-size);width:var(--qds-feedback-loader-large-size)}[data-size=large][data-status=loading]{padding:var(--qds-signature-circle-progress-large-border-width)}[data-size=jumbo]{height:var(--qds-feedback-loader-jumbo-size);width:var(--qds-feedback-loader-jumbo-size)}[data-size=jumbo][data-status=loading]{padding:var(--qds-signature-circle-progress-jumbo-border-width)}[data-size=hero]{height:var(--qds-feedback-loader-hero-size);width:var(--qds-feedback-loader-hero-size)}[data-size=hero][data-status=loading]{padding:var(--qds-signature-circle-progress-hero-border-width)}[data-status=loading]{animation:
|
|
9457
|
+
const loaderCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-loader{border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-feedback-action-destructive-contrast)}[data-size=small]{height:var(--qds-feedback-loader-small-size);width:var(--qds-feedback-loader-small-size)}[data-size=small][data-status=loading]{padding:var(--qds-signature-circle-progress-small-border-width)}[data-size=standard]{height:var(--qds-feedback-loader-standard-size);width:var(--qds-feedback-loader-standard-size)}[data-size=standard][data-status=loading]{padding:var(--qds-signature-circle-progress-standard-border-width)}[data-size=large]{height:var(--qds-feedback-loader-large-size);width:var(--qds-feedback-loader-large-size)}[data-size=large][data-status=loading]{padding:var(--qds-signature-circle-progress-large-border-width)}[data-size=jumbo]{height:var(--qds-feedback-loader-jumbo-size);width:var(--qds-feedback-loader-jumbo-size)}[data-size=jumbo][data-status=loading]{padding:var(--qds-signature-circle-progress-jumbo-border-width)}[data-size=hero]{height:var(--qds-feedback-loader-hero-size);width:var(--qds-feedback-loader-hero-size)}[data-size=hero][data-status=loading]{padding:var(--qds-signature-circle-progress-hero-border-width)}[data-status=loading]{animation:a 1s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}[data-status=loading][data-importance=standard]{background-image:var(--qds-theme-feedback-loader-standard-indeterminate)}[data-status=loading][data-importance=destructive]{background-image:var(\n --qds-theme-feedback-loader-destructive-indeterminate\n )}[data-status=loading][data-importance=informative]{background-image:var(\n --qds-theme-feedback-loader-informational-indeterminate\n )}[data-status=loading][data-importance=neutral-contrast]{background-image:var(\n --qds-theme-feedback-loader-neutral-contrast-indeterminate\n );border:var(--qds-theme-feedback-loader-neutral-contrast-indeterminate)}[data-status=loading][data-importance=neutral]{background-image:var(--qds-theme-feedback-loader-neutral-indeterminate);border:var(--qds-theme-feedback-loader-neutral-indeterminate)}@keyframes a{to{transform:rotate(1turn)}}[data-status=success]{color:var(--qds-theme-feedback-result-success)}[data-status=warning]{color:var(--qds-theme-feedback-result-partial-success)}[data-status=error]{color:var(--qds-theme-feedback-result-failure)}";
|
|
9391
9458
|
|
|
9392
9459
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9393
9460
|
//
|
|
@@ -9520,7 +9587,7 @@ _Loader_instances = new WeakSet(), _Loader_computedSize_get = function _Loader_c
|
|
|
9520
9587
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
9521
9588
|
};
|
|
9522
9589
|
|
|
9523
|
-
const menuItemCss = ":host([hidden]){display:none!important}:host{display:block}:host(:focus-visible){border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-menu-item-container{align-items:center;display:flex;flex-grow:1}.qds-disabled{cursor:not-allowed;opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{color:var(--qds-theme-text-standard)}.qds-text{color:var(--qds-theme-title);flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-shortcut{color:var(--qds-theme-text-subdued)}[data-size=small] .qds-menu-item-container{gap:var(--qds-list-item-small-gap-internal);padding-block:var(--qds-list-item-small-padding-vertical);padding-inline:var(--qds-list-item-small-padding-horizontal)}[data-size=small] .menu-item-checkable,[data-size=small] .qds-icon{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-text{font:var(--qds-list-item-small-title)}[data-size=standard] .qds-menu-item-container{gap:var(--qds-list-item-standard-gap-internal);padding-block:var(--qds-list-item-standard-padding-vertical);padding-inline:var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .menu-item-checkable,[data-size=standard] .qds-icon{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-text{font:var(--qds-list-item-standard-title)}[data-size=large] .qds-menu-item-container{gap:var(--qds-list-item-large-gap-internal);padding-block:var(--qds-list-item-large-padding-vertical);padding-inline:var(--qds-list-item-large-padding-horizontal)}[data-size=large] .menu-item-checkable,[data-size=large] .qds-icon{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-text{font:var(--qds-list-item-large-title)}.qds-menu-item{align-items:center;-webkit-appearance:none;appearance:none;border:none;border-radius:var(--qds-control-border-radius);box-sizing:border-box;color:var(--qds-theme-text-standard);cursor:pointer;display:flex;flex-grow:1;text-align:initial;-webkit-text-decoration:none;text-decoration:none}.qds-menu-item:not(.qds-selected):not(.qds-disabled):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-menu-item:not(.qds-selected):not(.qds-disabled):active{background-color:var(--qds-theme-interactive-background-pressed)}";
|
|
9590
|
+
const menuItemCss = ":host([hidden]){display:none!important}:host{display:block}:host(:focus-visible){border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-menu-item-container{align-items:center;display:flex;flex-grow:1}.qds-disabled{cursor:not-allowed;opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{color:var(--qds-theme-text-standard);transform:scaleX(var(--qds-direction-factor,1))}.qds-text{color:var(--qds-theme-title);flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-shortcut{color:var(--qds-theme-text-subdued)}[data-size=small] .qds-menu-item-container{gap:var(--qds-list-item-small-gap-internal);padding-block:var(--qds-list-item-small-padding-vertical);padding-inline:var(--qds-list-item-small-padding-horizontal)}[data-size=small] .menu-item-checkable,[data-size=small] .qds-icon{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-text{font:var(--qds-list-item-small-title)}[data-size=standard] .qds-menu-item-container{gap:var(--qds-list-item-standard-gap-internal);padding-block:var(--qds-list-item-standard-padding-vertical);padding-inline:var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .menu-item-checkable,[data-size=standard] .qds-icon{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-text{font:var(--qds-list-item-standard-title)}[data-size=large] .qds-menu-item-container{gap:var(--qds-list-item-large-gap-internal);padding-block:var(--qds-list-item-large-padding-vertical);padding-inline:var(--qds-list-item-large-padding-horizontal)}[data-size=large] .menu-item-checkable,[data-size=large] .qds-icon{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-text{font:var(--qds-list-item-large-title)}.qds-menu-item{align-items:center;-webkit-appearance:none;appearance:none;border:none;border-radius:var(--qds-control-border-radius);box-sizing:border-box;color:var(--qds-theme-text-standard);cursor:pointer;display:flex;flex-grow:1;text-align:initial;-webkit-text-decoration:none;text-decoration:none}.qds-menu-item:not(.qds-selected):not(.qds-disabled):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-menu-item:not(.qds-selected):not(.qds-disabled):active{background-color:var(--qds-theme-interactive-background-pressed)}";
|
|
9524
9591
|
|
|
9525
9592
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
9526
9593
|
//
|
|
@@ -9541,7 +9608,7 @@ var __classPrivateFieldSet$c = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
9541
9608
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
9542
9609
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
9543
9610
|
};
|
|
9544
|
-
var _MenuItem_instances, _MenuItem_ro, _MenuItem_menuItem, _MenuItem_span, _MenuItem_computedSize_get, _MenuItem_computedType_get, _MenuItem_computedCheckable_get, _MenuItem_computedChecked_get, _MenuItem_computedDisabled_get, _MenuItem_hasSubmenu_get, _MenuItem_menuitemDivRef, _MenuItem_spanRef, _MenuItem_tooltipRef;
|
|
9611
|
+
var _MenuItem_instances, _MenuItem_ro, _MenuItem_menuItem, _MenuItem_span, _MenuItem_submenuDropdown, _MenuItem_submenuPlacement_get, _MenuItem_computedSize_get, _MenuItem_computedType_get, _MenuItem_computedCheckable_get, _MenuItem_computedChecked_get, _MenuItem_computedDisabled_get, _MenuItem_hasSubmenu_get, _MenuItem_menuitemDivRef, _MenuItem_spanRef, _MenuItem_tooltipRef;
|
|
9545
9612
|
/**
|
|
9546
9613
|
*
|
|
9547
9614
|
*
|
|
@@ -9579,6 +9646,7 @@ class MenuItem {
|
|
|
9579
9646
|
_MenuItem_ro.set(this, void 0);
|
|
9580
9647
|
_MenuItem_menuItem.set(this, void 0);
|
|
9581
9648
|
_MenuItem_span.set(this, void 0);
|
|
9649
|
+
_MenuItem_submenuDropdown.set(this, void 0);
|
|
9582
9650
|
_MenuItem_menuitemDivRef.set(this, (menuItem) => {
|
|
9583
9651
|
if (menuItem) {
|
|
9584
9652
|
__classPrivateFieldSet$c(this, _MenuItem_menuItem, menuItem, "f");
|
|
@@ -9609,6 +9677,24 @@ class MenuItem {
|
|
|
9609
9677
|
this.checked = !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get);
|
|
9610
9678
|
this.selectEmitter.emit();
|
|
9611
9679
|
}
|
|
9680
|
+
if (__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && __classPrivateFieldGet$f(this, _MenuItem_submenuDropdown, "f")) {
|
|
9681
|
+
__classPrivateFieldGet$f(this, _MenuItem_submenuDropdown, "f").placement = isRTL$1(this.host)
|
|
9682
|
+
? __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_submenuPlacement_get)
|
|
9683
|
+
: __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_submenuPlacement_get);
|
|
9684
|
+
}
|
|
9685
|
+
}
|
|
9686
|
+
async onKeydown(event) {
|
|
9687
|
+
if (!__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) || !__classPrivateFieldGet$f(this, _MenuItem_submenuDropdown, "f"))
|
|
9688
|
+
return;
|
|
9689
|
+
const openKey = getSubmenuOpenKey(this.host);
|
|
9690
|
+
if (event.key === openKey || event.key === ' ' || event.key === 'Enter') {
|
|
9691
|
+
event.preventDefault();
|
|
9692
|
+
event.stopPropagation();
|
|
9693
|
+
__classPrivateFieldGet$f(this, _MenuItem_submenuDropdown, "f").placement =
|
|
9694
|
+
event.key === openKey ? __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_submenuPlacement_get) : __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_submenuPlacement_get);
|
|
9695
|
+
await __classPrivateFieldGet$f(this, _MenuItem_submenuDropdown, "f").show();
|
|
9696
|
+
await __classPrivateFieldGet$f(this, _MenuItem_submenuDropdown, "f").focusFirstItem();
|
|
9697
|
+
}
|
|
9612
9698
|
}
|
|
9613
9699
|
disabledChanged() {
|
|
9614
9700
|
this.internals.ariaDisabled = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get).toString();
|
|
@@ -9630,16 +9716,21 @@ class MenuItem {
|
|
|
9630
9716
|
}
|
|
9631
9717
|
componentWillLoad() {
|
|
9632
9718
|
this.hasSubmenuSlot = this.host.hasChildNodes();
|
|
9633
|
-
this.internals.role =
|
|
9634
|
-
|
|
9719
|
+
this.internals.role = this.hasSubmenuSlot
|
|
9720
|
+
? 'menu'
|
|
9721
|
+
: this.type === 'checkbox'
|
|
9722
|
+
? 'menuitemcheckbox'
|
|
9723
|
+
: 'menuitem';
|
|
9635
9724
|
this.disabledChanged();
|
|
9636
9725
|
}
|
|
9637
9726
|
render() {
|
|
9638
|
-
return (hAsync("div", { key: '
|
|
9727
|
+
return (hAsync("div", { key: 'fae8f24bbefcdc64c004b8da65a70cd8b9fe8438', class: {
|
|
9639
9728
|
'qds-menu-item': true,
|
|
9640
9729
|
'qds-disabled': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
|
|
9641
9730
|
'qds-has-submenu': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get),
|
|
9642
|
-
}, ref: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: '
|
|
9731
|
+
}, ref: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: 'b45e71326da41fc69fd8c9a39ba169eb47f2c8dc', class: "qds-menu-item-container" }, __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("span", { key: 'd71f665a70cd44ca1fd13715a7caebf01714993c', class: "menu-item-checkable" })), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("qds-icon", { key: '6e50fb81a27ef336c33a7d0a0efe073f0760e5c0', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '1c746859fb0e38ea9ad2cbce505dfba50db6342a', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '035d26a96b245959e98a89b652b60af3feb837c5', class: "qds-text", ref: __classPrivateFieldGet$f(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (hAsync("span", { key: 'ab0cae8c88d869426ebb91769ec45186f1f73342', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-icon", { key: '363565cb9b80eb1063fc95c46bc59bbf5d5f2ae3', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: 'f44a9870d3b5c5cdc24f27ba67e4bfda6f00252a', class: "qds-accessory qds-related", target: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f"), ref: (element) => {
|
|
9732
|
+
__classPrivateFieldSet$c(this, _MenuItem_submenuDropdown, element, "f");
|
|
9733
|
+
} }, hAsync("slot", { key: '45c0814fb09df52fc2cbc63f0d35e6d4f09f2a55' }))), this.tooltip && (hAsync("qds-tooltip", { key: '2dac01c4221bd941b3b62946f5ddc92f4682182a', ref: __classPrivateFieldGet$f(this, _MenuItem_tooltipRef, "f") }, this.text))));
|
|
9643
9734
|
}
|
|
9644
9735
|
get host() { return getElement(this); }
|
|
9645
9736
|
static get watchers() { return {
|
|
@@ -9662,12 +9753,14 @@ class MenuItem {
|
|
|
9662
9753
|
"hasSubmenuSlot": [32],
|
|
9663
9754
|
"tooltip": [32]
|
|
9664
9755
|
},
|
|
9665
|
-
"$listeners$": [[0, "blur", "onBlur"], [0, "focus", "onFocus"], [0, "click", "onClick"]],
|
|
9756
|
+
"$listeners$": [[0, "blur", "onBlur"], [0, "focus", "onFocus"], [0, "click", "onClick"], [0, "keydown", "onKeydown"]],
|
|
9666
9757
|
"$lazyBundleId$": "-",
|
|
9667
9758
|
"$attrsToReflect$": []
|
|
9668
9759
|
}; }
|
|
9669
9760
|
}
|
|
9670
|
-
_MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span = new WeakMap(), _MenuItem_menuitemDivRef = new WeakMap(), _MenuItem_spanRef = new WeakMap(), _MenuItem_tooltipRef = new WeakMap(), _MenuItem_instances = new WeakSet(),
|
|
9761
|
+
_MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span = new WeakMap(), _MenuItem_submenuDropdown = new WeakMap(), _MenuItem_menuitemDivRef = new WeakMap(), _MenuItem_spanRef = new WeakMap(), _MenuItem_tooltipRef = new WeakMap(), _MenuItem_instances = new WeakSet(), _MenuItem_submenuPlacement_get = function _MenuItem_submenuPlacement_get() {
|
|
9762
|
+
return isRTL$1(this.host) ? 'left-start' : 'right-start';
|
|
9763
|
+
}, _MenuItem_computedSize_get = function _MenuItem_computedSize_get() {
|
|
9671
9764
|
switch (this.size) {
|
|
9672
9765
|
case 'standard':
|
|
9673
9766
|
case 'small':
|
|
@@ -9690,7 +9783,7 @@ _MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span
|
|
|
9690
9783
|
return this.hasSubmenuSlot;
|
|
9691
9784
|
};
|
|
9692
9785
|
|
|
9693
|
-
const miniButtonCss = ":host{display:block}:host(:focus-visible){box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-mini-button{align-items:center;background-color:initial;border:none;
|
|
9786
|
+
const miniButtonCss = ":host{border-radius:var(--qds-control-rounded-border-radius);display:block}:host(:focus-visible){box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}:host(:hover){background-color:var(--qds-theme-interactive-background-hover)}:host(:active){background-color:var(--qds-theme-interactive-background-pressed)}.qds-mini-button{align-items:center;background-color:initial;border:none;color:var(--qds-theme-control-text-standard);cursor:pointer;display:flex;justify-content:center;min-height:var(--qds-control-mini-button-standard-size);padding:0;width:var(--qds-control-mini-button-standard-size)}.qds-mini-button:focus-visible{outline:none}.qds-mini-button:disabled{pointer-events:none}.qds-icon{align-content:center;font-size:var(--qds-control-standard-icon-size);line-height:normal}";
|
|
9694
9787
|
|
|
9695
9788
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
9696
9789
|
//
|
|
@@ -9795,7 +9888,7 @@ class MiniButton {
|
|
|
9795
9888
|
}
|
|
9796
9889
|
render() {
|
|
9797
9890
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
9798
|
-
return (hAsync(Tag, { key: '
|
|
9891
|
+
return (hAsync(Tag, { key: '12e7bec4062ae51880303f18207945d79dc5f4ae', type: Tag === 'a' ? undefined : 'button', class: "qds-mini-button", href: Tag === 'a' ? this.href : undefined, rel: Tag === 'a' ? this.rel : undefined, disabled: __classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get), "aria-hidden": "true", onKeyDown: preventDefault, onKeyUp: preventDefault, onKeyPress: preventDefault, tabIndex: -1 }, hAsync("qds-icon", { key: '52296f8479a2d844f1b32664a137dcec30eeb38c', class: "qds-icon", library: this.library, name: this.name })));
|
|
9799
9892
|
}
|
|
9800
9893
|
static get formAssociated() { return true; }
|
|
9801
9894
|
get host() { return getElement(this); }
|
|
@@ -9824,12 +9917,10 @@ class MiniButton {
|
|
|
9824
9917
|
}; }
|
|
9825
9918
|
}
|
|
9826
9919
|
_MiniButton_savedTabIndex = new WeakMap(), _MiniButton_instances = new WeakSet(), _MiniButton_computedDisabled_get = function _MiniButton_computedDisabled_get() {
|
|
9827
|
-
return
|
|
9828
|
-
(this.host.hasAttribute('disabled') &&
|
|
9829
|
-
this.host.getAttribute('disabled') !== 'false'));
|
|
9920
|
+
return this.disabled ?? false;
|
|
9830
9921
|
};
|
|
9831
9922
|
|
|
9832
|
-
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:
|
|
9923
|
+
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)}";
|
|
9833
9924
|
|
|
9834
9925
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9835
9926
|
//
|
|
@@ -9920,7 +10011,7 @@ class ProgressBar {
|
|
|
9920
10011
|
this.valueChanged();
|
|
9921
10012
|
}
|
|
9922
10013
|
render() {
|
|
9923
|
-
return (hAsync("div", { key: '
|
|
10014
|
+
return (hAsync("div", { key: 'dceeec47c9023f86eb5c0be5535f04de6d9e0502', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$d(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, hAsync("div", { key: 'd8e61e369da33e1e661a021f05adf57691975e45', class: {
|
|
9924
10015
|
'qds-bar': true,
|
|
9925
10016
|
'qds-indeterminate': __classPrivateFieldGet$d(this, _ProgressBar_position, "f") === -1,
|
|
9926
10017
|
}, "data-size": __classPrivateFieldGet$d(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
|
|
@@ -10060,6 +10151,11 @@ class QdsBreadcrumbItem {
|
|
|
10060
10151
|
}
|
|
10061
10152
|
componentWillLoad() {
|
|
10062
10153
|
this.internals.role = 'listitem';
|
|
10154
|
+
this.internals.ariaLabel = this.text;
|
|
10155
|
+
// If the breadcrumb item doesn't have an `href`, it's the current page.
|
|
10156
|
+
// Note: Chrome is not reflecting the aria-current property in the accessibility tool.
|
|
10157
|
+
// eslint-disable-next-line unicorn/no-null
|
|
10158
|
+
this.internals.ariaCurrent = this.href === undefined ? 'page' : null;
|
|
10063
10159
|
this.disabledChanged();
|
|
10064
10160
|
}
|
|
10065
10161
|
componentDidLoad() {
|
|
@@ -10070,12 +10166,12 @@ class QdsBreadcrumbItem {
|
|
|
10070
10166
|
__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").disconnect();
|
|
10071
10167
|
}
|
|
10072
10168
|
render() {
|
|
10073
|
-
return (hAsync("div", { key: '
|
|
10169
|
+
return (hAsync("div", { key: '9d1917bb3ef33e1c3d11e75373bf5bfc383a09e5', class: {
|
|
10074
10170
|
'qds-breadcrumb-item': true,
|
|
10075
10171
|
'qds-disabled': __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get),
|
|
10076
|
-
}, ref: this.href === undefined ? __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '
|
|
10172
|
+
}, ref: this.href === undefined ? __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '0dc2c60d1acefc4fa6bee3a883e1ef1681e731c8', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.href === undefined || __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_isCurrentPage_get)
|
|
10077
10173
|
? __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderText).call(this)
|
|
10078
|
-
: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderAnchor).call(this), this.tooltip && (hAsync("qds-tooltip", { key: '
|
|
10174
|
+
: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderAnchor).call(this), this.tooltip && (hAsync("qds-tooltip", { key: '08b0db3040f0140592ba7a570fbcc7a241c399ff', "aria-hidden": "true", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_tooltipRef, "f") }, this.text))));
|
|
10079
10175
|
}
|
|
10080
10176
|
static get delegatesFocus() { return true; }
|
|
10081
10177
|
static get watchers() { return {
|
|
@@ -10239,12 +10335,12 @@ class Radio {
|
|
|
10239
10335
|
render() {
|
|
10240
10336
|
return (
|
|
10241
10337
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
10242
|
-
hAsync("label", { key: '
|
|
10338
|
+
hAsync("label", { key: '05091a4307f0b719717fda2c9473a934989156d3', "aria-disabled": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
|
|
10243
10339
|
'qds-inline': this.inline,
|
|
10244
10340
|
'qds-label': true,
|
|
10245
|
-
}, "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '
|
|
10341
|
+
}, "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '860a270e9f16e5dc8b8b1523fdbeb24680626d45', class: "qds-container" }, hAsync("input", { key: 'b5638e9a92346848ea1c0b434214825b4ebc3323',
|
|
10246
10342
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
10247
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet$b(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet$b(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet$b(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet$b(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet$b(this, _Radio_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '
|
|
10343
|
+
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet$b(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet$b(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet$b(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet$b(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet$b(this, _Radio_inheritedAttributes, "f") }), hAsync("qds-icon", { key: 'd74e6d6ffa6b3846c403fe58928a083e8d5aee9a', class: "qds-icon", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), library: "core", name: "checked-radio" })), __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_hasText_get) && (hAsync("span", { key: '9b140db5f97aeabb34f89affa10379767155ea9f', class: "qds-label-inner", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), ref: __classPrivateFieldGet$b(this, _Radio_spanRef, "f") }, this.required === true && hAsync("span", { key: 'd6885c32b7bad9cb74cb243cf58524ccce57373a', class: "qds-required" }, "*"), this.text)), this.tooltip && (hAsync("qds-tooltip", { key: '734bbf31d2684af4271b07ebaef5d554c9c17a9c', "aria-hidden": "true", class: "qds-tooltip", ref: __classPrivateFieldGet$b(this, _Radio_tooltipRef, "f") }, this.text))));
|
|
10248
10344
|
}
|
|
10249
10345
|
get host() { return getElement(this); }
|
|
10250
10346
|
static get watchers() { return {
|
|
@@ -10290,7 +10386,7 @@ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio
|
|
|
10290
10386
|
return this.text !== undefined && this.text !== '';
|
|
10291
10387
|
};
|
|
10292
10388
|
|
|
10293
|
-
const selectCss = ":host([hidden]){display:none!important}:host{display:inline-block}slot{display:none}.qds-container{box-sizing:border-box;display:grid;grid-template-areas:\"
|
|
10389
|
+
const selectCss = ":host([hidden]){display:none!important}:host{display:inline-block}slot{display:none}.qds-container{box-sizing:border-box;display:grid;grid-template-areas:\"j\"}.qds-container,.qds-select{width:inherit}.qds-icon,.qds-select{color:var(--qds-theme-form-input-text-active);grid-area:j}.qds-icon{place-self:center end;pointer-events:none}.qds-select{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);margin:0;outline:0;padding-block:0;text-overflow:ellipsis}.qds-select:enabled:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-select:enabled:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-select:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-select[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-select[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-select[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-select :not(:focus):user-invalid,.qds-select[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-select:disabled,.qds-select:disabled+.qds-icon{opacity:var(--qds-theme-disabled)}:is(::slotted(optgroup),::slotted(optgroup:not(:disabled)>option),::slotted(option)):disabled{opacity:var(--qds-theme-disabled)}::slotted(optgroup){font:var(--qds-accessory-section-title)}::slotted(optgroup>option),::slotted(option){font:var(--qds-list-item-label-main)}.qds-select[data-size=small]{font:var(--qds-form-small-text);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-select[data-size=small]:not([multiple]){min-height:var(--qds-form-input-small-height);padding-inline-end:calc(var(--qds-control-small-icon-size) + var(--qds-form-input-small-gap-internal) + var(--qds-form-input-small-padding-end))}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);margin-inline-end:calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-small-icon-size)}.qds-select[data-size=standard]{font:var(--qds-form-standard-text);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-select[data-size=standard]:not([multiple]){min-height:var(--qds-form-input-standard-height);padding-inline-end:calc(var(--qds-control-standard-icon-size) + var(--qds-form-input-standard-gap-internal) + var(--qds-form-input-standard-padding-end))}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);margin-inline-end:calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-standard-icon-size)}.qds-select[data-size=large]{font:var(--qds-form-large-text);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-select[data-size=large]:not([multiple]){min-height:var(--qds-form-input-large-height);padding-inline-end:calc(var(--qds-control-large-icon-size) + var(--qds-form-input-large-gap-internal) + var(--qds-form-input-large-padding-end))}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);margin-inline-end:calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-large-icon-size)}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:j;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}.qds-select:focus-visible~.qds-focus-ring{visibility:visible}";
|
|
10294
10390
|
|
|
10295
10391
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10296
10392
|
//
|
|
@@ -10774,11 +10870,11 @@ class StandaloneLink {
|
|
|
10774
10870
|
__classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
|
|
10775
10871
|
}
|
|
10776
10872
|
render() {
|
|
10777
|
-
return (hAsync("a", { key: '
|
|
10873
|
+
return (hAsync("a", { key: '2b62e43bfd05f5bdd1c350081351bd94006f29cc', "aria-hidden": "true", class: {
|
|
10778
10874
|
'qds-standalone-link': true,
|
|
10779
10875
|
'qds-disabled': this.disabled,
|
|
10780
10876
|
'qds-visitable': this.visitable,
|
|
10781
|
-
}, "data-importance": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$9(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$9(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$9(this, _StandaloneLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: '
|
|
10877
|
+
}, "data-importance": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$9(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$9(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$9(this, _StandaloneLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: 'ab9324da83afb571c47c4dd26b2d26cb1289da55', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'ee87282c15b9656af82a0469c7bc32bab2dfbfaa', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: '4e53119ab88ee2264d811e46ac7da4dc5215312a', class: "qds-text" }, hAsync("slot", { key: 'f4388e7e7ab8a300d10f9c3410a284203bed5817', onSlotchange: __classPrivateFieldGet$9(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: '005ac6933014277997e9418ef4dbf030303e5db2', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'e35052fa041a15dc17f0832fb896f3384ced7895', class: "qds-icon", library: "core", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), name: this.linkIcon }))), this.importance === 'emphasized' && (hAsync("span", { key: 'fb4e0ed25b26ab1f63d6dcc519d5e9a4567841f0', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '9396024100a0bb6669270d068620799c2d567afe', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
|
|
10782
10878
|
}
|
|
10783
10879
|
get host() { return getElement(this); }
|
|
10784
10880
|
static get watchers() { return {
|
|
@@ -10836,7 +10932,7 @@ _StandaloneLink_savedTabIndex = new WeakMap(), _StandaloneLink_link = new WeakMa
|
|
|
10836
10932
|
return this.target === '_blank';
|
|
10837
10933
|
};
|
|
10838
10934
|
|
|
10839
|
-
const switchCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-knob,.qds-track{-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-track{align-items:center;background-color:var(--qds-theme-control-toggle-track-default);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;display:flex;flex-shrink:0;padding-inline:var(--qds-control-toggle-track-padding)}.qds-track:hover{background-color:var(--qds-theme-control-toggle-track-hover)}.qds-track:active{background-color:var(--qds-theme-control-toggle-track-pressed)}.qds-knob-container{align-items:center;align-self:stretch;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-block:var(--qds-control-toggle-track-padding)}.qds-knob{background-color:var(--qds-theme-control-
|
|
10935
|
+
const switchCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-knob,.qds-track{-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-track{align-items:center;background-color:var(--qds-theme-control-toggle-track-default);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;display:flex;flex-shrink:0;padding-inline:var(--qds-control-toggle-track-padding)}.qds-track:hover{background-color:var(--qds-theme-control-toggle-track-hover)}.qds-track:active{background-color:var(--qds-theme-control-toggle-track-pressed)}.qds-knob-container{align-items:center;align-self:stretch;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-block:var(--qds-control-toggle-track-padding)}.qds-knob{background-color:var(--qds-theme-control-background);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;height:100%;margin:0}.qds-indicator{color:var(--qds-theme-control-background);flex-grow:1;justify-content:center;padding-block:var(--qds-control-toggle-track-padding)}.qds-container,.qds-indicator{align-items:center;display:flex}.qds-container{box-sizing:border-box;cursor:pointer}.qds-switch{clip-path:inset(50%);height:1px;margin:0;position:absolute;white-space:nowrap;width:1px}.qds-switch:checked~.qds-track{background-color:var(--qds-theme-signature-color-default);justify-content:flex-end}.qds-switch:checked~.qds-track:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-switch:checked~.qds-track:active{background-color:var(--qds-theme-signature-color-pressed)}:host(:focus-visible) .qds-switch~.qds-track{box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-container[data-size=small]{min-height:var(--qds-control-toggle-small-height)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height);padding-block:var(--qds-control-small-padding-auto-height)}.qds-track[data-size=small]{height:var(--qds-control-toggle-small-track-height);width:var(--qds-control-toggle-small-track-width)}.qds-knob[data-size=small]{width:var(--qds-control-toggle-small-knob-width)}.qds-indicator[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-container[data-size=standard]{min-height:var(--qds-control-toggle-standard-height)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}.qds-track[data-size=standard]{height:var(--qds-control-toggle-standard-track-height);width:var(--qds-control-toggle-standard-track-width)}.qds-knob[data-size=standard]{width:var(--qds-control-toggle-standard-knob-width)}.qds-indicator[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-container[data-size=large]{min-height:var(--qds-control-toggle-large-height)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height);padding-block:var(--qds-control-large-padding-auto-height)}.qds-track[data-size=large]{height:var(--qds-control-toggle-large-track-height);width:var(--qds-control-toggle-large-track-width)}.qds-knob[data-size=large]{width:var(--qds-control-toggle-large-knob-width)}.qds-indicator[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}";
|
|
10840
10936
|
|
|
10841
10937
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10842
10938
|
//
|
|
@@ -11013,13 +11109,13 @@ class Switch {
|
|
|
11013
11109
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
11014
11110
|
}
|
|
11015
11111
|
render() {
|
|
11016
|
-
return (hAsync("div", { key: '
|
|
11112
|
+
return (hAsync("div", { key: '5737ac1a3c38df703f7cc795e2032d7575281200', class: {
|
|
11017
11113
|
'qds-container': true,
|
|
11018
11114
|
'qds-disabled': __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get),
|
|
11019
11115
|
'qds-inline': this.inline,
|
|
11020
|
-
}, "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: '
|
|
11116
|
+
}, "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: '1b8f0ce739d5fbdb1d7c4e8edb77feeb64edba47', "aria-hidden": "true",
|
|
11021
11117
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
11022
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: '
|
|
11118
|
+
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: '4cea0f923dae9b4d6c6ff38d99fa3c2a74e65f02', class: "qds-track", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, !this.noIndicator && __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '5ae795102526abb97de7ae5d5d4d6e1559ee3da5', class: "qds-indicator", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: '02085b582084f6c271beb2d1ac46bbd2d993ca96', class: "qds-icon", name: "toggle-on", library: "core" }))), hAsync("div", { key: '8fe61ec49e46a3b99d95c1bcc6bb496bfef988f1', class: "qds-knob-container" }, hAsync("div", { key: '1cdb41690cb3ed4c1cd116274d2c62daf4d29171', class: "qds-knob", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) })), !this.noIndicator && !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: 'd5ff9b46807d07a3f9f913ed8e50c9e9ed1ae75f', class: "qds-indicator", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: '4a4d174e59d16ead1cdafc3a1933c5a898e8a073', class: "qds-icon", name: "toggle-off", library: "core" }))))));
|
|
11023
11119
|
}
|
|
11024
11120
|
static get formAssociated() { return true; }
|
|
11025
11121
|
get host() { return getElement(this); }
|
|
@@ -11263,11 +11359,11 @@ class Tab {
|
|
|
11263
11359
|
: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
|
|
11264
11360
|
? 'button'
|
|
11265
11361
|
: 'div';
|
|
11266
|
-
return (hAsync("div", { key: '
|
|
11362
|
+
return (hAsync("div", { key: '7b70ccc733ed75a400bb054cb428eedacf292225', "aria-disabled": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
|
|
11267
11363
|
'qds-closable-wrapper': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
11268
11364
|
'qds-selected': this.selected,
|
|
11269
11365
|
[`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
11270
|
-
}, "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedImportance_get) }, hAsync(Tag, { key: '
|
|
11366
|
+
}, "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedImportance_get) }, hAsync(Tag, { key: '28e9f81ef19ba8ba663da7dcaded2a09a31c6747', ref: __classPrivateFieldGet$7(this, _Tab_tabRef, "f"), disabled: isLink ? undefined : this.disabled, onBlur: __classPrivateFieldGet$7(this, _Tab_onBlur, "f"), onFocus: __classPrivateFieldGet$7(this, _Tab_onFocus, "f"), class: {
|
|
11271
11367
|
'qds-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
|
|
11272
11368
|
'qds-closable-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
11273
11369
|
'qds-selected': this.selected,
|
|
@@ -11277,7 +11373,7 @@ class Tab {
|
|
|
11277
11373
|
? 'true'
|
|
11278
11374
|
: 'false'
|
|
11279
11375
|
: undefined, "data-importance": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedImportance_get), "data-action": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get), "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), href: isLink ? this.href : undefined }, ((this.tagText !== undefined && this.tagText !== '') ||
|
|
11280
|
-
(this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: '
|
|
11376
|
+
(this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: 'ab5ce12308980ea1249d1f1594ada82a119ece87', text: this.tagText, status: this.tagStatus, size: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), importance: this.tagImportance, "icon-library": this.tagIconLibrary, "icon-name": this.tagIconName, "icon-description": this.tagIconDescription })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '97943a87bb21b72b52f1900305227d9781d7ba45', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.text && __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_renderText).call(this), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: 'dab4973edd6ef5ffd9adb7921ceb5312030839e7', status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: 'e0f12eb560604937a4b3aaa2b0edb8f810cc8862', description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && (hAsync("qds-icon", { key: 'd5a28c2f63a43b351512aa53dd29ae626ecd5198', class: { 'qds-target-icon': true, 'qds-chevron': this.selected }, "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), library: "core", name: "dropdown" }))), __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable' && (hAsync("qds-mini-button", { key: '9f4badb4baa2275d6763de7ed92244a8d1607cfb', name: "close", library: "core", text: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_ariaLabel_get), "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), disabled: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get), onClick: __classPrivateFieldGet$7(this, _Tab_onIconClick, "f"), tabIndex: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computeCloseButtonTabIndex_get) }))));
|
|
11281
11377
|
}
|
|
11282
11378
|
get host() { return getElement(this); }
|
|
11283
11379
|
static get watchers() { return {
|
|
@@ -11379,7 +11475,7 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
|
|
|
11379
11475
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
11380
11476
|
};
|
|
11381
11477
|
|
|
11382
|
-
const tabbarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-tabbar,.qds-tabs,.qds-vertical,.qds-vertical-divider{display:flex}.qds-tabbar,.qds-vertical-divider{width:inherit}.qds-arrow-start{transform:scaleX(var(--qds-direction-factor,1)) rotate(180deg)}.qds-align-center{align-content:center}.qds-hidden{display:none}.qds-centered{justify-content:center}.qds-tabs{flex:1;margin-block:0;overflow:auto;padding-inline-start:0;scroll-behavior:smooth}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-size=small]{gap:var(--qds-control-small-gap-siblings-related)}[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=root] .qds-tabs,[data-size=large]{gap:var(--qds-control-large-gap-siblings-related)}[data-layer=main][data-level=section] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=subsection] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}[data-layer=popup][data-level=root] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=popup][data-level=section] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}:is([data-layer=panel],[data-layer=accessory])[data-level=root] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}";
|
|
11478
|
+
const tabbarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-tabbar,.qds-tabs,.qds-vertical,.qds-vertical-divider{display:flex}.qds-tabbar,.qds-vertical-divider{width:inherit}.qds-arrow-start{transform:scaleX(var(--qds-direction-factor,1)) rotate(180deg)}.qds-align-center{align-content:center}.qds-hidden{display:none}.qds-centered{justify-content:center}.qds-tabs{flex:1;margin-block:0;overflow:auto;padding-inline-start:0;scroll-behavior:smooth;scrollbar-width:none}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-size=small]{gap:var(--qds-control-small-gap-siblings-related)}[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=root] .qds-tabs,[data-size=large]{gap:var(--qds-control-large-gap-siblings-related)}[data-layer=main][data-level=section] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=subsection] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}[data-layer=popup][data-level=root] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=popup][data-level=section] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}:is([data-layer=panel],[data-layer=accessory])[data-level=root] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}";
|
|
11383
11479
|
|
|
11384
11480
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
11385
11481
|
//
|
|
@@ -11400,7 +11496,8 @@ var __classPrivateFieldSet$3 = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
11400
11496
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
11401
11497
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
11402
11498
|
};
|
|
11403
|
-
var _Tabbar_instances, _Tabbar_tabs, _Tabbar_ro, _Tabbar_tabbar,
|
|
11499
|
+
var _Tabbar_instances, _Tabbar_tabs, _Tabbar_ro, _Tabbar_tabbar, _Tabbar_computedImportance_get, _Tabbar_computedSize_get, _Tabbar_computedPlacement_get, _Tabbar_computeDividerVisible_get, _Tabbar_computedAriaOrientation_get, _Tabbar_getTabItems, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_switchTabPanel, _Tabbar_handleTabActivation, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_isVerticalPlacement, _Tabbar_isHorizontalPlacement, _Tabbar_isEndOrBottomPlacement, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onViewportCrop, _Tabbar_syncInternalsAccessibility, _Tabbar_updateTabsCache, _Tabbar_setTabSettings, _Tabbar_onSlotchange;
|
|
11500
|
+
const TAB_ITEM_SELECTOR = 'qds-icon-tab, qds-tab';
|
|
11404
11501
|
const TAB_SETTINGS = {
|
|
11405
11502
|
'main-root': {
|
|
11406
11503
|
importance: 'standard',
|
|
@@ -11438,13 +11535,14 @@ const TAB_SETTINGS = {
|
|
|
11438
11535
|
indicatorPosition: 'block-end',
|
|
11439
11536
|
},
|
|
11440
11537
|
};
|
|
11441
|
-
const
|
|
11538
|
+
const isTabItem = (item) => {
|
|
11442
11539
|
if (!(item instanceof HTMLElement))
|
|
11443
11540
|
return false;
|
|
11444
11541
|
const tagName = item.tagName.toLowerCase();
|
|
11445
|
-
return
|
|
11446
|
-
item.disabled !== true);
|
|
11542
|
+
return tagName === 'qds-tab' || tagName === 'qds-icon-tab';
|
|
11447
11543
|
};
|
|
11544
|
+
const isEnabledTabItem = (item) => isTabItem(item) && !item.inert && item.disabled !== true;
|
|
11545
|
+
const getTabTrigger = (tab) => tab.tab;
|
|
11448
11546
|
/**
|
|
11449
11547
|
* `<qds-tabbar>` is the component that facilitates navigation between the groups
|
|
11450
11548
|
* of related content within the page.
|
|
@@ -11455,6 +11553,13 @@ class Tabbar {
|
|
|
11455
11553
|
registerInstance(this, hostRef);
|
|
11456
11554
|
this.showEmitter = createEvent(this, "qdsTabShow", 6);
|
|
11457
11555
|
this.hideEmitter = createEvent(this, "qdsTabHide", 6);
|
|
11556
|
+
if (hostRef.$hostElement$["s-ei"]) {
|
|
11557
|
+
this.internals = hostRef.$hostElement$["s-ei"];
|
|
11558
|
+
}
|
|
11559
|
+
else {
|
|
11560
|
+
this.internals = hostRef.$hostElement$.attachInternals();
|
|
11561
|
+
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
11562
|
+
}
|
|
11458
11563
|
_Tabbar_instances.add(this);
|
|
11459
11564
|
/**
|
|
11460
11565
|
* The tabbar's layer.
|
|
@@ -11498,7 +11603,6 @@ class Tabbar {
|
|
|
11498
11603
|
_Tabbar_tabs.set(this, []);
|
|
11499
11604
|
_Tabbar_ro.set(this, void 0);
|
|
11500
11605
|
_Tabbar_tabbar.set(this, void 0);
|
|
11501
|
-
_Tabbar_inheritedAttributes.set(this, {});
|
|
11502
11606
|
_Tabbar_scrollToStart.set(this, () => {
|
|
11503
11607
|
invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
|
|
11504
11608
|
const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
|
|
@@ -11519,12 +11623,13 @@ class Tabbar {
|
|
|
11519
11623
|
});
|
|
11520
11624
|
_Tabbar_isVerticalPlacement.set(this, () => this.placement === 'start' || this.placement === 'end');
|
|
11521
11625
|
_Tabbar_isHorizontalPlacement.set(this, () => this.placement === 'top' || this.placement === 'bottom');
|
|
11626
|
+
_Tabbar_isEndOrBottomPlacement.set(this, () => this.placement === 'end' || this.placement === 'bottom');
|
|
11522
11627
|
_Tabbar_onClick.set(this, (event) => {
|
|
11523
11628
|
const { target } = event;
|
|
11524
11629
|
if (!(target instanceof HTMLElement))
|
|
11525
11630
|
return;
|
|
11526
|
-
const tab = target.closest(
|
|
11527
|
-
if (!tab
|
|
11631
|
+
const tab = target.closest(TAB_ITEM_SELECTOR);
|
|
11632
|
+
if (!isEnabledTabItem(tab))
|
|
11528
11633
|
return;
|
|
11529
11634
|
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, tab);
|
|
11530
11635
|
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tab);
|
|
@@ -11577,7 +11682,7 @@ class Tabbar {
|
|
|
11577
11682
|
nextTab = tabs[index];
|
|
11578
11683
|
} while (nextTab.disabled === true);
|
|
11579
11684
|
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, nextTab);
|
|
11580
|
-
const target = nextTab
|
|
11685
|
+
const target = getTabTrigger(nextTab);
|
|
11581
11686
|
target.focus({ preventScroll: true });
|
|
11582
11687
|
if (!isVertical)
|
|
11583
11688
|
target.scrollIntoView();
|
|
@@ -11586,8 +11691,11 @@ class Tabbar {
|
|
|
11586
11691
|
});
|
|
11587
11692
|
_Tabbar_onMouseDown.set(this, (event) => {
|
|
11588
11693
|
const { target } = event;
|
|
11589
|
-
if (
|
|
11590
|
-
|
|
11694
|
+
if (!(target instanceof HTMLElement))
|
|
11695
|
+
return;
|
|
11696
|
+
const tab = target.closest(TAB_ITEM_SELECTOR);
|
|
11697
|
+
if (isEnabledTabItem(tab))
|
|
11698
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tab);
|
|
11591
11699
|
});
|
|
11592
11700
|
_Tabbar_onScroll.set(this, () => {
|
|
11593
11701
|
if (!__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"))
|
|
@@ -11616,15 +11724,17 @@ class Tabbar {
|
|
|
11616
11724
|
settingChanged() {
|
|
11617
11725
|
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setTabSettings).call(this);
|
|
11618
11726
|
}
|
|
11727
|
+
accessibilityChanged() {
|
|
11728
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_syncInternalsAccessibility).call(this);
|
|
11729
|
+
}
|
|
11619
11730
|
windowResize() {
|
|
11620
11731
|
__classPrivateFieldGet$6(this, _Tabbar_onViewportCrop, "f").call(this);
|
|
11621
11732
|
}
|
|
11622
11733
|
componentWillLoad() {
|
|
11623
11734
|
this.settingChanged();
|
|
11624
|
-
|
|
11625
|
-
|
|
11626
|
-
|
|
11627
|
-
];
|
|
11735
|
+
this.internals.role = 'tablist';
|
|
11736
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_syncInternalsAccessibility).call(this);
|
|
11737
|
+
const tabs = __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getTabItems).call(this);
|
|
11628
11738
|
const preselectedTab = tabs.find((tab) => tab.selected);
|
|
11629
11739
|
if (preselectedTab)
|
|
11630
11740
|
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, preselectedTab);
|
|
@@ -11646,14 +11756,14 @@ class Tabbar {
|
|
|
11646
11756
|
__classPrivateFieldGet$6(this, _Tabbar_ro, "f").disconnect();
|
|
11647
11757
|
}
|
|
11648
11758
|
render() {
|
|
11649
|
-
return (hAsync("div", { key: '
|
|
11759
|
+
return (hAsync("div", { key: '8591f74558abeec27a6c1e1b311177463cb5992e', class: {
|
|
11650
11760
|
'qds-vertical-divider': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
|
|
11651
|
-
}, "data-layer": this.layer, "data-level": this.level, "data-importance": __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) }, hAsync("div", { key: '
|
|
11761
|
+
}, "data-layer": this.layer, "data-level": this.level, "data-importance": __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) }, __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && __classPrivateFieldGet$6(this, _Tabbar_isEndOrBottomPlacement, "f").call(this) && (hAsync("qds-divider", { key: '00282e934dacfb0a0651ee106a668ac52c4d1c5b', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) })), hAsync("div", { key: 'e49a2b154315c79b89349d7bd32b4a77964629c7', class: "qds-tabbar" }, hAsync("div", { key: 'e06a929cc8514fc6d3085545aa87af2cd0b2b77b', class: {
|
|
11652
11762
|
'qds-align-center': true,
|
|
11653
11763
|
'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
|
|
11654
11764
|
this.orientation === 'vertical' ||
|
|
11655
11765
|
__classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
|
|
11656
|
-
} }, hAsync("qds-icon-button", { key: '
|
|
11766
|
+
} }, hAsync("qds-icon-button", { key: '0a41181ab9c9c95cbb28d0767455d3a50651aa00', text: "show previous tab", importance: "subdued", iconName: "next", iconLibrary: "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet$6(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow })), hAsync("div", { key: 'b50e60c87c6626b185a2cd13767ff4c550a26e54', class: {
|
|
11657
11767
|
'qds-tabs': true,
|
|
11658
11768
|
'qds-vertical': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
|
|
11659
11769
|
'qds-centered': this.alignment === 'center' &&
|
|
@@ -11661,19 +11771,22 @@ class Tabbar {
|
|
|
11661
11771
|
__classPrivateFieldGet$6(this, _Tabbar_isHorizontalPlacement, "f").call(this)) &&
|
|
11662
11772
|
this.disableEndArrow &&
|
|
11663
11773
|
this.disableStartArrow,
|
|
11664
|
-
},
|
|
11774
|
+
}, ref: (element) => {
|
|
11665
11775
|
__classPrivateFieldSet$3(this, _Tabbar_tabbar, element, "f");
|
|
11666
|
-
}, onClick: __classPrivateFieldGet$6(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$6(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$6(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$6(this, _Tabbar_onScroll, "f")
|
|
11776
|
+
}, onClick: __classPrivateFieldGet$6(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$6(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$6(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$6(this, _Tabbar_onScroll, "f") }, hAsync("slot", { key: 'e688bcf46bebef8086c5b9082025d84bb6701cc9', onSlotchange: __classPrivateFieldGet$6(this, _Tabbar_onSlotchange, "f") })), hAsync("div", { key: '3ca052fed5793a4ef73ec2ef2c9634c256c883f6', class: {
|
|
11667
11777
|
'qds-align-center': true,
|
|
11668
11778
|
'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
|
|
11669
11779
|
this.orientation === 'vertical' ||
|
|
11670
11780
|
__classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
|
|
11671
|
-
} }, hAsync("qds-icon-button", { key: '
|
|
11781
|
+
} }, hAsync("qds-icon-button", { key: 'a43327b519cb85f57c2c671d5c4cbd72c4f40da3', text: "show next tab", iconName: "next", iconLibrary: "core", importance: "subdued", onClick: __classPrivateFieldGet$6(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow }))), __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && !__classPrivateFieldGet$6(this, _Tabbar_isEndOrBottomPlacement, "f").call(this) && (hAsync("qds-divider", { key: 'aaa07da25a49b79dec8032435ac25798f5f3664a', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) }))));
|
|
11672
11782
|
}
|
|
11673
11783
|
static get delegatesFocus() { return true; }
|
|
11674
11784
|
get host() { return getElement(this); }
|
|
11675
11785
|
static get watchers() { return {
|
|
11676
|
-
"importance": ["settingChanged"]
|
|
11786
|
+
"importance": ["settingChanged"],
|
|
11787
|
+
"orientation": ["accessibilityChanged"],
|
|
11788
|
+
"placement": ["accessibilityChanged"],
|
|
11789
|
+
"tablistDescription": ["accessibilityChanged"]
|
|
11677
11790
|
}; }
|
|
11678
11791
|
static get style() { return tabbarCss; }
|
|
11679
11792
|
static get cmpMeta() { return {
|
|
@@ -11698,7 +11811,7 @@ class Tabbar {
|
|
|
11698
11811
|
"$attrsToReflect$": []
|
|
11699
11812
|
}; }
|
|
11700
11813
|
}
|
|
11701
|
-
_Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new WeakMap(),
|
|
11814
|
+
_Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new WeakMap(), _Tabbar_scrollToStart = new WeakMap(), _Tabbar_scrollToEnd = new WeakMap(), _Tabbar_isVerticalPlacement = new WeakMap(), _Tabbar_isHorizontalPlacement = new WeakMap(), _Tabbar_isEndOrBottomPlacement = new WeakMap(), _Tabbar_onClick = new WeakMap(), _Tabbar_onKeyDown = new WeakMap(), _Tabbar_onMouseDown = new WeakMap(), _Tabbar_onScroll = new WeakMap(), _Tabbar_onViewportCrop = new WeakMap(), _Tabbar_onSlotchange = new WeakMap(), _Tabbar_instances = new WeakSet(), _Tabbar_computedImportance_get = function _Tabbar_computedImportance_get() {
|
|
11702
11815
|
return this.importance;
|
|
11703
11816
|
}, _Tabbar_computedSize_get = function _Tabbar_computedSize_get() {
|
|
11704
11817
|
return this.size ?? undefined;
|
|
@@ -11728,13 +11841,19 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
|
|
|
11728
11841
|
(this.orientation === 'horizontal' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this)))
|
|
11729
11842
|
return false;
|
|
11730
11843
|
return this.showDivider === true;
|
|
11844
|
+
}, _Tabbar_computedAriaOrientation_get = function _Tabbar_computedAriaOrientation_get() {
|
|
11845
|
+
return this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this)
|
|
11846
|
+
? 'vertical'
|
|
11847
|
+
: 'horizontal';
|
|
11848
|
+
}, _Tabbar_getTabItems = function _Tabbar_getTabItems() {
|
|
11849
|
+
return [
|
|
11850
|
+
...this.host.querySelectorAll(TAB_ITEM_SELECTOR),
|
|
11851
|
+
].filter((element) => isTabItem(element));
|
|
11731
11852
|
}, _Tabbar_setActiveTab = function _Tabbar_setActiveTab(tab) {
|
|
11732
11853
|
this.activeTab = tab;
|
|
11733
|
-
for (const t of this.
|
|
11734
|
-
|
|
11735
|
-
const target = t.tab;
|
|
11854
|
+
for (const t of __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getTabItems).call(this)) {
|
|
11855
|
+
const target = getTabTrigger(t);
|
|
11736
11856
|
const isSelected = t === tab;
|
|
11737
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
|
|
11738
11857
|
t.selected = isSelected;
|
|
11739
11858
|
if (target instanceof globalThis.Element)
|
|
11740
11859
|
target.ariaSelected = isSelected.toString();
|
|
@@ -11756,12 +11875,12 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
|
|
|
11756
11875
|
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tab);
|
|
11757
11876
|
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, tab);
|
|
11758
11877
|
}, _Tabbar_getCurrentTab = function _Tabbar_getCurrentTab() {
|
|
11759
|
-
return __classPrivateFieldGet$6(this, _Tabbar_tabs, "f").find((tab) => tab.
|
|
11878
|
+
return __classPrivateFieldGet$6(this, _Tabbar_tabs, "f").find((tab) => getTabTrigger(tab).getAttribute('tabindex') === '0');
|
|
11760
11879
|
}, _Tabbar_setCurrentTab = function _Tabbar_setCurrentTab(tab) {
|
|
11761
11880
|
for (const t of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
|
|
11762
11881
|
const isCurrent = t === tab;
|
|
11763
11882
|
componentOnReady(t, (element) => {
|
|
11764
|
-
const target = element
|
|
11883
|
+
const target = element ? getTabTrigger(element) : undefined;
|
|
11765
11884
|
if (target === undefined)
|
|
11766
11885
|
return;
|
|
11767
11886
|
const isDisabled = target.getAttribute('aria-disabled') === 'true';
|
|
@@ -11772,6 +11891,9 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
|
|
|
11772
11891
|
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, t);
|
|
11773
11892
|
});
|
|
11774
11893
|
}
|
|
11894
|
+
}, _Tabbar_syncInternalsAccessibility = function _Tabbar_syncInternalsAccessibility() {
|
|
11895
|
+
this.internals.ariaOrientation = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedAriaOrientation_get);
|
|
11896
|
+
this.internals.ariaLabel = this.tablistDescription ?? '';
|
|
11775
11897
|
}, _Tabbar_updateTabsCache = function _Tabbar_updateTabsCache() {
|
|
11776
11898
|
const slot = this.host.shadowRoot?.querySelector('slot');
|
|
11777
11899
|
__classPrivateFieldSet$3(this, _Tabbar_tabs, slot
|
|
@@ -11781,15 +11903,13 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
|
|
|
11781
11903
|
const settings = TAB_SETTINGS[`${this.layer}-${this.level}`];
|
|
11782
11904
|
if (!settings)
|
|
11783
11905
|
return;
|
|
11784
|
-
for (const tab of this.
|
|
11785
|
-
/* eslint-disable @typescript-eslint/no-unsafe-member-access */
|
|
11906
|
+
for (const tab of __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getTabItems).call(this)) {
|
|
11786
11907
|
tab.importance = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) ?? settings.importance;
|
|
11787
11908
|
tab.size = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedSize_get) ?? settings.size;
|
|
11788
11909
|
tab.indicatorPosition =
|
|
11789
11910
|
this.orientation === 'vertical'
|
|
11790
11911
|
? 'inline-end'
|
|
11791
11912
|
: (__classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedPlacement_get) ?? settings.indicatorPosition);
|
|
11792
|
-
/* eslint-enable @typescript-eslint/no-unsafe-member-access */
|
|
11793
11913
|
}
|
|
11794
11914
|
};
|
|
11795
11915
|
|
|
@@ -11818,7 +11938,7 @@ class Table {
|
|
|
11818
11938
|
}
|
|
11819
11939
|
// eslint-disable-next-line @typescript-eslint/class-methods-use-this
|
|
11820
11940
|
render() {
|
|
11821
|
-
return hAsync("slot", { key: '
|
|
11941
|
+
return hAsync("slot", { key: 'd0da204301a7cd04ca194e53eadfce6896b202e0' });
|
|
11822
11942
|
}
|
|
11823
11943
|
static get style() { return tableCss; }
|
|
11824
11944
|
static get cmpMeta() { return {
|
|
@@ -11892,9 +12012,9 @@ class TableCell {
|
|
|
11892
12012
|
render() {
|
|
11893
12013
|
return (
|
|
11894
12014
|
// eslint-disable-next-line jsx-a11y/control-has-associated-label
|
|
11895
|
-
hAsync("td", { key: '
|
|
12015
|
+
hAsync("td", { key: 'b44e4c598db5ed018856503d2c74943fbbeb50bf', class: "qds-table-cell", "data-size": __classPrivateFieldGet$5(this, _TableCell_instances, "a", _TableCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan,
|
|
11896
12016
|
// eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
|
|
11897
|
-
role: "none" }, hAsync("slot", { key: '
|
|
12017
|
+
role: "none" }, hAsync("slot", { key: '97f84c5f82f7091d5d5297d2ef265e5ea4e9629f' })));
|
|
11898
12018
|
}
|
|
11899
12019
|
static get watchers() { return {
|
|
11900
12020
|
"colSpan": ["colSpanChanged"],
|
|
@@ -11991,9 +12111,9 @@ class TableHeadCell {
|
|
|
11991
12111
|
render() {
|
|
11992
12112
|
return (
|
|
11993
12113
|
// eslint-disable-next-line jsx-a11y/control-has-associated-label
|
|
11994
|
-
hAsync("th", { key: '
|
|
12114
|
+
hAsync("th", { key: 'c2eb95970e235225d73a5c398268ce58fa5a9215', class: "qds-table-head-cell", "data-size": __classPrivateFieldGet$4(this, _TableHeadCell_instances, "a", _TableHeadCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
|
|
11995
12115
|
// eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
|
|
11996
|
-
role: "none" }, hAsync("slot", { key: '
|
|
12116
|
+
role: "none" }, hAsync("slot", { key: '9ea7125c2c1cf938c39c0254f45e49f1d96ad194' })));
|
|
11997
12117
|
}
|
|
11998
12118
|
static get watchers() { return {
|
|
11999
12119
|
"colSpan": ["colSpanChanged"],
|
|
@@ -12052,7 +12172,7 @@ class TableRow {
|
|
|
12052
12172
|
}
|
|
12053
12173
|
// eslint-disable-next-line @typescript-eslint/class-methods-use-this
|
|
12054
12174
|
render() {
|
|
12055
|
-
return (hAsync("tr", { key: '
|
|
12175
|
+
return (hAsync("tr", { key: '451a45eb6b5701569e83e03e969aab29c10bf54a', class: "qds-table-row", role: "none" }, hAsync("slot", { key: '655ee54ea1b3553acf23a38bf4851c86cdb1f21a' })));
|
|
12056
12176
|
}
|
|
12057
12177
|
static get style() { return tableRowCss; }
|
|
12058
12178
|
static get cmpMeta() { return {
|
|
@@ -12123,11 +12243,11 @@ class Tag {
|
|
|
12123
12243
|
__classPrivateFieldSet$2(this, _Tag_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
12124
12244
|
}
|
|
12125
12245
|
render() {
|
|
12126
|
-
return (hAsync("span", { key: '
|
|
12246
|
+
return (hAsync("span", { key: 'f266218938dc3110659bb719fb100efe8427f6c2', class: {
|
|
12127
12247
|
'qds-tag': true,
|
|
12128
12248
|
'qds-padding': this.importance !== 'subdued',
|
|
12129
12249
|
}, "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 &&
|
|
12130
|
-
this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", { class: "qds-icon", "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))) : (__classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_hasBadge_get) && (hAsync("qds-badge-indicator", { status: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), description: this.badgeDescription, size: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), strokeRing: true }))), hAsync("span", { key: '
|
|
12250
|
+
this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", { class: "qds-icon", "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))) : (__classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_hasBadge_get) && (hAsync("qds-badge-indicator", { status: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), description: this.badgeDescription, size: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), strokeRing: true }))), hAsync("span", { key: 'c1aa0089da19ae0554444abb607407d997b3a9ab', class: "qds-text" }, this.text)));
|
|
12131
12251
|
}
|
|
12132
12252
|
get host() { return getElement(this); }
|
|
12133
12253
|
static get style() { return tagCss; }
|
|
@@ -12187,7 +12307,7 @@ _Tag_inheritedAttributes = new WeakMap(), _Tag_instances = new WeakSet(), _Tag_c
|
|
|
12187
12307
|
return (this.badge ?? false) && this.importance !== 'emphasized';
|
|
12188
12308
|
};
|
|
12189
12309
|
|
|
12190
|
-
const textareaCss = ":host([hidden]){display:none!important}:host{display:inline-block;resize:both}slot{display:none}.qds-textarea{background-color:var(--qds-theme-form-input-background-active);border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-form-input-border-radius);box-sizing:border-box;color:var(--qds-theme-
|
|
12310
|
+
const textareaCss = ":host([hidden]){display:none!important}:host{display:inline-block;resize:both}slot{display:none}.qds-textarea{background-color:var(--qds-theme-form-input-background-active);border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-form-input-border-radius);box-sizing:border-box;color:var(--qds-theme-form-input-text-active);height:100%;padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%}.qds-textarea:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-textarea:disabled{background-color:var(--qds-theme-form-input-background-default);opacity:var(--qds-theme-disabled);pointer-events:none}.qds-textarea:read-only{background-color:var(--qds-theme-form-input-background-read-only);border-color:var(--qds-theme-form-input-border-disabled)}.qds-textarea:focus-visible{box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-textarea:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-textarea:not(:focus):user-invalid{border-color:var(--qds-theme-form-input-border-error)}.qds-textarea[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-textarea[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-textarea[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-textarea[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}[data-size=small]{font:var(--qds-control-small-text);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text);padding-block:var(--qds-control-large-padding-auto-height)}";
|
|
12191
12311
|
|
|
12192
12312
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
12193
12313
|
//
|
|
@@ -12453,9 +12573,9 @@ class TextArea {
|
|
|
12453
12573
|
this.valueChanged();
|
|
12454
12574
|
}
|
|
12455
12575
|
render() {
|
|
12456
|
-
return (hAsync(Host, { key: '
|
|
12576
|
+
return (hAsync(Host, { key: 'a1124b2f6ac9a85ae42a10e94fa2c82bc09f176a' }, hAsync("textarea", { key: '0bc3d2ccf9d4bb645b5ec765a2a8836910231e88', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
|
|
12457
12577
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
12458
|
-
autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', "data-status": __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedStatus_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, onBlur: __classPrivateFieldGet$2(this, _TextArea_onBlur, "f"), onChange: __classPrivateFieldGet$2(this, _TextArea_onChange, "f"), onFocus: __classPrivateFieldGet$2(this, _TextArea_onFocus, "f"), onInput: __classPrivateFieldGet$2(this, _TextArea_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet$2(this, _TextArea_ref, "f"), readOnly: this.readonly, rows: this.rows, spellcheck: this.host.spellcheck, tabIndex: __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedDisabled_get) ? undefined : this.tabIndex, wrap: this.wrap, ...__classPrivateFieldGet$2(this, _TextArea_inheritedAttributes, "f") }), hAsync("slot", { key: '
|
|
12578
|
+
autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', "data-status": __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedStatus_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, onBlur: __classPrivateFieldGet$2(this, _TextArea_onBlur, "f"), onChange: __classPrivateFieldGet$2(this, _TextArea_onChange, "f"), onFocus: __classPrivateFieldGet$2(this, _TextArea_onFocus, "f"), onInput: __classPrivateFieldGet$2(this, _TextArea_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet$2(this, _TextArea_ref, "f"), readOnly: this.readonly, rows: this.rows, spellcheck: this.host.spellcheck, tabIndex: __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedDisabled_get) ? undefined : this.tabIndex, wrap: this.wrap, ...__classPrivateFieldGet$2(this, _TextArea_inheritedAttributes, "f") }), hAsync("slot", { key: 'd59563e4625dfc217a2863e3bfe0ab772ca4bdd1', onSlotchange: __classPrivateFieldGet$2(this, _TextArea_onSlotchange, "f") })));
|
|
12459
12579
|
}
|
|
12460
12580
|
static get delegatesFocus() { return true; }
|
|
12461
12581
|
static get formAssociated() { return true; }
|
|
@@ -12531,7 +12651,7 @@ _TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(
|
|
|
12531
12651
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
12532
12652
|
};
|
|
12533
12653
|
|
|
12534
|
-
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"g\"}.qds-titles.qds-has-kicker{grid-template-areas:\"h\" \"g\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"g\" \"i\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"h\" \"g\" \"i\"}.qds-has-icon{grid-template-areas:\"j g\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". h\" \"j g\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"j g\" \". i\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". h\" \"j g\" \". i\"}.qds-title,.qds-titles{hyphens:inherit}.qds-kicker,.qds-subtitle{hyphens:manual}.qds-kicker,.qds-subtitle,.qds-title{margin-block:0}.qds-title{color:var(--qds-theme-title);grid-area:g}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:i}.qds-kicker{color:var(--qds-theme-kicker);grid-area:h}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:j}.qds-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)}";
|
|
12654
|
+
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"f\"}.qds-titles.qds-has-kicker{grid-template-areas:\"g\" \"f\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"f\" \"h\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"g\" \"f\" \"h\"}.qds-has-icon{grid-template-areas:\"i f\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". g\" \"i f\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"i f\" \". h\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". g\" \"i f\" \". h\"}.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:f}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:h}.qds-kicker{color:var(--qds-theme-kicker);grid-area:g}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:i}.qds-root.qds-main .qds-title{font:var(--qds-main-title)}.qds-root.qds-main .qds-subtitle{font:var(--qds-main-subtitle)}.qds-root.qds-main .qds-kicker{font:var(--qds-main-kicker)}.qds-root.qds-main .qds-icon{height:var(--qds-main-titles-icon-crop-height);width:var(--qds-main-titles-icon-size)}.qds-root.qds-main.qds-titles{gap:var(--qds-main-titles-gap)}.qds-root.qds-main.qds-has-icon{gap:var(--qds-main-titles-gap) var(--qds-main-titles-icon-gap)}.qds-root.qds-navigation .qds-title{font:var(--qds-navigation-title)}.qds-root.qds-navigation .qds-subtitle{font:var(--qds-navigation-subtitle)}.qds-root.qds-navigation .qds-kicker{font:var(--qds-navigation-kicker)}.qds-root.qds-navigation .qds-icon{height:var(--qds-navigation-titles-icon-crop-height);width:var(--qds-navigation-titles-icon-size)}.qds-root.qds-navigation.qds-titles{gap:var(--qds-navigation-titles-gap)}.qds-root.qds-navigation.qds-has-icon{gap:var(--qds-navigation-titles-gap) var(--qds-navigation-titles-icon-gap)}.qds-main.qds-section.qds-titles{gap:var(--qds-main-section-titles-gap)}.qds-main.qds-section.qds-has-icon{gap:var(--qds-main-section-titles-gap) var(--qds-main-section-titles-icon-gap)}.qds-main.qds-section .qds-title{font:var(--qds-main-section-title)}.qds-main.qds-section .qds-subtitle{font:var(--qds-main-section-subtitle)}.qds-main.qds-section .qds-kicker{font:var(--qds-main-section-kicker)}.qds-main.qds-section .qds-icon{height:var(--qds-main-section-titles-icon-crop-height);width:var(--qds-main-section-titles-icon-size)}.qds-main.qds-subsection.qds-titles{gap:var(--qds-main-subsection-titles-gap)}.qds-main.qds-subsection.qds-has-icon{gap:var(--qds-main-subsection-titles-gap) var(--qds-main-subsection-titles-icon-gap)}.qds-main.qds-subsection .qds-title{font:var(--qds-main-subsection-title)}.qds-main.qds-subsection .qds-subtitle{font:var(--qds-main-subsection-subtitle)}.qds-main.qds-subsection .qds-kicker{font:var(--qds-main-subsection-kicker)}.qds-main.qds-subsection .qds-icon{height:var(--qds-main-subsection-titles-icon-crop-height);width:var(--qds-main-subsection-titles-icon-size)}.qds-panel.qds-root.qds-titles{gap:var(--qds-panel-titles-gap)}.qds-panel.qds-root.qds-has-icon{gap:var(--qds-panel-titles-gap) var(--qds-panel-titles-icon-gap)}.qds-panel.qds-root .qds-title{font:var(--qds-panel-title)}.qds-panel.qds-root .qds-subtitle{font:var(--qds-panel-subtitle)}.qds-panel.qds-root .qds-kicker{font:var(--qds-panel-kicker)}.qds-panel.qds-root .qds-icon{height:var(--qds-panel-titles-icon-crop-height);width:var(--qds-panel-titles-icon-size)}.qds-panel.qds-section.qds-titles{gap:var(--qds-panel-section-titles-gap)}.qds-panel.qds-section.qds-has-icon{gap:var(--qds-panel-section-titles-gap) var(--qds-panel-section-titles-icon-gap)}.qds-panel.qds-section .qds-title{font:var(--qds-panel-section-title)}.qds-panel.qds-section .qds-subtitle{font:var(--qds-panel-section-subtitle)}.qds-panel.qds-section .qds-kicker{font:var(--qds-panel-section-kicker)}.qds-panel.qds-section .qds-icon{height:var(--qds-panel-section-titles-icon-crop-height);width:var(--qds-panel-section-titles-icon-size)}.qds-panel.qds-subsection.qds-titles{gap:var(--qds-panel-subsection-titles-gap)}.qds-panel.qds-subsection.qds-has-icon{gap:var(--qds-panel-subsection-titles-gap) var(--qds-panel-subsection-titles-icon-gap)}.qds-panel.qds-subsection .qds-title{font:var(--qds-panel-subsection-title)}.qds-panel.qds-subsection .qds-subtitle{font:var(--qds-panel-subsection-subtitle)}.qds-panel.qds-subsection .qds-kicker{font:var(--qds-panel-subsection-kicker)}.qds-panel.qds-subsection .qds-icon{height:var(--qds-panel-subsection-titles-icon-crop-height);width:var(--qds-panel-subsection-titles-icon-size)}.qds-navigation.qds-section.qds-titles{gap:var(--qds-navigation-section-titles-gap)}.qds-navigation.qds-section.qds-has-icon{gap:var(--qds-navigation-section-titles-gap) var(--qds-navigation-section-titles-icon-gap)}.qds-navigation.qds-section .qds-title{font:var(--qds-navigation-section-title)}.qds-navigation.qds-section .qds-subtitle{font:var(--qds-navigation-section-subtitle)}.qds-navigation.qds-section .qds-kicker{font:var(--qds-navigation-section-kicker)}.qds-navigation.qds-section .qds-icon{height:var(--qds-navigation-section-titles-icon-crop-height);width:var(--qds-navigation-section-titles-icon-size)}.qds-navigation.qds-subsection.qds-titles{gap:var(--qds-navigation-subsection-titles-gap)}.qds-navigation.qds-subsection.qds-has-icon{gap:var(--qds-navigation-subsection-titles-gap) var(--qds-navigation-subsection-titles-icon-gap)}.qds-navigation.qds-subsection .qds-title{font:var(--qds-navigation-subsection-title)}.qds-navigation.qds-subsection .qds-subtitle{font:var(--qds-navigation-subsection-subtitle)}.qds-navigation.qds-subsection .qds-kicker{font:var(--qds-navigation-subsection-kicker)}.qds-navigation.qds-subsection .qds-icon{height:var(--qds-navigation-subsection-titles-icon-crop-height);width:var(--qds-navigation-subsection-titles-icon-size)}.qds-popup.qds-root.qds-titles{gap:var(--qds-popup-titles-gap)}.qds-popup.qds-root.qds-has-icon{gap:var(--qds-popup-titles-gap) var(--qds-popup-titles-icon-gap)}.qds-popup.qds-root .qds-title{font:var(--qds-popup-title)}.qds-popup.qds-root .qds-subtitle{font:var(--qds-popup-subtitle)}.qds-popup.qds-root .qds-kicker{font:var(--qds-popup-kicker)}.qds-popup.qds-root .qds-icon{height:var(--qds-popup-titles-icon-crop-height);width:var(--qds-popup-titles-icon-size)}.qds-popup.qds-section.qds-titles{gap:var(--qds-popup-section-titles-gap)}.qds-popup.qds-section.qds-has-icon{gap:var(--qds-popup-section-titles-gap) var(--qds-popup-section-titles-icon-gap)}.qds-popup.qds-section .qds-title{font:var(--qds-popup-section-title)}.qds-popup.qds-section .qds-subtitle{font:var(--qds-popup-section-subtitle)}.qds-popup.qds-section .qds-kicker{font:var(--qds-popup-section-kicker)}.qds-popup.qds-section .qds-icon{height:var(--qds-popup-section-titles-icon-crop-height);width:var(--qds-popup-section-titles-icon-size)}.qds-popup.qds-subsection.qds-titles{gap:var(--qds-popup-subsection-titles-gap)}.qds-popup.qds-subsection.qds-has-icon{gap:var(--qds-popup-subsection-titles-gap) var(--qds-popup-subsection-titles-icon-gap)}.qds-popup.qds-subsection .qds-title{font:var(--qds-popup-subsection-title)}.qds-popup.qds-subsection .qds-subtitle{font:var(--qds-popup-subsection-subtitle)}.qds-popup.qds-subsection .qds-kicker{font:var(--qds-popup-subsection-kicker)}.qds-popup.qds-subsection .qds-icon{height:var(--qds-popup-subsection-titles-icon-crop-height);width:var(--qds-popup-subsection-titles-icon-size)}.qds-accessory.qds-root.qds-titles{gap:var(--qds-accessory-titles-gap)}.qds-accessory.qds-root.qds-has-icon{gap:var(--qds-accessory-titles-gap) var(--qds-accessory-titles-icon-gap)}.qds-accessory.qds-root .qds-title{font:var(--qds-accessory-title)}.qds-accessory.qds-root .qds-subtitle{font:var(--qds-accessory-subtitle)}.qds-accessory.qds-root .qds-kicker{font:var(--qds-accessory-kicker)}.qds-accessory.qds-root .qds-icon{height:var(--qds-accessory-titles-icon-crop-height);width:var(--qds-accessory-titles-icon-size)}.qds-accessory.qds-section.qds-titles{gap:var(--qds-accessory-section-titles-gap)}.qds-accessory.qds-section.qds-has-icon{gap:var(--qds-accessory-section-titles-gap) var(--qds-accessory-section-titles-icon-gap)}.qds-accessory.qds-section .qds-title{font:var(--qds-accessory-section-title)}.qds-accessory.qds-section .qds-subtitle{font:var(--qds-accessory-section-subtitle)}.qds-accessory.qds-section .qds-kicker{font:var(--qds-accessory-section-kicker)}.qds-accessory.qds-section .qds-icon{height:var(--qds-accessory-section-titles-icon-crop-height);width:var(--qds-accessory-section-titles-icon-size)}.qds-titles[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap);margin:auto}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-promo-title)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-subtitle{font:var(--qds-main-section-promo-subtitle)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-kicker{font:var(--qds-main-section-promo-kicker)}.qds-has-icon[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap) var(--qds-main-section-promo-titles-icon-gap)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-icon{height:var(--qds-main-section-promo-titles-icon-crop-height);width:var(--qds-main-section-promo-titles-icon-size)}[data-alignment=start]{text-align:start}[data-alignment=center]{text-align:center}[data-alignment=end]{text-align:end}.qds-titles[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-display-titles-gap)}[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-display-title)}.qds-titles[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-subsection-card-titles-gap)}[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-subsection-card-standard-title)}.qds-titles[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-hero-titles-gap)}[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-hero-title)}";
|
|
12535
12655
|
|
|
12536
12656
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
12537
12657
|
//
|
|
@@ -12582,14 +12702,14 @@ class Title {
|
|
|
12582
12702
|
const level = `qds-${this.level ?? 'section'}`;
|
|
12583
12703
|
const Tag = this.tag ?? 'h2';
|
|
12584
12704
|
const hasIcon = this.iconName !== undefined && this.iconName !== '';
|
|
12585
|
-
return (hAsync("hgroup", { key: '
|
|
12705
|
+
return (hAsync("hgroup", { key: '942eec84584a9f0ada443ce2d93e9bfd5553d2ef', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
|
|
12586
12706
|
[layer]: true,
|
|
12587
12707
|
[level]: true,
|
|
12588
12708
|
'qds-titles': true,
|
|
12589
12709
|
'qds-has-icon': hasIcon,
|
|
12590
12710
|
'qds-has-kicker': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get),
|
|
12591
12711
|
'qds-has-subtitle': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get),
|
|
12592
|
-
}, role: "none" }, hAsync(Tag, { key: '
|
|
12712
|
+
}, role: "none" }, hAsync(Tag, { key: '73d0c59e0808cfc8b81e67cc7fec19668430f8b9', class: "qds-title", "data-variant": this.variant }, hAsync("slot", { key: '9ef1451c7e2116611cf4a9d7e10e9b0c61c63b31' })), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get) && hAsync("p", { key: '6fb83ecd2a9db814c0336d15e0b24174cdbba1e1', class: "qds-kicker" }, this.kicker), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get) && hAsync("p", { key: '62008e9c0934c1700e2d909c7d370265303ee938', class: "qds-subtitle" }, this.subtitle), hasIcon && (hAsync("qds-icon", { key: 'ad0113ac12cc58d136689a70176e4e208b06b1c9', class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
|
|
12593
12713
|
}
|
|
12594
12714
|
static get style() { return titleCss; }
|
|
12595
12715
|
static get cmpMeta() { return {
|
|
@@ -12647,7 +12767,7 @@ let autoIncrementingId = 1;
|
|
|
12647
12767
|
class Tooltip {
|
|
12648
12768
|
constructor(hostRef) {
|
|
12649
12769
|
registerInstance(this, hostRef);
|
|
12650
|
-
this.closeEmitter = createEvent(this, "qdsClose",
|
|
12770
|
+
this.closeEmitter = createEvent(this, "qdsClose", 0);
|
|
12651
12771
|
if (hostRef.$hostElement$["s-ei"]) {
|
|
12652
12772
|
this.internals = hostRef.$hostElement$["s-ei"];
|
|
12653
12773
|
}
|
|
@@ -12889,7 +13009,7 @@ class Tooltip {
|
|
|
12889
13009
|
__classPrivateFieldGet(this, _Tooltip_referenceElement, "f").removeAttribute('aria-describedby');
|
|
12890
13010
|
}
|
|
12891
13011
|
render() {
|
|
12892
|
-
return (hAsync(Host, { key: '
|
|
13012
|
+
return (hAsync(Host, { key: '8ab46dcacf9ab9279402ab3732ababdf9641f3ed', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f") }, hAsync("div", { key: '703252d7ad663d577bae94d249432c77f9241203', class: "qds-tooltip" }, hAsync("slot", { key: '47faf0f5aa99c2f5e6521dd2c13007201a16baf8' })), hAsync("div", { key: '36c02add6ac0ea66c6511aae88342469bc2898fd', class: "qds-arrow", ref: __classPrivateFieldGet(this, _Tooltip_arrowRef, "f") })));
|
|
12893
13013
|
}
|
|
12894
13014
|
get host() { return getElement(this); }
|
|
12895
13015
|
static get watchers() { return {
|