@quartzds/core 1.0.0-beta.97 → 1.0.0-beta.98
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 +12 -0
- package/components/index.d.ts +2 -0
- package/components/index.js +1 -0
- package/components/index.js.map +1 -1
- package/components/{p-3f84fbec.js → p-88fcb762.js} +2 -2
- package/components/{p-3f84fbec.js.map → p-88fcb762.js.map} +1 -1
- package/components/{p-c0611e41.js → p-a4f61139.js} +2 -2
- package/components/{p-c0611e41.js.map → p-a4f61139.js.map} +1 -1
- package/components/{p-622e5b7d.js → p-da0bfe0b.js} +2 -2
- package/components/{p-622e5b7d.js.map → p-da0bfe0b.js.map} +1 -1
- package/components/qds-button.js +1 -1
- package/components/qds-checkbox.js +1 -1
- package/components/qds-input.js +2 -2
- package/components/qds-input.js.map +1 -1
- package/components/qds-list-item.js +1 -1
- package/components/qds-mini-button.d.ts +11 -0
- package/components/qds-mini-button.js +163 -0
- package/components/qds-mini-button.js.map +1 -0
- package/components/qds-nav-list-item.js +3 -3
- package/components/qds-progress-bar.js +1 -1
- package/components/qds-radio.js +3 -3
- package/components/qds-select.js +1 -1
- package/components/qds-standalone-link.js +2 -2
- package/components/qds-switch.js +3 -3
- package/components/qds-tab.js +1 -1
- package/components/qds-tabbar.js +1 -1
- package/components/qds-table-body.js +1 -1
- package/components/qds-table-cell.js +1 -1
- package/components/qds-table-head.js +1 -1
- package/components/qds-table-row.js +1 -1
- package/components/qds-table.js +1 -1
- package/components/qds-title.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/qds-button.cjs.entry.js +1 -1
- package/dist/cjs/qds-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/qds-input.cjs.entry.js +1 -1
- package/dist/cjs/qds-input.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-mini-button.cjs.entry.js +136 -0
- package/dist/cjs/qds-mini-button.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-nav-list-item.cjs.entry.js +3 -3
- package/dist/cjs/qds-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/qds-radio.cjs.entry.js +3 -3
- package/dist/cjs/qds-select.cjs.entry.js +1 -1
- package/dist/cjs/qds-standalone-link.cjs.entry.js +2 -2
- package/dist/cjs/qds-switch.cjs.entry.js +3 -3
- package/dist/cjs/qds-table-body.cjs.entry.js +1 -1
- package/dist/cjs/qds-table-cell.cjs.entry.js +1 -1
- package/dist/cjs/qds-table-head.cjs.entry.js +1 -1
- package/dist/cjs/qds-table-row.cjs.entry.js +1 -1
- package/dist/cjs/qds-table.cjs.entry.js +1 -1
- package/dist/cjs/qds-tag_2.cjs.entry.js +1 -1
- package/dist/cjs/qds.cjs.js +1 -1
- package/dist/custom-elements.json +353 -0
- package/dist/docs.json +320 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/qds-button.entry.js +1 -1
- package/dist/esm/qds-checkbox.entry.js +1 -1
- package/dist/esm/qds-input.entry.js +1 -1
- package/dist/esm/qds-input.entry.js.map +1 -1
- package/dist/esm/qds-mini-button.entry.js +132 -0
- package/dist/esm/qds-mini-button.entry.js.map +1 -0
- package/dist/esm/qds-nav-list-item.entry.js +3 -3
- package/dist/esm/qds-progress-bar.entry.js +1 -1
- package/dist/esm/qds-radio.entry.js +3 -3
- package/dist/esm/qds-select.entry.js +1 -1
- package/dist/esm/qds-standalone-link.entry.js +2 -2
- package/dist/esm/qds-switch.entry.js +3 -3
- package/dist/esm/qds-table-body.entry.js +1 -1
- package/dist/esm/qds-table-cell.entry.js +1 -1
- package/dist/esm/qds-table-head.entry.js +1 -1
- package/dist/esm/qds-table-row.entry.js +1 -1
- package/dist/esm/qds-table.entry.js +1 -1
- package/dist/esm/qds-tag_2.entry.js +1 -1
- package/dist/esm/qds.js +1 -1
- package/dist/types/components/mini-button/mini-button.d.ts +82 -0
- package/dist/types/components.d.ts +115 -0
- package/dist/vscode.html-custom-data.json +51 -0
- package/hydrate/index.js +452 -311
- package/hydrate/index.mjs +452 -311
- package/package.json +1 -1
package/hydrate/index.mjs
CHANGED
|
@@ -3183,7 +3183,7 @@ var QdsBadgeCounterStyle0 = badgeCounterCss;
|
|
|
3183
3183
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3184
3184
|
//
|
|
3185
3185
|
// SPDX-License-Identifier: Apache-2.0
|
|
3186
|
-
var __classPrivateFieldGet$
|
|
3186
|
+
var __classPrivateFieldGet$y = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3187
3187
|
if (kind === "a" && !f)
|
|
3188
3188
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3189
3189
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -3218,7 +3218,7 @@ class BadgeCounter {
|
|
|
3218
3218
|
return (hAsync("span", { key: 'c10f61ebe0ba000dad466c46e9565a5422cf8207', class: {
|
|
3219
3219
|
'qds-badge-counter': true,
|
|
3220
3220
|
'qds-stroke-ring': this.strokeRing,
|
|
3221
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
3221
|
+
}, "data-importance": __classPrivateFieldGet$y(this, _BadgeCounter_instances, "a", _BadgeCounter_computedImportance_get), "data-size": __classPrivateFieldGet$y(this, _BadgeCounter_instances, "a", _BadgeCounter_computedSize_get) }, __classPrivateFieldGet$y(this, _BadgeCounter_instances, "a", _BadgeCounter_computedValue_get), hAsync("span", { key: '62cf8cdf190ef3bb4b36fce245871d81cd2b7aab', class: "qds-sr-only" }, this.description)));
|
|
3222
3222
|
}
|
|
3223
3223
|
static get style() { return QdsBadgeCounterStyle0; }
|
|
3224
3224
|
static get cmpMeta() { return {
|
|
@@ -3275,7 +3275,7 @@ var QdsBadgeIndicatorStyle0 = badgeIndicatorCss;
|
|
|
3275
3275
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3276
3276
|
//
|
|
3277
3277
|
// SPDX-License-Identifier: Apache-2.0
|
|
3278
|
-
var __classPrivateFieldGet$
|
|
3278
|
+
var __classPrivateFieldGet$x = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3279
3279
|
if (kind === "a" && !f)
|
|
3280
3280
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3281
3281
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -3310,7 +3310,7 @@ class BadgeIndicator {
|
|
|
3310
3310
|
return (hAsync("div", { key: 'fbbd2e4f60e31f9d339146c76c53aa1eda61c7a3', class: {
|
|
3311
3311
|
'qds-badge-indicator': true,
|
|
3312
3312
|
'qds-stroke-ring': this.strokeRing,
|
|
3313
|
-
}, "data-size": __classPrivateFieldGet$
|
|
3313
|
+
}, "data-size": __classPrivateFieldGet$x(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedSize_get), "data-status": __classPrivateFieldGet$x(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) }, hAsync("span", { key: '6d6ffc1d4d2bc42af510fb01756589da89c02675', class: "qds-sr-only" }, this.description)));
|
|
3314
3314
|
}
|
|
3315
3315
|
static get style() { return QdsBadgeIndicatorStyle0; }
|
|
3316
3316
|
static get cmpMeta() { return {
|
|
@@ -3567,20 +3567,20 @@ const VALID_STATE = {
|
|
|
3567
3567
|
valueMissing: false,
|
|
3568
3568
|
};
|
|
3569
3569
|
|
|
3570
|
-
const buttonCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-button:disabled,.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-overflow[data-size=hero]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.qds-action{transform:scaleX(var(--qds-direction-factor,1))}.qds-container{display:grid;grid-template-areas:\"
|
|
3570
|
+
const buttonCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-button:disabled,.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-overflow[data-size=hero]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.qds-action{transform:scaleX(var(--qds-direction-factor,1))}.qds-container{display:grid;grid-template-areas:\"h\"}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n ));grid-area:h;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width-block-end, var(--qds-control-border-width)));isolation:isolate;outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset);pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-control-border-width-inline-end,\n var(--qds-control-border-width)\n ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;cursor:pointer;display:inline-flex;grid-area:h;justify-content:center;min-width:0;outline:none;padding-block:0;position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:center;-webkit-user-select:none;user-select:none}.qds-button:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-icon{flex-shrink:0}.qds-indicator{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}[data-size=small]{font:var(--qds-control-small-text)}.qds-button[data-size=small]{gap:var(--qds-control-small-gap-internal);height:var(--qds-control-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}.qds-button.qds-icon-only[data-size=small]{width:var(--qds-control-small-height)}.qds-icon[data-size=small]{font-size:var(--qds-control-small-icon-size)}[data-size=standard]{font:var(--qds-control-standard-text)}.qds-button[data-size=standard]{gap:var(--qds-control-standard-gap-internal);height:var(--qds-control-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}.qds-button.qds-icon-only[data-size=standard]{width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{font-size:var(--qds-control-standard-icon-size)}[data-size=large]{font:var(--qds-control-large-text)}.qds-button[data-size=large]{gap:var(--qds-control-large-gap-internal);height:var(--qds-control-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}.qds-button.qds-icon-only[data-size=large]{width:var(--qds-control-large-height)}.qds-icon[data-size=large]{font-size:var(--qds-control-large-icon-size)}[data-size=large],[data-size=small],[data-size=standard]{line-height:normal}.qds-button.qds-icon-only[data-size=large],.qds-button.qds-icon-only[data-size=small],.qds-button.qds-icon-only[data-size=standard]{padding-inline:0}[data-size=hero]{font:var(--qds-control-hero-text)}.qds-button[data-size=hero]{border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n );gap:var(--qds-control-hero-gap-internal);padding-block:var(--qds-control-hero-padding-auto-height);padding-inline:var(--qds-control-button-hero-padding-horizontal)}.qds-button.qds-icon-only[data-size=hero]{height:var(--qds-control-hero-height);padding-inline:0;width:var(--qds-control-hero-height)}.qds-focus-ring[data-size=hero]{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n ))}.qds-icon[data-size=hero]{font-size:var(--qds-control-hero-icon-size)}[data-importance=subdued]{color:var(--qds-theme-link-standard-default)}.qds-button[data-importance=subdued]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-hover);color:var(--qds-theme-link-standard-hover)}.qds-button[data-importance=subdued]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-pressed);color:var(--qds-theme-link-standard-pressed)}.qds-button[data-importance=subdued]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued]{border:none;color:var(--qds-theme-control-text-standard)}.qds-button.qds-icon-only[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button.qds-icon-only[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{color:var(--qds-theme-control-text-standard)}.qds-button[data-importance=standard]{border-color:var(--qds-theme-control-border);border-style:solid;border-width:var(--qds-control-border-width) var(\n --qds-control-border-width-inline-end,var(--qds-control-border-width)\n ) var(--qds-control-border-width-block-end,var(--qds-control-border-width)) var(--qds-control-border-width)}.qds-button[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-button[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}.qds-button[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-button[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}.qds-button[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}.qds-button[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{color:var(--qds-theme-feedback-action-destructive-default)}.qds-button[data-importance=subdued-destructive]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued-destructive]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-hover);color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=subdued-destructive]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-pressed);color:var(--qds-theme-feedback-action-destructive-pressed)}.qds-button[data-importance=subdued-destructive]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued-destructive]{border:none}.qds-button.qds-icon-only[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}.qds-button.qds-icon-only[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}:is([data-action=dropdown],[data-action=dropdown-close]) .qds-action{margin-inline-start:auto;transition-duration:.3s;transition-property:transform}[data-importance=standard]:is([data-action=dropdown],[data-action=dropdown-close]){background-color:var(--qds-theme-control-input-background)}:is([data-action=dropdown],[data-action=dropdown-close]):not([data-importance=subdued]):not([data-importance=subdued-destructive]){padding-inline:var(--qds-control-input-padding-horizontal)}[data-action=dropdown-close] .qds-action{transform:rotate(-180deg)}";
|
|
3571
3571
|
var QdsButtonStyle0 = buttonCss;
|
|
3572
3572
|
|
|
3573
3573
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3574
3574
|
//
|
|
3575
3575
|
// SPDX-License-Identifier: Apache-2.0
|
|
3576
|
-
var __classPrivateFieldGet$
|
|
3576
|
+
var __classPrivateFieldGet$w = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3577
3577
|
if (kind === "a" && !f)
|
|
3578
3578
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3579
3579
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
3580
3580
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
3581
3581
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
3582
3582
|
};
|
|
3583
|
-
var __classPrivateFieldSet$
|
|
3583
|
+
var __classPrivateFieldSet$p = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
3584
3584
|
if (kind === "m")
|
|
3585
3585
|
throw new TypeError("Private method is not writable");
|
|
3586
3586
|
if (kind === "a" && !f)
|
|
@@ -3594,7 +3594,7 @@ const isCounter$1 = (value) => typeof value === 'string'
|
|
|
3594
3594
|
? !Number.isNaN(Number.parseFloat(value))
|
|
3595
3595
|
: typeof value === 'number';
|
|
3596
3596
|
const isIndicator$1 = (value) => value === '' || value === true;
|
|
3597
|
-
const preventDefault = (event) => {
|
|
3597
|
+
const preventDefault$1 = (event) => {
|
|
3598
3598
|
event.preventDefault();
|
|
3599
3599
|
};
|
|
3600
3600
|
/**
|
|
@@ -3744,15 +3744,15 @@ class Button {
|
|
|
3744
3744
|
this.reportValidity = () => this.internals.reportValidity();
|
|
3745
3745
|
this.setCustomValidity = (error) => {
|
|
3746
3746
|
if (error)
|
|
3747
|
-
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$
|
|
3747
|
+
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$w(this, _Button_button, "f"));
|
|
3748
3748
|
else
|
|
3749
3749
|
this.internals.setValidity(NO_ERROR_FLAGS);
|
|
3750
3750
|
};
|
|
3751
3751
|
_Button_buttonRef.set(this, (button) => {
|
|
3752
|
-
__classPrivateFieldSet$
|
|
3752
|
+
__classPrivateFieldSet$p(this, _Button_button, button, "f");
|
|
3753
3753
|
});
|
|
3754
3754
|
_Button_spanRef.set(this, (span) => {
|
|
3755
|
-
__classPrivateFieldSet$
|
|
3755
|
+
__classPrivateFieldSet$p(this, _Button_span, span, "f");
|
|
3756
3756
|
});
|
|
3757
3757
|
_Button_tooltipRef.set(this, (tooltip) => {
|
|
3758
3758
|
if (tooltip)
|
|
@@ -3760,8 +3760,8 @@ class Button {
|
|
|
3760
3760
|
tooltip.target = this.host;
|
|
3761
3761
|
});
|
|
3762
3762
|
_Button_onClick.set(this, (event) => {
|
|
3763
|
-
if (__classPrivateFieldGet$
|
|
3764
|
-
preventDefault(event);
|
|
3763
|
+
if (__classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedDisabled_get)) {
|
|
3764
|
+
preventDefault$1(event);
|
|
3765
3765
|
}
|
|
3766
3766
|
});
|
|
3767
3767
|
}
|
|
@@ -3769,13 +3769,13 @@ class Button {
|
|
|
3769
3769
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
3770
3770
|
}
|
|
3771
3771
|
onClick(event) {
|
|
3772
|
-
if (__classPrivateFieldGet$
|
|
3772
|
+
if (__classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedDisabled_get)) {
|
|
3773
3773
|
event.stopImmediatePropagation();
|
|
3774
3774
|
return;
|
|
3775
3775
|
}
|
|
3776
|
-
if (__classPrivateFieldGet$
|
|
3776
|
+
if (__classPrivateFieldGet$w(this, _Button_instances, "a", _Button_buttonType_get) === 'button' || !this.internals.form)
|
|
3777
3777
|
return;
|
|
3778
|
-
if (__classPrivateFieldGet$
|
|
3778
|
+
if (__classPrivateFieldGet$w(this, _Button_instances, "a", _Button_buttonType_get) === 'reset') {
|
|
3779
3779
|
this.internals.form.reset();
|
|
3780
3780
|
}
|
|
3781
3781
|
else {
|
|
@@ -3795,11 +3795,11 @@ class Button {
|
|
|
3795
3795
|
this.host.click();
|
|
3796
3796
|
}
|
|
3797
3797
|
disabledChanged() {
|
|
3798
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
3799
|
-
if (__classPrivateFieldGet$
|
|
3798
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedDisabled_get).toString();
|
|
3799
|
+
if (__classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedDisabled_get))
|
|
3800
3800
|
this.host.removeAttribute('tabindex');
|
|
3801
3801
|
else
|
|
3802
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
3802
|
+
this.host.tabIndex = __classPrivateFieldGet$w(this, _Button_savedTabIndex, "f");
|
|
3803
3803
|
}
|
|
3804
3804
|
hrefChanged() {
|
|
3805
3805
|
this.internals.role = this.href === undefined ? 'button' : 'link';
|
|
@@ -3807,36 +3807,36 @@ class Button {
|
|
|
3807
3807
|
tabindexChanged(newValue) {
|
|
3808
3808
|
if (newValue !== null) {
|
|
3809
3809
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
3810
|
-
__classPrivateFieldSet$
|
|
3810
|
+
__classPrivateFieldSet$p(this, _Button_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
|
|
3811
3811
|
? 0
|
|
3812
3812
|
: parsedValue, "f");
|
|
3813
3813
|
}
|
|
3814
|
-
if (__classPrivateFieldGet$
|
|
3814
|
+
if (__classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedDisabled_get))
|
|
3815
3815
|
this.host.removeAttribute('tabindex');
|
|
3816
3816
|
else
|
|
3817
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
3817
|
+
this.host.tabIndex = __classPrivateFieldGet$w(this, _Button_savedTabIndex, "f");
|
|
3818
3818
|
}
|
|
3819
3819
|
textChanged() {
|
|
3820
3820
|
this.internals.ariaLabel = this.text;
|
|
3821
|
-
if (__classPrivateFieldGet$
|
|
3822
|
-
__classPrivateFieldGet$
|
|
3823
|
-
if (!__classPrivateFieldGet$
|
|
3821
|
+
if (__classPrivateFieldGet$w(this, _Button_ro, "f"))
|
|
3822
|
+
__classPrivateFieldGet$w(this, _Button_ro, "f").disconnect();
|
|
3823
|
+
if (!__classPrivateFieldGet$w(this, _Button_span, "f"))
|
|
3824
3824
|
return;
|
|
3825
|
-
const span = __classPrivateFieldGet$
|
|
3825
|
+
const span = __classPrivateFieldGet$w(this, _Button_span, "f");
|
|
3826
3826
|
readTask(() => {
|
|
3827
3827
|
this.tooltip = isOverflowing(span);
|
|
3828
3828
|
});
|
|
3829
|
-
__classPrivateFieldSet$
|
|
3829
|
+
__classPrivateFieldSet$p(this, _Button_ro, new ResizeObserver(([spanEntry]) => {
|
|
3830
3830
|
this.tooltip = isOverflowing(spanEntry.target);
|
|
3831
3831
|
}), "f");
|
|
3832
|
-
__classPrivateFieldGet$
|
|
3832
|
+
__classPrivateFieldGet$w(this, _Button_ro, "f").observe(__classPrivateFieldGet$w(this, _Button_span, "f"));
|
|
3833
3833
|
}
|
|
3834
3834
|
componentWillLoad() {
|
|
3835
|
-
__classPrivateFieldGet$
|
|
3836
|
-
__classPrivateFieldGet$
|
|
3837
|
-
__classPrivateFieldGet$
|
|
3838
|
-
__classPrivateFieldGet$
|
|
3839
|
-
__classPrivateFieldGet$
|
|
3835
|
+
__classPrivateFieldGet$w(this, _Button_instances, "m", _Button_defineGetter).call(this, 'form', () => this.internals.form);
|
|
3836
|
+
__classPrivateFieldGet$w(this, _Button_instances, "m", _Button_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
3837
|
+
__classPrivateFieldGet$w(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
3838
|
+
__classPrivateFieldGet$w(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
3839
|
+
__classPrivateFieldGet$w(this, _Button_instances, "m", _Button_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
3840
3840
|
this.hrefChanged();
|
|
3841
3841
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
3842
3842
|
this.disabledChanged();
|
|
@@ -3845,8 +3845,8 @@ class Button {
|
|
|
3845
3845
|
this.textChanged();
|
|
3846
3846
|
}
|
|
3847
3847
|
disconnectedCallback() {
|
|
3848
|
-
if (__classPrivateFieldGet$
|
|
3849
|
-
__classPrivateFieldGet$
|
|
3848
|
+
if (__classPrivateFieldGet$w(this, _Button_ro, "f"))
|
|
3849
|
+
__classPrivateFieldGet$w(this, _Button_ro, "f").disconnect();
|
|
3850
3850
|
}
|
|
3851
3851
|
render() {
|
|
3852
3852
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
@@ -3854,16 +3854,16 @@ class Button {
|
|
|
3854
3854
|
const ariaLabel = hasBadgeProperties
|
|
3855
3855
|
? `${this.text} ${this.badge} ${this.badgeDescription}`
|
|
3856
3856
|
: this.text;
|
|
3857
|
-
return (hAsync("div", { key: '702708f8e1fb763ff5eb1c6cc66ee85a861481f7', class: "qds-container", onClick: __classPrivateFieldGet$
|
|
3857
|
+
return (hAsync("div", { key: '702708f8e1fb763ff5eb1c6cc66ee85a861481f7', class: "qds-container", onClick: __classPrivateFieldGet$w(this, _Button_onClick, "f"), onKeyDown: preventDefault$1, onKeyUp: preventDefault$1, onKeyPress: preventDefault$1, "aria-hidden": "true" }, hAsync(Tag, { key: '1682ff00575959f79b05b33a7d7c0b35a75a34fe', class: {
|
|
3858
3858
|
'qds-button': true,
|
|
3859
|
-
'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$
|
|
3860
|
-
'qds-icon-only': __classPrivateFieldGet$
|
|
3861
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
3862
|
-
'qds-indicator': __classPrivateFieldGet$
|
|
3863
|
-
}, description: this.badgeDescription, importance: __classPrivateFieldGet$
|
|
3859
|
+
'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
|
|
3860
|
+
'qds-icon-only': __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
3861
|
+
}, "data-importance": __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet$w(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$w(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value, "aria-label": __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_iconOnly_get) ? ariaLabel : undefined }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'd75c65f24d52d8f4a8a99dfa8f435297dd399efe', class: "qds-icon", "data-size": __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedSize_get), library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$w(this, _Button_instances, "a", _Button_iconOnly_get) && (hAsync("span", { key: 'b2fe2406ca354bf34e81fa9395d206fe66d57ab9', class: "qds-overflow", "data-size": __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet$w(this, _Button_spanRef, "f") }, this.text)), isIndicator$1(this.badge) && (hAsync("qds-badge-indicator", { key: '28e28dfb47cfc2f8febd023723240538412df388', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), isCounter$1(this.badge) && (hAsync("qds-badge-counter", { key: '781cab4817e2ae4ea96e19b1b2b4948f6e57992d', class: {
|
|
3862
|
+
'qds-indicator': __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
3863
|
+
}, description: this.badgeDescription, importance: __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (hAsync("qds-icon", { key: '2aa8501f50cbcc504ee544b4ee0826bd069b958a', class: "qds-icon qds-action", "data-size": __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedSize_get), library: "core", name: __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedActionIcon_get) }))), hAsync("div", { key: 'cda54b0026742813a2469b613ddc494a4a546755', class: {
|
|
3864
3864
|
'qds-focus-ring': true,
|
|
3865
|
-
'qds-icon-only': __classPrivateFieldGet$
|
|
3866
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
3865
|
+
'qds-icon-only': __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
3866
|
+
}, "data-importance": __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (hAsync("qds-tooltip", { key: '80ef7d7cba1108a521dcbd88576933a2eb6589e5', ref: __classPrivateFieldGet$w(this, _Button_tooltipRef, "f") }, this.text))));
|
|
3867
3867
|
}
|
|
3868
3868
|
static get formAssociated() { return true; }
|
|
3869
3869
|
get host() { return getElement(this); }
|
|
@@ -3972,20 +3972,20 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
|
|
|
3972
3972
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
3973
3973
|
};
|
|
3974
3974
|
|
|
3975
|
-
const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-box,.qds-checkbox,.qds-icon{grid-area:
|
|
3975
|
+
const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-box,.qds-checkbox,.qds-icon{grid-area:f;place-self:center}.qds-box,.qds-icon{display:none;pointer-events:none}.qds-box{border-radius:var(--qds-control-toggle-indicator-border-radius)}.qds-container{align-self:flex-start;display:grid;grid-template-areas:\"f\"}.qds-icon{color:var(--qds-theme-signature-color-contrast)}.qds-label{cursor:pointer;display:inline-flex;width:inherit}.qds-label-inner{flex:1 1 auto;min-width:0}.qds-checkbox{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-control-input-background);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius);cursor:pointer;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-checkbox:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.qds-checkbox:active~.qds-box,.qds-checkbox:hover~.qds-box{display:block}.qds-checkbox:hover~.qds-box{background-color:var(--qds-theme-signature-color-hover)}.qds-checkbox:active~.qds-box{background-color:var(--qds-theme-signature-color-pressed)}.qds-checkbox:checked~.qds-checked,.qds-checkbox:indeterminate~.qds-indeterminate{display:block}.qds-checkbox:checked,.qds-checkbox:indeterminate{background-color:var(--qds-theme-signature-color-default);border-color:#0000}.qds-checkbox:checked:hover,.qds-checkbox:indeterminate:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-checkbox:checked:active,.qds-checkbox:indeterminate:active{background-color:var(--qds-theme-signature-color-pressed)}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-checkbox[data-size=small]{height:var(--qds-control-toggle-box-small-size);width:var(--qds-control-toggle-box-small-size)}.qds-icon[data-size=small]{font-size:var(--qds-control-small-icon-size)}.qds-box[data-size=small]{height:var(--qds-control-toggle-indicator-small-size);width:var(--qds-control-toggle-indicator-small-size)}.qds-inline[data-size=small]{margin-block:var(--qds-control-small-padding-auto-height)}.qds-label[data-size=small]{gap:var(--qds-control-small-gap-siblings-related)}.qds-checkbox[data-size=standard]{height:var(--qds-control-toggle-box-standard-size);width:var(--qds-control-toggle-box-standard-size)}.qds-icon[data-size=standard]{font-size:var(--qds-control-standard-icon-size)}.qds-box[data-size=standard]{height:var(--qds-control-toggle-indicator-standard-size);width:var(--qds-control-toggle-indicator-standard-size)}.qds-inline[data-size=standard]{margin-block:var(--qds-control-standard-padding-auto-height)}.qds-label[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related)}.qds-checkbox[data-size=large]{height:var(--qds-control-toggle-box-large-size);width:var(--qds-control-toggle-box-large-size)}.qds-icon[data-size=large]{font-size:var(--qds-control-large-icon-size)}.qds-box[data-size=large]{height:var(--qds-control-toggle-indicator-large-size);width:var(--qds-control-toggle-indicator-large-size)}.qds-inline[data-size=large]{margin-block:var(--qds-control-large-padding-auto-height)}.qds-label[data-size=large]{gap:var(--qds-control-large-gap-siblings-related)}";
|
|
3976
3976
|
var QdsCheckboxStyle0 = checkboxCss;
|
|
3977
3977
|
|
|
3978
3978
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3979
3979
|
//
|
|
3980
3980
|
// SPDX-License-Identifier: Apache-2.0
|
|
3981
|
-
var __classPrivateFieldGet$
|
|
3981
|
+
var __classPrivateFieldGet$v = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3982
3982
|
if (kind === "a" && !f)
|
|
3983
3983
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3984
3984
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
3985
3985
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
3986
3986
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
3987
3987
|
};
|
|
3988
|
-
var __classPrivateFieldSet$
|
|
3988
|
+
var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
3989
3989
|
if (kind === "m")
|
|
3990
3990
|
throw new TypeError("Private method is not writable");
|
|
3991
3991
|
if (kind === "a" && !f)
|
|
@@ -4097,24 +4097,24 @@ class Checkbox {
|
|
|
4097
4097
|
});
|
|
4098
4098
|
}
|
|
4099
4099
|
onClick(event) {
|
|
4100
|
-
if (__classPrivateFieldGet$
|
|
4100
|
+
if (__classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
|
|
4101
4101
|
event.stopImmediatePropagation();
|
|
4102
4102
|
return;
|
|
4103
4103
|
}
|
|
4104
4104
|
event.preventDefault();
|
|
4105
|
-
this.checked = __classPrivateFieldGet$
|
|
4105
|
+
this.checked = __classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? true : !__classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get);
|
|
4106
4106
|
this.changeEmitter.emit();
|
|
4107
4107
|
this.indeterminate = false;
|
|
4108
4108
|
}
|
|
4109
4109
|
checkedChanged() {
|
|
4110
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4111
|
-
? __classPrivateFieldGet$
|
|
4110
|
+
this.internals.setFormValue(__classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)
|
|
4111
|
+
? __classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedValue_get)
|
|
4112
4112
|
: // eslint-disable-next-line unicorn/no-null
|
|
4113
4113
|
null);
|
|
4114
4114
|
}
|
|
4115
4115
|
disabledChanged() {
|
|
4116
|
-
if (__classPrivateFieldGet$
|
|
4117
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4116
|
+
if (__classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
|
|
4117
|
+
this.internals.setFormValue(__classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
|
|
4118
4118
|
// eslint-disable-next-line unicorn/no-null
|
|
4119
4119
|
else
|
|
4120
4120
|
this.internals.setFormValue(null);
|
|
@@ -4125,33 +4125,33 @@ class Checkbox {
|
|
|
4125
4125
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
4126
4126
|
}
|
|
4127
4127
|
valueChanged() {
|
|
4128
|
-
if (__classPrivateFieldGet$
|
|
4129
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4128
|
+
if (__classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
|
|
4129
|
+
this.internals.setFormValue(__classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
|
|
4130
4130
|
}
|
|
4131
4131
|
componentWillLoad() {
|
|
4132
4132
|
this.valueChanged();
|
|
4133
|
-
__classPrivateFieldGet$
|
|
4134
|
-
__classPrivateFieldGet$
|
|
4135
|
-
__classPrivateFieldGet$
|
|
4136
|
-
__classPrivateFieldGet$
|
|
4137
|
-
__classPrivateFieldSet$
|
|
4133
|
+
__classPrivateFieldGet$v(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
|
|
4134
|
+
__classPrivateFieldGet$v(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
4135
|
+
__classPrivateFieldGet$v(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
4136
|
+
__classPrivateFieldGet$v(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
4137
|
+
__classPrivateFieldSet$o(this, _Checkbox_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4138
4138
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4139
4139
|
}
|
|
4140
4140
|
render() {
|
|
4141
4141
|
return (
|
|
4142
4142
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
4143
|
-
hAsync("label", { key: '77b24ee6bd6a133265604da842b0e9f045c503f2', "aria-disabled": __classPrivateFieldGet$
|
|
4143
|
+
hAsync("label", { key: '77b24ee6bd6a133265604da842b0e9f045c503f2', "aria-disabled": __classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
|
|
4144
4144
|
'qds-inline': this.inline,
|
|
4145
4145
|
'qds-label': true,
|
|
4146
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4146
|
+
}, "data-size": __classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: '6169420d2b7084145047e63c9dd10fb9aa92ea3d', class: "qds-container" }, hAsync("input", { key: 'f52ce61236b549acdc6cc7a13b0e185fabbb3d05',
|
|
4147
4147
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
4148
|
-
autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$
|
|
4148
|
+
autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$v(this, _Checkbox_onBlur, "f"), onFocus: __classPrivateFieldGet$v(this, _Checkbox_onFocus, "f"), required: this.required, tabIndex: __classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", "aria-label": this.checkboxOnly ? this.text : undefined, ...__classPrivateFieldGet$v(this, _Checkbox_inheritedAttributes, "f") }), hAsync("qds-icon", { key: 'b80b741d7d982ab4155d72d5df5adb227f9ec02e', "aria-hidden": "true", class: {
|
|
4149
4149
|
'qds-icon': true,
|
|
4150
4150
|
'qds-checked': true,
|
|
4151
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4151
|
+
}, "data-size": __classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("div", { key: 'cc97d644310d3abdb01d115dbfe6e9f2a7a1ba30', class: "qds-box", "data-size": __classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }), hAsync("qds-icon", { key: '23fa431abd3bee1a88be51e243d5c7518732825d', "aria-hidden": "true", class: {
|
|
4152
4152
|
'qds-icon': true,
|
|
4153
4153
|
'qds-indeterminate': true,
|
|
4154
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4154
|
+
}, "data-size": __classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (hAsync("qds-label", { key: 'c412f04c3558b1e1513c67cc314d624ab83f2b15', class: "qds-label-inner", required: this.required, size: this.size, text: this.text }))));
|
|
4155
4155
|
}
|
|
4156
4156
|
static get delegatesFocus() { return true; }
|
|
4157
4157
|
static get formAssociated() { return true; }
|
|
@@ -4221,14 +4221,14 @@ var QdsChipStyle0 = chipCss;
|
|
|
4221
4221
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4222
4222
|
//
|
|
4223
4223
|
// SPDX-License-Identifier: Apache-2.0
|
|
4224
|
-
var __classPrivateFieldGet$
|
|
4224
|
+
var __classPrivateFieldGet$u = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4225
4225
|
if (kind === "a" && !f)
|
|
4226
4226
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4227
4227
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
4228
4228
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4229
4229
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4230
4230
|
};
|
|
4231
|
-
var __classPrivateFieldSet$
|
|
4231
|
+
var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4232
4232
|
if (kind === "m")
|
|
4233
4233
|
throw new TypeError("Private method is not writable");
|
|
4234
4234
|
if (kind === "a" && !f)
|
|
@@ -4302,7 +4302,7 @@ class Chip {
|
|
|
4302
4302
|
_Chip_ro.set(this, void 0);
|
|
4303
4303
|
_Chip_inheritedAttributes.set(this, {});
|
|
4304
4304
|
_Chip_onIconClick.set(this, (event) => {
|
|
4305
|
-
if (!event.defaultPrevented && __classPrivateFieldGet$
|
|
4305
|
+
if (!event.defaultPrevented && __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
|
|
4306
4306
|
this.closeEmitter.emit();
|
|
4307
4307
|
});
|
|
4308
4308
|
_Chip_onFocus.set(this, (event) => {
|
|
@@ -4312,30 +4312,30 @@ class Chip {
|
|
|
4312
4312
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
4313
4313
|
});
|
|
4314
4314
|
_Chip_chipRef.set(this, (chip) => {
|
|
4315
|
-
__classPrivateFieldSet$
|
|
4315
|
+
__classPrivateFieldSet$n(this, _Chip_chip, chip, "f");
|
|
4316
4316
|
});
|
|
4317
4317
|
_Chip_spanRef.set(this, (span) => {
|
|
4318
|
-
__classPrivateFieldSet$
|
|
4318
|
+
__classPrivateFieldSet$n(this, _Chip_span, span, "f");
|
|
4319
4319
|
});
|
|
4320
4320
|
_Chip_tooltipRef.set(this, (tooltip) => {
|
|
4321
4321
|
if (tooltip)
|
|
4322
4322
|
// eslint-disable-next-line no-param-reassign
|
|
4323
|
-
tooltip.target = __classPrivateFieldGet$
|
|
4323
|
+
tooltip.target = __classPrivateFieldGet$u(this, _Chip_chip, "f");
|
|
4324
4324
|
});
|
|
4325
4325
|
}
|
|
4326
4326
|
onClick(event) {
|
|
4327
|
-
if (__classPrivateFieldGet$
|
|
4327
|
+
if (__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
|
|
4328
4328
|
event.stopImmediatePropagation();
|
|
4329
4329
|
return;
|
|
4330
4330
|
}
|
|
4331
4331
|
event.preventDefault();
|
|
4332
|
-
if (__classPrivateFieldGet$
|
|
4333
|
-
this.checked = !__classPrivateFieldGet$
|
|
4332
|
+
if (__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
|
|
4333
|
+
this.checked = !__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4334
4334
|
this.changeEmitter.emit();
|
|
4335
4335
|
}
|
|
4336
4336
|
}
|
|
4337
4337
|
handleKeyDown(event) {
|
|
4338
|
-
if (__classPrivateFieldGet$
|
|
4338
|
+
if (__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
|
|
4339
4339
|
event.stopImmediatePropagation();
|
|
4340
4340
|
return;
|
|
4341
4341
|
}
|
|
@@ -4352,23 +4352,23 @@ class Chip {
|
|
|
4352
4352
|
if (event.key !== ' ')
|
|
4353
4353
|
return;
|
|
4354
4354
|
this.isPressed = false;
|
|
4355
|
-
if (__classPrivateFieldGet$
|
|
4355
|
+
if (__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
|
|
4356
4356
|
this.closeEmitter.emit();
|
|
4357
4357
|
else {
|
|
4358
|
-
this.checked = !__classPrivateFieldGet$
|
|
4358
|
+
this.checked = !__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4359
4359
|
this.changeEmitter.emit();
|
|
4360
4360
|
}
|
|
4361
4361
|
}
|
|
4362
4362
|
checkedChanged() {
|
|
4363
|
-
this.isSelected = __classPrivateFieldGet$
|
|
4364
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4365
|
-
? __classPrivateFieldGet$
|
|
4363
|
+
this.isSelected = __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4364
|
+
this.internals.setFormValue(__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedDisabled_get)
|
|
4365
|
+
? __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedValue_get)
|
|
4366
4366
|
: // eslint-disable-next-line unicorn/no-null
|
|
4367
4367
|
null);
|
|
4368
4368
|
}
|
|
4369
4369
|
disabledChanged() {
|
|
4370
|
-
if (__classPrivateFieldGet$
|
|
4371
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4370
|
+
if (__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedDisabled_get))
|
|
4371
|
+
this.internals.setFormValue(__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedValue_get));
|
|
4372
4372
|
// eslint-disable-next-line unicorn/no-null
|
|
4373
4373
|
else
|
|
4374
4374
|
this.internals.setFormValue(null);
|
|
@@ -4379,8 +4379,8 @@ class Chip {
|
|
|
4379
4379
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
4380
4380
|
}
|
|
4381
4381
|
valueChanged() {
|
|
4382
|
-
if (__classPrivateFieldGet$
|
|
4383
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4382
|
+
if (__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedDisabled_get))
|
|
4383
|
+
this.internals.setFormValue(__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedValue_get));
|
|
4384
4384
|
}
|
|
4385
4385
|
componentWillLoad() {
|
|
4386
4386
|
this.valueChanged();
|
|
@@ -4388,40 +4388,40 @@ class Chip {
|
|
|
4388
4388
|
enumerable: true,
|
|
4389
4389
|
get: () => this.internals.form,
|
|
4390
4390
|
});
|
|
4391
|
-
__classPrivateFieldSet$
|
|
4391
|
+
__classPrivateFieldSet$n(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4392
4392
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4393
4393
|
}
|
|
4394
4394
|
componentDidLoad() {
|
|
4395
|
-
invariant(__classPrivateFieldGet$
|
|
4396
|
-
const span = __classPrivateFieldGet$
|
|
4395
|
+
invariant(__classPrivateFieldGet$u(this, _Chip_span, "f"));
|
|
4396
|
+
const span = __classPrivateFieldGet$u(this, _Chip_span, "f");
|
|
4397
4397
|
readTask(() => {
|
|
4398
4398
|
this.tooltip = isOverflowing(span);
|
|
4399
4399
|
});
|
|
4400
|
-
__classPrivateFieldSet$
|
|
4400
|
+
__classPrivateFieldSet$n(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
|
|
4401
4401
|
this.tooltip = isOverflowing(spanEntry.target);
|
|
4402
4402
|
}), "f");
|
|
4403
|
-
__classPrivateFieldGet$
|
|
4403
|
+
__classPrivateFieldGet$u(this, _Chip_ro, "f").observe(__classPrivateFieldGet$u(this, _Chip_span, "f"));
|
|
4404
4404
|
}
|
|
4405
4405
|
disconnectedCallback() {
|
|
4406
|
-
if (__classPrivateFieldGet$
|
|
4407
|
-
__classPrivateFieldGet$
|
|
4406
|
+
if (__classPrivateFieldGet$u(this, _Chip_ro, "f"))
|
|
4407
|
+
__classPrivateFieldGet$u(this, _Chip_ro, "f").disconnect();
|
|
4408
4408
|
}
|
|
4409
4409
|
render() {
|
|
4410
|
-
return (hAsync("div", { key: '38e103b1adf48ce498541e48814bfc5201d1bf9d', class: "qds-chip", ref: __classPrivateFieldGet$
|
|
4410
|
+
return (hAsync("div", { key: '38e103b1adf48ce498541e48814bfc5201d1bf9d', class: "qds-chip", ref: __classPrivateFieldGet$u(this, _Chip_chipRef, "f") }, __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable' && (hAsync("div", { key: 'fde779252f3566ee87c9cf80eeccf6304dc5af0e', "aria-disabled": __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: {
|
|
4411
4411
|
'qds-container': true,
|
|
4412
4412
|
'qds-closable-chip': true,
|
|
4413
4413
|
'qds-pressed-state': this.isPressed,
|
|
4414
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4414
|
+
}, "data-size": __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedSize_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '71e78c676f85f4cf9a4086ec58f889b923f56231', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '5c63d83cbe0ebc064bbf244a67c798ae91b717da', class: "qds-text", "data-size": __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$u(this, _Chip_spanRef, "f") }, this.text), hAsync("button", { key: 'c063e0d2015317f703decc3c6bc271d1e4758ecb', "aria-label": __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_ariaLabel_get), class: "qds-target", "data-size": __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedDisabled_get), onClick: __classPrivateFieldGet$u(this, _Chip_onIconClick, "f"), tabIndex: __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, type: "button", ...__classPrivateFieldGet$u(this, _Chip_inheritedAttributes, "f") }, hAsync("qds-icon", { key: '985982fceb4c44a74aa32bfe289e104ec6ceded2', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedSize_get), library: "core", name: "clear" })))), __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable' && (
|
|
4415
4415
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
4416
|
-
hAsync("label", { key: 'c21380e3727553860bd5d8ab743ab695e7cbf67e', "aria-disabled": __classPrivateFieldGet$
|
|
4416
|
+
hAsync("label", { key: 'c21380e3727553860bd5d8ab743ab695e7cbf67e', "aria-disabled": __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: "qds-label" }, hAsync("input", { key: 'f36b570313760fc17d59d3cb7c209c2d4ef6e12a',
|
|
4417
4417
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
4418
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$
|
|
4418
|
+
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedDisabled_get), name: this.name, onBlur: __classPrivateFieldGet$u(this, _Chip_onBlur, "f"), onFocus: __classPrivateFieldGet$u(this, _Chip_onFocus, "f"), tabIndex: __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", value: this.value ?? undefined, ...__classPrivateFieldGet$u(this, _Chip_inheritedAttributes, "f") }), hAsync("div", { key: '2c9fb79145632cfc9c6762a1eb938db6d358d6cc', class: {
|
|
4419
4419
|
'qds-container': true,
|
|
4420
4420
|
'qds-pressed-state': this.isPressed,
|
|
4421
4421
|
'qds-selected-state': this.isSelected,
|
|
4422
4422
|
'qds-padding-end': true,
|
|
4423
4423
|
'qds-cursor': true,
|
|
4424
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4424
|
+
}, "data-size": __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedSize_get) }, (this.checked ?? false) && (hAsync("qds-icon", { key: 'b111666a5f461a43c2eacaae8e08e52b62312887', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedSize_get), library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '104f950ab2b3ccb434eeb5c0db135f547f7eb795', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '05977f456c30b7aa7c947345502c53ccdc06a412', class: "qds-text", "data-size": __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$u(this, _Chip_spanRef, "f") }, this.text)))), this.tooltip && (hAsync("qds-tooltip", { key: '7c4a28ce08c9244a854ce1d26c2c00c402c6713b', "aria-hidden": "true", ref: __classPrivateFieldGet$u(this, _Chip_tooltipRef, "f"), trigger: "pointerenter focusin" }, this.text))));
|
|
4425
4425
|
}
|
|
4426
4426
|
static get delegatesFocus() { return true; }
|
|
4427
4427
|
static get formAssociated() { return true; }
|
|
@@ -4495,7 +4495,7 @@ var QdsDialogStyle0 = dialogCss;
|
|
|
4495
4495
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4496
4496
|
//
|
|
4497
4497
|
// SPDX-License-Identifier: Apache-2.0
|
|
4498
|
-
var __classPrivateFieldSet$
|
|
4498
|
+
var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4499
4499
|
if (kind === "m")
|
|
4500
4500
|
throw new TypeError("Private method is not writable");
|
|
4501
4501
|
if (kind === "a" && !f)
|
|
@@ -4504,7 +4504,7 @@ var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
4504
4504
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
4505
4505
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
4506
4506
|
};
|
|
4507
|
-
var __classPrivateFieldGet$
|
|
4507
|
+
var __classPrivateFieldGet$t = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4508
4508
|
if (kind === "a" && !f)
|
|
4509
4509
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4510
4510
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -4536,16 +4536,16 @@ class Dialog {
|
|
|
4536
4536
|
_Dialog_dialog.set(this, void 0);
|
|
4537
4537
|
_Dialog_titleId.set(this, void 0);
|
|
4538
4538
|
_Dialog_ref.set(this, (dialog) => {
|
|
4539
|
-
__classPrivateFieldSet$
|
|
4539
|
+
__classPrivateFieldSet$m(this, _Dialog_dialog, dialog, "f");
|
|
4540
4540
|
});
|
|
4541
4541
|
_Dialog_onCancel.set(this, (event) => {
|
|
4542
4542
|
if (this.cancelEmitter.emit().defaultPrevented)
|
|
4543
4543
|
event.preventDefault();
|
|
4544
4544
|
});
|
|
4545
4545
|
_Dialog_onClose.set(this, () => {
|
|
4546
|
-
invariant(__classPrivateFieldGet$
|
|
4546
|
+
invariant(__classPrivateFieldGet$t(this, _Dialog_dialog, "f"));
|
|
4547
4547
|
this.closeEmitter.emit();
|
|
4548
|
-
this.open = __classPrivateFieldGet$
|
|
4548
|
+
this.open = __classPrivateFieldGet$t(this, _Dialog_dialog, "f").open;
|
|
4549
4549
|
});
|
|
4550
4550
|
_Dialog_onSubmit.set(this, (event) => {
|
|
4551
4551
|
if ((event instanceof SubmitEvent &&
|
|
@@ -4570,25 +4570,25 @@ class Dialog {
|
|
|
4570
4570
|
this.hasFooterSlot = !!this.host.querySelector('[slot="footer"]');
|
|
4571
4571
|
}
|
|
4572
4572
|
componentWillLoad() {
|
|
4573
|
-
__classPrivateFieldSet$
|
|
4573
|
+
__classPrivateFieldSet$m(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4574
4574
|
autoIncrementingId$3 += 1;
|
|
4575
|
-
__classPrivateFieldSet$
|
|
4575
|
+
__classPrivateFieldSet$m(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$3}`, "f");
|
|
4576
4576
|
}
|
|
4577
4577
|
componentDidLoad() {
|
|
4578
4578
|
if (this.open)
|
|
4579
4579
|
this.show();
|
|
4580
4580
|
}
|
|
4581
4581
|
render() {
|
|
4582
|
-
return (hAsync(Host, { key: 'd9c64a2927ac5e398cab6fb4a86adbe2d3c6f950' }, hAsync("dialog", { key: '4901f2ce384fda8b69c3f8d4eedad30c8a260aa6', class: "qds-dialog", ref: __classPrivateFieldGet$
|
|
4582
|
+
return (hAsync(Host, { key: 'd9c64a2927ac5e398cab6fb4a86adbe2d3c6f950' }, hAsync("dialog", { key: '4901f2ce384fda8b69c3f8d4eedad30c8a260aa6', class: "qds-dialog", ref: __classPrivateFieldGet$t(this, _Dialog_ref, "f"), onCancel: __classPrivateFieldGet$t(this, _Dialog_onCancel, "f"), onClose: __classPrivateFieldGet$t(this, _Dialog_onClose, "f"), onSubmit: __classPrivateFieldGet$t(this, _Dialog_onSubmit, "f"), ...__classPrivateFieldGet$t(this, _Dialog_inheritedAttributes, "f"), "aria-labelledby": this.hasTitleSlot ? __classPrivateFieldGet$t(this, _Dialog_titleId, "f") : undefined }, this.hasTitleSlot && (hAsync("div", { key: '666cf359fb72028729e0d9f515abb1f085b10550', class: "qds-title", id: __classPrivateFieldGet$t(this, _Dialog_titleId, "f") }, hAsync("slot", { key: '663fd39d772b5c70a510b5627721f7ce9ab2db8b', name: "title" }))), hAsync("div", { key: '14b10ee7083191f471bafe2cd359ba7ad4b4dec0', class: "qds-content" }, hAsync("slot", { key: '251720e48718eda755c636c13354a9388be6ca73' })), this.hasFooterSlot && (hAsync("div", { key: '5cc3f564182c83fb7d519b050f6f128fcf6b1cda', class: "qds-footer" }, hAsync("slot", { key: '62be3e68e2b8b2463395c40ab370b07b26de93b2', name: "footer" })))), hAsync("div", { key: 'fbf307da17d8c02b6f1faf9a52427ca431b249b3', class: "qds-backdrop" })));
|
|
4583
4583
|
}
|
|
4584
4584
|
show() {
|
|
4585
|
-
invariant(__classPrivateFieldGet$
|
|
4586
|
-
__classPrivateFieldGet$
|
|
4587
|
-
this.open = __classPrivateFieldGet$
|
|
4585
|
+
invariant(__classPrivateFieldGet$t(this, _Dialog_dialog, "f"));
|
|
4586
|
+
__classPrivateFieldGet$t(this, _Dialog_dialog, "f").showModal();
|
|
4587
|
+
this.open = __classPrivateFieldGet$t(this, _Dialog_dialog, "f").open;
|
|
4588
4588
|
}
|
|
4589
4589
|
close() {
|
|
4590
|
-
invariant(__classPrivateFieldGet$
|
|
4591
|
-
__classPrivateFieldGet$
|
|
4590
|
+
invariant(__classPrivateFieldGet$t(this, _Dialog_dialog, "f"));
|
|
4591
|
+
__classPrivateFieldGet$t(this, _Dialog_dialog, "f").close();
|
|
4592
4592
|
}
|
|
4593
4593
|
get host() { return getElement(this); }
|
|
4594
4594
|
static get watchers() { return {
|
|
@@ -4616,7 +4616,7 @@ var QdsDividerStyle0 = dividerCss;
|
|
|
4616
4616
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4617
4617
|
//
|
|
4618
4618
|
// SPDX-License-Identifier: Apache-2.0
|
|
4619
|
-
var __classPrivateFieldGet$
|
|
4619
|
+
var __classPrivateFieldGet$s = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4620
4620
|
if (kind === "a" && !f)
|
|
4621
4621
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4622
4622
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -4649,18 +4649,18 @@ class Divider {
|
|
|
4649
4649
|
_Divider_internals.set(this, attachInternals.call(this));
|
|
4650
4650
|
}
|
|
4651
4651
|
verticalChanged() {
|
|
4652
|
-
__classPrivateFieldGet$
|
|
4652
|
+
__classPrivateFieldGet$s(this, _Divider_internals, "f").ariaOrientation = this.vertical ? 'vertical' : 'horizontal';
|
|
4653
4653
|
}
|
|
4654
4654
|
componentWillLoad() {
|
|
4655
|
-
__classPrivateFieldGet$
|
|
4656
|
-
__classPrivateFieldGet$
|
|
4655
|
+
__classPrivateFieldGet$s(this, _Divider_internals, "f").role = 'separator';
|
|
4656
|
+
__classPrivateFieldGet$s(this, _Divider_internals, "f").ariaHidden = 'true';
|
|
4657
4657
|
this.verticalChanged();
|
|
4658
4658
|
}
|
|
4659
4659
|
render() {
|
|
4660
4660
|
return (hAsync("hr", { key: '805394b1a2a1124bfd62a588afcb0b352f2e135e', class: {
|
|
4661
4661
|
'qds-divider': true,
|
|
4662
4662
|
'qds-vertical': this.vertical,
|
|
4663
|
-
}, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$
|
|
4663
|
+
}, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$s(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
|
|
4664
4664
|
}
|
|
4665
4665
|
static get watchers() { return {
|
|
4666
4666
|
"vertical": ["verticalChanged"]
|
|
@@ -6142,14 +6142,14 @@ var QdsDropdownStyle0 = dropdownCss;
|
|
|
6142
6142
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
6143
6143
|
//
|
|
6144
6144
|
// SPDX-License-Identifier: Apache-2.0
|
|
6145
|
-
var __classPrivateFieldGet$
|
|
6145
|
+
var __classPrivateFieldGet$r = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
6146
6146
|
if (kind === "a" && !f)
|
|
6147
6147
|
throw new TypeError("Private accessor was defined without a getter");
|
|
6148
6148
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
6149
6149
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
6150
6150
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
6151
6151
|
};
|
|
6152
|
-
var __classPrivateFieldSet$
|
|
6152
|
+
var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
6153
6153
|
if (kind === "m")
|
|
6154
6154
|
throw new TypeError("Private method is not writable");
|
|
6155
6155
|
if (kind === "a" && !f)
|
|
@@ -6206,13 +6206,13 @@ class Dropdown {
|
|
|
6206
6206
|
const { relatedTarget } = event;
|
|
6207
6207
|
if (relatedTarget instanceof globalThis.Element &&
|
|
6208
6208
|
!this.host.contains(relatedTarget) &&
|
|
6209
|
-
__classPrivateFieldGet$
|
|
6209
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") !== relatedTarget)
|
|
6210
6210
|
this.close();
|
|
6211
6211
|
});
|
|
6212
6212
|
_Dropdown_onKeydown.set(this, (event) => {
|
|
6213
6213
|
if (!(event instanceof KeyboardEvent) ||
|
|
6214
6214
|
event.key !== 'Escape' ||
|
|
6215
|
-
(event.target !== __classPrivateFieldGet$
|
|
6215
|
+
(event.target !== __classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") &&
|
|
6216
6216
|
event.target instanceof globalThis.Element &&
|
|
6217
6217
|
event.target.closest('qds-dropdown') !== this.host))
|
|
6218
6218
|
return;
|
|
@@ -6220,14 +6220,14 @@ class Dropdown {
|
|
|
6220
6220
|
if (cancelEvent.defaultPrevented)
|
|
6221
6221
|
return;
|
|
6222
6222
|
this.close();
|
|
6223
|
-
if (__classPrivateFieldGet$
|
|
6224
|
-
__classPrivateFieldGet$
|
|
6225
|
-
__classPrivateFieldGet$
|
|
6223
|
+
if (__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement ||
|
|
6224
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement)
|
|
6225
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").focus();
|
|
6226
6226
|
});
|
|
6227
6227
|
_Dropdown_onReferenceClick.set(this, () => {
|
|
6228
6228
|
if (this.disabled)
|
|
6229
6229
|
return;
|
|
6230
|
-
if (__classPrivateFieldGet$
|
|
6230
|
+
if (__classPrivateFieldGet$r(this, _Dropdown_open, "f"))
|
|
6231
6231
|
this.close();
|
|
6232
6232
|
else
|
|
6233
6233
|
this.show();
|
|
@@ -6240,33 +6240,33 @@ class Dropdown {
|
|
|
6240
6240
|
await this.updateMiddleware();
|
|
6241
6241
|
}
|
|
6242
6242
|
handleMouseDown(event) {
|
|
6243
|
-
if (!__classPrivateFieldGet$
|
|
6243
|
+
if (!__classPrivateFieldGet$r(this, _Dropdown_open, "f"))
|
|
6244
6244
|
return;
|
|
6245
6245
|
const composedPath = event.composedPath();
|
|
6246
6246
|
const withinBounds = composedPath.includes(this.host) ||
|
|
6247
|
-
(__classPrivateFieldGet$
|
|
6248
|
-
composedPath.includes(__classPrivateFieldGet$
|
|
6247
|
+
(__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
|
|
6248
|
+
composedPath.includes(__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f")));
|
|
6249
6249
|
if (!withinBounds)
|
|
6250
6250
|
this.close();
|
|
6251
6251
|
}
|
|
6252
6252
|
async updateReferenceElement() {
|
|
6253
6253
|
var _a;
|
|
6254
|
-
__classPrivateFieldGet$
|
|
6255
|
-
__classPrivateFieldSet$
|
|
6256
|
-
if (!(__classPrivateFieldGet$
|
|
6254
|
+
__classPrivateFieldGet$r(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
|
|
6255
|
+
__classPrivateFieldSet$l(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
|
|
6256
|
+
if (!(__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
|
|
6257
6257
|
return;
|
|
6258
|
-
__classPrivateFieldGet$
|
|
6259
|
-
__classPrivateFieldGet$
|
|
6260
|
-
__classPrivateFieldGet$
|
|
6261
|
-
__classPrivateFieldGet$
|
|
6258
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
|
|
6259
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").addEventListener('click', __classPrivateFieldGet$r(this, _Dropdown_onReferenceClick, "f"));
|
|
6260
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").addEventListener('focusout', __classPrivateFieldGet$r(this, _Dropdown_onFocusout, "f"));
|
|
6261
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").addEventListener('keydown', __classPrivateFieldGet$r(this, _Dropdown_onKeydown, "f"));
|
|
6262
6262
|
if (this.host.role === 'menu') {
|
|
6263
|
-
(_a = __classPrivateFieldGet$
|
|
6264
|
-
this.hostAriaLabelledBy = __classPrivateFieldGet$
|
|
6263
|
+
(_a = __classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${autoIncrementingId$2}`);
|
|
6264
|
+
this.hostAriaLabelledBy = __classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").id;
|
|
6265
6265
|
}
|
|
6266
6266
|
await this.updatePosition();
|
|
6267
6267
|
}
|
|
6268
6268
|
async updateMiddleware() {
|
|
6269
|
-
__classPrivateFieldSet$
|
|
6269
|
+
__classPrivateFieldSet$l(this, _Dropdown_middleware, [
|
|
6270
6270
|
offset({
|
|
6271
6271
|
...this.offsetOptions,
|
|
6272
6272
|
mainAxis: propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0,
|
|
@@ -6285,10 +6285,10 @@ class Dropdown {
|
|
|
6285
6285
|
await this.updatePosition();
|
|
6286
6286
|
}
|
|
6287
6287
|
async updatePosition() {
|
|
6288
|
-
if (!__classPrivateFieldGet$
|
|
6288
|
+
if (!__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f"))
|
|
6289
6289
|
return;
|
|
6290
|
-
const { x, y, strategy } = await computePosition(__classPrivateFieldGet$
|
|
6291
|
-
middleware: __classPrivateFieldGet$
|
|
6290
|
+
const { x, y, strategy } = await computePosition(__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f"), this.host, {
|
|
6291
|
+
middleware: __classPrivateFieldGet$r(this, _Dropdown_middleware, "f"),
|
|
6292
6292
|
placement: this.placement,
|
|
6293
6293
|
strategy: this.strategy,
|
|
6294
6294
|
});
|
|
@@ -6296,11 +6296,11 @@ class Dropdown {
|
|
|
6296
6296
|
this.hostTransform = `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`;
|
|
6297
6297
|
}
|
|
6298
6298
|
startAutoUpdate() {
|
|
6299
|
-
if (!__classPrivateFieldGet$
|
|
6299
|
+
if (!__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f"))
|
|
6300
6300
|
return;
|
|
6301
|
-
if (__classPrivateFieldGet$
|
|
6302
|
-
__classPrivateFieldGet$
|
|
6303
|
-
__classPrivateFieldSet$
|
|
6301
|
+
if (__classPrivateFieldGet$r(this, _Dropdown_cleanup, "f"))
|
|
6302
|
+
__classPrivateFieldGet$r(this, _Dropdown_cleanup, "f").call(this);
|
|
6303
|
+
__classPrivateFieldSet$l(this, _Dropdown_cleanup, autoUpdate(__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f"), this.host, () => {
|
|
6304
6304
|
ignorePromise(this.updatePosition());
|
|
6305
6305
|
}, this.autoUpdateOptions), "f");
|
|
6306
6306
|
}
|
|
@@ -6314,43 +6314,43 @@ class Dropdown {
|
|
|
6314
6314
|
await this.updateMiddleware();
|
|
6315
6315
|
}
|
|
6316
6316
|
disconnectedCallback() {
|
|
6317
|
-
__classPrivateFieldGet$
|
|
6317
|
+
__classPrivateFieldGet$r(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
|
|
6318
6318
|
}
|
|
6319
6319
|
render() {
|
|
6320
|
-
return (hAsync(Host, { key: 'd75d5555ed0d5d11eb72391f7848c91b61dee24a', "aria-labelledby": this.hostAriaLabelledBy, onKeyDown: __classPrivateFieldGet$
|
|
6320
|
+
return (hAsync(Host, { key: 'd75d5555ed0d5d11eb72391f7848c91b61dee24a', "aria-labelledby": this.hostAriaLabelledBy, onKeyDown: __classPrivateFieldGet$r(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$r(this, _Dropdown_onFocusout, "f"), style: {
|
|
6321
6321
|
display: this.hostDisplay,
|
|
6322
6322
|
position: this.hostPosition,
|
|
6323
6323
|
transform: this.hostTransform,
|
|
6324
6324
|
} }, hAsync("slot", { key: '66e1dae32913fe11db5381dd0327c10fb4b51237' })));
|
|
6325
6325
|
}
|
|
6326
6326
|
show() {
|
|
6327
|
-
if (__classPrivateFieldGet$
|
|
6327
|
+
if (__classPrivateFieldGet$r(this, _Dropdown_open, "f"))
|
|
6328
6328
|
return;
|
|
6329
|
-
if (__classPrivateFieldGet$
|
|
6330
|
-
__classPrivateFieldGet$
|
|
6331
|
-
__classPrivateFieldGet$
|
|
6332
|
-
if (isQdsButton(__classPrivateFieldGet$
|
|
6333
|
-
__classPrivateFieldGet$
|
|
6334
|
-
__classPrivateFieldGet$
|
|
6335
|
-
}
|
|
6336
|
-
__classPrivateFieldSet$
|
|
6329
|
+
if (__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
|
|
6330
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'true');
|
|
6331
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").setAttribute('aria-controls', this.host.id);
|
|
6332
|
+
if (isQdsButton(__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f")) &&
|
|
6333
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").action === 'dropdown')
|
|
6334
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").action = 'dropdown-close';
|
|
6335
|
+
}
|
|
6336
|
+
__classPrivateFieldSet$l(this, _Dropdown_open, true, "f");
|
|
6337
6337
|
this.hostDisplay = undefined;
|
|
6338
6338
|
this.startAutoUpdate();
|
|
6339
6339
|
}
|
|
6340
6340
|
close() {
|
|
6341
|
-
if (!__classPrivateFieldGet$
|
|
6341
|
+
if (!__classPrivateFieldGet$r(this, _Dropdown_open, "f"))
|
|
6342
6342
|
return;
|
|
6343
|
-
if (__classPrivateFieldGet$
|
|
6344
|
-
__classPrivateFieldGet$
|
|
6345
|
-
__classPrivateFieldGet$
|
|
6346
|
-
if (isQdsButton(__classPrivateFieldGet$
|
|
6347
|
-
__classPrivateFieldGet$
|
|
6348
|
-
__classPrivateFieldGet$
|
|
6349
|
-
}
|
|
6350
|
-
__classPrivateFieldSet$
|
|
6343
|
+
if (__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
|
|
6344
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
|
|
6345
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
|
|
6346
|
+
if (isQdsButton(__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f")) &&
|
|
6347
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").action === 'dropdown-close')
|
|
6348
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").action = 'dropdown';
|
|
6349
|
+
}
|
|
6350
|
+
__classPrivateFieldSet$l(this, _Dropdown_open, false, "f");
|
|
6351
6351
|
this.hostDisplay = 'none';
|
|
6352
|
-
if (__classPrivateFieldGet$
|
|
6353
|
-
__classPrivateFieldGet$
|
|
6352
|
+
if (__classPrivateFieldGet$r(this, _Dropdown_cleanup, "f"))
|
|
6353
|
+
__classPrivateFieldGet$r(this, _Dropdown_cleanup, "f").call(this);
|
|
6354
6354
|
this.closeEmitter.emit();
|
|
6355
6355
|
}
|
|
6356
6356
|
get host() { return getElement(this); }
|
|
@@ -6393,12 +6393,12 @@ class Dropdown {
|
|
|
6393
6393
|
}
|
|
6394
6394
|
_Dropdown_cleanup = new WeakMap(), _Dropdown_middleware = new WeakMap(), _Dropdown_referenceElement = new WeakMap(), _Dropdown_open = new WeakMap(), _Dropdown_onFocusout = new WeakMap(), _Dropdown_onKeydown = new WeakMap(), _Dropdown_onReferenceClick = new WeakMap(), _Dropdown_instances = new WeakSet(), _Dropdown_disconnectReferenceElement = function _Dropdown_disconnectReferenceElement() {
|
|
6395
6395
|
this.hostAriaLabelledBy = undefined;
|
|
6396
|
-
if (!(__classPrivateFieldGet$
|
|
6396
|
+
if (!(__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
|
|
6397
6397
|
return;
|
|
6398
|
-
__classPrivateFieldGet$
|
|
6399
|
-
__classPrivateFieldGet$
|
|
6400
|
-
__classPrivateFieldGet$
|
|
6401
|
-
__classPrivateFieldGet$
|
|
6398
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").removeEventListener('focusout', __classPrivateFieldGet$r(this, _Dropdown_onFocusout, "f"));
|
|
6399
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").removeEventListener('keydown', __classPrivateFieldGet$r(this, _Dropdown_onKeydown, "f"));
|
|
6400
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").removeAttribute('aria-expanded');
|
|
6401
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
|
|
6402
6402
|
};
|
|
6403
6403
|
|
|
6404
6404
|
const formMessageCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-form-message{color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap)}.qds-icon-background,.qds-icon-container{align-items:center;display:flex}.qds-icon-background{border-radius:var(--qds-control-rounded-border-radius)}.qds-icon{color:var(--qds-theme-feedback-action-destructive-contrast)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-size=small]{font:var(--qds-control-small-text)}.qds-icon-container[data-size=small]{height:var(--qds-control-small-icon-crop-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-inline[data-size=small]{margin-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text)}.qds-icon-container[data-size=standard]{height:var(--qds-control-standard-icon-crop-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-inline[data-size=standard]{margin-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text)}.qds-icon-container[data-size=large]{height:var(--qds-control-large-icon-crop-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-inline[data-size=large]{margin-block:var(--qds-control-large-padding-auto-height)}.qds-icon-background[data-status=error]{background-color:var(--qds-theme-feedback-result-failure)}.qds-text[data-status=error]{color:var(--qds-theme-feedback-result-failure)}[data-status=info].qds-icon-background{background-color:var(--qds-theme-feedback-message-informational)}.qds-icon-background[data-status=success]{background-color:var(--qds-theme-feedback-result-success)}.qds-text[data-status=success]{color:var(--qds-theme-feedback-result-success)}[data-status=warning].qds-icon-background{background-color:var(--qds-theme-feedback-result-partial-success)}";
|
|
@@ -6407,7 +6407,7 @@ var QdsFormMessageStyle0 = formMessageCss;
|
|
|
6407
6407
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
6408
6408
|
//
|
|
6409
6409
|
// SPDX-License-Identifier: Apache-2.0
|
|
6410
|
-
var __classPrivateFieldSet$
|
|
6410
|
+
var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
6411
6411
|
if (kind === "m")
|
|
6412
6412
|
throw new TypeError("Private method is not writable");
|
|
6413
6413
|
if (kind === "a" && !f)
|
|
@@ -6416,7 +6416,7 @@ var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
6416
6416
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
6417
6417
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
6418
6418
|
};
|
|
6419
|
-
var __classPrivateFieldGet$
|
|
6419
|
+
var __classPrivateFieldGet$q = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
6420
6420
|
if (kind === "a" && !f)
|
|
6421
6421
|
throw new TypeError("Private accessor was defined without a getter");
|
|
6422
6422
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -6452,13 +6452,13 @@ class FormMessage {
|
|
|
6452
6452
|
_FormMessage_inheritedAttributes.set(this, {});
|
|
6453
6453
|
}
|
|
6454
6454
|
componentWillLoad() {
|
|
6455
|
-
__classPrivateFieldSet$
|
|
6455
|
+
__classPrivateFieldSet$k(this, _FormMessage_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
6456
6456
|
}
|
|
6457
6457
|
render() {
|
|
6458
6458
|
return (hAsync("span", { key: '32515f969842006388a8f090f208f03ebfa115a5', class: {
|
|
6459
6459
|
'qds-form-message': true,
|
|
6460
6460
|
'qds-inline': this.inline,
|
|
6461
|
-
}, "data-size": __classPrivateFieldGet$
|
|
6461
|
+
}, "data-size": __classPrivateFieldGet$q(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), ...__classPrivateFieldGet$q(this, _FormMessage_inheritedAttributes, "f") }, hAsync("div", { key: '85cf43ee979919520a096ea2ad2a1cd02b5a4862', class: "qds-icon-container", "data-size": __classPrivateFieldGet$q(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: '5ccc649cbbd2b662f1a3e8bb8e957c74f05c836a', class: "qds-icon-background", "data-size": __classPrivateFieldGet$q(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status }, hAsync("qds-icon", { key: 'd026ed0da486b5ccc318a184452f25db4c6f88bc', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$q(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), name: `status-${this.status}`, library: "core" }), hAsync("span", { key: 'bd39dd83c9e92950a3e06fef7457e429eb8e89ab', class: "qds-sr-only" }, this.statusDescription))), hAsync("span", { key: 'd3f08a7ed6cf5c1c93c8dff22afd479e5cc39197', class: "qds-text", "data-status": __classPrivateFieldGet$q(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
|
|
6462
6462
|
}
|
|
6463
6463
|
get host() { return getElement(this); }
|
|
6464
6464
|
static get style() { return QdsFormMessageStyle0; }
|
|
@@ -6618,14 +6618,14 @@ var QdsIconStyle0 = iconCss;
|
|
|
6618
6618
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
6619
6619
|
//
|
|
6620
6620
|
// SPDX-License-Identifier: Apache-2.0
|
|
6621
|
-
var __classPrivateFieldGet$
|
|
6621
|
+
var __classPrivateFieldGet$p = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
6622
6622
|
if (kind === "a" && !f)
|
|
6623
6623
|
throw new TypeError("Private accessor was defined without a getter");
|
|
6624
6624
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
6625
6625
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
6626
6626
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
6627
6627
|
};
|
|
6628
|
-
var __classPrivateFieldSet$
|
|
6628
|
+
var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
6629
6629
|
if (kind === "m")
|
|
6630
6630
|
throw new TypeError("Private method is not writable");
|
|
6631
6631
|
if (kind === "a" && !f)
|
|
@@ -6680,7 +6680,7 @@ class Icon {
|
|
|
6680
6680
|
this.errorEmitter.emit();
|
|
6681
6681
|
}
|
|
6682
6682
|
else {
|
|
6683
|
-
for (const [key, value] of Object.entries(__classPrivateFieldGet$
|
|
6683
|
+
for (const [key, value] of Object.entries(__classPrivateFieldGet$p(this, _Icon_inheritedAttributes, "f")))
|
|
6684
6684
|
if (value !== undefined)
|
|
6685
6685
|
svgElement.setAttribute(key, value);
|
|
6686
6686
|
this.svg = svgElement.outerHTML;
|
|
@@ -6692,7 +6692,7 @@ class Icon {
|
|
|
6692
6692
|
}
|
|
6693
6693
|
}
|
|
6694
6694
|
async componentWillLoad() {
|
|
6695
|
-
__classPrivateFieldSet$
|
|
6695
|
+
__classPrivateFieldSet$j(this, _Icon_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
6696
6696
|
await this.setIcon();
|
|
6697
6697
|
}
|
|
6698
6698
|
render() {
|
|
@@ -6725,7 +6725,7 @@ var QdsInlineLinkStyle0 = inlineLinkCss;
|
|
|
6725
6725
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
6726
6726
|
//
|
|
6727
6727
|
// SPDX-License-Identifier: Apache-2.0
|
|
6728
|
-
var __classPrivateFieldGet$
|
|
6728
|
+
var __classPrivateFieldGet$o = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
6729
6729
|
if (kind === "a" && !f)
|
|
6730
6730
|
throw new TypeError("Private accessor was defined without a getter");
|
|
6731
6731
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -6773,7 +6773,7 @@ class InlineLink {
|
|
|
6773
6773
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
6774
6774
|
});
|
|
6775
6775
|
_InlineLink_onSlotchange.set(this, () => {
|
|
6776
|
-
__classPrivateFieldGet$
|
|
6776
|
+
__classPrivateFieldGet$o(this, _InlineLink_internals, "f").ariaLabel = this.host.textContent;
|
|
6777
6777
|
});
|
|
6778
6778
|
}
|
|
6779
6779
|
onClick(event) {
|
|
@@ -6781,7 +6781,7 @@ class InlineLink {
|
|
|
6781
6781
|
event.stopImmediatePropagation();
|
|
6782
6782
|
}
|
|
6783
6783
|
disabledChanged() {
|
|
6784
|
-
__classPrivateFieldGet$
|
|
6784
|
+
__classPrivateFieldGet$o(this, _InlineLink_internals, "f").ariaDisabled = this.disabled.toString();
|
|
6785
6785
|
}
|
|
6786
6786
|
tabindexChanged(newValue) {
|
|
6787
6787
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
@@ -6794,19 +6794,19 @@ class InlineLink {
|
|
|
6794
6794
|
this.linkIcon = determineLinkIcon(this.href, this.target);
|
|
6795
6795
|
}
|
|
6796
6796
|
componentWillLoad() {
|
|
6797
|
-
__classPrivateFieldGet$
|
|
6797
|
+
__classPrivateFieldGet$o(this, _InlineLink_internals, "f").role = 'link';
|
|
6798
6798
|
this.disabledChanged();
|
|
6799
6799
|
this.hrefTargetChanged();
|
|
6800
6800
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
6801
6801
|
}
|
|
6802
6802
|
componentDidLoad() {
|
|
6803
|
-
__classPrivateFieldGet$
|
|
6803
|
+
__classPrivateFieldGet$o(this, _InlineLink_internals, "f").ariaLabel = this.host.textContent;
|
|
6804
6804
|
}
|
|
6805
6805
|
render() {
|
|
6806
6806
|
return (hAsync("a", { key: '7565acce3bd53e90569e57b0191c237af88b7d9c', "aria-hidden": "true", class: {
|
|
6807
6807
|
'qds-inline-link': true,
|
|
6808
6808
|
'qds-disabled': this.disabled,
|
|
6809
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
6809
|
+
}, "data-importance": __classPrivateFieldGet$o(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$o(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$o(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: this.disabled ? -1 : this.tabIndex, target: this.target }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '08f09c658ec5ce9f52528ac3ae8b2fd1a8e6238b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("slot", { key: 'df5093d7c728ef9c49c8f210922bc60814b00517', onSlotchange: __classPrivateFieldGet$o(this, _InlineLink_onSlotchange, "f") }), this.linkIcon && (hAsync("qds-icon", { key: 'bcb0e96aa2a65eccc2cd13db70a4b72a3b73eb2d', class: "qds-icon", library: "core", name: this.linkIcon }))));
|
|
6810
6810
|
}
|
|
6811
6811
|
static get delegatesFocus() { return true; }
|
|
6812
6812
|
get host() { return getElement(this); }
|
|
@@ -6851,20 +6851,20 @@ _InlineLink_internals = new WeakMap(), _InlineLink_onBlur = new WeakMap(), _Inli
|
|
|
6851
6851
|
}
|
|
6852
6852
|
};
|
|
6853
6853
|
|
|
6854
|
-
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}}.qds-container,.qds-input{max-width:inherit;width:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"b\"}.qds-icon{--qds-theme-interactive-background-hover:none;--qds-theme-interactive-background-pressed:none;--qds-control-small-height:var(--qds-control-small-icon-size);flex-shrink:0}.qds-icon-container,.qds-input{grid-area:b}.qds-icon-container{align-items:center;display:flex;justify-content:center;justify-self:end;padding-inline-end:var(--qds-control-input-padding-horizontal)}.qds-icon-container.no-padding{padding-inline-end:0}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n ));grid-area:b;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width-block-end, var(--qds-control-border-width)));isolation:isolate;outline:var(--qds-control-input-focus-border-width) solid var(--qds-theme-control-input-focus-border);pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-control-border-width-inline-end,\n var(--qds-control-border-width)\n ))}[data-size=small]{font:var(--qds-control-small-text);height:var(--qds-control-small-height)}.qds-icon[data-size=small]{--qds-experimental-icon-click-target-size:var(--qds-control-small-height);height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small]~.qds-icon-container{gap:var(--qds-control-small-gap-internal);margin-inline-start:var(--qds-control-small-gap-internal)}.qds-password-padding[data-size=small],[data-size=small][type=date],[data-size=small][type=datetime-local],[data-size=small][type=email],[data-size=small][type=month],[data-size=small][type=tel],[data-size=small][type=time],[data-size=small][type=url],[data-size=small][type=week]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-small-height))}[data-size=small][type=file]::file-selector-button{font:var(--qds-control-small-text);height:var(--qds-control-small-height);margin-inline-end:var(--qds-control-small-gap-siblings-related);padding-inline:var(--qds-control-button-small-padding-horizontal)}[data-size=small][type=number]::-webkit-inner-spin-button,[data-size=small][type=number]::-webkit-outer-spin-button{margin-inline-start:var(--qds-control-small-gap-internal)}[data-size=small][type=search]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-small-icon-size) + var(--qds-control-input-padding-horizontal) + var(--qds-control-small-gap-internal))}[data-size=standard]{font:var(--qds-control-standard-text);height:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{--qds-experimental-icon-click-target-size:var(\n --qds-control-standard-height\n );height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard]~.qds-icon-container{gap:var(--qds-control-standard-gap-internal);margin-inline-start:var(--qds-control-standard-gap-internal)}.qds-password-padding[data-size=standard],[data-size=standard][type=date],[data-size=standard][type=datetime-local],[data-size=standard][type=email],[data-size=standard][type=month],[data-size=standard][type=tel],[data-size=standard][type=time],[data-size=standard][type=url],[data-size=standard][type=week]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-standard-height))}[data-size=standard][type=file]::file-selector-button{font:var(--qds-control-standard-text);height:var(--qds-control-standard-height);margin-inline-end:var(--qds-control-standard-gap-siblings-related);padding-inline:var(--qds-control-button-standard-padding-horizontal)}[data-size=standard][type=number]::-webkit-inner-spin-button,[data-size=standard][type=number]::-webkit-outer-spin-button{margin-inline-start:var(--qds-control-standard-gap-internal)}[data-size=standard][type=search]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-standard-icon-size) + var(--qds-control-input-padding-horizontal) + var(--qds-control-standard-gap-internal))}[data-size=large]{font:var(--qds-control-large-text);height:var(--qds-control-large-height)}.qds-icon[data-size=large]{--qds-experimental-icon-click-target-size:var(--qds-control-large-height);height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large]~.qds-icon-container{gap:var(--qds-control-large-gap-internal);margin-inline-start:var(--qds-control-large-gap-internal)}.qds-password-padding[data-size=large],[data-size=large][type=date],[data-size=large][type=datetime-local],[data-size=large][type=email],[data-size=large][type=month],[data-size=large][type=tel],[data-size=large][type=time],[data-size=large][type=url],[data-size=large][type=week]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-large-height))}[data-size=large][type=file]::file-selector-button{font:var(--qds-control-large-text);height:var(--qds-control-large-height);margin-inline-end:var(--qds-control-large-gap-siblings-related);padding-inline:var(--qds-control-button-large-padding-horizontal)}[data-size=large][type=number]::-webkit-inner-spin-button,[data-size=large][type=number]::-webkit-outer-spin-button{margin-inline-start:var(--qds-control-large-gap-internal)}[data-size=large][type=search]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-large-icon-size) + var(--qds-control-input-padding-horizontal) + var(--qds-control-large-gap-internal))}.qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-control-input-background);border-color:var(--qds-theme-control-border);border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );border-style:solid;border-width:var(--qds-control-border-width) var(--qds-control-border-width-inline-end,var(--qds-control-border-width)) var(--qds-control-border-width-block-end,var(--qds-control-border-width)) var(--qds-control-border-width);box-sizing:border-box;color:var(--qds-theme-control-text-standard);grid-area:b;padding-block:0;padding-inline:var(--qds-control-input-padding-horizontal)}.qds-input.qds-hide~.qds-icon-container{display:none}.qds-input:disabled{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:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-input:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{cursor:pointer;display:none}.qds-input[type=file]{padding-block:var(--qds-control-input-padding-horizontal)}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-control-text-standard)}.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],.qds-input[type=number]{padding-inline:var(--qds-control-input-padding-horizontal)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-control-input-padding-horizontal)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);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=large],.qds-input.qds-search-padding[data-size=small],.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-input-padding-horizontal))}.qds-input[data-size=large][type=file],.qds-input[data-size=small][type=file],.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-padding[data-size=large],.qds-input.qds-padding[data-size=small],.qds-input.qds-padding[data-size=standard]{padding-inline:var(--qds-control-input-padding-horizontal)}.qds-input[data-size=large],.qds-input[data-size=small],.qds-input[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline-end:var(--qds-control-input-padding-horizontal)}}}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}";
|
|
6854
|
+
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}}.qds-container,.qds-input{max-width:inherit;width:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"e\"}.qds-icon{--qds-theme-interactive-background-hover:none;--qds-theme-interactive-background-pressed:none;--qds-control-small-height:var(--qds-control-small-icon-size);flex-shrink:0}.qds-icon-container,.qds-input{grid-area:e}.qds-icon-container{align-items:center;display:flex;justify-content:center;justify-self:end;padding-inline-end:var(--qds-control-input-padding-horizontal)}.qds-icon-container.no-padding{padding-inline-end:0}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n ));grid-area:e;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width-block-end, var(--qds-control-border-width)));isolation:isolate;outline:var(--qds-control-input-focus-border-width) solid var(--qds-theme-control-input-focus-border);pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-control-border-width-inline-end,\n var(--qds-control-border-width)\n ))}[data-size=small]{font:var(--qds-control-small-text);height:var(--qds-control-small-height)}.qds-icon[data-size=small]{--qds-experimental-icon-click-target-size:var(--qds-control-small-height);height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small]~.qds-icon-container{gap:var(--qds-control-small-gap-internal);margin-inline-start:var(--qds-control-small-gap-internal)}.qds-password-padding[data-size=small],[data-size=small][type=date],[data-size=small][type=datetime-local],[data-size=small][type=email],[data-size=small][type=month],[data-size=small][type=tel],[data-size=small][type=time],[data-size=small][type=url],[data-size=small][type=week]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-small-height))}[data-size=small][type=file]::file-selector-button{font:var(--qds-control-small-text);height:var(--qds-control-small-height);margin-inline-end:var(--qds-control-small-gap-siblings-related);padding-inline:var(--qds-control-button-small-padding-horizontal)}[data-size=small][type=number]::-webkit-inner-spin-button,[data-size=small][type=number]::-webkit-outer-spin-button{margin-inline-start:var(--qds-control-small-gap-internal)}[data-size=small][type=search]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-small-icon-size) + var(--qds-control-input-padding-horizontal) + var(--qds-control-small-gap-internal))}[data-size=standard]{font:var(--qds-control-standard-text);height:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{--qds-experimental-icon-click-target-size:var(\n --qds-control-standard-height\n );height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard]~.qds-icon-container{gap:var(--qds-control-standard-gap-internal);margin-inline-start:var(--qds-control-standard-gap-internal)}.qds-password-padding[data-size=standard],[data-size=standard][type=date],[data-size=standard][type=datetime-local],[data-size=standard][type=email],[data-size=standard][type=month],[data-size=standard][type=tel],[data-size=standard][type=time],[data-size=standard][type=url],[data-size=standard][type=week]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-standard-height))}[data-size=standard][type=file]::file-selector-button{font:var(--qds-control-standard-text);height:var(--qds-control-standard-height);margin-inline-end:var(--qds-control-standard-gap-siblings-related);padding-inline:var(--qds-control-button-standard-padding-horizontal)}[data-size=standard][type=number]::-webkit-inner-spin-button,[data-size=standard][type=number]::-webkit-outer-spin-button{margin-inline-start:var(--qds-control-standard-gap-internal)}[data-size=standard][type=search]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-standard-icon-size) + var(--qds-control-input-padding-horizontal) + var(--qds-control-standard-gap-internal))}[data-size=large]{font:var(--qds-control-large-text);height:var(--qds-control-large-height)}.qds-icon[data-size=large]{--qds-experimental-icon-click-target-size:var(--qds-control-large-height);height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large]~.qds-icon-container{gap:var(--qds-control-large-gap-internal);margin-inline-start:var(--qds-control-large-gap-internal)}.qds-password-padding[data-size=large],[data-size=large][type=date],[data-size=large][type=datetime-local],[data-size=large][type=email],[data-size=large][type=month],[data-size=large][type=tel],[data-size=large][type=time],[data-size=large][type=url],[data-size=large][type=week]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-large-height))}[data-size=large][type=file]::file-selector-button{font:var(--qds-control-large-text);height:var(--qds-control-large-height);margin-inline-end:var(--qds-control-large-gap-siblings-related);padding-inline:var(--qds-control-button-large-padding-horizontal)}[data-size=large][type=number]::-webkit-inner-spin-button,[data-size=large][type=number]::-webkit-outer-spin-button{margin-inline-start:var(--qds-control-large-gap-internal)}[data-size=large][type=search]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-large-icon-size) + var(--qds-control-input-padding-horizontal) + var(--qds-control-large-gap-internal))}.qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-control-input-background);border-color:var(--qds-theme-control-border);border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );border-style:solid;border-width:var(--qds-control-border-width) var(--qds-control-border-width-inline-end,var(--qds-control-border-width)) var(--qds-control-border-width-block-end,var(--qds-control-border-width)) var(--qds-control-border-width);box-sizing:border-box;color:var(--qds-theme-control-text-standard);grid-area:e;padding-block:0;padding-inline:var(--qds-control-input-padding-horizontal)}.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:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-input:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{cursor:pointer;display:none}.qds-input[type=file]{padding-block:var(--qds-control-input-padding-horizontal)}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-control-text-standard)}.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],.qds-input[type=number]{padding-inline:var(--qds-control-input-padding-horizontal)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-control-input-padding-horizontal)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);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=large],.qds-input.qds-search-padding[data-size=small],.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-input-padding-horizontal))}.qds-input[data-size=large][type=file],.qds-input[data-size=small][type=file],.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-padding[data-size=large],.qds-input.qds-padding[data-size=small],.qds-input.qds-padding[data-size=standard]{padding-inline:var(--qds-control-input-padding-horizontal)}.qds-input[data-size=large],.qds-input[data-size=small],.qds-input[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline-end:var(--qds-control-input-padding-horizontal)}}}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}";
|
|
6855
6855
|
var QdsInputStyle0 = inputCss;
|
|
6856
6856
|
|
|
6857
6857
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
6858
6858
|
//
|
|
6859
6859
|
// SPDX-License-Identifier: Apache-2.0
|
|
6860
|
-
var __classPrivateFieldGet$
|
|
6860
|
+
var __classPrivateFieldGet$n = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
6861
6861
|
if (kind === "a" && !f)
|
|
6862
6862
|
throw new TypeError("Private accessor was defined without a getter");
|
|
6863
6863
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
6864
6864
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
6865
6865
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
6866
6866
|
};
|
|
6867
|
-
var __classPrivateFieldSet$
|
|
6867
|
+
var __classPrivateFieldSet$i = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
6868
6868
|
if (kind === "m")
|
|
6869
6869
|
throw new TypeError("Private method is not writable");
|
|
6870
6870
|
if (kind === "a" && !f)
|
|
@@ -7006,65 +7006,65 @@ class Input {
|
|
|
7006
7006
|
this.checkValidity = () => this.internals.checkValidity();
|
|
7007
7007
|
this.reportValidity = () => this.internals.reportValidity();
|
|
7008
7008
|
this.setCustomValidity = (error) => {
|
|
7009
|
-
invariant(__classPrivateFieldGet$
|
|
7010
|
-
__classPrivateFieldGet$
|
|
7009
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7010
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").setCustomValidity(error);
|
|
7011
7011
|
if (error)
|
|
7012
|
-
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$
|
|
7012
|
+
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7013
7013
|
else
|
|
7014
7014
|
this.internals.setValidity(NO_ERROR_FLAGS);
|
|
7015
7015
|
};
|
|
7016
7016
|
this.select = () => {
|
|
7017
|
-
invariant(__classPrivateFieldGet$
|
|
7018
|
-
__classPrivateFieldGet$
|
|
7017
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7018
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").select();
|
|
7019
7019
|
};
|
|
7020
7020
|
this.getSelectionDirection = () => {
|
|
7021
|
-
invariant(__classPrivateFieldGet$
|
|
7022
|
-
return __classPrivateFieldGet$
|
|
7021
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7022
|
+
return __classPrivateFieldGet$n(this, _Input_input, "f").selectionDirection;
|
|
7023
7023
|
};
|
|
7024
7024
|
this.getSelectionStart = () => {
|
|
7025
|
-
invariant(__classPrivateFieldGet$
|
|
7026
|
-
return __classPrivateFieldGet$
|
|
7025
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7026
|
+
return __classPrivateFieldGet$n(this, _Input_input, "f").selectionStart;
|
|
7027
7027
|
};
|
|
7028
7028
|
this.getSelectionEnd = () => {
|
|
7029
|
-
invariant(__classPrivateFieldGet$
|
|
7030
|
-
return __classPrivateFieldGet$
|
|
7029
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7030
|
+
return __classPrivateFieldGet$n(this, _Input_input, "f").selectionEnd;
|
|
7031
7031
|
};
|
|
7032
7032
|
this.setRangeText = (replacement, start, end, selectionMode) => {
|
|
7033
|
-
invariant(__classPrivateFieldGet$
|
|
7034
|
-
__classPrivateFieldGet$
|
|
7035
|
-
if (this.value !== __classPrivateFieldGet$
|
|
7036
|
-
this.value = __classPrivateFieldGet$
|
|
7033
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7034
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").setRangeText(replacement, start, end, selectionMode);
|
|
7035
|
+
if (this.value !== __classPrivateFieldGet$n(this, _Input_input, "f").value) {
|
|
7036
|
+
this.value = __classPrivateFieldGet$n(this, _Input_input, "f").value;
|
|
7037
7037
|
this.inputEmitter.emit();
|
|
7038
7038
|
this.changeEmitter.emit();
|
|
7039
7039
|
}
|
|
7040
7040
|
};
|
|
7041
7041
|
this.setSelectionRange = (start, end, direction) => {
|
|
7042
|
-
invariant(__classPrivateFieldGet$
|
|
7043
|
-
__classPrivateFieldGet$
|
|
7042
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7043
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").setSelectionRange(start, end, direction);
|
|
7044
7044
|
};
|
|
7045
7045
|
this.stepDown = (n) => {
|
|
7046
|
-
invariant(__classPrivateFieldGet$
|
|
7047
|
-
__classPrivateFieldGet$
|
|
7046
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7047
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").stepDown(n);
|
|
7048
7048
|
};
|
|
7049
7049
|
this.stepUp = (n) => {
|
|
7050
|
-
invariant(__classPrivateFieldGet$
|
|
7051
|
-
__classPrivateFieldGet$
|
|
7050
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7051
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").stepUp(n);
|
|
7052
7052
|
};
|
|
7053
7053
|
this.showPicker = () => {
|
|
7054
|
-
invariant(__classPrivateFieldGet$
|
|
7055
|
-
__classPrivateFieldGet$
|
|
7054
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7055
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").showPicker();
|
|
7056
7056
|
};
|
|
7057
7057
|
_Input_togglePasswordVisibility.set(this, () => {
|
|
7058
|
-
invariant(__classPrivateFieldGet$
|
|
7058
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7059
7059
|
this.isPasswordVisible = !this.isPasswordVisible;
|
|
7060
|
-
__classPrivateFieldGet$
|
|
7060
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").type = __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedType_get);
|
|
7061
7061
|
});
|
|
7062
7062
|
_Input_ref.set(this, (input) => {
|
|
7063
|
-
__classPrivateFieldSet$
|
|
7063
|
+
__classPrivateFieldSet$i(this, _Input_input, input, "f");
|
|
7064
7064
|
});
|
|
7065
7065
|
_Input_getFiles.set(this, () => {
|
|
7066
|
-
invariant(__classPrivateFieldGet$
|
|
7067
|
-
return __classPrivateFieldGet$
|
|
7066
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7067
|
+
return __classPrivateFieldGet$n(this, _Input_input, "f").files;
|
|
7068
7068
|
});
|
|
7069
7069
|
_Input_onBlur.set(this, (event) => {
|
|
7070
7070
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
@@ -7076,24 +7076,24 @@ class Input {
|
|
|
7076
7076
|
this.changeEmitter.emit();
|
|
7077
7077
|
});
|
|
7078
7078
|
_Input_onClear.set(this, () => {
|
|
7079
|
-
__classPrivateFieldGet$
|
|
7080
|
-
__classPrivateFieldGet$
|
|
7079
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_clearValue).call(this);
|
|
7080
|
+
__classPrivateFieldGet$n(this, _Input_onInput, "f").call(this, new InputEvent('input', { inputType: 'deleteContent' }));
|
|
7081
7081
|
});
|
|
7082
7082
|
_Input_onFocus.set(this, (event) => {
|
|
7083
7083
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
7084
7084
|
});
|
|
7085
7085
|
_Input_onInput.set(this, (event) => {
|
|
7086
|
-
invariant(__classPrivateFieldGet$
|
|
7087
|
-
this.value = __classPrivateFieldGet$
|
|
7086
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7087
|
+
this.value = __classPrivateFieldGet$n(this, _Input_input, "f").value;
|
|
7088
7088
|
this.inputEmitter.emit(pickInputEventAttributes(event));
|
|
7089
7089
|
});
|
|
7090
7090
|
}
|
|
7091
7091
|
onClick(event) {
|
|
7092
|
-
if (__classPrivateFieldGet$
|
|
7092
|
+
if (__classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
7093
7093
|
event.stopImmediatePropagation();
|
|
7094
7094
|
}
|
|
7095
7095
|
onKeydown(event) {
|
|
7096
|
-
if (__classPrivateFieldGet$
|
|
7096
|
+
if (__classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedDisabled_get)) {
|
|
7097
7097
|
event.stopImmediatePropagation();
|
|
7098
7098
|
return;
|
|
7099
7099
|
}
|
|
@@ -7103,23 +7103,23 @@ class Input {
|
|
|
7103
7103
|
}
|
|
7104
7104
|
}
|
|
7105
7105
|
disabledChanged() {
|
|
7106
|
-
if (__classPrivateFieldGet$
|
|
7106
|
+
if (__classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
7107
7107
|
// eslint-disable-next-line unicorn/no-null
|
|
7108
7108
|
this.internals.setFormValue(null);
|
|
7109
7109
|
else
|
|
7110
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
7110
|
+
this.internals.setFormValue(__classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedValue_get));
|
|
7111
7111
|
}
|
|
7112
7112
|
selectionDirectionChanged() {
|
|
7113
|
-
invariant(__classPrivateFieldGet$
|
|
7114
|
-
__classPrivateFieldGet$
|
|
7113
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7114
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").selectionDirection = this.selectionDirection;
|
|
7115
7115
|
}
|
|
7116
7116
|
selectionEndChanged() {
|
|
7117
|
-
invariant(__classPrivateFieldGet$
|
|
7118
|
-
__classPrivateFieldGet$
|
|
7117
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7118
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").selectionEnd = this.selectionEnd;
|
|
7119
7119
|
}
|
|
7120
7120
|
selectionStartChanged() {
|
|
7121
|
-
invariant(__classPrivateFieldGet$
|
|
7122
|
-
__classPrivateFieldGet$
|
|
7121
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7122
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").selectionStart = this.selectionStart;
|
|
7123
7123
|
}
|
|
7124
7124
|
tabindexChanged(newValue) {
|
|
7125
7125
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
@@ -7127,61 +7127,61 @@ class Input {
|
|
|
7127
7127
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
7128
7128
|
}
|
|
7129
7129
|
validationChanged() {
|
|
7130
|
-
if (!__classPrivateFieldGet$
|
|
7130
|
+
if (!__classPrivateFieldGet$n(this, _Input_input, "f"))
|
|
7131
7131
|
return;
|
|
7132
|
-
if (__classPrivateFieldGet$
|
|
7133
|
-
__classPrivateFieldGet$
|
|
7132
|
+
if (__classPrivateFieldGet$n(this, _Input_input, "f").max !== this.max && this.max !== undefined)
|
|
7133
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").max = this.max.toString();
|
|
7134
7134
|
if (this.maxLength !== undefined)
|
|
7135
|
-
__classPrivateFieldGet$
|
|
7136
|
-
if (__classPrivateFieldGet$
|
|
7137
|
-
__classPrivateFieldGet$
|
|
7135
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").maxLength = this.maxLength;
|
|
7136
|
+
if (__classPrivateFieldGet$n(this, _Input_input, "f").min !== this.min && this.min !== undefined)
|
|
7137
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").min = this.min.toString();
|
|
7138
7138
|
if (this.minLength !== undefined)
|
|
7139
|
-
__classPrivateFieldGet$
|
|
7139
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").minLength = this.minLength;
|
|
7140
7140
|
if (this.pattern !== undefined)
|
|
7141
|
-
__classPrivateFieldGet$
|
|
7142
|
-
__classPrivateFieldGet$
|
|
7143
|
-
if (__classPrivateFieldGet$
|
|
7144
|
-
__classPrivateFieldGet$
|
|
7145
|
-
__classPrivateFieldGet$
|
|
7141
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").pattern = this.pattern;
|
|
7142
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").required = this.required ?? false;
|
|
7143
|
+
if (__classPrivateFieldGet$n(this, _Input_input, "f").step !== this.step && this.step !== undefined)
|
|
7144
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").step = this.step.toString();
|
|
7145
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").type = __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedType_get);
|
|
7146
7146
|
// eslint-disable-next-line unicorn/no-null
|
|
7147
7147
|
if (this.type !== 'file' && this.value != null)
|
|
7148
|
-
__classPrivateFieldGet$
|
|
7149
|
-
const { valid } = __classPrivateFieldGet$
|
|
7148
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").value = this.value.toString();
|
|
7149
|
+
const { valid } = __classPrivateFieldGet$n(this, _Input_input, "f").validity;
|
|
7150
7150
|
if (valid)
|
|
7151
|
-
this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$
|
|
7151
|
+
this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7152
7152
|
else
|
|
7153
|
-
this.internals.setValidity(__classPrivateFieldGet$
|
|
7153
|
+
this.internals.setValidity(__classPrivateFieldGet$n(this, _Input_input, "f").validity, __classPrivateFieldGet$n(this, _Input_input, "f").validationMessage, __classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7154
7154
|
}
|
|
7155
7155
|
valueChanged() {
|
|
7156
|
-
if (!__classPrivateFieldGet$
|
|
7157
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
7158
|
-
if ((__classPrivateFieldGet$
|
|
7156
|
+
if (!__classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
7157
|
+
this.internals.setFormValue(__classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedValue_get));
|
|
7158
|
+
if ((__classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedValue_get) === null || __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedValue_get) === '') &&
|
|
7159
7159
|
this.type === 'file') {
|
|
7160
|
-
__classPrivateFieldGet$
|
|
7160
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_clearValue).call(this);
|
|
7161
7161
|
}
|
|
7162
7162
|
}
|
|
7163
7163
|
componentWillLoad() {
|
|
7164
|
-
__classPrivateFieldGet$
|
|
7165
|
-
__classPrivateFieldGet$
|
|
7166
|
-
__classPrivateFieldGet$
|
|
7167
|
-
__classPrivateFieldGet$
|
|
7168
|
-
__classPrivateFieldGet$
|
|
7169
|
-
__classPrivateFieldGet$
|
|
7170
|
-
__classPrivateFieldSet$
|
|
7164
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_defineGetter).call(this, 'form', () => this.internals.form);
|
|
7165
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
7166
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
7167
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
7168
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_defineGetter).call(this, 'files', __classPrivateFieldGet$n(this, _Input_getFiles, "f"));
|
|
7169
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
7170
|
+
__classPrivateFieldSet$i(this, _Input_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
7171
7171
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
7172
7172
|
}
|
|
7173
7173
|
componentDidLoad() {
|
|
7174
|
-
invariant(__classPrivateFieldGet$
|
|
7174
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7175
7175
|
this.validationChanged();
|
|
7176
7176
|
this.valueChanged();
|
|
7177
7177
|
// FIXME: This event is supported by the native `<input>` element but not
|
|
7178
7178
|
// recognized by Stencil's type definitions, so it needs to be manually
|
|
7179
7179
|
// bound here.
|
|
7180
|
-
__classPrivateFieldGet$
|
|
7180
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").addEventListener('cancel', __classPrivateFieldGet$n(this, _Input_onCancel, "f"));
|
|
7181
7181
|
}
|
|
7182
7182
|
disconnectedCallback() {
|
|
7183
|
-
if (__classPrivateFieldGet$
|
|
7184
|
-
__classPrivateFieldGet$
|
|
7183
|
+
if (__classPrivateFieldGet$n(this, _Input_input, "f"))
|
|
7184
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").removeEventListener('cancel', __classPrivateFieldGet$n(this, _Input_onCancel, "f"));
|
|
7185
7185
|
}
|
|
7186
7186
|
render() {
|
|
7187
7187
|
const hasValue = this.value !== null && this.value !== undefined && this.value !== '';
|
|
@@ -7199,13 +7199,13 @@ class Input {
|
|
|
7199
7199
|
'qds-padding': shouldHideIcon,
|
|
7200
7200
|
'qds-password-padding': this.type === 'password' ||
|
|
7201
7201
|
(this.isPasswordVisible && this.type === 'text'),
|
|
7202
|
-
}, "data-size": __classPrivateFieldGet$
|
|
7202
|
+
}, "data-size": __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedSize_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, max: this.max, maxLength: this.maxLength, min: this.min, minLength: this.minLength, multiple: this.multiple, onBlur: __classPrivateFieldGet$n(this, _Input_onBlur, "f"), onChange: __classPrivateFieldGet$n(this, _Input_onChange, "f"), onFocus: __classPrivateFieldGet$n(this, _Input_onFocus, "f"), onInput: __classPrivateFieldGet$n(this, _Input_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet$n(this, _Input_ref, "f"), spellcheck: this.host.spellcheck, step: this.step, tabIndex: __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedDisabled_get) ? undefined : this.tabIndex, type: __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedType_get), ...__classPrivateFieldGet$n(this, _Input_inheritedAttributes, "f") }), hAsync("div", { key: '76df6489d080978a3272ef04d57e0739f183052f', class: "qds-focus-ring" }), __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: 'af02237afb4f9dd58f52acb6811ffda0177b47a1', class: {
|
|
7203
7203
|
'qds-icon-container': true,
|
|
7204
7204
|
'no-padding': shouldRemoveSearchPadding,
|
|
7205
7205
|
} }, shouldShowClearButton && (hAsync("qds-button", { key: 'cb7df2dfb2e1c7a3e4302f1b15108da1a7e1c51d', class: {
|
|
7206
7206
|
'qds-icon': true,
|
|
7207
7207
|
'qds-hide': !hasValue,
|
|
7208
|
-
}, disabled: this.disabled, iconLibrary: "core", iconName: "clear", iconOnly: true, importance: "subdued", onClick: __classPrivateFieldGet$
|
|
7208
|
+
}, disabled: this.disabled, iconLibrary: "core", iconName: "clear", iconOnly: true, importance: "subdued", onClick: __classPrivateFieldGet$n(this, _Input_onClear, "f"), size: "small", text: "clear input" })), __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_hasIcon_get) && (hAsync("qds-icon", { key: '4673721c023cb9cad110963d2076122a77a9e18f', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedSize_get), library: "core", name: __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedIconName_get) })), __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) && (hAsync("qds-button", { key: 'e91546f1598a8e661fb02a3c11c311eef0d42e4f', class: "qds-icon", disabled: this.disabled, iconLibrary: "core", iconName: __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedIconName_get), iconOnly: true, importance: "subdued", onClick: __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_iconClickHandler_get), size: "small", text: __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedAriaLabel_get) })), shouldShowSearchIcon ? (hAsync("qds-icon", { "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedSize_get), library: "core", name: __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedIconName_get) })) : (hAsync("div", null))))));
|
|
7209
7209
|
}
|
|
7210
7210
|
static get delegatesFocus() { return true; }
|
|
7211
7211
|
static get formAssociated() { return true; }
|
|
@@ -7315,7 +7315,7 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
|
|
|
7315
7315
|
['month', 'time', 'date', 'datetime-local', 'week', 'password'].includes(this.type));
|
|
7316
7316
|
}, _Input_iconClickHandler_get = function _Input_iconClickHandler_get() {
|
|
7317
7317
|
return this.type === 'password'
|
|
7318
|
-
? __classPrivateFieldGet$
|
|
7318
|
+
? __classPrivateFieldGet$n(this, _Input_togglePasswordVisibility, "f")
|
|
7319
7319
|
: this.showPicker;
|
|
7320
7320
|
}, _Input_computedType_get = function _Input_computedType_get() {
|
|
7321
7321
|
return this.type === 'password' && this.isPasswordVisible
|
|
@@ -7330,8 +7330,8 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
|
|
|
7330
7330
|
}, _Input_defineGetter = function _Input_defineGetter(p, get) {
|
|
7331
7331
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
7332
7332
|
}, _Input_clearValue = function _Input_clearValue() {
|
|
7333
|
-
invariant(__classPrivateFieldGet$
|
|
7334
|
-
__classPrivateFieldGet$
|
|
7333
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7334
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").value = '';
|
|
7335
7335
|
};
|
|
7336
7336
|
|
|
7337
7337
|
const labelCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-label{box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap);width:100%}.qds-label:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-focus-border-width) solid var(--qds-theme-focus-border);outline-offset:var(--qds-focus-border-offset)}.qds-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}[data-size=small]{font:var(--qds-control-small-text)}.qds-inline[data-size=small]{margin-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard]{margin-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text)}.qds-inline[data-size=large]{margin-block:var(--qds-control-large-padding-auto-height)}";
|
|
@@ -7340,14 +7340,14 @@ var QdsLabelStyle0 = labelCss;
|
|
|
7340
7340
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7341
7341
|
//
|
|
7342
7342
|
// SPDX-License-Identifier: Apache-2.0
|
|
7343
|
-
var __classPrivateFieldGet$
|
|
7343
|
+
var __classPrivateFieldGet$m = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7344
7344
|
if (kind === "a" && !f)
|
|
7345
7345
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7346
7346
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7347
7347
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
7348
7348
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
7349
7349
|
};
|
|
7350
|
-
var __classPrivateFieldSet$
|
|
7350
|
+
var __classPrivateFieldSet$h = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7351
7351
|
if (kind === "m")
|
|
7352
7352
|
throw new TypeError("Private method is not writable");
|
|
7353
7353
|
if (kind === "a" && !f)
|
|
@@ -7386,45 +7386,45 @@ class Label {
|
|
|
7386
7386
|
_Label_ro.set(this, void 0);
|
|
7387
7387
|
_Label_span.set(this, void 0);
|
|
7388
7388
|
_Label_labelRef.set(this, (label) => {
|
|
7389
|
-
__classPrivateFieldSet$
|
|
7389
|
+
__classPrivateFieldSet$h(this, _Label_label, label, "f");
|
|
7390
7390
|
});
|
|
7391
7391
|
_Label_spanRef.set(this, (span) => {
|
|
7392
|
-
__classPrivateFieldSet$
|
|
7392
|
+
__classPrivateFieldSet$h(this, _Label_span, span, "f");
|
|
7393
7393
|
});
|
|
7394
7394
|
_Label_tooltipRef.set(this, (tooltip) => {
|
|
7395
7395
|
if (tooltip)
|
|
7396
7396
|
// eslint-disable-next-line no-param-reassign
|
|
7397
|
-
tooltip.target = __classPrivateFieldGet$
|
|
7397
|
+
tooltip.target = __classPrivateFieldGet$m(this, _Label_label, "f");
|
|
7398
7398
|
});
|
|
7399
7399
|
}
|
|
7400
7400
|
textChanged() {
|
|
7401
|
-
if (__classPrivateFieldGet$
|
|
7402
|
-
__classPrivateFieldGet$
|
|
7403
|
-
if (!__classPrivateFieldGet$
|
|
7401
|
+
if (__classPrivateFieldGet$m(this, _Label_ro, "f"))
|
|
7402
|
+
__classPrivateFieldGet$m(this, _Label_ro, "f").disconnect();
|
|
7403
|
+
if (!__classPrivateFieldGet$m(this, _Label_span, "f"))
|
|
7404
7404
|
return;
|
|
7405
|
-
const span = __classPrivateFieldGet$
|
|
7405
|
+
const span = __classPrivateFieldGet$m(this, _Label_span, "f");
|
|
7406
7406
|
readTask(() => {
|
|
7407
7407
|
this.tooltip = isOverflowing(span);
|
|
7408
7408
|
});
|
|
7409
|
-
__classPrivateFieldSet$
|
|
7409
|
+
__classPrivateFieldSet$h(this, _Label_ro, new ResizeObserver(([spanEntry]) => {
|
|
7410
7410
|
this.tooltip = isOverflowing(spanEntry.target);
|
|
7411
7411
|
}), "f");
|
|
7412
|
-
__classPrivateFieldGet$
|
|
7412
|
+
__classPrivateFieldGet$m(this, _Label_ro, "f").observe(__classPrivateFieldGet$m(this, _Label_span, "f"));
|
|
7413
7413
|
}
|
|
7414
7414
|
componentDidLoad() {
|
|
7415
7415
|
this.textChanged();
|
|
7416
7416
|
}
|
|
7417
7417
|
disconnectedCallback() {
|
|
7418
|
-
if (__classPrivateFieldGet$
|
|
7419
|
-
__classPrivateFieldGet$
|
|
7418
|
+
if (__classPrivateFieldGet$m(this, _Label_ro, "f"))
|
|
7419
|
+
__classPrivateFieldGet$m(this, _Label_ro, "f").disconnect();
|
|
7420
7420
|
}
|
|
7421
7421
|
render() {
|
|
7422
7422
|
return (hAsync("span", { key: '04557d25d0f4063cdc200c14dcc5093282480ef2', class: {
|
|
7423
7423
|
'qds-inline': this.inline,
|
|
7424
7424
|
'qds-label': true,
|
|
7425
|
-
}, "data-size": __classPrivateFieldGet$
|
|
7425
|
+
}, "data-size": __classPrivateFieldGet$m(this, _Label_instances, "a", _Label_computedSize_get), ref: __classPrivateFieldGet$m(this, _Label_labelRef, "f"),
|
|
7426
7426
|
// eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
|
|
7427
|
-
tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '9ec237e88c66e0eaa9039a29cace2205aa00b5fc', class: "qds-required" }, "*"), hAsync("span", { key: '6675cf1a16640d5530d32f2d5e8f3892a8225c15', class: "qds-text", ref: __classPrivateFieldGet$
|
|
7427
|
+
tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '9ec237e88c66e0eaa9039a29cace2205aa00b5fc', class: "qds-required" }, "*"), hAsync("span", { key: '6675cf1a16640d5530d32f2d5e8f3892a8225c15', class: "qds-text", ref: __classPrivateFieldGet$m(this, _Label_spanRef, "f") }, this.text), this.tooltip && (hAsync("qds-tooltip", { key: '80bdb4ec82929404911f752dce2b525603dd613c', "aria-hidden": "true", ref: __classPrivateFieldGet$m(this, _Label_tooltipRef, "f") }, this.text))));
|
|
7428
7428
|
}
|
|
7429
7429
|
static get watchers() { return {
|
|
7430
7430
|
"text": ["textChanged"]
|
|
@@ -7464,7 +7464,7 @@ var QdsListItemStyle0 = listItemCss;
|
|
|
7464
7464
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7465
7465
|
//
|
|
7466
7466
|
// SPDX-License-Identifier: Apache-2.0
|
|
7467
|
-
var __classPrivateFieldGet$
|
|
7467
|
+
var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7468
7468
|
if (kind === "a" && !f)
|
|
7469
7469
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7470
7470
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -7516,7 +7516,7 @@ class ListItem {
|
|
|
7516
7516
|
// Note that this will need adjustments once we add the `item-action` slot.
|
|
7517
7517
|
event.preventDefault();
|
|
7518
7518
|
if (this.listAction === 'multiselect') {
|
|
7519
|
-
this.checked = __classPrivateFieldGet$
|
|
7519
|
+
this.checked = __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedIndeterminate_get) ? true : !__classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedChecked_get);
|
|
7520
7520
|
this.changeEmitter.emit();
|
|
7521
7521
|
this.indeterminate = false;
|
|
7522
7522
|
}
|
|
@@ -7537,16 +7537,16 @@ class ListItem {
|
|
|
7537
7537
|
hAsync("li", { key: 'c85d55cd3ac8feac479d083eda49f4f0b30d0479', class: {
|
|
7538
7538
|
'qds-list-item': true,
|
|
7539
7539
|
'qds-disabled': this.disabled,
|
|
7540
|
-
'qds-divider': __classPrivateFieldGet$
|
|
7541
|
-
'qds-multiselect': __classPrivateFieldGet$
|
|
7542
|
-
'qds-selected': __classPrivateFieldGet$
|
|
7543
|
-
'qds-checked': __classPrivateFieldGet$
|
|
7544
|
-
}, "data-size": __classPrivateFieldGet$
|
|
7540
|
+
'qds-divider': __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedDivider_get) === undefined,
|
|
7541
|
+
'qds-multiselect': __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect',
|
|
7542
|
+
'qds-selected': __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
|
|
7543
|
+
'qds-checked': __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedChecked_get),
|
|
7544
|
+
}, "data-size": __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedSize_get), role: "listitem" // Required because it can't be a direct child of a list element (<ul>, <ol>, or <menu>).
|
|
7545
7545
|
,
|
|
7546
|
-
...this.inheritedAttributes }, __classPrivateFieldGet$
|
|
7546
|
+
...this.inheritedAttributes }, __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: 'e009fe7c14014db5e9b15a193b72c6f772a89211', checked: this.checked, class: "qds-list-action", indeterminate: this.indeterminate, size: this.size, tabIndex: -1, text: this.text, checkboxOnly: true })), __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'reorder' && (hAsync("qds-icon", { key: '9067a11441139fe1f72f9c3e0eff6303e3075b94', "aria-hidden": "true", class: "qds-icon qds-list-action", library: "core", name: __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedListAction_get) })), hAsync("div", { key: '509559713f04a4e512457c6e67f07726a9d8d71d', class: {
|
|
7547
7547
|
'qds-indented-content': true,
|
|
7548
|
-
'qds-divider': __classPrivateFieldGet$
|
|
7549
|
-
} }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'df33c08dae14a2f1c96739f42f5a31a7102ff2d5', "aria-hidden": "true", class: "qds-icon qds-main-icon", library: this.iconLibrary, name: this.iconName })), hAsync("label", { key: '89b9b7abd196959444aa9a90dbab084e8fd619cb', class: "qds-texts" }, hAsync("input", { key: '8653a0496fc8cedd98ae0b136573ddf9735dfa36', checked: this.selected, class: "qds-input", disabled: this.disabled, indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$
|
|
7548
|
+
'qds-divider': __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedDivider_get) === 'indent',
|
|
7549
|
+
} }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'df33c08dae14a2f1c96739f42f5a31a7102ff2d5', "aria-hidden": "true", class: "qds-icon qds-main-icon", library: this.iconLibrary, name: this.iconName })), hAsync("label", { key: '89b9b7abd196959444aa9a90dbab084e8fd619cb', class: "qds-texts" }, hAsync("input", { key: '8653a0496fc8cedd98ae0b136573ddf9735dfa36', checked: this.selected, class: "qds-input", disabled: this.disabled, indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$l(this, _ListItem_onBlur, "f"), onFocus: __classPrivateFieldGet$l(this, _ListItem_onFocus, "f"), tabIndex: this.disabled ? undefined : this.tabIndex, type: "checkbox" }), this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: '6551cfbecc9b5a7089a555f593ee00ea8bc5dd44', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: 'b3cf789a107852128c6e6d1b097c49f00b1c862c', class: "qds-title" }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '7765860d7e5d3615dc27d9e454956734ec53ac06', class: "qds-subtitle" }, this.subtitle))), __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (hAsync("qds-icon", { key: '3d9a3f7b24f9629d09e2bd8cf0839c0f44f1aa38', "aria-hidden": "true", class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))))
|
|
7550
7550
|
/* eslint-enable jsx-a11y/label-has-associated-control */
|
|
7551
7551
|
);
|
|
7552
7552
|
}
|
|
@@ -7634,7 +7634,7 @@ var QdsLoaderStyle0 = loaderCss;
|
|
|
7634
7634
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7635
7635
|
//
|
|
7636
7636
|
// SPDX-License-Identifier: Apache-2.0
|
|
7637
|
-
var __classPrivateFieldGet$
|
|
7637
|
+
var __classPrivateFieldGet$k = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7638
7638
|
if (kind === "a" && !f)
|
|
7639
7639
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7640
7640
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -7666,7 +7666,7 @@ class Loader {
|
|
|
7666
7666
|
}
|
|
7667
7667
|
statusChanged() {
|
|
7668
7668
|
this.internals.ariaValueNow =
|
|
7669
|
-
__classPrivateFieldGet$
|
|
7669
|
+
__classPrivateFieldGet$k(this, _Loader_instances, "a", _Loader_computedStatus_get) === 'loading'
|
|
7670
7670
|
? // eslint-disable-next-line unicorn/no-null
|
|
7671
7671
|
null
|
|
7672
7672
|
: this.internals.ariaValueMax;
|
|
@@ -7675,11 +7675,11 @@ class Loader {
|
|
|
7675
7675
|
this.internals.role = 'progressbar';
|
|
7676
7676
|
this.internals.ariaValueMin = this.host.ariaValueMin ?? '0';
|
|
7677
7677
|
this.internals.ariaValueMax = this.host.ariaValueMax ?? '1';
|
|
7678
|
-
__classPrivateFieldGet$
|
|
7678
|
+
__classPrivateFieldGet$k(this, _Loader_instances, "m", _Loader_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
7679
7679
|
this.statusChanged();
|
|
7680
7680
|
}
|
|
7681
7681
|
render() {
|
|
7682
|
-
return __classPrivateFieldGet$
|
|
7682
|
+
return __classPrivateFieldGet$k(this, _Loader_instances, "a", _Loader_computedStatus_get) === 'loading' ? (hAsync("div", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet$k(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": __classPrivateFieldGet$k(this, _Loader_instances, "a", _Loader_computedStatus_get) })) : (hAsync("qds-icon", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet$k(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": __classPrivateFieldGet$k(this, _Loader_instances, "a", _Loader_computedStatus_get), library: "core", name: `status-${this.status}` }));
|
|
7683
7683
|
}
|
|
7684
7684
|
static get formAssociated() { return true; }
|
|
7685
7685
|
get host() { return getElement(this); }
|
|
@@ -7725,6 +7725,146 @@ _Loader_instances = new WeakSet(), _Loader_computedSize_get = function _Loader_c
|
|
|
7725
7725
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
7726
7726
|
};
|
|
7727
7727
|
|
|
7728
|
+
const miniButtonCss = ":host{display:block}:host(:focus-visible){border-radius:var(--qds-focus-rounded-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-mini-button{align-items:center;border:none;border-radius:var(--qds-control-rounded-border-radius);color:var(--qds-theme-control-text-standard);display:flex;justify-content:center;min-height:var(--qds-control-mini-button-standard-size);padding:0;width:var(--qds-control-mini-button-standard-size)}.qds-mini-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-mini-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-mini-button:focus-visible{outline:none}.qds-mini-button:disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{align-content:center;font-size:var(--qds-control-standard-icon-size);line-height:normal}";
|
|
7729
|
+
var QdsMiniButtonStyle0 = miniButtonCss;
|
|
7730
|
+
|
|
7731
|
+
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
7732
|
+
//
|
|
7733
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
7734
|
+
var __classPrivateFieldGet$j = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7735
|
+
if (kind === "a" && !f)
|
|
7736
|
+
throw new TypeError("Private accessor was defined without a getter");
|
|
7737
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7738
|
+
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
7739
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
7740
|
+
};
|
|
7741
|
+
var __classPrivateFieldSet$g = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7742
|
+
if (kind === "m")
|
|
7743
|
+
throw new TypeError("Private method is not writable");
|
|
7744
|
+
if (kind === "a" && !f)
|
|
7745
|
+
throw new TypeError("Private accessor was defined without a setter");
|
|
7746
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7747
|
+
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
7748
|
+
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
7749
|
+
};
|
|
7750
|
+
var _MiniButton_instances, _MiniButton_savedTabIndex, _MiniButton_computedDisabled_get;
|
|
7751
|
+
const preventDefault = (event) => {
|
|
7752
|
+
event.preventDefault();
|
|
7753
|
+
};
|
|
7754
|
+
/**
|
|
7755
|
+
* @experimental
|
|
7756
|
+
*/
|
|
7757
|
+
class MiniButton {
|
|
7758
|
+
constructor(hostRef) {
|
|
7759
|
+
registerInstance(this, hostRef);
|
|
7760
|
+
this.blurEmitter = createEvent(this, "qdsBlur", 2);
|
|
7761
|
+
this.focusEmitter = createEvent(this, "qdsFocus", 2);
|
|
7762
|
+
if (hostRef.$hostElement$["s-ei"]) {
|
|
7763
|
+
this.internals = hostRef.$hostElement$["s-ei"];
|
|
7764
|
+
}
|
|
7765
|
+
else {
|
|
7766
|
+
this.internals = hostRef.$hostElement$.attachInternals();
|
|
7767
|
+
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
7768
|
+
}
|
|
7769
|
+
_MiniButton_instances.add(this);
|
|
7770
|
+
/**
|
|
7771
|
+
* The name of a registered icon library.
|
|
7772
|
+
*/
|
|
7773
|
+
this.library = 'default';
|
|
7774
|
+
/**
|
|
7775
|
+
* When href is define and the button act as a link (`<a>`), the `rel` will be added to the element.
|
|
7776
|
+
*
|
|
7777
|
+
* @webnative
|
|
7778
|
+
*/
|
|
7779
|
+
this.rel = 'noopener';
|
|
7780
|
+
_MiniButton_savedTabIndex.set(this, 0);
|
|
7781
|
+
}
|
|
7782
|
+
disabledChanged() {
|
|
7783
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$j(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get).toString();
|
|
7784
|
+
if (__classPrivateFieldGet$j(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
|
|
7785
|
+
this.host.removeAttribute('tabindex');
|
|
7786
|
+
else
|
|
7787
|
+
this.host.tabIndex = __classPrivateFieldGet$j(this, _MiniButton_savedTabIndex, "f");
|
|
7788
|
+
}
|
|
7789
|
+
hrefChanged() {
|
|
7790
|
+
this.internals.role = this.href === undefined ? 'button' : 'link';
|
|
7791
|
+
}
|
|
7792
|
+
tabindexChanged(newValue) {
|
|
7793
|
+
if (newValue !== null) {
|
|
7794
|
+
const parsedValue = Number.parseInt(newValue, 10);
|
|
7795
|
+
__classPrivateFieldSet$g(this, _MiniButton_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
|
|
7796
|
+
? 0
|
|
7797
|
+
: parsedValue, "f");
|
|
7798
|
+
}
|
|
7799
|
+
if (__classPrivateFieldGet$j(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
|
|
7800
|
+
this.host.removeAttribute('tabindex');
|
|
7801
|
+
else
|
|
7802
|
+
this.host.tabIndex = __classPrivateFieldGet$j(this, _MiniButton_savedTabIndex, "f");
|
|
7803
|
+
}
|
|
7804
|
+
textChanged() {
|
|
7805
|
+
this.internals.ariaLabel = this.text;
|
|
7806
|
+
}
|
|
7807
|
+
onClick(event) {
|
|
7808
|
+
if (__classPrivateFieldGet$j(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get)) {
|
|
7809
|
+
event.stopImmediatePropagation();
|
|
7810
|
+
}
|
|
7811
|
+
}
|
|
7812
|
+
onBlur(event) {
|
|
7813
|
+
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
7814
|
+
}
|
|
7815
|
+
onFocus(event) {
|
|
7816
|
+
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
7817
|
+
}
|
|
7818
|
+
onKeydown(event) {
|
|
7819
|
+
if (event.key === 'Enter')
|
|
7820
|
+
this.host.click();
|
|
7821
|
+
}
|
|
7822
|
+
onKeyup(event) {
|
|
7823
|
+
if (event.key === ' ')
|
|
7824
|
+
this.host.click();
|
|
7825
|
+
}
|
|
7826
|
+
componentWillLoad() {
|
|
7827
|
+
this.hrefChanged();
|
|
7828
|
+
this.textChanged();
|
|
7829
|
+
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
7830
|
+
this.disabledChanged();
|
|
7831
|
+
}
|
|
7832
|
+
render() {
|
|
7833
|
+
const Tag = this.href === undefined ? 'button' : 'a';
|
|
7834
|
+
return (hAsync(Tag, { key: 'a82d713053ab10096f20cc9305acdcff07c4d09a', type: Tag === 'a' ? undefined : 'button', class: "qds-mini-button", href: Tag === 'a' ? this.href : undefined, rel: Tag === 'a' ? this.rel : undefined, disabled: __classPrivateFieldGet$j(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get), "aria-hidden": "true", onKeyDown: preventDefault, onKeyUp: preventDefault, onKeyPress: preventDefault, tabIndex: -1 }, hAsync("qds-icon", { key: 'c695e0af10a6eb172c8735193c470b9bbbeea8e7', class: "qds-icon", library: this.library, name: this.name })));
|
|
7835
|
+
}
|
|
7836
|
+
static get formAssociated() { return true; }
|
|
7837
|
+
get host() { return getElement(this); }
|
|
7838
|
+
static get watchers() { return {
|
|
7839
|
+
"disabled": ["disabledChanged"],
|
|
7840
|
+
"href": ["hrefChanged"],
|
|
7841
|
+
"tabindex": ["tabindexChanged"],
|
|
7842
|
+
"text": ["textChanged"]
|
|
7843
|
+
}; }
|
|
7844
|
+
static get style() { return QdsMiniButtonStyle0; }
|
|
7845
|
+
static get cmpMeta() { return {
|
|
7846
|
+
"$flags$": 73,
|
|
7847
|
+
"$tagName$": "qds-mini-button",
|
|
7848
|
+
"$members$": {
|
|
7849
|
+
"disabled": [4],
|
|
7850
|
+
"name": [1],
|
|
7851
|
+
"library": [1],
|
|
7852
|
+
"target": [1],
|
|
7853
|
+
"href": [1],
|
|
7854
|
+
"rel": [1],
|
|
7855
|
+
"text": [1]
|
|
7856
|
+
},
|
|
7857
|
+
"$listeners$": [[0, "click", "onClick"], [0, "blur", "onBlur"], [0, "focus", "onFocus"], [0, "keydown", "onKeydown"], [0, "keyup", "onKeyup"]],
|
|
7858
|
+
"$lazyBundleId$": "-",
|
|
7859
|
+
"$attrsToReflect$": []
|
|
7860
|
+
}; }
|
|
7861
|
+
}
|
|
7862
|
+
_MiniButton_savedTabIndex = new WeakMap(), _MiniButton_instances = new WeakSet(), _MiniButton_computedDisabled_get = function _MiniButton_computedDisabled_get() {
|
|
7863
|
+
return (this.host.matches(':disabled') ||
|
|
7864
|
+
(this.host.hasAttribute('disabled') &&
|
|
7865
|
+
this.host.getAttribute('disabled') !== 'false'));
|
|
7866
|
+
};
|
|
7867
|
+
|
|
7728
7868
|
const navListItemCss = ":host([hidden]){display:none!important}:host{display:block}.qds-button,.qds-nav-list-item,.qds-texts{display:flex}.qds-button,.qds-texts{flex:1 0}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-button{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;text-align:initial}.qds-button:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-button:not(.qds-selected):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button:not(.qds-selected):active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-subtext{color:var(--qds-theme-subtitle)}.qds-texts{flex-direction:column}.qds-button[data-size=small]{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding-block:var(--qds-list-item-small-padding-vertical);padding-inline:var(--qds-list-item-small-padding-horizontal)}[data-size=small]>.qds-icon{font-size:var(--qds-list-item-small-icon-size)}[data-size=small]>.qds-texts{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-text{font:var(--qds-list-item-small-title)}[data-size=small] .qds-subtext{font:var(--qds-list-item-small-subtitle)}.qds-button[data-size=standard]{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding-block:var(--qds-list-item-standard-padding-vertical);padding-inline:var(--qds-list-item-standard-padding-horizontal)}[data-size=standard]>.qds-icon{font-size:var(--qds-list-item-standard-icon-size)}[data-size=standard]>.qds-texts{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-text{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-subtext{font:var(--qds-list-item-standard-subtitle)}.qds-button[data-size=large]{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding-block:var(--qds-list-item-large-padding-vertical);padding-inline:var(--qds-list-item-large-padding-horizontal)}[data-size=large]>.qds-icon{font-size:var(--qds-list-item-large-icon-size)}[data-size=large]>.qds-texts{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-text{font:var(--qds-list-item-large-title)}[data-size=large] .qds-subtext{font:var(--qds-list-item-large-subtitle)}.qds-selected.qds-nav-list-item{background-color:var(\n --qds-theme-navigation-subsection-standard-background\n )}.qds-selected.qds-nav-list-item:after{background-color:var(--qds-theme-signature-color-default);border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";cursor:pointer;margin-right:calc(var(--qds-signature-line-connection-width)*-1/2);width:var(--qds-signature-line-connection-width)}.qds-selected .qds-icon{color:var(--qds-theme-signature-color-default)}.qds-selected[data-size=small] .qds-text{font:var(--qds-list-item-small-title-emphasized)}.qds-selected[data-size=standard] .qds-text{font:var(--qds-list-item-standard-title-emphasized)}.qds-selected[data-size=large] .qds-text{font:var(--qds-list-item-large-title-emphasized)}";
|
|
7729
7869
|
var QdsNavListItemStyle0 = navListItemCss;
|
|
7730
7870
|
|
|
@@ -7805,14 +7945,14 @@ class NavListItem {
|
|
|
7805
7945
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
7806
7946
|
}
|
|
7807
7947
|
render() {
|
|
7808
|
-
return (hAsync(Host, { key: '
|
|
7948
|
+
return (hAsync(Host, { key: '88eaa31989bd2b28a7256c8820f857568736d6b8' }, hAsync("li", { key: '0250edce147e1885b89e4258063807cc6c54cfbb', class: {
|
|
7809
7949
|
'qds-nav-list-item': true,
|
|
7810
7950
|
'qds-disabled': this.disabled,
|
|
7811
7951
|
'qds-selected': this.selected,
|
|
7812
|
-
}, ref: __classPrivateFieldGet$i(this, _NavListItem_liRef, "f"), ...this.inheritedAttributes }, hAsync("button", { key: '
|
|
7952
|
+
}, ref: __classPrivateFieldGet$i(this, _NavListItem_liRef, "f"), ...this.inheritedAttributes }, hAsync("button", { key: '57e3719f754e9ef68ea8797094be6db169a966a7', class: {
|
|
7813
7953
|
'qds-button': true,
|
|
7814
7954
|
'qds-selected': this.selected,
|
|
7815
|
-
}, "data-size": __classPrivateFieldGet$i(this, _NavListItem_instances, "a", _NavListItem_computedSize_get), disabled: this.disabled, onBlur: __classPrivateFieldGet$i(this, _NavListItem_onBlur, "f"), onFocus: __classPrivateFieldGet$i(this, _NavListItem_onFocus, "f"), tabIndex: this.disabled ? undefined : this.tabIndex, type: "button" }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '
|
|
7955
|
+
}, "data-size": __classPrivateFieldGet$i(this, _NavListItem_instances, "a", _NavListItem_computedSize_get), disabled: this.disabled, onBlur: __classPrivateFieldGet$i(this, _NavListItem_onBlur, "f"), onFocus: __classPrivateFieldGet$i(this, _NavListItem_onFocus, "f"), tabIndex: this.disabled ? undefined : this.tabIndex, type: "button" }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'f5b3ad3e5a57dc0c892a00b85d306513c474f6c3', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$i(this, _NavListItem_instances, "a", _NavListItem_shouldCollapse_get) && this.text && this.renderText())), __classPrivateFieldGet$i(this, _NavListItem_instances, "a", _NavListItem_shouldCollapse_get) && this.text && (hAsync("qds-tooltip", { key: '94043aa8869d4a1c99f4805d141b07059630d0e9', placement: "right", ref: __classPrivateFieldGet$i(this, _NavListItem_tooltipRef, "f") }, this.renderText()))));
|
|
7816
7956
|
}
|
|
7817
7957
|
renderText() {
|
|
7818
7958
|
return (hAsync("div", { class: "qds-texts" }, hAsync("div", { class: "qds-text" }, this.text), this.subtext !== undefined && this.subtext !== '' && (hAsync("div", { class: "qds-subtext" }, this.subtext))));
|
|
@@ -7949,7 +8089,7 @@ class ProgressBar {
|
|
|
7949
8089
|
this.valueChanged();
|
|
7950
8090
|
}
|
|
7951
8091
|
render() {
|
|
7952
|
-
return (hAsync("div", { key: '
|
|
8092
|
+
return (hAsync("div", { key: '9db8d359460393ab8b7dadfa916f7ef168dd2ace', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$h(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, hAsync("div", { key: '69c5a453374524390a1da8649f09f769800c4c79', class: {
|
|
7953
8093
|
'qds-bar': true,
|
|
7954
8094
|
'qds-indeterminate': __classPrivateFieldGet$h(this, _ProgressBar_position, "f") === -1,
|
|
7955
8095
|
}, "data-size": __classPrivateFieldGet$h(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
|
|
@@ -8108,7 +8248,7 @@ _QdsBreadcrumbItem_internals = new WeakMap(), _QdsBreadcrumbItem_breadcrumbItem
|
|
|
8108
8248
|
return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$g(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
|
|
8109
8249
|
};
|
|
8110
8250
|
|
|
8111
|
-
const radioCss = "[hidden].sc-qds-radio-h{display:none!important}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-box.sc-qds-radio,.qds-icon.sc-qds-radio,.qds-radio.sc-qds-radio{grid-area:
|
|
8251
|
+
const radioCss = "[hidden].sc-qds-radio-h{display:none!important}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-box.sc-qds-radio,.qds-icon.sc-qds-radio,.qds-radio.sc-qds-radio{grid-area:g;place-self:center}.qds-box.sc-qds-radio,.qds-icon.sc-qds-radio{display:none;pointer-events:none}.qds-box.sc-qds-radio{border-radius:var(--qds-control-rounded-border-radius)}.qds-container.sc-qds-radio{align-self:flex-start;display:grid;grid-template-areas:\"g\"}.qds-icon.sc-qds-radio{color:var(--qds-theme-signature-color-contrast)}.qds-label.sc-qds-radio{cursor:pointer;display:inline-flex;width:inherit}.qds-label-inner.sc-qds-radio{flex:1 1 auto;min-width:0}.qds-radio.sc-qds-radio{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-control-input-background);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-rounded-border-radius);cursor:pointer;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-radio.sc-qds-radio:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.qds-radio.sc-qds-radio:active~.qds-box.sc-qds-radio,.qds-radio.sc-qds-radio:hover~.qds-box.sc-qds-radio{display:block}.qds-radio.sc-qds-radio:hover~.qds-box.sc-qds-radio{background-color:var(--qds-theme-signature-color-hover)}.qds-radio.sc-qds-radio:active~.qds-box.sc-qds-radio{background-color:var(--qds-theme-signature-color-pressed)}.qds-radio.sc-qds-radio:checked{background-color:var(--qds-theme-signature-color-default);border-color:#0000}.qds-radio.sc-qds-radio:checked~.qds-icon.sc-qds-radio{display:block}.qds-radio.sc-qds-radio:checked:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-radio.sc-qds-radio:checked:active{background-color:var(--qds-theme-signature-color-pressed)}[aria-disabled=true].sc-qds-radio{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-radio[data-size=small].sc-qds-radio{height:var(--qds-control-toggle-box-small-size);width:var(--qds-control-toggle-box-small-size)}.qds-icon[data-size=small].sc-qds-radio{font-size:var(--qds-control-small-icon-size)}.qds-box[data-size=small].sc-qds-radio{height:var(--qds-control-toggle-indicator-small-size);width:var(--qds-control-toggle-indicator-small-size)}.qds-inline[data-size=small].sc-qds-radio{margin-block:var(--qds-control-small-padding-auto-height)}.qds-label[data-size=small].sc-qds-radio{gap:var(--qds-control-small-gap-siblings-related)}.qds-radio[data-size=standard].sc-qds-radio{height:var(--qds-control-toggle-box-standard-size);width:var(--qds-control-toggle-box-standard-size)}.qds-icon[data-size=standard].sc-qds-radio{font-size:var(--qds-control-standard-icon-size)}.qds-box[data-size=standard].sc-qds-radio{height:var(--qds-control-toggle-indicator-standard-size);width:var(--qds-control-toggle-indicator-standard-size)}.qds-inline[data-size=standard].sc-qds-radio{margin-block:var(--qds-control-standard-padding-auto-height)}.qds-label[data-size=standard].sc-qds-radio{gap:var(--qds-control-standard-gap-siblings-related)}.qds-radio[data-size=large].sc-qds-radio{height:var(--qds-control-toggle-box-large-size);width:var(--qds-control-toggle-box-large-size)}.qds-icon[data-size=large].sc-qds-radio{font-size:var(--qds-control-large-icon-size)}.qds-box[data-size=large].sc-qds-radio{height:var(--qds-control-toggle-indicator-large-size);width:var(--qds-control-toggle-indicator-large-size)}.qds-inline[data-size=large].sc-qds-radio{margin-block:var(--qds-control-large-padding-auto-height)}.qds-label[data-size=large].sc-qds-radio{gap:var(--qds-control-large-gap-siblings-related)}";
|
|
8112
8252
|
var QdsRadioStyle0 = radioCss;
|
|
8113
8253
|
|
|
8114
8254
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -8194,10 +8334,10 @@ class Radio {
|
|
|
8194
8334
|
render() {
|
|
8195
8335
|
return (
|
|
8196
8336
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
8197
|
-
hAsync("label", { key: '
|
|
8337
|
+
hAsync("label", { key: '23ace2714389b46c3add4b490c8ac6f55280225c', "aria-disabled": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
|
|
8198
8338
|
'qds-inline': this.inline,
|
|
8199
8339
|
'qds-label': true,
|
|
8200
|
-
}, "data-size": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '
|
|
8340
|
+
}, "data-size": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: 'bce520672b4a0c298fb9ca3997ff2fe461ae08cc', class: "qds-container" }, hAsync("input", { key: 'c8a220f45b5f525ebbbd7c305dc66feea19edb98', checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet$f(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet$f(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet$f(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet$f(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet$f(this, _Radio_inheritedAttributes, "f") }), hAsync("div", { key: '94a43d8c542c88bfacf34f58f2fae3afa6dda7d7', class: "qds-box", "data-size": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get) }), hAsync("qds-icon", { key: '2f0d140af1b891448c4f233068cd3c286c20fbf5', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get), library: "core", name: "checked" })), __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_hasText_get) && (hAsync("qds-label", { key: '77fd0b965803598675ea5d65c7e8eedfc935f51e', class: "qds-label-inner", size: __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get), text: this.text }))));
|
|
8201
8341
|
}
|
|
8202
8342
|
get host() { return getElement(this); }
|
|
8203
8343
|
static get watchers() { return {
|
|
@@ -8241,7 +8381,7 @@ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio
|
|
|
8241
8381
|
return this.text !== undefined && this.text !== '';
|
|
8242
8382
|
};
|
|
8243
8383
|
|
|
8244
|
-
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:\"
|
|
8384
|
+
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:\"i\"}.qds-container,.qds-select{width:inherit}.qds-icon,.qds-select{color:var(--qds-theme-control-text-standard);grid-area:i}.qds-icon{margin-inline-end:calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-border-width));place-self:center end;pointer-events:none}.qds-select{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-control-input-background);border-color:var(--qds-theme-control-border);border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );border-style:solid;border-width:var(--qds-control-border-width) var(--qds-control-border-width-inline-end,var(--qds-control-border-width)) var(--qds-control-border-width-block-end,var(--qds-control-border-width)) var(--qds-control-border-width);margin:0;outline:0;padding-block:0;padding-inline:var(--qds-control-input-padding-horizontal);text-overflow:ellipsis}.qds-select:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.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-control-small-text)}.qds-select[data-size=small]:not([multiple]){height:var(--qds-control-small-height);padding-inline-end:calc(var(--qds-control-small-icon-size) + var(--qds-text-icon-gap) + var(--qds-control-input-padding-horizontal))}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-select[data-size=standard]{font:var(--qds-control-standard-text)}.qds-select[data-size=standard]:not([multiple]){height:var(--qds-control-standard-height);padding-inline-end:calc(var(--qds-control-standard-icon-size) + var(--qds-text-icon-gap) + var(--qds-control-input-padding-horizontal))}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-select[data-size=large]{font:var(--qds-control-large-text)}.qds-select[data-size=large]:not([multiple]){height:var(--qds-control-large-height);padding-inline-end:calc(var(--qds-control-large-icon-size) + var(--qds-text-icon-gap) + var(--qds-control-input-padding-horizontal))}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n ));grid-area:i;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width-block-end, var(--qds-control-border-width)));isolation:isolate;outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset);pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-control-border-width-inline-end,\n var(--qds-control-border-width)\n ))}.qds-select:focus-visible~.qds-focus-ring{visibility:visible}";
|
|
8245
8385
|
var QdsSelectStyle0 = selectCss;
|
|
8246
8386
|
|
|
8247
8387
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -8672,11 +8812,11 @@ class StandaloneLink {
|
|
|
8672
8812
|
__classPrivateFieldGet$d(this, _StandaloneLink_internals, "f").ariaLabel = this.host.textContent;
|
|
8673
8813
|
}
|
|
8674
8814
|
render() {
|
|
8675
|
-
return (hAsync("a", { key: '
|
|
8815
|
+
return (hAsync("a", { key: 'e48afece8fd8b8339cb1ee661c9a09bf61ab0146', "aria-hidden": "true", class: {
|
|
8676
8816
|
'qds-standalone-link': true,
|
|
8677
8817
|
'qds-disabled': this.disabled,
|
|
8678
8818
|
'qds-visitable': this.visitable,
|
|
8679
|
-
}, "data-importance": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$d(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$d(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: this.disabled ? -1 : this.tabIndex, target: this.target }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: '
|
|
8819
|
+
}, "data-importance": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$d(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$d(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: this.disabled ? -1 : this.tabIndex, target: this.target }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: '60a41c69b01145af29994ef595710cbc58d0711b', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'e1adb7424e1d57c8fd9fb80d5f0d44c795ebe4b6', class: "qds-icon", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: 'd8037b957dd4495838a7590610f459dad153f332', class: "qds-text" }, hAsync("slot", { key: '2d9d8a27db76aa20151723b539ad9d9fd9041139', onSlotchange: __classPrivateFieldGet$d(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: 'bb97fb9af9a7484b8e611c2a522a1bddc520c175', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '7861afe8bd04f71907ad7a2b2396447376e1e9af', class: "qds-icon", library: "core", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), name: this.linkIcon }))), this.importance === 'emphasized' && (hAsync("span", { key: '789e646d33cd42d528c1b8ba7edbbc01b0617ccd', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'c5f99f7795b86d631b410d03c9d12bab604ff898', class: "qds-icon", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
|
|
8680
8820
|
}
|
|
8681
8821
|
static get delegatesFocus() { return true; }
|
|
8682
8822
|
get host() { return getElement(this); }
|
|
@@ -8882,13 +9022,13 @@ class Switch {
|
|
|
8882
9022
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
8883
9023
|
}
|
|
8884
9024
|
render() {
|
|
8885
|
-
return (hAsync("div", { key: '
|
|
9025
|
+
return (hAsync("div", { key: '9acbb1b1c5375cd174d3aed2a7879e8b6b3c7472', class: {
|
|
8886
9026
|
'qds-container': true,
|
|
8887
9027
|
'qds-disabled': __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedDisabled_get),
|
|
8888
9028
|
'qds-inline': this.inline,
|
|
8889
|
-
}, "data-size": __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("input", { key: '
|
|
9029
|
+
}, "data-size": __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("input", { key: '4a2c48da782ec746c4744390ce0f2322f1ad6fb5', "aria-hidden": "true",
|
|
8890
9030
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
8891
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, onBlur: __classPrivateFieldGet$c(this, _Switch_onBlur, "f"), onFocus: __classPrivateFieldGet$c(this, _Switch_onFocus, "f"), tabIndex: __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", value: this.value ?? undefined, ...this.inheritedAttributes }), hAsync("div", { key: '
|
|
9031
|
+
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, onBlur: __classPrivateFieldGet$c(this, _Switch_onBlur, "f"), onFocus: __classPrivateFieldGet$c(this, _Switch_onFocus, "f"), tabIndex: __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", value: this.value ?? undefined, ...this.inheritedAttributes }), hAsync("div", { key: '896324e443fcb5a01a63774edb00792738c625fd', class: "qds-track", "data-size": __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("div", { key: '1cdea502d9172409e80ea6544081ee869134dce2', class: "qds-knob", "data-size": __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedSize_get) }))));
|
|
8892
9032
|
}
|
|
8893
9033
|
static get delegatesFocus() { return true; }
|
|
8894
9034
|
static get formAssociated() { return true; }
|
|
@@ -9671,7 +9811,7 @@ class Table {
|
|
|
9671
9811
|
__classPrivateFieldSet$9(this, _Table_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9672
9812
|
}
|
|
9673
9813
|
render() {
|
|
9674
|
-
return (hAsync("table", { key: '
|
|
9814
|
+
return (hAsync("table", { key: 'f34e3fb2d7ddef56617d6d86c2a019fb79514e1f', class: "qds-table", ...__classPrivateFieldGet$9(this, _Table_inheritedAttributes, "f") }, hAsync("slot", { key: '9e32f5abe9e820b6b8ab444d336d8c49506aa679' })));
|
|
9675
9815
|
}
|
|
9676
9816
|
get host() { return getElement(this); }
|
|
9677
9817
|
static get style() { return QdsTableStyle0; }
|
|
@@ -9725,7 +9865,7 @@ class TableBody {
|
|
|
9725
9865
|
__classPrivateFieldSet$8(this, _TableBody_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9726
9866
|
}
|
|
9727
9867
|
render() {
|
|
9728
|
-
return (hAsync("tbody", { key: '
|
|
9868
|
+
return (hAsync("tbody", { key: '23e490cff0689c33d92d0fbe231f098296c05ec2', class: "qds-table-body", ...__classPrivateFieldGet$8(this, _TableBody_inheritedAttributes, "f") }, hAsync("slot", { key: '6dfad826fe9a74aa3a71e2bd683c200ef17ae46a' })));
|
|
9729
9869
|
}
|
|
9730
9870
|
get host() { return getElement(this); }
|
|
9731
9871
|
static get style() { return QdsTableBodyStyle0; }
|
|
@@ -9778,7 +9918,7 @@ class TableCell {
|
|
|
9778
9918
|
__classPrivateFieldSet$7(this, _TableCell_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9779
9919
|
}
|
|
9780
9920
|
render() {
|
|
9781
|
-
return (hAsync("td", { key: '
|
|
9921
|
+
return (hAsync("td", { key: 'b73dd8ef0fb1443f192d647d12003d47fb2480d3', class: "qds-table-cell", colSpan: this.colSpan, rowSpan: this.rowSpan, ...__classPrivateFieldGet$7(this, _TableCell_inheritedAttributes, "f") }, hAsync("slot", { key: '09d1b12174e6484dbd582d7face12d72b6353d64' })));
|
|
9782
9922
|
}
|
|
9783
9923
|
get host() { return getElement(this); }
|
|
9784
9924
|
static get style() { return QdsTableCellStyle0; }
|
|
@@ -9835,7 +9975,7 @@ class TableHead {
|
|
|
9835
9975
|
__classPrivateFieldSet$6(this, _TableHead_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9836
9976
|
}
|
|
9837
9977
|
render() {
|
|
9838
|
-
return (hAsync("thead", { key: '
|
|
9978
|
+
return (hAsync("thead", { key: '97bffcfb6e148c38bd9bf10ea8afd0d42e3ea849', class: "qds-table-head", ...__classPrivateFieldGet$6(this, _TableHead_inheritedAttributes, "f") }, hAsync("slot", { key: 'b345dd91feddae411bcc89e31adf7125594fe25d' })));
|
|
9839
9979
|
}
|
|
9840
9980
|
get host() { return getElement(this); }
|
|
9841
9981
|
static get style() { return QdsTableHeadStyle0; }
|
|
@@ -9948,7 +10088,7 @@ class TableRow {
|
|
|
9948
10088
|
__classPrivateFieldSet$4(this, _TableRow_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9949
10089
|
}
|
|
9950
10090
|
render() {
|
|
9951
|
-
return (hAsync("tr", { key: '
|
|
10091
|
+
return (hAsync("tr", { key: '036cf106976339fe0f253a729a8aa47616b8348e', class: "qds-table-row", ...__classPrivateFieldGet$4(this, _TableRow_inheritedAttributes, "f") }, hAsync("slot", { key: '545b496a6616c05cc3dd52038d977e4b16b69bfc' })));
|
|
9952
10092
|
}
|
|
9953
10093
|
get host() { return getElement(this); }
|
|
9954
10094
|
static get style() { return QdsTableRowStyle0; }
|
|
@@ -10413,7 +10553,7 @@ _TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(
|
|
|
10413
10553
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
10414
10554
|
};
|
|
10415
10555
|
|
|
10416
|
-
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"
|
|
10556
|
+
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"a\"}.qds-titles.qds-has-kicker{grid-template-areas:\"b\" \"a\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"a\" \"c\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"b\" \"a\" \"c\"}.qds-has-icon{grid-template-areas:\"d a\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". b\" \"d a\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"d a\" \". c\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". b\" \"d a\" \". c\"}.qds-kicker,.qds-subtitle,.qds-title{margin-block:0}.qds-title{color:var(--qds-theme-title);grid-area:a}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:c}.qds-kicker{color:var(--qds-theme-kicker);grid-area:b}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:d}.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-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)}";
|
|
10417
10557
|
var QdsTitleStyle0 = titleCss;
|
|
10418
10558
|
|
|
10419
10559
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -10880,6 +11020,7 @@ registerComponents([
|
|
|
10880
11020
|
Label,
|
|
10881
11021
|
ListItem,
|
|
10882
11022
|
Loader,
|
|
11023
|
+
MiniButton,
|
|
10883
11024
|
NavListItem,
|
|
10884
11025
|
ProgressBar,
|
|
10885
11026
|
QdsBreadcrumbItem,
|