@quartzds/core 1.0.0-beta.97 → 1.0.0-beta.99
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 +26 -0
- package/components/index.d.ts +2 -0
- package/components/index.js +2 -1
- package/components/index.js.map +1 -1
- package/components/{p-6879ec37.js → p-00118ac9.js} +2 -2
- package/components/{p-6879ec37.js.map → p-00118ac9.js.map} +1 -1
- package/components/{p-a6ca0040.js → p-24e6297f.js} +4 -4
- package/components/{p-a6ca0040.js.map → p-24e6297f.js.map} +1 -1
- package/components/{p-3f84fbec.js → p-30a089f2.js} +6 -6
- package/components/{p-3f84fbec.js.map → p-30a089f2.js.map} +1 -1
- package/components/{p-622e5b7d.js → p-4b9c6565.js} +3 -3
- package/components/{p-622e5b7d.js.map → p-4b9c6565.js.map} +1 -1
- package/components/{p-c4122977.js → p-5576dc00.js} +2 -2
- package/components/{p-c4122977.js.map → p-5576dc00.js.map} +1 -1
- package/components/{p-c0611e41.js → p-5e2b521c.js} +5 -5
- package/components/{p-c0611e41.js.map → p-5e2b521c.js.map} +1 -1
- package/components/{p-5570cc30.js → p-ace9a02b.js} +2 -2
- package/components/p-ace9a02b.js.map +1 -0
- package/components/{p-29ad6b4e.js → p-b0639fd3.js} +4 -4
- package/components/p-b0639fd3.js.map +1 -0
- package/components/{p-1bf3d7c6.js → p-b12f8c8d.js} +3 -3
- package/components/p-b12f8c8d.js.map +1 -0
- package/components/{p-e22dd76d.js → p-e62b2711.js} +2 -2
- package/components/p-e62b2711.js.map +1 -0
- package/components/qds-badge-counter.js +1 -1
- package/components/qds-badge-indicator.js +1 -1
- package/components/qds-breadcrumb-item.js +1 -1
- package/components/qds-button.js +1 -1
- package/components/qds-checkbox.js +1 -1
- package/components/qds-chip.js +2 -2
- package/components/qds-dialog.js +1 -1
- package/components/qds-divider.js +1 -1
- package/components/qds-dropdown.js +2 -2
- package/components/qds-form-message.js +3 -3
- package/components/qds-icon.js +1 -1
- package/components/qds-inline-link.js +3 -3
- package/components/qds-input.js +6 -6
- package/components/qds-input.js.map +1 -1
- package/components/qds-label.js +1 -1
- package/components/qds-list-item.js +4 -4
- package/components/qds-loader.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 +5 -5
- package/components/qds-progress-bar.js +1 -1
- package/components/qds-radio.js +6 -6
- package/components/qds-select.js +2 -2
- package/components/qds-standalone-link.js +3 -3
- package/components/qds-switch.js +3 -3
- package/components/qds-tab.js +6 -6
- package/components/qds-tabbar.js +6 -6
- 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-tag.js +1 -1
- package/components/qds-title.js +1 -1
- package/components/qds-tooltip.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/qds-badge-counter_2.cjs.entry.js +2 -2
- package/dist/cjs/qds-badge-counter_2.cjs.entry.js.map +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-dialog.cjs.entry.js +1 -1
- package/dist/cjs/qds-divider.cjs.entry.js +1 -1
- package/dist/cjs/qds-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/qds-form-message.cjs.entry.js +2 -2
- package/dist/cjs/qds-icon.cjs.entry.js +1 -1
- package/dist/cjs/qds-inline-link.cjs.entry.js +2 -2
- 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-label.cjs.entry.js +2 -2
- 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 +2 -2
- package/dist/cjs/qds-tag_2.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/qds-tooltip.cjs.entry.js.map +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-badge-counter_2.entry.js +2 -2
- package/dist/esm/qds-badge-counter_2.entry.js.map +1 -1
- package/dist/esm/qds-button.entry.js +1 -1
- package/dist/esm/qds-checkbox.entry.js +1 -1
- package/dist/esm/qds-dialog.entry.js +1 -1
- package/dist/esm/qds-divider.entry.js +1 -1
- package/dist/esm/qds-dropdown.entry.js +2 -2
- package/dist/esm/qds-form-message.entry.js +2 -2
- package/dist/esm/qds-icon.entry.js +1 -1
- package/dist/esm/qds-inline-link.entry.js +2 -2
- package/dist/esm/qds-input.entry.js +1 -1
- package/dist/esm/qds-input.entry.js.map +1 -1
- package/dist/esm/qds-label.entry.js +2 -2
- 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 +2 -2
- package/dist/esm/qds-tag_2.entry.js.map +1 -1
- package/dist/esm/qds-tooltip.entry.js +2 -2
- package/dist/esm/qds-tooltip.entry.js.map +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 +463 -322
- package/hydrate/index.mjs +463 -322
- package/package.json +1 -1
- package/components/p-1bf3d7c6.js.map +0 -1
- package/components/p-29ad6b4e.js.map +0 -1
- package/components/p-5570cc30.js.map +0 -1
- package/components/p-e22dd76d.js.map +0 -1
package/hydrate/index.js
CHANGED
|
@@ -3181,13 +3181,13 @@ var registerHost = (elm, cmpMeta) => {
|
|
|
3181
3181
|
};
|
|
3182
3182
|
var styles = /* @__PURE__ */ new Map();
|
|
3183
3183
|
|
|
3184
|
-
const badgeCounterCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-counter{align-items:center;background-color:var(--qds-theme-feedback-message-neutral);border-radius:var(--qds-
|
|
3184
|
+
const badgeCounterCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-counter{align-items:center;background-color:var(--qds-theme-feedback-message-neutral);border-radius:var(--qds-feedback-rounded-border-radius);color:var(--qds-theme-feedback-message-neutral-contrast);display:flex;font:var(--qds-feedback-badge-counter-standard-text);height:var(--qds-feedback-badge-counter-standard-height);justify-content:center;margin:0;padding-inline:var(--qds-feedback-badge-counter-standard-padding-horizontal);text-align:center}.qds-stroke-ring{border:var(--qds-feedback-badge-border-width) solid var(--qds-theme-feedback-message-neutral-contrast)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-contrast);color:var(--qds-theme-signature-color-default)}.qds-stroke-ring[data-importance=emphasized]{border-color:var(--qds-theme-signature-color-default)}[data-importance=subdued]{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}.qds-stroke-ring[data-importance=subdued]{border-color:var(--qds-theme-feedback-message-informational-contrast)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-message-critical-contrast);color:var(--qds-theme-feedback-message-critical)}.qds-stroke-ring[data-importance=destructive]{border-color:var(--qds-theme-feedback-message-critical)}[data-importance=subdued-destructive]{background-color:var(--qds-theme-feedback-message-critical);color:var(--qds-theme-feedback-message-critical-contrast)}.qds-stroke-ring[data-importance=subdued-destructive]{border-color:var(--qds-theme-feedback-message-critical-contrast)}[data-size=small]{font:var(--qds-feedback-badge-counter-small-text);height:var(--qds-feedback-badge-counter-small-height);padding-inline:var(--qds-feedback-badge-counter-small-padding-horizontal)}[data-size=large]{font:var(--qds-feedback-badge-counter-large-text);height:var(--qds-feedback-badge-counter-large-height);padding-inline:var(--qds-feedback-badge-counter-large-padding-horizontal)}[data-size=hero]{font:var(--qds-feedback-badge-counter-hero-text);height:var(--qds-feedback-badge-counter-hero-height);padding-inline:var(--qds-feedback-badge-counter-hero-padding-horizontal)}";
|
|
3185
3185
|
var QdsBadgeCounterStyle0 = badgeCounterCss;
|
|
3186
3186
|
|
|
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 {
|
|
@@ -3273,13 +3273,13 @@ _BadgeCounter_instances = new WeakSet(), _BadgeCounter_computedValue_get = funct
|
|
|
3273
3273
|
}
|
|
3274
3274
|
};
|
|
3275
3275
|
|
|
3276
|
-
const badgeIndicatorCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-indicator{align-items:center;background-color:var(--qds-theme-feedback-message-neutral);border-radius:var(--qds-
|
|
3276
|
+
const badgeIndicatorCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-indicator{align-items:center;background-color:var(--qds-theme-feedback-message-neutral);border-radius:var(--qds-feedback-rounded-border-radius);display:flex;height:var(--qds-badge-indicator-standard-height);justify-content:center;width:var(--qds-badge-indicator-standard-height)}.qds-stroke-ring{border:var(--qds-feedback-badge-border-width) solid var(--qds-theme-feedback-message-neutral-contrast)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-status=error]{background-color:var(--qds-theme-feedback-message-critical)}.qds-stroke-ring[data-status=error]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-status=info]{background-color:var(--qds-theme-feedback-message-informational)}.qds-stroke-ring[data-status=info]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-status=neutral]{background-color:var(--qds-theme-feedback-availability-unavailable)}.qds-stroke-ring[data-status=neutral]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-status=success]{background-color:var(--qds-theme-signature-color-default)}.qds-stroke-ring[data-status=success]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-status=warning]{background-color:var(--qds-theme-feedback-message-important)}.qds-stroke-ring[data-status=warning]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-size=small]{height:var(--qds-feedback-badge-indicator-small-size);width:var(--qds-feedback-badge-indicator-small-size)}[data-size=standard]{height:var(--qds-feedback-badge-indicator-standard-size);width:var(--qds-feedback-badge-indicator-standard-size)}[data-size=large]{height:var(--qds-feedback-badge-indicator-large-size);width:var(--qds-feedback-badge-indicator-large-size)}[data-size=hero]{height:var(--qds-feedback-badge-indicator-hero-size);width:var(--qds-feedback-badge-indicator-hero-size)}";
|
|
3277
3277
|
var QdsBadgeIndicatorStyle0 = badgeIndicatorCss;
|
|
3278
3278
|
|
|
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:\"f\"}.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:f;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:f;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:g;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:\"g\"}.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: '
|
|
4586
|
+
return (hAsync(Host, { key: 'e1e780bf3f6d966bbb32b937e3d901f03d464118' }, hAsync("dialog", { key: '856f6b597d5445de2700281d487fdc5c79c51add', 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: 'e5c3a1d7edfe924b35a787715aa0692938af18ce', class: "qds-title", id: __classPrivateFieldGet$t(this, _Dialog_titleId, "f") }, hAsync("slot", { key: '8ba7cb043d5e5400873479d9007e995d65b5a378', name: "title" }))), hAsync("div", { key: '40c824d9503f0fe94fdf7aed2dcc2fba7c13526d', class: "qds-content" }, hAsync("slot", { key: '01192cdeca7fdc00b0397be8404fabf15b771a79' })), this.hasFooterSlot && (hAsync("div", { key: '72af03d27b42ae9e2376df7fc80bdce462ce8dc7', class: "qds-footer" }, hAsync("slot", { key: 'e4d753275c0c37c272740f61fd2425db696968f0', name: "footer" })))), hAsync("div", { key: '15a259b8508090ecdf7a4ffc134c16d554c566e5', 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
|
-
return (hAsync("hr", { key: '
|
|
4664
|
+
return (hAsync("hr", { key: '0091e543776d239e1c06551f827d3abc4750b6af', 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: '
|
|
6324
|
+
return (hAsync(Host, { key: '2a8e79fa7638a540384b9b68bc54d5bc37c0ed67', "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
|
-
} }, hAsync("slot", { key: '
|
|
6328
|
+
} }, hAsync("slot", { key: '5756a8e02c020eb30adc7f8984521681b59268d1' })));
|
|
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
|
-
return (hAsync("span", { key: '
|
|
6462
|
+
return (hAsync("span", { key: '2dcc49707d07a093d717823e1e6b15a8355aa99e', 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: '474472c458c2bcc45429bbefe8674bfaf35c8ef6', class: "qds-icon-container", "data-size": __classPrivateFieldGet$q(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: '0ef29e03f640bcc71cb8e76bf36332c38d37a47a', class: "qds-icon-background", "data-size": __classPrivateFieldGet$q(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status }, hAsync("qds-icon", { key: 'c47efa4194f41304986b45e5650aef805c1b9167', "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: 'b8387560a2ce637e1dd98518bb9b8e5d9382b27e', class: "qds-sr-only" }, this.statusDescription))), hAsync("span", { key: '3333c6dd8feb5af3121dad4bff3af7b8e5bcfb32', 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,11 +6696,11 @@ 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() {
|
|
6703
|
-
return (hAsync("div", { key: '
|
|
6703
|
+
return (hAsync("div", { key: '2286e132e7a3e112d6cbb5ca47971b5d8c21e2f8', class: "qds-container" }, hAsync("span", { key: '916d8a3fefcb6111eb9a9f9426a5b83bf5dc6536', class: "qds-icon-wrapper", innerHTML: this.svg }), hAsync("div", { key: 'd662f4925a6fc000046321d69ff94d78363c450a', class: "qds-click-target" })));
|
|
6704
6704
|
}
|
|
6705
6705
|
get host() { return getElement(this); }
|
|
6706
6706
|
static get watchers() { return {
|
|
@@ -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
|
-
return (hAsync("a", { key: '
|
|
6810
|
+
return (hAsync("a", { key: '98546d69e2913c7420081a03a7648d77963b2b3d', "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: '586aca920dead74303b30fa02f211c3ce6f0313a', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("slot", { key: '3fa16fff9849e58b4df3ed546884df1dff67a1cb', onSlotchange: __classPrivateFieldGet$o(this, _InlineLink_onSlotchange, "f") }), this.linkIcon && (hAsync("qds-icon", { key: '282f65a69b0759a7168db94eaf000d9efa45a4f4', 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
|
-
return (hAsync("span", { key: '
|
|
7426
|
+
return (hAsync("span", { key: 'f5fb8edbdad01bf57ba88b2e65c240d9512d63ff', 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: '
|
|
7431
|
+
tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '3dd4a66af8b2e1e8ce32d98427ffab9973e23387', class: "qds-required" }, "*"), hAsync("span", { key: 'a5a06d788520604f85bb2868579f2b985eb82d79', class: "qds-text", ref: __classPrivateFieldGet$m(this, _Label_spanRef, "f") }, this.text), this.tooltip && (hAsync("qds-tooltip", { key: '29e5a9dd29895c775dd77d31d47893e8c7e5cdf6', "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: '2f785c9383e9bea5000d2138869fb615c2fc526a', 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: '090ce41a59508975b0c9f7f0a80cf10e4cff7dfc', 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: 'c7f391e436f367ef65e32f83badbf15348c4c692' }, hAsync("li", { key: '36542684c6bc57f1641f96cbcf62c8e48de87f07', 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: 'fff46bbd82b0b7920e94554a43c6a84c00a59bef', 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: '26c11beecf687e03d782329215bd7cac6dc3c074', "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: '310d43a54adce9e1bb7f6cbee0fb0df6a61bbad8', 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: '655cc682d147daa998164bbde5025ba37bfc04b1', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$h(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, hAsync("div", { key: '87fd05b1eb357e0bbcd8a63feb5c5bc6df29cc23', 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:h;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:\"h\"}.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: '9f81dc891d91007aa139eb94eef0a2b863efc8af', "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: 'ed86bc6da78672f26b740daf49dcbc80a9ab8df3', class: "qds-container" }, hAsync("input", { key: 'dba460b3e1cacec7d36479258e534f8e1afed5fc', 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: '9f1ebcef2a9800e19d28e1fdbdf6c8be9b7e5405', class: "qds-box", "data-size": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get) }), hAsync("qds-icon", { key: 'dd5fcec8216e9a86b85081953869698bd21eed8d', "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: '942db2ce682f4de52d35826ba3817a2bac4767ed', 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: 'd7294640161818040298665e03040c4a3f6491b3', "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: 'b9eb93128f033ce8d1f3202af45eb23463360fa9', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'dcbddd9c0858a22b1e88fdaa9c312adaa261cba5', class: "qds-icon", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: 'd7b6ac17ee7111ff8a42fa46a0388eea05262bb9', class: "qds-text" }, hAsync("slot", { key: '64408a2f589b8cb9628413fd7ac11ec55883040d', onSlotchange: __classPrivateFieldGet$d(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: 'a95bbc72e29eece906933610cfdf8799642c3f1f', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'd31022c0f5599b62a3fb7f69f31b21e725e43171', 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: '4e5779a8f4156191b36cf2f282581fc99df8eec3', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '7fd3b05cbb3c19641d1d67806d64c47f4688bc0a', 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: '89a9a8f980b199a31902a03212bf5ea7add48453', 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: 'cecfa4843c109be1b83e456f0be8782dfeb5b14e', "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: 'd103a175a33d1e84d2360852f6e8c0d092031635', class: "qds-track", "data-size": __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("div", { key: '8e68df89091b995389fedcbdbe7bd33a7aca67d9', 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: '96eb99b1ae9f098e6d2c2b44d22d61e817ac3c28', class: "qds-table", ...__classPrivateFieldGet$9(this, _Table_inheritedAttributes, "f") }, hAsync("slot", { key: 'c9395edb1973b153e1b4a59ea7b1c337e657fb55' })));
|
|
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: '419ead9ff35b6574be6518d3f8b10fc648445a2e', class: "qds-table-body", ...__classPrivateFieldGet$8(this, _TableBody_inheritedAttributes, "f") }, hAsync("slot", { key: '2c5929346099e283653e32adede1bc10b4398e84' })));
|
|
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: 'b9160667774da6312659c267deb98976b7e4f48d', class: "qds-table-cell", colSpan: this.colSpan, rowSpan: this.rowSpan, ...__classPrivateFieldGet$7(this, _TableCell_inheritedAttributes, "f") }, hAsync("slot", { key: '1cdee08f8a6b34cae17a24031b45d96f01398f23' })));
|
|
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: 'd61461bae57fc3af847b1ed9ebda53f01086b213', class: "qds-table-head", ...__classPrivateFieldGet$6(this, _TableHead_inheritedAttributes, "f") }, hAsync("slot", { key: 'a0985c131495672cd42fb484a7526d0b769399ca' })));
|
|
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: 'dca7751e89eaf4ec82af9ed00a9b28582526e739', class: "qds-table-row", ...__classPrivateFieldGet$4(this, _TableRow_inheritedAttributes, "f") }, hAsync("slot", { key: 'e000ddc99f9cc11c81af3f08067c70924e10ac4b' })));
|
|
9956
10096
|
}
|
|
9957
10097
|
get host() { return getElement(this); }
|
|
9958
10098
|
static get style() { return QdsTableRowStyle0; }
|
|
@@ -9967,7 +10107,7 @@ class TableRow {
|
|
|
9967
10107
|
}
|
|
9968
10108
|
_TableRow_inheritedAttributes = new WeakMap();
|
|
9969
10109
|
|
|
9970
|
-
const tagCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-tag{align-items:center;border-radius:var(--qds-
|
|
10110
|
+
const tagCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-tag{align-items:center;border-radius:var(--qds-feedback-rounded-border-radius);box-sizing:border-box;display:inline-flex;justify-content:center;max-width:inherit;min-width:inherit;width:inherit}.qds-text{text-overflow:ellipsis}.qds-sr-only,.qds-text{overflow:hidden;white-space:nowrap}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;padding:0;position:absolute;width:1px}.qds-icon{flex-shrink:0}[data-status=error]{color:var(--qds-theme-feedback-message-critical)}[data-status=success]{color:var(--qds-theme-feedback-message-success)}[data-status=warning]{color:var(--qds-theme-feedback-message-important)}[data-status=info]{color:var(--qds-theme-feedback-message-informational)}[data-status=neutral]{color:var(--qds-theme-feedback-message-neutral)}[data-importance=subdued] .qds-text{color:var(--qds-theme-text-standard)}[data-importance=standard][data-status=error]{background-color:var(--qds-theme-feedback-message-critical-dimmed)}[data-importance=standard][data-status=success]{background-color:var(--qds-theme-feedback-message-success-dimmed)}[data-importance=standard][data-status=warning]{background-color:var(--qds-theme-feedback-message-important-dimmed)}[data-importance=standard][data-status=info]{background-color:var(--qds-theme-feedback-message-informational-dimmed)}[data-importance=standard][data-status=neutral]{background-color:var(--qds-theme-feedback-message-neutral-dimmed)}[data-importance=emphasized][data-status=error]{background-color:var(--qds-theme-feedback-message-critical);color:var(--qds-theme-feedback-message-critical-contrast)}[data-importance=emphasized][data-status=success]{background-color:var(--qds-theme-feedback-message-success);color:var(--qds-theme-feedback-message-success-contrast)}[data-importance=emphasized][data-status=warning]{background-color:var(--qds-theme-feedback-message-important);color:var(--qds-theme-feedback-message-important-contrast)}[data-importance=emphasized][data-status=info]{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}[data-importance=emphasized][data-status=neutral]{background-color:var(--qds-theme-feedback-message-neutral);color:var(--qds-theme-feedback-message-neutral-contrast)}.qds-tag[data-size=small]{font:var(--qds-feedback-tag-small-text);gap:var(--qds-feedback-tag-small-gap-internal);height:var(--qds-feedback-tag-small-height)}.qds-padding[data-size=small]{padding-inline:var(--qds-feedback-tag-small-padding-horizontal)}.qds-icon[data-size=small]{height:var(--qds-feedback-tag-small-icon-size);width:var(--qds-feedback-tag-small-icon-size)}.qds-tag[data-size=standard]{font:var(--qds-feedback-tag-standard-text);gap:var(--qds-feedback-tag-standard-gap-internal);height:var(--qds-feedback-tag-standard-height)}.qds-padding[data-size=standard]{padding-inline:var(--qds-feedback-tag-standard-padding-horizontal)}.qds-icon[data-size=standard]{height:var(--qds-feedback-tag-standard-icon-size);width:var(--qds-feedback-tag-standard-icon-size)}.qds-tag[data-size=large]{font:var(--qds-feedback-tag-large-text);gap:var(--qds-feedback-tag-large-gap-internal);height:var(--qds-feedback-tag-large-height)}.qds-padding[data-size=large]{padding-inline:var(--qds-feedback-tag-large-padding-horizontal)}.qds-icon[data-size=large]{height:var(--qds-feedback-tag-large-icon-size);width:var(--qds-feedback-tag-large-icon-size)}";
|
|
9971
10111
|
var QdsTagStyle0 = tagCss;
|
|
9972
10112
|
|
|
9973
10113
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -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
|
|
@@ -10508,7 +10648,7 @@ _Title_inheritedAttributes = new WeakMap(), _Title_instances = new WeakSet(), _T
|
|
|
10508
10648
|
return this.kicker !== undefined && this.kicker !== '';
|
|
10509
10649
|
};
|
|
10510
10650
|
|
|
10511
|
-
const tooltipCss = ":host([hidden]){display:none!important}:host{align-items:flex-start;background-color:var(--qds-theme-accessory-background);border-radius:var(--qds-accessory-border-radius);box-shadow:var(--qds-theme-accessory-elevation);box-sizing:border-box;color:var(--qds-theme-text-standard);display:flex;flex-direction:column;gap:var(--qds-accessory-gap-children-unrelated);left:0;
|
|
10651
|
+
const tooltipCss = ":host([hidden]){display:none!important}:host{align-items:flex-start;background-color:var(--qds-theme-accessory-background);border-radius:var(--qds-accessory-border-radius);box-shadow:var(--qds-theme-accessory-elevation);box-sizing:border-box;color:var(--qds-theme-text-standard);display:flex;flex-direction:column;gap:var(--qds-accessory-gap-children-unrelated);left:0;top:0}:host:before{content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}::slotted(blockquote),::slotted(button),::slotted(dd),::slotted(dl),::slotted(fieldset),::slotted(figure),::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6),::slotted(hr),::slotted(input),::slotted(menu),::slotted(ol),::slotted(p),::slotted(pre),::slotted(select),::slotted(textarea),::slotted(ul){margin:0}:host([data-side=bottom]):before,:host([data-side=top]):before{height:calc(var(--qds-accessory-gap-floating, 0px) + var(--qds-signature-triangle-pointer-size-height, 0px));top:100%}:host([data-side=bottom]):before{top:calc((var(--qds-accessory-gap-floating, 0px) + var(--qds-signature-triangle-pointer-size-height, 0px))*-1)}:host([data-side=left]):before,:host([data-side=right]):before{left:100%;width:calc(var(--qds-accessory-gap-floating, 0px) + var(--qds-signature-triangle-pointer-size-height, 0px))}:host([data-side=right]):before{left:calc((var(--qds-accessory-gap-floating, 0px) + var(--qds-signature-triangle-pointer-size-height, 0px))*-1)}.qds-arrow{height:var(--qds-signature-triangle-pointer-size-height);position:absolute;width:var(--qds-signature-triangle-pointer-size-width)}.qds-arrow:before{background-color:var(--qds-theme-accessory-background);height:100%;width:100%}.qds-arrow:after,.qds-arrow:before{clip-path:polygon(0 0,100% 0,50% 100%);content:\"\";position:absolute}.qds-arrow:after{background-color:var(--qds-theme-accessory-border);bottom:calc(var(--qds-accessory-border-width)*-1);height:calc(100% + var(--qds-accessory-border-width));left:calc(var(--qds-accessory-border-width)*-1);width:calc(100% + var(--qds-accessory-border-width)*2);z-index:-1}.qds-arrow[data-side=bottom]{bottom:99%;transform:rotate(180deg)}.qds-arrow[data-side=left]{left:99%;transform:rotate(-90deg)}.qds-arrow[data-side=right]{right:99%;transform:rotate(90deg)}.qds-arrow[data-side=top]{top:99%}.qds-tooltip{align-items:inherit;border:var(--qds-accessory-border-width) solid var(--qds-theme-accessory-border);border-radius:var(--qds-accessory-border-radius);display:inherit;flex-direction:inherit;flex-wrap:inherit;gap:inherit;justify-content:inherit;padding:var(--qds-accessory-padding)}";
|
|
10512
10652
|
var QdsTooltipStyle0 = tooltipCss;
|
|
10513
10653
|
|
|
10514
10654
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -10768,7 +10908,7 @@ class Tooltip {
|
|
|
10768
10908
|
return (hAsync(Host, { key: 'fe699b7a444ed3d9632d841d91225aeeebb5db77', "data-side": this.side, role: this.host.role ?? 'tooltip', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f"), style: {
|
|
10769
10909
|
position: this.hostPosition,
|
|
10770
10910
|
transform: this.hostTransform,
|
|
10771
|
-
} }, hAsync("slot", { key: '
|
|
10911
|
+
} }, hAsync("div", { key: '778daec5795fdc7959958cf8685a71d601e422b5', class: "qds-tooltip" }, hAsync("slot", { key: 'f8f04dcf4761140f5e1d06bdb206b2051c165a2d' })), hAsync("div", { key: 'ce54374ef5964631b7d2869554de2045a654ca7c', class: "qds-arrow", "data-side": this.side, ref: __classPrivateFieldGet(this, _Tooltip_arrowContainerRef, "f"), style: this.aStyles })));
|
|
10772
10912
|
}
|
|
10773
10913
|
get host() { return getElement(this); }
|
|
10774
10914
|
static get watchers() { return {
|
|
@@ -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,
|