@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.js
CHANGED
|
@@ -3187,7 +3187,7 @@ var QdsBadgeCounterStyle0 = badgeCounterCss;
|
|
|
3187
3187
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3188
3188
|
//
|
|
3189
3189
|
// SPDX-License-Identifier: Apache-2.0
|
|
3190
|
-
var __classPrivateFieldGet$
|
|
3190
|
+
var __classPrivateFieldGet$y = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3191
3191
|
if (kind === "a" && !f)
|
|
3192
3192
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3193
3193
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -3222,7 +3222,7 @@ class BadgeCounter {
|
|
|
3222
3222
|
return (hAsync("span", { key: 'c10f61ebe0ba000dad466c46e9565a5422cf8207', class: {
|
|
3223
3223
|
'qds-badge-counter': true,
|
|
3224
3224
|
'qds-stroke-ring': this.strokeRing,
|
|
3225
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
3225
|
+
}, "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)));
|
|
3226
3226
|
}
|
|
3227
3227
|
static get style() { return QdsBadgeCounterStyle0; }
|
|
3228
3228
|
static get cmpMeta() { return {
|
|
@@ -3279,7 +3279,7 @@ var QdsBadgeIndicatorStyle0 = badgeIndicatorCss;
|
|
|
3279
3279
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3280
3280
|
//
|
|
3281
3281
|
// SPDX-License-Identifier: Apache-2.0
|
|
3282
|
-
var __classPrivateFieldGet$
|
|
3282
|
+
var __classPrivateFieldGet$x = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3283
3283
|
if (kind === "a" && !f)
|
|
3284
3284
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3285
3285
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -3314,7 +3314,7 @@ class BadgeIndicator {
|
|
|
3314
3314
|
return (hAsync("div", { key: 'fbbd2e4f60e31f9d339146c76c53aa1eda61c7a3', class: {
|
|
3315
3315
|
'qds-badge-indicator': true,
|
|
3316
3316
|
'qds-stroke-ring': this.strokeRing,
|
|
3317
|
-
}, "data-size": __classPrivateFieldGet$
|
|
3317
|
+
}, "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)));
|
|
3318
3318
|
}
|
|
3319
3319
|
static get style() { return QdsBadgeIndicatorStyle0; }
|
|
3320
3320
|
static get cmpMeta() { return {
|
|
@@ -3571,20 +3571,20 @@ const VALID_STATE = {
|
|
|
3571
3571
|
valueMissing: false,
|
|
3572
3572
|
};
|
|
3573
3573
|
|
|
3574
|
-
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:\"
|
|
3574
|
+
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)}";
|
|
3575
3575
|
var QdsButtonStyle0 = buttonCss;
|
|
3576
3576
|
|
|
3577
3577
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3578
3578
|
//
|
|
3579
3579
|
// SPDX-License-Identifier: Apache-2.0
|
|
3580
|
-
var __classPrivateFieldGet$
|
|
3580
|
+
var __classPrivateFieldGet$w = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3581
3581
|
if (kind === "a" && !f)
|
|
3582
3582
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3583
3583
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
3584
3584
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
3585
3585
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
3586
3586
|
};
|
|
3587
|
-
var __classPrivateFieldSet$
|
|
3587
|
+
var __classPrivateFieldSet$p = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
3588
3588
|
if (kind === "m")
|
|
3589
3589
|
throw new TypeError("Private method is not writable");
|
|
3590
3590
|
if (kind === "a" && !f)
|
|
@@ -3598,7 +3598,7 @@ const isCounter$1 = (value) => typeof value === 'string'
|
|
|
3598
3598
|
? !Number.isNaN(Number.parseFloat(value))
|
|
3599
3599
|
: typeof value === 'number';
|
|
3600
3600
|
const isIndicator$1 = (value) => value === '' || value === true;
|
|
3601
|
-
const preventDefault = (event) => {
|
|
3601
|
+
const preventDefault$1 = (event) => {
|
|
3602
3602
|
event.preventDefault();
|
|
3603
3603
|
};
|
|
3604
3604
|
/**
|
|
@@ -3748,15 +3748,15 @@ class Button {
|
|
|
3748
3748
|
this.reportValidity = () => this.internals.reportValidity();
|
|
3749
3749
|
this.setCustomValidity = (error) => {
|
|
3750
3750
|
if (error)
|
|
3751
|
-
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$
|
|
3751
|
+
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$w(this, _Button_button, "f"));
|
|
3752
3752
|
else
|
|
3753
3753
|
this.internals.setValidity(NO_ERROR_FLAGS);
|
|
3754
3754
|
};
|
|
3755
3755
|
_Button_buttonRef.set(this, (button) => {
|
|
3756
|
-
__classPrivateFieldSet$
|
|
3756
|
+
__classPrivateFieldSet$p(this, _Button_button, button, "f");
|
|
3757
3757
|
});
|
|
3758
3758
|
_Button_spanRef.set(this, (span) => {
|
|
3759
|
-
__classPrivateFieldSet$
|
|
3759
|
+
__classPrivateFieldSet$p(this, _Button_span, span, "f");
|
|
3760
3760
|
});
|
|
3761
3761
|
_Button_tooltipRef.set(this, (tooltip) => {
|
|
3762
3762
|
if (tooltip)
|
|
@@ -3764,8 +3764,8 @@ class Button {
|
|
|
3764
3764
|
tooltip.target = this.host;
|
|
3765
3765
|
});
|
|
3766
3766
|
_Button_onClick.set(this, (event) => {
|
|
3767
|
-
if (__classPrivateFieldGet$
|
|
3768
|
-
preventDefault(event);
|
|
3767
|
+
if (__classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedDisabled_get)) {
|
|
3768
|
+
preventDefault$1(event);
|
|
3769
3769
|
}
|
|
3770
3770
|
});
|
|
3771
3771
|
}
|
|
@@ -3773,13 +3773,13 @@ class Button {
|
|
|
3773
3773
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
3774
3774
|
}
|
|
3775
3775
|
onClick(event) {
|
|
3776
|
-
if (__classPrivateFieldGet$
|
|
3776
|
+
if (__classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedDisabled_get)) {
|
|
3777
3777
|
event.stopImmediatePropagation();
|
|
3778
3778
|
return;
|
|
3779
3779
|
}
|
|
3780
|
-
if (__classPrivateFieldGet$
|
|
3780
|
+
if (__classPrivateFieldGet$w(this, _Button_instances, "a", _Button_buttonType_get) === 'button' || !this.internals.form)
|
|
3781
3781
|
return;
|
|
3782
|
-
if (__classPrivateFieldGet$
|
|
3782
|
+
if (__classPrivateFieldGet$w(this, _Button_instances, "a", _Button_buttonType_get) === 'reset') {
|
|
3783
3783
|
this.internals.form.reset();
|
|
3784
3784
|
}
|
|
3785
3785
|
else {
|
|
@@ -3799,11 +3799,11 @@ class Button {
|
|
|
3799
3799
|
this.host.click();
|
|
3800
3800
|
}
|
|
3801
3801
|
disabledChanged() {
|
|
3802
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
3803
|
-
if (__classPrivateFieldGet$
|
|
3802
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedDisabled_get).toString();
|
|
3803
|
+
if (__classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedDisabled_get))
|
|
3804
3804
|
this.host.removeAttribute('tabindex');
|
|
3805
3805
|
else
|
|
3806
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
3806
|
+
this.host.tabIndex = __classPrivateFieldGet$w(this, _Button_savedTabIndex, "f");
|
|
3807
3807
|
}
|
|
3808
3808
|
hrefChanged() {
|
|
3809
3809
|
this.internals.role = this.href === undefined ? 'button' : 'link';
|
|
@@ -3811,36 +3811,36 @@ class Button {
|
|
|
3811
3811
|
tabindexChanged(newValue) {
|
|
3812
3812
|
if (newValue !== null) {
|
|
3813
3813
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
3814
|
-
__classPrivateFieldSet$
|
|
3814
|
+
__classPrivateFieldSet$p(this, _Button_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
|
|
3815
3815
|
? 0
|
|
3816
3816
|
: parsedValue, "f");
|
|
3817
3817
|
}
|
|
3818
|
-
if (__classPrivateFieldGet$
|
|
3818
|
+
if (__classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedDisabled_get))
|
|
3819
3819
|
this.host.removeAttribute('tabindex');
|
|
3820
3820
|
else
|
|
3821
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
3821
|
+
this.host.tabIndex = __classPrivateFieldGet$w(this, _Button_savedTabIndex, "f");
|
|
3822
3822
|
}
|
|
3823
3823
|
textChanged() {
|
|
3824
3824
|
this.internals.ariaLabel = this.text;
|
|
3825
|
-
if (__classPrivateFieldGet$
|
|
3826
|
-
__classPrivateFieldGet$
|
|
3827
|
-
if (!__classPrivateFieldGet$
|
|
3825
|
+
if (__classPrivateFieldGet$w(this, _Button_ro, "f"))
|
|
3826
|
+
__classPrivateFieldGet$w(this, _Button_ro, "f").disconnect();
|
|
3827
|
+
if (!__classPrivateFieldGet$w(this, _Button_span, "f"))
|
|
3828
3828
|
return;
|
|
3829
|
-
const span = __classPrivateFieldGet$
|
|
3829
|
+
const span = __classPrivateFieldGet$w(this, _Button_span, "f");
|
|
3830
3830
|
readTask(() => {
|
|
3831
3831
|
this.tooltip = isOverflowing(span);
|
|
3832
3832
|
});
|
|
3833
|
-
__classPrivateFieldSet$
|
|
3833
|
+
__classPrivateFieldSet$p(this, _Button_ro, new ResizeObserver(([spanEntry]) => {
|
|
3834
3834
|
this.tooltip = isOverflowing(spanEntry.target);
|
|
3835
3835
|
}), "f");
|
|
3836
|
-
__classPrivateFieldGet$
|
|
3836
|
+
__classPrivateFieldGet$w(this, _Button_ro, "f").observe(__classPrivateFieldGet$w(this, _Button_span, "f"));
|
|
3837
3837
|
}
|
|
3838
3838
|
componentWillLoad() {
|
|
3839
|
-
__classPrivateFieldGet$
|
|
3840
|
-
__classPrivateFieldGet$
|
|
3841
|
-
__classPrivateFieldGet$
|
|
3842
|
-
__classPrivateFieldGet$
|
|
3843
|
-
__classPrivateFieldGet$
|
|
3839
|
+
__classPrivateFieldGet$w(this, _Button_instances, "m", _Button_defineGetter).call(this, 'form', () => this.internals.form);
|
|
3840
|
+
__classPrivateFieldGet$w(this, _Button_instances, "m", _Button_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
3841
|
+
__classPrivateFieldGet$w(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
3842
|
+
__classPrivateFieldGet$w(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
3843
|
+
__classPrivateFieldGet$w(this, _Button_instances, "m", _Button_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
3844
3844
|
this.hrefChanged();
|
|
3845
3845
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
3846
3846
|
this.disabledChanged();
|
|
@@ -3849,8 +3849,8 @@ class Button {
|
|
|
3849
3849
|
this.textChanged();
|
|
3850
3850
|
}
|
|
3851
3851
|
disconnectedCallback() {
|
|
3852
|
-
if (__classPrivateFieldGet$
|
|
3853
|
-
__classPrivateFieldGet$
|
|
3852
|
+
if (__classPrivateFieldGet$w(this, _Button_ro, "f"))
|
|
3853
|
+
__classPrivateFieldGet$w(this, _Button_ro, "f").disconnect();
|
|
3854
3854
|
}
|
|
3855
3855
|
render() {
|
|
3856
3856
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
@@ -3858,16 +3858,16 @@ class Button {
|
|
|
3858
3858
|
const ariaLabel = hasBadgeProperties
|
|
3859
3859
|
? `${this.text} ${this.badge} ${this.badgeDescription}`
|
|
3860
3860
|
: this.text;
|
|
3861
|
-
return (hAsync("div", { key: '702708f8e1fb763ff5eb1c6cc66ee85a861481f7', class: "qds-container", onClick: __classPrivateFieldGet$
|
|
3861
|
+
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: {
|
|
3862
3862
|
'qds-button': true,
|
|
3863
|
-
'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$
|
|
3864
|
-
'qds-icon-only': __classPrivateFieldGet$
|
|
3865
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
3866
|
-
'qds-indicator': __classPrivateFieldGet$
|
|
3867
|
-
}, description: this.badgeDescription, importance: __classPrivateFieldGet$
|
|
3863
|
+
'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
|
|
3864
|
+
'qds-icon-only': __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
3865
|
+
}, "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: {
|
|
3866
|
+
'qds-indicator': __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
3867
|
+
}, 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: {
|
|
3868
3868
|
'qds-focus-ring': true,
|
|
3869
|
-
'qds-icon-only': __classPrivateFieldGet$
|
|
3870
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
3869
|
+
'qds-icon-only': __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
3870
|
+
}, "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))));
|
|
3871
3871
|
}
|
|
3872
3872
|
static get formAssociated() { return true; }
|
|
3873
3873
|
get host() { return getElement(this); }
|
|
@@ -3976,20 +3976,20 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
|
|
|
3976
3976
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
3977
3977
|
};
|
|
3978
3978
|
|
|
3979
|
-
const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-box,.qds-checkbox,.qds-icon{grid-area:
|
|
3979
|
+
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)}";
|
|
3980
3980
|
var QdsCheckboxStyle0 = checkboxCss;
|
|
3981
3981
|
|
|
3982
3982
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3983
3983
|
//
|
|
3984
3984
|
// SPDX-License-Identifier: Apache-2.0
|
|
3985
|
-
var __classPrivateFieldGet$
|
|
3985
|
+
var __classPrivateFieldGet$v = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3986
3986
|
if (kind === "a" && !f)
|
|
3987
3987
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3988
3988
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
3989
3989
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
3990
3990
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
3991
3991
|
};
|
|
3992
|
-
var __classPrivateFieldSet$
|
|
3992
|
+
var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
3993
3993
|
if (kind === "m")
|
|
3994
3994
|
throw new TypeError("Private method is not writable");
|
|
3995
3995
|
if (kind === "a" && !f)
|
|
@@ -4101,24 +4101,24 @@ class Checkbox {
|
|
|
4101
4101
|
});
|
|
4102
4102
|
}
|
|
4103
4103
|
onClick(event) {
|
|
4104
|
-
if (__classPrivateFieldGet$
|
|
4104
|
+
if (__classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
|
|
4105
4105
|
event.stopImmediatePropagation();
|
|
4106
4106
|
return;
|
|
4107
4107
|
}
|
|
4108
4108
|
event.preventDefault();
|
|
4109
|
-
this.checked = __classPrivateFieldGet$
|
|
4109
|
+
this.checked = __classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? true : !__classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get);
|
|
4110
4110
|
this.changeEmitter.emit();
|
|
4111
4111
|
this.indeterminate = false;
|
|
4112
4112
|
}
|
|
4113
4113
|
checkedChanged() {
|
|
4114
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4115
|
-
? __classPrivateFieldGet$
|
|
4114
|
+
this.internals.setFormValue(__classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)
|
|
4115
|
+
? __classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedValue_get)
|
|
4116
4116
|
: // eslint-disable-next-line unicorn/no-null
|
|
4117
4117
|
null);
|
|
4118
4118
|
}
|
|
4119
4119
|
disabledChanged() {
|
|
4120
|
-
if (__classPrivateFieldGet$
|
|
4121
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4120
|
+
if (__classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
|
|
4121
|
+
this.internals.setFormValue(__classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
|
|
4122
4122
|
// eslint-disable-next-line unicorn/no-null
|
|
4123
4123
|
else
|
|
4124
4124
|
this.internals.setFormValue(null);
|
|
@@ -4129,33 +4129,33 @@ class Checkbox {
|
|
|
4129
4129
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
4130
4130
|
}
|
|
4131
4131
|
valueChanged() {
|
|
4132
|
-
if (__classPrivateFieldGet$
|
|
4133
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4132
|
+
if (__classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
|
|
4133
|
+
this.internals.setFormValue(__classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
|
|
4134
4134
|
}
|
|
4135
4135
|
componentWillLoad() {
|
|
4136
4136
|
this.valueChanged();
|
|
4137
|
-
__classPrivateFieldGet$
|
|
4138
|
-
__classPrivateFieldGet$
|
|
4139
|
-
__classPrivateFieldGet$
|
|
4140
|
-
__classPrivateFieldGet$
|
|
4141
|
-
__classPrivateFieldSet$
|
|
4137
|
+
__classPrivateFieldGet$v(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
|
|
4138
|
+
__classPrivateFieldGet$v(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
4139
|
+
__classPrivateFieldGet$v(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
4140
|
+
__classPrivateFieldGet$v(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
4141
|
+
__classPrivateFieldSet$o(this, _Checkbox_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4142
4142
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4143
4143
|
}
|
|
4144
4144
|
render() {
|
|
4145
4145
|
return (
|
|
4146
4146
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
4147
|
-
hAsync("label", { key: '77b24ee6bd6a133265604da842b0e9f045c503f2', "aria-disabled": __classPrivateFieldGet$
|
|
4147
|
+
hAsync("label", { key: '77b24ee6bd6a133265604da842b0e9f045c503f2', "aria-disabled": __classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
|
|
4148
4148
|
'qds-inline': this.inline,
|
|
4149
4149
|
'qds-label': true,
|
|
4150
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4150
|
+
}, "data-size": __classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: '6169420d2b7084145047e63c9dd10fb9aa92ea3d', class: "qds-container" }, hAsync("input", { key: 'f52ce61236b549acdc6cc7a13b0e185fabbb3d05',
|
|
4151
4151
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
4152
|
-
autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$
|
|
4152
|
+
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: {
|
|
4153
4153
|
'qds-icon': true,
|
|
4154
4154
|
'qds-checked': true,
|
|
4155
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4155
|
+
}, "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: {
|
|
4156
4156
|
'qds-icon': true,
|
|
4157
4157
|
'qds-indeterminate': true,
|
|
4158
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4158
|
+
}, "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 }))));
|
|
4159
4159
|
}
|
|
4160
4160
|
static get delegatesFocus() { return true; }
|
|
4161
4161
|
static get formAssociated() { return true; }
|
|
@@ -4225,14 +4225,14 @@ var QdsChipStyle0 = chipCss;
|
|
|
4225
4225
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4226
4226
|
//
|
|
4227
4227
|
// SPDX-License-Identifier: Apache-2.0
|
|
4228
|
-
var __classPrivateFieldGet$
|
|
4228
|
+
var __classPrivateFieldGet$u = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4229
4229
|
if (kind === "a" && !f)
|
|
4230
4230
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4231
4231
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
4232
4232
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4233
4233
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4234
4234
|
};
|
|
4235
|
-
var __classPrivateFieldSet$
|
|
4235
|
+
var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4236
4236
|
if (kind === "m")
|
|
4237
4237
|
throw new TypeError("Private method is not writable");
|
|
4238
4238
|
if (kind === "a" && !f)
|
|
@@ -4306,7 +4306,7 @@ class Chip {
|
|
|
4306
4306
|
_Chip_ro.set(this, void 0);
|
|
4307
4307
|
_Chip_inheritedAttributes.set(this, {});
|
|
4308
4308
|
_Chip_onIconClick.set(this, (event) => {
|
|
4309
|
-
if (!event.defaultPrevented && __classPrivateFieldGet$
|
|
4309
|
+
if (!event.defaultPrevented && __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
|
|
4310
4310
|
this.closeEmitter.emit();
|
|
4311
4311
|
});
|
|
4312
4312
|
_Chip_onFocus.set(this, (event) => {
|
|
@@ -4316,30 +4316,30 @@ class Chip {
|
|
|
4316
4316
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
4317
4317
|
});
|
|
4318
4318
|
_Chip_chipRef.set(this, (chip) => {
|
|
4319
|
-
__classPrivateFieldSet$
|
|
4319
|
+
__classPrivateFieldSet$n(this, _Chip_chip, chip, "f");
|
|
4320
4320
|
});
|
|
4321
4321
|
_Chip_spanRef.set(this, (span) => {
|
|
4322
|
-
__classPrivateFieldSet$
|
|
4322
|
+
__classPrivateFieldSet$n(this, _Chip_span, span, "f");
|
|
4323
4323
|
});
|
|
4324
4324
|
_Chip_tooltipRef.set(this, (tooltip) => {
|
|
4325
4325
|
if (tooltip)
|
|
4326
4326
|
// eslint-disable-next-line no-param-reassign
|
|
4327
|
-
tooltip.target = __classPrivateFieldGet$
|
|
4327
|
+
tooltip.target = __classPrivateFieldGet$u(this, _Chip_chip, "f");
|
|
4328
4328
|
});
|
|
4329
4329
|
}
|
|
4330
4330
|
onClick(event) {
|
|
4331
|
-
if (__classPrivateFieldGet$
|
|
4331
|
+
if (__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
|
|
4332
4332
|
event.stopImmediatePropagation();
|
|
4333
4333
|
return;
|
|
4334
4334
|
}
|
|
4335
4335
|
event.preventDefault();
|
|
4336
|
-
if (__classPrivateFieldGet$
|
|
4337
|
-
this.checked = !__classPrivateFieldGet$
|
|
4336
|
+
if (__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
|
|
4337
|
+
this.checked = !__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4338
4338
|
this.changeEmitter.emit();
|
|
4339
4339
|
}
|
|
4340
4340
|
}
|
|
4341
4341
|
handleKeyDown(event) {
|
|
4342
|
-
if (__classPrivateFieldGet$
|
|
4342
|
+
if (__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
|
|
4343
4343
|
event.stopImmediatePropagation();
|
|
4344
4344
|
return;
|
|
4345
4345
|
}
|
|
@@ -4356,23 +4356,23 @@ class Chip {
|
|
|
4356
4356
|
if (event.key !== ' ')
|
|
4357
4357
|
return;
|
|
4358
4358
|
this.isPressed = false;
|
|
4359
|
-
if (__classPrivateFieldGet$
|
|
4359
|
+
if (__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
|
|
4360
4360
|
this.closeEmitter.emit();
|
|
4361
4361
|
else {
|
|
4362
|
-
this.checked = !__classPrivateFieldGet$
|
|
4362
|
+
this.checked = !__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4363
4363
|
this.changeEmitter.emit();
|
|
4364
4364
|
}
|
|
4365
4365
|
}
|
|
4366
4366
|
checkedChanged() {
|
|
4367
|
-
this.isSelected = __classPrivateFieldGet$
|
|
4368
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4369
|
-
? __classPrivateFieldGet$
|
|
4367
|
+
this.isSelected = __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4368
|
+
this.internals.setFormValue(__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedDisabled_get)
|
|
4369
|
+
? __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedValue_get)
|
|
4370
4370
|
: // eslint-disable-next-line unicorn/no-null
|
|
4371
4371
|
null);
|
|
4372
4372
|
}
|
|
4373
4373
|
disabledChanged() {
|
|
4374
|
-
if (__classPrivateFieldGet$
|
|
4375
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4374
|
+
if (__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedDisabled_get))
|
|
4375
|
+
this.internals.setFormValue(__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedValue_get));
|
|
4376
4376
|
// eslint-disable-next-line unicorn/no-null
|
|
4377
4377
|
else
|
|
4378
4378
|
this.internals.setFormValue(null);
|
|
@@ -4383,8 +4383,8 @@ class Chip {
|
|
|
4383
4383
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
4384
4384
|
}
|
|
4385
4385
|
valueChanged() {
|
|
4386
|
-
if (__classPrivateFieldGet$
|
|
4387
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4386
|
+
if (__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedDisabled_get))
|
|
4387
|
+
this.internals.setFormValue(__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedValue_get));
|
|
4388
4388
|
}
|
|
4389
4389
|
componentWillLoad() {
|
|
4390
4390
|
this.valueChanged();
|
|
@@ -4392,40 +4392,40 @@ class Chip {
|
|
|
4392
4392
|
enumerable: true,
|
|
4393
4393
|
get: () => this.internals.form,
|
|
4394
4394
|
});
|
|
4395
|
-
__classPrivateFieldSet$
|
|
4395
|
+
__classPrivateFieldSet$n(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4396
4396
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4397
4397
|
}
|
|
4398
4398
|
componentDidLoad() {
|
|
4399
|
-
invariant(__classPrivateFieldGet$
|
|
4400
|
-
const span = __classPrivateFieldGet$
|
|
4399
|
+
invariant(__classPrivateFieldGet$u(this, _Chip_span, "f"));
|
|
4400
|
+
const span = __classPrivateFieldGet$u(this, _Chip_span, "f");
|
|
4401
4401
|
readTask(() => {
|
|
4402
4402
|
this.tooltip = isOverflowing(span);
|
|
4403
4403
|
});
|
|
4404
|
-
__classPrivateFieldSet$
|
|
4404
|
+
__classPrivateFieldSet$n(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
|
|
4405
4405
|
this.tooltip = isOverflowing(spanEntry.target);
|
|
4406
4406
|
}), "f");
|
|
4407
|
-
__classPrivateFieldGet$
|
|
4407
|
+
__classPrivateFieldGet$u(this, _Chip_ro, "f").observe(__classPrivateFieldGet$u(this, _Chip_span, "f"));
|
|
4408
4408
|
}
|
|
4409
4409
|
disconnectedCallback() {
|
|
4410
|
-
if (__classPrivateFieldGet$
|
|
4411
|
-
__classPrivateFieldGet$
|
|
4410
|
+
if (__classPrivateFieldGet$u(this, _Chip_ro, "f"))
|
|
4411
|
+
__classPrivateFieldGet$u(this, _Chip_ro, "f").disconnect();
|
|
4412
4412
|
}
|
|
4413
4413
|
render() {
|
|
4414
|
-
return (hAsync("div", { key: '38e103b1adf48ce498541e48814bfc5201d1bf9d', class: "qds-chip", ref: __classPrivateFieldGet$
|
|
4414
|
+
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: {
|
|
4415
4415
|
'qds-container': true,
|
|
4416
4416
|
'qds-closable-chip': true,
|
|
4417
4417
|
'qds-pressed-state': this.isPressed,
|
|
4418
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4418
|
+
}, "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' && (
|
|
4419
4419
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
4420
|
-
hAsync("label", { key: 'c21380e3727553860bd5d8ab743ab695e7cbf67e', "aria-disabled": __classPrivateFieldGet$
|
|
4420
|
+
hAsync("label", { key: 'c21380e3727553860bd5d8ab743ab695e7cbf67e', "aria-disabled": __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: "qds-label" }, hAsync("input", { key: 'f36b570313760fc17d59d3cb7c209c2d4ef6e12a',
|
|
4421
4421
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
4422
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$
|
|
4422
|
+
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: {
|
|
4423
4423
|
'qds-container': true,
|
|
4424
4424
|
'qds-pressed-state': this.isPressed,
|
|
4425
4425
|
'qds-selected-state': this.isSelected,
|
|
4426
4426
|
'qds-padding-end': true,
|
|
4427
4427
|
'qds-cursor': true,
|
|
4428
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4428
|
+
}, "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))));
|
|
4429
4429
|
}
|
|
4430
4430
|
static get delegatesFocus() { return true; }
|
|
4431
4431
|
static get formAssociated() { return true; }
|
|
@@ -4499,7 +4499,7 @@ var QdsDialogStyle0 = dialogCss;
|
|
|
4499
4499
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4500
4500
|
//
|
|
4501
4501
|
// SPDX-License-Identifier: Apache-2.0
|
|
4502
|
-
var __classPrivateFieldSet$
|
|
4502
|
+
var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4503
4503
|
if (kind === "m")
|
|
4504
4504
|
throw new TypeError("Private method is not writable");
|
|
4505
4505
|
if (kind === "a" && !f)
|
|
@@ -4508,7 +4508,7 @@ var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
4508
4508
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
4509
4509
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
4510
4510
|
};
|
|
4511
|
-
var __classPrivateFieldGet$
|
|
4511
|
+
var __classPrivateFieldGet$t = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4512
4512
|
if (kind === "a" && !f)
|
|
4513
4513
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4514
4514
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -4540,16 +4540,16 @@ class Dialog {
|
|
|
4540
4540
|
_Dialog_dialog.set(this, void 0);
|
|
4541
4541
|
_Dialog_titleId.set(this, void 0);
|
|
4542
4542
|
_Dialog_ref.set(this, (dialog) => {
|
|
4543
|
-
__classPrivateFieldSet$
|
|
4543
|
+
__classPrivateFieldSet$m(this, _Dialog_dialog, dialog, "f");
|
|
4544
4544
|
});
|
|
4545
4545
|
_Dialog_onCancel.set(this, (event) => {
|
|
4546
4546
|
if (this.cancelEmitter.emit().defaultPrevented)
|
|
4547
4547
|
event.preventDefault();
|
|
4548
4548
|
});
|
|
4549
4549
|
_Dialog_onClose.set(this, () => {
|
|
4550
|
-
invariant(__classPrivateFieldGet$
|
|
4550
|
+
invariant(__classPrivateFieldGet$t(this, _Dialog_dialog, "f"));
|
|
4551
4551
|
this.closeEmitter.emit();
|
|
4552
|
-
this.open = __classPrivateFieldGet$
|
|
4552
|
+
this.open = __classPrivateFieldGet$t(this, _Dialog_dialog, "f").open;
|
|
4553
4553
|
});
|
|
4554
4554
|
_Dialog_onSubmit.set(this, (event) => {
|
|
4555
4555
|
if ((event instanceof SubmitEvent &&
|
|
@@ -4574,25 +4574,25 @@ class Dialog {
|
|
|
4574
4574
|
this.hasFooterSlot = !!this.host.querySelector('[slot="footer"]');
|
|
4575
4575
|
}
|
|
4576
4576
|
componentWillLoad() {
|
|
4577
|
-
__classPrivateFieldSet$
|
|
4577
|
+
__classPrivateFieldSet$m(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4578
4578
|
autoIncrementingId$3 += 1;
|
|
4579
|
-
__classPrivateFieldSet$
|
|
4579
|
+
__classPrivateFieldSet$m(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$3}`, "f");
|
|
4580
4580
|
}
|
|
4581
4581
|
componentDidLoad() {
|
|
4582
4582
|
if (this.open)
|
|
4583
4583
|
this.show();
|
|
4584
4584
|
}
|
|
4585
4585
|
render() {
|
|
4586
|
-
return (hAsync(Host, { key: 'd9c64a2927ac5e398cab6fb4a86adbe2d3c6f950' }, hAsync("dialog", { key: '4901f2ce384fda8b69c3f8d4eedad30c8a260aa6', class: "qds-dialog", ref: __classPrivateFieldGet$
|
|
4586
|
+
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" })));
|
|
4587
4587
|
}
|
|
4588
4588
|
show() {
|
|
4589
|
-
invariant(__classPrivateFieldGet$
|
|
4590
|
-
__classPrivateFieldGet$
|
|
4591
|
-
this.open = __classPrivateFieldGet$
|
|
4589
|
+
invariant(__classPrivateFieldGet$t(this, _Dialog_dialog, "f"));
|
|
4590
|
+
__classPrivateFieldGet$t(this, _Dialog_dialog, "f").showModal();
|
|
4591
|
+
this.open = __classPrivateFieldGet$t(this, _Dialog_dialog, "f").open;
|
|
4592
4592
|
}
|
|
4593
4593
|
close() {
|
|
4594
|
-
invariant(__classPrivateFieldGet$
|
|
4595
|
-
__classPrivateFieldGet$
|
|
4594
|
+
invariant(__classPrivateFieldGet$t(this, _Dialog_dialog, "f"));
|
|
4595
|
+
__classPrivateFieldGet$t(this, _Dialog_dialog, "f").close();
|
|
4596
4596
|
}
|
|
4597
4597
|
get host() { return getElement(this); }
|
|
4598
4598
|
static get watchers() { return {
|
|
@@ -4620,7 +4620,7 @@ var QdsDividerStyle0 = dividerCss;
|
|
|
4620
4620
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4621
4621
|
//
|
|
4622
4622
|
// SPDX-License-Identifier: Apache-2.0
|
|
4623
|
-
var __classPrivateFieldGet$
|
|
4623
|
+
var __classPrivateFieldGet$s = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4624
4624
|
if (kind === "a" && !f)
|
|
4625
4625
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4626
4626
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -4653,18 +4653,18 @@ class Divider {
|
|
|
4653
4653
|
_Divider_internals.set(this, attachInternals.call(this));
|
|
4654
4654
|
}
|
|
4655
4655
|
verticalChanged() {
|
|
4656
|
-
__classPrivateFieldGet$
|
|
4656
|
+
__classPrivateFieldGet$s(this, _Divider_internals, "f").ariaOrientation = this.vertical ? 'vertical' : 'horizontal';
|
|
4657
4657
|
}
|
|
4658
4658
|
componentWillLoad() {
|
|
4659
|
-
__classPrivateFieldGet$
|
|
4660
|
-
__classPrivateFieldGet$
|
|
4659
|
+
__classPrivateFieldGet$s(this, _Divider_internals, "f").role = 'separator';
|
|
4660
|
+
__classPrivateFieldGet$s(this, _Divider_internals, "f").ariaHidden = 'true';
|
|
4661
4661
|
this.verticalChanged();
|
|
4662
4662
|
}
|
|
4663
4663
|
render() {
|
|
4664
4664
|
return (hAsync("hr", { key: '805394b1a2a1124bfd62a588afcb0b352f2e135e', class: {
|
|
4665
4665
|
'qds-divider': true,
|
|
4666
4666
|
'qds-vertical': this.vertical,
|
|
4667
|
-
}, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$
|
|
4667
|
+
}, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$s(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
|
|
4668
4668
|
}
|
|
4669
4669
|
static get watchers() { return {
|
|
4670
4670
|
"vertical": ["verticalChanged"]
|
|
@@ -6146,14 +6146,14 @@ var QdsDropdownStyle0 = dropdownCss;
|
|
|
6146
6146
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
6147
6147
|
//
|
|
6148
6148
|
// SPDX-License-Identifier: Apache-2.0
|
|
6149
|
-
var __classPrivateFieldGet$
|
|
6149
|
+
var __classPrivateFieldGet$r = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
6150
6150
|
if (kind === "a" && !f)
|
|
6151
6151
|
throw new TypeError("Private accessor was defined without a getter");
|
|
6152
6152
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
6153
6153
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
6154
6154
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
6155
6155
|
};
|
|
6156
|
-
var __classPrivateFieldSet$
|
|
6156
|
+
var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
6157
6157
|
if (kind === "m")
|
|
6158
6158
|
throw new TypeError("Private method is not writable");
|
|
6159
6159
|
if (kind === "a" && !f)
|
|
@@ -6210,13 +6210,13 @@ class Dropdown {
|
|
|
6210
6210
|
const { relatedTarget } = event;
|
|
6211
6211
|
if (relatedTarget instanceof globalThis.Element &&
|
|
6212
6212
|
!this.host.contains(relatedTarget) &&
|
|
6213
|
-
__classPrivateFieldGet$
|
|
6213
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") !== relatedTarget)
|
|
6214
6214
|
this.close();
|
|
6215
6215
|
});
|
|
6216
6216
|
_Dropdown_onKeydown.set(this, (event) => {
|
|
6217
6217
|
if (!(event instanceof KeyboardEvent) ||
|
|
6218
6218
|
event.key !== 'Escape' ||
|
|
6219
|
-
(event.target !== __classPrivateFieldGet$
|
|
6219
|
+
(event.target !== __classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") &&
|
|
6220
6220
|
event.target instanceof globalThis.Element &&
|
|
6221
6221
|
event.target.closest('qds-dropdown') !== this.host))
|
|
6222
6222
|
return;
|
|
@@ -6224,14 +6224,14 @@ class Dropdown {
|
|
|
6224
6224
|
if (cancelEvent.defaultPrevented)
|
|
6225
6225
|
return;
|
|
6226
6226
|
this.close();
|
|
6227
|
-
if (__classPrivateFieldGet$
|
|
6228
|
-
__classPrivateFieldGet$
|
|
6229
|
-
__classPrivateFieldGet$
|
|
6227
|
+
if (__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement ||
|
|
6228
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement)
|
|
6229
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").focus();
|
|
6230
6230
|
});
|
|
6231
6231
|
_Dropdown_onReferenceClick.set(this, () => {
|
|
6232
6232
|
if (this.disabled)
|
|
6233
6233
|
return;
|
|
6234
|
-
if (__classPrivateFieldGet$
|
|
6234
|
+
if (__classPrivateFieldGet$r(this, _Dropdown_open, "f"))
|
|
6235
6235
|
this.close();
|
|
6236
6236
|
else
|
|
6237
6237
|
this.show();
|
|
@@ -6244,33 +6244,33 @@ class Dropdown {
|
|
|
6244
6244
|
await this.updateMiddleware();
|
|
6245
6245
|
}
|
|
6246
6246
|
handleMouseDown(event) {
|
|
6247
|
-
if (!__classPrivateFieldGet$
|
|
6247
|
+
if (!__classPrivateFieldGet$r(this, _Dropdown_open, "f"))
|
|
6248
6248
|
return;
|
|
6249
6249
|
const composedPath = event.composedPath();
|
|
6250
6250
|
const withinBounds = composedPath.includes(this.host) ||
|
|
6251
|
-
(__classPrivateFieldGet$
|
|
6252
|
-
composedPath.includes(__classPrivateFieldGet$
|
|
6251
|
+
(__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
|
|
6252
|
+
composedPath.includes(__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f")));
|
|
6253
6253
|
if (!withinBounds)
|
|
6254
6254
|
this.close();
|
|
6255
6255
|
}
|
|
6256
6256
|
async updateReferenceElement() {
|
|
6257
6257
|
var _a;
|
|
6258
|
-
__classPrivateFieldGet$
|
|
6259
|
-
__classPrivateFieldSet$
|
|
6260
|
-
if (!(__classPrivateFieldGet$
|
|
6258
|
+
__classPrivateFieldGet$r(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
|
|
6259
|
+
__classPrivateFieldSet$l(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
|
|
6260
|
+
if (!(__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
|
|
6261
6261
|
return;
|
|
6262
|
-
__classPrivateFieldGet$
|
|
6263
|
-
__classPrivateFieldGet$
|
|
6264
|
-
__classPrivateFieldGet$
|
|
6265
|
-
__classPrivateFieldGet$
|
|
6262
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
|
|
6263
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").addEventListener('click', __classPrivateFieldGet$r(this, _Dropdown_onReferenceClick, "f"));
|
|
6264
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").addEventListener('focusout', __classPrivateFieldGet$r(this, _Dropdown_onFocusout, "f"));
|
|
6265
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").addEventListener('keydown', __classPrivateFieldGet$r(this, _Dropdown_onKeydown, "f"));
|
|
6266
6266
|
if (this.host.role === 'menu') {
|
|
6267
|
-
(_a = __classPrivateFieldGet$
|
|
6268
|
-
this.hostAriaLabelledBy = __classPrivateFieldGet$
|
|
6267
|
+
(_a = __classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${autoIncrementingId$2}`);
|
|
6268
|
+
this.hostAriaLabelledBy = __classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").id;
|
|
6269
6269
|
}
|
|
6270
6270
|
await this.updatePosition();
|
|
6271
6271
|
}
|
|
6272
6272
|
async updateMiddleware() {
|
|
6273
|
-
__classPrivateFieldSet$
|
|
6273
|
+
__classPrivateFieldSet$l(this, _Dropdown_middleware, [
|
|
6274
6274
|
offset({
|
|
6275
6275
|
...this.offsetOptions,
|
|
6276
6276
|
mainAxis: propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0,
|
|
@@ -6289,10 +6289,10 @@ class Dropdown {
|
|
|
6289
6289
|
await this.updatePosition();
|
|
6290
6290
|
}
|
|
6291
6291
|
async updatePosition() {
|
|
6292
|
-
if (!__classPrivateFieldGet$
|
|
6292
|
+
if (!__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f"))
|
|
6293
6293
|
return;
|
|
6294
|
-
const { x, y, strategy } = await computePosition(__classPrivateFieldGet$
|
|
6295
|
-
middleware: __classPrivateFieldGet$
|
|
6294
|
+
const { x, y, strategy } = await computePosition(__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f"), this.host, {
|
|
6295
|
+
middleware: __classPrivateFieldGet$r(this, _Dropdown_middleware, "f"),
|
|
6296
6296
|
placement: this.placement,
|
|
6297
6297
|
strategy: this.strategy,
|
|
6298
6298
|
});
|
|
@@ -6300,11 +6300,11 @@ class Dropdown {
|
|
|
6300
6300
|
this.hostTransform = `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`;
|
|
6301
6301
|
}
|
|
6302
6302
|
startAutoUpdate() {
|
|
6303
|
-
if (!__classPrivateFieldGet$
|
|
6303
|
+
if (!__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f"))
|
|
6304
6304
|
return;
|
|
6305
|
-
if (__classPrivateFieldGet$
|
|
6306
|
-
__classPrivateFieldGet$
|
|
6307
|
-
__classPrivateFieldSet$
|
|
6305
|
+
if (__classPrivateFieldGet$r(this, _Dropdown_cleanup, "f"))
|
|
6306
|
+
__classPrivateFieldGet$r(this, _Dropdown_cleanup, "f").call(this);
|
|
6307
|
+
__classPrivateFieldSet$l(this, _Dropdown_cleanup, autoUpdate(__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f"), this.host, () => {
|
|
6308
6308
|
ignorePromise(this.updatePosition());
|
|
6309
6309
|
}, this.autoUpdateOptions), "f");
|
|
6310
6310
|
}
|
|
@@ -6318,43 +6318,43 @@ class Dropdown {
|
|
|
6318
6318
|
await this.updateMiddleware();
|
|
6319
6319
|
}
|
|
6320
6320
|
disconnectedCallback() {
|
|
6321
|
-
__classPrivateFieldGet$
|
|
6321
|
+
__classPrivateFieldGet$r(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
|
|
6322
6322
|
}
|
|
6323
6323
|
render() {
|
|
6324
|
-
return (hAsync(Host, { key: 'd75d5555ed0d5d11eb72391f7848c91b61dee24a', "aria-labelledby": this.hostAriaLabelledBy, onKeyDown: __classPrivateFieldGet$
|
|
6324
|
+
return (hAsync(Host, { key: 'd75d5555ed0d5d11eb72391f7848c91b61dee24a', "aria-labelledby": this.hostAriaLabelledBy, onKeyDown: __classPrivateFieldGet$r(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$r(this, _Dropdown_onFocusout, "f"), style: {
|
|
6325
6325
|
display: this.hostDisplay,
|
|
6326
6326
|
position: this.hostPosition,
|
|
6327
6327
|
transform: this.hostTransform,
|
|
6328
6328
|
} }, hAsync("slot", { key: '66e1dae32913fe11db5381dd0327c10fb4b51237' })));
|
|
6329
6329
|
}
|
|
6330
6330
|
show() {
|
|
6331
|
-
if (__classPrivateFieldGet$
|
|
6331
|
+
if (__classPrivateFieldGet$r(this, _Dropdown_open, "f"))
|
|
6332
6332
|
return;
|
|
6333
|
-
if (__classPrivateFieldGet$
|
|
6334
|
-
__classPrivateFieldGet$
|
|
6335
|
-
__classPrivateFieldGet$
|
|
6336
|
-
if (isQdsButton(__classPrivateFieldGet$
|
|
6337
|
-
__classPrivateFieldGet$
|
|
6338
|
-
__classPrivateFieldGet$
|
|
6339
|
-
}
|
|
6340
|
-
__classPrivateFieldSet$
|
|
6333
|
+
if (__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
|
|
6334
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'true');
|
|
6335
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").setAttribute('aria-controls', this.host.id);
|
|
6336
|
+
if (isQdsButton(__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f")) &&
|
|
6337
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").action === 'dropdown')
|
|
6338
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").action = 'dropdown-close';
|
|
6339
|
+
}
|
|
6340
|
+
__classPrivateFieldSet$l(this, _Dropdown_open, true, "f");
|
|
6341
6341
|
this.hostDisplay = undefined;
|
|
6342
6342
|
this.startAutoUpdate();
|
|
6343
6343
|
}
|
|
6344
6344
|
close() {
|
|
6345
|
-
if (!__classPrivateFieldGet$
|
|
6345
|
+
if (!__classPrivateFieldGet$r(this, _Dropdown_open, "f"))
|
|
6346
6346
|
return;
|
|
6347
|
-
if (__classPrivateFieldGet$
|
|
6348
|
-
__classPrivateFieldGet$
|
|
6349
|
-
__classPrivateFieldGet$
|
|
6350
|
-
if (isQdsButton(__classPrivateFieldGet$
|
|
6351
|
-
__classPrivateFieldGet$
|
|
6352
|
-
__classPrivateFieldGet$
|
|
6353
|
-
}
|
|
6354
|
-
__classPrivateFieldSet$
|
|
6347
|
+
if (__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
|
|
6348
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
|
|
6349
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
|
|
6350
|
+
if (isQdsButton(__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f")) &&
|
|
6351
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").action === 'dropdown-close')
|
|
6352
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").action = 'dropdown';
|
|
6353
|
+
}
|
|
6354
|
+
__classPrivateFieldSet$l(this, _Dropdown_open, false, "f");
|
|
6355
6355
|
this.hostDisplay = 'none';
|
|
6356
|
-
if (__classPrivateFieldGet$
|
|
6357
|
-
__classPrivateFieldGet$
|
|
6356
|
+
if (__classPrivateFieldGet$r(this, _Dropdown_cleanup, "f"))
|
|
6357
|
+
__classPrivateFieldGet$r(this, _Dropdown_cleanup, "f").call(this);
|
|
6358
6358
|
this.closeEmitter.emit();
|
|
6359
6359
|
}
|
|
6360
6360
|
get host() { return getElement(this); }
|
|
@@ -6397,12 +6397,12 @@ class Dropdown {
|
|
|
6397
6397
|
}
|
|
6398
6398
|
_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() {
|
|
6399
6399
|
this.hostAriaLabelledBy = undefined;
|
|
6400
|
-
if (!(__classPrivateFieldGet$
|
|
6400
|
+
if (!(__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
|
|
6401
6401
|
return;
|
|
6402
|
-
__classPrivateFieldGet$
|
|
6403
|
-
__classPrivateFieldGet$
|
|
6404
|
-
__classPrivateFieldGet$
|
|
6405
|
-
__classPrivateFieldGet$
|
|
6402
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").removeEventListener('focusout', __classPrivateFieldGet$r(this, _Dropdown_onFocusout, "f"));
|
|
6403
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").removeEventListener('keydown', __classPrivateFieldGet$r(this, _Dropdown_onKeydown, "f"));
|
|
6404
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").removeAttribute('aria-expanded');
|
|
6405
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
|
|
6406
6406
|
};
|
|
6407
6407
|
|
|
6408
6408
|
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)}";
|
|
@@ -6411,7 +6411,7 @@ var QdsFormMessageStyle0 = formMessageCss;
|
|
|
6411
6411
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
6412
6412
|
//
|
|
6413
6413
|
// SPDX-License-Identifier: Apache-2.0
|
|
6414
|
-
var __classPrivateFieldSet$
|
|
6414
|
+
var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
6415
6415
|
if (kind === "m")
|
|
6416
6416
|
throw new TypeError("Private method is not writable");
|
|
6417
6417
|
if (kind === "a" && !f)
|
|
@@ -6420,7 +6420,7 @@ var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
6420
6420
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
6421
6421
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
6422
6422
|
};
|
|
6423
|
-
var __classPrivateFieldGet$
|
|
6423
|
+
var __classPrivateFieldGet$q = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
6424
6424
|
if (kind === "a" && !f)
|
|
6425
6425
|
throw new TypeError("Private accessor was defined without a getter");
|
|
6426
6426
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -6456,13 +6456,13 @@ class FormMessage {
|
|
|
6456
6456
|
_FormMessage_inheritedAttributes.set(this, {});
|
|
6457
6457
|
}
|
|
6458
6458
|
componentWillLoad() {
|
|
6459
|
-
__classPrivateFieldSet$
|
|
6459
|
+
__classPrivateFieldSet$k(this, _FormMessage_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
6460
6460
|
}
|
|
6461
6461
|
render() {
|
|
6462
6462
|
return (hAsync("span", { key: '32515f969842006388a8f090f208f03ebfa115a5', class: {
|
|
6463
6463
|
'qds-form-message': true,
|
|
6464
6464
|
'qds-inline': this.inline,
|
|
6465
|
-
}, "data-size": __classPrivateFieldGet$
|
|
6465
|
+
}, "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)));
|
|
6466
6466
|
}
|
|
6467
6467
|
get host() { return getElement(this); }
|
|
6468
6468
|
static get style() { return QdsFormMessageStyle0; }
|
|
@@ -6622,14 +6622,14 @@ var QdsIconStyle0 = iconCss;
|
|
|
6622
6622
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
6623
6623
|
//
|
|
6624
6624
|
// SPDX-License-Identifier: Apache-2.0
|
|
6625
|
-
var __classPrivateFieldGet$
|
|
6625
|
+
var __classPrivateFieldGet$p = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
6626
6626
|
if (kind === "a" && !f)
|
|
6627
6627
|
throw new TypeError("Private accessor was defined without a getter");
|
|
6628
6628
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
6629
6629
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
6630
6630
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
6631
6631
|
};
|
|
6632
|
-
var __classPrivateFieldSet$
|
|
6632
|
+
var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
6633
6633
|
if (kind === "m")
|
|
6634
6634
|
throw new TypeError("Private method is not writable");
|
|
6635
6635
|
if (kind === "a" && !f)
|
|
@@ -6684,7 +6684,7 @@ class Icon {
|
|
|
6684
6684
|
this.errorEmitter.emit();
|
|
6685
6685
|
}
|
|
6686
6686
|
else {
|
|
6687
|
-
for (const [key, value] of Object.entries(__classPrivateFieldGet$
|
|
6687
|
+
for (const [key, value] of Object.entries(__classPrivateFieldGet$p(this, _Icon_inheritedAttributes, "f")))
|
|
6688
6688
|
if (value !== undefined)
|
|
6689
6689
|
svgElement.setAttribute(key, value);
|
|
6690
6690
|
this.svg = svgElement.outerHTML;
|
|
@@ -6696,7 +6696,7 @@ class Icon {
|
|
|
6696
6696
|
}
|
|
6697
6697
|
}
|
|
6698
6698
|
async componentWillLoad() {
|
|
6699
|
-
__classPrivateFieldSet$
|
|
6699
|
+
__classPrivateFieldSet$j(this, _Icon_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
6700
6700
|
await this.setIcon();
|
|
6701
6701
|
}
|
|
6702
6702
|
render() {
|
|
@@ -6729,7 +6729,7 @@ var QdsInlineLinkStyle0 = inlineLinkCss;
|
|
|
6729
6729
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
6730
6730
|
//
|
|
6731
6731
|
// SPDX-License-Identifier: Apache-2.0
|
|
6732
|
-
var __classPrivateFieldGet$
|
|
6732
|
+
var __classPrivateFieldGet$o = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
6733
6733
|
if (kind === "a" && !f)
|
|
6734
6734
|
throw new TypeError("Private accessor was defined without a getter");
|
|
6735
6735
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -6777,7 +6777,7 @@ class InlineLink {
|
|
|
6777
6777
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
6778
6778
|
});
|
|
6779
6779
|
_InlineLink_onSlotchange.set(this, () => {
|
|
6780
|
-
__classPrivateFieldGet$
|
|
6780
|
+
__classPrivateFieldGet$o(this, _InlineLink_internals, "f").ariaLabel = this.host.textContent;
|
|
6781
6781
|
});
|
|
6782
6782
|
}
|
|
6783
6783
|
onClick(event) {
|
|
@@ -6785,7 +6785,7 @@ class InlineLink {
|
|
|
6785
6785
|
event.stopImmediatePropagation();
|
|
6786
6786
|
}
|
|
6787
6787
|
disabledChanged() {
|
|
6788
|
-
__classPrivateFieldGet$
|
|
6788
|
+
__classPrivateFieldGet$o(this, _InlineLink_internals, "f").ariaDisabled = this.disabled.toString();
|
|
6789
6789
|
}
|
|
6790
6790
|
tabindexChanged(newValue) {
|
|
6791
6791
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
@@ -6798,19 +6798,19 @@ class InlineLink {
|
|
|
6798
6798
|
this.linkIcon = determineLinkIcon(this.href, this.target);
|
|
6799
6799
|
}
|
|
6800
6800
|
componentWillLoad() {
|
|
6801
|
-
__classPrivateFieldGet$
|
|
6801
|
+
__classPrivateFieldGet$o(this, _InlineLink_internals, "f").role = 'link';
|
|
6802
6802
|
this.disabledChanged();
|
|
6803
6803
|
this.hrefTargetChanged();
|
|
6804
6804
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
6805
6805
|
}
|
|
6806
6806
|
componentDidLoad() {
|
|
6807
|
-
__classPrivateFieldGet$
|
|
6807
|
+
__classPrivateFieldGet$o(this, _InlineLink_internals, "f").ariaLabel = this.host.textContent;
|
|
6808
6808
|
}
|
|
6809
6809
|
render() {
|
|
6810
6810
|
return (hAsync("a", { key: '7565acce3bd53e90569e57b0191c237af88b7d9c', "aria-hidden": "true", class: {
|
|
6811
6811
|
'qds-inline-link': true,
|
|
6812
6812
|
'qds-disabled': this.disabled,
|
|
6813
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
6813
|
+
}, "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 }))));
|
|
6814
6814
|
}
|
|
6815
6815
|
static get delegatesFocus() { return true; }
|
|
6816
6816
|
get host() { return getElement(this); }
|
|
@@ -6855,20 +6855,20 @@ _InlineLink_internals = new WeakMap(), _InlineLink_onBlur = new WeakMap(), _Inli
|
|
|
6855
6855
|
}
|
|
6856
6856
|
};
|
|
6857
6857
|
|
|
6858
|
-
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}}}";
|
|
6858
|
+
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}}}";
|
|
6859
6859
|
var QdsInputStyle0 = inputCss;
|
|
6860
6860
|
|
|
6861
6861
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
6862
6862
|
//
|
|
6863
6863
|
// SPDX-License-Identifier: Apache-2.0
|
|
6864
|
-
var __classPrivateFieldGet$
|
|
6864
|
+
var __classPrivateFieldGet$n = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
6865
6865
|
if (kind === "a" && !f)
|
|
6866
6866
|
throw new TypeError("Private accessor was defined without a getter");
|
|
6867
6867
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
6868
6868
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
6869
6869
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
6870
6870
|
};
|
|
6871
|
-
var __classPrivateFieldSet$
|
|
6871
|
+
var __classPrivateFieldSet$i = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
6872
6872
|
if (kind === "m")
|
|
6873
6873
|
throw new TypeError("Private method is not writable");
|
|
6874
6874
|
if (kind === "a" && !f)
|
|
@@ -7010,65 +7010,65 @@ class Input {
|
|
|
7010
7010
|
this.checkValidity = () => this.internals.checkValidity();
|
|
7011
7011
|
this.reportValidity = () => this.internals.reportValidity();
|
|
7012
7012
|
this.setCustomValidity = (error) => {
|
|
7013
|
-
invariant(__classPrivateFieldGet$
|
|
7014
|
-
__classPrivateFieldGet$
|
|
7013
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7014
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").setCustomValidity(error);
|
|
7015
7015
|
if (error)
|
|
7016
|
-
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$
|
|
7016
|
+
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7017
7017
|
else
|
|
7018
7018
|
this.internals.setValidity(NO_ERROR_FLAGS);
|
|
7019
7019
|
};
|
|
7020
7020
|
this.select = () => {
|
|
7021
|
-
invariant(__classPrivateFieldGet$
|
|
7022
|
-
__classPrivateFieldGet$
|
|
7021
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7022
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").select();
|
|
7023
7023
|
};
|
|
7024
7024
|
this.getSelectionDirection = () => {
|
|
7025
|
-
invariant(__classPrivateFieldGet$
|
|
7026
|
-
return __classPrivateFieldGet$
|
|
7025
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7026
|
+
return __classPrivateFieldGet$n(this, _Input_input, "f").selectionDirection;
|
|
7027
7027
|
};
|
|
7028
7028
|
this.getSelectionStart = () => {
|
|
7029
|
-
invariant(__classPrivateFieldGet$
|
|
7030
|
-
return __classPrivateFieldGet$
|
|
7029
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7030
|
+
return __classPrivateFieldGet$n(this, _Input_input, "f").selectionStart;
|
|
7031
7031
|
};
|
|
7032
7032
|
this.getSelectionEnd = () => {
|
|
7033
|
-
invariant(__classPrivateFieldGet$
|
|
7034
|
-
return __classPrivateFieldGet$
|
|
7033
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7034
|
+
return __classPrivateFieldGet$n(this, _Input_input, "f").selectionEnd;
|
|
7035
7035
|
};
|
|
7036
7036
|
this.setRangeText = (replacement, start, end, selectionMode) => {
|
|
7037
|
-
invariant(__classPrivateFieldGet$
|
|
7038
|
-
__classPrivateFieldGet$
|
|
7039
|
-
if (this.value !== __classPrivateFieldGet$
|
|
7040
|
-
this.value = __classPrivateFieldGet$
|
|
7037
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7038
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").setRangeText(replacement, start, end, selectionMode);
|
|
7039
|
+
if (this.value !== __classPrivateFieldGet$n(this, _Input_input, "f").value) {
|
|
7040
|
+
this.value = __classPrivateFieldGet$n(this, _Input_input, "f").value;
|
|
7041
7041
|
this.inputEmitter.emit();
|
|
7042
7042
|
this.changeEmitter.emit();
|
|
7043
7043
|
}
|
|
7044
7044
|
};
|
|
7045
7045
|
this.setSelectionRange = (start, end, direction) => {
|
|
7046
|
-
invariant(__classPrivateFieldGet$
|
|
7047
|
-
__classPrivateFieldGet$
|
|
7046
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7047
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").setSelectionRange(start, end, direction);
|
|
7048
7048
|
};
|
|
7049
7049
|
this.stepDown = (n) => {
|
|
7050
|
-
invariant(__classPrivateFieldGet$
|
|
7051
|
-
__classPrivateFieldGet$
|
|
7050
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7051
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").stepDown(n);
|
|
7052
7052
|
};
|
|
7053
7053
|
this.stepUp = (n) => {
|
|
7054
|
-
invariant(__classPrivateFieldGet$
|
|
7055
|
-
__classPrivateFieldGet$
|
|
7054
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7055
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").stepUp(n);
|
|
7056
7056
|
};
|
|
7057
7057
|
this.showPicker = () => {
|
|
7058
|
-
invariant(__classPrivateFieldGet$
|
|
7059
|
-
__classPrivateFieldGet$
|
|
7058
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7059
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").showPicker();
|
|
7060
7060
|
};
|
|
7061
7061
|
_Input_togglePasswordVisibility.set(this, () => {
|
|
7062
|
-
invariant(__classPrivateFieldGet$
|
|
7062
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7063
7063
|
this.isPasswordVisible = !this.isPasswordVisible;
|
|
7064
|
-
__classPrivateFieldGet$
|
|
7064
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").type = __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedType_get);
|
|
7065
7065
|
});
|
|
7066
7066
|
_Input_ref.set(this, (input) => {
|
|
7067
|
-
__classPrivateFieldSet$
|
|
7067
|
+
__classPrivateFieldSet$i(this, _Input_input, input, "f");
|
|
7068
7068
|
});
|
|
7069
7069
|
_Input_getFiles.set(this, () => {
|
|
7070
|
-
invariant(__classPrivateFieldGet$
|
|
7071
|
-
return __classPrivateFieldGet$
|
|
7070
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7071
|
+
return __classPrivateFieldGet$n(this, _Input_input, "f").files;
|
|
7072
7072
|
});
|
|
7073
7073
|
_Input_onBlur.set(this, (event) => {
|
|
7074
7074
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
@@ -7080,24 +7080,24 @@ class Input {
|
|
|
7080
7080
|
this.changeEmitter.emit();
|
|
7081
7081
|
});
|
|
7082
7082
|
_Input_onClear.set(this, () => {
|
|
7083
|
-
__classPrivateFieldGet$
|
|
7084
|
-
__classPrivateFieldGet$
|
|
7083
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_clearValue).call(this);
|
|
7084
|
+
__classPrivateFieldGet$n(this, _Input_onInput, "f").call(this, new InputEvent('input', { inputType: 'deleteContent' }));
|
|
7085
7085
|
});
|
|
7086
7086
|
_Input_onFocus.set(this, (event) => {
|
|
7087
7087
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
7088
7088
|
});
|
|
7089
7089
|
_Input_onInput.set(this, (event) => {
|
|
7090
|
-
invariant(__classPrivateFieldGet$
|
|
7091
|
-
this.value = __classPrivateFieldGet$
|
|
7090
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7091
|
+
this.value = __classPrivateFieldGet$n(this, _Input_input, "f").value;
|
|
7092
7092
|
this.inputEmitter.emit(pickInputEventAttributes(event));
|
|
7093
7093
|
});
|
|
7094
7094
|
}
|
|
7095
7095
|
onClick(event) {
|
|
7096
|
-
if (__classPrivateFieldGet$
|
|
7096
|
+
if (__classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
7097
7097
|
event.stopImmediatePropagation();
|
|
7098
7098
|
}
|
|
7099
7099
|
onKeydown(event) {
|
|
7100
|
-
if (__classPrivateFieldGet$
|
|
7100
|
+
if (__classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedDisabled_get)) {
|
|
7101
7101
|
event.stopImmediatePropagation();
|
|
7102
7102
|
return;
|
|
7103
7103
|
}
|
|
@@ -7107,23 +7107,23 @@ class Input {
|
|
|
7107
7107
|
}
|
|
7108
7108
|
}
|
|
7109
7109
|
disabledChanged() {
|
|
7110
|
-
if (__classPrivateFieldGet$
|
|
7110
|
+
if (__classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
7111
7111
|
// eslint-disable-next-line unicorn/no-null
|
|
7112
7112
|
this.internals.setFormValue(null);
|
|
7113
7113
|
else
|
|
7114
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
7114
|
+
this.internals.setFormValue(__classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedValue_get));
|
|
7115
7115
|
}
|
|
7116
7116
|
selectionDirectionChanged() {
|
|
7117
|
-
invariant(__classPrivateFieldGet$
|
|
7118
|
-
__classPrivateFieldGet$
|
|
7117
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7118
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").selectionDirection = this.selectionDirection;
|
|
7119
7119
|
}
|
|
7120
7120
|
selectionEndChanged() {
|
|
7121
|
-
invariant(__classPrivateFieldGet$
|
|
7122
|
-
__classPrivateFieldGet$
|
|
7121
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7122
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").selectionEnd = this.selectionEnd;
|
|
7123
7123
|
}
|
|
7124
7124
|
selectionStartChanged() {
|
|
7125
|
-
invariant(__classPrivateFieldGet$
|
|
7126
|
-
__classPrivateFieldGet$
|
|
7125
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7126
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").selectionStart = this.selectionStart;
|
|
7127
7127
|
}
|
|
7128
7128
|
tabindexChanged(newValue) {
|
|
7129
7129
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
@@ -7131,61 +7131,61 @@ class Input {
|
|
|
7131
7131
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
7132
7132
|
}
|
|
7133
7133
|
validationChanged() {
|
|
7134
|
-
if (!__classPrivateFieldGet$
|
|
7134
|
+
if (!__classPrivateFieldGet$n(this, _Input_input, "f"))
|
|
7135
7135
|
return;
|
|
7136
|
-
if (__classPrivateFieldGet$
|
|
7137
|
-
__classPrivateFieldGet$
|
|
7136
|
+
if (__classPrivateFieldGet$n(this, _Input_input, "f").max !== this.max && this.max !== undefined)
|
|
7137
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").max = this.max.toString();
|
|
7138
7138
|
if (this.maxLength !== undefined)
|
|
7139
|
-
__classPrivateFieldGet$
|
|
7140
|
-
if (__classPrivateFieldGet$
|
|
7141
|
-
__classPrivateFieldGet$
|
|
7139
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").maxLength = this.maxLength;
|
|
7140
|
+
if (__classPrivateFieldGet$n(this, _Input_input, "f").min !== this.min && this.min !== undefined)
|
|
7141
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").min = this.min.toString();
|
|
7142
7142
|
if (this.minLength !== undefined)
|
|
7143
|
-
__classPrivateFieldGet$
|
|
7143
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").minLength = this.minLength;
|
|
7144
7144
|
if (this.pattern !== undefined)
|
|
7145
|
-
__classPrivateFieldGet$
|
|
7146
|
-
__classPrivateFieldGet$
|
|
7147
|
-
if (__classPrivateFieldGet$
|
|
7148
|
-
__classPrivateFieldGet$
|
|
7149
|
-
__classPrivateFieldGet$
|
|
7145
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").pattern = this.pattern;
|
|
7146
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").required = this.required ?? false;
|
|
7147
|
+
if (__classPrivateFieldGet$n(this, _Input_input, "f").step !== this.step && this.step !== undefined)
|
|
7148
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").step = this.step.toString();
|
|
7149
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").type = __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedType_get);
|
|
7150
7150
|
// eslint-disable-next-line unicorn/no-null
|
|
7151
7151
|
if (this.type !== 'file' && this.value != null)
|
|
7152
|
-
__classPrivateFieldGet$
|
|
7153
|
-
const { valid } = __classPrivateFieldGet$
|
|
7152
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").value = this.value.toString();
|
|
7153
|
+
const { valid } = __classPrivateFieldGet$n(this, _Input_input, "f").validity;
|
|
7154
7154
|
if (valid)
|
|
7155
|
-
this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$
|
|
7155
|
+
this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7156
7156
|
else
|
|
7157
|
-
this.internals.setValidity(__classPrivateFieldGet$
|
|
7157
|
+
this.internals.setValidity(__classPrivateFieldGet$n(this, _Input_input, "f").validity, __classPrivateFieldGet$n(this, _Input_input, "f").validationMessage, __classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7158
7158
|
}
|
|
7159
7159
|
valueChanged() {
|
|
7160
|
-
if (!__classPrivateFieldGet$
|
|
7161
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
7162
|
-
if ((__classPrivateFieldGet$
|
|
7160
|
+
if (!__classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
7161
|
+
this.internals.setFormValue(__classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedValue_get));
|
|
7162
|
+
if ((__classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedValue_get) === null || __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedValue_get) === '') &&
|
|
7163
7163
|
this.type === 'file') {
|
|
7164
|
-
__classPrivateFieldGet$
|
|
7164
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_clearValue).call(this);
|
|
7165
7165
|
}
|
|
7166
7166
|
}
|
|
7167
7167
|
componentWillLoad() {
|
|
7168
|
-
__classPrivateFieldGet$
|
|
7169
|
-
__classPrivateFieldGet$
|
|
7170
|
-
__classPrivateFieldGet$
|
|
7171
|
-
__classPrivateFieldGet$
|
|
7172
|
-
__classPrivateFieldGet$
|
|
7173
|
-
__classPrivateFieldGet$
|
|
7174
|
-
__classPrivateFieldSet$
|
|
7168
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_defineGetter).call(this, 'form', () => this.internals.form);
|
|
7169
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
7170
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
7171
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
7172
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_defineGetter).call(this, 'files', __classPrivateFieldGet$n(this, _Input_getFiles, "f"));
|
|
7173
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
7174
|
+
__classPrivateFieldSet$i(this, _Input_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
7175
7175
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
7176
7176
|
}
|
|
7177
7177
|
componentDidLoad() {
|
|
7178
|
-
invariant(__classPrivateFieldGet$
|
|
7178
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7179
7179
|
this.validationChanged();
|
|
7180
7180
|
this.valueChanged();
|
|
7181
7181
|
// FIXME: This event is supported by the native `<input>` element but not
|
|
7182
7182
|
// recognized by Stencil's type definitions, so it needs to be manually
|
|
7183
7183
|
// bound here.
|
|
7184
|
-
__classPrivateFieldGet$
|
|
7184
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").addEventListener('cancel', __classPrivateFieldGet$n(this, _Input_onCancel, "f"));
|
|
7185
7185
|
}
|
|
7186
7186
|
disconnectedCallback() {
|
|
7187
|
-
if (__classPrivateFieldGet$
|
|
7188
|
-
__classPrivateFieldGet$
|
|
7187
|
+
if (__classPrivateFieldGet$n(this, _Input_input, "f"))
|
|
7188
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").removeEventListener('cancel', __classPrivateFieldGet$n(this, _Input_onCancel, "f"));
|
|
7189
7189
|
}
|
|
7190
7190
|
render() {
|
|
7191
7191
|
const hasValue = this.value !== null && this.value !== undefined && this.value !== '';
|
|
@@ -7203,13 +7203,13 @@ class Input {
|
|
|
7203
7203
|
'qds-padding': shouldHideIcon,
|
|
7204
7204
|
'qds-password-padding': this.type === 'password' ||
|
|
7205
7205
|
(this.isPasswordVisible && this.type === 'text'),
|
|
7206
|
-
}, "data-size": __classPrivateFieldGet$
|
|
7206
|
+
}, "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: {
|
|
7207
7207
|
'qds-icon-container': true,
|
|
7208
7208
|
'no-padding': shouldRemoveSearchPadding,
|
|
7209
7209
|
} }, shouldShowClearButton && (hAsync("qds-button", { key: 'cb7df2dfb2e1c7a3e4302f1b15108da1a7e1c51d', class: {
|
|
7210
7210
|
'qds-icon': true,
|
|
7211
7211
|
'qds-hide': !hasValue,
|
|
7212
|
-
}, disabled: this.disabled, iconLibrary: "core", iconName: "clear", iconOnly: true, importance: "subdued", onClick: __classPrivateFieldGet$
|
|
7212
|
+
}, 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))))));
|
|
7213
7213
|
}
|
|
7214
7214
|
static get delegatesFocus() { return true; }
|
|
7215
7215
|
static get formAssociated() { return true; }
|
|
@@ -7319,7 +7319,7 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
|
|
|
7319
7319
|
['month', 'time', 'date', 'datetime-local', 'week', 'password'].includes(this.type));
|
|
7320
7320
|
}, _Input_iconClickHandler_get = function _Input_iconClickHandler_get() {
|
|
7321
7321
|
return this.type === 'password'
|
|
7322
|
-
? __classPrivateFieldGet$
|
|
7322
|
+
? __classPrivateFieldGet$n(this, _Input_togglePasswordVisibility, "f")
|
|
7323
7323
|
: this.showPicker;
|
|
7324
7324
|
}, _Input_computedType_get = function _Input_computedType_get() {
|
|
7325
7325
|
return this.type === 'password' && this.isPasswordVisible
|
|
@@ -7334,8 +7334,8 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
|
|
|
7334
7334
|
}, _Input_defineGetter = function _Input_defineGetter(p, get) {
|
|
7335
7335
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
7336
7336
|
}, _Input_clearValue = function _Input_clearValue() {
|
|
7337
|
-
invariant(__classPrivateFieldGet$
|
|
7338
|
-
__classPrivateFieldGet$
|
|
7337
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7338
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").value = '';
|
|
7339
7339
|
};
|
|
7340
7340
|
|
|
7341
7341
|
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)}";
|
|
@@ -7344,14 +7344,14 @@ var QdsLabelStyle0 = labelCss;
|
|
|
7344
7344
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7345
7345
|
//
|
|
7346
7346
|
// SPDX-License-Identifier: Apache-2.0
|
|
7347
|
-
var __classPrivateFieldGet$
|
|
7347
|
+
var __classPrivateFieldGet$m = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7348
7348
|
if (kind === "a" && !f)
|
|
7349
7349
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7350
7350
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7351
7351
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
7352
7352
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
7353
7353
|
};
|
|
7354
|
-
var __classPrivateFieldSet$
|
|
7354
|
+
var __classPrivateFieldSet$h = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7355
7355
|
if (kind === "m")
|
|
7356
7356
|
throw new TypeError("Private method is not writable");
|
|
7357
7357
|
if (kind === "a" && !f)
|
|
@@ -7390,45 +7390,45 @@ class Label {
|
|
|
7390
7390
|
_Label_ro.set(this, void 0);
|
|
7391
7391
|
_Label_span.set(this, void 0);
|
|
7392
7392
|
_Label_labelRef.set(this, (label) => {
|
|
7393
|
-
__classPrivateFieldSet$
|
|
7393
|
+
__classPrivateFieldSet$h(this, _Label_label, label, "f");
|
|
7394
7394
|
});
|
|
7395
7395
|
_Label_spanRef.set(this, (span) => {
|
|
7396
|
-
__classPrivateFieldSet$
|
|
7396
|
+
__classPrivateFieldSet$h(this, _Label_span, span, "f");
|
|
7397
7397
|
});
|
|
7398
7398
|
_Label_tooltipRef.set(this, (tooltip) => {
|
|
7399
7399
|
if (tooltip)
|
|
7400
7400
|
// eslint-disable-next-line no-param-reassign
|
|
7401
|
-
tooltip.target = __classPrivateFieldGet$
|
|
7401
|
+
tooltip.target = __classPrivateFieldGet$m(this, _Label_label, "f");
|
|
7402
7402
|
});
|
|
7403
7403
|
}
|
|
7404
7404
|
textChanged() {
|
|
7405
|
-
if (__classPrivateFieldGet$
|
|
7406
|
-
__classPrivateFieldGet$
|
|
7407
|
-
if (!__classPrivateFieldGet$
|
|
7405
|
+
if (__classPrivateFieldGet$m(this, _Label_ro, "f"))
|
|
7406
|
+
__classPrivateFieldGet$m(this, _Label_ro, "f").disconnect();
|
|
7407
|
+
if (!__classPrivateFieldGet$m(this, _Label_span, "f"))
|
|
7408
7408
|
return;
|
|
7409
|
-
const span = __classPrivateFieldGet$
|
|
7409
|
+
const span = __classPrivateFieldGet$m(this, _Label_span, "f");
|
|
7410
7410
|
readTask(() => {
|
|
7411
7411
|
this.tooltip = isOverflowing(span);
|
|
7412
7412
|
});
|
|
7413
|
-
__classPrivateFieldSet$
|
|
7413
|
+
__classPrivateFieldSet$h(this, _Label_ro, new ResizeObserver(([spanEntry]) => {
|
|
7414
7414
|
this.tooltip = isOverflowing(spanEntry.target);
|
|
7415
7415
|
}), "f");
|
|
7416
|
-
__classPrivateFieldGet$
|
|
7416
|
+
__classPrivateFieldGet$m(this, _Label_ro, "f").observe(__classPrivateFieldGet$m(this, _Label_span, "f"));
|
|
7417
7417
|
}
|
|
7418
7418
|
componentDidLoad() {
|
|
7419
7419
|
this.textChanged();
|
|
7420
7420
|
}
|
|
7421
7421
|
disconnectedCallback() {
|
|
7422
|
-
if (__classPrivateFieldGet$
|
|
7423
|
-
__classPrivateFieldGet$
|
|
7422
|
+
if (__classPrivateFieldGet$m(this, _Label_ro, "f"))
|
|
7423
|
+
__classPrivateFieldGet$m(this, _Label_ro, "f").disconnect();
|
|
7424
7424
|
}
|
|
7425
7425
|
render() {
|
|
7426
7426
|
return (hAsync("span", { key: '04557d25d0f4063cdc200c14dcc5093282480ef2', class: {
|
|
7427
7427
|
'qds-inline': this.inline,
|
|
7428
7428
|
'qds-label': true,
|
|
7429
|
-
}, "data-size": __classPrivateFieldGet$
|
|
7429
|
+
}, "data-size": __classPrivateFieldGet$m(this, _Label_instances, "a", _Label_computedSize_get), ref: __classPrivateFieldGet$m(this, _Label_labelRef, "f"),
|
|
7430
7430
|
// eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
|
|
7431
|
-
tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '9ec237e88c66e0eaa9039a29cace2205aa00b5fc', class: "qds-required" }, "*"), hAsync("span", { key: '6675cf1a16640d5530d32f2d5e8f3892a8225c15', class: "qds-text", ref: __classPrivateFieldGet$
|
|
7431
|
+
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))));
|
|
7432
7432
|
}
|
|
7433
7433
|
static get watchers() { return {
|
|
7434
7434
|
"text": ["textChanged"]
|
|
@@ -7468,7 +7468,7 @@ var QdsListItemStyle0 = listItemCss;
|
|
|
7468
7468
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7469
7469
|
//
|
|
7470
7470
|
// SPDX-License-Identifier: Apache-2.0
|
|
7471
|
-
var __classPrivateFieldGet$
|
|
7471
|
+
var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7472
7472
|
if (kind === "a" && !f)
|
|
7473
7473
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7474
7474
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -7520,7 +7520,7 @@ class ListItem {
|
|
|
7520
7520
|
// Note that this will need adjustments once we add the `item-action` slot.
|
|
7521
7521
|
event.preventDefault();
|
|
7522
7522
|
if (this.listAction === 'multiselect') {
|
|
7523
|
-
this.checked = __classPrivateFieldGet$
|
|
7523
|
+
this.checked = __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedIndeterminate_get) ? true : !__classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedChecked_get);
|
|
7524
7524
|
this.changeEmitter.emit();
|
|
7525
7525
|
this.indeterminate = false;
|
|
7526
7526
|
}
|
|
@@ -7541,16 +7541,16 @@ class ListItem {
|
|
|
7541
7541
|
hAsync("li", { key: 'c85d55cd3ac8feac479d083eda49f4f0b30d0479', class: {
|
|
7542
7542
|
'qds-list-item': true,
|
|
7543
7543
|
'qds-disabled': this.disabled,
|
|
7544
|
-
'qds-divider': __classPrivateFieldGet$
|
|
7545
|
-
'qds-multiselect': __classPrivateFieldGet$
|
|
7546
|
-
'qds-selected': __classPrivateFieldGet$
|
|
7547
|
-
'qds-checked': __classPrivateFieldGet$
|
|
7548
|
-
}, "data-size": __classPrivateFieldGet$
|
|
7544
|
+
'qds-divider': __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedDivider_get) === undefined,
|
|
7545
|
+
'qds-multiselect': __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect',
|
|
7546
|
+
'qds-selected': __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
|
|
7547
|
+
'qds-checked': __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedChecked_get),
|
|
7548
|
+
}, "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>).
|
|
7549
7549
|
,
|
|
7550
|
-
...this.inheritedAttributes }, __classPrivateFieldGet$
|
|
7550
|
+
...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: {
|
|
7551
7551
|
'qds-indented-content': true,
|
|
7552
|
-
'qds-divider': __classPrivateFieldGet$
|
|
7553
|
-
} }, 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$
|
|
7552
|
+
'qds-divider': __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedDivider_get) === 'indent',
|
|
7553
|
+
} }, 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) }))))
|
|
7554
7554
|
/* eslint-enable jsx-a11y/label-has-associated-control */
|
|
7555
7555
|
);
|
|
7556
7556
|
}
|
|
@@ -7638,7 +7638,7 @@ var QdsLoaderStyle0 = loaderCss;
|
|
|
7638
7638
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7639
7639
|
//
|
|
7640
7640
|
// SPDX-License-Identifier: Apache-2.0
|
|
7641
|
-
var __classPrivateFieldGet$
|
|
7641
|
+
var __classPrivateFieldGet$k = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7642
7642
|
if (kind === "a" && !f)
|
|
7643
7643
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7644
7644
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -7670,7 +7670,7 @@ class Loader {
|
|
|
7670
7670
|
}
|
|
7671
7671
|
statusChanged() {
|
|
7672
7672
|
this.internals.ariaValueNow =
|
|
7673
|
-
__classPrivateFieldGet$
|
|
7673
|
+
__classPrivateFieldGet$k(this, _Loader_instances, "a", _Loader_computedStatus_get) === 'loading'
|
|
7674
7674
|
? // eslint-disable-next-line unicorn/no-null
|
|
7675
7675
|
null
|
|
7676
7676
|
: this.internals.ariaValueMax;
|
|
@@ -7679,11 +7679,11 @@ class Loader {
|
|
|
7679
7679
|
this.internals.role = 'progressbar';
|
|
7680
7680
|
this.internals.ariaValueMin = this.host.ariaValueMin ?? '0';
|
|
7681
7681
|
this.internals.ariaValueMax = this.host.ariaValueMax ?? '1';
|
|
7682
|
-
__classPrivateFieldGet$
|
|
7682
|
+
__classPrivateFieldGet$k(this, _Loader_instances, "m", _Loader_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
7683
7683
|
this.statusChanged();
|
|
7684
7684
|
}
|
|
7685
7685
|
render() {
|
|
7686
|
-
return __classPrivateFieldGet$
|
|
7686
|
+
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}` }));
|
|
7687
7687
|
}
|
|
7688
7688
|
static get formAssociated() { return true; }
|
|
7689
7689
|
get host() { return getElement(this); }
|
|
@@ -7729,6 +7729,146 @@ _Loader_instances = new WeakSet(), _Loader_computedSize_get = function _Loader_c
|
|
|
7729
7729
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
7730
7730
|
};
|
|
7731
7731
|
|
|
7732
|
+
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}";
|
|
7733
|
+
var QdsMiniButtonStyle0 = miniButtonCss;
|
|
7734
|
+
|
|
7735
|
+
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
7736
|
+
//
|
|
7737
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
7738
|
+
var __classPrivateFieldGet$j = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7739
|
+
if (kind === "a" && !f)
|
|
7740
|
+
throw new TypeError("Private accessor was defined without a getter");
|
|
7741
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7742
|
+
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
7743
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
7744
|
+
};
|
|
7745
|
+
var __classPrivateFieldSet$g = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7746
|
+
if (kind === "m")
|
|
7747
|
+
throw new TypeError("Private method is not writable");
|
|
7748
|
+
if (kind === "a" && !f)
|
|
7749
|
+
throw new TypeError("Private accessor was defined without a setter");
|
|
7750
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7751
|
+
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
7752
|
+
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
7753
|
+
};
|
|
7754
|
+
var _MiniButton_instances, _MiniButton_savedTabIndex, _MiniButton_computedDisabled_get;
|
|
7755
|
+
const preventDefault = (event) => {
|
|
7756
|
+
event.preventDefault();
|
|
7757
|
+
};
|
|
7758
|
+
/**
|
|
7759
|
+
* @experimental
|
|
7760
|
+
*/
|
|
7761
|
+
class MiniButton {
|
|
7762
|
+
constructor(hostRef) {
|
|
7763
|
+
registerInstance(this, hostRef);
|
|
7764
|
+
this.blurEmitter = createEvent(this, "qdsBlur", 2);
|
|
7765
|
+
this.focusEmitter = createEvent(this, "qdsFocus", 2);
|
|
7766
|
+
if (hostRef.$hostElement$["s-ei"]) {
|
|
7767
|
+
this.internals = hostRef.$hostElement$["s-ei"];
|
|
7768
|
+
}
|
|
7769
|
+
else {
|
|
7770
|
+
this.internals = hostRef.$hostElement$.attachInternals();
|
|
7771
|
+
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
7772
|
+
}
|
|
7773
|
+
_MiniButton_instances.add(this);
|
|
7774
|
+
/**
|
|
7775
|
+
* The name of a registered icon library.
|
|
7776
|
+
*/
|
|
7777
|
+
this.library = 'default';
|
|
7778
|
+
/**
|
|
7779
|
+
* When href is define and the button act as a link (`<a>`), the `rel` will be added to the element.
|
|
7780
|
+
*
|
|
7781
|
+
* @webnative
|
|
7782
|
+
*/
|
|
7783
|
+
this.rel = 'noopener';
|
|
7784
|
+
_MiniButton_savedTabIndex.set(this, 0);
|
|
7785
|
+
}
|
|
7786
|
+
disabledChanged() {
|
|
7787
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$j(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get).toString();
|
|
7788
|
+
if (__classPrivateFieldGet$j(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
|
|
7789
|
+
this.host.removeAttribute('tabindex');
|
|
7790
|
+
else
|
|
7791
|
+
this.host.tabIndex = __classPrivateFieldGet$j(this, _MiniButton_savedTabIndex, "f");
|
|
7792
|
+
}
|
|
7793
|
+
hrefChanged() {
|
|
7794
|
+
this.internals.role = this.href === undefined ? 'button' : 'link';
|
|
7795
|
+
}
|
|
7796
|
+
tabindexChanged(newValue) {
|
|
7797
|
+
if (newValue !== null) {
|
|
7798
|
+
const parsedValue = Number.parseInt(newValue, 10);
|
|
7799
|
+
__classPrivateFieldSet$g(this, _MiniButton_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
|
|
7800
|
+
? 0
|
|
7801
|
+
: parsedValue, "f");
|
|
7802
|
+
}
|
|
7803
|
+
if (__classPrivateFieldGet$j(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
|
|
7804
|
+
this.host.removeAttribute('tabindex');
|
|
7805
|
+
else
|
|
7806
|
+
this.host.tabIndex = __classPrivateFieldGet$j(this, _MiniButton_savedTabIndex, "f");
|
|
7807
|
+
}
|
|
7808
|
+
textChanged() {
|
|
7809
|
+
this.internals.ariaLabel = this.text;
|
|
7810
|
+
}
|
|
7811
|
+
onClick(event) {
|
|
7812
|
+
if (__classPrivateFieldGet$j(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get)) {
|
|
7813
|
+
event.stopImmediatePropagation();
|
|
7814
|
+
}
|
|
7815
|
+
}
|
|
7816
|
+
onBlur(event) {
|
|
7817
|
+
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
7818
|
+
}
|
|
7819
|
+
onFocus(event) {
|
|
7820
|
+
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
7821
|
+
}
|
|
7822
|
+
onKeydown(event) {
|
|
7823
|
+
if (event.key === 'Enter')
|
|
7824
|
+
this.host.click();
|
|
7825
|
+
}
|
|
7826
|
+
onKeyup(event) {
|
|
7827
|
+
if (event.key === ' ')
|
|
7828
|
+
this.host.click();
|
|
7829
|
+
}
|
|
7830
|
+
componentWillLoad() {
|
|
7831
|
+
this.hrefChanged();
|
|
7832
|
+
this.textChanged();
|
|
7833
|
+
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
7834
|
+
this.disabledChanged();
|
|
7835
|
+
}
|
|
7836
|
+
render() {
|
|
7837
|
+
const Tag = this.href === undefined ? 'button' : 'a';
|
|
7838
|
+
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 })));
|
|
7839
|
+
}
|
|
7840
|
+
static get formAssociated() { return true; }
|
|
7841
|
+
get host() { return getElement(this); }
|
|
7842
|
+
static get watchers() { return {
|
|
7843
|
+
"disabled": ["disabledChanged"],
|
|
7844
|
+
"href": ["hrefChanged"],
|
|
7845
|
+
"tabindex": ["tabindexChanged"],
|
|
7846
|
+
"text": ["textChanged"]
|
|
7847
|
+
}; }
|
|
7848
|
+
static get style() { return QdsMiniButtonStyle0; }
|
|
7849
|
+
static get cmpMeta() { return {
|
|
7850
|
+
"$flags$": 73,
|
|
7851
|
+
"$tagName$": "qds-mini-button",
|
|
7852
|
+
"$members$": {
|
|
7853
|
+
"disabled": [4],
|
|
7854
|
+
"name": [1],
|
|
7855
|
+
"library": [1],
|
|
7856
|
+
"target": [1],
|
|
7857
|
+
"href": [1],
|
|
7858
|
+
"rel": [1],
|
|
7859
|
+
"text": [1]
|
|
7860
|
+
},
|
|
7861
|
+
"$listeners$": [[0, "click", "onClick"], [0, "blur", "onBlur"], [0, "focus", "onFocus"], [0, "keydown", "onKeydown"], [0, "keyup", "onKeyup"]],
|
|
7862
|
+
"$lazyBundleId$": "-",
|
|
7863
|
+
"$attrsToReflect$": []
|
|
7864
|
+
}; }
|
|
7865
|
+
}
|
|
7866
|
+
_MiniButton_savedTabIndex = new WeakMap(), _MiniButton_instances = new WeakSet(), _MiniButton_computedDisabled_get = function _MiniButton_computedDisabled_get() {
|
|
7867
|
+
return (this.host.matches(':disabled') ||
|
|
7868
|
+
(this.host.hasAttribute('disabled') &&
|
|
7869
|
+
this.host.getAttribute('disabled') !== 'false'));
|
|
7870
|
+
};
|
|
7871
|
+
|
|
7732
7872
|
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)}";
|
|
7733
7873
|
var QdsNavListItemStyle0 = navListItemCss;
|
|
7734
7874
|
|
|
@@ -7809,14 +7949,14 @@ class NavListItem {
|
|
|
7809
7949
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
7810
7950
|
}
|
|
7811
7951
|
render() {
|
|
7812
|
-
return (hAsync(Host, { key: '
|
|
7952
|
+
return (hAsync(Host, { key: '88eaa31989bd2b28a7256c8820f857568736d6b8' }, hAsync("li", { key: '0250edce147e1885b89e4258063807cc6c54cfbb', class: {
|
|
7813
7953
|
'qds-nav-list-item': true,
|
|
7814
7954
|
'qds-disabled': this.disabled,
|
|
7815
7955
|
'qds-selected': this.selected,
|
|
7816
|
-
}, ref: __classPrivateFieldGet$i(this, _NavListItem_liRef, "f"), ...this.inheritedAttributes }, hAsync("button", { key: '
|
|
7956
|
+
}, ref: __classPrivateFieldGet$i(this, _NavListItem_liRef, "f"), ...this.inheritedAttributes }, hAsync("button", { key: '57e3719f754e9ef68ea8797094be6db169a966a7', class: {
|
|
7817
7957
|
'qds-button': true,
|
|
7818
7958
|
'qds-selected': this.selected,
|
|
7819
|
-
}, "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: '
|
|
7959
|
+
}, "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()))));
|
|
7820
7960
|
}
|
|
7821
7961
|
renderText() {
|
|
7822
7962
|
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))));
|
|
@@ -7953,7 +8093,7 @@ class ProgressBar {
|
|
|
7953
8093
|
this.valueChanged();
|
|
7954
8094
|
}
|
|
7955
8095
|
render() {
|
|
7956
|
-
return (hAsync("div", { key: '
|
|
8096
|
+
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: {
|
|
7957
8097
|
'qds-bar': true,
|
|
7958
8098
|
'qds-indeterminate': __classPrivateFieldGet$h(this, _ProgressBar_position, "f") === -1,
|
|
7959
8099
|
}, "data-size": __classPrivateFieldGet$h(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
|
|
@@ -8112,7 +8252,7 @@ _QdsBreadcrumbItem_internals = new WeakMap(), _QdsBreadcrumbItem_breadcrumbItem
|
|
|
8112
8252
|
return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$g(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
|
|
8113
8253
|
};
|
|
8114
8254
|
|
|
8115
|
-
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:
|
|
8255
|
+
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)}";
|
|
8116
8256
|
var QdsRadioStyle0 = radioCss;
|
|
8117
8257
|
|
|
8118
8258
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -8198,10 +8338,10 @@ class Radio {
|
|
|
8198
8338
|
render() {
|
|
8199
8339
|
return (
|
|
8200
8340
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
8201
|
-
hAsync("label", { key: '
|
|
8341
|
+
hAsync("label", { key: '23ace2714389b46c3add4b490c8ac6f55280225c', "aria-disabled": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
|
|
8202
8342
|
'qds-inline': this.inline,
|
|
8203
8343
|
'qds-label': true,
|
|
8204
|
-
}, "data-size": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '
|
|
8344
|
+
}, "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 }))));
|
|
8205
8345
|
}
|
|
8206
8346
|
get host() { return getElement(this); }
|
|
8207
8347
|
static get watchers() { return {
|
|
@@ -8245,7 +8385,7 @@ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio
|
|
|
8245
8385
|
return this.text !== undefined && this.text !== '';
|
|
8246
8386
|
};
|
|
8247
8387
|
|
|
8248
|
-
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:\"
|
|
8388
|
+
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}";
|
|
8249
8389
|
var QdsSelectStyle0 = selectCss;
|
|
8250
8390
|
|
|
8251
8391
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -8676,11 +8816,11 @@ class StandaloneLink {
|
|
|
8676
8816
|
__classPrivateFieldGet$d(this, _StandaloneLink_internals, "f").ariaLabel = this.host.textContent;
|
|
8677
8817
|
}
|
|
8678
8818
|
render() {
|
|
8679
|
-
return (hAsync("a", { key: '
|
|
8819
|
+
return (hAsync("a", { key: 'e48afece8fd8b8339cb1ee661c9a09bf61ab0146', "aria-hidden": "true", class: {
|
|
8680
8820
|
'qds-standalone-link': true,
|
|
8681
8821
|
'qds-disabled': this.disabled,
|
|
8682
8822
|
'qds-visitable': this.visitable,
|
|
8683
|
-
}, "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: '
|
|
8823
|
+
}, "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" })))));
|
|
8684
8824
|
}
|
|
8685
8825
|
static get delegatesFocus() { return true; }
|
|
8686
8826
|
get host() { return getElement(this); }
|
|
@@ -8886,13 +9026,13 @@ class Switch {
|
|
|
8886
9026
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
8887
9027
|
}
|
|
8888
9028
|
render() {
|
|
8889
|
-
return (hAsync("div", { key: '
|
|
9029
|
+
return (hAsync("div", { key: '9acbb1b1c5375cd174d3aed2a7879e8b6b3c7472', class: {
|
|
8890
9030
|
'qds-container': true,
|
|
8891
9031
|
'qds-disabled': __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedDisabled_get),
|
|
8892
9032
|
'qds-inline': this.inline,
|
|
8893
|
-
}, "data-size": __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("input", { key: '
|
|
9033
|
+
}, "data-size": __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("input", { key: '4a2c48da782ec746c4744390ce0f2322f1ad6fb5', "aria-hidden": "true",
|
|
8894
9034
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
8895
|
-
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: '
|
|
9035
|
+
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) }))));
|
|
8896
9036
|
}
|
|
8897
9037
|
static get delegatesFocus() { return true; }
|
|
8898
9038
|
static get formAssociated() { return true; }
|
|
@@ -9675,7 +9815,7 @@ class Table {
|
|
|
9675
9815
|
__classPrivateFieldSet$9(this, _Table_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9676
9816
|
}
|
|
9677
9817
|
render() {
|
|
9678
|
-
return (hAsync("table", { key: '
|
|
9818
|
+
return (hAsync("table", { key: 'f34e3fb2d7ddef56617d6d86c2a019fb79514e1f', class: "qds-table", ...__classPrivateFieldGet$9(this, _Table_inheritedAttributes, "f") }, hAsync("slot", { key: '9e32f5abe9e820b6b8ab444d336d8c49506aa679' })));
|
|
9679
9819
|
}
|
|
9680
9820
|
get host() { return getElement(this); }
|
|
9681
9821
|
static get style() { return QdsTableStyle0; }
|
|
@@ -9729,7 +9869,7 @@ class TableBody {
|
|
|
9729
9869
|
__classPrivateFieldSet$8(this, _TableBody_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9730
9870
|
}
|
|
9731
9871
|
render() {
|
|
9732
|
-
return (hAsync("tbody", { key: '
|
|
9872
|
+
return (hAsync("tbody", { key: '23e490cff0689c33d92d0fbe231f098296c05ec2', class: "qds-table-body", ...__classPrivateFieldGet$8(this, _TableBody_inheritedAttributes, "f") }, hAsync("slot", { key: '6dfad826fe9a74aa3a71e2bd683c200ef17ae46a' })));
|
|
9733
9873
|
}
|
|
9734
9874
|
get host() { return getElement(this); }
|
|
9735
9875
|
static get style() { return QdsTableBodyStyle0; }
|
|
@@ -9782,7 +9922,7 @@ class TableCell {
|
|
|
9782
9922
|
__classPrivateFieldSet$7(this, _TableCell_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9783
9923
|
}
|
|
9784
9924
|
render() {
|
|
9785
|
-
return (hAsync("td", { key: '
|
|
9925
|
+
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' })));
|
|
9786
9926
|
}
|
|
9787
9927
|
get host() { return getElement(this); }
|
|
9788
9928
|
static get style() { return QdsTableCellStyle0; }
|
|
@@ -9839,7 +9979,7 @@ class TableHead {
|
|
|
9839
9979
|
__classPrivateFieldSet$6(this, _TableHead_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9840
9980
|
}
|
|
9841
9981
|
render() {
|
|
9842
|
-
return (hAsync("thead", { key: '
|
|
9982
|
+
return (hAsync("thead", { key: '97bffcfb6e148c38bd9bf10ea8afd0d42e3ea849', class: "qds-table-head", ...__classPrivateFieldGet$6(this, _TableHead_inheritedAttributes, "f") }, hAsync("slot", { key: 'b345dd91feddae411bcc89e31adf7125594fe25d' })));
|
|
9843
9983
|
}
|
|
9844
9984
|
get host() { return getElement(this); }
|
|
9845
9985
|
static get style() { return QdsTableHeadStyle0; }
|
|
@@ -9952,7 +10092,7 @@ class TableRow {
|
|
|
9952
10092
|
__classPrivateFieldSet$4(this, _TableRow_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9953
10093
|
}
|
|
9954
10094
|
render() {
|
|
9955
|
-
return (hAsync("tr", { key: '
|
|
10095
|
+
return (hAsync("tr", { key: '036cf106976339fe0f253a729a8aa47616b8348e', class: "qds-table-row", ...__classPrivateFieldGet$4(this, _TableRow_inheritedAttributes, "f") }, hAsync("slot", { key: '545b496a6616c05cc3dd52038d977e4b16b69bfc' })));
|
|
9956
10096
|
}
|
|
9957
10097
|
get host() { return getElement(this); }
|
|
9958
10098
|
static get style() { return QdsTableRowStyle0; }
|
|
@@ -10417,7 +10557,7 @@ _TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(
|
|
|
10417
10557
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
10418
10558
|
};
|
|
10419
10559
|
|
|
10420
|
-
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"
|
|
10560
|
+
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)}";
|
|
10421
10561
|
var QdsTitleStyle0 = titleCss;
|
|
10422
10562
|
|
|
10423
10563
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -10884,6 +11024,7 @@ registerComponents([
|
|
|
10884
11024
|
Label,
|
|
10885
11025
|
ListItem,
|
|
10886
11026
|
Loader,
|
|
11027
|
+
MiniButton,
|
|
10887
11028
|
NavListItem,
|
|
10888
11029
|
ProgressBar,
|
|
10889
11030
|
QdsBreadcrumbItem,
|