@quartzds/core 1.0.0-beta.96 → 1.0.0-beta.98
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -0
- package/components/index.d.ts +2 -0
- package/components/index.js +2 -1
- package/components/index.js.map +1 -1
- package/components/{p-70d12c72.js → p-1bf3d7c6.js} +2 -2
- package/components/{p-70d12c72.js.map → p-1bf3d7c6.js.map} +1 -1
- package/components/{p-0f913a5b.js → p-29ad6b4e.js} +3 -3
- package/components/{p-0f913a5b.js.map → p-29ad6b4e.js.map} +1 -1
- package/components/{p-056195cc.js → p-6879ec37.js} +2 -2
- package/components/{p-056195cc.js.map → p-6879ec37.js.map} +1 -1
- package/components/{p-6b3dea37.js → p-88fcb762.js} +10 -9
- package/components/p-88fcb762.js.map +1 -0
- package/components/{p-deac3387.js → p-a4f61139.js} +5 -5
- package/components/{p-deac3387.js.map → p-a4f61139.js.map} +1 -1
- package/components/{p-2456dfb8.js → p-a6ca0040.js} +3 -3
- package/components/{p-2456dfb8.js.map → p-a6ca0040.js.map} +1 -1
- package/components/{p-8e8bd915.js → p-c4122977.js} +2 -3
- package/components/p-c4122977.js.map +1 -0
- package/components/{p-8abba29b.js → p-c58c7ab6.js} +2 -2
- package/components/p-c58c7ab6.js.map +1 -0
- package/components/{p-251cd601.js → p-da0bfe0b.js} +4 -4
- package/components/{p-251cd601.js.map → p-da0bfe0b.js.map} +1 -1
- package/components/qds-breadcrumb-item.js +2 -2
- package/components/qds-button.js +1 -1
- package/components/qds-checkbox.js +1 -1
- package/components/qds-chip.js +3 -3
- package/components/qds-dialog.js +1 -1
- package/components/qds-divider.js +1 -1
- package/components/qds-dropdown.js +1 -1
- package/components/qds-form-message.js +2 -2
- package/components/qds-icon.js +1 -1
- package/components/qds-inline-link.js +2 -2
- package/components/qds-input.js +5 -5
- package/components/qds-input.js.map +1 -1
- package/components/qds-label.js +1 -1
- package/components/qds-list-item.js +5 -5
- 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 +6 -6
- 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 +4 -4
- package/components/qds-switch.js +4 -4
- package/components/qds-tab.js +5 -5
- package/components/qds-tabbar.js +5 -5
- package/components/qds-table-body.js +2 -2
- package/components/qds-table-cell.js +2 -2
- package/components/qds-table-head-cell.js +1 -1
- package/components/qds-table-head.js +2 -2
- package/components/qds-table-row.js +2 -2
- package/components/qds-table.js +2 -2
- package/components/qds-tag.js +1 -1
- package/components/qds-textarea.js +1 -1
- package/components/qds-title.js +1 -1
- package/components/qds-tooltip.js +1 -1
- package/dist/cjs/{helpers-10154521.js → helpers-666c4403.js} +2 -2
- package/dist/cjs/helpers-666c4403.js.map +1 -0
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/{library-23467d99.js → library-9772b9c7.js} +1 -2
- package/dist/cjs/library-9772b9c7.js.map +1 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/qds-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/qds-button.cjs.entry.js +7 -6
- package/dist/cjs/qds-button.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/qds-chip.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 +1 -1
- package/dist/cjs/qds-form-message.cjs.entry.js +1 -1
- package/dist/cjs/qds-icon.cjs.entry.js +2 -2
- package/dist/cjs/qds-inline-link.cjs.entry.js +1 -1
- package/dist/cjs/qds-input.cjs.entry.js +2 -2
- package/dist/cjs/qds-input.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-label.cjs.entry.js +1 -1
- package/dist/cjs/qds-list-item.cjs.entry.js +1 -1
- package/dist/cjs/qds-mini-button.cjs.entry.js +136 -0
- package/dist/cjs/qds-mini-button.cjs.entry.js.map +1 -0
- package/dist/cjs/qds-nav-list-item.cjs.entry.js +4 -4
- 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 +3 -3
- package/dist/cjs/qds-switch.cjs.entry.js +4 -4
- package/dist/cjs/qds-tab.cjs.entry.js +1 -1
- package/dist/cjs/qds-tabbar.cjs.entry.js +1 -1
- package/dist/cjs/qds-table-body.cjs.entry.js +2 -2
- package/dist/cjs/qds-table-cell.cjs.entry.js +2 -2
- package/dist/cjs/qds-table-head-cell.cjs.entry.js +1 -1
- package/dist/cjs/qds-table-head.cjs.entry.js +2 -2
- package/dist/cjs/qds-table-row.cjs.entry.js +2 -2
- package/dist/cjs/qds-table.cjs.entry.js +2 -2
- package/dist/cjs/qds-tag_2.cjs.entry.js +2 -2
- package/dist/cjs/qds-textarea.cjs.entry.js +1 -1
- package/dist/cjs/qds-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/qds.cjs.js +1 -1
- package/dist/custom-elements.json +353 -0
- package/dist/docs.json +320 -1
- package/dist/esm/{helpers-2e4ca34d.js → helpers-10f68bf3.js} +2 -2
- package/dist/esm/helpers-10f68bf3.js.map +1 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/{library-52ae166a.js → library-5ba069f5.js} +1 -2
- package/dist/esm/library-5ba069f5.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/qds-breadcrumb-item.entry.js +1 -1
- package/dist/esm/qds-button.entry.js +7 -6
- package/dist/esm/qds-button.entry.js.map +1 -1
- package/dist/esm/qds-checkbox.entry.js +1 -1
- package/dist/esm/qds-chip.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 +1 -1
- package/dist/esm/qds-form-message.entry.js +1 -1
- package/dist/esm/qds-icon.entry.js +2 -2
- package/dist/esm/qds-inline-link.entry.js +1 -1
- package/dist/esm/qds-input.entry.js +2 -2
- package/dist/esm/qds-input.entry.js.map +1 -1
- package/dist/esm/qds-label.entry.js +1 -1
- package/dist/esm/qds-list-item.entry.js +1 -1
- package/dist/esm/qds-mini-button.entry.js +132 -0
- package/dist/esm/qds-mini-button.entry.js.map +1 -0
- package/dist/esm/qds-nav-list-item.entry.js +4 -4
- 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 +3 -3
- package/dist/esm/qds-switch.entry.js +4 -4
- package/dist/esm/qds-tab.entry.js +1 -1
- package/dist/esm/qds-tabbar.entry.js +1 -1
- package/dist/esm/qds-table-body.entry.js +2 -2
- package/dist/esm/qds-table-cell.entry.js +2 -2
- package/dist/esm/qds-table-head-cell.entry.js +1 -1
- package/dist/esm/qds-table-head.entry.js +2 -2
- package/dist/esm/qds-table-row.entry.js +2 -2
- package/dist/esm/qds-table.entry.js +2 -2
- package/dist/esm/qds-tag_2.entry.js +2 -2
- package/dist/esm/qds-textarea.entry.js +1 -1
- package/dist/esm/qds-tooltip.entry.js +1 -1
- package/dist/esm/qds.js +1 -1
- package/dist/types/components/mini-button/mini-button.d.ts +82 -0
- package/dist/types/components/shared.d.ts +1 -1
- package/dist/types/components.d.ts +115 -0
- package/dist/vscode.html-custom-data.json +51 -0
- package/hydrate/index.js +451 -310
- package/hydrate/index.mjs +451 -310
- package/package.json +1 -1
- package/components/p-6b3dea37.js.map +0 -1
- package/components/p-8abba29b.js.map +0 -1
- package/components/p-8e8bd915.js.map +0 -1
- package/dist/cjs/helpers-10154521.js.map +0 -1
- package/dist/cjs/library-23467d99.js.map +0 -1
- package/dist/esm/helpers-2e4ca34d.js.map +0 -1
- package/dist/esm/library-52ae166a.js.map +0 -1
package/hydrate/index.js
CHANGED
|
@@ -3187,7 +3187,7 @@ var QdsBadgeCounterStyle0 = badgeCounterCss;
|
|
|
3187
3187
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3188
3188
|
//
|
|
3189
3189
|
// SPDX-License-Identifier: Apache-2.0
|
|
3190
|
-
var __classPrivateFieldGet$
|
|
3190
|
+
var __classPrivateFieldGet$y = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3191
3191
|
if (kind === "a" && !f)
|
|
3192
3192
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3193
3193
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -3222,7 +3222,7 @@ class BadgeCounter {
|
|
|
3222
3222
|
return (hAsync("span", { key: 'c10f61ebe0ba000dad466c46e9565a5422cf8207', class: {
|
|
3223
3223
|
'qds-badge-counter': true,
|
|
3224
3224
|
'qds-stroke-ring': this.strokeRing,
|
|
3225
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
3225
|
+
}, "data-importance": __classPrivateFieldGet$y(this, _BadgeCounter_instances, "a", _BadgeCounter_computedImportance_get), "data-size": __classPrivateFieldGet$y(this, _BadgeCounter_instances, "a", _BadgeCounter_computedSize_get) }, __classPrivateFieldGet$y(this, _BadgeCounter_instances, "a", _BadgeCounter_computedValue_get), hAsync("span", { key: '62cf8cdf190ef3bb4b36fce245871d81cd2b7aab', class: "qds-sr-only" }, this.description)));
|
|
3226
3226
|
}
|
|
3227
3227
|
static get style() { return QdsBadgeCounterStyle0; }
|
|
3228
3228
|
static get cmpMeta() { return {
|
|
@@ -3279,7 +3279,7 @@ var QdsBadgeIndicatorStyle0 = badgeIndicatorCss;
|
|
|
3279
3279
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3280
3280
|
//
|
|
3281
3281
|
// SPDX-License-Identifier: Apache-2.0
|
|
3282
|
-
var __classPrivateFieldGet$
|
|
3282
|
+
var __classPrivateFieldGet$x = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3283
3283
|
if (kind === "a" && !f)
|
|
3284
3284
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3285
3285
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -3314,7 +3314,7 @@ class BadgeIndicator {
|
|
|
3314
3314
|
return (hAsync("div", { key: 'fbbd2e4f60e31f9d339146c76c53aa1eda61c7a3', class: {
|
|
3315
3315
|
'qds-badge-indicator': true,
|
|
3316
3316
|
'qds-stroke-ring': this.strokeRing,
|
|
3317
|
-
}, "data-size": __classPrivateFieldGet$
|
|
3317
|
+
}, "data-size": __classPrivateFieldGet$x(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedSize_get), "data-status": __classPrivateFieldGet$x(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) }, hAsync("span", { key: '6d6ffc1d4d2bc42af510fb01756589da89c02675', class: "qds-sr-only" }, this.description)));
|
|
3318
3318
|
}
|
|
3319
3319
|
static get style() { return QdsBadgeIndicatorStyle0; }
|
|
3320
3320
|
static get cmpMeta() { return {
|
|
@@ -3533,7 +3533,7 @@ const determineLinkIcon = (href, target) => {
|
|
|
3533
3533
|
const opensInNewTab = target === '_blank';
|
|
3534
3534
|
if (isExternalLink)
|
|
3535
3535
|
return opensInNewTab ? 'external-new-tab-link' : 'external-link';
|
|
3536
|
-
return
|
|
3536
|
+
return undefined;
|
|
3537
3537
|
};
|
|
3538
3538
|
function attachInternals() {
|
|
3539
3539
|
// @ts-expect-error: This is very unsafe but it's not possible to do this in
|
|
@@ -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}.qds-button:disabled,.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-overflow[data-size=hero]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.qds-action{transform:scaleX(var(--qds-direction-factor,1))}.qds-container{display:grid;grid-template-areas:\"h\"}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n ));grid-area:h;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width-block-end, var(--qds-control-border-width)));isolation:isolate;outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset);pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-control-border-width-inline-end,\n var(--qds-control-border-width)\n ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;cursor:pointer;display:inline-flex;grid-area:h;justify-content:center;min-width:0;outline:none;padding-block:0;position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:center;-webkit-user-select:none;user-select:none}.qds-button:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-icon{flex-shrink:0}.qds-indicator{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}[data-size=small]{font:var(--qds-control-small-text)}.qds-button[data-size=small]{gap:var(--qds-control-small-gap-internal);height:var(--qds-control-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}.qds-button.qds-icon-only[data-size=small]{width:var(--qds-control-small-height)}.qds-icon[data-size=small]{font-size:var(--qds-control-small-icon-size)}[data-size=standard]{font:var(--qds-control-standard-text)}.qds-button[data-size=standard]{gap:var(--qds-control-standard-gap-internal);height:var(--qds-control-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}.qds-button.qds-icon-only[data-size=standard]{width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{font-size:var(--qds-control-standard-icon-size)}[data-size=large]{font:var(--qds-control-large-text)}.qds-button[data-size=large]{gap:var(--qds-control-large-gap-internal);height:var(--qds-control-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}.qds-button.qds-icon-only[data-size=large]{width:var(--qds-control-large-height)}.qds-icon[data-size=large]{font-size:var(--qds-control-large-icon-size)}[data-size=large],[data-size=small],[data-size=standard]{line-height:normal}.qds-button.qds-icon-only[data-size=large],.qds-button.qds-icon-only[data-size=small],.qds-button.qds-icon-only[data-size=standard]{padding-inline:0}[data-size=hero]{font:var(--qds-control-hero-text)}.qds-button[data-size=hero]{border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n );gap:var(--qds-control-hero-gap-internal);padding-block:var(--qds-control-hero-padding-auto-height);padding-inline:var(--qds-control-button-hero-padding-horizontal)}.qds-button.qds-icon-only[data-size=hero]{height:var(--qds-control-hero-height);padding-inline:0;width:var(--qds-control-hero-height)}.qds-focus-ring[data-size=hero]{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n ))}.qds-icon[data-size=hero]{font-size:var(--qds-control-hero-icon-size)}[data-importance=subdued]{color:var(--qds-theme-link-standard-default)}.qds-button[data-importance=subdued]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-hover);color:var(--qds-theme-link-standard-hover)}.qds-button[data-importance=subdued]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-pressed);color:var(--qds-theme-link-standard-pressed)}.qds-button[data-importance=subdued]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued]{border:none;color:var(--qds-theme-control-text-standard)}.qds-button.qds-icon-only[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button.qds-icon-only[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{color:var(--qds-theme-control-text-standard)}.qds-button[data-importance=standard]{border-color:var(--qds-theme-control-border);border-style:solid;border-width:var(--qds-control-border-width) var(\n --qds-control-border-width-inline-end,var(--qds-control-border-width)\n ) var(--qds-control-border-width-block-end,var(--qds-control-border-width)) var(--qds-control-border-width)}.qds-button[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-button[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}.qds-button[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-button[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}.qds-button[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}.qds-button[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{color:var(--qds-theme-feedback-action-destructive-default)}.qds-button[data-importance=subdued-destructive]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued-destructive]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-hover);color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=subdued-destructive]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-pressed);color:var(--qds-theme-feedback-action-destructive-pressed)}.qds-button[data-importance=subdued-destructive]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued-destructive]{border:none}.qds-button.qds-icon-only[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}.qds-button.qds-icon-only[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}:is([data-action=dropdown],[data-action=dropdown-close]) .qds-action{margin-inline-start:auto;transition-duration:.3s;transition-property:transform}[data-importance=standard]:is([data-action=dropdown],[data-action=dropdown-close]){background-color:var(--qds-theme-control-input-background)}:is([data-action=dropdown],[data-action=dropdown-close]):not([data-importance=subdued]):not([data-importance=subdued-destructive]){padding-inline:var(--qds-control-input-padding-horizontal)}[data-action=dropdown-close] .qds-action{transform:rotate(-180deg)}";
|
|
3574
|
+
const buttonCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-button:disabled,.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-overflow[data-size=hero]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.qds-action{transform:scaleX(var(--qds-direction-factor,1))}.qds-container{display:grid;grid-template-areas:\"h\"}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n ));grid-area:h;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width-block-end, var(--qds-control-border-width)));isolation:isolate;outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset);pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-control-border-width-inline-end,\n var(--qds-control-border-width)\n ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;cursor:pointer;display:inline-flex;grid-area:h;justify-content:center;min-width:0;outline:none;padding-block:0;position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:center;-webkit-user-select:none;user-select:none}.qds-button:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-icon{flex-shrink:0}.qds-indicator{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}[data-size=small]{font:var(--qds-control-small-text)}.qds-button[data-size=small]{gap:var(--qds-control-small-gap-internal);height:var(--qds-control-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}.qds-button.qds-icon-only[data-size=small]{width:var(--qds-control-small-height)}.qds-icon[data-size=small]{font-size:var(--qds-control-small-icon-size)}[data-size=standard]{font:var(--qds-control-standard-text)}.qds-button[data-size=standard]{gap:var(--qds-control-standard-gap-internal);height:var(--qds-control-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}.qds-button.qds-icon-only[data-size=standard]{width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{font-size:var(--qds-control-standard-icon-size)}[data-size=large]{font:var(--qds-control-large-text)}.qds-button[data-size=large]{gap:var(--qds-control-large-gap-internal);height:var(--qds-control-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}.qds-button.qds-icon-only[data-size=large]{width:var(--qds-control-large-height)}.qds-icon[data-size=large]{font-size:var(--qds-control-large-icon-size)}[data-size=large],[data-size=small],[data-size=standard]{line-height:normal}.qds-button.qds-icon-only[data-size=large],.qds-button.qds-icon-only[data-size=small],.qds-button.qds-icon-only[data-size=standard]{padding-inline:0}[data-size=hero]{font:var(--qds-control-hero-text)}.qds-button[data-size=hero]{border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n );gap:var(--qds-control-hero-gap-internal);padding-block:var(--qds-control-hero-padding-auto-height);padding-inline:var(--qds-control-button-hero-padding-horizontal)}.qds-button.qds-icon-only[data-size=hero]{height:var(--qds-control-hero-height);padding-inline:0;width:var(--qds-control-hero-height)}.qds-focus-ring[data-size=hero]{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n ))}.qds-icon[data-size=hero]{font-size:var(--qds-control-hero-icon-size)}[data-importance=subdued]{color:var(--qds-theme-link-standard-default)}.qds-button[data-importance=subdued]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-hover);color:var(--qds-theme-link-standard-hover)}.qds-button[data-importance=subdued]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-pressed);color:var(--qds-theme-link-standard-pressed)}.qds-button[data-importance=subdued]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued]{border:none;color:var(--qds-theme-control-text-standard)}.qds-button.qds-icon-only[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button.qds-icon-only[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{color:var(--qds-theme-control-text-standard)}.qds-button[data-importance=standard]{border-color:var(--qds-theme-control-border);border-style:solid;border-width:var(--qds-control-border-width) var(\n --qds-control-border-width-inline-end,var(--qds-control-border-width)\n ) var(--qds-control-border-width-block-end,var(--qds-control-border-width)) var(--qds-control-border-width)}.qds-button[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-button[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}.qds-button[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-button[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}.qds-button[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}.qds-button[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{color:var(--qds-theme-feedback-action-destructive-default)}.qds-button[data-importance=subdued-destructive]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued-destructive]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-hover);color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=subdued-destructive]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-pressed);color:var(--qds-theme-feedback-action-destructive-pressed)}.qds-button[data-importance=subdued-destructive]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued-destructive]{border:none}.qds-button.qds-icon-only[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}.qds-button.qds-icon-only[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}:is([data-action=dropdown],[data-action=dropdown-close]) .qds-action{margin-inline-start:auto;transition-duration:.3s;transition-property:transform}[data-importance=standard]:is([data-action=dropdown],[data-action=dropdown-close]){background-color:var(--qds-theme-control-input-background)}:is([data-action=dropdown],[data-action=dropdown-close]):not([data-importance=subdued]):not([data-importance=subdued-destructive]){padding-inline:var(--qds-control-input-padding-horizontal)}[data-action=dropdown-close] .qds-action{transform:rotate(-180deg)}";
|
|
3575
3575
|
var QdsButtonStyle0 = buttonCss;
|
|
3576
3576
|
|
|
3577
3577
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3578
3578
|
//
|
|
3579
3579
|
// SPDX-License-Identifier: Apache-2.0
|
|
3580
|
-
var __classPrivateFieldGet$
|
|
3580
|
+
var __classPrivateFieldGet$w = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3581
3581
|
if (kind === "a" && !f)
|
|
3582
3582
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3583
3583
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
3584
3584
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
3585
3585
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
3586
3586
|
};
|
|
3587
|
-
var __classPrivateFieldSet$
|
|
3587
|
+
var __classPrivateFieldSet$p = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
3588
3588
|
if (kind === "m")
|
|
3589
3589
|
throw new TypeError("Private method is not writable");
|
|
3590
3590
|
if (kind === "a" && !f)
|
|
@@ -3598,7 +3598,7 @@ const isCounter$1 = (value) => typeof value === 'string'
|
|
|
3598
3598
|
? !Number.isNaN(Number.parseFloat(value))
|
|
3599
3599
|
: typeof value === 'number';
|
|
3600
3600
|
const isIndicator$1 = (value) => value === '' || value === true;
|
|
3601
|
-
const preventDefault = (event) => {
|
|
3601
|
+
const preventDefault$1 = (event) => {
|
|
3602
3602
|
event.preventDefault();
|
|
3603
3603
|
};
|
|
3604
3604
|
/**
|
|
@@ -3748,15 +3748,15 @@ class Button {
|
|
|
3748
3748
|
this.reportValidity = () => this.internals.reportValidity();
|
|
3749
3749
|
this.setCustomValidity = (error) => {
|
|
3750
3750
|
if (error)
|
|
3751
|
-
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$
|
|
3751
|
+
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$w(this, _Button_button, "f"));
|
|
3752
3752
|
else
|
|
3753
3753
|
this.internals.setValidity(NO_ERROR_FLAGS);
|
|
3754
3754
|
};
|
|
3755
3755
|
_Button_buttonRef.set(this, (button) => {
|
|
3756
|
-
__classPrivateFieldSet$
|
|
3756
|
+
__classPrivateFieldSet$p(this, _Button_button, button, "f");
|
|
3757
3757
|
});
|
|
3758
3758
|
_Button_spanRef.set(this, (span) => {
|
|
3759
|
-
__classPrivateFieldSet$
|
|
3759
|
+
__classPrivateFieldSet$p(this, _Button_span, span, "f");
|
|
3760
3760
|
});
|
|
3761
3761
|
_Button_tooltipRef.set(this, (tooltip) => {
|
|
3762
3762
|
if (tooltip)
|
|
@@ -3764,8 +3764,8 @@ class Button {
|
|
|
3764
3764
|
tooltip.target = this.host;
|
|
3765
3765
|
});
|
|
3766
3766
|
_Button_onClick.set(this, (event) => {
|
|
3767
|
-
if (__classPrivateFieldGet$
|
|
3768
|
-
preventDefault(event);
|
|
3767
|
+
if (__classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedDisabled_get)) {
|
|
3768
|
+
preventDefault$1(event);
|
|
3769
3769
|
}
|
|
3770
3770
|
});
|
|
3771
3771
|
}
|
|
@@ -3773,13 +3773,13 @@ class Button {
|
|
|
3773
3773
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
3774
3774
|
}
|
|
3775
3775
|
onClick(event) {
|
|
3776
|
-
if (__classPrivateFieldGet$
|
|
3776
|
+
if (__classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedDisabled_get)) {
|
|
3777
3777
|
event.stopImmediatePropagation();
|
|
3778
3778
|
return;
|
|
3779
3779
|
}
|
|
3780
|
-
if (__classPrivateFieldGet$
|
|
3780
|
+
if (__classPrivateFieldGet$w(this, _Button_instances, "a", _Button_buttonType_get) === 'button' || !this.internals.form)
|
|
3781
3781
|
return;
|
|
3782
|
-
if (__classPrivateFieldGet$
|
|
3782
|
+
if (__classPrivateFieldGet$w(this, _Button_instances, "a", _Button_buttonType_get) === 'reset') {
|
|
3783
3783
|
this.internals.form.reset();
|
|
3784
3784
|
}
|
|
3785
3785
|
else {
|
|
@@ -3799,11 +3799,11 @@ class Button {
|
|
|
3799
3799
|
this.host.click();
|
|
3800
3800
|
}
|
|
3801
3801
|
disabledChanged() {
|
|
3802
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
3803
|
-
if (__classPrivateFieldGet$
|
|
3802
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedDisabled_get).toString();
|
|
3803
|
+
if (__classPrivateFieldGet$w(this, _Button_instances, "a", _Button_computedDisabled_get))
|
|
3804
3804
|
this.host.removeAttribute('tabindex');
|
|
3805
3805
|
else
|
|
3806
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
3806
|
+
this.host.tabIndex = __classPrivateFieldGet$w(this, _Button_savedTabIndex, "f");
|
|
3807
3807
|
}
|
|
3808
3808
|
hrefChanged() {
|
|
3809
3809
|
this.internals.role = this.href === undefined ? 'button' : 'link';
|
|
@@ -3811,45 +3811,46 @@ 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
|
+
this.disabledChanged();
|
|
3846
3847
|
}
|
|
3847
3848
|
componentDidLoad() {
|
|
3848
3849
|
this.textChanged();
|
|
3849
3850
|
}
|
|
3850
3851
|
disconnectedCallback() {
|
|
3851
|
-
if (__classPrivateFieldGet$
|
|
3852
|
-
__classPrivateFieldGet$
|
|
3852
|
+
if (__classPrivateFieldGet$w(this, _Button_ro, "f"))
|
|
3853
|
+
__classPrivateFieldGet$w(this, _Button_ro, "f").disconnect();
|
|
3853
3854
|
}
|
|
3854
3855
|
render() {
|
|
3855
3856
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
@@ -3857,16 +3858,16 @@ class Button {
|
|
|
3857
3858
|
const ariaLabel = hasBadgeProperties
|
|
3858
3859
|
? `${this.text} ${this.badge} ${this.badgeDescription}`
|
|
3859
3860
|
: this.text;
|
|
3860
|
-
return (hAsync("div", { key: '
|
|
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: {
|
|
3861
3862
|
'qds-button': true,
|
|
3862
|
-
'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$
|
|
3863
|
-
'qds-icon-only': __classPrivateFieldGet$
|
|
3864
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
3865
|
-
'qds-indicator': __classPrivateFieldGet$
|
|
3866
|
-
}, 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: {
|
|
3867
3868
|
'qds-focus-ring': true,
|
|
3868
|
-
'qds-icon-only': __classPrivateFieldGet$
|
|
3869
|
-
}, "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))));
|
|
3870
3871
|
}
|
|
3871
3872
|
static get formAssociated() { return true; }
|
|
3872
3873
|
get host() { return getElement(this); }
|
|
@@ -3981,14 +3982,14 @@ var QdsCheckboxStyle0 = checkboxCss;
|
|
|
3981
3982
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3982
3983
|
//
|
|
3983
3984
|
// SPDX-License-Identifier: Apache-2.0
|
|
3984
|
-
var __classPrivateFieldGet$
|
|
3985
|
+
var __classPrivateFieldGet$v = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3985
3986
|
if (kind === "a" && !f)
|
|
3986
3987
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3987
3988
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
3988
3989
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
3989
3990
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
3990
3991
|
};
|
|
3991
|
-
var __classPrivateFieldSet$
|
|
3992
|
+
var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
3992
3993
|
if (kind === "m")
|
|
3993
3994
|
throw new TypeError("Private method is not writable");
|
|
3994
3995
|
if (kind === "a" && !f)
|
|
@@ -4100,24 +4101,24 @@ class Checkbox {
|
|
|
4100
4101
|
});
|
|
4101
4102
|
}
|
|
4102
4103
|
onClick(event) {
|
|
4103
|
-
if (__classPrivateFieldGet$
|
|
4104
|
+
if (__classPrivateFieldGet$v(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
|
|
4104
4105
|
event.stopImmediatePropagation();
|
|
4105
4106
|
return;
|
|
4106
4107
|
}
|
|
4107
4108
|
event.preventDefault();
|
|
4108
|
-
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);
|
|
4109
4110
|
this.changeEmitter.emit();
|
|
4110
4111
|
this.indeterminate = false;
|
|
4111
4112
|
}
|
|
4112
4113
|
checkedChanged() {
|
|
4113
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4114
|
-
? __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)
|
|
4115
4116
|
: // eslint-disable-next-line unicorn/no-null
|
|
4116
4117
|
null);
|
|
4117
4118
|
}
|
|
4118
4119
|
disabledChanged() {
|
|
4119
|
-
if (__classPrivateFieldGet$
|
|
4120
|
-
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));
|
|
4121
4122
|
// eslint-disable-next-line unicorn/no-null
|
|
4122
4123
|
else
|
|
4123
4124
|
this.internals.setFormValue(null);
|
|
@@ -4128,33 +4129,33 @@ class Checkbox {
|
|
|
4128
4129
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
4129
4130
|
}
|
|
4130
4131
|
valueChanged() {
|
|
4131
|
-
if (__classPrivateFieldGet$
|
|
4132
|
-
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));
|
|
4133
4134
|
}
|
|
4134
4135
|
componentWillLoad() {
|
|
4135
4136
|
this.valueChanged();
|
|
4136
|
-
__classPrivateFieldGet$
|
|
4137
|
-
__classPrivateFieldGet$
|
|
4138
|
-
__classPrivateFieldGet$
|
|
4139
|
-
__classPrivateFieldGet$
|
|
4140
|
-
__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");
|
|
4141
4142
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4142
4143
|
}
|
|
4143
4144
|
render() {
|
|
4144
4145
|
return (
|
|
4145
4146
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
4146
|
-
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: {
|
|
4147
4148
|
'qds-inline': this.inline,
|
|
4148
4149
|
'qds-label': true,
|
|
4149
|
-
}, "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',
|
|
4150
4151
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
4151
|
-
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: {
|
|
4152
4153
|
'qds-icon': true,
|
|
4153
4154
|
'qds-checked': true,
|
|
4154
|
-
}, "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: {
|
|
4155
4156
|
'qds-icon': true,
|
|
4156
4157
|
'qds-indeterminate': true,
|
|
4157
|
-
}, "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 }))));
|
|
4158
4159
|
}
|
|
4159
4160
|
static get delegatesFocus() { return true; }
|
|
4160
4161
|
static get formAssociated() { return true; }
|
|
@@ -4224,14 +4225,14 @@ var QdsChipStyle0 = chipCss;
|
|
|
4224
4225
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4225
4226
|
//
|
|
4226
4227
|
// SPDX-License-Identifier: Apache-2.0
|
|
4227
|
-
var __classPrivateFieldGet$
|
|
4228
|
+
var __classPrivateFieldGet$u = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4228
4229
|
if (kind === "a" && !f)
|
|
4229
4230
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4230
4231
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
4231
4232
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4232
4233
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4233
4234
|
};
|
|
4234
|
-
var __classPrivateFieldSet$
|
|
4235
|
+
var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4235
4236
|
if (kind === "m")
|
|
4236
4237
|
throw new TypeError("Private method is not writable");
|
|
4237
4238
|
if (kind === "a" && !f)
|
|
@@ -4305,7 +4306,7 @@ class Chip {
|
|
|
4305
4306
|
_Chip_ro.set(this, void 0);
|
|
4306
4307
|
_Chip_inheritedAttributes.set(this, {});
|
|
4307
4308
|
_Chip_onIconClick.set(this, (event) => {
|
|
4308
|
-
if (!event.defaultPrevented && __classPrivateFieldGet$
|
|
4309
|
+
if (!event.defaultPrevented && __classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
|
|
4309
4310
|
this.closeEmitter.emit();
|
|
4310
4311
|
});
|
|
4311
4312
|
_Chip_onFocus.set(this, (event) => {
|
|
@@ -4315,30 +4316,30 @@ class Chip {
|
|
|
4315
4316
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
4316
4317
|
});
|
|
4317
4318
|
_Chip_chipRef.set(this, (chip) => {
|
|
4318
|
-
__classPrivateFieldSet$
|
|
4319
|
+
__classPrivateFieldSet$n(this, _Chip_chip, chip, "f");
|
|
4319
4320
|
});
|
|
4320
4321
|
_Chip_spanRef.set(this, (span) => {
|
|
4321
|
-
__classPrivateFieldSet$
|
|
4322
|
+
__classPrivateFieldSet$n(this, _Chip_span, span, "f");
|
|
4322
4323
|
});
|
|
4323
4324
|
_Chip_tooltipRef.set(this, (tooltip) => {
|
|
4324
4325
|
if (tooltip)
|
|
4325
4326
|
// eslint-disable-next-line no-param-reassign
|
|
4326
|
-
tooltip.target = __classPrivateFieldGet$
|
|
4327
|
+
tooltip.target = __classPrivateFieldGet$u(this, _Chip_chip, "f");
|
|
4327
4328
|
});
|
|
4328
4329
|
}
|
|
4329
4330
|
onClick(event) {
|
|
4330
|
-
if (__classPrivateFieldGet$
|
|
4331
|
+
if (__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
|
|
4331
4332
|
event.stopImmediatePropagation();
|
|
4332
4333
|
return;
|
|
4333
4334
|
}
|
|
4334
4335
|
event.preventDefault();
|
|
4335
|
-
if (__classPrivateFieldGet$
|
|
4336
|
-
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);
|
|
4337
4338
|
this.changeEmitter.emit();
|
|
4338
4339
|
}
|
|
4339
4340
|
}
|
|
4340
4341
|
handleKeyDown(event) {
|
|
4341
|
-
if (__classPrivateFieldGet$
|
|
4342
|
+
if (__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
|
|
4342
4343
|
event.stopImmediatePropagation();
|
|
4343
4344
|
return;
|
|
4344
4345
|
}
|
|
@@ -4355,23 +4356,23 @@ class Chip {
|
|
|
4355
4356
|
if (event.key !== ' ')
|
|
4356
4357
|
return;
|
|
4357
4358
|
this.isPressed = false;
|
|
4358
|
-
if (__classPrivateFieldGet$
|
|
4359
|
+
if (__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
|
|
4359
4360
|
this.closeEmitter.emit();
|
|
4360
4361
|
else {
|
|
4361
|
-
this.checked = !__classPrivateFieldGet$
|
|
4362
|
+
this.checked = !__classPrivateFieldGet$u(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4362
4363
|
this.changeEmitter.emit();
|
|
4363
4364
|
}
|
|
4364
4365
|
}
|
|
4365
4366
|
checkedChanged() {
|
|
4366
|
-
this.isSelected = __classPrivateFieldGet$
|
|
4367
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4368
|
-
? __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)
|
|
4369
4370
|
: // eslint-disable-next-line unicorn/no-null
|
|
4370
4371
|
null);
|
|
4371
4372
|
}
|
|
4372
4373
|
disabledChanged() {
|
|
4373
|
-
if (__classPrivateFieldGet$
|
|
4374
|
-
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));
|
|
4375
4376
|
// eslint-disable-next-line unicorn/no-null
|
|
4376
4377
|
else
|
|
4377
4378
|
this.internals.setFormValue(null);
|
|
@@ -4382,8 +4383,8 @@ class Chip {
|
|
|
4382
4383
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
4383
4384
|
}
|
|
4384
4385
|
valueChanged() {
|
|
4385
|
-
if (__classPrivateFieldGet$
|
|
4386
|
-
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));
|
|
4387
4388
|
}
|
|
4388
4389
|
componentWillLoad() {
|
|
4389
4390
|
this.valueChanged();
|
|
@@ -4391,40 +4392,40 @@ class Chip {
|
|
|
4391
4392
|
enumerable: true,
|
|
4392
4393
|
get: () => this.internals.form,
|
|
4393
4394
|
});
|
|
4394
|
-
__classPrivateFieldSet$
|
|
4395
|
+
__classPrivateFieldSet$n(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4395
4396
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4396
4397
|
}
|
|
4397
4398
|
componentDidLoad() {
|
|
4398
|
-
invariant(__classPrivateFieldGet$
|
|
4399
|
-
const span = __classPrivateFieldGet$
|
|
4399
|
+
invariant(__classPrivateFieldGet$u(this, _Chip_span, "f"));
|
|
4400
|
+
const span = __classPrivateFieldGet$u(this, _Chip_span, "f");
|
|
4400
4401
|
readTask(() => {
|
|
4401
4402
|
this.tooltip = isOverflowing(span);
|
|
4402
4403
|
});
|
|
4403
|
-
__classPrivateFieldSet$
|
|
4404
|
+
__classPrivateFieldSet$n(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
|
|
4404
4405
|
this.tooltip = isOverflowing(spanEntry.target);
|
|
4405
4406
|
}), "f");
|
|
4406
|
-
__classPrivateFieldGet$
|
|
4407
|
+
__classPrivateFieldGet$u(this, _Chip_ro, "f").observe(__classPrivateFieldGet$u(this, _Chip_span, "f"));
|
|
4407
4408
|
}
|
|
4408
4409
|
disconnectedCallback() {
|
|
4409
|
-
if (__classPrivateFieldGet$
|
|
4410
|
-
__classPrivateFieldGet$
|
|
4410
|
+
if (__classPrivateFieldGet$u(this, _Chip_ro, "f"))
|
|
4411
|
+
__classPrivateFieldGet$u(this, _Chip_ro, "f").disconnect();
|
|
4411
4412
|
}
|
|
4412
4413
|
render() {
|
|
4413
|
-
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: {
|
|
4414
4415
|
'qds-container': true,
|
|
4415
4416
|
'qds-closable-chip': true,
|
|
4416
4417
|
'qds-pressed-state': this.isPressed,
|
|
4417
|
-
}, "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' && (
|
|
4418
4419
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
4419
|
-
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',
|
|
4420
4421
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
4421
|
-
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: {
|
|
4422
4423
|
'qds-container': true,
|
|
4423
4424
|
'qds-pressed-state': this.isPressed,
|
|
4424
4425
|
'qds-selected-state': this.isSelected,
|
|
4425
4426
|
'qds-padding-end': true,
|
|
4426
4427
|
'qds-cursor': true,
|
|
4427
|
-
}, "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))));
|
|
4428
4429
|
}
|
|
4429
4430
|
static get delegatesFocus() { return true; }
|
|
4430
4431
|
static get formAssociated() { return true; }
|
|
@@ -4498,7 +4499,7 @@ var QdsDialogStyle0 = dialogCss;
|
|
|
4498
4499
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4499
4500
|
//
|
|
4500
4501
|
// SPDX-License-Identifier: Apache-2.0
|
|
4501
|
-
var __classPrivateFieldSet$
|
|
4502
|
+
var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4502
4503
|
if (kind === "m")
|
|
4503
4504
|
throw new TypeError("Private method is not writable");
|
|
4504
4505
|
if (kind === "a" && !f)
|
|
@@ -4507,7 +4508,7 @@ var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
4507
4508
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
4508
4509
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
4509
4510
|
};
|
|
4510
|
-
var __classPrivateFieldGet$
|
|
4511
|
+
var __classPrivateFieldGet$t = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4511
4512
|
if (kind === "a" && !f)
|
|
4512
4513
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4513
4514
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -4539,16 +4540,16 @@ class Dialog {
|
|
|
4539
4540
|
_Dialog_dialog.set(this, void 0);
|
|
4540
4541
|
_Dialog_titleId.set(this, void 0);
|
|
4541
4542
|
_Dialog_ref.set(this, (dialog) => {
|
|
4542
|
-
__classPrivateFieldSet$
|
|
4543
|
+
__classPrivateFieldSet$m(this, _Dialog_dialog, dialog, "f");
|
|
4543
4544
|
});
|
|
4544
4545
|
_Dialog_onCancel.set(this, (event) => {
|
|
4545
4546
|
if (this.cancelEmitter.emit().defaultPrevented)
|
|
4546
4547
|
event.preventDefault();
|
|
4547
4548
|
});
|
|
4548
4549
|
_Dialog_onClose.set(this, () => {
|
|
4549
|
-
invariant(__classPrivateFieldGet$
|
|
4550
|
+
invariant(__classPrivateFieldGet$t(this, _Dialog_dialog, "f"));
|
|
4550
4551
|
this.closeEmitter.emit();
|
|
4551
|
-
this.open = __classPrivateFieldGet$
|
|
4552
|
+
this.open = __classPrivateFieldGet$t(this, _Dialog_dialog, "f").open;
|
|
4552
4553
|
});
|
|
4553
4554
|
_Dialog_onSubmit.set(this, (event) => {
|
|
4554
4555
|
if ((event instanceof SubmitEvent &&
|
|
@@ -4573,25 +4574,25 @@ class Dialog {
|
|
|
4573
4574
|
this.hasFooterSlot = !!this.host.querySelector('[slot="footer"]');
|
|
4574
4575
|
}
|
|
4575
4576
|
componentWillLoad() {
|
|
4576
|
-
__classPrivateFieldSet$
|
|
4577
|
+
__classPrivateFieldSet$m(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4577
4578
|
autoIncrementingId$3 += 1;
|
|
4578
|
-
__classPrivateFieldSet$
|
|
4579
|
+
__classPrivateFieldSet$m(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$3}`, "f");
|
|
4579
4580
|
}
|
|
4580
4581
|
componentDidLoad() {
|
|
4581
4582
|
if (this.open)
|
|
4582
4583
|
this.show();
|
|
4583
4584
|
}
|
|
4584
4585
|
render() {
|
|
4585
|
-
return (hAsync(Host, { key: 'd9c64a2927ac5e398cab6fb4a86adbe2d3c6f950' }, hAsync("dialog", { key: '4901f2ce384fda8b69c3f8d4eedad30c8a260aa6', class: "qds-dialog", ref: __classPrivateFieldGet$
|
|
4586
|
+
return (hAsync(Host, { key: 'd9c64a2927ac5e398cab6fb4a86adbe2d3c6f950' }, hAsync("dialog", { key: '4901f2ce384fda8b69c3f8d4eedad30c8a260aa6', class: "qds-dialog", ref: __classPrivateFieldGet$t(this, _Dialog_ref, "f"), onCancel: __classPrivateFieldGet$t(this, _Dialog_onCancel, "f"), onClose: __classPrivateFieldGet$t(this, _Dialog_onClose, "f"), onSubmit: __classPrivateFieldGet$t(this, _Dialog_onSubmit, "f"), ...__classPrivateFieldGet$t(this, _Dialog_inheritedAttributes, "f"), "aria-labelledby": this.hasTitleSlot ? __classPrivateFieldGet$t(this, _Dialog_titleId, "f") : undefined }, this.hasTitleSlot && (hAsync("div", { key: '666cf359fb72028729e0d9f515abb1f085b10550', class: "qds-title", id: __classPrivateFieldGet$t(this, _Dialog_titleId, "f") }, hAsync("slot", { key: '663fd39d772b5c70a510b5627721f7ce9ab2db8b', name: "title" }))), hAsync("div", { key: '14b10ee7083191f471bafe2cd359ba7ad4b4dec0', class: "qds-content" }, hAsync("slot", { key: '251720e48718eda755c636c13354a9388be6ca73' })), this.hasFooterSlot && (hAsync("div", { key: '5cc3f564182c83fb7d519b050f6f128fcf6b1cda', class: "qds-footer" }, hAsync("slot", { key: '62be3e68e2b8b2463395c40ab370b07b26de93b2', name: "footer" })))), hAsync("div", { key: 'fbf307da17d8c02b6f1faf9a52427ca431b249b3', class: "qds-backdrop" })));
|
|
4586
4587
|
}
|
|
4587
4588
|
show() {
|
|
4588
|
-
invariant(__classPrivateFieldGet$
|
|
4589
|
-
__classPrivateFieldGet$
|
|
4590
|
-
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;
|
|
4591
4592
|
}
|
|
4592
4593
|
close() {
|
|
4593
|
-
invariant(__classPrivateFieldGet$
|
|
4594
|
-
__classPrivateFieldGet$
|
|
4594
|
+
invariant(__classPrivateFieldGet$t(this, _Dialog_dialog, "f"));
|
|
4595
|
+
__classPrivateFieldGet$t(this, _Dialog_dialog, "f").close();
|
|
4595
4596
|
}
|
|
4596
4597
|
get host() { return getElement(this); }
|
|
4597
4598
|
static get watchers() { return {
|
|
@@ -4619,7 +4620,7 @@ var QdsDividerStyle0 = dividerCss;
|
|
|
4619
4620
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4620
4621
|
//
|
|
4621
4622
|
// SPDX-License-Identifier: Apache-2.0
|
|
4622
|
-
var __classPrivateFieldGet$
|
|
4623
|
+
var __classPrivateFieldGet$s = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4623
4624
|
if (kind === "a" && !f)
|
|
4624
4625
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4625
4626
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -4652,18 +4653,18 @@ class Divider {
|
|
|
4652
4653
|
_Divider_internals.set(this, attachInternals.call(this));
|
|
4653
4654
|
}
|
|
4654
4655
|
verticalChanged() {
|
|
4655
|
-
__classPrivateFieldGet$
|
|
4656
|
+
__classPrivateFieldGet$s(this, _Divider_internals, "f").ariaOrientation = this.vertical ? 'vertical' : 'horizontal';
|
|
4656
4657
|
}
|
|
4657
4658
|
componentWillLoad() {
|
|
4658
|
-
__classPrivateFieldGet$
|
|
4659
|
-
__classPrivateFieldGet$
|
|
4659
|
+
__classPrivateFieldGet$s(this, _Divider_internals, "f").role = 'separator';
|
|
4660
|
+
__classPrivateFieldGet$s(this, _Divider_internals, "f").ariaHidden = 'true';
|
|
4660
4661
|
this.verticalChanged();
|
|
4661
4662
|
}
|
|
4662
4663
|
render() {
|
|
4663
4664
|
return (hAsync("hr", { key: '805394b1a2a1124bfd62a588afcb0b352f2e135e', class: {
|
|
4664
4665
|
'qds-divider': true,
|
|
4665
4666
|
'qds-vertical': this.vertical,
|
|
4666
|
-
}, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$
|
|
4667
|
+
}, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$s(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
|
|
4667
4668
|
}
|
|
4668
4669
|
static get watchers() { return {
|
|
4669
4670
|
"vertical": ["verticalChanged"]
|
|
@@ -6145,14 +6146,14 @@ var QdsDropdownStyle0 = dropdownCss;
|
|
|
6145
6146
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
6146
6147
|
//
|
|
6147
6148
|
// SPDX-License-Identifier: Apache-2.0
|
|
6148
|
-
var __classPrivateFieldGet$
|
|
6149
|
+
var __classPrivateFieldGet$r = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
6149
6150
|
if (kind === "a" && !f)
|
|
6150
6151
|
throw new TypeError("Private accessor was defined without a getter");
|
|
6151
6152
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
6152
6153
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
6153
6154
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
6154
6155
|
};
|
|
6155
|
-
var __classPrivateFieldSet$
|
|
6156
|
+
var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
6156
6157
|
if (kind === "m")
|
|
6157
6158
|
throw new TypeError("Private method is not writable");
|
|
6158
6159
|
if (kind === "a" && !f)
|
|
@@ -6209,13 +6210,13 @@ class Dropdown {
|
|
|
6209
6210
|
const { relatedTarget } = event;
|
|
6210
6211
|
if (relatedTarget instanceof globalThis.Element &&
|
|
6211
6212
|
!this.host.contains(relatedTarget) &&
|
|
6212
|
-
__classPrivateFieldGet$
|
|
6213
|
+
__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") !== relatedTarget)
|
|
6213
6214
|
this.close();
|
|
6214
6215
|
});
|
|
6215
6216
|
_Dropdown_onKeydown.set(this, (event) => {
|
|
6216
6217
|
if (!(event instanceof KeyboardEvent) ||
|
|
6217
6218
|
event.key !== 'Escape' ||
|
|
6218
|
-
(event.target !== __classPrivateFieldGet$
|
|
6219
|
+
(event.target !== __classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") &&
|
|
6219
6220
|
event.target instanceof globalThis.Element &&
|
|
6220
6221
|
event.target.closest('qds-dropdown') !== this.host))
|
|
6221
6222
|
return;
|
|
@@ -6223,14 +6224,14 @@ class Dropdown {
|
|
|
6223
6224
|
if (cancelEvent.defaultPrevented)
|
|
6224
6225
|
return;
|
|
6225
6226
|
this.close();
|
|
6226
|
-
if (__classPrivateFieldGet$
|
|
6227
|
-
__classPrivateFieldGet$
|
|
6228
|
-
__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();
|
|
6229
6230
|
});
|
|
6230
6231
|
_Dropdown_onReferenceClick.set(this, () => {
|
|
6231
6232
|
if (this.disabled)
|
|
6232
6233
|
return;
|
|
6233
|
-
if (__classPrivateFieldGet$
|
|
6234
|
+
if (__classPrivateFieldGet$r(this, _Dropdown_open, "f"))
|
|
6234
6235
|
this.close();
|
|
6235
6236
|
else
|
|
6236
6237
|
this.show();
|
|
@@ -6243,33 +6244,33 @@ class Dropdown {
|
|
|
6243
6244
|
await this.updateMiddleware();
|
|
6244
6245
|
}
|
|
6245
6246
|
handleMouseDown(event) {
|
|
6246
|
-
if (!__classPrivateFieldGet$
|
|
6247
|
+
if (!__classPrivateFieldGet$r(this, _Dropdown_open, "f"))
|
|
6247
6248
|
return;
|
|
6248
6249
|
const composedPath = event.composedPath();
|
|
6249
6250
|
const withinBounds = composedPath.includes(this.host) ||
|
|
6250
|
-
(__classPrivateFieldGet$
|
|
6251
|
-
composedPath.includes(__classPrivateFieldGet$
|
|
6251
|
+
(__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
|
|
6252
|
+
composedPath.includes(__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f")));
|
|
6252
6253
|
if (!withinBounds)
|
|
6253
6254
|
this.close();
|
|
6254
6255
|
}
|
|
6255
6256
|
async updateReferenceElement() {
|
|
6256
6257
|
var _a;
|
|
6257
|
-
__classPrivateFieldGet$
|
|
6258
|
-
__classPrivateFieldSet$
|
|
6259
|
-
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))
|
|
6260
6261
|
return;
|
|
6261
|
-
__classPrivateFieldGet$
|
|
6262
|
-
__classPrivateFieldGet$
|
|
6263
|
-
__classPrivateFieldGet$
|
|
6264
|
-
__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"));
|
|
6265
6266
|
if (this.host.role === 'menu') {
|
|
6266
|
-
(_a = __classPrivateFieldGet$
|
|
6267
|
-
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;
|
|
6268
6269
|
}
|
|
6269
6270
|
await this.updatePosition();
|
|
6270
6271
|
}
|
|
6271
6272
|
async updateMiddleware() {
|
|
6272
|
-
__classPrivateFieldSet$
|
|
6273
|
+
__classPrivateFieldSet$l(this, _Dropdown_middleware, [
|
|
6273
6274
|
offset({
|
|
6274
6275
|
...this.offsetOptions,
|
|
6275
6276
|
mainAxis: propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0,
|
|
@@ -6288,10 +6289,10 @@ class Dropdown {
|
|
|
6288
6289
|
await this.updatePosition();
|
|
6289
6290
|
}
|
|
6290
6291
|
async updatePosition() {
|
|
6291
|
-
if (!__classPrivateFieldGet$
|
|
6292
|
+
if (!__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f"))
|
|
6292
6293
|
return;
|
|
6293
|
-
const { x, y, strategy } = await computePosition(__classPrivateFieldGet$
|
|
6294
|
-
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"),
|
|
6295
6296
|
placement: this.placement,
|
|
6296
6297
|
strategy: this.strategy,
|
|
6297
6298
|
});
|
|
@@ -6299,11 +6300,11 @@ class Dropdown {
|
|
|
6299
6300
|
this.hostTransform = `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`;
|
|
6300
6301
|
}
|
|
6301
6302
|
startAutoUpdate() {
|
|
6302
|
-
if (!__classPrivateFieldGet$
|
|
6303
|
+
if (!__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f"))
|
|
6303
6304
|
return;
|
|
6304
|
-
if (__classPrivateFieldGet$
|
|
6305
|
-
__classPrivateFieldGet$
|
|
6306
|
-
__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, () => {
|
|
6307
6308
|
ignorePromise(this.updatePosition());
|
|
6308
6309
|
}, this.autoUpdateOptions), "f");
|
|
6309
6310
|
}
|
|
@@ -6317,43 +6318,43 @@ class Dropdown {
|
|
|
6317
6318
|
await this.updateMiddleware();
|
|
6318
6319
|
}
|
|
6319
6320
|
disconnectedCallback() {
|
|
6320
|
-
__classPrivateFieldGet$
|
|
6321
|
+
__classPrivateFieldGet$r(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
|
|
6321
6322
|
}
|
|
6322
6323
|
render() {
|
|
6323
|
-
return (hAsync(Host, { key: 'd75d5555ed0d5d11eb72391f7848c91b61dee24a', "aria-labelledby": this.hostAriaLabelledBy, onKeyDown: __classPrivateFieldGet$
|
|
6324
|
+
return (hAsync(Host, { key: 'd75d5555ed0d5d11eb72391f7848c91b61dee24a', "aria-labelledby": this.hostAriaLabelledBy, onKeyDown: __classPrivateFieldGet$r(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$r(this, _Dropdown_onFocusout, "f"), style: {
|
|
6324
6325
|
display: this.hostDisplay,
|
|
6325
6326
|
position: this.hostPosition,
|
|
6326
6327
|
transform: this.hostTransform,
|
|
6327
6328
|
} }, hAsync("slot", { key: '66e1dae32913fe11db5381dd0327c10fb4b51237' })));
|
|
6328
6329
|
}
|
|
6329
6330
|
show() {
|
|
6330
|
-
if (__classPrivateFieldGet$
|
|
6331
|
+
if (__classPrivateFieldGet$r(this, _Dropdown_open, "f"))
|
|
6331
6332
|
return;
|
|
6332
|
-
if (__classPrivateFieldGet$
|
|
6333
|
-
__classPrivateFieldGet$
|
|
6334
|
-
__classPrivateFieldGet$
|
|
6335
|
-
if (isQdsButton(__classPrivateFieldGet$
|
|
6336
|
-
__classPrivateFieldGet$
|
|
6337
|
-
__classPrivateFieldGet$
|
|
6338
|
-
}
|
|
6339
|
-
__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");
|
|
6340
6341
|
this.hostDisplay = undefined;
|
|
6341
6342
|
this.startAutoUpdate();
|
|
6342
6343
|
}
|
|
6343
6344
|
close() {
|
|
6344
|
-
if (!__classPrivateFieldGet$
|
|
6345
|
+
if (!__classPrivateFieldGet$r(this, _Dropdown_open, "f"))
|
|
6345
6346
|
return;
|
|
6346
|
-
if (__classPrivateFieldGet$
|
|
6347
|
-
__classPrivateFieldGet$
|
|
6348
|
-
__classPrivateFieldGet$
|
|
6349
|
-
if (isQdsButton(__classPrivateFieldGet$
|
|
6350
|
-
__classPrivateFieldGet$
|
|
6351
|
-
__classPrivateFieldGet$
|
|
6352
|
-
}
|
|
6353
|
-
__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");
|
|
6354
6355
|
this.hostDisplay = 'none';
|
|
6355
|
-
if (__classPrivateFieldGet$
|
|
6356
|
-
__classPrivateFieldGet$
|
|
6356
|
+
if (__classPrivateFieldGet$r(this, _Dropdown_cleanup, "f"))
|
|
6357
|
+
__classPrivateFieldGet$r(this, _Dropdown_cleanup, "f").call(this);
|
|
6357
6358
|
this.closeEmitter.emit();
|
|
6358
6359
|
}
|
|
6359
6360
|
get host() { return getElement(this); }
|
|
@@ -6396,12 +6397,12 @@ class Dropdown {
|
|
|
6396
6397
|
}
|
|
6397
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() {
|
|
6398
6399
|
this.hostAriaLabelledBy = undefined;
|
|
6399
|
-
if (!(__classPrivateFieldGet$
|
|
6400
|
+
if (!(__classPrivateFieldGet$r(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
|
|
6400
6401
|
return;
|
|
6401
|
-
__classPrivateFieldGet$
|
|
6402
|
-
__classPrivateFieldGet$
|
|
6403
|
-
__classPrivateFieldGet$
|
|
6404
|
-
__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');
|
|
6405
6406
|
};
|
|
6406
6407
|
|
|
6407
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)}";
|
|
@@ -6410,7 +6411,7 @@ var QdsFormMessageStyle0 = formMessageCss;
|
|
|
6410
6411
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
6411
6412
|
//
|
|
6412
6413
|
// SPDX-License-Identifier: Apache-2.0
|
|
6413
|
-
var __classPrivateFieldSet$
|
|
6414
|
+
var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
6414
6415
|
if (kind === "m")
|
|
6415
6416
|
throw new TypeError("Private method is not writable");
|
|
6416
6417
|
if (kind === "a" && !f)
|
|
@@ -6419,7 +6420,7 @@ var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
6419
6420
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
6420
6421
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
6421
6422
|
};
|
|
6422
|
-
var __classPrivateFieldGet$
|
|
6423
|
+
var __classPrivateFieldGet$q = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
6423
6424
|
if (kind === "a" && !f)
|
|
6424
6425
|
throw new TypeError("Private accessor was defined without a getter");
|
|
6425
6426
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -6455,13 +6456,13 @@ class FormMessage {
|
|
|
6455
6456
|
_FormMessage_inheritedAttributes.set(this, {});
|
|
6456
6457
|
}
|
|
6457
6458
|
componentWillLoad() {
|
|
6458
|
-
__classPrivateFieldSet$
|
|
6459
|
+
__classPrivateFieldSet$k(this, _FormMessage_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
6459
6460
|
}
|
|
6460
6461
|
render() {
|
|
6461
6462
|
return (hAsync("span", { key: '32515f969842006388a8f090f208f03ebfa115a5', class: {
|
|
6462
6463
|
'qds-form-message': true,
|
|
6463
6464
|
'qds-inline': this.inline,
|
|
6464
|
-
}, "data-size": __classPrivateFieldGet$
|
|
6465
|
+
}, "data-size": __classPrivateFieldGet$q(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), ...__classPrivateFieldGet$q(this, _FormMessage_inheritedAttributes, "f") }, hAsync("div", { key: '85cf43ee979919520a096ea2ad2a1cd02b5a4862', class: "qds-icon-container", "data-size": __classPrivateFieldGet$q(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: '5ccc649cbbd2b662f1a3e8bb8e957c74f05c836a', class: "qds-icon-background", "data-size": __classPrivateFieldGet$q(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status }, hAsync("qds-icon", { key: 'd026ed0da486b5ccc318a184452f25db4c6f88bc', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$q(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), name: `status-${this.status}`, library: "core" }), hAsync("span", { key: 'bd39dd83c9e92950a3e06fef7457e429eb8e89ab', class: "qds-sr-only" }, this.statusDescription))), hAsync("span", { key: 'd3f08a7ed6cf5c1c93c8dff22afd479e5cc39197', class: "qds-text", "data-status": __classPrivateFieldGet$q(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
|
|
6465
6466
|
}
|
|
6466
6467
|
get host() { return getElement(this); }
|
|
6467
6468
|
static get style() { return QdsFormMessageStyle0; }
|
|
@@ -6562,7 +6563,6 @@ const icons = {
|
|
|
6562
6563
|
'input-password-show': inputPasswordShowSvg,
|
|
6563
6564
|
navigation: navigationSvg,
|
|
6564
6565
|
next: nextSvg,
|
|
6565
|
-
'new-tab-link': externalLinkSvg,
|
|
6566
6566
|
close: statusErrorSvg,
|
|
6567
6567
|
'status-error': statusErrorSvg,
|
|
6568
6568
|
'status-info': statusInfoSvg,
|
|
@@ -6622,14 +6622,14 @@ var QdsIconStyle0 = iconCss;
|
|
|
6622
6622
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
6623
6623
|
//
|
|
6624
6624
|
// SPDX-License-Identifier: Apache-2.0
|
|
6625
|
-
var __classPrivateFieldGet$
|
|
6625
|
+
var __classPrivateFieldGet$p = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
6626
6626
|
if (kind === "a" && !f)
|
|
6627
6627
|
throw new TypeError("Private accessor was defined without a getter");
|
|
6628
6628
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
6629
6629
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
6630
6630
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
6631
6631
|
};
|
|
6632
|
-
var __classPrivateFieldSet$
|
|
6632
|
+
var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
6633
6633
|
if (kind === "m")
|
|
6634
6634
|
throw new TypeError("Private method is not writable");
|
|
6635
6635
|
if (kind === "a" && !f)
|
|
@@ -6684,7 +6684,7 @@ class Icon {
|
|
|
6684
6684
|
this.errorEmitter.emit();
|
|
6685
6685
|
}
|
|
6686
6686
|
else {
|
|
6687
|
-
for (const [key, value] of Object.entries(__classPrivateFieldGet$
|
|
6687
|
+
for (const [key, value] of Object.entries(__classPrivateFieldGet$p(this, _Icon_inheritedAttributes, "f")))
|
|
6688
6688
|
if (value !== undefined)
|
|
6689
6689
|
svgElement.setAttribute(key, value);
|
|
6690
6690
|
this.svg = svgElement.outerHTML;
|
|
@@ -6696,7 +6696,7 @@ class Icon {
|
|
|
6696
6696
|
}
|
|
6697
6697
|
}
|
|
6698
6698
|
async componentWillLoad() {
|
|
6699
|
-
__classPrivateFieldSet$
|
|
6699
|
+
__classPrivateFieldSet$j(this, _Icon_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
6700
6700
|
await this.setIcon();
|
|
6701
6701
|
}
|
|
6702
6702
|
render() {
|
|
@@ -6729,7 +6729,7 @@ var QdsInlineLinkStyle0 = inlineLinkCss;
|
|
|
6729
6729
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
6730
6730
|
//
|
|
6731
6731
|
// SPDX-License-Identifier: Apache-2.0
|
|
6732
|
-
var __classPrivateFieldGet$
|
|
6732
|
+
var __classPrivateFieldGet$o = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
6733
6733
|
if (kind === "a" && !f)
|
|
6734
6734
|
throw new TypeError("Private accessor was defined without a getter");
|
|
6735
6735
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -6777,7 +6777,7 @@ class InlineLink {
|
|
|
6777
6777
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
6778
6778
|
});
|
|
6779
6779
|
_InlineLink_onSlotchange.set(this, () => {
|
|
6780
|
-
__classPrivateFieldGet$
|
|
6780
|
+
__classPrivateFieldGet$o(this, _InlineLink_internals, "f").ariaLabel = this.host.textContent;
|
|
6781
6781
|
});
|
|
6782
6782
|
}
|
|
6783
6783
|
onClick(event) {
|
|
@@ -6785,7 +6785,7 @@ class InlineLink {
|
|
|
6785
6785
|
event.stopImmediatePropagation();
|
|
6786
6786
|
}
|
|
6787
6787
|
disabledChanged() {
|
|
6788
|
-
__classPrivateFieldGet$
|
|
6788
|
+
__classPrivateFieldGet$o(this, _InlineLink_internals, "f").ariaDisabled = this.disabled.toString();
|
|
6789
6789
|
}
|
|
6790
6790
|
tabindexChanged(newValue) {
|
|
6791
6791
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
@@ -6798,19 +6798,19 @@ class InlineLink {
|
|
|
6798
6798
|
this.linkIcon = determineLinkIcon(this.href, this.target);
|
|
6799
6799
|
}
|
|
6800
6800
|
componentWillLoad() {
|
|
6801
|
-
__classPrivateFieldGet$
|
|
6801
|
+
__classPrivateFieldGet$o(this, _InlineLink_internals, "f").role = 'link';
|
|
6802
6802
|
this.disabledChanged();
|
|
6803
6803
|
this.hrefTargetChanged();
|
|
6804
6804
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
6805
6805
|
}
|
|
6806
6806
|
componentDidLoad() {
|
|
6807
|
-
__classPrivateFieldGet$
|
|
6807
|
+
__classPrivateFieldGet$o(this, _InlineLink_internals, "f").ariaLabel = this.host.textContent;
|
|
6808
6808
|
}
|
|
6809
6809
|
render() {
|
|
6810
6810
|
return (hAsync("a", { key: '7565acce3bd53e90569e57b0191c237af88b7d9c', "aria-hidden": "true", class: {
|
|
6811
6811
|
'qds-inline-link': true,
|
|
6812
6812
|
'qds-disabled': this.disabled,
|
|
6813
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
6813
|
+
}, "data-importance": __classPrivateFieldGet$o(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$o(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$o(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: this.disabled ? -1 : this.tabIndex, target: this.target }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '08f09c658ec5ce9f52528ac3ae8b2fd1a8e6238b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("slot", { key: 'df5093d7c728ef9c49c8f210922bc60814b00517', onSlotchange: __classPrivateFieldGet$o(this, _InlineLink_onSlotchange, "f") }), this.linkIcon && (hAsync("qds-icon", { key: 'bcb0e96aa2a65eccc2cd13db70a4b72a3b73eb2d', class: "qds-icon", library: "core", name: this.linkIcon }))));
|
|
6814
6814
|
}
|
|
6815
6815
|
static get delegatesFocus() { return true; }
|
|
6816
6816
|
get host() { return getElement(this); }
|
|
@@ -6855,20 +6855,20 @@ _InlineLink_internals = new WeakMap(), _InlineLink_onBlur = new WeakMap(), _Inli
|
|
|
6855
6855
|
}
|
|
6856
6856
|
};
|
|
6857
6857
|
|
|
6858
|
-
const inputCss = ":host([hidden]){display:none!important}:host{display:inline-block}@-moz-document url-prefix(){[type=date]~.qds-icon-container,[type=datetime-local]~.qds-icon-container,[type=month]~.qds-icon-container,[type=time]~.qds-icon-container,[type=week]~.qds-icon-container{display:none}}.qds-container,.qds-input{max-width:inherit;width:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"a\"}.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:a}.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:a;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:a;padding-block:0;padding-inline:var(--qds-control-input-padding-horizontal)}.qds-input.qds-hide~.qds-icon-container{display:none}.qds-input:disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-input:focus-visible{outline:none}.qds-input:focus-visible~.qds-focus-ring{visibility:visible}.qds-input:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-input:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{cursor:pointer;display:none}.qds-input[type=file]{padding-block:var(--qds-control-input-padding-horizontal)}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-control-text-standard)}.qds-input[type=file]::file-selector-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=file]::file-selector-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input[type=color],.qds-input[type=number]{padding-inline:var(--qds-control-input-padding-horizontal)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-control-input-padding-horizontal)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=color]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input.qds-search-padding[data-size=large],.qds-input.qds-search-padding[data-size=small],.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-input-padding-horizontal))}.qds-input[data-size=large][type=file],.qds-input[data-size=small][type=file],.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-padding[data-size=large],.qds-input.qds-padding[data-size=small],.qds-input.qds-padding[data-size=standard]{padding-inline:var(--qds-control-input-padding-horizontal)}.qds-input[data-size=large],.qds-input[data-size=small],.qds-input[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline-end:var(--qds-control-input-padding-horizontal)}}}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}";
|
|
6858
|
+
const inputCss = ":host([hidden]){display:none!important}:host{display:inline-block}@-moz-document url-prefix(){[type=date]~.qds-icon-container,[type=datetime-local]~.qds-icon-container,[type=month]~.qds-icon-container,[type=time]~.qds-icon-container,[type=week]~.qds-icon-container{display:none}}.qds-container,.qds-input{max-width:inherit;width:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"e\"}.qds-icon{--qds-theme-interactive-background-hover:none;--qds-theme-interactive-background-pressed:none;--qds-control-small-height:var(--qds-control-small-icon-size);flex-shrink:0}.qds-icon-container,.qds-input{grid-area:e}.qds-icon-container{align-items:center;display:flex;justify-content:center;justify-self:end;padding-inline-end:var(--qds-control-input-padding-horizontal)}.qds-icon-container.no-padding{padding-inline-end:0}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n ));grid-area:e;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width-block-end, var(--qds-control-border-width)));isolation:isolate;outline:var(--qds-control-input-focus-border-width) solid var(--qds-theme-control-input-focus-border);pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-control-border-width-inline-end,\n var(--qds-control-border-width)\n ))}[data-size=small]{font:var(--qds-control-small-text);height:var(--qds-control-small-height)}.qds-icon[data-size=small]{--qds-experimental-icon-click-target-size:var(--qds-control-small-height);height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small]~.qds-icon-container{gap:var(--qds-control-small-gap-internal);margin-inline-start:var(--qds-control-small-gap-internal)}.qds-password-padding[data-size=small],[data-size=small][type=date],[data-size=small][type=datetime-local],[data-size=small][type=email],[data-size=small][type=month],[data-size=small][type=tel],[data-size=small][type=time],[data-size=small][type=url],[data-size=small][type=week]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-small-height))}[data-size=small][type=file]::file-selector-button{font:var(--qds-control-small-text);height:var(--qds-control-small-height);margin-inline-end:var(--qds-control-small-gap-siblings-related);padding-inline:var(--qds-control-button-small-padding-horizontal)}[data-size=small][type=number]::-webkit-inner-spin-button,[data-size=small][type=number]::-webkit-outer-spin-button{margin-inline-start:var(--qds-control-small-gap-internal)}[data-size=small][type=search]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-small-icon-size) + var(--qds-control-input-padding-horizontal) + var(--qds-control-small-gap-internal))}[data-size=standard]{font:var(--qds-control-standard-text);height:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{--qds-experimental-icon-click-target-size:var(\n --qds-control-standard-height\n );height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard]~.qds-icon-container{gap:var(--qds-control-standard-gap-internal);margin-inline-start:var(--qds-control-standard-gap-internal)}.qds-password-padding[data-size=standard],[data-size=standard][type=date],[data-size=standard][type=datetime-local],[data-size=standard][type=email],[data-size=standard][type=month],[data-size=standard][type=tel],[data-size=standard][type=time],[data-size=standard][type=url],[data-size=standard][type=week]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-standard-height))}[data-size=standard][type=file]::file-selector-button{font:var(--qds-control-standard-text);height:var(--qds-control-standard-height);margin-inline-end:var(--qds-control-standard-gap-siblings-related);padding-inline:var(--qds-control-button-standard-padding-horizontal)}[data-size=standard][type=number]::-webkit-inner-spin-button,[data-size=standard][type=number]::-webkit-outer-spin-button{margin-inline-start:var(--qds-control-standard-gap-internal)}[data-size=standard][type=search]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-standard-icon-size) + var(--qds-control-input-padding-horizontal) + var(--qds-control-standard-gap-internal))}[data-size=large]{font:var(--qds-control-large-text);height:var(--qds-control-large-height)}.qds-icon[data-size=large]{--qds-experimental-icon-click-target-size:var(--qds-control-large-height);height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large]~.qds-icon-container{gap:var(--qds-control-large-gap-internal);margin-inline-start:var(--qds-control-large-gap-internal)}.qds-password-padding[data-size=large],[data-size=large][type=date],[data-size=large][type=datetime-local],[data-size=large][type=email],[data-size=large][type=month],[data-size=large][type=tel],[data-size=large][type=time],[data-size=large][type=url],[data-size=large][type=week]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-large-height))}[data-size=large][type=file]::file-selector-button{font:var(--qds-control-large-text);height:var(--qds-control-large-height);margin-inline-end:var(--qds-control-large-gap-siblings-related);padding-inline:var(--qds-control-button-large-padding-horizontal)}[data-size=large][type=number]::-webkit-inner-spin-button,[data-size=large][type=number]::-webkit-outer-spin-button{margin-inline-start:var(--qds-control-large-gap-internal)}[data-size=large][type=search]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-large-icon-size) + var(--qds-control-input-padding-horizontal) + var(--qds-control-large-gap-internal))}.qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-control-input-background);border-color:var(--qds-theme-control-border);border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );border-style:solid;border-width:var(--qds-control-border-width) var(--qds-control-border-width-inline-end,var(--qds-control-border-width)) var(--qds-control-border-width-block-end,var(--qds-control-border-width)) var(--qds-control-border-width);box-sizing:border-box;color:var(--qds-theme-control-text-standard);grid-area:e;padding-block:0;padding-inline:var(--qds-control-input-padding-horizontal)}.qds-input.qds-hide~.qds-icon-container{display:none}.qds-input:disabled,.qds-input:disabled~.qds-icon-container{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-input:focus-visible{outline:none}.qds-input:focus-visible~.qds-focus-ring{visibility:visible}.qds-input:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-input:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{cursor:pointer;display:none}.qds-input[type=file]{padding-block:var(--qds-control-input-padding-horizontal)}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-control-text-standard)}.qds-input[type=file]::file-selector-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=file]::file-selector-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input[type=color],.qds-input[type=number]{padding-inline:var(--qds-control-input-padding-horizontal)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-control-input-padding-horizontal)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=color]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input.qds-search-padding[data-size=large],.qds-input.qds-search-padding[data-size=small],.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-input-padding-horizontal))}.qds-input[data-size=large][type=file],.qds-input[data-size=small][type=file],.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-padding[data-size=large],.qds-input.qds-padding[data-size=small],.qds-input.qds-padding[data-size=standard]{padding-inline:var(--qds-control-input-padding-horizontal)}.qds-input[data-size=large],.qds-input[data-size=small],.qds-input[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline-end:var(--qds-control-input-padding-horizontal)}}}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}";
|
|
6859
6859
|
var QdsInputStyle0 = inputCss;
|
|
6860
6860
|
|
|
6861
6861
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
6862
6862
|
//
|
|
6863
6863
|
// SPDX-License-Identifier: Apache-2.0
|
|
6864
|
-
var __classPrivateFieldGet$
|
|
6864
|
+
var __classPrivateFieldGet$n = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
6865
6865
|
if (kind === "a" && !f)
|
|
6866
6866
|
throw new TypeError("Private accessor was defined without a getter");
|
|
6867
6867
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
6868
6868
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
6869
6869
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
6870
6870
|
};
|
|
6871
|
-
var __classPrivateFieldSet$
|
|
6871
|
+
var __classPrivateFieldSet$i = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
6872
6872
|
if (kind === "m")
|
|
6873
6873
|
throw new TypeError("Private method is not writable");
|
|
6874
6874
|
if (kind === "a" && !f)
|
|
@@ -7010,65 +7010,65 @@ class Input {
|
|
|
7010
7010
|
this.checkValidity = () => this.internals.checkValidity();
|
|
7011
7011
|
this.reportValidity = () => this.internals.reportValidity();
|
|
7012
7012
|
this.setCustomValidity = (error) => {
|
|
7013
|
-
invariant(__classPrivateFieldGet$
|
|
7014
|
-
__classPrivateFieldGet$
|
|
7013
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7014
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").setCustomValidity(error);
|
|
7015
7015
|
if (error)
|
|
7016
|
-
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$
|
|
7016
|
+
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7017
7017
|
else
|
|
7018
7018
|
this.internals.setValidity(NO_ERROR_FLAGS);
|
|
7019
7019
|
};
|
|
7020
7020
|
this.select = () => {
|
|
7021
|
-
invariant(__classPrivateFieldGet$
|
|
7022
|
-
__classPrivateFieldGet$
|
|
7021
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7022
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").select();
|
|
7023
7023
|
};
|
|
7024
7024
|
this.getSelectionDirection = () => {
|
|
7025
|
-
invariant(__classPrivateFieldGet$
|
|
7026
|
-
return __classPrivateFieldGet$
|
|
7025
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7026
|
+
return __classPrivateFieldGet$n(this, _Input_input, "f").selectionDirection;
|
|
7027
7027
|
};
|
|
7028
7028
|
this.getSelectionStart = () => {
|
|
7029
|
-
invariant(__classPrivateFieldGet$
|
|
7030
|
-
return __classPrivateFieldGet$
|
|
7029
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7030
|
+
return __classPrivateFieldGet$n(this, _Input_input, "f").selectionStart;
|
|
7031
7031
|
};
|
|
7032
7032
|
this.getSelectionEnd = () => {
|
|
7033
|
-
invariant(__classPrivateFieldGet$
|
|
7034
|
-
return __classPrivateFieldGet$
|
|
7033
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7034
|
+
return __classPrivateFieldGet$n(this, _Input_input, "f").selectionEnd;
|
|
7035
7035
|
};
|
|
7036
7036
|
this.setRangeText = (replacement, start, end, selectionMode) => {
|
|
7037
|
-
invariant(__classPrivateFieldGet$
|
|
7038
|
-
__classPrivateFieldGet$
|
|
7039
|
-
if (this.value !== __classPrivateFieldGet$
|
|
7040
|
-
this.value = __classPrivateFieldGet$
|
|
7037
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7038
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").setRangeText(replacement, start, end, selectionMode);
|
|
7039
|
+
if (this.value !== __classPrivateFieldGet$n(this, _Input_input, "f").value) {
|
|
7040
|
+
this.value = __classPrivateFieldGet$n(this, _Input_input, "f").value;
|
|
7041
7041
|
this.inputEmitter.emit();
|
|
7042
7042
|
this.changeEmitter.emit();
|
|
7043
7043
|
}
|
|
7044
7044
|
};
|
|
7045
7045
|
this.setSelectionRange = (start, end, direction) => {
|
|
7046
|
-
invariant(__classPrivateFieldGet$
|
|
7047
|
-
__classPrivateFieldGet$
|
|
7046
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7047
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").setSelectionRange(start, end, direction);
|
|
7048
7048
|
};
|
|
7049
7049
|
this.stepDown = (n) => {
|
|
7050
|
-
invariant(__classPrivateFieldGet$
|
|
7051
|
-
__classPrivateFieldGet$
|
|
7050
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7051
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").stepDown(n);
|
|
7052
7052
|
};
|
|
7053
7053
|
this.stepUp = (n) => {
|
|
7054
|
-
invariant(__classPrivateFieldGet$
|
|
7055
|
-
__classPrivateFieldGet$
|
|
7054
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7055
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").stepUp(n);
|
|
7056
7056
|
};
|
|
7057
7057
|
this.showPicker = () => {
|
|
7058
|
-
invariant(__classPrivateFieldGet$
|
|
7059
|
-
__classPrivateFieldGet$
|
|
7058
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7059
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").showPicker();
|
|
7060
7060
|
};
|
|
7061
7061
|
_Input_togglePasswordVisibility.set(this, () => {
|
|
7062
|
-
invariant(__classPrivateFieldGet$
|
|
7062
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7063
7063
|
this.isPasswordVisible = !this.isPasswordVisible;
|
|
7064
|
-
__classPrivateFieldGet$
|
|
7064
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").type = __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedType_get);
|
|
7065
7065
|
});
|
|
7066
7066
|
_Input_ref.set(this, (input) => {
|
|
7067
|
-
__classPrivateFieldSet$
|
|
7067
|
+
__classPrivateFieldSet$i(this, _Input_input, input, "f");
|
|
7068
7068
|
});
|
|
7069
7069
|
_Input_getFiles.set(this, () => {
|
|
7070
|
-
invariant(__classPrivateFieldGet$
|
|
7071
|
-
return __classPrivateFieldGet$
|
|
7070
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7071
|
+
return __classPrivateFieldGet$n(this, _Input_input, "f").files;
|
|
7072
7072
|
});
|
|
7073
7073
|
_Input_onBlur.set(this, (event) => {
|
|
7074
7074
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
@@ -7080,24 +7080,24 @@ class Input {
|
|
|
7080
7080
|
this.changeEmitter.emit();
|
|
7081
7081
|
});
|
|
7082
7082
|
_Input_onClear.set(this, () => {
|
|
7083
|
-
__classPrivateFieldGet$
|
|
7084
|
-
__classPrivateFieldGet$
|
|
7083
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_clearValue).call(this);
|
|
7084
|
+
__classPrivateFieldGet$n(this, _Input_onInput, "f").call(this, new InputEvent('input', { inputType: 'deleteContent' }));
|
|
7085
7085
|
});
|
|
7086
7086
|
_Input_onFocus.set(this, (event) => {
|
|
7087
7087
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
7088
7088
|
});
|
|
7089
7089
|
_Input_onInput.set(this, (event) => {
|
|
7090
|
-
invariant(__classPrivateFieldGet$
|
|
7091
|
-
this.value = __classPrivateFieldGet$
|
|
7090
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7091
|
+
this.value = __classPrivateFieldGet$n(this, _Input_input, "f").value;
|
|
7092
7092
|
this.inputEmitter.emit(pickInputEventAttributes(event));
|
|
7093
7093
|
});
|
|
7094
7094
|
}
|
|
7095
7095
|
onClick(event) {
|
|
7096
|
-
if (__classPrivateFieldGet$
|
|
7096
|
+
if (__classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
7097
7097
|
event.stopImmediatePropagation();
|
|
7098
7098
|
}
|
|
7099
7099
|
onKeydown(event) {
|
|
7100
|
-
if (__classPrivateFieldGet$
|
|
7100
|
+
if (__classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedDisabled_get)) {
|
|
7101
7101
|
event.stopImmediatePropagation();
|
|
7102
7102
|
return;
|
|
7103
7103
|
}
|
|
@@ -7107,23 +7107,23 @@ class Input {
|
|
|
7107
7107
|
}
|
|
7108
7108
|
}
|
|
7109
7109
|
disabledChanged() {
|
|
7110
|
-
if (__classPrivateFieldGet$
|
|
7110
|
+
if (__classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
7111
7111
|
// eslint-disable-next-line unicorn/no-null
|
|
7112
7112
|
this.internals.setFormValue(null);
|
|
7113
7113
|
else
|
|
7114
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
7114
|
+
this.internals.setFormValue(__classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedValue_get));
|
|
7115
7115
|
}
|
|
7116
7116
|
selectionDirectionChanged() {
|
|
7117
|
-
invariant(__classPrivateFieldGet$
|
|
7118
|
-
__classPrivateFieldGet$
|
|
7117
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7118
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").selectionDirection = this.selectionDirection;
|
|
7119
7119
|
}
|
|
7120
7120
|
selectionEndChanged() {
|
|
7121
|
-
invariant(__classPrivateFieldGet$
|
|
7122
|
-
__classPrivateFieldGet$
|
|
7121
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7122
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").selectionEnd = this.selectionEnd;
|
|
7123
7123
|
}
|
|
7124
7124
|
selectionStartChanged() {
|
|
7125
|
-
invariant(__classPrivateFieldGet$
|
|
7126
|
-
__classPrivateFieldGet$
|
|
7125
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7126
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").selectionStart = this.selectionStart;
|
|
7127
7127
|
}
|
|
7128
7128
|
tabindexChanged(newValue) {
|
|
7129
7129
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
@@ -7131,61 +7131,61 @@ class Input {
|
|
|
7131
7131
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
7132
7132
|
}
|
|
7133
7133
|
validationChanged() {
|
|
7134
|
-
if (!__classPrivateFieldGet$
|
|
7134
|
+
if (!__classPrivateFieldGet$n(this, _Input_input, "f"))
|
|
7135
7135
|
return;
|
|
7136
|
-
if (__classPrivateFieldGet$
|
|
7137
|
-
__classPrivateFieldGet$
|
|
7136
|
+
if (__classPrivateFieldGet$n(this, _Input_input, "f").max !== this.max && this.max !== undefined)
|
|
7137
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").max = this.max.toString();
|
|
7138
7138
|
if (this.maxLength !== undefined)
|
|
7139
|
-
__classPrivateFieldGet$
|
|
7140
|
-
if (__classPrivateFieldGet$
|
|
7141
|
-
__classPrivateFieldGet$
|
|
7139
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").maxLength = this.maxLength;
|
|
7140
|
+
if (__classPrivateFieldGet$n(this, _Input_input, "f").min !== this.min && this.min !== undefined)
|
|
7141
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").min = this.min.toString();
|
|
7142
7142
|
if (this.minLength !== undefined)
|
|
7143
|
-
__classPrivateFieldGet$
|
|
7143
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").minLength = this.minLength;
|
|
7144
7144
|
if (this.pattern !== undefined)
|
|
7145
|
-
__classPrivateFieldGet$
|
|
7146
|
-
__classPrivateFieldGet$
|
|
7147
|
-
if (__classPrivateFieldGet$
|
|
7148
|
-
__classPrivateFieldGet$
|
|
7149
|
-
__classPrivateFieldGet$
|
|
7145
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").pattern = this.pattern;
|
|
7146
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").required = this.required ?? false;
|
|
7147
|
+
if (__classPrivateFieldGet$n(this, _Input_input, "f").step !== this.step && this.step !== undefined)
|
|
7148
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").step = this.step.toString();
|
|
7149
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").type = __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedType_get);
|
|
7150
7150
|
// eslint-disable-next-line unicorn/no-null
|
|
7151
7151
|
if (this.type !== 'file' && this.value != null)
|
|
7152
|
-
__classPrivateFieldGet$
|
|
7153
|
-
const { valid } = __classPrivateFieldGet$
|
|
7152
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").value = this.value.toString();
|
|
7153
|
+
const { valid } = __classPrivateFieldGet$n(this, _Input_input, "f").validity;
|
|
7154
7154
|
if (valid)
|
|
7155
|
-
this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$
|
|
7155
|
+
this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7156
7156
|
else
|
|
7157
|
-
this.internals.setValidity(__classPrivateFieldGet$
|
|
7157
|
+
this.internals.setValidity(__classPrivateFieldGet$n(this, _Input_input, "f").validity, __classPrivateFieldGet$n(this, _Input_input, "f").validationMessage, __classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7158
7158
|
}
|
|
7159
7159
|
valueChanged() {
|
|
7160
|
-
if (!__classPrivateFieldGet$
|
|
7161
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
7162
|
-
if ((__classPrivateFieldGet$
|
|
7160
|
+
if (!__classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
7161
|
+
this.internals.setFormValue(__classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedValue_get));
|
|
7162
|
+
if ((__classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedValue_get) === null || __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedValue_get) === '') &&
|
|
7163
7163
|
this.type === 'file') {
|
|
7164
|
-
__classPrivateFieldGet$
|
|
7164
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_clearValue).call(this);
|
|
7165
7165
|
}
|
|
7166
7166
|
}
|
|
7167
7167
|
componentWillLoad() {
|
|
7168
|
-
__classPrivateFieldGet$
|
|
7169
|
-
__classPrivateFieldGet$
|
|
7170
|
-
__classPrivateFieldGet$
|
|
7171
|
-
__classPrivateFieldGet$
|
|
7172
|
-
__classPrivateFieldGet$
|
|
7173
|
-
__classPrivateFieldGet$
|
|
7174
|
-
__classPrivateFieldSet$
|
|
7168
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_defineGetter).call(this, 'form', () => this.internals.form);
|
|
7169
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
7170
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
7171
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
7172
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_defineGetter).call(this, 'files', __classPrivateFieldGet$n(this, _Input_getFiles, "f"));
|
|
7173
|
+
__classPrivateFieldGet$n(this, _Input_instances, "m", _Input_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
7174
|
+
__classPrivateFieldSet$i(this, _Input_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
7175
7175
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
7176
7176
|
}
|
|
7177
7177
|
componentDidLoad() {
|
|
7178
|
-
invariant(__classPrivateFieldGet$
|
|
7178
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7179
7179
|
this.validationChanged();
|
|
7180
7180
|
this.valueChanged();
|
|
7181
7181
|
// FIXME: This event is supported by the native `<input>` element but not
|
|
7182
7182
|
// recognized by Stencil's type definitions, so it needs to be manually
|
|
7183
7183
|
// bound here.
|
|
7184
|
-
__classPrivateFieldGet$
|
|
7184
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").addEventListener('cancel', __classPrivateFieldGet$n(this, _Input_onCancel, "f"));
|
|
7185
7185
|
}
|
|
7186
7186
|
disconnectedCallback() {
|
|
7187
|
-
if (__classPrivateFieldGet$
|
|
7188
|
-
__classPrivateFieldGet$
|
|
7187
|
+
if (__classPrivateFieldGet$n(this, _Input_input, "f"))
|
|
7188
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").removeEventListener('cancel', __classPrivateFieldGet$n(this, _Input_onCancel, "f"));
|
|
7189
7189
|
}
|
|
7190
7190
|
render() {
|
|
7191
7191
|
const hasValue = this.value !== null && this.value !== undefined && this.value !== '';
|
|
@@ -7203,13 +7203,13 @@ class Input {
|
|
|
7203
7203
|
'qds-padding': shouldHideIcon,
|
|
7204
7204
|
'qds-password-padding': this.type === 'password' ||
|
|
7205
7205
|
(this.isPasswordVisible && this.type === 'text'),
|
|
7206
|
-
}, "data-size": __classPrivateFieldGet$
|
|
7206
|
+
}, "data-size": __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedSize_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, max: this.max, maxLength: this.maxLength, min: this.min, minLength: this.minLength, multiple: this.multiple, onBlur: __classPrivateFieldGet$n(this, _Input_onBlur, "f"), onChange: __classPrivateFieldGet$n(this, _Input_onChange, "f"), onFocus: __classPrivateFieldGet$n(this, _Input_onFocus, "f"), onInput: __classPrivateFieldGet$n(this, _Input_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet$n(this, _Input_ref, "f"), spellcheck: this.host.spellcheck, step: this.step, tabIndex: __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedDisabled_get) ? undefined : this.tabIndex, type: __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedType_get), ...__classPrivateFieldGet$n(this, _Input_inheritedAttributes, "f") }), hAsync("div", { key: '76df6489d080978a3272ef04d57e0739f183052f', class: "qds-focus-ring" }), __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: 'af02237afb4f9dd58f52acb6811ffda0177b47a1', class: {
|
|
7207
7207
|
'qds-icon-container': true,
|
|
7208
7208
|
'no-padding': shouldRemoveSearchPadding,
|
|
7209
7209
|
} }, shouldShowClearButton && (hAsync("qds-button", { key: 'cb7df2dfb2e1c7a3e4302f1b15108da1a7e1c51d', class: {
|
|
7210
7210
|
'qds-icon': true,
|
|
7211
7211
|
'qds-hide': !hasValue,
|
|
7212
|
-
}, disabled: this.disabled, iconLibrary: "core", iconName: "clear", iconOnly: true, importance: "subdued", onClick: __classPrivateFieldGet$
|
|
7212
|
+
}, disabled: this.disabled, iconLibrary: "core", iconName: "clear", iconOnly: true, importance: "subdued", onClick: __classPrivateFieldGet$n(this, _Input_onClear, "f"), size: "small", text: "clear input" })), __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_hasIcon_get) && (hAsync("qds-icon", { key: '4673721c023cb9cad110963d2076122a77a9e18f', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedSize_get), library: "core", name: __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedIconName_get) })), __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) && (hAsync("qds-button", { key: 'e91546f1598a8e661fb02a3c11c311eef0d42e4f', class: "qds-icon", disabled: this.disabled, iconLibrary: "core", iconName: __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedIconName_get), iconOnly: true, importance: "subdued", onClick: __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_iconClickHandler_get), size: "small", text: __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedAriaLabel_get) })), shouldShowSearchIcon ? (hAsync("qds-icon", { "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedSize_get), library: "core", name: __classPrivateFieldGet$n(this, _Input_instances, "a", _Input_computedIconName_get) })) : (hAsync("div", null))))));
|
|
7213
7213
|
}
|
|
7214
7214
|
static get delegatesFocus() { return true; }
|
|
7215
7215
|
static get formAssociated() { return true; }
|
|
@@ -7319,7 +7319,7 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
|
|
|
7319
7319
|
['month', 'time', 'date', 'datetime-local', 'week', 'password'].includes(this.type));
|
|
7320
7320
|
}, _Input_iconClickHandler_get = function _Input_iconClickHandler_get() {
|
|
7321
7321
|
return this.type === 'password'
|
|
7322
|
-
? __classPrivateFieldGet$
|
|
7322
|
+
? __classPrivateFieldGet$n(this, _Input_togglePasswordVisibility, "f")
|
|
7323
7323
|
: this.showPicker;
|
|
7324
7324
|
}, _Input_computedType_get = function _Input_computedType_get() {
|
|
7325
7325
|
return this.type === 'password' && this.isPasswordVisible
|
|
@@ -7334,8 +7334,8 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
|
|
|
7334
7334
|
}, _Input_defineGetter = function _Input_defineGetter(p, get) {
|
|
7335
7335
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
7336
7336
|
}, _Input_clearValue = function _Input_clearValue() {
|
|
7337
|
-
invariant(__classPrivateFieldGet$
|
|
7338
|
-
__classPrivateFieldGet$
|
|
7337
|
+
invariant(__classPrivateFieldGet$n(this, _Input_input, "f"));
|
|
7338
|
+
__classPrivateFieldGet$n(this, _Input_input, "f").value = '';
|
|
7339
7339
|
};
|
|
7340
7340
|
|
|
7341
7341
|
const labelCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-label{box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap);width:100%}.qds-label:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-focus-border-width) solid var(--qds-theme-focus-border);outline-offset:var(--qds-focus-border-offset)}.qds-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}[data-size=small]{font:var(--qds-control-small-text)}.qds-inline[data-size=small]{margin-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard]{margin-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text)}.qds-inline[data-size=large]{margin-block:var(--qds-control-large-padding-auto-height)}";
|
|
@@ -7344,14 +7344,14 @@ var QdsLabelStyle0 = labelCss;
|
|
|
7344
7344
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7345
7345
|
//
|
|
7346
7346
|
// SPDX-License-Identifier: Apache-2.0
|
|
7347
|
-
var __classPrivateFieldGet$
|
|
7347
|
+
var __classPrivateFieldGet$m = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7348
7348
|
if (kind === "a" && !f)
|
|
7349
7349
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7350
7350
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7351
7351
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
7352
7352
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
7353
7353
|
};
|
|
7354
|
-
var __classPrivateFieldSet$
|
|
7354
|
+
var __classPrivateFieldSet$h = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7355
7355
|
if (kind === "m")
|
|
7356
7356
|
throw new TypeError("Private method is not writable");
|
|
7357
7357
|
if (kind === "a" && !f)
|
|
@@ -7390,45 +7390,45 @@ class Label {
|
|
|
7390
7390
|
_Label_ro.set(this, void 0);
|
|
7391
7391
|
_Label_span.set(this, void 0);
|
|
7392
7392
|
_Label_labelRef.set(this, (label) => {
|
|
7393
|
-
__classPrivateFieldSet$
|
|
7393
|
+
__classPrivateFieldSet$h(this, _Label_label, label, "f");
|
|
7394
7394
|
});
|
|
7395
7395
|
_Label_spanRef.set(this, (span) => {
|
|
7396
|
-
__classPrivateFieldSet$
|
|
7396
|
+
__classPrivateFieldSet$h(this, _Label_span, span, "f");
|
|
7397
7397
|
});
|
|
7398
7398
|
_Label_tooltipRef.set(this, (tooltip) => {
|
|
7399
7399
|
if (tooltip)
|
|
7400
7400
|
// eslint-disable-next-line no-param-reassign
|
|
7401
|
-
tooltip.target = __classPrivateFieldGet$
|
|
7401
|
+
tooltip.target = __classPrivateFieldGet$m(this, _Label_label, "f");
|
|
7402
7402
|
});
|
|
7403
7403
|
}
|
|
7404
7404
|
textChanged() {
|
|
7405
|
-
if (__classPrivateFieldGet$
|
|
7406
|
-
__classPrivateFieldGet$
|
|
7407
|
-
if (!__classPrivateFieldGet$
|
|
7405
|
+
if (__classPrivateFieldGet$m(this, _Label_ro, "f"))
|
|
7406
|
+
__classPrivateFieldGet$m(this, _Label_ro, "f").disconnect();
|
|
7407
|
+
if (!__classPrivateFieldGet$m(this, _Label_span, "f"))
|
|
7408
7408
|
return;
|
|
7409
|
-
const span = __classPrivateFieldGet$
|
|
7409
|
+
const span = __classPrivateFieldGet$m(this, _Label_span, "f");
|
|
7410
7410
|
readTask(() => {
|
|
7411
7411
|
this.tooltip = isOverflowing(span);
|
|
7412
7412
|
});
|
|
7413
|
-
__classPrivateFieldSet$
|
|
7413
|
+
__classPrivateFieldSet$h(this, _Label_ro, new ResizeObserver(([spanEntry]) => {
|
|
7414
7414
|
this.tooltip = isOverflowing(spanEntry.target);
|
|
7415
7415
|
}), "f");
|
|
7416
|
-
__classPrivateFieldGet$
|
|
7416
|
+
__classPrivateFieldGet$m(this, _Label_ro, "f").observe(__classPrivateFieldGet$m(this, _Label_span, "f"));
|
|
7417
7417
|
}
|
|
7418
7418
|
componentDidLoad() {
|
|
7419
7419
|
this.textChanged();
|
|
7420
7420
|
}
|
|
7421
7421
|
disconnectedCallback() {
|
|
7422
|
-
if (__classPrivateFieldGet$
|
|
7423
|
-
__classPrivateFieldGet$
|
|
7422
|
+
if (__classPrivateFieldGet$m(this, _Label_ro, "f"))
|
|
7423
|
+
__classPrivateFieldGet$m(this, _Label_ro, "f").disconnect();
|
|
7424
7424
|
}
|
|
7425
7425
|
render() {
|
|
7426
7426
|
return (hAsync("span", { key: '04557d25d0f4063cdc200c14dcc5093282480ef2', class: {
|
|
7427
7427
|
'qds-inline': this.inline,
|
|
7428
7428
|
'qds-label': true,
|
|
7429
|
-
}, "data-size": __classPrivateFieldGet$
|
|
7429
|
+
}, "data-size": __classPrivateFieldGet$m(this, _Label_instances, "a", _Label_computedSize_get), ref: __classPrivateFieldGet$m(this, _Label_labelRef, "f"),
|
|
7430
7430
|
// eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
|
|
7431
|
-
tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '9ec237e88c66e0eaa9039a29cace2205aa00b5fc', class: "qds-required" }, "*"), hAsync("span", { key: '6675cf1a16640d5530d32f2d5e8f3892a8225c15', class: "qds-text", ref: __classPrivateFieldGet$
|
|
7431
|
+
tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '9ec237e88c66e0eaa9039a29cace2205aa00b5fc', class: "qds-required" }, "*"), hAsync("span", { key: '6675cf1a16640d5530d32f2d5e8f3892a8225c15', class: "qds-text", ref: __classPrivateFieldGet$m(this, _Label_spanRef, "f") }, this.text), this.tooltip && (hAsync("qds-tooltip", { key: '80bdb4ec82929404911f752dce2b525603dd613c', "aria-hidden": "true", ref: __classPrivateFieldGet$m(this, _Label_tooltipRef, "f") }, this.text))));
|
|
7432
7432
|
}
|
|
7433
7433
|
static get watchers() { return {
|
|
7434
7434
|
"text": ["textChanged"]
|
|
@@ -7468,7 +7468,7 @@ var QdsListItemStyle0 = listItemCss;
|
|
|
7468
7468
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7469
7469
|
//
|
|
7470
7470
|
// SPDX-License-Identifier: Apache-2.0
|
|
7471
|
-
var __classPrivateFieldGet$
|
|
7471
|
+
var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7472
7472
|
if (kind === "a" && !f)
|
|
7473
7473
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7474
7474
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -7520,7 +7520,7 @@ class ListItem {
|
|
|
7520
7520
|
// Note that this will need adjustments once we add the `item-action` slot.
|
|
7521
7521
|
event.preventDefault();
|
|
7522
7522
|
if (this.listAction === 'multiselect') {
|
|
7523
|
-
this.checked = __classPrivateFieldGet$
|
|
7523
|
+
this.checked = __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedIndeterminate_get) ? true : !__classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedChecked_get);
|
|
7524
7524
|
this.changeEmitter.emit();
|
|
7525
7525
|
this.indeterminate = false;
|
|
7526
7526
|
}
|
|
@@ -7541,16 +7541,16 @@ class ListItem {
|
|
|
7541
7541
|
hAsync("li", { key: 'c85d55cd3ac8feac479d083eda49f4f0b30d0479', class: {
|
|
7542
7542
|
'qds-list-item': true,
|
|
7543
7543
|
'qds-disabled': this.disabled,
|
|
7544
|
-
'qds-divider': __classPrivateFieldGet$
|
|
7545
|
-
'qds-multiselect': __classPrivateFieldGet$
|
|
7546
|
-
'qds-selected': __classPrivateFieldGet$
|
|
7547
|
-
'qds-checked': __classPrivateFieldGet$
|
|
7548
|
-
}, "data-size": __classPrivateFieldGet$
|
|
7544
|
+
'qds-divider': __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedDivider_get) === undefined,
|
|
7545
|
+
'qds-multiselect': __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect',
|
|
7546
|
+
'qds-selected': __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
|
|
7547
|
+
'qds-checked': __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedChecked_get),
|
|
7548
|
+
}, "data-size": __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedSize_get), role: "listitem" // Required because it can't be a direct child of a list element (<ul>, <ol>, or <menu>).
|
|
7549
7549
|
,
|
|
7550
|
-
...this.inheritedAttributes }, __classPrivateFieldGet$
|
|
7550
|
+
...this.inheritedAttributes }, __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: 'e009fe7c14014db5e9b15a193b72c6f772a89211', checked: this.checked, class: "qds-list-action", indeterminate: this.indeterminate, size: this.size, tabIndex: -1, text: this.text, checkboxOnly: true })), __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'reorder' && (hAsync("qds-icon", { key: '9067a11441139fe1f72f9c3e0eff6303e3075b94', "aria-hidden": "true", class: "qds-icon qds-list-action", library: "core", name: __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedListAction_get) })), hAsync("div", { key: '509559713f04a4e512457c6e67f07726a9d8d71d', class: {
|
|
7551
7551
|
'qds-indented-content': true,
|
|
7552
|
-
'qds-divider': __classPrivateFieldGet$
|
|
7553
|
-
} }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'df33c08dae14a2f1c96739f42f5a31a7102ff2d5', "aria-hidden": "true", class: "qds-icon qds-main-icon", library: this.iconLibrary, name: this.iconName })), hAsync("label", { key: '89b9b7abd196959444aa9a90dbab084e8fd619cb', class: "qds-texts" }, hAsync("input", { key: '8653a0496fc8cedd98ae0b136573ddf9735dfa36', checked: this.selected, class: "qds-input", disabled: this.disabled, indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$
|
|
7552
|
+
'qds-divider': __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedDivider_get) === 'indent',
|
|
7553
|
+
} }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'df33c08dae14a2f1c96739f42f5a31a7102ff2d5', "aria-hidden": "true", class: "qds-icon qds-main-icon", library: this.iconLibrary, name: this.iconName })), hAsync("label", { key: '89b9b7abd196959444aa9a90dbab084e8fd619cb', class: "qds-texts" }, hAsync("input", { key: '8653a0496fc8cedd98ae0b136573ddf9735dfa36', checked: this.selected, class: "qds-input", disabled: this.disabled, indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$l(this, _ListItem_onBlur, "f"), onFocus: __classPrivateFieldGet$l(this, _ListItem_onFocus, "f"), tabIndex: this.disabled ? undefined : this.tabIndex, type: "checkbox" }), this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: '6551cfbecc9b5a7089a555f593ee00ea8bc5dd44', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: 'b3cf789a107852128c6e6d1b097c49f00b1c862c', class: "qds-title" }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '7765860d7e5d3615dc27d9e454956734ec53ac06', class: "qds-subtitle" }, this.subtitle))), __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (hAsync("qds-icon", { key: '3d9a3f7b24f9629d09e2bd8cf0839c0f44f1aa38', "aria-hidden": "true", class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet$l(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))))
|
|
7554
7554
|
/* eslint-enable jsx-a11y/label-has-associated-control */
|
|
7555
7555
|
);
|
|
7556
7556
|
}
|
|
@@ -7638,7 +7638,7 @@ var QdsLoaderStyle0 = loaderCss;
|
|
|
7638
7638
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7639
7639
|
//
|
|
7640
7640
|
// SPDX-License-Identifier: Apache-2.0
|
|
7641
|
-
var __classPrivateFieldGet$
|
|
7641
|
+
var __classPrivateFieldGet$k = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7642
7642
|
if (kind === "a" && !f)
|
|
7643
7643
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7644
7644
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -7670,7 +7670,7 @@ class Loader {
|
|
|
7670
7670
|
}
|
|
7671
7671
|
statusChanged() {
|
|
7672
7672
|
this.internals.ariaValueNow =
|
|
7673
|
-
__classPrivateFieldGet$
|
|
7673
|
+
__classPrivateFieldGet$k(this, _Loader_instances, "a", _Loader_computedStatus_get) === 'loading'
|
|
7674
7674
|
? // eslint-disable-next-line unicorn/no-null
|
|
7675
7675
|
null
|
|
7676
7676
|
: this.internals.ariaValueMax;
|
|
@@ -7679,11 +7679,11 @@ class Loader {
|
|
|
7679
7679
|
this.internals.role = 'progressbar';
|
|
7680
7680
|
this.internals.ariaValueMin = this.host.ariaValueMin ?? '0';
|
|
7681
7681
|
this.internals.ariaValueMax = this.host.ariaValueMax ?? '1';
|
|
7682
|
-
__classPrivateFieldGet$
|
|
7682
|
+
__classPrivateFieldGet$k(this, _Loader_instances, "m", _Loader_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
7683
7683
|
this.statusChanged();
|
|
7684
7684
|
}
|
|
7685
7685
|
render() {
|
|
7686
|
-
return __classPrivateFieldGet$
|
|
7686
|
+
return __classPrivateFieldGet$k(this, _Loader_instances, "a", _Loader_computedStatus_get) === 'loading' ? (hAsync("div", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet$k(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": __classPrivateFieldGet$k(this, _Loader_instances, "a", _Loader_computedStatus_get) })) : (hAsync("qds-icon", { "aria-hidden": "true", class: "qds-loader", "data-size": __classPrivateFieldGet$k(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": __classPrivateFieldGet$k(this, _Loader_instances, "a", _Loader_computedStatus_get), library: "core", name: `status-${this.status}` }));
|
|
7687
7687
|
}
|
|
7688
7688
|
static get formAssociated() { return true; }
|
|
7689
7689
|
get host() { return getElement(this); }
|
|
@@ -7729,6 +7729,146 @@ _Loader_instances = new WeakSet(), _Loader_computedSize_get = function _Loader_c
|
|
|
7729
7729
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
7730
7730
|
};
|
|
7731
7731
|
|
|
7732
|
+
const miniButtonCss = ":host{display:block}:host(:focus-visible){border-radius:var(--qds-focus-rounded-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-mini-button{align-items:center;border:none;border-radius:var(--qds-control-rounded-border-radius);color:var(--qds-theme-control-text-standard);display:flex;justify-content:center;min-height:var(--qds-control-mini-button-standard-size);padding:0;width:var(--qds-control-mini-button-standard-size)}.qds-mini-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-mini-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-mini-button:focus-visible{outline:none}.qds-mini-button:disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{align-content:center;font-size:var(--qds-control-standard-icon-size);line-height:normal}";
|
|
7733
|
+
var QdsMiniButtonStyle0 = miniButtonCss;
|
|
7734
|
+
|
|
7735
|
+
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
7736
|
+
//
|
|
7737
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
7738
|
+
var __classPrivateFieldGet$j = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7739
|
+
if (kind === "a" && !f)
|
|
7740
|
+
throw new TypeError("Private accessor was defined without a getter");
|
|
7741
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7742
|
+
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
7743
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
7744
|
+
};
|
|
7745
|
+
var __classPrivateFieldSet$g = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7746
|
+
if (kind === "m")
|
|
7747
|
+
throw new TypeError("Private method is not writable");
|
|
7748
|
+
if (kind === "a" && !f)
|
|
7749
|
+
throw new TypeError("Private accessor was defined without a setter");
|
|
7750
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7751
|
+
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
7752
|
+
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
7753
|
+
};
|
|
7754
|
+
var _MiniButton_instances, _MiniButton_savedTabIndex, _MiniButton_computedDisabled_get;
|
|
7755
|
+
const preventDefault = (event) => {
|
|
7756
|
+
event.preventDefault();
|
|
7757
|
+
};
|
|
7758
|
+
/**
|
|
7759
|
+
* @experimental
|
|
7760
|
+
*/
|
|
7761
|
+
class MiniButton {
|
|
7762
|
+
constructor(hostRef) {
|
|
7763
|
+
registerInstance(this, hostRef);
|
|
7764
|
+
this.blurEmitter = createEvent(this, "qdsBlur", 2);
|
|
7765
|
+
this.focusEmitter = createEvent(this, "qdsFocus", 2);
|
|
7766
|
+
if (hostRef.$hostElement$["s-ei"]) {
|
|
7767
|
+
this.internals = hostRef.$hostElement$["s-ei"];
|
|
7768
|
+
}
|
|
7769
|
+
else {
|
|
7770
|
+
this.internals = hostRef.$hostElement$.attachInternals();
|
|
7771
|
+
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
7772
|
+
}
|
|
7773
|
+
_MiniButton_instances.add(this);
|
|
7774
|
+
/**
|
|
7775
|
+
* The name of a registered icon library.
|
|
7776
|
+
*/
|
|
7777
|
+
this.library = 'default';
|
|
7778
|
+
/**
|
|
7779
|
+
* When href is define and the button act as a link (`<a>`), the `rel` will be added to the element.
|
|
7780
|
+
*
|
|
7781
|
+
* @webnative
|
|
7782
|
+
*/
|
|
7783
|
+
this.rel = 'noopener';
|
|
7784
|
+
_MiniButton_savedTabIndex.set(this, 0);
|
|
7785
|
+
}
|
|
7786
|
+
disabledChanged() {
|
|
7787
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$j(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get).toString();
|
|
7788
|
+
if (__classPrivateFieldGet$j(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
|
|
7789
|
+
this.host.removeAttribute('tabindex');
|
|
7790
|
+
else
|
|
7791
|
+
this.host.tabIndex = __classPrivateFieldGet$j(this, _MiniButton_savedTabIndex, "f");
|
|
7792
|
+
}
|
|
7793
|
+
hrefChanged() {
|
|
7794
|
+
this.internals.role = this.href === undefined ? 'button' : 'link';
|
|
7795
|
+
}
|
|
7796
|
+
tabindexChanged(newValue) {
|
|
7797
|
+
if (newValue !== null) {
|
|
7798
|
+
const parsedValue = Number.parseInt(newValue, 10);
|
|
7799
|
+
__classPrivateFieldSet$g(this, _MiniButton_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
|
|
7800
|
+
? 0
|
|
7801
|
+
: parsedValue, "f");
|
|
7802
|
+
}
|
|
7803
|
+
if (__classPrivateFieldGet$j(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
|
|
7804
|
+
this.host.removeAttribute('tabindex');
|
|
7805
|
+
else
|
|
7806
|
+
this.host.tabIndex = __classPrivateFieldGet$j(this, _MiniButton_savedTabIndex, "f");
|
|
7807
|
+
}
|
|
7808
|
+
textChanged() {
|
|
7809
|
+
this.internals.ariaLabel = this.text;
|
|
7810
|
+
}
|
|
7811
|
+
onClick(event) {
|
|
7812
|
+
if (__classPrivateFieldGet$j(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get)) {
|
|
7813
|
+
event.stopImmediatePropagation();
|
|
7814
|
+
}
|
|
7815
|
+
}
|
|
7816
|
+
onBlur(event) {
|
|
7817
|
+
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
7818
|
+
}
|
|
7819
|
+
onFocus(event) {
|
|
7820
|
+
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
7821
|
+
}
|
|
7822
|
+
onKeydown(event) {
|
|
7823
|
+
if (event.key === 'Enter')
|
|
7824
|
+
this.host.click();
|
|
7825
|
+
}
|
|
7826
|
+
onKeyup(event) {
|
|
7827
|
+
if (event.key === ' ')
|
|
7828
|
+
this.host.click();
|
|
7829
|
+
}
|
|
7830
|
+
componentWillLoad() {
|
|
7831
|
+
this.hrefChanged();
|
|
7832
|
+
this.textChanged();
|
|
7833
|
+
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
7834
|
+
this.disabledChanged();
|
|
7835
|
+
}
|
|
7836
|
+
render() {
|
|
7837
|
+
const Tag = this.href === undefined ? 'button' : 'a';
|
|
7838
|
+
return (hAsync(Tag, { key: 'a82d713053ab10096f20cc9305acdcff07c4d09a', type: Tag === 'a' ? undefined : 'button', class: "qds-mini-button", href: Tag === 'a' ? this.href : undefined, rel: Tag === 'a' ? this.rel : undefined, disabled: __classPrivateFieldGet$j(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get), "aria-hidden": "true", onKeyDown: preventDefault, onKeyUp: preventDefault, onKeyPress: preventDefault, tabIndex: -1 }, hAsync("qds-icon", { key: 'c695e0af10a6eb172c8735193c470b9bbbeea8e7', class: "qds-icon", library: this.library, name: this.name })));
|
|
7839
|
+
}
|
|
7840
|
+
static get formAssociated() { return true; }
|
|
7841
|
+
get host() { return getElement(this); }
|
|
7842
|
+
static get watchers() { return {
|
|
7843
|
+
"disabled": ["disabledChanged"],
|
|
7844
|
+
"href": ["hrefChanged"],
|
|
7845
|
+
"tabindex": ["tabindexChanged"],
|
|
7846
|
+
"text": ["textChanged"]
|
|
7847
|
+
}; }
|
|
7848
|
+
static get style() { return QdsMiniButtonStyle0; }
|
|
7849
|
+
static get cmpMeta() { return {
|
|
7850
|
+
"$flags$": 73,
|
|
7851
|
+
"$tagName$": "qds-mini-button",
|
|
7852
|
+
"$members$": {
|
|
7853
|
+
"disabled": [4],
|
|
7854
|
+
"name": [1],
|
|
7855
|
+
"library": [1],
|
|
7856
|
+
"target": [1],
|
|
7857
|
+
"href": [1],
|
|
7858
|
+
"rel": [1],
|
|
7859
|
+
"text": [1]
|
|
7860
|
+
},
|
|
7861
|
+
"$listeners$": [[0, "click", "onClick"], [0, "blur", "onBlur"], [0, "focus", "onFocus"], [0, "keydown", "onKeydown"], [0, "keyup", "onKeyup"]],
|
|
7862
|
+
"$lazyBundleId$": "-",
|
|
7863
|
+
"$attrsToReflect$": []
|
|
7864
|
+
}; }
|
|
7865
|
+
}
|
|
7866
|
+
_MiniButton_savedTabIndex = new WeakMap(), _MiniButton_instances = new WeakSet(), _MiniButton_computedDisabled_get = function _MiniButton_computedDisabled_get() {
|
|
7867
|
+
return (this.host.matches(':disabled') ||
|
|
7868
|
+
(this.host.hasAttribute('disabled') &&
|
|
7869
|
+
this.host.getAttribute('disabled') !== 'false'));
|
|
7870
|
+
};
|
|
7871
|
+
|
|
7732
7872
|
const navListItemCss = ":host([hidden]){display:none!important}:host{display:block}.qds-button,.qds-nav-list-item,.qds-texts{display:flex}.qds-button,.qds-texts{flex:1 0}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-button{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;text-align:initial}.qds-button:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-button:not(.qds-selected):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button:not(.qds-selected):active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-subtext{color:var(--qds-theme-subtitle)}.qds-texts{flex-direction:column}.qds-button[data-size=small]{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding-block:var(--qds-list-item-small-padding-vertical);padding-inline:var(--qds-list-item-small-padding-horizontal)}[data-size=small]>.qds-icon{font-size:var(--qds-list-item-small-icon-size)}[data-size=small]>.qds-texts{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-text{font:var(--qds-list-item-small-title)}[data-size=small] .qds-subtext{font:var(--qds-list-item-small-subtitle)}.qds-button[data-size=standard]{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding-block:var(--qds-list-item-standard-padding-vertical);padding-inline:var(--qds-list-item-standard-padding-horizontal)}[data-size=standard]>.qds-icon{font-size:var(--qds-list-item-standard-icon-size)}[data-size=standard]>.qds-texts{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-text{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-subtext{font:var(--qds-list-item-standard-subtitle)}.qds-button[data-size=large]{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding-block:var(--qds-list-item-large-padding-vertical);padding-inline:var(--qds-list-item-large-padding-horizontal)}[data-size=large]>.qds-icon{font-size:var(--qds-list-item-large-icon-size)}[data-size=large]>.qds-texts{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-text{font:var(--qds-list-item-large-title)}[data-size=large] .qds-subtext{font:var(--qds-list-item-large-subtitle)}.qds-selected.qds-nav-list-item{background-color:var(\n --qds-theme-navigation-subsection-standard-background\n )}.qds-selected.qds-nav-list-item:after{background-color:var(--qds-theme-signature-color-default);border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";cursor:pointer;margin-right:calc(var(--qds-signature-line-connection-width)*-1/2);width:var(--qds-signature-line-connection-width)}.qds-selected .qds-icon{color:var(--qds-theme-signature-color-default)}.qds-selected[data-size=small] .qds-text{font:var(--qds-list-item-small-title-emphasized)}.qds-selected[data-size=standard] .qds-text{font:var(--qds-list-item-standard-title-emphasized)}.qds-selected[data-size=large] .qds-text{font:var(--qds-list-item-large-title-emphasized)}";
|
|
7733
7873
|
var QdsNavListItemStyle0 = navListItemCss;
|
|
7734
7874
|
|
|
@@ -7809,14 +7949,14 @@ class NavListItem {
|
|
|
7809
7949
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
7810
7950
|
}
|
|
7811
7951
|
render() {
|
|
7812
|
-
return (hAsync(Host, { key: '
|
|
7952
|
+
return (hAsync(Host, { key: '88eaa31989bd2b28a7256c8820f857568736d6b8' }, hAsync("li", { key: '0250edce147e1885b89e4258063807cc6c54cfbb', class: {
|
|
7813
7953
|
'qds-nav-list-item': true,
|
|
7814
7954
|
'qds-disabled': this.disabled,
|
|
7815
7955
|
'qds-selected': this.selected,
|
|
7816
|
-
}, ref: __classPrivateFieldGet$i(this, _NavListItem_liRef, "f"), ...this.inheritedAttributes }, hAsync("button", { key: '
|
|
7956
|
+
}, ref: __classPrivateFieldGet$i(this, _NavListItem_liRef, "f"), ...this.inheritedAttributes }, hAsync("button", { key: '57e3719f754e9ef68ea8797094be6db169a966a7', class: {
|
|
7817
7957
|
'qds-button': true,
|
|
7818
7958
|
'qds-selected': this.selected,
|
|
7819
|
-
}, "data-size": __classPrivateFieldGet$i(this, _NavListItem_instances, "a", _NavListItem_computedSize_get), disabled: this.disabled, onBlur: __classPrivateFieldGet$i(this, _NavListItem_onBlur, "f"), onFocus: __classPrivateFieldGet$i(this, _NavListItem_onFocus, "f"), tabIndex: this.disabled ? undefined : this.tabIndex, type: "button" }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '
|
|
7959
|
+
}, "data-size": __classPrivateFieldGet$i(this, _NavListItem_instances, "a", _NavListItem_computedSize_get), disabled: this.disabled, onBlur: __classPrivateFieldGet$i(this, _NavListItem_onBlur, "f"), onFocus: __classPrivateFieldGet$i(this, _NavListItem_onFocus, "f"), tabIndex: this.disabled ? undefined : this.tabIndex, type: "button" }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'f5b3ad3e5a57dc0c892a00b85d306513c474f6c3', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$i(this, _NavListItem_instances, "a", _NavListItem_shouldCollapse_get) && this.text && this.renderText())), __classPrivateFieldGet$i(this, _NavListItem_instances, "a", _NavListItem_shouldCollapse_get) && this.text && (hAsync("qds-tooltip", { key: '94043aa8869d4a1c99f4805d141b07059630d0e9', placement: "right", ref: __classPrivateFieldGet$i(this, _NavListItem_tooltipRef, "f") }, this.renderText()))));
|
|
7820
7960
|
}
|
|
7821
7961
|
renderText() {
|
|
7822
7962
|
return (hAsync("div", { class: "qds-texts" }, hAsync("div", { class: "qds-text" }, this.text), this.subtext !== undefined && this.subtext !== '' && (hAsync("div", { class: "qds-subtext" }, this.subtext))));
|
|
@@ -7953,7 +8093,7 @@ class ProgressBar {
|
|
|
7953
8093
|
this.valueChanged();
|
|
7954
8094
|
}
|
|
7955
8095
|
render() {
|
|
7956
|
-
return (hAsync("div", { key: '
|
|
8096
|
+
return (hAsync("div", { key: '9db8d359460393ab8b7dadfa916f7ef168dd2ace', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$h(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, hAsync("div", { key: '69c5a453374524390a1da8649f09f769800c4c79', class: {
|
|
7957
8097
|
'qds-bar': true,
|
|
7958
8098
|
'qds-indeterminate': __classPrivateFieldGet$h(this, _ProgressBar_position, "f") === -1,
|
|
7959
8099
|
}, "data-size": __classPrivateFieldGet$h(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
|
|
@@ -8198,10 +8338,10 @@ class Radio {
|
|
|
8198
8338
|
render() {
|
|
8199
8339
|
return (
|
|
8200
8340
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
8201
|
-
hAsync("label", { key: '
|
|
8341
|
+
hAsync("label", { key: '23ace2714389b46c3add4b490c8ac6f55280225c', "aria-disabled": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
|
|
8202
8342
|
'qds-inline': this.inline,
|
|
8203
8343
|
'qds-label': true,
|
|
8204
|
-
}, "data-size": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '
|
|
8344
|
+
}, "data-size": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: 'bce520672b4a0c298fb9ca3997ff2fe461ae08cc', class: "qds-container" }, hAsync("input", { key: 'c8a220f45b5f525ebbbd7c305dc66feea19edb98', checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet$f(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet$f(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet$f(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet$f(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet$f(this, _Radio_inheritedAttributes, "f") }), hAsync("div", { key: '94a43d8c542c88bfacf34f58f2fae3afa6dda7d7', class: "qds-box", "data-size": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get) }), hAsync("qds-icon", { key: '2f0d140af1b891448c4f233068cd3c286c20fbf5', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get), library: "core", name: "checked" })), __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_hasText_get) && (hAsync("qds-label", { key: '77fd0b965803598675ea5d65c7e8eedfc935f51e', class: "qds-label-inner", size: __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get), text: this.text }))));
|
|
8205
8345
|
}
|
|
8206
8346
|
get host() { return getElement(this); }
|
|
8207
8347
|
static get watchers() { return {
|
|
@@ -8676,11 +8816,11 @@ class StandaloneLink {
|
|
|
8676
8816
|
__classPrivateFieldGet$d(this, _StandaloneLink_internals, "f").ariaLabel = this.host.textContent;
|
|
8677
8817
|
}
|
|
8678
8818
|
render() {
|
|
8679
|
-
return (hAsync("a", { key: '
|
|
8819
|
+
return (hAsync("a", { key: 'e48afece8fd8b8339cb1ee661c9a09bf61ab0146', "aria-hidden": "true", class: {
|
|
8680
8820
|
'qds-standalone-link': true,
|
|
8681
8821
|
'qds-disabled': this.disabled,
|
|
8682
8822
|
'qds-visitable': this.visitable,
|
|
8683
|
-
}, "data-importance": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$d(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$d(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: this.disabled ? -1 : this.tabIndex, target: this.target }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: '
|
|
8823
|
+
}, "data-importance": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$d(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$d(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: this.disabled ? -1 : this.tabIndex, target: this.target }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: '60a41c69b01145af29994ef595710cbc58d0711b', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'e1adb7424e1d57c8fd9fb80d5f0d44c795ebe4b6', class: "qds-icon", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: 'd8037b957dd4495838a7590610f459dad153f332', class: "qds-text" }, hAsync("slot", { key: '2d9d8a27db76aa20151723b539ad9d9fd9041139', onSlotchange: __classPrivateFieldGet$d(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: 'bb97fb9af9a7484b8e611c2a522a1bddc520c175', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '7861afe8bd04f71907ad7a2b2396447376e1e9af', class: "qds-icon", library: "core", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), name: this.linkIcon }))), this.importance === 'emphasized' && (hAsync("span", { key: '789e646d33cd42d528c1b8ba7edbbc01b0617ccd', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'c5f99f7795b86d631b410d03c9d12bab604ff898', class: "qds-icon", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
|
|
8684
8824
|
}
|
|
8685
8825
|
static get delegatesFocus() { return true; }
|
|
8686
8826
|
get host() { return getElement(this); }
|
|
@@ -8886,13 +9026,13 @@ class Switch {
|
|
|
8886
9026
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
8887
9027
|
}
|
|
8888
9028
|
render() {
|
|
8889
|
-
return (hAsync("div", { key: '
|
|
9029
|
+
return (hAsync("div", { key: '9acbb1b1c5375cd174d3aed2a7879e8b6b3c7472', class: {
|
|
8890
9030
|
'qds-container': true,
|
|
8891
9031
|
'qds-disabled': __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedDisabled_get),
|
|
8892
9032
|
'qds-inline': this.inline,
|
|
8893
|
-
}, "data-size": __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("input", { key: '
|
|
9033
|
+
}, "data-size": __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("input", { key: '4a2c48da782ec746c4744390ce0f2322f1ad6fb5', "aria-hidden": "true",
|
|
8894
9034
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
8895
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, onBlur: __classPrivateFieldGet$c(this, _Switch_onBlur, "f"), onFocus: __classPrivateFieldGet$c(this, _Switch_onFocus, "f"), tabIndex: __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", value: this.value ?? undefined, ...this.inheritedAttributes }), hAsync("div", { key: '
|
|
9035
|
+
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, onBlur: __classPrivateFieldGet$c(this, _Switch_onBlur, "f"), onFocus: __classPrivateFieldGet$c(this, _Switch_onFocus, "f"), tabIndex: __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", value: this.value ?? undefined, ...this.inheritedAttributes }), hAsync("div", { key: '896324e443fcb5a01a63774edb00792738c625fd', class: "qds-track", "data-size": __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("div", { key: '1cdea502d9172409e80ea6544081ee869134dce2', class: "qds-knob", "data-size": __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedSize_get) }))));
|
|
8896
9036
|
}
|
|
8897
9037
|
static get delegatesFocus() { return true; }
|
|
8898
9038
|
static get formAssociated() { return true; }
|
|
@@ -9675,7 +9815,7 @@ class Table {
|
|
|
9675
9815
|
__classPrivateFieldSet$9(this, _Table_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9676
9816
|
}
|
|
9677
9817
|
render() {
|
|
9678
|
-
return (hAsync("table", { key: '
|
|
9818
|
+
return (hAsync("table", { key: 'f34e3fb2d7ddef56617d6d86c2a019fb79514e1f', class: "qds-table", ...__classPrivateFieldGet$9(this, _Table_inheritedAttributes, "f") }, hAsync("slot", { key: '9e32f5abe9e820b6b8ab444d336d8c49506aa679' })));
|
|
9679
9819
|
}
|
|
9680
9820
|
get host() { return getElement(this); }
|
|
9681
9821
|
static get style() { return QdsTableStyle0; }
|
|
@@ -9729,7 +9869,7 @@ class TableBody {
|
|
|
9729
9869
|
__classPrivateFieldSet$8(this, _TableBody_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9730
9870
|
}
|
|
9731
9871
|
render() {
|
|
9732
|
-
return (hAsync("tbody", { key: '
|
|
9872
|
+
return (hAsync("tbody", { key: '23e490cff0689c33d92d0fbe231f098296c05ec2', class: "qds-table-body", ...__classPrivateFieldGet$8(this, _TableBody_inheritedAttributes, "f") }, hAsync("slot", { key: '6dfad826fe9a74aa3a71e2bd683c200ef17ae46a' })));
|
|
9733
9873
|
}
|
|
9734
9874
|
get host() { return getElement(this); }
|
|
9735
9875
|
static get style() { return QdsTableBodyStyle0; }
|
|
@@ -9782,7 +9922,7 @@ class TableCell {
|
|
|
9782
9922
|
__classPrivateFieldSet$7(this, _TableCell_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9783
9923
|
}
|
|
9784
9924
|
render() {
|
|
9785
|
-
return (hAsync("td", { key: '
|
|
9925
|
+
return (hAsync("td", { key: 'b73dd8ef0fb1443f192d647d12003d47fb2480d3', class: "qds-table-cell", colSpan: this.colSpan, rowSpan: this.rowSpan, ...__classPrivateFieldGet$7(this, _TableCell_inheritedAttributes, "f") }, hAsync("slot", { key: '09d1b12174e6484dbd582d7face12d72b6353d64' })));
|
|
9786
9926
|
}
|
|
9787
9927
|
get host() { return getElement(this); }
|
|
9788
9928
|
static get style() { return QdsTableCellStyle0; }
|
|
@@ -9839,7 +9979,7 @@ class TableHead {
|
|
|
9839
9979
|
__classPrivateFieldSet$6(this, _TableHead_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9840
9980
|
}
|
|
9841
9981
|
render() {
|
|
9842
|
-
return (hAsync("thead", { key: '
|
|
9982
|
+
return (hAsync("thead", { key: '97bffcfb6e148c38bd9bf10ea8afd0d42e3ea849', class: "qds-table-head", ...__classPrivateFieldGet$6(this, _TableHead_inheritedAttributes, "f") }, hAsync("slot", { key: 'b345dd91feddae411bcc89e31adf7125594fe25d' })));
|
|
9843
9983
|
}
|
|
9844
9984
|
get host() { return getElement(this); }
|
|
9845
9985
|
static get style() { return QdsTableHeadStyle0; }
|
|
@@ -9952,7 +10092,7 @@ class TableRow {
|
|
|
9952
10092
|
__classPrivateFieldSet$4(this, _TableRow_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9953
10093
|
}
|
|
9954
10094
|
render() {
|
|
9955
|
-
return (hAsync("tr", { key: '
|
|
10095
|
+
return (hAsync("tr", { key: '036cf106976339fe0f253a729a8aa47616b8348e', class: "qds-table-row", ...__classPrivateFieldGet$4(this, _TableRow_inheritedAttributes, "f") }, hAsync("slot", { key: '545b496a6616c05cc3dd52038d977e4b16b69bfc' })));
|
|
9956
10096
|
}
|
|
9957
10097
|
get host() { return getElement(this); }
|
|
9958
10098
|
static get style() { return QdsTableRowStyle0; }
|
|
@@ -10417,7 +10557,7 @@ _TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(
|
|
|
10417
10557
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
10418
10558
|
};
|
|
10419
10559
|
|
|
10420
|
-
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"
|
|
10560
|
+
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"a\"}.qds-titles.qds-has-kicker{grid-template-areas:\"b\" \"a\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"a\" \"c\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"b\" \"a\" \"c\"}.qds-has-icon{grid-template-areas:\"d a\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". b\" \"d a\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"d a\" \". c\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". b\" \"d a\" \". c\"}.qds-kicker,.qds-subtitle,.qds-title{margin-block:0}.qds-title{color:var(--qds-theme-title);grid-area:a}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:c}.qds-kicker{color:var(--qds-theme-kicker);grid-area:b}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:d}.qds-main.qds-section.qds-titles{gap:var(--qds-main-section-titles-gap)}.qds-main.qds-section.qds-has-icon{gap:var(--qds-main-section-titles-gap) var(--qds-main-section-titles-icon-gap)}.qds-main.qds-section .qds-title{font:var(--qds-main-section-title)}.qds-main.qds-section .qds-subtitle{font:var(--qds-main-section-subtitle)}.qds-main.qds-section .qds-kicker{font:var(--qds-main-section-kicker)}.qds-main.qds-section .qds-icon{height:var(--qds-main-section-titles-icon-crop-height);width:var(--qds-main-section-titles-icon-size)}.qds-main.qds-subsection.qds-titles{gap:var(--qds-main-subsection-titles-gap)}.qds-main.qds-subsection.qds-has-icon{gap:var(--qds-main-subsection-titles-gap) var(--qds-main-subsection-titles-icon-gap)}.qds-main.qds-subsection .qds-title{font:var(--qds-main-subsection-title)}.qds-main.qds-subsection .qds-subtitle{font:var(--qds-main-subsection-subtitle)}.qds-main.qds-subsection .qds-kicker{font:var(--qds-main-subsection-kicker)}.qds-main.qds-subsection .qds-icon{height:var(--qds-main-subsection-titles-icon-crop-height);width:var(--qds-main-subsection-titles-icon-size)}.qds-panel.qds-root.qds-titles{gap:var(--qds-panel-titles-gap)}.qds-panel.qds-root.qds-has-icon{gap:var(--qds-panel-titles-gap) var(--qds-panel-titles-icon-gap)}.qds-panel.qds-root .qds-title{font:var(--qds-panel-title)}.qds-panel.qds-root .qds-subtitle{font:var(--qds-panel-subtitle)}.qds-panel.qds-root .qds-kicker{font:var(--qds-panel-kicker)}.qds-panel.qds-root .qds-icon{height:var(--qds-panel-titles-icon-crop-height);width:var(--qds-panel-titles-icon-size)}.qds-panel.qds-section.qds-titles{gap:var(--qds-panel-section-titles-gap)}.qds-panel.qds-section.qds-has-icon{gap:var(--qds-panel-section-titles-gap) var(--qds-panel-section-titles-icon-gap)}.qds-panel.qds-section .qds-title{font:var(--qds-panel-section-title)}.qds-panel.qds-section .qds-subtitle{font:var(--qds-panel-section-subtitle)}.qds-panel.qds-section .qds-kicker{font:var(--qds-panel-section-kicker)}.qds-panel.qds-section .qds-icon{height:var(--qds-panel-section-titles-icon-crop-height);width:var(--qds-panel-section-titles-icon-size)}.qds-panel.qds-subsection.qds-titles{gap:var(--qds-panel-subsection-titles-gap)}.qds-panel.qds-subsection.qds-has-icon{gap:var(--qds-panel-subsection-titles-gap) var(--qds-panel-subsection-titles-icon-gap)}.qds-panel.qds-subsection .qds-title{font:var(--qds-panel-subsection-title)}.qds-panel.qds-subsection .qds-subtitle{font:var(--qds-panel-subsection-subtitle)}.qds-panel.qds-subsection .qds-kicker{font:var(--qds-panel-subsection-kicker)}.qds-panel.qds-subsection .qds-icon{height:var(--qds-panel-subsection-titles-icon-crop-height);width:var(--qds-panel-subsection-titles-icon-size)}.qds-navigation.qds-section.qds-titles{gap:var(--qds-navigation-section-titles-gap)}.qds-navigation.qds-section.qds-has-icon{gap:var(--qds-navigation-section-titles-gap) var(--qds-navigation-section-titles-icon-gap)}.qds-navigation.qds-section .qds-title{font:var(--qds-navigation-section-title)}.qds-navigation.qds-section .qds-subtitle{font:var(--qds-navigation-section-subtitle)}.qds-navigation.qds-section .qds-kicker{font:var(--qds-navigation-section-kicker)}.qds-navigation.qds-section .qds-icon{height:var(--qds-navigation-section-titles-icon-crop-height);width:var(--qds-navigation-section-titles-icon-size)}.qds-navigation.qds-subsection.qds-titles{gap:var(--qds-navigation-subsection-titles-gap)}.qds-navigation.qds-subsection.qds-has-icon{gap:var(--qds-navigation-subsection-titles-gap) var(--qds-navigation-subsection-titles-icon-gap)}.qds-navigation.qds-subsection .qds-title{font:var(--qds-navigation-subsection-title)}.qds-navigation.qds-subsection .qds-subtitle{font:var(--qds-navigation-subsection-subtitle)}.qds-navigation.qds-subsection .qds-kicker{font:var(--qds-navigation-subsection-kicker)}.qds-navigation.qds-subsection .qds-icon{height:var(--qds-navigation-subsection-titles-icon-crop-height);width:var(--qds-navigation-subsection-titles-icon-size)}.qds-popup.qds-root.qds-titles{gap:var(--qds-popup-titles-gap)}.qds-popup.qds-root.qds-has-icon{gap:var(--qds-popup-titles-gap) var(--qds-popup-titles-icon-gap)}.qds-popup.qds-root .qds-title{font:var(--qds-popup-title)}.qds-popup.qds-root .qds-subtitle{font:var(--qds-popup-subtitle)}.qds-popup.qds-root .qds-kicker{font:var(--qds-popup-kicker)}.qds-popup.qds-root .qds-icon{height:var(--qds-popup-titles-icon-crop-height);width:var(--qds-popup-titles-icon-size)}.qds-popup.qds-section.qds-titles{gap:var(--qds-popup-section-titles-gap)}.qds-popup.qds-section.qds-has-icon{gap:var(--qds-popup-section-titles-gap) var(--qds-popup-section-titles-icon-gap)}.qds-popup.qds-section .qds-title{font:var(--qds-popup-section-title)}.qds-popup.qds-section .qds-subtitle{font:var(--qds-popup-section-subtitle)}.qds-popup.qds-section .qds-kicker{font:var(--qds-popup-section-kicker)}.qds-popup.qds-section .qds-icon{height:var(--qds-popup-section-titles-icon-crop-height);width:var(--qds-popup-section-titles-icon-size)}.qds-popup.qds-subsection.qds-titles{gap:var(--qds-popup-subsection-titles-gap)}.qds-popup.qds-subsection.qds-has-icon{gap:var(--qds-popup-subsection-titles-gap) var(--qds-popup-subsection-titles-icon-gap)}.qds-popup.qds-subsection .qds-title{font:var(--qds-popup-subsection-title)}.qds-popup.qds-subsection .qds-subtitle{font:var(--qds-popup-subsection-subtitle)}.qds-popup.qds-subsection .qds-kicker{font:var(--qds-popup-subsection-kicker)}.qds-popup.qds-subsection .qds-icon{height:var(--qds-popup-subsection-titles-icon-crop-height);width:var(--qds-popup-subsection-titles-icon-size)}.qds-accessory.qds-root.qds-titles{gap:var(--qds-accessory-titles-gap)}.qds-accessory.qds-root.qds-has-icon{gap:var(--qds-accessory-titles-gap) var(--qds-accessory-titles-icon-gap)}.qds-accessory.qds-root .qds-title{font:var(--qds-accessory-title)}.qds-accessory.qds-root .qds-subtitle{font:var(--qds-accessory-subtitle)}.qds-accessory.qds-root .qds-kicker{font:var(--qds-accessory-kicker)}.qds-accessory.qds-root .qds-icon{height:var(--qds-accessory-titles-icon-crop-height);width:var(--qds-accessory-titles-icon-size)}.qds-accessory.qds-section.qds-titles{gap:var(--qds-accessory-section-titles-gap)}.qds-accessory.qds-section.qds-has-icon{gap:var(--qds-accessory-section-titles-gap) var(--qds-accessory-section-titles-icon-gap)}.qds-accessory.qds-section .qds-title{font:var(--qds-accessory-section-title)}.qds-accessory.qds-section .qds-subtitle{font:var(--qds-accessory-section-subtitle)}.qds-accessory.qds-section .qds-kicker{font:var(--qds-accessory-section-kicker)}.qds-accessory.qds-section .qds-icon{height:var(--qds-accessory-section-titles-icon-crop-height);width:var(--qds-accessory-section-titles-icon-size)}.qds-titles[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap);margin:auto}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-promo-title)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-subtitle{font:var(--qds-main-section-promo-subtitle)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-kicker{font:var(--qds-main-section-promo-kicker)}.qds-has-icon[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap) var(--qds-main-section-promo-titles-icon-gap)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-icon{height:var(--qds-main-section-promo-titles-icon-crop-height);width:var(--qds-main-section-promo-titles-icon-size)}[data-alignment=start]{text-align:start}[data-alignment=center]{text-align:center}[data-alignment=end]{text-align:end}.qds-titles[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-display-titles-gap)}[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-display-title)}.qds-titles[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-subsection-card-titles-gap)}[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-subsection-card-title)}.qds-titles[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-hero-titles-gap)}[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-hero-title)}";
|
|
10421
10561
|
var QdsTitleStyle0 = titleCss;
|
|
10422
10562
|
|
|
10423
10563
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -10884,6 +11024,7 @@ registerComponents([
|
|
|
10884
11024
|
Label,
|
|
10885
11025
|
ListItem,
|
|
10886
11026
|
Loader,
|
|
11027
|
+
MiniButton,
|
|
10887
11028
|
NavListItem,
|
|
10888
11029
|
ProgressBar,
|
|
10889
11030
|
QdsBreadcrumbItem,
|