@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.mjs
CHANGED
|
@@ -3633,25 +3633,30 @@ const closestElement = (selector, base) => {
|
|
|
3633
3633
|
return closestFrom(base);
|
|
3634
3634
|
};
|
|
3635
3635
|
const isCurrentPage = (url) => {
|
|
3636
|
-
|
|
3637
|
-
|
|
3638
|
-
|
|
3639
|
-
currentUrl.
|
|
3636
|
+
try {
|
|
3637
|
+
const currentUrl = new URL(window.location.href);
|
|
3638
|
+
const targetUrl = new URL(url);
|
|
3639
|
+
return (currentUrl.origin === targetUrl.origin &&
|
|
3640
|
+
currentUrl.pathname === targetUrl.pathname);
|
|
3641
|
+
}
|
|
3642
|
+
catch {
|
|
3643
|
+
return false;
|
|
3644
|
+
}
|
|
3640
3645
|
};
|
|
3641
3646
|
|
|
3642
|
-
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)}";
|
|
3647
|
+
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)}";
|
|
3643
3648
|
|
|
3644
3649
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
3645
3650
|
//
|
|
3646
3651
|
// SPDX-License-Identifier: Apache-2.0
|
|
3647
|
-
var __classPrivateFieldGet$
|
|
3652
|
+
var __classPrivateFieldGet$x = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3648
3653
|
if (kind === "a" && !f)
|
|
3649
3654
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3650
3655
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
3651
3656
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
3652
3657
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
3653
3658
|
};
|
|
3654
|
-
var __classPrivateFieldSet$
|
|
3659
|
+
var __classPrivateFieldSet$p = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
3655
3660
|
if (kind === "m")
|
|
3656
3661
|
throw new TypeError("Private method is not writable");
|
|
3657
3662
|
if (kind === "a" && !f)
|
|
@@ -3701,15 +3706,15 @@ class ActionItem {
|
|
|
3701
3706
|
_ActionItem_actionItem.set(this, void 0);
|
|
3702
3707
|
_ActionItem_span.set(this, void 0);
|
|
3703
3708
|
_ActionItem_actionDivRef.set(this, (actionItem) => {
|
|
3704
|
-
__classPrivateFieldSet$
|
|
3709
|
+
__classPrivateFieldSet$p(this, _ActionItem_actionItem, actionItem, "f");
|
|
3705
3710
|
});
|
|
3706
3711
|
_ActionItem_spanRef.set(this, (span) => {
|
|
3707
|
-
__classPrivateFieldSet$
|
|
3712
|
+
__classPrivateFieldSet$p(this, _ActionItem_span, span, "f");
|
|
3708
3713
|
});
|
|
3709
3714
|
_ActionItem_tooltipRef.set(this, (tooltip) => {
|
|
3710
3715
|
if (tooltip)
|
|
3711
3716
|
// eslint-disable-next-line no-param-reassign
|
|
3712
|
-
tooltip.target = __classPrivateFieldGet$
|
|
3717
|
+
tooltip.target = __classPrivateFieldGet$x(this, _ActionItem_actionItem, "f");
|
|
3713
3718
|
});
|
|
3714
3719
|
}
|
|
3715
3720
|
disabledChanged() {
|
|
@@ -3722,7 +3727,7 @@ class ActionItem {
|
|
|
3722
3727
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
3723
3728
|
}
|
|
3724
3729
|
onClick(event) {
|
|
3725
|
-
if (__classPrivateFieldGet$
|
|
3730
|
+
if (__classPrivateFieldGet$x(this, _ActionItem_instances, "a", _ActionItem_computedDisabled_get))
|
|
3726
3731
|
event.stopImmediatePropagation();
|
|
3727
3732
|
}
|
|
3728
3733
|
componentWillLoad() {
|
|
@@ -3730,21 +3735,21 @@ class ActionItem {
|
|
|
3730
3735
|
this.disabledChanged();
|
|
3731
3736
|
}
|
|
3732
3737
|
componentDidLoad() {
|
|
3733
|
-
invariant(__classPrivateFieldGet$
|
|
3734
|
-
const span = __classPrivateFieldGet$
|
|
3738
|
+
invariant(__classPrivateFieldGet$x(this, _ActionItem_span, "f"));
|
|
3739
|
+
const span = __classPrivateFieldGet$x(this, _ActionItem_span, "f");
|
|
3735
3740
|
readTask(() => {
|
|
3736
3741
|
this.tooltip = isEllipsisActive(span);
|
|
3737
3742
|
});
|
|
3738
|
-
__classPrivateFieldSet$
|
|
3743
|
+
__classPrivateFieldSet$p(this, _ActionItem_ro, new ResizeObserver(([spanEntry]) => {
|
|
3739
3744
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
3740
3745
|
}), "f");
|
|
3741
|
-
__classPrivateFieldGet$
|
|
3746
|
+
__classPrivateFieldGet$x(this, _ActionItem_ro, "f").observe(__classPrivateFieldGet$x(this, _ActionItem_span, "f"));
|
|
3742
3747
|
}
|
|
3743
3748
|
render() {
|
|
3744
3749
|
return (hAsync("div", { key: 'c5761b24a5de2f0784850e2c05a35a4ff0d50540', class: {
|
|
3745
3750
|
'qds-action-item': true,
|
|
3746
3751
|
'qds-disabled': this.disabled,
|
|
3747
|
-
}, ref: __classPrivateFieldGet$
|
|
3752
|
+
}, 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))));
|
|
3748
3753
|
}
|
|
3749
3754
|
static get watchers() { return {
|
|
3750
3755
|
"disabled": ["disabledChanged"]
|
|
@@ -3795,56 +3800,60 @@ _ActionItem_ro = new WeakMap(), _ActionItem_actionItem = new WeakMap(), _ActionI
|
|
|
3795
3800
|
return this.disabled;
|
|
3796
3801
|
};
|
|
3797
3802
|
|
|
3798
|
-
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-
|
|
3803
|
+
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}";
|
|
3799
3804
|
|
|
3800
3805
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
3801
3806
|
//
|
|
3802
3807
|
// SPDX-License-Identifier: Apache-2.0
|
|
3803
|
-
var __classPrivateFieldGet$
|
|
3808
|
+
var __classPrivateFieldGet$w = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3804
3809
|
if (kind === "a" && !f)
|
|
3805
3810
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3806
3811
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
3807
3812
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
3808
3813
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
3809
3814
|
};
|
|
3810
|
-
var _AvatarMedia_renderContent, _AvatarMedia_handleImageError;
|
|
3815
|
+
var _AvatarMedia_renderContent, _AvatarMedia_handleImageError, _AvatarMedia_handleImageLoad;
|
|
3811
3816
|
/**
|
|
3812
3817
|
* @experimental
|
|
3813
3818
|
*/
|
|
3814
3819
|
class AvatarMedia {
|
|
3815
3820
|
constructor(hostRef) {
|
|
3816
3821
|
registerInstance(this, hostRef);
|
|
3822
|
+
this.loadEmitter = createEvent(this, "qdsLoad", 6);
|
|
3817
3823
|
this.errorEmitter = createEvent(this, "qdsError", 6);
|
|
3824
|
+
if (hostRef.$hostElement$["s-ei"]) {
|
|
3825
|
+
this.internals = hostRef.$hostElement$["s-ei"];
|
|
3826
|
+
}
|
|
3827
|
+
else {
|
|
3828
|
+
this.internals = hostRef.$hostElement$.attachInternals();
|
|
3829
|
+
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
3830
|
+
}
|
|
3818
3831
|
/**
|
|
3819
|
-
* The
|
|
3820
|
-
* @webnative
|
|
3821
|
-
*/
|
|
3822
|
-
this.alt = '';
|
|
3823
|
-
/**
|
|
3824
|
-
* The avatar-media's icon library.
|
|
3832
|
+
* The name of a registered icon library.
|
|
3825
3833
|
*/
|
|
3826
3834
|
this.iconLibrary = 'default';
|
|
3827
3835
|
this.hasImageError = false;
|
|
3828
3836
|
_AvatarMedia_renderContent.set(this, () => {
|
|
3829
|
-
if (this.src !== undefined && this.src !== '' && !this.hasImageError)
|
|
3830
|
-
return (hAsync("img", { class: "qds-picture", src: this.src, alt: this.alt, onError: __classPrivateFieldGet$
|
|
3831
|
-
|
|
3832
|
-
|
|
3833
|
-
|
|
3834
|
-
if (this.text !== undefined && this.text !== '') {
|
|
3835
|
-
return hAsync("span", { class: "qds-text" }, this.initials);
|
|
3836
|
-
}
|
|
3837
|
-
if (this.iconName !== undefined && this.iconName !== '') {
|
|
3837
|
+
if (this.src !== undefined && this.src !== '' && !this.hasImageError)
|
|
3838
|
+
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") }));
|
|
3839
|
+
if (this.text !== undefined && this.text !== '')
|
|
3840
|
+
return (hAsync(Fragment, null, hAsync("span", { "aria-hidden": "true", class: "qds-text" }, this.initials), hAsync("span", { class: "qds-sr-only" }, this.text)));
|
|
3841
|
+
if (this.iconName !== undefined && this.iconName !== '')
|
|
3838
3842
|
return (hAsync("qds-icon", { class: "qds-icon", name: this.iconName, library: this.iconLibrary }));
|
|
3839
|
-
}
|
|
3840
3843
|
return hAsync("qds-icon", { class: "qds-icon", name: "user", library: "core" });
|
|
3841
3844
|
});
|
|
3842
3845
|
_AvatarMedia_handleImageError.set(this, () => {
|
|
3843
3846
|
this.hasImageError = true;
|
|
3847
|
+
this.roleChanged();
|
|
3844
3848
|
this.errorEmitter.emit();
|
|
3845
3849
|
});
|
|
3850
|
+
_AvatarMedia_handleImageLoad.set(this, () => {
|
|
3851
|
+
this.hasImageError = false;
|
|
3852
|
+
this.roleChanged();
|
|
3853
|
+
this.loadEmitter.emit();
|
|
3854
|
+
});
|
|
3846
3855
|
}
|
|
3847
|
-
|
|
3856
|
+
textChanged() {
|
|
3848
3857
|
if (this.text === undefined || this.text === '') {
|
|
3849
3858
|
this.initials = undefined;
|
|
3850
3859
|
return;
|
|
@@ -3853,14 +3862,33 @@ class AvatarMedia {
|
|
|
3853
3862
|
const [first = '', second = ''] = words.filter(Boolean);
|
|
3854
3863
|
this.initials = (first.charAt(0) + (second.charAt(0) || '')).toLocaleUpperCase();
|
|
3855
3864
|
}
|
|
3865
|
+
labelChanged() {
|
|
3866
|
+
this.internals.ariaLabel =
|
|
3867
|
+
this.alt !== undefined && this.alt !== ''
|
|
3868
|
+
? this.alt
|
|
3869
|
+
: // eslint-disable-next-line unicorn/no-null
|
|
3870
|
+
null;
|
|
3871
|
+
}
|
|
3872
|
+
roleChanged() {
|
|
3873
|
+
if (this.src !== undefined && this.src !== '' && !this.hasImageError)
|
|
3874
|
+
this.internals.role = 'img';
|
|
3875
|
+
else if (this.text !== undefined && this.text !== '')
|
|
3876
|
+
this.internals.role = 'generic';
|
|
3877
|
+
else
|
|
3878
|
+
this.internals.role = 'presentation';
|
|
3879
|
+
}
|
|
3856
3880
|
componentWillLoad() {
|
|
3857
|
-
this.
|
|
3881
|
+
this.textChanged();
|
|
3882
|
+
this.labelChanged();
|
|
3883
|
+
this.roleChanged();
|
|
3858
3884
|
}
|
|
3859
3885
|
render() {
|
|
3860
|
-
return hAsync("div", { key: '
|
|
3886
|
+
return hAsync("div", { key: '52d3dd3165ee17dd49f8cdbf901af5c1c613246c', class: "qds-container" }, __classPrivateFieldGet$w(this, _AvatarMedia_renderContent, "f").call(this));
|
|
3861
3887
|
}
|
|
3862
3888
|
static get watchers() { return {
|
|
3863
|
-
"text": ["
|
|
3889
|
+
"text": ["textChanged", "roleChanged"],
|
|
3890
|
+
"alt": ["labelChanged"],
|
|
3891
|
+
"src": ["roleChanged"]
|
|
3864
3892
|
}; }
|
|
3865
3893
|
static get style() { return avatarMediaCss; }
|
|
3866
3894
|
static get cmpMeta() { return {
|
|
@@ -3880,14 +3908,14 @@ class AvatarMedia {
|
|
|
3880
3908
|
"$attrsToReflect$": []
|
|
3881
3909
|
}; }
|
|
3882
3910
|
}
|
|
3883
|
-
_AvatarMedia_renderContent = new WeakMap(), _AvatarMedia_handleImageError = new WeakMap();
|
|
3911
|
+
_AvatarMedia_renderContent = new WeakMap(), _AvatarMedia_handleImageError = new WeakMap(), _AvatarMedia_handleImageLoad = new WeakMap();
|
|
3884
3912
|
|
|
3885
|
-
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)}";
|
|
3913
|
+
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)}";
|
|
3886
3914
|
|
|
3887
3915
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3888
3916
|
//
|
|
3889
3917
|
// SPDX-License-Identifier: Apache-2.0
|
|
3890
|
-
var __classPrivateFieldGet$
|
|
3918
|
+
var __classPrivateFieldGet$v = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3891
3919
|
if (kind === "a" && !f)
|
|
3892
3920
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3893
3921
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -3922,7 +3950,7 @@ class BadgeCounter {
|
|
|
3922
3950
|
return (hAsync("span", { key: '0a706e1e216c17976c3c04c94ac165e69e860e40', class: {
|
|
3923
3951
|
'qds-badge-counter': true,
|
|
3924
3952
|
'qds-stroke-ring': this.strokeRing,
|
|
3925
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
3953
|
+
}, "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)));
|
|
3926
3954
|
}
|
|
3927
3955
|
static get style() { return badgeCounterCss; }
|
|
3928
3956
|
static get cmpMeta() { return {
|
|
@@ -3978,7 +4006,7 @@ const badgeIndicatorCss = ":host([hidden]){display:none!important}:host{display:
|
|
|
3978
4006
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3979
4007
|
//
|
|
3980
4008
|
// SPDX-License-Identifier: Apache-2.0
|
|
3981
|
-
var __classPrivateFieldGet$
|
|
4009
|
+
var __classPrivateFieldGet$u = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3982
4010
|
if (kind === "a" && !f)
|
|
3983
4011
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3984
4012
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -4013,7 +4041,7 @@ class BadgeIndicator {
|
|
|
4013
4041
|
return (hAsync("div", { key: '1442d3293846a5f18a87297abc5e53755aebe4b6', class: {
|
|
4014
4042
|
'qds-badge-indicator': true,
|
|
4015
4043
|
'qds-stroke-ring': this.strokeRing,
|
|
4016
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4044
|
+
}, "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)));
|
|
4017
4045
|
}
|
|
4018
4046
|
static get style() { return badgeIndicatorCss; }
|
|
4019
4047
|
static get cmpMeta() { return {
|
|
@@ -4074,19 +4102,19 @@ const VALID_STATE = {
|
|
|
4074
4102
|
valueMissing: false,
|
|
4075
4103
|
};
|
|
4076
4104
|
|
|
4077
|
-
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:\"
|
|
4105
|
+
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)}";
|
|
4078
4106
|
|
|
4079
4107
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4080
4108
|
//
|
|
4081
4109
|
// SPDX-License-Identifier: Apache-2.0
|
|
4082
|
-
var __classPrivateFieldGet$
|
|
4110
|
+
var __classPrivateFieldGet$t = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4083
4111
|
if (kind === "a" && !f)
|
|
4084
4112
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4085
4113
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
4086
4114
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4087
4115
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4088
4116
|
};
|
|
4089
|
-
var __classPrivateFieldSet$
|
|
4117
|
+
var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4090
4118
|
if (kind === "m")
|
|
4091
4119
|
throw new TypeError("Private method is not writable");
|
|
4092
4120
|
if (kind === "a" && !f)
|
|
@@ -4256,15 +4284,15 @@ class Button {
|
|
|
4256
4284
|
this.reportValidity = () => this.internals.reportValidity();
|
|
4257
4285
|
this.setCustomValidity = (error) => {
|
|
4258
4286
|
if (error)
|
|
4259
|
-
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$
|
|
4287
|
+
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$t(this, _Button_button, "f"));
|
|
4260
4288
|
else
|
|
4261
4289
|
this.internals.setValidity(NO_ERROR_FLAGS);
|
|
4262
4290
|
};
|
|
4263
4291
|
_Button_buttonRef.set(this, (button) => {
|
|
4264
|
-
__classPrivateFieldSet$
|
|
4292
|
+
__classPrivateFieldSet$o(this, _Button_button, button, "f");
|
|
4265
4293
|
});
|
|
4266
4294
|
_Button_spanRef.set(this, (span) => {
|
|
4267
|
-
__classPrivateFieldSet$
|
|
4295
|
+
__classPrivateFieldSet$o(this, _Button_span, span, "f");
|
|
4268
4296
|
});
|
|
4269
4297
|
_Button_tooltipRef.set(this, (tooltip) => {
|
|
4270
4298
|
if (tooltip)
|
|
@@ -4272,7 +4300,7 @@ class Button {
|
|
|
4272
4300
|
tooltip.target = this.host;
|
|
4273
4301
|
});
|
|
4274
4302
|
_Button_onClick.set(this, (event) => {
|
|
4275
|
-
if (__classPrivateFieldGet$
|
|
4303
|
+
if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get)) {
|
|
4276
4304
|
preventDefault$2(event);
|
|
4277
4305
|
event.stopImmediatePropagation();
|
|
4278
4306
|
}
|
|
@@ -4282,13 +4310,13 @@ class Button {
|
|
|
4282
4310
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
4283
4311
|
}
|
|
4284
4312
|
onClick(event) {
|
|
4285
|
-
if (__classPrivateFieldGet$
|
|
4313
|
+
if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get)) {
|
|
4286
4314
|
event.stopImmediatePropagation();
|
|
4287
4315
|
return;
|
|
4288
4316
|
}
|
|
4289
|
-
if (__classPrivateFieldGet$
|
|
4317
|
+
if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get) === 'button' || !this.internals.form)
|
|
4290
4318
|
return;
|
|
4291
|
-
if (__classPrivateFieldGet$
|
|
4319
|
+
if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_buttonType_get) === 'reset') {
|
|
4292
4320
|
this.internals.form.reset();
|
|
4293
4321
|
}
|
|
4294
4322
|
else {
|
|
@@ -4301,8 +4329,8 @@ class Button {
|
|
|
4301
4329
|
}
|
|
4302
4330
|
onKeydown(event) {
|
|
4303
4331
|
if (event.key === 'Enter') {
|
|
4304
|
-
if (__classPrivateFieldGet$
|
|
4305
|
-
__classPrivateFieldGet$
|
|
4332
|
+
if (__classPrivateFieldGet$t(this, _Button_button, "f") instanceof HTMLAnchorElement)
|
|
4333
|
+
__classPrivateFieldGet$t(this, _Button_button, "f").click();
|
|
4306
4334
|
else
|
|
4307
4335
|
this.host.click();
|
|
4308
4336
|
}
|
|
@@ -4312,11 +4340,11 @@ class Button {
|
|
|
4312
4340
|
this.host.click();
|
|
4313
4341
|
}
|
|
4314
4342
|
disabledChanged() {
|
|
4315
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
4316
|
-
if (__classPrivateFieldGet$
|
|
4343
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get).toString();
|
|
4344
|
+
if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get))
|
|
4317
4345
|
this.host.removeAttribute('tabindex');
|
|
4318
4346
|
else
|
|
4319
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
4347
|
+
this.host.tabIndex = __classPrivateFieldGet$t(this, _Button_savedTabIndex, "f");
|
|
4320
4348
|
}
|
|
4321
4349
|
hrefChanged() {
|
|
4322
4350
|
this.internals.role = this.href === undefined ? 'button' : 'link';
|
|
@@ -4324,40 +4352,40 @@ class Button {
|
|
|
4324
4352
|
tabindexChanged(newValue) {
|
|
4325
4353
|
if (newValue !== null) {
|
|
4326
4354
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
4327
|
-
__classPrivateFieldSet$
|
|
4355
|
+
__classPrivateFieldSet$o(this, _Button_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
|
|
4328
4356
|
? 0
|
|
4329
4357
|
: parsedValue, "f");
|
|
4330
4358
|
}
|
|
4331
|
-
if (__classPrivateFieldGet$
|
|
4359
|
+
if (__classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get))
|
|
4332
4360
|
this.host.removeAttribute('tabindex');
|
|
4333
4361
|
else
|
|
4334
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
4362
|
+
this.host.tabIndex = __classPrivateFieldGet$t(this, _Button_savedTabIndex, "f");
|
|
4335
4363
|
}
|
|
4336
4364
|
textChanged() {
|
|
4337
|
-
__classPrivateFieldGet$
|
|
4338
|
-
if (__classPrivateFieldGet$
|
|
4339
|
-
__classPrivateFieldGet$
|
|
4340
|
-
if (!__classPrivateFieldGet$
|
|
4365
|
+
__classPrivateFieldGet$t(this, _Button_instances, "m", _Button_updateAriaLabel).call(this);
|
|
4366
|
+
if (__classPrivateFieldGet$t(this, _Button_ro, "f"))
|
|
4367
|
+
__classPrivateFieldGet$t(this, _Button_ro, "f").disconnect();
|
|
4368
|
+
if (!__classPrivateFieldGet$t(this, _Button_span, "f"))
|
|
4341
4369
|
return;
|
|
4342
|
-
const span = __classPrivateFieldGet$
|
|
4370
|
+
const span = __classPrivateFieldGet$t(this, _Button_span, "f");
|
|
4343
4371
|
readTask(() => {
|
|
4344
4372
|
this.tooltip = isEllipsisActive(span);
|
|
4345
4373
|
});
|
|
4346
|
-
__classPrivateFieldSet$
|
|
4374
|
+
__classPrivateFieldSet$o(this, _Button_ro, new ResizeObserver(([spanEntry]) => {
|
|
4347
4375
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
4348
4376
|
}), "f");
|
|
4349
|
-
__classPrivateFieldGet$
|
|
4377
|
+
__classPrivateFieldGet$t(this, _Button_ro, "f").observe(__classPrivateFieldGet$t(this, _Button_span, "f"));
|
|
4350
4378
|
}
|
|
4351
4379
|
/* DEPRECATED: will be removed by september 2026 */
|
|
4352
4380
|
iconOnlyChanged() {
|
|
4353
4381
|
this.tooltip = this.iconOnly;
|
|
4354
4382
|
}
|
|
4355
4383
|
componentWillLoad() {
|
|
4356
|
-
__classPrivateFieldGet$
|
|
4357
|
-
__classPrivateFieldGet$
|
|
4358
|
-
__classPrivateFieldGet$
|
|
4359
|
-
__classPrivateFieldGet$
|
|
4360
|
-
__classPrivateFieldGet$
|
|
4384
|
+
__classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'form', () => this.internals.form);
|
|
4385
|
+
__classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
4386
|
+
__classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
4387
|
+
__classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
4388
|
+
__classPrivateFieldGet$t(this, _Button_instances, "m", _Button_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
4361
4389
|
this.hrefChanged();
|
|
4362
4390
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4363
4391
|
this.disabledChanged();
|
|
@@ -4368,26 +4396,26 @@ class Button {
|
|
|
4368
4396
|
this.iconOnlyChanged();
|
|
4369
4397
|
}
|
|
4370
4398
|
disconnectedCallback() {
|
|
4371
|
-
if (__classPrivateFieldGet$
|
|
4372
|
-
__classPrivateFieldGet$
|
|
4399
|
+
if (__classPrivateFieldGet$t(this, _Button_ro, "f"))
|
|
4400
|
+
__classPrivateFieldGet$t(this, _Button_ro, "f").disconnect();
|
|
4373
4401
|
}
|
|
4374
4402
|
render() {
|
|
4375
4403
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
4376
|
-
return (hAsync("div", { key: '5054db1b3354d932b0ec1f12a93958d8d7813248', class: "qds-container", onClick: __classPrivateFieldGet$
|
|
4404
|
+
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: {
|
|
4377
4405
|
'qds-button': true,
|
|
4378
|
-
'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$
|
|
4406
|
+
'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
|
|
4379
4407
|
/* DEPRECATED: will be removed by september 2026 */
|
|
4380
|
-
'qds-icon-only': __classPrivateFieldGet$
|
|
4381
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
4408
|
+
'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
4409
|
+
}, "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) && (
|
|
4382
4410
|
/* DEPRECATED: will be removed by september 2026 */
|
|
4383
|
-
hAsync("span", { key: '3aab08349fefe93cae8702f816befae266f98a6a', class: "qds-overflow", "data-size": __classPrivateFieldGet$
|
|
4411
|
+
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: {
|
|
4384
4412
|
/* DEPRECATED: will be removed by september 2026 */
|
|
4385
|
-
'qds-indicator': __classPrivateFieldGet$
|
|
4386
|
-
}, description: this.badgeDescription, importance: __classPrivateFieldGet$
|
|
4413
|
+
'qds-indicator': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
4414
|
+
}, 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: {
|
|
4387
4415
|
'qds-focus-ring': true,
|
|
4388
4416
|
/* DEPRECATED: will be removed by september 2026 */
|
|
4389
|
-
'qds-icon-only': __classPrivateFieldGet$
|
|
4390
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
4417
|
+
'qds-icon-only': __classPrivateFieldGet$t(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
4418
|
+
}, "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))));
|
|
4391
4419
|
}
|
|
4392
4420
|
static get formAssociated() { return true; }
|
|
4393
4421
|
get host() { return getElement(this); }
|
|
@@ -4510,19 +4538,19 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
|
|
|
4510
4538
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
4511
4539
|
};
|
|
4512
4540
|
|
|
4513
|
-
const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-checkbox,.qds-icon{grid-area:
|
|
4541
|
+
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)}";
|
|
4514
4542
|
|
|
4515
4543
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4516
4544
|
//
|
|
4517
4545
|
// SPDX-License-Identifier: Apache-2.0
|
|
4518
|
-
var __classPrivateFieldGet$
|
|
4546
|
+
var __classPrivateFieldGet$s = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4519
4547
|
if (kind === "a" && !f)
|
|
4520
4548
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4521
4549
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
4522
4550
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4523
4551
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4524
4552
|
};
|
|
4525
|
-
var __classPrivateFieldSet$
|
|
4553
|
+
var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4526
4554
|
if (kind === "m")
|
|
4527
4555
|
throw new TypeError("Private method is not writable");
|
|
4528
4556
|
if (kind === "a" && !f)
|
|
@@ -4531,7 +4559,7 @@ var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
4531
4559
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
4532
4560
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
4533
4561
|
};
|
|
4534
|
-
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;
|
|
4562
|
+
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;
|
|
4535
4563
|
/**
|
|
4536
4564
|
* `<qds-checkbox>` elements are rendered as boxes that are checked (ticked)
|
|
4537
4565
|
* when activated, like you might see in an official government paper form. A
|
|
@@ -4617,7 +4645,11 @@ class Checkbox {
|
|
|
4617
4645
|
* Whether or not the text is displayed.
|
|
4618
4646
|
*/
|
|
4619
4647
|
this.checkboxOnly = false;
|
|
4648
|
+
this.tooltip = false;
|
|
4620
4649
|
_Checkbox_inheritedAttributes.set(this, {});
|
|
4650
|
+
_Checkbox_ro.set(this, void 0);
|
|
4651
|
+
_Checkbox_span.set(this, void 0);
|
|
4652
|
+
_Checkbox_tooltip.set(this, void 0);
|
|
4621
4653
|
this.checkValidity = () => this.internals.checkValidity();
|
|
4622
4654
|
this.reportValidity = () => this.internals.reportValidity();
|
|
4623
4655
|
this.setCustomValidity = (error) => {
|
|
@@ -4628,30 +4660,44 @@ class Checkbox {
|
|
|
4628
4660
|
};
|
|
4629
4661
|
_Checkbox_onBlur.set(this, (event) => {
|
|
4630
4662
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
4663
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
|
|
4664
|
+
ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").close());
|
|
4631
4665
|
});
|
|
4632
4666
|
_Checkbox_onFocus.set(this, (event) => {
|
|
4633
4667
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
4668
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f"))
|
|
4669
|
+
ignorePromise(__classPrivateFieldGet$s(this, _Checkbox_tooltip, "f").show());
|
|
4670
|
+
});
|
|
4671
|
+
_Checkbox_spanRef.set(this, (span) => {
|
|
4672
|
+
__classPrivateFieldSet$n(this, _Checkbox_span, span, "f");
|
|
4673
|
+
});
|
|
4674
|
+
_Checkbox_tooltipRef.set(this, (tooltip) => {
|
|
4675
|
+
if (tooltip) {
|
|
4676
|
+
// eslint-disable-next-line no-param-reassign
|
|
4677
|
+
tooltip.target = this.host;
|
|
4678
|
+
__classPrivateFieldSet$n(this, _Checkbox_tooltip, tooltip, "f");
|
|
4679
|
+
}
|
|
4634
4680
|
});
|
|
4635
4681
|
}
|
|
4636
4682
|
onClick(event) {
|
|
4637
|
-
if (__classPrivateFieldGet$
|
|
4683
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
|
|
4638
4684
|
event.stopImmediatePropagation();
|
|
4639
4685
|
return;
|
|
4640
4686
|
}
|
|
4641
4687
|
event.preventDefault();
|
|
4642
|
-
this.checked = __classPrivateFieldGet$
|
|
4688
|
+
this.checked = __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? true : !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get);
|
|
4643
4689
|
this.changeEmitter.emit();
|
|
4644
4690
|
this.indeterminate = false;
|
|
4645
4691
|
}
|
|
4646
4692
|
checkedChanged() {
|
|
4647
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4648
|
-
? __classPrivateFieldGet$
|
|
4693
|
+
this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)
|
|
4694
|
+
? __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get)
|
|
4649
4695
|
: // eslint-disable-next-line unicorn/no-null
|
|
4650
4696
|
null);
|
|
4651
4697
|
}
|
|
4652
4698
|
disabledChanged() {
|
|
4653
|
-
if (__classPrivateFieldGet$
|
|
4654
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4699
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
|
|
4700
|
+
this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
|
|
4655
4701
|
// eslint-disable-next-line unicorn/no-null
|
|
4656
4702
|
else
|
|
4657
4703
|
this.internals.setFormValue(null);
|
|
@@ -4661,34 +4707,55 @@ class Checkbox {
|
|
|
4661
4707
|
this.tabIndex =
|
|
4662
4708
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
4663
4709
|
}
|
|
4710
|
+
textChanged() {
|
|
4711
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_ro, "f"))
|
|
4712
|
+
__classPrivateFieldGet$s(this, _Checkbox_ro, "f").disconnect();
|
|
4713
|
+
if (!__classPrivateFieldGet$s(this, _Checkbox_span, "f"))
|
|
4714
|
+
return;
|
|
4715
|
+
const span = __classPrivateFieldGet$s(this, _Checkbox_span, "f");
|
|
4716
|
+
readTask(() => {
|
|
4717
|
+
this.tooltip = isEllipsisActive(span);
|
|
4718
|
+
});
|
|
4719
|
+
__classPrivateFieldSet$n(this, _Checkbox_ro, new ResizeObserver(([spanEntry]) => {
|
|
4720
|
+
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
4721
|
+
}), "f");
|
|
4722
|
+
__classPrivateFieldGet$s(this, _Checkbox_ro, "f").observe(__classPrivateFieldGet$s(this, _Checkbox_span, "f"));
|
|
4723
|
+
}
|
|
4664
4724
|
valueChanged() {
|
|
4665
|
-
if (__classPrivateFieldGet$
|
|
4666
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4725
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
|
|
4726
|
+
this.internals.setFormValue(__classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
|
|
4667
4727
|
}
|
|
4668
4728
|
componentWillLoad() {
|
|
4669
4729
|
this.valueChanged();
|
|
4670
|
-
__classPrivateFieldGet$
|
|
4671
|
-
__classPrivateFieldGet$
|
|
4672
|
-
__classPrivateFieldGet$
|
|
4673
|
-
__classPrivateFieldGet$
|
|
4674
|
-
__classPrivateFieldSet$
|
|
4730
|
+
__classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
|
|
4731
|
+
__classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
4732
|
+
__classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
4733
|
+
__classPrivateFieldGet$s(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
4734
|
+
__classPrivateFieldSet$n(this, _Checkbox_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4675
4735
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4676
4736
|
}
|
|
4737
|
+
componentDidLoad() {
|
|
4738
|
+
this.textChanged();
|
|
4739
|
+
}
|
|
4740
|
+
disconnectedCallback() {
|
|
4741
|
+
if (__classPrivateFieldGet$s(this, _Checkbox_ro, "f"))
|
|
4742
|
+
__classPrivateFieldGet$s(this, _Checkbox_ro, "f").disconnect();
|
|
4743
|
+
}
|
|
4677
4744
|
render() {
|
|
4678
4745
|
return (
|
|
4679
4746
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
4680
|
-
hAsync("label", { key: '
|
|
4747
|
+
hAsync("label", { key: 'ff46801768016168ffb89acd3148a796dd94765f', "aria-disabled": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
|
|
4681
4748
|
'qds-inline': this.inline,
|
|
4682
4749
|
'qds-label': true,
|
|
4683
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4750
|
+
}, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: 'f4761b84afd3a10bff6367b2b22628cbf22d01d6', class: "qds-container" }, hAsync("input", { key: 'e29721f3efccdcbf3ca70e733c8932b69d134b5c',
|
|
4684
4751
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
4685
|
-
autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$
|
|
4752
|
+
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: {
|
|
4686
4753
|
'qds-icon': true,
|
|
4687
4754
|
'qds-checked': true,
|
|
4688
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4755
|
+
}, "data-size": __classPrivateFieldGet$s(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("qds-icon", { key: 'dfbbe3c44f7ee900706fbda544e4c9c709895608', class: {
|
|
4689
4756
|
'qds-icon': true,
|
|
4690
4757
|
'qds-indeterminate': true,
|
|
4691
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4758
|
+
}, "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))));
|
|
4692
4759
|
}
|
|
4693
4760
|
static get delegatesFocus() { return true; }
|
|
4694
4761
|
static get formAssociated() { return true; }
|
|
@@ -4697,6 +4764,7 @@ class Checkbox {
|
|
|
4697
4764
|
"checked": ["checkedChanged"],
|
|
4698
4765
|
"disabled": ["disabledChanged"],
|
|
4699
4766
|
"tabindex": ["tabindexChanged"],
|
|
4767
|
+
"text": ["textChanged"],
|
|
4700
4768
|
"value": ["valueChanged"]
|
|
4701
4769
|
}; }
|
|
4702
4770
|
static get style() { return checkboxCss; }
|
|
@@ -4718,14 +4786,15 @@ class Checkbox {
|
|
|
4718
4786
|
"value": [8],
|
|
4719
4787
|
"willValidate": [4, "will-validate"],
|
|
4720
4788
|
"checkboxOnly": [4, "checkbox-only"],
|
|
4721
|
-
"tabIndex": [32]
|
|
4789
|
+
"tabIndex": [32],
|
|
4790
|
+
"tooltip": [32]
|
|
4722
4791
|
},
|
|
4723
4792
|
"$listeners$": [[0, "click", "onClick"]],
|
|
4724
4793
|
"$lazyBundleId$": "-",
|
|
4725
4794
|
"$attrsToReflect$": []
|
|
4726
4795
|
}; }
|
|
4727
4796
|
}
|
|
4728
|
-
_Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_onBlur = new WeakMap(), _Checkbox_onFocus = new WeakMap(), _Checkbox_instances = new WeakSet(), _Checkbox_computedChecked_get = function _Checkbox_computedChecked_get() {
|
|
4797
|
+
_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() {
|
|
4729
4798
|
return this.checked ?? false;
|
|
4730
4799
|
}, _Checkbox_computedDisabled_get = function _Checkbox_computedDisabled_get() {
|
|
4731
4800
|
return ((this.host.matches(':disabled') || (this.disabled ?? false)) &&
|
|
@@ -4752,19 +4821,19 @@ _Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_onBlur = new WeakMap(),
|
|
|
4752
4821
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
4753
4822
|
};
|
|
4754
4823
|
|
|
4755
|
-
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]{
|
|
4824
|
+
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}";
|
|
4756
4825
|
|
|
4757
4826
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4758
4827
|
//
|
|
4759
4828
|
// SPDX-License-Identifier: Apache-2.0
|
|
4760
|
-
var __classPrivateFieldGet$
|
|
4829
|
+
var __classPrivateFieldGet$r = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4761
4830
|
if (kind === "a" && !f)
|
|
4762
4831
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4763
4832
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
4764
4833
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4765
4834
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4766
4835
|
};
|
|
4767
|
-
var __classPrivateFieldSet$
|
|
4836
|
+
var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4768
4837
|
if (kind === "m")
|
|
4769
4838
|
throw new TypeError("Private method is not writable");
|
|
4770
4839
|
if (kind === "a" && !f)
|
|
@@ -4838,7 +4907,7 @@ class Chip {
|
|
|
4838
4907
|
_Chip_ro.set(this, void 0);
|
|
4839
4908
|
_Chip_inheritedAttributes.set(this, {});
|
|
4840
4909
|
_Chip_onIconClick.set(this, (event) => {
|
|
4841
|
-
if (!event.defaultPrevented && __classPrivateFieldGet$
|
|
4910
|
+
if (!event.defaultPrevented && __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
|
|
4842
4911
|
this.closeEmitter.emit();
|
|
4843
4912
|
});
|
|
4844
4913
|
_Chip_onFocus.set(this, (event) => {
|
|
@@ -4848,30 +4917,30 @@ class Chip {
|
|
|
4848
4917
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
4849
4918
|
});
|
|
4850
4919
|
_Chip_chipRef.set(this, (chip) => {
|
|
4851
|
-
__classPrivateFieldSet$
|
|
4920
|
+
__classPrivateFieldSet$m(this, _Chip_chip, chip, "f");
|
|
4852
4921
|
});
|
|
4853
4922
|
_Chip_spanRef.set(this, (span) => {
|
|
4854
|
-
__classPrivateFieldSet$
|
|
4923
|
+
__classPrivateFieldSet$m(this, _Chip_span, span, "f");
|
|
4855
4924
|
});
|
|
4856
4925
|
_Chip_tooltipRef.set(this, (tooltip) => {
|
|
4857
4926
|
if (tooltip)
|
|
4858
4927
|
// eslint-disable-next-line no-param-reassign
|
|
4859
|
-
tooltip.target = __classPrivateFieldGet$
|
|
4928
|
+
tooltip.target = __classPrivateFieldGet$r(this, _Chip_chip, "f");
|
|
4860
4929
|
});
|
|
4861
4930
|
}
|
|
4862
4931
|
onClick(event) {
|
|
4863
|
-
if (__classPrivateFieldGet$
|
|
4932
|
+
if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
|
|
4864
4933
|
event.stopImmediatePropagation();
|
|
4865
4934
|
return;
|
|
4866
4935
|
}
|
|
4867
4936
|
event.preventDefault();
|
|
4868
|
-
if (__classPrivateFieldGet$
|
|
4869
|
-
this.checked = !__classPrivateFieldGet$
|
|
4937
|
+
if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
|
|
4938
|
+
this.checked = !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4870
4939
|
this.changeEmitter.emit();
|
|
4871
4940
|
}
|
|
4872
4941
|
}
|
|
4873
4942
|
handleKeyDown(event) {
|
|
4874
|
-
if (__classPrivateFieldGet$
|
|
4943
|
+
if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
|
|
4875
4944
|
event.stopImmediatePropagation();
|
|
4876
4945
|
return;
|
|
4877
4946
|
}
|
|
@@ -4888,21 +4957,21 @@ class Chip {
|
|
|
4888
4957
|
if (event.key !== ' ')
|
|
4889
4958
|
return;
|
|
4890
4959
|
this.isPressed = false;
|
|
4891
|
-
if (__classPrivateFieldGet$
|
|
4892
|
-
this.checked = !__classPrivateFieldGet$
|
|
4960
|
+
if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
|
|
4961
|
+
this.checked = !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4893
4962
|
this.changeEmitter.emit();
|
|
4894
4963
|
}
|
|
4895
4964
|
}
|
|
4896
4965
|
checkedChanged() {
|
|
4897
|
-
this.isSelected = __classPrivateFieldGet$
|
|
4898
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4899
|
-
? __classPrivateFieldGet$
|
|
4966
|
+
this.isSelected = __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4967
|
+
this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get)
|
|
4968
|
+
? __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get)
|
|
4900
4969
|
: // eslint-disable-next-line unicorn/no-null
|
|
4901
4970
|
null);
|
|
4902
4971
|
}
|
|
4903
4972
|
disabledChanged() {
|
|
4904
|
-
if (__classPrivateFieldGet$
|
|
4905
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4973
|
+
if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
|
|
4974
|
+
this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get));
|
|
4906
4975
|
// eslint-disable-next-line unicorn/no-null
|
|
4907
4976
|
else
|
|
4908
4977
|
this.internals.setFormValue(null);
|
|
@@ -4913,8 +4982,8 @@ class Chip {
|
|
|
4913
4982
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
4914
4983
|
}
|
|
4915
4984
|
valueChanged() {
|
|
4916
|
-
if (__classPrivateFieldGet$
|
|
4917
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4985
|
+
if (__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get))
|
|
4986
|
+
this.internals.setFormValue(__classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedValue_get));
|
|
4918
4987
|
}
|
|
4919
4988
|
componentWillLoad() {
|
|
4920
4989
|
this.valueChanged();
|
|
@@ -4922,39 +4991,39 @@ class Chip {
|
|
|
4922
4991
|
enumerable: true,
|
|
4923
4992
|
get: () => this.internals.form,
|
|
4924
4993
|
});
|
|
4925
|
-
__classPrivateFieldSet$
|
|
4994
|
+
__classPrivateFieldSet$m(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4926
4995
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4927
4996
|
}
|
|
4928
4997
|
componentDidLoad() {
|
|
4929
|
-
invariant(__classPrivateFieldGet$
|
|
4930
|
-
const span = __classPrivateFieldGet$
|
|
4998
|
+
invariant(__classPrivateFieldGet$r(this, _Chip_span, "f"));
|
|
4999
|
+
const span = __classPrivateFieldGet$r(this, _Chip_span, "f");
|
|
4931
5000
|
readTask(() => {
|
|
4932
5001
|
this.tooltip = isEllipsisActive(span);
|
|
4933
5002
|
});
|
|
4934
|
-
__classPrivateFieldSet$
|
|
5003
|
+
__classPrivateFieldSet$m(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
|
|
4935
5004
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
4936
5005
|
}), "f");
|
|
4937
|
-
__classPrivateFieldGet$
|
|
5006
|
+
__classPrivateFieldGet$r(this, _Chip_ro, "f").observe(__classPrivateFieldGet$r(this, _Chip_span, "f"));
|
|
4938
5007
|
}
|
|
4939
5008
|
disconnectedCallback() {
|
|
4940
|
-
if (__classPrivateFieldGet$
|
|
4941
|
-
__classPrivateFieldGet$
|
|
5009
|
+
if (__classPrivateFieldGet$r(this, _Chip_ro, "f"))
|
|
5010
|
+
__classPrivateFieldGet$r(this, _Chip_ro, "f").disconnect();
|
|
4942
5011
|
}
|
|
4943
5012
|
render() {
|
|
4944
|
-
return (hAsync("div", { key: '
|
|
5013
|
+
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: {
|
|
4945
5014
|
'qds-container': true,
|
|
4946
5015
|
'qds-closable-chip': true,
|
|
4947
|
-
}, "data-size": __classPrivateFieldGet$
|
|
5016
|
+
}, "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' && (
|
|
4948
5017
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
4949
|
-
hAsync("label", { key: '
|
|
5018
|
+
hAsync("label", { key: '47d726ace416ef546f315afce0215e374cb4f402', "aria-disabled": __classPrivateFieldGet$r(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: "qds-label" }, hAsync("input", { key: '41b0a87019c193d62c6cccb2da6ea5c51e5bcc7e',
|
|
4950
5019
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
4951
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$
|
|
5020
|
+
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: {
|
|
4952
5021
|
'qds-container': true,
|
|
4953
5022
|
'qds-pressed-state': this.isPressed,
|
|
4954
5023
|
'qds-selected-state': this.isSelected,
|
|
4955
5024
|
'qds-padding-end': true,
|
|
4956
5025
|
'qds-cursor': true,
|
|
4957
|
-
}, "data-size": __classPrivateFieldGet$
|
|
5026
|
+
}, "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))));
|
|
4958
5027
|
}
|
|
4959
5028
|
static get delegatesFocus() { return true; }
|
|
4960
5029
|
static get formAssociated() { return true; }
|
|
@@ -5022,12 +5091,12 @@ _Chip_chip = new WeakMap(), _Chip_span = new WeakMap(), _Chip_ro = new WeakMap()
|
|
|
5022
5091
|
return this.value == null ? null : this.value.toString();
|
|
5023
5092
|
};
|
|
5024
5093
|
|
|
5025
|
-
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:
|
|
5094
|
+
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}";
|
|
5026
5095
|
|
|
5027
5096
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
5028
5097
|
//
|
|
5029
5098
|
// SPDX-License-Identifier: Apache-2.0
|
|
5030
|
-
var __classPrivateFieldSet$
|
|
5099
|
+
var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
5031
5100
|
if (kind === "m")
|
|
5032
5101
|
throw new TypeError("Private method is not writable");
|
|
5033
5102
|
if (kind === "a" && !f)
|
|
@@ -5036,7 +5105,7 @@ var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
5036
5105
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
5037
5106
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
5038
5107
|
};
|
|
5039
|
-
var __classPrivateFieldGet$
|
|
5108
|
+
var __classPrivateFieldGet$q = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
5040
5109
|
if (kind === "a" && !f)
|
|
5041
5110
|
throw new TypeError("Private accessor was defined without a getter");
|
|
5042
5111
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -5069,16 +5138,16 @@ class Dialog {
|
|
|
5069
5138
|
_Dialog_titleId.set(this, void 0);
|
|
5070
5139
|
_Dialog_closeButton.set(this, void 0);
|
|
5071
5140
|
_Dialog_ref.set(this, (dialog) => {
|
|
5072
|
-
__classPrivateFieldSet$
|
|
5141
|
+
__classPrivateFieldSet$l(this, _Dialog_dialog, dialog, "f");
|
|
5073
5142
|
});
|
|
5074
5143
|
_Dialog_onCancel.set(this, (event) => {
|
|
5075
5144
|
if (this.cancelEmitter.emit().defaultPrevented)
|
|
5076
5145
|
event.preventDefault();
|
|
5077
5146
|
});
|
|
5078
5147
|
_Dialog_onClose.set(this, () => {
|
|
5079
|
-
invariant(__classPrivateFieldGet$
|
|
5148
|
+
invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
|
|
5080
5149
|
this.closeEmitter.emit();
|
|
5081
|
-
this.open = __classPrivateFieldGet$
|
|
5150
|
+
this.open = __classPrivateFieldGet$q(this, _Dialog_dialog, "f").open;
|
|
5082
5151
|
});
|
|
5083
5152
|
_Dialog_handleCloseClick.set(this, () => {
|
|
5084
5153
|
this.close();
|
|
@@ -5095,7 +5164,7 @@ class Dialog {
|
|
|
5095
5164
|
}
|
|
5096
5165
|
});
|
|
5097
5166
|
_Dialog_closeButtonRef.set(this, (button) => {
|
|
5098
|
-
__classPrivateFieldSet$
|
|
5167
|
+
__classPrivateFieldSet$l(this, _Dialog_closeButton, button, "f");
|
|
5099
5168
|
});
|
|
5100
5169
|
_Dialog_handleFocus.set(this, () => {
|
|
5101
5170
|
if (!this.open)
|
|
@@ -5105,8 +5174,8 @@ class Dialog {
|
|
|
5105
5174
|
autofocusTarget.focus();
|
|
5106
5175
|
return;
|
|
5107
5176
|
}
|
|
5108
|
-
if (this.closable === true && __classPrivateFieldGet$
|
|
5109
|
-
__classPrivateFieldGet$
|
|
5177
|
+
if (this.closable === true && __classPrivateFieldGet$q(this, _Dialog_closeButton, "f")) {
|
|
5178
|
+
__classPrivateFieldGet$q(this, _Dialog_closeButton, "f").focus();
|
|
5110
5179
|
}
|
|
5111
5180
|
});
|
|
5112
5181
|
}
|
|
@@ -5121,9 +5190,9 @@ class Dialog {
|
|
|
5121
5190
|
this.hasFooterSlot = !!this.host.querySelector('[slot="footer"]');
|
|
5122
5191
|
}
|
|
5123
5192
|
componentWillLoad() {
|
|
5124
|
-
__classPrivateFieldSet$
|
|
5193
|
+
__classPrivateFieldSet$l(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
5125
5194
|
autoIncrementingId$4 += 1;
|
|
5126
|
-
__classPrivateFieldSet$
|
|
5195
|
+
__classPrivateFieldSet$l(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$4}`, "f");
|
|
5127
5196
|
}
|
|
5128
5197
|
componentDidLoad() {
|
|
5129
5198
|
if (this.open)
|
|
@@ -5131,19 +5200,19 @@ class Dialog {
|
|
|
5131
5200
|
}
|
|
5132
5201
|
render() {
|
|
5133
5202
|
const hasHeading = this.hasTitleSlot || this.closable === true;
|
|
5134
|
-
return (hAsync(Host, { key: '
|
|
5203
|
+
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" })));
|
|
5135
5204
|
}
|
|
5136
5205
|
show() {
|
|
5137
|
-
invariant(__classPrivateFieldGet$
|
|
5138
|
-
__classPrivateFieldGet$
|
|
5139
|
-
this.open = __classPrivateFieldGet$
|
|
5206
|
+
invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
|
|
5207
|
+
__classPrivateFieldGet$q(this, _Dialog_dialog, "f").showModal();
|
|
5208
|
+
this.open = __classPrivateFieldGet$q(this, _Dialog_dialog, "f").open;
|
|
5140
5209
|
requestAnimationFrame(() => {
|
|
5141
|
-
__classPrivateFieldGet$
|
|
5210
|
+
__classPrivateFieldGet$q(this, _Dialog_handleFocus, "f").call(this);
|
|
5142
5211
|
});
|
|
5143
5212
|
}
|
|
5144
5213
|
close() {
|
|
5145
|
-
invariant(__classPrivateFieldGet$
|
|
5146
|
-
__classPrivateFieldGet$
|
|
5214
|
+
invariant(__classPrivateFieldGet$q(this, _Dialog_dialog, "f"));
|
|
5215
|
+
__classPrivateFieldGet$q(this, _Dialog_dialog, "f").close();
|
|
5147
5216
|
}
|
|
5148
5217
|
get host() { return getElement(this); }
|
|
5149
5218
|
static get watchers() { return {
|
|
@@ -5171,7 +5240,7 @@ const dividerCss = ":host([hidden]){display:none!important}:host{display:block}.
|
|
|
5171
5240
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
5172
5241
|
//
|
|
5173
5242
|
// SPDX-License-Identifier: Apache-2.0
|
|
5174
|
-
var __classPrivateFieldGet$
|
|
5243
|
+
var __classPrivateFieldGet$p = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
5175
5244
|
if (kind === "a" && !f)
|
|
5176
5245
|
throw new TypeError("Private accessor was defined without a getter");
|
|
5177
5246
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -5217,10 +5286,10 @@ class Divider {
|
|
|
5217
5286
|
this.verticalChanged();
|
|
5218
5287
|
}
|
|
5219
5288
|
render() {
|
|
5220
|
-
return (hAsync("hr", { key: '
|
|
5289
|
+
return (hAsync("hr", { key: '172c2fec598edca334fa30ddab125eb285aba164', class: {
|
|
5221
5290
|
'qds-divider': true,
|
|
5222
5291
|
'qds-vertical': this.vertical,
|
|
5223
|
-
}, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$
|
|
5292
|
+
}, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$p(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
|
|
5224
5293
|
}
|
|
5225
5294
|
static get watchers() { return {
|
|
5226
5295
|
"vertical": ["verticalChanged"]
|
|
@@ -6939,7 +7008,7 @@ const dropdownCss = ":host([hidden]){display:none!important}:host{background-col
|
|
|
6939
7008
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
6940
7009
|
//
|
|
6941
7010
|
// SPDX-License-Identifier: Apache-2.0
|
|
6942
|
-
var __classPrivateFieldSet$
|
|
7011
|
+
var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
6943
7012
|
if (kind === "m")
|
|
6944
7013
|
throw new TypeError("Private method is not writable");
|
|
6945
7014
|
if (kind === "a" && !f)
|
|
@@ -6948,7 +7017,7 @@ var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
6948
7017
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
6949
7018
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
6950
7019
|
};
|
|
6951
|
-
var __classPrivateFieldGet$
|
|
7020
|
+
var __classPrivateFieldGet$o = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
6952
7021
|
if (kind === "a" && !f)
|
|
6953
7022
|
throw new TypeError("Private accessor was defined without a getter");
|
|
6954
7023
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -7036,10 +7105,10 @@ class Dropdown {
|
|
|
7036
7105
|
if (!(event instanceof FocusEvent))
|
|
7037
7106
|
return;
|
|
7038
7107
|
const { relatedTarget } = event;
|
|
7039
|
-
const dropdownItem = __classPrivateFieldGet$
|
|
7108
|
+
const dropdownItem = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").find((item) => item === relatedTarget);
|
|
7040
7109
|
if (relatedTarget instanceof globalThis.Element &&
|
|
7041
7110
|
!this.host.contains(relatedTarget) &&
|
|
7042
|
-
__classPrivateFieldGet$
|
|
7111
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") !== relatedTarget &&
|
|
7043
7112
|
!dropdownItem)
|
|
7044
7113
|
await this.close();
|
|
7045
7114
|
});
|
|
@@ -7047,33 +7116,51 @@ class Dropdown {
|
|
|
7047
7116
|
if (!(event instanceof KeyboardEvent))
|
|
7048
7117
|
return;
|
|
7049
7118
|
const { key, target } = event;
|
|
7119
|
+
const targetRootNode = target instanceof globalThis.Node ? target.getRootNode() : undefined;
|
|
7120
|
+
const keydownOnReference = target === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") ||
|
|
7121
|
+
(targetRootNode instanceof globalThis.ShadowRoot &&
|
|
7122
|
+
targetRootNode.host === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")) ||
|
|
7123
|
+
(target instanceof globalThis.Element &&
|
|
7124
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
|
|
7125
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").contains(target));
|
|
7050
7126
|
if (key === 'Enter' && !this.keepOpenOnSelect && isEnabledItem(target)) {
|
|
7127
|
+
// Keep parent open when Enter is used on an item with a nested submenu.
|
|
7128
|
+
if (target instanceof HTMLElement &&
|
|
7129
|
+
target.shadowRoot?.querySelector('qds-dropdown'))
|
|
7130
|
+
return;
|
|
7051
7131
|
await this.close();
|
|
7052
|
-
__classPrivateFieldGet$
|
|
7132
|
+
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
|
|
7053
7133
|
return;
|
|
7054
7134
|
}
|
|
7055
7135
|
if (key === 'Escape' &&
|
|
7056
|
-
(target === __classPrivateFieldGet$
|
|
7136
|
+
(target === __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") ||
|
|
7057
7137
|
(target instanceof globalThis.Element &&
|
|
7058
7138
|
closestElement('qds-dropdown', target) === this.host))) {
|
|
7059
7139
|
const cancelEvent = this.cancelEmitter.emit();
|
|
7060
7140
|
if (cancelEvent.defaultPrevented)
|
|
7061
7141
|
return;
|
|
7062
7142
|
await this.close();
|
|
7063
|
-
__classPrivateFieldGet$
|
|
7143
|
+
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
|
|
7064
7144
|
return;
|
|
7065
7145
|
}
|
|
7066
|
-
if (
|
|
7067
|
-
(key === 'ArrowDown' || key === 'ArrowUp')) {
|
|
7068
|
-
if (!__classPrivateFieldGet$
|
|
7146
|
+
if (keydownOnReference &&
|
|
7147
|
+
(key === 'ArrowDown' || key === 'ArrowUp' || key === 'Enter')) {
|
|
7148
|
+
if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
|
|
7069
7149
|
await this.show();
|
|
7070
|
-
__classPrivateFieldGet$
|
|
7150
|
+
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
|
|
7071
7151
|
event.preventDefault();
|
|
7152
|
+
event.stopPropagation();
|
|
7153
|
+
return;
|
|
7154
|
+
}
|
|
7155
|
+
// Prevent space key from scrolling the page when focused on an item
|
|
7156
|
+
if (key === ' ') {
|
|
7157
|
+
event.preventDefault();
|
|
7158
|
+
event.stopPropagation();
|
|
7072
7159
|
return;
|
|
7073
7160
|
}
|
|
7074
7161
|
if (!VERTICAL_MOVE_KEYS.has(key))
|
|
7075
7162
|
return;
|
|
7076
|
-
const Items = __classPrivateFieldGet$
|
|
7163
|
+
const Items = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").filter((item) => isEnabledItem(item) &&
|
|
7077
7164
|
closestElement('qds-dropdown', item) === this.host);
|
|
7078
7165
|
if (Items.length === 0)
|
|
7079
7166
|
return;
|
|
@@ -7112,42 +7199,42 @@ class Dropdown {
|
|
|
7112
7199
|
_Dropdown_onReferenceClick.set(this, async () => {
|
|
7113
7200
|
if (this.disabled)
|
|
7114
7201
|
return;
|
|
7115
|
-
if (__classPrivateFieldGet$
|
|
7202
|
+
if (__classPrivateFieldGet$o(this, _Dropdown_open, "f")) {
|
|
7116
7203
|
await this.close();
|
|
7117
7204
|
return;
|
|
7118
7205
|
}
|
|
7119
7206
|
await this.show();
|
|
7120
|
-
__classPrivateFieldGet$
|
|
7207
|
+
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
|
|
7121
7208
|
});
|
|
7122
7209
|
_Dropdown_boundOnFocusout.set(this, (event) => {
|
|
7123
|
-
ignorePromise(__classPrivateFieldGet$
|
|
7210
|
+
ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onFocusout, "f").call(this, event));
|
|
7124
7211
|
});
|
|
7125
7212
|
_Dropdown_boundOnKeydown.set(this, (event) => {
|
|
7126
|
-
ignorePromise(__classPrivateFieldGet$
|
|
7213
|
+
ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onKeydown, "f").call(this, event));
|
|
7127
7214
|
});
|
|
7128
7215
|
_Dropdown_boundOnReferenceClick.set(this, () => {
|
|
7129
|
-
ignorePromise(__classPrivateFieldGet$
|
|
7216
|
+
ignorePromise(__classPrivateFieldGet$o(this, _Dropdown_onReferenceClick, "f").call(this));
|
|
7130
7217
|
});
|
|
7131
7218
|
_Dropdown_onSlotchange.set(this, (event) => {
|
|
7132
7219
|
const slot = event.target;
|
|
7133
7220
|
const assignedElements = slot.assignedElements({ flatten: true });
|
|
7134
|
-
__classPrivateFieldSet$
|
|
7221
|
+
__classPrivateFieldSet$k(this, _Dropdown_Items, assignedElements.filter((element) => isEnabledItem(element)), "f");
|
|
7135
7222
|
});
|
|
7136
7223
|
}
|
|
7137
7224
|
/**
|
|
7138
7225
|
* Updates the gap between the dropdown and its target element.
|
|
7139
7226
|
*/
|
|
7140
7227
|
async updateGap() {
|
|
7141
|
-
__classPrivateFieldSet$
|
|
7228
|
+
__classPrivateFieldSet$k(this, _Dropdown_gap, propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0, "f");
|
|
7142
7229
|
await this.updateMiddleware();
|
|
7143
7230
|
}
|
|
7144
7231
|
/**
|
|
7145
7232
|
* Shows the dropdown.
|
|
7146
7233
|
*/
|
|
7147
7234
|
async show() {
|
|
7148
|
-
if (__classPrivateFieldGet$
|
|
7235
|
+
if (__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
|
|
7149
7236
|
return;
|
|
7150
|
-
const reference = __classPrivateFieldGet$
|
|
7237
|
+
const reference = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f");
|
|
7151
7238
|
const { host } = this;
|
|
7152
7239
|
if (reference instanceof globalThis.Element) {
|
|
7153
7240
|
reference.setAttribute('aria-expanded', 'true');
|
|
@@ -7158,12 +7245,12 @@ class Dropdown {
|
|
|
7158
7245
|
if (isQdsButton(reference) && reference.action === 'dropdown')
|
|
7159
7246
|
reference.action = 'dropdown-close';
|
|
7160
7247
|
}
|
|
7161
|
-
if (!__classPrivateFieldGet$
|
|
7248
|
+
if (!__classPrivateFieldGet$o(this, _Dropdown_opened, "f")) {
|
|
7162
7249
|
await this.updateGap();
|
|
7163
|
-
__classPrivateFieldSet$
|
|
7250
|
+
__classPrivateFieldSet$k(this, _Dropdown_opened, true, "f");
|
|
7164
7251
|
}
|
|
7165
7252
|
this.startAutoUpdate();
|
|
7166
|
-
__classPrivateFieldSet$
|
|
7253
|
+
__classPrivateFieldSet$k(this, _Dropdown_open, true, "f");
|
|
7167
7254
|
host.hidden = false;
|
|
7168
7255
|
host.showPopover();
|
|
7169
7256
|
}
|
|
@@ -7171,29 +7258,29 @@ class Dropdown {
|
|
|
7171
7258
|
* Closes the dropdown.
|
|
7172
7259
|
*/
|
|
7173
7260
|
async close() {
|
|
7174
|
-
if (!__classPrivateFieldGet$
|
|
7261
|
+
if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
|
|
7175
7262
|
return;
|
|
7176
|
-
if (__classPrivateFieldGet$
|
|
7177
|
-
__classPrivateFieldGet$
|
|
7178
|
-
__classPrivateFieldGet$
|
|
7179
|
-
if (isQdsButton(__classPrivateFieldGet$
|
|
7180
|
-
__classPrivateFieldGet$
|
|
7181
|
-
__classPrivateFieldGet$
|
|
7182
|
-
}
|
|
7183
|
-
if (__classPrivateFieldGet$
|
|
7184
|
-
__classPrivateFieldGet$
|
|
7185
|
-
__classPrivateFieldSet$
|
|
7263
|
+
if (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
|
|
7264
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
|
|
7265
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
|
|
7266
|
+
if (isQdsButton(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")) &&
|
|
7267
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").action === 'dropdown-close')
|
|
7268
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").action = 'dropdown';
|
|
7269
|
+
}
|
|
7270
|
+
if (__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f"))
|
|
7271
|
+
__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f").call(this);
|
|
7272
|
+
__classPrivateFieldSet$k(this, _Dropdown_open, false, "f");
|
|
7186
7273
|
this.host.hidden = true;
|
|
7187
7274
|
this.host.hidePopover();
|
|
7188
7275
|
this.closeEmitter.emit();
|
|
7189
7276
|
}
|
|
7190
7277
|
async handleMouseDown(event) {
|
|
7191
|
-
if (!__classPrivateFieldGet$
|
|
7278
|
+
if (!__classPrivateFieldGet$o(this, _Dropdown_open, "f"))
|
|
7192
7279
|
return;
|
|
7193
7280
|
const composedPath = event.composedPath();
|
|
7194
7281
|
const withinBounds = composedPath.includes(this.host) ||
|
|
7195
|
-
(__classPrivateFieldGet$
|
|
7196
|
-
composedPath.includes(__classPrivateFieldGet$
|
|
7282
|
+
(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
|
|
7283
|
+
composedPath.includes(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")));
|
|
7197
7284
|
if (!withinBounds)
|
|
7198
7285
|
await this.close();
|
|
7199
7286
|
}
|
|
@@ -7204,24 +7291,24 @@ class Dropdown {
|
|
|
7204
7291
|
}
|
|
7205
7292
|
async updateReferenceElement() {
|
|
7206
7293
|
var _a;
|
|
7207
|
-
__classPrivateFieldGet$
|
|
7208
|
-
__classPrivateFieldSet$
|
|
7209
|
-
if (!(__classPrivateFieldGet$
|
|
7294
|
+
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
|
|
7295
|
+
__classPrivateFieldSet$k(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
|
|
7296
|
+
if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
|
|
7210
7297
|
return;
|
|
7211
|
-
__classPrivateFieldGet$
|
|
7212
|
-
__classPrivateFieldGet$
|
|
7213
|
-
__classPrivateFieldGet$
|
|
7214
|
-
__classPrivateFieldGet$
|
|
7298
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
|
|
7299
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('click', __classPrivateFieldGet$o(this, _Dropdown_boundOnReferenceClick, "f"));
|
|
7300
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('focusout', __classPrivateFieldGet$o(this, _Dropdown_boundOnFocusout, "f"));
|
|
7301
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").addEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
|
|
7215
7302
|
if (this.host.role === 'menu') {
|
|
7216
|
-
(_a = __classPrivateFieldGet$
|
|
7217
|
-
this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$
|
|
7303
|
+
(_a = __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${autoIncrementingId$3}`);
|
|
7304
|
+
this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").id);
|
|
7218
7305
|
}
|
|
7219
7306
|
}
|
|
7220
7307
|
async updateMiddleware() {
|
|
7221
|
-
__classPrivateFieldSet$
|
|
7308
|
+
__classPrivateFieldSet$k(this, _Dropdown_middleware, [
|
|
7222
7309
|
offset({
|
|
7223
7310
|
...this.offsetOptions,
|
|
7224
|
-
mainAxis: __classPrivateFieldGet$
|
|
7311
|
+
mainAxis: __classPrivateFieldGet$o(this, _Dropdown_gap, "f"),
|
|
7225
7312
|
}),
|
|
7226
7313
|
!this.noFlip &&
|
|
7227
7314
|
flip({
|
|
@@ -7236,10 +7323,10 @@ class Dropdown {
|
|
|
7236
7323
|
], "f");
|
|
7237
7324
|
}
|
|
7238
7325
|
async updatePosition() {
|
|
7239
|
-
if (!__classPrivateFieldGet$
|
|
7326
|
+
if (!__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"))
|
|
7240
7327
|
return;
|
|
7241
|
-
const { x, y, strategy } = await computePosition(__classPrivateFieldGet$
|
|
7242
|
-
middleware: __classPrivateFieldGet$
|
|
7328
|
+
const { x, y, strategy } = await computePosition(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"), this.host, {
|
|
7329
|
+
middleware: __classPrivateFieldGet$o(this, _Dropdown_middleware, "f"),
|
|
7243
7330
|
placement: this.placement,
|
|
7244
7331
|
strategy: this.strategy,
|
|
7245
7332
|
});
|
|
@@ -7250,11 +7337,11 @@ class Dropdown {
|
|
|
7250
7337
|
});
|
|
7251
7338
|
}
|
|
7252
7339
|
startAutoUpdate() {
|
|
7253
|
-
if (!__classPrivateFieldGet$
|
|
7340
|
+
if (!__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"))
|
|
7254
7341
|
return;
|
|
7255
|
-
if (__classPrivateFieldGet$
|
|
7256
|
-
__classPrivateFieldGet$
|
|
7257
|
-
__classPrivateFieldSet$
|
|
7342
|
+
if (__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f"))
|
|
7343
|
+
__classPrivateFieldGet$o(this, _Dropdown_cleanup, "f").call(this);
|
|
7344
|
+
__classPrivateFieldSet$k(this, _Dropdown_cleanup, autoUpdate(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f"), this.host, () => {
|
|
7258
7345
|
ignorePromise(this.updatePosition());
|
|
7259
7346
|
}, this.autoUpdateOptions), "f");
|
|
7260
7347
|
}
|
|
@@ -7268,10 +7355,10 @@ class Dropdown {
|
|
|
7268
7355
|
autoIncrementingId$3 += 1;
|
|
7269
7356
|
}
|
|
7270
7357
|
disconnectedCallback() {
|
|
7271
|
-
__classPrivateFieldGet$
|
|
7358
|
+
__classPrivateFieldGet$o(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
|
|
7272
7359
|
}
|
|
7273
7360
|
render() {
|
|
7274
|
-
return (hAsync(Host, { key: '
|
|
7361
|
+
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") })));
|
|
7275
7362
|
}
|
|
7276
7363
|
static get delegatesFocus() { return true; }
|
|
7277
7364
|
get host() { return getElement(this); }
|
|
@@ -7313,30 +7400,30 @@ class Dropdown {
|
|
|
7313
7400
|
}; }
|
|
7314
7401
|
}
|
|
7315
7402
|
_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() {
|
|
7316
|
-
if (__classPrivateFieldGet$
|
|
7317
|
-
__classPrivateFieldGet$
|
|
7318
|
-
__classPrivateFieldGet$
|
|
7403
|
+
if (__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement ||
|
|
7404
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement) {
|
|
7405
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").focus();
|
|
7319
7406
|
}
|
|
7320
7407
|
}, _Dropdown_focusFirstItem = function _Dropdown_focusFirstItem() {
|
|
7321
7408
|
requestAnimationFrame(() => {
|
|
7322
|
-
const firstItem = __classPrivateFieldGet$
|
|
7409
|
+
const firstItem = __classPrivateFieldGet$o(this, _Dropdown_Items, "f").find((item) => item instanceof HTMLElement &&
|
|
7323
7410
|
isEnabledItem(item) &&
|
|
7324
7411
|
closestElement('qds-dropdown', item) === this.host);
|
|
7325
7412
|
if (!firstItem)
|
|
7326
7413
|
return;
|
|
7327
|
-
for (const item of __classPrivateFieldGet$
|
|
7414
|
+
for (const item of __classPrivateFieldGet$o(this, _Dropdown_Items, "f"))
|
|
7328
7415
|
item.setAttribute('tabindex', '-1');
|
|
7329
7416
|
firstItem.setAttribute('tabindex', '0');
|
|
7330
7417
|
firstItem.focus();
|
|
7331
7418
|
});
|
|
7332
7419
|
}, _Dropdown_disconnectReferenceElement = function _Dropdown_disconnectReferenceElement() {
|
|
7333
7420
|
this.host.removeAttribute('aria-labelledby');
|
|
7334
|
-
if (!(__classPrivateFieldGet$
|
|
7421
|
+
if (!(__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
|
|
7335
7422
|
return;
|
|
7336
|
-
__classPrivateFieldGet$
|
|
7337
|
-
__classPrivateFieldGet$
|
|
7338
|
-
__classPrivateFieldGet$
|
|
7339
|
-
__classPrivateFieldGet$
|
|
7423
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('focusout', __classPrivateFieldGet$o(this, _Dropdown_boundOnFocusout, "f"));
|
|
7424
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeEventListener('keydown', __classPrivateFieldGet$o(this, _Dropdown_boundOnKeydown, "f"));
|
|
7425
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-expanded');
|
|
7426
|
+
__classPrivateFieldGet$o(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
|
|
7340
7427
|
};
|
|
7341
7428
|
|
|
7342
7429
|
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)}";
|
|
@@ -7344,7 +7431,7 @@ const formMessageCss = ":host([hidden]){display:none!important}:host{display:inl
|
|
|
7344
7431
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7345
7432
|
//
|
|
7346
7433
|
// SPDX-License-Identifier: Apache-2.0
|
|
7347
|
-
var __classPrivateFieldSet$
|
|
7434
|
+
var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7348
7435
|
if (kind === "m")
|
|
7349
7436
|
throw new TypeError("Private method is not writable");
|
|
7350
7437
|
if (kind === "a" && !f)
|
|
@@ -7353,7 +7440,7 @@ var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
7353
7440
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
7354
7441
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
7355
7442
|
};
|
|
7356
|
-
var __classPrivateFieldGet$
|
|
7443
|
+
var __classPrivateFieldGet$n = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7357
7444
|
if (kind === "a" && !f)
|
|
7358
7445
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7359
7446
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -7389,13 +7476,13 @@ class FormMessage {
|
|
|
7389
7476
|
_FormMessage_inheritedAttributes.set(this, {});
|
|
7390
7477
|
}
|
|
7391
7478
|
componentWillLoad() {
|
|
7392
|
-
__classPrivateFieldSet$
|
|
7479
|
+
__classPrivateFieldSet$j(this, _FormMessage_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
7393
7480
|
}
|
|
7394
7481
|
render() {
|
|
7395
|
-
return (hAsync("span", { key: '
|
|
7482
|
+
return (hAsync("span", { key: '06e32c62546b32c49b946d4878a7d6fe8401bdc5', class: {
|
|
7396
7483
|
'qds-form-message': true,
|
|
7397
7484
|
'qds-inline': this.inline,
|
|
7398
|
-
}, "data-size": __classPrivateFieldGet$
|
|
7485
|
+
}, "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)));
|
|
7399
7486
|
}
|
|
7400
7487
|
get host() { return getElement(this); }
|
|
7401
7488
|
static get style() { return formMessageCss; }
|
|
@@ -7568,28 +7655,8 @@ const requestIcon = (url) => {
|
|
|
7568
7655
|
return iconPromise;
|
|
7569
7656
|
};
|
|
7570
7657
|
|
|
7571
|
-
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%}
|
|
7658
|
+
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%}";
|
|
7572
7659
|
|
|
7573
|
-
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7574
|
-
//
|
|
7575
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
7576
|
-
var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7577
|
-
if (kind === "a" && !f)
|
|
7578
|
-
throw new TypeError("Private accessor was defined without a getter");
|
|
7579
|
-
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7580
|
-
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
7581
|
-
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
7582
|
-
};
|
|
7583
|
-
var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7584
|
-
if (kind === "m")
|
|
7585
|
-
throw new TypeError("Private method is not writable");
|
|
7586
|
-
if (kind === "a" && !f)
|
|
7587
|
-
throw new TypeError("Private accessor was defined without a setter");
|
|
7588
|
-
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7589
|
-
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
7590
|
-
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
7591
|
-
};
|
|
7592
|
-
var _Icon_inheritedAttributes;
|
|
7593
7660
|
let parser;
|
|
7594
7661
|
/**
|
|
7595
7662
|
* @experimental
|
|
@@ -7599,12 +7666,18 @@ class Icon {
|
|
|
7599
7666
|
registerInstance(this, hostRef);
|
|
7600
7667
|
this.loadEmitter = createEvent(this, "qdsLoad", 6);
|
|
7601
7668
|
this.errorEmitter = createEvent(this, "qdsError", 6);
|
|
7669
|
+
if (hostRef.$hostElement$["s-ei"]) {
|
|
7670
|
+
this.internals = hostRef.$hostElement$["s-ei"];
|
|
7671
|
+
}
|
|
7672
|
+
else {
|
|
7673
|
+
this.internals = hostRef.$hostElement$.attachInternals();
|
|
7674
|
+
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
7675
|
+
}
|
|
7602
7676
|
/**
|
|
7603
7677
|
* The name of a registered icon library.
|
|
7604
7678
|
*/
|
|
7605
7679
|
this.library = 'default';
|
|
7606
7680
|
this.svg = '';
|
|
7607
|
-
_Icon_inheritedAttributes.set(this, {});
|
|
7608
7681
|
}
|
|
7609
7682
|
async setIcon() {
|
|
7610
7683
|
if (!this.name)
|
|
@@ -7635,9 +7708,6 @@ class Icon {
|
|
|
7635
7708
|
this.errorEmitter.emit();
|
|
7636
7709
|
}
|
|
7637
7710
|
else {
|
|
7638
|
-
for (const [key, value] of Object.entries(__classPrivateFieldGet$l(this, _Icon_inheritedAttributes, "f")))
|
|
7639
|
-
if (value !== undefined)
|
|
7640
|
-
svgElement.setAttribute(key, value);
|
|
7641
7711
|
this.svg = svgElement.outerHTML;
|
|
7642
7712
|
this.loadEmitter.emit();
|
|
7643
7713
|
}
|
|
@@ -7647,13 +7717,12 @@ class Icon {
|
|
|
7647
7717
|
}
|
|
7648
7718
|
}
|
|
7649
7719
|
async componentWillLoad() {
|
|
7650
|
-
|
|
7720
|
+
this.internals.role = 'presentation';
|
|
7651
7721
|
await this.setIcon();
|
|
7652
7722
|
}
|
|
7653
7723
|
render() {
|
|
7654
|
-
return (hAsync("div", { key: '
|
|
7724
|
+
return (hAsync("div", { key: 'a572b557421a531b2247ff4bdfa3f739eddf04de', class: "qds-container", "aria-hidden": "true" }, hAsync("span", { key: '61ffb82db95a3fc5703e5c5fa33af46281fad445', class: "qds-icon-wrapper", innerHTML: this.svg })));
|
|
7655
7725
|
}
|
|
7656
|
-
get host() { return getElement(this); }
|
|
7657
7726
|
static get watchers() { return {
|
|
7658
7727
|
"name": ["setIcon"],
|
|
7659
7728
|
"library": ["setIcon"]
|
|
@@ -7672,14 +7741,13 @@ class Icon {
|
|
|
7672
7741
|
"$attrsToReflect$": []
|
|
7673
7742
|
}; }
|
|
7674
7743
|
}
|
|
7675
|
-
_Icon_inheritedAttributes = new WeakMap();
|
|
7676
7744
|
|
|
7677
|
-
const iconButtonCss = ":host{display:block;outline:none}.qds-focus-ring{border-radius:max(1px,var(\n --qds-
|
|
7745
|
+
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)}";
|
|
7678
7746
|
|
|
7679
7747
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
7680
7748
|
//
|
|
7681
7749
|
// SPDX-License-Identifier: Apache-2.0
|
|
7682
|
-
var __classPrivateFieldGet$
|
|
7750
|
+
var __classPrivateFieldGet$m = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7683
7751
|
if (kind === "a" && !f)
|
|
7684
7752
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7685
7753
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -7763,17 +7831,17 @@ class IconButton {
|
|
|
7763
7831
|
_IconButton_tooltipRef.set(this, (tooltip) => {
|
|
7764
7832
|
if (tooltip) {
|
|
7765
7833
|
// eslint-disable-next-line no-param-reassign
|
|
7766
|
-
tooltip.target = __classPrivateFieldGet$
|
|
7834
|
+
tooltip.target = __classPrivateFieldGet$m(this, _IconButton_button, "f");
|
|
7767
7835
|
__classPrivateFieldSet$i(this, _IconButton_tooltip, tooltip, "f");
|
|
7768
7836
|
}
|
|
7769
7837
|
});
|
|
7770
7838
|
}
|
|
7771
7839
|
disabledChanged() {
|
|
7772
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
7773
|
-
if (__classPrivateFieldGet$
|
|
7840
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get).toString();
|
|
7841
|
+
if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
|
|
7774
7842
|
this.host.removeAttribute('tabindex');
|
|
7775
7843
|
else
|
|
7776
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
7844
|
+
this.host.tabIndex = __classPrivateFieldGet$m(this, _IconButton_savedTabIndex, "f");
|
|
7777
7845
|
}
|
|
7778
7846
|
hrefChanged() {
|
|
7779
7847
|
this.internals.role = this.href === undefined ? 'button' : 'link';
|
|
@@ -7785,34 +7853,34 @@ class IconButton {
|
|
|
7785
7853
|
? 0
|
|
7786
7854
|
: parsedValue, "f");
|
|
7787
7855
|
}
|
|
7788
|
-
if (__classPrivateFieldGet$
|
|
7856
|
+
if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
|
|
7789
7857
|
this.host.removeAttribute('tabindex');
|
|
7790
7858
|
else
|
|
7791
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
7859
|
+
this.host.tabIndex = __classPrivateFieldGet$m(this, _IconButton_savedTabIndex, "f");
|
|
7792
7860
|
}
|
|
7793
7861
|
textChanged() {
|
|
7794
|
-
__classPrivateFieldGet$
|
|
7862
|
+
__classPrivateFieldGet$m(this, _IconButton_instances, "m", _IconButton_updateAriaLabel).call(this);
|
|
7795
7863
|
}
|
|
7796
7864
|
onClick(event) {
|
|
7797
|
-
if (__classPrivateFieldGet$
|
|
7865
|
+
if (__classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
|
|
7798
7866
|
event.stopImmediatePropagation();
|
|
7799
7867
|
}
|
|
7800
7868
|
async onBlur(event) {
|
|
7801
7869
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
7802
|
-
if (__classPrivateFieldGet$
|
|
7803
|
-
await __classPrivateFieldGet$
|
|
7870
|
+
if (__classPrivateFieldGet$m(this, _IconButton_tooltip, "f")) {
|
|
7871
|
+
await __classPrivateFieldGet$m(this, _IconButton_tooltip, "f").close();
|
|
7804
7872
|
}
|
|
7805
7873
|
}
|
|
7806
7874
|
async onFocus(event) {
|
|
7807
7875
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
7808
|
-
if (__classPrivateFieldGet$
|
|
7809
|
-
await __classPrivateFieldGet$
|
|
7876
|
+
if (__classPrivateFieldGet$m(this, _IconButton_tooltip, "f")) {
|
|
7877
|
+
await __classPrivateFieldGet$m(this, _IconButton_tooltip, "f").show();
|
|
7810
7878
|
}
|
|
7811
7879
|
}
|
|
7812
7880
|
onKeydown(event) {
|
|
7813
7881
|
if (event.key === 'Enter') {
|
|
7814
|
-
if (__classPrivateFieldGet$
|
|
7815
|
-
__classPrivateFieldGet$
|
|
7882
|
+
if (__classPrivateFieldGet$m(this, _IconButton_button, "f") instanceof HTMLAnchorElement) {
|
|
7883
|
+
__classPrivateFieldGet$m(this, _IconButton_button, "f").click();
|
|
7816
7884
|
}
|
|
7817
7885
|
else
|
|
7818
7886
|
this.host.click();
|
|
@@ -7830,10 +7898,10 @@ class IconButton {
|
|
|
7830
7898
|
}
|
|
7831
7899
|
render() {
|
|
7832
7900
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
7833
|
-
return (hAsync("div", { key: '
|
|
7901
|
+
return (hAsync("div", { key: '74914fa07f359baa1a7f713b006ae390faf2c6c7', class: "qds-container", "aria-hidden": "true" }, hAsync(Tag, { key: '020ec79ffa66c0ffc6889021efbf841aa81988db', type: Tag === 'a' ? undefined : 'button', class: {
|
|
7834
7902
|
'qds-icon-button': true,
|
|
7835
|
-
'qds-disabled': __classPrivateFieldGet$
|
|
7836
|
-
}, href: Tag === 'a' ? this.href : undefined, target: Tag === 'a' ? this.target : undefined, rel: Tag === 'a' ? this.rel : undefined, ref: __classPrivateFieldGet$
|
|
7903
|
+
'qds-disabled': __classPrivateFieldGet$m(this, _IconButton_instances, "a", _IconButton_computedDisabled_get),
|
|
7904
|
+
}, 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))));
|
|
7837
7905
|
}
|
|
7838
7906
|
static get formAssociated() { return true; }
|
|
7839
7907
|
get host() { return getElement(this); }
|
|
@@ -7908,7 +7976,7 @@ _IconButton_savedTabIndex = new WeakMap(), _IconButton_button = new WeakMap(), _
|
|
|
7908
7976
|
this.internals.ariaLabel = this.text ?? '';
|
|
7909
7977
|
};
|
|
7910
7978
|
|
|
7911
|
-
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-
|
|
7979
|
+
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}";
|
|
7912
7980
|
|
|
7913
7981
|
// SPDX-FileCopyrightText: © 2026 Schneider Electric
|
|
7914
7982
|
//
|
|
@@ -7922,7 +7990,7 @@ var __classPrivateFieldSet$h = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
7922
7990
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
7923
7991
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
7924
7992
|
};
|
|
7925
|
-
var __classPrivateFieldGet$
|
|
7993
|
+
var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7926
7994
|
if (kind === "a" && !f)
|
|
7927
7995
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7928
7996
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -7996,7 +8064,7 @@ class IconTab {
|
|
|
7996
8064
|
_IconTab_tooltipRef.set(this, (tooltip) => {
|
|
7997
8065
|
if (tooltip)
|
|
7998
8066
|
// eslint-disable-next-line no-param-reassign
|
|
7999
|
-
tooltip.target = __classPrivateFieldGet$
|
|
8067
|
+
tooltip.target = __classPrivateFieldGet$l(this, _IconTab_div, "f");
|
|
8000
8068
|
});
|
|
8001
8069
|
_IconTab_onBlur.set(this, (event) => {
|
|
8002
8070
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
@@ -8006,7 +8074,7 @@ class IconTab {
|
|
|
8006
8074
|
});
|
|
8007
8075
|
_IconTab_defineTab.set(this, () => {
|
|
8008
8076
|
this.internals.role = 'tab';
|
|
8009
|
-
__classPrivateFieldGet$
|
|
8077
|
+
__classPrivateFieldGet$l(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$l(this, _IconTab_iconTab, "f"));
|
|
8010
8078
|
});
|
|
8011
8079
|
}
|
|
8012
8080
|
panelChanged() {
|
|
@@ -8017,15 +8085,15 @@ class IconTab {
|
|
|
8017
8085
|
__classPrivateFieldSet$h(this, _IconTab_panel, panel, "f");
|
|
8018
8086
|
const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
|
|
8019
8087
|
if (tab)
|
|
8020
|
-
tab.setAttribute('aria-controls', __classPrivateFieldGet$
|
|
8021
|
-
if (__classPrivateFieldGet$
|
|
8022
|
-
__classPrivateFieldGet$
|
|
8023
|
-
if (__classPrivateFieldGet$
|
|
8024
|
-
__classPrivateFieldGet$
|
|
8025
|
-
__classPrivateFieldGet$
|
|
8088
|
+
tab.setAttribute('aria-controls', __classPrivateFieldGet$l(this, _IconTab_panel, "f").id);
|
|
8089
|
+
if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").role === null)
|
|
8090
|
+
__classPrivateFieldGet$l(this, _IconTab_panel, "f").role = 'tabpanel';
|
|
8091
|
+
if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === null)
|
|
8092
|
+
__classPrivateFieldGet$l(this, _IconTab_panel, "f").setAttribute('aria-labelledby', this.host.id);
|
|
8093
|
+
__classPrivateFieldGet$l(this, _IconTab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('tabindex') ?? '0');
|
|
8026
8094
|
}
|
|
8027
8095
|
onClick(event) {
|
|
8028
|
-
if (__classPrivateFieldGet$
|
|
8096
|
+
if (__classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get))
|
|
8029
8097
|
event.stopImmediatePropagation();
|
|
8030
8098
|
}
|
|
8031
8099
|
tabindexChanged(newValue) {
|
|
@@ -8038,39 +8106,39 @@ class IconTab {
|
|
|
8038
8106
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
8039
8107
|
(_a = this.host).id || (_a.id = `qds-icon-tab-${autoIncrementingId$2}`);
|
|
8040
8108
|
autoIncrementingId$2 += 1;
|
|
8041
|
-
__classPrivateFieldGet$
|
|
8109
|
+
__classPrivateFieldGet$l(this, _IconTab_defineTab, "f").call(this);
|
|
8042
8110
|
}
|
|
8043
8111
|
componentWillRender() {
|
|
8044
|
-
const isPanelRoot = __classPrivateFieldGet$
|
|
8045
|
-
const isMainSubsection = __classPrivateFieldGet$
|
|
8112
|
+
const isPanelRoot = __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'panel' && __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'root';
|
|
8113
|
+
const isMainSubsection = __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'main' && __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'subsection';
|
|
8046
8114
|
this.isIndicatorOnTop = isPanelRoot || isMainSubsection;
|
|
8047
8115
|
}
|
|
8048
8116
|
componentDidLoad() {
|
|
8049
8117
|
this.panelChanged();
|
|
8050
8118
|
}
|
|
8051
8119
|
disconnectedCallback() {
|
|
8052
|
-
if (!__classPrivateFieldGet$
|
|
8120
|
+
if (!__classPrivateFieldGet$l(this, _IconTab_panel, "f"))
|
|
8053
8121
|
return;
|
|
8054
8122
|
const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
|
|
8055
8123
|
if (tab)
|
|
8056
8124
|
tab.removeAttribute('aria-controls');
|
|
8057
|
-
if (__classPrivateFieldGet$
|
|
8125
|
+
if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").role === 'tabpanel')
|
|
8058
8126
|
// eslint-disable-next-line unicorn/no-null
|
|
8059
|
-
__classPrivateFieldGet$
|
|
8060
|
-
if (__classPrivateFieldGet$
|
|
8061
|
-
__classPrivateFieldGet$
|
|
8062
|
-
__classPrivateFieldGet$
|
|
8127
|
+
__classPrivateFieldGet$l(this, _IconTab_panel, "f").role = null;
|
|
8128
|
+
if (__classPrivateFieldGet$l(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
|
|
8129
|
+
__classPrivateFieldGet$l(this, _IconTab_panel, "f").removeAttribute('aria-labelledby');
|
|
8130
|
+
__classPrivateFieldGet$l(this, _IconTab_panel, "f").removeAttribute('tabindex');
|
|
8063
8131
|
}
|
|
8064
8132
|
render() {
|
|
8065
8133
|
const isLink = this.href === undefined ? this.indicatorPosition : 'block-start';
|
|
8066
8134
|
const Tag = isLink ? 'a' : 'div';
|
|
8067
|
-
return (hAsync("div", { key: '
|
|
8135
|
+
return (hAsync("div", { key: '487ae8cb9a55bbe7d07a8c4dcae654a1609af5b4', "aria-disabled": __classPrivateFieldGet$l(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, class: {
|
|
8068
8136
|
'qds-selected': this.selected,
|
|
8069
|
-
}, "data-size": __classPrivateFieldGet$
|
|
8137
|
+
}, "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: {
|
|
8070
8138
|
'qds-icon-tab': true,
|
|
8071
8139
|
'qds-selected': this.selected,
|
|
8072
8140
|
[`qds-indicator-${this.indicatorPosition}`]: true,
|
|
8073
|
-
}, role: isLink ? undefined : 'tab', "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": isLink ? undefined : this.selected ? 'true' : 'false', "data-importance": __classPrivateFieldGet$
|
|
8141
|
+
}, 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))));
|
|
8074
8142
|
}
|
|
8075
8143
|
get host() { return getElement(this); }
|
|
8076
8144
|
static get watchers() { return {
|
|
@@ -8147,7 +8215,7 @@ const inlineLinkCss = ":host([hidden]){display:none!important}:host{display:inli
|
|
|
8147
8215
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
8148
8216
|
//
|
|
8149
8217
|
// SPDX-License-Identifier: Apache-2.0
|
|
8150
|
-
var __classPrivateFieldGet$
|
|
8218
|
+
var __classPrivateFieldGet$k = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
8151
8219
|
if (kind === "a" && !f)
|
|
8152
8220
|
throw new TypeError("Private accessor was defined without a getter");
|
|
8153
8221
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -8214,10 +8282,10 @@ class InlineLink {
|
|
|
8214
8282
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
8215
8283
|
});
|
|
8216
8284
|
_InlineLink_updateAriaLabelElements.set(this, () => {
|
|
8217
|
-
this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$
|
|
8285
|
+
this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$k(this, _InlineLink_instances, "a", _InlineLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
|
|
8218
8286
|
});
|
|
8219
8287
|
_InlineLink_onSlotchange.set(this, () => {
|
|
8220
|
-
__classPrivateFieldGet$
|
|
8288
|
+
__classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
|
|
8221
8289
|
});
|
|
8222
8290
|
}
|
|
8223
8291
|
onClick(event) {
|
|
@@ -8225,18 +8293,18 @@ class InlineLink {
|
|
|
8225
8293
|
event.stopImmediatePropagation();
|
|
8226
8294
|
}
|
|
8227
8295
|
onKeydown(event) {
|
|
8228
|
-
invariant(__classPrivateFieldGet$
|
|
8296
|
+
invariant(__classPrivateFieldGet$k(this, _InlineLink_link, "f"));
|
|
8229
8297
|
if (this.disabled)
|
|
8230
8298
|
return;
|
|
8231
8299
|
if (event.key === 'Enter')
|
|
8232
|
-
__classPrivateFieldGet$
|
|
8300
|
+
__classPrivateFieldGet$k(this, _InlineLink_link, "f").click();
|
|
8233
8301
|
}
|
|
8234
8302
|
disabledChanged() {
|
|
8235
8303
|
this.internals.ariaDisabled = this.disabled.toString();
|
|
8236
8304
|
if (this.disabled)
|
|
8237
8305
|
this.host.removeAttribute('tabindex');
|
|
8238
8306
|
else
|
|
8239
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
8307
|
+
this.host.tabIndex = __classPrivateFieldGet$k(this, _InlineLink_savedTabIndex, "f");
|
|
8240
8308
|
}
|
|
8241
8309
|
tabindexChanged(newValue) {
|
|
8242
8310
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
@@ -8247,11 +8315,11 @@ class InlineLink {
|
|
|
8247
8315
|
if (this.disabled)
|
|
8248
8316
|
this.host.removeAttribute('tabindex');
|
|
8249
8317
|
else
|
|
8250
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
8318
|
+
this.host.tabIndex = __classPrivateFieldGet$k(this, _InlineLink_savedTabIndex, "f");
|
|
8251
8319
|
}
|
|
8252
8320
|
hrefTargetChanged() {
|
|
8253
8321
|
this.linkIcon = determineLinkIcon(this.target, this.rel);
|
|
8254
|
-
__classPrivateFieldGet$
|
|
8322
|
+
__classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
|
|
8255
8323
|
}
|
|
8256
8324
|
componentWillLoad() {
|
|
8257
8325
|
this.internals.role = 'link';
|
|
@@ -8260,13 +8328,13 @@ class InlineLink {
|
|
|
8260
8328
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
8261
8329
|
}
|
|
8262
8330
|
componentDidLoad() {
|
|
8263
|
-
__classPrivateFieldGet$
|
|
8331
|
+
__classPrivateFieldGet$k(this, _InlineLink_updateAriaLabelElements, "f").call(this);
|
|
8264
8332
|
}
|
|
8265
8333
|
render() {
|
|
8266
8334
|
return (hAsync("a", { key: '0a4e02f5a4ccd184c3b2fdc72d39b437cb951799', "aria-hidden": "true", class: {
|
|
8267
8335
|
'qds-inline-link': true,
|
|
8268
8336
|
'qds-disabled': this.disabled,
|
|
8269
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
8337
|
+
}, "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 }))));
|
|
8270
8338
|
}
|
|
8271
8339
|
get host() { return getElement(this); }
|
|
8272
8340
|
static get watchers() { return {
|
|
@@ -8311,12 +8379,12 @@ _InlineLink_savedTabIndex = new WeakMap(), _InlineLink_link = new WeakMap(), _In
|
|
|
8311
8379
|
return this.target === '_blank';
|
|
8312
8380
|
};
|
|
8313
8381
|
|
|
8314
|
-
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}";
|
|
8382
|
+
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}";
|
|
8315
8383
|
|
|
8316
8384
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
8317
8385
|
//
|
|
8318
8386
|
// SPDX-License-Identifier: Apache-2.0
|
|
8319
|
-
var __classPrivateFieldGet$
|
|
8387
|
+
var __classPrivateFieldGet$j = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
8320
8388
|
if (kind === "a" && !f)
|
|
8321
8389
|
throw new TypeError("Private accessor was defined without a getter");
|
|
8322
8390
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -8332,7 +8400,7 @@ var __classPrivateFieldSet$f = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
8332
8400
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
8333
8401
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
8334
8402
|
};
|
|
8335
|
-
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,
|
|
8403
|
+
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;
|
|
8336
8404
|
const stopImmediatePropagation = (event) => {
|
|
8337
8405
|
event.stopImmediatePropagation();
|
|
8338
8406
|
};
|
|
@@ -8368,6 +8436,16 @@ class Input {
|
|
|
8368
8436
|
}
|
|
8369
8437
|
_Input_instances.add(this);
|
|
8370
8438
|
/**
|
|
8439
|
+
* Shows a clear button that allows the user to clear the input's value.
|
|
8440
|
+
*
|
|
8441
|
+
* For `search` inputs, the clear button is always shown when the input
|
|
8442
|
+
* has a value, regardless of this property.
|
|
8443
|
+
*
|
|
8444
|
+
*/
|
|
8445
|
+
this.clearable = false;
|
|
8446
|
+
/**
|
|
8447
|
+
* @deprecated The no-icon property is deprecated and will be removed by September 2026.
|
|
8448
|
+
*
|
|
8371
8449
|
* Hide the input type's icon.
|
|
8372
8450
|
*
|
|
8373
8451
|
* > **_NOTE:_** Due to browser limitations, the icon may not be hidden in
|
|
@@ -8474,65 +8552,69 @@ class Input {
|
|
|
8474
8552
|
this.checkValidity = () => this.internals.checkValidity();
|
|
8475
8553
|
this.reportValidity = () => this.internals.reportValidity();
|
|
8476
8554
|
this.setCustomValidity = (error) => {
|
|
8477
|
-
invariant(__classPrivateFieldGet$
|
|
8478
|
-
__classPrivateFieldGet$
|
|
8555
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8556
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").setCustomValidity(error);
|
|
8479
8557
|
if (error)
|
|
8480
|
-
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$
|
|
8558
|
+
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8481
8559
|
else
|
|
8482
8560
|
this.internals.setValidity(NO_ERROR_FLAGS);
|
|
8483
8561
|
};
|
|
8484
8562
|
this.select = () => {
|
|
8485
|
-
invariant(__classPrivateFieldGet$
|
|
8486
|
-
__classPrivateFieldGet$
|
|
8563
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8564
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").select();
|
|
8487
8565
|
};
|
|
8488
8566
|
this.getSelectionDirection = () => {
|
|
8489
|
-
invariant(__classPrivateFieldGet$
|
|
8490
|
-
return __classPrivateFieldGet$
|
|
8567
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8568
|
+
return __classPrivateFieldGet$j(this, _Input_input, "f").selectionDirection;
|
|
8491
8569
|
};
|
|
8492
8570
|
this.getSelectionStart = () => {
|
|
8493
|
-
invariant(__classPrivateFieldGet$
|
|
8494
|
-
return __classPrivateFieldGet$
|
|
8571
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8572
|
+
return __classPrivateFieldGet$j(this, _Input_input, "f").selectionStart;
|
|
8495
8573
|
};
|
|
8496
8574
|
this.getSelectionEnd = () => {
|
|
8497
|
-
invariant(__classPrivateFieldGet$
|
|
8498
|
-
return __classPrivateFieldGet$
|
|
8575
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8576
|
+
return __classPrivateFieldGet$j(this, _Input_input, "f").selectionEnd;
|
|
8499
8577
|
};
|
|
8500
8578
|
this.setRangeText = (replacement, start, end, selectionMode) => {
|
|
8501
|
-
invariant(__classPrivateFieldGet$
|
|
8502
|
-
__classPrivateFieldGet$
|
|
8503
|
-
if (this.value !== __classPrivateFieldGet$
|
|
8504
|
-
this.value = __classPrivateFieldGet$
|
|
8579
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8580
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").setRangeText(replacement, start, end, selectionMode);
|
|
8581
|
+
if (this.value !== __classPrivateFieldGet$j(this, _Input_input, "f").value) {
|
|
8582
|
+
this.value = __classPrivateFieldGet$j(this, _Input_input, "f").value;
|
|
8505
8583
|
this.inputEmitter.emit();
|
|
8506
8584
|
this.changeEmitter.emit();
|
|
8507
8585
|
}
|
|
8508
8586
|
};
|
|
8509
8587
|
this.setSelectionRange = (start, end, direction) => {
|
|
8510
|
-
invariant(__classPrivateFieldGet$
|
|
8511
|
-
__classPrivateFieldGet$
|
|
8588
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8589
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").setSelectionRange(start, end, direction);
|
|
8512
8590
|
};
|
|
8513
8591
|
this.stepDown = (n) => {
|
|
8514
|
-
invariant(__classPrivateFieldGet$
|
|
8515
|
-
__classPrivateFieldGet$
|
|
8592
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8593
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").stepDown(n);
|
|
8516
8594
|
};
|
|
8517
8595
|
this.stepUp = (n) => {
|
|
8518
|
-
invariant(__classPrivateFieldGet$
|
|
8519
|
-
__classPrivateFieldGet$
|
|
8596
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8597
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").stepUp(n);
|
|
8520
8598
|
};
|
|
8521
8599
|
this.showPicker = () => {
|
|
8522
|
-
invariant(__classPrivateFieldGet$
|
|
8523
|
-
__classPrivateFieldGet$
|
|
8600
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8601
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").showPicker();
|
|
8524
8602
|
};
|
|
8603
|
+
_Input_renderClearableButton.set(this, () => (hAsync("qds-mini-button", { name: "clear", library: "core", text: "clear input", onClick: __classPrivateFieldGet$j(this, _Input_onClearableClick, "f"), onQdsFocus: stopImmediatePropagation })));
|
|
8604
|
+
_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 })));
|
|
8605
|
+
_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 })));
|
|
8606
|
+
_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 })));
|
|
8525
8607
|
_Input_togglePasswordVisibility.set(this, () => {
|
|
8526
|
-
invariant(__classPrivateFieldGet$
|
|
8608
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8527
8609
|
this.isPasswordVisible = !this.isPasswordVisible;
|
|
8528
|
-
__classPrivateFieldGet$
|
|
8610
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").type = __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get);
|
|
8529
8611
|
});
|
|
8530
8612
|
_Input_ref.set(this, (input) => {
|
|
8531
8613
|
__classPrivateFieldSet$f(this, _Input_input, input, "f");
|
|
8532
8614
|
});
|
|
8533
8615
|
_Input_getFiles.set(this, () => {
|
|
8534
|
-
invariant(__classPrivateFieldGet$
|
|
8535
|
-
return __classPrivateFieldGet$
|
|
8616
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8617
|
+
return __classPrivateFieldGet$j(this, _Input_input, "f").files;
|
|
8536
8618
|
});
|
|
8537
8619
|
_Input_onBlur.set(this, (event) => {
|
|
8538
8620
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
@@ -8546,30 +8628,35 @@ class Input {
|
|
|
8546
8628
|
_Input_onChange.set(this, () => {
|
|
8547
8629
|
this.changeEmitter.emit();
|
|
8548
8630
|
});
|
|
8549
|
-
|
|
8550
|
-
__classPrivateFieldGet$
|
|
8551
|
-
__classPrivateFieldGet$
|
|
8552
|
-
invariant(__classPrivateFieldGet$
|
|
8553
|
-
if (document.activeElement !== __classPrivateFieldGet$
|
|
8554
|
-
__classPrivateFieldGet$
|
|
8555
|
-
|
|
8631
|
+
_Input_handleClear.set(this, () => {
|
|
8632
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_clearValue).call(this);
|
|
8633
|
+
__classPrivateFieldGet$j(this, _Input_onInput, "f").call(this, new InputEvent('input', { inputType: 'deleteContent' }));
|
|
8634
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8635
|
+
if (document.activeElement !== __classPrivateFieldGet$j(this, _Input_input, "f"))
|
|
8636
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").focus();
|
|
8637
|
+
});
|
|
8638
|
+
_Input_onClearableClick.set(this, () => {
|
|
8639
|
+
__classPrivateFieldGet$j(this, _Input_handleClear, "f").call(this);
|
|
8640
|
+
});
|
|
8641
|
+
_Input_onSearchClear.set(this, () => {
|
|
8642
|
+
__classPrivateFieldGet$j(this, _Input_handleClear, "f").call(this);
|
|
8556
8643
|
this.searchEmitter.emit();
|
|
8557
8644
|
});
|
|
8558
8645
|
_Input_onFocus.set(this, (event) => {
|
|
8559
8646
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
8560
8647
|
});
|
|
8561
8648
|
_Input_onInput.set(this, (event) => {
|
|
8562
|
-
invariant(__classPrivateFieldGet$
|
|
8563
|
-
this.value = __classPrivateFieldGet$
|
|
8649
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8650
|
+
this.value = __classPrivateFieldGet$j(this, _Input_input, "f").value;
|
|
8564
8651
|
this.inputEmitter.emit(pickInputEventAttributes(event));
|
|
8565
8652
|
});
|
|
8566
8653
|
}
|
|
8567
8654
|
onClick(event) {
|
|
8568
|
-
if (__classPrivateFieldGet$
|
|
8655
|
+
if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
8569
8656
|
event.stopImmediatePropagation();
|
|
8570
8657
|
}
|
|
8571
8658
|
onKeydown(event) {
|
|
8572
|
-
if (__classPrivateFieldGet$
|
|
8659
|
+
if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get)) {
|
|
8573
8660
|
event.stopImmediatePropagation();
|
|
8574
8661
|
return;
|
|
8575
8662
|
}
|
|
@@ -8582,36 +8669,40 @@ class Input {
|
|
|
8582
8669
|
}
|
|
8583
8670
|
}
|
|
8584
8671
|
ariaLabelChanged(newValue) {
|
|
8585
|
-
invariant(__classPrivateFieldGet$
|
|
8586
|
-
__classPrivateFieldGet$
|
|
8672
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8673
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").ariaLabel =
|
|
8587
8674
|
newValue ??
|
|
8588
8675
|
[...this.internals.labels]
|
|
8589
|
-
.map((node) =>
|
|
8590
|
-
|
|
8591
|
-
|
|
8676
|
+
.map((node) => {
|
|
8677
|
+
// eslint-disable-next-line unicorn/prefer-dom-node-text-content
|
|
8678
|
+
const text = node.innerText.trim();
|
|
8679
|
+
return text === ''
|
|
8680
|
+
? (this.host.parentElement?.querySelector('qds-label')?.text ?? '')
|
|
8681
|
+
: text;
|
|
8682
|
+
})
|
|
8592
8683
|
.join(' ');
|
|
8593
8684
|
}
|
|
8594
8685
|
statusChanged() {
|
|
8595
|
-
this.internals.ariaInvalid = (__classPrivateFieldGet$
|
|
8686
|
+
this.internals.ariaInvalid = (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedStatus_get) === 'error').toString();
|
|
8596
8687
|
}
|
|
8597
8688
|
disabledChanged() {
|
|
8598
|
-
if (__classPrivateFieldGet$
|
|
8689
|
+
if (__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
8599
8690
|
// eslint-disable-next-line unicorn/no-null
|
|
8600
8691
|
this.internals.setFormValue(null);
|
|
8601
8692
|
else
|
|
8602
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
8693
|
+
this.internals.setFormValue(__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get));
|
|
8603
8694
|
}
|
|
8604
8695
|
selectionDirectionChanged() {
|
|
8605
|
-
invariant(__classPrivateFieldGet$
|
|
8606
|
-
__classPrivateFieldGet$
|
|
8696
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8697
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").selectionDirection = this.selectionDirection;
|
|
8607
8698
|
}
|
|
8608
8699
|
selectionEndChanged() {
|
|
8609
|
-
invariant(__classPrivateFieldGet$
|
|
8610
|
-
__classPrivateFieldGet$
|
|
8700
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8701
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").selectionEnd = this.selectionEnd;
|
|
8611
8702
|
}
|
|
8612
8703
|
selectionStartChanged() {
|
|
8613
|
-
invariant(__classPrivateFieldGet$
|
|
8614
|
-
__classPrivateFieldGet$
|
|
8704
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8705
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").selectionStart = this.selectionStart;
|
|
8615
8706
|
}
|
|
8616
8707
|
tabindexChanged(newValue) {
|
|
8617
8708
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
@@ -8619,72 +8710,78 @@ class Input {
|
|
|
8619
8710
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
8620
8711
|
}
|
|
8621
8712
|
validationChanged() {
|
|
8622
|
-
if (!__classPrivateFieldGet$
|
|
8713
|
+
if (!__classPrivateFieldGet$j(this, _Input_input, "f"))
|
|
8623
8714
|
return;
|
|
8624
|
-
if (__classPrivateFieldGet$
|
|
8625
|
-
__classPrivateFieldGet$
|
|
8715
|
+
if (__classPrivateFieldGet$j(this, _Input_input, "f").max !== this.max && this.max !== undefined)
|
|
8716
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").max = this.max.toString();
|
|
8626
8717
|
if (this.maxLength !== undefined)
|
|
8627
|
-
__classPrivateFieldGet$
|
|
8628
|
-
if (__classPrivateFieldGet$
|
|
8629
|
-
__classPrivateFieldGet$
|
|
8718
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").maxLength = this.maxLength;
|
|
8719
|
+
if (__classPrivateFieldGet$j(this, _Input_input, "f").min !== this.min && this.min !== undefined)
|
|
8720
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").min = this.min.toString();
|
|
8630
8721
|
if (this.minLength !== undefined)
|
|
8631
|
-
__classPrivateFieldGet$
|
|
8722
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").minLength = this.minLength;
|
|
8632
8723
|
if (this.pattern !== undefined)
|
|
8633
|
-
__classPrivateFieldGet$
|
|
8634
|
-
__classPrivateFieldGet$
|
|
8635
|
-
if (__classPrivateFieldGet$
|
|
8636
|
-
__classPrivateFieldGet$
|
|
8637
|
-
__classPrivateFieldGet$
|
|
8638
|
-
const { valid } = __classPrivateFieldGet$
|
|
8724
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").pattern = this.pattern;
|
|
8725
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").required = this.required ?? false;
|
|
8726
|
+
if (__classPrivateFieldGet$j(this, _Input_input, "f").step !== this.step && this.step !== undefined)
|
|
8727
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").step = this.step.toString();
|
|
8728
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").type = __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedType_get);
|
|
8729
|
+
const { valid } = __classPrivateFieldGet$j(this, _Input_input, "f").validity;
|
|
8639
8730
|
if (valid)
|
|
8640
|
-
this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$
|
|
8731
|
+
this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8641
8732
|
else
|
|
8642
|
-
this.internals.setValidity(__classPrivateFieldGet$
|
|
8733
|
+
this.internals.setValidity(__classPrivateFieldGet$j(this, _Input_input, "f").validity, __classPrivateFieldGet$j(this, _Input_input, "f").validationMessage, __classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8643
8734
|
}
|
|
8644
8735
|
valueChanged() {
|
|
8645
|
-
if (!__classPrivateFieldGet$
|
|
8646
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
8647
|
-
if ((__classPrivateFieldGet$
|
|
8736
|
+
if (!__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
8737
|
+
this.internals.setFormValue(__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get));
|
|
8738
|
+
if ((__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get) === null || __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedValue_get) === '') &&
|
|
8648
8739
|
this.type === 'file') {
|
|
8649
|
-
__classPrivateFieldGet$
|
|
8740
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_clearValue).call(this);
|
|
8650
8741
|
}
|
|
8651
8742
|
}
|
|
8652
8743
|
componentWillLoad() {
|
|
8653
|
-
__classPrivateFieldGet$
|
|
8654
|
-
__classPrivateFieldGet$
|
|
8655
|
-
__classPrivateFieldGet$
|
|
8656
|
-
__classPrivateFieldGet$
|
|
8657
|
-
__classPrivateFieldGet$
|
|
8658
|
-
__classPrivateFieldGet$
|
|
8744
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'form', () => this.internals.form);
|
|
8745
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
8746
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
8747
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
8748
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'files', __classPrivateFieldGet$j(this, _Input_getFiles, "f"));
|
|
8749
|
+
__classPrivateFieldGet$j(this, _Input_instances, "m", _Input_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
8659
8750
|
__classPrivateFieldSet$f(this, _Input_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
8660
8751
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
8661
8752
|
this.statusChanged();
|
|
8662
8753
|
}
|
|
8663
8754
|
componentDidLoad() {
|
|
8664
|
-
invariant(__classPrivateFieldGet$
|
|
8755
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8665
8756
|
this.ariaLabelChanged(this.host.ariaLabel);
|
|
8666
8757
|
this.validationChanged();
|
|
8667
8758
|
this.valueChanged();
|
|
8668
8759
|
// FIXME: This event is supported by the native `<input>` element but not
|
|
8669
8760
|
// recognized by Stencil's type definitions, so it needs to be manually
|
|
8670
8761
|
// bound here.
|
|
8671
|
-
__classPrivateFieldGet$
|
|
8672
|
-
__classPrivateFieldGet$
|
|
8762
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").addEventListener('cancel', __classPrivateFieldGet$j(this, _Input_onCancel, "f"));
|
|
8763
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").addEventListener('search', __classPrivateFieldGet$j(this, _Input_onSearch, "f"));
|
|
8673
8764
|
}
|
|
8674
8765
|
disconnectedCallback() {
|
|
8675
|
-
if (__classPrivateFieldGet$
|
|
8676
|
-
__classPrivateFieldGet$
|
|
8677
|
-
__classPrivateFieldGet$
|
|
8766
|
+
if (__classPrivateFieldGet$j(this, _Input_input, "f")) {
|
|
8767
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").removeEventListener('cancel', __classPrivateFieldGet$j(this, _Input_onCancel, "f"));
|
|
8768
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").removeEventListener('search', __classPrivateFieldGet$j(this, _Input_onSearch, "f"));
|
|
8678
8769
|
}
|
|
8679
8770
|
}
|
|
8680
8771
|
render() {
|
|
8681
8772
|
const hasValue = this.value !== null && this.value !== undefined && this.value !== '';
|
|
8682
8773
|
const isSearchType = this.type === 'search';
|
|
8683
|
-
const
|
|
8774
|
+
const isIconUnsupportedType = this.type === 'file' || this.type === 'color';
|
|
8775
|
+
const shouldShowClearButton = hasValue && isSearchType;
|
|
8776
|
+
const shouldShowClearableButton = hasValue &&
|
|
8777
|
+
!isSearchType &&
|
|
8778
|
+
!isIconUnsupportedType &&
|
|
8779
|
+
this.clearable === true;
|
|
8780
|
+
/* DEPRECATED: noIcon will be removed by September 2026 */
|
|
8684
8781
|
const shouldShowSearchButton = isSearchType && this.noIcon === false;
|
|
8685
8782
|
const shouldHideIcon = !isSearchType && this.noIcon === true;
|
|
8686
8783
|
const shouldRemoveSearchPadding = isSearchType && this.noIcon === true;
|
|
8687
|
-
return (hAsync("div", { key: '
|
|
8784
|
+
return (hAsync("div", { key: '3ed80a395c44519bc231e9d898f642619c1c8bbd', class: "qds-container" }, hAsync("input", { key: 'dc2df7c5d4a0226a8a8304684cdcbba00bfc8926', accept: this.accept, autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
|
|
8688
8785
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
8689
8786
|
autoFocus: this.host.autofocus, capture: this.capture, class: {
|
|
8690
8787
|
'qds-search-padding': shouldRemoveSearchPadding,
|
|
@@ -8693,10 +8790,11 @@ class Input {
|
|
|
8693
8790
|
'qds-padding': shouldHideIcon,
|
|
8694
8791
|
'qds-password-padding': this.type === 'password' ||
|
|
8695
8792
|
(this.isPasswordVisible && this.type === 'text'),
|
|
8696
|
-
|
|
8697
|
-
'qds-icon-
|
|
8698
|
-
|
|
8699
|
-
|
|
8793
|
+
'qds-custom-icon-padding': shouldShowClearableButton && !__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_computedIconName_get),
|
|
8794
|
+
'qds-dual-icon-padding': shouldShowClearableButton && __classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get),
|
|
8795
|
+
}, "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 &&
|
|
8796
|
+
__classPrivateFieldGet$j(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) &&
|
|
8797
|
+
__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)))));
|
|
8700
8798
|
}
|
|
8701
8799
|
static get delegatesFocus() { return true; }
|
|
8702
8800
|
static get formAssociated() { return true; }
|
|
@@ -8726,6 +8824,7 @@ class Input {
|
|
|
8726
8824
|
"$members$": {
|
|
8727
8825
|
"status": [1],
|
|
8728
8826
|
"readonly": [4],
|
|
8827
|
+
"clearable": [4],
|
|
8729
8828
|
"noIcon": [4, "no-icon"],
|
|
8730
8829
|
"size": [1],
|
|
8731
8830
|
"accept": [1],
|
|
@@ -8763,7 +8862,7 @@ class Input {
|
|
|
8763
8862
|
"$attrsToReflect$": []
|
|
8764
8863
|
}; }
|
|
8765
8864
|
}
|
|
8766
|
-
_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(),
|
|
8865
|
+
_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() {
|
|
8767
8866
|
return this.host.matches(':disabled') || (this.disabled ?? false);
|
|
8768
8867
|
}, _Input_computedIconName_get = function _Input_computedIconName_get() {
|
|
8769
8868
|
if (this.type === 'password')
|
|
@@ -8815,7 +8914,7 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
|
|
|
8815
8914
|
['month', 'time', 'date', 'datetime-local', 'week', 'password'].includes(this.type));
|
|
8816
8915
|
}, _Input_iconClickHandler_get = function _Input_iconClickHandler_get() {
|
|
8817
8916
|
return this.type === 'password'
|
|
8818
|
-
? __classPrivateFieldGet$
|
|
8917
|
+
? __classPrivateFieldGet$j(this, _Input_togglePasswordVisibility, "f")
|
|
8819
8918
|
: this.showPicker;
|
|
8820
8919
|
}, _Input_computedType_get = function _Input_computedType_get() {
|
|
8821
8920
|
return this.type === 'password' && this.isPasswordVisible
|
|
@@ -8830,8 +8929,8 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
|
|
|
8830
8929
|
}, _Input_defineGetter = function _Input_defineGetter(p, get) {
|
|
8831
8930
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
8832
8931
|
}, _Input_clearValue = function _Input_clearValue() {
|
|
8833
|
-
invariant(__classPrivateFieldGet$
|
|
8834
|
-
__classPrivateFieldGet$
|
|
8932
|
+
invariant(__classPrivateFieldGet$j(this, _Input_input, "f"));
|
|
8933
|
+
__classPrivateFieldGet$j(this, _Input_input, "f").value = '';
|
|
8835
8934
|
};
|
|
8836
8935
|
|
|
8837
8936
|
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)}";
|
|
@@ -8839,7 +8938,7 @@ const labelCss = ":host([hidden]){display:none!important}:host{display:inline-bl
|
|
|
8839
8938
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
8840
8939
|
//
|
|
8841
8940
|
// SPDX-License-Identifier: Apache-2.0
|
|
8842
|
-
var __classPrivateFieldGet$
|
|
8941
|
+
var __classPrivateFieldGet$i = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
8843
8942
|
if (kind === "a" && !f)
|
|
8844
8943
|
throw new TypeError("Private accessor was defined without a getter");
|
|
8845
8944
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -8897,37 +8996,37 @@ class Label {
|
|
|
8897
8996
|
_Label_tooltipRef.set(this, (tooltip) => {
|
|
8898
8997
|
if (tooltip)
|
|
8899
8998
|
// eslint-disable-next-line no-param-reassign
|
|
8900
|
-
tooltip.target = this.tooltipTarget ?? __classPrivateFieldGet$
|
|
8999
|
+
tooltip.target = this.tooltipTarget ?? __classPrivateFieldGet$i(this, _Label_label, "f");
|
|
8901
9000
|
});
|
|
8902
9001
|
}
|
|
8903
9002
|
textChanged() {
|
|
8904
|
-
if (__classPrivateFieldGet$
|
|
8905
|
-
__classPrivateFieldGet$
|
|
8906
|
-
if (!__classPrivateFieldGet$
|
|
9003
|
+
if (__classPrivateFieldGet$i(this, _Label_ro, "f"))
|
|
9004
|
+
__classPrivateFieldGet$i(this, _Label_ro, "f").disconnect();
|
|
9005
|
+
if (!__classPrivateFieldGet$i(this, _Label_span, "f"))
|
|
8907
9006
|
return;
|
|
8908
|
-
const span = __classPrivateFieldGet$
|
|
9007
|
+
const span = __classPrivateFieldGet$i(this, _Label_span, "f");
|
|
8909
9008
|
readTask(() => {
|
|
8910
9009
|
this.tooltip = isEllipsisActive(span);
|
|
8911
9010
|
});
|
|
8912
9011
|
__classPrivateFieldSet$e(this, _Label_ro, new ResizeObserver(([spanEntry]) => {
|
|
8913
9012
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
8914
9013
|
}), "f");
|
|
8915
|
-
__classPrivateFieldGet$
|
|
9014
|
+
__classPrivateFieldGet$i(this, _Label_ro, "f").observe(__classPrivateFieldGet$i(this, _Label_span, "f"));
|
|
8916
9015
|
}
|
|
8917
9016
|
componentDidLoad() {
|
|
8918
9017
|
this.textChanged();
|
|
8919
9018
|
}
|
|
8920
9019
|
disconnectedCallback() {
|
|
8921
|
-
if (__classPrivateFieldGet$
|
|
8922
|
-
__classPrivateFieldGet$
|
|
9020
|
+
if (__classPrivateFieldGet$i(this, _Label_ro, "f"))
|
|
9021
|
+
__classPrivateFieldGet$i(this, _Label_ro, "f").disconnect();
|
|
8923
9022
|
}
|
|
8924
9023
|
render() {
|
|
8925
|
-
return (hAsync("span", { key: '
|
|
9024
|
+
return (hAsync("span", { key: '12b2c6847b2fe257bcb21263510875a91b61e1b9', class: {
|
|
8926
9025
|
'qds-inline': this.inline,
|
|
8927
9026
|
'qds-label': true,
|
|
8928
|
-
}, "data-size": __classPrivateFieldGet$
|
|
9027
|
+
}, "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"),
|
|
8929
9028
|
// eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
|
|
8930
|
-
tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '
|
|
9029
|
+
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))));
|
|
8931
9030
|
}
|
|
8932
9031
|
static get watchers() { return {
|
|
8933
9032
|
"text": ["textChanged"]
|
|
@@ -8973,12 +9072,12 @@ _Label_label = new WeakMap(), _Label_ro = new WeakMap(), _Label_span = new WeakM
|
|
|
8973
9072
|
}
|
|
8974
9073
|
};
|
|
8975
9074
|
|
|
8976
|
-
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:
|
|
9075
|
+
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)}";
|
|
8977
9076
|
|
|
8978
9077
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
8979
9078
|
//
|
|
8980
9079
|
// SPDX-License-Identifier: Apache-2.0
|
|
8981
|
-
var __classPrivateFieldGet$
|
|
9080
|
+
var __classPrivateFieldGet$h = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
8982
9081
|
if (kind === "a" && !f)
|
|
8983
9082
|
throw new TypeError("Private accessor was defined without a getter");
|
|
8984
9083
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -9055,14 +9154,14 @@ class ListItem {
|
|
|
9055
9154
|
});
|
|
9056
9155
|
_ListItem_onCheck.set(this, (event) => {
|
|
9057
9156
|
event.stopImmediatePropagation();
|
|
9058
|
-
this.selected = __classPrivateFieldGet$
|
|
9157
|
+
this.selected = __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedIndeterminate_get) ? true : !__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
|
|
9059
9158
|
this.changeEmitter.emit();
|
|
9060
9159
|
this.indeterminate = false;
|
|
9061
9160
|
});
|
|
9062
9161
|
_ListItem_onSelect.set(this, (event) => {
|
|
9063
9162
|
event.stopImmediatePropagation();
|
|
9064
|
-
if (!__classPrivateFieldGet$
|
|
9065
|
-
this.selected = !__classPrivateFieldGet$
|
|
9163
|
+
if (!__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get)) {
|
|
9164
|
+
this.selected = !__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get);
|
|
9066
9165
|
this.changeEmitter.emit();
|
|
9067
9166
|
}
|
|
9068
9167
|
});
|
|
@@ -9081,7 +9180,7 @@ class ListItem {
|
|
|
9081
9180
|
if (iconButton) {
|
|
9082
9181
|
__classPrivateFieldSet$d(this, _ListItem_iconButton, iconButton, "f");
|
|
9083
9182
|
}
|
|
9084
|
-
return __classPrivateFieldGet$
|
|
9183
|
+
return __classPrivateFieldGet$h(this, _ListItem_iconButton, "f");
|
|
9085
9184
|
});
|
|
9086
9185
|
_ListItem_onSlotChange.set(this, (event) => {
|
|
9087
9186
|
invariant(event.target instanceof HTMLSlotElement);
|
|
@@ -9100,13 +9199,13 @@ class ListItem {
|
|
|
9100
9199
|
event.stopImmediatePropagation();
|
|
9101
9200
|
return;
|
|
9102
9201
|
}
|
|
9103
|
-
if (__classPrivateFieldGet$
|
|
9104
|
-
invariant(__classPrivateFieldGet$
|
|
9105
|
-
__classPrivateFieldGet$
|
|
9202
|
+
if (__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect') {
|
|
9203
|
+
invariant(__classPrivateFieldGet$h(this, _ListItem_checkbox, "f"));
|
|
9204
|
+
__classPrivateFieldGet$h(this, _ListItem_onCheck, "f").call(this, event);
|
|
9106
9205
|
}
|
|
9107
|
-
if (__classPrivateFieldGet$
|
|
9108
|
-
invariant(__classPrivateFieldGet$
|
|
9109
|
-
__classPrivateFieldGet$
|
|
9206
|
+
if (__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio') {
|
|
9207
|
+
invariant(__classPrivateFieldGet$h(this, _ListItem_radio, "f"));
|
|
9208
|
+
__classPrivateFieldGet$h(this, _ListItem_onSelect, "f").call(this, event);
|
|
9110
9209
|
}
|
|
9111
9210
|
// Always prevent default behavior to avoid the internal `<input>`
|
|
9112
9211
|
// to toggle `checked` state inappropriately.
|
|
@@ -9138,39 +9237,39 @@ class ListItem {
|
|
|
9138
9237
|
listActionChanged(newValue) {
|
|
9139
9238
|
this.internals.ariaChecked =
|
|
9140
9239
|
(newValue === 'radio' || newValue === 'multiselect') &&
|
|
9141
|
-
__classPrivateFieldGet$
|
|
9240
|
+
__classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get)
|
|
9142
9241
|
? 'true'
|
|
9143
9242
|
: 'false';
|
|
9144
9243
|
}
|
|
9145
9244
|
textChanged() {
|
|
9146
|
-
if (__classPrivateFieldGet$
|
|
9147
|
-
__classPrivateFieldGet$
|
|
9148
|
-
if (!__classPrivateFieldGet$
|
|
9245
|
+
if (__classPrivateFieldGet$h(this, _ListItem_roText, "f"))
|
|
9246
|
+
__classPrivateFieldGet$h(this, _ListItem_roText, "f").disconnect();
|
|
9247
|
+
if (!__classPrivateFieldGet$h(this, _ListItem_text, "f") || !this.text)
|
|
9149
9248
|
return;
|
|
9150
|
-
invariant(__classPrivateFieldGet$
|
|
9151
|
-
const div = __classPrivateFieldGet$
|
|
9249
|
+
invariant(__classPrivateFieldGet$h(this, _ListItem_text, "f"));
|
|
9250
|
+
const div = __classPrivateFieldGet$h(this, _ListItem_text, "f");
|
|
9152
9251
|
readTask(() => {
|
|
9153
9252
|
this.textTooltip = isEllipsisActive(div);
|
|
9154
9253
|
});
|
|
9155
9254
|
__classPrivateFieldSet$d(this, _ListItem_roText, new ResizeObserver(([divEntry]) => {
|
|
9156
9255
|
this.textTooltip = isEllipsisActive(divEntry.target);
|
|
9157
9256
|
}), "f");
|
|
9158
|
-
__classPrivateFieldGet$
|
|
9257
|
+
__classPrivateFieldGet$h(this, _ListItem_roText, "f").observe(__classPrivateFieldGet$h(this, _ListItem_text, "f"));
|
|
9159
9258
|
}
|
|
9160
9259
|
subtitleChanged() {
|
|
9161
|
-
if (__classPrivateFieldGet$
|
|
9162
|
-
__classPrivateFieldGet$
|
|
9163
|
-
if (!__classPrivateFieldGet$
|
|
9260
|
+
if (__classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f"))
|
|
9261
|
+
__classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f").disconnect();
|
|
9262
|
+
if (!__classPrivateFieldGet$h(this, _ListItem_subtitle, "f") || this.subtitle === undefined || this.subtitle === '')
|
|
9164
9263
|
return;
|
|
9165
|
-
invariant(__classPrivateFieldGet$
|
|
9166
|
-
const div = __classPrivateFieldGet$
|
|
9264
|
+
invariant(__classPrivateFieldGet$h(this, _ListItem_subtitle, "f"));
|
|
9265
|
+
const div = __classPrivateFieldGet$h(this, _ListItem_subtitle, "f");
|
|
9167
9266
|
readTask(() => {
|
|
9168
9267
|
this.subtitleTooltip = isEllipsisActive(div);
|
|
9169
9268
|
});
|
|
9170
9269
|
__classPrivateFieldSet$d(this, _ListItem_roSubTitle, new ResizeObserver(([divEntry]) => {
|
|
9171
9270
|
this.subtitleTooltip = isEllipsisActive(divEntry.target);
|
|
9172
9271
|
}), "f");
|
|
9173
|
-
__classPrivateFieldGet$
|
|
9272
|
+
__classPrivateFieldGet$h(this, _ListItem_roSubTitle, "f").observe(__classPrivateFieldGet$h(this, _ListItem_subtitle, "f"));
|
|
9174
9273
|
}
|
|
9175
9274
|
componentWillLoad() {
|
|
9176
9275
|
this.hasSubmenuSlot = this.host.hasChildNodes();
|
|
@@ -9196,16 +9295,18 @@ class ListItem {
|
|
|
9196
9295
|
this.subtitleChanged();
|
|
9197
9296
|
}
|
|
9198
9297
|
render() {
|
|
9199
|
-
return (hAsync(Host, { key: '
|
|
9298
|
+
return (hAsync(Host, { key: 'ee0d9edc0e5cdebab2c62a1b0ba5834fb0880205' }, hAsync("div", { key: '27fdefc82869d16f8328614994979edfedf83847', class: {
|
|
9200
9299
|
'qds-list-item': true,
|
|
9201
|
-
'qds-has-submenu': __classPrivateFieldGet$
|
|
9300
|
+
'qds-has-submenu': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get),
|
|
9202
9301
|
'qds-disabled': this.disabled,
|
|
9203
|
-
'qds-selected': __classPrivateFieldGet$
|
|
9204
|
-
'qds-static': __classPrivateFieldGet$
|
|
9205
|
-
}, "data-size": __classPrivateFieldGet$
|
|
9302
|
+
'qds-selected': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
|
|
9303
|
+
'qds-static': __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'none',
|
|
9304
|
+
}, "data-size": __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '7b2e68fcac4f4ffab6e81e885653999612ed1cb6', class: {
|
|
9206
9305
|
'qds-indented-content': true,
|
|
9207
|
-
'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$
|
|
9208
|
-
} }, __classPrivateFieldGet$
|
|
9306
|
+
'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$h(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !== 'none',
|
|
9307
|
+
} }, __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
|
|
9308
|
+
? 0
|
|
9309
|
+
: 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))))));
|
|
9209
9310
|
}
|
|
9210
9311
|
get host() { return getElement(this); }
|
|
9211
9312
|
static get watchers() { return {
|
|
@@ -9284,12 +9385,12 @@ _ListItem_roText = new WeakMap(), _ListItem_roSubTitle = new WeakMap(), _ListIte
|
|
|
9284
9385
|
return this.hasSubmenuSlot;
|
|
9285
9386
|
};
|
|
9286
9387
|
|
|
9287
|
-
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:
|
|
9388
|
+
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)}";
|
|
9288
9389
|
|
|
9289
9390
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9290
9391
|
//
|
|
9291
9392
|
// SPDX-License-Identifier: Apache-2.0
|
|
9292
|
-
var __classPrivateFieldGet$
|
|
9393
|
+
var __classPrivateFieldGet$g = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
9293
9394
|
if (kind === "a" && !f)
|
|
9294
9395
|
throw new TypeError("Private accessor was defined without a getter");
|
|
9295
9396
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -9324,7 +9425,7 @@ class Loader {
|
|
|
9324
9425
|
this.importance = 'standard';
|
|
9325
9426
|
}
|
|
9326
9427
|
statusChanged() {
|
|
9327
|
-
const status = __classPrivateFieldGet$
|
|
9428
|
+
const status = __classPrivateFieldGet$g(this, _Loader_instances, "a", _Loader_computedStatus_get);
|
|
9328
9429
|
this.internals.ariaValueNow =
|
|
9329
9430
|
status === undefined
|
|
9330
9431
|
? // eslint-disable-next-line unicorn/no-null
|
|
@@ -9352,11 +9453,11 @@ class Loader {
|
|
|
9352
9453
|
this.internals.role = 'progressbar';
|
|
9353
9454
|
this.internals.ariaValueMin = this.host.ariaValueMin ?? '0';
|
|
9354
9455
|
this.internals.ariaValueMax = this.host.ariaValueMax ?? '1';
|
|
9355
|
-
__classPrivateFieldGet$
|
|
9456
|
+
__classPrivateFieldGet$g(this, _Loader_instances, "m", _Loader_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
9356
9457
|
this.statusChanged();
|
|
9357
9458
|
}
|
|
9358
9459
|
render() {
|
|
9359
|
-
return __classPrivateFieldGet$
|
|
9460
|
+
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) }));
|
|
9360
9461
|
}
|
|
9361
9462
|
static get formAssociated() { return true; }
|
|
9362
9463
|
get host() { return getElement(this); }
|
|
@@ -9422,7 +9523,7 @@ const menuItemCss = ":host([hidden]){display:none!important}:host{display:block}
|
|
|
9422
9523
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
9423
9524
|
//
|
|
9424
9525
|
// SPDX-License-Identifier: Apache-2.0
|
|
9425
|
-
var __classPrivateFieldGet$
|
|
9526
|
+
var __classPrivateFieldGet$f = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
9426
9527
|
if (kind === "a" && !f)
|
|
9427
9528
|
throw new TypeError("Private accessor was defined without a getter");
|
|
9428
9529
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -9480,7 +9581,7 @@ class MenuItem {
|
|
|
9480
9581
|
if (menuItem) {
|
|
9481
9582
|
__classPrivateFieldSet$c(this, _MenuItem_menuItem, menuItem, "f");
|
|
9482
9583
|
}
|
|
9483
|
-
return __classPrivateFieldGet$
|
|
9584
|
+
return __classPrivateFieldGet$f(this, _MenuItem_menuItem, "f");
|
|
9484
9585
|
});
|
|
9485
9586
|
_MenuItem_spanRef.set(this, (span) => {
|
|
9486
9587
|
__classPrivateFieldSet$c(this, _MenuItem_span, span, "f");
|
|
@@ -9488,7 +9589,7 @@ class MenuItem {
|
|
|
9488
9589
|
_MenuItem_tooltipRef.set(this, (tooltip) => {
|
|
9489
9590
|
if (tooltip)
|
|
9490
9591
|
// eslint-disable-next-line no-param-reassign
|
|
9491
|
-
tooltip.target = __classPrivateFieldGet$
|
|
9592
|
+
tooltip.target = __classPrivateFieldGet$f(this, _MenuItem_menuItem, "f");
|
|
9492
9593
|
});
|
|
9493
9594
|
}
|
|
9494
9595
|
onBlur(event) {
|
|
@@ -9498,32 +9599,32 @@ class MenuItem {
|
|
|
9498
9599
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
9499
9600
|
}
|
|
9500
9601
|
onClick(event) {
|
|
9501
|
-
if (__classPrivateFieldGet$
|
|
9602
|
+
if (__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get)) {
|
|
9502
9603
|
event.stopImmediatePropagation();
|
|
9503
9604
|
return;
|
|
9504
9605
|
}
|
|
9505
|
-
if (__classPrivateFieldGet$
|
|
9506
|
-
this.checked = !__classPrivateFieldGet$
|
|
9606
|
+
if (__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get)) {
|
|
9607
|
+
this.checked = !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get);
|
|
9507
9608
|
this.selectEmitter.emit();
|
|
9508
9609
|
}
|
|
9509
9610
|
}
|
|
9510
9611
|
disabledChanged() {
|
|
9511
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
9612
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get).toString();
|
|
9512
9613
|
}
|
|
9513
9614
|
checkedChanged() {
|
|
9514
|
-
this.internals.ariaChecked = __classPrivateFieldGet$
|
|
9615
|
+
this.internals.ariaChecked = __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get).toString();
|
|
9515
9616
|
}
|
|
9516
9617
|
componentDidLoad() {
|
|
9517
9618
|
this.checkedChanged();
|
|
9518
|
-
invariant(__classPrivateFieldGet$
|
|
9519
|
-
const span = __classPrivateFieldGet$
|
|
9619
|
+
invariant(__classPrivateFieldGet$f(this, _MenuItem_span, "f"));
|
|
9620
|
+
const span = __classPrivateFieldGet$f(this, _MenuItem_span, "f");
|
|
9520
9621
|
readTask(() => {
|
|
9521
9622
|
this.tooltip = isEllipsisActive(span);
|
|
9522
9623
|
});
|
|
9523
9624
|
__classPrivateFieldSet$c(this, _MenuItem_ro, new ResizeObserver(([spanEntry]) => {
|
|
9524
9625
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
9525
9626
|
}), "f");
|
|
9526
|
-
__classPrivateFieldGet$
|
|
9627
|
+
__classPrivateFieldGet$f(this, _MenuItem_ro, "f").observe(__classPrivateFieldGet$f(this, _MenuItem_span, "f"));
|
|
9527
9628
|
}
|
|
9528
9629
|
componentWillLoad() {
|
|
9529
9630
|
this.hasSubmenuSlot = this.host.hasChildNodes();
|
|
@@ -9532,11 +9633,11 @@ class MenuItem {
|
|
|
9532
9633
|
this.disabledChanged();
|
|
9533
9634
|
}
|
|
9534
9635
|
render() {
|
|
9535
|
-
return (hAsync("div", { key: '
|
|
9636
|
+
return (hAsync("div", { key: '7d0ba7c11661174f646a8b69012645224bda21fe', class: {
|
|
9536
9637
|
'qds-menu-item': true,
|
|
9537
|
-
'qds-disabled': __classPrivateFieldGet$
|
|
9538
|
-
'qds-has-submenu': __classPrivateFieldGet$
|
|
9539
|
-
}, ref: __classPrivateFieldGet$
|
|
9638
|
+
'qds-disabled': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
|
|
9639
|
+
'qds-has-submenu': __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get),
|
|
9640
|
+
}, 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))));
|
|
9540
9641
|
}
|
|
9541
9642
|
get host() { return getElement(this); }
|
|
9542
9643
|
static get watchers() { return {
|
|
@@ -9578,9 +9679,9 @@ _MenuItem_ro = new WeakMap(), _MenuItem_menuItem = new WeakMap(), _MenuItem_span
|
|
|
9578
9679
|
}, _MenuItem_computedType_get = function _MenuItem_computedType_get() {
|
|
9579
9680
|
return this.type ?? undefined;
|
|
9580
9681
|
}, _MenuItem_computedCheckable_get = function _MenuItem_computedCheckable_get() {
|
|
9581
|
-
return __classPrivateFieldGet$
|
|
9682
|
+
return __classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedType_get) === 'checkbox';
|
|
9582
9683
|
}, _MenuItem_computedChecked_get = function _MenuItem_computedChecked_get() {
|
|
9583
|
-
return ((__classPrivateFieldGet$
|
|
9684
|
+
return ((__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$f(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && this.checked) ?? false);
|
|
9584
9685
|
}, _MenuItem_computedDisabled_get = function _MenuItem_computedDisabled_get() {
|
|
9585
9686
|
return this.disabled ?? false;
|
|
9586
9687
|
}, _MenuItem_hasSubmenu_get = function _MenuItem_hasSubmenu_get() {
|
|
@@ -9592,7 +9693,7 @@ const miniButtonCss = ":host{display:block}:host(:focus-visible){box-shadow:0 0
|
|
|
9592
9693
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
9593
9694
|
//
|
|
9594
9695
|
// SPDX-License-Identifier: Apache-2.0
|
|
9595
|
-
var __classPrivateFieldGet$
|
|
9696
|
+
var __classPrivateFieldGet$e = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
9596
9697
|
if (kind === "a" && !f)
|
|
9597
9698
|
throw new TypeError("Private accessor was defined without a getter");
|
|
9598
9699
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -9641,11 +9742,11 @@ class MiniButton {
|
|
|
9641
9742
|
_MiniButton_savedTabIndex.set(this, 0);
|
|
9642
9743
|
}
|
|
9643
9744
|
disabledChanged() {
|
|
9644
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
9645
|
-
if (__classPrivateFieldGet$
|
|
9745
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get).toString();
|
|
9746
|
+
if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
|
|
9646
9747
|
this.host.removeAttribute('tabindex');
|
|
9647
9748
|
else
|
|
9648
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
9749
|
+
this.host.tabIndex = __classPrivateFieldGet$e(this, _MiniButton_savedTabIndex, "f");
|
|
9649
9750
|
}
|
|
9650
9751
|
hrefChanged() {
|
|
9651
9752
|
this.internals.role = this.href === undefined ? 'button' : 'link';
|
|
@@ -9657,16 +9758,16 @@ class MiniButton {
|
|
|
9657
9758
|
? 0
|
|
9658
9759
|
: parsedValue, "f");
|
|
9659
9760
|
}
|
|
9660
|
-
if (__classPrivateFieldGet$
|
|
9761
|
+
if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get))
|
|
9661
9762
|
this.host.removeAttribute('tabindex');
|
|
9662
9763
|
else
|
|
9663
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
9764
|
+
this.host.tabIndex = __classPrivateFieldGet$e(this, _MiniButton_savedTabIndex, "f");
|
|
9664
9765
|
}
|
|
9665
9766
|
textChanged() {
|
|
9666
9767
|
this.internals.ariaLabel = this.text;
|
|
9667
9768
|
}
|
|
9668
9769
|
onClick(event) {
|
|
9669
|
-
if (__classPrivateFieldGet$
|
|
9770
|
+
if (__classPrivateFieldGet$e(this, _MiniButton_instances, "a", _MiniButton_computedDisabled_get)) {
|
|
9670
9771
|
event.stopImmediatePropagation();
|
|
9671
9772
|
}
|
|
9672
9773
|
}
|
|
@@ -9692,7 +9793,7 @@ class MiniButton {
|
|
|
9692
9793
|
}
|
|
9693
9794
|
render() {
|
|
9694
9795
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
9695
|
-
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$
|
|
9796
|
+
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 })));
|
|
9696
9797
|
}
|
|
9697
9798
|
static get formAssociated() { return true; }
|
|
9698
9799
|
get host() { return getElement(this); }
|
|
@@ -9726,7 +9827,7 @@ _MiniButton_savedTabIndex = new WeakMap(), _MiniButton_instances = new WeakSet()
|
|
|
9726
9827
|
this.host.getAttribute('disabled') !== 'false'));
|
|
9727
9828
|
};
|
|
9728
9829
|
|
|
9729
|
-
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:
|
|
9830
|
+
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)}";
|
|
9730
9831
|
|
|
9731
9832
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9732
9833
|
//
|
|
@@ -9740,7 +9841,7 @@ var __classPrivateFieldSet$a = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
9740
9841
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
9741
9842
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
9742
9843
|
};
|
|
9743
|
-
var __classPrivateFieldGet$
|
|
9844
|
+
var __classPrivateFieldGet$d = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
9744
9845
|
if (kind === "a" && !f)
|
|
9745
9846
|
throw new TypeError("Private accessor was defined without a getter");
|
|
9746
9847
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -9796,8 +9897,8 @@ class ProgressBar {
|
|
|
9796
9897
|
maxChanged() {
|
|
9797
9898
|
const max = typeof this.max === 'string' ? Number.parseFloat(this.max) : this.max;
|
|
9798
9899
|
__classPrivateFieldSet$a(this, _ProgressBar_localMax, max === undefined || Number.isNaN(max) || max < 0 ? 1 : max, "f");
|
|
9799
|
-
this.internals.ariaValueMax = __classPrivateFieldGet$
|
|
9800
|
-
__classPrivateFieldGet$
|
|
9900
|
+
this.internals.ariaValueMax = __classPrivateFieldGet$d(this, _ProgressBar_localMax, "f").toString();
|
|
9901
|
+
__classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
|
|
9801
9902
|
}
|
|
9802
9903
|
valueChanged() {
|
|
9803
9904
|
const value = typeof this.value === 'string'
|
|
@@ -9806,21 +9907,21 @@ class ProgressBar {
|
|
|
9806
9907
|
__classPrivateFieldSet$a(this, _ProgressBar_localValue, value === undefined || Number.isNaN(value) || value < 0 ? 0 : value, "f");
|
|
9807
9908
|
this.internals.ariaValueNow =
|
|
9808
9909
|
// eslint-disable-next-line unicorn/no-null
|
|
9809
|
-
this.value === undefined ? null : __classPrivateFieldGet$
|
|
9810
|
-
__classPrivateFieldGet$
|
|
9910
|
+
this.value === undefined ? null : __classPrivateFieldGet$d(this, _ProgressBar_localValue, "f").toString();
|
|
9911
|
+
__classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_positionChanged).call(this);
|
|
9811
9912
|
}
|
|
9812
9913
|
componentWillLoad() {
|
|
9813
9914
|
this.internals.role = 'progressbar';
|
|
9814
|
-
__classPrivateFieldGet$
|
|
9815
|
-
__classPrivateFieldGet$
|
|
9915
|
+
__classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
9916
|
+
__classPrivateFieldGet$d(this, _ProgressBar_instances, "m", _ProgressBar_defineGetter).call(this, 'position', () => __classPrivateFieldGet$d(this, _ProgressBar_position, "f"));
|
|
9816
9917
|
this.maxChanged();
|
|
9817
9918
|
this.valueChanged();
|
|
9818
9919
|
}
|
|
9819
9920
|
render() {
|
|
9820
|
-
return (hAsync("div", { key: '1f594b08dadc74c480d08f43bd9351225871990b', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$
|
|
9921
|
+
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: {
|
|
9821
9922
|
'qds-bar': true,
|
|
9822
|
-
'qds-indeterminate': __classPrivateFieldGet$
|
|
9823
|
-
}, "data-size": __classPrivateFieldGet$
|
|
9923
|
+
'qds-indeterminate': __classPrivateFieldGet$d(this, _ProgressBar_position, "f") === -1,
|
|
9924
|
+
}, "data-size": __classPrivateFieldGet$d(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
|
|
9824
9925
|
}
|
|
9825
9926
|
static get formAssociated() { return true; }
|
|
9826
9927
|
get host() { return getElement(this); }
|
|
@@ -9861,18 +9962,18 @@ _ProgressBar_localMax = new WeakMap(), _ProgressBar_localValue = new WeakMap(),
|
|
|
9861
9962
|
this.width = '50%';
|
|
9862
9963
|
return;
|
|
9863
9964
|
}
|
|
9864
|
-
__classPrivateFieldSet$a(this, _ProgressBar_position, __classPrivateFieldGet$
|
|
9865
|
-
this.width = `${Math.min(__classPrivateFieldGet$
|
|
9965
|
+
__classPrivateFieldSet$a(this, _ProgressBar_position, __classPrivateFieldGet$d(this, _ProgressBar_localValue, "f") / __classPrivateFieldGet$d(this, _ProgressBar_localMax, "f"), "f");
|
|
9966
|
+
this.width = `${Math.min(__classPrivateFieldGet$d(this, _ProgressBar_position, "f") * 100, 100)}%`;
|
|
9866
9967
|
}, _ProgressBar_defineGetter = function _ProgressBar_defineGetter(p, get) {
|
|
9867
9968
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
9868
9969
|
};
|
|
9869
9970
|
|
|
9870
|
-
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{
|
|
9971
|
+
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}";
|
|
9871
9972
|
|
|
9872
9973
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9873
9974
|
//
|
|
9874
9975
|
// SPDX-License-Identifier: Apache-2.0
|
|
9875
|
-
var __classPrivateFieldGet$
|
|
9976
|
+
var __classPrivateFieldGet$c = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
9876
9977
|
if (kind === "a" && !f)
|
|
9877
9978
|
throw new TypeError("Private accessor was defined without a getter");
|
|
9878
9979
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -9931,29 +10032,29 @@ class QdsBreadcrumbItem {
|
|
|
9931
10032
|
_QdsBreadcrumbItem_tooltipRef.set(this, (tooltip) => {
|
|
9932
10033
|
if (tooltip)
|
|
9933
10034
|
// eslint-disable-next-line no-param-reassign
|
|
9934
|
-
tooltip.target = __classPrivateFieldGet$
|
|
10035
|
+
tooltip.target = __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_breadcrumbItem, "f");
|
|
9935
10036
|
});
|
|
9936
10037
|
}
|
|
9937
10038
|
onClick(event) {
|
|
9938
|
-
if (__classPrivateFieldGet$
|
|
10039
|
+
if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get))
|
|
9939
10040
|
event.stopImmediatePropagation();
|
|
9940
10041
|
}
|
|
9941
10042
|
disabledChanged() {
|
|
9942
10043
|
this.internals.ariaDisabled = this.disabled.toString();
|
|
9943
10044
|
}
|
|
9944
10045
|
textChanged() {
|
|
9945
|
-
if (__classPrivateFieldGet$
|
|
9946
|
-
__classPrivateFieldGet$
|
|
9947
|
-
if (!__classPrivateFieldGet$
|
|
10046
|
+
if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f"))
|
|
10047
|
+
__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").disconnect();
|
|
10048
|
+
if (!__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f"))
|
|
9948
10049
|
return;
|
|
9949
|
-
const span = __classPrivateFieldGet$
|
|
10050
|
+
const span = __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f");
|
|
9950
10051
|
readTask(() => {
|
|
9951
10052
|
this.tooltip = isEllipsisActive(span);
|
|
9952
10053
|
});
|
|
9953
10054
|
__classPrivateFieldSet$9(this, _QdsBreadcrumbItem_ro, new ResizeObserver(([spanEntry]) => {
|
|
9954
10055
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
9955
10056
|
}), "f");
|
|
9956
|
-
__classPrivateFieldGet$
|
|
10057
|
+
__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").observe(__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_span, "f"));
|
|
9957
10058
|
}
|
|
9958
10059
|
componentWillLoad() {
|
|
9959
10060
|
this.internals.role = 'listitem';
|
|
@@ -9963,16 +10064,16 @@ class QdsBreadcrumbItem {
|
|
|
9963
10064
|
this.textChanged();
|
|
9964
10065
|
}
|
|
9965
10066
|
disconnectedCallback() {
|
|
9966
|
-
if (__classPrivateFieldGet$
|
|
9967
|
-
__classPrivateFieldGet$
|
|
10067
|
+
if (__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f"))
|
|
10068
|
+
__classPrivateFieldGet$c(this, _QdsBreadcrumbItem_ro, "f").disconnect();
|
|
9968
10069
|
}
|
|
9969
10070
|
render() {
|
|
9970
10071
|
return (hAsync("div", { key: '98651d2afead065d1dc9955fecbba5a3c56b9c99', class: {
|
|
9971
10072
|
'qds-breadcrumb-item': true,
|
|
9972
|
-
'qds-disabled': __classPrivateFieldGet$
|
|
9973
|
-
}, ref: this.href === undefined ? __classPrivateFieldGet$
|
|
9974
|
-
? __classPrivateFieldGet$
|
|
9975
|
-
: __classPrivateFieldGet$
|
|
10073
|
+
'qds-disabled': __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get),
|
|
10074
|
+
}, 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)
|
|
10075
|
+
? __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderText).call(this)
|
|
10076
|
+
: __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))));
|
|
9976
10077
|
}
|
|
9977
10078
|
static get delegatesFocus() { return true; }
|
|
9978
10079
|
static get watchers() { return {
|
|
@@ -10007,17 +10108,17 @@ _QdsBreadcrumbItem_breadcrumbItem = new WeakMap(), _QdsBreadcrumbItem_ro = new W
|
|
|
10007
10108
|
return false;
|
|
10008
10109
|
return isCurrentPage(this.href);
|
|
10009
10110
|
}, _QdsBreadcrumbItem_renderAnchor = function _QdsBreadcrumbItem_renderAnchor() {
|
|
10010
|
-
return (hAsync(Fragment, null, hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$
|
|
10111
|
+
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" }, "/")));
|
|
10011
10112
|
}, _QdsBreadcrumbItem_renderText = function _QdsBreadcrumbItem_renderText() {
|
|
10012
|
-
return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$
|
|
10113
|
+
return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$c(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
|
|
10013
10114
|
};
|
|
10014
10115
|
|
|
10015
|
-
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{
|
|
10116
|
+
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)}";
|
|
10016
10117
|
|
|
10017
10118
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10018
10119
|
//
|
|
10019
10120
|
// SPDX-License-Identifier: Apache-2.0
|
|
10020
|
-
var __classPrivateFieldGet$
|
|
10121
|
+
var __classPrivateFieldGet$b = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
10021
10122
|
if (kind === "a" && !f)
|
|
10022
10123
|
throw new TypeError("Private accessor was defined without a getter");
|
|
10023
10124
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -10033,7 +10134,7 @@ var __classPrivateFieldSet$8 = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
10033
10134
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
10034
10135
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
10035
10136
|
};
|
|
10036
|
-
var _Radio_instances, _Radio_inheritedAttributes, _Radio_input, _Radio_computedDisabled_get, _Radio_computedSize_get, _Radio_hasText_get, _Radio_ref, _Radio_onBlur,
|
|
10137
|
+
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;
|
|
10037
10138
|
/**
|
|
10038
10139
|
* `<qds-radio>` elements are rendered as circles that are filled when
|
|
10039
10140
|
* selected. They are generally used in **radio groups** — collections of radio
|
|
@@ -10062,51 +10163,91 @@ class Radio {
|
|
|
10062
10163
|
* The radio button's size.
|
|
10063
10164
|
*/
|
|
10064
10165
|
this.size = 'standard';
|
|
10166
|
+
this.tooltip = false;
|
|
10065
10167
|
_Radio_inheritedAttributes.set(this, {});
|
|
10066
10168
|
_Radio_input.set(this, void 0);
|
|
10169
|
+
_Radio_ro.set(this, void 0);
|
|
10170
|
+
_Radio_span.set(this, void 0);
|
|
10171
|
+
_Radio_tooltip.set(this, void 0);
|
|
10067
10172
|
_Radio_ref.set(this, (input) => {
|
|
10068
10173
|
__classPrivateFieldSet$8(this, _Radio_input, input, "f");
|
|
10069
10174
|
});
|
|
10070
10175
|
_Radio_onBlur.set(this, (event) => {
|
|
10071
10176
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
10072
|
-
|
|
10073
|
-
|
|
10074
|
-
this.changeEmitter.emit();
|
|
10177
|
+
if (__classPrivateFieldGet$b(this, _Radio_tooltip, "f"))
|
|
10178
|
+
ignorePromise(__classPrivateFieldGet$b(this, _Radio_tooltip, "f").close());
|
|
10075
10179
|
});
|
|
10076
10180
|
_Radio_onFocus.set(this, (event) => {
|
|
10077
10181
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
10182
|
+
if (__classPrivateFieldGet$b(this, _Radio_tooltip, "f"))
|
|
10183
|
+
ignorePromise(__classPrivateFieldGet$b(this, _Radio_tooltip, "f").show());
|
|
10184
|
+
});
|
|
10185
|
+
_Radio_spanRef.set(this, (span) => {
|
|
10186
|
+
__classPrivateFieldSet$8(this, _Radio_span, span, "f");
|
|
10187
|
+
});
|
|
10188
|
+
_Radio_tooltipRef.set(this, (tooltip) => {
|
|
10189
|
+
if (tooltip) {
|
|
10190
|
+
// eslint-disable-next-line no-param-reassign
|
|
10191
|
+
tooltip.target = this.host;
|
|
10192
|
+
__classPrivateFieldSet$8(this, _Radio_tooltip, tooltip, "f");
|
|
10193
|
+
}
|
|
10194
|
+
});
|
|
10195
|
+
_Radio_onChange.set(this, () => {
|
|
10196
|
+
this.changeEmitter.emit();
|
|
10078
10197
|
});
|
|
10079
10198
|
}
|
|
10080
10199
|
onClick(event) {
|
|
10081
|
-
if (__classPrivateFieldGet$
|
|
10200
|
+
if (__classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get)) {
|
|
10082
10201
|
event.stopImmediatePropagation();
|
|
10083
10202
|
return;
|
|
10084
10203
|
}
|
|
10085
|
-
invariant(__classPrivateFieldGet$
|
|
10086
|
-
this.checked = __classPrivateFieldGet$
|
|
10204
|
+
invariant(__classPrivateFieldGet$b(this, _Radio_input, "f"));
|
|
10205
|
+
this.checked = __classPrivateFieldGet$b(this, _Radio_input, "f").checked;
|
|
10087
10206
|
}
|
|
10088
10207
|
tabindexChanged(newValue) {
|
|
10089
10208
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
10090
10209
|
this.tabIndex =
|
|
10091
10210
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
10092
10211
|
}
|
|
10212
|
+
textChanged() {
|
|
10213
|
+
if (__classPrivateFieldGet$b(this, _Radio_ro, "f"))
|
|
10214
|
+
__classPrivateFieldGet$b(this, _Radio_ro, "f").disconnect();
|
|
10215
|
+
if (!__classPrivateFieldGet$b(this, _Radio_span, "f"))
|
|
10216
|
+
return;
|
|
10217
|
+
const span = __classPrivateFieldGet$b(this, _Radio_span, "f");
|
|
10218
|
+
readTask(() => {
|
|
10219
|
+
this.tooltip = isEllipsisActive(span);
|
|
10220
|
+
});
|
|
10221
|
+
__classPrivateFieldSet$8(this, _Radio_ro, new ResizeObserver(([spanEntry]) => {
|
|
10222
|
+
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
10223
|
+
}), "f");
|
|
10224
|
+
__classPrivateFieldGet$b(this, _Radio_ro, "f").observe(__classPrivateFieldGet$b(this, _Radio_span, "f"));
|
|
10225
|
+
}
|
|
10093
10226
|
componentWillLoad() {
|
|
10094
10227
|
__classPrivateFieldSet$8(this, _Radio_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
10095
10228
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
10096
10229
|
}
|
|
10230
|
+
componentDidLoad() {
|
|
10231
|
+
this.textChanged();
|
|
10232
|
+
}
|
|
10233
|
+
disconnectedCallback() {
|
|
10234
|
+
if (__classPrivateFieldGet$b(this, _Radio_ro, "f"))
|
|
10235
|
+
__classPrivateFieldGet$b(this, _Radio_ro, "f").disconnect();
|
|
10236
|
+
}
|
|
10097
10237
|
render() {
|
|
10098
10238
|
return (
|
|
10099
10239
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
10100
|
-
hAsync("label", { key: '
|
|
10240
|
+
hAsync("label", { key: '62bb3624c0b808bd128e2377215d63ed03f03c9f', "aria-disabled": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
|
|
10101
10241
|
'qds-inline': this.inline,
|
|
10102
10242
|
'qds-label': true,
|
|
10103
|
-
}, "data-size": __classPrivateFieldGet$
|
|
10243
|
+
}, "data-size": __classPrivateFieldGet$b(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '0162d9e7c109e914c2450ea0ecbeeb17e228d106', class: "qds-container" }, hAsync("input", { key: '076c5b110f38044837431b6d1d43196700ec97b2',
|
|
10104
10244
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
10105
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$
|
|
10245
|
+
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))));
|
|
10106
10246
|
}
|
|
10107
10247
|
get host() { return getElement(this); }
|
|
10108
10248
|
static get watchers() { return {
|
|
10109
|
-
"tabindex": ["tabindexChanged"]
|
|
10249
|
+
"tabindex": ["tabindexChanged"],
|
|
10250
|
+
"text": ["textChanged"]
|
|
10110
10251
|
}; }
|
|
10111
10252
|
static get style() { return radioCss; }
|
|
10112
10253
|
static get cmpMeta() { return {
|
|
@@ -10122,14 +10263,15 @@ class Radio {
|
|
|
10122
10263
|
"name": [1],
|
|
10123
10264
|
"required": [4],
|
|
10124
10265
|
"value": [1032],
|
|
10125
|
-
"tabIndex": [32]
|
|
10266
|
+
"tabIndex": [32],
|
|
10267
|
+
"tooltip": [32]
|
|
10126
10268
|
},
|
|
10127
10269
|
"$listeners$": [[0, "click", "onClick"]],
|
|
10128
10270
|
"$lazyBundleId$": "-",
|
|
10129
10271
|
"$attrsToReflect$": []
|
|
10130
10272
|
}; }
|
|
10131
10273
|
}
|
|
10132
|
-
_Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio_ref = new WeakMap(), _Radio_onBlur = new WeakMap(),
|
|
10274
|
+
_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() {
|
|
10133
10275
|
return this.disabled ?? false;
|
|
10134
10276
|
}, _Radio_computedSize_get = function _Radio_computedSize_get() {
|
|
10135
10277
|
switch (this.size) {
|
|
@@ -10146,12 +10288,12 @@ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio
|
|
|
10146
10288
|
return this.text !== undefined && this.text !== '';
|
|
10147
10289
|
};
|
|
10148
10290
|
|
|
10149
|
-
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:\"
|
|
10291
|
+
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}";
|
|
10150
10292
|
|
|
10151
10293
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10152
10294
|
//
|
|
10153
10295
|
// SPDX-License-Identifier: Apache-2.0
|
|
10154
|
-
var __classPrivateFieldGet$
|
|
10296
|
+
var __classPrivateFieldGet$a = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
10155
10297
|
if (kind === "a" && !f)
|
|
10156
10298
|
throw new TypeError("Private accessor was defined without a getter");
|
|
10157
10299
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -10167,7 +10309,7 @@ var __classPrivateFieldSet$7 = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
10167
10309
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
10168
10310
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
10169
10311
|
};
|
|
10170
|
-
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;
|
|
10312
|
+
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;
|
|
10171
10313
|
const throwError = () => {
|
|
10172
10314
|
invariant(false);
|
|
10173
10315
|
};
|
|
@@ -10315,28 +10457,28 @@ class Select {
|
|
|
10315
10457
|
this.checkValidity = () => this.internals.checkValidity();
|
|
10316
10458
|
this.reportValidity = () => this.internals.reportValidity();
|
|
10317
10459
|
this.setCustomValidity = (error) => {
|
|
10318
|
-
invariant(__classPrivateFieldGet$
|
|
10319
|
-
__classPrivateFieldGet$
|
|
10460
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10461
|
+
__classPrivateFieldGet$a(this, _Select_select, "f").setCustomValidity(error);
|
|
10320
10462
|
if (error)
|
|
10321
|
-
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$
|
|
10463
|
+
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10322
10464
|
else
|
|
10323
10465
|
this.internals.setValidity(NO_ERROR_FLAGS);
|
|
10324
10466
|
};
|
|
10325
10467
|
this.addItem = (element, before) => {
|
|
10326
|
-
invariant(__classPrivateFieldGet$
|
|
10327
|
-
__classPrivateFieldGet$
|
|
10468
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10469
|
+
__classPrivateFieldGet$a(this, _Select_select, "f").add(element, before);
|
|
10328
10470
|
};
|
|
10329
10471
|
this.removeItem = (index) => {
|
|
10330
|
-
invariant(__classPrivateFieldGet$
|
|
10331
|
-
__classPrivateFieldGet$
|
|
10472
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10473
|
+
__classPrivateFieldGet$a(this, _Select_select, "f").remove(index);
|
|
10332
10474
|
};
|
|
10333
10475
|
this.item = (index) => {
|
|
10334
|
-
invariant(__classPrivateFieldGet$
|
|
10335
|
-
return __classPrivateFieldGet$
|
|
10476
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10477
|
+
return __classPrivateFieldGet$a(this, _Select_select, "f").item(index);
|
|
10336
10478
|
};
|
|
10337
10479
|
this.namedItem = (name) => {
|
|
10338
|
-
invariant(__classPrivateFieldGet$
|
|
10339
|
-
return __classPrivateFieldGet$
|
|
10480
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10481
|
+
return __classPrivateFieldGet$a(this, _Select_select, "f").namedItem(name);
|
|
10340
10482
|
};
|
|
10341
10483
|
_Select_ref.set(this, (select) => {
|
|
10342
10484
|
__classPrivateFieldSet$7(this, _Select_select, select, "f");
|
|
@@ -10351,31 +10493,31 @@ class Select {
|
|
|
10351
10493
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
10352
10494
|
});
|
|
10353
10495
|
_Select_onInput.set(this, (event) => {
|
|
10354
|
-
invariant(__classPrivateFieldGet$
|
|
10355
|
-
this.value = __classPrivateFieldGet$
|
|
10496
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10497
|
+
this.value = __classPrivateFieldGet$a(this, _Select_select, "f").value;
|
|
10356
10498
|
this.inputEmitter.emit(pickInputEventAttributes(event));
|
|
10357
10499
|
});
|
|
10358
10500
|
_Select_onSlotchange.set(this, (event) => {
|
|
10359
|
-
invariant(__classPrivateFieldGet$
|
|
10501
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10360
10502
|
const { currentTarget } = event;
|
|
10361
10503
|
invariant(currentTarget instanceof HTMLSlotElement);
|
|
10362
|
-
__classPrivateFieldGet$
|
|
10504
|
+
__classPrivateFieldGet$a(this, _Select_select, "f").replaceChildren(...currentTarget.assignedNodes().map((node) => node.cloneNode(true)));
|
|
10363
10505
|
});
|
|
10364
10506
|
}
|
|
10365
10507
|
onClick(event) {
|
|
10366
|
-
if (__classPrivateFieldGet$
|
|
10508
|
+
if (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get))
|
|
10367
10509
|
event.stopImmediatePropagation();
|
|
10368
10510
|
}
|
|
10369
10511
|
disabledChanged() {
|
|
10370
|
-
if (__classPrivateFieldGet$
|
|
10512
|
+
if (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedDisabled_get))
|
|
10371
10513
|
// eslint-disable-next-line unicorn/no-null
|
|
10372
10514
|
this.internals.setFormValue(null);
|
|
10373
10515
|
else
|
|
10374
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
10516
|
+
this.internals.setFormValue(__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedValue_get));
|
|
10375
10517
|
}
|
|
10376
10518
|
selectedIndexChanged() {
|
|
10377
|
-
invariant(__classPrivateFieldGet$
|
|
10378
|
-
__classPrivateFieldGet$
|
|
10519
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10520
|
+
__classPrivateFieldGet$a(this, _Select_select, "f").selectedIndex = this.selectedIndex;
|
|
10379
10521
|
}
|
|
10380
10522
|
tabindexChanged(newValue) {
|
|
10381
10523
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
@@ -10383,39 +10525,43 @@ class Select {
|
|
|
10383
10525
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
10384
10526
|
}
|
|
10385
10527
|
validationChanged() {
|
|
10386
|
-
invariant(__classPrivateFieldGet$
|
|
10387
|
-
__classPrivateFieldGet$
|
|
10388
|
-
__classPrivateFieldGet$
|
|
10389
|
-
const { valid } = __classPrivateFieldGet$
|
|
10528
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10529
|
+
__classPrivateFieldGet$a(this, _Select_select, "f").value = __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedValue_get);
|
|
10530
|
+
__classPrivateFieldGet$a(this, _Select_select, "f").required = this.required ?? false;
|
|
10531
|
+
const { valid } = __classPrivateFieldGet$a(this, _Select_select, "f").validity;
|
|
10390
10532
|
if (valid)
|
|
10391
|
-
this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$
|
|
10533
|
+
this.internals.setValidity(NO_ERROR_FLAGS, undefined, __classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10392
10534
|
else
|
|
10393
|
-
this.internals.setValidity(__classPrivateFieldGet$
|
|
10535
|
+
this.internals.setValidity(__classPrivateFieldGet$a(this, _Select_select, "f").validity, __classPrivateFieldGet$a(this, _Select_select, "f").validationMessage, __classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10536
|
+
}
|
|
10537
|
+
statusChanged() {
|
|
10538
|
+
this.internals.ariaInvalid = (__classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedStatus_get) === 'error').toString();
|
|
10394
10539
|
}
|
|
10395
10540
|
componentWillLoad() {
|
|
10396
|
-
__classPrivateFieldGet$
|
|
10397
|
-
__classPrivateFieldGet$
|
|
10398
|
-
__classPrivateFieldGet$
|
|
10399
|
-
__classPrivateFieldGet$
|
|
10400
|
-
__classPrivateFieldGet$
|
|
10401
|
-
__classPrivateFieldGet$
|
|
10402
|
-
__classPrivateFieldGet$
|
|
10403
|
-
__classPrivateFieldGet$
|
|
10541
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'form', () => this.internals.form);
|
|
10542
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
10543
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
10544
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
10545
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'type', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedType_get));
|
|
10546
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'options', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedOptions_get));
|
|
10547
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'length', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedOptions_get).length);
|
|
10548
|
+
__classPrivateFieldGet$a(this, _Select_instances, "m", _Select_defineGetter).call(this, 'selectedOptions', () => __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSelectedOptions_get));
|
|
10404
10549
|
__classPrivateFieldSet$7(this, _Select_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
10405
10550
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
10551
|
+
this.statusChanged();
|
|
10406
10552
|
}
|
|
10407
10553
|
componentDidLoad() {
|
|
10408
|
-
invariant(__classPrivateFieldGet$
|
|
10554
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10409
10555
|
this.validationChanged();
|
|
10410
|
-
this.selectedIndex = __classPrivateFieldGet$
|
|
10556
|
+
this.selectedIndex = __classPrivateFieldGet$a(this, _Select_select, "f").selectedIndex;
|
|
10411
10557
|
}
|
|
10412
10558
|
render() {
|
|
10413
|
-
return (hAsync("div", { key: '
|
|
10559
|
+
return (hAsync("div", { key: '26c702cd3ae186b45a53bd51196f425b101fd1c9', class: {
|
|
10414
10560
|
'qds-container': true,
|
|
10415
10561
|
'qds-multiple': this.multiple ?? false,
|
|
10416
|
-
}, "data-size": __classPrivateFieldGet$
|
|
10562
|
+
}, "data-size": __classPrivateFieldGet$a(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: 'c42974f545c679f3ac6e91178a4891199c374695', autoComplete: this.autoComplete,
|
|
10417
10563
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
10418
|
-
autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet$
|
|
10564
|
+
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" })));
|
|
10419
10565
|
}
|
|
10420
10566
|
static get delegatesFocus() { return true; }
|
|
10421
10567
|
static get formAssociated() { return true; }
|
|
@@ -10425,13 +10571,15 @@ class Select {
|
|
|
10425
10571
|
"selectedIndex": ["selectedIndexChanged"],
|
|
10426
10572
|
"tabindex": ["tabindexChanged"],
|
|
10427
10573
|
"required": ["validationChanged"],
|
|
10428
|
-
"value": ["validationChanged"]
|
|
10574
|
+
"value": ["validationChanged"],
|
|
10575
|
+
"status": ["statusChanged"]
|
|
10429
10576
|
}; }
|
|
10430
10577
|
static get style() { return selectCss; }
|
|
10431
10578
|
static get cmpMeta() { return {
|
|
10432
10579
|
"$flags$": 345,
|
|
10433
10580
|
"$tagName$": "qds-select",
|
|
10434
10581
|
"$members$": {
|
|
10582
|
+
"status": [1],
|
|
10435
10583
|
"size": [1],
|
|
10436
10584
|
"autoComplete": [1, "autocomplete"],
|
|
10437
10585
|
"disabled": [4],
|
|
@@ -10459,8 +10607,19 @@ _Select_inheritedAttributes = new WeakMap(), _Select_select = new WeakMap(), _Se
|
|
|
10459
10607
|
return ((this.host.matches(':disabled') || (this.disabled ?? false)) &&
|
|
10460
10608
|
this.host.getAttribute('disabled') !== 'false');
|
|
10461
10609
|
}, _Select_computedOptions_get = function _Select_computedOptions_get() {
|
|
10462
|
-
invariant(__classPrivateFieldGet$
|
|
10463
|
-
return __classPrivateFieldGet$
|
|
10610
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10611
|
+
return __classPrivateFieldGet$a(this, _Select_select, "f").options;
|
|
10612
|
+
}, _Select_computedStatus_get = function _Select_computedStatus_get() {
|
|
10613
|
+
switch (this.status) {
|
|
10614
|
+
case 'error':
|
|
10615
|
+
case 'success':
|
|
10616
|
+
case 'warning': {
|
|
10617
|
+
return this.status;
|
|
10618
|
+
}
|
|
10619
|
+
default: {
|
|
10620
|
+
return undefined;
|
|
10621
|
+
}
|
|
10622
|
+
}
|
|
10464
10623
|
}, _Select_computedSize_get = function _Select_computedSize_get() {
|
|
10465
10624
|
switch (this.size) {
|
|
10466
10625
|
case 'standard':
|
|
@@ -10473,23 +10632,23 @@ _Select_inheritedAttributes = new WeakMap(), _Select_select = new WeakMap(), _Se
|
|
|
10473
10632
|
}
|
|
10474
10633
|
}
|
|
10475
10634
|
}, _Select_computedType_get = function _Select_computedType_get() {
|
|
10476
|
-
invariant(__classPrivateFieldGet$
|
|
10477
|
-
return __classPrivateFieldGet$
|
|
10635
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10636
|
+
return __classPrivateFieldGet$a(this, _Select_select, "f").type;
|
|
10478
10637
|
}, _Select_computedValue_get = function _Select_computedValue_get() {
|
|
10479
10638
|
return this.value ?? '';
|
|
10480
10639
|
}, _Select_computedSelectedOptions_get = function _Select_computedSelectedOptions_get() {
|
|
10481
|
-
invariant(__classPrivateFieldGet$
|
|
10482
|
-
return __classPrivateFieldGet$
|
|
10640
|
+
invariant(__classPrivateFieldGet$a(this, _Select_select, "f"));
|
|
10641
|
+
return __classPrivateFieldGet$a(this, _Select_select, "f").selectedOptions;
|
|
10483
10642
|
}, _Select_defineGetter = function _Select_defineGetter(p, get) {
|
|
10484
10643
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
10485
10644
|
};
|
|
10486
10645
|
|
|
10487
|
-
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-
|
|
10646
|
+
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)}";
|
|
10488
10647
|
|
|
10489
10648
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10490
10649
|
//
|
|
10491
10650
|
// SPDX-License-Identifier: Apache-2.0
|
|
10492
|
-
var __classPrivateFieldGet$
|
|
10651
|
+
var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
10493
10652
|
if (kind === "a" && !f)
|
|
10494
10653
|
throw new TypeError("Private accessor was defined without a getter");
|
|
10495
10654
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -10555,7 +10714,7 @@ class StandaloneLink {
|
|
|
10555
10714
|
_StandaloneLink_savedTabIndex.set(this, 0);
|
|
10556
10715
|
_StandaloneLink_link.set(this, void 0);
|
|
10557
10716
|
_StandaloneLink_updateAriaLabelElements.set(this, () => {
|
|
10558
|
-
this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$
|
|
10717
|
+
this.internals.ariaLabel = `${this.host.textContent} ${__classPrivateFieldGet$9(this, _StandaloneLink_instances, "a", _StandaloneLink_openInNewTab_get) ? 'Opens in a new tab' : ''}`.trim();
|
|
10559
10718
|
});
|
|
10560
10719
|
_StandaloneLink_linkRef.set(this, (link) => {
|
|
10561
10720
|
__classPrivateFieldSet$6(this, _StandaloneLink_link, link, "f");
|
|
@@ -10567,7 +10726,7 @@ class StandaloneLink {
|
|
|
10567
10726
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
10568
10727
|
});
|
|
10569
10728
|
_StandaloneLink_onSlotchange.set(this, () => {
|
|
10570
|
-
__classPrivateFieldGet$
|
|
10729
|
+
__classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
|
|
10571
10730
|
});
|
|
10572
10731
|
}
|
|
10573
10732
|
onClick(event) {
|
|
@@ -10575,18 +10734,18 @@ class StandaloneLink {
|
|
|
10575
10734
|
event.stopImmediatePropagation();
|
|
10576
10735
|
}
|
|
10577
10736
|
onKeydown(event) {
|
|
10578
|
-
invariant(__classPrivateFieldGet$
|
|
10737
|
+
invariant(__classPrivateFieldGet$9(this, _StandaloneLink_link, "f"));
|
|
10579
10738
|
if (this.disabled)
|
|
10580
10739
|
return;
|
|
10581
10740
|
if (event.key === 'Enter')
|
|
10582
|
-
__classPrivateFieldGet$
|
|
10741
|
+
__classPrivateFieldGet$9(this, _StandaloneLink_link, "f").click();
|
|
10583
10742
|
}
|
|
10584
10743
|
disabledChanged() {
|
|
10585
10744
|
this.internals.ariaDisabled = this.disabled.toString();
|
|
10586
10745
|
if (this.disabled)
|
|
10587
10746
|
this.host.removeAttribute('tabindex');
|
|
10588
10747
|
else
|
|
10589
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
10748
|
+
this.host.tabIndex = __classPrivateFieldGet$9(this, _StandaloneLink_savedTabIndex, "f");
|
|
10590
10749
|
}
|
|
10591
10750
|
tabindexChanged(newValue) {
|
|
10592
10751
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
@@ -10597,11 +10756,11 @@ class StandaloneLink {
|
|
|
10597
10756
|
if (this.disabled)
|
|
10598
10757
|
this.host.removeAttribute('tabindex');
|
|
10599
10758
|
else
|
|
10600
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
10759
|
+
this.host.tabIndex = __classPrivateFieldGet$9(this, _StandaloneLink_savedTabIndex, "f");
|
|
10601
10760
|
}
|
|
10602
10761
|
hrefTargetChanged() {
|
|
10603
10762
|
this.linkIcon = determineLinkIcon(this.target, this.rel);
|
|
10604
|
-
__classPrivateFieldGet$
|
|
10763
|
+
__classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
|
|
10605
10764
|
}
|
|
10606
10765
|
componentWillLoad() {
|
|
10607
10766
|
this.internals.role = 'link';
|
|
@@ -10610,14 +10769,14 @@ class StandaloneLink {
|
|
|
10610
10769
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
10611
10770
|
}
|
|
10612
10771
|
componentDidLoad() {
|
|
10613
|
-
__classPrivateFieldGet$
|
|
10772
|
+
__classPrivateFieldGet$9(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
|
|
10614
10773
|
}
|
|
10615
10774
|
render() {
|
|
10616
|
-
return (hAsync("a", { key: '
|
|
10775
|
+
return (hAsync("a", { key: '0e70d2f7b1d663435904b2f1fcc718b39946020d', "aria-hidden": "true", class: {
|
|
10617
10776
|
'qds-standalone-link': true,
|
|
10618
10777
|
'qds-disabled': this.disabled,
|
|
10619
10778
|
'qds-visitable': this.visitable,
|
|
10620
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
10779
|
+
}, "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" })))));
|
|
10621
10780
|
}
|
|
10622
10781
|
get host() { return getElement(this); }
|
|
10623
10782
|
static get watchers() { return {
|
|
@@ -10680,7 +10839,7 @@ const switchCss = ":host([hidden]){display:none!important}:host{display:inline-b
|
|
|
10680
10839
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10681
10840
|
//
|
|
10682
10841
|
// SPDX-License-Identifier: Apache-2.0
|
|
10683
|
-
var __classPrivateFieldGet$
|
|
10842
|
+
var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
10684
10843
|
if (kind === "a" && !f)
|
|
10685
10844
|
throw new TypeError("Private accessor was defined without a getter");
|
|
10686
10845
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -10794,12 +10953,12 @@ class Switch {
|
|
|
10794
10953
|
};
|
|
10795
10954
|
}
|
|
10796
10955
|
onClick(event) {
|
|
10797
|
-
if (__classPrivateFieldGet$
|
|
10956
|
+
if (__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get)) {
|
|
10798
10957
|
event.stopImmediatePropagation();
|
|
10799
10958
|
return;
|
|
10800
10959
|
}
|
|
10801
10960
|
event.preventDefault();
|
|
10802
|
-
this.checked = !__classPrivateFieldGet$
|
|
10961
|
+
this.checked = !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get);
|
|
10803
10962
|
this.changeEmitter.emit();
|
|
10804
10963
|
}
|
|
10805
10964
|
onBlur(event) {
|
|
@@ -10818,12 +10977,12 @@ class Switch {
|
|
|
10818
10977
|
this.host.click();
|
|
10819
10978
|
}
|
|
10820
10979
|
checkedChanged() {
|
|
10821
|
-
__classPrivateFieldGet$
|
|
10822
|
-
this.internals.ariaChecked = __classPrivateFieldGet$
|
|
10980
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
|
|
10981
|
+
this.internals.ariaChecked = __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get).toString();
|
|
10823
10982
|
}
|
|
10824
10983
|
disabledChanged() {
|
|
10825
|
-
__classPrivateFieldGet$
|
|
10826
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
10984
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
|
|
10985
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get).toString();
|
|
10827
10986
|
}
|
|
10828
10987
|
tabindexChanged(newValue) {
|
|
10829
10988
|
if (newValue !== null) {
|
|
@@ -10832,33 +10991,33 @@ class Switch {
|
|
|
10832
10991
|
? 0
|
|
10833
10992
|
: parsedValue, "f");
|
|
10834
10993
|
}
|
|
10835
|
-
if (__classPrivateFieldGet$
|
|
10994
|
+
if (__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get))
|
|
10836
10995
|
this.host.removeAttribute('tabindex');
|
|
10837
10996
|
else
|
|
10838
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
10997
|
+
this.host.tabIndex = __classPrivateFieldGet$8(this, _Switch_savedTabIndex, "f");
|
|
10839
10998
|
}
|
|
10840
10999
|
valueChanged() {
|
|
10841
|
-
__classPrivateFieldGet$
|
|
11000
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_updateFormValue).call(this);
|
|
10842
11001
|
}
|
|
10843
11002
|
componentWillLoad() {
|
|
10844
11003
|
this.internals.role = 'switch';
|
|
10845
11004
|
this.checkedChanged();
|
|
10846
11005
|
this.disabledChanged();
|
|
10847
|
-
__classPrivateFieldGet$
|
|
10848
|
-
__classPrivateFieldGet$
|
|
10849
|
-
__classPrivateFieldGet$
|
|
10850
|
-
__classPrivateFieldGet$
|
|
10851
|
-
__classPrivateFieldGet$
|
|
11006
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'form', () => this.internals.form);
|
|
11007
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
11008
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
11009
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
11010
|
+
__classPrivateFieldGet$8(this, _Switch_instances, "m", _Switch_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
10852
11011
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
10853
11012
|
}
|
|
10854
11013
|
render() {
|
|
10855
|
-
return (hAsync("div", { key: '
|
|
11014
|
+
return (hAsync("div", { key: 'a994ca43fd0e0622278739d7e69b2091ae712b56', class: {
|
|
10856
11015
|
'qds-container': true,
|
|
10857
|
-
'qds-disabled': __classPrivateFieldGet$
|
|
11016
|
+
'qds-disabled': __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get),
|
|
10858
11017
|
'qds-inline': this.inline,
|
|
10859
|
-
}, "data-size": __classPrivateFieldGet$
|
|
11018
|
+
}, "data-size": __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: '4ad47ff4666f963608114fa23dfcdbea21768716', "aria-hidden": "true",
|
|
10860
11019
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
10861
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: '
|
|
11020
|
+
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" }))))));
|
|
10862
11021
|
}
|
|
10863
11022
|
static get formAssociated() { return true; }
|
|
10864
11023
|
get host() { return getElement(this); }
|
|
@@ -10913,18 +11072,18 @@ _Switch_savedTabIndex = new WeakMap(), _Switch_instances = new WeakSet(), _Switc
|
|
|
10913
11072
|
}, _Switch_defineGetter = function _Switch_defineGetter(p, get) {
|
|
10914
11073
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
10915
11074
|
}, _Switch_updateFormValue = function _Switch_updateFormValue() {
|
|
10916
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
10917
|
-
? __classPrivateFieldGet$
|
|
11075
|
+
this.internals.setFormValue(__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedChecked_get) && !__classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedDisabled_get)
|
|
11076
|
+
? __classPrivateFieldGet$8(this, _Switch_instances, "a", _Switch_computedValue_get)
|
|
10918
11077
|
: // eslint-disable-next-line unicorn/no-null
|
|
10919
11078
|
null);
|
|
10920
11079
|
};
|
|
10921
11080
|
|
|
10922
|
-
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]{
|
|
11081
|
+
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)}";
|
|
10923
11082
|
|
|
10924
11083
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10925
11084
|
//
|
|
10926
11085
|
// SPDX-License-Identifier: Apache-2.0
|
|
10927
|
-
var __classPrivateFieldGet$
|
|
11086
|
+
var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
10928
11087
|
if (kind === "a" && !f)
|
|
10929
11088
|
throw new TypeError("Private accessor was defined without a getter");
|
|
10930
11089
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -10940,7 +11099,7 @@ var __classPrivateFieldSet$4 = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
10940
11099
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
10941
11100
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
10942
11101
|
};
|
|
10943
|
-
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;
|
|
11102
|
+
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;
|
|
10944
11103
|
const isCounter = (value) => typeof value === 'string'
|
|
10945
11104
|
? !Number.isNaN(Number.parseFloat(value))
|
|
10946
11105
|
: typeof value === 'number';
|
|
@@ -10986,7 +11145,7 @@ class Tab {
|
|
|
10986
11145
|
/**
|
|
10987
11146
|
* The tab's indicator position.
|
|
10988
11147
|
*/
|
|
10989
|
-
this.indicatorPosition = 'block-
|
|
11148
|
+
this.indicatorPosition = 'block-start';
|
|
10990
11149
|
/**
|
|
10991
11150
|
* The name of a registered icon library.
|
|
10992
11151
|
*/
|
|
@@ -11022,7 +11181,7 @@ class Tab {
|
|
|
11022
11181
|
});
|
|
11023
11182
|
_Tab_onIconClick.set(this, (event) => {
|
|
11024
11183
|
event.stopPropagation();
|
|
11025
|
-
__classPrivateFieldGet$
|
|
11184
|
+
__classPrivateFieldGet$7(this, _Tab_close, "f").call(this);
|
|
11026
11185
|
});
|
|
11027
11186
|
_Tab_onBlur.set(this, (event) => {
|
|
11028
11187
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
@@ -11031,12 +11190,12 @@ class Tab {
|
|
|
11031
11190
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
11032
11191
|
});
|
|
11033
11192
|
_Tab_defineTab.set(this, () => {
|
|
11034
|
-
if (__classPrivateFieldGet$
|
|
11035
|
-
__classPrivateFieldGet$
|
|
11193
|
+
if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable') {
|
|
11194
|
+
__classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$7(this, _Tab_tab, "f"));
|
|
11036
11195
|
}
|
|
11037
11196
|
else {
|
|
11038
11197
|
this.internals.role = 'tab';
|
|
11039
|
-
__classPrivateFieldGet$
|
|
11198
|
+
__classPrivateFieldGet$7(this, _Tab_instances, "m", _Tab_defineGetter).call(this, 'tab', () => this.host);
|
|
11040
11199
|
}
|
|
11041
11200
|
});
|
|
11042
11201
|
}
|
|
@@ -11048,15 +11207,15 @@ class Tab {
|
|
|
11048
11207
|
__classPrivateFieldSet$4(this, _Tab_panel, panel, "f");
|
|
11049
11208
|
const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
|
|
11050
11209
|
if (tab)
|
|
11051
|
-
tab.setAttribute('aria-controls', __classPrivateFieldGet$
|
|
11052
|
-
if (__classPrivateFieldGet$
|
|
11053
|
-
__classPrivateFieldGet$
|
|
11054
|
-
if (__classPrivateFieldGet$
|
|
11055
|
-
__classPrivateFieldGet$
|
|
11056
|
-
__classPrivateFieldGet$
|
|
11210
|
+
tab.setAttribute('aria-controls', __classPrivateFieldGet$7(this, _Tab_panel, "f").id);
|
|
11211
|
+
if (__classPrivateFieldGet$7(this, _Tab_panel, "f").role === null)
|
|
11212
|
+
__classPrivateFieldGet$7(this, _Tab_panel, "f").role = 'tabpanel';
|
|
11213
|
+
if (__classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('aria-labelledby') === null)
|
|
11214
|
+
__classPrivateFieldGet$7(this, _Tab_panel, "f").setAttribute('aria-labelledby', this.host.id);
|
|
11215
|
+
__classPrivateFieldGet$7(this, _Tab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('tabindex') ?? '0');
|
|
11057
11216
|
}
|
|
11058
11217
|
onClick(event) {
|
|
11059
|
-
if (__classPrivateFieldGet$
|
|
11218
|
+
if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get))
|
|
11060
11219
|
event.stopImmediatePropagation();
|
|
11061
11220
|
}
|
|
11062
11221
|
tabindexChanged(newValue) {
|
|
@@ -11065,61 +11224,58 @@ class Tab {
|
|
|
11065
11224
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
11066
11225
|
}
|
|
11067
11226
|
actionChanged() {
|
|
11068
|
-
__classPrivateFieldGet$
|
|
11227
|
+
__classPrivateFieldGet$7(this, _Tab_defineTab, "f").call(this);
|
|
11069
11228
|
}
|
|
11070
11229
|
componentWillLoad() {
|
|
11071
11230
|
var _a;
|
|
11072
11231
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
11073
11232
|
(_a = this.host).id || (_a.id = `qds-tab-${autoIncrementingId$1}`);
|
|
11074
11233
|
autoIncrementingId$1 += 1;
|
|
11075
|
-
__classPrivateFieldGet$
|
|
11234
|
+
__classPrivateFieldGet$7(this, _Tab_defineTab, "f").call(this);
|
|
11076
11235
|
}
|
|
11077
11236
|
componentWillRender() {
|
|
11078
|
-
const isPanelRoot = __classPrivateFieldGet$
|
|
11079
|
-
const isMainSubsection = __classPrivateFieldGet$
|
|
11237
|
+
const isPanelRoot = __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'panel' && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'root';
|
|
11238
|
+
const isMainSubsection = __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'main' && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'subsection';
|
|
11080
11239
|
this.isIndicatorOnTop = isPanelRoot || isMainSubsection;
|
|
11081
11240
|
}
|
|
11082
11241
|
componentDidLoad() {
|
|
11083
11242
|
this.panelChanged();
|
|
11084
11243
|
}
|
|
11085
11244
|
disconnectedCallback() {
|
|
11086
|
-
if (!__classPrivateFieldGet$
|
|
11245
|
+
if (!__classPrivateFieldGet$7(this, _Tab_panel, "f"))
|
|
11087
11246
|
return;
|
|
11088
11247
|
const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
|
|
11089
11248
|
if (tab)
|
|
11090
11249
|
tab.removeAttribute('aria-controls');
|
|
11091
|
-
if (__classPrivateFieldGet$
|
|
11250
|
+
if (__classPrivateFieldGet$7(this, _Tab_panel, "f").role === 'tabpanel')
|
|
11092
11251
|
// eslint-disable-next-line unicorn/no-null
|
|
11093
|
-
__classPrivateFieldGet$
|
|
11094
|
-
if (__classPrivateFieldGet$
|
|
11095
|
-
__classPrivateFieldGet$
|
|
11096
|
-
__classPrivateFieldGet$
|
|
11252
|
+
__classPrivateFieldGet$7(this, _Tab_panel, "f").role = null;
|
|
11253
|
+
if (__classPrivateFieldGet$7(this, _Tab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
|
|
11254
|
+
__classPrivateFieldGet$7(this, _Tab_panel, "f").removeAttribute('aria-labelledby');
|
|
11255
|
+
__classPrivateFieldGet$7(this, _Tab_panel, "f").removeAttribute('tabindex');
|
|
11097
11256
|
}
|
|
11098
11257
|
render() {
|
|
11099
|
-
const isLink = this.href !== undefined && __classPrivateFieldGet$
|
|
11100
|
-
const indicatorPosition = this.isIndicatorOnTop
|
|
11101
|
-
? 'block-start'
|
|
11102
|
-
: this.indicatorPosition;
|
|
11258
|
+
const isLink = this.href !== undefined && __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === undefined;
|
|
11103
11259
|
const Tag = isLink
|
|
11104
11260
|
? 'a'
|
|
11105
|
-
: __classPrivateFieldGet$
|
|
11261
|
+
: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
|
|
11106
11262
|
? 'button'
|
|
11107
11263
|
: 'div';
|
|
11108
|
-
return (hAsync("div", { key: '
|
|
11109
|
-
'qds-closable-wrapper': __classPrivateFieldGet$
|
|
11264
|
+
return (hAsync("div", { key: '5315497861332b523d44189a04238cee49ccff3a', "aria-disabled": __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
|
|
11265
|
+
'qds-closable-wrapper': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
11110
11266
|
'qds-selected': this.selected,
|
|
11111
|
-
[`qds-indicator-${indicatorPosition}`]: __classPrivateFieldGet$
|
|
11112
|
-
}, "data-size": __classPrivateFieldGet$
|
|
11113
|
-
'qds-tab': __classPrivateFieldGet$
|
|
11114
|
-
'qds-closable-tab': __classPrivateFieldGet$
|
|
11267
|
+
[`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
11268
|
+
}, "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: {
|
|
11269
|
+
'qds-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
|
|
11270
|
+
'qds-closable-tab': __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
11115
11271
|
'qds-selected': this.selected,
|
|
11116
|
-
[`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$
|
|
11117
|
-
}, role: !isLink && __classPrivateFieldGet$
|
|
11272
|
+
[`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
|
|
11273
|
+
}, 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
|
|
11118
11274
|
? this.selected
|
|
11119
11275
|
? 'true'
|
|
11120
11276
|
: 'false'
|
|
11121
|
-
: undefined, "data-importance": __classPrivateFieldGet$
|
|
11122
|
-
(this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: '
|
|
11277
|
+
: 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 !== '') ||
|
|
11278
|
+
(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) }))));
|
|
11123
11279
|
}
|
|
11124
11280
|
get host() { return getElement(this); }
|
|
11125
11281
|
static get watchers() { return {
|
|
@@ -11174,6 +11330,8 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
|
|
|
11174
11330
|
}
|
|
11175
11331
|
}
|
|
11176
11332
|
}, _Tab_computedSize_get = function _Tab_computedSize_get() {
|
|
11333
|
+
if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentSize_get) !== undefined)
|
|
11334
|
+
return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentSize_get);
|
|
11177
11335
|
switch (this.size) {
|
|
11178
11336
|
case 'standard':
|
|
11179
11337
|
case 'small':
|
|
@@ -11185,6 +11343,8 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
|
|
|
11185
11343
|
}
|
|
11186
11344
|
}
|
|
11187
11345
|
}, _Tab_computedImportance_get = function _Tab_computedImportance_get() {
|
|
11346
|
+
if (__classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentImportance_get) !== undefined)
|
|
11347
|
+
return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_parentImportance_get);
|
|
11188
11348
|
switch (this.importance) {
|
|
11189
11349
|
case 'subdued':
|
|
11190
11350
|
case 'standard': {
|
|
@@ -11194,6 +11354,10 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
|
|
|
11194
11354
|
return 'standard';
|
|
11195
11355
|
}
|
|
11196
11356
|
}
|
|
11357
|
+
}, _Tab_parentImportance_get = function _Tab_parentImportance_get() {
|
|
11358
|
+
return this.host.closest('qds-tabbar')?.importance ?? undefined;
|
|
11359
|
+
}, _Tab_parentSize_get = function _Tab_parentSize_get() {
|
|
11360
|
+
return this.host.closest('qds-tabbar')?.size ?? undefined;
|
|
11197
11361
|
}, _Tab_parentLayer_get = function _Tab_parentLayer_get() {
|
|
11198
11362
|
return this.host.closest('qds-tabbar')?.layer ?? 'main';
|
|
11199
11363
|
}, _Tab_parentLevel_get = function _Tab_parentLevel_get() {
|
|
@@ -11204,7 +11368,7 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
|
|
|
11204
11368
|
return this.disabled ?? false;
|
|
11205
11369
|
}, _Tab_computeCloseButtonTabIndex_get = function _Tab_computeCloseButtonTabIndex_get() {
|
|
11206
11370
|
if (this.selected) {
|
|
11207
|
-
return __classPrivateFieldGet$
|
|
11371
|
+
return __classPrivateFieldGet$7(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? undefined : this.tabIndex;
|
|
11208
11372
|
}
|
|
11209
11373
|
return -1;
|
|
11210
11374
|
}, _Tab_renderText = function _Tab_renderText() {
|
|
@@ -11213,12 +11377,12 @@ _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(
|
|
|
11213
11377
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
11214
11378
|
};
|
|
11215
11379
|
|
|
11216
|
-
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)}";
|
|
11380
|
+
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)}";
|
|
11217
11381
|
|
|
11218
11382
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
11219
11383
|
//
|
|
11220
11384
|
// SPDX-License-Identifier: Apache-2.0
|
|
11221
|
-
var __classPrivateFieldGet$
|
|
11385
|
+
var __classPrivateFieldGet$6 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
11222
11386
|
if (kind === "a" && !f)
|
|
11223
11387
|
throw new TypeError("Private accessor was defined without a getter");
|
|
11224
11388
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -11234,7 +11398,7 @@ var __classPrivateFieldSet$3 = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
11234
11398
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
11235
11399
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
11236
11400
|
};
|
|
11237
|
-
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;
|
|
11401
|
+
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;
|
|
11238
11402
|
const TAB_SETTINGS = {
|
|
11239
11403
|
'main-root': {
|
|
11240
11404
|
importance: 'standard',
|
|
@@ -11292,16 +11456,33 @@ class Tabbar {
|
|
|
11292
11456
|
_Tabbar_instances.add(this);
|
|
11293
11457
|
/**
|
|
11294
11458
|
* The tabbar's layer.
|
|
11459
|
+
*
|
|
11460
|
+
* @deprecated The property layer is deprecated. Please use `size` property instead.
|
|
11461
|
+
* Please do not use `layer` and `size` at the same time.
|
|
11295
11462
|
*/
|
|
11296
11463
|
this.layer = 'main';
|
|
11297
11464
|
/**
|
|
11298
11465
|
* The tabbar's level.
|
|
11466
|
+
*
|
|
11467
|
+
* @deprecated The property level is deprecated. Please use `size` property instead.
|
|
11468
|
+
* Please do not use `level` and `size` at the same time.
|
|
11299
11469
|
*/
|
|
11300
11470
|
this.level = 'root';
|
|
11471
|
+
/**
|
|
11472
|
+
* The tabbar's size. This controls the size of the tabs within the tabbar.
|
|
11473
|
+
*/
|
|
11474
|
+
this.size = 'standard';
|
|
11301
11475
|
/**
|
|
11302
11476
|
* The tabbar's orientation.
|
|
11477
|
+
*
|
|
11478
|
+
* @deprecated Please use the `placement` property instead. Do not use
|
|
11479
|
+
* `orientation` and `placement` at the same time.
|
|
11303
11480
|
*/
|
|
11304
11481
|
this.orientation = 'horizontal';
|
|
11482
|
+
/**
|
|
11483
|
+
* The tabbar's placement.
|
|
11484
|
+
*/
|
|
11485
|
+
this.placement = 'top';
|
|
11305
11486
|
/**
|
|
11306
11487
|
* Displays a divider line.
|
|
11307
11488
|
*/
|
|
@@ -11309,7 +11490,7 @@ class Tabbar {
|
|
|
11309
11490
|
/**
|
|
11310
11491
|
* The alignment of tabs. Only applicable for horizontal orientation.
|
|
11311
11492
|
*/
|
|
11312
|
-
this.alignment = '
|
|
11493
|
+
this.alignment = 'start';
|
|
11313
11494
|
this.disableEndArrow = false;
|
|
11314
11495
|
this.disableStartArrow = false;
|
|
11315
11496
|
_Tabbar_tabs.set(this, []);
|
|
@@ -11317,23 +11498,25 @@ class Tabbar {
|
|
|
11317
11498
|
_Tabbar_tabbar.set(this, void 0);
|
|
11318
11499
|
_Tabbar_inheritedAttributes.set(this, {});
|
|
11319
11500
|
_Tabbar_scrollToStart.set(this, () => {
|
|
11320
|
-
invariant(__classPrivateFieldGet$
|
|
11501
|
+
invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
|
|
11321
11502
|
const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
|
|
11322
|
-
__classPrivateFieldGet$
|
|
11503
|
+
__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scroll({
|
|
11323
11504
|
left: isRTL
|
|
11324
|
-
? __classPrivateFieldGet$
|
|
11325
|
-
: __classPrivateFieldGet$
|
|
11505
|
+
? __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth
|
|
11506
|
+
: __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth,
|
|
11326
11507
|
});
|
|
11327
11508
|
});
|
|
11328
11509
|
_Tabbar_scrollToEnd.set(this, () => {
|
|
11329
|
-
invariant(__classPrivateFieldGet$
|
|
11510
|
+
invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
|
|
11330
11511
|
const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
|
|
11331
|
-
__classPrivateFieldGet$
|
|
11512
|
+
__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scroll({
|
|
11332
11513
|
left: isRTL
|
|
11333
|
-
? __classPrivateFieldGet$
|
|
11334
|
-
: __classPrivateFieldGet$
|
|
11514
|
+
? __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft - __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth
|
|
11515
|
+
: __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").scrollLeft + __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f").clientWidth,
|
|
11335
11516
|
});
|
|
11336
11517
|
});
|
|
11518
|
+
_Tabbar_isVerticalPlacement.set(this, () => this.placement === 'start' || this.placement === 'end');
|
|
11519
|
+
_Tabbar_isHorizontalPlacement.set(this, () => this.placement === 'top' || this.placement === 'bottom');
|
|
11337
11520
|
_Tabbar_onClick.set(this, (event) => {
|
|
11338
11521
|
const { target } = event;
|
|
11339
11522
|
if (!(target instanceof HTMLElement))
|
|
@@ -11341,22 +11524,22 @@ class Tabbar {
|
|
|
11341
11524
|
const tab = target.closest('qds-tab');
|
|
11342
11525
|
if (!tab || tab.disabled === true || tab.inert)
|
|
11343
11526
|
return;
|
|
11344
|
-
__classPrivateFieldGet$
|
|
11345
|
-
__classPrivateFieldGet$
|
|
11527
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, tab);
|
|
11528
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tab);
|
|
11346
11529
|
});
|
|
11347
11530
|
_Tabbar_onKeyDown.set(this, (event) => {
|
|
11348
|
-
const isVertical = this.orientation === 'vertical';
|
|
11531
|
+
const isVertical = this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this);
|
|
11349
11532
|
const MOVE_SELECTION_KEYS = isVertical
|
|
11350
11533
|
? VERTICAL_MOVE_KEYS
|
|
11351
11534
|
: HORIZONTAL_MOVE_KEYS;
|
|
11352
11535
|
if (!MOVE_SELECTION_KEYS.has(event.key))
|
|
11353
11536
|
return;
|
|
11354
|
-
const tabs = __classPrivateFieldGet$
|
|
11537
|
+
const tabs = __classPrivateFieldGet$6(this, _Tabbar_tabs, "f");
|
|
11355
11538
|
if (tabs.length === 0)
|
|
11356
11539
|
return;
|
|
11357
11540
|
event.preventDefault();
|
|
11358
11541
|
event.stopPropagation();
|
|
11359
|
-
const activeTab = __classPrivateFieldGet$
|
|
11542
|
+
const activeTab = __classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_getCurrentTab).call(this);
|
|
11360
11543
|
let index = activeTab ? tabs.indexOf(activeTab) : 0;
|
|
11361
11544
|
const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
|
|
11362
11545
|
let nextTab;
|
|
@@ -11391,23 +11574,23 @@ class Tabbar {
|
|
|
11391
11574
|
}
|
|
11392
11575
|
nextTab = tabs[index];
|
|
11393
11576
|
} while (nextTab.disabled === true);
|
|
11394
|
-
__classPrivateFieldGet$
|
|
11577
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, nextTab);
|
|
11395
11578
|
const target = nextTab.tab;
|
|
11396
11579
|
target.focus({ preventScroll: true });
|
|
11397
11580
|
if (!isVertical)
|
|
11398
11581
|
target.scrollIntoView();
|
|
11399
|
-
__classPrivateFieldGet$
|
|
11400
|
-
__classPrivateFieldGet$
|
|
11582
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, nextTab);
|
|
11583
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, nextTab);
|
|
11401
11584
|
});
|
|
11402
11585
|
_Tabbar_onMouseDown.set(this, (event) => {
|
|
11403
11586
|
const { target } = event;
|
|
11404
11587
|
if (isEnabledTabItem(target))
|
|
11405
|
-
__classPrivateFieldGet$
|
|
11588
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, target);
|
|
11406
11589
|
});
|
|
11407
11590
|
_Tabbar_onScroll.set(this, () => {
|
|
11408
|
-
if (!__classPrivateFieldGet$
|
|
11591
|
+
if (!__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"))
|
|
11409
11592
|
return;
|
|
11410
|
-
const { clientWidth, scrollWidth, scrollLeft } = __classPrivateFieldGet$
|
|
11593
|
+
const { clientWidth, scrollWidth, scrollLeft } = __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f");
|
|
11411
11594
|
const isRTL = globalThis.getComputedStyle(this.host).direction === 'rtl';
|
|
11412
11595
|
this.disableStartArrow = scrollLeft === 0;
|
|
11413
11596
|
this.disableEndArrow = isRTL
|
|
@@ -11415,80 +11598,81 @@ class Tabbar {
|
|
|
11415
11598
|
: scrollWidth - clientWidth - scrollLeft <= 1;
|
|
11416
11599
|
});
|
|
11417
11600
|
_Tabbar_onViewportCrop.set(this, () => {
|
|
11418
|
-
if (!__classPrivateFieldGet$
|
|
11601
|
+
if (!__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"))
|
|
11419
11602
|
return;
|
|
11420
|
-
const { scrollWidth, clientWidth } = __classPrivateFieldGet$
|
|
11603
|
+
const { scrollWidth, clientWidth } = __classPrivateFieldGet$6(this, _Tabbar_tabbar, "f");
|
|
11421
11604
|
if (scrollWidth > clientWidth) {
|
|
11422
|
-
__classPrivateFieldGet$
|
|
11605
|
+
__classPrivateFieldGet$6(this, _Tabbar_onScroll, "f").call(this);
|
|
11423
11606
|
}
|
|
11424
11607
|
});
|
|
11425
11608
|
_Tabbar_onSlotchange.set(this, () => {
|
|
11426
|
-
__classPrivateFieldGet$
|
|
11427
|
-
if (__classPrivateFieldGet$
|
|
11428
|
-
__classPrivateFieldGet$
|
|
11609
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_updateTabsCache).call(this);
|
|
11610
|
+
if (__classPrivateFieldGet$6(this, _Tabbar_tabs, "f").length > 0)
|
|
11611
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")[0]);
|
|
11429
11612
|
});
|
|
11430
11613
|
}
|
|
11614
|
+
settingChanged() {
|
|
11615
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setTabSettings).call(this);
|
|
11616
|
+
}
|
|
11431
11617
|
windowResize() {
|
|
11432
|
-
__classPrivateFieldGet$
|
|
11618
|
+
__classPrivateFieldGet$6(this, _Tabbar_onViewportCrop, "f").call(this);
|
|
11433
11619
|
}
|
|
11434
11620
|
componentWillLoad() {
|
|
11621
|
+
this.settingChanged();
|
|
11435
11622
|
__classPrivateFieldSet$3(this, _Tabbar_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
11436
11623
|
const tabs = [
|
|
11437
11624
|
...this.host.querySelectorAll('qds-tab'),
|
|
11438
11625
|
];
|
|
11439
11626
|
const preselectedTab = tabs.find((tab) => tab.selected);
|
|
11440
11627
|
if (preselectedTab)
|
|
11441
|
-
__classPrivateFieldGet$
|
|
11628
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, preselectedTab);
|
|
11442
11629
|
else if (tabs.length > 0)
|
|
11443
|
-
__classPrivateFieldGet$
|
|
11630
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setActiveTab).call(this, tabs[0]);
|
|
11444
11631
|
}
|
|
11445
11632
|
componentDidRender() {
|
|
11446
11633
|
if (this.activeTab)
|
|
11447
|
-
__classPrivateFieldGet$
|
|
11448
|
-
|
|
11449
|
-
if (!settings)
|
|
11450
|
-
return;
|
|
11451
|
-
for (const tab of this.host.querySelectorAll('qds-tab')) {
|
|
11452
|
-
/* eslint-disable @typescript-eslint/no-unsafe-member-access */
|
|
11453
|
-
tab.importance = settings.importance;
|
|
11454
|
-
tab.size = settings.size;
|
|
11455
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
11456
|
-
tab.indicatorPosition =
|
|
11457
|
-
this.orientation === 'vertical' ? 'inline-end' : tab.indicatorPosition;
|
|
11458
|
-
/* eslint-enable @typescript-eslint/no-unsafe-member-access */
|
|
11459
|
-
}
|
|
11634
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, this.activeTab);
|
|
11635
|
+
this.settingChanged();
|
|
11460
11636
|
}
|
|
11461
11637
|
componentDidLoad() {
|
|
11462
|
-
invariant(__classPrivateFieldGet$
|
|
11463
|
-
__classPrivateFieldSet$3(this, _Tabbar_ro, new ResizeObserver(__classPrivateFieldGet$
|
|
11464
|
-
__classPrivateFieldGet$
|
|
11638
|
+
invariant(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
|
|
11639
|
+
__classPrivateFieldSet$3(this, _Tabbar_ro, new ResizeObserver(__classPrivateFieldGet$6(this, _Tabbar_onScroll, "f")), "f");
|
|
11640
|
+
__classPrivateFieldGet$6(this, _Tabbar_ro, "f").observe(__classPrivateFieldGet$6(this, _Tabbar_tabbar, "f"));
|
|
11465
11641
|
}
|
|
11466
11642
|
disconnectedCallback() {
|
|
11467
|
-
if (__classPrivateFieldGet$
|
|
11468
|
-
__classPrivateFieldGet$
|
|
11643
|
+
if (__classPrivateFieldGet$6(this, _Tabbar_ro, "f"))
|
|
11644
|
+
__classPrivateFieldGet$6(this, _Tabbar_ro, "f").disconnect();
|
|
11469
11645
|
}
|
|
11470
11646
|
render() {
|
|
11471
|
-
return (hAsync("div", { key: '
|
|
11647
|
+
return (hAsync("div", { key: '47ac9cd0bc096758c6c2797393010c0a9693fa88', class: {
|
|
11648
|
+
'qds-vertical-divider': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
|
|
11649
|
+
}, "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: {
|
|
11472
11650
|
'qds-align-center': true,
|
|
11473
11651
|
'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
|
|
11474
|
-
this.orientation === 'vertical'
|
|
11475
|
-
|
|
11652
|
+
this.orientation === 'vertical' ||
|
|
11653
|
+
__classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
|
|
11654
|
+
} }, 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: {
|
|
11476
11655
|
'qds-tabs': true,
|
|
11477
|
-
'qds-vertical': this.orientation === 'vertical',
|
|
11478
|
-
'qds-centered': this.alignment === '
|
|
11479
|
-
this.orientation === 'horizontal'
|
|
11656
|
+
'qds-vertical': this.orientation === 'vertical' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
|
|
11657
|
+
'qds-centered': this.alignment === 'center' &&
|
|
11658
|
+
(this.orientation === 'horizontal' ||
|
|
11659
|
+
__classPrivateFieldGet$6(this, _Tabbar_isHorizontalPlacement, "f").call(this)) &&
|
|
11480
11660
|
this.disableEndArrow &&
|
|
11481
11661
|
this.disableStartArrow,
|
|
11482
11662
|
}, role: "tablist", "aria-label": this.tablistDescription, ref: (element) => {
|
|
11483
11663
|
__classPrivateFieldSet$3(this, _Tabbar_tabbar, element, "f");
|
|
11484
|
-
}, onClick: __classPrivateFieldGet$
|
|
11664
|
+
}, 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: {
|
|
11485
11665
|
'qds-align-center': true,
|
|
11486
11666
|
'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
|
|
11487
|
-
this.orientation === 'vertical'
|
|
11488
|
-
|
|
11667
|
+
this.orientation === 'vertical' ||
|
|
11668
|
+
__classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this),
|
|
11669
|
+
} }, 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) }))));
|
|
11489
11670
|
}
|
|
11490
11671
|
static get delegatesFocus() { return true; }
|
|
11491
11672
|
get host() { return getElement(this); }
|
|
11673
|
+
static get watchers() { return {
|
|
11674
|
+
"importance": ["settingChanged"]
|
|
11675
|
+
}; }
|
|
11492
11676
|
static get style() { return tabbarCss; }
|
|
11493
11677
|
static get cmpMeta() { return {
|
|
11494
11678
|
"$flags$": 281,
|
|
@@ -11496,10 +11680,13 @@ class Tabbar {
|
|
|
11496
11680
|
"$members$": {
|
|
11497
11681
|
"layer": [1],
|
|
11498
11682
|
"level": [1],
|
|
11683
|
+
"size": [1],
|
|
11499
11684
|
"orientation": [1],
|
|
11685
|
+
"placement": [1],
|
|
11500
11686
|
"tablistDescription": [1, "tablist-description"],
|
|
11501
11687
|
"showDivider": [4, "show-divider"],
|
|
11502
11688
|
"alignment": [1],
|
|
11689
|
+
"importance": [1],
|
|
11503
11690
|
"disableEndArrow": [32],
|
|
11504
11691
|
"disableStartArrow": [32],
|
|
11505
11692
|
"activeTab": [32]
|
|
@@ -11509,12 +11696,34 @@ class Tabbar {
|
|
|
11509
11696
|
"$attrsToReflect$": []
|
|
11510
11697
|
}; }
|
|
11511
11698
|
}
|
|
11512
|
-
_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(),
|
|
11699
|
+
_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() {
|
|
11700
|
+
return this.importance;
|
|
11701
|
+
}, _Tabbar_computedSize_get = function _Tabbar_computedSize_get() {
|
|
11702
|
+
return this.size ?? undefined;
|
|
11703
|
+
}, _Tabbar_computedPlacement_get = function _Tabbar_computedPlacement_get() {
|
|
11704
|
+
switch (this.placement) {
|
|
11705
|
+
case 'top': {
|
|
11706
|
+
return 'block-end';
|
|
11707
|
+
}
|
|
11708
|
+
case 'end': {
|
|
11709
|
+
return 'inline-start';
|
|
11710
|
+
}
|
|
11711
|
+
case 'bottom': {
|
|
11712
|
+
return 'block-start';
|
|
11713
|
+
}
|
|
11714
|
+
case 'start': {
|
|
11715
|
+
return 'inline-end';
|
|
11716
|
+
}
|
|
11717
|
+
default: {
|
|
11718
|
+
return undefined;
|
|
11719
|
+
}
|
|
11720
|
+
}
|
|
11721
|
+
}, _Tabbar_computeDividerVisible_get = function _Tabbar_computeDividerVisible_get() {
|
|
11513
11722
|
if (this.layer === 'panel')
|
|
11514
11723
|
return false;
|
|
11515
11724
|
if (this.layer === 'main' &&
|
|
11516
11725
|
this.level === 'subsection' &&
|
|
11517
|
-
this.orientation === 'horizontal')
|
|
11726
|
+
(this.orientation === 'horizontal' || __classPrivateFieldGet$6(this, _Tabbar_isVerticalPlacement, "f").call(this)))
|
|
11518
11727
|
return false;
|
|
11519
11728
|
return this.showDivider === true;
|
|
11520
11729
|
}, _Tabbar_setActiveTab = function _Tabbar_setActiveTab(tab) {
|
|
@@ -11529,7 +11738,7 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
|
|
|
11529
11738
|
target.ariaSelected = isSelected.toString();
|
|
11530
11739
|
}
|
|
11531
11740
|
}, _Tabbar_switchTabPanel = function _Tabbar_switchTabPanel(activeTab) {
|
|
11532
|
-
for (const tab of __classPrivateFieldGet$
|
|
11741
|
+
for (const tab of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
|
|
11533
11742
|
const panel = resolvePanelElement(tab);
|
|
11534
11743
|
if (panel) {
|
|
11535
11744
|
panel.hidden = tab !== activeTab;
|
|
@@ -11542,12 +11751,12 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
|
|
|
11542
11751
|
this.activeTab = tab;
|
|
11543
11752
|
this.hideEmitter.emit(previousTab);
|
|
11544
11753
|
this.showEmitter.emit(tab);
|
|
11545
|
-
__classPrivateFieldGet$
|
|
11546
|
-
__classPrivateFieldGet$
|
|
11754
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tab);
|
|
11755
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_switchTabPanel).call(this, tab);
|
|
11547
11756
|
}, _Tabbar_getCurrentTab = function _Tabbar_getCurrentTab() {
|
|
11548
|
-
return __classPrivateFieldGet$
|
|
11757
|
+
return __classPrivateFieldGet$6(this, _Tabbar_tabs, "f").find((tab) => tab.tab.getAttribute('tabindex') === '0');
|
|
11549
11758
|
}, _Tabbar_setCurrentTab = function _Tabbar_setCurrentTab(tab) {
|
|
11550
|
-
for (const t of __classPrivateFieldGet$
|
|
11759
|
+
for (const t of __classPrivateFieldGet$6(this, _Tabbar_tabs, "f")) {
|
|
11551
11760
|
const isCurrent = t === tab;
|
|
11552
11761
|
componentOnReady(t, (element) => {
|
|
11553
11762
|
const target = element?.tab;
|
|
@@ -11558,7 +11767,7 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
|
|
|
11558
11767
|
const tabindex = shouldActivateTab ? '0' : '-1';
|
|
11559
11768
|
target.setAttribute('tabindex', tabindex);
|
|
11560
11769
|
if (shouldActivateTab)
|
|
11561
|
-
__classPrivateFieldGet$
|
|
11770
|
+
__classPrivateFieldGet$6(this, _Tabbar_instances, "m", _Tabbar_handleTabActivation).call(this, t);
|
|
11562
11771
|
});
|
|
11563
11772
|
}
|
|
11564
11773
|
}, _Tabbar_updateTabsCache = function _Tabbar_updateTabsCache() {
|
|
@@ -11566,6 +11775,20 @@ _Tabbar_tabs = new WeakMap(), _Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new W
|
|
|
11566
11775
|
__classPrivateFieldSet$3(this, _Tabbar_tabs, slot
|
|
11567
11776
|
? [...slot.assignedElements({ flatten: true })].filter((element) => isEnabledTabItem(element))
|
|
11568
11777
|
: [], "f");
|
|
11778
|
+
}, _Tabbar_setTabSettings = function _Tabbar_setTabSettings() {
|
|
11779
|
+
const settings = TAB_SETTINGS[`${this.layer}-${this.level}`];
|
|
11780
|
+
if (!settings)
|
|
11781
|
+
return;
|
|
11782
|
+
for (const tab of this.host.querySelectorAll('qds-tab')) {
|
|
11783
|
+
/* eslint-disable @typescript-eslint/no-unsafe-member-access */
|
|
11784
|
+
tab.importance = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedImportance_get) ?? settings.importance;
|
|
11785
|
+
tab.size = __classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedSize_get) ?? settings.size;
|
|
11786
|
+
tab.indicatorPosition =
|
|
11787
|
+
this.orientation === 'vertical'
|
|
11788
|
+
? 'inline-end'
|
|
11789
|
+
: (__classPrivateFieldGet$6(this, _Tabbar_instances, "a", _Tabbar_computedPlacement_get) ?? settings.indicatorPosition);
|
|
11790
|
+
/* eslint-enable @typescript-eslint/no-unsafe-member-access */
|
|
11791
|
+
}
|
|
11569
11792
|
};
|
|
11570
11793
|
|
|
11571
11794
|
const tableCss = ":host([hidden]){display:none!important}:host{border-collapse:collapse;display:table}";
|
|
@@ -11593,7 +11816,7 @@ class Table {
|
|
|
11593
11816
|
}
|
|
11594
11817
|
// eslint-disable-next-line @typescript-eslint/class-methods-use-this
|
|
11595
11818
|
render() {
|
|
11596
|
-
return hAsync("slot", { key: '
|
|
11819
|
+
return hAsync("slot", { key: 'e48b0a5845e41ac83900ddbd3baf9c5a38b01d9a' });
|
|
11597
11820
|
}
|
|
11598
11821
|
static get style() { return tableCss; }
|
|
11599
11822
|
static get cmpMeta() { return {
|
|
@@ -11606,8 +11829,19 @@ class Table {
|
|
|
11606
11829
|
}; }
|
|
11607
11830
|
}
|
|
11608
11831
|
|
|
11609
|
-
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-
|
|
11832
|
+
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)}";
|
|
11610
11833
|
|
|
11834
|
+
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
11835
|
+
//
|
|
11836
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
11837
|
+
var __classPrivateFieldGet$5 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
11838
|
+
if (kind === "a" && !f)
|
|
11839
|
+
throw new TypeError("Private accessor was defined without a getter");
|
|
11840
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
11841
|
+
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
11842
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
11843
|
+
};
|
|
11844
|
+
var _TableCell_instances, _TableCell_computedSize_get;
|
|
11611
11845
|
/**
|
|
11612
11846
|
* The `<qds-table-cell>` element defines a cell of a table that contains data.
|
|
11613
11847
|
* It participates in the *table model*.
|
|
@@ -11624,6 +11858,11 @@ class TableCell {
|
|
|
11624
11858
|
this.internals = hostRef.$hostElement$.attachInternals();
|
|
11625
11859
|
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
11626
11860
|
}
|
|
11861
|
+
_TableCell_instances.add(this);
|
|
11862
|
+
/**
|
|
11863
|
+
* The table cell's size.
|
|
11864
|
+
*/
|
|
11865
|
+
this.size = 'standard';
|
|
11627
11866
|
}
|
|
11628
11867
|
colSpanChanged(newValue) {
|
|
11629
11868
|
this.internals.ariaColSpan =
|
|
@@ -11651,9 +11890,9 @@ class TableCell {
|
|
|
11651
11890
|
render() {
|
|
11652
11891
|
return (
|
|
11653
11892
|
// eslint-disable-next-line jsx-a11y/control-has-associated-label
|
|
11654
|
-
hAsync("td", { key: '
|
|
11893
|
+
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,
|
|
11655
11894
|
// eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
|
|
11656
|
-
role: "none" }, hAsync("slot", { key: '
|
|
11895
|
+
role: "none" }, hAsync("slot", { key: 'cf016b76dd2a13a2768180d3f7f8cb22d9189876' })));
|
|
11657
11896
|
}
|
|
11658
11897
|
static get watchers() { return {
|
|
11659
11898
|
"colSpan": ["colSpanChanged"],
|
|
@@ -11665,16 +11904,39 @@ class TableCell {
|
|
|
11665
11904
|
"$tagName$": "qds-table-cell",
|
|
11666
11905
|
"$members$": {
|
|
11667
11906
|
"colSpan": [2, "colspan"],
|
|
11668
|
-
"rowSpan": [2, "rowspan"]
|
|
11907
|
+
"rowSpan": [2, "rowspan"],
|
|
11908
|
+
"size": [1]
|
|
11669
11909
|
},
|
|
11670
11910
|
"$listeners$": undefined,
|
|
11671
11911
|
"$lazyBundleId$": "-",
|
|
11672
11912
|
"$attrsToReflect$": []
|
|
11673
11913
|
}; }
|
|
11674
11914
|
}
|
|
11915
|
+
_TableCell_instances = new WeakSet(), _TableCell_computedSize_get = function _TableCell_computedSize_get() {
|
|
11916
|
+
switch (this.size) {
|
|
11917
|
+
case 'large':
|
|
11918
|
+
case 'small': {
|
|
11919
|
+
return this.size;
|
|
11920
|
+
}
|
|
11921
|
+
default: {
|
|
11922
|
+
return 'standard';
|
|
11923
|
+
}
|
|
11924
|
+
}
|
|
11925
|
+
};
|
|
11675
11926
|
|
|
11676
|
-
const tableHeadCellCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-head-cell{box-sizing:border-box;color:var(--qds-theme-
|
|
11927
|
+
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)}";
|
|
11677
11928
|
|
|
11929
|
+
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
11930
|
+
//
|
|
11931
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
11932
|
+
var __classPrivateFieldGet$4 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
11933
|
+
if (kind === "a" && !f)
|
|
11934
|
+
throw new TypeError("Private accessor was defined without a getter");
|
|
11935
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
11936
|
+
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
11937
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
11938
|
+
};
|
|
11939
|
+
var _TableHeadCell_instances, _TableHeadCell_computedSize_get;
|
|
11678
11940
|
/**
|
|
11679
11941
|
* The `<qds-table-head-cell>` element defines a cell as the header of a group
|
|
11680
11942
|
* of table cells. The exact nature of this group is defined by the `scope`
|
|
@@ -11692,6 +11954,11 @@ class TableHeadCell {
|
|
|
11692
11954
|
this.internals = hostRef.$hostElement$.attachInternals();
|
|
11693
11955
|
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
11694
11956
|
}
|
|
11957
|
+
_TableHeadCell_instances.add(this);
|
|
11958
|
+
/**
|
|
11959
|
+
* The table header cell's size.
|
|
11960
|
+
*/
|
|
11961
|
+
this.size = 'standard';
|
|
11695
11962
|
}
|
|
11696
11963
|
colSpanChanged(newValue) {
|
|
11697
11964
|
this.internals.ariaColSpan =
|
|
@@ -11722,9 +11989,9 @@ class TableHeadCell {
|
|
|
11722
11989
|
render() {
|
|
11723
11990
|
return (
|
|
11724
11991
|
// eslint-disable-next-line jsx-a11y/control-has-associated-label
|
|
11725
|
-
hAsync("th", { key: '
|
|
11992
|
+
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,
|
|
11726
11993
|
// eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
|
|
11727
|
-
role: "none" }, hAsync("slot", { key: '
|
|
11994
|
+
role: "none" }, hAsync("slot", { key: '7aa120d507fa6cbb80ef6acf92ba88d29545b82c' })));
|
|
11728
11995
|
}
|
|
11729
11996
|
static get watchers() { return {
|
|
11730
11997
|
"colSpan": ["colSpanChanged"],
|
|
@@ -11738,15 +12005,27 @@ class TableHeadCell {
|
|
|
11738
12005
|
"$members$": {
|
|
11739
12006
|
"colSpan": [2, "colspan"],
|
|
11740
12007
|
"rowSpan": [2, "rowspan"],
|
|
11741
|
-
"scope": [1]
|
|
12008
|
+
"scope": [1],
|
|
12009
|
+
"size": [1]
|
|
11742
12010
|
},
|
|
11743
12011
|
"$listeners$": undefined,
|
|
11744
12012
|
"$lazyBundleId$": "-",
|
|
11745
12013
|
"$attrsToReflect$": []
|
|
11746
12014
|
}; }
|
|
11747
12015
|
}
|
|
12016
|
+
_TableHeadCell_instances = new WeakSet(), _TableHeadCell_computedSize_get = function _TableHeadCell_computedSize_get() {
|
|
12017
|
+
switch (this.size) {
|
|
12018
|
+
case 'large':
|
|
12019
|
+
case 'small': {
|
|
12020
|
+
return this.size;
|
|
12021
|
+
}
|
|
12022
|
+
default: {
|
|
12023
|
+
return 'standard';
|
|
12024
|
+
}
|
|
12025
|
+
}
|
|
12026
|
+
};
|
|
11748
12027
|
|
|
11749
|
-
const tableRowCss = ":host([hidden]){display:none!important}:host{display:contents}.qds-table-row{border-block-end:var(--qds-
|
|
12028
|
+
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}";
|
|
11750
12029
|
|
|
11751
12030
|
/**
|
|
11752
12031
|
* The `<qds-table-row>` element defines a row of cells in a table. The row's
|
|
@@ -11771,7 +12050,7 @@ class TableRow {
|
|
|
11771
12050
|
}
|
|
11772
12051
|
// eslint-disable-next-line @typescript-eslint/class-methods-use-this
|
|
11773
12052
|
render() {
|
|
11774
|
-
return (hAsync("tr", { key: '
|
|
12053
|
+
return (hAsync("tr", { key: 'f2ebf28bc79f5b8043ba5309e0f5d67b2e29dccc', class: "qds-table-row", role: "none" }, hAsync("slot", { key: '3a16ecf6721c2decf2fc050db6abb1c0feabc45e' })));
|
|
11775
12054
|
}
|
|
11776
12055
|
static get style() { return tableRowCss; }
|
|
11777
12056
|
static get cmpMeta() { return {
|
|
@@ -11842,11 +12121,11 @@ class Tag {
|
|
|
11842
12121
|
__classPrivateFieldSet$2(this, _Tag_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
11843
12122
|
}
|
|
11844
12123
|
render() {
|
|
11845
|
-
return (hAsync("span", { key: '
|
|
12124
|
+
return (hAsync("span", { key: 'dbda480ae5220ac8393a33a1b05970e099a1594b', class: {
|
|
11846
12125
|
'qds-tag': true,
|
|
11847
12126
|
'qds-padding': this.importance !== 'subdued',
|
|
11848
12127
|
}, "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 &&
|
|
11849
|
-
this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", {
|
|
12128
|
+
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)));
|
|
11850
12129
|
}
|
|
11851
12130
|
get host() { return getElement(this); }
|
|
11852
12131
|
static get style() { return tagCss; }
|
|
@@ -11906,7 +12185,7 @@ _Tag_inheritedAttributes = new WeakMap(), _Tag_instances = new WeakSet(), _Tag_c
|
|
|
11906
12185
|
return (this.badge ?? false) && this.importance !== 'emphasized';
|
|
11907
12186
|
};
|
|
11908
12187
|
|
|
11909
|
-
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)}";
|
|
12188
|
+
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)}";
|
|
11910
12189
|
|
|
11911
12190
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
11912
12191
|
//
|
|
@@ -12172,9 +12451,9 @@ class TextArea {
|
|
|
12172
12451
|
this.valueChanged();
|
|
12173
12452
|
}
|
|
12174
12453
|
render() {
|
|
12175
|
-
return (hAsync(Host, { key: '
|
|
12454
|
+
return (hAsync(Host, { key: '3aa4b8a2f3cf4b591a13f6bf029adfe3691087e7' }, hAsync("textarea", { key: 'ba6281ce9a79274d6132c82ec0da48cf25361489', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
|
|
12176
12455
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
12177
|
-
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: '
|
|
12456
|
+
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") })));
|
|
12178
12457
|
}
|
|
12179
12458
|
static get delegatesFocus() { return true; }
|
|
12180
12459
|
static get formAssociated() { return true; }
|
|
@@ -12250,7 +12529,7 @@ _TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(
|
|
|
12250
12529
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
12251
12530
|
};
|
|
12252
12531
|
|
|
12253
|
-
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"
|
|
12532
|
+
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)}";
|
|
12254
12533
|
|
|
12255
12534
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
12256
12535
|
//
|
|
@@ -12301,14 +12580,14 @@ class Title {
|
|
|
12301
12580
|
const level = `qds-${this.level ?? 'section'}`;
|
|
12302
12581
|
const Tag = this.tag ?? 'h2';
|
|
12303
12582
|
const hasIcon = this.iconName !== undefined && this.iconName !== '';
|
|
12304
|
-
return (hAsync("hgroup", { key: '
|
|
12583
|
+
return (hAsync("hgroup", { key: 'ed0b1522df1d04ac5d4a19bfd4d801bac51aba5a', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
|
|
12305
12584
|
[layer]: true,
|
|
12306
12585
|
[level]: true,
|
|
12307
12586
|
'qds-titles': true,
|
|
12308
12587
|
'qds-has-icon': hasIcon,
|
|
12309
12588
|
'qds-has-kicker': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get),
|
|
12310
12589
|
'qds-has-subtitle': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get),
|
|
12311
|
-
}, role: "none" }, hAsync(Tag, { key: '
|
|
12590
|
+
}, 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 }))));
|
|
12312
12591
|
}
|
|
12313
12592
|
static get style() { return titleCss; }
|
|
12314
12593
|
static get cmpMeta() { return {
|
|
@@ -12608,7 +12887,7 @@ class Tooltip {
|
|
|
12608
12887
|
__classPrivateFieldGet(this, _Tooltip_referenceElement, "f").removeAttribute('aria-describedby');
|
|
12609
12888
|
}
|
|
12610
12889
|
render() {
|
|
12611
|
-
return (hAsync(Host, { key: '
|
|
12890
|
+
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") })));
|
|
12612
12891
|
}
|
|
12613
12892
|
get host() { return getElement(this); }
|
|
12614
12893
|
static get watchers() { return {
|