@quartzds/core 1.0.0-beta.120 → 1.0.0-beta.122
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 +68 -0
- package/components/index.js +1 -1
- package/components/{p-CXP6q9Mr.js → p-BalM52S_.js} +12 -7
- package/components/p-BalM52S_.js.map +1 -0
- package/components/{p-CFVg7I9T.js → p-C0VgKX4J.js} +9 -9
- package/components/p-C0VgKX4J.js.map +1 -0
- package/components/{p-BkgfW_tl.js → p-C9R8N06B.js} +6 -32
- package/components/p-C9R8N06B.js.map +1 -0
- package/components/{p-DnZdwX0l.js → p-CKp062X8.js} +6 -6
- package/components/p-CKp062X8.js.map +1 -0
- package/components/{p-DwxIJEUj.js → p-CVuTVnQo.js} +3 -3
- package/components/{p-DwxIJEUj.js.map → p-CVuTVnQo.js.map} +1 -1
- package/components/{p-DeRqCYmp.js → p-Ck9w5WIb.js} +6 -6
- package/components/p-Ck9w5WIb.js.map +1 -0
- package/components/p-DCAlWquR.js +200 -0
- package/components/p-DCAlWquR.js.map +1 -0
- package/components/{p-BkBJDD6Y.js → p-DRcxeXWE.js} +58 -22
- package/components/p-DRcxeXWE.js.map +1 -0
- package/components/{p-Dsc0-aXK.js → p-DgYrfIr_.js} +4 -4
- package/components/{p-Dsc0-aXK.js.map → p-DgYrfIr_.js.map} +1 -1
- package/components/{p-CDRwHAIT.js → p-XP2CY_fo.js} +3 -3
- package/components/p-XP2CY_fo.js.map +1 -0
- package/components/{p-5RFBIepu.js → p-io1iVgY1.js} +47 -28
- package/components/p-io1iVgY1.js.map +1 -0
- package/components/{p-B03FWheS.js → p-oqmnh-8P.js} +4 -4
- package/components/{p-B03FWheS.js.map → p-oqmnh-8P.js.map} +1 -1
- package/components/{p-eFhV8w2l.js → p-yb0Kv4Y6.js} +24 -6
- package/components/p-yb0Kv4Y6.js.map +1 -0
- package/components/qds-action-item.js +5 -5
- package/components/qds-action-item.js.map +1 -1
- package/components/qds-avatar-media.js +1 -1
- package/components/qds-badge-counter.js +1 -1
- package/components/qds-breadcrumb-item.js +6 -6
- package/components/qds-breadcrumb-item.js.map +1 -1
- package/components/qds-button.js +5 -5
- package/components/qds-button.js.map +1 -1
- package/components/qds-checkbox.js +1 -1
- package/components/qds-chip.js +10 -10
- package/components/qds-chip.js.map +1 -1
- package/components/qds-dialog.js +7 -7
- package/components/qds-dialog.js.map +1 -1
- package/components/qds-divider.js +1 -1
- package/components/qds-dropdown.js +1 -1
- package/components/qds-form-message.js +4 -4
- package/components/qds-form-message.js.map +1 -1
- package/components/qds-icon-button.js +1 -1
- package/components/qds-icon-tab.js +9 -9
- package/components/qds-icon-tab.js.map +1 -1
- package/components/qds-icon.js +1 -1
- package/components/qds-inline-link.js +3 -3
- package/components/qds-inline-link.js.map +1 -1
- package/components/qds-input.js +49 -18
- package/components/qds-input.js.map +1 -1
- package/components/qds-label.js +153 -1
- package/components/qds-label.js.map +1 -1
- package/components/qds-list-item.js +25 -29
- package/components/qds-list-item.js.map +1 -1
- package/components/qds-loader.js +3 -3
- package/components/qds-loader.js.map +1 -1
- package/components/qds-menu-item.js +6 -6
- package/components/qds-mini-button.js +1 -1
- package/components/qds-progress-bar.js +1 -1
- package/components/qds-radio.js +1 -1
- package/components/qds-select.js +27 -9
- package/components/qds-select.js.map +1 -1
- package/components/qds-standalone-link.js +5 -5
- package/components/qds-standalone-link.js.map +1 -1
- package/components/qds-switch.js +5 -5
- package/components/qds-tab.js +20 -15
- package/components/qds-tab.js.map +1 -1
- package/components/qds-tabbar.js +95 -34
- package/components/qds-tabbar.js.map +1 -1
- package/components/qds-table-cell.js +32 -4
- package/components/qds-table-cell.js.map +1 -1
- package/components/qds-table-head-cell.js +32 -4
- package/components/qds-table-head-cell.js.map +1 -1
- package/components/qds-table-row.js +2 -2
- package/components/qds-table-row.js.map +1 -1
- package/components/qds-table.js +1 -1
- package/components/qds-tag.js +1 -1
- package/components/qds-textarea.js +4 -4
- package/components/qds-textarea.js.map +1 -1
- package/components/qds-title.js +1 -1
- package/components/qds-tooltip.js +1 -1
- package/dist/cjs/{helpers-BIL8yXqA.js → helpers-Qs3cpKiI.js} +11 -6
- package/dist/cjs/{helpers-BIL8yXqA.js.map → helpers-Qs3cpKiI.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/qds-action-item.cjs.entry.js +3 -3
- package/dist/cjs/qds-action-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-avatar-media.qds-checkbox.qds-radio.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-avatar-media_3.cjs.entry.js +145 -42
- package/dist/cjs/qds-badge-counter.qds-badge-indicator.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-badge-counter_2.cjs.entry.js +1 -1
- package/dist/cjs/qds-breadcrumb-item.cjs.entry.js +4 -4
- package/dist/cjs/qds-breadcrumb-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-button.cjs.entry.js +2 -2
- package/dist/cjs/qds-button.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-chip.cjs.entry.js +7 -7
- package/dist/cjs/qds-chip.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-dialog.cjs.entry.js +3 -3
- package/dist/cjs/qds-dialog.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-divider.qds-icon-button.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-divider_2.cjs.entry.js +5 -5
- package/dist/cjs/qds-dropdown.cjs.entry.js +22 -4
- package/dist/cjs/qds-dropdown.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-form-message.cjs.entry.js +3 -3
- package/dist/cjs/qds-form-message.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-icon-tab.cjs.entry.js +5 -5
- package/dist/cjs/qds-icon-tab.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-icon.cjs.entry.js +10 -30
- package/dist/cjs/qds-icon.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-inline-link.cjs.entry.js +2 -2
- package/dist/cjs/qds-inline-link.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-input.cjs.entry.js +46 -16
- package/dist/cjs/qds-input.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-label.cjs.entry.js +3 -3
- package/dist/cjs/qds-list-item.cjs.entry.js +7 -5
- package/dist/cjs/qds-list-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-loader.cjs.entry.js +2 -2
- package/dist/cjs/qds-loader.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-menu-item.cjs.entry.js +3 -3
- package/dist/cjs/qds-mini-button.cjs.entry.js +1 -1
- package/dist/cjs/qds-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/qds-select.cjs.entry.js +23 -7
- package/dist/cjs/qds-select.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-standalone-link.cjs.entry.js +4 -4
- package/dist/cjs/qds-standalone-link.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-switch.cjs.entry.js +4 -4
- package/dist/cjs/qds-tab.cjs.entry.js +16 -11
- package/dist/cjs/qds-tab.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-tabbar.cjs.entry.js +84 -28
- package/dist/cjs/qds-tabbar.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-table-cell.cjs.entry.js +30 -3
- package/dist/cjs/qds-table-cell.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-table-head-cell.cjs.entry.js +30 -3
- package/dist/cjs/qds-table-head-cell.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-table-row.cjs.entry.js +2 -2
- package/dist/cjs/qds-table-row.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-table.cjs.entry.js +1 -1
- package/dist/cjs/qds-tag.cjs.entry.js +3 -3
- package/dist/cjs/qds-tag.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-textarea.cjs.entry.js +4 -4
- package/dist/cjs/qds-textarea.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-title.cjs.entry.js +3 -3
- package/dist/cjs/qds-title.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/qds.cjs.js +1 -1
- package/dist/custom-elements.json +460 -33
- package/dist/docs.json +403 -64
- package/dist/esm/{helpers-BgaJNF9u.js → helpers-Fe2AA6uo.js} +12 -7
- package/dist/esm/{helpers-BgaJNF9u.js.map → helpers-Fe2AA6uo.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/qds-action-item.entry.js +3 -3
- package/dist/esm/qds-action-item.entry.js.map +1 -1
- package/dist/esm/qds-avatar-media.qds-checkbox.qds-radio.entry.js.map +1 -1
- package/dist/esm/qds-avatar-media_3.entry.js +146 -43
- package/dist/esm/qds-badge-counter.qds-badge-indicator.entry.js.map +1 -1
- package/dist/esm/qds-badge-counter_2.entry.js +1 -1
- package/dist/esm/qds-breadcrumb-item.entry.js +4 -4
- package/dist/esm/qds-breadcrumb-item.entry.js.map +1 -1
- package/dist/esm/qds-button.entry.js +2 -2
- package/dist/esm/qds-button.entry.js.map +1 -1
- package/dist/esm/qds-chip.entry.js +7 -7
- package/dist/esm/qds-chip.entry.js.map +1 -1
- package/dist/esm/qds-dialog.entry.js +3 -3
- package/dist/esm/qds-dialog.entry.js.map +1 -1
- package/dist/esm/qds-divider.qds-icon-button.entry.js.map +1 -1
- package/dist/esm/qds-divider_2.entry.js +5 -5
- package/dist/esm/qds-dropdown.entry.js +22 -4
- package/dist/esm/qds-dropdown.entry.js.map +1 -1
- package/dist/esm/qds-form-message.entry.js +3 -3
- package/dist/esm/qds-form-message.entry.js.map +1 -1
- package/dist/esm/qds-icon-tab.entry.js +5 -5
- package/dist/esm/qds-icon-tab.entry.js.map +1 -1
- package/dist/esm/qds-icon.entry.js +11 -31
- package/dist/esm/qds-icon.entry.js.map +1 -1
- package/dist/esm/qds-inline-link.entry.js +2 -2
- package/dist/esm/qds-inline-link.entry.js.map +1 -1
- package/dist/esm/qds-input.entry.js +46 -16
- package/dist/esm/qds-input.entry.js.map +1 -1
- package/dist/esm/qds-label.entry.js +3 -3
- package/dist/esm/qds-list-item.entry.js +7 -5
- package/dist/esm/qds-list-item.entry.js.map +1 -1
- package/dist/esm/qds-loader.entry.js +2 -2
- package/dist/esm/qds-loader.entry.js.map +1 -1
- package/dist/esm/qds-menu-item.entry.js +3 -3
- package/dist/esm/qds-mini-button.entry.js +1 -1
- package/dist/esm/qds-progress-bar.entry.js +1 -1
- package/dist/esm/qds-select.entry.js +23 -7
- package/dist/esm/qds-select.entry.js.map +1 -1
- package/dist/esm/qds-standalone-link.entry.js +4 -4
- package/dist/esm/qds-standalone-link.entry.js.map +1 -1
- package/dist/esm/qds-switch.entry.js +4 -4
- package/dist/esm/qds-tab.entry.js +16 -11
- package/dist/esm/qds-tab.entry.js.map +1 -1
- package/dist/esm/qds-tabbar.entry.js +84 -28
- package/dist/esm/qds-tabbar.entry.js.map +1 -1
- package/dist/esm/qds-table-cell.entry.js +30 -3
- package/dist/esm/qds-table-cell.entry.js.map +1 -1
- package/dist/esm/qds-table-head-cell.entry.js +30 -3
- package/dist/esm/qds-table-head-cell.entry.js.map +1 -1
- package/dist/esm/qds-table-row.entry.js +2 -2
- package/dist/esm/qds-table-row.entry.js.map +1 -1
- package/dist/esm/qds-table.entry.js +1 -1
- package/dist/esm/qds-tag.entry.js +3 -3
- package/dist/esm/qds-tag.entry.js.map +1 -1
- package/dist/esm/qds-textarea.entry.js +4 -4
- package/dist/esm/qds-textarea.entry.js.map +1 -1
- package/dist/esm/qds-title.entry.js +3 -3
- package/dist/esm/qds-title.entry.js.map +1 -1
- package/dist/esm/qds-tooltip.entry.js +2 -2
- package/dist/esm/qds.js +1 -1
- package/dist/types/components/avatar-media/avatar-media.d.ts +14 -5
- package/dist/types/components/checkbox/checkbox.d.ts +4 -0
- package/dist/types/components/icon/icon.d.ts +1 -2
- package/dist/types/components/input/input.d.ts +10 -0
- package/dist/types/components/radio/radio.d.ts +4 -0
- package/dist/types/components/select/select.d.ts +7 -1
- package/dist/types/components/tab/tab.d.ts +1 -1
- package/dist/types/components/tabbar/tabbar.d.ts +27 -1
- package/dist/types/components/table-cell/table-cell.d.ts +6 -0
- package/dist/types/components/table-head-cell/table-head-cell.d.ts +6 -0
- package/dist/types/components.d.ts +94 -19
- package/dist/vscode.html-custom-data.json +99 -5
- package/hydrate/index.js +1021 -742
- package/hydrate/index.mjs +1021 -742
- package/package.json +1 -1
- package/styles/core.css +24 -22
- package/components/p-5RFBIepu.js.map +0 -1
- package/components/p-BkBJDD6Y.js.map +0 -1
- package/components/p-BkgfW_tl.js.map +0 -1
- package/components/p-Bnc7Puxx.js +0 -164
- package/components/p-Bnc7Puxx.js.map +0 -1
- package/components/p-CDRwHAIT.js.map +0 -1
- package/components/p-CFVg7I9T.js.map +0 -1
- package/components/p-CRVPDKfO.js +0 -163
- package/components/p-CRVPDKfO.js.map +0 -1
- package/components/p-CXP6q9Mr.js.map +0 -1
- package/components/p-DeRqCYmp.js.map +0 -1
- package/components/p-DnZdwX0l.js.map +0 -1
- package/components/p-eFhV8w2l.js.map +0 -1
package/hydrate/index.js
CHANGED
|
@@ -3635,25 +3635,30 @@ const closestElement = (selector, base) => {
|
|
|
3635
3635
|
return closestFrom(base);
|
|
3636
3636
|
};
|
|
3637
3637
|
const isCurrentPage = (url) => {
|
|
3638
|
-
|
|
3639
|
-
|
|
3640
|
-
|
|
3641
|
-
currentUrl.
|
|
3638
|
+
try {
|
|
3639
|
+
const currentUrl = new URL(window.location.href);
|
|
3640
|
+
const targetUrl = new URL(url);
|
|
3641
|
+
return (currentUrl.origin === targetUrl.origin &&
|
|
3642
|
+
currentUrl.pathname === targetUrl.pathname);
|
|
3643
|
+
}
|
|
3644
|
+
catch {
|
|
3645
|
+
return false;
|
|
3646
|
+
}
|
|
3642
3647
|
};
|
|
3643
3648
|
|
|
3644
|
-
const actionItemCss = ":host([hidden]){display:none!important}:host{display:block}:host(:focus-visible){border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0}.qds-text{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-action-item{align-items:center;border:none;border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:flex}.qds-action-item:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-action-item:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-action-item[data-size=small]{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding-inline:var(--qds-list-item-small-padding-horizontal)}[data-size=small] .qds-icon{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-text{font:var(--qds-list-item-small-title)}.qds-action-item[data-size=standard]{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding-inline:var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .qds-icon{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-text{font:var(--qds-list-item-standard-title)}.qds-action-item[data-size=large]{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding-inline:var(--qds-list-item-large-padding-horizontal)}[data-size=large] .qds-icon{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-text{font:var(--qds-list-item-large-title)}[data-importance=standard] .qds-text{color:var(--qds-theme-text-standard)}[data-importance=standard] .qds-icon{color:var(--qds-theme-control-text-standard)}.qds-action-item[data-importance=emphasized] .qds-icon,.qds-action-item[data-importance=emphasized] .qds-text{color:var(--qds-theme-signature-color-default)}.qds-action-item[data-importance=emphasized]:hover .qds-icon,.qds-action-item[data-importance=emphasized]:hover .qds-text{color:var(--qds-theme-signature-color-hover)}.qds-action-item[data-importance=emphasized]:active .qds-icon,.qds-action-item[data-importance=emphasized]:active .qds-text{color:var(--qds-theme-signature-color-pressed)}.qds-action-item[data-importance=subdued] .qds-icon,.qds-action-item[data-importance=subdued] .qds-text{color:var(--qds-theme-link-standard-default)}.qds-action-item[data-importance=subdued]:hover .qds-icon,.qds-action-item[data-importance=subdued]:hover .qds-text{color:var(--qds-theme-link-standard-hover)}.qds-action-item[data-importance=subdued]:active .qds-icon,.qds-action-item[data-importance=subdued]:active .qds-text{color:var(--qds-theme-link-standard-pressed)}.qds-action-item[data-importance=destructive] .qds-icon,.qds-action-item[data-importance=destructive] .qds-text{color:var(--qds-theme-feedback-action-destructive-default)}.qds-action-item[data-importance=destructive]:hover .qds-icon,.qds-action-item[data-importance=destructive]:hover .qds-text{color:var(--qds-theme-feedback-action-destructive-hover)}.qds-action-item[data-importance=destructive]:active .qds-icon,.qds-action-item[data-importance=destructive]:active .qds-text{color:var(--qds-theme-feedback-action-destructive-pressed)}";
|
|
3649
|
+
const actionItemCss = ":host([hidden]){display:none!important}:host{display:block}:host(:focus-visible){border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0}.qds-text{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-action-item{align-items:center;border:none;border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:flex}.qds-action-item:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-action-item:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-action-item[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{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-text{font:var(--qds-list-item-small-title)}.qds-action-item[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{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-text{font:var(--qds-list-item-standard-title)}.qds-action-item[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{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-text{font:var(--qds-list-item-large-title)}[data-importance=standard] .qds-text{color:var(--qds-theme-text-standard)}[data-importance=standard] .qds-icon{color:var(--qds-theme-control-text-standard)}.qds-action-item[data-importance=emphasized] .qds-icon,.qds-action-item[data-importance=emphasized] .qds-text{color:var(--qds-theme-signature-color-default)}.qds-action-item[data-importance=emphasized]:hover .qds-icon,.qds-action-item[data-importance=emphasized]:hover .qds-text{color:var(--qds-theme-signature-color-hover)}.qds-action-item[data-importance=emphasized]:active .qds-icon,.qds-action-item[data-importance=emphasized]:active .qds-text{color:var(--qds-theme-signature-color-pressed)}.qds-action-item[data-importance=subdued] .qds-icon,.qds-action-item[data-importance=subdued] .qds-text{color:var(--qds-theme-link-standard-default)}.qds-action-item[data-importance=subdued]:hover .qds-icon,.qds-action-item[data-importance=subdued]:hover .qds-text{color:var(--qds-theme-link-standard-hover)}.qds-action-item[data-importance=subdued]:active .qds-icon,.qds-action-item[data-importance=subdued]:active .qds-text{color:var(--qds-theme-link-standard-pressed)}.qds-action-item[data-importance=destructive] .qds-icon,.qds-action-item[data-importance=destructive] .qds-text{color:var(--qds-theme-feedback-action-destructive-default)}.qds-action-item[data-importance=destructive]:hover .qds-icon,.qds-action-item[data-importance=destructive]:hover .qds-text{color:var(--qds-theme-feedback-action-destructive-hover)}.qds-action-item[data-importance=destructive]:active .qds-icon,.qds-action-item[data-importance=destructive]:active .qds-text{color:var(--qds-theme-feedback-action-destructive-pressed)}";
|
|
3645
3650
|
|
|
3646
3651
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
3647
3652
|
//
|
|
3648
3653
|
// SPDX-License-Identifier: Apache-2.0
|
|
3649
|
-
var __classPrivateFieldGet$
|
|
3654
|
+
var __classPrivateFieldGet$x = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3650
3655
|
if (kind === "a" && !f)
|
|
3651
3656
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3652
3657
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
3653
3658
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
3654
3659
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
3655
3660
|
};
|
|
3656
|
-
var __classPrivateFieldSet$
|
|
3661
|
+
var __classPrivateFieldSet$p = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
3657
3662
|
if (kind === "m")
|
|
3658
3663
|
throw new TypeError("Private method is not writable");
|
|
3659
3664
|
if (kind === "a" && !f)
|
|
@@ -3703,15 +3708,15 @@ class ActionItem {
|
|
|
3703
3708
|
_ActionItem_actionItem.set(this, void 0);
|
|
3704
3709
|
_ActionItem_span.set(this, void 0);
|
|
3705
3710
|
_ActionItem_actionDivRef.set(this, (actionItem) => {
|
|
3706
|
-
__classPrivateFieldSet$
|
|
3711
|
+
__classPrivateFieldSet$p(this, _ActionItem_actionItem, actionItem, "f");
|
|
3707
3712
|
});
|
|
3708
3713
|
_ActionItem_spanRef.set(this, (span) => {
|
|
3709
|
-
__classPrivateFieldSet$
|
|
3714
|
+
__classPrivateFieldSet$p(this, _ActionItem_span, span, "f");
|
|
3710
3715
|
});
|
|
3711
3716
|
_ActionItem_tooltipRef.set(this, (tooltip) => {
|
|
3712
3717
|
if (tooltip)
|
|
3713
3718
|
// eslint-disable-next-line no-param-reassign
|
|
3714
|
-
tooltip.target = __classPrivateFieldGet$
|
|
3719
|
+
tooltip.target = __classPrivateFieldGet$x(this, _ActionItem_actionItem, "f");
|
|
3715
3720
|
});
|
|
3716
3721
|
}
|
|
3717
3722
|
disabledChanged() {
|
|
@@ -3724,7 +3729,7 @@ class ActionItem {
|
|
|
3724
3729
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
3725
3730
|
}
|
|
3726
3731
|
onClick(event) {
|
|
3727
|
-
if (__classPrivateFieldGet$
|
|
3732
|
+
if (__classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedDisabled_get))
|
|
3728
3733
|
event.stopImmediatePropagation();
|
|
3729
3734
|
}
|
|
3730
3735
|
componentWillLoad() {
|
|
@@ -3732,21 +3737,21 @@ class ActionItem {
|
|
|
3732
3737
|
this.disabledChanged();
|
|
3733
3738
|
}
|
|
3734
3739
|
componentDidLoad() {
|
|
3735
|
-
invariant(__classPrivateFieldGet$
|
|
3736
|
-
const span = __classPrivateFieldGet$
|
|
3740
|
+
invariant(__classPrivateFieldGet$x(this, _ActionItem_span, "f"));
|
|
3741
|
+
const span = __classPrivateFieldGet$x(this, _ActionItem_span, "f");
|
|
3737
3742
|
readTask(() => {
|
|
3738
3743
|
this.tooltip = isEllipsisActive(span);
|
|
3739
3744
|
});
|
|
3740
|
-
__classPrivateFieldSet$
|
|
3745
|
+
__classPrivateFieldSet$p(this, _ActionItem_ro, new ResizeObserver(([spanEntry]) => {
|
|
3741
3746
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
3742
3747
|
}), "f");
|
|
3743
|
-
__classPrivateFieldGet$
|
|
3748
|
+
__classPrivateFieldGet$x(this, _ActionItem_ro, "f").observe(__classPrivateFieldGet$x(this, _ActionItem_span, "f"));
|
|
3744
3749
|
}
|
|
3745
3750
|
render() {
|
|
3746
3751
|
return (hAsync("div", { key: 'c5761b24a5de2f0784850e2c05a35a4ff0d50540', class: {
|
|
3747
3752
|
'qds-action-item': true,
|
|
3748
3753
|
'qds-disabled': this.disabled,
|
|
3749
|
-
}, ref: __classPrivateFieldGet$
|
|
3754
|
+
}, ref: __classPrivateFieldGet$x(this, _ActionItem_actionDivRef, "f"), "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), "data-importance": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedImportance_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'd2409cac17173463348bf2264b68f012270b04ee', class: "qds-icon", "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '1bf65623a82dceaa776cb28429760cf7a1a1904f', class: "qds-text", "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), ref: __classPrivateFieldGet$x(this, _ActionItem_spanRef, "f") }, this.text), this.action !== undefined && (hAsync("qds-icon", { key: '132eb8d186e9329eeb7b380aea4b3afbb0449731', class: "qds-icon", "data-size": __classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), name: this.action, library: "core", "aria-label": this.actionDescription, role: "img" })), this.tooltip && (hAsync("qds-tooltip", { key: '77351beaf85712117a076f18adb25f4fc25b64a9', "aria-hidden": "true", ref: __classPrivateFieldGet$x(this, _ActionItem_tooltipRef, "f") }, this.text))));
|
|
3750
3755
|
}
|
|
3751
3756
|
static get watchers() { return {
|
|
3752
3757
|
"disabled": ["disabledChanged"]
|
|
@@ -3797,56 +3802,60 @@ _ActionItem_ro = new WeakMap(), _ActionItem_actionItem = new WeakMap(), _ActionI
|
|
|
3797
3802
|
return this.disabled;
|
|
3798
3803
|
};
|
|
3799
3804
|
|
|
3800
|
-
const avatarMediaCss = ":host([hidden]){display:none!important}:host{display:block}.qds-container{align-items:center;align-self:stretch;background:var(--qds-theme-display-background);border:var(--qds-display-border-width) solid var(--qds-theme-display-background-contrast);border-radius:var(--qds-display-rounded-border-radius);display:flex;height:inherit;justify-content:center;width:inherit}.qds-
|
|
3805
|
+
const avatarMediaCss = ":host([hidden]){display:none!important}:host{display:block}.qds-container{align-items:center;align-self:stretch;background:var(--qds-theme-display-background);border:var(--qds-display-border-width) solid var(--qds-theme-display-background-contrast);border-radius:var(--qds-display-rounded-border-radius);display:flex;height:inherit;justify-content:center;width:inherit}.qds-picture{border-radius:inherit;flex-shrink:0;height:100%;object-fit:cover;width:100%}.qds-icon,.qds-text{color:var(--qds-theme-display-background-contrast)}.qds-icon{flex-shrink:0;height:60%;width:60%}.qds-text{font:var(--qds-display-standard);text-align:center}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
|
|
3801
3806
|
|
|
3802
3807
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
3803
3808
|
//
|
|
3804
3809
|
// SPDX-License-Identifier: Apache-2.0
|
|
3805
|
-
var __classPrivateFieldGet$
|
|
3810
|
+
var __classPrivateFieldGet$w = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3806
3811
|
if (kind === "a" && !f)
|
|
3807
3812
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3808
3813
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
3809
3814
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
3810
3815
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
3811
3816
|
};
|
|
3812
|
-
var _AvatarMedia_renderContent, _AvatarMedia_handleImageError;
|
|
3817
|
+
var _AvatarMedia_renderContent, _AvatarMedia_handleImageError, _AvatarMedia_handleImageLoad;
|
|
3813
3818
|
/**
|
|
3814
3819
|
* @experimental
|
|
3815
3820
|
*/
|
|
3816
3821
|
class AvatarMedia {
|
|
3817
3822
|
constructor(hostRef) {
|
|
3818
3823
|
registerInstance(this, hostRef);
|
|
3824
|
+
this.loadEmitter = createEvent(this, "qdsLoad", 6);
|
|
3819
3825
|
this.errorEmitter = createEvent(this, "qdsError", 6);
|
|
3826
|
+
if (hostRef.$hostElement$["s-ei"]) {
|
|
3827
|
+
this.internals = hostRef.$hostElement$["s-ei"];
|
|
3828
|
+
}
|
|
3829
|
+
else {
|
|
3830
|
+
this.internals = hostRef.$hostElement$.attachInternals();
|
|
3831
|
+
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
3832
|
+
}
|
|
3820
3833
|
/**
|
|
3821
|
-
* The
|
|
3822
|
-
* @webnative
|
|
3823
|
-
*/
|
|
3824
|
-
this.alt = '';
|
|
3825
|
-
/**
|
|
3826
|
-
* The avatar-media's icon library.
|
|
3834
|
+
* The name of a registered icon library.
|
|
3827
3835
|
*/
|
|
3828
3836
|
this.iconLibrary = 'default';
|
|
3829
3837
|
this.hasImageError = false;
|
|
3830
3838
|
_AvatarMedia_renderContent.set(this, () => {
|
|
3831
|
-
if (this.src !== undefined && this.src !== '' && !this.hasImageError)
|
|
3832
|
-
return (hAsync("img", { class: "qds-picture", src: this.src, alt: this.alt, onError: __classPrivateFieldGet$
|
|
3833
|
-
|
|
3834
|
-
|
|
3835
|
-
|
|
3836
|
-
if (this.text !== undefined && this.text !== '') {
|
|
3837
|
-
return hAsync("span", { class: "qds-text" }, this.initials);
|
|
3838
|
-
}
|
|
3839
|
-
if (this.iconName !== undefined && this.iconName !== '') {
|
|
3839
|
+
if (this.src !== undefined && this.src !== '' && !this.hasImageError)
|
|
3840
|
+
return (hAsync("img", { "aria-hidden": "true", class: "qds-picture", src: this.src, alt: this.alt, onError: __classPrivateFieldGet$w(this, _AvatarMedia_handleImageError, "f"), onLoad: __classPrivateFieldGet$w(this, _AvatarMedia_handleImageLoad, "f") }));
|
|
3841
|
+
if (this.text !== undefined && this.text !== '')
|
|
3842
|
+
return (hAsync(Fragment, null, hAsync("span", { "aria-hidden": "true", class: "qds-text" }, this.initials), hAsync("span", { class: "qds-sr-only" }, this.text)));
|
|
3843
|
+
if (this.iconName !== undefined && this.iconName !== '')
|
|
3840
3844
|
return (hAsync("qds-icon", { class: "qds-icon", name: this.iconName, library: this.iconLibrary }));
|
|
3841
|
-
}
|
|
3842
3845
|
return hAsync("qds-icon", { class: "qds-icon", name: "user", library: "core" });
|
|
3843
3846
|
});
|
|
3844
3847
|
_AvatarMedia_handleImageError.set(this, () => {
|
|
3845
3848
|
this.hasImageError = true;
|
|
3849
|
+
this.roleChanged();
|
|
3846
3850
|
this.errorEmitter.emit();
|
|
3847
3851
|
});
|
|
3852
|
+
_AvatarMedia_handleImageLoad.set(this, () => {
|
|
3853
|
+
this.hasImageError = false;
|
|
3854
|
+
this.roleChanged();
|
|
3855
|
+
this.loadEmitter.emit();
|
|
3856
|
+
});
|
|
3848
3857
|
}
|
|
3849
|
-
|
|
3858
|
+
textChanged() {
|
|
3850
3859
|
if (this.text === undefined || this.text === '') {
|
|
3851
3860
|
this.initials = undefined;
|
|
3852
3861
|
return;
|
|
@@ -3855,14 +3864,33 @@ class AvatarMedia {
|
|
|
3855
3864
|
const [first = '', second = ''] = words.filter(Boolean);
|
|
3856
3865
|
this.initials = (first.charAt(0) + (second.charAt(0) || '')).toLocaleUpperCase();
|
|
3857
3866
|
}
|
|
3867
|
+
labelChanged() {
|
|
3868
|
+
this.internals.ariaLabel =
|
|
3869
|
+
this.alt !== undefined && this.alt !== ''
|
|
3870
|
+
? this.alt
|
|
3871
|
+
: // eslint-disable-next-line unicorn/no-null
|
|
3872
|
+
null;
|
|
3873
|
+
}
|
|
3874
|
+
roleChanged() {
|
|
3875
|
+
if (this.src !== undefined && this.src !== '' && !this.hasImageError)
|
|
3876
|
+
this.internals.role = 'img';
|
|
3877
|
+
else if (this.text !== undefined && this.text !== '')
|
|
3878
|
+
this.internals.role = 'generic';
|
|
3879
|
+
else
|
|
3880
|
+
this.internals.role = 'presentation';
|
|
3881
|
+
}
|
|
3858
3882
|
componentWillLoad() {
|
|
3859
|
-
this.
|
|
3883
|
+
this.textChanged();
|
|
3884
|
+
this.labelChanged();
|
|
3885
|
+
this.roleChanged();
|
|
3860
3886
|
}
|
|
3861
3887
|
render() {
|
|
3862
|
-
return hAsync("div", { key: '
|
|
3888
|
+
return hAsync("div", { key: '52d3dd3165ee17dd49f8cdbf901af5c1c613246c', class: "qds-container" }, __classPrivateFieldGet$w(this, _AvatarMedia_renderContent, "f").call(this));
|
|
3863
3889
|
}
|
|
3864
3890
|
static get watchers() { return {
|
|
3865
|
-
"text": ["
|
|
3891
|
+
"text": ["textChanged", "roleChanged"],
|
|
3892
|
+
"alt": ["labelChanged"],
|
|
3893
|
+
"src": ["roleChanged"]
|
|
3866
3894
|
}; }
|
|
3867
3895
|
static get style() { return avatarMediaCss; }
|
|
3868
3896
|
static get cmpMeta() { return {
|
|
@@ -3882,14 +3910,14 @@ class AvatarMedia {
|
|
|
3882
3910
|
"$attrsToReflect$": []
|
|
3883
3911
|
}; }
|
|
3884
3912
|
}
|
|
3885
|
-
_AvatarMedia_renderContent = new WeakMap(), _AvatarMedia_handleImageError = new WeakMap();
|
|
3913
|
+
_AvatarMedia_renderContent = new WeakMap(), _AvatarMedia_handleImageError = new WeakMap(), _AvatarMedia_handleImageLoad = new WeakMap();
|
|
3886
3914
|
|
|
3887
|
-
const badgeCounterCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-counter{align-items:center;background-color:var(--qds-theme-feedback-message-neutral);border-radius:var(--qds-feedback-rounded-border-radius);color:var(--qds-theme-feedback-message-neutral-contrast);display:flex;font:var(--qds-feedback-badge-counter-standard-text);height:var(--qds-feedback-badge-counter-standard-height);justify-content:center;margin:0;padding-inline:var(--qds-feedback-badge-counter-standard-padding-horizontal);text-align:center}.qds-stroke-ring{border:var(--qds-feedback-badge-border-width) solid var(--qds-theme-feedback-message-neutral-contrast)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-contrast);color:var(--qds-theme-signature-color-default)}.qds-stroke-ring[data-importance=emphasized]{border-color:var(--qds-theme-signature-color-default)}[data-importance=subdued]{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}.qds-stroke-ring[data-importance=subdued]{border-color:var(--qds-theme-feedback-message-informational-contrast)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-message-critical-contrast);color:var(--qds-theme-feedback-message-critical)}.qds-stroke-ring[data-importance=destructive]{border-color:var(--qds-theme-feedback-message-critical)}[data-importance=subdued-destructive]{background-color:var(--qds-theme-feedback-message-critical);color:var(--qds-theme-feedback-message-critical-contrast)}.qds-stroke-ring[data-importance=subdued-destructive]{border-color:var(--qds-theme-feedback-message-critical-contrast)}[data-size=small]{font:var(--qds-feedback-badge-counter-small-text);height:var(--qds-feedback-badge-counter-small-height);padding-inline:var(--qds-feedback-badge-counter-small-padding-horizontal)}[data-size=large]{font:var(--qds-feedback-badge-counter-large-text);height:var(--qds-feedback-badge-counter-large-height);padding-inline:var(--qds-feedback-badge-counter-large-padding-horizontal)}[data-size=hero]{font:var(--qds-feedback-badge-counter-hero-text);height:var(--qds-feedback-badge-counter-hero-height);padding-inline:var(--qds-feedback-badge-counter-hero-padding-horizontal)}";
|
|
3915
|
+
const badgeCounterCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-counter{align-items:center;background-color:var(--qds-theme-feedback-message-neutral);border-radius:var(--qds-feedback-rounded-border-radius);color:var(--qds-theme-feedback-message-neutral-contrast);display:flex;font:var(--qds-feedback-badge-counter-standard-text);height:var(--qds-feedback-badge-counter-standard-height);justify-content:center;margin:0;min-width:var(--qds-feedback-badge-counter-standard-min-width);padding-inline:var(--qds-feedback-badge-counter-standard-padding-horizontal);text-align:center}.qds-stroke-ring{border:var(--qds-feedback-badge-border-width) solid var(--qds-theme-feedback-message-neutral-contrast)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-contrast);color:var(--qds-theme-signature-color-default)}.qds-stroke-ring[data-importance=emphasized]{border-color:var(--qds-theme-signature-color-default)}[data-importance=subdued]{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}.qds-stroke-ring[data-importance=subdued]{border-color:var(--qds-theme-feedback-message-informational-contrast)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-message-critical-contrast);color:var(--qds-theme-feedback-message-critical)}.qds-stroke-ring[data-importance=destructive]{border-color:var(--qds-theme-feedback-message-critical)}[data-importance=subdued-destructive]{background-color:var(--qds-theme-feedback-message-critical);color:var(--qds-theme-feedback-message-critical-contrast)}.qds-stroke-ring[data-importance=subdued-destructive]{border-color:var(--qds-theme-feedback-message-critical-contrast)}[data-size=small]{font:var(--qds-feedback-badge-counter-small-text);height:var(--qds-feedback-badge-counter-small-height);min-width:var(--qds-feedback-badge-counter-small-min-width);padding-inline:var(--qds-feedback-badge-counter-small-padding-horizontal)}[data-size=large]{font:var(--qds-feedback-badge-counter-large-text);height:var(--qds-feedback-badge-counter-large-height);min-width:var(--qds-feedback-badge-counter-large-min-width);padding-inline:var(--qds-feedback-badge-counter-large-padding-horizontal)}[data-size=hero]{font:var(--qds-feedback-badge-counter-hero-text);height:var(--qds-feedback-badge-counter-hero-height);padding-inline:var(--qds-feedback-badge-counter-hero-padding-horizontal)}";
|
|
3888
3916
|
|
|
3889
3917
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3890
3918
|
//
|
|
3891
3919
|
// SPDX-License-Identifier: Apache-2.0
|
|
3892
|
-
var __classPrivateFieldGet$
|
|
3920
|
+
var __classPrivateFieldGet$v = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3893
3921
|
if (kind === "a" && !f)
|
|
3894
3922
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3895
3923
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -3924,7 +3952,7 @@ class BadgeCounter {
|
|
|
3924
3952
|
return (hAsync("span", { key: '0a706e1e216c17976c3c04c94ac165e69e860e40', class: {
|
|
3925
3953
|
'qds-badge-counter': true,
|
|
3926
3954
|
'qds-stroke-ring': this.strokeRing,
|
|
3927
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
3955
|
+
}, "data-importance": __classPrivateFieldGet$v(this, _BadgeCounter_instances, "a", _BadgeCounter_computedImportance_get), "data-size": __classPrivateFieldGet$v(this, _BadgeCounter_instances, "a", _BadgeCounter_computedSize_get) }, __classPrivateFieldGet$v(this, _BadgeCounter_instances, "a", _BadgeCounter_computedValue_get), hAsync("span", { key: 'c68fcbe9899495b2e774567f7cd0058162d7d889', class: "qds-sr-only" }, this.description)));
|
|
3928
3956
|
}
|
|
3929
3957
|
static get style() { return badgeCounterCss; }
|
|
3930
3958
|
static get cmpMeta() { return {
|
|
@@ -3980,7 +4008,7 @@ const badgeIndicatorCss = ":host([hidden]){display:none!important}:host{display:
|
|
|
3980
4008
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3981
4009
|
//
|
|
3982
4010
|
// SPDX-License-Identifier: Apache-2.0
|
|
3983
|
-
var __classPrivateFieldGet$
|
|
4011
|
+
var __classPrivateFieldGet$u = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3984
4012
|
if (kind === "a" && !f)
|
|
3985
4013
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3986
4014
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -4015,7 +4043,7 @@ class BadgeIndicator {
|
|
|
4015
4043
|
return (hAsync("div", { key: '1442d3293846a5f18a87297abc5e53755aebe4b6', class: {
|
|
4016
4044
|
'qds-badge-indicator': true,
|
|
4017
4045
|
'qds-stroke-ring': this.strokeRing,
|
|
4018
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4046
|
+
}, "data-size": __classPrivateFieldGet$u(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedSize_get), "data-status": __classPrivateFieldGet$u(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) }, hAsync("span", { key: 'f2131c0350fa5b857cb1b10b8f2fb276d3f52bb6', class: "qds-sr-only" }, this.description)));
|
|
4019
4047
|
}
|
|
4020
4048
|
static get style() { return badgeIndicatorCss; }
|
|
4021
4049
|
static get cmpMeta() { return {
|
|
@@ -4076,19 +4104,19 @@ const VALID_STATE = {
|
|
|
4076
4104
|
valueMissing: false,
|
|
4077
4105
|
};
|
|
4078
4106
|
|
|
4079
|
-
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:\"
|
|
4107
|
+
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:\"c\"}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:c;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-control-border-width)\n ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;cursor:pointer;display:inline-flex;grid-area:c;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{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);min-height:var(--qds-control-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}.qds-icon-only[data-size=small]{width:var(--qds-control-small-height)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-indicator{inset-block-start:var(--qds-control-button-small-badge-padding-top);inset-inline-end:var(--qds-control-button-small-badge-padding-end)}[data-size=standard]{font:var(--qds-control-standard-text)}.qds-button[data-size=standard]{gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}.qds-icon-only[data-size=standard]{width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-indicator{inset-block-start:var(--qds-control-button-standard-badge-padding-top);inset-inline-end:var(--qds-control-button-standard-badge-padding-end)}[data-size=large]{font:var(--qds-control-large-text)}.qds-button[data-size=large]{gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}.qds-icon-only[data-size=large]{width:var(--qds-control-large-height)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-indicator{inset-block-start:var(--qds-control-button-large-badge-padding-top);inset-inline-end:var(--qds-control-button-large-badge-padding-end)}[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-form-input-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n );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]{min-height:var(--qds-control-hero-height);padding-inline:0;width:var(--qds-control-hero-height)}.qds-button[data-size=hero] .qds-indicator{inset-block-start:var(--qds-control-button-hero-badge-padding-top);inset-inline-end:var(--qds-control-button-hero-badge-padding-end)}.qds-focus-ring[data-size=hero]{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n ))}.qds-icon[data-size=hero]{height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}[data-importance=subdued]{border-radius:0;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)}.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]{border-radius:0;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)}[data-action=dropdown-close] .qds-action{transform:rotate(-180deg)}:is([data-action=dropdown],[data-action=dropdown-close]) .qds-action{transition-duration:.3s;transition-property:transform}:is([data-action=dropdown],[data-action=dropdown-close]):not(:has(qds-badge-counter)) .qds-action{margin-inline-start:auto}:is([data-action=dropdown],[data-action=dropdown-close]) qds-badge-counter{margin-inline-start:auto}[data-importance]:is([data-action=dropdown],[data-action=dropdown-close]){padding-inline:var(--qds-control-input-padding-horizontal)}";
|
|
4080
4108
|
|
|
4081
4109
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4082
4110
|
//
|
|
4083
4111
|
// SPDX-License-Identifier: Apache-2.0
|
|
4084
|
-
var __classPrivateFieldGet$
|
|
4112
|
+
var __classPrivateFieldGet$t = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4085
4113
|
if (kind === "a" && !f)
|
|
4086
4114
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4087
4115
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
4088
4116
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4089
4117
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4090
4118
|
};
|
|
4091
|
-
var __classPrivateFieldSet$
|
|
4119
|
+
var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4092
4120
|
if (kind === "m")
|
|
4093
4121
|
throw new TypeError("Private method is not writable");
|
|
4094
4122
|
if (kind === "a" && !f)
|
|
@@ -4258,15 +4286,15 @@ class Button {
|
|
|
4258
4286
|
this.reportValidity = () => this.internals.reportValidity();
|
|
4259
4287
|
this.setCustomValidity = (error) => {
|
|
4260
4288
|
if (error)
|
|
4261
|
-
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$
|
|
4289
|
+
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$t(this, _Button_button, "f"));
|
|
4262
4290
|
else
|
|
4263
4291
|
this.internals.setValidity(NO_ERROR_FLAGS);
|
|
4264
4292
|
};
|
|
4265
4293
|
_Button_buttonRef.set(this, (button) => {
|
|
4266
|
-
__classPrivateFieldSet$
|
|
4294
|
+
__classPrivateFieldSet$o(this, _Button_button, button, "f");
|
|
4267
4295
|
});
|
|
4268
4296
|
_Button_spanRef.set(this, (span) => {
|
|
4269
|
-
__classPrivateFieldSet$
|
|
4297
|
+
__classPrivateFieldSet$o(this, _Button_span, span, "f");
|
|
4270
4298
|
});
|
|
4271
4299
|
_Button_tooltipRef.set(this, (tooltip) => {
|
|
4272
4300
|
if (tooltip)
|
|
@@ -4274,7 +4302,7 @@ class Button {
|
|
|
4274
4302
|
tooltip.target = this.host;
|
|
4275
4303
|
});
|
|
4276
4304
|
_Button_onClick.set(this, (event) => {
|
|
4277
|
-
if (__classPrivateFieldGet$
|
|
4305
|
+
if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get)) {
|
|
4278
4306
|
preventDefault$2(event);
|
|
4279
4307
|
event.stopImmediatePropagation();
|
|
4280
4308
|
}
|
|
@@ -4284,13 +4312,13 @@ class Button {
|
|
|
4284
4312
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
4285
4313
|
}
|
|
4286
4314
|
onClick(event) {
|
|
4287
|
-
if (__classPrivateFieldGet$
|
|
4315
|
+
if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get)) {
|
|
4288
4316
|
event.stopImmediatePropagation();
|
|
4289
4317
|
return;
|
|
4290
4318
|
}
|
|
4291
|
-
if (__classPrivateFieldGet$
|
|
4319
|
+
if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get) === 'button' || !this.internals.form)
|
|
4292
4320
|
return;
|
|
4293
|
-
if (__classPrivateFieldGet$
|
|
4321
|
+
if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get) === 'reset') {
|
|
4294
4322
|
this.internals.form.reset();
|
|
4295
4323
|
}
|
|
4296
4324
|
else {
|
|
@@ -4303,8 +4331,8 @@ class Button {
|
|
|
4303
4331
|
}
|
|
4304
4332
|
onKeydown(event) {
|
|
4305
4333
|
if (event.key === 'Enter') {
|
|
4306
|
-
if (__classPrivateFieldGet$
|
|
4307
|
-
__classPrivateFieldGet$
|
|
4334
|
+
if (__classPrivateFieldGet$t(this, _Button_button, "f") instanceof HTMLAnchorElement)
|
|
4335
|
+
__classPrivateFieldGet$t(this, _Button_button, "f").click();
|
|
4308
4336
|
else
|
|
4309
4337
|
this.host.click();
|
|
4310
4338
|
}
|
|
@@ -4314,11 +4342,11 @@ class Button {
|
|
|
4314
4342
|
this.host.click();
|
|
4315
4343
|
}
|
|
4316
4344
|
disabledChanged() {
|
|
4317
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
4318
|
-
if (__classPrivateFieldGet$
|
|
4345
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get).toString();
|
|
4346
|
+
if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get))
|
|
4319
4347
|
this.host.removeAttribute('tabindex');
|
|
4320
4348
|
else
|
|
4321
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
4349
|
+
this.host.tabIndex = __classPrivateFieldGet$t(this, _Button_savedTabIndex, "f");
|
|
4322
4350
|
}
|
|
4323
4351
|
hrefChanged() {
|
|
4324
4352
|
this.internals.role = this.href === undefined ? 'button' : 'link';
|
|
@@ -4326,40 +4354,40 @@ class Button {
|
|
|
4326
4354
|
tabindexChanged(newValue) {
|
|
4327
4355
|
if (newValue !== null) {
|
|
4328
4356
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
4329
|
-
__classPrivateFieldSet$
|
|
4357
|
+
__classPrivateFieldSet$o(this, _Button_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
|
|
4330
4358
|
? 0
|
|
4331
4359
|
: parsedValue, "f");
|
|
4332
4360
|
}
|
|
4333
|
-
if (__classPrivateFieldGet$
|
|
4361
|
+
if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get))
|
|
4334
4362
|
this.host.removeAttribute('tabindex');
|
|
4335
4363
|
else
|
|
4336
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
4364
|
+
this.host.tabIndex = __classPrivateFieldGet$t(this, _Button_savedTabIndex, "f");
|
|
4337
4365
|
}
|
|
4338
4366
|
textChanged() {
|
|
4339
|
-
__classPrivateFieldGet$
|
|
4340
|
-
if (__classPrivateFieldGet$
|
|
4341
|
-
__classPrivateFieldGet$
|
|
4342
|
-
if (!__classPrivateFieldGet$
|
|
4367
|
+
__classPrivateFieldGet$t(this, _Button_instances, "m", _Button_updateAriaLabel).call(this);
|
|
4368
|
+
if (__classPrivateFieldGet$t(this, _Button_ro, "f"))
|
|
4369
|
+
__classPrivateFieldGet$t(this, _Button_ro, "f").disconnect();
|
|
4370
|
+
if (!__classPrivateFieldGet$t(this, _Button_span, "f"))
|
|
4343
4371
|
return;
|
|
4344
|
-
const span = __classPrivateFieldGet$
|
|
4372
|
+
const span = __classPrivateFieldGet$t(this, _Button_span, "f");
|
|
4345
4373
|
readTask(() => {
|
|
4346
4374
|
this.tooltip = isEllipsisActive(span);
|
|
4347
4375
|
});
|
|
4348
|
-
__classPrivateFieldSet$
|
|
4376
|
+
__classPrivateFieldSet$o(this, _Button_ro, new ResizeObserver(([spanEntry]) => {
|
|
4349
4377
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
4350
4378
|
}), "f");
|
|
4351
|
-
__classPrivateFieldGet$
|
|
4379
|
+
__classPrivateFieldGet$t(this, _Button_ro, "f").observe(__classPrivateFieldGet$t(this, _Button_span, "f"));
|
|
4352
4380
|
}
|
|
4353
4381
|
/* DEPRECATED: will be removed by september 2026 */
|
|
4354
4382
|
iconOnlyChanged() {
|
|
4355
4383
|
this.tooltip = this.iconOnly;
|
|
4356
4384
|
}
|
|
4357
4385
|
componentWillLoad() {
|
|
4358
|
-
__classPrivateFieldGet$
|
|
4359
|
-
__classPrivateFieldGet$
|
|
4360
|
-
__classPrivateFieldGet$
|
|
4361
|
-
__classPrivateFieldGet$
|
|
4362
|
-
__classPrivateFieldGet$
|
|
4386
|
+
__classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'form', () => this.internals.form);
|
|
4387
|
+
__classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
4388
|
+
__classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
4389
|
+
__classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
4390
|
+
__classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
4363
4391
|
this.hrefChanged();
|
|
4364
4392
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4365
4393
|
this.disabledChanged();
|
|
@@ -4370,26 +4398,26 @@ class Button {
|
|
|
4370
4398
|
this.iconOnlyChanged();
|
|
4371
4399
|
}
|
|
4372
4400
|
disconnectedCallback() {
|
|
4373
|
-
if (__classPrivateFieldGet$
|
|
4374
|
-
__classPrivateFieldGet$
|
|
4401
|
+
if (__classPrivateFieldGet$t(this, _Button_ro, "f"))
|
|
4402
|
+
__classPrivateFieldGet$t(this, _Button_ro, "f").disconnect();
|
|
4375
4403
|
}
|
|
4376
4404
|
render() {
|
|
4377
4405
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
4378
|
-
return (hAsync("div", { key: '5054db1b3354d932b0ec1f12a93958d8d7813248', class: "qds-container", onClick: __classPrivateFieldGet$
|
|
4406
|
+
return (hAsync("div", { key: '5054db1b3354d932b0ec1f12a93958d8d7813248', class: "qds-container", onClick: __classPrivateFieldGet$t(this, _Button_onClick, "f"), onKeyDown: preventDefault$2, onKeyUp: preventDefault$2, onKeyPress: preventDefault$2, "aria-hidden": "true" }, hAsync(Tag, { key: '409fa13363df964507be7e4a83c5f9c84c32fb56', class: {
|
|
4379
4407
|
'qds-button': true,
|
|
4380
|
-
'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$
|
|
4408
|
+
'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
|
|
4381
4409
|
/* DEPRECATED: will be removed by september 2026 */
|
|
4382
|
-
'qds-icon-only': __classPrivateFieldGet$
|
|
4383
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
4410
|
+
'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
4411
|
+
}, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedAction_get), disabled: Tag === 'a' ? undefined : this.disabled, download: Tag === 'a' ? this.download : undefined, formAction: this.formAction, formMethod: this.formMethod, formNoValidate: this.formNoValidate, formTarget: this.formTarget, href: Tag === 'a' ? this.href : undefined, name: Tag === 'a' ? undefined : this.name, ref: __classPrivateFieldGet$t(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'd784fbf3badc14df36b1ac9fa354d03a60eef2d4', class: "qds-icon", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get) && (
|
|
4384
4412
|
/* DEPRECATED: will be removed by september 2026 */
|
|
4385
|
-
hAsync("span", { key: '3aab08349fefe93cae8702f816befae266f98a6a', class: "qds-overflow", "data-size": __classPrivateFieldGet$
|
|
4413
|
+
hAsync("span", { key: '3aab08349fefe93cae8702f816befae266f98a6a', class: "qds-overflow", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet$t(this, _Button_spanRef, "f") }, this.text)), isIndicator$3(this.badge) && (hAsync("qds-badge-indicator", { key: '1e328f7471a1d5b5ec1cc2f45bde6c58e77d9b22', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), isCounter$3(this.badge) && (hAsync("qds-badge-counter", { key: 'b033e659fdd37de19534067ed28ca694f5674ded', class: {
|
|
4386
4414
|
/* DEPRECATED: will be removed by september 2026 */
|
|
4387
|
-
'qds-indicator': __classPrivateFieldGet$
|
|
4388
|
-
}, description: this.badgeDescription, importance: __classPrivateFieldGet$
|
|
4415
|
+
'qds-indicator': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
4416
|
+
}, description: this.badgeDescription, importance: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (hAsync("qds-icon", { key: '3f27c4969412f2a3dc14aa1ab137c04c19231953', class: "qds-icon qds-action", "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get), library: "core", name: __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedActionIcon_get) }))), hAsync("div", { key: '347df81b48ec9318c0ba049f56cb1a63046a7fd6', class: {
|
|
4389
4417
|
'qds-focus-ring': true,
|
|
4390
4418
|
/* DEPRECATED: will be removed by september 2026 */
|
|
4391
|
-
'qds-icon-only': __classPrivateFieldGet$
|
|
4392
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
4419
|
+
'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
4420
|
+
}, "data-importance": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (hAsync("qds-tooltip", { key: 'd97c38bab772dc277db8f058fce4ea21ce015251', ref: __classPrivateFieldGet$t(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
|
|
4393
4421
|
}
|
|
4394
4422
|
static get formAssociated() { return true; }
|
|
4395
4423
|
get host() { return getElement(this); }
|
|
@@ -4512,19 +4540,19 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
|
|
|
4512
4540
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
4513
4541
|
};
|
|
4514
4542
|
|
|
4515
|
-
const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-checkbox,.qds-icon{grid-area:
|
|
4543
|
+
const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-checkbox,.qds-icon{grid-area:b;place-self:center}.qds-icon{color:var(--qds-theme-signature-color-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"b\"}.qds-label{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label:has(.qds-checkbox:focus-visible){box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-label-inner{color:var(--qds-theme-control-text-standard);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}.qds-tooltip{line-height:normal}.qds-checkbox{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);cursor:pointer;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-checkbox:focus-visible{outline:none}.qds-checkbox:checked~.qds-checked,.qds-checkbox:indeterminate~.qds-indeterminate{display:block}.qds-checkbox:checked,.qds-checkbox:indeterminate{background-color:var(--qds-theme-control-background-contrast);border-color:#0000}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-checkbox[data-size=small]{border-radius:var(--qds-control-toggle-small-knob-border-radius);height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small]{font-size:var(--qds-control-toggle-small-box-size)}.qds-label[data-size=small]{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-label-inner[data-size=small]{font:var(--qds-control-small-text)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height);padding:var(--qds-control-small-padding-auto-height) var(--qds-control-toggle-small-padding-horizontal)}.qds-checkbox[data-size=standard]{border-radius:var(--qds-control-toggle-standard-knob-border-radius);height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard]{font-size:var(--qds-control-toggle-standard-box-size)}.qds-label[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-label-inner[data-size=standard]{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-checkbox[data-size=large]{border-radius:var(--qds-control-toggle-large-knob-border-radius);height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large]{font-size:var(--qds-control-toggle-large-box-size)}.qds-label[data-size=large]{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-label-inner[data-size=large]{font:var(--qds-control-large-text)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height);padding:var(--qds-control-large-padding-auto-height) var(--qds-control-toggle-large-padding-horizontal)}";
|
|
4516
4544
|
|
|
4517
4545
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4518
4546
|
//
|
|
4519
4547
|
// SPDX-License-Identifier: Apache-2.0
|
|
4520
|
-
var __classPrivateFieldGet$
|
|
4548
|
+
var __classPrivateFieldGet$s = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4521
4549
|
if (kind === "a" && !f)
|
|
4522
4550
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4523
4551
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
4524
4552
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4525
4553
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4526
4554
|
};
|
|
4527
|
-
var __classPrivateFieldSet$
|
|
4555
|
+
var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4528
4556
|
if (kind === "m")
|
|
4529
4557
|
throw new TypeError("Private method is not writable");
|
|
4530
4558
|
if (kind === "a" && !f)
|
|
@@ -4533,7 +4561,7 @@ var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
4533
4561
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
4534
4562
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
4535
4563
|
};
|
|
4536
|
-
var _Checkbox_instances, _Checkbox_inheritedAttributes, _Checkbox_computedChecked_get, _Checkbox_computedDisabled_get, _Checkbox_computedIndeterminate_get, _Checkbox_computedSize_get, _Checkbox_computedValue_get, _Checkbox_hasText_get, _Checkbox_onBlur, _Checkbox_onFocus, _Checkbox_defineGetter;
|
|
4564
|
+
var _Checkbox_instances, _Checkbox_inheritedAttributes, _Checkbox_ro, _Checkbox_span, _Checkbox_tooltip, _Checkbox_computedChecked_get, _Checkbox_computedDisabled_get, _Checkbox_computedIndeterminate_get, _Checkbox_computedSize_get, _Checkbox_computedValue_get, _Checkbox_hasText_get, _Checkbox_onBlur, _Checkbox_onFocus, _Checkbox_spanRef, _Checkbox_tooltipRef, _Checkbox_defineGetter;
|
|
4537
4565
|
/**
|
|
4538
4566
|
* `<qds-checkbox>` elements are rendered as boxes that are checked (ticked)
|
|
4539
4567
|
* when activated, like you might see in an official government paper form. A
|
|
@@ -4619,7 +4647,11 @@ class Checkbox {
|
|
|
4619
4647
|
* Whether or not the text is displayed.
|
|
4620
4648
|
*/
|
|
4621
4649
|
this.checkboxOnly = false;
|
|
4650
|
+
this.tooltip = false;
|
|
4622
4651
|
_Checkbox_inheritedAttributes.set(this, {});
|
|
4652
|
+
_Checkbox_ro.set(this, void 0);
|
|
4653
|
+
_Checkbox_span.set(this, void 0);
|
|
4654
|
+
_Checkbox_tooltip.set(this, void 0);
|
|
4623
4655
|
this.checkValidity = () => this.internals.checkValidity();
|
|
4624
4656
|
this.reportValidity = () => this.internals.reportValidity();
|
|
4625
4657
|
this.setCustomValidity = (error) => {
|
|
@@ -4630,30 +4662,44 @@ class Checkbox {
|
|
|
4630
4662
|
};
|
|
4631
4663
|
_Checkbox_onBlur.set(this, (event) => {
|
|
4632
4664
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
4665
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
|
|
4666
|
+
ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").close());
|
|
4633
4667
|
});
|
|
4634
4668
|
_Checkbox_onFocus.set(this, (event) => {
|
|
4635
4669
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
4670
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
|
|
4671
|
+
ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").show());
|
|
4672
|
+
});
|
|
4673
|
+
_Checkbox_spanRef.set(this, (span) => {
|
|
4674
|
+
__classPrivateFieldSet$n(this, _Checkbox_span, span, "f");
|
|
4675
|
+
});
|
|
4676
|
+
_Checkbox_tooltipRef.set(this, (tooltip) => {
|
|
4677
|
+
if (tooltip) {
|
|
4678
|
+
// eslint-disable-next-line no-param-reassign
|
|
4679
|
+
tooltip.target = this.host;
|
|
4680
|
+
__classPrivateFieldSet$n(this, _Checkbox_tooltip, tooltip, "f");
|
|
4681
|
+
}
|
|
4636
4682
|
});
|
|
4637
4683
|
}
|
|
4638
4684
|
onClick(event) {
|
|
4639
|
-
if (__classPrivateFieldGet$
|
|
4685
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
|
|
4640
4686
|
event.stopImmediatePropagation();
|
|
4641
4687
|
return;
|
|
4642
4688
|
}
|
|
4643
4689
|
event.preventDefault();
|
|
4644
|
-
this.checked = __classPrivateFieldGet$
|
|
4690
|
+
this.checked = __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? true : !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get);
|
|
4645
4691
|
this.changeEmitter.emit();
|
|
4646
4692
|
this.indeterminate = false;
|
|
4647
4693
|
}
|
|
4648
4694
|
checkedChanged() {
|
|
4649
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4650
|
-
? __classPrivateFieldGet$
|
|
4695
|
+
this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)
|
|
4696
|
+
? __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get)
|
|
4651
4697
|
: // eslint-disable-next-line unicorn/no-null
|
|
4652
4698
|
null);
|
|
4653
4699
|
}
|
|
4654
4700
|
disabledChanged() {
|
|
4655
|
-
if (__classPrivateFieldGet$
|
|
4656
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4701
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
|
|
4702
|
+
this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
|
|
4657
4703
|
// eslint-disable-next-line unicorn/no-null
|
|
4658
4704
|
else
|
|
4659
4705
|
this.internals.setFormValue(null);
|
|
@@ -4663,34 +4709,55 @@ class Checkbox {
|
|
|
4663
4709
|
this.tabIndex =
|
|
4664
4710
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
4665
4711
|
}
|
|
4712
|
+
textChanged() {
|
|
4713
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_ro, "f"))
|
|
4714
|
+
__classPrivateFieldGet$s(this, _Checkbox_ro, "f").disconnect();
|
|
4715
|
+
if (!__classPrivateFieldGet$s(this, _Checkbox_span, "f"))
|
|
4716
|
+
return;
|
|
4717
|
+
const span = __classPrivateFieldGet$s(this, _Checkbox_span, "f");
|
|
4718
|
+
readTask(() => {
|
|
4719
|
+
this.tooltip = isEllipsisActive(span);
|
|
4720
|
+
});
|
|
4721
|
+
__classPrivateFieldSet$n(this, _Checkbox_ro, new ResizeObserver(([spanEntry]) => {
|
|
4722
|
+
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
4723
|
+
}), "f");
|
|
4724
|
+
__classPrivateFieldGet$s(this, _Checkbox_ro, "f").observe(__classPrivateFieldGet$s(this, _Checkbox_span, "f"));
|
|
4725
|
+
}
|
|
4666
4726
|
valueChanged() {
|
|
4667
|
-
if (__classPrivateFieldGet$
|
|
4668
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4727
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
|
|
4728
|
+
this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
|
|
4669
4729
|
}
|
|
4670
4730
|
componentWillLoad() {
|
|
4671
4731
|
this.valueChanged();
|
|
4672
|
-
__classPrivateFieldGet$
|
|
4673
|
-
__classPrivateFieldGet$
|
|
4674
|
-
__classPrivateFieldGet$
|
|
4675
|
-
__classPrivateFieldGet$
|
|
4676
|
-
__classPrivateFieldSet$
|
|
4732
|
+
__classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
|
|
4733
|
+
__classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
4734
|
+
__classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
4735
|
+
__classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
4736
|
+
__classPrivateFieldSet$n(this, _Checkbox_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4677
4737
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4678
4738
|
}
|
|
4739
|
+
componentDidLoad() {
|
|
4740
|
+
this.textChanged();
|
|
4741
|
+
}
|
|
4742
|
+
disconnectedCallback() {
|
|
4743
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_ro, "f"))
|
|
4744
|
+
__classPrivateFieldGet$s(this, _Checkbox_ro, "f").disconnect();
|
|
4745
|
+
}
|
|
4679
4746
|
render() {
|
|
4680
4747
|
return (
|
|
4681
4748
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
4682
|
-
hAsync("label", { key: '
|
|
4749
|
+
hAsync("label", { key: 'ff46801768016168ffb89acd3148a796dd94765f', "aria-disabled": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
|
|
4683
4750
|
'qds-inline': this.inline,
|
|
4684
4751
|
'qds-label': true,
|
|
4685
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4752
|
+
}, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: 'f4761b84afd3a10bff6367b2b22628cbf22d01d6', class: "qds-container" }, hAsync("input", { key: 'e29721f3efccdcbf3ca70e733c8932b69d134b5c',
|
|
4686
4753
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
4687
|
-
autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$
|
|
4754
|
+
autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$s(this, _Checkbox_onBlur, "f"), onFocus: __classPrivateFieldGet$s(this, _Checkbox_onFocus, "f"), required: this.required, tabIndex: __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", "aria-label": this.checkboxOnly ? this.text : undefined, ...__classPrivateFieldGet$s(this, _Checkbox_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '83ec6c6752f5c0138d3adb3fa4f1e04dd78e83ea', class: {
|
|
4688
4755
|
'qds-icon': true,
|
|
4689
4756
|
'qds-checked': true,
|
|
4690
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4757
|
+
}, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("qds-icon", { key: 'dfbbe3c44f7ee900706fbda544e4c9c709895608', class: {
|
|
4691
4758
|
'qds-icon': true,
|
|
4692
4759
|
'qds-indeterminate': true,
|
|
4693
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4760
|
+
}, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (hAsync("span", { key: 'cdb7452d5230c202e957a1c1223549f4e1a8131b', class: "qds-label-inner", "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), ref: __classPrivateFieldGet$s(this, _Checkbox_spanRef, "f") }, this.required === true && hAsync("span", { key: 'bfcda68d1914a4942ab46cc4b421a7918f89ac6d', class: "qds-required" }, "*"), this.text)), this.tooltip && (hAsync("qds-tooltip", { key: '314e615f55bd825269f44513ab50b5059755e6f3', "aria-hidden": "true", class: "qds-tooltip", ref: __classPrivateFieldGet$s(this, _Checkbox_tooltipRef, "f") }, this.text))));
|
|
4694
4761
|
}
|
|
4695
4762
|
static get delegatesFocus() { return true; }
|
|
4696
4763
|
static get formAssociated() { return true; }
|
|
@@ -4699,6 +4766,7 @@ class Checkbox {
|
|
|
4699
4766
|
"checked": ["checkedChanged"],
|
|
4700
4767
|
"disabled": ["disabledChanged"],
|
|
4701
4768
|
"tabindex": ["tabindexChanged"],
|
|
4769
|
+
"text": ["textChanged"],
|
|
4702
4770
|
"value": ["valueChanged"]
|
|
4703
4771
|
}; }
|
|
4704
4772
|
static get style() { return checkboxCss; }
|
|
@@ -4720,14 +4788,15 @@ class Checkbox {
|
|
|
4720
4788
|
"value": [8],
|
|
4721
4789
|
"willValidate": [4, "will-validate"],
|
|
4722
4790
|
"checkboxOnly": [4, "checkbox-only"],
|
|
4723
|
-
"tabIndex": [32]
|
|
4791
|
+
"tabIndex": [32],
|
|
4792
|
+
"tooltip": [32]
|
|
4724
4793
|
},
|
|
4725
4794
|
"$listeners$": [[0, "click", "onClick"]],
|
|
4726
4795
|
"$lazyBundleId$": "-",
|
|
4727
4796
|
"$attrsToReflect$": []
|
|
4728
4797
|
}; }
|
|
4729
4798
|
}
|
|
4730
|
-
_Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_onBlur = new WeakMap(), _Checkbox_onFocus = new WeakMap(), _Checkbox_instances = new WeakSet(), _Checkbox_computedChecked_get = function _Checkbox_computedChecked_get() {
|
|
4799
|
+
_Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_ro = new WeakMap(), _Checkbox_span = new WeakMap(), _Checkbox_tooltip = new WeakMap(), _Checkbox_onBlur = new WeakMap(), _Checkbox_onFocus = new WeakMap(), _Checkbox_spanRef = new WeakMap(), _Checkbox_tooltipRef = new WeakMap(), _Checkbox_instances = new WeakSet(), _Checkbox_computedChecked_get = function _Checkbox_computedChecked_get() {
|
|
4731
4800
|
return this.checked ?? false;
|
|
4732
4801
|
}, _Checkbox_computedDisabled_get = function _Checkbox_computedDisabled_get() {
|
|
4733
4802
|
return ((this.host.matches(':disabled') || (this.disabled ?? false)) &&
|
|
@@ -4754,19 +4823,19 @@ _Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_onBlur = new WeakMap(),
|
|
|
4754
4823
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
4755
4824
|
};
|
|
4756
4825
|
|
|
4757
|
-
const chipCss = ":host([hidden]){display:none!important}:host{display:block}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-label{display:flex}.qds-container{min-width:0}.qds-target{-webkit-appearance:none;appearance:none;background-color:initial;border:none;color:inherit;cursor:pointer;display:flex;outline:none;padding:0;pointer-events:auto}.qds-target:disabled{pointer-events:none}.qds-alignment{align-items:center;display:flex}.qds-cursor{cursor:pointer}.qds-icon{flex-shrink:0}.qds-closable-chip,.qds-container{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;justify-content:center;padding-block:0;-webkit-user-select:none;user-select:none}.qds-checkbox:active~.qds-container,.qds-closable-chip:has(.qds-target:active),.qds-container.qds-pressed-state{background-color:var(--qds-theme-interactive-background-pressed)}.qds-container.qds-selected-state{background-color:var(--qds-theme-interactive-background-selected)}.qds-container.qds-selected-state:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-container.qds-selected-state:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-checkbox{clip-path:inset(50%);margin:0;position:absolute}.qds-checkbox:focus-visible~.qds-container{box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-closable-chip[data-size=small],.qds-container[data-size=small]{
|
|
4826
|
+
const chipCss = ":host([hidden]){display:none!important}:host{display:block}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-label{display:flex}.qds-container{min-width:0}.qds-target{-webkit-appearance:none;appearance:none;background-color:initial;border:none;color:inherit;cursor:pointer;display:flex;outline:none;padding:0;pointer-events:auto}.qds-target:disabled{pointer-events:none}.qds-alignment{align-items:center;display:flex}.qds-cursor{cursor:pointer}.qds-icon{flex-shrink:0}.qds-closable-chip,.qds-container{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-control-chip-gap-internal);justify-content:center;padding-block:0;-webkit-user-select:none;user-select:none}.qds-checkbox:active~.qds-container,.qds-closable-chip:has(.qds-target:active),.qds-container.qds-pressed-state{background-color:var(--qds-theme-interactive-background-pressed)}.qds-container.qds-selected-state{background-color:var(--qds-theme-interactive-background-selected)}.qds-container.qds-selected-state:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-container.qds-selected-state:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-checkbox{clip-path:inset(50%);margin:0;position:absolute}.qds-checkbox:focus-visible~.qds-container{box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-closable-chip[data-size=small],.qds-container[data-size=small]{min-height:var(--qds-control-chip-small-height);padding-inline:var(--qds-control-chip-small-padding-horizontal)}.qds-closable-chip[data-size=small]{padding-inline-end:var(--qds-control-chip-closable-small-padding-right)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-text[data-size=small]{font:var(--qds-control-small-text);line-height:normal}.qds-closable-chip[data-size=standard],.qds-container[data-size=standard]{min-height:var(--qds-control-chip-standard-height);padding-inline:var(--qds-control-chip-standard-padding-horizontal)}.qds-closable-chip[data-size=standard]{padding-inline-end:var(--qds-control-chip-closable-standard-padding-right)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-text[data-size=standard]{font:var(--qds-control-standard-text);line-height:normal}.qds-closable-chip[data-size=large],.qds-container[data-size=large]{min-height:var(--qds-control-chip-large-height);padding-inline:var(--qds-control-chip-large-padding-horizontal)}.qds-closable-chip[data-size=large]{padding-inline-end:var(--qds-control-chip-closable-large-padding-right)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-text[data-size=large]{font:var(--qds-control-large-text);line-height:normal}";
|
|
4758
4827
|
|
|
4759
4828
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4760
4829
|
//
|
|
4761
4830
|
// SPDX-License-Identifier: Apache-2.0
|
|
4762
|
-
var __classPrivateFieldGet$
|
|
4831
|
+
var __classPrivateFieldGet$r = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4763
4832
|
if (kind === "a" && !f)
|
|
4764
4833
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4765
4834
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
4766
4835
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4767
4836
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4768
4837
|
};
|
|
4769
|
-
var __classPrivateFieldSet$
|
|
4838
|
+
var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4770
4839
|
if (kind === "m")
|
|
4771
4840
|
throw new TypeError("Private method is not writable");
|
|
4772
4841
|
if (kind === "a" && !f)
|
|
@@ -4840,7 +4909,7 @@ class Chip {
|
|
|
4840
4909
|
_Chip_ro.set(this, void 0);
|
|
4841
4910
|
_Chip_inheritedAttributes.set(this, {});
|
|
4842
4911
|
_Chip_onIconClick.set(this, (event) => {
|
|
4843
|
-
if (!event.defaultPrevented && __classPrivateFieldGet$
|
|
4912
|
+
if (!event.defaultPrevented && __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
|
|
4844
4913
|
this.closeEmitter.emit();
|
|
4845
4914
|
});
|
|
4846
4915
|
_Chip_onFocus.set(this, (event) => {
|
|
@@ -4850,30 +4919,30 @@ class Chip {
|
|
|
4850
4919
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
4851
4920
|
});
|
|
4852
4921
|
_Chip_chipRef.set(this, (chip) => {
|
|
4853
|
-
__classPrivateFieldSet$
|
|
4922
|
+
__classPrivateFieldSet$m(this, _Chip_chip, chip, "f");
|
|
4854
4923
|
});
|
|
4855
4924
|
_Chip_spanRef.set(this, (span) => {
|
|
4856
|
-
__classPrivateFieldSet$
|
|
4925
|
+
__classPrivateFieldSet$m(this, _Chip_span, span, "f");
|
|
4857
4926
|
});
|
|
4858
4927
|
_Chip_tooltipRef.set(this, (tooltip) => {
|
|
4859
4928
|
if (tooltip)
|
|
4860
4929
|
// eslint-disable-next-line no-param-reassign
|
|
4861
|
-
tooltip.target = __classPrivateFieldGet$
|
|
4930
|
+
tooltip.target = __classPrivateFieldGet$r(this, _Chip_chip, "f");
|
|
4862
4931
|
});
|
|
4863
4932
|
}
|
|
4864
4933
|
onClick(event) {
|
|
4865
|
-
if (__classPrivateFieldGet$
|
|
4934
|
+
if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
|
|
4866
4935
|
event.stopImmediatePropagation();
|
|
4867
4936
|
return;
|
|
4868
4937
|
}
|
|
4869
4938
|
event.preventDefault();
|
|
4870
|
-
if (__classPrivateFieldGet$
|
|
4871
|
-
this.checked = !__classPrivateFieldGet$
|
|
4939
|
+
if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
|
|
4940
|
+
this.checked = !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4872
4941
|
this.changeEmitter.emit();
|
|
4873
4942
|
}
|
|
4874
4943
|
}
|
|
4875
4944
|
handleKeyDown(event) {
|
|
4876
|
-
if (__classPrivateFieldGet$
|
|
4945
|
+
if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
|
|
4877
4946
|
event.stopImmediatePropagation();
|
|
4878
4947
|
return;
|
|
4879
4948
|
}
|
|
@@ -4890,21 +4959,21 @@ class Chip {
|
|
|
4890
4959
|
if (event.key !== ' ')
|
|
4891
4960
|
return;
|
|
4892
4961
|
this.isPressed = false;
|
|
4893
|
-
if (__classPrivateFieldGet$
|
|
4894
|
-
this.checked = !__classPrivateFieldGet$
|
|
4962
|
+
if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
|
|
4963
|
+
this.checked = !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4895
4964
|
this.changeEmitter.emit();
|
|
4896
4965
|
}
|
|
4897
4966
|
}
|
|
4898
4967
|
checkedChanged() {
|
|
4899
|
-
this.isSelected = __classPrivateFieldGet$
|
|
4900
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4901
|
-
? __classPrivateFieldGet$
|
|
4968
|
+
this.isSelected = __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4969
|
+
this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)
|
|
4970
|
+
? __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get)
|
|
4902
4971
|
: // eslint-disable-next-line unicorn/no-null
|
|
4903
4972
|
null);
|
|
4904
4973
|
}
|
|
4905
4974
|
disabledChanged() {
|
|
4906
|
-
if (__classPrivateFieldGet$
|
|
4907
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4975
|
+
if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
|
|
4976
|
+
this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get));
|
|
4908
4977
|
// eslint-disable-next-line unicorn/no-null
|
|
4909
4978
|
else
|
|
4910
4979
|
this.internals.setFormValue(null);
|
|
@@ -4915,8 +4984,8 @@ class Chip {
|
|
|
4915
4984
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
4916
4985
|
}
|
|
4917
4986
|
valueChanged() {
|
|
4918
|
-
if (__classPrivateFieldGet$
|
|
4919
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4987
|
+
if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
|
|
4988
|
+
this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get));
|
|
4920
4989
|
}
|
|
4921
4990
|
componentWillLoad() {
|
|
4922
4991
|
this.valueChanged();
|
|
@@ -4924,39 +4993,39 @@ class Chip {
|
|
|
4924
4993
|
enumerable: true,
|
|
4925
4994
|
get: () => this.internals.form,
|
|
4926
4995
|
});
|
|
4927
|
-
__classPrivateFieldSet$
|
|
4996
|
+
__classPrivateFieldSet$m(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4928
4997
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4929
4998
|
}
|
|
4930
4999
|
componentDidLoad() {
|
|
4931
|
-
invariant(__classPrivateFieldGet$
|
|
4932
|
-
const span = __classPrivateFieldGet$
|
|
5000
|
+
invariant(__classPrivateFieldGet$r(this, _Chip_span, "f"));
|
|
5001
|
+
const span = __classPrivateFieldGet$r(this, _Chip_span, "f");
|
|
4933
5002
|
readTask(() => {
|
|
4934
5003
|
this.tooltip = isEllipsisActive(span);
|
|
4935
5004
|
});
|
|
4936
|
-
__classPrivateFieldSet$
|
|
5005
|
+
__classPrivateFieldSet$m(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
|
|
4937
5006
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
4938
5007
|
}), "f");
|
|
4939
|
-
__classPrivateFieldGet$
|
|
5008
|
+
__classPrivateFieldGet$r(this, _Chip_ro, "f").observe(__classPrivateFieldGet$r(this, _Chip_span, "f"));
|
|
4940
5009
|
}
|
|
4941
5010
|
disconnectedCallback() {
|
|
4942
|
-
if (__classPrivateFieldGet$
|
|
4943
|
-
__classPrivateFieldGet$
|
|
5011
|
+
if (__classPrivateFieldGet$r(this, _Chip_ro, "f"))
|
|
5012
|
+
__classPrivateFieldGet$r(this, _Chip_ro, "f").disconnect();
|
|
4944
5013
|
}
|
|
4945
5014
|
render() {
|
|
4946
|
-
return (hAsync("div", { key: '
|
|
5015
|
+
return (hAsync("div", { key: 'c87ae5b0e24b50bb8304e826f924e23906813a30', class: "qds-chip", ref: __classPrivateFieldGet$r(this, _Chip_chipRef, "f") }, __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable' && (hAsync("div", { key: '021c3a19556340b72b7361a7c1837eb2f8fc4c44', "aria-disabled": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: {
|
|
4947
5016
|
'qds-container': true,
|
|
4948
5017
|
'qds-closable-chip': true,
|
|
4949
|
-
}, "data-size": __classPrivateFieldGet$
|
|
5018
|
+
}, "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '6372fef2711522b9fd7c7985f3b5e02b348c4104', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '80c7e8d86cf341d096808fa496f7d4dd595c2cb5', class: "qds-text", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$r(this, _Chip_spanRef, "f") }, this.text), hAsync("qds-mini-button", { key: '98ca1457125b1b0e2e37e9ad403aea21fc94ac07', name: "clear", text: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_closableText_get), library: "core", class: "qds-cursor", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get), onClick: __classPrivateFieldGet$r(this, _Chip_onIconClick, "f"), tabIndex: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$r(this, _Chip_inheritedAttributes, "f") }))), __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable' && (
|
|
4950
5019
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
4951
|
-
hAsync("label", { key: '
|
|
5020
|
+
hAsync("label", { key: '47d726ace416ef546f315afce0215e374cb4f402', "aria-disabled": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: "qds-label" }, hAsync("input", { key: '41b0a87019c193d62c6cccb2da6ea5c51e5bcc7e',
|
|
4952
5021
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
4953
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$
|
|
5022
|
+
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get), name: this.name, onBlur: __classPrivateFieldGet$r(this, _Chip_onBlur, "f"), onFocus: __classPrivateFieldGet$r(this, _Chip_onFocus, "f"), tabIndex: __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", value: this.value ?? undefined, ...__classPrivateFieldGet$r(this, _Chip_inheritedAttributes, "f") }), hAsync("div", { key: '6cf7b1de73a86af57d95404e8441ec10aa8b4005', class: {
|
|
4954
5023
|
'qds-container': true,
|
|
4955
5024
|
'qds-pressed-state': this.isPressed,
|
|
4956
5025
|
'qds-selected-state': this.isSelected,
|
|
4957
5026
|
'qds-padding-end': true,
|
|
4958
5027
|
'qds-cursor': true,
|
|
4959
|
-
}, "data-size": __classPrivateFieldGet$
|
|
5028
|
+
}, "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get) }, (this.checked ?? false) && (hAsync("qds-icon", { key: 'b3b8fcb77e020f0819d33259ad4e9d8883f268db', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '3bed0e9814f3da14f8d5516ece2044bf6369907d', class: "qds-icon", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '17d03ea52ea5e06d22e1a9e4dd24d7ca2217c245', class: "qds-text", "data-size": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$r(this, _Chip_spanRef, "f") }, this.text)))), this.tooltip && (hAsync("qds-tooltip", { key: 'a84aca122610d08ad6338b8cc3e4100d18efece6', "aria-hidden": "true", ref: __classPrivateFieldGet$r(this, _Chip_tooltipRef, "f"), trigger: "pointerenter focusin" }, this.text))));
|
|
4960
5029
|
}
|
|
4961
5030
|
static get delegatesFocus() { return true; }
|
|
4962
5031
|
static get formAssociated() { return true; }
|
|
@@ -5024,12 +5093,12 @@ _Chip_chip = new WeakMap(), _Chip_span = new WeakMap(), _Chip_ro = new WeakMap()
|
|
|
5024
5093
|
return this.value == null ? null : this.value.toString();
|
|
5025
5094
|
};
|
|
5026
5095
|
|
|
5027
|
-
const dialogCss = ":host([hidden]){display:none!important}:host{display:none;height:-moz-fit-content;height:fit-content;inset:0;position:fixed;width:-moz-fit-content;width:fit-content}:host([open]){display:block}.qds-dialog{background-color:var(--qds-theme-popup-background);border:var(--qds-popup-border-width) solid var(--qds-theme-popup-border);border-radius:var(--qds-popup-border-radius);box-shadow:var(--qds-popup-elevation);color:inherit;height:inherit;padding:0;width:inherit}.qds-dialog::backdrop{background:initial}.qds-dialog[open]~.qds-backdrop{backdrop-filter:blur(var(--qds-theme-popup-overlay-blur));background-color:var(--qds-theme-popup-overlay-background);inset:0;opacity:var(--qds-theme-popup-overlay-opacity);position:fixed}.qds-heading{align-items:center;display:flex;padding:var(--qds-popup-padding-top) var(--qds-popup-padding-end) var(--qds-popup-section-padding-bottom) var(--qds-popup-padding-start)}.qds-close-button{margin-left:auto}.qds-footer{padding:var(--qds-popup-section-padding-top) var(--qds-popup-padding-end) var(--qds-popup-padding-bottom) var(--qds-popup-padding-start)}.qds-content{align-items:flex-start;display:flex;flex-direction:column;gap:var(--qds-popup-gap-children-related);height:
|
|
5096
|
+
const dialogCss = ":host([hidden]){display:none!important}:host{display:none;height:-moz-fit-content;height:fit-content;inset:0;position:fixed;width:-moz-fit-content;width:fit-content}:host([open]){display:block}.qds-dialog{background-color:var(--qds-theme-popup-background);border:var(--qds-popup-border-width) solid var(--qds-theme-popup-border);border-radius:var(--qds-popup-border-radius);box-shadow:var(--qds-popup-elevation);color:inherit;height:inherit;padding:0;width:inherit}.qds-dialog::backdrop{background:initial}.qds-dialog[open]~.qds-backdrop{backdrop-filter:blur(var(--qds-theme-popup-overlay-blur));background-color:var(--qds-theme-popup-overlay-background);inset:0;opacity:var(--qds-theme-popup-overlay-opacity);position:fixed}.qds-heading{align-items:center;display:flex;padding:var(--qds-popup-padding-top) var(--qds-popup-padding-end) var(--qds-popup-section-padding-bottom) var(--qds-popup-padding-start)}.qds-close-button{margin-left:auto}.qds-footer{padding:var(--qds-popup-section-padding-top) var(--qds-popup-padding-end) var(--qds-popup-padding-bottom) var(--qds-popup-padding-start)}.qds-content{align-items:flex-start;display:flex;flex-direction:column;gap:var(--qds-popup-gap-children-related);height:auto;padding:var(--qds-popup-section-padding-top) var(--qds-popup-padding-end) var(--qds-popup-section-padding-bottom) var(--qds-popup-padding-start)}::slotted(blockquote),::slotted(button),::slotted(dd),::slotted(dl),::slotted(fieldset),::slotted(figure),::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6),::slotted(hr),::slotted(input),::slotted(menu),::slotted(ol),::slotted(p),::slotted(pre),::slotted(select),::slotted(textarea),::slotted(ul){margin:0}";
|
|
5028
5097
|
|
|
5029
5098
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
5030
5099
|
//
|
|
5031
5100
|
// SPDX-License-Identifier: Apache-2.0
|
|
5032
|
-
var __classPrivateFieldSet$
|
|
5101
|
+
var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
5033
5102
|
if (kind === "m")
|
|
5034
5103
|
throw new TypeError("Private method is not writable");
|
|
5035
5104
|
if (kind === "a" && !f)
|
|
@@ -5038,7 +5107,7 @@ var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
5038
5107
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
5039
5108
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
5040
5109
|
};
|
|
5041
|
-
var __classPrivateFieldGet$
|
|
5110
|
+
var __classPrivateFieldGet$q = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
5042
5111
|
if (kind === "a" && !f)
|
|
5043
5112
|
throw new TypeError("Private accessor was defined without a getter");
|
|
5044
5113
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -5071,16 +5140,16 @@ class Dialog {
|
|
|
5071
5140
|
_Dialog_titleId.set(this, void 0);
|
|
5072
5141
|
_Dialog_closeButton.set(this, void 0);
|
|
5073
5142
|
_Dialog_ref.set(this, (dialog) => {
|
|
5074
|
-
__classPrivateFieldSet$
|
|
5143
|
+
__classPrivateFieldSet$l(this, _Dialog_dialog, dialog, "f");
|
|
5075
5144
|
});
|
|
5076
5145
|
_Dialog_onCancel.set(this, (event) => {
|
|
5077
5146
|
if (this.cancelEmitter.emit().defaultPrevented)
|
|
5078
5147
|
event.preventDefault();
|
|
5079
5148
|
});
|
|
5080
5149
|
_Dialog_onClose.set(this, () => {
|
|
5081
|
-
invariant(__classPrivateFieldGet$
|
|
5150
|
+
invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
|
|
5082
5151
|
this.closeEmitter.emit();
|
|
5083
|
-
this.open = __classPrivateFieldGet$
|
|
5152
|
+
this.open = __classPrivateFieldGet$q(this, _Dialog_dialog, "f").open;
|
|
5084
5153
|
});
|
|
5085
5154
|
_Dialog_handleCloseClick.set(this, () => {
|
|
5086
5155
|
this.close();
|
|
@@ -5097,7 +5166,7 @@ class Dialog {
|
|
|
5097
5166
|
}
|
|
5098
5167
|
});
|
|
5099
5168
|
_Dialog_closeButtonRef.set(this, (button) => {
|
|
5100
|
-
__classPrivateFieldSet$
|
|
5169
|
+
__classPrivateFieldSet$l(this, _Dialog_closeButton, button, "f");
|
|
5101
5170
|
});
|
|
5102
5171
|
_Dialog_handleFocus.set(this, () => {
|
|
5103
5172
|
if (!this.open)
|
|
@@ -5107,8 +5176,8 @@ class Dialog {
|
|
|
5107
5176
|
autofocusTarget.focus();
|
|
5108
5177
|
return;
|
|
5109
5178
|
}
|
|
5110
|
-
if (this.closable === true && __classPrivateFieldGet$
|
|
5111
|
-
__classPrivateFieldGet$
|
|
5179
|
+
if (this.closable === true && __classPrivateFieldGet$q(this, _Dialog_closeButton, "f")) {
|
|
5180
|
+
__classPrivateFieldGet$q(this, _Dialog_closeButton, "f").focus();
|
|
5112
5181
|
}
|
|
5113
5182
|
});
|
|
5114
5183
|
}
|
|
@@ -5123,9 +5192,9 @@ class Dialog {
|
|
|
5123
5192
|
this.hasFooterSlot = !!this.host.querySelector('[slot="footer"]');
|
|
5124
5193
|
}
|
|
5125
5194
|
componentWillLoad() {
|
|
5126
|
-
__classPrivateFieldSet$
|
|
5195
|
+
__classPrivateFieldSet$l(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
5127
5196
|
autoIncrementingId$4 += 1;
|
|
5128
|
-
__classPrivateFieldSet$
|
|
5197
|
+
__classPrivateFieldSet$l(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$4}`, "f");
|
|
5129
5198
|
}
|
|
5130
5199
|
componentDidLoad() {
|
|
5131
5200
|
if (this.open)
|
|
@@ -5133,19 +5202,19 @@ class Dialog {
|
|
|
5133
5202
|
}
|
|
5134
5203
|
render() {
|
|
5135
5204
|
const hasHeading = this.hasTitleSlot || this.closable === true;
|
|
5136
|
-
return (hAsync(Host, { key: '
|
|
5205
|
+
return (hAsync(Host, { key: '3775c0fe42baca31c033c94ac54ae9a0952230e1' }, hAsync("dialog", { key: 'd7d151c1824d486cc600b4f35239d8750df7ae3c', class: "qds-dialog", ref: __classPrivateFieldGet$q(this, _Dialog_ref, "f"), onCancel: __classPrivateFieldGet$q(this, _Dialog_onCancel, "f"), onClose: __classPrivateFieldGet$q(this, _Dialog_onClose, "f"), onSubmit: __classPrivateFieldGet$q(this, _Dialog_onSubmit, "f"), ...__classPrivateFieldGet$q(this, _Dialog_inheritedAttributes, "f"), "aria-labelledby": this.hasTitleSlot ? __classPrivateFieldGet$q(this, _Dialog_titleId, "f") : undefined }, hasHeading && (hAsync("div", { key: '35dd63265b11d60c81a0da00ecf26960e1ac6019', class: "qds-heading" }, this.hasTitleSlot && (hAsync("div", { key: '36a0f0cea4d5ea178159c6999dee7a0f504b463c', id: __classPrivateFieldGet$q(this, _Dialog_titleId, "f") }, hAsync("slot", { key: '75e5ece6f72f32e4ba7db2bf9d599fca38439d47', name: "title" }))), this.closable === true && (hAsync("qds-icon-button", { key: '32ebd90a963baf9641cc67bb2cd149028a60b260', text: "close dialog", class: "qds-close-button", importance: "subdued", iconName: "close", iconLibrary: "core", onClick: __classPrivateFieldGet$q(this, _Dialog_handleCloseClick, "f"), ref: __classPrivateFieldGet$q(this, _Dialog_closeButtonRef, "f") })))), hAsync("div", { key: 'bda8d06d22282ca980d92fa59675906c9e848f2d', class: "qds-content" }, hAsync("slot", { key: 'cb838bb563777ab4e6364cff00c18ab29d3097d3' })), this.hasFooterSlot && (hAsync("div", { key: 'abe36ceae28976fcf7414c84512024ee4a4cb1ea', class: "qds-footer" }, hAsync("slot", { key: '4a5256aa87b920d001592d3a3878661a7c7fcd86', name: "footer" })))), hAsync("div", { key: 'a77aaaf5f7011473d53593c5ca26435b0b9c8946', class: "qds-backdrop" })));
|
|
5137
5206
|
}
|
|
5138
5207
|
show() {
|
|
5139
|
-
invariant(__classPrivateFieldGet$
|
|
5140
|
-
__classPrivateFieldGet$
|
|
5141
|
-
this.open = __classPrivateFieldGet$
|
|
5208
|
+
invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
|
|
5209
|
+
__classPrivateFieldGet$q(this, _Dialog_dialog, "f").showModal();
|
|
5210
|
+
this.open = __classPrivateFieldGet$q(this, _Dialog_dialog, "f").open;
|
|
5142
5211
|
requestAnimationFrame(() => {
|
|
5143
|
-
__classPrivateFieldGet$
|
|
5212
|
+
__classPrivateFieldGet$q(this, _Dialog_handleFocus, "f").call(this);
|
|
5144
5213
|
});
|
|
5145
5214
|
}
|
|
5146
5215
|
close() {
|
|
5147
|
-
invariant(__classPrivateFieldGet$
|
|
5148
|
-
__classPrivateFieldGet$
|
|
5216
|
+
invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
|
|
5217
|
+
__classPrivateFieldGet$q(this, _Dialog_dialog, "f").close();
|
|
5149
5218
|
}
|
|
5150
5219
|
get host() { return getElement(this); }
|
|
5151
5220
|
static get watchers() { return {
|
|
@@ -5173,7 +5242,7 @@ const dividerCss = ":host([hidden]){display:none!important}:host{display:block}.
|
|
|
5173
5242
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
5174
5243
|
//
|
|
5175
5244
|
// SPDX-License-Identifier: Apache-2.0
|
|
5176
|
-
var __classPrivateFieldGet$
|
|
5245
|
+
var __classPrivateFieldGet$p = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
5177
5246
|
if (kind === "a" && !f)
|
|
5178
5247
|
throw new TypeError("Private accessor was defined without a getter");
|
|
5179
5248
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -5219,10 +5288,10 @@ class Divider {
|
|
|
5219
5288
|
this.verticalChanged();
|
|
5220
5289
|
}
|
|
5221
5290
|
render() {
|
|
5222
|
-
return (hAsync("hr", { key: '
|
|
5291
|
+
return (hAsync("hr", { key: '172c2fec598edca334fa30ddab125eb285aba164', class: {
|
|
5223
5292
|
'qds-divider': true,
|
|
5224
5293
|
'qds-vertical': this.vertical,
|
|
5225
|
-
}, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$
|
|
5294
|
+
}, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$p(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
|
|
5226
5295
|
}
|
|
5227
5296
|
static get watchers() { return {
|
|
5228
5297
|
"vertical": ["verticalChanged"]
|
|
@@ -6941,7 +7010,7 @@ const dropdownCss = ":host([hidden]){display:none!important}:host{background-col
|
|
|
6941
7010
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
6942
7011
|
//
|
|
6943
7012
|
// SPDX-License-Identifier: Apache-2.0
|
|
6944
|
-
var __classPrivateFieldSet$
|
|
7013
|
+
var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
6945
7014
|
if (kind === "m")
|
|
6946
7015
|
throw new TypeError("Private method is not writable");
|
|
6947
7016
|
if (kind === "a" && !f)
|
|
@@ -6950,7 +7019,7 @@ var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
6950
7019
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
6951
7020
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
6952
7021
|
};
|
|
6953
|
-
var __classPrivateFieldGet$
|
|
7022
|
+
var __classPrivateFieldGet$o = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
6954
7023
|
if (kind === "a" && !f)
|
|
6955
7024
|
throw new TypeError("Private accessor was defined without a getter");
|
|
6956
7025
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -7038,10 +7107,10 @@ class Dropdown {
|
|
|
7038
7107
|
if (!(event instanceof FocusEvent))
|
|
7039
7108
|
return;
|
|
7040
7109
|
const { relatedTarget } = event;
|
|
7041
|
-
const dropdownItem = __classPrivateFieldGet$
|
|
7110
|
+
const dropdownItem = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").find((item) => item === relatedTarget);
|
|
7042
7111
|
if (relatedTarget instanceof globalThis.Element &&
|
|
7043
7112
|
!this.host.contains(relatedTarget) &&
|
|
7044
|
-
__classPrivateFieldGet$
|
|
7113
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") !== relatedTarget &&
|
|
7045
7114
|
!dropdownItem)
|
|
7046
7115
|
await this.close();
|
|
7047
7116
|
});
|
|
@@ -7049,33 +7118,51 @@ class Dropdown {
|
|
|
7049
7118
|
if (!(event instanceof KeyboardEvent))
|
|
7050
7119
|
return;
|
|
7051
7120
|
const { key, target } = event;
|
|
7121
|
+
const targetRootNode = target instanceof globalThis.Node ? target.getRootNode() : undefined;
|
|
7122
|
+
const keydownOnReference = target === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") ||
|
|
7123
|
+
(targetRootNode instanceof globalThis.ShadowRoot &&
|
|
7124
|
+
targetRootNode.host === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")) ||
|
|
7125
|
+
(target instanceof globalThis.Element &&
|
|
7126
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
|
|
7127
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").contains(target));
|
|
7052
7128
|
if (key === 'Enter' && !this.keepOpenOnSelect && isEnabledItem(target)) {
|
|
7129
|
+
// Keep parent open when Enter is used on an item with a nested submenu.
|
|
7130
|
+
if (target instanceof HTMLElement &&
|
|
7131
|
+
target.shadowRoot?.querySelector('qds-dropdown'))
|
|
7132
|
+
return;
|
|
7053
7133
|
await this.close();
|
|
7054
|
-
__classPrivateFieldGet$
|
|
7134
|
+
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
|
|
7055
7135
|
return;
|
|
7056
7136
|
}
|
|
7057
7137
|
if (key === 'Escape' &&
|
|
7058
|
-
(target === __classPrivateFieldGet$
|
|
7138
|
+
(target === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") ||
|
|
7059
7139
|
(target instanceof globalThis.Element &&
|
|
7060
7140
|
closestElement('qds-dropdown', target) === this.host))) {
|
|
7061
7141
|
const cancelEvent = this.cancelEmitter.emit();
|
|
7062
7142
|
if (cancelEvent.defaultPrevented)
|
|
7063
7143
|
return;
|
|
7064
7144
|
await this.close();
|
|
7065
|
-
__classPrivateFieldGet$
|
|
7145
|
+
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
|
|
7066
7146
|
return;
|
|
7067
7147
|
}
|
|
7068
|
-
if (
|
|
7069
|
-
(key === 'ArrowDown' || key === 'ArrowUp')) {
|
|
7070
|
-
if (!__classPrivateFieldGet$
|
|
7148
|
+
if (keydownOnReference &&
|
|
7149
|
+
(key === 'ArrowDown' || key === 'ArrowUp' || key === 'Enter')) {
|
|
7150
|
+
if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
|
|
7071
7151
|
await this.show();
|
|
7072
|
-
__classPrivateFieldGet$
|
|
7152
|
+
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
|
|
7073
7153
|
event.preventDefault();
|
|
7154
|
+
event.stopPropagation();
|
|
7155
|
+
return;
|
|
7156
|
+
}
|
|
7157
|
+
// Prevent space key from scrolling the page when focused on an item
|
|
7158
|
+
if (key === ' ') {
|
|
7159
|
+
event.preventDefault();
|
|
7160
|
+
event.stopPropagation();
|
|
7074
7161
|
return;
|
|
7075
7162
|
}
|
|
7076
7163
|
if (!VERTICAL_MOVE_KEYS.has(key))
|
|
7077
7164
|
return;
|
|
7078
|
-
const Items = __classPrivateFieldGet$
|
|
7165
|
+
const Items = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").filter((item) => isEnabledItem(item) &&
|
|
7079
7166
|
closestElement('qds-dropdown', item) === this.host);
|
|
7080
7167
|
if (Items.length === 0)
|
|
7081
7168
|
return;
|
|
@@ -7114,42 +7201,42 @@ class Dropdown {
|
|
|
7114
7201
|
_Dropdown_onReferenceClick.set(this, async () => {
|
|
7115
7202
|
if (this.disabled)
|
|
7116
7203
|
return;
|
|
7117
|
-
if (__classPrivateFieldGet$
|
|
7204
|
+
if (__classPrivateFieldGet$o(this, _Dropdown_open, "f")) {
|
|
7118
7205
|
await this.close();
|
|
7119
7206
|
return;
|
|
7120
7207
|
}
|
|
7121
7208
|
await this.show();
|
|
7122
|
-
__classPrivateFieldGet$
|
|
7209
|
+
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
|
|
7123
7210
|
});
|
|
7124
7211
|
_Dropdown_boundOnFocusout.set(this, (event) => {
|
|
7125
|
-
ignorePromise(__classPrivateFieldGet$
|
|
7212
|
+
ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f").call(this, event));
|
|
7126
7213
|
});
|
|
7127
7214
|
_Dropdown_boundOnKeydown.set(this, (event) => {
|
|
7128
|
-
ignorePromise(__classPrivateFieldGet$
|
|
7215
|
+
ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f").call(this, event));
|
|
7129
7216
|
});
|
|
7130
7217
|
_Dropdown_boundOnReferenceClick.set(this, () => {
|
|
7131
|
-
ignorePromise(__classPrivateFieldGet$
|
|
7218
|
+
ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onReferenceClick, "f").call(this));
|
|
7132
7219
|
});
|
|
7133
7220
|
_Dropdown_onSlotchange.set(this, (event) => {
|
|
7134
7221
|
const slot = event.target;
|
|
7135
7222
|
const assignedElements = slot.assignedElements({ flatten: true });
|
|
7136
|
-
__classPrivateFieldSet$
|
|
7223
|
+
__classPrivateFieldSet$k(this, _Dropdown_Items, assignedElements.filter((element) => isEnabledItem(element)), "f");
|
|
7137
7224
|
});
|
|
7138
7225
|
}
|
|
7139
7226
|
/**
|
|
7140
7227
|
* Updates the gap between the dropdown and its target element.
|
|
7141
7228
|
*/
|
|
7142
7229
|
async updateGap() {
|
|
7143
|
-
__classPrivateFieldSet$
|
|
7230
|
+
__classPrivateFieldSet$k(this, _Dropdown_gap, propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0, "f");
|
|
7144
7231
|
await this.updateMiddleware();
|
|
7145
7232
|
}
|
|
7146
7233
|
/**
|
|
7147
7234
|
* Shows the dropdown.
|
|
7148
7235
|
*/
|
|
7149
7236
|
async show() {
|
|
7150
|
-
if (__classPrivateFieldGet$
|
|
7237
|
+
if (__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
|
|
7151
7238
|
return;
|
|
7152
|
-
const reference = __classPrivateFieldGet$
|
|
7239
|
+
const reference = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f");
|
|
7153
7240
|
const { host } = this;
|
|
7154
7241
|
if (reference instanceof globalThis.Element) {
|
|
7155
7242
|
reference.setAttribute('aria-expanded', 'true');
|
|
@@ -7160,12 +7247,12 @@ class Dropdown {
|
|
|
7160
7247
|
if (isQdsButton(reference) && reference.action === 'dropdown')
|
|
7161
7248
|
reference.action = 'dropdown-close';
|
|
7162
7249
|
}
|
|
7163
|
-
if (!__classPrivateFieldGet$
|
|
7250
|
+
if (!__classPrivateFieldGet$o(this, _Dropdown_opened, "f")) {
|
|
7164
7251
|
await this.updateGap();
|
|
7165
|
-
__classPrivateFieldSet$
|
|
7252
|
+
__classPrivateFieldSet$k(this, _Dropdown_opened, true, "f");
|
|
7166
7253
|
}
|
|
7167
7254
|
this.startAutoUpdate();
|
|
7168
|
-
__classPrivateFieldSet$
|
|
7255
|
+
__classPrivateFieldSet$k(this, _Dropdown_open, true, "f");
|
|
7169
7256
|
host.hidden = false;
|
|
7170
7257
|
host.showPopover();
|
|
7171
7258
|
}
|
|
@@ -7173,29 +7260,29 @@ class Dropdown {
|
|
|
7173
7260
|
* Closes the dropdown.
|
|
7174
7261
|
*/
|
|
7175
7262
|
async close() {
|
|
7176
|
-
if (!__classPrivateFieldGet$
|
|
7263
|
+
if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
|
|
7177
7264
|
return;
|
|
7178
|
-
if (__classPrivateFieldGet$
|
|
7179
|
-
__classPrivateFieldGet$
|
|
7180
|
-
__classPrivateFieldGet$
|
|
7181
|
-
if (isQdsButton(__classPrivateFieldGet$
|
|
7182
|
-
__classPrivateFieldGet$
|
|
7183
|
-
__classPrivateFieldGet$
|
|
7184
|
-
}
|
|
7185
|
-
if (__classPrivateFieldGet$
|
|
7186
|
-
__classPrivateFieldGet$
|
|
7187
|
-
__classPrivateFieldSet$
|
|
7265
|
+
if (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
|
|
7266
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
|
|
7267
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
|
|
7268
|
+
if (isQdsButton(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")) &&
|
|
7269
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").action === 'dropdown-close')
|
|
7270
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").action = 'dropdown';
|
|
7271
|
+
}
|
|
7272
|
+
if (__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f"))
|
|
7273
|
+
__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f").call(this);
|
|
7274
|
+
__classPrivateFieldSet$k(this, _Dropdown_open, false, "f");
|
|
7188
7275
|
this.host.hidden = true;
|
|
7189
7276
|
this.host.hidePopover();
|
|
7190
7277
|
this.closeEmitter.emit();
|
|
7191
7278
|
}
|
|
7192
7279
|
async handleMouseDown(event) {
|
|
7193
|
-
if (!__classPrivateFieldGet$
|
|
7280
|
+
if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
|
|
7194
7281
|
return;
|
|
7195
7282
|
const composedPath = event.composedPath();
|
|
7196
7283
|
const withinBounds = composedPath.includes(this.host) ||
|
|
7197
|
-
(__classPrivateFieldGet$
|
|
7198
|
-
composedPath.includes(__classPrivateFieldGet$
|
|
7284
|
+
(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
|
|
7285
|
+
composedPath.includes(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")));
|
|
7199
7286
|
if (!withinBounds)
|
|
7200
7287
|
await this.close();
|
|
7201
7288
|
}
|
|
@@ -7206,24 +7293,24 @@ class Dropdown {
|
|
|
7206
7293
|
}
|
|
7207
7294
|
async updateReferenceElement() {
|
|
7208
7295
|
var _a;
|
|
7209
|
-
__classPrivateFieldGet$
|
|
7210
|
-
__classPrivateFieldSet$
|
|
7211
|
-
if (!(__classPrivateFieldGet$
|
|
7296
|
+
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
|
|
7297
|
+
__classPrivateFieldSet$k(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
|
|
7298
|
+
if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
|
|
7212
7299
|
return;
|
|
7213
|
-
__classPrivateFieldGet$
|
|
7214
|
-
__classPrivateFieldGet$
|
|
7215
|
-
__classPrivateFieldGet$
|
|
7216
|
-
__classPrivateFieldGet$
|
|
7300
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
|
|
7301
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('click', __classPrivateFieldGet$o(this, _Dropdown_boundOnReferenceClick, "f"));
|
|
7302
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('focusout', __classPrivateFieldGet$o(this, _Dropdown_boundOnFocusout, "f"));
|
|
7303
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
|
|
7217
7304
|
if (this.host.role === 'menu') {
|
|
7218
|
-
(_a = __classPrivateFieldGet$
|
|
7219
|
-
this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$
|
|
7305
|
+
(_a = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${autoIncrementingId$3}`);
|
|
7306
|
+
this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").id);
|
|
7220
7307
|
}
|
|
7221
7308
|
}
|
|
7222
7309
|
async updateMiddleware() {
|
|
7223
|
-
__classPrivateFieldSet$
|
|
7310
|
+
__classPrivateFieldSet$k(this, _Dropdown_middleware, [
|
|
7224
7311
|
offset({
|
|
7225
7312
|
...this.offsetOptions,
|
|
7226
|
-
mainAxis: __classPrivateFieldGet$
|
|
7313
|
+
mainAxis: __classPrivateFieldGet$o(this, _Dropdown_gap, "f"),
|
|
7227
7314
|
}),
|
|
7228
7315
|
!this.noFlip &&
|
|
7229
7316
|
flip({
|
|
@@ -7238,10 +7325,10 @@ class Dropdown {
|
|
|
7238
7325
|
], "f");
|
|
7239
7326
|
}
|
|
7240
7327
|
async updatePosition() {
|
|
7241
|
-
if (!__classPrivateFieldGet$
|
|
7328
|
+
if (!__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"))
|
|
7242
7329
|
return;
|
|
7243
|
-
const { x, y, strategy } = await computePosition(__classPrivateFieldGet$
|
|
7244
|
-
middleware: __classPrivateFieldGet$
|
|
7330
|
+
const { x, y, strategy } = await computePosition(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"), this.host, {
|
|
7331
|
+
middleware: __classPrivateFieldGet$o(this, _Dropdown_middleware, "f"),
|
|
7245
7332
|
placement: this.placement,
|
|
7246
7333
|
strategy: this.strategy,
|
|
7247
7334
|
});
|
|
@@ -7252,11 +7339,11 @@ class Dropdown {
|
|
|
7252
7339
|
});
|
|
7253
7340
|
}
|
|
7254
7341
|
startAutoUpdate() {
|
|
7255
|
-
if (!__classPrivateFieldGet$
|
|
7342
|
+
if (!__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"))
|
|
7256
7343
|
return;
|
|
7257
|
-
if (__classPrivateFieldGet$
|
|
7258
|
-
__classPrivateFieldGet$
|
|
7259
|
-
__classPrivateFieldSet$
|
|
7344
|
+
if (__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f"))
|
|
7345
|
+
__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f").call(this);
|
|
7346
|
+
__classPrivateFieldSet$k(this, _Dropdown_cleanup, autoUpdate(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"), this.host, () => {
|
|
7260
7347
|
ignorePromise(this.updatePosition());
|
|
7261
7348
|
}, this.autoUpdateOptions), "f");
|
|
7262
7349
|
}
|
|
@@ -7270,10 +7357,10 @@ class Dropdown {
|
|
|
7270
7357
|
autoIncrementingId$3 += 1;
|
|
7271
7358
|
}
|
|
7272
7359
|
disconnectedCallback() {
|
|
7273
|
-
__classPrivateFieldGet$
|
|
7360
|
+
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
|
|
7274
7361
|
}
|
|
7275
7362
|
render() {
|
|
7276
|
-
return (hAsync(Host, { key: '
|
|
7363
|
+
return (hAsync(Host, { key: '65c58f7361006626f42e2d3b57fe78d2388b3a9d', onKeyDown: __classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: '79bc14dc9dfd417f26e7043fcd71694819ccd2c8', onSlotchange: __classPrivateFieldGet$o(this, _Dropdown_onSlotchange, "f") })));
|
|
7277
7364
|
}
|
|
7278
7365
|
static get delegatesFocus() { return true; }
|
|
7279
7366
|
get host() { return getElement(this); }
|
|
@@ -7315,30 +7402,30 @@ class Dropdown {
|
|
|
7315
7402
|
}; }
|
|
7316
7403
|
}
|
|
7317
7404
|
_Dropdown_cleanup = new WeakMap(), _Dropdown_Items = new WeakMap(), _Dropdown_gap = new WeakMap(), _Dropdown_middleware = new WeakMap(), _Dropdown_referenceElement = new WeakMap(), _Dropdown_open = new WeakMap(), _Dropdown_opened = new WeakMap(), _Dropdown_onFocusout = new WeakMap(), _Dropdown_onKeydown = new WeakMap(), _Dropdown_onReferenceClick = new WeakMap(), _Dropdown_boundOnFocusout = new WeakMap(), _Dropdown_boundOnKeydown = new WeakMap(), _Dropdown_boundOnReferenceClick = new WeakMap(), _Dropdown_onSlotchange = new WeakMap(), _Dropdown_instances = new WeakSet(), _Dropdown_focusOnTrigger = function _Dropdown_focusOnTrigger() {
|
|
7318
|
-
if (__classPrivateFieldGet$
|
|
7319
|
-
__classPrivateFieldGet$
|
|
7320
|
-
__classPrivateFieldGet$
|
|
7405
|
+
if (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement ||
|
|
7406
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement) {
|
|
7407
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").focus();
|
|
7321
7408
|
}
|
|
7322
7409
|
}, _Dropdown_focusFirstItem = function _Dropdown_focusFirstItem() {
|
|
7323
7410
|
requestAnimationFrame(() => {
|
|
7324
|
-
const firstItem = __classPrivateFieldGet$
|
|
7411
|
+
const firstItem = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").find((item) => item instanceof HTMLElement &&
|
|
7325
7412
|
isEnabledItem(item) &&
|
|
7326
7413
|
closestElement('qds-dropdown', item) === this.host);
|
|
7327
7414
|
if (!firstItem)
|
|
7328
7415
|
return;
|
|
7329
|
-
for (const item of __classPrivateFieldGet$
|
|
7416
|
+
for (const item of __classPrivateFieldGet$o(this, _Dropdown_Items, "f"))
|
|
7330
7417
|
item.setAttribute('tabindex', '-1');
|
|
7331
7418
|
firstItem.setAttribute('tabindex', '0');
|
|
7332
7419
|
firstItem.focus();
|
|
7333
7420
|
});
|
|
7334
7421
|
}, _Dropdown_disconnectReferenceElement = function _Dropdown_disconnectReferenceElement() {
|
|
7335
7422
|
this.host.removeAttribute('aria-labelledby');
|
|
7336
|
-
if (!(__classPrivateFieldGet$
|
|
7423
|
+
if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
|
|
7337
7424
|
return;
|
|
7338
|
-
__classPrivateFieldGet$
|
|
7339
|
-
__classPrivateFieldGet$
|
|
7340
|
-
__classPrivateFieldGet$
|
|
7341
|
-
__classPrivateFieldGet$
|
|
7425
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('focusout', __classPrivateFieldGet$o(this, _Dropdown_boundOnFocusout, "f"));
|
|
7426
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
|
|
7427
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-expanded');
|
|
7428
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
|
|
7342
7429
|
};
|
|
7343
7430
|
|
|
7344
7431
|
const formMessageCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-form-message{color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap)}.qds-form-message.qds-inline{align-items:flex-start}.qds-icon-background,.qds-icon-container{align-items:center;display:flex}.qds-icon-background{background-color:var(--qds-theme-feedback-action-destructive-contrast);border-radius:var(--qds-control-rounded-border-radius)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-size=small]{font:var(--qds-form-small-text)}.qds-icon-container[data-size=small]{height:var(--qds-control-small-icon-crop-height)}.qds-icon[data-size=small]{height:var(--qds-form-small-icon-size);width:var(--qds-form-small-icon-size)}.qds-inline[data-size=small]{min-height:var(--qds-form-input-small-height);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-form-standard-text)}.qds-icon-container[data-size=standard]{height:var(--qds-control-standard-icon-crop-height)}.qds-icon[data-size=standard]{height:var(--qds-form-standard-icon-size);width:var(--qds-form-standard-icon-size)}.qds-inline[data-size=standard]{min-height:var(--qds-form-input-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-form-large-text)}.qds-icon-container[data-size=large]{height:var(--qds-control-large-icon-crop-height)}.qds-icon[data-size=large]{height:var(--qds-form-large-icon-size);width:var(--qds-form-large-icon-size)}.qds-inline[data-size=large]{min-height:var(--qds-form-input-large-height);padding-block:var(--qds-control-large-padding-auto-height)}.qds-icon[data-status=error],.qds-text[data-status=error]{color:var(--qds-theme-feedback-result-failure)}[data-status=info].qds-icon{color:var(--qds-theme-feedback-message-informational)}.qds-icon[data-status=success],.qds-text[data-status=success]{color:var(--qds-theme-feedback-result-success)}[data-status=warning].qds-icon{color:var(--qds-theme-feedback-result-partial-success)}[data-status=neutral]{color:var(--qds-theme-text-subdued)}";
|
|
@@ -7346,7 +7433,7 @@ const formMessageCss = ":host([hidden]){display:none!important}:host{display:inl
|
|
|
7346
7433
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7347
7434
|
//
|
|
7348
7435
|
// SPDX-License-Identifier: Apache-2.0
|
|
7349
|
-
var __classPrivateFieldSet$
|
|
7436
|
+
var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7350
7437
|
if (kind === "m")
|
|
7351
7438
|
throw new TypeError("Private method is not writable");
|
|
7352
7439
|
if (kind === "a" && !f)
|
|
@@ -7355,7 +7442,7 @@ var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
7355
7442
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
7356
7443
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
7357
7444
|
};
|
|
7358
|
-
var __classPrivateFieldGet$
|
|
7445
|
+
var __classPrivateFieldGet$n = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7359
7446
|
if (kind === "a" && !f)
|
|
7360
7447
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7361
7448
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -7391,13 +7478,13 @@ class FormMessage {
|
|
|
7391
7478
|
_FormMessage_inheritedAttributes.set(this, {});
|
|
7392
7479
|
}
|
|
7393
7480
|
componentWillLoad() {
|
|
7394
|
-
__classPrivateFieldSet$
|
|
7481
|
+
__classPrivateFieldSet$j(this, _FormMessage_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
7395
7482
|
}
|
|
7396
7483
|
render() {
|
|
7397
|
-
return (hAsync("span", { key: '
|
|
7484
|
+
return (hAsync("span", { key: '06e32c62546b32c49b946d4878a7d6fe8401bdc5', class: {
|
|
7398
7485
|
'qds-form-message': true,
|
|
7399
7486
|
'qds-inline': this.inline,
|
|
7400
|
-
}, "data-size": __classPrivateFieldGet$
|
|
7487
|
+
}, "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), ...__classPrivateFieldGet$n(this, _FormMessage_inheritedAttributes, "f") }, this.status !== 'neutral' && (hAsync("div", { key: '0a9b180b4a3649f5360cdd930b47e154940a57ec', class: "qds-icon-container", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: '8662cabe7446727290a67ad778e519aad73438f6', class: "qds-icon-background", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status }, hAsync("qds-icon", { key: '99467f3ddac3b4ca02f54b56d252eafcd266e627', class: "qds-icon", "data-size": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status, name: `status-${this.status}-solid`, library: "core" }), hAsync("span", { key: 'f14eb5b9840eab89b41b0dba1aeb3e4565302a57', class: "qds-sr-only" }, this.statusDescription)))), hAsync("span", { key: 'feba7f19897dad2a1913cb6175933fb83580a5b0', class: "qds-text", "data-status": __classPrivateFieldGet$n(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
|
|
7401
7488
|
}
|
|
7402
7489
|
get host() { return getElement(this); }
|
|
7403
7490
|
static get style() { return formMessageCss; }
|
|
@@ -7570,28 +7657,8 @@ const requestIcon = (url) => {
|
|
|
7570
7657
|
return iconPromise;
|
|
7571
7658
|
};
|
|
7572
7659
|
|
|
7573
|
-
const iconCss = ":host([hidden]){display:none!important}:host{display:inline-block;height:1em;width:1em}.qds-container{position:relative}.qds-icon-wrapper{display:contents}svg{display:block;fill:currentcolor;height:100%;width:100%}
|
|
7660
|
+
const iconCss = ":host([hidden]){display:none!important}:host{display:inline-block;height:1em;width:1em}.qds-container{position:relative}.qds-icon-wrapper{display:contents}svg{display:block;fill:currentcolor;height:100%;width:100%}";
|
|
7574
7661
|
|
|
7575
|
-
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7576
|
-
//
|
|
7577
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
7578
|
-
var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7579
|
-
if (kind === "a" && !f)
|
|
7580
|
-
throw new TypeError("Private accessor was defined without a getter");
|
|
7581
|
-
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7582
|
-
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
7583
|
-
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
7584
|
-
};
|
|
7585
|
-
var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7586
|
-
if (kind === "m")
|
|
7587
|
-
throw new TypeError("Private method is not writable");
|
|
7588
|
-
if (kind === "a" && !f)
|
|
7589
|
-
throw new TypeError("Private accessor was defined without a setter");
|
|
7590
|
-
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7591
|
-
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
7592
|
-
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
7593
|
-
};
|
|
7594
|
-
var _Icon_inheritedAttributes;
|
|
7595
7662
|
let parser;
|
|
7596
7663
|
/**
|
|
7597
7664
|
* @experimental
|
|
@@ -7601,12 +7668,18 @@ class Icon {
|
|
|
7601
7668
|
registerInstance(this, hostRef);
|
|
7602
7669
|
this.loadEmitter = createEvent(this, "qdsLoad", 6);
|
|
7603
7670
|
this.errorEmitter = createEvent(this, "qdsError", 6);
|
|
7671
|
+
if (hostRef.$hostElement$["s-ei"]) {
|
|
7672
|
+
this.internals = hostRef.$hostElement$["s-ei"];
|
|
7673
|
+
}
|
|
7674
|
+
else {
|
|
7675
|
+
this.internals = hostRef.$hostElement$.attachInternals();
|
|
7676
|
+
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
7677
|
+
}
|
|
7604
7678
|
/**
|
|
7605
7679
|
* The name of a registered icon library.
|
|
7606
7680
|
*/
|
|
7607
7681
|
this.library = 'default';
|
|
7608
7682
|
this.svg = '';
|
|
7609
|
-
_Icon_inheritedAttributes.set(this, {});
|
|
7610
7683
|
}
|
|
7611
7684
|
async setIcon() {
|
|
7612
7685
|
if (!this.name)
|
|
@@ -7637,9 +7710,6 @@ class Icon {
|
|
|
7637
7710
|
this.errorEmitter.emit();
|
|
7638
7711
|
}
|
|
7639
7712
|
else {
|
|
7640
|
-
for (const [key, value] of Object.entries(__classPrivateFieldGet$l(this, _Icon_inheritedAttributes, "f")))
|
|
7641
|
-
if (value !== undefined)
|
|
7642
|
-
svgElement.setAttribute(key, value);
|
|
7643
7713
|
this.svg = svgElement.outerHTML;
|
|
7644
7714
|
this.loadEmitter.emit();
|
|
7645
7715
|
}
|
|
@@ -7649,13 +7719,12 @@ class Icon {
|
|
|
7649
7719
|
}
|
|
7650
7720
|
}
|
|
7651
7721
|
async componentWillLoad() {
|
|
7652
|
-
|
|
7722
|
+
this.internals.role = 'presentation';
|
|
7653
7723
|
await this.setIcon();
|
|
7654
7724
|
}
|
|
7655
7725
|
render() {
|
|
7656
|
-
return (hAsync("div", { key: '
|
|
7726
|
+
return (hAsync("div", { key: 'a572b557421a531b2247ff4bdfa3f739eddf04de', class: "qds-container", "aria-hidden": "true" }, hAsync("span", { key: '61ffb82db95a3fc5703e5c5fa33af46281fad445', class: "qds-icon-wrapper", innerHTML: this.svg })));
|
|
7657
7727
|
}
|
|
7658
|
-
get host() { return getElement(this); }
|
|
7659
7728
|
static get watchers() { return {
|
|
7660
7729
|
"name": ["setIcon"],
|
|
7661
7730
|
"library": ["setIcon"]
|
|
@@ -7674,14 +7743,13 @@ class Icon {
|
|
|
7674
7743
|
"$attrsToReflect$": []
|
|
7675
7744
|
}; }
|
|
7676
7745
|
}
|
|
7677
|
-
_Icon_inheritedAttributes = new WeakMap();
|
|
7678
7746
|
|
|
7679
|
-
const iconButtonCss = ":host{display:block;outline:none}.qds-focus-ring{border-radius:max(1px,var(\n --qds-
|
|
7747
|
+
const iconButtonCss = ":host{display:block;outline:none}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:a;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-control-border-width)\n ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-container{display:grid;grid-template-areas:\"a\"}.qds-icon-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;color:var(--qds-theme-control-text-standard);cursor:pointer;display:flex;grid-area:a;justify-content:center;line-height:normal;min-width:0;outline:none;padding-inline:0;position:relative;-webkit-user-select:none;user-select:none}.qds-icon-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-icon-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0}.qds-indicator{transform:translate(50%,-50%)}.qds-counter,.qds-indicator{position:absolute}[data-size=small]{min-height:var(--qds-control-small-height);width:var(--qds-control-small-height)}.qds-icon[data-size=small]{min-height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-small-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-small-badge-indicator-padding-end\n )}[data-size=small] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-small-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-small-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=standard]{min-height:var(--qds-control-standard-height);width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{min-height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-standard-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-standard-badge-indicator-padding-end\n )}[data-size=standard] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-standard-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-standard-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=large]{min-height:var(--qds-control-large-height);width:var(--qds-control-large-height)}.qds-icon[data-size=large]{min-height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-large-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-large-badge-indicator-padding-end\n )}[data-size=large] .qds-counter{inset-block-start:calc(var(--qds-control-icon-button-large-badge-counter-padding-top) - var(--qds-feedback-badge-border-width));inset-inline-end:calc(var(--qds-control-icon-button-large-badge-counter-padding-end) - var(--qds-feedback-badge-border-width))}[data-size=hero]{border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n );min-height:var(--qds-control-hero-height);width:var(--qds-control-hero-height)}.qds-icon[data-size=hero]{min-height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}[data-size=hero] .qds-indicator{inset-block-start:var(\n --qds-control-icon-button-hero-badge-indicator-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-hero-badge-indicator-padding-end\n )}[data-size=hero] .qds-counter{inset-block-start:var(\n --qds-control-icon-button-hero-badge-counter-padding-top\n );inset-inline-end:var(\n --qds-control-icon-button-hero-badge-counter-padding-end\n )}[data-importance=subdued]{color:var(--qds-theme-control-text-standard)}[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);color:var(--qds-theme-control-text-standard)}[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{border:none;color:var(--qds-theme-feedback-action-destructive-default)}[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}";
|
|
7680
7748
|
|
|
7681
7749
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
7682
7750
|
//
|
|
7683
7751
|
// SPDX-License-Identifier: Apache-2.0
|
|
7684
|
-
var __classPrivateFieldGet$
|
|
7752
|
+
var __classPrivateFieldGet$m = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7685
7753
|
if (kind === "a" && !f)
|
|
7686
7754
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7687
7755
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -7765,17 +7833,17 @@ class IconButton {
|
|
|
7765
7833
|
_IconButton_tooltipRef.set(this, (tooltip) => {
|
|
7766
7834
|
if (tooltip) {
|
|
7767
7835
|
// eslint-disable-next-line no-param-reassign
|
|
7768
|
-
tooltip.target = __classPrivateFieldGet$
|
|
7836
|
+
tooltip.target = __classPrivateFieldGet$m(this, _IconButton_button, "f");
|
|
7769
7837
|
__classPrivateFieldSet$i(this, _IconButton_tooltip, tooltip, "f");
|
|
7770
7838
|
}
|
|
7771
7839
|
});
|
|
7772
7840
|
}
|
|
7773
7841
|
disabledChanged() {
|
|
7774
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
7775
|
-
if (__classPrivateFieldGet$
|
|
7842
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get).toString();
|
|
7843
|
+
if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
|
|
7776
7844
|
this.host.removeAttribute('tabindex');
|
|
7777
7845
|
else
|
|
7778
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
7846
|
+
this.host.tabIndex = __classPrivateFieldGet$m(this, _IconButton_savedTabIndex, "f");
|
|
7779
7847
|
}
|
|
7780
7848
|
hrefChanged() {
|
|
7781
7849
|
this.internals.role = this.href === undefined ? 'button' : 'link';
|
|
@@ -7787,34 +7855,34 @@ class IconButton {
|
|
|
7787
7855
|
? 0
|
|
7788
7856
|
: parsedValue, "f");
|
|
7789
7857
|
}
|
|
7790
|
-
if (__classPrivateFieldGet$
|
|
7858
|
+
if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
|
|
7791
7859
|
this.host.removeAttribute('tabindex');
|
|
7792
7860
|
else
|
|
7793
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
7861
|
+
this.host.tabIndex = __classPrivateFieldGet$m(this, _IconButton_savedTabIndex, "f");
|
|
7794
7862
|
}
|
|
7795
7863
|
textChanged() {
|
|
7796
|
-
__classPrivateFieldGet$
|
|
7864
|
+
__classPrivateFieldGet$m(this, _IconButton_instances, "m", _IconButton_updateAriaLabel).call(this);
|
|
7797
7865
|
}
|
|
7798
7866
|
onClick(event) {
|
|
7799
|
-
if (__classPrivateFieldGet$
|
|
7867
|
+
if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
|
|
7800
7868
|
event.stopImmediatePropagation();
|
|
7801
7869
|
}
|
|
7802
7870
|
async onBlur(event) {
|
|
7803
7871
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
7804
|
-
if (__classPrivateFieldGet$
|
|
7805
|
-
await __classPrivateFieldGet$
|
|
7872
|
+
if (__classPrivateFieldGet$m(this, _IconButton_tooltip, "f")) {
|
|
7873
|
+
await __classPrivateFieldGet$m(this, _IconButton_tooltip, "f").close();
|
|
7806
7874
|
}
|
|
7807
7875
|
}
|
|
7808
7876
|
async onFocus(event) {
|
|
7809
7877
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
7810
|
-
if (__classPrivateFieldGet$
|
|
7811
|
-
await __classPrivateFieldGet$
|
|
7878
|
+
if (__classPrivateFieldGet$m(this, _IconButton_tooltip, "f")) {
|
|
7879
|
+
await __classPrivateFieldGet$m(this, _IconButton_tooltip, "f").show();
|
|
7812
7880
|
}
|
|
7813
7881
|
}
|
|
7814
7882
|
onKeydown(event) {
|
|
7815
7883
|
if (event.key === 'Enter') {
|
|
7816
|
-
if (__classPrivateFieldGet$
|
|
7817
|
-
__classPrivateFieldGet$
|
|
7884
|
+
if (__classPrivateFieldGet$m(this, _IconButton_button, "f") instanceof HTMLAnchorElement) {
|
|
7885
|
+
__classPrivateFieldGet$m(this, _IconButton_button, "f").click();
|
|
7818
7886
|
}
|
|
7819
7887
|
else
|
|
7820
7888
|
this.host.click();
|
|
@@ -7832,10 +7900,10 @@ class IconButton {
|
|
|
7832
7900
|
}
|
|
7833
7901
|
render() {
|
|
7834
7902
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
7835
|
-
return (hAsync("div", { key: '
|
|
7903
|
+
return (hAsync("div", { key: '74914fa07f359baa1a7f713b006ae390faf2c6c7', class: "qds-container", "aria-hidden": "true" }, hAsync(Tag, { key: '020ec79ffa66c0ffc6889021efbf841aa81988db', type: Tag === 'a' ? undefined : 'button', class: {
|
|
7836
7904
|
'qds-icon-button': true,
|
|
7837
|
-
'qds-disabled': __classPrivateFieldGet$
|
|
7838
|
-
}, href: Tag === 'a' ? this.href : undefined, target: Tag === 'a' ? this.target : undefined, rel: Tag === 'a' ? this.rel : undefined, ref: __classPrivateFieldGet$
|
|
7905
|
+
'qds-disabled': __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get),
|
|
7906
|
+
}, href: Tag === 'a' ? this.href : undefined, target: Tag === 'a' ? this.target : undefined, rel: Tag === 'a' ? this.rel : undefined, ref: __classPrivateFieldGet$m(this, _IconButton_ref, "f"), disabled: Tag === 'a' ? undefined : __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get), download: Tag === 'a' ? this.download : undefined, "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), "data-importance": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedImportance_get), onKeyDown: preventDefault$1, onKeyUp: preventDefault$1, onKeyPress: preventDefault$1, tabIndex: -1 }, hAsync("qds-icon", { key: '24a25e630f833d2b61c461a522517f54d125ce73', class: "qds-icon", "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), library: this.iconLibrary, name: this.iconName }), isIndicator$2(this.badge) && (hAsync("qds-badge-indicator", { key: '3e4efc42923833d90a1550cdcc124520227e423e', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true })), isCounter$2(this.badge) && (hAsync("qds-badge-counter", { key: 'aff710b534385e2f88e964cabd9070e7381d079f', class: "qds-counter", description: this.badgeDescription, importance: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedImportance_get), size: __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true, value: this.badge }))), hAsync("div", { key: '161d272e21dfcc81b130c40fe8afce7600332777', class: "qds-focus-ring", "data-size": __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedSize_get) }), __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_hasText_get) && (hAsync("qds-tooltip", { key: '1c6e87ba9cd0e298ae2cfbb5dc10bb393d7ef7c7', ref: __classPrivateFieldGet$m(this, _IconButton_tooltipRef, "f") }, this.text))));
|
|
7839
7907
|
}
|
|
7840
7908
|
static get formAssociated() { return true; }
|
|
7841
7909
|
get host() { return getElement(this); }
|
|
@@ -7910,7 +7978,7 @@ _IconButton_savedTabIndex = new WeakMap(), _IconButton_button = new WeakMap(), _
|
|
|
7910
7978
|
this.internals.ariaLabel = this.text ?? '';
|
|
7911
7979
|
};
|
|
7912
7980
|
|
|
7913
|
-
const iconTabCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-
|
|
7981
|
+
const iconTabCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-icon-container{align-items:center;display:flex;justify-content:center;position:relative}.qds-icon{flex-shrink:0}.qds-icon:hover{background-color:initial}.qds-selected:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-badge-indicator{inset-block-start:0;inset-inline-end:0;position:absolute}.qds-badge-counter{inset-block-start:-2px;inset-inline-end:-2px;position:absolute}.qds-icon-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal);min-height:var(--qds-nav-element-small-height);min-width:var(--qds-nav-element-small-height)}[data-size=small] .qds-icon-container{height:var(--qds-control-small-height);width:var(--qds-control-small-height)}[data-size=small] .qds-icon-container>.qds-icon{height:var(--qds-nav-element-small-icon-size);width:var(--qds-nav-element-small-icon-size)}.qds-icon-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal);min-height:var(--qds-nav-element-standard-height);min-width:var(--qds-nav-element-standard-height)}[data-size=standard] .qds-icon-container{height:var(--qds-control-standard-height);width:var(--qds-control-standard-height)}[data-size=standard] .qds-icon-container>.qds-icon{height:var(--qds-nav-element-standard-icon-size);width:var(--qds-nav-element-standard-icon-size)}.qds-icon-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal);min-height:var(--qds-nav-element-large-height);min-width:var(--qds-nav-element-large-height)}[data-size=large] .qds-icon-container{height:var(--qds-control-large-height);width:var(--qds-control-large-height)}[data-size=large] .qds-icon-container>.qds-icon{height:var(--qds-nav-element-large-icon-size);width:var(--qds-nav-element-large-icon-size)}.qds-selected[data-importance=standard]:after,.qds-selected[data-importance=subdued]:after{border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";display:block;position:absolute}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after,.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{height:100%;width:var(--qds-signature-line-connection-width)}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after{inset-inline-end:0}.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{inset-inline-start:0}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after,.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{height:var(--qds-signature-line-connection-width);width:100%}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after{bottom:0}.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{top:0}[data-importance=standard]:hover:after{background-color:var(--qds-theme-signature-color-hover)}[data-importance=standard]:active:after{background-color:var(--qds-theme-signature-color-pressed)}.qds-selected[data-importance=standard]:after{background-color:var(--qds-theme-signature-color-default)}[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-title)}.qds-selected[data-importance=subdued]:after,[data-importance=subdued] :active:after{background-color:var(--qds-theme-link-subdued-pressed)}[data-importance=subdued]:hover:after{background-color:var(--qds-theme-link-subdued-hover)}.qds-selected[data-importance=subdued]:after{background-color:var(\n --qds-theme-nav-element-selection-indicator-background-subdued\n )}.qds-icon-tab{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;justify-content:center;position:relative;text-align:initial}.qds-icon-tab:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-icon-tab:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-icon-tab:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-icon-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-hidden{display:none}";
|
|
7914
7982
|
|
|
7915
7983
|
// SPDX-FileCopyrightText: © 2026 Schneider Electric
|
|
7916
7984
|
//
|
|
@@ -7924,7 +7992,7 @@ var __classPrivateFieldSet$h = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
7924
7992
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
7925
7993
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
7926
7994
|
};
|
|
7927
|
-
var __classPrivateFieldGet$
|
|
7995
|
+
var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7928
7996
|
if (kind === "a" && !f)
|
|
7929
7997
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7930
7998
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -7998,7 +8066,7 @@ class IconTab {
|
|
|
7998
8066
|
_IconTab_tooltipRef.set(this, (tooltip) => {
|
|
7999
8067
|
if (tooltip)
|
|
8000
8068
|
// eslint-disable-next-line no-param-reassign
|
|
8001
|
-
tooltip.target = __classPrivateFieldGet$
|
|
8069
|
+
tooltip.target = __classPrivateFieldGet$l(this, _IconTab_div, "f");
|
|
8002
8070
|
});
|
|
8003
8071
|
_IconTab_onBlur.set(this, (event) => {
|
|
8004
8072
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
@@ -8008,7 +8076,7 @@ class IconTab {
|
|
|
8008
8076
|
});
|
|
8009
8077
|
_IconTab_defineTab.set(this, () => {
|
|
8010
8078
|
this.internals.role = 'tab';
|
|
8011
|
-
__classPrivateFieldGet$
|
|
8079
|
+
__classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$l(this, _IconTab_iconTab, "f"));
|
|
8012
8080
|
});
|
|
8013
8081
|
}
|
|
8014
8082
|
panelChanged() {
|
|
@@ -8019,15 +8087,15 @@ class IconTab {
|
|
|
8019
8087
|
__classPrivateFieldSet$h(this, _IconTab_panel, panel, "f");
|
|
8020
8088
|
const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
|
|
8021
8089
|
if (tab)
|
|
8022
|
-
tab.setAttribute('aria-controls', __classPrivateFieldGet$
|
|
8023
|
-
if (__classPrivateFieldGet$
|
|
8024
|
-
__classPrivateFieldGet$
|
|
8025
|
-
if (__classPrivateFieldGet$
|
|
8026
|
-
__classPrivateFieldGet$
|
|
8027
|
-
__classPrivateFieldGet$
|
|
8090
|
+
tab.setAttribute('aria-controls', __classPrivateFieldGet$l(this, _IconTab_panel, "f").id);
|
|
8091
|
+
if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").role === null)
|
|
8092
|
+
__classPrivateFieldGet$l(this, _IconTab_panel, "f").role = 'tabpanel';
|
|
8093
|
+
if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === null)
|
|
8094
|
+
__classPrivateFieldGet$l(this, _IconTab_panel, "f").setAttribute('aria-labelledby', this.host.id);
|
|
8095
|
+
__classPrivateFieldGet$l(this, _IconTab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('tabindex') ?? '0');
|
|
8028
8096
|
}
|
|
8029
8097
|
onClick(event) {
|
|
8030
|
-
if (__classPrivateFieldGet$
|
|
8098
|
+
if (__classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get))
|
|
8031
8099
|
event.stopImmediatePropagation();
|
|
8032
8100
|
}
|
|
8033
8101
|
tabindexChanged(newValue) {
|
|
@@ -8040,39 +8108,39 @@ class IconTab {
|
|
|
8040
8108
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
8041
8109
|
(_a = this.host).id || (_a.id = `qds-icon-tab-${autoIncrementingId$2}`);
|
|
8042
8110
|
autoIncrementingId$2 += 1;
|
|
8043
|
-
__classPrivateFieldGet$
|
|
8111
|
+
__classPrivateFieldGet$l(this, _IconTab_defineTab, "f").call(this);
|
|
8044
8112
|
}
|
|
8045
8113
|
componentWillRender() {
|
|
8046
|
-
const isPanelRoot = __classPrivateFieldGet$
|
|
8047
|
-
const isMainSubsection = __classPrivateFieldGet$
|
|
8114
|
+
const isPanelRoot = __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'panel' && __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'root';
|
|
8115
|
+
const isMainSubsection = __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'main' && __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'subsection';
|
|
8048
8116
|
this.isIndicatorOnTop = isPanelRoot || isMainSubsection;
|
|
8049
8117
|
}
|
|
8050
8118
|
componentDidLoad() {
|
|
8051
8119
|
this.panelChanged();
|
|
8052
8120
|
}
|
|
8053
8121
|
disconnectedCallback() {
|
|
8054
|
-
if (!__classPrivateFieldGet$
|
|
8122
|
+
if (!__classPrivateFieldGet$l(this, _IconTab_panel, "f"))
|
|
8055
8123
|
return;
|
|
8056
8124
|
const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
|
|
8057
8125
|
if (tab)
|
|
8058
8126
|
tab.removeAttribute('aria-controls');
|
|
8059
|
-
if (__classPrivateFieldGet$
|
|
8127
|
+
if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").role === 'tabpanel')
|
|
8060
8128
|
// eslint-disable-next-line unicorn/no-null
|
|
8061
|
-
__classPrivateFieldGet$
|
|
8062
|
-
if (__classPrivateFieldGet$
|
|
8063
|
-
__classPrivateFieldGet$
|
|
8064
|
-
__classPrivateFieldGet$
|
|
8129
|
+
__classPrivateFieldGet$l(this, _IconTab_panel, "f").role = null;
|
|
8130
|
+
if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
|
|
8131
|
+
__classPrivateFieldGet$l(this, _IconTab_panel, "f").removeAttribute('aria-labelledby');
|
|
8132
|
+
__classPrivateFieldGet$l(this, _IconTab_panel, "f").removeAttribute('tabindex');
|
|
8065
8133
|
}
|
|
8066
8134
|
render() {
|
|
8067
8135
|
const isLink = this.href === undefined ? this.indicatorPosition : 'block-start';
|
|
8068
8136
|
const Tag = isLink ? 'a' : 'div';
|
|
8069
|
-
return (hAsync("div", { key: '
|
|
8137
|
+
return (hAsync("div", { key: '487ae8cb9a55bbe7d07a8c4dcae654a1609af5b4', "aria-disabled": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, class: {
|
|
8070
8138
|
'qds-selected': this.selected,
|
|
8071
|
-
}, "data-size": __classPrivateFieldGet$
|
|
8139
|
+
}, "data-size": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), "data-importance": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedImportance_get), ref: __classPrivateFieldGet$l(this, _IconTab_ref, "f") }, hAsync(Tag, { key: '12093c90673de8fc1377992bc7892e76315b6b21', ref: __classPrivateFieldGet$l(this, _IconTab_iconTabRef, "f"), "aria-disabled": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, ...(isLink ? undefined : { disabled: this.disabled }), onBlur: __classPrivateFieldGet$l(this, _IconTab_onBlur, "f"), onFocus: __classPrivateFieldGet$l(this, _IconTab_onFocus, "f"), class: {
|
|
8072
8140
|
'qds-icon-tab': true,
|
|
8073
8141
|
'qds-selected': this.selected,
|
|
8074
8142
|
[`qds-indicator-${this.indicatorPosition}`]: true,
|
|
8075
|
-
}, role: isLink ? undefined : 'tab', "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": isLink ? undefined : this.selected ? 'true' : 'false', "data-importance": __classPrivateFieldGet$
|
|
8143
|
+
}, role: isLink ? undefined : 'tab', "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": isLink ? undefined : this.selected ? 'true' : 'false', "data-importance": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedImportance_get), "data-size": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), href: isLink ? this.href : undefined }, hAsync("div", { key: '69a7818c3f16667a07cd37d0775d8c2676546693', class: "qds-icon-container" }, hAsync("qds-icon", { key: '281df04fbea65aa853c0f3b5fe20ea0f3c491c81', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName }), isIndicator$1(this.badge) && (hAsync("qds-badge-indicator", { key: '40199c0a4a79e0b98ec62c106d7f76dbac343a3f', class: "qds-badge-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true })), isCounter$1(this.badge) && (hAsync("qds-badge-counter", { key: '3c7cab837ba45ea78c741a748915ec67d2f4ae7d', class: "qds-badge-counter", description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true, value: this.badge })))), hAsync("qds-tooltip", { key: 'bade89eaa9147b36bad8cc0177d1a4867373646f', placement: __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_placement_get), ref: __classPrivateFieldGet$l(this, _IconTab_tooltipRef, "f") }, hAsync("qds-title", { key: '45f7022bf7984a7bc471603d94f7f9dc8a3b7ee2', layer: "accessory", level: "root" }, this.text))));
|
|
8076
8144
|
}
|
|
8077
8145
|
get host() { return getElement(this); }
|
|
8078
8146
|
static get watchers() { return {
|
|
@@ -8149,7 +8217,7 @@ const inlineLinkCss = ":host([hidden]){display:none!important}:host{display:inli
|
|
|
8149
8217
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
8150
8218
|
//
|
|
8151
8219
|
// SPDX-License-Identifier: Apache-2.0
|
|
8152
|
-
var __classPrivateFieldGet$
|
|
8220
|
+
var __classPrivateFieldGet$k = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
8153
8221
|
if (kind === "a" && !f)
|
|
8154
8222
|
throw new TypeError("Private accessor was defined without a getter");
|
|
8155
8223
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -8216,10 +8284,10 @@ class InlineLink {
|
|
|
8216
8284
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
8217
8285
|
});
|
|
8218
8286
|
_InlineLink_updateAriaLabelElements.set(this, () => {
|
|
8219
|
-
this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$
|
|
8287
|
+
this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$k(this, _InlineLink_instances, "a", _InlineLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
|
|
8220
8288
|
});
|
|
8221
8289
|
_InlineLink_onSlotchange.set(this, () => {
|
|
8222
|
-
__classPrivateFieldGet$
|
|
8290
|
+
__classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
|
|
8223
8291
|
});
|
|
8224
8292
|
}
|
|
8225
8293
|
onClick(event) {
|
|
@@ -8227,18 +8295,18 @@ class InlineLink {
|
|
|
8227
8295
|
event.stopImmediatePropagation();
|
|
8228
8296
|
}
|
|
8229
8297
|
onKeydown(event) {
|
|
8230
|
-
invariant(__classPrivateFieldGet$
|
|
8298
|
+
invariant(__classPrivateFieldGet$k(this, _InlineLink_link, "f"));
|
|
8231
8299
|
if (this.disabled)
|
|
8232
8300
|
return;
|
|
8233
8301
|
if (event.key === 'Enter')
|
|
8234
|
-
__classPrivateFieldGet$
|
|
8302
|
+
__classPrivateFieldGet$k(this, _InlineLink_link, "f").click();
|
|
8235
8303
|
}
|
|
8236
8304
|
disabledChanged() {
|
|
8237
8305
|
this.internals.ariaDisabled = this.disabled.toString();
|
|
8238
8306
|
if (this.disabled)
|
|
8239
8307
|
this.host.removeAttribute('tabindex');
|
|
8240
8308
|
else
|
|
8241
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
8309
|
+
this.host.tabIndex = __classPrivateFieldGet$k(this, _InlineLink_savedTabIndex, "f");
|
|
8242
8310
|
}
|
|
8243
8311
|
tabindexChanged(newValue) {
|
|
8244
8312
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
@@ -8249,11 +8317,11 @@ class InlineLink {
|
|
|
8249
8317
|
if (this.disabled)
|
|
8250
8318
|
this.host.removeAttribute('tabindex');
|
|
8251
8319
|
else
|
|
8252
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
8320
|
+
this.host.tabIndex = __classPrivateFieldGet$k(this, _InlineLink_savedTabIndex, "f");
|
|
8253
8321
|
}
|
|
8254
8322
|
hrefTargetChanged() {
|
|
8255
8323
|
this.linkIcon = determineLinkIcon(this.target, this.rel);
|
|
8256
|
-
__classPrivateFieldGet$
|
|
8324
|
+
__classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
|
|
8257
8325
|
}
|
|
8258
8326
|
componentWillLoad() {
|
|
8259
8327
|
this.internals.role = 'link';
|
|
@@ -8262,13 +8330,13 @@ class InlineLink {
|
|
|
8262
8330
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
8263
8331
|
}
|
|
8264
8332
|
componentDidLoad() {
|
|
8265
|
-
__classPrivateFieldGet$
|
|
8333
|
+
__classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
|
|
8266
8334
|
}
|
|
8267
8335
|
render() {
|
|
8268
8336
|
return (hAsync("a", { key: '0a4e02f5a4ccd184c3b2fdc72d39b437cb951799', "aria-hidden": "true", class: {
|
|
8269
8337
|
'qds-inline-link': true,
|
|
8270
8338
|
'qds-disabled': this.disabled,
|
|
8271
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
8339
|
+
}, "data-importance": __classPrivateFieldGet$k(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$k(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$k(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$k(this, _InlineLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '66400e2071d58f4ae5b2afd32e435fd688ff9f7b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("slot", { key: '7650baedea48e920ad0aaf445b11654a91954119', onSlotchange: __classPrivateFieldGet$k(this, _InlineLink_onSlotchange, "f") }), this.linkIcon && (hAsync("qds-icon", { key: 'ec44b064cbca50416722bde16fad8f9401e62e8a', class: "qds-icon", library: "core", name: this.linkIcon }))));
|
|
8272
8340
|
}
|
|
8273
8341
|
get host() { return getElement(this); }
|
|
8274
8342
|
static get watchers() { return {
|
|
@@ -8313,12 +8381,12 @@ _InlineLink_savedTabIndex = new WeakMap(), _InlineLink_link = new WeakMap(), _In
|
|
|
8313
8381
|
return this.target === '_blank';
|
|
8314
8382
|
};
|
|
8315
8383
|
|
|
8316
|
-
const inputCss = ":host([hidden]){display:none!important}:host{display:inline-block}@-moz-document url-prefix(){[type=date]~.qds-icon-container,[type=datetime-local]~.qds-icon-container,[type=month]~.qds-icon-container,[type=time]~.qds-icon-container,[type=week]~.qds-icon-container{display:none}}input[type=password]::-ms-reveal{display:none}.qds-container,.qds-input{max-width:inherit;width:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"d\"}.qds-icon-container,.qds-input{grid-area:d}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:d;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-control-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-control-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}[data-size=large]{font:var(--qds-form-large-text);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-password-padding[data-size=large],[data-size=large][type=date],[data-size=large][type=datetime-local],[data-size=large][type=month],[data-size=large][type=time],[data-size=large][type=week]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}[data-size=large]~.qds-icon-container{padding-inline-end:var(--qds-form-input-large-padding-end)}[data-size=large][type=number]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]{padding-block:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]::file-selector-button{font:var(--qds-form-large-text);margin-inline-end:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}[data-size=large][type=search]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-gap-internal))}[data-size=large][type=search]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}}}[data-size=standard]{font:var(--qds-form-standard-text);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-password-padding[data-size=standard],[data-size=standard][type=date],[data-size=standard][type=datetime-local],[data-size=standard][type=month],[data-size=standard][type=time],[data-size=standard][type=week]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}[data-size=standard]~.qds-icon-container{padding-inline-end:var(--qds-form-input-standard-padding-end)}[data-size=standard][type=number]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]{padding-block:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]::file-selector-button{font:var(--qds-form-standard-text);margin-inline-end:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}[data-size=standard][type=search]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-gap-internal))}[data-size=standard][type=search]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}}}[data-size=small]{font:var(--qds-form-small-text);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-password-padding[data-size=small],[data-size=small][type=date],[data-size=small][type=datetime-local],[data-size=small][type=month],[data-size=small][type=time],[data-size=small][type=week]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}[data-size=small]~.qds-icon-container{padding-inline-end:var(--qds-form-input-small-padding-end)}[data-size=small][type=number]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]{padding-block:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]::file-selector-button{font:var(--qds-form-small-text);margin-inline-end:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}[data-size=small][type=search]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-gap-internal))}[data-size=small][type=search]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}}}.qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-control-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-control-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);box-sizing:border-box;color:var(--qds-theme-form-input-text-active);grid-area:d;padding-block:0}.qds-input.qds-hide~.qds-icon-container{display:none}.qds-input:disabled,.qds-input:disabled~.qds-icon-container{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-input:focus-visible{outline:none}.qds-input:focus-visible~.qds-focus-ring{visibility:visible}.qds-input:read-only{background-color:var(--qds-theme-form-input-background-read-only);border-color:var(--qds-theme-form-input-border-disabled)}.qds-input:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-input:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-input:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{display:none}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-form-input-text-active)}.qds-input[type=file]::file-selector-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=file]::file-selector-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-form-input-standard-padding-end);padding-inline:var(--qds-form-input-standard-padding-end)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=color]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-standard-padding-end))}.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-search-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-large-padding-end))}.qds-input[data-size=large][type=file]{height:auto}.qds-input.qds-search-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-small-padding-end))}.qds-input[data-size=small][type=file]{height:auto}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}.qds-input[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-input[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-input:not(:focus):user-invalid,.qds-input[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-icon-container{align-items:center;display:flex;justify-content:center;justify-self:end}.qds-icon-container.no-padding{padding-inline-end:0}";
|
|
8384
|
+
const inputCss = ":host([hidden]){display:none!important}:host{display:inline-block}@-moz-document url-prefix(){[type=date]~.qds-icon-container,[type=datetime-local]~.qds-icon-container,[type=month]~.qds-icon-container,[type=time]~.qds-icon-container,[type=week]~.qds-icon-container{display:none}}input[type=password]::-ms-reveal{display:none}.qds-container,.qds-input{max-width:inherit;width:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"d\"}.qds-icon-container,.qds-input{grid-area:d}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:d;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}[data-size=large]{font:var(--qds-form-large-text);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-password-padding[data-size=large],[data-size=large][type=date],[data-size=large][type=datetime-local],[data-size=large][type=month],[data-size=large][type=time],[data-size=large][type=week]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}[data-size=large]~.qds-icon-container{padding-inline-end:var(--qds-form-input-large-padding-end)}[data-size=large][type=number]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]{padding-block:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]::file-selector-button{font:var(--qds-form-large-text);margin-inline-end:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}[data-size=large][type=search]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-gap-internal))}[data-size=large][type=search]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-custom-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}.qds-dual-icon-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-gap-internal))}.qds-dual-icon-padding[data-size=large]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}}}[data-size=standard]{font:var(--qds-form-standard-text);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-password-padding[data-size=standard],[data-size=standard][type=date],[data-size=standard][type=datetime-local],[data-size=standard][type=month],[data-size=standard][type=time],[data-size=standard][type=week]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}[data-size=standard]~.qds-icon-container{padding-inline-end:var(--qds-form-input-standard-padding-end)}[data-size=standard][type=number]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]{padding-block:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]::file-selector-button{font:var(--qds-form-standard-text);margin-inline-end:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}[data-size=standard][type=search]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-gap-internal))}[data-size=standard][type=search]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-custom-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}.qds-dual-icon-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-gap-internal))}.qds-dual-icon-padding[data-size=standard]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}}}[data-size=small]{font:var(--qds-form-small-text);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-password-padding[data-size=small],[data-size=small][type=date],[data-size=small][type=datetime-local],[data-size=small][type=month],[data-size=small][type=time],[data-size=small][type=week]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}[data-size=small]~.qds-icon-container{padding-inline-end:var(--qds-form-input-small-padding-end)}[data-size=small][type=number]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]{padding-block:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]::file-selector-button{font:var(--qds-form-small-text);margin-inline-end:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}[data-size=small][type=search]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-gap-internal))}[data-size=small][type=search]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-custom-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}.qds-dual-icon-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-gap-internal))}.qds-dual-icon-padding[data-size=small]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}}}.qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);box-sizing:border-box;color:var(--qds-theme-form-input-text-active);grid-area:d;padding-block:0}.qds-input.qds-hide~.qds-icon-container{display:none}.qds-input:disabled,.qds-input:disabled~.qds-icon-container{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-input:focus-visible{outline:none}.qds-input:focus-visible~.qds-focus-ring{visibility:visible}.qds-input:read-only{background-color:var(--qds-theme-form-input-background-read-only);border-color:var(--qds-theme-form-input-border-disabled)}.qds-input:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-input:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-input:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{display:none}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-form-input-text-active)}.qds-input[type=file]::file-selector-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=file]::file-selector-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-form-input-standard-padding-end);padding-inline:var(--qds-form-input-standard-padding-end)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=color]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-standard-padding-end))}.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-search-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-large-padding-end))}.qds-input[data-size=large][type=file]{height:auto}.qds-input.qds-search-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-small-padding-end))}.qds-input[data-size=small][type=file]{height:auto}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}.qds-input[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-input[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-input[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-input:not(:focus):user-invalid,.qds-input[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-icon-container{align-items:center;display:flex;justify-content:center;justify-self:end}";
|
|
8317
8385
|
|
|
8318
8386
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
8319
8387
|
//
|
|
8320
8388
|
// SPDX-License-Identifier: Apache-2.0
|
|
8321
|
-
var __classPrivateFieldGet$
|
|
8389
|
+
var __classPrivateFieldGet$j = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
8322
8390
|
if (kind === "a" && !f)
|
|
8323
8391
|
throw new TypeError("Private accessor was defined without a getter");
|
|
8324
8392
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -8334,7 +8402,7 @@ var __classPrivateFieldSet$f = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
8334
8402
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
8335
8403
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
8336
8404
|
};
|
|
8337
|
-
var _Input_instances, _Input_inheritedAttributes, _Input_input, _Input_computedDisabled_get, _Input_computedIconName_get, _Input_computedSize_get, _Input_computedValue_get, _Input_computedStatus_get, _Input_hasInteractiveIcon_get, _Input_iconClickHandler_get, _Input_computedType_get, _Input_computedInteractiveIconAriaLabel_get, _Input_togglePasswordVisibility, _Input_ref, _Input_getFiles, _Input_onBlur, _Input_onCancel, _Input_onSearch, _Input_onChange,
|
|
8405
|
+
var _Input_instances, _Input_inheritedAttributes, _Input_input, _Input_computedDisabled_get, _Input_computedIconName_get, _Input_computedSize_get, _Input_computedValue_get, _Input_computedStatus_get, _Input_hasInteractiveIcon_get, _Input_iconClickHandler_get, _Input_computedType_get, _Input_computedInteractiveIconAriaLabel_get, _Input_renderClearableButton, _Input_renderSearchClearButton, _Input_renderInteractiveIconButton, _Input_renderSearchButton, _Input_togglePasswordVisibility, _Input_ref, _Input_getFiles, _Input_onBlur, _Input_onCancel, _Input_onSearch, _Input_onChange, _Input_handleClear, _Input_onClearableClick, _Input_onSearchClear, _Input_onFocus, _Input_onInput, _Input_defineGetter, _Input_clearValue;
|
|
8338
8406
|
const stopImmediatePropagation = (event) => {
|
|
8339
8407
|
event.stopImmediatePropagation();
|
|
8340
8408
|
};
|
|
@@ -8370,6 +8438,16 @@ class Input {
|
|
|
8370
8438
|
}
|
|
8371
8439
|
_Input_instances.add(this);
|
|
8372
8440
|
/**
|
|
8441
|
+
* Shows a clear button that allows the user to clear the input's value.
|
|
8442
|
+
*
|
|
8443
|
+
* For `search` inputs, the clear button is always shown when the input
|
|
8444
|
+
* has a value, regardless of this property.
|
|
8445
|
+
*
|
|
8446
|
+
*/
|
|
8447
|
+
this.clearable = false;
|
|
8448
|
+
/**
|
|
8449
|
+
* @deprecated The no-icon property is deprecated and will be removed by September 2026.
|
|
8450
|
+
*
|
|
8373
8451
|
* Hide the input type's icon.
|
|
8374
8452
|
*
|
|
8375
8453
|
* > **_NOTE:_** Due to browser limitations, the icon may not be hidden in
|
|
@@ -8476,65 +8554,69 @@ class Input {
|
|
|
8476
8554
|
this.checkValidity = () => this.internals.checkValidity();
|
|
8477
8555
|
this.reportValidity = () => this.internals.reportValidity();
|
|
8478
8556
|
this.setCustomValidity = (error) => {
|
|
8479
|
-
invariant(__classPrivateFieldGet$
|
|
8480
|
-
__classPrivateFieldGet$
|
|
8557
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8558
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").setCustomValidity(error);
|
|
8481
8559
|
if (error)
|
|
8482
|
-
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$
|
|
8560
|
+
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8483
8561
|
else
|
|
8484
8562
|
this.internals.setValidity(NO_ERROR_FLAGS);
|
|
8485
8563
|
};
|
|
8486
8564
|
this.select = () => {
|
|
8487
|
-
invariant(__classPrivateFieldGet$
|
|
8488
|
-
__classPrivateFieldGet$
|
|
8565
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8566
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").select();
|
|
8489
8567
|
};
|
|
8490
8568
|
this.getSelectionDirection = () => {
|
|
8491
|
-
invariant(__classPrivateFieldGet$
|
|
8492
|
-
return __classPrivateFieldGet$
|
|
8569
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8570
|
+
return __classPrivateFieldGet$j(this, _Input_input, "f").selectionDirection;
|
|
8493
8571
|
};
|
|
8494
8572
|
this.getSelectionStart = () => {
|
|
8495
|
-
invariant(__classPrivateFieldGet$
|
|
8496
|
-
return __classPrivateFieldGet$
|
|
8573
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8574
|
+
return __classPrivateFieldGet$j(this, _Input_input, "f").selectionStart;
|
|
8497
8575
|
};
|
|
8498
8576
|
this.getSelectionEnd = () => {
|
|
8499
|
-
invariant(__classPrivateFieldGet$
|
|
8500
|
-
return __classPrivateFieldGet$
|
|
8577
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8578
|
+
return __classPrivateFieldGet$j(this, _Input_input, "f").selectionEnd;
|
|
8501
8579
|
};
|
|
8502
8580
|
this.setRangeText = (replacement, start, end, selectionMode) => {
|
|
8503
|
-
invariant(__classPrivateFieldGet$
|
|
8504
|
-
__classPrivateFieldGet$
|
|
8505
|
-
if (this.value !== __classPrivateFieldGet$
|
|
8506
|
-
this.value = __classPrivateFieldGet$
|
|
8581
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8582
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").setRangeText(replacement, start, end, selectionMode);
|
|
8583
|
+
if (this.value !== __classPrivateFieldGet$j(this, _Input_input, "f").value) {
|
|
8584
|
+
this.value = __classPrivateFieldGet$j(this, _Input_input, "f").value;
|
|
8507
8585
|
this.inputEmitter.emit();
|
|
8508
8586
|
this.changeEmitter.emit();
|
|
8509
8587
|
}
|
|
8510
8588
|
};
|
|
8511
8589
|
this.setSelectionRange = (start, end, direction) => {
|
|
8512
|
-
invariant(__classPrivateFieldGet$
|
|
8513
|
-
__classPrivateFieldGet$
|
|
8590
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8591
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").setSelectionRange(start, end, direction);
|
|
8514
8592
|
};
|
|
8515
8593
|
this.stepDown = (n) => {
|
|
8516
|
-
invariant(__classPrivateFieldGet$
|
|
8517
|
-
__classPrivateFieldGet$
|
|
8594
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8595
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").stepDown(n);
|
|
8518
8596
|
};
|
|
8519
8597
|
this.stepUp = (n) => {
|
|
8520
|
-
invariant(__classPrivateFieldGet$
|
|
8521
|
-
__classPrivateFieldGet$
|
|
8598
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8599
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").stepUp(n);
|
|
8522
8600
|
};
|
|
8523
8601
|
this.showPicker = () => {
|
|
8524
|
-
invariant(__classPrivateFieldGet$
|
|
8525
|
-
__classPrivateFieldGet$
|
|
8602
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8603
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").showPicker();
|
|
8526
8604
|
};
|
|
8605
|
+
_Input_renderClearableButton.set(this, () => (hAsync("qds-mini-button", { name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$j(this, _Input_onClearableClick, "f"), onQdsFocus: stopImmediatePropagation })));
|
|
8606
|
+
_Input_renderSearchClearButton.set(this, () => (hAsync("qds-mini-button", { class: "qds-hide", name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$j(this, _Input_onSearchClear, "f"), onQdsFocus: stopImmediatePropagation })));
|
|
8607
|
+
_Input_renderInteractiveIconButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedInteractiveIconAriaLabel_get), onClick: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_iconClickHandler_get), onQdsFocus: stopImmediatePropagation })));
|
|
8608
|
+
_Input_renderSearchButton.set(this, () => (hAsync("qds-mini-button", { name: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) ?? '', library: "core", text: "search", onClick: __classPrivateFieldGet$j(this, _Input_onSearch, "f"), onQdsFocus: stopImmediatePropagation })));
|
|
8527
8609
|
_Input_togglePasswordVisibility.set(this, () => {
|
|
8528
|
-
invariant(__classPrivateFieldGet$
|
|
8610
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8529
8611
|
this.isPasswordVisible = !this.isPasswordVisible;
|
|
8530
|
-
__classPrivateFieldGet$
|
|
8612
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").type = __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get);
|
|
8531
8613
|
});
|
|
8532
8614
|
_Input_ref.set(this, (input) => {
|
|
8533
8615
|
__classPrivateFieldSet$f(this, _Input_input, input, "f");
|
|
8534
8616
|
});
|
|
8535
8617
|
_Input_getFiles.set(this, () => {
|
|
8536
|
-
invariant(__classPrivateFieldGet$
|
|
8537
|
-
return __classPrivateFieldGet$
|
|
8618
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8619
|
+
return __classPrivateFieldGet$j(this, _Input_input, "f").files;
|
|
8538
8620
|
});
|
|
8539
8621
|
_Input_onBlur.set(this, (event) => {
|
|
8540
8622
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
@@ -8548,30 +8630,35 @@ class Input {
|
|
|
8548
8630
|
_Input_onChange.set(this, () => {
|
|
8549
8631
|
this.changeEmitter.emit();
|
|
8550
8632
|
});
|
|
8551
|
-
|
|
8552
|
-
__classPrivateFieldGet$
|
|
8553
|
-
__classPrivateFieldGet$
|
|
8554
|
-
invariant(__classPrivateFieldGet$
|
|
8555
|
-
if (document.activeElement !== __classPrivateFieldGet$
|
|
8556
|
-
__classPrivateFieldGet$
|
|
8557
|
-
|
|
8633
|
+
_Input_handleClear.set(this, () => {
|
|
8634
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_clearValue).call(this);
|
|
8635
|
+
__classPrivateFieldGet$j(this, _Input_onInput, "f").call(this, new InputEvent('input', { inputType: 'deleteContent' }));
|
|
8636
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8637
|
+
if (document.activeElement !== __classPrivateFieldGet$j(this, _Input_input, "f"))
|
|
8638
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").focus();
|
|
8639
|
+
});
|
|
8640
|
+
_Input_onClearableClick.set(this, () => {
|
|
8641
|
+
__classPrivateFieldGet$j(this, _Input_handleClear, "f").call(this);
|
|
8642
|
+
});
|
|
8643
|
+
_Input_onSearchClear.set(this, () => {
|
|
8644
|
+
__classPrivateFieldGet$j(this, _Input_handleClear, "f").call(this);
|
|
8558
8645
|
this.searchEmitter.emit();
|
|
8559
8646
|
});
|
|
8560
8647
|
_Input_onFocus.set(this, (event) => {
|
|
8561
8648
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
8562
8649
|
});
|
|
8563
8650
|
_Input_onInput.set(this, (event) => {
|
|
8564
|
-
invariant(__classPrivateFieldGet$
|
|
8565
|
-
this.value = __classPrivateFieldGet$
|
|
8651
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8652
|
+
this.value = __classPrivateFieldGet$j(this, _Input_input, "f").value;
|
|
8566
8653
|
this.inputEmitter.emit(pickInputEventAttributes(event));
|
|
8567
8654
|
});
|
|
8568
8655
|
}
|
|
8569
8656
|
onClick(event) {
|
|
8570
|
-
if (__classPrivateFieldGet$
|
|
8657
|
+
if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
8571
8658
|
event.stopImmediatePropagation();
|
|
8572
8659
|
}
|
|
8573
8660
|
onKeydown(event) {
|
|
8574
|
-
if (__classPrivateFieldGet$
|
|
8661
|
+
if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get)) {
|
|
8575
8662
|
event.stopImmediatePropagation();
|
|
8576
8663
|
return;
|
|
8577
8664
|
}
|
|
@@ -8584,36 +8671,40 @@ class Input {
|
|
|
8584
8671
|
}
|
|
8585
8672
|
}
|
|
8586
8673
|
ariaLabelChanged(newValue) {
|
|
8587
|
-
invariant(__classPrivateFieldGet$
|
|
8588
|
-
__classPrivateFieldGet$
|
|
8674
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8675
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").ariaLabel =
|
|
8589
8676
|
newValue ??
|
|
8590
8677
|
[...this.internals.labels]
|
|
8591
|
-
.map((node) =>
|
|
8592
|
-
|
|
8593
|
-
|
|
8678
|
+
.map((node) => {
|
|
8679
|
+
// eslint-disable-next-line unicorn/prefer-dom-node-text-content
|
|
8680
|
+
const text = node.innerText.trim();
|
|
8681
|
+
return text === ''
|
|
8682
|
+
? (this.host.parentElement?.querySelector('qds-label')?.text ?? '')
|
|
8683
|
+
: text;
|
|
8684
|
+
})
|
|
8594
8685
|
.join(' ');
|
|
8595
8686
|
}
|
|
8596
8687
|
statusChanged() {
|
|
8597
|
-
this.internals.ariaInvalid = (__classPrivateFieldGet$
|
|
8688
|
+
this.internals.ariaInvalid = (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedStatus_get) === 'error').toString();
|
|
8598
8689
|
}
|
|
8599
8690
|
disabledChanged() {
|
|
8600
|
-
if (__classPrivateFieldGet$
|
|
8691
|
+
if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
8601
8692
|
// eslint-disable-next-line unicorn/no-null
|
|
8602
8693
|
this.internals.setFormValue(null);
|
|
8603
8694
|
else
|
|
8604
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
8695
|
+
this.internals.setFormValue(__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get));
|
|
8605
8696
|
}
|
|
8606
8697
|
selectionDirectionChanged() {
|
|
8607
|
-
invariant(__classPrivateFieldGet$
|
|
8608
|
-
__classPrivateFieldGet$
|
|
8698
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8699
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").selectionDirection = this.selectionDirection;
|
|
8609
8700
|
}
|
|
8610
8701
|
selectionEndChanged() {
|
|
8611
|
-
invariant(__classPrivateFieldGet$
|
|
8612
|
-
__classPrivateFieldGet$
|
|
8702
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8703
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").selectionEnd = this.selectionEnd;
|
|
8613
8704
|
}
|
|
8614
8705
|
selectionStartChanged() {
|
|
8615
|
-
invariant(__classPrivateFieldGet$
|
|
8616
|
-
__classPrivateFieldGet$
|
|
8706
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8707
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").selectionStart = this.selectionStart;
|
|
8617
8708
|
}
|
|
8618
8709
|
tabindexChanged(newValue) {
|
|
8619
8710
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
@@ -8621,72 +8712,78 @@ class Input {
|
|
|
8621
8712
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
8622
8713
|
}
|
|
8623
8714
|
validationChanged() {
|
|
8624
|
-
if (!__classPrivateFieldGet$
|
|
8715
|
+
if (!__classPrivateFieldGet$j(this, _Input_input, "f"))
|
|
8625
8716
|
return;
|
|
8626
|
-
if (__classPrivateFieldGet$
|
|
8627
|
-
__classPrivateFieldGet$
|
|
8717
|
+
if (__classPrivateFieldGet$j(this, _Input_input, "f").max !== this.max && this.max !== undefined)
|
|
8718
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").max = this.max.toString();
|
|
8628
8719
|
if (this.maxLength !== undefined)
|
|
8629
|
-
__classPrivateFieldGet$
|
|
8630
|
-
if (__classPrivateFieldGet$
|
|
8631
|
-
__classPrivateFieldGet$
|
|
8720
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").maxLength = this.maxLength;
|
|
8721
|
+
if (__classPrivateFieldGet$j(this, _Input_input, "f").min !== this.min && this.min !== undefined)
|
|
8722
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").min = this.min.toString();
|
|
8632
8723
|
if (this.minLength !== undefined)
|
|
8633
|
-
__classPrivateFieldGet$
|
|
8724
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").minLength = this.minLength;
|
|
8634
8725
|
if (this.pattern !== undefined)
|
|
8635
|
-
__classPrivateFieldGet$
|
|
8636
|
-
__classPrivateFieldGet$
|
|
8637
|
-
if (__classPrivateFieldGet$
|
|
8638
|
-
__classPrivateFieldGet$
|
|
8639
|
-
__classPrivateFieldGet$
|
|
8640
|
-
const { valid } = __classPrivateFieldGet$
|
|
8726
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").pattern = this.pattern;
|
|
8727
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").required = this.required ?? false;
|
|
8728
|
+
if (__classPrivateFieldGet$j(this, _Input_input, "f").step !== this.step && this.step !== undefined)
|
|
8729
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").step = this.step.toString();
|
|
8730
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").type = __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get);
|
|
8731
|
+
const { valid } = __classPrivateFieldGet$j(this, _Input_input, "f").validity;
|
|
8641
8732
|
if (valid)
|
|
8642
|
-
this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$
|
|
8733
|
+
this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8643
8734
|
else
|
|
8644
|
-
this.internals.setValidity(__classPrivateFieldGet$
|
|
8735
|
+
this.internals.setValidity(__classPrivateFieldGet$j(this, _Input_input, "f").validity, __classPrivateFieldGet$j(this, _Input_input, "f").validationMessage, __classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8645
8736
|
}
|
|
8646
8737
|
valueChanged() {
|
|
8647
|
-
if (!__classPrivateFieldGet$
|
|
8648
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
8649
|
-
if ((__classPrivateFieldGet$
|
|
8738
|
+
if (!__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
8739
|
+
this.internals.setFormValue(__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get));
|
|
8740
|
+
if ((__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get) === null || __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get) === '') &&
|
|
8650
8741
|
this.type === 'file') {
|
|
8651
|
-
__classPrivateFieldGet$
|
|
8742
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_clearValue).call(this);
|
|
8652
8743
|
}
|
|
8653
8744
|
}
|
|
8654
8745
|
componentWillLoad() {
|
|
8655
|
-
__classPrivateFieldGet$
|
|
8656
|
-
__classPrivateFieldGet$
|
|
8657
|
-
__classPrivateFieldGet$
|
|
8658
|
-
__classPrivateFieldGet$
|
|
8659
|
-
__classPrivateFieldGet$
|
|
8660
|
-
__classPrivateFieldGet$
|
|
8746
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'form', () => this.internals.form);
|
|
8747
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
8748
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
8749
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
8750
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'files', __classPrivateFieldGet$j(this, _Input_getFiles, "f"));
|
|
8751
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
8661
8752
|
__classPrivateFieldSet$f(this, _Input_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
8662
8753
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
8663
8754
|
this.statusChanged();
|
|
8664
8755
|
}
|
|
8665
8756
|
componentDidLoad() {
|
|
8666
|
-
invariant(__classPrivateFieldGet$
|
|
8757
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8667
8758
|
this.ariaLabelChanged(this.host.ariaLabel);
|
|
8668
8759
|
this.validationChanged();
|
|
8669
8760
|
this.valueChanged();
|
|
8670
8761
|
// FIXME: This event is supported by the native `<input>` element but not
|
|
8671
8762
|
// recognized by Stencil's type definitions, so it needs to be manually
|
|
8672
8763
|
// bound here.
|
|
8673
|
-
__classPrivateFieldGet$
|
|
8674
|
-
__classPrivateFieldGet$
|
|
8764
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").addEventListener('cancel', __classPrivateFieldGet$j(this, _Input_onCancel, "f"));
|
|
8765
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").addEventListener('search', __classPrivateFieldGet$j(this, _Input_onSearch, "f"));
|
|
8675
8766
|
}
|
|
8676
8767
|
disconnectedCallback() {
|
|
8677
|
-
if (__classPrivateFieldGet$
|
|
8678
|
-
__classPrivateFieldGet$
|
|
8679
|
-
__classPrivateFieldGet$
|
|
8768
|
+
if (__classPrivateFieldGet$j(this, _Input_input, "f")) {
|
|
8769
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").removeEventListener('cancel', __classPrivateFieldGet$j(this, _Input_onCancel, "f"));
|
|
8770
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").removeEventListener('search', __classPrivateFieldGet$j(this, _Input_onSearch, "f"));
|
|
8680
8771
|
}
|
|
8681
8772
|
}
|
|
8682
8773
|
render() {
|
|
8683
8774
|
const hasValue = this.value !== null && this.value !== undefined && this.value !== '';
|
|
8684
8775
|
const isSearchType = this.type === 'search';
|
|
8685
|
-
const
|
|
8776
|
+
const isIconUnsupportedType = this.type === 'file' || this.type === 'color';
|
|
8777
|
+
const shouldShowClearButton = hasValue && isSearchType;
|
|
8778
|
+
const shouldShowClearableButton = hasValue &&
|
|
8779
|
+
!isSearchType &&
|
|
8780
|
+
!isIconUnsupportedType &&
|
|
8781
|
+
this.clearable === true;
|
|
8782
|
+
/* DEPRECATED: noIcon will be removed by September 2026 */
|
|
8686
8783
|
const shouldShowSearchButton = isSearchType && this.noIcon === false;
|
|
8687
8784
|
const shouldHideIcon = !isSearchType && this.noIcon === true;
|
|
8688
8785
|
const shouldRemoveSearchPadding = isSearchType && this.noIcon === true;
|
|
8689
|
-
return (hAsync("div", { key: '
|
|
8786
|
+
return (hAsync("div", { key: '3ed80a395c44519bc231e9d898f642619c1c8bbd', class: "qds-container" }, hAsync("input", { key: 'dc2df7c5d4a0226a8a8304684cdcbba00bfc8926', accept: this.accept, autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
|
|
8690
8787
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
8691
8788
|
autoFocus: this.host.autofocus, capture: this.capture, class: {
|
|
8692
8789
|
'qds-search-padding': shouldRemoveSearchPadding,
|
|
@@ -8695,10 +8792,11 @@ class Input {
|
|
|
8695
8792
|
'qds-padding': shouldHideIcon,
|
|
8696
8793
|
'qds-password-padding': this.type === 'password' ||
|
|
8697
8794
|
(this.isPasswordVisible && this.type === 'text'),
|
|
8698
|
-
|
|
8699
|
-
'qds-icon-
|
|
8700
|
-
|
|
8701
|
-
|
|
8795
|
+
'qds-custom-icon-padding': shouldShowClearableButton && !__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get),
|
|
8796
|
+
'qds-dual-icon-padding': shouldShowClearableButton && __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get),
|
|
8797
|
+
}, "data-status": __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedStatus_get), "data-size": __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedSize_get), disabled: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get), enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, max: this.max, maxLength: this.maxLength, min: this.min, minLength: this.minLength, multiple: this.multiple, onBlur: __classPrivateFieldGet$j(this, _Input_onBlur, "f"), onChange: __classPrivateFieldGet$j(this, _Input_onChange, "f"), onFocus: __classPrivateFieldGet$j(this, _Input_onFocus, "f"), onInput: __classPrivateFieldGet$j(this, _Input_onInput, "f"), placeholder: this.placeholder, readOnly: this.readonly, ref: __classPrivateFieldGet$j(this, _Input_ref, "f"), spellcheck: this.host.spellcheck, step: this.step, tabIndex: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get) ? undefined : this.tabIndex, type: __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get), value: this.value ?? '', ...__classPrivateFieldGet$j(this, _Input_inheritedAttributes, "f") }), hAsync("div", { key: '889c7b40cbd470dde63c581c28d5c18de1fbea79', class: "qds-focus-ring" }), shouldShowClearableButton && !__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: 'eed30a3f52adda657e8e6c46afbfd22fd68be37f', class: "qds-icon-container" }, __classPrivateFieldGet$j(this, _Input_renderClearableButton, "f").call(this))), __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: 'bf2d80802037f3db6e647e85f9f62501b0cc6dc4', class: "qds-icon-container" }, shouldShowClearButton && __classPrivateFieldGet$j(this, _Input_renderSearchClearButton, "f").call(this), shouldShowClearableButton &&
|
|
8798
|
+
__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) &&
|
|
8799
|
+
__classPrivateFieldGet$j(this, _Input_renderClearableButton, "f").call(this), __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) && __classPrivateFieldGet$j(this, _Input_renderInteractiveIconButton, "f").call(this), shouldShowSearchButton && __classPrivateFieldGet$j(this, _Input_renderSearchButton, "f").call(this)))));
|
|
8702
8800
|
}
|
|
8703
8801
|
static get delegatesFocus() { return true; }
|
|
8704
8802
|
static get formAssociated() { return true; }
|
|
@@ -8728,6 +8826,7 @@ class Input {
|
|
|
8728
8826
|
"$members$": {
|
|
8729
8827
|
"status": [1],
|
|
8730
8828
|
"readonly": [4],
|
|
8829
|
+
"clearable": [4],
|
|
8731
8830
|
"noIcon": [4, "no-icon"],
|
|
8732
8831
|
"size": [1],
|
|
8733
8832
|
"accept": [1],
|
|
@@ -8765,7 +8864,7 @@ class Input {
|
|
|
8765
8864
|
"$attrsToReflect$": []
|
|
8766
8865
|
}; }
|
|
8767
8866
|
}
|
|
8768
|
-
_Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input_togglePasswordVisibility = new WeakMap(), _Input_ref = new WeakMap(), _Input_getFiles = new WeakMap(), _Input_onBlur = new WeakMap(), _Input_onCancel = new WeakMap(), _Input_onSearch = new WeakMap(), _Input_onChange = new WeakMap(),
|
|
8867
|
+
_Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input_renderClearableButton = new WeakMap(), _Input_renderSearchClearButton = new WeakMap(), _Input_renderInteractiveIconButton = new WeakMap(), _Input_renderSearchButton = new WeakMap(), _Input_togglePasswordVisibility = new WeakMap(), _Input_ref = new WeakMap(), _Input_getFiles = new WeakMap(), _Input_onBlur = new WeakMap(), _Input_onCancel = new WeakMap(), _Input_onSearch = new WeakMap(), _Input_onChange = new WeakMap(), _Input_handleClear = new WeakMap(), _Input_onClearableClick = new WeakMap(), _Input_onSearchClear = new WeakMap(), _Input_onFocus = new WeakMap(), _Input_onInput = new WeakMap(), _Input_instances = new WeakSet(), _Input_computedDisabled_get = function _Input_computedDisabled_get() {
|
|
8769
8868
|
return this.host.matches(':disabled') || (this.disabled ?? false);
|
|
8770
8869
|
}, _Input_computedIconName_get = function _Input_computedIconName_get() {
|
|
8771
8870
|
if (this.type === 'password')
|
|
@@ -8817,7 +8916,7 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
|
|
|
8817
8916
|
['month', 'time', 'date', 'datetime-local', 'week', 'password'].includes(this.type));
|
|
8818
8917
|
}, _Input_iconClickHandler_get = function _Input_iconClickHandler_get() {
|
|
8819
8918
|
return this.type === 'password'
|
|
8820
|
-
? __classPrivateFieldGet$
|
|
8919
|
+
? __classPrivateFieldGet$j(this, _Input_togglePasswordVisibility, "f")
|
|
8821
8920
|
: this.showPicker;
|
|
8822
8921
|
}, _Input_computedType_get = function _Input_computedType_get() {
|
|
8823
8922
|
return this.type === 'password' && this.isPasswordVisible
|
|
@@ -8832,8 +8931,8 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
|
|
|
8832
8931
|
}, _Input_defineGetter = function _Input_defineGetter(p, get) {
|
|
8833
8932
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
8834
8933
|
}, _Input_clearValue = function _Input_clearValue() {
|
|
8835
|
-
invariant(__classPrivateFieldGet$
|
|
8836
|
-
__classPrivateFieldGet$
|
|
8934
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8935
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").value = '';
|
|
8837
8936
|
};
|
|
8838
8937
|
|
|
8839
8938
|
const labelCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-label{align-items:center;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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}[data-size=small][data-importance=standard]{font:var(--qds-form-small-text)}[data-size=small][data-importance=emphasized] .qds-text{font:var(--qds-form-small-text-emphasized)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height)}.qds-icon[data-size=small]{height:var(--qds-form-small-icon-size);min-width:var(--qds-form-small-icon-size);width:var(--qds-form-small-icon-size)}[data-size=standard][data-importance=standard]{font:var(--qds-form-standard-text)}[data-size=standard][data-importance=emphasized] .qds-text{font:var(--qds-form-standard-text-emphasized)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{height:var(--qds-form-standard-icon-size);min-width:var(--qds-form-standard-icon-size);width:var(--qds-form-standard-icon-size)}[data-size=large][data-importance=standard]{font:var(--qds-form-large-text)}[data-size=large][data-importance=emphasized] .qds-text{font:var(--qds-form-large-text-emphasized)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height)}.qds-icon[data-size=large]{height:var(--qds-form-large-icon-size);min-width:var(--qds-form-large-icon-size);width:var(--qds-form-large-icon-size)}";
|
|
@@ -8841,7 +8940,7 @@ const labelCss = ":host([hidden]){display:none!important}:host{display:inline-bl
|
|
|
8841
8940
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
8842
8941
|
//
|
|
8843
8942
|
// SPDX-License-Identifier: Apache-2.0
|
|
8844
|
-
var __classPrivateFieldGet$
|
|
8943
|
+
var __classPrivateFieldGet$i = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
8845
8944
|
if (kind === "a" && !f)
|
|
8846
8945
|
throw new TypeError("Private accessor was defined without a getter");
|
|
8847
8946
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -8899,37 +8998,37 @@ class Label {
|
|
|
8899
8998
|
_Label_tooltipRef.set(this, (tooltip) => {
|
|
8900
8999
|
if (tooltip)
|
|
8901
9000
|
// eslint-disable-next-line no-param-reassign
|
|
8902
|
-
tooltip.target = this.tooltipTarget ?? __classPrivateFieldGet$
|
|
9001
|
+
tooltip.target = this.tooltipTarget ?? __classPrivateFieldGet$i(this, _Label_label, "f");
|
|
8903
9002
|
});
|
|
8904
9003
|
}
|
|
8905
9004
|
textChanged() {
|
|
8906
|
-
if (__classPrivateFieldGet$
|
|
8907
|
-
__classPrivateFieldGet$
|
|
8908
|
-
if (!__classPrivateFieldGet$
|
|
9005
|
+
if (__classPrivateFieldGet$i(this, _Label_ro, "f"))
|
|
9006
|
+
__classPrivateFieldGet$i(this, _Label_ro, "f").disconnect();
|
|
9007
|
+
if (!__classPrivateFieldGet$i(this, _Label_span, "f"))
|
|
8909
9008
|
return;
|
|
8910
|
-
const span = __classPrivateFieldGet$
|
|
9009
|
+
const span = __classPrivateFieldGet$i(this, _Label_span, "f");
|
|
8911
9010
|
readTask(() => {
|
|
8912
9011
|
this.tooltip = isEllipsisActive(span);
|
|
8913
9012
|
});
|
|
8914
9013
|
__classPrivateFieldSet$e(this, _Label_ro, new ResizeObserver(([spanEntry]) => {
|
|
8915
9014
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
8916
9015
|
}), "f");
|
|
8917
|
-
__classPrivateFieldGet$
|
|
9016
|
+
__classPrivateFieldGet$i(this, _Label_ro, "f").observe(__classPrivateFieldGet$i(this, _Label_span, "f"));
|
|
8918
9017
|
}
|
|
8919
9018
|
componentDidLoad() {
|
|
8920
9019
|
this.textChanged();
|
|
8921
9020
|
}
|
|
8922
9021
|
disconnectedCallback() {
|
|
8923
|
-
if (__classPrivateFieldGet$
|
|
8924
|
-
__classPrivateFieldGet$
|
|
9022
|
+
if (__classPrivateFieldGet$i(this, _Label_ro, "f"))
|
|
9023
|
+
__classPrivateFieldGet$i(this, _Label_ro, "f").disconnect();
|
|
8925
9024
|
}
|
|
8926
9025
|
render() {
|
|
8927
|
-
return (hAsync("span", { key: '
|
|
9026
|
+
return (hAsync("span", { key: '12b2c6847b2fe257bcb21263510875a91b61e1b9', class: {
|
|
8928
9027
|
'qds-inline': this.inline,
|
|
8929
9028
|
'qds-label': true,
|
|
8930
|
-
}, "data-size": __classPrivateFieldGet$
|
|
9029
|
+
}, "data-size": __classPrivateFieldGet$i(this, _Label_instances, "a", _Label_computedSize_get), "data-importance": __classPrivateFieldGet$i(this, _Label_instances, "a", _Label_computedImportance_get), ref: __classPrivateFieldGet$i(this, _Label_labelRef, "f"),
|
|
8931
9030
|
// eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
|
|
8932
|
-
tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '
|
|
9031
|
+
tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '3155ac878f2a19da19bcd7deb7bca5f6b1ea7bd2', class: "qds-required" }, "*"), hAsync("span", { key: '98d1af5518e7966879b2b66eafb9e40c1eccbb42', class: "qds-text", ref: __classPrivateFieldGet$i(this, _Label_spanRef, "f") }, this.text), this.tooltip && (hAsync("qds-tooltip", { key: '9688a0b4965659c2232b48e10c263fd272ed7a06', "aria-hidden": "true", ref: __classPrivateFieldGet$i(this, _Label_tooltipRef, "f") }, this.text))));
|
|
8933
9032
|
}
|
|
8934
9033
|
static get watchers() { return {
|
|
8935
9034
|
"text": ["textChanged"]
|
|
@@ -8975,12 +9074,12 @@ _Label_label = new WeakMap(), _Label_ro = new WeakMap(), _Label_span = new WeakM
|
|
|
8975
9074
|
}
|
|
8976
9075
|
};
|
|
8977
9076
|
|
|
8978
|
-
const listItemCss = ":host([hidden]){display:none!important}:host{display:block}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-indented-content,.qds-list-item{align-items:center;border-radius:var(--qds-control-border-radius);box-sizing:border-box}.qds-indented-content{align-self:stretch;cursor:default;display:flex;flex:1 0}.qds-destination{transform:scaleX(var(--qds-direction-factor,1))}.qds-icon,.qds-main-icon{color:var(--qds-theme-text-standard)}.qds-picture{flex-shrink:0}.qds-texts{display:flex;flex:1 0;flex-direction:column;justify-items:center;padding:0;position:relative}.qds-input{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:var(--qds-control-border-radius);inset:0;margin:0;outline:none;position:absolute}.qds-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.qds-title,.qds-tooltip-title{color:var(--qds-theme-title)}.qds-subtitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.qds-subtitle,.qds-tooltip-subtitle{color:var(--qds-theme-subtitle)}.qds-kicker{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.qds-kicker,.qds-tooltip-kicker{color:var(--qds-theme-kicker)}.qds-draggable{cursor:grab}.qds-cursor-pointer{cursor:pointer}[data-size=small] .qds-indented-content{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding:var(--qds-list-item-small-padding-vertical) var(--qds-list-item-small-padding-horizontal)}[data-size=small] .qds-icon{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-main-icon{height:var(--qds-list-item-small-icon-size);width:var(--qds-list-item-small-icon-size)}[data-size=small] .qds-texts{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-kicker,[data-size=small] .qds-tooltip-kicker{font:var(--qds-list-item-small-kicker)}[data-size=small] .qds-title,[data-size=small] .qds-tooltip-title{font:var(--qds-list-item-small-title)}[data-size=small] .qds-subtitle,[data-size=small] .qds-tooltip-subtitle{font:var(--qds-list-item-small-subtitle)}[data-size=small] .qds-picture{height:var(--qds-list-item-small-picture-size);width:var(--qds-list-item-small-picture-size)}[data-size=standard] .qds-indented-content{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding:var(--qds-list-item-standard-padding-vertical) var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .qds-icon{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-main-icon{height:var(--qds-list-item-standard-icon-size);width:var(--qds-list-item-standard-icon-size)}[data-size=standard] .qds-texts{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-kicker,[data-size=standard] .qds-tooltip-kicker{font:var(--qds-list-item-standard-kicker)}[data-size=standard] .qds-title,[data-size=standard] .qds-tooltip-title{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-subtitle,[data-size=standard] .qds-tooltip-subtitle{font:var(--qds-list-item-standard-subtitle)}[data-size=standard] .qds-picture{height:var(--qds-list-item-standard-picture-size);width:var(--qds-list-item-standard-picture-size)}[data-size=large] .qds-indented-content{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding:var(--qds-list-item-large-padding-vertical) var(--qds-list-item-large-padding-horizontal)}[data-size=large] .qds-icon{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-main-icon{height:var(--qds-list-item-large-icon-size);width:var(--qds-list-item-large-icon-size)}[data-size=large] .qds-texts{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-kicker,[data-size=large] .qds-tooltip-kicker{font:var(--qds-list-item-large-kicker)}[data-size=large] .qds-title,[data-size=large] .qds-tooltip-title{font:var(--qds-list-item-large-title)}[data-size=large] .qds-subtitle,[data-size=large] .qds-tooltip-subtitle{font:var(--qds-list-item-large-subtitle)}[data-size=large] .qds-picture{height:var(--qds-list-item-large-picture-size);width:var(--qds-list-item-large-picture-size)}.qds-list-item{display:block}.qds-list-item:
|
|
9077
|
+
const listItemCss = ":host([hidden]){display:none!important}:host{display:block}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-indented-content,.qds-list-item{align-items:center;border-radius:var(--qds-control-border-radius);box-sizing:border-box}.qds-indented-content{align-self:stretch;cursor:default;display:flex;flex:1 0}.qds-destination{transform:scaleX(var(--qds-direction-factor,1))}.qds-icon,.qds-main-icon{color:var(--qds-theme-text-standard)}.qds-picture{flex-shrink:0}.qds-texts{display:flex;flex:1 0;flex-direction:column;justify-items:center;padding:0;position:relative}.qds-texts:focus-visible{border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-input{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:var(--qds-control-border-radius);inset:0;margin:0;outline:none;position:absolute}.qds-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.qds-title,.qds-tooltip-title{color:var(--qds-theme-title)}.qds-subtitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.qds-subtitle,.qds-tooltip-subtitle{color:var(--qds-theme-subtitle)}.qds-kicker{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.qds-kicker,.qds-tooltip-kicker{color:var(--qds-theme-kicker)}.qds-draggable{cursor:grab}.qds-cursor-pointer{cursor:pointer}[data-size=small] .qds-indented-content{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding:var(--qds-list-item-small-padding-vertical) var(--qds-list-item-small-padding-horizontal)}[data-size=small] .qds-icon{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-main-icon{height:var(--qds-list-item-small-icon-size);width:var(--qds-list-item-small-icon-size)}[data-size=small] .qds-texts{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-kicker,[data-size=small] .qds-tooltip-kicker{font:var(--qds-list-item-small-kicker)}[data-size=small] .qds-title,[data-size=small] .qds-tooltip-title{font:var(--qds-list-item-small-title)}[data-size=small] .qds-subtitle,[data-size=small] .qds-tooltip-subtitle{font:var(--qds-list-item-small-subtitle)}[data-size=small] .qds-picture{height:var(--qds-list-item-small-picture-size);width:var(--qds-list-item-small-picture-size)}[data-size=standard] .qds-indented-content{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding:var(--qds-list-item-standard-padding-vertical) var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .qds-icon{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-main-icon{height:var(--qds-list-item-standard-icon-size);width:var(--qds-list-item-standard-icon-size)}[data-size=standard] .qds-texts{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-kicker,[data-size=standard] .qds-tooltip-kicker{font:var(--qds-list-item-standard-kicker)}[data-size=standard] .qds-title,[data-size=standard] .qds-tooltip-title{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-subtitle,[data-size=standard] .qds-tooltip-subtitle{font:var(--qds-list-item-standard-subtitle)}[data-size=standard] .qds-picture{height:var(--qds-list-item-standard-picture-size);width:var(--qds-list-item-standard-picture-size)}[data-size=large] .qds-indented-content{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding:var(--qds-list-item-large-padding-vertical) var(--qds-list-item-large-padding-horizontal)}[data-size=large] .qds-icon{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-main-icon{height:var(--qds-list-item-large-icon-size);width:var(--qds-list-item-large-icon-size)}[data-size=large] .qds-texts{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-kicker,[data-size=large] .qds-tooltip-kicker{font:var(--qds-list-item-large-kicker)}[data-size=large] .qds-title,[data-size=large] .qds-tooltip-title{font:var(--qds-list-item-large-title)}[data-size=large] .qds-subtitle,[data-size=large] .qds-tooltip-subtitle{font:var(--qds-list-item-large-subtitle)}[data-size=large] .qds-picture{height:var(--qds-list-item-large-picture-size);width:var(--qds-list-item-large-picture-size)}.qds-list-item{display:block}.qds-list-item:hover:not(.qds-static){background-color:var(--qds-theme-interactive-background-hover)}.qds-list-item:active:not(.qds-static),.qds-list-item:not(.qds-has-submenu):not(.qds-static):active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-selected.qds-list-item{background-color:var(--qds-theme-interactive-background-selected)}.qds-selected.qds-list-item:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected.qds-list-item:active{background-color:var(\n --qds-theme-interactive-background-selected-pressed\n )}.qds-selected[data-size=small] .qds-title{font:var(--qds-list-item-small-title-emphasized)}.qds-selected[data-size=standard] .qds-title{font:var(--qds-list-item-standard-title-emphasized)}.qds-selected[data-size=large] .qds-title{font:var(--qds-list-item-large-title-emphasized)}";
|
|
8979
9078
|
|
|
8980
9079
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
8981
9080
|
//
|
|
8982
9081
|
// SPDX-License-Identifier: Apache-2.0
|
|
8983
|
-
var __classPrivateFieldGet$
|
|
9082
|
+
var __classPrivateFieldGet$h = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
8984
9083
|
if (kind === "a" && !f)
|
|
8985
9084
|
throw new TypeError("Private accessor was defined without a getter");
|
|
8986
9085
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -9057,14 +9156,14 @@ class ListItem {
|
|
|
9057
9156
|
});
|
|
9058
9157
|
_ListItem_onCheck.set(this, (event) => {
|
|
9059
9158
|
event.stopImmediatePropagation();
|
|
9060
|
-
this.selected = __classPrivateFieldGet$
|
|
9159
|
+
this.selected = __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedIndeterminate_get) ? true : !__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
|
|
9061
9160
|
this.changeEmitter.emit();
|
|
9062
9161
|
this.indeterminate = false;
|
|
9063
9162
|
});
|
|
9064
9163
|
_ListItem_onSelect.set(this, (event) => {
|
|
9065
9164
|
event.stopImmediatePropagation();
|
|
9066
|
-
if (!__classPrivateFieldGet$
|
|
9067
|
-
this.selected = !__classPrivateFieldGet$
|
|
9165
|
+
if (!__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get)) {
|
|
9166
|
+
this.selected = !__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
|
|
9068
9167
|
this.changeEmitter.emit();
|
|
9069
9168
|
}
|
|
9070
9169
|
});
|
|
@@ -9083,7 +9182,7 @@ class ListItem {
|
|
|
9083
9182
|
if (iconButton) {
|
|
9084
9183
|
__classPrivateFieldSet$d(this, _ListItem_iconButton, iconButton, "f");
|
|
9085
9184
|
}
|
|
9086
|
-
return __classPrivateFieldGet$
|
|
9185
|
+
return __classPrivateFieldGet$h(this, _ListItem_iconButton, "f");
|
|
9087
9186
|
});
|
|
9088
9187
|
_ListItem_onSlotChange.set(this, (event) => {
|
|
9089
9188
|
invariant(event.target instanceof HTMLSlotElement);
|
|
@@ -9102,13 +9201,13 @@ class ListItem {
|
|
|
9102
9201
|
event.stopImmediatePropagation();
|
|
9103
9202
|
return;
|
|
9104
9203
|
}
|
|
9105
|
-
if (__classPrivateFieldGet$
|
|
9106
|
-
invariant(__classPrivateFieldGet$
|
|
9107
|
-
__classPrivateFieldGet$
|
|
9204
|
+
if (__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect') {
|
|
9205
|
+
invariant(__classPrivateFieldGet$h(this, _ListItem_checkbox, "f"));
|
|
9206
|
+
__classPrivateFieldGet$h(this, _ListItem_onCheck, "f").call(this, event);
|
|
9108
9207
|
}
|
|
9109
|
-
if (__classPrivateFieldGet$
|
|
9110
|
-
invariant(__classPrivateFieldGet$
|
|
9111
|
-
__classPrivateFieldGet$
|
|
9208
|
+
if (__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio') {
|
|
9209
|
+
invariant(__classPrivateFieldGet$h(this, _ListItem_radio, "f"));
|
|
9210
|
+
__classPrivateFieldGet$h(this, _ListItem_onSelect, "f").call(this, event);
|
|
9112
9211
|
}
|
|
9113
9212
|
// Always prevent default behavior to avoid the internal `<input>`
|
|
9114
9213
|
// to toggle `checked` state inappropriately.
|
|
@@ -9140,39 +9239,39 @@ class ListItem {
|
|
|
9140
9239
|
listActionChanged(newValue) {
|
|
9141
9240
|
this.internals.ariaChecked =
|
|
9142
9241
|
(newValue === 'radio' || newValue === 'multiselect') &&
|
|
9143
|
-
__classPrivateFieldGet$
|
|
9242
|
+
__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get)
|
|
9144
9243
|
? 'true'
|
|
9145
9244
|
: 'false';
|
|
9146
9245
|
}
|
|
9147
9246
|
textChanged() {
|
|
9148
|
-
if (__classPrivateFieldGet$
|
|
9149
|
-
__classPrivateFieldGet$
|
|
9150
|
-
if (!__classPrivateFieldGet$
|
|
9247
|
+
if (__classPrivateFieldGet$h(this, _ListItem_roText, "f"))
|
|
9248
|
+
__classPrivateFieldGet$h(this, _ListItem_roText, "f").disconnect();
|
|
9249
|
+
if (!__classPrivateFieldGet$h(this, _ListItem_text, "f") || !this.text)
|
|
9151
9250
|
return;
|
|
9152
|
-
invariant(__classPrivateFieldGet$
|
|
9153
|
-
const div = __classPrivateFieldGet$
|
|
9251
|
+
invariant(__classPrivateFieldGet$h(this, _ListItem_text, "f"));
|
|
9252
|
+
const div = __classPrivateFieldGet$h(this, _ListItem_text, "f");
|
|
9154
9253
|
readTask(() => {
|
|
9155
9254
|
this.textTooltip = isEllipsisActive(div);
|
|
9156
9255
|
});
|
|
9157
9256
|
__classPrivateFieldSet$d(this, _ListItem_roText, new ResizeObserver(([divEntry]) => {
|
|
9158
9257
|
this.textTooltip = isEllipsisActive(divEntry.target);
|
|
9159
9258
|
}), "f");
|
|
9160
|
-
__classPrivateFieldGet$
|
|
9259
|
+
__classPrivateFieldGet$h(this, _ListItem_roText, "f").observe(__classPrivateFieldGet$h(this, _ListItem_text, "f"));
|
|
9161
9260
|
}
|
|
9162
9261
|
subtitleChanged() {
|
|
9163
|
-
if (__classPrivateFieldGet$
|
|
9164
|
-
__classPrivateFieldGet$
|
|
9165
|
-
if (!__classPrivateFieldGet$
|
|
9262
|
+
if (__classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f"))
|
|
9263
|
+
__classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f").disconnect();
|
|
9264
|
+
if (!__classPrivateFieldGet$h(this, _ListItem_subtitle, "f") || this.subtitle === undefined || this.subtitle === '')
|
|
9166
9265
|
return;
|
|
9167
|
-
invariant(__classPrivateFieldGet$
|
|
9168
|
-
const div = __classPrivateFieldGet$
|
|
9266
|
+
invariant(__classPrivateFieldGet$h(this, _ListItem_subtitle, "f"));
|
|
9267
|
+
const div = __classPrivateFieldGet$h(this, _ListItem_subtitle, "f");
|
|
9169
9268
|
readTask(() => {
|
|
9170
9269
|
this.subtitleTooltip = isEllipsisActive(div);
|
|
9171
9270
|
});
|
|
9172
9271
|
__classPrivateFieldSet$d(this, _ListItem_roSubTitle, new ResizeObserver(([divEntry]) => {
|
|
9173
9272
|
this.subtitleTooltip = isEllipsisActive(divEntry.target);
|
|
9174
9273
|
}), "f");
|
|
9175
|
-
__classPrivateFieldGet$
|
|
9274
|
+
__classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f").observe(__classPrivateFieldGet$h(this, _ListItem_subtitle, "f"));
|
|
9176
9275
|
}
|
|
9177
9276
|
componentWillLoad() {
|
|
9178
9277
|
this.hasSubmenuSlot = this.host.hasChildNodes();
|
|
@@ -9198,16 +9297,18 @@ class ListItem {
|
|
|
9198
9297
|
this.subtitleChanged();
|
|
9199
9298
|
}
|
|
9200
9299
|
render() {
|
|
9201
|
-
return (hAsync(Host, { key: '
|
|
9300
|
+
return (hAsync(Host, { key: 'ee0d9edc0e5cdebab2c62a1b0ba5834fb0880205' }, hAsync("div", { key: '27fdefc82869d16f8328614994979edfedf83847', class: {
|
|
9202
9301
|
'qds-list-item': true,
|
|
9203
|
-
'qds-has-submenu': __classPrivateFieldGet$
|
|
9302
|
+
'qds-has-submenu': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get),
|
|
9204
9303
|
'qds-disabled': this.disabled,
|
|
9205
|
-
'qds-selected': __classPrivateFieldGet$
|
|
9206
|
-
'qds-static': __classPrivateFieldGet$
|
|
9207
|
-
}, "data-size": __classPrivateFieldGet$
|
|
9304
|
+
'qds-selected': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
|
|
9305
|
+
'qds-static': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'none',
|
|
9306
|
+
}, "data-size": __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '7b2e68fcac4f4ffab6e81e885653999612ed1cb6', class: {
|
|
9208
9307
|
'qds-indented-content': true,
|
|
9209
|
-
'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$
|
|
9210
|
-
} }, __classPrivateFieldGet$
|
|
9308
|
+
'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !== 'none',
|
|
9309
|
+
} }, __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: 'a06bfe133541e0557a9ad0fed6a27b024b9fb44e', checked: this.selected, indeterminate: this.indeterminate, size: this.size, text: this.text, disabled: this.disabled, checkboxOnly: true, onQdsChange: __classPrivateFieldGet$h(this, _ListItem_onCheck, "f"), ref: __classPrivateFieldGet$h(this, _ListItem_checkboxRef, "f") })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' && (hAsync("qds-radio", { key: 'd5083877d38ffcc299012d074ad2f1ef8b5de4cb', checked: this.selected, size: this.size, onQdsChange: __classPrivateFieldGet$h(this, _ListItem_onSelect, "f"), disabled: this.disabled, "aria-label": this.text, ref: __classPrivateFieldGet$h(this, _ListItem_radioRef, "f") })), this.host.draggable && (hAsync("qds-icon", { key: 'bf588102869dc59bc78a285d42c852226852e219', class: "qds-icon qds-list-action qds-draggable", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (hAsync("img", { key: '47f87d7dec2a4756cd6a9c81bfab6fa2a7fc0871', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '6224ec0568b6930da2a9f4ebeb1c2d8763e06814', class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (hAsync("qds-avatar-media", { key: '50aa50b332721712087f71c90128d683464eb357', class: "qds-picture", src: this.avatarSrc })), hAsync("div", { key: '5f1eb25a30de4c5a8c2ba2f177c60772820f780d', class: "qds-texts", role: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 'option' : undefined, tabIndex: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' && !this.disabled
|
|
9310
|
+
? 0
|
|
9311
|
+
: undefined, onFocus: __classPrivateFieldGet$h(this, _ListItem_onFocus, "f"), onBlur: __classPrivateFieldGet$h(this, _ListItem_onBlur, "f") }, this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: 'ad1019304d423631b49c184f8fe063f8244a5522', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: 'e04aee135c90ae30afbe892dc0c93dc1b58d0f6e', class: "qds-title", ref: __classPrivateFieldGet$h(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '0878a0bcdbb2a46a6a10a3a337db37fa173ba117', class: "qds-subtitle", ref: __classPrivateFieldGet$h(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (hAsync("qds-badge-counter", { key: '26c39639c5ff74e527a3c13870357992005d83b9', size: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get), strokeRing: true, value: this.badge, description: this.badgeDescription })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-icon-button", { key: '8772f76f5b815cf2416d330127ebf84cc2033cf2', iconName: "dots-3-vertical", importance: "subdued", "aria-label": "more actions", disabled: this.disabled, ref: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f") })), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (hAsync("qds-icon", { key: '93dca44f644c099ef7fdbe2698c9bdb6f7591191', class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))), __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: 'ac7ee2dc31df20870a50f10c2226715c479e9fea', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$h(this, _ListItem_iconButtonRef, "f"), role: "group" }, hAsync("slot", { key: '69984f6419363b4e3118a9530c2b7c3aa80058b5', onSlotchange: __classPrivateFieldGet$h(this, _ListItem_onSlotChange, "f") }))), this.showDivider && hAsync("qds-divider", { key: '8a1af2e9ca9ca2efb7e06cad5be2f520744c9792' }), (this.textTooltip || this.subtitleTooltip) && (hAsync("qds-tooltip", { key: 'fcf807651e2e3d2b6da676447ce68f961ab168ee', "aria-hidden": "true", ref: __classPrivateFieldGet$h(this, _ListItem_textTooltipRef, "f") }, hAsync("div", { key: 'eacd4ab8814dd82dc61c3c0a1767bae199d3bfa5', class: "qds-tooltip-kicker" }, this.kicker), hAsync("div", { key: '3da43382feaa8e6f6882bab0b30911d4259c4d92', class: "qds-tooltip-title" }, this.text), hAsync("div", { key: 'e6ce033788d3428f83b255d859b69a737f0f4b9c', class: "qds-tooltip-subtitle" }, this.subtitle))))));
|
|
9211
9312
|
}
|
|
9212
9313
|
get host() { return getElement(this); }
|
|
9213
9314
|
static get watchers() { return {
|
|
@@ -9286,12 +9387,12 @@ _ListItem_roText = new WeakMap(), _ListItem_roSubTitle = new WeakMap(), _ListIte
|
|
|
9286
9387
|
return this.hasSubmenuSlot;
|
|
9287
9388
|
};
|
|
9288
9389
|
|
|
9289
|
-
const loaderCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-loader{border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-feedback-action-destructive-contrast)}[data-size=small]{height:var(--qds-feedback-loader-small-size);width:var(--qds-feedback-loader-small-size)}[data-size=small][data-status=loading]{padding:var(--qds-signature-circle-progress-small-border-width)}[data-size=standard]{height:var(--qds-feedback-loader-standard-size);width:var(--qds-feedback-loader-standard-size)}[data-size=standard][data-status=loading]{padding:var(--qds-signature-circle-progress-standard-border-width)}[data-size=large]{height:var(--qds-feedback-loader-large-size);width:var(--qds-feedback-loader-large-size)}[data-size=large][data-status=loading]{padding:var(--qds-signature-circle-progress-large-border-width)}[data-size=jumbo]{height:var(--qds-feedback-loader-jumbo-size);width:var(--qds-feedback-loader-jumbo-size)}[data-size=jumbo][data-status=loading]{padding:var(--qds-signature-circle-progress-jumbo-border-width)}[data-size=hero]{height:var(--qds-feedback-loader-hero-size);width:var(--qds-feedback-loader-hero-size)}[data-size=hero][data-status=loading]{padding:var(--qds-signature-circle-progress-hero-border-width)}[data-status=loading]{animation:
|
|
9390
|
+
const loaderCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-loader{border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-feedback-action-destructive-contrast)}[data-size=small]{height:var(--qds-feedback-loader-small-size);width:var(--qds-feedback-loader-small-size)}[data-size=small][data-status=loading]{padding:var(--qds-signature-circle-progress-small-border-width)}[data-size=standard]{height:var(--qds-feedback-loader-standard-size);width:var(--qds-feedback-loader-standard-size)}[data-size=standard][data-status=loading]{padding:var(--qds-signature-circle-progress-standard-border-width)}[data-size=large]{height:var(--qds-feedback-loader-large-size);width:var(--qds-feedback-loader-large-size)}[data-size=large][data-status=loading]{padding:var(--qds-signature-circle-progress-large-border-width)}[data-size=jumbo]{height:var(--qds-feedback-loader-jumbo-size);width:var(--qds-feedback-loader-jumbo-size)}[data-size=jumbo][data-status=loading]{padding:var(--qds-signature-circle-progress-jumbo-border-width)}[data-size=hero]{height:var(--qds-feedback-loader-hero-size);width:var(--qds-feedback-loader-hero-size)}[data-size=hero][data-status=loading]{padding:var(--qds-signature-circle-progress-hero-border-width)}[data-status=loading]{animation:b 1s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}[data-status=loading][data-importance=standard]{background-image:var(--qds-theme-feedback-loader-standard-indeterminate)}[data-status=loading][data-importance=destructive]{background-image:var(\n --qds-theme-feedback-loader-destructive-indeterminate\n )}[data-status=loading][data-importance=informative]{background-image:var(\n --qds-theme-feedback-loader-informational-indeterminate\n )}[data-status=loading][data-importance=neutral-contrast]{background-image:var(\n --qds-theme-feedback-loader-neutral-contrast-indeterminate\n );border:var(--qds-theme-feedback-loader-neutral-contrast-indeterminate)}[data-status=loading][data-importance=neutral]{background-image:var(--qds-theme-feedback-loader-neutral-indeterminate);border:var(--qds-theme-feedback-loader-neutral-indeterminate)}@keyframes b{to{transform:rotate(1turn)}}[data-status=success]{color:var(--qds-theme-feedback-result-success)}[data-status=warning]{color:var(--qds-theme-feedback-result-partial-success)}[data-status=error]{color:var(--qds-theme-feedback-result-failure)}";
|
|
9290
9391
|
|
|
9291
9392
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9292
9393
|
//
|
|
9293
9394
|
// SPDX-License-Identifier: Apache-2.0
|
|
9294
|
-
var __classPrivateFieldGet$
|
|
9395
|
+
var __classPrivateFieldGet$g = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
9295
9396
|
if (kind === "a" && !f)
|
|
9296
9397
|
throw new TypeError("Private accessor was defined without a getter");
|
|
9297
9398
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -9326,7 +9427,7 @@ class Loader {
|
|
|
9326
9427
|
this.importance = 'standard';
|
|
9327
9428
|
}
|
|
9328
9429
|
statusChanged() {
|
|
9329
|
-
const status = __classPrivateFieldGet$
|
|
9430
|
+
const status = __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedStatus_get);
|
|
9330
9431
|
this.internals.ariaValueNow =
|
|
9331
9432
|
status === undefined
|
|
9332
9433
|
? // eslint-disable-next-line unicorn/no-null
|
|
@@ -9354,11 +9455,11 @@ class Loader {
|
|
|
9354
9455
|
this.internals.role = 'progressbar';
|
|
9355
9456
|
this.internals.ariaValueMin = this.host.ariaValueMin ?? '0';
|
|
9356
9457
|
this.internals.ariaValueMax = this.host.ariaValueMax ?? '1';
|
|
9357
|
-
__classPrivateFieldGet$
|
|
9458
|
+
__classPrivateFieldGet$g(this, _Loader_instances, "m", _Loader_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
9358
9459
|
this.statusChanged();
|
|
9359
9460
|
}
|
|
9360
9461
|
render() {
|
|
9361
|
-
return __classPrivateFieldGet$
|
|
9462
|
+
return __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedStatus_get) ? (hAsync("qds-icon", { class: "qds-loader", "data-size": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedStatus_get), library: "core", name: `status-${this.status}-solid` })) : (hAsync("div", { class: "qds-loader", "data-size": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedSize_get), "data-status": "loading", "data-importance": __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedImportance_get) }));
|
|
9362
9463
|
}
|
|
9363
9464
|
static get formAssociated() { return true; }
|
|
9364
9465
|
get host() { return getElement(this); }
|
|
@@ -9424,7 +9525,7 @@ const menuItemCss = ":host([hidden]){display:none!important}:host{display:block}
|
|
|
9424
9525
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
9425
9526
|
//
|
|
9426
9527
|
// SPDX-License-Identifier: Apache-2.0
|
|
9427
|
-
var __classPrivateFieldGet$
|
|
9528
|
+
var __classPrivateFieldGet$f = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
9428
9529
|
if (kind === "a" && !f)
|
|
9429
9530
|
throw new TypeError("Private accessor was defined without a getter");
|
|
9430
9531
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -9482,7 +9583,7 @@ class MenuItem {
|
|
|
9482
9583
|
if (menuItem) {
|
|
9483
9584
|
__classPrivateFieldSet$c(this, _MenuItem_menuItem, menuItem, "f");
|
|
9484
9585
|
}
|
|
9485
|
-
return __classPrivateFieldGet$
|
|
9586
|
+
return __classPrivateFieldGet$f(this, _MenuItem_menuItem, "f");
|
|
9486
9587
|
});
|
|
9487
9588
|
_MenuItem_spanRef.set(this, (span) => {
|
|
9488
9589
|
__classPrivateFieldSet$c(this, _MenuItem_span, span, "f");
|
|
@@ -9490,7 +9591,7 @@ class MenuItem {
|
|
|
9490
9591
|
_MenuItem_tooltipRef.set(this, (tooltip) => {
|
|
9491
9592
|
if (tooltip)
|
|
9492
9593
|
// eslint-disable-next-line no-param-reassign
|
|
9493
|
-
tooltip.target = __classPrivateFieldGet$
|
|
9594
|
+
tooltip.target = __classPrivateFieldGet$f(this, _MenuItem_menuItem, "f");
|
|
9494
9595
|
});
|
|
9495
9596
|
}
|
|
9496
9597
|
onBlur(event) {
|
|
@@ -9500,32 +9601,32 @@ class MenuItem {
|
|
|
9500
9601
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
9501
9602
|
}
|
|
9502
9603
|
onClick(event) {
|
|
9503
|
-
if (__classPrivateFieldGet$
|
|
9604
|
+
if (__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get)) {
|
|
9504
9605
|
event.stopImmediatePropagation();
|
|
9505
9606
|
return;
|
|
9506
9607
|
}
|
|
9507
|
-
if (__classPrivateFieldGet$
|
|
9508
|
-
this.checked = !__classPrivateFieldGet$
|
|
9608
|
+
if (__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get)) {
|
|
9609
|
+
this.checked = !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get);
|
|
9509
9610
|
this.selectEmitter.emit();
|
|
9510
9611
|
}
|
|
9511
9612
|
}
|
|
9512
9613
|
disabledChanged() {
|
|
9513
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
9614
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get).toString();
|
|
9514
9615
|
}
|
|
9515
9616
|
checkedChanged() {
|
|
9516
|
-
this.internals.ariaChecked = __classPrivateFieldGet$
|
|
9617
|
+
this.internals.ariaChecked = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get).toString();
|
|
9517
9618
|
}
|
|
9518
9619
|
componentDidLoad() {
|
|
9519
9620
|
this.checkedChanged();
|
|
9520
|
-
invariant(__classPrivateFieldGet$
|
|
9521
|
-
const span = __classPrivateFieldGet$
|
|
9621
|
+
invariant(__classPrivateFieldGet$f(this, _MenuItem_span, "f"));
|
|
9622
|
+
const span = __classPrivateFieldGet$f(this, _MenuItem_span, "f");
|
|
9522
9623
|
readTask(() => {
|
|
9523
9624
|
this.tooltip = isEllipsisActive(span);
|
|
9524
9625
|
});
|
|
9525
9626
|
__classPrivateFieldSet$c(this, _MenuItem_ro, new ResizeObserver(([spanEntry]) => {
|
|
9526
9627
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
9527
9628
|
}), "f");
|
|
9528
|
-
__classPrivateFieldGet$
|
|
9629
|
+
__classPrivateFieldGet$f(this, _MenuItem_ro, "f").observe(__classPrivateFieldGet$f(this, _MenuItem_span, "f"));
|
|
9529
9630
|
}
|
|
9530
9631
|
componentWillLoad() {
|
|
9531
9632
|
this.hasSubmenuSlot = this.host.hasChildNodes();
|
|
@@ -9534,11 +9635,11 @@ class MenuItem {
|
|
|
9534
9635
|
this.disabledChanged();
|
|
9535
9636
|
}
|
|
9536
9637
|
render() {
|
|
9537
|
-
return (hAsync("div", { key: '
|
|
9638
|
+
return (hAsync("div", { key: '7d0ba7c11661174f646a8b69012645224bda21fe', class: {
|
|
9538
9639
|
'qds-menu-item': true,
|
|
9539
|
-
'qds-disabled': __classPrivateFieldGet$
|
|
9540
|
-
'qds-has-submenu': __classPrivateFieldGet$
|
|
9541
|
-
}, ref: __classPrivateFieldGet$
|
|
9640
|
+
'qds-disabled': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
|
|
9641
|
+
'qds-has-submenu': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get),
|
|
9642
|
+
}, ref: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: 'ddc9c1614161a68acce64d7b055a4f98ad46c8ea', class: "qds-menu-item-container" }, __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("span", { key: '2976f946bbafda1f8878fe63dab984acb3a7022a', class: "menu-item-checkable" })), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("qds-icon", { key: 'badd5434f8857f8819aeefdff6d81d8206ff4c26', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '6ba121d5c02d93f061fe6e4563a840c3e3ed248b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: 'e6d352056093d513259bf307d57a2bf6594ef51c', class: "qds-text", ref: __classPrivateFieldGet$f(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (hAsync("span", { key: '57e519dcacdd6df02e57cabedf6be273ca2fe6d6', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-icon", { key: 'd42b375a3db82416e4897046f8158475e5ae8cae', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '051eac52674daeba3a8818f56e8bcc313c281a0b', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$f(this, _MenuItem_menuitemDivRef, "f") }, hAsync("slot", { key: 'c8f84041f9369ab6d2bd8e2978db851e2fc89c2e' }))), this.tooltip && (hAsync("qds-tooltip", { key: 'dde1e377a56eaa598351c119d190fa77c001deb6', ref: __classPrivateFieldGet$f(this, _MenuItem_tooltipRef, "f") }, this.text))));
|
|
9542
9643
|
}
|
|
9543
9644
|
get host() { return getElement(this); }
|
|
9544
9645
|
static get watchers() { return {
|
|
@@ -9580,9 +9681,9 @@ _MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span
|
|
|
9580
9681
|
}, _MenuItem_computedType_get = function _MenuItem_computedType_get() {
|
|
9581
9682
|
return this.type ?? undefined;
|
|
9582
9683
|
}, _MenuItem_computedCheckable_get = function _MenuItem_computedCheckable_get() {
|
|
9583
|
-
return __classPrivateFieldGet$
|
|
9684
|
+
return __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedType_get) === 'checkbox';
|
|
9584
9685
|
}, _MenuItem_computedChecked_get = function _MenuItem_computedChecked_get() {
|
|
9585
|
-
return ((__classPrivateFieldGet$
|
|
9686
|
+
return ((__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && this.checked) ?? false);
|
|
9586
9687
|
}, _MenuItem_computedDisabled_get = function _MenuItem_computedDisabled_get() {
|
|
9587
9688
|
return this.disabled ?? false;
|
|
9588
9689
|
}, _MenuItem_hasSubmenu_get = function _MenuItem_hasSubmenu_get() {
|
|
@@ -9594,7 +9695,7 @@ const miniButtonCss = ":host{display:block}:host(:focus-visible){box-shadow:0 0
|
|
|
9594
9695
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
9595
9696
|
//
|
|
9596
9697
|
// SPDX-License-Identifier: Apache-2.0
|
|
9597
|
-
var __classPrivateFieldGet$
|
|
9698
|
+
var __classPrivateFieldGet$e = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
9598
9699
|
if (kind === "a" && !f)
|
|
9599
9700
|
throw new TypeError("Private accessor was defined without a getter");
|
|
9600
9701
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -9643,11 +9744,11 @@ class MiniButton {
|
|
|
9643
9744
|
_MiniButton_savedTabIndex.set(this, 0);
|
|
9644
9745
|
}
|
|
9645
9746
|
disabledChanged() {
|
|
9646
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
9647
|
-
if (__classPrivateFieldGet$
|
|
9747
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get).toString();
|
|
9748
|
+
if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
|
|
9648
9749
|
this.host.removeAttribute('tabindex');
|
|
9649
9750
|
else
|
|
9650
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
9751
|
+
this.host.tabIndex = __classPrivateFieldGet$e(this, _MiniButton_savedTabIndex, "f");
|
|
9651
9752
|
}
|
|
9652
9753
|
hrefChanged() {
|
|
9653
9754
|
this.internals.role = this.href === undefined ? 'button' : 'link';
|
|
@@ -9659,16 +9760,16 @@ class MiniButton {
|
|
|
9659
9760
|
? 0
|
|
9660
9761
|
: parsedValue, "f");
|
|
9661
9762
|
}
|
|
9662
|
-
if (__classPrivateFieldGet$
|
|
9763
|
+
if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
|
|
9663
9764
|
this.host.removeAttribute('tabindex');
|
|
9664
9765
|
else
|
|
9665
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
9766
|
+
this.host.tabIndex = __classPrivateFieldGet$e(this, _MiniButton_savedTabIndex, "f");
|
|
9666
9767
|
}
|
|
9667
9768
|
textChanged() {
|
|
9668
9769
|
this.internals.ariaLabel = this.text;
|
|
9669
9770
|
}
|
|
9670
9771
|
onClick(event) {
|
|
9671
|
-
if (__classPrivateFieldGet$
|
|
9772
|
+
if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get)) {
|
|
9672
9773
|
event.stopImmediatePropagation();
|
|
9673
9774
|
}
|
|
9674
9775
|
}
|
|
@@ -9694,7 +9795,7 @@ class MiniButton {
|
|
|
9694
9795
|
}
|
|
9695
9796
|
render() {
|
|
9696
9797
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
9697
|
-
return (hAsync(Tag, { key: '670347ad3f469e3b7d8d8cc30774c3c208c4dd08', type: Tag === 'a' ? undefined : 'button', class: "qds-mini-button", href: Tag === 'a' ? this.href : undefined, rel: Tag === 'a' ? this.rel : undefined, disabled: __classPrivateFieldGet$
|
|
9798
|
+
return (hAsync(Tag, { key: '670347ad3f469e3b7d8d8cc30774c3c208c4dd08', type: Tag === 'a' ? undefined : 'button', class: "qds-mini-button", href: Tag === 'a' ? this.href : undefined, rel: Tag === 'a' ? this.rel : undefined, disabled: __classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get), "aria-hidden": "true", onKeyDown: preventDefault, onKeyUp: preventDefault, onKeyPress: preventDefault, tabIndex: -1 }, hAsync("qds-icon", { key: 'd3ab0776386fa553ee0a1582261a6724c6c5ef3a', class: "qds-icon", library: this.library, name: this.name })));
|
|
9698
9799
|
}
|
|
9699
9800
|
static get formAssociated() { return true; }
|
|
9700
9801
|
get host() { return getElement(this); }
|
|
@@ -9728,7 +9829,7 @@ _MiniButton_savedTabIndex = new WeakMap(), _MiniButton_instances = new WeakSet()
|
|
|
9728
9829
|
this.host.getAttribute('disabled') !== 'false'));
|
|
9729
9830
|
};
|
|
9730
9831
|
|
|
9731
|
-
const progressBarCss = ":host([hidden]){display:none!important}:host{display:block;width:100%}.qds-bar,.qds-track{overflow:hidden}.qds-track{background-color:var(--qds-theme-control-slider-track-background)}.qds-bar,.qds-track{border-radius:var(--qds-signature-line-progress-cap-radius)}.qds-bar{background-color:var(--qds-theme-signature-line-progress-determinate);transition:width .6s cubic-bezier(.83,0,.17,1)}@media (prefers-reduced-motion){.qds-bar{transition:none}}.qds-indeterminate{animation:
|
|
9832
|
+
const progressBarCss = ":host([hidden]){display:none!important}:host{display:block;width:100%}.qds-bar,.qds-track{overflow:hidden}.qds-track{background-color:var(--qds-theme-control-slider-track-background)}.qds-bar,.qds-track{border-radius:var(--qds-signature-line-progress-cap-radius)}.qds-bar{background-color:var(--qds-theme-signature-line-progress-determinate);transition:width .6s cubic-bezier(.83,0,.17,1)}@media (prefers-reduced-motion){.qds-bar{transition:none}}.qds-indeterminate{animation:a 2s linear infinite;background-color:initial;background-image:var(--qds-theme-signature-line-progress-indeterminate)}@keyframes a{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}[data-size=small]{height:var(--qds-signature-line-progress-small-height)}[data-size=standard]{height:var(--qds-signature-line-progress-standard-height)}[data-size=large]{height:var(--qds-signature-line-progress-large-height)}";
|
|
9732
9833
|
|
|
9733
9834
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9734
9835
|
//
|
|
@@ -9742,7 +9843,7 @@ var __classPrivateFieldSet$a = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
9742
9843
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
9743
9844
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
9744
9845
|
};
|
|
9745
|
-
var __classPrivateFieldGet$
|
|
9846
|
+
var __classPrivateFieldGet$d = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
9746
9847
|
if (kind === "a" && !f)
|
|
9747
9848
|
throw new TypeError("Private accessor was defined without a getter");
|
|
9748
9849
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -9798,8 +9899,8 @@ class ProgressBar {
|
|
|
9798
9899
|
maxChanged() {
|
|
9799
9900
|
const max = typeof this.max === 'string' ? Number.parseFloat(this.max) : this.max;
|
|
9800
9901
|
__classPrivateFieldSet$a(this, _ProgressBar_localMax, max === undefined || Number.isNaN(max) || max < 0 ? 1 : max, "f");
|
|
9801
|
-
this.internals.ariaValueMax = __classPrivateFieldGet$
|
|
9802
|
-
__classPrivateFieldGet$
|
|
9902
|
+
this.internals.ariaValueMax = __classPrivateFieldGet$d(this, _ProgressBar_localMax, "f").toString();
|
|
9903
|
+
__classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
|
|
9803
9904
|
}
|
|
9804
9905
|
valueChanged() {
|
|
9805
9906
|
const value = typeof this.value === 'string'
|
|
@@ -9808,21 +9909,21 @@ class ProgressBar {
|
|
|
9808
9909
|
__classPrivateFieldSet$a(this, _ProgressBar_localValue, value === undefined || Number.isNaN(value) || value < 0 ? 0 : value, "f");
|
|
9809
9910
|
this.internals.ariaValueNow =
|
|
9810
9911
|
// eslint-disable-next-line unicorn/no-null
|
|
9811
|
-
this.value === undefined ? null : __classPrivateFieldGet$
|
|
9812
|
-
__classPrivateFieldGet$
|
|
9912
|
+
this.value === undefined ? null : __classPrivateFieldGet$d(this, _ProgressBar_localValue, "f").toString();
|
|
9913
|
+
__classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
|
|
9813
9914
|
}
|
|
9814
9915
|
componentWillLoad() {
|
|
9815
9916
|
this.internals.role = 'progressbar';
|
|
9816
|
-
__classPrivateFieldGet$
|
|
9817
|
-
__classPrivateFieldGet$
|
|
9917
|
+
__classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
9918
|
+
__classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'position', () => __classPrivateFieldGet$d(this, _ProgressBar_position, "f"));
|
|
9818
9919
|
this.maxChanged();
|
|
9819
9920
|
this.valueChanged();
|
|
9820
9921
|
}
|
|
9821
9922
|
render() {
|
|
9822
|
-
return (hAsync("div", { key: '1f594b08dadc74c480d08f43bd9351225871990b', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$
|
|
9923
|
+
return (hAsync("div", { key: '1f594b08dadc74c480d08f43bd9351225871990b', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$d(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, hAsync("div", { key: '5bcba1c692dde87d29f842ab572d3b36b58dbe43', class: {
|
|
9823
9924
|
'qds-bar': true,
|
|
9824
|
-
'qds-indeterminate': __classPrivateFieldGet$
|
|
9825
|
-
}, "data-size": __classPrivateFieldGet$
|
|
9925
|
+
'qds-indeterminate': __classPrivateFieldGet$d(this, _ProgressBar_position, "f") === -1,
|
|
9926
|
+
}, "data-size": __classPrivateFieldGet$d(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
|
|
9826
9927
|
}
|
|
9827
9928
|
static get formAssociated() { return true; }
|
|
9828
9929
|
get host() { return getElement(this); }
|
|
@@ -9863,18 +9964,18 @@ _ProgressBar_localMax = new WeakMap(), _ProgressBar_localValue = new WeakMap(),
|
|
|
9863
9964
|
this.width = '50%';
|
|
9864
9965
|
return;
|
|
9865
9966
|
}
|
|
9866
|
-
__classPrivateFieldSet$a(this, _ProgressBar_position, __classPrivateFieldGet$
|
|
9867
|
-
this.width = `${Math.min(__classPrivateFieldGet$
|
|
9967
|
+
__classPrivateFieldSet$a(this, _ProgressBar_position, __classPrivateFieldGet$d(this, _ProgressBar_localValue, "f") / __classPrivateFieldGet$d(this, _ProgressBar_localMax, "f"), "f");
|
|
9968
|
+
this.width = `${Math.min(__classPrivateFieldGet$d(this, _ProgressBar_position, "f") * 100, 100)}%`;
|
|
9868
9969
|
}, _ProgressBar_defineGetter = function _ProgressBar_defineGetter(p, get) {
|
|
9869
9970
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
9870
9971
|
};
|
|
9871
9972
|
|
|
9872
|
-
const breadcrumbItemCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-breadcrumb-item{align-items:center;display:inline-flex;font:var(--qds-control-standard-text);gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-standard-height);width:inherit}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0;height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-divider{margin-inline:auto}.qds-overflow{
|
|
9973
|
+
const breadcrumbItemCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-breadcrumb-item{align-items:center;display:inline-flex;font:var(--qds-control-standard-text);gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-standard-height);width:inherit}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0;height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-divider{margin-inline:auto}.qds-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-anchor{font:var(--qds-control-standard-link)}.qds-anchor,.qds-breadcrumb-item{color:var(--qds-theme-control-text-standard)}.qds-anchor:focus-visible,.qds-breadcrumb-item:focus-visible{border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}";
|
|
9873
9974
|
|
|
9874
9975
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9875
9976
|
//
|
|
9876
9977
|
// SPDX-License-Identifier: Apache-2.0
|
|
9877
|
-
var __classPrivateFieldGet$
|
|
9978
|
+
var __classPrivateFieldGet$c = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
9878
9979
|
if (kind === "a" && !f)
|
|
9879
9980
|
throw new TypeError("Private accessor was defined without a getter");
|
|
9880
9981
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -9933,29 +10034,29 @@ class QdsBreadcrumbItem {
|
|
|
9933
10034
|
_QdsBreadcrumbItem_tooltipRef.set(this, (tooltip) => {
|
|
9934
10035
|
if (tooltip)
|
|
9935
10036
|
// eslint-disable-next-line no-param-reassign
|
|
9936
|
-
tooltip.target = __classPrivateFieldGet$
|
|
10037
|
+
tooltip.target = __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItem, "f");
|
|
9937
10038
|
});
|
|
9938
10039
|
}
|
|
9939
10040
|
onClick(event) {
|
|
9940
|
-
if (__classPrivateFieldGet$
|
|
10041
|
+
if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get))
|
|
9941
10042
|
event.stopImmediatePropagation();
|
|
9942
10043
|
}
|
|
9943
10044
|
disabledChanged() {
|
|
9944
10045
|
this.internals.ariaDisabled = this.disabled.toString();
|
|
9945
10046
|
}
|
|
9946
10047
|
textChanged() {
|
|
9947
|
-
if (__classPrivateFieldGet$
|
|
9948
|
-
__classPrivateFieldGet$
|
|
9949
|
-
if (!__classPrivateFieldGet$
|
|
10048
|
+
if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f"))
|
|
10049
|
+
__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").disconnect();
|
|
10050
|
+
if (!__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f"))
|
|
9950
10051
|
return;
|
|
9951
|
-
const span = __classPrivateFieldGet$
|
|
10052
|
+
const span = __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f");
|
|
9952
10053
|
readTask(() => {
|
|
9953
10054
|
this.tooltip = isEllipsisActive(span);
|
|
9954
10055
|
});
|
|
9955
10056
|
__classPrivateFieldSet$9(this, _QdsBreadcrumbItem_ro, new ResizeObserver(([spanEntry]) => {
|
|
9956
10057
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
9957
10058
|
}), "f");
|
|
9958
|
-
__classPrivateFieldGet$
|
|
10059
|
+
__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").observe(__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f"));
|
|
9959
10060
|
}
|
|
9960
10061
|
componentWillLoad() {
|
|
9961
10062
|
this.internals.role = 'listitem';
|
|
@@ -9965,16 +10066,16 @@ class QdsBreadcrumbItem {
|
|
|
9965
10066
|
this.textChanged();
|
|
9966
10067
|
}
|
|
9967
10068
|
disconnectedCallback() {
|
|
9968
|
-
if (__classPrivateFieldGet$
|
|
9969
|
-
__classPrivateFieldGet$
|
|
10069
|
+
if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f"))
|
|
10070
|
+
__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").disconnect();
|
|
9970
10071
|
}
|
|
9971
10072
|
render() {
|
|
9972
10073
|
return (hAsync("div", { key: '98651d2afead065d1dc9955fecbba5a3c56b9c99', class: {
|
|
9973
10074
|
'qds-breadcrumb-item': true,
|
|
9974
|
-
'qds-disabled': __classPrivateFieldGet$
|
|
9975
|
-
}, ref: this.href === undefined ? __classPrivateFieldGet$
|
|
9976
|
-
? __classPrivateFieldGet$
|
|
9977
|
-
: __classPrivateFieldGet$
|
|
10075
|
+
'qds-disabled': __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get),
|
|
10076
|
+
}, ref: this.href === undefined ? __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '9126433ac3532b3716d5821568d65a74b45c7145', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.href === undefined || __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_isCurrentPage_get)
|
|
10077
|
+
? __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderText).call(this)
|
|
10078
|
+
: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderAnchor).call(this), this.tooltip && (hAsync("qds-tooltip", { key: '8db1c84dea739706bb39ebbfe3824b4adbe2765c', "aria-hidden": "true", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_tooltipRef, "f") }, this.text))));
|
|
9978
10079
|
}
|
|
9979
10080
|
static get delegatesFocus() { return true; }
|
|
9980
10081
|
static get watchers() { return {
|
|
@@ -10009,17 +10110,17 @@ _QdsBreadcrumbItem_breadcrumbItem = new WeakMap(), _QdsBreadcrumbItem_ro = new W
|
|
|
10009
10110
|
return false;
|
|
10010
10111
|
return isCurrentPage(this.href);
|
|
10011
10112
|
}, _QdsBreadcrumbItem_renderAnchor = function _QdsBreadcrumbItem_renderAnchor() {
|
|
10012
|
-
return (hAsync(Fragment, null, hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$
|
|
10113
|
+
return (hAsync(Fragment, null, hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_spanRef, "f") }, hAsync("a", { class: "qds-anchor", href: this.href, hrefLang: this.hreflang, referrerPolicy: this.referrerPolicy, rel: this.rel, ref: this.href === undefined ? undefined : __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f"), target: this.target }, this.text)), hAsync("span", { "aria-hidden": "true", class: "qds-divider" }, "/")));
|
|
10013
10114
|
}, _QdsBreadcrumbItem_renderText = function _QdsBreadcrumbItem_renderText() {
|
|
10014
|
-
return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$
|
|
10115
|
+
return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
|
|
10015
10116
|
};
|
|
10016
10117
|
|
|
10017
|
-
const radioCss = "[hidden].sc-qds-radio-h{display:none!important}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-icon.sc-qds-radio,.qds-radio.sc-qds-radio{grid-area:e;place-self:center}.qds-icon.sc-qds-radio{display:none;pointer-events:none}.qds-container.sc-qds-radio{display:grid;grid-template-areas:\"e\"}.qds-label.sc-qds-radio{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label.sc-qds-radio:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label.sc-qds-radio:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label.sc-qds-radio:has(.qds-radio:focus-visible){box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-label-inner.sc-qds-radio{
|
|
10118
|
+
const radioCss = "[hidden].sc-qds-radio-h{display:none!important}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-icon.sc-qds-radio,.qds-radio.sc-qds-radio{grid-area:e;place-self:center}.qds-icon.sc-qds-radio{display:none;pointer-events:none}.qds-container.sc-qds-radio{display:grid;grid-template-areas:\"e\"}.qds-label.sc-qds-radio{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label.sc-qds-radio:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label.sc-qds-radio:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label.sc-qds-radio:has(.qds-radio:focus-visible){box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-label-inner.sc-qds-radio{color:var(--qds-theme-control-text-standard);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%}.qds-required.sc-qds-radio{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}.qds-tooltip.sc-qds-radio{line-height:normal}.qds-radio.sc-qds-radio{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-rounded-border-radius);cursor:pointer;margin:0;padding:var(--qds-control-toggle-padding);-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-radio.sc-qds-radio:focus-visible{outline:none}.qds-radio.sc-qds-radio:checked~.qds-icon.sc-qds-radio{color:var(--qds-theme-control-background-contrast);display:block}[aria-disabled=true].sc-qds-radio{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-radio[data-size=small].sc-qds-radio{height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small].sc-qds-radio{font-size:var(--qds-control-toggle-small-box-size)}.qds-label[data-size=small].sc-qds-radio{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-label-inner[data-size=small].sc-qds-radio{font:var(--qds-control-small-text)}.qds-inline[data-size=small].sc-qds-radio{min-height:var(--qds-control-small-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-radio[data-size=standard].sc-qds-radio{height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard].sc-qds-radio{font-size:var(--qds-control-toggle-standard-box-size)}.qds-label[data-size=standard].sc-qds-radio{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-label-inner[data-size=standard].sc-qds-radio{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard].sc-qds-radio{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-radio[data-size=large].sc-qds-radio{height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large].sc-qds-radio{font-size:var(--qds-control-toggle-large-box-size)}.qds-label[data-size=large].sc-qds-radio{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-label-inner[data-size=large].sc-qds-radio{font:var(--qds-control-large-text)}.qds-inline[data-size=large].sc-qds-radio{min-height:var(--qds-control-large-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}";
|
|
10018
10119
|
|
|
10019
10120
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10020
10121
|
//
|
|
10021
10122
|
// SPDX-License-Identifier: Apache-2.0
|
|
10022
|
-
var __classPrivateFieldGet$
|
|
10123
|
+
var __classPrivateFieldGet$b = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
10023
10124
|
if (kind === "a" && !f)
|
|
10024
10125
|
throw new TypeError("Private accessor was defined without a getter");
|
|
10025
10126
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -10035,7 +10136,7 @@ var __classPrivateFieldSet$8 = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
10035
10136
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
10036
10137
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
10037
10138
|
};
|
|
10038
|
-
var _Radio_instances, _Radio_inheritedAttributes, _Radio_input, _Radio_computedDisabled_get, _Radio_computedSize_get, _Radio_hasText_get, _Radio_ref, _Radio_onBlur,
|
|
10139
|
+
var _Radio_instances, _Radio_inheritedAttributes, _Radio_input, _Radio_ro, _Radio_span, _Radio_tooltip, _Radio_computedDisabled_get, _Radio_computedSize_get, _Radio_hasText_get, _Radio_ref, _Radio_onBlur, _Radio_onFocus, _Radio_spanRef, _Radio_tooltipRef, _Radio_onChange;
|
|
10039
10140
|
/**
|
|
10040
10141
|
* `<qds-radio>` elements are rendered as circles that are filled when
|
|
10041
10142
|
* selected. They are generally used in **radio groups** — collections of radio
|
|
@@ -10064,51 +10165,91 @@ class Radio {
|
|
|
10064
10165
|
* The radio button's size.
|
|
10065
10166
|
*/
|
|
10066
10167
|
this.size = 'standard';
|
|
10168
|
+
this.tooltip = false;
|
|
10067
10169
|
_Radio_inheritedAttributes.set(this, {});
|
|
10068
10170
|
_Radio_input.set(this, void 0);
|
|
10171
|
+
_Radio_ro.set(this, void 0);
|
|
10172
|
+
_Radio_span.set(this, void 0);
|
|
10173
|
+
_Radio_tooltip.set(this, void 0);
|
|
10069
10174
|
_Radio_ref.set(this, (input) => {
|
|
10070
10175
|
__classPrivateFieldSet$8(this, _Radio_input, input, "f");
|
|
10071
10176
|
});
|
|
10072
10177
|
_Radio_onBlur.set(this, (event) => {
|
|
10073
10178
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
10074
|
-
|
|
10075
|
-
|
|
10076
|
-
this.changeEmitter.emit();
|
|
10179
|
+
if (__classPrivateFieldGet$b(this, _Radio_tooltip, "f"))
|
|
10180
|
+
ignorePromise(__classPrivateFieldGet$b(this, _Radio_tooltip, "f").close());
|
|
10077
10181
|
});
|
|
10078
10182
|
_Radio_onFocus.set(this, (event) => {
|
|
10079
10183
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
10184
|
+
if (__classPrivateFieldGet$b(this, _Radio_tooltip, "f"))
|
|
10185
|
+
ignorePromise(__classPrivateFieldGet$b(this, _Radio_tooltip, "f").show());
|
|
10186
|
+
});
|
|
10187
|
+
_Radio_spanRef.set(this, (span) => {
|
|
10188
|
+
__classPrivateFieldSet$8(this, _Radio_span, span, "f");
|
|
10189
|
+
});
|
|
10190
|
+
_Radio_tooltipRef.set(this, (tooltip) => {
|
|
10191
|
+
if (tooltip) {
|
|
10192
|
+
// eslint-disable-next-line no-param-reassign
|
|
10193
|
+
tooltip.target = this.host;
|
|
10194
|
+
__classPrivateFieldSet$8(this, _Radio_tooltip, tooltip, "f");
|
|
10195
|
+
}
|
|
10196
|
+
});
|
|
10197
|
+
_Radio_onChange.set(this, () => {
|
|
10198
|
+
this.changeEmitter.emit();
|
|
10080
10199
|
});
|
|
10081
10200
|
}
|
|
10082
10201
|
onClick(event) {
|
|
10083
|
-
if (__classPrivateFieldGet$
|
|
10202
|
+
if (__classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get)) {
|
|
10084
10203
|
event.stopImmediatePropagation();
|
|
10085
10204
|
return;
|
|
10086
10205
|
}
|
|
10087
|
-
invariant(__classPrivateFieldGet$
|
|
10088
|
-
this.checked = __classPrivateFieldGet$
|
|
10206
|
+
invariant(__classPrivateFieldGet$b(this, _Radio_input, "f"));
|
|
10207
|
+
this.checked = __classPrivateFieldGet$b(this, _Radio_input, "f").checked;
|
|
10089
10208
|
}
|
|
10090
10209
|
tabindexChanged(newValue) {
|
|
10091
10210
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
10092
10211
|
this.tabIndex =
|
|
10093
10212
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
10094
10213
|
}
|
|
10214
|
+
textChanged() {
|
|
10215
|
+
if (__classPrivateFieldGet$b(this, _Radio_ro, "f"))
|
|
10216
|
+
__classPrivateFieldGet$b(this, _Radio_ro, "f").disconnect();
|
|
10217
|
+
if (!__classPrivateFieldGet$b(this, _Radio_span, "f"))
|
|
10218
|
+
return;
|
|
10219
|
+
const span = __classPrivateFieldGet$b(this, _Radio_span, "f");
|
|
10220
|
+
readTask(() => {
|
|
10221
|
+
this.tooltip = isEllipsisActive(span);
|
|
10222
|
+
});
|
|
10223
|
+
__classPrivateFieldSet$8(this, _Radio_ro, new ResizeObserver(([spanEntry]) => {
|
|
10224
|
+
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
10225
|
+
}), "f");
|
|
10226
|
+
__classPrivateFieldGet$b(this, _Radio_ro, "f").observe(__classPrivateFieldGet$b(this, _Radio_span, "f"));
|
|
10227
|
+
}
|
|
10095
10228
|
componentWillLoad() {
|
|
10096
10229
|
__classPrivateFieldSet$8(this, _Radio_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
10097
10230
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
10098
10231
|
}
|
|
10232
|
+
componentDidLoad() {
|
|
10233
|
+
this.textChanged();
|
|
10234
|
+
}
|
|
10235
|
+
disconnectedCallback() {
|
|
10236
|
+
if (__classPrivateFieldGet$b(this, _Radio_ro, "f"))
|
|
10237
|
+
__classPrivateFieldGet$b(this, _Radio_ro, "f").disconnect();
|
|
10238
|
+
}
|
|
10099
10239
|
render() {
|
|
10100
10240
|
return (
|
|
10101
10241
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
10102
|
-
hAsync("label", { key: '
|
|
10242
|
+
hAsync("label", { key: '62bb3624c0b808bd128e2377215d63ed03f03c9f', "aria-disabled": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
|
|
10103
10243
|
'qds-inline': this.inline,
|
|
10104
10244
|
'qds-label': true,
|
|
10105
|
-
}, "data-size": __classPrivateFieldGet$
|
|
10245
|
+
}, "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '0162d9e7c109e914c2450ea0ecbeeb17e228d106', class: "qds-container" }, hAsync("input", { key: '076c5b110f38044837431b6d1d43196700ec97b2',
|
|
10106
10246
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
10107
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$
|
|
10247
|
+
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet$b(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet$b(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet$b(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet$b(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet$b(this, _Radio_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '668a2d22e68b6f1d49cb5b9798b99dbd6d5a05a5', class: "qds-icon", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), library: "core", name: "checked-radio" })), __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_hasText_get) && (hAsync("span", { key: 'f1205a0e975d4e59a907239a0371fe8864e5adfd', class: "qds-label-inner", "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get), ref: __classPrivateFieldGet$b(this, _Radio_spanRef, "f") }, this.required === true && hAsync("span", { key: '77c767cab283f45e4f5d4d23caab06ddd200c214', class: "qds-required" }, "*"), this.text)), this.tooltip && (hAsync("qds-tooltip", { key: '905dbef82ca3a3803e536bceca43c1bee35eb195', "aria-hidden": "true", class: "qds-tooltip", ref: __classPrivateFieldGet$b(this, _Radio_tooltipRef, "f") }, this.text))));
|
|
10108
10248
|
}
|
|
10109
10249
|
get host() { return getElement(this); }
|
|
10110
10250
|
static get watchers() { return {
|
|
10111
|
-
"tabindex": ["tabindexChanged"]
|
|
10251
|
+
"tabindex": ["tabindexChanged"],
|
|
10252
|
+
"text": ["textChanged"]
|
|
10112
10253
|
}; }
|
|
10113
10254
|
static get style() { return radioCss; }
|
|
10114
10255
|
static get cmpMeta() { return {
|
|
@@ -10124,14 +10265,15 @@ class Radio {
|
|
|
10124
10265
|
"name": [1],
|
|
10125
10266
|
"required": [4],
|
|
10126
10267
|
"value": [1032],
|
|
10127
|
-
"tabIndex": [32]
|
|
10268
|
+
"tabIndex": [32],
|
|
10269
|
+
"tooltip": [32]
|
|
10128
10270
|
},
|
|
10129
10271
|
"$listeners$": [[0, "click", "onClick"]],
|
|
10130
10272
|
"$lazyBundleId$": "-",
|
|
10131
10273
|
"$attrsToReflect$": []
|
|
10132
10274
|
}; }
|
|
10133
10275
|
}
|
|
10134
|
-
_Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio_ref = new WeakMap(), _Radio_onBlur = new WeakMap(),
|
|
10276
|
+
_Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio_ro = new WeakMap(), _Radio_span = new WeakMap(), _Radio_tooltip = new WeakMap(), _Radio_ref = new WeakMap(), _Radio_onBlur = new WeakMap(), _Radio_onFocus = new WeakMap(), _Radio_spanRef = new WeakMap(), _Radio_tooltipRef = new WeakMap(), _Radio_onChange = new WeakMap(), _Radio_instances = new WeakSet(), _Radio_computedDisabled_get = function _Radio_computedDisabled_get() {
|
|
10135
10277
|
return this.disabled ?? false;
|
|
10136
10278
|
}, _Radio_computedSize_get = function _Radio_computedSize_get() {
|
|
10137
10279
|
switch (this.size) {
|
|
@@ -10148,12 +10290,12 @@ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio
|
|
|
10148
10290
|
return this.text !== undefined && this.text !== '';
|
|
10149
10291
|
};
|
|
10150
10292
|
|
|
10151
|
-
const selectCss = ":host([hidden]){display:none!important}:host{display:inline-block}slot{display:none}.qds-container{box-sizing:border-box;display:grid;grid-template-areas:\"
|
|
10293
|
+
const selectCss = ":host([hidden]){display:none!important}:host{display:inline-block}slot{display:none}.qds-container{box-sizing:border-box;display:grid;grid-template-areas:\"f\"}.qds-container,.qds-select{width:inherit}.qds-icon,.qds-select{color:var(--qds-theme-form-input-text-placeholder);grid-area:f}.qds-icon{place-self:center end;pointer-events:none}.qds-select{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);margin:0;outline:0;padding-block:0;text-overflow:ellipsis}.qds-select:enabled:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-select:enabled:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-select:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-select[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-select[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-select[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-select :not(:focus):user-invalid,.qds-select[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-select:disabled,.qds-select:disabled+.qds-icon{opacity:var(--qds-theme-disabled)}:is(::slotted(optgroup),::slotted(optgroup:not(:disabled)>option),::slotted(option)):disabled{opacity:var(--qds-theme-disabled)}::slotted(optgroup){font:var(--qds-accessory-section-title)}::slotted(optgroup>option),::slotted(option){font:var(--qds-list-item-label-main)}.qds-select[data-size=small]{font:var(--qds-form-small-text);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-select[data-size=small]:not([multiple]){min-height:var(--qds-form-input-small-height);padding-inline-end:calc(var(--qds-control-small-icon-size) + var(--qds-form-input-small-gap-internal) + var(--qds-form-input-small-padding-end))}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);margin-inline-end:calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-small-icon-size)}.qds-select[data-size=standard]{font:var(--qds-form-standard-text);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-select[data-size=standard]:not([multiple]){min-height:var(--qds-form-input-standard-height);padding-inline-end:calc(var(--qds-control-standard-icon-size) + var(--qds-form-input-standard-gap-internal) + var(--qds-form-input-standard-padding-end))}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);margin-inline-end:calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-standard-icon-size)}.qds-select[data-size=large]{font:var(--qds-form-large-text);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-select[data-size=large]:not([multiple]){min-height:var(--qds-form-input-large-height);padding-inline-end:calc(var(--qds-control-large-icon-size) + var(--qds-form-input-large-gap-internal) + var(--qds-form-input-large-padding-end))}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);margin-inline-end:calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-border-width-default));width:var(--qds-control-large-icon-size)}.qds-focus-ring{border-radius:max(1px,var(\n --qds-form-input-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-form-input-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:f;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-form-input-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}.qds-select:focus-visible~.qds-focus-ring{visibility:visible}";
|
|
10152
10294
|
|
|
10153
10295
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10154
10296
|
//
|
|
10155
10297
|
// SPDX-License-Identifier: Apache-2.0
|
|
10156
|
-
var __classPrivateFieldGet$
|
|
10298
|
+
var __classPrivateFieldGet$a = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
10157
10299
|
if (kind === "a" && !f)
|
|
10158
10300
|
throw new TypeError("Private accessor was defined without a getter");
|
|
10159
10301
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -10169,7 +10311,7 @@ var __classPrivateFieldSet$7 = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
10169
10311
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
10170
10312
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
10171
10313
|
};
|
|
10172
|
-
var _Select_instances, _Select_inheritedAttributes, _Select_select, _Select_computedDisabled_get, _Select_computedOptions_get, _Select_computedSize_get, _Select_computedType_get, _Select_computedValue_get, _Select_computedSelectedOptions_get, _Select_ref, _Select_onBlur, _Select_onChange, _Select_onFocus, _Select_onInput, _Select_onSlotchange, _Select_defineGetter;
|
|
10314
|
+
var _Select_instances, _Select_inheritedAttributes, _Select_select, _Select_computedDisabled_get, _Select_computedOptions_get, _Select_computedStatus_get, _Select_computedSize_get, _Select_computedType_get, _Select_computedValue_get, _Select_computedSelectedOptions_get, _Select_ref, _Select_onBlur, _Select_onChange, _Select_onFocus, _Select_onInput, _Select_onSlotchange, _Select_defineGetter;
|
|
10173
10315
|
const throwError = () => {
|
|
10174
10316
|
invariant(false);
|
|
10175
10317
|
};
|
|
@@ -10317,28 +10459,28 @@ class Select {
|
|
|
10317
10459
|
this.checkValidity = () => this.internals.checkValidity();
|
|
10318
10460
|
this.reportValidity = () => this.internals.reportValidity();
|
|
10319
10461
|
this.setCustomValidity = (error) => {
|
|
10320
|
-
invariant(__classPrivateFieldGet$
|
|
10321
|
-
__classPrivateFieldGet$
|
|
10462
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10463
|
+
__classPrivateFieldGet$a(this, _Select_select, "f").setCustomValidity(error);
|
|
10322
10464
|
if (error)
|
|
10323
|
-
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$
|
|
10465
|
+
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10324
10466
|
else
|
|
10325
10467
|
this.internals.setValidity(NO_ERROR_FLAGS);
|
|
10326
10468
|
};
|
|
10327
10469
|
this.addItem = (element, before) => {
|
|
10328
|
-
invariant(__classPrivateFieldGet$
|
|
10329
|
-
__classPrivateFieldGet$
|
|
10470
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10471
|
+
__classPrivateFieldGet$a(this, _Select_select, "f").add(element, before);
|
|
10330
10472
|
};
|
|
10331
10473
|
this.removeItem = (index) => {
|
|
10332
|
-
invariant(__classPrivateFieldGet$
|
|
10333
|
-
__classPrivateFieldGet$
|
|
10474
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10475
|
+
__classPrivateFieldGet$a(this, _Select_select, "f").remove(index);
|
|
10334
10476
|
};
|
|
10335
10477
|
this.item = (index) => {
|
|
10336
|
-
invariant(__classPrivateFieldGet$
|
|
10337
|
-
return __classPrivateFieldGet$
|
|
10478
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10479
|
+
return __classPrivateFieldGet$a(this, _Select_select, "f").item(index);
|
|
10338
10480
|
};
|
|
10339
10481
|
this.namedItem = (name) => {
|
|
10340
|
-
invariant(__classPrivateFieldGet$
|
|
10341
|
-
return __classPrivateFieldGet$
|
|
10482
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10483
|
+
return __classPrivateFieldGet$a(this, _Select_select, "f").namedItem(name);
|
|
10342
10484
|
};
|
|
10343
10485
|
_Select_ref.set(this, (select) => {
|
|
10344
10486
|
__classPrivateFieldSet$7(this, _Select_select, select, "f");
|
|
@@ -10353,31 +10495,31 @@ class Select {
|
|
|
10353
10495
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
10354
10496
|
});
|
|
10355
10497
|
_Select_onInput.set(this, (event) => {
|
|
10356
|
-
invariant(__classPrivateFieldGet$
|
|
10357
|
-
this.value = __classPrivateFieldGet$
|
|
10498
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10499
|
+
this.value = __classPrivateFieldGet$a(this, _Select_select, "f").value;
|
|
10358
10500
|
this.inputEmitter.emit(pickInputEventAttributes(event));
|
|
10359
10501
|
});
|
|
10360
10502
|
_Select_onSlotchange.set(this, (event) => {
|
|
10361
|
-
invariant(__classPrivateFieldGet$
|
|
10503
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10362
10504
|
const { currentTarget } = event;
|
|
10363
10505
|
invariant(currentTarget instanceof HTMLSlotElement);
|
|
10364
|
-
__classPrivateFieldGet$
|
|
10506
|
+
__classPrivateFieldGet$a(this, _Select_select, "f").replaceChildren(...currentTarget.assignedNodes().map((node) => node.cloneNode(true)));
|
|
10365
10507
|
});
|
|
10366
10508
|
}
|
|
10367
10509
|
onClick(event) {
|
|
10368
|
-
if (__classPrivateFieldGet$
|
|
10510
|
+
if (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get))
|
|
10369
10511
|
event.stopImmediatePropagation();
|
|
10370
10512
|
}
|
|
10371
10513
|
disabledChanged() {
|
|
10372
|
-
if (__classPrivateFieldGet$
|
|
10514
|
+
if (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get))
|
|
10373
10515
|
// eslint-disable-next-line unicorn/no-null
|
|
10374
10516
|
this.internals.setFormValue(null);
|
|
10375
10517
|
else
|
|
10376
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
10518
|
+
this.internals.setFormValue(__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedValue_get));
|
|
10377
10519
|
}
|
|
10378
10520
|
selectedIndexChanged() {
|
|
10379
|
-
invariant(__classPrivateFieldGet$
|
|
10380
|
-
__classPrivateFieldGet$
|
|
10521
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10522
|
+
__classPrivateFieldGet$a(this, _Select_select, "f").selectedIndex = this.selectedIndex;
|
|
10381
10523
|
}
|
|
10382
10524
|
tabindexChanged(newValue) {
|
|
10383
10525
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
@@ -10385,39 +10527,43 @@ class Select {
|
|
|
10385
10527
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
10386
10528
|
}
|
|
10387
10529
|
validationChanged() {
|
|
10388
|
-
invariant(__classPrivateFieldGet$
|
|
10389
|
-
__classPrivateFieldGet$
|
|
10390
|
-
__classPrivateFieldGet$
|
|
10391
|
-
const { valid } = __classPrivateFieldGet$
|
|
10530
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10531
|
+
__classPrivateFieldGet$a(this, _Select_select, "f").value = __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedValue_get);
|
|
10532
|
+
__classPrivateFieldGet$a(this, _Select_select, "f").required = this.required ?? false;
|
|
10533
|
+
const { valid } = __classPrivateFieldGet$a(this, _Select_select, "f").validity;
|
|
10392
10534
|
if (valid)
|
|
10393
|
-
this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$
|
|
10535
|
+
this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10394
10536
|
else
|
|
10395
|
-
this.internals.setValidity(__classPrivateFieldGet$
|
|
10537
|
+
this.internals.setValidity(__classPrivateFieldGet$a(this, _Select_select, "f").validity, __classPrivateFieldGet$a(this, _Select_select, "f").validationMessage, __classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10538
|
+
}
|
|
10539
|
+
statusChanged() {
|
|
10540
|
+
this.internals.ariaInvalid = (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedStatus_get) === 'error').toString();
|
|
10396
10541
|
}
|
|
10397
10542
|
componentWillLoad() {
|
|
10398
|
-
__classPrivateFieldGet$
|
|
10399
|
-
__classPrivateFieldGet$
|
|
10400
|
-
__classPrivateFieldGet$
|
|
10401
|
-
__classPrivateFieldGet$
|
|
10402
|
-
__classPrivateFieldGet$
|
|
10403
|
-
__classPrivateFieldGet$
|
|
10404
|
-
__classPrivateFieldGet$
|
|
10405
|
-
__classPrivateFieldGet$
|
|
10543
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'form', () => this.internals.form);
|
|
10544
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
10545
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
10546
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
10547
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'type', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedType_get));
|
|
10548
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'options', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedOptions_get));
|
|
10549
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'length', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedOptions_get).length);
|
|
10550
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'selectedOptions', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSelectedOptions_get));
|
|
10406
10551
|
__classPrivateFieldSet$7(this, _Select_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
10407
10552
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
10553
|
+
this.statusChanged();
|
|
10408
10554
|
}
|
|
10409
10555
|
componentDidLoad() {
|
|
10410
|
-
invariant(__classPrivateFieldGet$
|
|
10556
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10411
10557
|
this.validationChanged();
|
|
10412
|
-
this.selectedIndex = __classPrivateFieldGet$
|
|
10558
|
+
this.selectedIndex = __classPrivateFieldGet$a(this, _Select_select, "f").selectedIndex;
|
|
10413
10559
|
}
|
|
10414
10560
|
render() {
|
|
10415
|
-
return (hAsync("div", { key: '
|
|
10561
|
+
return (hAsync("div", { key: '26c702cd3ae186b45a53bd51196f425b101fd1c9', class: {
|
|
10416
10562
|
'qds-container': true,
|
|
10417
10563
|
'qds-multiple': this.multiple ?? false,
|
|
10418
|
-
}, "data-size": __classPrivateFieldGet$
|
|
10564
|
+
}, "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: 'c42974f545c679f3ac6e91178a4891199c374695', autoComplete: this.autoComplete,
|
|
10419
10565
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
10420
|
-
autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet$
|
|
10566
|
+
autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get), "data-status": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedStatus_get), disabled: __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get), multiple: this.multiple, name: this.name, onBlur: __classPrivateFieldGet$a(this, _Select_onBlur, "f"), onChange: __classPrivateFieldGet$a(this, _Select_onChange, "f"), onFocus: __classPrivateFieldGet$a(this, _Select_onFocus, "f"), onInput: __classPrivateFieldGet$a(this, _Select_onInput, "f"), ref: __classPrivateFieldGet$a(this, _Select_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$a(this, _Select_inheritedAttributes, "f") }), this.multiple !== true && (hAsync("qds-icon", { key: 'aa8e1e662d3fbe6763c15db02a7461cb5fc8b427', class: "qds-icon", "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get), library: "core", name: "dropdown" })), hAsync("slot", { key: 'b72253181babf15b30131d300e531a412cb23623', onSlotchange: __classPrivateFieldGet$a(this, _Select_onSlotchange, "f") }), hAsync("div", { key: 'b7302af05bf0d6169ab86cca521b3a208fc39e9f', class: "qds-focus-ring" })));
|
|
10421
10567
|
}
|
|
10422
10568
|
static get delegatesFocus() { return true; }
|
|
10423
10569
|
static get formAssociated() { return true; }
|
|
@@ -10427,13 +10573,15 @@ class Select {
|
|
|
10427
10573
|
"selectedIndex": ["selectedIndexChanged"],
|
|
10428
10574
|
"tabindex": ["tabindexChanged"],
|
|
10429
10575
|
"required": ["validationChanged"],
|
|
10430
|
-
"value": ["validationChanged"]
|
|
10576
|
+
"value": ["validationChanged"],
|
|
10577
|
+
"status": ["statusChanged"]
|
|
10431
10578
|
}; }
|
|
10432
10579
|
static get style() { return selectCss; }
|
|
10433
10580
|
static get cmpMeta() { return {
|
|
10434
10581
|
"$flags$": 345,
|
|
10435
10582
|
"$tagName$": "qds-select",
|
|
10436
10583
|
"$members$": {
|
|
10584
|
+
"status": [1],
|
|
10437
10585
|
"size": [1],
|
|
10438
10586
|
"autoComplete": [1, "autocomplete"],
|
|
10439
10587
|
"disabled": [4],
|
|
@@ -10461,8 +10609,19 @@ _Select_inheritedAttributes = new WeakMap(), _Select_select = new WeakMap(), _Se
|
|
|
10461
10609
|
return ((this.host.matches(':disabled') || (this.disabled ?? false)) &&
|
|
10462
10610
|
this.host.getAttribute('disabled') !== 'false');
|
|
10463
10611
|
}, _Select_computedOptions_get = function _Select_computedOptions_get() {
|
|
10464
|
-
invariant(__classPrivateFieldGet$
|
|
10465
|
-
return __classPrivateFieldGet$
|
|
10612
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10613
|
+
return __classPrivateFieldGet$a(this, _Select_select, "f").options;
|
|
10614
|
+
}, _Select_computedStatus_get = function _Select_computedStatus_get() {
|
|
10615
|
+
switch (this.status) {
|
|
10616
|
+
case 'error':
|
|
10617
|
+
case 'success':
|
|
10618
|
+
case 'warning': {
|
|
10619
|
+
return this.status;
|
|
10620
|
+
}
|
|
10621
|
+
default: {
|
|
10622
|
+
return undefined;
|
|
10623
|
+
}
|
|
10624
|
+
}
|
|
10466
10625
|
}, _Select_computedSize_get = function _Select_computedSize_get() {
|
|
10467
10626
|
switch (this.size) {
|
|
10468
10627
|
case 'standard':
|
|
@@ -10475,23 +10634,23 @@ _Select_inheritedAttributes = new WeakMap(), _Select_select = new WeakMap(), _Se
|
|
|
10475
10634
|
}
|
|
10476
10635
|
}
|
|
10477
10636
|
}, _Select_computedType_get = function _Select_computedType_get() {
|
|
10478
|
-
invariant(__classPrivateFieldGet$
|
|
10479
|
-
return __classPrivateFieldGet$
|
|
10637
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10638
|
+
return __classPrivateFieldGet$a(this, _Select_select, "f").type;
|
|
10480
10639
|
}, _Select_computedValue_get = function _Select_computedValue_get() {
|
|
10481
10640
|
return this.value ?? '';
|
|
10482
10641
|
}, _Select_computedSelectedOptions_get = function _Select_computedSelectedOptions_get() {
|
|
10483
|
-
invariant(__classPrivateFieldGet$
|
|
10484
|
-
return __classPrivateFieldGet$
|
|
10642
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10643
|
+
return __classPrivateFieldGet$a(this, _Select_select, "f").selectedOptions;
|
|
10485
10644
|
}, _Select_defineGetter = function _Select_defineGetter(p, get) {
|
|
10486
10645
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
10487
10646
|
};
|
|
10488
10647
|
|
|
10489
|
-
const standaloneLinkCss = ":host([hidden]){display:none!important}:host{display:inline-block}:host(:focus-visible){border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-icon-crop{align-items:center;display:flex;justify-content:center}.qds-icon{flex-shrink:0;transform:scaleX(var(--qds-direction-factor,1))}.qds-standalone-link{box-sizing:border-box;display:inline-flex;justify-content:center;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%}.qds-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}[data-importance=subdued]{color:var(--qds-theme-link-subdued-default)}.qds-visitable[data-importance=subdued]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=subdued]:hover{color:var(--qds-theme-link-subdued-hover)}[data-importance=subdued]:active{color:var(--qds-theme-link-subdued-pressed)}.qds-visitable[data-importance=subdued]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=subdued]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=standard]{color:var(--qds-theme-link-standard-default)}.qds-visitable[data-importance=standard]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=standard]:hover{color:var(--qds-theme-link-standard-hover)}[data-importance=standard]:active{color:var(--qds-theme-link-standard-pressed)}.qds-visitable[data-importance=standard]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=standard]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=emphasized]{color:var(--qds-theme-link-emphasized-default)}.qds-visitable[data-importance=emphasized]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=emphasized]:hover{color:var(--qds-theme-link-emphasized-hover)}[data-importance=emphasized]:active{color:var(--qds-theme-link-emphasized-pressed)}.qds-visitable[data-importance=emphasized]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=emphasized]:visited:active{color:var(--qds-theme-link-visited-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-standalone-link[data-size=small]{font:var(--qds-control-small-
|
|
10648
|
+
const standaloneLinkCss = ":host([hidden]){display:none!important}:host{display:inline-block}:host(:focus-visible){border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-icon-crop{align-items:center;display:flex;justify-content:center}.qds-icon{flex-shrink:0;transform:scaleX(var(--qds-direction-factor,1))}.qds-standalone-link{box-sizing:border-box;display:inline-flex;justify-content:center;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%}.qds-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}[data-importance=emphasized],[data-importance=standard]{-webkit-text-decoration:none;text-decoration:none}.qds-visitable[data-importance=emphasized],.qds-visitable[data-importance=standard],[data-importance=emphasized]:active,[data-importance=emphasized]:hover,[data-importance=standard]:active,[data-importance=standard]:hover{-webkit-text-decoration:underline;text-decoration:underline}[data-importance=subdued]{color:var(--qds-theme-link-subdued-default)}.qds-visitable[data-importance=subdued]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=subdued]:hover{color:var(--qds-theme-link-subdued-hover)}[data-importance=subdued]:active{color:var(--qds-theme-link-subdued-pressed)}.qds-visitable[data-importance=subdued]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=subdued]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=standard]{color:var(--qds-theme-link-standard-default)}.qds-visitable[data-importance=standard]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=standard]:hover{color:var(--qds-theme-link-standard-hover)}[data-importance=standard]:active{color:var(--qds-theme-link-standard-pressed)}.qds-visitable[data-importance=standard]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=standard]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=emphasized]{color:var(--qds-theme-link-emphasized-default)}.qds-visitable[data-importance=emphasized]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=emphasized]:hover{color:var(--qds-theme-link-emphasized-hover)}[data-importance=emphasized]:active{color:var(--qds-theme-link-emphasized-pressed)}.qds-visitable[data-importance=emphasized]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=emphasized]:visited:active{color:var(--qds-theme-link-visited-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-standalone-link[data-size=small]{font:var(--qds-control-small-text);gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-block:var(--qds-control-small-padding-auto-height)}.qds-icon-crop[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-standalone-link[data-size=standard]{font:var(--qds-control-standard-text);gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}.qds-icon-crop[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-standalone-link[data-size=large]{font:var(--qds-control-large-text);gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-block:var(--qds-control-large-padding-auto-height)}.qds-icon-crop[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)}";
|
|
10490
10649
|
|
|
10491
10650
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10492
10651
|
//
|
|
10493
10652
|
// SPDX-License-Identifier: Apache-2.0
|
|
10494
|
-
var __classPrivateFieldGet$
|
|
10653
|
+
var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
10495
10654
|
if (kind === "a" && !f)
|
|
10496
10655
|
throw new TypeError("Private accessor was defined without a getter");
|
|
10497
10656
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -10557,7 +10716,7 @@ class StandaloneLink {
|
|
|
10557
10716
|
_StandaloneLink_savedTabIndex.set(this, 0);
|
|
10558
10717
|
_StandaloneLink_link.set(this, void 0);
|
|
10559
10718
|
_StandaloneLink_updateAriaLabelElements.set(this, () => {
|
|
10560
|
-
this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$
|
|
10719
|
+
this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
|
|
10561
10720
|
});
|
|
10562
10721
|
_StandaloneLink_linkRef.set(this, (link) => {
|
|
10563
10722
|
__classPrivateFieldSet$6(this, _StandaloneLink_link, link, "f");
|
|
@@ -10569,7 +10728,7 @@ class StandaloneLink {
|
|
|
10569
10728
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
10570
10729
|
});
|
|
10571
10730
|
_StandaloneLink_onSlotchange.set(this, () => {
|
|
10572
|
-
__classPrivateFieldGet$
|
|
10731
|
+
__classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
|
|
10573
10732
|
});
|
|
10574
10733
|
}
|
|
10575
10734
|
onClick(event) {
|
|
@@ -10577,18 +10736,18 @@ class StandaloneLink {
|
|
|
10577
10736
|
event.stopImmediatePropagation();
|
|
10578
10737
|
}
|
|
10579
10738
|
onKeydown(event) {
|
|
10580
|
-
invariant(__classPrivateFieldGet$
|
|
10739
|
+
invariant(__classPrivateFieldGet$9(this, _StandaloneLink_link, "f"));
|
|
10581
10740
|
if (this.disabled)
|
|
10582
10741
|
return;
|
|
10583
10742
|
if (event.key === 'Enter')
|
|
10584
|
-
__classPrivateFieldGet$
|
|
10743
|
+
__classPrivateFieldGet$9(this, _StandaloneLink_link, "f").click();
|
|
10585
10744
|
}
|
|
10586
10745
|
disabledChanged() {
|
|
10587
10746
|
this.internals.ariaDisabled = this.disabled.toString();
|
|
10588
10747
|
if (this.disabled)
|
|
10589
10748
|
this.host.removeAttribute('tabindex');
|
|
10590
10749
|
else
|
|
10591
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
10750
|
+
this.host.tabIndex = __classPrivateFieldGet$9(this, _StandaloneLink_savedTabIndex, "f");
|
|
10592
10751
|
}
|
|
10593
10752
|
tabindexChanged(newValue) {
|
|
10594
10753
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
@@ -10599,11 +10758,11 @@ class StandaloneLink {
|
|
|
10599
10758
|
if (this.disabled)
|
|
10600
10759
|
this.host.removeAttribute('tabindex');
|
|
10601
10760
|
else
|
|
10602
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
10761
|
+
this.host.tabIndex = __classPrivateFieldGet$9(this, _StandaloneLink_savedTabIndex, "f");
|
|
10603
10762
|
}
|
|
10604
10763
|
hrefTargetChanged() {
|
|
10605
10764
|
this.linkIcon = determineLinkIcon(this.target, this.rel);
|
|
10606
|
-
__classPrivateFieldGet$
|
|
10765
|
+
__classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
|
|
10607
10766
|
}
|
|
10608
10767
|
componentWillLoad() {
|
|
10609
10768
|
this.internals.role = 'link';
|
|
@@ -10612,14 +10771,14 @@ class StandaloneLink {
|
|
|
10612
10771
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
10613
10772
|
}
|
|
10614
10773
|
componentDidLoad() {
|
|
10615
|
-
__classPrivateFieldGet$
|
|
10774
|
+
__classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
|
|
10616
10775
|
}
|
|
10617
10776
|
render() {
|
|
10618
|
-
return (hAsync("a", { key: '
|
|
10777
|
+
return (hAsync("a", { key: '0e70d2f7b1d663435904b2f1fcc718b39946020d', "aria-hidden": "true", class: {
|
|
10619
10778
|
'qds-standalone-link': true,
|
|
10620
10779
|
'qds-disabled': this.disabled,
|
|
10621
10780
|
'qds-visitable': this.visitable,
|
|
10622
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
10781
|
+
}, "data-importance": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$9(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$9(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$9(this, _StandaloneLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: '952fb52d3129a1bd7e1bb901af8673439f434a1b', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '9fc0f2d475b165e890546f6faad7d9e90ca31df9', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: '0213f2cf7a42d5ca9ba4b8083a26966c49bd6eb3', class: "qds-text" }, hAsync("slot", { key: 'f54a7b1f67e7114fa2eac1bd787c7b604c937630', onSlotchange: __classPrivateFieldGet$9(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: 'eca6d9db29c904ff24ef63672f448ea9bf69e803', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'e2610d31880ed6fe83d59c06c437014a54284b26', class: "qds-icon", library: "core", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), name: this.linkIcon }))), this.importance === 'emphasized' && (hAsync("span", { key: 'a242b2eabb9f7d1c2db2e2e531151e91c32d651e', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '88dc23ac40898d3adfe236dad9fe44136db5efb3', class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
|
|
10623
10782
|
}
|
|
10624
10783
|
get host() { return getElement(this); }
|
|
10625
10784
|
static get watchers() { return {
|
|
@@ -10682,7 +10841,7 @@ const switchCss = ":host([hidden]){display:none!important}:host{display:inline-b
|
|
|
10682
10841
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10683
10842
|
//
|
|
10684
10843
|
// SPDX-License-Identifier: Apache-2.0
|
|
10685
|
-
var __classPrivateFieldGet$
|
|
10844
|
+
var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
10686
10845
|
if (kind === "a" && !f)
|
|
10687
10846
|
throw new TypeError("Private accessor was defined without a getter");
|
|
10688
10847
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -10796,12 +10955,12 @@ class Switch {
|
|
|
10796
10955
|
};
|
|
10797
10956
|
}
|
|
10798
10957
|
onClick(event) {
|
|
10799
|
-
if (__classPrivateFieldGet$
|
|
10958
|
+
if (__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get)) {
|
|
10800
10959
|
event.stopImmediatePropagation();
|
|
10801
10960
|
return;
|
|
10802
10961
|
}
|
|
10803
10962
|
event.preventDefault();
|
|
10804
|
-
this.checked = !__classPrivateFieldGet$
|
|
10963
|
+
this.checked = !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get);
|
|
10805
10964
|
this.changeEmitter.emit();
|
|
10806
10965
|
}
|
|
10807
10966
|
onBlur(event) {
|
|
@@ -10820,12 +10979,12 @@ class Switch {
|
|
|
10820
10979
|
this.host.click();
|
|
10821
10980
|
}
|
|
10822
10981
|
checkedChanged() {
|
|
10823
|
-
__classPrivateFieldGet$
|
|
10824
|
-
this.internals.ariaChecked = __classPrivateFieldGet$
|
|
10982
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
|
|
10983
|
+
this.internals.ariaChecked = __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get).toString();
|
|
10825
10984
|
}
|
|
10826
10985
|
disabledChanged() {
|
|
10827
|
-
__classPrivateFieldGet$
|
|
10828
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
10986
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
|
|
10987
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get).toString();
|
|
10829
10988
|
}
|
|
10830
10989
|
tabindexChanged(newValue) {
|
|
10831
10990
|
if (newValue !== null) {
|
|
@@ -10834,33 +10993,33 @@ class Switch {
|
|
|
10834
10993
|
? 0
|
|
10835
10994
|
: parsedValue, "f");
|
|
10836
10995
|
}
|
|
10837
|
-
if (__classPrivateFieldGet$
|
|
10996
|
+
if (__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get))
|
|
10838
10997
|
this.host.removeAttribute('tabindex');
|
|
10839
10998
|
else
|
|
10840
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
10999
|
+
this.host.tabIndex = __classPrivateFieldGet$8(this, _Switch_savedTabIndex, "f");
|
|
10841
11000
|
}
|
|
10842
11001
|
valueChanged() {
|
|
10843
|
-
__classPrivateFieldGet$
|
|
11002
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
|
|
10844
11003
|
}
|
|
10845
11004
|
componentWillLoad() {
|
|
10846
11005
|
this.internals.role = 'switch';
|
|
10847
11006
|
this.checkedChanged();
|
|
10848
11007
|
this.disabledChanged();
|
|
10849
|
-
__classPrivateFieldGet$
|
|
10850
|
-
__classPrivateFieldGet$
|
|
10851
|
-
__classPrivateFieldGet$
|
|
10852
|
-
__classPrivateFieldGet$
|
|
10853
|
-
__classPrivateFieldGet$
|
|
11008
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'form', () => this.internals.form);
|
|
11009
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
11010
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
11011
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
11012
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
10854
11013
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
10855
11014
|
}
|
|
10856
11015
|
render() {
|
|
10857
|
-
return (hAsync("div", { key: '
|
|
11016
|
+
return (hAsync("div", { key: 'a994ca43fd0e0622278739d7e69b2091ae712b56', class: {
|
|
10858
11017
|
'qds-container': true,
|
|
10859
|
-
'qds-disabled': __classPrivateFieldGet$
|
|
11018
|
+
'qds-disabled': __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get),
|
|
10860
11019
|
'qds-inline': this.inline,
|
|
10861
|
-
}, "data-size": __classPrivateFieldGet$
|
|
11020
|
+
}, "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: '4ad47ff4666f963608114fa23dfcdbea21768716', "aria-hidden": "true",
|
|
10862
11021
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
10863
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: '
|
|
11022
|
+
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: '62ffdca674fecb443977b8a077f67e74b5be561c', class: "qds-track", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, !this.noIndicator && __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '35ace9f745581aa451ddf0618fdae0759cec0a0c', class: "qds-indicator", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: '5c59c47b9a95721441956169344ed8aa7049a049', class: "qds-icon", name: "toggle-on", library: "core" }))), hAsync("div", { key: '193c882652ace39275e13858d7a73e9993271b52', class: "qds-knob-container" }, hAsync("div", { key: 'e0a80c43ed774d3e2a89a9b437f1b3ec0e647937', class: "qds-knob", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) })), !this.noIndicator && !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '14f8db236430628094cfd58dd794de83f559cd88', class: "qds-indicator", "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: 'c180a31164968b92edac3a9b48d53dbf7cf1cf75', class: "qds-icon", name: "toggle-off", library: "core" }))))));
|
|
10864
11023
|
}
|
|
10865
11024
|
static get formAssociated() { return true; }
|
|
10866
11025
|
get host() { return getElement(this); }
|
|
@@ -10915,18 +11074,18 @@ _Switch_savedTabIndex = new WeakMap(), _Switch_instances = new WeakSet(), _Switc
|
|
|
10915
11074
|
}, _Switch_defineGetter = function _Switch_defineGetter(p, get) {
|
|
10916
11075
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
10917
11076
|
}, _Switch_updateFormValue = function _Switch_updateFormValue() {
|
|
10918
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
10919
|
-
? __classPrivateFieldGet$
|
|
11077
|
+
this.internals.setFormValue(__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get)
|
|
11078
|
+
? __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedValue_get)
|
|
10920
11079
|
: // eslint-disable-next-line unicorn/no-null
|
|
10921
11080
|
null);
|
|
10922
11081
|
};
|
|
10923
11082
|
|
|
10924
|
-
const tabCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-target-icon{color:var(--qds-theme-control-text-standard)}.qds-icon,.qds-target-icon{flex-shrink:0}.qds-chevron{transform:rotate(180deg)}.qds-selected:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab,.qds-texts{display:flex}.qds-texts{flex:1 0;flex-direction:column}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-subtitle{color:var(--qds-theme-subtitle);font:var(--qds-nav-element-standard-subtitle)}.qds-closable-wrapper[data-size=small],.qds-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal);min-height:var(--qds-nav-element-small-height);padding-inline:var(--qds-nav-element-small-padding-horizontal)}.qds-closable-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal)}[data-size=small]>.qds-icon{height:var(--qds-nav-element-small-icon-size);width:var(--qds-nav-element-small-icon-size)}[data-size=small]>.qds-texts{gap:var(--qds-nav-element-small-titles-gap)}[data-size=small] .qds-text{font:var(--qds-nav-element-small-title)}[data-size=small] .qds-subtitle{font:var(--qds-nav-element-small-subtitle)}.qds-target-icon[data-size=small]{
|
|
11083
|
+
const tabCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-target-icon{color:var(--qds-theme-control-text-standard)}.qds-icon,.qds-target-icon{flex-shrink:0}.qds-chevron{transform:rotate(180deg)}.qds-selected:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab,.qds-texts{display:flex}.qds-texts{flex:1 0;flex-direction:column}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-subtitle{color:var(--qds-theme-subtitle);font:var(--qds-nav-element-standard-subtitle)}.qds-closable-wrapper[data-size=small],.qds-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal);min-height:var(--qds-nav-element-small-height);padding-inline:var(--qds-nav-element-small-padding-horizontal)}.qds-closable-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal)}[data-size=small]>.qds-icon{height:var(--qds-nav-element-small-icon-size);width:var(--qds-nav-element-small-icon-size)}[data-size=small]>.qds-texts{gap:var(--qds-nav-element-small-titles-gap)}[data-size=small] .qds-text{font:var(--qds-nav-element-small-title)}[data-size=small] .qds-subtitle{font:var(--qds-nav-element-small-subtitle)}.qds-target-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-closable-wrapper[data-size=standard],.qds-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal);min-height:var(--qds-nav-element-standard-height);padding-inline:var(--qds-nav-element-standard-padding-horizontal)}.qds-closable-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal)}[data-size=standard]>.qds-icon{height:var(--qds-nav-element-standard-icon-size);width:var(--qds-nav-element-standard-icon-size)}[data-size=standard]>.qds-texts{gap:var(--qds-nav-element-standard-titles-gap)}[data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title)}[data-size=standard] .qds-subtitle{font:var(--qds-nav-element-standard-subtitle)}.qds-target-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-closable-wrapper[data-size=large],.qds-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal);min-height:var(--qds-nav-element-large-height);padding-inline:var(--qds-nav-element-large-padding-horizontal)}.qds-closable-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal)}[data-size=large]>.qds-icon{height:var(--qds-nav-element-large-icon-size);width:var(--qds-nav-element-large-icon-size)}[data-size=large]>.qds-texts{gap:var(--qds-nav-element-large-titles-gap)}[data-size=large] .qds-text{font:var(--qds-nav-element-large-title)}[data-size=large] .qds-subtext{font:var(--qds-nav-element-large-subtitle)}.qds-target-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-title)}.qds-selected[data-importance=standard]:after{background-color:var(--qds-theme-signature-color-default)}.qds-selected[data-importance=subdued]:after{background-color:var(\n --qds-theme-nav-element-selection-indicator-background-subdued\n )}.qds-selected[data-importance=standard]:after,.qds-selected[data-importance=subdued]:after{border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";display:block;position:absolute}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after,.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{height:100%;width:var(--qds-signature-line-connection-width)}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after{inset-inline-end:0}.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{inset-inline-start:0}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after,.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{height:var(--qds-signature-line-connection-width);width:100%}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after{bottom:0}.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{top:0}.qds-selected[data-importance=standard][data-size=standard] .qds-text,.qds-selected[data-importance=subdued][data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title-emphasized)}.qds-selected[data-importance=standard][data-size=small] .qds-text,.qds-selected[data-importance=subdued][data-size=small] .qds-text{font:var(--qds-nav-element-small-title-emphasized)}.qds-selected[data-importance=standard][data-size=large] .qds-text,.qds-selected[data-importance=subdued][data-size=large] .qds-text{font:var(--qds-nav-element-large-title-emphasized)}.qds-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-closable-tab{width:100%}.qds-closable-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab{align-items:center;justify-content:center}.qds-closable-tab,.qds-tab{background-color:initial;border:none;cursor:pointer;text-align:initial}.qds-closable-tab:any-link,.qds-tab:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-closable-wrapper,.qds-tab{position:relative}.qds-closable-wrapper:not(.qds-selected):hover,.qds-tab:not(.qds-selected):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-closable-wrapper:not(.qds-selected):active,.qds-tab:not(.qds-selected):active{background-color:var(--qds-theme-interactive-background-pressed)}";
|
|
10925
11084
|
|
|
10926
11085
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10927
11086
|
//
|
|
10928
11087
|
// SPDX-License-Identifier: Apache-2.0
|
|
10929
|
-
var __classPrivateFieldGet$
|
|
11088
|
+
var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
10930
11089
|
if (kind === "a" && !f)
|
|
10931
11090
|
throw new TypeError("Private accessor was defined without a getter");
|
|
10932
11091
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -10942,7 +11101,7 @@ var __classPrivateFieldSet$4 = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
10942
11101
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
10943
11102
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
10944
11103
|
};
|
|
10945
|
-
var _Tab_instances, _Tab_panel, _Tab_tab, _Tab_computedAction_get, _Tab_computedSize_get, _Tab_computedImportance_get, _Tab_parentLayer_get, _Tab_parentLevel_get, _Tab_ariaLabel_get, _Tab_computedDisabled_get, _Tab_computeCloseButtonTabIndex_get, _Tab_renderText, _Tab_tabRef, _Tab_close, _Tab_onIconClick, _Tab_onBlur, _Tab_onFocus, _Tab_defineTab, _Tab_defineGetter;
|
|
11104
|
+
var _Tab_instances, _Tab_panel, _Tab_tab, _Tab_computedAction_get, _Tab_computedSize_get, _Tab_computedImportance_get, _Tab_parentImportance_get, _Tab_parentSize_get, _Tab_parentLayer_get, _Tab_parentLevel_get, _Tab_ariaLabel_get, _Tab_computedDisabled_get, _Tab_computeCloseButtonTabIndex_get, _Tab_renderText, _Tab_tabRef, _Tab_close, _Tab_onIconClick, _Tab_onBlur, _Tab_onFocus, _Tab_defineTab, _Tab_defineGetter;
|
|
10946
11105
|
const isCounter = (value) => typeof value === 'string'
|
|
10947
11106
|
? !Number.isNaN(Number.parseFloat(value))
|
|
10948
11107
|
: typeof value === 'number';
|
|
@@ -10988,7 +11147,7 @@ class Tab {
|
|
|
10988
11147
|
/**
|
|
10989
11148
|
* The tab's indicator position.
|
|
10990
11149
|
*/
|
|
10991
|
-
this.indicatorPosition = 'block-
|
|
11150
|
+
this.indicatorPosition = 'block-start';
|
|
10992
11151
|
/**
|
|
10993
11152
|
* The name of a registered icon library.
|
|
10994
11153
|
*/
|
|
@@ -11024,7 +11183,7 @@ class Tab {
|
|
|
11024
11183
|
});
|
|
11025
11184
|
_Tab_onIconClick.set(this, (event) => {
|
|
11026
11185
|
event.stopPropagation();
|
|
11027
|
-
__classPrivateFieldGet$
|
|
11186
|
+
__classPrivateFieldGet$7(this, _Tab_close, "f").call(this);
|
|
11028
11187
|
});
|
|
11029
11188
|
_Tab_onBlur.set(this, (event) => {
|
|
11030
11189
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
@@ -11033,12 +11192,12 @@ class Tab {
|
|
|
11033
11192
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
11034
11193
|
});
|
|
11035
11194
|
_Tab_defineTab.set(this, () => {
|
|
11036
|
-
if (__classPrivateFieldGet$
|
|
11037
|
-
__classPrivateFieldGet$
|
|
11195
|
+
if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable') {
|
|
11196
|
+
__classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$7(this, _Tab_tab, "f"));
|
|
11038
11197
|
}
|
|
11039
11198
|
else {
|
|
11040
11199
|
this.internals.role = 'tab';
|
|
11041
|
-
__classPrivateFieldGet$
|
|
11200
|
+
__classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => this.host);
|
|
11042
11201
|
}
|
|
11043
11202
|
});
|
|
11044
11203
|
}
|
|
@@ -11050,15 +11209,15 @@ class Tab {
|
|
|
11050
11209
|
__classPrivateFieldSet$4(this, _Tab_panel, panel, "f");
|
|
11051
11210
|
const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
|
|
11052
11211
|
if (tab)
|
|
11053
|
-
tab.setAttribute('aria-controls', __classPrivateFieldGet$
|
|
11054
|
-
if (__classPrivateFieldGet$
|
|
11055
|
-
__classPrivateFieldGet$
|
|
11056
|
-
if (__classPrivateFieldGet$
|
|
11057
|
-
__classPrivateFieldGet$
|
|
11058
|
-
__classPrivateFieldGet$
|
|
11212
|
+
tab.setAttribute('aria-controls', __classPrivateFieldGet$7(this, _Tab_panel, "f").id);
|
|
11213
|
+
if (__classPrivateFieldGet$7(this, _Tab_panel, "f").role === null)
|
|
11214
|
+
__classPrivateFieldGet$7(this, _Tab_panel, "f").role = 'tabpanel';
|
|
11215
|
+
if (__classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('aria-labelledby') === null)
|
|
11216
|
+
__classPrivateFieldGet$7(this, _Tab_panel, "f").setAttribute('aria-labelledby', this.host.id);
|
|
11217
|
+
__classPrivateFieldGet$7(this, _Tab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('tabindex') ?? '0');
|
|
11059
11218
|
}
|
|
11060
11219
|
onClick(event) {
|
|
11061
|
-
if (__classPrivateFieldGet$
|
|
11220
|
+
if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get))
|
|
11062
11221
|
event.stopImmediatePropagation();
|
|
11063
11222
|
}
|
|
11064
11223
|
tabindexChanged(newValue) {
|
|
@@ -11067,61 +11226,58 @@ class Tab {
|
|
|
11067
11226
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
11068
11227
|
}
|
|
11069
11228
|
actionChanged() {
|
|
11070
|
-
__classPrivateFieldGet$
|
|
11229
|
+
__classPrivateFieldGet$7(this, _Tab_defineTab, "f").call(this);
|
|
11071
11230
|
}
|
|
11072
11231
|
componentWillLoad() {
|
|
11073
11232
|
var _a;
|
|
11074
11233
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
11075
11234
|
(_a = this.host).id || (_a.id = `qds-tab-${autoIncrementingId$1}`);
|
|
11076
11235
|
autoIncrementingId$1 += 1;
|
|
11077
|
-
__classPrivateFieldGet$
|
|
11236
|
+
__classPrivateFieldGet$7(this, _Tab_defineTab, "f").call(this);
|
|
11078
11237
|
}
|
|
11079
11238
|
componentWillRender() {
|
|
11080
|
-
const isPanelRoot = __classPrivateFieldGet$
|
|
11081
|
-
const isMainSubsection = __classPrivateFieldGet$
|
|
11239
|
+
const isPanelRoot = __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'panel' && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'root';
|
|
11240
|
+
const isMainSubsection = __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'main' && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'subsection';
|
|
11082
11241
|
this.isIndicatorOnTop = isPanelRoot || isMainSubsection;
|
|
11083
11242
|
}
|
|
11084
11243
|
componentDidLoad() {
|
|
11085
11244
|
this.panelChanged();
|
|
11086
11245
|
}
|
|
11087
11246
|
disconnectedCallback() {
|
|
11088
|
-
if (!__classPrivateFieldGet$
|
|
11247
|
+
if (!__classPrivateFieldGet$7(this, _Tab_panel, "f"))
|
|
11089
11248
|
return;
|
|
11090
11249
|
const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
|
|
11091
11250
|
if (tab)
|
|
11092
11251
|
tab.removeAttribute('aria-controls');
|
|
11093
|
-
if (__classPrivateFieldGet$
|
|
11252
|
+
if (__classPrivateFieldGet$7(this, _Tab_panel, "f").role === 'tabpanel')
|
|
11094
11253
|
// eslint-disable-next-line unicorn/no-null
|
|
11095
|
-
__classPrivateFieldGet$
|
|
11096
|
-
if (__classPrivateFieldGet$
|
|
11097
|
-
__classPrivateFieldGet$
|
|
11098
|
-
__classPrivateFieldGet$
|
|
11254
|
+
__classPrivateFieldGet$7(this, _Tab_panel, "f").role = null;
|
|
11255
|
+
if (__classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
|
|
11256
|
+
__classPrivateFieldGet$7(this, _Tab_panel, "f").removeAttribute('aria-labelledby');
|
|
11257
|
+
__classPrivateFieldGet$7(this, _Tab_panel, "f").removeAttribute('tabindex');
|
|
11099
11258
|
}
|
|
11100
11259
|
render() {
|
|
11101
|
-
const isLink = this.href !== undefined && __classPrivateFieldGet$
|
|
11102
|
-
const indicatorPosition = this.isIndicatorOnTop
|
|
11103
|
-
? 'block-start'
|
|
11104
|
-
: this.indicatorPosition;
|
|
11260
|
+
const isLink = this.href !== undefined && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === undefined;
|
|
11105
11261
|
const Tag = isLink
|
|
11106
11262
|
? 'a'
|
|
11107
|
-
: __classPrivateFieldGet$
|
|
11263
|
+
: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
|
|
11108
11264
|
? 'button'
|
|
11109
11265
|
: 'div';
|
|
11110
|
-
return (hAsync("div", { key: '
|
|
11111
|
-
'qds-closable-wrapper': __classPrivateFieldGet$
|
|
11266
|
+
return (hAsync("div", { key: '5315497861332b523d44189a04238cee49ccff3a', "aria-disabled": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
|
|
11267
|
+
'qds-closable-wrapper': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
11112
11268
|
'qds-selected': this.selected,
|
|
11113
|
-
[`qds-indicator-${indicatorPosition}`]: __classPrivateFieldGet$
|
|
11114
|
-
}, "data-size": __classPrivateFieldGet$
|
|
11115
|
-
'qds-tab': __classPrivateFieldGet$
|
|
11116
|
-
'qds-closable-tab': __classPrivateFieldGet$
|
|
11269
|
+
[`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
11270
|
+
}, "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedImportance_get) }, hAsync(Tag, { key: '5d0ffe78945e31f890fd8bb382a2e2c70380c2e8', ref: __classPrivateFieldGet$7(this, _Tab_tabRef, "f"), "aria-disabled": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, disabled: isLink ? undefined : this.disabled, onBlur: __classPrivateFieldGet$7(this, _Tab_onBlur, "f"), onFocus: __classPrivateFieldGet$7(this, _Tab_onFocus, "f"), class: {
|
|
11271
|
+
'qds-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
|
|
11272
|
+
'qds-closable-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
11117
11273
|
'qds-selected': this.selected,
|
|
11118
|
-
[`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$
|
|
11119
|
-
}, role: !isLink && __classPrivateFieldGet$
|
|
11274
|
+
[`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
|
|
11275
|
+
}, role: !isLink && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'expandable' ? 'tab' : undefined, "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && !isLink
|
|
11120
11276
|
? this.selected
|
|
11121
11277
|
? 'true'
|
|
11122
11278
|
: 'false'
|
|
11123
|
-
: undefined, "data-importance": __classPrivateFieldGet$
|
|
11124
|
-
(this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: '
|
|
11279
|
+
: undefined, "data-importance": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedImportance_get), "data-action": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get), "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), href: isLink ? this.href : undefined }, ((this.tagText !== undefined && this.tagText !== '') ||
|
|
11280
|
+
(this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: '3dc70a5b756995e7a8b27e207da5ae69c0f07966', text: this.tagText, status: this.tagStatus, size: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), importance: this.tagImportance, "icon-library": this.tagIconLibrary, "icon-name": this.tagIconName, "icon-description": this.tagIconDescription })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'ec984fdce7855e58b9981c2cbff4a1b6c664bce6', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.text && __classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_renderText).call(this), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: 'cb6ec00cd85a5858d608f9bfcbb80a6ac8b4767d', status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: '007e24af5206a2ea0cc6205ab74086e5c9bc8d34', description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && (hAsync("qds-icon", { key: '2eacc81e4f8e952365d811e73f9ce1d56a2c1b42', class: { 'qds-target-icon': true, 'qds-chevron': this.selected }, "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), library: "core", name: "dropdown" }))), __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable' && (hAsync("qds-mini-button", { key: '730c62133c50a8877994910154d75abc8074d2ad', name: "close", library: "core", text: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_ariaLabel_get), "data-size": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedSize_get), disabled: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get), onClick: __classPrivateFieldGet$7(this, _Tab_onIconClick, "f"), tabIndex: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computeCloseButtonTabIndex_get) }))));
|
|
11125
11281
|
}
|
|
11126
11282
|
get host() { return getElement(this); }
|
|
11127
11283
|
static get watchers() { return {
|
|
@@ -11176,6 +11332,8 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
|
|
|
11176
11332
|
}
|
|
11177
11333
|
}
|
|
11178
11334
|
}, _Tab_computedSize_get = function _Tab_computedSize_get() {
|
|
11335
|
+
if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentSize_get) !== undefined)
|
|
11336
|
+
return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentSize_get);
|
|
11179
11337
|
switch (this.size) {
|
|
11180
11338
|
case 'standard':
|
|
11181
11339
|
case 'small':
|
|
@@ -11187,6 +11345,8 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
|
|
|
11187
11345
|
}
|
|
11188
11346
|
}
|
|
11189
11347
|
}, _Tab_computedImportance_get = function _Tab_computedImportance_get() {
|
|
11348
|
+
if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentImportance_get) !== undefined)
|
|
11349
|
+
return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentImportance_get);
|
|
11190
11350
|
switch (this.importance) {
|
|
11191
11351
|
case 'subdued':
|
|
11192
11352
|
case 'standard': {
|
|
@@ -11196,6 +11356,10 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
|
|
|
11196
11356
|
return 'standard';
|
|
11197
11357
|
}
|
|
11198
11358
|
}
|
|
11359
|
+
}, _Tab_parentImportance_get = function _Tab_parentImportance_get() {
|
|
11360
|
+
return this.host.closest('qds-tabbar')?.importance ?? undefined;
|
|
11361
|
+
}, _Tab_parentSize_get = function _Tab_parentSize_get() {
|
|
11362
|
+
return this.host.closest('qds-tabbar')?.size ?? undefined;
|
|
11199
11363
|
}, _Tab_parentLayer_get = function _Tab_parentLayer_get() {
|
|
11200
11364
|
return this.host.closest('qds-tabbar')?.layer ?? 'main';
|
|
11201
11365
|
}, _Tab_parentLevel_get = function _Tab_parentLevel_get() {
|
|
@@ -11206,7 +11370,7 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
|
|
|
11206
11370
|
return this.disabled ?? false;
|
|
11207
11371
|
}, _Tab_computeCloseButtonTabIndex_get = function _Tab_computeCloseButtonTabIndex_get() {
|
|
11208
11372
|
if (this.selected) {
|
|
11209
|
-
return __classPrivateFieldGet$
|
|
11373
|
+
return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? undefined : this.tabIndex;
|
|
11210
11374
|
}
|
|
11211
11375
|
return -1;
|
|
11212
11376
|
}, _Tab_renderText = function _Tab_renderText() {
|
|
@@ -11215,12 +11379,12 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
|
|
|
11215
11379
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
11216
11380
|
};
|
|
11217
11381
|
|
|
11218
|
-
const tabbarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-tabbar,.qds-tabs,.qds-vertical,.qds-vertical-divider{display:flex}.qds-tabbar,.qds-vertical-divider{width:inherit}.qds-arrow-start{transform:scaleX(var(--qds-direction-factor,1)) rotate(180deg)}.qds-align-center{align-content:center}.qds-hidden{display:none}.qds-centered{justify-content:center}.qds-tabs{flex:1;margin-block:0;overflow:auto;padding-inline-start:0;scroll-behavior:smooth}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-layer=main][data-level=root] .qds-tabs{gap:var(--qds-control-large-gap-siblings-related)}[data-layer=main][data-level=section] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=subsection] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}[data-layer=popup][data-level=root] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=popup][data-level=section] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}:is([data-layer=panel],[data-layer=accessory])[data-level=root] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}";
|
|
11382
|
+
const tabbarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-tabbar,.qds-tabs,.qds-vertical,.qds-vertical-divider{display:flex}.qds-tabbar,.qds-vertical-divider{width:inherit}.qds-arrow-start{transform:scaleX(var(--qds-direction-factor,1)) rotate(180deg)}.qds-align-center{align-content:center}.qds-hidden{display:none}.qds-centered{justify-content:center}.qds-tabs{flex:1;margin-block:0;overflow:auto;padding-inline-start:0;scroll-behavior:smooth}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-size=small]{gap:var(--qds-control-small-gap-siblings-related)}[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=root] .qds-tabs,[data-size=large]{gap:var(--qds-control-large-gap-siblings-related)}[data-layer=main][data-level=section] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=subsection] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}[data-layer=popup][data-level=root] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=popup][data-level=section] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}:is([data-layer=panel],[data-layer=accessory])[data-level=root] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}";
|
|
11219
11383
|
|
|
11220
11384
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
11221
11385
|
//
|
|
11222
11386
|
// SPDX-License-Identifier: Apache-2.0
|
|
11223
|
-
var __classPrivateFieldGet$
|
|
11387
|
+
var __classPrivateFieldGet$6 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
11224
11388
|
if (kind === "a" && !f)
|
|
11225
11389
|
throw new TypeError("Private accessor was defined without a getter");
|
|
11226
11390
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -11236,7 +11400,7 @@ var __classPrivateFieldSet$3 = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
11236
11400
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
11237
11401
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
11238
11402
|
};
|
|
11239
|
-
var _Tabbar_instances, _Tabbar_tabs, _Tabbar_ro, _Tabbar_tabbar, _Tabbar_inheritedAttributes, _Tabbar_computeDividerVisible_get, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_switchTabPanel, _Tabbar_handleTabActivation, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onViewportCrop, _Tabbar_updateTabsCache, _Tabbar_onSlotchange;
|
|
11403
|
+
var _Tabbar_instances, _Tabbar_tabs, _Tabbar_ro, _Tabbar_tabbar, _Tabbar_inheritedAttributes, _Tabbar_computedImportance_get, _Tabbar_computedSize_get, _Tabbar_computedPlacement_get, _Tabbar_computeDividerVisible_get, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_switchTabPanel, _Tabbar_handleTabActivation, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_isVerticalPlacement, _Tabbar_isHorizontalPlacement, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onViewportCrop, _Tabbar_updateTabsCache, _Tabbar_setTabSettings, _Tabbar_onSlotchange;
|
|
11240
11404
|
const TAB_SETTINGS = {
|
|
11241
11405
|
'main-root': {
|
|
11242
11406
|
importance: 'standard',
|
|
@@ -11294,16 +11458,33 @@ class Tabbar {
|
|
|
11294
11458
|
_Tabbar_instances.add(this);
|
|
11295
11459
|
/**
|
|
11296
11460
|
* The tabbar's layer.
|
|
11461
|
+
*
|
|
11462
|
+
* @deprecated The property layer is deprecated. Please use `size` property instead.
|
|
11463
|
+
* Please do not use `layer` and `size` at the same time.
|
|
11297
11464
|
*/
|
|
11298
11465
|
this.layer = 'main';
|
|
11299
11466
|
/**
|
|
11300
11467
|
* The tabbar's level.
|
|
11468
|
+
*
|
|
11469
|
+
* @deprecated The property level is deprecated. Please use `size` property instead.
|
|
11470
|
+
* Please do not use `level` and `size` at the same time.
|
|
11301
11471
|
*/
|
|
11302
11472
|
this.level = 'root';
|
|
11473
|
+
/**
|
|
11474
|
+
* The tabbar's size. This controls the size of the tabs within the tabbar.
|
|
11475
|
+
*/
|
|
11476
|
+
this.size = 'standard';
|
|
11303
11477
|
/**
|
|
11304
11478
|
* The tabbar's orientation.
|
|
11479
|
+
*
|
|
11480
|
+
* @deprecated Please use the `placement` property instead. Do not use
|
|
11481
|
+
* `orientation` and `placement` at the same time.
|
|
11305
11482
|
*/
|
|
11306
11483
|
this.orientation = 'horizontal';
|
|
11484
|
+
/**
|
|
11485
|
+
* The tabbar's placement.
|
|
11486
|
+
*/
|
|
11487
|
+
this.placement = 'top';
|
|
11307
11488
|
/**
|
|
11308
11489
|
* Displays a divider line.
|
|
11309
11490
|
*/
|
|
@@ -11311,7 +11492,7 @@ class Tabbar {
|
|
|
11311
11492
|
/**
|
|
11312
11493
|
* The alignment of tabs. Only applicable for horizontal orientation.
|
|
11313
11494
|
*/
|
|
11314
|
-
this.alignment = '
|
|
11495
|
+
this.alignment = 'start';
|
|
11315
11496
|
this.disableEndArrow = false;
|
|
11316
11497
|
this.disableStartArrow = false;
|
|
11317
11498
|
_Tabbar_tabs.set(this, []);
|
|
@@ -11319,23 +11500,25 @@ class Tabbar {
|
|
|
11319
11500
|
_Tabbar_tabbar.set(this, void 0);
|
|
11320
11501
|
_Tabbar_inheritedAttributes.set(this, {});
|
|
11321
11502
|
_Tabbar_scrollToStart.set(this, () => {
|
|
11322
|
-
invariant(__classPrivateFieldGet$
|
|
11503
|
+
invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
|
|
11323
11504
|
const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
|
|
11324
|
-
__classPrivateFieldGet$
|
|
11505
|
+
__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scroll({
|
|
11325
11506
|
left: isRTL
|
|
11326
|
-
? __classPrivateFieldGet$
|
|
11327
|
-
: __classPrivateFieldGet$
|
|
11507
|
+
? __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth
|
|
11508
|
+
: __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth,
|
|
11328
11509
|
});
|
|
11329
11510
|
});
|
|
11330
11511
|
_Tabbar_scrollToEnd.set(this, () => {
|
|
11331
|
-
invariant(__classPrivateFieldGet$
|
|
11512
|
+
invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
|
|
11332
11513
|
const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
|
|
11333
|
-
__classPrivateFieldGet$
|
|
11514
|
+
__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scroll({
|
|
11334
11515
|
left: isRTL
|
|
11335
|
-
? __classPrivateFieldGet$
|
|
11336
|
-
: __classPrivateFieldGet$
|
|
11516
|
+
? __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth
|
|
11517
|
+
: __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth,
|
|
11337
11518
|
});
|
|
11338
11519
|
});
|
|
11520
|
+
_Tabbar_isVerticalPlacement.set(this, () => this.placement === 'start' || this.placement === 'end');
|
|
11521
|
+
_Tabbar_isHorizontalPlacement.set(this, () => this.placement === 'top' || this.placement === 'bottom');
|
|
11339
11522
|
_Tabbar_onClick.set(this, (event) => {
|
|
11340
11523
|
const { target } = event;
|
|
11341
11524
|
if (!(target instanceof HTMLElement))
|
|
@@ -11343,22 +11526,22 @@ class Tabbar {
|
|
|
11343
11526
|
const tab = target.closest('qds-tab');
|
|
11344
11527
|
if (!tab || tab.disabled === true || tab.inert)
|
|
11345
11528
|
return;
|
|
11346
|
-
__classPrivateFieldGet$
|
|
11347
|
-
__classPrivateFieldGet$
|
|
11529
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, tab);
|
|
11530
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tab);
|
|
11348
11531
|
});
|
|
11349
11532
|
_Tabbar_onKeyDown.set(this, (event) => {
|
|
11350
|
-
const isVertical = this.orientation === 'vertical';
|
|
11533
|
+
const isVertical = this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this);
|
|
11351
11534
|
const MOVE_SELECTION_KEYS = isVertical
|
|
11352
11535
|
? VERTICAL_MOVE_KEYS
|
|
11353
11536
|
: HORIZONTAL_MOVE_KEYS;
|
|
11354
11537
|
if (!MOVE_SELECTION_KEYS.has(event.key))
|
|
11355
11538
|
return;
|
|
11356
|
-
const tabs = __classPrivateFieldGet$
|
|
11539
|
+
const tabs = __classPrivateFieldGet$6(this, _Tabbar_tabs, "f");
|
|
11357
11540
|
if (tabs.length === 0)
|
|
11358
11541
|
return;
|
|
11359
11542
|
event.preventDefault();
|
|
11360
11543
|
event.stopPropagation();
|
|
11361
|
-
const activeTab = __classPrivateFieldGet$
|
|
11544
|
+
const activeTab = __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getCurrentTab).call(this);
|
|
11362
11545
|
let index = activeTab ? tabs.indexOf(activeTab) : 0;
|
|
11363
11546
|
const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
|
|
11364
11547
|
let nextTab;
|
|
@@ -11393,23 +11576,23 @@ class Tabbar {
|
|
|
11393
11576
|
}
|
|
11394
11577
|
nextTab = tabs[index];
|
|
11395
11578
|
} while (nextTab.disabled === true);
|
|
11396
|
-
__classPrivateFieldGet$
|
|
11579
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, nextTab);
|
|
11397
11580
|
const target = nextTab.tab;
|
|
11398
11581
|
target.focus({ preventScroll: true });
|
|
11399
11582
|
if (!isVertical)
|
|
11400
11583
|
target.scrollIntoView();
|
|
11401
|
-
__classPrivateFieldGet$
|
|
11402
|
-
__classPrivateFieldGet$
|
|
11584
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, nextTab);
|
|
11585
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, nextTab);
|
|
11403
11586
|
});
|
|
11404
11587
|
_Tabbar_onMouseDown.set(this, (event) => {
|
|
11405
11588
|
const { target } = event;
|
|
11406
11589
|
if (isEnabledTabItem(target))
|
|
11407
|
-
__classPrivateFieldGet$
|
|
11590
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, target);
|
|
11408
11591
|
});
|
|
11409
11592
|
_Tabbar_onScroll.set(this, () => {
|
|
11410
|
-
if (!__classPrivateFieldGet$
|
|
11593
|
+
if (!__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"))
|
|
11411
11594
|
return;
|
|
11412
|
-
const { clientWidth, scrollWidth, scrollLeft } = __classPrivateFieldGet$
|
|
11595
|
+
const { clientWidth, scrollWidth, scrollLeft } = __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f");
|
|
11413
11596
|
const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
|
|
11414
11597
|
this.disableStartArrow = scrollLeft === 0;
|
|
11415
11598
|
this.disableEndArrow = isRTL
|
|
@@ -11417,80 +11600,81 @@ class Tabbar {
|
|
|
11417
11600
|
: scrollWidth - clientWidth - scrollLeft <= 1;
|
|
11418
11601
|
});
|
|
11419
11602
|
_Tabbar_onViewportCrop.set(this, () => {
|
|
11420
|
-
if (!__classPrivateFieldGet$
|
|
11603
|
+
if (!__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"))
|
|
11421
11604
|
return;
|
|
11422
|
-
const { scrollWidth, clientWidth } = __classPrivateFieldGet$
|
|
11605
|
+
const { scrollWidth, clientWidth } = __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f");
|
|
11423
11606
|
if (scrollWidth > clientWidth) {
|
|
11424
|
-
__classPrivateFieldGet$
|
|
11607
|
+
__classPrivateFieldGet$6(this, _Tabbar_onScroll, "f").call(this);
|
|
11425
11608
|
}
|
|
11426
11609
|
});
|
|
11427
11610
|
_Tabbar_onSlotchange.set(this, () => {
|
|
11428
|
-
__classPrivateFieldGet$
|
|
11429
|
-
if (__classPrivateFieldGet$
|
|
11430
|
-
__classPrivateFieldGet$
|
|
11611
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_updateTabsCache).call(this);
|
|
11612
|
+
if (__classPrivateFieldGet$6(this, _Tabbar_tabs, "f").length > 0)
|
|
11613
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")[0]);
|
|
11431
11614
|
});
|
|
11432
11615
|
}
|
|
11616
|
+
settingChanged() {
|
|
11617
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setTabSettings).call(this);
|
|
11618
|
+
}
|
|
11433
11619
|
windowResize() {
|
|
11434
|
-
__classPrivateFieldGet$
|
|
11620
|
+
__classPrivateFieldGet$6(this, _Tabbar_onViewportCrop, "f").call(this);
|
|
11435
11621
|
}
|
|
11436
11622
|
componentWillLoad() {
|
|
11623
|
+
this.settingChanged();
|
|
11437
11624
|
__classPrivateFieldSet$3(this, _Tabbar_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
11438
11625
|
const tabs = [
|
|
11439
11626
|
...this.host.querySelectorAll('qds-tab'),
|
|
11440
11627
|
];
|
|
11441
11628
|
const preselectedTab = tabs.find((tab) => tab.selected);
|
|
11442
11629
|
if (preselectedTab)
|
|
11443
|
-
__classPrivateFieldGet$
|
|
11630
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, preselectedTab);
|
|
11444
11631
|
else if (tabs.length > 0)
|
|
11445
|
-
__classPrivateFieldGet$
|
|
11632
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tabs[0]);
|
|
11446
11633
|
}
|
|
11447
11634
|
componentDidRender() {
|
|
11448
11635
|
if (this.activeTab)
|
|
11449
|
-
__classPrivateFieldGet$
|
|
11450
|
-
|
|
11451
|
-
if (!settings)
|
|
11452
|
-
return;
|
|
11453
|
-
for (const tab of this.host.querySelectorAll('qds-tab')) {
|
|
11454
|
-
/* eslint-disable @typescript-eslint/no-unsafe-member-access */
|
|
11455
|
-
tab.importance = settings.importance;
|
|
11456
|
-
tab.size = settings.size;
|
|
11457
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
11458
|
-
tab.indicatorPosition =
|
|
11459
|
-
this.orientation === 'vertical' ? 'inline-end' : tab.indicatorPosition;
|
|
11460
|
-
/* eslint-enable @typescript-eslint/no-unsafe-member-access */
|
|
11461
|
-
}
|
|
11636
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, this.activeTab);
|
|
11637
|
+
this.settingChanged();
|
|
11462
11638
|
}
|
|
11463
11639
|
componentDidLoad() {
|
|
11464
|
-
invariant(__classPrivateFieldGet$
|
|
11465
|
-
__classPrivateFieldSet$3(this, _Tabbar_ro, new ResizeObserver(__classPrivateFieldGet$
|
|
11466
|
-
__classPrivateFieldGet$
|
|
11640
|
+
invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
|
|
11641
|
+
__classPrivateFieldSet$3(this, _Tabbar_ro, new ResizeObserver(__classPrivateFieldGet$6(this, _Tabbar_onScroll, "f")), "f");
|
|
11642
|
+
__classPrivateFieldGet$6(this, _Tabbar_ro, "f").observe(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
|
|
11467
11643
|
}
|
|
11468
11644
|
disconnectedCallback() {
|
|
11469
|
-
if (__classPrivateFieldGet$
|
|
11470
|
-
__classPrivateFieldGet$
|
|
11645
|
+
if (__classPrivateFieldGet$6(this, _Tabbar_ro, "f"))
|
|
11646
|
+
__classPrivateFieldGet$6(this, _Tabbar_ro, "f").disconnect();
|
|
11471
11647
|
}
|
|
11472
11648
|
render() {
|
|
11473
|
-
return (hAsync("div", { key: '
|
|
11649
|
+
return (hAsync("div", { key: '47ac9cd0bc096758c6c2797393010c0a9693fa88', class: {
|
|
11650
|
+
'qds-vertical-divider': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
|
|
11651
|
+
}, "data-layer": this.layer, "data-level": this.level, "data-importance": __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) }, hAsync("div", { key: '2421469125db014dfa6be6012daaf06a354e1466', class: "qds-tabbar" }, hAsync("div", { key: '1def1f43dc9ecc8680634fa2d5f330c803c82054', class: {
|
|
11474
11652
|
'qds-align-center': true,
|
|
11475
11653
|
'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
|
|
11476
|
-
this.orientation === 'vertical'
|
|
11477
|
-
|
|
11654
|
+
this.orientation === 'vertical' ||
|
|
11655
|
+
__classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
|
|
11656
|
+
} }, hAsync("qds-icon-button", { key: '539fe2ec4cd5a91cf1a35ead239eebd2eda981e4', text: "show previous tab", importance: "subdued", iconName: "next", iconLibrary: "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet$6(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow })), hAsync("ul", { key: '05ff03b99f92f9e85f4703dcc6eca96220d6e1ee', class: {
|
|
11478
11657
|
'qds-tabs': true,
|
|
11479
|
-
'qds-vertical': this.orientation === 'vertical',
|
|
11480
|
-
'qds-centered': this.alignment === '
|
|
11481
|
-
this.orientation === 'horizontal'
|
|
11658
|
+
'qds-vertical': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
|
|
11659
|
+
'qds-centered': this.alignment === 'center' &&
|
|
11660
|
+
(this.orientation === 'horizontal' ||
|
|
11661
|
+
__classPrivateFieldGet$6(this, _Tabbar_isHorizontalPlacement, "f").call(this)) &&
|
|
11482
11662
|
this.disableEndArrow &&
|
|
11483
11663
|
this.disableStartArrow,
|
|
11484
11664
|
}, role: "tablist", "aria-label": this.tablistDescription, ref: (element) => {
|
|
11485
11665
|
__classPrivateFieldSet$3(this, _Tabbar_tabbar, element, "f");
|
|
11486
|
-
}, onClick: __classPrivateFieldGet$
|
|
11666
|
+
}, onClick: __classPrivateFieldGet$6(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$6(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$6(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$6(this, _Tabbar_onScroll, "f"), ...__classPrivateFieldGet$6(this, _Tabbar_inheritedAttributes, "f") }, hAsync("slot", { key: '4ccd64f11587556c7af2b0d4c571ee8162dbba70', onSlotchange: __classPrivateFieldGet$6(this, _Tabbar_onSlotchange, "f") })), hAsync("div", { key: 'c5b64348ca4c65bb4894ec0dec6b6b89c411f958', class: {
|
|
11487
11667
|
'qds-align-center': true,
|
|
11488
11668
|
'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
|
|
11489
|
-
this.orientation === 'vertical'
|
|
11490
|
-
|
|
11669
|
+
this.orientation === 'vertical' ||
|
|
11670
|
+
__classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
|
|
11671
|
+
} }, hAsync("qds-icon-button", { key: 'edcb7e2054454edb2f949332ad62998a2e34a368', text: "show next tab", iconName: "next", iconLibrary: "core", importance: "subdued", onClick: __classPrivateFieldGet$6(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow }))), __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && (hAsync("qds-divider", { key: 'bfafcfbcaaa50341778498e9887b71a548209178', vertical: this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this) }))));
|
|
11491
11672
|
}
|
|
11492
11673
|
static get delegatesFocus() { return true; }
|
|
11493
11674
|
get host() { return getElement(this); }
|
|
11675
|
+
static get watchers() { return {
|
|
11676
|
+
"importance": ["settingChanged"]
|
|
11677
|
+
}; }
|
|
11494
11678
|
static get style() { return tabbarCss; }
|
|
11495
11679
|
static get cmpMeta() { return {
|
|
11496
11680
|
"$flags$": 281,
|
|
@@ -11498,10 +11682,13 @@ class Tabbar {
|
|
|
11498
11682
|
"$members$": {
|
|
11499
11683
|
"layer": [1],
|
|
11500
11684
|
"level": [1],
|
|
11685
|
+
"size": [1],
|
|
11501
11686
|
"orientation": [1],
|
|
11687
|
+
"placement": [1],
|
|
11502
11688
|
"tablistDescription": [1, "tablist-description"],
|
|
11503
11689
|
"showDivider": [4, "show-divider"],
|
|
11504
11690
|
"alignment": [1],
|
|
11691
|
+
"importance": [1],
|
|
11505
11692
|
"disableEndArrow": [32],
|
|
11506
11693
|
"disableStartArrow": [32],
|
|
11507
11694
|
"activeTab": [32]
|
|
@@ -11511,12 +11698,34 @@ class Tabbar {
|
|
|
11511
11698
|
"$attrsToReflect$": []
|
|
11512
11699
|
}; }
|
|
11513
11700
|
}
|
|
11514
|
-
_Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new WeakMap(), _Tabbar_inheritedAttributes = new WeakMap(), _Tabbar_scrollToStart = new WeakMap(), _Tabbar_scrollToEnd = new WeakMap(), _Tabbar_onClick = new WeakMap(), _Tabbar_onKeyDown = new WeakMap(), _Tabbar_onMouseDown = new WeakMap(), _Tabbar_onScroll = new WeakMap(), _Tabbar_onViewportCrop = new WeakMap(), _Tabbar_onSlotchange = new WeakMap(), _Tabbar_instances = new WeakSet(),
|
|
11701
|
+
_Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new WeakMap(), _Tabbar_inheritedAttributes = new WeakMap(), _Tabbar_scrollToStart = new WeakMap(), _Tabbar_scrollToEnd = new WeakMap(), _Tabbar_isVerticalPlacement = new WeakMap(), _Tabbar_isHorizontalPlacement = new WeakMap(), _Tabbar_onClick = new WeakMap(), _Tabbar_onKeyDown = new WeakMap(), _Tabbar_onMouseDown = new WeakMap(), _Tabbar_onScroll = new WeakMap(), _Tabbar_onViewportCrop = new WeakMap(), _Tabbar_onSlotchange = new WeakMap(), _Tabbar_instances = new WeakSet(), _Tabbar_computedImportance_get = function _Tabbar_computedImportance_get() {
|
|
11702
|
+
return this.importance;
|
|
11703
|
+
}, _Tabbar_computedSize_get = function _Tabbar_computedSize_get() {
|
|
11704
|
+
return this.size ?? undefined;
|
|
11705
|
+
}, _Tabbar_computedPlacement_get = function _Tabbar_computedPlacement_get() {
|
|
11706
|
+
switch (this.placement) {
|
|
11707
|
+
case 'top': {
|
|
11708
|
+
return 'block-end';
|
|
11709
|
+
}
|
|
11710
|
+
case 'end': {
|
|
11711
|
+
return 'inline-start';
|
|
11712
|
+
}
|
|
11713
|
+
case 'bottom': {
|
|
11714
|
+
return 'block-start';
|
|
11715
|
+
}
|
|
11716
|
+
case 'start': {
|
|
11717
|
+
return 'inline-end';
|
|
11718
|
+
}
|
|
11719
|
+
default: {
|
|
11720
|
+
return undefined;
|
|
11721
|
+
}
|
|
11722
|
+
}
|
|
11723
|
+
}, _Tabbar_computeDividerVisible_get = function _Tabbar_computeDividerVisible_get() {
|
|
11515
11724
|
if (this.layer === 'panel')
|
|
11516
11725
|
return false;
|
|
11517
11726
|
if (this.layer === 'main' &&
|
|
11518
11727
|
this.level === 'subsection' &&
|
|
11519
|
-
this.orientation === 'horizontal')
|
|
11728
|
+
(this.orientation === 'horizontal' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this)))
|
|
11520
11729
|
return false;
|
|
11521
11730
|
return this.showDivider === true;
|
|
11522
11731
|
}, _Tabbar_setActiveTab = function _Tabbar_setActiveTab(tab) {
|
|
@@ -11531,7 +11740,7 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
|
|
|
11531
11740
|
target.ariaSelected = isSelected.toString();
|
|
11532
11741
|
}
|
|
11533
11742
|
}, _Tabbar_switchTabPanel = function _Tabbar_switchTabPanel(activeTab) {
|
|
11534
|
-
for (const tab of __classPrivateFieldGet$
|
|
11743
|
+
for (const tab of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
|
|
11535
11744
|
const panel = resolvePanelElement(tab);
|
|
11536
11745
|
if (panel) {
|
|
11537
11746
|
panel.hidden = tab !== activeTab;
|
|
@@ -11544,12 +11753,12 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
|
|
|
11544
11753
|
this.activeTab = tab;
|
|
11545
11754
|
this.hideEmitter.emit(previousTab);
|
|
11546
11755
|
this.showEmitter.emit(tab);
|
|
11547
|
-
__classPrivateFieldGet$
|
|
11548
|
-
__classPrivateFieldGet$
|
|
11756
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tab);
|
|
11757
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, tab);
|
|
11549
11758
|
}, _Tabbar_getCurrentTab = function _Tabbar_getCurrentTab() {
|
|
11550
|
-
return __classPrivateFieldGet$
|
|
11759
|
+
return __classPrivateFieldGet$6(this, _Tabbar_tabs, "f").find((tab) => tab.tab.getAttribute('tabindex') === '0');
|
|
11551
11760
|
}, _Tabbar_setCurrentTab = function _Tabbar_setCurrentTab(tab) {
|
|
11552
|
-
for (const t of __classPrivateFieldGet$
|
|
11761
|
+
for (const t of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
|
|
11553
11762
|
const isCurrent = t === tab;
|
|
11554
11763
|
componentOnReady(t, (element) => {
|
|
11555
11764
|
const target = element?.tab;
|
|
@@ -11560,7 +11769,7 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
|
|
|
11560
11769
|
const tabindex = shouldActivateTab ? '0' : '-1';
|
|
11561
11770
|
target.setAttribute('tabindex', tabindex);
|
|
11562
11771
|
if (shouldActivateTab)
|
|
11563
|
-
__classPrivateFieldGet$
|
|
11772
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, t);
|
|
11564
11773
|
});
|
|
11565
11774
|
}
|
|
11566
11775
|
}, _Tabbar_updateTabsCache = function _Tabbar_updateTabsCache() {
|
|
@@ -11568,6 +11777,20 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
|
|
|
11568
11777
|
__classPrivateFieldSet$3(this, _Tabbar_tabs, slot
|
|
11569
11778
|
? [...slot.assignedElements({ flatten: true })].filter((element) => isEnabledTabItem(element))
|
|
11570
11779
|
: [], "f");
|
|
11780
|
+
}, _Tabbar_setTabSettings = function _Tabbar_setTabSettings() {
|
|
11781
|
+
const settings = TAB_SETTINGS[`${this.layer}-${this.level}`];
|
|
11782
|
+
if (!settings)
|
|
11783
|
+
return;
|
|
11784
|
+
for (const tab of this.host.querySelectorAll('qds-tab')) {
|
|
11785
|
+
/* eslint-disable @typescript-eslint/no-unsafe-member-access */
|
|
11786
|
+
tab.importance = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) ?? settings.importance;
|
|
11787
|
+
tab.size = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedSize_get) ?? settings.size;
|
|
11788
|
+
tab.indicatorPosition =
|
|
11789
|
+
this.orientation === 'vertical'
|
|
11790
|
+
? 'inline-end'
|
|
11791
|
+
: (__classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedPlacement_get) ?? settings.indicatorPosition);
|
|
11792
|
+
/* eslint-enable @typescript-eslint/no-unsafe-member-access */
|
|
11793
|
+
}
|
|
11571
11794
|
};
|
|
11572
11795
|
|
|
11573
11796
|
const tableCss = ":host([hidden]){display:none!important}:host{border-collapse:collapse;display:table}";
|
|
@@ -11595,7 +11818,7 @@ class Table {
|
|
|
11595
11818
|
}
|
|
11596
11819
|
// eslint-disable-next-line @typescript-eslint/class-methods-use-this
|
|
11597
11820
|
render() {
|
|
11598
|
-
return hAsync("slot", { key: '
|
|
11821
|
+
return hAsync("slot", { key: 'e48b0a5845e41ac83900ddbd3baf9c5a38b01d9a' });
|
|
11599
11822
|
}
|
|
11600
11823
|
static get style() { return tableCss; }
|
|
11601
11824
|
static get cmpMeta() { return {
|
|
@@ -11608,8 +11831,19 @@ class Table {
|
|
|
11608
11831
|
}; }
|
|
11609
11832
|
}
|
|
11610
11833
|
|
|
11611
|
-
const tableCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-cell{box-sizing:border-box;color:var(--qds-theme-title);font:var(--qds-
|
|
11834
|
+
const tableCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-cell{box-sizing:border-box;color:var(--qds-theme-text-standard);padding-block:0;text-align:inherit;vertical-align:middle;width:inherit}[data-size=small]{font:var(--qds-table-cell-small-title);min-height:var(--qds-table-cell-small-height);padding-inline:var(--qds-table-cell-small-padding-horizontal)}[data-size=standard]{font:var(--qds-table-cell-standard-title);min-height:var(--qds-table-cell-standard-height);padding-inline:var(--qds-table-cell-standard-padding-horizontal)}[data-size=large]{font:var(--qds-table-cell-large-title);min-height:var(--qds-table-cell-large-height);padding-inline:var(--qds-table-cell-large-padding-horizontal)}";
|
|
11612
11835
|
|
|
11836
|
+
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
11837
|
+
//
|
|
11838
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
11839
|
+
var __classPrivateFieldGet$5 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
11840
|
+
if (kind === "a" && !f)
|
|
11841
|
+
throw new TypeError("Private accessor was defined without a getter");
|
|
11842
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
11843
|
+
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
11844
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
11845
|
+
};
|
|
11846
|
+
var _TableCell_instances, _TableCell_computedSize_get;
|
|
11613
11847
|
/**
|
|
11614
11848
|
* The `<qds-table-cell>` element defines a cell of a table that contains data.
|
|
11615
11849
|
* It participates in the *table model*.
|
|
@@ -11626,6 +11860,11 @@ class TableCell {
|
|
|
11626
11860
|
this.internals = hostRef.$hostElement$.attachInternals();
|
|
11627
11861
|
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
11628
11862
|
}
|
|
11863
|
+
_TableCell_instances.add(this);
|
|
11864
|
+
/**
|
|
11865
|
+
* The table cell's size.
|
|
11866
|
+
*/
|
|
11867
|
+
this.size = 'standard';
|
|
11629
11868
|
}
|
|
11630
11869
|
colSpanChanged(newValue) {
|
|
11631
11870
|
this.internals.ariaColSpan =
|
|
@@ -11653,9 +11892,9 @@ class TableCell {
|
|
|
11653
11892
|
render() {
|
|
11654
11893
|
return (
|
|
11655
11894
|
// eslint-disable-next-line jsx-a11y/control-has-associated-label
|
|
11656
|
-
hAsync("td", { key: '
|
|
11895
|
+
hAsync("td", { key: '92bc078c48ec5f41e1751a19bdbf2f95eb33d996', class: "qds-table-cell", "data-size": __classPrivateFieldGet$5(this, _TableCell_instances, "a", _TableCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan,
|
|
11657
11896
|
// eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
|
|
11658
|
-
role: "none" }, hAsync("slot", { key: '
|
|
11897
|
+
role: "none" }, hAsync("slot", { key: 'cf016b76dd2a13a2768180d3f7f8cb22d9189876' })));
|
|
11659
11898
|
}
|
|
11660
11899
|
static get watchers() { return {
|
|
11661
11900
|
"colSpan": ["colSpanChanged"],
|
|
@@ -11667,16 +11906,39 @@ class TableCell {
|
|
|
11667
11906
|
"$tagName$": "qds-table-cell",
|
|
11668
11907
|
"$members$": {
|
|
11669
11908
|
"colSpan": [2, "colspan"],
|
|
11670
|
-
"rowSpan": [2, "rowspan"]
|
|
11909
|
+
"rowSpan": [2, "rowspan"],
|
|
11910
|
+
"size": [1]
|
|
11671
11911
|
},
|
|
11672
11912
|
"$listeners$": undefined,
|
|
11673
11913
|
"$lazyBundleId$": "-",
|
|
11674
11914
|
"$attrsToReflect$": []
|
|
11675
11915
|
}; }
|
|
11676
11916
|
}
|
|
11917
|
+
_TableCell_instances = new WeakSet(), _TableCell_computedSize_get = function _TableCell_computedSize_get() {
|
|
11918
|
+
switch (this.size) {
|
|
11919
|
+
case 'large':
|
|
11920
|
+
case 'small': {
|
|
11921
|
+
return this.size;
|
|
11922
|
+
}
|
|
11923
|
+
default: {
|
|
11924
|
+
return 'standard';
|
|
11925
|
+
}
|
|
11926
|
+
}
|
|
11927
|
+
};
|
|
11677
11928
|
|
|
11678
|
-
const tableHeadCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-head-cell{box-sizing:border-box;color:var(--qds-theme-
|
|
11929
|
+
const tableHeadCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-head-cell{box-sizing:border-box;color:var(--qds-theme-text-standard);padding-block:0;text-align:inherit;vertical-align:middle;width:inherit}[data-size=small]{font:var(--qds-table-cell-small-title);min-height:var(--qds-table-cell-small-height);padding-inline:var(--qds-table-cell-small-padding-horizontal)}[data-size=standard]{font:var(--qds-table-cell-standard-title);min-height:var(--qds-table-cell-standard-height);padding-inline:var(--qds-table-cell-standard-padding-horizontal)}[data-size=large]{font:var(--qds-table-cell-large-title);min-height:var(--qds-table-cell-large-height);padding-inline:var(--qds-table-cell-large-padding-horizontal)}";
|
|
11679
11930
|
|
|
11931
|
+
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
11932
|
+
//
|
|
11933
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
11934
|
+
var __classPrivateFieldGet$4 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
11935
|
+
if (kind === "a" && !f)
|
|
11936
|
+
throw new TypeError("Private accessor was defined without a getter");
|
|
11937
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
11938
|
+
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
11939
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
11940
|
+
};
|
|
11941
|
+
var _TableHeadCell_instances, _TableHeadCell_computedSize_get;
|
|
11680
11942
|
/**
|
|
11681
11943
|
* The `<qds-table-head-cell>` element defines a cell as the header of a group
|
|
11682
11944
|
* of table cells. The exact nature of this group is defined by the `scope`
|
|
@@ -11694,6 +11956,11 @@ class TableHeadCell {
|
|
|
11694
11956
|
this.internals = hostRef.$hostElement$.attachInternals();
|
|
11695
11957
|
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
11696
11958
|
}
|
|
11959
|
+
_TableHeadCell_instances.add(this);
|
|
11960
|
+
/**
|
|
11961
|
+
* The table header cell's size.
|
|
11962
|
+
*/
|
|
11963
|
+
this.size = 'standard';
|
|
11697
11964
|
}
|
|
11698
11965
|
colSpanChanged(newValue) {
|
|
11699
11966
|
this.internals.ariaColSpan =
|
|
@@ -11724,9 +11991,9 @@ class TableHeadCell {
|
|
|
11724
11991
|
render() {
|
|
11725
11992
|
return (
|
|
11726
11993
|
// eslint-disable-next-line jsx-a11y/control-has-associated-label
|
|
11727
|
-
hAsync("th", { key: '
|
|
11994
|
+
hAsync("th", { key: '0d385fba48aa553f9a968b310bd6cafc8cac8659', class: "qds-table-head-cell", "data-size": __classPrivateFieldGet$4(this, _TableHeadCell_instances, "a", _TableHeadCell_computedSize_get), colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
|
|
11728
11995
|
// eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
|
|
11729
|
-
role: "none" }, hAsync("slot", { key: '
|
|
11996
|
+
role: "none" }, hAsync("slot", { key: '7aa120d507fa6cbb80ef6acf92ba88d29545b82c' })));
|
|
11730
11997
|
}
|
|
11731
11998
|
static get watchers() { return {
|
|
11732
11999
|
"colSpan": ["colSpanChanged"],
|
|
@@ -11740,15 +12007,27 @@ class TableHeadCell {
|
|
|
11740
12007
|
"$members$": {
|
|
11741
12008
|
"colSpan": [2, "colspan"],
|
|
11742
12009
|
"rowSpan": [2, "rowspan"],
|
|
11743
|
-
"scope": [1]
|
|
12010
|
+
"scope": [1],
|
|
12011
|
+
"size": [1]
|
|
11744
12012
|
},
|
|
11745
12013
|
"$listeners$": undefined,
|
|
11746
12014
|
"$lazyBundleId$": "-",
|
|
11747
12015
|
"$attrsToReflect$": []
|
|
11748
12016
|
}; }
|
|
11749
12017
|
}
|
|
12018
|
+
_TableHeadCell_instances = new WeakSet(), _TableHeadCell_computedSize_get = function _TableHeadCell_computedSize_get() {
|
|
12019
|
+
switch (this.size) {
|
|
12020
|
+
case 'large':
|
|
12021
|
+
case 'small': {
|
|
12022
|
+
return this.size;
|
|
12023
|
+
}
|
|
12024
|
+
default: {
|
|
12025
|
+
return 'standard';
|
|
12026
|
+
}
|
|
12027
|
+
}
|
|
12028
|
+
};
|
|
11750
12029
|
|
|
11751
|
-
const tableRowCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-row{border-block-end:var(--qds-
|
|
12030
|
+
const tableRowCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-row{border-block-end:var(--qds-table-border-width) solid var(--qds-theme-divider-standard);box-sizing:border-box}";
|
|
11752
12031
|
|
|
11753
12032
|
/**
|
|
11754
12033
|
* The `<qds-table-row>` element defines a row of cells in a table. The row's
|
|
@@ -11773,7 +12052,7 @@ class TableRow {
|
|
|
11773
12052
|
}
|
|
11774
12053
|
// eslint-disable-next-line @typescript-eslint/class-methods-use-this
|
|
11775
12054
|
render() {
|
|
11776
|
-
return (hAsync("tr", { key: '
|
|
12055
|
+
return (hAsync("tr", { key: 'f2ebf28bc79f5b8043ba5309e0f5d67b2e29dccc', class: "qds-table-row", role: "none" }, hAsync("slot", { key: '3a16ecf6721c2decf2fc050db6abb1c0feabc45e' })));
|
|
11777
12056
|
}
|
|
11778
12057
|
static get style() { return tableRowCss; }
|
|
11779
12058
|
static get cmpMeta() { return {
|
|
@@ -11844,11 +12123,11 @@ class Tag {
|
|
|
11844
12123
|
__classPrivateFieldSet$2(this, _Tag_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
11845
12124
|
}
|
|
11846
12125
|
render() {
|
|
11847
|
-
return (hAsync("span", { key: '
|
|
12126
|
+
return (hAsync("span", { key: 'dbda480ae5220ac8393a33a1b05970e099a1594b', class: {
|
|
11848
12127
|
'qds-tag': true,
|
|
11849
12128
|
'qds-padding': this.importance !== 'subdued',
|
|
11850
12129
|
}, "data-importance": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedImportance_get), "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), "data-status": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), ...__classPrivateFieldGet$3(this, _Tag_inheritedAttributes, "f") }, this.iconName !== undefined && this.iconName !== '' ? (hAsync(Fragment, null, this.iconDescription !== undefined &&
|
|
11851
|
-
this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", {
|
|
12130
|
+
this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", { class: "qds-icon", "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))) : (__classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_hasBadge_get) && (hAsync("qds-badge-indicator", { status: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), description: this.badgeDescription, size: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), strokeRing: true }))), hAsync("span", { key: '2bb48b6e991ad7bda93971b3556b3b9689a05c43', class: "qds-text" }, this.text)));
|
|
11852
12131
|
}
|
|
11853
12132
|
get host() { return getElement(this); }
|
|
11854
12133
|
static get style() { return tagCss; }
|
|
@@ -11908,7 +12187,7 @@ _Tag_inheritedAttributes = new WeakMap(), _Tag_instances = new WeakSet(), _Tag_c
|
|
|
11908
12187
|
return (this.badge ?? false) && this.importance !== 'emphasized';
|
|
11909
12188
|
};
|
|
11910
12189
|
|
|
11911
|
-
const textareaCss = ":host([hidden]){display:none!important}:host{display:inline-block;resize:both}slot{display:none}.qds-textarea{background-color:var(--qds-theme-form-input-background-active);border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-form-input-border-radius);box-sizing:border-box;color:var(--qds-theme-control-text-standard);height:100%;padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%}.qds-textarea:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-textarea:disabled{background-color:var(--qds-theme-form-input-background-default);opacity:var(--qds-theme-disabled);pointer-events:none}.qds-textarea:read-only{background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-disabled)}.qds-textarea:focus-visible{box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-textarea:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-textarea:not(:focus):user-invalid{border-color:var(--qds-theme-form-input-border-error)}.qds-textarea[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-textarea[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-textarea[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}[data-size=small]{font:var(--qds-control-small-text);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text);padding-block:var(--qds-control-large-padding-auto-height)}";
|
|
12190
|
+
const textareaCss = ":host([hidden]){display:none!important}:host{display:inline-block;resize:both}slot{display:none}.qds-textarea{background-color:var(--qds-theme-form-input-background-active);border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-form-input-border-radius);box-sizing:border-box;color:var(--qds-theme-control-text-standard);height:100%;padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%}.qds-textarea:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-textarea:disabled{background-color:var(--qds-theme-form-input-background-default);opacity:var(--qds-theme-disabled);pointer-events:none}.qds-textarea:read-only{background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-disabled)}.qds-textarea:focus-visible{box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-textarea:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-textarea:not(:focus):user-invalid{border-color:var(--qds-theme-form-input-border-error)}.qds-textarea[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-textarea[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-textarea[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-textarea[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}[data-size=small]{font:var(--qds-control-small-text);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text);padding-block:var(--qds-control-large-padding-auto-height)}";
|
|
11912
12191
|
|
|
11913
12192
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
11914
12193
|
//
|
|
@@ -12174,9 +12453,9 @@ class TextArea {
|
|
|
12174
12453
|
this.valueChanged();
|
|
12175
12454
|
}
|
|
12176
12455
|
render() {
|
|
12177
|
-
return (hAsync(Host, { key: '
|
|
12456
|
+
return (hAsync(Host, { key: '3aa4b8a2f3cf4b591a13f6bf029adfe3691087e7' }, hAsync("textarea", { key: 'ba6281ce9a79274d6132c82ec0da48cf25361489', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
|
|
12178
12457
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
12179
|
-
autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', "data-status": __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedStatus_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, onBlur: __classPrivateFieldGet$2(this, _TextArea_onBlur, "f"), onChange: __classPrivateFieldGet$2(this, _TextArea_onChange, "f"), onFocus: __classPrivateFieldGet$2(this, _TextArea_onFocus, "f"), onInput: __classPrivateFieldGet$2(this, _TextArea_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet$2(this, _TextArea_ref, "f"), readOnly: this.readonly, rows: this.rows, spellcheck: this.host.spellcheck, tabIndex: __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedDisabled_get) ? undefined : this.tabIndex, wrap: this.wrap, ...__classPrivateFieldGet$2(this, _TextArea_inheritedAttributes, "f") }), hAsync("slot", { key: '
|
|
12458
|
+
autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', "data-status": __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedStatus_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, onBlur: __classPrivateFieldGet$2(this, _TextArea_onBlur, "f"), onChange: __classPrivateFieldGet$2(this, _TextArea_onChange, "f"), onFocus: __classPrivateFieldGet$2(this, _TextArea_onFocus, "f"), onInput: __classPrivateFieldGet$2(this, _TextArea_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet$2(this, _TextArea_ref, "f"), readOnly: this.readonly, rows: this.rows, spellcheck: this.host.spellcheck, tabIndex: __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedDisabled_get) ? undefined : this.tabIndex, wrap: this.wrap, ...__classPrivateFieldGet$2(this, _TextArea_inheritedAttributes, "f") }), hAsync("slot", { key: '6b3adf605ea2b899ad2f69e7b03505db56682a20', onSlotchange: __classPrivateFieldGet$2(this, _TextArea_onSlotchange, "f") })));
|
|
12180
12459
|
}
|
|
12181
12460
|
static get delegatesFocus() { return true; }
|
|
12182
12461
|
static get formAssociated() { return true; }
|
|
@@ -12252,7 +12531,7 @@ _TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(
|
|
|
12252
12531
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
12253
12532
|
};
|
|
12254
12533
|
|
|
12255
|
-
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"
|
|
12534
|
+
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"g\"}.qds-titles.qds-has-kicker{grid-template-areas:\"h\" \"g\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"g\" \"i\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"h\" \"g\" \"i\"}.qds-has-icon{grid-template-areas:\"j g\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". h\" \"j g\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"j g\" \". i\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". h\" \"j g\" \". i\"}.qds-title,.qds-titles{hyphens:inherit}.qds-kicker,.qds-subtitle{hyphens:manual}.qds-kicker,.qds-subtitle,.qds-title{margin-block:0}.qds-title{color:var(--qds-theme-title);grid-area:g}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:i}.qds-kicker{color:var(--qds-theme-kicker);grid-area:h}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:j}.qds-main.qds-section.qds-titles{gap:var(--qds-main-section-titles-gap)}.qds-main.qds-section.qds-has-icon{gap:var(--qds-main-section-titles-gap) var(--qds-main-section-titles-icon-gap)}.qds-main.qds-section .qds-title{font:var(--qds-main-section-title)}.qds-main.qds-section .qds-subtitle{font:var(--qds-main-section-subtitle)}.qds-main.qds-section .qds-kicker{font:var(--qds-main-section-kicker)}.qds-main.qds-section .qds-icon{height:var(--qds-main-section-titles-icon-crop-height);width:var(--qds-main-section-titles-icon-size)}.qds-main.qds-subsection.qds-titles{gap:var(--qds-main-subsection-titles-gap)}.qds-main.qds-subsection.qds-has-icon{gap:var(--qds-main-subsection-titles-gap) var(--qds-main-subsection-titles-icon-gap)}.qds-main.qds-subsection .qds-title{font:var(--qds-main-subsection-title)}.qds-main.qds-subsection .qds-subtitle{font:var(--qds-main-subsection-subtitle)}.qds-main.qds-subsection .qds-kicker{font:var(--qds-main-subsection-kicker)}.qds-main.qds-subsection .qds-icon{height:var(--qds-main-subsection-titles-icon-crop-height);width:var(--qds-main-subsection-titles-icon-size)}.qds-panel.qds-root.qds-titles{gap:var(--qds-panel-titles-gap)}.qds-panel.qds-root.qds-has-icon{gap:var(--qds-panel-titles-gap) var(--qds-panel-titles-icon-gap)}.qds-panel.qds-root .qds-title{font:var(--qds-panel-title)}.qds-panel.qds-root .qds-subtitle{font:var(--qds-panel-subtitle)}.qds-panel.qds-root .qds-kicker{font:var(--qds-panel-kicker)}.qds-panel.qds-root .qds-icon{height:var(--qds-panel-titles-icon-crop-height);width:var(--qds-panel-titles-icon-size)}.qds-panel.qds-section.qds-titles{gap:var(--qds-panel-section-titles-gap)}.qds-panel.qds-section.qds-has-icon{gap:var(--qds-panel-section-titles-gap) var(--qds-panel-section-titles-icon-gap)}.qds-panel.qds-section .qds-title{font:var(--qds-panel-section-title)}.qds-panel.qds-section .qds-subtitle{font:var(--qds-panel-section-subtitle)}.qds-panel.qds-section .qds-kicker{font:var(--qds-panel-section-kicker)}.qds-panel.qds-section .qds-icon{height:var(--qds-panel-section-titles-icon-crop-height);width:var(--qds-panel-section-titles-icon-size)}.qds-panel.qds-subsection.qds-titles{gap:var(--qds-panel-subsection-titles-gap)}.qds-panel.qds-subsection.qds-has-icon{gap:var(--qds-panel-subsection-titles-gap) var(--qds-panel-subsection-titles-icon-gap)}.qds-panel.qds-subsection .qds-title{font:var(--qds-panel-subsection-title)}.qds-panel.qds-subsection .qds-subtitle{font:var(--qds-panel-subsection-subtitle)}.qds-panel.qds-subsection .qds-kicker{font:var(--qds-panel-subsection-kicker)}.qds-panel.qds-subsection .qds-icon{height:var(--qds-panel-subsection-titles-icon-crop-height);width:var(--qds-panel-subsection-titles-icon-size)}.qds-navigation.qds-section.qds-titles{gap:var(--qds-navigation-section-titles-gap)}.qds-navigation.qds-section.qds-has-icon{gap:var(--qds-navigation-section-titles-gap) var(--qds-navigation-section-titles-icon-gap)}.qds-navigation.qds-section .qds-title{font:var(--qds-navigation-section-title)}.qds-navigation.qds-section .qds-subtitle{font:var(--qds-navigation-section-subtitle)}.qds-navigation.qds-section .qds-kicker{font:var(--qds-navigation-section-kicker)}.qds-navigation.qds-section .qds-icon{height:var(--qds-navigation-section-titles-icon-crop-height);width:var(--qds-navigation-section-titles-icon-size)}.qds-navigation.qds-subsection.qds-titles{gap:var(--qds-navigation-subsection-titles-gap)}.qds-navigation.qds-subsection.qds-has-icon{gap:var(--qds-navigation-subsection-titles-gap) var(--qds-navigation-subsection-titles-icon-gap)}.qds-navigation.qds-subsection .qds-title{font:var(--qds-navigation-subsection-title)}.qds-navigation.qds-subsection .qds-subtitle{font:var(--qds-navigation-subsection-subtitle)}.qds-navigation.qds-subsection .qds-kicker{font:var(--qds-navigation-subsection-kicker)}.qds-navigation.qds-subsection .qds-icon{height:var(--qds-navigation-subsection-titles-icon-crop-height);width:var(--qds-navigation-subsection-titles-icon-size)}.qds-popup.qds-root.qds-titles{gap:var(--qds-popup-titles-gap)}.qds-popup.qds-root.qds-has-icon{gap:var(--qds-popup-titles-gap) var(--qds-popup-titles-icon-gap)}.qds-popup.qds-root .qds-title{font:var(--qds-popup-title)}.qds-popup.qds-root .qds-subtitle{font:var(--qds-popup-subtitle)}.qds-popup.qds-root .qds-kicker{font:var(--qds-popup-kicker)}.qds-popup.qds-root .qds-icon{height:var(--qds-popup-titles-icon-crop-height);width:var(--qds-popup-titles-icon-size)}.qds-popup.qds-section.qds-titles{gap:var(--qds-popup-section-titles-gap)}.qds-popup.qds-section.qds-has-icon{gap:var(--qds-popup-section-titles-gap) var(--qds-popup-section-titles-icon-gap)}.qds-popup.qds-section .qds-title{font:var(--qds-popup-section-title)}.qds-popup.qds-section .qds-subtitle{font:var(--qds-popup-section-subtitle)}.qds-popup.qds-section .qds-kicker{font:var(--qds-popup-section-kicker)}.qds-popup.qds-section .qds-icon{height:var(--qds-popup-section-titles-icon-crop-height);width:var(--qds-popup-section-titles-icon-size)}.qds-popup.qds-subsection.qds-titles{gap:var(--qds-popup-subsection-titles-gap)}.qds-popup.qds-subsection.qds-has-icon{gap:var(--qds-popup-subsection-titles-gap) var(--qds-popup-subsection-titles-icon-gap)}.qds-popup.qds-subsection .qds-title{font:var(--qds-popup-subsection-title)}.qds-popup.qds-subsection .qds-subtitle{font:var(--qds-popup-subsection-subtitle)}.qds-popup.qds-subsection .qds-kicker{font:var(--qds-popup-subsection-kicker)}.qds-popup.qds-subsection .qds-icon{height:var(--qds-popup-subsection-titles-icon-crop-height);width:var(--qds-popup-subsection-titles-icon-size)}.qds-accessory.qds-root.qds-titles{gap:var(--qds-accessory-titles-gap)}.qds-accessory.qds-root.qds-has-icon{gap:var(--qds-accessory-titles-gap) var(--qds-accessory-titles-icon-gap)}.qds-accessory.qds-root .qds-title{font:var(--qds-accessory-title)}.qds-accessory.qds-root .qds-subtitle{font:var(--qds-accessory-subtitle)}.qds-accessory.qds-root .qds-kicker{font:var(--qds-accessory-kicker)}.qds-accessory.qds-root .qds-icon{height:var(--qds-accessory-titles-icon-crop-height);width:var(--qds-accessory-titles-icon-size)}.qds-accessory.qds-section.qds-titles{gap:var(--qds-accessory-section-titles-gap)}.qds-accessory.qds-section.qds-has-icon{gap:var(--qds-accessory-section-titles-gap) var(--qds-accessory-section-titles-icon-gap)}.qds-accessory.qds-section .qds-title{font:var(--qds-accessory-section-title)}.qds-accessory.qds-section .qds-subtitle{font:var(--qds-accessory-section-subtitle)}.qds-accessory.qds-section .qds-kicker{font:var(--qds-accessory-section-kicker)}.qds-accessory.qds-section .qds-icon{height:var(--qds-accessory-section-titles-icon-crop-height);width:var(--qds-accessory-section-titles-icon-size)}.qds-titles[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap);margin:auto}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-promo-title)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-subtitle{font:var(--qds-main-section-promo-subtitle)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-kicker{font:var(--qds-main-section-promo-kicker)}.qds-has-icon[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap) var(--qds-main-section-promo-titles-icon-gap)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-icon{height:var(--qds-main-section-promo-titles-icon-crop-height);width:var(--qds-main-section-promo-titles-icon-size)}[data-alignment=start]{text-align:start}[data-alignment=center]{text-align:center}[data-alignment=end]{text-align:end}.qds-titles[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-display-titles-gap)}[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-display-title)}.qds-titles[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-subsection-card-titles-gap)}[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-subsection-card-standard-title)}.qds-titles[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-hero-titles-gap)}[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-hero-title)}";
|
|
12256
12535
|
|
|
12257
12536
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
12258
12537
|
//
|
|
@@ -12303,14 +12582,14 @@ class Title {
|
|
|
12303
12582
|
const level = `qds-${this.level ?? 'section'}`;
|
|
12304
12583
|
const Tag = this.tag ?? 'h2';
|
|
12305
12584
|
const hasIcon = this.iconName !== undefined && this.iconName !== '';
|
|
12306
|
-
return (hAsync("hgroup", { key: '
|
|
12585
|
+
return (hAsync("hgroup", { key: 'ed0b1522df1d04ac5d4a19bfd4d801bac51aba5a', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
|
|
12307
12586
|
[layer]: true,
|
|
12308
12587
|
[level]: true,
|
|
12309
12588
|
'qds-titles': true,
|
|
12310
12589
|
'qds-has-icon': hasIcon,
|
|
12311
12590
|
'qds-has-kicker': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get),
|
|
12312
12591
|
'qds-has-subtitle': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get),
|
|
12313
|
-
}, role: "none" }, hAsync(Tag, { key: '
|
|
12592
|
+
}, role: "none" }, hAsync(Tag, { key: '9159ae4127d5be822227a6edd25d1297857686d7', class: "qds-title", "data-variant": this.variant }, hAsync("slot", { key: '266cb1ded9c3d64320bd71d13393832f6e280a85' })), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get) && hAsync("p", { key: '5672a80281144196dc75fd811b5889afd997cf98', class: "qds-kicker" }, this.kicker), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get) && hAsync("p", { key: '499d0d4b792e9edba768472043c42b2fb08e3c62', class: "qds-subtitle" }, this.subtitle), hasIcon && (hAsync("qds-icon", { key: 'f49f82e51dbfdefb3a1316372ee7d48ab2079e47', class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
|
|
12314
12593
|
}
|
|
12315
12594
|
static get style() { return titleCss; }
|
|
12316
12595
|
static get cmpMeta() { return {
|
|
@@ -12610,7 +12889,7 @@ class Tooltip {
|
|
|
12610
12889
|
__classPrivateFieldGet(this, _Tooltip_referenceElement, "f").removeAttribute('aria-describedby');
|
|
12611
12890
|
}
|
|
12612
12891
|
render() {
|
|
12613
|
-
return (hAsync(Host, { key: '
|
|
12892
|
+
return (hAsync(Host, { key: 'ada26ff918babf015dbd05965df20959b59f97f2', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f") }, hAsync("div", { key: 'b705f423abccd6d1692e8a1d8efd1601c6aa6088', class: "qds-tooltip" }, hAsync("slot", { key: 'bd3537ecd12be14271e7444e93975093507b3a58' })), hAsync("div", { key: '9277875e8bff33306847ef3df100a58d34fe50fb', class: "qds-arrow", ref: __classPrivateFieldGet(this, _Tooltip_arrowRef, "f") })));
|
|
12614
12893
|
}
|
|
12615
12894
|
get host() { return getElement(this); }
|
|
12616
12895
|
static get watchers() { return {
|