@quartzds/core 1.0.0-beta.129 → 1.0.0-beta.130
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 +34 -0
- package/components/{p-CQ-Ilm5d.js → p-B9xuNEzc.js} +55 -10
- package/components/p-B9xuNEzc.js.map +1 -0
- package/components/{p-CrzaI1TQ.js → p-BHBodFuD.js} +5 -5
- package/components/{p-CrzaI1TQ.js.map → p-BHBodFuD.js.map} +1 -1
- package/components/{p-Cevyg51v.js → p-BLA62eFO.js} +35 -18
- package/components/p-BLA62eFO.js.map +1 -0
- package/components/{p-DEa0r_EV.js → p-C-pZcrGt.js} +5 -5
- package/components/{p-DEa0r_EV.js.map → p-C-pZcrGt.js.map} +1 -1
- package/components/{p-CnWdHgve.js → p-Cb4tcewD.js} +10 -8
- package/components/p-Cb4tcewD.js.map +1 -0
- package/components/{p-BJEvSqqL.js → p-Cb5Tgh-o.js} +3 -3
- package/components/{p-BJEvSqqL.js.map → p-Cb5Tgh-o.js.map} +1 -1
- package/components/{p-DjZ2J7fQ.js → p-D2BuSQre.js} +3 -3
- package/components/{p-DjZ2J7fQ.js.map → p-D2BuSQre.js.map} +1 -1
- package/components/{p-cw45QxUT.js → p-DL21f4D7.js} +3 -3
- package/components/{p-cw45QxUT.js.map → p-DL21f4D7.js.map} +1 -1
- package/components/{p-BoqB4ddF.js → p-eUDNu0SE.js} +3 -3
- package/components/{p-BoqB4ddF.js.map → p-eUDNu0SE.js.map} +1 -1
- package/components/qds-action-item.js +38 -17
- package/components/qds-action-item.js.map +1 -1
- package/components/qds-avatar.js +1 -1
- package/components/qds-avatar.js.map +1 -1
- package/components/qds-breadcrumb-item.js +2 -2
- package/components/qds-button.js +10 -8
- package/components/qds-button.js.map +1 -1
- package/components/qds-checkbox.js +1 -1
- package/components/qds-chip.js +3 -3
- package/components/qds-dialog.js +3 -3
- package/components/qds-dropdown.js +1 -1
- package/components/qds-icon-button.js +1 -1
- package/components/qds-icon-tab.js +3 -3
- package/components/qds-inline-link.js +5 -3
- package/components/qds-inline-link.js.map +1 -1
- package/components/qds-input.js +3 -3
- package/components/qds-input.js.map +1 -1
- package/components/qds-label.js +2 -2
- package/components/qds-list-item.js +66 -30
- package/components/qds-list-item.js.map +1 -1
- package/components/qds-menu-item.js +7 -7
- package/components/qds-menu-item.js.map +1 -1
- package/components/qds-mini-button.js +1 -1
- package/components/qds-radio.js +1 -1
- package/components/qds-select.js +2 -2
- package/components/qds-standalone-link.js +5 -3
- package/components/qds-standalone-link.js.map +1 -1
- package/components/qds-switch.js +1 -1
- package/components/qds-tab.js +3 -3
- package/components/qds-tabbar.js +3 -3
- package/components/qds-tag.js +1 -1
- package/components/qds-textarea.js +1 -1
- package/components/qds-title.js +1 -1
- package/components/qds-tooltip.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/qds-action-item.cjs.entry.js +32 -12
- package/dist/cjs/qds-action-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-avatar.cjs.entry.js +1 -1
- package/dist/cjs/qds-avatar.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-button.cjs.entry.js +8 -6
- package/dist/cjs/qds-button.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-checkbox_2.cjs.entry.js +2 -2
- package/dist/cjs/qds-divider.qds-icon-button.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-divider_2.cjs.entry.js +6 -4
- package/dist/cjs/qds-dropdown.cjs.entry.js +32 -15
- package/dist/cjs/qds-dropdown.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-inline-link.cjs.entry.js +4 -2
- 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-input.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-list-item.cjs.entry.js +55 -22
- package/dist/cjs/qds-list-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-menu-item.cjs.entry.js +3 -3
- package/dist/cjs/qds-menu-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-select.cjs.entry.js +1 -1
- package/dist/cjs/qds-standalone-link.cjs.entry.js +4 -2
- package/dist/cjs/qds-standalone-link.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-title.cjs.entry.js +1 -1
- package/dist/cjs/qds-tooltip.cjs.entry.js +52 -7
- package/dist/cjs/qds-tooltip.entry.cjs.js.map +1 -1
- package/dist/cjs/qds.cjs.js +1 -1
- package/dist/custom-elements.json +132 -10
- package/dist/docs.json +13 -4
- package/dist/esm/{helpers-_a9kqEyo.js → helpers-BIo9VDPx.js} +3 -3
- package/dist/esm/{helpers-_a9kqEyo.js.map → helpers-BIo9VDPx.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/qds-action-item.entry.js +34 -14
- package/dist/esm/qds-action-item.entry.js.map +1 -1
- package/dist/esm/qds-avatar.entry.js +1 -1
- package/dist/esm/qds-avatar.entry.js.map +1 -1
- package/dist/esm/qds-breadcrumb-item.entry.js +1 -1
- package/dist/esm/qds-button.entry.js +9 -7
- package/dist/esm/qds-button.entry.js.map +1 -1
- package/dist/esm/qds-checkbox_2.entry.js +3 -3
- package/dist/esm/qds-chip.entry.js +1 -1
- package/dist/esm/qds-dialog.entry.js +1 -1
- package/dist/esm/qds-divider.qds-icon-button.entry.js.map +1 -1
- package/dist/esm/qds-divider_2.entry.js +7 -5
- package/dist/esm/qds-dropdown.entry.js +33 -16
- package/dist/esm/qds-dropdown.entry.js.map +1 -1
- package/dist/esm/qds-icon-tab.entry.js +1 -1
- package/dist/esm/qds-inline-link.entry.js +5 -3
- package/dist/esm/qds-inline-link.entry.js.map +1 -1
- package/dist/esm/qds-input.entry.js +2 -2
- package/dist/esm/qds-input.entry.js.map +1 -1
- package/dist/esm/qds-label.entry.js +1 -1
- package/dist/esm/qds-list-item.entry.js +56 -23
- package/dist/esm/qds-list-item.entry.js.map +1 -1
- package/dist/esm/qds-menu-item.entry.js +4 -4
- package/dist/esm/qds-menu-item.entry.js.map +1 -1
- package/dist/esm/qds-mini-button.entry.js +1 -1
- package/dist/esm/qds-select.entry.js +2 -2
- package/dist/esm/qds-standalone-link.entry.js +5 -3
- package/dist/esm/qds-standalone-link.entry.js.map +1 -1
- package/dist/esm/qds-switch.entry.js +1 -1
- package/dist/esm/qds-tab.entry.js +1 -1
- package/dist/esm/qds-tabbar.entry.js +1 -1
- package/dist/esm/qds-tag.entry.js +1 -1
- package/dist/esm/qds-textarea.entry.js +1 -1
- package/dist/esm/qds-title.entry.js +1 -1
- package/dist/esm/qds-tooltip.entry.js +53 -8
- package/dist/esm/qds-tooltip.entry.js.map +1 -1
- package/dist/esm/qds.js +1 -1
- package/dist/types/components/action-item/action-item.d.ts +3 -0
- package/dist/types/components/list-item/list-item.d.ts +1 -0
- package/hydrate/index.js +209 -86
- package/hydrate/index.mjs +209 -86
- package/package.json +1 -1
- package/styles/core.css +7 -19
- package/components/p-CQ-Ilm5d.js.map +0 -1
- package/components/p-Cevyg51v.js.map +0 -1
- package/components/p-CnWdHgve.js.map +0 -1
package/hydrate/index.mjs
CHANGED
|
@@ -6935,7 +6935,7 @@ var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
6935
6935
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
6936
6936
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
6937
6937
|
};
|
|
6938
|
-
var _ActionItem_instances, _ActionItem_ro,
|
|
6938
|
+
var _ActionItem_instances, _ActionItem_ro, _ActionItem_span, _ActionItem_tooltipElement, _ActionItem_computedSize_get, _ActionItem_computedImportance_get, _ActionItem_computedDisabled_get, _ActionItem_spanRef, _ActionItem_tooltipRef;
|
|
6939
6939
|
/**
|
|
6940
6940
|
*
|
|
6941
6941
|
*
|
|
@@ -6973,23 +6973,30 @@ class ActionItem {
|
|
|
6973
6973
|
this.size = 'standard';
|
|
6974
6974
|
this.tooltip = false;
|
|
6975
6975
|
_ActionItem_ro.set(this, void 0);
|
|
6976
|
-
_ActionItem_actionItem.set(this, void 0);
|
|
6977
6976
|
_ActionItem_span.set(this, void 0);
|
|
6978
|
-
|
|
6979
|
-
__classPrivateFieldSet$o(this, _ActionItem_actionItem, actionItem, "f");
|
|
6980
|
-
});
|
|
6977
|
+
_ActionItem_tooltipElement.set(this, void 0);
|
|
6981
6978
|
_ActionItem_spanRef.set(this, (span) => {
|
|
6982
6979
|
__classPrivateFieldSet$o(this, _ActionItem_span, span, "f");
|
|
6983
6980
|
});
|
|
6984
6981
|
_ActionItem_tooltipRef.set(this, (tooltip) => {
|
|
6985
|
-
|
|
6986
|
-
// eslint-disable-next-line no-param-reassign
|
|
6987
|
-
tooltip.target = __classPrivateFieldGet$y(this, _ActionItem_actionItem, "f");
|
|
6982
|
+
__classPrivateFieldSet$o(this, _ActionItem_tooltipElement, tooltip, "f");
|
|
6988
6983
|
});
|
|
6989
6984
|
}
|
|
6990
6985
|
disabledChanged() {
|
|
6991
6986
|
this.internals.ariaDisabled = this.disabled.toString();
|
|
6992
6987
|
}
|
|
6988
|
+
tooltipChanged(truncated) {
|
|
6989
|
+
if (!__classPrivateFieldGet$y(this, _ActionItem_tooltipElement, "f"))
|
|
6990
|
+
return;
|
|
6991
|
+
__classPrivateFieldGet$y(this, _ActionItem_tooltipElement, "f").target = truncated ? this.host : undefined;
|
|
6992
|
+
if (!truncated) {
|
|
6993
|
+
ignorePromise(__classPrivateFieldGet$y(this, _ActionItem_tooltipElement, "f").close());
|
|
6994
|
+
return;
|
|
6995
|
+
}
|
|
6996
|
+
if (document.activeElement === this.host &&
|
|
6997
|
+
this.host.matches(':focus-visible'))
|
|
6998
|
+
ignorePromise(__classPrivateFieldGet$y(this, _ActionItem_tooltipElement, "f").show());
|
|
6999
|
+
}
|
|
6993
7000
|
onBlur(event) {
|
|
6994
7001
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
6995
7002
|
}
|
|
@@ -7000,6 +7007,17 @@ class ActionItem {
|
|
|
7000
7007
|
if (__classPrivateFieldGet$y(this, _ActionItem_instances, "a", _ActionItem_computedDisabled_get))
|
|
7001
7008
|
event.stopImmediatePropagation();
|
|
7002
7009
|
}
|
|
7010
|
+
onPointerleave() {
|
|
7011
|
+
if (!__classPrivateFieldGet$y(this, _ActionItem_tooltipElement, "f"))
|
|
7012
|
+
return;
|
|
7013
|
+
if (this.host.matches(':focus-visible'))
|
|
7014
|
+
return;
|
|
7015
|
+
/**
|
|
7016
|
+
* Close the tooltip when pointer hover ends unless the item has keyboard-visible focus.
|
|
7017
|
+
* This avoids sticky hover tooltips on auto-focused first dropdown items.
|
|
7018
|
+
* */
|
|
7019
|
+
ignorePromise(__classPrivateFieldGet$y(this, _ActionItem_tooltipElement, "f").close());
|
|
7020
|
+
}
|
|
7003
7021
|
componentWillLoad() {
|
|
7004
7022
|
this.internals.role = 'menuitem';
|
|
7005
7023
|
this.disabledChanged();
|
|
@@ -7016,13 +7034,15 @@ class ActionItem {
|
|
|
7016
7034
|
__classPrivateFieldGet$y(this, _ActionItem_ro, "f").observe(__classPrivateFieldGet$y(this, _ActionItem_span, "f"));
|
|
7017
7035
|
}
|
|
7018
7036
|
render() {
|
|
7019
|
-
return (hAsync("div", { key: '
|
|
7037
|
+
return (hAsync("div", { key: '1299e2b225c006c503772ffe991845dd3146e771', class: {
|
|
7020
7038
|
'qds-action-item': true,
|
|
7021
7039
|
'qds-disabled': this.disabled,
|
|
7022
|
-
},
|
|
7040
|
+
}, "data-size": __classPrivateFieldGet$y(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), "data-importance": __classPrivateFieldGet$y(this, _ActionItem_instances, "a", _ActionItem_computedImportance_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'd842b78eb7ae8c7b0c1d5f39a77187dd34a03750', class: "qds-icon", "data-size": __classPrivateFieldGet$y(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '9caa7922530dcc476fd28ff792b289c4f592f355', class: "qds-text", "data-size": __classPrivateFieldGet$y(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), ref: __classPrivateFieldGet$y(this, _ActionItem_spanRef, "f") }, this.text), this.action !== undefined && (hAsync("qds-icon", { key: 'ea40683d2db0ed4cdfde76a3ee5e651a38ea5e95', class: "qds-icon", "data-size": __classPrivateFieldGet$y(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), name: this.action, library: "core", "aria-label": this.actionDescription, role: "img" })), hAsync("qds-tooltip", { key: '922793a63f11063dcc56c242d2f8bf04995c0a5a', "aria-hidden": "true", ref: __classPrivateFieldGet$y(this, _ActionItem_tooltipRef, "f") }, this.text)));
|
|
7023
7041
|
}
|
|
7042
|
+
get host() { return getElement(this); }
|
|
7024
7043
|
static get watchers() { return {
|
|
7025
|
-
"disabled": ["disabledChanged"]
|
|
7044
|
+
"disabled": ["disabledChanged"],
|
|
7045
|
+
"tooltip": ["tooltipChanged"]
|
|
7026
7046
|
}; }
|
|
7027
7047
|
static get style() { return actionItemCss; }
|
|
7028
7048
|
static get cmpMeta() { return {
|
|
@@ -7030,7 +7050,7 @@ class ActionItem {
|
|
|
7030
7050
|
"$tagName$": "qds-action-item",
|
|
7031
7051
|
"$members$": {
|
|
7032
7052
|
"importance": [1],
|
|
7033
|
-
"disabled": [
|
|
7053
|
+
"disabled": [516],
|
|
7034
7054
|
"iconName": [1, "icon-name"],
|
|
7035
7055
|
"iconLibrary": [1, "icon-library"],
|
|
7036
7056
|
"action": [1],
|
|
@@ -7039,12 +7059,12 @@ class ActionItem {
|
|
|
7039
7059
|
"text": [1],
|
|
7040
7060
|
"tooltip": [32]
|
|
7041
7061
|
},
|
|
7042
|
-
"$listeners$": [[0, "blur", "onBlur"], [0, "focus", "onFocus"], [0, "click", "onClick"]],
|
|
7062
|
+
"$listeners$": [[0, "blur", "onBlur"], [0, "focus", "onFocus"], [0, "click", "onClick"], [1, "pointerleave", "onPointerleave"]],
|
|
7043
7063
|
"$lazyBundleId$": "-",
|
|
7044
|
-
"$attrsToReflect$": []
|
|
7064
|
+
"$attrsToReflect$": [["disabled", "disabled"]]
|
|
7045
7065
|
}; }
|
|
7046
7066
|
}
|
|
7047
|
-
_ActionItem_ro = new WeakMap(),
|
|
7067
|
+
_ActionItem_ro = new WeakMap(), _ActionItem_span = new WeakMap(), _ActionItem_tooltipElement = new WeakMap(), _ActionItem_spanRef = new WeakMap(), _ActionItem_tooltipRef = new WeakMap(), _ActionItem_instances = new WeakSet(), _ActionItem_computedSize_get = function _ActionItem_computedSize_get() {
|
|
7048
7068
|
switch (this.size) {
|
|
7049
7069
|
case 'standard':
|
|
7050
7070
|
case 'small':
|
|
@@ -7070,7 +7090,7 @@ _ActionItem_ro = new WeakMap(), _ActionItem_actionItem = new WeakMap(), _ActionI
|
|
|
7070
7090
|
return this.disabled;
|
|
7071
7091
|
};
|
|
7072
7092
|
|
|
7073
|
-
const avatarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-avatar,.qds-label-container{display:inline-flex;justify-content:center;position:relative}.qds-avatar-vertical,.qds-label-container{flex-direction:column}.qds-avatar-vertical
|
|
7093
|
+
const avatarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-avatar,.qds-label-container{display:inline-flex;justify-content:center;position:relative}.qds-avatar-vertical,.qds-label-container{flex-direction:column}.qds-avatar-vertical{align-items:center}.qds-avatar-vertical .qds-label-container{text-align:center}.qds-avatar-media-wrapper{flex-shrink:0;position:relative}.qds-label{color:var(--qds-theme-title)}.qds-kicker{color:var(--qds-theme-kicker)}.qds-indicator{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}.qds-avatar[data-size=large]{gap:var(--qds-list-item-large-gap-internal)}[data-size=large] .qds-avatar-media{height:var(--qds-display-avatar-large-size);width:var(--qds-display-avatar-large-size)}[data-size=large] .qds-label-container{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-label{font:var(--qds-list-item-large-title)}[data-size=large] .qds-kicker{font:var(--qds-list-item-large-kicker)}.qds-avatar[data-size=standard]{gap:var(--qds-list-item-standard-gap-internal)}[data-size=standard] .qds-avatar-media{height:var(--qds-display-avatar-standard-size);width:var(--qds-display-avatar-standard-size)}[data-size=standard] .qds-label-container{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-label{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-kicker{font:var(--qds-list-item-standard-kicker)}.qds-avatar[data-size=small]{gap:var(--qds-list-item-small-gap-internal)}[data-size=small] .qds-avatar-media{height:var(--qds-display-avatar-small-size);width:var(--qds-display-avatar-small-size)}[data-size=small] .qds-label-container{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-label{font:var(--qds-list-item-small-title)}[data-size=small] .qds-kicker{font:var(--qds-list-item-small-kicker)}";
|
|
7074
7094
|
|
|
7075
7095
|
// SPDX-FileCopyrightText: © 2026 Schneider Electric
|
|
7076
7096
|
//
|
|
@@ -7691,6 +7711,8 @@ class Button {
|
|
|
7691
7711
|
event.stopImmediatePropagation();
|
|
7692
7712
|
return;
|
|
7693
7713
|
}
|
|
7714
|
+
if (__classPrivateFieldGet$t(this, _Button_button, "f") instanceof HTMLAnchorElement)
|
|
7715
|
+
__classPrivateFieldGet$t(this, _Button_button, "f").click();
|
|
7694
7716
|
if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get) === 'button' || !this.internals.form)
|
|
7695
7717
|
return;
|
|
7696
7718
|
if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get) === 'reset') {
|
|
@@ -7713,7 +7735,7 @@ class Button {
|
|
|
7713
7735
|
}
|
|
7714
7736
|
}
|
|
7715
7737
|
onKeyup(event) {
|
|
7716
|
-
if (event.key === ' ')
|
|
7738
|
+
if (event.key === ' ' && !(__classPrivateFieldGet$t(this, _Button_button, "f") instanceof HTMLAnchorElement))
|
|
7717
7739
|
this.host.click();
|
|
7718
7740
|
}
|
|
7719
7741
|
actionChanged() {
|
|
@@ -7795,21 +7817,21 @@ class Button {
|
|
|
7795
7817
|
}
|
|
7796
7818
|
render() {
|
|
7797
7819
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
7798
|
-
return (hAsync("div", { key: '
|
|
7820
|
+
return (hAsync("div", { key: '9d6105e917cd6f56940e57bbc1a887012236b412', 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: 'c75229b0603aa562ee9c54c74701ac7c8fa1679f', class: {
|
|
7799
7821
|
'qds-button': true,
|
|
7800
7822
|
'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
|
|
7801
7823
|
/* DEPRECATED: will be removed by september 2026 */
|
|
7802
7824
|
'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
7803
|
-
}, "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: '
|
|
7825
|
+
}, "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: '95bc587c136ea8ec2cd17aab3294677cb018d5f1', 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) && (
|
|
7804
7826
|
/* DEPRECATED: will be removed by september 2026 */
|
|
7805
|
-
hAsync("span", { key: '
|
|
7827
|
+
hAsync("span", { key: '715cd57557a2f651f6779dc40d1dd30f84646707', class: "qds-overflow", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet$t(this, _Button_spanRef, "f") }, this.text)), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: 'c798711734b520aef7898e05bf812367e6ac9fc6', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: '3535e3a5ab8278e5f314fb38f7d376eef6294d2e', class: {
|
|
7806
7828
|
/* DEPRECATED: will be removed by september 2026 */
|
|
7807
7829
|
'qds-indicator': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
7808
|
-
}, 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: '
|
|
7830
|
+
}, 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: 'ff6a13827be83fb15a8d401784534e2c09efc2e4', 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: 'a67b763f688efbe98dd13ec7cffc5a4a1c0efcd2', class: {
|
|
7809
7831
|
'qds-focus-ring': true,
|
|
7810
7832
|
/* DEPRECATED: will be removed by september 2026 */
|
|
7811
7833
|
'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
7812
|
-
}, "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: '
|
|
7834
|
+
}, "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: 'cbff06c60fca024f700dfd30f191cb974462e063', ref: __classPrivateFieldGet$t(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
|
|
7813
7835
|
}
|
|
7814
7836
|
static get formAssociated() { return true; }
|
|
7815
7837
|
get host() { return getElement(this); }
|
|
@@ -7934,7 +7956,7 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
|
|
|
7934
7956
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
7935
7957
|
};
|
|
7936
7958
|
|
|
7937
|
-
const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0;outline:none}.qds-checkbox,.qds-icon{grid-area:
|
|
7959
|
+
const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0;outline:none}.qds-checkbox,.qds-icon{grid-area:j;place-self:center}.qds-icon{color:var(--qds-theme-control-text-standard-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"j\"}.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-default);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-default-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)}";
|
|
7938
7960
|
|
|
7939
7961
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7940
7962
|
//
|
|
@@ -10497,8 +10519,13 @@ var __classPrivateFieldGet$o = (undefined && undefined.__classPrivateFieldGet) |
|
|
|
10497
10519
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
10498
10520
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
10499
10521
|
};
|
|
10500
|
-
var _Dropdown_instances, _Dropdown_cleanup, _Dropdown_Items, _Dropdown_gap, _Dropdown_middleware, _Dropdown_referenceElement, _Dropdown_open, _Dropdown_opened, _Dropdown_onFocusout, _Dropdown_focusOnTrigger, _Dropdown_onKeydown, _Dropdown_onReferenceClick, _Dropdown_focusFirstItem, _Dropdown_initializeFirstItem, _Dropdown_setFirstItemTabindex, _Dropdown_findFirstFocusableDescendant, _Dropdown_focusWithin, _Dropdown_disconnectReferenceElement, _Dropdown_boundOnFocusout, _Dropdown_boundOnKeydown, _Dropdown_boundOnReferenceClick, _Dropdown_onSlotchange;
|
|
10522
|
+
var _Dropdown_instances, _Dropdown_cleanup, _Dropdown_Items, _Dropdown_instanceId, _Dropdown_gap, _Dropdown_middleware, _Dropdown_referenceElement, _Dropdown_open, _Dropdown_opened, _Dropdown_onFocusout, _Dropdown_focusOnTrigger, _Dropdown_onKeydown, _Dropdown_onReferenceClick, _Dropdown_focusFirstItem, _Dropdown_initializeFirstItem, _Dropdown_setFirstItemTabindex, _Dropdown_findFirstFocusableDescendant, _Dropdown_focusWithin, _Dropdown_disconnectReferenceElement, _Dropdown_boundOnFocusout, _Dropdown_boundOnKeydown, _Dropdown_boundOnReferenceClick, _Dropdown_onSlotchange, _Dropdown_isReferenceOrDescendant;
|
|
10501
10523
|
let autoIncrementingId$3 = 1;
|
|
10524
|
+
const getDropdownInstanceId = () => {
|
|
10525
|
+
const instanceId = autoIncrementingId$3;
|
|
10526
|
+
autoIncrementingId$3 += 1;
|
|
10527
|
+
return instanceId;
|
|
10528
|
+
};
|
|
10502
10529
|
const isQdsButton = (element) => element.tagName.toLowerCase() === 'qds-button';
|
|
10503
10530
|
const ALLOWED_TAGS = new Set([
|
|
10504
10531
|
'qds-action-item',
|
|
@@ -10555,6 +10582,7 @@ class Dropdown {
|
|
|
10555
10582
|
this.keepOpenOnSelect = false;
|
|
10556
10583
|
_Dropdown_cleanup.set(this, void 0);
|
|
10557
10584
|
_Dropdown_Items.set(this, []);
|
|
10585
|
+
_Dropdown_instanceId.set(this, getDropdownInstanceId());
|
|
10558
10586
|
_Dropdown_gap.set(this, 0);
|
|
10559
10587
|
_Dropdown_middleware.set(this, void 0);
|
|
10560
10588
|
_Dropdown_referenceElement.set(this, void 0);
|
|
@@ -10582,20 +10610,15 @@ class Dropdown {
|
|
|
10582
10610
|
const dropdownItem = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").find((item) => item === relatedTarget);
|
|
10583
10611
|
if (relatedTarget instanceof globalThis.Element &&
|
|
10584
10612
|
!this.host.contains(relatedTarget) &&
|
|
10585
|
-
!dropdownItem
|
|
10613
|
+
!dropdownItem &&
|
|
10614
|
+
!__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_isReferenceOrDescendant).call(this, relatedTarget))
|
|
10586
10615
|
await this.close();
|
|
10587
10616
|
});
|
|
10588
10617
|
_Dropdown_onKeydown.set(this, async (event) => {
|
|
10589
10618
|
if (!(event instanceof KeyboardEvent))
|
|
10590
10619
|
return;
|
|
10591
10620
|
const { key, target } = event;
|
|
10592
|
-
const
|
|
10593
|
-
const keydownOnReference = target === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") ||
|
|
10594
|
-
(targetRootNode instanceof globalThis.ShadowRoot &&
|
|
10595
|
-
targetRootNode.host === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")) ||
|
|
10596
|
-
(target instanceof globalThis.Element &&
|
|
10597
|
-
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
|
|
10598
|
-
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").contains(target));
|
|
10621
|
+
const keydownOnReference = __classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_isReferenceOrDescendant).call(this, target);
|
|
10599
10622
|
if (key === 'Enter' && !this.keepOpenOnSelect && isEnabledItem(target)) {
|
|
10600
10623
|
// Keep parent open when Enter is used on an item with a nested submenu.
|
|
10601
10624
|
if (target instanceof HTMLElement &&
|
|
@@ -10781,7 +10804,7 @@ class Dropdown {
|
|
|
10781
10804
|
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('focusout', __classPrivateFieldGet$o(this, _Dropdown_boundOnFocusout, "f"));
|
|
10782
10805
|
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
|
|
10783
10806
|
if (this.internals.role === 'menu') {
|
|
10784
|
-
(_a = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${
|
|
10807
|
+
(_a = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${__classPrivateFieldGet$o(this, _Dropdown_instanceId, "f")}`);
|
|
10785
10808
|
this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").id);
|
|
10786
10809
|
}
|
|
10787
10810
|
}
|
|
@@ -10831,15 +10854,14 @@ class Dropdown {
|
|
|
10831
10854
|
this.host.hidden = true;
|
|
10832
10855
|
this.host.popover = 'manual';
|
|
10833
10856
|
this.internals.role = 'menu';
|
|
10834
|
-
(_a = this.host).id || (_a.id = `qds-dropdown-${
|
|
10857
|
+
(_a = this.host).id || (_a.id = `qds-dropdown-${__classPrivateFieldGet$o(this, _Dropdown_instanceId, "f")}`);
|
|
10835
10858
|
await this.updateReferenceElement();
|
|
10836
|
-
autoIncrementingId$3 += 1;
|
|
10837
10859
|
}
|
|
10838
10860
|
disconnectedCallback() {
|
|
10839
10861
|
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
|
|
10840
10862
|
}
|
|
10841
10863
|
render() {
|
|
10842
|
-
return (hAsync(Host, { key: '
|
|
10864
|
+
return (hAsync(Host, { key: '09855258aee08fb275151fd43d6bc88cdfd9444b', onKeyDown: __classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: 'ed9fbc08022595ed716943a705d82a080661d37e', onSlotchange: __classPrivateFieldGet$o(this, _Dropdown_onSlotchange, "f") })));
|
|
10843
10865
|
}
|
|
10844
10866
|
static get delegatesFocus() { return true; }
|
|
10845
10867
|
get host() { return getElement(this); }
|
|
@@ -10881,12 +10903,14 @@ class Dropdown {
|
|
|
10881
10903
|
"$attrsToReflect$": []
|
|
10882
10904
|
}; }
|
|
10883
10905
|
}
|
|
10884
|
-
_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() {
|
|
10906
|
+
_Dropdown_cleanup = new WeakMap(), _Dropdown_Items = new WeakMap(), _Dropdown_instanceId = 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() {
|
|
10885
10907
|
if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement) &&
|
|
10886
10908
|
!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement))
|
|
10887
10909
|
return;
|
|
10888
10910
|
const root = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").getRootNode();
|
|
10889
|
-
const
|
|
10911
|
+
const isCustomElement = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement &&
|
|
10912
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").tagName.includes('-');
|
|
10913
|
+
const target = root instanceof globalThis.ShadowRoot && !isCustomElement
|
|
10890
10914
|
? root.host
|
|
10891
10915
|
: __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f");
|
|
10892
10916
|
target.focus();
|
|
@@ -10947,6 +10971,21 @@ _Dropdown_cleanup = new WeakMap(), _Dropdown_Items = new WeakMap(), _Dropdown_ga
|
|
|
10947
10971
|
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
|
|
10948
10972
|
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-expanded');
|
|
10949
10973
|
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
|
|
10974
|
+
}, _Dropdown_isReferenceOrDescendant = function _Dropdown_isReferenceOrDescendant(target) {
|
|
10975
|
+
if (target === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"))
|
|
10976
|
+
return true;
|
|
10977
|
+
if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
|
|
10978
|
+
return false;
|
|
10979
|
+
if (target instanceof globalThis.Element &&
|
|
10980
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").contains(target))
|
|
10981
|
+
return true;
|
|
10982
|
+
if (target instanceof globalThis.Node) {
|
|
10983
|
+
const rootNode = target.getRootNode();
|
|
10984
|
+
if (rootNode instanceof globalThis.ShadowRoot &&
|
|
10985
|
+
rootNode.host === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"))
|
|
10986
|
+
return true;
|
|
10987
|
+
}
|
|
10988
|
+
return false;
|
|
10950
10989
|
};
|
|
10951
10990
|
|
|
10952
10991
|
const formMessageCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-form-message{color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap)}.qds-form-message.qds-inline{align-items:flex-start}.qds-icon-background,.qds-icon-container{align-items:center;display:flex}.qds-icon-background{background-color:var(--qds-theme-feedback-action-destructive-contrast);border-radius:var(--qds-control-rounded-border-radius)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-size=small]{font:var(--qds-form-small-text)}.qds-icon-container[data-size=small]{height:var(--qds-control-small-icon-crop-height)}.qds-icon[data-size=small]{height:var(--qds-form-small-icon-size);width:var(--qds-form-small-icon-size)}.qds-inline[data-size=small]{min-height:var(--qds-form-input-small-height);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-form-standard-text)}.qds-icon-container[data-size=standard]{height:var(--qds-control-standard-icon-crop-height)}.qds-icon[data-size=standard]{height:var(--qds-form-standard-icon-size);width:var(--qds-form-standard-icon-size)}.qds-inline[data-size=standard]{min-height:var(--qds-form-input-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-form-large-text)}.qds-icon-container[data-size=large]{height:var(--qds-control-large-icon-crop-height)}.qds-icon[data-size=large]{height:var(--qds-form-large-icon-size);width:var(--qds-form-large-icon-size)}.qds-inline[data-size=large]{min-height:var(--qds-form-input-large-height);padding-block:var(--qds-control-large-padding-auto-height)}.qds-icon[data-status=error],.qds-text[data-status=error]{color:var(--qds-theme-feedback-result-failure)}[data-status=info].qds-icon{color:var(--qds-theme-feedback-message-informational)}.qds-icon[data-status=success],.qds-text[data-status=success]{color:var(--qds-theme-feedback-result-success)}[data-status=warning].qds-icon{color:var(--qds-theme-feedback-result-partial-success)}[data-status=neutral]{color:var(--qds-theme-text-subdued)}";
|
|
@@ -11276,7 +11315,7 @@ class Icon {
|
|
|
11276
11315
|
}; }
|
|
11277
11316
|
}
|
|
11278
11317
|
|
|
11279
|
-
const iconButtonCss = ":host{display:block;outline:none}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:
|
|
11318
|
+
const iconButtonCss = ":host{display:block;outline:none}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:a;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-control-border-width)\n ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-container{display:grid;grid-template-areas:\"a\"}.qds-icon-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;color:var(--qds-theme-control-text-standard);cursor:pointer;display:flex;grid-area:a;justify-content:center;line-height:normal;min-width:0;outline:none;padding-inline:0;position:relative;-webkit-user-select:none;user-select:none}.qds-icon-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-icon-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0}.qds-indicator{transform:translate(50%,-50%)}.qds-counter,.qds-indicator{position:absolute}[data-size=small]{min-height:var(--qds-control-small-height);width:var(--qds-control-small-height)}.qds-icon[data-size=small]{min-height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-small-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-small-badge-indicator-padding-end\n )}[data-size=small] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-small-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-small-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=standard]{min-height:var(--qds-control-standard-height);width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{min-height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-standard-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-standard-badge-indicator-padding-end\n )}[data-size=standard] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-standard-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-standard-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=large]{min-height:var(--qds-control-large-height);width:var(--qds-control-large-height)}.qds-icon[data-size=large]{min-height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-large-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-large-badge-indicator-padding-end\n )}[data-size=large] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-large-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-large-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=hero]{border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n );min-height:var(--qds-control-hero-height);width:var(--qds-control-hero-height)}.qds-icon[data-size=hero]{min-height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}[data-size=hero] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-hero-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-hero-badge-indicator-padding-end\n )}[data-size=hero] .qds-counter{inset-block-start:var(\n --qds-control-icon-button-hero-badge-counter-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-hero-badge-counter-padding-end\n )}[data-importance=subdued]{color:var(--qds-theme-control-text-standard)}[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{border:var(--qds-control-border-width) solid var(--qds-theme-control-border-default);color:var(--qds-theme-control-text-standard)}[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{border:none;color:var(--qds-theme-feedback-action-destructive-default)}[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}";
|
|
11280
11319
|
|
|
11281
11320
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
11282
11321
|
//
|
|
@@ -11402,6 +11441,8 @@ class IconButton {
|
|
|
11402
11441
|
onClick(event) {
|
|
11403
11442
|
if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
|
|
11404
11443
|
event.stopImmediatePropagation();
|
|
11444
|
+
if (__classPrivateFieldGet$m(this, _IconButton_button, "f") instanceof HTMLAnchorElement)
|
|
11445
|
+
__classPrivateFieldGet$m(this, _IconButton_button, "f").click();
|
|
11405
11446
|
}
|
|
11406
11447
|
async onBlur(event) {
|
|
11407
11448
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
@@ -11425,7 +11466,7 @@ class IconButton {
|
|
|
11425
11466
|
}
|
|
11426
11467
|
}
|
|
11427
11468
|
onKeyup(event) {
|
|
11428
|
-
if (event.key === ' ')
|
|
11469
|
+
if (event.key === ' ' && !(__classPrivateFieldGet$m(this, _IconButton_button, "f") instanceof HTMLAnchorElement))
|
|
11429
11470
|
this.host.click();
|
|
11430
11471
|
}
|
|
11431
11472
|
componentWillLoad() {
|
|
@@ -11441,10 +11482,10 @@ class IconButton {
|
|
|
11441
11482
|
}
|
|
11442
11483
|
render() {
|
|
11443
11484
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
11444
|
-
return (hAsync("div", { key: '
|
|
11485
|
+
return (hAsync("div", { key: '5b2b2904af0da26156fc4a5ca69ab00fb7e576ea', class: "qds-container", "aria-hidden": "true" }, hAsync(Tag, { key: '513f85f1d4da49272208c1634bcacd768ebf6754', type: Tag === 'a' ? undefined : 'button', class: {
|
|
11445
11486
|
'qds-icon-button': true,
|
|
11446
11487
|
'qds-disabled': __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get),
|
|
11447
|
-
}, href: Tag === 'a' ? this.href : undefined, target: Tag === 'a' ? this.target : undefined, rel: Tag === 'a' ? this.rel : undefined, ref: __classPrivateFieldGet$m(this, _IconButton_ref, "f"), disabled: Tag === 'a' ? undefined : __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get), download: Tag === 'a' ? this.download : undefined, "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), "data-importance": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedImportance_get), onKeyDown: preventDefault$1, onKeyUp: preventDefault$1, onKeyPress: preventDefault$1, tabIndex: -1 }, hAsync("qds-icon", { key: '
|
|
11488
|
+
}, href: Tag === 'a' ? this.href : undefined, target: Tag === 'a' ? this.target : undefined, rel: Tag === 'a' ? this.rel : undefined, ref: __classPrivateFieldGet$m(this, _IconButton_ref, "f"), disabled: Tag === 'a' ? undefined : __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get), download: Tag === 'a' ? this.download : undefined, "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), "data-importance": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedImportance_get), onKeyDown: preventDefault$1, onKeyUp: preventDefault$1, onKeyPress: preventDefault$1, tabIndex: -1 }, hAsync("qds-icon", { key: 'a6fb4d01d0536b4388e5486431d0e3e381f6702e', class: "qds-icon", "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), library: this.iconLibrary, name: this.iconName }), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: '5249e2a58cb7c97d6551224e0e74a3116050b997', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: '42746b22e35fec91b6816acd93ff176e4955f9a4', class: "qds-counter", description: this.badgeDescription, importance: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedImportance_get), size: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true, value: this.badge }))), hAsync("div", { key: '69c34b6a1b3cfc89c3dbc33119b1678a6d6d3bdc', class: "qds-focus-ring", "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get) }), __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_hasText_get) && (hAsync("qds-tooltip", { key: '2d0e635b0f1f635abf3f2d6df47ff15763310743', ref: __classPrivateFieldGet$m(this, _IconButton_tooltipRef, "f") }, this.text))));
|
|
11448
11489
|
}
|
|
11449
11490
|
static get formAssociated() { return true; }
|
|
11450
11491
|
get host() { return getElement(this); }
|
|
@@ -11864,6 +11905,8 @@ class InlineLink {
|
|
|
11864
11905
|
onClick(event) {
|
|
11865
11906
|
if (this.disabled)
|
|
11866
11907
|
event.stopImmediatePropagation();
|
|
11908
|
+
invariant(__classPrivateFieldGet$k(this, _InlineLink_link, "f"));
|
|
11909
|
+
__classPrivateFieldGet$k(this, _InlineLink_link, "f").click();
|
|
11867
11910
|
}
|
|
11868
11911
|
onKeydown(event) {
|
|
11869
11912
|
invariant(__classPrivateFieldGet$k(this, _InlineLink_link, "f"));
|
|
@@ -11904,10 +11947,10 @@ class InlineLink {
|
|
|
11904
11947
|
__classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
|
|
11905
11948
|
}
|
|
11906
11949
|
render() {
|
|
11907
|
-
return (hAsync("a", { key: '
|
|
11950
|
+
return (hAsync("a", { key: 'eb9ecbdb51f5e0efbcb222db48d86d441e985997', "aria-hidden": "true", class: {
|
|
11908
11951
|
'qds-inline-link': true,
|
|
11909
11952
|
'qds-disabled': this.disabled,
|
|
11910
|
-
}, "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: '
|
|
11953
|
+
}, "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: 'cdabcabf6756f1bf3d94dbd4a43374fbec373af5', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '12f71997301c6519d9d64b751e93d752d2d76986' }, hAsync("slot", { key: '9fe5d4ca71fa4fd5c9a33e1c0609fa54c0b868e7', onSlotchange: __classPrivateFieldGet$k(this, _InlineLink_onSlotchange, "f") })), this.linkIcon && (hAsync("qds-icon", { key: 'ccd889e22420b10336ba29cae3d788eb64383c9c', class: "qds-icon", library: "core", name: this.linkIcon }))));
|
|
11911
11954
|
}
|
|
11912
11955
|
get host() { return getElement(this); }
|
|
11913
11956
|
static get watchers() { return {
|
|
@@ -11952,7 +11995,7 @@ _InlineLink_savedTabIndex = new WeakMap(), _InlineLink_link = new WeakMap(), _In
|
|
|
11952
11995
|
return this.target === '_blank';
|
|
11953
11996
|
};
|
|
11954
11997
|
|
|
11955
|
-
const inputCss = ":host([hidden]){display:none!important}:host{display:inline-block}@-moz-document url-prefix(){[type=date]~.qds-icon-container,[type=datetime-local]~.qds-icon-container,[type=month]~.qds-icon-container,[type=time]~.qds-icon-container,[type=week]~.qds-icon-container{display:none}}input[type=password]::-ms-reveal{display:none}.qds-container,.qds-input{letter-spacing:inherit;max-width:inherit;width:inherit;word-spacing:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"a\"}.qds-icon-container,.qds-input{grid-area:a}.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:a;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}[data-size=large]{font:var(--qds-form-large-text);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-password-padding[data-size=large],[data-size=large][type=date],[data-size=large][type=datetime-local],[data-size=large][type=month],[data-size=large][type=time],[data-size=large][type=week]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}[data-size=large]~.qds-icon-container{padding-inline-end:var(--qds-form-input-large-padding-end)}[data-size=large][type=number]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]{padding-block:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]::file-selector-button{font:var(--qds-form-large-text);margin-inline-end:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}[data-size=large][type=search]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-gap-internal))}[data-size=large][type=search]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-custom-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}.qds-dual-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-gap-internal))}.qds-dual-icon-padding[data-size=large]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}}}[data-size=standard]{font:var(--qds-form-standard-text);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-password-padding[data-size=standard],[data-size=standard][type=date],[data-size=standard][type=datetime-local],[data-size=standard][type=month],[data-size=standard][type=time],[data-size=standard][type=week]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}[data-size=standard]~.qds-icon-container{padding-inline-end:var(--qds-form-input-standard-padding-end)}[data-size=standard][type=number]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]{padding-block:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]::file-selector-button{font:var(--qds-form-standard-text);margin-inline-end:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}[data-size=standard][type=search]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-gap-internal))}[data-size=standard][type=search]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-custom-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}.qds-dual-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-gap-internal))}.qds-dual-icon-padding[data-size=standard]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}}}[data-size=small]{font:var(--qds-form-small-text);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-password-padding[data-size=small],[data-size=small][type=date],[data-size=small][type=datetime-local],[data-size=small][type=month],[data-size=small][type=time],[data-size=small][type=week]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}[data-size=small]~.qds-icon-container{padding-inline-end:var(--qds-form-input-small-padding-end)}[data-size=small][type=number]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]{padding-block:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]::file-selector-button{font:var(--qds-form-small-text);margin-inline-end:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}[data-size=small][type=search]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-gap-internal))}[data-size=small][type=search]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-custom-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}.qds-dual-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-gap-internal))}.qds-dual-icon-padding[data-size=small]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}}}.qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);box-sizing:border-box;color:var(--qds-theme-form-input-text-active);grid-area:a;padding-block:0}.qds-input.qds-hide~.qds-icon-container{display:none}.qds-input:disabled,.qds-input:disabled~.qds-icon-container{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-input:focus-visible{outline:none}.qds-input:focus-visible~.qds-focus-ring{visibility:visible}.qds-input:read-only{background-color:var(--qds-theme-form-input-background-read-only);border-color:var(--qds-theme-form-input-border-disabled)}.qds-input::placeholder{color:var(--qds-theme-form-input-text-placeholder)}.qds-input:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-input:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{display:none}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-form-input-text-active)}.qds-input[type=file]::file-selector-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=file]::file-selector-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-form-input-standard-padding-end);padding-inline:var(--qds-form-input-standard-padding-end)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=color]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-standard-padding-end))}.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-search-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-large-padding-end))}.qds-input[data-size=large][type=file]{height:auto}.qds-input.qds-search-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-small-padding-end))}.qds-input[data-size=small][type=file]{height:auto}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}.qds-input[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-input[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-input[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-input:not(:focus):user-invalid,.qds-input[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-icon-container{align-items:center;display:flex;justify-content:center;justify-self:end}";
|
|
11998
|
+
const inputCss = ":host([hidden]){display:none!important}:host{display:inline-block}@-moz-document url-prefix(){[type=date]~.qds-icon-container,[type=datetime-local]~.qds-icon-container,[type=month]~.qds-icon-container,[type=time]~.qds-icon-container,[type=week]~.qds-icon-container{display:none}}input[type=password]::-ms-reveal{display:none}.qds-container,.qds-input{letter-spacing:inherit;max-width:inherit;width:inherit;word-spacing:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"b\"}.qds-icon-container,.qds-input{grid-area:b}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:b;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}[data-size=large]{font:var(--qds-form-large-text);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-password-padding[data-size=large],[data-size=large][type=date],[data-size=large][type=datetime-local],[data-size=large][type=month],[data-size=large][type=time],[data-size=large][type=week]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}[data-size=large]~.qds-icon-container{padding-inline-end:var(--qds-form-input-large-padding-end)}[data-size=large][type=number]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]{padding-block:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]::file-selector-button{font:var(--qds-form-large-text);margin-inline-end:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}[data-size=large][type=search]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-gap-internal))}[data-size=large][type=search]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-custom-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}.qds-dual-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-gap-internal))}.qds-dual-icon-padding[data-size=large]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}}}[data-size=standard]{font:var(--qds-form-standard-text);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-password-padding[data-size=standard],[data-size=standard][type=date],[data-size=standard][type=datetime-local],[data-size=standard][type=month],[data-size=standard][type=time],[data-size=standard][type=week]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}[data-size=standard]~.qds-icon-container{padding-inline-end:var(--qds-form-input-standard-padding-end)}[data-size=standard][type=number]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]{padding-block:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]::file-selector-button{font:var(--qds-form-standard-text);margin-inline-end:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}[data-size=standard][type=search]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-gap-internal))}[data-size=standard][type=search]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-custom-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}.qds-dual-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-gap-internal))}.qds-dual-icon-padding[data-size=standard]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}}}[data-size=small]{font:var(--qds-form-small-text);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-password-padding[data-size=small],[data-size=small][type=date],[data-size=small][type=datetime-local],[data-size=small][type=month],[data-size=small][type=time],[data-size=small][type=week]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}[data-size=small]~.qds-icon-container{padding-inline-end:var(--qds-form-input-small-padding-end)}[data-size=small][type=number]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]{padding-block:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]::file-selector-button{font:var(--qds-form-small-text);margin-inline-end:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}[data-size=small][type=search]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-gap-internal))}[data-size=small][type=search]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-custom-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}.qds-dual-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-gap-internal))}.qds-dual-icon-padding[data-size=small]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}}}.qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);box-sizing:border-box;color:var(--qds-theme-form-input-text-active);grid-area:b;padding-block:0}.qds-input.qds-hide~.qds-icon-container{display:none}.qds-input:disabled,.qds-input:disabled~.qds-icon-container{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-input:focus-visible{outline:none}.qds-input:focus-visible~.qds-focus-ring{visibility:visible}.qds-input:read-only{background-color:var(--qds-theme-form-input-background-read-only);border-color:var(--qds-theme-form-input-border-disabled)}.qds-input::placeholder{color:var(--qds-theme-form-input-text-placeholder)}.qds-input:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-input:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{display:none}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-form-input-text-active)}.qds-input[type=file]::file-selector-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=file]::file-selector-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-form-input-standard-padding-end);padding-inline:var(--qds-form-input-standard-padding-end)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=color]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-standard-padding-end))}.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-search-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-large-padding-end))}.qds-input[data-size=large][type=file]{height:auto}.qds-input.qds-search-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-small-padding-end))}.qds-input[data-size=small][type=file]{height:auto}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}.qds-input[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-input[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-input[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-input:not(:focus):user-invalid,.qds-input[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-icon-container{align-items:center;display:flex;justify-content:center;justify-self:end}";
|
|
11956
11999
|
|
|
11957
12000
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
11958
12001
|
//
|
|
@@ -12666,7 +12709,7 @@ var __classPrivateFieldSet$d = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
12666
12709
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
12667
12710
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
12668
12711
|
};
|
|
12669
|
-
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;
|
|
12712
|
+
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, _ListItem_buildFullAriaLabel, _ListItem_updateRole, _ListItem_updateAriaLabel;
|
|
12670
12713
|
const stopImmediatePropagation = (event) => {
|
|
12671
12714
|
event.stopImmediatePropagation();
|
|
12672
12715
|
};
|
|
@@ -12769,6 +12812,37 @@ class ListItem {
|
|
|
12769
12812
|
_ListItem_radioRef.set(this, (radio) => {
|
|
12770
12813
|
__classPrivateFieldSet$d(this, _ListItem_radio, radio, "f");
|
|
12771
12814
|
});
|
|
12815
|
+
_ListItem_buildFullAriaLabel.set(this, () => {
|
|
12816
|
+
const subtitle = this.subtitle === undefined || this.subtitle === ''
|
|
12817
|
+
? ''
|
|
12818
|
+
: ` ${this.subtitle}`;
|
|
12819
|
+
const kicker = this.kicker === undefined || this.kicker === '' ? '' : ` ${this.kicker}`;
|
|
12820
|
+
const badgeValue = this.badge !== undefined && this.badge !== ''
|
|
12821
|
+
? computeBadgeValue(undefined, this.badge, this.badgeDescription)
|
|
12822
|
+
: undefined;
|
|
12823
|
+
const badge = badgeValue === undefined ? '' : ` ${badgeValue}`;
|
|
12824
|
+
return `${this.text} ${subtitle} ${kicker} ${badge}`.trim();
|
|
12825
|
+
});
|
|
12826
|
+
_ListItem_updateRole.set(this, () => {
|
|
12827
|
+
switch (__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get)) {
|
|
12828
|
+
case 'select': {
|
|
12829
|
+
this.internals.role = 'none';
|
|
12830
|
+
break;
|
|
12831
|
+
}
|
|
12832
|
+
default: {
|
|
12833
|
+
this.internals.role = 'listitem';
|
|
12834
|
+
break;
|
|
12835
|
+
}
|
|
12836
|
+
}
|
|
12837
|
+
});
|
|
12838
|
+
_ListItem_updateAriaLabel.set(this, () => {
|
|
12839
|
+
this.internals.ariaLabel =
|
|
12840
|
+
__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' ||
|
|
12841
|
+
__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' ||
|
|
12842
|
+
__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select'
|
|
12843
|
+
? ''
|
|
12844
|
+
: __classPrivateFieldGet$h(this, _ListItem_buildFullAriaLabel, "f").call(this);
|
|
12845
|
+
});
|
|
12772
12846
|
}
|
|
12773
12847
|
onClick(event) {
|
|
12774
12848
|
if (this.disabled || this.hasSubmenuSlot) {
|
|
@@ -12811,13 +12885,16 @@ class ListItem {
|
|
|
12811
12885
|
this.internals.ariaDisabled = this.disabled.toString();
|
|
12812
12886
|
}
|
|
12813
12887
|
listActionChanged(newValue) {
|
|
12888
|
+
__classPrivateFieldGet$h(this, _ListItem_updateRole, "f").call(this);
|
|
12814
12889
|
this.internals.ariaChecked =
|
|
12815
12890
|
(newValue === 'radio' || newValue === 'multiselect') &&
|
|
12816
12891
|
__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get)
|
|
12817
12892
|
? 'true'
|
|
12818
12893
|
: 'false';
|
|
12894
|
+
__classPrivateFieldGet$h(this, _ListItem_updateAriaLabel, "f").call(this);
|
|
12819
12895
|
}
|
|
12820
12896
|
textChanged() {
|
|
12897
|
+
__classPrivateFieldGet$h(this, _ListItem_updateAriaLabel, "f").call(this);
|
|
12821
12898
|
if (__classPrivateFieldGet$h(this, _ListItem_roText, "f"))
|
|
12822
12899
|
__classPrivateFieldGet$h(this, _ListItem_roText, "f").disconnect();
|
|
12823
12900
|
if (!__classPrivateFieldGet$h(this, _ListItem_text, "f") || !this.text)
|
|
@@ -12833,6 +12910,7 @@ class ListItem {
|
|
|
12833
12910
|
__classPrivateFieldGet$h(this, _ListItem_roText, "f").observe(__classPrivateFieldGet$h(this, _ListItem_text, "f"));
|
|
12834
12911
|
}
|
|
12835
12912
|
subtitleChanged() {
|
|
12913
|
+
__classPrivateFieldGet$h(this, _ListItem_updateAriaLabel, "f").call(this);
|
|
12836
12914
|
if (__classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f"))
|
|
12837
12915
|
__classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f").disconnect();
|
|
12838
12916
|
if (!__classPrivateFieldGet$h(this, _ListItem_subtitle, "f") || this.subtitle === undefined || this.subtitle === '')
|
|
@@ -12847,23 +12925,13 @@ class ListItem {
|
|
|
12847
12925
|
}), "f");
|
|
12848
12926
|
__classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f").observe(__classPrivateFieldGet$h(this, _ListItem_subtitle, "f"));
|
|
12849
12927
|
}
|
|
12928
|
+
badgeOrKickerChanged() {
|
|
12929
|
+
__classPrivateFieldGet$h(this, _ListItem_updateAriaLabel, "f").call(this);
|
|
12930
|
+
}
|
|
12850
12931
|
componentWillLoad() {
|
|
12851
12932
|
this.hasSubmenuSlot = this.host.hasChildNodes();
|
|
12852
|
-
|
|
12853
|
-
|
|
12854
|
-
: ` ${this.subtitle}`;
|
|
12855
|
-
const kicker = this.kicker === undefined || this.kicker === '' ? '' : ` ${this.kicker}`;
|
|
12856
|
-
this.internals.ariaLabel = `${this.text} ${subtitle} ${kicker}`.trim();
|
|
12857
|
-
switch (this.listAction) {
|
|
12858
|
-
case 'select': {
|
|
12859
|
-
this.internals.role = 'generic';
|
|
12860
|
-
break;
|
|
12861
|
-
}
|
|
12862
|
-
default: {
|
|
12863
|
-
this.internals.role = 'listitem';
|
|
12864
|
-
break;
|
|
12865
|
-
}
|
|
12866
|
-
}
|
|
12933
|
+
__classPrivateFieldGet$h(this, _ListItem_updateAriaLabel, "f").call(this);
|
|
12934
|
+
__classPrivateFieldGet$h(this, _ListItem_updateRole, "f").call(this);
|
|
12867
12935
|
this.disabledChanged();
|
|
12868
12936
|
}
|
|
12869
12937
|
componentDidLoad() {
|
|
@@ -12871,25 +12939,33 @@ class ListItem {
|
|
|
12871
12939
|
this.subtitleChanged();
|
|
12872
12940
|
}
|
|
12873
12941
|
render() {
|
|
12874
|
-
|
|
12942
|
+
const fullAriaLabel = __classPrivateFieldGet$h(this, _ListItem_buildFullAriaLabel, "f").call(this);
|
|
12943
|
+
return (hAsync(Host, { key: '32b2a48f028cdd4ccaee606130dd9f74c6e3e488' }, hAsync("div", { key: 'da2fd16a7a72797af30a2206ac8f73bccf85d8b7', class: {
|
|
12875
12944
|
'qds-list-item': true,
|
|
12876
12945
|
'qds-has-submenu': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get),
|
|
12877
12946
|
'qds-disabled': this.disabled,
|
|
12878
12947
|
'qds-selected': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
|
|
12879
12948
|
'qds-static': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'none',
|
|
12880
|
-
}, "data-size": __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '
|
|
12949
|
+
}, "data-size": __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '00176569572b58668790c26c37ff01e08dbde505', class: {
|
|
12881
12950
|
'qds-indented-content': true,
|
|
12882
12951
|
'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !== 'none',
|
|
12883
|
-
} }, __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: '
|
|
12952
|
+
} }, __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: '914fc099fc916dabeee8f9447001a7e586efe1c4', checked: this.selected, indeterminate: this.indeterminate, size: this.size, text: fullAriaLabel, 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: 'e74d904dc9d05a2aba153daa7d75ca68da72d587', checked: this.selected, size: this.size, onQdsChange: __classPrivateFieldGet$h(this, _ListItem_onSelect, "f"), disabled: this.disabled, "aria-label": fullAriaLabel, ref: __classPrivateFieldGet$h(this, _ListItem_radioRef, "f") })), this.host.draggable && (hAsync("qds-icon", { key: '56a6abfb95987cecb05dc2ecb14467ada2aef0ff', class: "qds-icon qds-list-action qds-draggable", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (hAsync("img", { key: '91d768a44b61f2494a8c19a6ef876b6db75f4fc4', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'f4d9743c8428cd52653827dae88f168bcd8444ce', class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (hAsync("qds-avatar-media", { key: 'cbcb03852043a6d85ac6ecac96e9d438f597f7cc', class: "qds-picture", src: this.avatarSrc })), hAsync("div", { key: '3e5c05eb06e7cfdb11583a6e0a7d066e016ec9ad', 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
|
|
12884
12953
|
? 0
|
|
12885
|
-
: undefined,
|
|
12954
|
+
: undefined, "aria-label": __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select'
|
|
12955
|
+
? fullAriaLabel
|
|
12956
|
+
: undefined, "aria-selected": __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select'
|
|
12957
|
+
? __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get).toString()
|
|
12958
|
+
: undefined, onFocus: __classPrivateFieldGet$h(this, _ListItem_onFocus, "f"), onBlur: __classPrivateFieldGet$h(this, _ListItem_onBlur, "f") }, this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: 'c951ea25e2ab088eeee823cd78ef61d98ace72c1', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: '1efe379f1942a267d6ad3849834cb56808f620e0', class: "qds-title", ref: __classPrivateFieldGet$h(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '8e6fc94d42e0d59af4fa5ef8a182c2c890f405d9', class: "qds-subtitle", ref: __classPrivateFieldGet$h(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (hAsync("qds-badge-counter", { key: 'a7e46da47aa723c6a0c321e954b91657764ce176', size: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get), strokeRing: true, value: this.badge, description: this.badgeDescription, "aria-hidden": __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 'true' : undefined })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-icon-button", { key: '7a8bfcb7ad9e249b4d4508aaffec2ce669a420c4', 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: 'abd9259a808a6b4449d79fcb27cca4d4f66c6ffa', 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: 'b2d0fdfd561c94d797e3f0293ceed5eedea088cb', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f"), role: "menu" }, hAsync("slot", { key: 'db1097d5335adddb9544418c543269375bef9454', onSlotchange: __classPrivateFieldGet$h(this, _ListItem_onSlotChange, "f") }))), this.showDivider && hAsync("qds-divider", { key: '4ee07707a0f2c8d065fb8b7dd302bf86998c771b' }), (this.textTooltip || this.subtitleTooltip) && (hAsync("qds-tooltip", { key: '8f6dc0e59f904d5916f171d5fc15f204b80522e0', "aria-hidden": "true", ref: __classPrivateFieldGet$h(this, _ListItem_textTooltipRef, "f") }, hAsync("div", { key: '336821e62b9c796ad579385c762c4310f80cbe07', class: "qds-tooltip-kicker" }, this.kicker), hAsync("div", { key: 'fa8de46d190964fc7533476119394dc035e6c1b6', class: "qds-tooltip-title" }, this.text), hAsync("div", { key: '68f705a044df781b1fe127a7bbe88e336679b40d', class: "qds-tooltip-subtitle" }, this.subtitle))))));
|
|
12886
12959
|
}
|
|
12887
12960
|
get host() { return getElement(this); }
|
|
12888
12961
|
static get watchers() { return {
|
|
12889
12962
|
"disabled": ["disabledChanged"],
|
|
12890
12963
|
"listAction": ["listActionChanged"],
|
|
12891
12964
|
"text": ["textChanged"],
|
|
12892
|
-
"subtitle": ["subtitleChanged"]
|
|
12965
|
+
"subtitle": ["subtitleChanged"],
|
|
12966
|
+
"badge": ["badgeOrKickerChanged"],
|
|
12967
|
+
"badgeDescription": ["badgeOrKickerChanged"],
|
|
12968
|
+
"kicker": ["badgeOrKickerChanged"]
|
|
12893
12969
|
}; }
|
|
12894
12970
|
static get style() { return listItemCss; }
|
|
12895
12971
|
static get cmpMeta() { return {
|
|
@@ -12904,7 +12980,7 @@ class ListItem {
|
|
|
12904
12980
|
"avatarSrc": [1, "avatar-src"],
|
|
12905
12981
|
"imageSrc": [1, "image-src"],
|
|
12906
12982
|
"kicker": [1],
|
|
12907
|
-
"listAction": [
|
|
12983
|
+
"listAction": [513, "list-action"],
|
|
12908
12984
|
"size": [1],
|
|
12909
12985
|
"selected": [1028],
|
|
12910
12986
|
"indeterminate": [1028],
|
|
@@ -12918,10 +12994,10 @@ class ListItem {
|
|
|
12918
12994
|
},
|
|
12919
12995
|
"$listeners$": [[0, "click", "onClick"], [0, "keydown", "onKeydown"], [0, "keyup", "onKeyup"], [1, "dragstart", "onDragstart"], [1, "dragend", "onDragend"]],
|
|
12920
12996
|
"$lazyBundleId$": "-",
|
|
12921
|
-
"$attrsToReflect$": []
|
|
12997
|
+
"$attrsToReflect$": [["listAction", "list-action"]]
|
|
12922
12998
|
}; }
|
|
12923
12999
|
}
|
|
12924
|
-
_ListItem_roText = new WeakMap(), _ListItem_roSubTitle = new WeakMap(), _ListItem_text = new WeakMap(), _ListItem_subtitle = new WeakMap(), _ListItem_iconButton = new WeakMap(), _ListItem_checkbox = new WeakMap(), _ListItem_radio = new WeakMap(), _ListItem_onBlur = new WeakMap(), _ListItem_onFocus = new WeakMap(), _ListItem_onCheck = new WeakMap(), _ListItem_onSelect = new WeakMap(), _ListItem_divTitleRef = new WeakMap(), _ListItem_divSubtitleRef = new WeakMap(), _ListItem_textTooltipRef = new WeakMap(), _ListItem_iconButtonRef = new WeakMap(), _ListItem_onSlotChange = new WeakMap(), _ListItem_checkboxRef = new WeakMap(), _ListItem_radioRef = new WeakMap(), _ListItem_instances = new WeakSet(), _ListItem_computedDestination_get = function _ListItem_computedDestination_get() {
|
|
13000
|
+
_ListItem_roText = new WeakMap(), _ListItem_roSubTitle = new WeakMap(), _ListItem_text = new WeakMap(), _ListItem_subtitle = new WeakMap(), _ListItem_iconButton = new WeakMap(), _ListItem_checkbox = new WeakMap(), _ListItem_radio = new WeakMap(), _ListItem_onBlur = new WeakMap(), _ListItem_onFocus = new WeakMap(), _ListItem_onCheck = new WeakMap(), _ListItem_onSelect = new WeakMap(), _ListItem_divTitleRef = new WeakMap(), _ListItem_divSubtitleRef = new WeakMap(), _ListItem_textTooltipRef = new WeakMap(), _ListItem_iconButtonRef = new WeakMap(), _ListItem_onSlotChange = new WeakMap(), _ListItem_checkboxRef = new WeakMap(), _ListItem_radioRef = new WeakMap(), _ListItem_buildFullAriaLabel = new WeakMap(), _ListItem_updateRole = new WeakMap(), _ListItem_updateAriaLabel = new WeakMap(), _ListItem_instances = new WeakSet(), _ListItem_computedDestination_get = function _ListItem_computedDestination_get() {
|
|
12925
13001
|
switch (this.destination) {
|
|
12926
13002
|
case 'navigation': {
|
|
12927
13003
|
return this.destination;
|
|
@@ -13245,13 +13321,13 @@ class MenuItem {
|
|
|
13245
13321
|
this.textChanged();
|
|
13246
13322
|
}
|
|
13247
13323
|
render() {
|
|
13248
|
-
return (hAsync(Host, { key: '
|
|
13324
|
+
return (hAsync(Host, { key: 'c1ac2ea80dcdc6cafe2e6107294cffc8dac73225' }, hAsync("div", { key: 'c588de199c17498b08ed530541d88a42b7db8835', class: {
|
|
13249
13325
|
'qds-menu-item': true,
|
|
13250
13326
|
'qds-disabled': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
|
|
13251
13327
|
'qds-has-submenu': this.hasSubmenuSlot,
|
|
13252
|
-
}, ref: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: '
|
|
13328
|
+
}, ref: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: 'd7192a67544a3f9f271ba116c72f4c7eae4de854', 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: '53dc51407cbdfa909661a561f58e2b66bab8f510', class: "menu-item-checkable" })), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("qds-icon", { key: '0ea43e91cad9f6909da57988d847ccdc1892436c', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '67f99fa2145e0d889ef353d9523d2f2835d8e1e0', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '8b2682869fb3e291a0bd1a40d01caccffb7fa18f', class: "qds-text", ref: __classPrivateFieldGet$f(this, _MenuItem_spanRef, "f") }, this.text), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasShortcut_get) && (hAsync("span", { key: '3ebe786388e298cd4868fdad429a4eaebca14b6b', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-icon", { key: '36e453332e563fd369015626acd1a4a55f186838', class: "qds-icon", library: "core", name: "navigation" })))), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '74c24a23b2099268c86403e3e7e9577a933c3d6e', class: "qds-accessory qds-related", target: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f"), ref: (element) => {
|
|
13253
13329
|
__classPrivateFieldSet$c(this, _MenuItem_submenuDropdown, element, "f");
|
|
13254
|
-
} }, hAsync("slot", { key: '
|
|
13330
|
+
} }, hAsync("slot", { key: '7ee04686b239a3d3ba705db33f5d2d985b8841f1' }))), this.tooltip && (hAsync("qds-tooltip", { key: 'b738a46a6a9987cee4c2213743ef7895b7c93952', ref: __classPrivateFieldGet$f(this, _MenuItem_tooltipRef, "f") }, this.text))));
|
|
13255
13331
|
}
|
|
13256
13332
|
get host() { return getElement(this); }
|
|
13257
13333
|
static get watchers() { return {
|
|
@@ -13266,7 +13342,7 @@ class MenuItem {
|
|
|
13266
13342
|
"$flags$": 265,
|
|
13267
13343
|
"$tagName$": "qds-menu-item",
|
|
13268
13344
|
"$members$": {
|
|
13269
|
-
"disabled": [
|
|
13345
|
+
"disabled": [516],
|
|
13270
13346
|
"iconName": [1, "icon-name"],
|
|
13271
13347
|
"iconLibrary": [1, "icon-library"],
|
|
13272
13348
|
"size": [1],
|
|
@@ -13279,7 +13355,7 @@ class MenuItem {
|
|
|
13279
13355
|
},
|
|
13280
13356
|
"$listeners$": [[0, "blur", "onBlur"], [0, "focus", "onFocus"], [0, "click", "onClick"], [0, "keydown", "onKeydown"]],
|
|
13281
13357
|
"$lazyBundleId$": "-",
|
|
13282
|
-
"$attrsToReflect$": []
|
|
13358
|
+
"$attrsToReflect$": [["disabled", "disabled"]]
|
|
13283
13359
|
}; }
|
|
13284
13360
|
}
|
|
13285
13361
|
_MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span = new WeakMap(), _MenuItem_submenuDropdown = new WeakMap(), _MenuItem_rawAriaLabel = 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() {
|
|
@@ -13748,7 +13824,7 @@ _QdsBreadcrumbItem_breadcrumbItem = new WeakMap(), _QdsBreadcrumbItem_ro = new W
|
|
|
13748
13824
|
return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
|
|
13749
13825
|
};
|
|
13750
13826
|
|
|
13751
|
-
const radioCss = "[hidden].sc-qds-radio-h{display:none!important}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-icon.sc-qds-radio,.qds-radio.sc-qds-radio{grid-area:
|
|
13827
|
+
const radioCss = "[hidden].sc-qds-radio-h{display:none!important}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-icon.sc-qds-radio,.qds-radio.sc-qds-radio{grid-area:d;place-self:center}.qds-icon.sc-qds-radio{display:none;pointer-events:none}.qds-container.sc-qds-radio{display:grid;grid-template-areas:\"d\"}.qds-label.sc-qds-radio{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label.sc-qds-radio:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label.sc-qds-radio:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label.sc-qds-radio:has(.qds-radio:focus-visible){box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-label-inner.sc-qds-radio{color:var(--qds-theme-control-text-standard);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%}.qds-required.sc-qds-radio{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}.qds-tooltip.sc-qds-radio{line-height:normal}.qds-radio.sc-qds-radio{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border-default);border-radius:var(--qds-control-rounded-border-radius);cursor:pointer;margin:0;padding:var(--qds-control-toggle-padding);-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-radio.sc-qds-radio:focus-visible{outline:none}.qds-radio.sc-qds-radio:checked~.qds-icon.sc-qds-radio{color:var(--qds-theme-control-background-default-contrast);display:block}[aria-disabled=true].sc-qds-radio{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-radio[data-size=small].sc-qds-radio{height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small].sc-qds-radio{font-size:var(--qds-control-toggle-small-box-size)}.qds-label[data-size=small].sc-qds-radio{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-label-inner[data-size=small].sc-qds-radio{font:var(--qds-control-small-text)}.qds-inline[data-size=small].sc-qds-radio{min-height:var(--qds-control-small-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-radio[data-size=standard].sc-qds-radio{height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard].sc-qds-radio{font-size:var(--qds-control-toggle-standard-box-size)}.qds-label[data-size=standard].sc-qds-radio{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-label-inner[data-size=standard].sc-qds-radio{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard].sc-qds-radio{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-radio[data-size=large].sc-qds-radio{height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large].sc-qds-radio{font-size:var(--qds-control-toggle-large-box-size)}.qds-label[data-size=large].sc-qds-radio{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-label-inner[data-size=large].sc-qds-radio{font:var(--qds-control-large-text)}.qds-inline[data-size=large].sc-qds-radio{min-height:var(--qds-control-large-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}";
|
|
13752
13828
|
|
|
13753
13829
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
13754
13830
|
//
|
|
@@ -13923,7 +13999,7 @@ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio
|
|
|
13923
13999
|
return this.text !== undefined && this.text !== '';
|
|
13924
14000
|
};
|
|
13925
14001
|
|
|
13926
|
-
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:\"
|
|
14002
|
+
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:\"e\"}.qds-container,.qds-select{letter-spacing:inherit;width:inherit;word-spacing:inherit}.qds-icon,.qds-select{color:var(--qds-theme-form-input-text-active);grid-area:e}.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:e;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}.qds-select:focus-visible~.qds-focus-ring{visibility:visible}";
|
|
13927
14003
|
|
|
13928
14004
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
13929
14005
|
//
|
|
@@ -14363,6 +14439,8 @@ class StandaloneLink {
|
|
|
14363
14439
|
onClick(event) {
|
|
14364
14440
|
if (this.disabled)
|
|
14365
14441
|
event.stopImmediatePropagation();
|
|
14442
|
+
invariant(__classPrivateFieldGet$9(this, _StandaloneLink_link, "f"));
|
|
14443
|
+
__classPrivateFieldGet$9(this, _StandaloneLink_link, "f").click();
|
|
14366
14444
|
}
|
|
14367
14445
|
onKeydown(event) {
|
|
14368
14446
|
invariant(__classPrivateFieldGet$9(this, _StandaloneLink_link, "f"));
|
|
@@ -14403,11 +14481,11 @@ class StandaloneLink {
|
|
|
14403
14481
|
__classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
|
|
14404
14482
|
}
|
|
14405
14483
|
render() {
|
|
14406
|
-
return (hAsync("a", { key: '
|
|
14484
|
+
return (hAsync("a", { key: 'e1ec39283e78ca56bd427d7e5956569b6c097b50', "aria-hidden": "true", class: {
|
|
14407
14485
|
'qds-standalone-link': true,
|
|
14408
14486
|
'qds-disabled': this.disabled,
|
|
14409
14487
|
'qds-visitable': this.visitable,
|
|
14410
|
-
}, "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: '
|
|
14488
|
+
}, "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: '4154778dd3826090e14623a98e3bb911444b7507', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '72d3d8d8b4f1c369503399fce14d11276b2bc477', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: '598b2b3198a6bb6d142434ef553400c4d6bb1e92', class: "qds-text" }, hAsync("slot", { key: 'b0397d70068d3b9f6d06e8f6e51740c59f238496', onSlotchange: __classPrivateFieldGet$9(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: '56994c45272ec3211d6eca1b28d1048c3f327783', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '41244c43142cb66ffdfd5f8d9d60a2f5d61af6d4', 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: '28cb572ffaf3c199414fb4c37fb8378e111fc023', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'ad8d8cbce0d7a6350f40fdca4e5a5fc95b6ab61a', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
|
|
14411
14489
|
}
|
|
14412
14490
|
get host() { return getElement(this); }
|
|
14413
14491
|
static get watchers() { return {
|
|
@@ -16300,7 +16378,7 @@ _TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(
|
|
|
16300
16378
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
16301
16379
|
};
|
|
16302
16380
|
|
|
16303
|
-
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"g\"}.qds-titles.qds-has-kicker{grid-template-areas:\"h\" \"g\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"g\" \"i\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"h\" \"g\" \"i\"}.qds-has-icon{grid-template-areas:\"j g\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". h\" \"j g\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"j g\" \". i\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". h\" \"j g\" \". i\"}.qds-title,.qds-titles{hyphens:inherit}.qds-kicker,.qds-subtitle{hyphens:manual}.qds-kicker,.qds-subtitle,.qds-title{margin-block:0}.qds-title{color:var(--qds-theme-title);grid-area:g}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:i}.qds-kicker{color:var(--qds-theme-kicker);grid-area:h}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:j}.qds-root.qds-main .qds-title{font:var(--qds-main-title)}.qds-root.qds-main .qds-subtitle{font:var(--qds-main-subtitle)}.qds-root.qds-main .qds-kicker{font:var(--qds-main-kicker)}.qds-root.qds-main .qds-icon{height:var(--qds-main-titles-icon-crop-height);width:var(--qds-main-titles-icon-size)}.qds-root.qds-main.qds-titles{gap:var(--qds-main-titles-gap)}.qds-root.qds-main.qds-has-icon{gap:var(--qds-main-titles-gap) var(--qds-main-titles-icon-gap)}.qds-root.qds-navigation .qds-title{font:var(--qds-navigation-title)}.qds-root.qds-navigation .qds-subtitle{font:var(--qds-navigation-subtitle)}.qds-root.qds-navigation .qds-kicker{font:var(--qds-navigation-kicker)}.qds-root.qds-navigation .qds-icon{height:var(--qds-navigation-titles-icon-crop-height);width:var(--qds-navigation-titles-icon-size)}.qds-root.qds-navigation.qds-titles{gap:var(--qds-navigation-titles-gap)}.qds-root.qds-navigation.qds-has-icon{gap:var(--qds-navigation-titles-gap) var(--qds-navigation-titles-icon-gap)}.qds-main.qds-section.qds-titles{gap:var(--qds-main-section-titles-gap)}.qds-main.qds-section.qds-has-icon{gap:var(--qds-main-section-titles-gap) var(--qds-main-section-titles-icon-gap)}.qds-main.qds-section .qds-title{font:var(--qds-main-section-title)}.qds-main.qds-section .qds-subtitle{font:var(--qds-main-section-subtitle)}.qds-main.qds-section .qds-kicker{font:var(--qds-main-section-kicker)}.qds-main.qds-section .qds-icon{height:var(--qds-main-section-titles-icon-crop-height);width:var(--qds-main-section-titles-icon-size)}.qds-main.qds-subsection.qds-titles{gap:var(--qds-main-subsection-titles-gap)}.qds-main.qds-subsection.qds-has-icon{gap:var(--qds-main-subsection-titles-gap) var(--qds-main-subsection-titles-icon-gap)}.qds-main.qds-subsection .qds-title{font:var(--qds-main-subsection-title)}.qds-main.qds-subsection .qds-subtitle{font:var(--qds-main-subsection-subtitle)}.qds-main.qds-subsection .qds-kicker{font:var(--qds-main-subsection-kicker)}.qds-main.qds-subsection .qds-icon{height:var(--qds-main-subsection-titles-icon-crop-height);width:var(--qds-main-subsection-titles-icon-size)}.qds-panel.qds-root.qds-titles{gap:var(--qds-panel-titles-gap)}.qds-panel.qds-root.qds-has-icon{gap:var(--qds-panel-titles-gap) var(--qds-panel-titles-icon-gap)}.qds-panel.qds-root .qds-title{font:var(--qds-panel-title)}.qds-panel.qds-root .qds-subtitle{font:var(--qds-panel-subtitle)}.qds-panel.qds-root .qds-kicker{font:var(--qds-panel-kicker)}.qds-panel.qds-root .qds-icon{height:var(--qds-panel-titles-icon-crop-height);width:var(--qds-panel-titles-icon-size)}.qds-panel.qds-section.qds-titles{gap:var(--qds-panel-section-titles-gap)}.qds-panel.qds-section.qds-has-icon{gap:var(--qds-panel-section-titles-gap) var(--qds-panel-section-titles-icon-gap)}.qds-panel.qds-section .qds-title{font:var(--qds-panel-section-title)}.qds-panel.qds-section .qds-subtitle{font:var(--qds-panel-section-subtitle)}.qds-panel.qds-section .qds-kicker{font:var(--qds-panel-section-kicker)}.qds-panel.qds-section .qds-icon{height:var(--qds-panel-section-titles-icon-crop-height);width:var(--qds-panel-section-titles-icon-size)}.qds-panel.qds-subsection.qds-titles{gap:var(--qds-panel-subsection-titles-gap)}.qds-panel.qds-subsection.qds-has-icon{gap:var(--qds-panel-subsection-titles-gap) var(--qds-panel-subsection-titles-icon-gap)}.qds-panel.qds-subsection .qds-title{font:var(--qds-panel-subsection-title)}.qds-panel.qds-subsection .qds-subtitle{font:var(--qds-panel-subsection-subtitle)}.qds-panel.qds-subsection .qds-kicker{font:var(--qds-panel-subsection-kicker)}.qds-panel.qds-subsection .qds-icon{height:var(--qds-panel-subsection-titles-icon-crop-height);width:var(--qds-panel-subsection-titles-icon-size)}.qds-navigation.qds-section.qds-titles{gap:var(--qds-navigation-section-titles-gap)}.qds-navigation.qds-section.qds-has-icon{gap:var(--qds-navigation-section-titles-gap) var(--qds-navigation-section-titles-icon-gap)}.qds-navigation.qds-section .qds-title{font:var(--qds-navigation-section-title)}.qds-navigation.qds-section .qds-subtitle{font:var(--qds-navigation-section-subtitle)}.qds-navigation.qds-section .qds-kicker{font:var(--qds-navigation-section-kicker)}.qds-navigation.qds-section .qds-icon{height:var(--qds-navigation-section-titles-icon-crop-height);width:var(--qds-navigation-section-titles-icon-size)}.qds-navigation.qds-subsection.qds-titles{gap:var(--qds-navigation-subsection-titles-gap)}.qds-navigation.qds-subsection.qds-has-icon{gap:var(--qds-navigation-subsection-titles-gap) var(--qds-navigation-subsection-titles-icon-gap)}.qds-navigation.qds-subsection .qds-title{font:var(--qds-navigation-subsection-title)}.qds-navigation.qds-subsection .qds-subtitle{font:var(--qds-navigation-subsection-subtitle)}.qds-navigation.qds-subsection .qds-kicker{font:var(--qds-navigation-subsection-kicker)}.qds-navigation.qds-subsection .qds-icon{height:var(--qds-navigation-subsection-titles-icon-crop-height);width:var(--qds-navigation-subsection-titles-icon-size)}.qds-popup.qds-root.qds-titles{gap:var(--qds-popup-titles-gap)}.qds-popup.qds-root.qds-has-icon{gap:var(--qds-popup-titles-gap) var(--qds-popup-titles-icon-gap)}.qds-popup.qds-root .qds-title{font:var(--qds-popup-title)}.qds-popup.qds-root .qds-subtitle{font:var(--qds-popup-subtitle)}.qds-popup.qds-root .qds-kicker{font:var(--qds-popup-kicker)}.qds-popup.qds-root .qds-icon{height:var(--qds-popup-titles-icon-crop-height);width:var(--qds-popup-titles-icon-size)}.qds-popup.qds-section.qds-titles{gap:var(--qds-popup-section-titles-gap)}.qds-popup.qds-section.qds-has-icon{gap:var(--qds-popup-section-titles-gap) var(--qds-popup-section-titles-icon-gap)}.qds-popup.qds-section .qds-title{font:var(--qds-popup-section-title)}.qds-popup.qds-section .qds-subtitle{font:var(--qds-popup-section-subtitle)}.qds-popup.qds-section .qds-kicker{font:var(--qds-popup-section-kicker)}.qds-popup.qds-section .qds-icon{height:var(--qds-popup-section-titles-icon-crop-height);width:var(--qds-popup-section-titles-icon-size)}.qds-popup.qds-subsection.qds-titles{gap:var(--qds-popup-subsection-titles-gap)}.qds-popup.qds-subsection.qds-has-icon{gap:var(--qds-popup-subsection-titles-gap) var(--qds-popup-subsection-titles-icon-gap)}.qds-popup.qds-subsection .qds-title{font:var(--qds-popup-subsection-title)}.qds-popup.qds-subsection .qds-subtitle{font:var(--qds-popup-subsection-subtitle)}.qds-popup.qds-subsection .qds-kicker{font:var(--qds-popup-subsection-kicker)}.qds-popup.qds-subsection .qds-icon{height:var(--qds-popup-subsection-titles-icon-crop-height);width:var(--qds-popup-subsection-titles-icon-size)}.qds-accessory.qds-root.qds-titles{gap:var(--qds-accessory-titles-gap)}.qds-accessory.qds-root.qds-has-icon{gap:var(--qds-accessory-titles-gap) var(--qds-accessory-titles-icon-gap)}.qds-accessory.qds-root .qds-title{font:var(--qds-accessory-title)}.qds-accessory.qds-root .qds-subtitle{font:var(--qds-accessory-subtitle)}.qds-accessory.qds-root .qds-kicker{font:var(--qds-accessory-kicker)}.qds-accessory.qds-root .qds-icon{height:var(--qds-accessory-titles-icon-crop-height);width:var(--qds-accessory-titles-icon-size)}.qds-accessory.qds-section.qds-titles{gap:var(--qds-accessory-section-titles-gap)}.qds-accessory.qds-section.qds-has-icon{gap:var(--qds-accessory-section-titles-gap) var(--qds-accessory-section-titles-icon-gap)}.qds-accessory.qds-section .qds-title{font:var(--qds-accessory-section-title)}.qds-accessory.qds-section .qds-subtitle{font:var(--qds-accessory-section-subtitle)}.qds-accessory.qds-section .qds-kicker{font:var(--qds-accessory-section-kicker)}.qds-accessory.qds-section .qds-icon{height:var(--qds-accessory-section-titles-icon-crop-height);width:var(--qds-accessory-section-titles-icon-size)}.qds-titles[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap);margin:auto}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-promo-title)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-subtitle{font:var(--qds-main-section-promo-subtitle)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-kicker{font:var(--qds-main-section-promo-kicker)}.qds-has-icon[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap) var(--qds-main-section-promo-titles-icon-gap)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-icon{height:var(--qds-main-section-promo-titles-icon-crop-height);width:var(--qds-main-section-promo-titles-icon-size)}[data-alignment=start]{text-align:start}[data-alignment=center]{text-align:center}[data-alignment=end]{text-align:end}.qds-titles[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-display-titles-gap)}[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-display-title)}.qds-titles[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-subsection-card-titles-gap)}[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-subsection-card-standard-title)}.qds-titles[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-hero-titles-gap)}[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-hero-title)}";
|
|
16381
|
+
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)}";
|
|
16304
16382
|
|
|
16305
16383
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
16306
16384
|
//
|
|
@@ -16407,8 +16485,9 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
|
|
|
16407
16485
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
16408
16486
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
16409
16487
|
};
|
|
16410
|
-
var _Tooltip_instances, _Tooltip_arrow, _Tooltip_arrowPadding, _Tooltip_cleanup, _Tooltip_clickedTooltip, _Tooltip_isTouchDevice, _Tooltip_listeners, _Tooltip_mainAxisDistance, _Tooltip_middleware, _Tooltip_open, _Tooltip_opened, _Tooltip_referenceElement, _Tooltip_arrowRef, _Tooltip_boundTooltipPointerDown, _Tooltip_handleFocus, _Tooltip_boundFocus, _Tooltip_handleKeyDown, _Tooltip_boundKeyDown, _Tooltip_handlePointerenter, _Tooltip_boundPointerenter, _Tooltip_handlePointerleave, _Tooltip_boundPointerleave, _Tooltip_handleFocusOut, _Tooltip_boundFocusout, _Tooltip_handlePointerdown, _Tooltip_boundPointerdown, _Tooltip_handleReferenceClick, _Tooltip_boundReferenceClick, _Tooltip_on, _Tooltip_removeEventListeners, _Tooltip_setAriaExpanded;
|
|
16488
|
+
var _Tooltip_instances, _Tooltip_arrow, _Tooltip_arrowPadding, _Tooltip_cleanup, _Tooltip_clickedTooltip, _Tooltip_isClosedByEscape, _Tooltip_isTouchDevice, _Tooltip_listeners, _Tooltip_mainAxisDistance, _Tooltip_middleware, _Tooltip_open, _Tooltip_opened, _Tooltip_referenceElement, _Tooltip_arrowRef, _Tooltip_boundTooltipPointerDown, _Tooltip_handleFocus, _Tooltip_boundFocus, _Tooltip_handleKeyDown, _Tooltip_boundKeyDown, _Tooltip_handlePointerenter, _Tooltip_boundPointerenter, _Tooltip_handlePointerleave, _Tooltip_boundPointerleave, _Tooltip_handleFocusOut, _Tooltip_boundFocusout, _Tooltip_handlePointerdown, _Tooltip_boundPointerdown, _Tooltip_handleReferenceClick, _Tooltip_boundReferenceClick, _Tooltip_registerAsOpenTooltip, _Tooltip_unregisterOpenTooltip, _Tooltip_isTopMostOpenTooltip, _Tooltip_on, _Tooltip_removeEventListeners, _Tooltip_setAriaExpanded;
|
|
16411
16489
|
let autoIncrementingId = 1;
|
|
16490
|
+
const openTooltips = [];
|
|
16412
16491
|
/**
|
|
16413
16492
|
* @slot Content to display in the dropdown.
|
|
16414
16493
|
* @see https://quartz.se.com/build/components/tooltip
|
|
@@ -16455,6 +16534,7 @@ class Tooltip {
|
|
|
16455
16534
|
_Tooltip_arrowPadding.set(this, 0);
|
|
16456
16535
|
_Tooltip_cleanup.set(this, void 0);
|
|
16457
16536
|
_Tooltip_clickedTooltip.set(this, false);
|
|
16537
|
+
_Tooltip_isClosedByEscape.set(this, false);
|
|
16458
16538
|
_Tooltip_isTouchDevice.set(this, false);
|
|
16459
16539
|
_Tooltip_listeners.set(this, []);
|
|
16460
16540
|
_Tooltip_mainAxisDistance.set(this, 0);
|
|
@@ -16476,6 +16556,7 @@ class Tooltip {
|
|
|
16476
16556
|
});
|
|
16477
16557
|
_Tooltip_boundTooltipPointerDown.set(this, () => {
|
|
16478
16558
|
__classPrivateFieldSet(this, _Tooltip_clickedTooltip, true, "f");
|
|
16559
|
+
__classPrivateFieldSet(this, _Tooltip_isClosedByEscape, false, "f");
|
|
16479
16560
|
});
|
|
16480
16561
|
_Tooltip_boundFocus.set(this, () => {
|
|
16481
16562
|
ignorePromise(__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_handleFocus).call(this));
|
|
@@ -16511,6 +16592,7 @@ class Tooltip {
|
|
|
16511
16592
|
}
|
|
16512
16593
|
this.startAutoUpdate();
|
|
16513
16594
|
__classPrivateFieldSet(this, _Tooltip_open, true, "f");
|
|
16595
|
+
__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_registerAsOpenTooltip).call(this);
|
|
16514
16596
|
__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_setAriaExpanded).call(this);
|
|
16515
16597
|
}
|
|
16516
16598
|
/**
|
|
@@ -16523,8 +16605,15 @@ class Tooltip {
|
|
|
16523
16605
|
if (__classPrivateFieldGet(this, _Tooltip_cleanup, "f"))
|
|
16524
16606
|
__classPrivateFieldGet(this, _Tooltip_cleanup, "f").call(this);
|
|
16525
16607
|
__classPrivateFieldSet(this, _Tooltip_open, false, "f");
|
|
16608
|
+
__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_unregisterOpenTooltip).call(this);
|
|
16526
16609
|
__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_setAriaExpanded).call(this);
|
|
16527
16610
|
__classPrivateFieldSet(this, _Tooltip_clickedTooltip, false, "f");
|
|
16611
|
+
// If closed via Escape, return focus to the reference element
|
|
16612
|
+
if (__classPrivateFieldGet(this, _Tooltip_isClosedByEscape, "f") &&
|
|
16613
|
+
__classPrivateFieldGet(this, _Tooltip_referenceElement, "f") instanceof globalThis.Element &&
|
|
16614
|
+
'focus' in __classPrivateFieldGet(this, _Tooltip_referenceElement, "f")) {
|
|
16615
|
+
__classPrivateFieldGet(this, _Tooltip_referenceElement, "f").focus();
|
|
16616
|
+
}
|
|
16528
16617
|
}
|
|
16529
16618
|
/**
|
|
16530
16619
|
* Update the tooltip's arrow.
|
|
@@ -16587,7 +16676,7 @@ class Tooltip {
|
|
|
16587
16676
|
if (__classPrivateFieldGet(this, _Tooltip_isTouchDevice, "f"))
|
|
16588
16677
|
__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_on).call(this, __classPrivateFieldGet(this, _Tooltip_referenceElement, "f"), 'click', __classPrivateFieldGet(this, _Tooltip_boundReferenceClick, "f"));
|
|
16589
16678
|
__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_on).call(this, document.documentElement, 'pointerdown', __classPrivateFieldGet(this, _Tooltip_boundPointerdown, "f"));
|
|
16590
|
-
__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_on).call(this,
|
|
16679
|
+
__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_on).call(this, document.documentElement, 'keydown', __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"));
|
|
16591
16680
|
for (const trigger of triggers) {
|
|
16592
16681
|
switch (trigger) {
|
|
16593
16682
|
case 'click': {
|
|
@@ -16652,13 +16741,14 @@ class Tooltip {
|
|
|
16652
16741
|
autoIncrementingId += 1;
|
|
16653
16742
|
}
|
|
16654
16743
|
disconnectedCallback() {
|
|
16744
|
+
__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_unregisterOpenTooltip).call(this);
|
|
16655
16745
|
if (!(__classPrivateFieldGet(this, _Tooltip_referenceElement, "f") instanceof globalThis.Element))
|
|
16656
16746
|
return;
|
|
16657
16747
|
__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_removeEventListeners).call(this);
|
|
16658
16748
|
__classPrivateFieldGet(this, _Tooltip_referenceElement, "f").removeAttribute('aria-describedby');
|
|
16659
16749
|
}
|
|
16660
16750
|
render() {
|
|
16661
|
-
return (hAsync(Host, { key: '
|
|
16751
|
+
return (hAsync(Host, { key: '2673e29a820d01dfa7cb41e42345c668105147f3', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f") }, hAsync("div", { key: '6bc479516bfcd3d1acc50623db3b36f74d0f50d9', class: "qds-tooltip" }, hAsync("slot", { key: '5786b44ad964d6b0f28f292921f5a444c2bf2acc' })), hAsync("div", { key: '72b8d6f6e34da268cf81cbceab7083b9963e5dea', class: "qds-arrow", ref: __classPrivateFieldGet(this, _Tooltip_arrowRef, "f") })));
|
|
16662
16752
|
}
|
|
16663
16753
|
get host() { return getElement(this); }
|
|
16664
16754
|
static get watchers() { return {
|
|
@@ -16699,13 +16789,29 @@ class Tooltip {
|
|
|
16699
16789
|
"$attrsToReflect$": []
|
|
16700
16790
|
}; }
|
|
16701
16791
|
}
|
|
16702
|
-
_Tooltip_arrow = new WeakMap(), _Tooltip_arrowPadding = new WeakMap(), _Tooltip_cleanup = new WeakMap(), _Tooltip_clickedTooltip = new WeakMap(), _Tooltip_isTouchDevice = new WeakMap(), _Tooltip_listeners = new WeakMap(), _Tooltip_mainAxisDistance = new WeakMap(), _Tooltip_middleware = new WeakMap(), _Tooltip_open = new WeakMap(), _Tooltip_opened = new WeakMap(), _Tooltip_referenceElement = new WeakMap(), _Tooltip_arrowRef = new WeakMap(), _Tooltip_boundTooltipPointerDown = new WeakMap(), _Tooltip_boundFocus = new WeakMap(), _Tooltip_boundKeyDown = new WeakMap(), _Tooltip_boundPointerenter = new WeakMap(), _Tooltip_boundPointerleave = new WeakMap(), _Tooltip_boundFocusout = new WeakMap(), _Tooltip_boundPointerdown = new WeakMap(), _Tooltip_boundReferenceClick = new WeakMap(), _Tooltip_instances = new WeakSet(), _Tooltip_handleFocus = async function _Tooltip_handleFocus() {
|
|
16703
|
-
if (!this.disabled)
|
|
16792
|
+
_Tooltip_arrow = new WeakMap(), _Tooltip_arrowPadding = new WeakMap(), _Tooltip_cleanup = new WeakMap(), _Tooltip_clickedTooltip = new WeakMap(), _Tooltip_isClosedByEscape = new WeakMap(), _Tooltip_isTouchDevice = new WeakMap(), _Tooltip_listeners = new WeakMap(), _Tooltip_mainAxisDistance = new WeakMap(), _Tooltip_middleware = new WeakMap(), _Tooltip_open = new WeakMap(), _Tooltip_opened = new WeakMap(), _Tooltip_referenceElement = new WeakMap(), _Tooltip_arrowRef = new WeakMap(), _Tooltip_boundTooltipPointerDown = new WeakMap(), _Tooltip_boundFocus = new WeakMap(), _Tooltip_boundKeyDown = new WeakMap(), _Tooltip_boundPointerenter = new WeakMap(), _Tooltip_boundPointerleave = new WeakMap(), _Tooltip_boundFocusout = new WeakMap(), _Tooltip_boundPointerdown = new WeakMap(), _Tooltip_boundReferenceClick = new WeakMap(), _Tooltip_instances = new WeakSet(), _Tooltip_handleFocus = async function _Tooltip_handleFocus() {
|
|
16793
|
+
if (!this.disabled && !__classPrivateFieldGet(this, _Tooltip_isClosedByEscape, "f")) {
|
|
16704
16794
|
await this.show();
|
|
16795
|
+
}
|
|
16705
16796
|
}, _Tooltip_handleKeyDown = async function _Tooltip_handleKeyDown(event) {
|
|
16706
|
-
if (event instanceof KeyboardEvent
|
|
16707
|
-
|
|
16797
|
+
if (!(event instanceof KeyboardEvent) || event.key !== 'Escape')
|
|
16798
|
+
return;
|
|
16799
|
+
if (!__classPrivateFieldGet(this, _Tooltip_open, "f"))
|
|
16800
|
+
return;
|
|
16801
|
+
if (!__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_isTopMostOpenTooltip).call(this))
|
|
16802
|
+
return;
|
|
16803
|
+
if (!(document.activeElement instanceof globalThis.Element))
|
|
16804
|
+
return;
|
|
16805
|
+
const { activeElement } = document;
|
|
16806
|
+
const isTarget = activeElement === __classPrivateFieldGet(this, _Tooltip_referenceElement, "f");
|
|
16807
|
+
const isInsideTooltip = this.host.contains(activeElement);
|
|
16808
|
+
if (!isTarget && !isInsideTooltip)
|
|
16809
|
+
return;
|
|
16810
|
+
event.stopPropagation();
|
|
16811
|
+
__classPrivateFieldSet(this, _Tooltip_isClosedByEscape, true, "f");
|
|
16812
|
+
await this.close();
|
|
16708
16813
|
}, _Tooltip_handlePointerenter = async function _Tooltip_handlePointerenter() {
|
|
16814
|
+
__classPrivateFieldSet(this, _Tooltip_isClosedByEscape, false, "f");
|
|
16709
16815
|
if (!this.disabled)
|
|
16710
16816
|
await this.show();
|
|
16711
16817
|
}, _Tooltip_handlePointerleave = async function _Tooltip_handlePointerleave(event) {
|
|
@@ -16720,6 +16826,11 @@ _Tooltip_arrow = new WeakMap(), _Tooltip_arrowPadding = new WeakMap(), _Tooltip_
|
|
|
16720
16826
|
if (!(event instanceof FocusEvent))
|
|
16721
16827
|
return;
|
|
16722
16828
|
const { relatedTarget } = event;
|
|
16829
|
+
if (__classPrivateFieldGet(this, _Tooltip_isClosedByEscape, "f") &&
|
|
16830
|
+
relatedTarget instanceof globalThis.Element &&
|
|
16831
|
+
relatedTarget === __classPrivateFieldGet(this, _Tooltip_referenceElement, "f"))
|
|
16832
|
+
return;
|
|
16833
|
+
__classPrivateFieldSet(this, _Tooltip_isClosedByEscape, false, "f");
|
|
16723
16834
|
if (relatedTarget instanceof globalThis.Element &&
|
|
16724
16835
|
!this.host.contains(relatedTarget) &&
|
|
16725
16836
|
__classPrivateFieldGet(this, _Tooltip_referenceElement, "f") !== relatedTarget)
|
|
@@ -16732,8 +16843,20 @@ _Tooltip_arrow = new WeakMap(), _Tooltip_arrowPadding = new WeakMap(), _Tooltip_
|
|
|
16732
16843
|
if (!withinBounds)
|
|
16733
16844
|
await this.close();
|
|
16734
16845
|
}, _Tooltip_handleReferenceClick = async function _Tooltip_handleReferenceClick() {
|
|
16846
|
+
__classPrivateFieldSet(this, _Tooltip_isClosedByEscape, false, "f");
|
|
16735
16847
|
if (!this.disabled)
|
|
16736
16848
|
await (__classPrivateFieldGet(this, _Tooltip_open, "f") ? this.close() : this.show());
|
|
16849
|
+
}, _Tooltip_registerAsOpenTooltip = function _Tooltip_registerAsOpenTooltip() {
|
|
16850
|
+
__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_unregisterOpenTooltip).call(this);
|
|
16851
|
+
openTooltips.push(this.host);
|
|
16852
|
+
}, _Tooltip_unregisterOpenTooltip = function _Tooltip_unregisterOpenTooltip() {
|
|
16853
|
+
const index = openTooltips.indexOf(this.host);
|
|
16854
|
+
if (index === -1)
|
|
16855
|
+
return;
|
|
16856
|
+
openTooltips.splice(index, 1);
|
|
16857
|
+
}, _Tooltip_isTopMostOpenTooltip = function _Tooltip_isTopMostOpenTooltip() {
|
|
16858
|
+
const topMostTooltip = openTooltips.at(-1);
|
|
16859
|
+
return topMostTooltip === this.host;
|
|
16737
16860
|
}, _Tooltip_on = function _Tooltip_on(element, event, listener) {
|
|
16738
16861
|
const hasListener = __classPrivateFieldGet(this, _Tooltip_listeners, "f").some((value) => value.element === element && value.event === event);
|
|
16739
16862
|
if (hasListener)
|