@quartzds/core 1.0.0-beta.119 → 1.0.0-beta.120
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 +50 -0
- package/components/index.d.ts +2 -0
- package/components/index.js +2 -1
- package/components/index.js.map +1 -1
- package/components/{p--RtuuN-f.js → p-5RFBIepu.js} +4 -4
- package/components/{p--RtuuN-f.js.map → p-5RFBIepu.js.map} +1 -1
- package/components/{p-BcuDZbUA.js → p-B03FWheS.js} +23 -27
- package/components/p-B03FWheS.js.map +1 -0
- package/components/{p-Bv_uu0s1.js → p-BkBJDD6Y.js} +7 -7
- package/components/p-BkBJDD6Y.js.map +1 -0
- package/components/{p-B_6Kulw9.js → p-BkgfW_tl.js} +4 -4
- package/components/{p-B_6Kulw9.js.map → p-BkgfW_tl.js.map} +1 -1
- package/components/{p-DdqipBK9.js → p-Bnc7Puxx.js} +10 -10
- package/components/p-Bnc7Puxx.js.map +1 -0
- package/components/{p-CXI7fTbm.js → p-CFVg7I9T.js} +6 -6
- package/components/p-CFVg7I9T.js.map +1 -0
- package/components/{p-kI1bxLGk.js → p-CRVPDKfO.js} +7 -7
- package/components/p-CRVPDKfO.js.map +1 -0
- package/{dist/esm/helpers-BVuIKvSk.js → components/p-CXP6q9Mr.js} +13 -11
- package/components/p-CXP6q9Mr.js.map +1 -0
- package/components/{p-CndRvQiV.js → p-DeRqCYmp.js} +5 -5
- package/components/{p-CndRvQiV.js.map → p-DeRqCYmp.js.map} +1 -1
- package/components/{p-aWJYkykh.js → p-DnZdwX0l.js} +7 -7
- package/components/{p-aWJYkykh.js.map → p-DnZdwX0l.js.map} +1 -1
- package/components/{p-BWYKuRRD.js → p-Dsc0-aXK.js} +5 -5
- package/components/{p-BWYKuRRD.js.map → p-Dsc0-aXK.js.map} +1 -1
- package/components/{p-C80aM3BN.js → p-DwxIJEUj.js} +3 -3
- package/components/{p-C80aM3BN.js.map → p-DwxIJEUj.js.map} +1 -1
- package/components/{p-FsslOC0B.js → p-U2Q0vF-d.js} +3 -3
- package/components/p-U2Q0vF-d.js.map +1 -0
- package/components/{p-D4vlGPhk.js → p-eFhV8w2l.js} +6 -4
- package/components/p-eFhV8w2l.js.map +1 -0
- package/components/qds-action-item.js +4 -4
- package/components/qds-action-item.js.map +1 -1
- package/components/qds-avatar-media.js +1 -1
- package/components/qds-badge-indicator.js +1 -1
- package/components/qds-breadcrumb-item.js +13 -7
- package/components/qds-breadcrumb-item.js.map +1 -1
- package/components/qds-button.js +39 -10
- package/components/qds-button.js.map +1 -1
- package/components/qds-checkbox.js +1 -1
- package/components/qds-chip.js +4 -4
- 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 +3 -3
- package/components/qds-form-message.js.map +1 -1
- package/components/qds-icon-button.js +1 -1
- package/components/qds-icon-tab.d.ts +11 -0
- package/components/qds-icon-tab.js +278 -0
- package/components/qds-icon-tab.js.map +1 -0
- package/components/qds-icon.js +1 -1
- package/components/qds-inline-link.js +5 -5
- package/components/qds-inline-link.js.map +1 -1
- package/components/qds-input.js +27 -8
- package/components/qds-input.js.map +1 -1
- package/components/qds-label.js +1 -1
- package/components/qds-list-item.js +24 -19
- package/components/qds-list-item.js.map +1 -1
- package/components/qds-loader.js +1 -1
- package/components/qds-menu-item.js +7 -7
- package/components/qds-menu-item.js.map +1 -1
- 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 +6 -6
- 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 +6 -6
- package/components/qds-switch.js.map +1 -1
- package/components/qds-tab.js +20 -87
- package/components/qds-tab.js.map +1 -1
- package/components/qds-tabbar.js +10 -10
- package/components/qds-table-cell.js +2 -2
- package/components/qds-table-head-cell.js +2 -2
- package/components/qds-table-row.js +1 -1
- package/components/qds-table.js +1 -1
- package/components/qds-tag.js +1 -1
- package/components/qds-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-wsiRak3m.js → helpers-BIL8yXqA.js} +13 -11
- package/dist/cjs/helpers-BIL8yXqA.js.map +1 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/qds-action-item.cjs.entry.js +2 -2
- 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 +7 -7
- 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 +11 -5
- package/dist/cjs/qds-breadcrumb-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-button.cjs.entry.js +33 -6
- package/dist/cjs/qds-button.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-chip.cjs.entry.js +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 +2 -2
- package/dist/cjs/qds-dropdown.cjs.entry.js +3 -2
- package/dist/cjs/qds-dropdown.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-form-message.cjs.entry.js +2 -2
- package/dist/cjs/qds-form-message.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-icon-tab.cjs.entry.js +214 -0
- package/dist/cjs/qds-icon-tab.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-icon.cjs.entry.js +2 -2
- package/dist/cjs/qds-inline-link.cjs.entry.js +4 -4
- package/dist/cjs/qds-inline-link.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-input.cjs.entry.js +22 -6
- package/dist/cjs/qds-input.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-label.cjs.entry.js +4 -4
- package/dist/cjs/qds-label.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-list-item.cjs.entry.js +14 -9
- package/dist/cjs/qds-list-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-menu-item.cjs.entry.js +4 -4
- package/dist/cjs/qds-menu-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-mini-button.cjs.entry.js +2 -2
- package/dist/cjs/qds-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/qds-select.cjs.entry.js +5 -5
- 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 +5 -5
- package/dist/cjs/qds-switch.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-tab.cjs.entry.js +10 -70
- package/dist/cjs/qds-tab.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-tabbar.cjs.entry.js +5 -5
- package/dist/cjs/qds-table-cell.cjs.entry.js +2 -2
- package/dist/cjs/qds-table-head-cell.cjs.entry.js +2 -2
- package/dist/cjs/qds-table-row.cjs.entry.js +1 -1
- package/dist/cjs/qds-table.cjs.entry.js +1 -1
- package/dist/cjs/qds-tag.cjs.entry.js +110 -0
- package/dist/cjs/qds-tag.entry.cjs.js.map +1 -0
- 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-tag_2.cjs.entry.js → qds-title.cjs.entry.js} +3 -103
- package/dist/cjs/qds-title.entry.cjs.js.map +1 -0
- package/dist/cjs/qds-tooltip.cjs.entry.js +21 -24
- package/dist/cjs/qds-tooltip.entry.cjs.js.map +1 -1
- package/dist/cjs/qds.cjs.js +1 -1
- package/dist/custom-elements.json +717 -157
- package/dist/docs.json +841 -131
- package/{components/p--gmRsVWR.js → dist/esm/helpers-BgaJNF9u.js} +13 -11
- package/dist/esm/helpers-BgaJNF9u.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/qds-action-item.entry.js +2 -2
- 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 +7 -7
- 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 +11 -5
- package/dist/esm/qds-breadcrumb-item.entry.js.map +1 -1
- package/dist/esm/qds-button.entry.js +33 -6
- package/dist/esm/qds-button.entry.js.map +1 -1
- package/dist/esm/qds-chip.entry.js +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 +2 -2
- package/dist/esm/qds-dropdown.entry.js +3 -2
- package/dist/esm/qds-dropdown.entry.js.map +1 -1
- package/dist/esm/qds-form-message.entry.js +2 -2
- package/dist/esm/qds-form-message.entry.js.map +1 -1
- package/dist/esm/qds-icon-tab.entry.js +212 -0
- package/dist/esm/qds-icon-tab.entry.js.map +1 -0
- package/dist/esm/qds-icon.entry.js +2 -2
- package/dist/esm/qds-inline-link.entry.js +4 -4
- package/dist/esm/qds-inline-link.entry.js.map +1 -1
- package/dist/esm/qds-input.entry.js +22 -6
- package/dist/esm/qds-input.entry.js.map +1 -1
- package/dist/esm/qds-label.entry.js +4 -4
- package/dist/esm/qds-label.entry.js.map +1 -1
- package/dist/esm/qds-list-item.entry.js +14 -9
- package/dist/esm/qds-list-item.entry.js.map +1 -1
- package/dist/esm/qds-menu-item.entry.js +4 -4
- package/dist/esm/qds-menu-item.entry.js.map +1 -1
- package/dist/esm/qds-mini-button.entry.js +2 -2
- package/dist/esm/qds-progress-bar.entry.js +1 -1
- package/dist/esm/qds-select.entry.js +5 -5
- 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 +5 -5
- package/dist/esm/qds-switch.entry.js.map +1 -1
- package/dist/esm/qds-tab.entry.js +10 -70
- package/dist/esm/qds-tab.entry.js.map +1 -1
- package/dist/esm/qds-tabbar.entry.js +5 -5
- package/dist/esm/qds-table-cell.entry.js +2 -2
- package/dist/esm/qds-table-head-cell.entry.js +2 -2
- package/dist/esm/qds-table-row.entry.js +1 -1
- package/dist/esm/qds-table.entry.js +1 -1
- package/dist/esm/qds-tag.entry.js +108 -0
- package/dist/esm/qds-tag.entry.js.map +1 -0
- package/dist/esm/qds-textarea.entry.js +4 -4
- package/dist/esm/qds-textarea.entry.js.map +1 -1
- package/dist/esm/{qds-tag_2.entry.js → qds-title.entry.js} +5 -104
- package/dist/esm/qds-title.entry.js.map +1 -0
- package/dist/esm/qds-tooltip.entry.js +21 -24
- package/dist/esm/qds-tooltip.entry.js.map +1 -1
- package/dist/esm/qds.js +1 -1
- package/dist/types/components/button/button.d.ts +7 -0
- package/dist/types/components/dropdown/dropdown.d.ts +4 -4
- package/dist/types/components/icon-tab/icon-tab.d.ts +110 -0
- package/dist/types/components/input/input.d.ts +13 -1
- package/dist/types/components/list-item/list-item.d.ts +2 -2
- package/dist/types/components/tab/tab.d.ts +2 -9
- package/dist/types/components/tooltip/tooltip.d.ts +1 -2
- package/dist/types/components.d.ts +232 -21
- package/dist/types/helpers.d.ts +4 -9
- package/dist/vscode.html-custom-data.json +158 -7
- package/hydrate/index.js +631 -400
- package/hydrate/index.mjs +631 -400
- package/package.json +1 -1
- package/components/p--gmRsVWR.js.map +0 -1
- package/components/p-BcuDZbUA.js.map +0 -1
- package/components/p-Bv_uu0s1.js.map +0 -1
- package/components/p-CXI7fTbm.js.map +0 -1
- package/components/p-D4vlGPhk.js.map +0 -1
- package/components/p-DdqipBK9.js.map +0 -1
- package/components/p-FsslOC0B.js.map +0 -1
- package/components/p-kI1bxLGk.js.map +0 -1
- package/dist/cjs/helpers-wsiRak3m.js.map +0 -1
- package/dist/cjs/qds-tag.qds-title.entry.cjs.js.map +0 -1
- package/dist/esm/helpers-BVuIKvSk.js.map +0 -1
- package/dist/esm/qds-tag.qds-title.entry.js.map +0 -1
package/hydrate/index.js
CHANGED
|
@@ -3513,10 +3513,6 @@ const ignorePromise = (promise) => {
|
|
|
3513
3513
|
};
|
|
3514
3514
|
const isTouchDevice = () => 'ontouchstart' in globalThis ||
|
|
3515
3515
|
('maxTouchPoints' in globalThis && globalThis.navigator.maxTouchPoints > 0);
|
|
3516
|
-
const roundByDPR = (value) => {
|
|
3517
|
-
const dpr = devicePixelRatio || 1;
|
|
3518
|
-
return Math.round(value * dpr) / dpr;
|
|
3519
|
-
};
|
|
3520
3516
|
/**
|
|
3521
3517
|
* Checks if an element's ellipsis is active.
|
|
3522
3518
|
*
|
|
@@ -3598,7 +3594,7 @@ const componentOnReady = (element, callback) => {
|
|
|
3598
3594
|
});
|
|
3599
3595
|
}
|
|
3600
3596
|
};
|
|
3601
|
-
|
|
3597
|
+
const resolvePanelFromValue = (value) => {
|
|
3602
3598
|
if (value instanceof HTMLElement) {
|
|
3603
3599
|
return value;
|
|
3604
3600
|
}
|
|
@@ -3607,11 +3603,11 @@ function resolvePanelFromValue(value) {
|
|
|
3607
3603
|
return element instanceof HTMLElement ? element : undefined;
|
|
3608
3604
|
}
|
|
3609
3605
|
return undefined;
|
|
3610
|
-
}
|
|
3611
|
-
|
|
3606
|
+
};
|
|
3607
|
+
const resolvePanelElement = (tab) => {
|
|
3612
3608
|
const panelValue = typeof tab.panel === 'function' ? tab.panel() : tab.panel;
|
|
3613
3609
|
return resolvePanelFromValue(panelValue);
|
|
3614
|
-
}
|
|
3610
|
+
};
|
|
3615
3611
|
const HORIZONTAL_MOVE_KEYS = new Set([
|
|
3616
3612
|
'ArrowLeft',
|
|
3617
3613
|
'ArrowRight',
|
|
@@ -3638,20 +3634,26 @@ const closestElement = (selector, base) => {
|
|
|
3638
3634
|
}
|
|
3639
3635
|
return closestFrom(base);
|
|
3640
3636
|
};
|
|
3637
|
+
const isCurrentPage = (url) => {
|
|
3638
|
+
const currentUrl = new URL(window.location.href);
|
|
3639
|
+
const targetUrl = new URL(url);
|
|
3640
|
+
return (currentUrl.origin === targetUrl.origin &&
|
|
3641
|
+
currentUrl.pathname === targetUrl.pathname);
|
|
3642
|
+
};
|
|
3641
3643
|
|
|
3642
|
-
const actionItemCss = ":host([hidden]){display:none!important}:host{display:block}:host(:focus-visible){border-radius:var(--qds-
|
|
3644
|
+
const actionItemCss = ":host([hidden]){display:none!important}:host{display:block}:host(:focus-visible){border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0}.qds-text{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-action-item{align-items:center;border:none;border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:flex}.qds-action-item:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-action-item:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-action-item[data-size=small]{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding-inline:var(--qds-list-item-small-padding-horizontal)}[data-size=small] .qds-icon{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-text{font:var(--qds-list-item-small-title)}.qds-action-item[data-size=standard]{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding-inline:var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .qds-icon{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-text{font:var(--qds-list-item-standard-title)}.qds-action-item[data-size=large]{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding-inline:var(--qds-list-item-large-padding-horizontal)}[data-size=large] .qds-icon{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-text{font:var(--qds-list-item-large-title)}[data-importance=standard] .qds-text{color:var(--qds-theme-text-standard)}[data-importance=standard] .qds-icon{color:var(--qds-theme-control-text-standard)}.qds-action-item[data-importance=emphasized] .qds-icon,.qds-action-item[data-importance=emphasized] .qds-text{color:var(--qds-theme-signature-color-default)}.qds-action-item[data-importance=emphasized]:hover .qds-icon,.qds-action-item[data-importance=emphasized]:hover .qds-text{color:var(--qds-theme-signature-color-hover)}.qds-action-item[data-importance=emphasized]:active .qds-icon,.qds-action-item[data-importance=emphasized]:active .qds-text{color:var(--qds-theme-signature-color-pressed)}.qds-action-item[data-importance=subdued] .qds-icon,.qds-action-item[data-importance=subdued] .qds-text{color:var(--qds-theme-link-standard-default)}.qds-action-item[data-importance=subdued]:hover .qds-icon,.qds-action-item[data-importance=subdued]:hover .qds-text{color:var(--qds-theme-link-standard-hover)}.qds-action-item[data-importance=subdued]:active .qds-icon,.qds-action-item[data-importance=subdued]:active .qds-text{color:var(--qds-theme-link-standard-pressed)}.qds-action-item[data-importance=destructive] .qds-icon,.qds-action-item[data-importance=destructive] .qds-text{color:var(--qds-theme-feedback-action-destructive-default)}.qds-action-item[data-importance=destructive]:hover .qds-icon,.qds-action-item[data-importance=destructive]:hover .qds-text{color:var(--qds-theme-feedback-action-destructive-hover)}.qds-action-item[data-importance=destructive]:active .qds-icon,.qds-action-item[data-importance=destructive]:active .qds-text{color:var(--qds-theme-feedback-action-destructive-pressed)}";
|
|
3643
3645
|
|
|
3644
3646
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
3645
3647
|
//
|
|
3646
3648
|
// SPDX-License-Identifier: Apache-2.0
|
|
3647
|
-
var __classPrivateFieldGet$
|
|
3649
|
+
var __classPrivateFieldGet$w = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3648
3650
|
if (kind === "a" && !f)
|
|
3649
3651
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3650
3652
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
3651
3653
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
3652
3654
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
3653
3655
|
};
|
|
3654
|
-
var __classPrivateFieldSet$
|
|
3656
|
+
var __classPrivateFieldSet$q = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
3655
3657
|
if (kind === "m")
|
|
3656
3658
|
throw new TypeError("Private method is not writable");
|
|
3657
3659
|
if (kind === "a" && !f)
|
|
@@ -3701,15 +3703,15 @@ class ActionItem {
|
|
|
3701
3703
|
_ActionItem_actionItem.set(this, void 0);
|
|
3702
3704
|
_ActionItem_span.set(this, void 0);
|
|
3703
3705
|
_ActionItem_actionDivRef.set(this, (actionItem) => {
|
|
3704
|
-
__classPrivateFieldSet$
|
|
3706
|
+
__classPrivateFieldSet$q(this, _ActionItem_actionItem, actionItem, "f");
|
|
3705
3707
|
});
|
|
3706
3708
|
_ActionItem_spanRef.set(this, (span) => {
|
|
3707
|
-
__classPrivateFieldSet$
|
|
3709
|
+
__classPrivateFieldSet$q(this, _ActionItem_span, span, "f");
|
|
3708
3710
|
});
|
|
3709
3711
|
_ActionItem_tooltipRef.set(this, (tooltip) => {
|
|
3710
3712
|
if (tooltip)
|
|
3711
3713
|
// eslint-disable-next-line no-param-reassign
|
|
3712
|
-
tooltip.target = __classPrivateFieldGet$
|
|
3714
|
+
tooltip.target = __classPrivateFieldGet$w(this, _ActionItem_actionItem, "f");
|
|
3713
3715
|
});
|
|
3714
3716
|
}
|
|
3715
3717
|
disabledChanged() {
|
|
@@ -3722,7 +3724,7 @@ class ActionItem {
|
|
|
3722
3724
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
3723
3725
|
}
|
|
3724
3726
|
onClick(event) {
|
|
3725
|
-
if (__classPrivateFieldGet$
|
|
3727
|
+
if (__classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedDisabled_get))
|
|
3726
3728
|
event.stopImmediatePropagation();
|
|
3727
3729
|
}
|
|
3728
3730
|
componentWillLoad() {
|
|
@@ -3730,21 +3732,21 @@ class ActionItem {
|
|
|
3730
3732
|
this.disabledChanged();
|
|
3731
3733
|
}
|
|
3732
3734
|
componentDidLoad() {
|
|
3733
|
-
invariant(__classPrivateFieldGet$
|
|
3734
|
-
const span = __classPrivateFieldGet$
|
|
3735
|
+
invariant(__classPrivateFieldGet$w(this, _ActionItem_span, "f"));
|
|
3736
|
+
const span = __classPrivateFieldGet$w(this, _ActionItem_span, "f");
|
|
3735
3737
|
readTask(() => {
|
|
3736
3738
|
this.tooltip = isEllipsisActive(span);
|
|
3737
3739
|
});
|
|
3738
|
-
__classPrivateFieldSet$
|
|
3740
|
+
__classPrivateFieldSet$q(this, _ActionItem_ro, new ResizeObserver(([spanEntry]) => {
|
|
3739
3741
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
3740
3742
|
}), "f");
|
|
3741
|
-
__classPrivateFieldGet$
|
|
3743
|
+
__classPrivateFieldGet$w(this, _ActionItem_ro, "f").observe(__classPrivateFieldGet$w(this, _ActionItem_span, "f"));
|
|
3742
3744
|
}
|
|
3743
3745
|
render() {
|
|
3744
3746
|
return (hAsync("div", { key: 'c5761b24a5de2f0784850e2c05a35a4ff0d50540', class: {
|
|
3745
3747
|
'qds-action-item': true,
|
|
3746
3748
|
'qds-disabled': this.disabled,
|
|
3747
|
-
}, ref: __classPrivateFieldGet$
|
|
3749
|
+
}, ref: __classPrivateFieldGet$w(this, _ActionItem_actionDivRef, "f"), "data-size": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), "data-importance": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedImportance_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'f9c3a23ffeace5cbe558b15a50da5fdc95c58806', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '3100774715c9057232a91ff5103016c5dea61922', class: "qds-text", "data-size": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), ref: __classPrivateFieldGet$w(this, _ActionItem_spanRef, "f") }, this.text), this.action !== undefined && (hAsync("qds-icon", { key: '128edb074db17bd31c1467a1857f9c9473cda8ff', class: "qds-icon", "data-size": __classPrivateFieldGet$w(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), name: this.action, library: "core", "aria-label": this.actionDescription, role: "img" })), this.tooltip && (hAsync("qds-tooltip", { key: 'a28ef16e7941795bcf9241a367130e8b2f63b7d5', "aria-hidden": "true", ref: __classPrivateFieldGet$w(this, _ActionItem_tooltipRef, "f") }, this.text))));
|
|
3748
3750
|
}
|
|
3749
3751
|
static get watchers() { return {
|
|
3750
3752
|
"disabled": ["disabledChanged"]
|
|
@@ -3800,7 +3802,7 @@ const avatarMediaCss = ":host([hidden]){display:none!important}:host{display:blo
|
|
|
3800
3802
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
3801
3803
|
//
|
|
3802
3804
|
// SPDX-License-Identifier: Apache-2.0
|
|
3803
|
-
var __classPrivateFieldGet$
|
|
3805
|
+
var __classPrivateFieldGet$v = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3804
3806
|
if (kind === "a" && !f)
|
|
3805
3807
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3806
3808
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -3827,7 +3829,7 @@ class AvatarMedia {
|
|
|
3827
3829
|
this.hasImageError = false;
|
|
3828
3830
|
_AvatarMedia_renderContent.set(this, () => {
|
|
3829
3831
|
if (this.src !== undefined && this.src !== '' && !this.hasImageError) {
|
|
3830
|
-
return (hAsync("img", { class: "qds-picture", src: this.src, alt: this.alt, onError: __classPrivateFieldGet$
|
|
3832
|
+
return (hAsync("img", { class: "qds-picture", src: this.src, alt: this.alt, onError: __classPrivateFieldGet$v(this, _AvatarMedia_handleImageError, "f"), onLoad: () => {
|
|
3831
3833
|
this.hasImageError = false;
|
|
3832
3834
|
} }));
|
|
3833
3835
|
}
|
|
@@ -3857,7 +3859,7 @@ class AvatarMedia {
|
|
|
3857
3859
|
this.handleTextChange();
|
|
3858
3860
|
}
|
|
3859
3861
|
render() {
|
|
3860
|
-
return hAsync("div", { key: '
|
|
3862
|
+
return hAsync("div", { key: 'f866a7e64a0431f9f051f931533b4d3836784653', class: "qds-container" }, __classPrivateFieldGet$v(this, _AvatarMedia_renderContent, "f").call(this));
|
|
3861
3863
|
}
|
|
3862
3864
|
static get watchers() { return {
|
|
3863
3865
|
"text": ["handleTextChange"]
|
|
@@ -3887,7 +3889,7 @@ const badgeCounterCss = ":host([hidden]){display:none!important}:host{display:in
|
|
|
3887
3889
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3888
3890
|
//
|
|
3889
3891
|
// SPDX-License-Identifier: Apache-2.0
|
|
3890
|
-
var __classPrivateFieldGet$
|
|
3892
|
+
var __classPrivateFieldGet$u = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3891
3893
|
if (kind === "a" && !f)
|
|
3892
3894
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3893
3895
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -3922,7 +3924,7 @@ class BadgeCounter {
|
|
|
3922
3924
|
return (hAsync("span", { key: '0a706e1e216c17976c3c04c94ac165e69e860e40', class: {
|
|
3923
3925
|
'qds-badge-counter': true,
|
|
3924
3926
|
'qds-stroke-ring': this.strokeRing,
|
|
3925
|
-
}, "data-importance": __classPrivateFieldGet$
|
|
3927
|
+
}, "data-importance": __classPrivateFieldGet$u(this, _BadgeCounter_instances, "a", _BadgeCounter_computedImportance_get), "data-size": __classPrivateFieldGet$u(this, _BadgeCounter_instances, "a", _BadgeCounter_computedSize_get) }, __classPrivateFieldGet$u(this, _BadgeCounter_instances, "a", _BadgeCounter_computedValue_get), hAsync("span", { key: 'c68fcbe9899495b2e774567f7cd0058162d7d889', class: "qds-sr-only" }, this.description)));
|
|
3926
3928
|
}
|
|
3927
3929
|
static get style() { return badgeCounterCss; }
|
|
3928
3930
|
static get cmpMeta() { return {
|
|
@@ -3973,12 +3975,12 @@ _BadgeCounter_instances = new WeakSet(), _BadgeCounter_computedValue_get = funct
|
|
|
3973
3975
|
}
|
|
3974
3976
|
};
|
|
3975
3977
|
|
|
3976
|
-
const badgeIndicatorCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-indicator{align-items:center;background-color:var(--qds-theme-feedback-message-neutral);border-radius:var(--qds-feedback-rounded-border-radius);display:flex;height:var(--qds-badge-indicator-standard-height);justify-content:center;width:var(--qds-badge-indicator-standard-height)}.qds-stroke-ring{border:var(--qds-feedback-badge-border-width) solid var(--qds-theme-feedback-message-neutral-contrast)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-status=error]{background-color:var(--qds-theme-feedback-message-critical)}.qds-stroke-ring[data-status=error]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-status=info]{background-color:var(--qds-theme-feedback-message-informational)}.qds-stroke-ring[data-status=info]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-status=neutral]{background-color:var(--qds-theme-feedback-
|
|
3978
|
+
const badgeIndicatorCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-badge-indicator{align-items:center;background-color:var(--qds-theme-feedback-message-neutral);border-radius:var(--qds-feedback-rounded-border-radius);display:flex;height:var(--qds-badge-indicator-standard-height);justify-content:center;width:var(--qds-badge-indicator-standard-height)}.qds-stroke-ring{border:var(--qds-feedback-badge-border-width) solid var(--qds-theme-feedback-message-neutral-contrast)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-status=error]{background-color:var(--qds-theme-feedback-message-critical)}.qds-stroke-ring[data-status=error]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-status=info]{background-color:var(--qds-theme-feedback-message-informational)}.qds-stroke-ring[data-status=info]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-status=neutral]{background-color:var(--qds-theme-feedback-message-neutral)}.qds-stroke-ring[data-status=neutral]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-status=success]{background-color:var(--qds-theme-signature-color-default)}.qds-stroke-ring[data-status=success]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-status=warning]{background-color:var(--qds-theme-feedback-message-important)}.qds-stroke-ring[data-status=warning]{border-color:var(--qds-theme-feedback-message-neutral-contrast)}[data-size=small]{height:var(--qds-feedback-badge-indicator-small-size);width:var(--qds-feedback-badge-indicator-small-size)}[data-size=standard]{height:var(--qds-feedback-badge-indicator-standard-size);width:var(--qds-feedback-badge-indicator-standard-size)}[data-size=large]{height:var(--qds-feedback-badge-indicator-large-size);width:var(--qds-feedback-badge-indicator-large-size)}[data-size=hero]{height:var(--qds-feedback-badge-indicator-hero-size);width:var(--qds-feedback-badge-indicator-hero-size)}";
|
|
3977
3979
|
|
|
3978
3980
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
3979
3981
|
//
|
|
3980
3982
|
// SPDX-License-Identifier: Apache-2.0
|
|
3981
|
-
var __classPrivateFieldGet$
|
|
3983
|
+
var __classPrivateFieldGet$t = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
3982
3984
|
if (kind === "a" && !f)
|
|
3983
3985
|
throw new TypeError("Private accessor was defined without a getter");
|
|
3984
3986
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -4013,7 +4015,7 @@ class BadgeIndicator {
|
|
|
4013
4015
|
return (hAsync("div", { key: '1442d3293846a5f18a87297abc5e53755aebe4b6', class: {
|
|
4014
4016
|
'qds-badge-indicator': true,
|
|
4015
4017
|
'qds-stroke-ring': this.strokeRing,
|
|
4016
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4018
|
+
}, "data-size": __classPrivateFieldGet$t(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedSize_get), "data-status": __classPrivateFieldGet$t(this, _BadgeIndicator_instances, "a", _BadgeIndicator_computedStatus_get) }, hAsync("span", { key: 'f2131c0350fa5b857cb1b10b8f2fb276d3f52bb6', class: "qds-sr-only" }, this.description)));
|
|
4017
4019
|
}
|
|
4018
4020
|
static get style() { return badgeIndicatorCss; }
|
|
4019
4021
|
static get cmpMeta() { return {
|
|
@@ -4074,19 +4076,19 @@ const VALID_STATE = {
|
|
|
4074
4076
|
valueMissing: false,
|
|
4075
4077
|
};
|
|
4076
4078
|
|
|
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:\"
|
|
4079
|
+
const buttonCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-button:disabled,.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-overflow[data-size=hero]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.qds-action{transform:scaleX(var(--qds-direction-factor,1))}.qds-container{display:grid;grid-template-areas:\"b\"}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:b;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-control-border-width-inline-end,\n var(--qds-control-border-width)\n ))}:host(:focus-visible) .qds-focus-ring{visibility:visible}.qds-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;cursor:pointer;display:inline-flex;grid-area:b;justify-content:center;min-width:0;outline:none;padding-block:0;position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:center;-webkit-user-select:none;user-select:none}.qds-button:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-icon{flex-shrink:0}.qds-indicator{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}[data-size=small]{font:var(--qds-control-small-text)}.qds-button[data-size=small]{gap:var(--qds-control-small-gap-internal);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=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=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],[data-size=small],[data-size=standard]{line-height:normal}.qds-button.qds-icon-only[data-size=large],.qds-button.qds-icon-only[data-size=small],.qds-button.qds-icon-only[data-size=standard]{padding-inline:0}[data-size=hero]{font:var(--qds-control-hero-text)}.qds-button[data-size=hero]{border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n );gap:var(--qds-control-hero-gap-internal);padding-block:var(--qds-control-hero-padding-auto-height);padding-inline:var(--qds-control-button-hero-padding-horizontal)}.qds-button.qds-icon-only[data-size=hero]{min-height:var(--qds-control-hero-height);padding-inline:0;width:var(--qds-control-hero-height)}.qds-focus-ring[data-size=hero]{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n ))}.qds-icon[data-size=hero]{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}:is([data-action=dropdown],[data-action=dropdown-close]):not([data-importance=subdued]):not([data-importance=subdued-destructive]){padding-inline:var(--qds-control-input-padding-horizontal)}";
|
|
4078
4080
|
|
|
4079
4081
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4080
4082
|
//
|
|
4081
4083
|
// SPDX-License-Identifier: Apache-2.0
|
|
4082
|
-
var __classPrivateFieldGet$
|
|
4084
|
+
var __classPrivateFieldGet$s = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4083
4085
|
if (kind === "a" && !f)
|
|
4084
4086
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4085
4087
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
4086
4088
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4087
4089
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4088
4090
|
};
|
|
4089
|
-
var __classPrivateFieldSet$
|
|
4091
|
+
var __classPrivateFieldSet$p = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4090
4092
|
if (kind === "m")
|
|
4091
4093
|
throw new TypeError("Private method is not writable");
|
|
4092
4094
|
if (kind === "a" && !f)
|
|
@@ -4095,11 +4097,11 @@ var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
4095
4097
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
4096
4098
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
4097
4099
|
};
|
|
4098
|
-
var _Button_instances, _Button_savedTabIndex, _Button_button, _Button_span, _Button_ro, _Button_buttonType_get, _Button_computedAction_get, _Button_computedActionIcon_get, _Button_computedDisabled_get, _Button_computedImportance_get, _Button_computedSize_get, _Button_buttonRef, _Button_spanRef, _Button_tooltipRef, _Button_onClick, _Button_updateAriaLabel, _Button_defineGetter;
|
|
4099
|
-
const isCounter$
|
|
4100
|
+
var _Button_instances, _Button_savedTabIndex, _Button_button, _Button_span, _Button_ro, _Button_buttonType_get, _Button_iconOnly_get, _Button_computedAction_get, _Button_computedActionIcon_get, _Button_computedDisabled_get, _Button_computedImportance_get, _Button_computedSize_get, _Button_buttonRef, _Button_spanRef, _Button_tooltipRef, _Button_onClick, _Button_updateAriaLabel, _Button_defineGetter;
|
|
4101
|
+
const isCounter$3 = (value) => typeof value === 'string'
|
|
4100
4102
|
? !Number.isNaN(Number.parseFloat(value))
|
|
4101
4103
|
: typeof value === 'number';
|
|
4102
|
-
const isIndicator$
|
|
4104
|
+
const isIndicator$3 = (value) => value === '' || value === true;
|
|
4103
4105
|
const preventDefault$2 = (event) => {
|
|
4104
4106
|
event.preventDefault();
|
|
4105
4107
|
};
|
|
@@ -4141,6 +4143,12 @@ class Button {
|
|
|
4141
4143
|
* The button's size.
|
|
4142
4144
|
*/
|
|
4143
4145
|
this.size = 'standard';
|
|
4146
|
+
/**
|
|
4147
|
+
* @deprecated The icon-only button feature is deprecated and will be removed by september 2026. Please use the icon-button instead.
|
|
4148
|
+
*
|
|
4149
|
+
* Sets if button is icon only.
|
|
4150
|
+
*/
|
|
4151
|
+
this.iconOnly = false;
|
|
4144
4152
|
/**
|
|
4145
4153
|
* The [`<form>`][] element to associate the button with (its form owner).
|
|
4146
4154
|
*
|
|
@@ -4250,15 +4258,15 @@ class Button {
|
|
|
4250
4258
|
this.reportValidity = () => this.internals.reportValidity();
|
|
4251
4259
|
this.setCustomValidity = (error) => {
|
|
4252
4260
|
if (error)
|
|
4253
|
-
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$
|
|
4261
|
+
this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet$s(this, _Button_button, "f"));
|
|
4254
4262
|
else
|
|
4255
4263
|
this.internals.setValidity(NO_ERROR_FLAGS);
|
|
4256
4264
|
};
|
|
4257
4265
|
_Button_buttonRef.set(this, (button) => {
|
|
4258
|
-
__classPrivateFieldSet$
|
|
4266
|
+
__classPrivateFieldSet$p(this, _Button_button, button, "f");
|
|
4259
4267
|
});
|
|
4260
4268
|
_Button_spanRef.set(this, (span) => {
|
|
4261
|
-
__classPrivateFieldSet$
|
|
4269
|
+
__classPrivateFieldSet$p(this, _Button_span, span, "f");
|
|
4262
4270
|
});
|
|
4263
4271
|
_Button_tooltipRef.set(this, (tooltip) => {
|
|
4264
4272
|
if (tooltip)
|
|
@@ -4266,7 +4274,7 @@ class Button {
|
|
|
4266
4274
|
tooltip.target = this.host;
|
|
4267
4275
|
});
|
|
4268
4276
|
_Button_onClick.set(this, (event) => {
|
|
4269
|
-
if (__classPrivateFieldGet$
|
|
4277
|
+
if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get)) {
|
|
4270
4278
|
preventDefault$2(event);
|
|
4271
4279
|
event.stopImmediatePropagation();
|
|
4272
4280
|
}
|
|
@@ -4276,13 +4284,13 @@ class Button {
|
|
|
4276
4284
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
4277
4285
|
}
|
|
4278
4286
|
onClick(event) {
|
|
4279
|
-
if (__classPrivateFieldGet$
|
|
4287
|
+
if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get)) {
|
|
4280
4288
|
event.stopImmediatePropagation();
|
|
4281
4289
|
return;
|
|
4282
4290
|
}
|
|
4283
|
-
if (__classPrivateFieldGet$
|
|
4291
|
+
if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_buttonType_get) === 'button' || !this.internals.form)
|
|
4284
4292
|
return;
|
|
4285
|
-
if (__classPrivateFieldGet$
|
|
4293
|
+
if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_buttonType_get) === 'reset') {
|
|
4286
4294
|
this.internals.form.reset();
|
|
4287
4295
|
}
|
|
4288
4296
|
else {
|
|
@@ -4295,8 +4303,8 @@ class Button {
|
|
|
4295
4303
|
}
|
|
4296
4304
|
onKeydown(event) {
|
|
4297
4305
|
if (event.key === 'Enter') {
|
|
4298
|
-
if (__classPrivateFieldGet$
|
|
4299
|
-
__classPrivateFieldGet$
|
|
4306
|
+
if (__classPrivateFieldGet$s(this, _Button_button, "f") instanceof HTMLAnchorElement)
|
|
4307
|
+
__classPrivateFieldGet$s(this, _Button_button, "f").click();
|
|
4300
4308
|
else
|
|
4301
4309
|
this.host.click();
|
|
4302
4310
|
}
|
|
@@ -4306,11 +4314,11 @@ class Button {
|
|
|
4306
4314
|
this.host.click();
|
|
4307
4315
|
}
|
|
4308
4316
|
disabledChanged() {
|
|
4309
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
4310
|
-
if (__classPrivateFieldGet$
|
|
4317
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get).toString();
|
|
4318
|
+
if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get))
|
|
4311
4319
|
this.host.removeAttribute('tabindex');
|
|
4312
4320
|
else
|
|
4313
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
4321
|
+
this.host.tabIndex = __classPrivateFieldGet$s(this, _Button_savedTabIndex, "f");
|
|
4314
4322
|
}
|
|
4315
4323
|
hrefChanged() {
|
|
4316
4324
|
this.internals.role = this.href === undefined ? 'button' : 'link';
|
|
@@ -4318,53 +4326,70 @@ class Button {
|
|
|
4318
4326
|
tabindexChanged(newValue) {
|
|
4319
4327
|
if (newValue !== null) {
|
|
4320
4328
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
4321
|
-
__classPrivateFieldSet$
|
|
4329
|
+
__classPrivateFieldSet$p(this, _Button_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
|
|
4322
4330
|
? 0
|
|
4323
4331
|
: parsedValue, "f");
|
|
4324
4332
|
}
|
|
4325
|
-
if (__classPrivateFieldGet$
|
|
4333
|
+
if (__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get))
|
|
4326
4334
|
this.host.removeAttribute('tabindex');
|
|
4327
4335
|
else
|
|
4328
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
4336
|
+
this.host.tabIndex = __classPrivateFieldGet$s(this, _Button_savedTabIndex, "f");
|
|
4329
4337
|
}
|
|
4330
4338
|
textChanged() {
|
|
4331
|
-
__classPrivateFieldGet$
|
|
4332
|
-
if (__classPrivateFieldGet$
|
|
4333
|
-
__classPrivateFieldGet$
|
|
4334
|
-
if (!__classPrivateFieldGet$
|
|
4339
|
+
__classPrivateFieldGet$s(this, _Button_instances, "m", _Button_updateAriaLabel).call(this);
|
|
4340
|
+
if (__classPrivateFieldGet$s(this, _Button_ro, "f"))
|
|
4341
|
+
__classPrivateFieldGet$s(this, _Button_ro, "f").disconnect();
|
|
4342
|
+
if (!__classPrivateFieldGet$s(this, _Button_span, "f"))
|
|
4335
4343
|
return;
|
|
4336
|
-
const span = __classPrivateFieldGet$
|
|
4344
|
+
const span = __classPrivateFieldGet$s(this, _Button_span, "f");
|
|
4337
4345
|
readTask(() => {
|
|
4338
4346
|
this.tooltip = isEllipsisActive(span);
|
|
4339
4347
|
});
|
|
4340
|
-
__classPrivateFieldSet$
|
|
4348
|
+
__classPrivateFieldSet$p(this, _Button_ro, new ResizeObserver(([spanEntry]) => {
|
|
4341
4349
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
4342
4350
|
}), "f");
|
|
4343
|
-
__classPrivateFieldGet$
|
|
4351
|
+
__classPrivateFieldGet$s(this, _Button_ro, "f").observe(__classPrivateFieldGet$s(this, _Button_span, "f"));
|
|
4352
|
+
}
|
|
4353
|
+
/* DEPRECATED: will be removed by september 2026 */
|
|
4354
|
+
iconOnlyChanged() {
|
|
4355
|
+
this.tooltip = this.iconOnly;
|
|
4344
4356
|
}
|
|
4345
4357
|
componentWillLoad() {
|
|
4346
|
-
__classPrivateFieldGet$
|
|
4347
|
-
__classPrivateFieldGet$
|
|
4348
|
-
__classPrivateFieldGet$
|
|
4349
|
-
__classPrivateFieldGet$
|
|
4350
|
-
__classPrivateFieldGet$
|
|
4358
|
+
__classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'form', () => this.internals.form);
|
|
4359
|
+
__classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
4360
|
+
__classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
4361
|
+
__classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
4362
|
+
__classPrivateFieldGet$s(this, _Button_instances, "m", _Button_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
4351
4363
|
this.hrefChanged();
|
|
4352
4364
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4353
4365
|
this.disabledChanged();
|
|
4354
4366
|
}
|
|
4355
4367
|
componentDidLoad() {
|
|
4356
4368
|
this.textChanged();
|
|
4369
|
+
/* DEPRECATED: will be removed by september 2026 */
|
|
4370
|
+
this.iconOnlyChanged();
|
|
4357
4371
|
}
|
|
4358
4372
|
disconnectedCallback() {
|
|
4359
|
-
if (__classPrivateFieldGet$
|
|
4360
|
-
__classPrivateFieldGet$
|
|
4373
|
+
if (__classPrivateFieldGet$s(this, _Button_ro, "f"))
|
|
4374
|
+
__classPrivateFieldGet$s(this, _Button_ro, "f").disconnect();
|
|
4361
4375
|
}
|
|
4362
4376
|
render() {
|
|
4363
4377
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
4364
|
-
return (hAsync("div", { key: '
|
|
4378
|
+
return (hAsync("div", { key: '5054db1b3354d932b0ec1f12a93958d8d7813248', class: "qds-container", onClick: __classPrivateFieldGet$s(this, _Button_onClick, "f"), onKeyDown: preventDefault$2, onKeyUp: preventDefault$2, onKeyPress: preventDefault$2, "aria-hidden": "true" }, hAsync(Tag, { key: '409fa13363df964507be7e4a83c5f9c84c32fb56', class: {
|
|
4365
4379
|
'qds-button': true,
|
|
4366
|
-
'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$
|
|
4367
|
-
|
|
4380
|
+
'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
|
|
4381
|
+
/* DEPRECATED: will be removed by september 2026 */
|
|
4382
|
+
'qds-icon-only': __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
4383
|
+
}, "data-importance": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet$s(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$s(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet$s(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$s(this, _Button_instances, "a", _Button_computedSize_get), library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get) && (
|
|
4384
|
+
/* DEPRECATED: will be removed by september 2026 */
|
|
4385
|
+
hAsync("span", { key: '3aab08349fefe93cae8702f816befae266f98a6a', class: "qds-overflow", "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet$s(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$s(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), isCounter$3(this.badge) && (hAsync("qds-badge-counter", { key: 'b033e659fdd37de19534067ed28ca694f5674ded', class: {
|
|
4386
|
+
/* DEPRECATED: will be removed by september 2026 */
|
|
4387
|
+
'qds-indicator': __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
4388
|
+
}, description: this.badgeDescription, importance: __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (hAsync("qds-icon", { key: '3f27c4969412f2a3dc14aa1ab137c04c19231953', class: "qds-icon qds-action", "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get), library: "core", name: __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedActionIcon_get) }))), hAsync("div", { key: '347df81b48ec9318c0ba049f56cb1a63046a7fd6', class: {
|
|
4389
|
+
'qds-focus-ring': true,
|
|
4390
|
+
/* DEPRECATED: will be removed by september 2026 */
|
|
4391
|
+
'qds-icon-only': __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
4392
|
+
}, "data-importance": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$s(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (hAsync("qds-tooltip", { key: 'd97c38bab772dc277db8f058fce4ea21ce015251', ref: __classPrivateFieldGet$s(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
|
|
4368
4393
|
}
|
|
4369
4394
|
static get formAssociated() { return true; }
|
|
4370
4395
|
get host() { return getElement(this); }
|
|
@@ -4372,7 +4397,8 @@ class Button {
|
|
|
4372
4397
|
"disabled": ["disabledChanged"],
|
|
4373
4398
|
"href": ["hrefChanged"],
|
|
4374
4399
|
"tabindex": ["tabindexChanged"],
|
|
4375
|
-
"text": ["textChanged"]
|
|
4400
|
+
"text": ["textChanged"],
|
|
4401
|
+
"iconOnly": ["iconOnlyChanged"]
|
|
4376
4402
|
}; }
|
|
4377
4403
|
static get style() { return buttonCss; }
|
|
4378
4404
|
static get cmpMeta() { return {
|
|
@@ -4388,6 +4414,7 @@ class Button {
|
|
|
4388
4414
|
"importance": [1],
|
|
4389
4415
|
"size": [1],
|
|
4390
4416
|
"text": [1],
|
|
4417
|
+
"iconOnly": [4, "icon-only"],
|
|
4391
4418
|
"disabled": [4],
|
|
4392
4419
|
"download": [1],
|
|
4393
4420
|
"form": [1],
|
|
@@ -4417,6 +4444,9 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
|
|
|
4417
4444
|
if (this.type === undefined)
|
|
4418
4445
|
return this.internals.form ? 'submit' : 'button';
|
|
4419
4446
|
return this.type;
|
|
4447
|
+
}, _Button_iconOnly_get = function _Button_iconOnly_get() {
|
|
4448
|
+
const hasIcon = this.iconName !== undefined && this.iconName !== '';
|
|
4449
|
+
return hasIcon && this.iconOnly;
|
|
4420
4450
|
}, _Button_computedAction_get = function _Button_computedAction_get() {
|
|
4421
4451
|
switch (this.action) {
|
|
4422
4452
|
case 'dropdown':
|
|
@@ -4468,7 +4498,7 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
|
|
|
4468
4498
|
}
|
|
4469
4499
|
}, _Button_updateAriaLabel = function _Button_updateAriaLabel() {
|
|
4470
4500
|
if (this.badge !== undefined && this.badgeDescription !== undefined) {
|
|
4471
|
-
this.internals.ariaLabel = `${this.text} ${isIndicator$
|
|
4501
|
+
this.internals.ariaLabel = `${this.text} ${isIndicator$3(this.badge) ? '' : this.badge} ${this.badgeDescription}`;
|
|
4472
4502
|
return;
|
|
4473
4503
|
}
|
|
4474
4504
|
if (this.target !== undefined &&
|
|
@@ -4482,19 +4512,19 @@ _Button_savedTabIndex = new WeakMap(), _Button_button = new WeakMap(), _Button_s
|
|
|
4482
4512
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
4483
4513
|
};
|
|
4484
4514
|
|
|
4485
|
-
const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-checkbox,.qds-icon{grid-area:
|
|
4515
|
+
const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-checkbox,.qds-icon{grid-area:c;place-self:center}.qds-icon{color:var(--qds-theme-signature-color-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"c\"}.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{flex:1 1 auto;min-width:0;width:100%}.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}[data-size=small]{--qds-form-small-text:var(--qds-control-small-text)}.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-small-icon-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-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)}[data-size=standard]{--qds-form-standard-text:var(--qds-control-standard-text)}.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-standard-icon-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-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)}[data-size=large]{--qds-form-large-text:var(--qds-control-large-text)}.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-large-icon-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-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)}";
|
|
4486
4516
|
|
|
4487
4517
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4488
4518
|
//
|
|
4489
4519
|
// SPDX-License-Identifier: Apache-2.0
|
|
4490
|
-
var __classPrivateFieldGet$
|
|
4520
|
+
var __classPrivateFieldGet$r = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4491
4521
|
if (kind === "a" && !f)
|
|
4492
4522
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4493
4523
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
4494
4524
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4495
4525
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4496
4526
|
};
|
|
4497
|
-
var __classPrivateFieldSet$
|
|
4527
|
+
var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4498
4528
|
if (kind === "m")
|
|
4499
4529
|
throw new TypeError("Private method is not writable");
|
|
4500
4530
|
if (kind === "a" && !f)
|
|
@@ -4606,24 +4636,24 @@ class Checkbox {
|
|
|
4606
4636
|
});
|
|
4607
4637
|
}
|
|
4608
4638
|
onClick(event) {
|
|
4609
|
-
if (__classPrivateFieldGet$
|
|
4639
|
+
if (__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
|
|
4610
4640
|
event.stopImmediatePropagation();
|
|
4611
4641
|
return;
|
|
4612
4642
|
}
|
|
4613
4643
|
event.preventDefault();
|
|
4614
|
-
this.checked = __classPrivateFieldGet$
|
|
4644
|
+
this.checked = __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? true : !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get);
|
|
4615
4645
|
this.changeEmitter.emit();
|
|
4616
4646
|
this.indeterminate = false;
|
|
4617
4647
|
}
|
|
4618
4648
|
checkedChanged() {
|
|
4619
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4620
|
-
? __classPrivateFieldGet$
|
|
4649
|
+
this.internals.setFormValue(__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)
|
|
4650
|
+
? __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedValue_get)
|
|
4621
4651
|
: // eslint-disable-next-line unicorn/no-null
|
|
4622
4652
|
null);
|
|
4623
4653
|
}
|
|
4624
4654
|
disabledChanged() {
|
|
4625
|
-
if (__classPrivateFieldGet$
|
|
4626
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4655
|
+
if (__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
|
|
4656
|
+
this.internals.setFormValue(__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
|
|
4627
4657
|
// eslint-disable-next-line unicorn/no-null
|
|
4628
4658
|
else
|
|
4629
4659
|
this.internals.setFormValue(null);
|
|
@@ -4634,33 +4664,33 @@ class Checkbox {
|
|
|
4634
4664
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
4635
4665
|
}
|
|
4636
4666
|
valueChanged() {
|
|
4637
|
-
if (__classPrivateFieldGet$
|
|
4638
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4667
|
+
if (__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
|
|
4668
|
+
this.internals.setFormValue(__classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
|
|
4639
4669
|
}
|
|
4640
4670
|
componentWillLoad() {
|
|
4641
4671
|
this.valueChanged();
|
|
4642
|
-
__classPrivateFieldGet$
|
|
4643
|
-
__classPrivateFieldGet$
|
|
4644
|
-
__classPrivateFieldGet$
|
|
4645
|
-
__classPrivateFieldGet$
|
|
4646
|
-
__classPrivateFieldSet$
|
|
4672
|
+
__classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
|
|
4673
|
+
__classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
|
|
4674
|
+
__classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validity', () => this.internals.validity);
|
|
4675
|
+
__classPrivateFieldGet$r(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
|
|
4676
|
+
__classPrivateFieldSet$o(this, _Checkbox_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4647
4677
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4648
4678
|
}
|
|
4649
4679
|
render() {
|
|
4650
4680
|
return (
|
|
4651
4681
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
4652
|
-
hAsync("label", { key: 'eee46a1d52fdce13a48944878461a64b4010ac2b', "aria-disabled": __classPrivateFieldGet$
|
|
4682
|
+
hAsync("label", { key: 'eee46a1d52fdce13a48944878461a64b4010ac2b', "aria-disabled": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
|
|
4653
4683
|
'qds-inline': this.inline,
|
|
4654
4684
|
'qds-label': true,
|
|
4655
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4685
|
+
}, "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: 'b22d88f6b62e988057db205e8b493a31cb9eabdc', class: "qds-container" }, hAsync("input", { key: 'c1510dc602adc3cf9470edbc6fa95af12f701b9a',
|
|
4656
4686
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
4657
|
-
autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$
|
|
4687
|
+
autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$r(this, _Checkbox_onBlur, "f"), onFocus: __classPrivateFieldGet$r(this, _Checkbox_onFocus, "f"), required: this.required, tabIndex: __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", "aria-label": this.checkboxOnly ? this.text : undefined, ...__classPrivateFieldGet$r(this, _Checkbox_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '7fd98e670537e117298a45d854b34fb9060a8850', "aria-hidden": "true", class: {
|
|
4658
4688
|
'qds-icon': true,
|
|
4659
4689
|
'qds-checked': true,
|
|
4660
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4690
|
+
}, "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("qds-icon", { key: '7d5266124a946507ee7384a7086af51e6f5a1d66', "aria-hidden": "true", class: {
|
|
4661
4691
|
'qds-icon': true,
|
|
4662
4692
|
'qds-indeterminate': true,
|
|
4663
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4693
|
+
}, "data-size": __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$r(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (hAsync("qds-label", { key: '2abb3aa9fe38db5b754d65024d907fe7e6c05ed0', class: "qds-label-inner", required: this.required, size: this.size, text: this.text, tabindex: -1, tooltipTarget: this.host }))));
|
|
4664
4694
|
}
|
|
4665
4695
|
static get delegatesFocus() { return true; }
|
|
4666
4696
|
static get formAssociated() { return true; }
|
|
@@ -4729,14 +4759,14 @@ const chipCss = ":host([hidden]){display:none!important}:host{display:block}[ari
|
|
|
4729
4759
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
4730
4760
|
//
|
|
4731
4761
|
// SPDX-License-Identifier: Apache-2.0
|
|
4732
|
-
var __classPrivateFieldGet$
|
|
4762
|
+
var __classPrivateFieldGet$q = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
4733
4763
|
if (kind === "a" && !f)
|
|
4734
4764
|
throw new TypeError("Private accessor was defined without a getter");
|
|
4735
4765
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
4736
4766
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4737
4767
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4738
4768
|
};
|
|
4739
|
-
var __classPrivateFieldSet$
|
|
4769
|
+
var __classPrivateFieldSet$n = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
4740
4770
|
if (kind === "m")
|
|
4741
4771
|
throw new TypeError("Private method is not writable");
|
|
4742
4772
|
if (kind === "a" && !f)
|
|
@@ -4810,7 +4840,7 @@ class Chip {
|
|
|
4810
4840
|
_Chip_ro.set(this, void 0);
|
|
4811
4841
|
_Chip_inheritedAttributes.set(this, {});
|
|
4812
4842
|
_Chip_onIconClick.set(this, (event) => {
|
|
4813
|
-
if (!event.defaultPrevented && __classPrivateFieldGet$
|
|
4843
|
+
if (!event.defaultPrevented && __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable')
|
|
4814
4844
|
this.closeEmitter.emit();
|
|
4815
4845
|
});
|
|
4816
4846
|
_Chip_onFocus.set(this, (event) => {
|
|
@@ -4820,30 +4850,30 @@ class Chip {
|
|
|
4820
4850
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
4821
4851
|
});
|
|
4822
4852
|
_Chip_chipRef.set(this, (chip) => {
|
|
4823
|
-
__classPrivateFieldSet$
|
|
4853
|
+
__classPrivateFieldSet$n(this, _Chip_chip, chip, "f");
|
|
4824
4854
|
});
|
|
4825
4855
|
_Chip_spanRef.set(this, (span) => {
|
|
4826
|
-
__classPrivateFieldSet$
|
|
4856
|
+
__classPrivateFieldSet$n(this, _Chip_span, span, "f");
|
|
4827
4857
|
});
|
|
4828
4858
|
_Chip_tooltipRef.set(this, (tooltip) => {
|
|
4829
4859
|
if (tooltip)
|
|
4830
4860
|
// eslint-disable-next-line no-param-reassign
|
|
4831
|
-
tooltip.target = __classPrivateFieldGet$
|
|
4861
|
+
tooltip.target = __classPrivateFieldGet$q(this, _Chip_chip, "f");
|
|
4832
4862
|
});
|
|
4833
4863
|
}
|
|
4834
4864
|
onClick(event) {
|
|
4835
|
-
if (__classPrivateFieldGet$
|
|
4865
|
+
if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
|
|
4836
4866
|
event.stopImmediatePropagation();
|
|
4837
4867
|
return;
|
|
4838
4868
|
}
|
|
4839
4869
|
event.preventDefault();
|
|
4840
|
-
if (__classPrivateFieldGet$
|
|
4841
|
-
this.checked = !__classPrivateFieldGet$
|
|
4870
|
+
if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
|
|
4871
|
+
this.checked = !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4842
4872
|
this.changeEmitter.emit();
|
|
4843
4873
|
}
|
|
4844
4874
|
}
|
|
4845
4875
|
handleKeyDown(event) {
|
|
4846
|
-
if (__classPrivateFieldGet$
|
|
4876
|
+
if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get)) {
|
|
4847
4877
|
event.stopImmediatePropagation();
|
|
4848
4878
|
return;
|
|
4849
4879
|
}
|
|
@@ -4860,21 +4890,21 @@ class Chip {
|
|
|
4860
4890
|
if (event.key !== ' ')
|
|
4861
4891
|
return;
|
|
4862
4892
|
this.isPressed = false;
|
|
4863
|
-
if (__classPrivateFieldGet$
|
|
4864
|
-
this.checked = !__classPrivateFieldGet$
|
|
4893
|
+
if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable') {
|
|
4894
|
+
this.checked = !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4865
4895
|
this.changeEmitter.emit();
|
|
4866
4896
|
}
|
|
4867
4897
|
}
|
|
4868
4898
|
checkedChanged() {
|
|
4869
|
-
this.isSelected = __classPrivateFieldGet$
|
|
4870
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4871
|
-
? __classPrivateFieldGet$
|
|
4899
|
+
this.isSelected = __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get);
|
|
4900
|
+
this.internals.setFormValue(__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get)
|
|
4901
|
+
? __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedValue_get)
|
|
4872
4902
|
: // eslint-disable-next-line unicorn/no-null
|
|
4873
4903
|
null);
|
|
4874
4904
|
}
|
|
4875
4905
|
disabledChanged() {
|
|
4876
|
-
if (__classPrivateFieldGet$
|
|
4877
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4906
|
+
if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get))
|
|
4907
|
+
this.internals.setFormValue(__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedValue_get));
|
|
4878
4908
|
// eslint-disable-next-line unicorn/no-null
|
|
4879
4909
|
else
|
|
4880
4910
|
this.internals.setFormValue(null);
|
|
@@ -4885,8 +4915,8 @@ class Chip {
|
|
|
4885
4915
|
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
4886
4916
|
}
|
|
4887
4917
|
valueChanged() {
|
|
4888
|
-
if (__classPrivateFieldGet$
|
|
4889
|
-
this.internals.setFormValue(__classPrivateFieldGet$
|
|
4918
|
+
if (__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedChecked_get) && !__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get))
|
|
4919
|
+
this.internals.setFormValue(__classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedValue_get));
|
|
4890
4920
|
}
|
|
4891
4921
|
componentWillLoad() {
|
|
4892
4922
|
this.valueChanged();
|
|
@@ -4894,39 +4924,39 @@ class Chip {
|
|
|
4894
4924
|
enumerable: true,
|
|
4895
4925
|
get: () => this.internals.form,
|
|
4896
4926
|
});
|
|
4897
|
-
__classPrivateFieldSet$
|
|
4927
|
+
__classPrivateFieldSet$n(this, _Chip_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4898
4928
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
4899
4929
|
}
|
|
4900
4930
|
componentDidLoad() {
|
|
4901
|
-
invariant(__classPrivateFieldGet$
|
|
4902
|
-
const span = __classPrivateFieldGet$
|
|
4931
|
+
invariant(__classPrivateFieldGet$q(this, _Chip_span, "f"));
|
|
4932
|
+
const span = __classPrivateFieldGet$q(this, _Chip_span, "f");
|
|
4903
4933
|
readTask(() => {
|
|
4904
4934
|
this.tooltip = isEllipsisActive(span);
|
|
4905
4935
|
});
|
|
4906
|
-
__classPrivateFieldSet$
|
|
4936
|
+
__classPrivateFieldSet$n(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
|
|
4907
4937
|
this.tooltip = isEllipsisActive(spanEntry.target);
|
|
4908
4938
|
}), "f");
|
|
4909
|
-
__classPrivateFieldGet$
|
|
4939
|
+
__classPrivateFieldGet$q(this, _Chip_ro, "f").observe(__classPrivateFieldGet$q(this, _Chip_span, "f"));
|
|
4910
4940
|
}
|
|
4911
4941
|
disconnectedCallback() {
|
|
4912
|
-
if (__classPrivateFieldGet$
|
|
4913
|
-
__classPrivateFieldGet$
|
|
4942
|
+
if (__classPrivateFieldGet$q(this, _Chip_ro, "f"))
|
|
4943
|
+
__classPrivateFieldGet$q(this, _Chip_ro, "f").disconnect();
|
|
4914
4944
|
}
|
|
4915
4945
|
render() {
|
|
4916
|
-
return (hAsync("div", { key: 'bcc34bdc302e3507dbfc330766602a56b385ebb0', class: "qds-chip", ref: __classPrivateFieldGet$
|
|
4946
|
+
return (hAsync("div", { key: 'bcc34bdc302e3507dbfc330766602a56b385ebb0', class: "qds-chip", ref: __classPrivateFieldGet$q(this, _Chip_chipRef, "f") }, __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable' && (hAsync("div", { key: '8bbbaa13dadd5169da7020566e27b714d6dee90d', "aria-disabled": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: {
|
|
4917
4947
|
'qds-container': true,
|
|
4918
4948
|
'qds-closable-chip': true,
|
|
4919
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4949
|
+
}, "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '2ae352f12ce6157b9257278c8cb435292bc84d27', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '94b7769f238fe01b6cdb1343a0191eab89fcccb6', class: "qds-text", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$q(this, _Chip_spanRef, "f") }, this.text), hAsync("qds-mini-button", { key: '5c5304b762576f483c8694352c39cc1f4d5548fa', name: "clear", text: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_closableText_get), library: "core", class: "qds-cursor", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get), onClick: __classPrivateFieldGet$q(this, _Chip_onIconClick, "f"), tabIndex: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$q(this, _Chip_inheritedAttributes, "f") }))), __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable' && (
|
|
4920
4950
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
4921
|
-
hAsync("label", { key: 'f50ca1f2369ab1ff8d823c8ce22865950126eb18', "aria-disabled": __classPrivateFieldGet$
|
|
4951
|
+
hAsync("label", { key: 'f50ca1f2369ab1ff8d823c8ce22865950126eb18', "aria-disabled": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: "qds-label" }, hAsync("input", { key: '9ef4d6e771113a1bc84a91091e963d2f24dc677c',
|
|
4922
4952
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
4923
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$
|
|
4953
|
+
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get), name: this.name, onBlur: __classPrivateFieldGet$q(this, _Chip_onBlur, "f"), onFocus: __classPrivateFieldGet$q(this, _Chip_onFocus, "f"), tabIndex: __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", value: this.value ?? undefined, ...__classPrivateFieldGet$q(this, _Chip_inheritedAttributes, "f") }), hAsync("div", { key: '6471d8928c0a302ae6226857a92e85984757e66f', class: {
|
|
4924
4954
|
'qds-container': true,
|
|
4925
4955
|
'qds-pressed-state': this.isPressed,
|
|
4926
4956
|
'qds-selected-state': this.isSelected,
|
|
4927
4957
|
'qds-padding-end': true,
|
|
4928
4958
|
'qds-cursor': true,
|
|
4929
|
-
}, "data-size": __classPrivateFieldGet$
|
|
4959
|
+
}, "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get) }, (this.checked ?? false) && (hAsync("qds-icon", { key: 'dcb2c36b020d0968c1bcdc2620c8bce2aceb5a05', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '8bd629d4b13fc12a1510860a2728a935b78d5740', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '21012b833280655c9ad6ebb7b1f75870a3ff0d97', class: "qds-text", "data-size": __classPrivateFieldGet$q(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$q(this, _Chip_spanRef, "f") }, this.text)))), this.tooltip && (hAsync("qds-tooltip", { key: 'decb809fab63928ec8e7f8069b04b88fd7d1117e', "aria-hidden": "true", ref: __classPrivateFieldGet$q(this, _Chip_tooltipRef, "f"), trigger: "pointerenter focusin" }, this.text))));
|
|
4930
4960
|
}
|
|
4931
4961
|
static get delegatesFocus() { return true; }
|
|
4932
4962
|
static get formAssociated() { return true; }
|
|
@@ -4994,12 +5024,12 @@ _Chip_chip = new WeakMap(), _Chip_span = new WeakMap(), _Chip_ro = new WeakMap()
|
|
|
4994
5024
|
return this.value == null ? null : this.value.toString();
|
|
4995
5025
|
};
|
|
4996
5026
|
|
|
4997
|
-
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);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:calc(100% - var(--qds-popup-section-padding-top) - var(--qds-popup-section-padding-bottom));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}";
|
|
5027
|
+
const dialogCss = ":host([hidden]){display:none!important}:host{display:none;height:-moz-fit-content;height:fit-content;inset:0;position:fixed;width:-moz-fit-content;width:fit-content}:host([open]){display:block}.qds-dialog{background-color:var(--qds-theme-popup-background);border:var(--qds-popup-border-width) solid var(--qds-theme-popup-border);border-radius:var(--qds-popup-border-radius);box-shadow:var(--qds-popup-elevation);color:inherit;height:inherit;padding:0;width:inherit}.qds-dialog::backdrop{background:initial}.qds-dialog[open]~.qds-backdrop{backdrop-filter:blur(var(--qds-theme-popup-overlay-blur));background-color:var(--qds-theme-popup-overlay-background);inset:0;opacity:var(--qds-theme-popup-overlay-opacity);position:fixed}.qds-heading{align-items:center;display:flex;padding:var(--qds-popup-padding-top) var(--qds-popup-padding-end) var(--qds-popup-section-padding-bottom) var(--qds-popup-padding-start)}.qds-close-button{margin-left:auto}.qds-footer{padding:var(--qds-popup-section-padding-top) var(--qds-popup-padding-end) var(--qds-popup-padding-bottom) var(--qds-popup-padding-start)}.qds-content{align-items:flex-start;display:flex;flex-direction:column;gap:var(--qds-popup-gap-children-related);height:calc(100% - var(--qds-popup-section-padding-top) - var(--qds-popup-section-padding-bottom));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}";
|
|
4998
5028
|
|
|
4999
5029
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
5000
5030
|
//
|
|
5001
5031
|
// SPDX-License-Identifier: Apache-2.0
|
|
5002
|
-
var __classPrivateFieldSet$
|
|
5032
|
+
var __classPrivateFieldSet$m = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
5003
5033
|
if (kind === "m")
|
|
5004
5034
|
throw new TypeError("Private method is not writable");
|
|
5005
5035
|
if (kind === "a" && !f)
|
|
@@ -5008,7 +5038,7 @@ var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
5008
5038
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
5009
5039
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
5010
5040
|
};
|
|
5011
|
-
var __classPrivateFieldGet$
|
|
5041
|
+
var __classPrivateFieldGet$p = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
5012
5042
|
if (kind === "a" && !f)
|
|
5013
5043
|
throw new TypeError("Private accessor was defined without a getter");
|
|
5014
5044
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -5016,7 +5046,7 @@ var __classPrivateFieldGet$o = (undefined && undefined.__classPrivateFieldGet) |
|
|
|
5016
5046
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
5017
5047
|
};
|
|
5018
5048
|
var _Dialog_inheritedAttributes, _Dialog_dialog, _Dialog_titleId, _Dialog_closeButton, _Dialog_ref, _Dialog_onCancel, _Dialog_onClose, _Dialog_handleCloseClick, _Dialog_onSubmit, _Dialog_closeButtonRef, _Dialog_handleFocus;
|
|
5019
|
-
let autoIncrementingId$
|
|
5049
|
+
let autoIncrementingId$4 = 0;
|
|
5020
5050
|
/**
|
|
5021
5051
|
* The `<qds-dialog>` element represent a dialog box or other interactive
|
|
5022
5052
|
* component, such as a dismissible alert, inspector, or subwindow.
|
|
@@ -5041,16 +5071,16 @@ class Dialog {
|
|
|
5041
5071
|
_Dialog_titleId.set(this, void 0);
|
|
5042
5072
|
_Dialog_closeButton.set(this, void 0);
|
|
5043
5073
|
_Dialog_ref.set(this, (dialog) => {
|
|
5044
|
-
__classPrivateFieldSet$
|
|
5074
|
+
__classPrivateFieldSet$m(this, _Dialog_dialog, dialog, "f");
|
|
5045
5075
|
});
|
|
5046
5076
|
_Dialog_onCancel.set(this, (event) => {
|
|
5047
5077
|
if (this.cancelEmitter.emit().defaultPrevented)
|
|
5048
5078
|
event.preventDefault();
|
|
5049
5079
|
});
|
|
5050
5080
|
_Dialog_onClose.set(this, () => {
|
|
5051
|
-
invariant(__classPrivateFieldGet$
|
|
5081
|
+
invariant(__classPrivateFieldGet$p(this, _Dialog_dialog, "f"));
|
|
5052
5082
|
this.closeEmitter.emit();
|
|
5053
|
-
this.open = __classPrivateFieldGet$
|
|
5083
|
+
this.open = __classPrivateFieldGet$p(this, _Dialog_dialog, "f").open;
|
|
5054
5084
|
});
|
|
5055
5085
|
_Dialog_handleCloseClick.set(this, () => {
|
|
5056
5086
|
this.close();
|
|
@@ -5067,7 +5097,7 @@ class Dialog {
|
|
|
5067
5097
|
}
|
|
5068
5098
|
});
|
|
5069
5099
|
_Dialog_closeButtonRef.set(this, (button) => {
|
|
5070
|
-
__classPrivateFieldSet$
|
|
5100
|
+
__classPrivateFieldSet$m(this, _Dialog_closeButton, button, "f");
|
|
5071
5101
|
});
|
|
5072
5102
|
_Dialog_handleFocus.set(this, () => {
|
|
5073
5103
|
if (!this.open)
|
|
@@ -5077,8 +5107,8 @@ class Dialog {
|
|
|
5077
5107
|
autofocusTarget.focus();
|
|
5078
5108
|
return;
|
|
5079
5109
|
}
|
|
5080
|
-
if (this.closable === true && __classPrivateFieldGet$
|
|
5081
|
-
__classPrivateFieldGet$
|
|
5110
|
+
if (this.closable === true && __classPrivateFieldGet$p(this, _Dialog_closeButton, "f")) {
|
|
5111
|
+
__classPrivateFieldGet$p(this, _Dialog_closeButton, "f").focus();
|
|
5082
5112
|
}
|
|
5083
5113
|
});
|
|
5084
5114
|
}
|
|
@@ -5093,9 +5123,9 @@ class Dialog {
|
|
|
5093
5123
|
this.hasFooterSlot = !!this.host.querySelector('[slot="footer"]');
|
|
5094
5124
|
}
|
|
5095
5125
|
componentWillLoad() {
|
|
5096
|
-
__classPrivateFieldSet$
|
|
5097
|
-
autoIncrementingId$
|
|
5098
|
-
__classPrivateFieldSet$
|
|
5126
|
+
__classPrivateFieldSet$m(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
5127
|
+
autoIncrementingId$4 += 1;
|
|
5128
|
+
__classPrivateFieldSet$m(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$4}`, "f");
|
|
5099
5129
|
}
|
|
5100
5130
|
componentDidLoad() {
|
|
5101
5131
|
if (this.open)
|
|
@@ -5103,19 +5133,19 @@ class Dialog {
|
|
|
5103
5133
|
}
|
|
5104
5134
|
render() {
|
|
5105
5135
|
const hasHeading = this.hasTitleSlot || this.closable === true;
|
|
5106
|
-
return (hAsync(Host, { key: '
|
|
5136
|
+
return (hAsync(Host, { key: '0bcfa1fad8f3f0f545910c780cde7fd4bb0c6d76' }, hAsync("dialog", { key: 'f4b5f83e89540a980f20978d1bf89ae9b0bf3438', class: "qds-dialog", ref: __classPrivateFieldGet$p(this, _Dialog_ref, "f"), onCancel: __classPrivateFieldGet$p(this, _Dialog_onCancel, "f"), onClose: __classPrivateFieldGet$p(this, _Dialog_onClose, "f"), onSubmit: __classPrivateFieldGet$p(this, _Dialog_onSubmit, "f"), ...__classPrivateFieldGet$p(this, _Dialog_inheritedAttributes, "f"), "aria-labelledby": this.hasTitleSlot ? __classPrivateFieldGet$p(this, _Dialog_titleId, "f") : undefined }, hasHeading && (hAsync("div", { key: '94c26a3a9d27175dc4c75e0de0444c8d683c06a4', class: "qds-heading" }, this.hasTitleSlot && (hAsync("div", { key: '10c1a0f0f1885866e7be30928fb95fb0e337604d', id: __classPrivateFieldGet$p(this, _Dialog_titleId, "f") }, hAsync("slot", { key: 'afe9fcfbb0d82724d40ceaae09ff7be847cfd64c', name: "title" }))), this.closable === true && (hAsync("qds-icon-button", { key: '45a98e3cd10c2fc541faa90ccff77876282e19c5', text: "close dialog", class: "qds-close-button", importance: "subdued", iconName: "close", iconLibrary: "core", onClick: __classPrivateFieldGet$p(this, _Dialog_handleCloseClick, "f"), ref: __classPrivateFieldGet$p(this, _Dialog_closeButtonRef, "f") })))), hAsync("div", { key: '00fc4e82c1cf582de62268fcd528a4b07e56374c', class: "qds-content" }, hAsync("slot", { key: 'e7a9c30fdf9eb74ac24508931bcbd0f75763ef46' })), this.hasFooterSlot && (hAsync("div", { key: '2ca137dfcd089d07e8e418c1e9984d91cf2b19f4', class: "qds-footer" }, hAsync("slot", { key: 'c96370109b2be2f5166cf3744caaf7c38a37147c', name: "footer" })))), hAsync("div", { key: '770a66d1f66d432b920812a7c5933178af399a08', class: "qds-backdrop" })));
|
|
5107
5137
|
}
|
|
5108
5138
|
show() {
|
|
5109
|
-
invariant(__classPrivateFieldGet$
|
|
5110
|
-
__classPrivateFieldGet$
|
|
5111
|
-
this.open = __classPrivateFieldGet$
|
|
5139
|
+
invariant(__classPrivateFieldGet$p(this, _Dialog_dialog, "f"));
|
|
5140
|
+
__classPrivateFieldGet$p(this, _Dialog_dialog, "f").showModal();
|
|
5141
|
+
this.open = __classPrivateFieldGet$p(this, _Dialog_dialog, "f").open;
|
|
5112
5142
|
requestAnimationFrame(() => {
|
|
5113
|
-
__classPrivateFieldGet$
|
|
5143
|
+
__classPrivateFieldGet$p(this, _Dialog_handleFocus, "f").call(this);
|
|
5114
5144
|
});
|
|
5115
5145
|
}
|
|
5116
5146
|
close() {
|
|
5117
|
-
invariant(__classPrivateFieldGet$
|
|
5118
|
-
__classPrivateFieldGet$
|
|
5147
|
+
invariant(__classPrivateFieldGet$p(this, _Dialog_dialog, "f"));
|
|
5148
|
+
__classPrivateFieldGet$p(this, _Dialog_dialog, "f").close();
|
|
5119
5149
|
}
|
|
5120
5150
|
get host() { return getElement(this); }
|
|
5121
5151
|
static get watchers() { return {
|
|
@@ -5143,7 +5173,7 @@ const dividerCss = ":host([hidden]){display:none!important}:host{display:block}.
|
|
|
5143
5173
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
5144
5174
|
//
|
|
5145
5175
|
// SPDX-License-Identifier: Apache-2.0
|
|
5146
|
-
var __classPrivateFieldGet$
|
|
5176
|
+
var __classPrivateFieldGet$o = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
5147
5177
|
if (kind === "a" && !f)
|
|
5148
5178
|
throw new TypeError("Private accessor was defined without a getter");
|
|
5149
5179
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -5189,10 +5219,10 @@ class Divider {
|
|
|
5189
5219
|
this.verticalChanged();
|
|
5190
5220
|
}
|
|
5191
5221
|
render() {
|
|
5192
|
-
return (hAsync("hr", { key: '
|
|
5222
|
+
return (hAsync("hr", { key: 'ddda592092da543e6a5dab0605792910b4dda2ad', class: {
|
|
5193
5223
|
'qds-divider': true,
|
|
5194
5224
|
'qds-vertical': this.vertical,
|
|
5195
|
-
}, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$
|
|
5225
|
+
}, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$o(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
|
|
5196
5226
|
}
|
|
5197
5227
|
static get watchers() { return {
|
|
5198
5228
|
"vertical": ["verticalChanged"]
|
|
@@ -6911,7 +6941,7 @@ const dropdownCss = ":host([hidden]){display:none!important}:host{background-col
|
|
|
6911
6941
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
6912
6942
|
//
|
|
6913
6943
|
// SPDX-License-Identifier: Apache-2.0
|
|
6914
|
-
var __classPrivateFieldSet$
|
|
6944
|
+
var __classPrivateFieldSet$l = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
6915
6945
|
if (kind === "m")
|
|
6916
6946
|
throw new TypeError("Private method is not writable");
|
|
6917
6947
|
if (kind === "a" && !f)
|
|
@@ -6920,7 +6950,7 @@ var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
6920
6950
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
6921
6951
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
6922
6952
|
};
|
|
6923
|
-
var __classPrivateFieldGet$
|
|
6953
|
+
var __classPrivateFieldGet$n = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
6924
6954
|
if (kind === "a" && !f)
|
|
6925
6955
|
throw new TypeError("Private accessor was defined without a getter");
|
|
6926
6956
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -6928,7 +6958,7 @@ var __classPrivateFieldGet$m = (undefined && undefined.__classPrivateFieldGet) |
|
|
|
6928
6958
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
6929
6959
|
};
|
|
6930
6960
|
var _Dropdown_instances, _Dropdown_cleanup, _Dropdown_Items, _Dropdown_gap, _Dropdown_middleware, _Dropdown_referenceElement, _Dropdown_open, _Dropdown_opened, _Dropdown_onFocusout, _Dropdown_focusOnTrigger, _Dropdown_onKeydown, _Dropdown_onReferenceClick, _Dropdown_focusFirstItem, _Dropdown_disconnectReferenceElement, _Dropdown_boundOnFocusout, _Dropdown_boundOnKeydown, _Dropdown_boundOnReferenceClick, _Dropdown_onSlotchange;
|
|
6931
|
-
let autoIncrementingId$
|
|
6961
|
+
let autoIncrementingId$3 = 1;
|
|
6932
6962
|
const isQdsButton = (element) => element.tagName.toLowerCase() === 'qds-button';
|
|
6933
6963
|
const ALLOWED_TAGS = new Set([
|
|
6934
6964
|
'qds-action-item',
|
|
@@ -7008,10 +7038,10 @@ class Dropdown {
|
|
|
7008
7038
|
if (!(event instanceof FocusEvent))
|
|
7009
7039
|
return;
|
|
7010
7040
|
const { relatedTarget } = event;
|
|
7011
|
-
const dropdownItem = __classPrivateFieldGet$
|
|
7041
|
+
const dropdownItem = __classPrivateFieldGet$n(this, _Dropdown_Items, "f").find((item) => item === relatedTarget);
|
|
7012
7042
|
if (relatedTarget instanceof globalThis.Element &&
|
|
7013
7043
|
!this.host.contains(relatedTarget) &&
|
|
7014
|
-
__classPrivateFieldGet$
|
|
7044
|
+
__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") !== relatedTarget &&
|
|
7015
7045
|
!dropdownItem)
|
|
7016
7046
|
await this.close();
|
|
7017
7047
|
});
|
|
@@ -7021,31 +7051,31 @@ class Dropdown {
|
|
|
7021
7051
|
const { key, target } = event;
|
|
7022
7052
|
if (key === 'Enter' && !this.keepOpenOnSelect && isEnabledItem(target)) {
|
|
7023
7053
|
await this.close();
|
|
7024
|
-
__classPrivateFieldGet$
|
|
7054
|
+
__classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
|
|
7025
7055
|
return;
|
|
7026
7056
|
}
|
|
7027
7057
|
if (key === 'Escape' &&
|
|
7028
|
-
(target === __classPrivateFieldGet$
|
|
7058
|
+
(target === __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") ||
|
|
7029
7059
|
(target instanceof globalThis.Element &&
|
|
7030
7060
|
closestElement('qds-dropdown', target) === this.host))) {
|
|
7031
7061
|
const cancelEvent = this.cancelEmitter.emit();
|
|
7032
7062
|
if (cancelEvent.defaultPrevented)
|
|
7033
7063
|
return;
|
|
7034
7064
|
await this.close();
|
|
7035
|
-
__classPrivateFieldGet$
|
|
7065
|
+
__classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
|
|
7036
7066
|
return;
|
|
7037
7067
|
}
|
|
7038
|
-
if (target === __classPrivateFieldGet$
|
|
7068
|
+
if (target === __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") &&
|
|
7039
7069
|
(key === 'ArrowDown' || key === 'ArrowUp')) {
|
|
7040
|
-
if (!__classPrivateFieldGet$
|
|
7070
|
+
if (!__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
|
|
7041
7071
|
await this.show();
|
|
7042
|
-
__classPrivateFieldGet$
|
|
7072
|
+
__classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
|
|
7043
7073
|
event.preventDefault();
|
|
7044
7074
|
return;
|
|
7045
7075
|
}
|
|
7046
7076
|
if (!VERTICAL_MOVE_KEYS.has(key))
|
|
7047
7077
|
return;
|
|
7048
|
-
const Items = __classPrivateFieldGet$
|
|
7078
|
+
const Items = __classPrivateFieldGet$n(this, _Dropdown_Items, "f").filter((item) => isEnabledItem(item) &&
|
|
7049
7079
|
closestElement('qds-dropdown', item) === this.host);
|
|
7050
7080
|
if (Items.length === 0)
|
|
7051
7081
|
return;
|
|
@@ -7084,42 +7114,42 @@ class Dropdown {
|
|
|
7084
7114
|
_Dropdown_onReferenceClick.set(this, async () => {
|
|
7085
7115
|
if (this.disabled)
|
|
7086
7116
|
return;
|
|
7087
|
-
if (__classPrivateFieldGet$
|
|
7117
|
+
if (__classPrivateFieldGet$n(this, _Dropdown_open, "f")) {
|
|
7088
7118
|
await this.close();
|
|
7089
7119
|
return;
|
|
7090
7120
|
}
|
|
7091
7121
|
await this.show();
|
|
7092
|
-
__classPrivateFieldGet$
|
|
7122
|
+
__classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
|
|
7093
7123
|
});
|
|
7094
7124
|
_Dropdown_boundOnFocusout.set(this, (event) => {
|
|
7095
|
-
ignorePromise(__classPrivateFieldGet$
|
|
7125
|
+
ignorePromise(__classPrivateFieldGet$n(this, _Dropdown_onFocusout, "f").call(this, event));
|
|
7096
7126
|
});
|
|
7097
7127
|
_Dropdown_boundOnKeydown.set(this, (event) => {
|
|
7098
|
-
ignorePromise(__classPrivateFieldGet$
|
|
7128
|
+
ignorePromise(__classPrivateFieldGet$n(this, _Dropdown_onKeydown, "f").call(this, event));
|
|
7099
7129
|
});
|
|
7100
7130
|
_Dropdown_boundOnReferenceClick.set(this, () => {
|
|
7101
|
-
ignorePromise(__classPrivateFieldGet$
|
|
7131
|
+
ignorePromise(__classPrivateFieldGet$n(this, _Dropdown_onReferenceClick, "f").call(this));
|
|
7102
7132
|
});
|
|
7103
7133
|
_Dropdown_onSlotchange.set(this, (event) => {
|
|
7104
7134
|
const slot = event.target;
|
|
7105
7135
|
const assignedElements = slot.assignedElements({ flatten: true });
|
|
7106
|
-
__classPrivateFieldSet$
|
|
7136
|
+
__classPrivateFieldSet$l(this, _Dropdown_Items, assignedElements.filter((element) => isEnabledItem(element)), "f");
|
|
7107
7137
|
});
|
|
7108
7138
|
}
|
|
7109
7139
|
/**
|
|
7110
7140
|
* Updates the gap between the dropdown and its target element.
|
|
7111
7141
|
*/
|
|
7112
7142
|
async updateGap() {
|
|
7113
|
-
__classPrivateFieldSet$
|
|
7143
|
+
__classPrivateFieldSet$l(this, _Dropdown_gap, propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0, "f");
|
|
7114
7144
|
await this.updateMiddleware();
|
|
7115
7145
|
}
|
|
7116
7146
|
/**
|
|
7117
7147
|
* Shows the dropdown.
|
|
7118
7148
|
*/
|
|
7119
7149
|
async show() {
|
|
7120
|
-
if (__classPrivateFieldGet$
|
|
7150
|
+
if (__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
|
|
7121
7151
|
return;
|
|
7122
|
-
const reference = __classPrivateFieldGet$
|
|
7152
|
+
const reference = __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f");
|
|
7123
7153
|
const { host } = this;
|
|
7124
7154
|
if (reference instanceof globalThis.Element) {
|
|
7125
7155
|
reference.setAttribute('aria-expanded', 'true');
|
|
@@ -7130,12 +7160,12 @@ class Dropdown {
|
|
|
7130
7160
|
if (isQdsButton(reference) && reference.action === 'dropdown')
|
|
7131
7161
|
reference.action = 'dropdown-close';
|
|
7132
7162
|
}
|
|
7133
|
-
if (!__classPrivateFieldGet$
|
|
7163
|
+
if (!__classPrivateFieldGet$n(this, _Dropdown_opened, "f")) {
|
|
7134
7164
|
await this.updateGap();
|
|
7135
|
-
__classPrivateFieldSet$
|
|
7165
|
+
__classPrivateFieldSet$l(this, _Dropdown_opened, true, "f");
|
|
7136
7166
|
}
|
|
7137
7167
|
this.startAutoUpdate();
|
|
7138
|
-
__classPrivateFieldSet$
|
|
7168
|
+
__classPrivateFieldSet$l(this, _Dropdown_open, true, "f");
|
|
7139
7169
|
host.hidden = false;
|
|
7140
7170
|
host.showPopover();
|
|
7141
7171
|
}
|
|
@@ -7143,29 +7173,29 @@ class Dropdown {
|
|
|
7143
7173
|
* Closes the dropdown.
|
|
7144
7174
|
*/
|
|
7145
7175
|
async close() {
|
|
7146
|
-
if (!__classPrivateFieldGet$
|
|
7176
|
+
if (!__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
|
|
7147
7177
|
return;
|
|
7148
|
-
if (__classPrivateFieldGet$
|
|
7149
|
-
__classPrivateFieldGet$
|
|
7150
|
-
__classPrivateFieldGet$
|
|
7151
|
-
if (isQdsButton(__classPrivateFieldGet$
|
|
7152
|
-
__classPrivateFieldGet$
|
|
7153
|
-
__classPrivateFieldGet$
|
|
7154
|
-
}
|
|
7155
|
-
if (__classPrivateFieldGet$
|
|
7156
|
-
__classPrivateFieldGet$
|
|
7157
|
-
__classPrivateFieldSet$
|
|
7178
|
+
if (__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
|
|
7179
|
+
__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
|
|
7180
|
+
__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
|
|
7181
|
+
if (isQdsButton(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f")) &&
|
|
7182
|
+
__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").action === 'dropdown-close')
|
|
7183
|
+
__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").action = 'dropdown';
|
|
7184
|
+
}
|
|
7185
|
+
if (__classPrivateFieldGet$n(this, _Dropdown_cleanup, "f"))
|
|
7186
|
+
__classPrivateFieldGet$n(this, _Dropdown_cleanup, "f").call(this);
|
|
7187
|
+
__classPrivateFieldSet$l(this, _Dropdown_open, false, "f");
|
|
7158
7188
|
this.host.hidden = true;
|
|
7159
7189
|
this.host.hidePopover();
|
|
7160
7190
|
this.closeEmitter.emit();
|
|
7161
7191
|
}
|
|
7162
7192
|
async handleMouseDown(event) {
|
|
7163
|
-
if (!__classPrivateFieldGet$
|
|
7193
|
+
if (!__classPrivateFieldGet$n(this, _Dropdown_open, "f"))
|
|
7164
7194
|
return;
|
|
7165
7195
|
const composedPath = event.composedPath();
|
|
7166
7196
|
const withinBounds = composedPath.includes(this.host) ||
|
|
7167
|
-
(__classPrivateFieldGet$
|
|
7168
|
-
composedPath.includes(__classPrivateFieldGet$
|
|
7197
|
+
(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
|
|
7198
|
+
composedPath.includes(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f")));
|
|
7169
7199
|
if (!withinBounds)
|
|
7170
7200
|
await this.close();
|
|
7171
7201
|
}
|
|
@@ -7176,24 +7206,24 @@ class Dropdown {
|
|
|
7176
7206
|
}
|
|
7177
7207
|
async updateReferenceElement() {
|
|
7178
7208
|
var _a;
|
|
7179
|
-
__classPrivateFieldGet$
|
|
7180
|
-
__classPrivateFieldSet$
|
|
7181
|
-
if (!(__classPrivateFieldGet$
|
|
7209
|
+
__classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
|
|
7210
|
+
__classPrivateFieldSet$l(this, _Dropdown_referenceElement, resolveTarget(this.target), "f");
|
|
7211
|
+
if (!(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
|
|
7182
7212
|
return;
|
|
7183
|
-
__classPrivateFieldGet$
|
|
7184
|
-
__classPrivateFieldGet$
|
|
7185
|
-
__classPrivateFieldGet$
|
|
7186
|
-
__classPrivateFieldGet$
|
|
7213
|
+
__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
|
|
7214
|
+
__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").addEventListener('click', __classPrivateFieldGet$n(this, _Dropdown_boundOnReferenceClick, "f"));
|
|
7215
|
+
__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").addEventListener('focusout', __classPrivateFieldGet$n(this, _Dropdown_boundOnFocusout, "f"));
|
|
7216
|
+
__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").addEventListener('keydown', __classPrivateFieldGet$n(this, _Dropdown_boundOnKeydown, "f"));
|
|
7187
7217
|
if (this.host.role === 'menu') {
|
|
7188
|
-
(_a = __classPrivateFieldGet$
|
|
7189
|
-
this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$
|
|
7218
|
+
(_a = __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${autoIncrementingId$3}`);
|
|
7219
|
+
this.host.setAttribute('aria-labelledby', __classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").id);
|
|
7190
7220
|
}
|
|
7191
7221
|
}
|
|
7192
7222
|
async updateMiddleware() {
|
|
7193
|
-
__classPrivateFieldSet$
|
|
7223
|
+
__classPrivateFieldSet$l(this, _Dropdown_middleware, [
|
|
7194
7224
|
offset({
|
|
7195
7225
|
...this.offsetOptions,
|
|
7196
|
-
mainAxis: __classPrivateFieldGet$
|
|
7226
|
+
mainAxis: __classPrivateFieldGet$n(this, _Dropdown_gap, "f"),
|
|
7197
7227
|
}),
|
|
7198
7228
|
!this.noFlip &&
|
|
7199
7229
|
flip({
|
|
@@ -7208,10 +7238,10 @@ class Dropdown {
|
|
|
7208
7238
|
], "f");
|
|
7209
7239
|
}
|
|
7210
7240
|
async updatePosition() {
|
|
7211
|
-
if (!__classPrivateFieldGet$
|
|
7241
|
+
if (!__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"))
|
|
7212
7242
|
return;
|
|
7213
|
-
const { x, y, strategy } = await computePosition(__classPrivateFieldGet$
|
|
7214
|
-
middleware: __classPrivateFieldGet$
|
|
7243
|
+
const { x, y, strategy } = await computePosition(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"), this.host, {
|
|
7244
|
+
middleware: __classPrivateFieldGet$n(this, _Dropdown_middleware, "f"),
|
|
7215
7245
|
placement: this.placement,
|
|
7216
7246
|
strategy: this.strategy,
|
|
7217
7247
|
});
|
|
@@ -7222,11 +7252,11 @@ class Dropdown {
|
|
|
7222
7252
|
});
|
|
7223
7253
|
}
|
|
7224
7254
|
startAutoUpdate() {
|
|
7225
|
-
if (!__classPrivateFieldGet$
|
|
7255
|
+
if (!__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"))
|
|
7226
7256
|
return;
|
|
7227
|
-
if (__classPrivateFieldGet$
|
|
7228
|
-
__classPrivateFieldGet$
|
|
7229
|
-
__classPrivateFieldSet$
|
|
7257
|
+
if (__classPrivateFieldGet$n(this, _Dropdown_cleanup, "f"))
|
|
7258
|
+
__classPrivateFieldGet$n(this, _Dropdown_cleanup, "f").call(this);
|
|
7259
|
+
__classPrivateFieldSet$l(this, _Dropdown_cleanup, autoUpdate(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f"), this.host, () => {
|
|
7230
7260
|
ignorePromise(this.updatePosition());
|
|
7231
7261
|
}, this.autoUpdateOptions), "f");
|
|
7232
7262
|
}
|
|
@@ -7235,15 +7265,15 @@ class Dropdown {
|
|
|
7235
7265
|
this.host.hidden = true;
|
|
7236
7266
|
this.host.popover = 'manual';
|
|
7237
7267
|
this.internals.role = 'menu';
|
|
7238
|
-
(_a = this.host).id || (_a.id = `qds-dropdown-${autoIncrementingId$
|
|
7268
|
+
(_a = this.host).id || (_a.id = `qds-dropdown-${autoIncrementingId$3}`);
|
|
7239
7269
|
await this.updateReferenceElement();
|
|
7240
|
-
autoIncrementingId$
|
|
7270
|
+
autoIncrementingId$3 += 1;
|
|
7241
7271
|
}
|
|
7242
7272
|
disconnectedCallback() {
|
|
7243
|
-
__classPrivateFieldGet$
|
|
7273
|
+
__classPrivateFieldGet$n(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
|
|
7244
7274
|
}
|
|
7245
7275
|
render() {
|
|
7246
|
-
return (hAsync(Host, { key: '
|
|
7276
|
+
return (hAsync(Host, { key: '052f625928e9ace10076f39b8a4d7f84b238c407', onKeyDown: __classPrivateFieldGet$n(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$n(this, _Dropdown_onFocusout, "f") }, hAsync("slot", { key: '962dc5ef2ae9a6249c124bfc7e1a6e18fff2957e', onSlotchange: __classPrivateFieldGet$n(this, _Dropdown_onSlotchange, "f") })));
|
|
7247
7277
|
}
|
|
7248
7278
|
static get delegatesFocus() { return true; }
|
|
7249
7279
|
get host() { return getElement(this); }
|
|
@@ -7254,6 +7284,7 @@ class Dropdown {
|
|
|
7254
7284
|
"noShift": ["updateMiddleware"],
|
|
7255
7285
|
"offsetOptions": ["updateMiddleware"],
|
|
7256
7286
|
"shiftOptions": ["updateMiddleware"],
|
|
7287
|
+
"middleware": ["updatePosition"],
|
|
7257
7288
|
"placement": ["updatePosition"],
|
|
7258
7289
|
"strategy": ["updatePosition"],
|
|
7259
7290
|
"autoUpdateOptions": ["startAutoUpdate"]
|
|
@@ -7284,38 +7315,38 @@ class Dropdown {
|
|
|
7284
7315
|
}; }
|
|
7285
7316
|
}
|
|
7286
7317
|
_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() {
|
|
7287
|
-
if (__classPrivateFieldGet$
|
|
7288
|
-
__classPrivateFieldGet$
|
|
7289
|
-
__classPrivateFieldGet$
|
|
7318
|
+
if (__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement ||
|
|
7319
|
+
__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement) {
|
|
7320
|
+
__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").focus();
|
|
7290
7321
|
}
|
|
7291
7322
|
}, _Dropdown_focusFirstItem = function _Dropdown_focusFirstItem() {
|
|
7292
7323
|
requestAnimationFrame(() => {
|
|
7293
|
-
const firstItem = __classPrivateFieldGet$
|
|
7324
|
+
const firstItem = __classPrivateFieldGet$n(this, _Dropdown_Items, "f").find((item) => item instanceof HTMLElement &&
|
|
7294
7325
|
isEnabledItem(item) &&
|
|
7295
7326
|
closestElement('qds-dropdown', item) === this.host);
|
|
7296
7327
|
if (!firstItem)
|
|
7297
7328
|
return;
|
|
7298
|
-
for (const item of __classPrivateFieldGet$
|
|
7329
|
+
for (const item of __classPrivateFieldGet$n(this, _Dropdown_Items, "f"))
|
|
7299
7330
|
item.setAttribute('tabindex', '-1');
|
|
7300
7331
|
firstItem.setAttribute('tabindex', '0');
|
|
7301
7332
|
firstItem.focus();
|
|
7302
7333
|
});
|
|
7303
7334
|
}, _Dropdown_disconnectReferenceElement = function _Dropdown_disconnectReferenceElement() {
|
|
7304
7335
|
this.host.removeAttribute('aria-labelledby');
|
|
7305
|
-
if (!(__classPrivateFieldGet$
|
|
7336
|
+
if (!(__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
|
|
7306
7337
|
return;
|
|
7307
|
-
__classPrivateFieldGet$
|
|
7308
|
-
__classPrivateFieldGet$
|
|
7309
|
-
__classPrivateFieldGet$
|
|
7310
|
-
__classPrivateFieldGet$
|
|
7338
|
+
__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeEventListener('focusout', __classPrivateFieldGet$n(this, _Dropdown_boundOnFocusout, "f"));
|
|
7339
|
+
__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeEventListener('keydown', __classPrivateFieldGet$n(this, _Dropdown_boundOnKeydown, "f"));
|
|
7340
|
+
__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeAttribute('aria-expanded');
|
|
7341
|
+
__classPrivateFieldGet$n(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
|
|
7311
7342
|
};
|
|
7312
7343
|
|
|
7313
|
-
const formMessageCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-form-message{color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap)}.qds-icon-background,.qds-icon-container{align-items:center;display:flex}.qds-icon-background{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)}[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)}[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)}.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
|
+
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)}";
|
|
7314
7345
|
|
|
7315
7346
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7316
7347
|
//
|
|
7317
7348
|
// SPDX-License-Identifier: Apache-2.0
|
|
7318
|
-
var __classPrivateFieldSet$
|
|
7349
|
+
var __classPrivateFieldSet$k = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7319
7350
|
if (kind === "m")
|
|
7320
7351
|
throw new TypeError("Private method is not writable");
|
|
7321
7352
|
if (kind === "a" && !f)
|
|
@@ -7324,7 +7355,7 @@ var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
7324
7355
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
7325
7356
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
7326
7357
|
};
|
|
7327
|
-
var __classPrivateFieldGet$
|
|
7358
|
+
var __classPrivateFieldGet$m = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7328
7359
|
if (kind === "a" && !f)
|
|
7329
7360
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7330
7361
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
@@ -7360,13 +7391,13 @@ class FormMessage {
|
|
|
7360
7391
|
_FormMessage_inheritedAttributes.set(this, {});
|
|
7361
7392
|
}
|
|
7362
7393
|
componentWillLoad() {
|
|
7363
|
-
__classPrivateFieldSet$
|
|
7394
|
+
__classPrivateFieldSet$k(this, _FormMessage_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
7364
7395
|
}
|
|
7365
7396
|
render() {
|
|
7366
7397
|
return (hAsync("span", { key: '0a8cbc3d4d61b9dbf49f33e3d68b789bc549c9f7', class: {
|
|
7367
7398
|
'qds-form-message': true,
|
|
7368
7399
|
'qds-inline': this.inline,
|
|
7369
|
-
}, "data-size": __classPrivateFieldGet$
|
|
7400
|
+
}, "data-size": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), ...__classPrivateFieldGet$m(this, _FormMessage_inheritedAttributes, "f") }, this.status !== 'neutral' && (hAsync("div", { key: '02884cdb957599f46d249bb98801f3c160250937', class: "qds-icon-container", "data-size": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: '0a644f9370c393343e13e540fdff08d00173aa38', class: "qds-icon-background", "data-size": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status }, hAsync("qds-icon", { key: '9e5155876baa893f97c1c075ac45c7456cf14a7c', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status, name: `status-${this.status}-solid`, library: "core" }), hAsync("span", { key: '39ed92c28a4fabb5d88e1e3994ce2223fce3c152', class: "qds-sr-only" }, this.statusDescription)))), hAsync("span", { key: 'b9a972b25f786706b6b080599e1249cc8d7f6b4a', class: "qds-text", "data-status": __classPrivateFieldGet$m(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
|
|
7370
7401
|
}
|
|
7371
7402
|
get host() { return getElement(this); }
|
|
7372
7403
|
static get style() { return formMessageCss; }
|
|
@@ -7544,14 +7575,14 @@ const iconCss = ":host([hidden]){display:none!important}:host{display:inline-blo
|
|
|
7544
7575
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7545
7576
|
//
|
|
7546
7577
|
// SPDX-License-Identifier: Apache-2.0
|
|
7547
|
-
var __classPrivateFieldGet$
|
|
7578
|
+
var __classPrivateFieldGet$l = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7548
7579
|
if (kind === "a" && !f)
|
|
7549
7580
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7550
7581
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7551
7582
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
7552
7583
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
7553
7584
|
};
|
|
7554
|
-
var __classPrivateFieldSet$
|
|
7585
|
+
var __classPrivateFieldSet$j = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7555
7586
|
if (kind === "m")
|
|
7556
7587
|
throw new TypeError("Private method is not writable");
|
|
7557
7588
|
if (kind === "a" && !f)
|
|
@@ -7606,7 +7637,7 @@ class Icon {
|
|
|
7606
7637
|
this.errorEmitter.emit();
|
|
7607
7638
|
}
|
|
7608
7639
|
else {
|
|
7609
|
-
for (const [key, value] of Object.entries(__classPrivateFieldGet$
|
|
7640
|
+
for (const [key, value] of Object.entries(__classPrivateFieldGet$l(this, _Icon_inheritedAttributes, "f")))
|
|
7610
7641
|
if (value !== undefined)
|
|
7611
7642
|
svgElement.setAttribute(key, value);
|
|
7612
7643
|
this.svg = svgElement.outerHTML;
|
|
@@ -7618,11 +7649,11 @@ class Icon {
|
|
|
7618
7649
|
}
|
|
7619
7650
|
}
|
|
7620
7651
|
async componentWillLoad() {
|
|
7621
|
-
__classPrivateFieldSet$
|
|
7652
|
+
__classPrivateFieldSet$j(this, _Icon_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
7622
7653
|
await this.setIcon();
|
|
7623
7654
|
}
|
|
7624
7655
|
render() {
|
|
7625
|
-
return (hAsync("div", { key: '
|
|
7656
|
+
return (hAsync("div", { key: 'fec63ded24fe49475d789744e32175930bfaaf45', class: "qds-container" }, hAsync("span", { key: 'f70431d887b27792ecc3184004286ed0583689e5', class: "qds-icon-wrapper", innerHTML: this.svg }), hAsync("div", { key: '2f6d366099a1a644da8d27e95be8ea2ff4af8e64', class: "qds-click-target" })));
|
|
7626
7657
|
}
|
|
7627
7658
|
get host() { return getElement(this); }
|
|
7628
7659
|
static get watchers() { return {
|
|
@@ -7650,14 +7681,14 @@ const iconButtonCss = ":host{display:block;outline:none}.qds-focus-ring{border-r
|
|
|
7650
7681
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
7651
7682
|
//
|
|
7652
7683
|
// SPDX-License-Identifier: Apache-2.0
|
|
7653
|
-
var __classPrivateFieldGet$
|
|
7684
|
+
var __classPrivateFieldGet$k = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7654
7685
|
if (kind === "a" && !f)
|
|
7655
7686
|
throw new TypeError("Private accessor was defined without a getter");
|
|
7656
7687
|
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7657
7688
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
7658
7689
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
7659
7690
|
};
|
|
7660
|
-
var __classPrivateFieldSet$
|
|
7691
|
+
var __classPrivateFieldSet$i = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7661
7692
|
if (kind === "m")
|
|
7662
7693
|
throw new TypeError("Private method is not writable");
|
|
7663
7694
|
if (kind === "a" && !f)
|
|
@@ -7667,10 +7698,10 @@ var __classPrivateFieldSet$h = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
7667
7698
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
7668
7699
|
};
|
|
7669
7700
|
var _IconButton_instances, _IconButton_savedTabIndex, _IconButton_button, _IconButton_tooltip, _IconButton_computedSize_get, _IconButton_computedImportance_get, _IconButton_computedDisabled_get, _IconButton_hasText_get, _IconButton_updateAriaLabel, _IconButton_ref, _IconButton_tooltipRef;
|
|
7670
|
-
const isCounter$
|
|
7701
|
+
const isCounter$2 = (value) => typeof value === 'string'
|
|
7671
7702
|
? !Number.isNaN(Number.parseFloat(value))
|
|
7672
7703
|
: typeof value === 'number';
|
|
7673
|
-
const isIndicator$
|
|
7704
|
+
const isIndicator$2 = (value) => value === '' || value === true;
|
|
7674
7705
|
const preventDefault$1 = (event) => {
|
|
7675
7706
|
event.preventDefault();
|
|
7676
7707
|
};
|
|
@@ -7729,22 +7760,22 @@ class IconButton {
|
|
|
7729
7760
|
_IconButton_button.set(this, void 0);
|
|
7730
7761
|
_IconButton_tooltip.set(this, void 0);
|
|
7731
7762
|
_IconButton_ref.set(this, (button) => {
|
|
7732
|
-
__classPrivateFieldSet$
|
|
7763
|
+
__classPrivateFieldSet$i(this, _IconButton_button, button, "f");
|
|
7733
7764
|
});
|
|
7734
7765
|
_IconButton_tooltipRef.set(this, (tooltip) => {
|
|
7735
7766
|
if (tooltip) {
|
|
7736
7767
|
// eslint-disable-next-line no-param-reassign
|
|
7737
|
-
tooltip.target = __classPrivateFieldGet$
|
|
7738
|
-
__classPrivateFieldSet$
|
|
7768
|
+
tooltip.target = __classPrivateFieldGet$k(this, _IconButton_button, "f");
|
|
7769
|
+
__classPrivateFieldSet$i(this, _IconButton_tooltip, tooltip, "f");
|
|
7739
7770
|
}
|
|
7740
7771
|
});
|
|
7741
7772
|
}
|
|
7742
7773
|
disabledChanged() {
|
|
7743
|
-
this.internals.ariaDisabled = __classPrivateFieldGet$
|
|
7744
|
-
if (__classPrivateFieldGet$
|
|
7774
|
+
this.internals.ariaDisabled = __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get).toString();
|
|
7775
|
+
if (__classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
|
|
7745
7776
|
this.host.removeAttribute('tabindex');
|
|
7746
7777
|
else
|
|
7747
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
7778
|
+
this.host.tabIndex = __classPrivateFieldGet$k(this, _IconButton_savedTabIndex, "f");
|
|
7748
7779
|
}
|
|
7749
7780
|
hrefChanged() {
|
|
7750
7781
|
this.internals.role = this.href === undefined ? 'button' : 'link';
|
|
@@ -7752,38 +7783,38 @@ class IconButton {
|
|
|
7752
7783
|
tabindexChanged(newValue) {
|
|
7753
7784
|
if (newValue !== null) {
|
|
7754
7785
|
const parsedValue = Number.parseInt(newValue, 10);
|
|
7755
|
-
__classPrivateFieldSet$
|
|
7786
|
+
__classPrivateFieldSet$i(this, _IconButton_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
|
|
7756
7787
|
? 0
|
|
7757
7788
|
: parsedValue, "f");
|
|
7758
7789
|
}
|
|
7759
|
-
if (__classPrivateFieldGet$
|
|
7790
|
+
if (__classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
|
|
7760
7791
|
this.host.removeAttribute('tabindex');
|
|
7761
7792
|
else
|
|
7762
|
-
this.host.tabIndex = __classPrivateFieldGet$
|
|
7793
|
+
this.host.tabIndex = __classPrivateFieldGet$k(this, _IconButton_savedTabIndex, "f");
|
|
7763
7794
|
}
|
|
7764
7795
|
textChanged() {
|
|
7765
|
-
__classPrivateFieldGet$
|
|
7796
|
+
__classPrivateFieldGet$k(this, _IconButton_instances, "m", _IconButton_updateAriaLabel).call(this);
|
|
7766
7797
|
}
|
|
7767
7798
|
onClick(event) {
|
|
7768
|
-
if (__classPrivateFieldGet$
|
|
7799
|
+
if (__classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get))
|
|
7769
7800
|
event.stopImmediatePropagation();
|
|
7770
7801
|
}
|
|
7771
7802
|
async onBlur(event) {
|
|
7772
7803
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
7773
|
-
if (__classPrivateFieldGet$
|
|
7774
|
-
await __classPrivateFieldGet$
|
|
7804
|
+
if (__classPrivateFieldGet$k(this, _IconButton_tooltip, "f")) {
|
|
7805
|
+
await __classPrivateFieldGet$k(this, _IconButton_tooltip, "f").close();
|
|
7775
7806
|
}
|
|
7776
7807
|
}
|
|
7777
7808
|
async onFocus(event) {
|
|
7778
7809
|
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
7779
|
-
if (__classPrivateFieldGet$
|
|
7780
|
-
await __classPrivateFieldGet$
|
|
7810
|
+
if (__classPrivateFieldGet$k(this, _IconButton_tooltip, "f")) {
|
|
7811
|
+
await __classPrivateFieldGet$k(this, _IconButton_tooltip, "f").show();
|
|
7781
7812
|
}
|
|
7782
7813
|
}
|
|
7783
7814
|
onKeydown(event) {
|
|
7784
7815
|
if (event.key === 'Enter') {
|
|
7785
|
-
if (__classPrivateFieldGet$
|
|
7786
|
-
__classPrivateFieldGet$
|
|
7816
|
+
if (__classPrivateFieldGet$k(this, _IconButton_button, "f") instanceof HTMLAnchorElement) {
|
|
7817
|
+
__classPrivateFieldGet$k(this, _IconButton_button, "f").click();
|
|
7787
7818
|
}
|
|
7788
7819
|
else
|
|
7789
7820
|
this.host.click();
|
|
@@ -7803,8 +7834,8 @@ class IconButton {
|
|
|
7803
7834
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
7804
7835
|
return (hAsync("div", { key: '78677375ce18f22b5c76363187dad9edafcb1c7b', class: "qds-container", "aria-hidden": "true" }, hAsync(Tag, { key: 'ad3f3fb8c69a8f5b38c4124051410251f735d9c8', type: Tag === 'a' ? undefined : 'button', class: {
|
|
7805
7836
|
'qds-icon-button': true,
|
|
7806
|
-
'qds-disabled': __classPrivateFieldGet$
|
|
7807
|
-
}, href: Tag === 'a' ? this.href : undefined, target: Tag === 'a' ? this.target : undefined, rel: Tag === 'a' ? this.rel : undefined, ref: __classPrivateFieldGet$
|
|
7837
|
+
'qds-disabled': __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get),
|
|
7838
|
+
}, href: Tag === 'a' ? this.href : undefined, target: Tag === 'a' ? this.target : undefined, rel: Tag === 'a' ? this.rel : undefined, ref: __classPrivateFieldGet$k(this, _IconButton_ref, "f"), disabled: Tag === 'a' ? undefined : __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedDisabled_get), download: Tag === 'a' ? this.download : undefined, "data-size": __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get), "data-importance": __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedImportance_get), onKeyDown: preventDefault$1, onKeyUp: preventDefault$1, onKeyPress: preventDefault$1, tabIndex: -1 }, hAsync("qds-icon", { key: '29cb03c903fba4345d3a6c9c2c5a68c0023b51cc', class: "qds-icon", "data-size": __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get), library: this.iconLibrary, name: this.iconName }), isIndicator$2(this.badge) && (hAsync("qds-badge-indicator", { key: '480364dfd3d94ed4e5c5576b160b405834794e05', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true })), isCounter$2(this.badge) && (hAsync("qds-badge-counter", { key: '1e3fe4df0264c2f8ba3b5136b069a64013f348cc', class: "qds-indicator", description: this.badgeDescription, importance: __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedImportance_get), size: __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get), strokeRing: true, value: this.badge }))), hAsync("div", { key: 'be898d9a58d84e5bc9854e8d348d6e5cbd1f090e', class: "qds-focus-ring", "data-size": __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_computedSize_get) }), __classPrivateFieldGet$k(this, _IconButton_instances, "a", _IconButton_hasText_get) && (hAsync("qds-tooltip", { key: '37173b5f043570a7ce0867e32a6de5060ee93a26', ref: __classPrivateFieldGet$k(this, _IconButton_tooltipRef, "f") }, this.text))));
|
|
7808
7839
|
}
|
|
7809
7840
|
static get formAssociated() { return true; }
|
|
7810
7841
|
get host() { return getElement(this); }
|
|
@@ -7867,7 +7898,7 @@ _IconButton_savedTabIndex = new WeakMap(), _IconButton_button = new WeakMap(), _
|
|
|
7867
7898
|
return this.text !== undefined && this.text !== '';
|
|
7868
7899
|
}, _IconButton_updateAriaLabel = function _IconButton_updateAriaLabel() {
|
|
7869
7900
|
if (this.badge !== undefined && this.badgeDescription !== undefined) {
|
|
7870
|
-
this.internals.ariaLabel = `${this.text} ${isIndicator$
|
|
7901
|
+
this.internals.ariaLabel = `${this.text} ${isIndicator$2(this.badge) ? '' : this.badge} ${this.badgeDescription}`;
|
|
7871
7902
|
return;
|
|
7872
7903
|
}
|
|
7873
7904
|
if (this.target !== undefined &&
|
|
@@ -7879,7 +7910,241 @@ _IconButton_savedTabIndex = new WeakMap(), _IconButton_button = new WeakMap(), _
|
|
|
7879
7910
|
this.internals.ariaLabel = this.text ?? '';
|
|
7880
7911
|
};
|
|
7881
7912
|
|
|
7882
|
-
const
|
|
7913
|
+
const iconTabCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-target{-webkit-appearance:none;appearance:none;background-color:initial;border:none;cursor:pointer;padding:0;pointer-events:auto}.qds-target:disabled{pointer-events:none}.qds-target:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.qds-icon-container{align-items:center;display:flex;justify-content:center;position:relative}.qds-icon:hover{background-color:initial}.qds-target-icon{color:var(--qds-theme-control-text-standard)}.qds-icon,.qds-target-icon{flex-shrink:0}.qds-selected:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-icon-tab,.qds-target{display:flex}.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)}.qds-target-icon[data-size=small]{--qds-experimental-icon-click-target-size:var(--qds-control-small-height);height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-icon-container{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)}.qds-target-icon[data-size=standard]{--qds-experimental-icon-click-target-size:var(\n --qds-control-standard-height\n );height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-icon-container{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)}.qds-target-icon[data-size=large]{--qds-experimental-icon-click-target-size:var(--qds-control-large-height);height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-icon-container{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;justify-content:center;position:relative;text-align:initial}.qds-icon-tab:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-icon-tab:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-icon-tab:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-icon-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-hidden{display:none}";
|
|
7914
|
+
|
|
7915
|
+
// SPDX-FileCopyrightText: © 2026 Schneider Electric
|
|
7916
|
+
//
|
|
7917
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
7918
|
+
var __classPrivateFieldSet$h = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
7919
|
+
if (kind === "m")
|
|
7920
|
+
throw new TypeError("Private method is not writable");
|
|
7921
|
+
if (kind === "a" && !f)
|
|
7922
|
+
throw new TypeError("Private accessor was defined without a setter");
|
|
7923
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7924
|
+
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
7925
|
+
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
7926
|
+
};
|
|
7927
|
+
var __classPrivateFieldGet$j = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
7928
|
+
if (kind === "a" && !f)
|
|
7929
|
+
throw new TypeError("Private accessor was defined without a getter");
|
|
7930
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
7931
|
+
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
7932
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
7933
|
+
};
|
|
7934
|
+
var _IconTab_instances, _IconTab_div, _IconTab_panel, _IconTab_iconTab, _IconTab_computedSize_get, _IconTab_computedImportance_get, _IconTab_parentLayer_get, _IconTab_parentLevel_get, _IconTab_computedDisabled_get, _IconTab_placement_get, _IconTab_ref, _IconTab_iconTabRef, _IconTab_tooltipRef, _IconTab_onBlur, _IconTab_onFocus, _IconTab_defineTab, _IconTab_defineGetter;
|
|
7935
|
+
const isCounter$1 = (value) => typeof value === 'string'
|
|
7936
|
+
? !Number.isNaN(Number.parseFloat(value))
|
|
7937
|
+
: typeof value === 'number';
|
|
7938
|
+
const isIndicator$1 = (value) => value === '' || value === true;
|
|
7939
|
+
let autoIncrementingId$2 = 1;
|
|
7940
|
+
/**
|
|
7941
|
+
* <qds-icon-tab> is a navigational element that is used in different horizontal or vertical navigation bars
|
|
7942
|
+
* (Main Navigation, secondary navigation, Tab bar, etc.)
|
|
7943
|
+
* as trigger points for opening a menu list or switching content in Tab bar.
|
|
7944
|
+
*
|
|
7945
|
+
* @see https://quartz.se.com/build/components/icon-tab
|
|
7946
|
+
*/
|
|
7947
|
+
class IconTab {
|
|
7948
|
+
constructor(hostRef) {
|
|
7949
|
+
registerInstance(this, hostRef);
|
|
7950
|
+
this.blurEmitter = createEvent(this, "qdsBlur", 2);
|
|
7951
|
+
this.focusEmitter = createEvent(this, "qdsFocus", 2);
|
|
7952
|
+
if (hostRef.$hostElement$["s-ei"]) {
|
|
7953
|
+
this.internals = hostRef.$hostElement$["s-ei"];
|
|
7954
|
+
}
|
|
7955
|
+
else {
|
|
7956
|
+
this.internals = hostRef.$hostElement$.attachInternals();
|
|
7957
|
+
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
7958
|
+
}
|
|
7959
|
+
_IconTab_instances.add(this);
|
|
7960
|
+
/**
|
|
7961
|
+
* The tab's counter importance.
|
|
7962
|
+
*/
|
|
7963
|
+
this.badgeCounterImportance = 'standard';
|
|
7964
|
+
/**
|
|
7965
|
+
* The indicator's status.
|
|
7966
|
+
*/
|
|
7967
|
+
this.badgeIndicatorStatus = 'neutral';
|
|
7968
|
+
/**
|
|
7969
|
+
* The name of a registered icon library.
|
|
7970
|
+
*/
|
|
7971
|
+
this.iconLibrary = 'default';
|
|
7972
|
+
/**
|
|
7973
|
+
* The tab's importance.
|
|
7974
|
+
*/
|
|
7975
|
+
this.importance = 'standard';
|
|
7976
|
+
/**
|
|
7977
|
+
* The tab's indicator position.
|
|
7978
|
+
*/
|
|
7979
|
+
this.indicatorPosition = 'block-end';
|
|
7980
|
+
/**
|
|
7981
|
+
* Whether or not the tab is selected.
|
|
7982
|
+
*/
|
|
7983
|
+
this.selected = false;
|
|
7984
|
+
/**
|
|
7985
|
+
* The tab's size.
|
|
7986
|
+
*/
|
|
7987
|
+
this.size = 'standard';
|
|
7988
|
+
this.isIndicatorOnTop = false;
|
|
7989
|
+
_IconTab_div.set(this, void 0);
|
|
7990
|
+
_IconTab_panel.set(this, void 0);
|
|
7991
|
+
_IconTab_iconTab.set(this, void 0);
|
|
7992
|
+
_IconTab_ref.set(this, (div) => {
|
|
7993
|
+
__classPrivateFieldSet$h(this, _IconTab_div, div, "f");
|
|
7994
|
+
});
|
|
7995
|
+
_IconTab_iconTabRef.set(this, (tab) => {
|
|
7996
|
+
__classPrivateFieldSet$h(this, _IconTab_iconTab, tab, "f");
|
|
7997
|
+
});
|
|
7998
|
+
_IconTab_tooltipRef.set(this, (tooltip) => {
|
|
7999
|
+
if (tooltip)
|
|
8000
|
+
// eslint-disable-next-line no-param-reassign
|
|
8001
|
+
tooltip.target = __classPrivateFieldGet$j(this, _IconTab_div, "f");
|
|
8002
|
+
});
|
|
8003
|
+
_IconTab_onBlur.set(this, (event) => {
|
|
8004
|
+
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
8005
|
+
});
|
|
8006
|
+
_IconTab_onFocus.set(this, (event) => {
|
|
8007
|
+
this.focusEmitter.emit(pickFocusEventAttributes(event));
|
|
8008
|
+
});
|
|
8009
|
+
_IconTab_defineTab.set(this, () => {
|
|
8010
|
+
this.internals.role = 'tab';
|
|
8011
|
+
__classPrivateFieldGet$j(this, _IconTab_instances, "m", _IconTab_defineGetter).call(this, 'tab', () => __classPrivateFieldGet$j(this, _IconTab_iconTab, "f"));
|
|
8012
|
+
});
|
|
8013
|
+
}
|
|
8014
|
+
panelChanged() {
|
|
8015
|
+
this.disconnectedCallback();
|
|
8016
|
+
const panel = resolveTarget(this.panel);
|
|
8017
|
+
if (!(panel instanceof globalThis.Element))
|
|
8018
|
+
return;
|
|
8019
|
+
__classPrivateFieldSet$h(this, _IconTab_panel, panel, "f");
|
|
8020
|
+
const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
|
|
8021
|
+
if (tab)
|
|
8022
|
+
tab.setAttribute('aria-controls', __classPrivateFieldGet$j(this, _IconTab_panel, "f").id);
|
|
8023
|
+
if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").role === null)
|
|
8024
|
+
__classPrivateFieldGet$j(this, _IconTab_panel, "f").role = 'tabpanel';
|
|
8025
|
+
if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === null)
|
|
8026
|
+
__classPrivateFieldGet$j(this, _IconTab_panel, "f").setAttribute('aria-labelledby', this.host.id);
|
|
8027
|
+
__classPrivateFieldGet$j(this, _IconTab_panel, "f").setAttribute('tabindex', __classPrivateFieldGet$j(this, _IconTab_panel, "f").getAttribute('tabindex') ?? '0');
|
|
8028
|
+
}
|
|
8029
|
+
onClick(event) {
|
|
8030
|
+
if (__classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedDisabled_get))
|
|
8031
|
+
event.stopImmediatePropagation();
|
|
8032
|
+
}
|
|
8033
|
+
tabindexChanged(newValue) {
|
|
8034
|
+
const parsedValue = Number.parseInt(newValue, 10);
|
|
8035
|
+
this.tabIndex =
|
|
8036
|
+
parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
|
|
8037
|
+
}
|
|
8038
|
+
componentWillLoad() {
|
|
8039
|
+
var _a;
|
|
8040
|
+
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
8041
|
+
(_a = this.host).id || (_a.id = `qds-icon-tab-${autoIncrementingId$2}`);
|
|
8042
|
+
autoIncrementingId$2 += 1;
|
|
8043
|
+
__classPrivateFieldGet$j(this, _IconTab_defineTab, "f").call(this);
|
|
8044
|
+
}
|
|
8045
|
+
componentWillRender() {
|
|
8046
|
+
const isPanelRoot = __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'panel' && __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'root';
|
|
8047
|
+
const isMainSubsection = __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLayer_get) === 'main' && __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_parentLevel_get) === 'subsection';
|
|
8048
|
+
this.isIndicatorOnTop = isPanelRoot || isMainSubsection;
|
|
8049
|
+
}
|
|
8050
|
+
componentDidLoad() {
|
|
8051
|
+
this.panelChanged();
|
|
8052
|
+
}
|
|
8053
|
+
disconnectedCallback() {
|
|
8054
|
+
if (!__classPrivateFieldGet$j(this, _IconTab_panel, "f"))
|
|
8055
|
+
return;
|
|
8056
|
+
const tab = this.host.shadowRoot?.querySelector('[role="tab"]');
|
|
8057
|
+
if (tab)
|
|
8058
|
+
tab.removeAttribute('aria-controls');
|
|
8059
|
+
if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").role === 'tabpanel')
|
|
8060
|
+
// eslint-disable-next-line unicorn/no-null
|
|
8061
|
+
__classPrivateFieldGet$j(this, _IconTab_panel, "f").role = null;
|
|
8062
|
+
if (__classPrivateFieldGet$j(this, _IconTab_panel, "f").getAttribute('aria-labelledby') === this.host.id)
|
|
8063
|
+
__classPrivateFieldGet$j(this, _IconTab_panel, "f").removeAttribute('aria-labelledby');
|
|
8064
|
+
__classPrivateFieldGet$j(this, _IconTab_panel, "f").removeAttribute('tabindex');
|
|
8065
|
+
}
|
|
8066
|
+
render() {
|
|
8067
|
+
const isLink = this.href === undefined ? this.indicatorPosition : 'block-start';
|
|
8068
|
+
const Tag = isLink ? 'a' : 'div';
|
|
8069
|
+
return (hAsync("div", { key: 'ee55c8edcad6ea16123e32591e073638dfda985a', "aria-disabled": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, class: {
|
|
8070
|
+
'qds-selected': this.selected,
|
|
8071
|
+
}, "data-size": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedSize_get), "data-importance": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedImportance_get), ref: __classPrivateFieldGet$j(this, _IconTab_ref, "f") }, hAsync(Tag, { key: '7c535857b7b2856437596c2df0099919dc99c1b6', ref: __classPrivateFieldGet$j(this, _IconTab_iconTabRef, "f"), "aria-disabled": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedDisabled_get) ? 'true' : undefined, ...(isLink ? undefined : { disabled: this.disabled }), onBlur: __classPrivateFieldGet$j(this, _IconTab_onBlur, "f"), onFocus: __classPrivateFieldGet$j(this, _IconTab_onFocus, "f"), class: {
|
|
8072
|
+
'qds-icon-tab': true,
|
|
8073
|
+
'qds-selected': this.selected,
|
|
8074
|
+
[`qds-indicator-${this.indicatorPosition}`]: true,
|
|
8075
|
+
}, role: isLink ? undefined : 'tab', "aria-current": isLink && this.selected ? 'true' : undefined, "aria-expanded": isLink ? undefined : this.selected ? 'true' : 'false', "data-importance": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedImportance_get), "data-size": __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedSize_get), href: isLink ? this.href : undefined }, hAsync("div", { key: '0e5c9c975cd7839003dc6227e692974905165abe', class: "qds-icon-container" }, hAsync("qds-icon", { key: 'e400c4a9249fcd4a6e436e196302961ff1f430d1', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName }), isIndicator$1(this.badge) && (hAsync("qds-badge-indicator", { key: 'def25454ebe3e3ac6bc21b3618db347a016e2ad8', class: "qds-badge-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true })), isCounter$1(this.badge) && (hAsync("qds-badge-counter", { key: '3ee1b82b6d97c1e3aeac1347333f2487c922a6f7', class: "qds-badge-counter", description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_computedSize_get), strokeRing: true, value: this.badge })))), hAsync("qds-tooltip", { key: 'f292fc171e186c67537ac0159376fb3e9618d54c', placement: __classPrivateFieldGet$j(this, _IconTab_instances, "a", _IconTab_placement_get), ref: __classPrivateFieldGet$j(this, _IconTab_tooltipRef, "f") }, hAsync("qds-title", { key: 'f4e85471c2f320db20e75ae24d5c08f5a29d8a17', layer: "accessory", level: "root" }, this.text))));
|
|
8076
|
+
}
|
|
8077
|
+
get host() { return getElement(this); }
|
|
8078
|
+
static get watchers() { return {
|
|
8079
|
+
"panel": ["panelChanged"],
|
|
8080
|
+
"tabindex": ["tabindexChanged"]
|
|
8081
|
+
}; }
|
|
8082
|
+
static get style() { return iconTabCss; }
|
|
8083
|
+
static get cmpMeta() { return {
|
|
8084
|
+
"$flags$": 265,
|
|
8085
|
+
"$tagName$": "qds-icon-tab",
|
|
8086
|
+
"$members$": {
|
|
8087
|
+
"badge": [8],
|
|
8088
|
+
"badgeCounterImportance": [1, "badge-counter-importance"],
|
|
8089
|
+
"badgeDescription": [1, "badge-description"],
|
|
8090
|
+
"badgeIndicatorStatus": [1, "badge-indicator-status"],
|
|
8091
|
+
"disabled": [4],
|
|
8092
|
+
"iconLibrary": [1, "icon-library"],
|
|
8093
|
+
"iconName": [1, "icon-name"],
|
|
8094
|
+
"importance": [1],
|
|
8095
|
+
"indicatorPosition": [1, "indicator-position"],
|
|
8096
|
+
"panel": [1],
|
|
8097
|
+
"selected": [4],
|
|
8098
|
+
"size": [1],
|
|
8099
|
+
"text": [1],
|
|
8100
|
+
"href": [1],
|
|
8101
|
+
"tabIndex": [32],
|
|
8102
|
+
"isIndicatorOnTop": [32]
|
|
8103
|
+
},
|
|
8104
|
+
"$listeners$": [[0, "click", "onClick"]],
|
|
8105
|
+
"$lazyBundleId$": "-",
|
|
8106
|
+
"$attrsToReflect$": []
|
|
8107
|
+
}; }
|
|
8108
|
+
}
|
|
8109
|
+
_IconTab_div = new WeakMap(), _IconTab_panel = new WeakMap(), _IconTab_iconTab = new WeakMap(), _IconTab_ref = new WeakMap(), _IconTab_iconTabRef = new WeakMap(), _IconTab_tooltipRef = new WeakMap(), _IconTab_onBlur = new WeakMap(), _IconTab_onFocus = new WeakMap(), _IconTab_defineTab = new WeakMap(), _IconTab_instances = new WeakSet(), _IconTab_computedSize_get = function _IconTab_computedSize_get() {
|
|
8110
|
+
switch (this.size) {
|
|
8111
|
+
case 'standard':
|
|
8112
|
+
case 'small':
|
|
8113
|
+
case 'large': {
|
|
8114
|
+
return this.size;
|
|
8115
|
+
}
|
|
8116
|
+
default: {
|
|
8117
|
+
return 'standard';
|
|
8118
|
+
}
|
|
8119
|
+
}
|
|
8120
|
+
}, _IconTab_computedImportance_get = function _IconTab_computedImportance_get() {
|
|
8121
|
+
return this.importance ?? 'standard';
|
|
8122
|
+
}, _IconTab_parentLayer_get = function _IconTab_parentLayer_get() {
|
|
8123
|
+
return this.host.closest('qds-tabbar')?.layer ?? 'main';
|
|
8124
|
+
}, _IconTab_parentLevel_get = function _IconTab_parentLevel_get() {
|
|
8125
|
+
return this.host.closest('qds-tabbar')?.level ?? 'root';
|
|
8126
|
+
}, _IconTab_computedDisabled_get = function _IconTab_computedDisabled_get() {
|
|
8127
|
+
return this.disabled ?? false;
|
|
8128
|
+
}, _IconTab_placement_get = function _IconTab_placement_get() {
|
|
8129
|
+
switch (this.indicatorPosition) {
|
|
8130
|
+
case 'inline-start': {
|
|
8131
|
+
return 'left';
|
|
8132
|
+
}
|
|
8133
|
+
case 'inline-end': {
|
|
8134
|
+
return 'right';
|
|
8135
|
+
}
|
|
8136
|
+
case 'block-start': {
|
|
8137
|
+
return 'top';
|
|
8138
|
+
}
|
|
8139
|
+
default: {
|
|
8140
|
+
return 'bottom';
|
|
8141
|
+
}
|
|
8142
|
+
}
|
|
8143
|
+
}, _IconTab_defineGetter = function _IconTab_defineGetter(p, get) {
|
|
8144
|
+
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
8145
|
+
};
|
|
8146
|
+
|
|
8147
|
+
const inlineLinkCss = ":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{height:var(--qds-control-hero-icon-size);width:var(--qds-control-hero-icon-size)}.qds-inline-link{align-items:center;display:flex;gap:var(--qds-text-icon-gap)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}[data-importance=subdued]{color:var(--qds-theme-link-subdued-default)}[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)}[data-importance=subdued]:visited:hover{color:var(--qds-theme-link-visited-hover)}[data-importance=subdued]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=standard]{color:var(--qds-theme-link-standard-default)}[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)}[data-importance=standard]:visited:hover{color:var(--qds-theme-link-visited-hover)}[data-importance=standard]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=emphasized]{color:var(--qds-theme-link-emphasized-default)}[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)}[data-importance=emphasized]:visited:hover{color:var(--qds-theme-link-visited-hover)}[data-importance=emphasized]:visited:active{color:var(--qds-theme-link-visited-pressed)}";
|
|
7883
8148
|
|
|
7884
8149
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
7885
8150
|
//
|
|
@@ -8000,10 +8265,10 @@ class InlineLink {
|
|
|
8000
8265
|
__classPrivateFieldGet$i(this, _InlineLink_updateAriaLabelElements, "f").call(this);
|
|
8001
8266
|
}
|
|
8002
8267
|
render() {
|
|
8003
|
-
return (hAsync("a", { key: '
|
|
8268
|
+
return (hAsync("a", { key: '0a4e02f5a4ccd184c3b2fdc72d39b437cb951799', "aria-hidden": "true", class: {
|
|
8004
8269
|
'qds-inline-link': true,
|
|
8005
8270
|
'qds-disabled': this.disabled,
|
|
8006
|
-
}, "data-importance": __classPrivateFieldGet$i(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$i(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$i(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$i(this, _InlineLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '
|
|
8271
|
+
}, "data-importance": __classPrivateFieldGet$i(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$i(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$i(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$i(this, _InlineLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '832fca80e8ce0a64ea284ed4a04b0212300c82ff', class: "qds-icon", "aria-hidden": "true", library: this.iconLibrary, name: this.iconName })), hAsync("slot", { key: 'b2686e6f0991f97113d86db97e85048ccbf06efa', onSlotchange: __classPrivateFieldGet$i(this, _InlineLink_onSlotchange, "f") }), this.linkIcon && (hAsync("qds-icon", { key: '0fbe27eaff58285c8e18953404aab1eb751b2ced', "aria-hidden": "true", class: "qds-icon", library: "core", name: this.linkIcon }))));
|
|
8007
8272
|
}
|
|
8008
8273
|
get host() { return getElement(this); }
|
|
8009
8274
|
static get watchers() { return {
|
|
@@ -8048,7 +8313,7 @@ _InlineLink_savedTabIndex = new WeakMap(), _InlineLink_link = new WeakMap(), _In
|
|
|
8048
8313
|
return this.target === '_blank';
|
|
8049
8314
|
};
|
|
8050
8315
|
|
|
8051
|
-
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-icon-container{align-items:center;display:flex;justify-content:center;justify-self:end;padding-inline-end:var(--qds-control-input-padding-horizontal)}.qds-icon-container.no-padding{padding-inline-end:0}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:d;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width-block-end, var(--qds-control-border-width)));isolation:isolate;outline:var(--qds-theme-focus-border-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-control-border-width-inline-end,\n var(--qds-control-border-width)\n ))}[data-size=small]{font:var(--qds-control-small-text);height:var(--qds-control-small-height)}.qds-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-control-input-padding-horizontal) calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-small-height))}[data-size=small][type=file]::file-selector-button{font:var(--qds-control-small-text);height:var(--qds-control-small-height);margin-inline-end:var(--qds-control-small-gap-siblings-related);padding-inline:var(--qds-control-button-small-padding-horizontal)}[data-size=small][type=search]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-control-input-padding-horizontal) + var(--qds-control-small-gap-internal))}[data-size=small][type=search]~.qds-icon-container{gap:var(--qds-control-small-gap-internal)}[data-size=standard]{font:var(--qds-control-standard-text);height:var(--qds-control-standard-height)}.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-control-input-padding-horizontal) calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-standard-height))}[data-size=standard][type=file]::file-selector-button{font:var(--qds-control-standard-text);height:var(--qds-control-standard-height);margin-inline-end:var(--qds-control-standard-gap-siblings-related);padding-inline:var(--qds-control-button-standard-padding-horizontal)}[data-size=standard][type=search]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-control-input-padding-horizontal) + var(--qds-control-standard-gap-internal))}[data-size=standard][type=search]~.qds-icon-container{gap:var(--qds-control-standard-gap-internal)}[data-size=large]{font:var(--qds-control-large-text);height:var(--qds-control-large-height)}.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-control-input-padding-horizontal) calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-large-height))}[data-size=large][type=file]::file-selector-button{font:var(--qds-control-large-text);height:var(--qds-control-large-height);margin-inline-end:var(--qds-control-large-gap-siblings-related);padding-inline:var(--qds-control-button-large-padding-horizontal)}[data-size=large][type=search]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-control-input-padding-horizontal) + var(--qds-control-large-gap-internal))}[data-size=large][type=search]~.qds-icon-container{gap:var(--qds-control-large-gap-internal)}.qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-control-input-background);border-color:var(--qds-theme-control-border);border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );border-style:solid;border-width:var(--qds-control-border-width) var(--qds-control-border-width-inline-end,var(--qds-control-border-width)) var(--qds-control-border-width-block-end,var(--qds-control-border-width)) var(--qds-control-border-width);box-sizing:border-box;color:var(--qds-theme-control-text-standard);grid-area:d;padding-block:0;padding-inline:var(--qds-control-input-padding-horizontal)}.qds-input.qds-hide~.qds-icon-container{display:none}.qds-input:disabled,.qds-input:disabled~.qds-icon-container{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-input:focus-visible{outline:none}.qds-input:focus-visible~.qds-focus-ring{visibility:visible}.qds-input:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-input:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{display:none}.qds-input[type=file]{padding-block:var(--qds-control-input-padding-horizontal)}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-control-text-standard)}.qds-input[type=file]::file-selector-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=file]::file-selector-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input[type=color],.qds-input[type=number]{padding-inline:var(--qds-control-input-padding-horizontal)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-control-input-padding-horizontal)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=color]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input.qds-search-padding[data-size=large],.qds-input.qds-search-padding[data-size=small],.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-input-padding-horizontal))}.qds-input[data-size=large][type=file],.qds-input[data-size=small][type=file],.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-padding[data-size=large],.qds-input.qds-padding[data-size=small],.qds-input.qds-padding[data-size=standard]{padding-inline:var(--qds-control-input-padding-horizontal)}.qds-input[data-size=large],.qds-input[data-size=small],.qds-input[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline-end:var(--qds-control-input-padding-horizontal)}}}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}";
|
|
8316
|
+
const inputCss = ":host([hidden]){display:none!important}:host{display:inline-block}@-moz-document url-prefix(){[type=date]~.qds-icon-container,[type=datetime-local]~.qds-icon-container,[type=month]~.qds-icon-container,[type=time]~.qds-icon-container,[type=week]~.qds-icon-container{display:none}}input[type=password]::-ms-reveal{display:none}.qds-container,.qds-input{max-width:inherit;width:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"d\"}.qds-icon-container,.qds-input{grid-area:d}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-form-input-border-radius)\n ));box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);grid-area:d;height:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-control-border-width-block-end,\n var(--qds-form-input-border-width-default)\n ));isolation:isolate;outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0;pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-form-input-border-width-default) - var(\n --qds-control-border-width-inline-end,\n var(--qds-form-input-border-width-default)\n ))}[data-size=large]{font:var(--qds-form-large-text);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}.qds-password-padding[data-size=large],[data-size=large][type=date],[data-size=large][type=datetime-local],[data-size=large][type=month],[data-size=large][type=time],[data-size=large][type=week]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-height))}[data-size=large]~.qds-icon-container{padding-inline-end:var(--qds-form-input-large-padding-end)}[data-size=large][type=number]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]{padding-block:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large][type=file]::file-selector-button{font:var(--qds-form-large-text);margin-inline-end:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-form-input-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}[data-size=large][type=search]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-large-padding-end) + var(--qds-form-input-large-gap-internal))}[data-size=large][type=search]~.qds-icon-container{gap:var(--qds-form-input-large-gap-internal)}.qds-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}[data-size=large]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-large-padding-start) var(--qds-form-input-large-padding-end)}}}[data-size=standard]{font:var(--qds-form-standard-text);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}.qds-password-padding[data-size=standard],[data-size=standard][type=date],[data-size=standard][type=datetime-local],[data-size=standard][type=month],[data-size=standard][type=time],[data-size=standard][type=week]{padding-inline:var(--qds-form-input-standard-padding-start) calc(var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-height))}[data-size=standard]~.qds-icon-container{padding-inline-end:var(--qds-form-input-standard-padding-end)}[data-size=standard][type=number]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]{padding-block:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard][type=file]::file-selector-button{font:var(--qds-form-standard-text);margin-inline-end:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-form-input-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}[data-size=standard][type=search]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-standard-padding-end) + var(--qds-form-input-standard-gap-internal))}[data-size=standard][type=search]~.qds-icon-container{gap:var(--qds-form-input-standard-gap-internal)}.qds-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-standard-padding-start) var(--qds-form-input-standard-padding-end)}}}[data-size=small]{font:var(--qds-form-small-text);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}.qds-password-padding[data-size=small],[data-size=small][type=date],[data-size=small][type=datetime-local],[data-size=small][type=month],[data-size=small][type=time],[data-size=small][type=week]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-height))}[data-size=small]~.qds-icon-container{padding-inline-end:var(--qds-form-input-small-padding-end)}[data-size=small][type=number]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]{padding-block:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small][type=file]::file-selector-button{font:var(--qds-form-small-text);margin-inline-end:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-form-input-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}[data-size=small][type=search]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-control-mini-button-standard-size) + var(--qds-form-input-small-padding-end) + var(--qds-form-input-small-gap-internal))}[data-size=small][type=search]~.qds-icon-container{gap:var(--qds-form-input-small-gap-internal)}.qds-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}[data-size=small]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline:var(--qds-form-input-small-padding-start) var(--qds-form-input-small-padding-end)}}}.qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-default);border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-top-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-bottom-right,var(--qds-form-input-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-form-input-border-radius)\n );border-style:solid;border-width:var(--qds-form-input-border-width-default) var(\n --qds-control-border-width-inline-end,var(--qds-form-input-border-width-default)\n ) var(\n --qds-control-border-width-block-end,var(--qds-form-input-border-width-default)\n ) var(--qds-form-input-border-width-default);box-sizing:border-box;color:var(--qds-theme-form-input-text-active);grid-area:d;padding-block:0}.qds-input.qds-hide~.qds-icon-container{display:none}.qds-input:disabled,.qds-input:disabled~.qds-icon-container{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-input:focus-visible{outline:none}.qds-input:focus-visible~.qds-focus-ring{visibility:visible}.qds-input:read-only{background-color:var(--qds-theme-form-input-background-read-only);border-color:var(--qds-theme-form-input-border-disabled)}.qds-input:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-input:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-input:active{background-color:var(--qds-theme-form-input-background-active);color:var(--qds-theme-form-input-text-active)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{display:none}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-form-input-text-active)}.qds-input[type=file]::file-selector-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=file]::file-selector-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-form-input-standard-padding-end);padding-inline:var(--qds-form-input-standard-padding-end)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=color]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-form-input-standard-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-standard-padding-end))}.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-search-padding[data-size=large]{padding-inline:var(--qds-form-input-large-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-large-padding-end))}.qds-input[data-size=large][type=file]{height:auto}.qds-input.qds-search-padding[data-size=small]{padding-inline:var(--qds-form-input-small-padding-end) calc(var(--qds-form-input-small-height) + var(--qds-form-input-small-padding-end))}.qds-input[data-size=small][type=file]{height:auto}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}.qds-input[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-input[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-input:not(:focus):user-invalid,.qds-input[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}.qds-icon-container{align-items:center;display:flex;justify-content:center;justify-self:end}.qds-icon-container.no-padding{padding-inline-end:0}";
|
|
8052
8317
|
|
|
8053
8318
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
8054
8319
|
//
|
|
@@ -8069,7 +8334,7 @@ var __classPrivateFieldSet$f = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
8069
8334
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
8070
8335
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
8071
8336
|
};
|
|
8072
|
-
var _Input_instances, _Input_inheritedAttributes, _Input_input, _Input_computedDisabled_get, _Input_computedIconName_get, _Input_computedSize_get, _Input_computedValue_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, _Input_onClear, _Input_onFocus, _Input_onInput, _Input_defineGetter, _Input_clearValue;
|
|
8337
|
+
var _Input_instances, _Input_inheritedAttributes, _Input_input, _Input_computedDisabled_get, _Input_computedIconName_get, _Input_computedSize_get, _Input_computedValue_get, _Input_computedStatus_get, _Input_hasInteractiveIcon_get, _Input_iconClickHandler_get, _Input_computedType_get, _Input_computedInteractiveIconAriaLabel_get, _Input_togglePasswordVisibility, _Input_ref, _Input_getFiles, _Input_onBlur, _Input_onCancel, _Input_onSearch, _Input_onChange, _Input_onClear, _Input_onFocus, _Input_onInput, _Input_defineGetter, _Input_clearValue;
|
|
8073
8338
|
const stopImmediatePropagation = (event) => {
|
|
8074
8339
|
event.stopImmediatePropagation();
|
|
8075
8340
|
};
|
|
@@ -8328,6 +8593,9 @@ class Input {
|
|
|
8328
8593
|
: node.textContent?.trim())
|
|
8329
8594
|
.join(' ');
|
|
8330
8595
|
}
|
|
8596
|
+
statusChanged() {
|
|
8597
|
+
this.internals.ariaInvalid = (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedStatus_get) === 'error').toString();
|
|
8598
|
+
}
|
|
8331
8599
|
disabledChanged() {
|
|
8332
8600
|
if (__classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get))
|
|
8333
8601
|
// eslint-disable-next-line unicorn/no-null
|
|
@@ -8392,6 +8660,7 @@ class Input {
|
|
|
8392
8660
|
__classPrivateFieldGet$h(this, _Input_instances, "m", _Input_defineGetter).call(this, 'labels', () => this.internals.labels);
|
|
8393
8661
|
__classPrivateFieldSet$f(this, _Input_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
8394
8662
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
8663
|
+
this.statusChanged();
|
|
8395
8664
|
}
|
|
8396
8665
|
componentDidLoad() {
|
|
8397
8666
|
invariant(__classPrivateFieldGet$h(this, _Input_input, "f"));
|
|
@@ -8417,7 +8686,7 @@ class Input {
|
|
|
8417
8686
|
const shouldShowSearchButton = isSearchType && this.noIcon === false;
|
|
8418
8687
|
const shouldHideIcon = !isSearchType && this.noIcon === true;
|
|
8419
8688
|
const shouldRemoveSearchPadding = isSearchType && this.noIcon === true;
|
|
8420
|
-
return (hAsync("div", { key: '
|
|
8689
|
+
return (hAsync("div", { key: 'db31ec02c256f64f5a4d946331405b7ba349784d', class: "qds-container" }, hAsync("input", { key: '9e91aadb684a260ea63dfa7a64a1bffdcbe1f3a2', accept: this.accept, autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
|
|
8421
8690
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
8422
8691
|
autoFocus: this.host.autofocus, capture: this.capture, class: {
|
|
8423
8692
|
'qds-search-padding': shouldRemoveSearchPadding,
|
|
@@ -8426,16 +8695,17 @@ class Input {
|
|
|
8426
8695
|
'qds-padding': shouldHideIcon,
|
|
8427
8696
|
'qds-password-padding': this.type === 'password' ||
|
|
8428
8697
|
(this.isPasswordVisible && this.type === 'text'),
|
|
8429
|
-
}, "data-size": __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedSize_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, max: this.max, maxLength: this.maxLength, min: this.min, minLength: this.minLength, multiple: this.multiple, onBlur: __classPrivateFieldGet$h(this, _Input_onBlur, "f"), onChange: __classPrivateFieldGet$h(this, _Input_onChange, "f"), onFocus: __classPrivateFieldGet$h(this, _Input_onFocus, "f"), onInput: __classPrivateFieldGet$h(this, _Input_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet$h(this, _Input_ref, "f"), spellcheck: this.host.spellcheck, step: this.step, tabIndex: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get) ? undefined : this.tabIndex, type: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedType_get), value: this.value ?? '', ...__classPrivateFieldGet$h(this, _Input_inheritedAttributes, "f") }), hAsync("div", { key: '
|
|
8698
|
+
}, "data-status": __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedStatus_get), "data-size": __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedSize_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, max: this.max, maxLength: this.maxLength, min: this.min, minLength: this.minLength, multiple: this.multiple, onBlur: __classPrivateFieldGet$h(this, _Input_onBlur, "f"), onChange: __classPrivateFieldGet$h(this, _Input_onChange, "f"), onFocus: __classPrivateFieldGet$h(this, _Input_onFocus, "f"), onInput: __classPrivateFieldGet$h(this, _Input_onInput, "f"), placeholder: this.placeholder, readOnly: this.readonly, ref: __classPrivateFieldGet$h(this, _Input_ref, "f"), spellcheck: this.host.spellcheck, step: this.step, tabIndex: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedDisabled_get) ? undefined : this.tabIndex, type: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedType_get), value: this.value ?? '', ...__classPrivateFieldGet$h(this, _Input_inheritedAttributes, "f") }), hAsync("div", { key: '1a70a9546cbb333975fb5ddc3e3d6f4e2ea28769', class: "qds-focus-ring" }), __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: 'afcfdac0375d089869ace600729d8381df262107', class: {
|
|
8430
8699
|
'qds-icon-container': true,
|
|
8431
8700
|
'no-padding': shouldRemoveSearchPadding,
|
|
8432
|
-
} }, shouldShowClearButton && (hAsync("qds-mini-button", { key: '
|
|
8701
|
+
} }, shouldShowClearButton && (hAsync("qds-mini-button", { key: 'a19339646b5e2fda9d544fae4830a68536c7bd3f', class: "qds-hide", text: "clear input", library: "core", name: "clear", disabled: this.disabled, onClick: __classPrivateFieldGet$h(this, _Input_onClear, "f"), tabindex: -1, onQdsFocus: stopImmediatePropagation })), __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) && (hAsync("qds-mini-button", { key: 'eeedd9c8d2a3269d09da86fec16459ec82be8b03', disabled: this.disabled, onClick: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_iconClickHandler_get), text: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedInteractiveIconAriaLabel_get), library: "core", name: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get), tabindex: -1, onQdsFocus: stopImmediatePropagation })), shouldShowSearchButton ? (hAsync("qds-mini-button", { text: "search", library: "core", name: __classPrivateFieldGet$h(this, _Input_instances, "a", _Input_computedIconName_get), disabled: this.disabled, onClick: __classPrivateFieldGet$h(this, _Input_onSearch, "f"), tabindex: -1, onQdsFocus: stopImmediatePropagation })) : (hAsync("div", null))))));
|
|
8433
8702
|
}
|
|
8434
8703
|
static get delegatesFocus() { return true; }
|
|
8435
8704
|
static get formAssociated() { return true; }
|
|
8436
8705
|
get host() { return getElement(this); }
|
|
8437
8706
|
static get watchers() { return {
|
|
8438
8707
|
"aria-label": ["ariaLabelChanged"],
|
|
8708
|
+
"status": ["statusChanged"],
|
|
8439
8709
|
"disabled": ["disabledChanged"],
|
|
8440
8710
|
"selectionDirection": ["selectionDirectionChanged"],
|
|
8441
8711
|
"selectionEnd": ["selectionEndChanged"],
|
|
@@ -8456,6 +8726,8 @@ class Input {
|
|
|
8456
8726
|
"$flags$": 345,
|
|
8457
8727
|
"$tagName$": "qds-input",
|
|
8458
8728
|
"$members$": {
|
|
8729
|
+
"status": [1],
|
|
8730
|
+
"readonly": [4],
|
|
8459
8731
|
"noIcon": [4, "no-icon"],
|
|
8460
8732
|
"size": [1],
|
|
8461
8733
|
"accept": [1],
|
|
@@ -8529,6 +8801,17 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
|
|
|
8529
8801
|
return this.value.toString();
|
|
8530
8802
|
// eslint-disable-next-line unicorn/no-null
|
|
8531
8803
|
return this.value === undefined ? null : this.value;
|
|
8804
|
+
}, _Input_computedStatus_get = function _Input_computedStatus_get() {
|
|
8805
|
+
switch (this.status) {
|
|
8806
|
+
case 'error':
|
|
8807
|
+
case 'success':
|
|
8808
|
+
case 'warning': {
|
|
8809
|
+
return this.status;
|
|
8810
|
+
}
|
|
8811
|
+
default: {
|
|
8812
|
+
return undefined;
|
|
8813
|
+
}
|
|
8814
|
+
}
|
|
8532
8815
|
}, _Input_hasInteractiveIcon_get = function _Input_hasInteractiveIcon_get() {
|
|
8533
8816
|
return (typeof this.type === 'string' &&
|
|
8534
8817
|
['month', 'time', 'date', 'datetime-local', 'week', 'password'].includes(this.type));
|
|
@@ -8553,7 +8836,7 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
|
|
|
8553
8836
|
__classPrivateFieldGet$h(this, _Input_input, "f").value = '';
|
|
8554
8837
|
};
|
|
8555
8838
|
|
|
8556
|
-
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{
|
|
8839
|
+
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)}";
|
|
8557
8840
|
|
|
8558
8841
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
8559
8842
|
//
|
|
@@ -8641,12 +8924,12 @@ class Label {
|
|
|
8641
8924
|
__classPrivateFieldGet$g(this, _Label_ro, "f").disconnect();
|
|
8642
8925
|
}
|
|
8643
8926
|
render() {
|
|
8644
|
-
return (hAsync("span", { key: '
|
|
8927
|
+
return (hAsync("span", { key: '0915703faa9ab405d9906f6620bfa19d78fbfca2', class: {
|
|
8645
8928
|
'qds-inline': this.inline,
|
|
8646
8929
|
'qds-label': true,
|
|
8647
8930
|
}, "data-size": __classPrivateFieldGet$g(this, _Label_instances, "a", _Label_computedSize_get), "data-importance": __classPrivateFieldGet$g(this, _Label_instances, "a", _Label_computedImportance_get), ref: __classPrivateFieldGet$g(this, _Label_labelRef, "f"),
|
|
8648
8931
|
// eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
|
|
8649
|
-
tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '
|
|
8932
|
+
tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: 'd0a36929ba2e813923e5e28c5d13f9f62203637b', class: "qds-required" }, "*"), hAsync("span", { key: '0dd2a08b4c5458408aaa30fe241fc807920dd50c', class: "qds-text", ref: __classPrivateFieldGet$g(this, _Label_spanRef, "f") }, this.text), this.tooltip && (hAsync("qds-tooltip", { key: '68050637f772a80cae98db77c10fb7d42a507dca', "aria-hidden": "true", ref: __classPrivateFieldGet$g(this, _Label_tooltipRef, "f") }, this.text))));
|
|
8650
8933
|
}
|
|
8651
8934
|
static get watchers() { return {
|
|
8652
8935
|
"text": ["textChanged"]
|
|
@@ -8692,7 +8975,7 @@ _Label_label = new WeakMap(), _Label_ro = new WeakMap(), _Label_span = new WeakM
|
|
|
8692
8975
|
}
|
|
8693
8976
|
};
|
|
8694
8977
|
|
|
8695
|
-
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:has(input:focus-visible){border-radius:var(--qds-
|
|
8978
|
+
const listItemCss = ":host([hidden]){display:none!important}:host{display:block}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-indented-content,.qds-list-item{align-items:center;border-radius:var(--qds-control-border-radius);box-sizing:border-box}.qds-indented-content{align-self:stretch;cursor:default;display:flex;flex:1 0}.qds-destination{transform:scaleX(var(--qds-direction-factor,1))}.qds-icon,.qds-main-icon{color:var(--qds-theme-text-standard)}.qds-picture{flex-shrink:0}.qds-texts{display:flex;flex:1 0;flex-direction:column;justify-items:center;padding:0;position:relative}.qds-input{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:var(--qds-control-border-radius);inset:0;margin:0;outline:none;position:absolute}.qds-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.qds-title,.qds-tooltip-title{color:var(--qds-theme-title)}.qds-subtitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.qds-subtitle,.qds-tooltip-subtitle{color:var(--qds-theme-subtitle)}.qds-kicker{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.qds-kicker,.qds-tooltip-kicker{color:var(--qds-theme-kicker)}.qds-draggable{cursor:grab}.qds-cursor-pointer{cursor:pointer}[data-size=small] .qds-indented-content{gap:var(--qds-list-item-small-gap-internal);min-height:var(--qds-list-item-small-height);padding:var(--qds-list-item-small-padding-vertical) var(--qds-list-item-small-padding-horizontal)}[data-size=small] .qds-icon{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small] .qds-main-icon{height:var(--qds-list-item-small-icon-size);width:var(--qds-list-item-small-icon-size)}[data-size=small] .qds-texts{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-kicker,[data-size=small] .qds-tooltip-kicker{font:var(--qds-list-item-small-kicker)}[data-size=small] .qds-title,[data-size=small] .qds-tooltip-title{font:var(--qds-list-item-small-title)}[data-size=small] .qds-subtitle,[data-size=small] .qds-tooltip-subtitle{font:var(--qds-list-item-small-subtitle)}[data-size=small] .qds-picture{height:var(--qds-list-item-small-picture-size);width:var(--qds-list-item-small-picture-size)}[data-size=standard] .qds-indented-content{gap:var(--qds-list-item-standard-gap-internal);min-height:var(--qds-list-item-standard-height);padding:var(--qds-list-item-standard-padding-vertical) var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .qds-icon{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard] .qds-main-icon{height:var(--qds-list-item-standard-icon-size);width:var(--qds-list-item-standard-icon-size)}[data-size=standard] .qds-texts{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-kicker,[data-size=standard] .qds-tooltip-kicker{font:var(--qds-list-item-standard-kicker)}[data-size=standard] .qds-title,[data-size=standard] .qds-tooltip-title{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-subtitle,[data-size=standard] .qds-tooltip-subtitle{font:var(--qds-list-item-standard-subtitle)}[data-size=standard] .qds-picture{height:var(--qds-list-item-standard-picture-size);width:var(--qds-list-item-standard-picture-size)}[data-size=large] .qds-indented-content{gap:var(--qds-list-item-large-gap-internal);min-height:var(--qds-list-item-large-height);padding:var(--qds-list-item-large-padding-vertical) var(--qds-list-item-large-padding-horizontal)}[data-size=large] .qds-icon{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large] .qds-main-icon{height:var(--qds-list-item-large-icon-size);width:var(--qds-list-item-large-icon-size)}[data-size=large] .qds-texts{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-kicker,[data-size=large] .qds-tooltip-kicker{font:var(--qds-list-item-large-kicker)}[data-size=large] .qds-title,[data-size=large] .qds-tooltip-title{font:var(--qds-list-item-large-title)}[data-size=large] .qds-subtitle,[data-size=large] .qds-tooltip-subtitle{font:var(--qds-list-item-large-subtitle)}[data-size=large] .qds-picture{height:var(--qds-list-item-large-picture-size);width:var(--qds-list-item-large-picture-size)}.qds-list-item{display:block}.qds-list-item:has(input: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-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)}";
|
|
8696
8979
|
|
|
8697
8980
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
8698
8981
|
//
|
|
@@ -8748,6 +9031,10 @@ class ListItem {
|
|
|
8748
9031
|
* The name of a registered icon library.
|
|
8749
9032
|
*/
|
|
8750
9033
|
this.iconLibrary = 'default';
|
|
9034
|
+
/**
|
|
9035
|
+
* The type of list-level action that the list item supports
|
|
9036
|
+
*/
|
|
9037
|
+
this.listAction = 'select';
|
|
8751
9038
|
/**
|
|
8752
9039
|
* The list items's size.
|
|
8753
9040
|
*/
|
|
@@ -8911,16 +9198,16 @@ class ListItem {
|
|
|
8911
9198
|
this.subtitleChanged();
|
|
8912
9199
|
}
|
|
8913
9200
|
render() {
|
|
8914
|
-
return (hAsync(Host, { key: '
|
|
9201
|
+
return (hAsync(Host, { key: '99f36686ee32cc9a38e51be2ae5802f5858b01e5' }, hAsync("div", { key: 'b4a5356f6120fb623a986093c26c23d764ae667f', class: {
|
|
8915
9202
|
'qds-list-item': true,
|
|
8916
9203
|
'qds-has-submenu': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get),
|
|
8917
9204
|
'qds-disabled': this.disabled,
|
|
8918
9205
|
'qds-selected': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSelected_get),
|
|
8919
|
-
'qds-static': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) ===
|
|
8920
|
-
}, "data-size": __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '
|
|
9206
|
+
'qds-static': __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'none',
|
|
9207
|
+
}, "data-size": __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSize_get) }, hAsync("div", { key: '5ce35efc68ee8a5c0790ee8a8ad3856796b012f7', class: {
|
|
8921
9208
|
'qds-indented-content': true,
|
|
8922
|
-
'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !==
|
|
8923
|
-
} }, __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: '
|
|
9209
|
+
'qds-cursor-pointer': !this.disabled && __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) !== 'none',
|
|
9210
|
+
} }, __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: 'df66d3ffa8b57afc9dc75557a1f65d0ad1c76371', checked: this.selected, indeterminate: this.indeterminate, size: this.size, text: this.text, disabled: this.disabled, checkboxOnly: true, onQdsChange: __classPrivateFieldGet$f(this, _ListItem_onCheck, "f"), ref: __classPrivateFieldGet$f(this, _ListItem_checkboxRef, "f") })), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'radio' && (hAsync("qds-radio", { key: 'c8424de633e228af76945c89fb677049f9a20df2', checked: this.selected, size: this.size, onQdsChange: __classPrivateFieldGet$f(this, _ListItem_onSelect, "f"), disabled: this.disabled, "aria-label": this.text, ref: __classPrivateFieldGet$f(this, _ListItem_radioRef, "f") })), this.host.draggable && (hAsync("qds-icon", { key: '02bf7560644814586b6f7435f2acabb345441252', "aria-hidden": "true", class: "qds-icon qds-list-action qds-draggable", library: "core", name: "draggable" })), this.imageSrc !== undefined && this.imageSrc !== '' && (hAsync("img", { key: '05ede1e4764712385a88aafca3a5e44f349c926b', class: "qds-picture", src: this.imageSrc, alt: "" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '4e9d37dc8ff341fe0a4b2ed9a5f0d159fac7236e', "aria-hidden": "true", class: "qds-main-icon", library: this.iconLibrary, name: this.iconName })), this.avatarSrc !== undefined && this.avatarSrc !== '' && (hAsync("qds-avatar-media", { key: '43185be061f22c0ca9c81f62af0c8bc9b3a6d12b', class: "qds-picture", src: this.avatarSrc })), hAsync("div", { key: 'afbd7e452d90ab88993e1021c1fbc4c7d13c523d', class: "qds-texts", role: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 'option' : undefined, tabIndex: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'select' ? 0 : undefined, onFocus: __classPrivateFieldGet$f(this, _ListItem_onFocus, "f"), onBlur: __classPrivateFieldGet$f(this, _ListItem_onBlur, "f") }, this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: '6b254fd8cd7964793797457fbc8d5f5d4154bf99', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: '7e34819185cc768959fe530a87c46b096f294381', class: "qds-title", ref: __classPrivateFieldGet$f(this, _ListItem_divTitleRef, "f") }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '1a64ca77e4568e2f46e7ba8ad179c1aefa295533', class: "qds-subtitle", ref: __classPrivateFieldGet$f(this, _ListItem_divSubtitleRef, "f") }, this.subtitle))), this.badge !== undefined && this.badge !== '' && (hAsync("qds-badge-counter", { key: 'a2a5f57a5ba9ec33f37f6c7e9e8e96a3fef3f9f3', size: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedSize_get), strokeRing: true, value: this.badge, description: this.badgeDescription })), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-icon-button", { key: '6033e39f89eba0948af9bc9849199b01a204732a', iconName: "dots-3-vertical", importance: "subdued", "aria-label": "more actions", disabled: this.disabled, ref: __classPrivateFieldGet$f(this, _ListItem_iconButtonRef, "f") })), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (hAsync("qds-icon", { key: '86460c389a3fa13e248c62fd625cd3f6de8e285e', "aria-hidden": "true", class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))), __classPrivateFieldGet$f(this, _ListItem_instances, "a", _ListItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '81f979d2b5387e5faaa5f27b4ca7d1f36a52ba86', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$f(this, _ListItem_iconButtonRef, "f"), role: "group" }, hAsync("slot", { key: 'b9b2289146dcc1778b121f774c9ff1f30916b644', onSlotchange: __classPrivateFieldGet$f(this, _ListItem_onSlotChange, "f") }))), this.showDivider && hAsync("qds-divider", { key: '1812d6763c25b15b1216309cf71bf990d7d42de0' }), (this.textTooltip || this.subtitleTooltip) && (hAsync("qds-tooltip", { key: '862dbdc2c70c234ca1e0394b4fa6913439c3e613', "aria-hidden": "true", ref: __classPrivateFieldGet$f(this, _ListItem_textTooltipRef, "f") }, hAsync("div", { key: '56c16a4201775add9b0f2b4fce07398c6175141b', class: "qds-tooltip-kicker" }, this.kicker), hAsync("div", { key: '7f2f614e222cff86cab5aac44683e1c50c334ae0', class: "qds-tooltip-title" }, this.text), hAsync("div", { key: 'c20a4b0210a406b9dece20a6f92fd13bd7874853', class: "qds-tooltip-subtitle" }, this.subtitle))))));
|
|
8924
9211
|
}
|
|
8925
9212
|
get host() { return getElement(this); }
|
|
8926
9213
|
static get watchers() { return {
|
|
@@ -8974,11 +9261,12 @@ _ListItem_roText = new WeakMap(), _ListItem_roSubTitle = new WeakMap(), _ListIte
|
|
|
8974
9261
|
switch (this.listAction) {
|
|
8975
9262
|
case 'radio':
|
|
8976
9263
|
case 'multiselect':
|
|
8977
|
-
case 'select':
|
|
9264
|
+
case 'select':
|
|
9265
|
+
case 'none': {
|
|
8978
9266
|
return this.listAction;
|
|
8979
9267
|
}
|
|
8980
9268
|
default: {
|
|
8981
|
-
return
|
|
9269
|
+
return 'select';
|
|
8982
9270
|
}
|
|
8983
9271
|
}
|
|
8984
9272
|
}, _ListItem_computedSelected_get = function _ListItem_computedSelected_get() {
|
|
@@ -9131,7 +9419,7 @@ _Loader_instances = new WeakSet(), _Loader_computedSize_get = function _Loader_c
|
|
|
9131
9419
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
9132
9420
|
};
|
|
9133
9421
|
|
|
9134
|
-
const menuItemCss = ":host([hidden]){display:none!important}:host{display:block}:host(:focus-visible){border-radius:var(--qds-
|
|
9422
|
+
const menuItemCss = ":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-menu-item-container{align-items:center;display:flex;flex-grow:1}.qds-disabled{cursor:not-allowed;opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{color:var(--qds-theme-text-standard)}.qds-text{color:var(--qds-theme-title);flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-shortcut{color:var(--qds-theme-text-subdued)}[data-size=small] .qds-menu-item-container{gap:var(--qds-list-item-small-gap-internal);padding-block:var(--qds-list-item-small-padding-vertical);padding-inline:var(--qds-list-item-small-padding-horizontal)}[data-size=small] .menu-item-checkable,[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)}[data-size=standard] .qds-menu-item-container{gap:var(--qds-list-item-standard-gap-internal);padding-block:var(--qds-list-item-standard-padding-vertical);padding-inline:var(--qds-list-item-standard-padding-horizontal)}[data-size=standard] .menu-item-checkable,[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)}[data-size=large] .qds-menu-item-container{gap:var(--qds-list-item-large-gap-internal);padding-block:var(--qds-list-item-large-padding-vertical);padding-inline:var(--qds-list-item-large-padding-horizontal)}[data-size=large] .menu-item-checkable,[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)}.qds-menu-item{align-items:center;-webkit-appearance:none;appearance:none;border:none;border-radius:var(--qds-control-border-radius);box-sizing:border-box;color:var(--qds-theme-text-standard);cursor:pointer;display:flex;flex-grow:1;text-align:initial;-webkit-text-decoration:none;text-decoration:none}.qds-menu-item:not(.qds-selected):not(.qds-disabled):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-menu-item:not(.qds-selected):not(.qds-disabled):active{background-color:var(--qds-theme-interactive-background-pressed)}";
|
|
9135
9423
|
|
|
9136
9424
|
// SPDX-FileCopyrightText: © 2025 Schneider Electric
|
|
9137
9425
|
//
|
|
@@ -9246,11 +9534,11 @@ class MenuItem {
|
|
|
9246
9534
|
this.disabledChanged();
|
|
9247
9535
|
}
|
|
9248
9536
|
render() {
|
|
9249
|
-
return (hAsync("div", { key: '
|
|
9537
|
+
return (hAsync("div", { key: 'e54aff263b4a16ab0813f0e4a40c4bc6bc87c01e', class: {
|
|
9250
9538
|
'qds-menu-item': true,
|
|
9251
9539
|
'qds-disabled': __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedDisabled_get),
|
|
9252
9540
|
'qds-has-submenu': __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get),
|
|
9253
|
-
}, ref: __classPrivateFieldGet$d(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: '
|
|
9541
|
+
}, ref: __classPrivateFieldGet$d(this, _MenuItem_menuitemDivRef, "f"), "data-size": __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedSize_get), "aria-hidden": "true" }, hAsync("div", { key: 'f1ca639c4d2e9385f4d5ba503ca13413c24251ce', class: "qds-menu-item-container" }, __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedCheckable_get) && !__classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("span", { key: 'dba849a7a6d9062244d19ccb3dfac13d12195876', class: "menu-item-checkable" })), __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_computedChecked_get) && (hAsync("qds-icon", { key: 'fc847ff5705ea1bb6a7b384b590b6ce4c76175ae', class: "qds-icon", library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '7a1cd69109e3c3837df64272bd4b72d249d5866b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: 'c3add5ddbc75e2bb2eec84b641e0a02580c89cd0', class: "qds-text", ref: __classPrivateFieldGet$d(this, _MenuItem_spanRef, "f") }, this.text), this.shortcut !== undefined && this.shortcut !== '' && (hAsync("span", { key: '430a3a0832821451a080136b5213cb47eb41ba95', class: "qds-shortcut" }, this.shortcut)), __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-icon", { key: 'bc39a7cf4dbd978f8e18804fd251edeaa4c7edce', class: "qds-icon", library: "core", name: "navigation" }))), __classPrivateFieldGet$d(this, _MenuItem_instances, "a", _MenuItem_hasSubmenu_get) && (hAsync("qds-dropdown", { key: '5cc32a9271a5d1b22fb23f029537ebf44586e935', class: "qds-accessory qds-related", placement: "right-start", target: __classPrivateFieldGet$d(this, _MenuItem_menuitemDivRef, "f") }, hAsync("slot", { key: '1d410d3ed04ef79c17983e190ed1f76899d19d6f' }))), this.tooltip && (hAsync("qds-tooltip", { key: '2058e63dd15bceb524f3b76b1ec8a5c9f547c6e9', ref: __classPrivateFieldGet$d(this, _MenuItem_tooltipRef, "f") }, this.text))));
|
|
9254
9542
|
}
|
|
9255
9543
|
get host() { return getElement(this); }
|
|
9256
9544
|
static get watchers() { return {
|
|
@@ -9406,7 +9694,7 @@ class MiniButton {
|
|
|
9406
9694
|
}
|
|
9407
9695
|
render() {
|
|
9408
9696
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
9409
|
-
return (hAsync(Tag, { key: '
|
|
9697
|
+
return (hAsync(Tag, { key: '670347ad3f469e3b7d8d8cc30774c3c208c4dd08', type: Tag === 'a' ? undefined : 'button', class: "qds-mini-button", href: Tag === 'a' ? this.href : undefined, rel: Tag === 'a' ? this.rel : undefined, disabled: __classPrivateFieldGet$c(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 })));
|
|
9410
9698
|
}
|
|
9411
9699
|
static get formAssociated() { return true; }
|
|
9412
9700
|
get host() { return getElement(this); }
|
|
@@ -9531,7 +9819,7 @@ class ProgressBar {
|
|
|
9531
9819
|
this.valueChanged();
|
|
9532
9820
|
}
|
|
9533
9821
|
render() {
|
|
9534
|
-
return (hAsync("div", { key: '
|
|
9822
|
+
return (hAsync("div", { key: '1f594b08dadc74c480d08f43bd9351225871990b', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$b(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, hAsync("div", { key: '5bcba1c692dde87d29f842ab572d3b36b58dbe43', class: {
|
|
9535
9823
|
'qds-bar': true,
|
|
9536
9824
|
'qds-indeterminate': __classPrivateFieldGet$b(this, _ProgressBar_position, "f") === -1,
|
|
9537
9825
|
}, "data-size": __classPrivateFieldGet$b(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
|
|
@@ -9581,7 +9869,7 @@ _ProgressBar_localMax = new WeakMap(), _ProgressBar_localValue = new WeakMap(),
|
|
|
9581
9869
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
9582
9870
|
};
|
|
9583
9871
|
|
|
9584
|
-
const breadcrumbItemCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-
|
|
9872
|
+
const breadcrumbItemCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-breadcrumb-item{align-items:center;display:inline-flex;font:var(--qds-control-standard-text);gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-standard-height);width:inherit}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-icon{flex-shrink:0;height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-divider{margin-inline:auto}.qds-overflow{line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}";
|
|
9585
9873
|
|
|
9586
9874
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9587
9875
|
//
|
|
@@ -9602,7 +9890,7 @@ var __classPrivateFieldSet$9 = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
9602
9890
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
9603
9891
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
9604
9892
|
};
|
|
9605
|
-
var _QdsBreadcrumbItem_instances, _QdsBreadcrumbItem_breadcrumbItem, _QdsBreadcrumbItem_ro, _QdsBreadcrumbItem_span, _QdsBreadcrumbItem_computedDisabled_get, _QdsBreadcrumbItem_renderAnchor, _QdsBreadcrumbItem_renderText, _QdsBreadcrumbItem_breadcrumbItemRef, _QdsBreadcrumbItem_spanRef, _QdsBreadcrumbItem_tooltipRef;
|
|
9893
|
+
var _QdsBreadcrumbItem_instances, _QdsBreadcrumbItem_breadcrumbItem, _QdsBreadcrumbItem_ro, _QdsBreadcrumbItem_span, _QdsBreadcrumbItem_computedDisabled_get, _QdsBreadcrumbItem_isCurrentPage_get, _QdsBreadcrumbItem_renderAnchor, _QdsBreadcrumbItem_renderText, _QdsBreadcrumbItem_breadcrumbItemRef, _QdsBreadcrumbItem_spanRef, _QdsBreadcrumbItem_tooltipRef;
|
|
9606
9894
|
/**
|
|
9607
9895
|
* The `<qds-breadcrumb-item>` element is used as a navigational aid that is
|
|
9608
9896
|
* typically placed between a site's header and the main content, displaying
|
|
@@ -9681,10 +9969,12 @@ class QdsBreadcrumbItem {
|
|
|
9681
9969
|
__classPrivateFieldGet$a(this, _QdsBreadcrumbItem_ro, "f").disconnect();
|
|
9682
9970
|
}
|
|
9683
9971
|
render() {
|
|
9684
|
-
return (hAsync("div", { key: '
|
|
9972
|
+
return (hAsync("div", { key: '98651d2afead065d1dc9955fecbba5a3c56b9c99', class: {
|
|
9685
9973
|
'qds-breadcrumb-item': true,
|
|
9686
9974
|
'qds-disabled': __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_computedDisabled_get),
|
|
9687
|
-
}, ref: this.href === undefined ? __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '
|
|
9975
|
+
}, ref: this.href === undefined ? __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '148c315f31e52b9766689d8f0bed862cf1d96e28', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.href === undefined || __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "a", _QdsBreadcrumbItem_isCurrentPage_get)
|
|
9976
|
+
? __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderText).call(this)
|
|
9977
|
+
: __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderAnchor).call(this), this.tooltip && (hAsync("qds-tooltip", { key: 'b17a3515b3f6c786bfdd16f4e01e951c477c1c66', "aria-hidden": "true", ref: __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_tooltipRef, "f") }, this.text))));
|
|
9688
9978
|
}
|
|
9689
9979
|
static get delegatesFocus() { return true; }
|
|
9690
9980
|
static get watchers() { return {
|
|
@@ -9714,13 +10004,17 @@ class QdsBreadcrumbItem {
|
|
|
9714
10004
|
}
|
|
9715
10005
|
_QdsBreadcrumbItem_breadcrumbItem = new WeakMap(), _QdsBreadcrumbItem_ro = new WeakMap(), _QdsBreadcrumbItem_span = new WeakMap(), _QdsBreadcrumbItem_breadcrumbItemRef = new WeakMap(), _QdsBreadcrumbItem_spanRef = new WeakMap(), _QdsBreadcrumbItem_tooltipRef = new WeakMap(), _QdsBreadcrumbItem_instances = new WeakSet(), _QdsBreadcrumbItem_computedDisabled_get = function _QdsBreadcrumbItem_computedDisabled_get() {
|
|
9716
10006
|
return this.disabled;
|
|
10007
|
+
}, _QdsBreadcrumbItem_isCurrentPage_get = function _QdsBreadcrumbItem_isCurrentPage_get() {
|
|
10008
|
+
if (this.href === undefined)
|
|
10009
|
+
return false;
|
|
10010
|
+
return isCurrentPage(this.href);
|
|
9717
10011
|
}, _QdsBreadcrumbItem_renderAnchor = function _QdsBreadcrumbItem_renderAnchor() {
|
|
9718
10012
|
return (hAsync(Fragment, null, hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$a(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$a(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f"), target: this.target }, this.text)), hAsync("span", { "aria-hidden": "true", class: "qds-divider" }, "/")));
|
|
9719
10013
|
}, _QdsBreadcrumbItem_renderText = function _QdsBreadcrumbItem_renderText() {
|
|
9720
10014
|
return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$a(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
|
|
9721
10015
|
};
|
|
9722
10016
|
|
|
9723
|
-
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:
|
|
10017
|
+
const radioCss = "[hidden].sc-qds-radio-h{display:none!important}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-icon.sc-qds-radio,.qds-radio.sc-qds-radio{grid-area:e;place-self:center}.qds-icon.sc-qds-radio{display:none;pointer-events:none}.qds-container.sc-qds-radio{display:grid;grid-template-areas:\"e\"}.qds-label.sc-qds-radio{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label.sc-qds-radio:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label.sc-qds-radio:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label.sc-qds-radio:has(.qds-radio:focus-visible){box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-label-inner.sc-qds-radio{flex:1 1 auto;min-width:0;width:100%}.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}[data-size=small].sc-qds-radio{--qds-form-small-text:var(--qds-control-small-text)}.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-small-icon-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-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)}[data-size=standard].sc-qds-radio{--qds-form-standard-text:var(--qds-control-standard-text)}.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{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-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-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)}[data-size=large].sc-qds-radio{--qds-form-large-text:var(--qds-control-large-text)}.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{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-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-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)}";
|
|
9724
10018
|
|
|
9725
10019
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9726
10020
|
//
|
|
@@ -9805,12 +10099,12 @@ class Radio {
|
|
|
9805
10099
|
render() {
|
|
9806
10100
|
return (
|
|
9807
10101
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
9808
|
-
hAsync("label", { key: '
|
|
10102
|
+
hAsync("label", { key: '978a5c457627a622001bc271320bea35b884d0e5', "aria-disabled": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
|
|
9809
10103
|
'qds-inline': this.inline,
|
|
9810
10104
|
'qds-label': true,
|
|
9811
|
-
}, "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '
|
|
10105
|
+
}, "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: 'fbd24e10474b10f707f40b50955763f3f47fe641', class: "qds-container" }, hAsync("input", { key: 'd87badaed53c1c21d65b265256fdd4d4971f6e38',
|
|
9812
10106
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
9813
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet$9(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet$9(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet$9(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet$9(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet$9(this, _Radio_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '
|
|
10107
|
+
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet$9(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet$9(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet$9(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet$9(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet$9(this, _Radio_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '6ad0f0e46f80246e4ebc1b50d09c0ec2c4dfcf95', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get), library: "core", name: "checked-radio" })), __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_hasText_get) && (hAsync("qds-label", { key: '314a20e47c0ccc0841d2c02d4e4174729f3bd5e0', class: "qds-label-inner", size: __classPrivateFieldGet$9(this, _Radio_instances, "a", _Radio_computedSize_get), text: this.text }))));
|
|
9814
10108
|
}
|
|
9815
10109
|
get host() { return getElement(this); }
|
|
9816
10110
|
static get watchers() { return {
|
|
@@ -9854,7 +10148,7 @@ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio
|
|
|
9854
10148
|
return this.text !== undefined && this.text !== '';
|
|
9855
10149
|
};
|
|
9856
10150
|
|
|
9857
|
-
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:\"
|
|
10151
|
+
const selectCss = ":host([hidden]){display:none!important}:host{display:inline-block}slot{display:none}.qds-container{box-sizing:border-box;display:grid;grid-template-areas:\"j\"}.qds-container,.qds-select{width:inherit}.qds-icon,.qds-select{color:var(--qds-theme-control-text-standard);grid-area:j}.qds-icon{margin-inline-end:calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-border-width));place-self:center end;pointer-events:none}.qds-select{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-control-input-background);border-color:var(--qds-theme-control-border);border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );border-style:solid;border-width:var(--qds-control-border-width) var(--qds-control-border-width-inline-end,var(--qds-control-border-width)) var(--qds-control-border-width-block-end,var(--qds-control-border-width)) var(--qds-control-border-width);margin:0;outline:0;padding-block:0;padding-inline:var(--qds-control-input-padding-horizontal);text-overflow:ellipsis}.qds-select:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-select:disabled,.qds-select:disabled+.qds-icon{opacity:var(--qds-theme-disabled)}:is(::slotted(optgroup),::slotted(optgroup:not(:disabled)>option),::slotted(option)):disabled{opacity:var(--qds-theme-disabled)}::slotted(optgroup){font:var(--qds-accessory-section-title)}::slotted(optgroup>option),::slotted(option){font:var(--qds-list-item-label-main)}.qds-select[data-size=small]{font:var(--qds-control-small-text)}.qds-select[data-size=small]:not([multiple]){height:var(--qds-control-small-height);padding-inline-end:calc(var(--qds-control-small-icon-size) + var(--qds-text-icon-gap) + var(--qds-control-input-padding-horizontal))}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-select[data-size=standard]{font:var(--qds-control-standard-text)}.qds-select[data-size=standard]:not([multiple]){height:var(--qds-control-standard-height);padding-inline-end:calc(var(--qds-control-standard-icon-size) + var(--qds-text-icon-gap) + var(--qds-control-input-padding-horizontal))}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-select[data-size=large]{font:var(--qds-control-large-text)}.qds-select[data-size=large]:not([multiple]){height:var(--qds-control-large-height);padding-inline-end:calc(var(--qds-control-large-icon-size) + var(--qds-text-icon-gap) + var(--qds-control-input-padding-horizontal))}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-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:j;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width-block-end, var(--qds-control-border-width)));isolation:isolate;outline:var(--qds-theme-focus-border-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-control-border-width-inline-end,\n var(--qds-control-border-width)\n ))}.qds-select:focus-visible~.qds-focus-ring{visibility:visible}";
|
|
9858
10152
|
|
|
9859
10153
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9860
10154
|
//
|
|
@@ -10118,12 +10412,12 @@ class Select {
|
|
|
10118
10412
|
this.selectedIndex = __classPrivateFieldGet$8(this, _Select_select, "f").selectedIndex;
|
|
10119
10413
|
}
|
|
10120
10414
|
render() {
|
|
10121
|
-
return (hAsync("div", { key: '
|
|
10415
|
+
return (hAsync("div", { key: '8d6107fc18c16385b063199f6bdd03f032e20597', class: {
|
|
10122
10416
|
'qds-container': true,
|
|
10123
10417
|
'qds-multiple': this.multiple ?? false,
|
|
10124
|
-
}, "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: '
|
|
10418
|
+
}, "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get) }, hAsync("select", { key: 'eed0ad5d20458c3c277958a07044a5ea48b8bb5f', autoComplete: this.autoComplete,
|
|
10125
10419
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
10126
|
-
autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get), disabled: __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get), multiple: this.multiple, name: this.name, onBlur: __classPrivateFieldGet$8(this, _Select_onBlur, "f"), onChange: __classPrivateFieldGet$8(this, _Select_onChange, "f"), onFocus: __classPrivateFieldGet$8(this, _Select_onFocus, "f"), onInput: __classPrivateFieldGet$8(this, _Select_onInput, "f"), ref: __classPrivateFieldGet$8(this, _Select_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$8(this, _Select_inheritedAttributes, "f") }), this.multiple !== true && (hAsync("qds-icon", { key: '
|
|
10420
|
+
autoFocus: this.host.autofocus, class: "qds-select", "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get), disabled: __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get), multiple: this.multiple, name: this.name, onBlur: __classPrivateFieldGet$8(this, _Select_onBlur, "f"), onChange: __classPrivateFieldGet$8(this, _Select_onChange, "f"), onFocus: __classPrivateFieldGet$8(this, _Select_onFocus, "f"), onInput: __classPrivateFieldGet$8(this, _Select_onInput, "f"), ref: __classPrivateFieldGet$8(this, _Select_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedDisabled_get) ? undefined : this.tabIndex, ...__classPrivateFieldGet$8(this, _Select_inheritedAttributes, "f") }), this.multiple !== true && (hAsync("qds-icon", { key: '50aa187610f5de105fcb822177e57f12a0a1869c', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$8(this, _Select_instances, "a", _Select_computedSize_get), library: "core", name: "dropdown" })), hAsync("slot", { key: '1365b9afcf5da164da3482f5eceff99b891e4c56', onSlotchange: __classPrivateFieldGet$8(this, _Select_onSlotchange, "f") }), hAsync("div", { key: '46c4ea28c084e2ea63b68073e70a9a9e6d59a6b7', class: "qds-focus-ring" })));
|
|
10127
10421
|
}
|
|
10128
10422
|
static get delegatesFocus() { return true; }
|
|
10129
10423
|
static get formAssociated() { return true; }
|
|
@@ -10192,7 +10486,7 @@ _Select_inheritedAttributes = new WeakMap(), _Select_select = new WeakMap(), _Se
|
|
|
10192
10486
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
10193
10487
|
};
|
|
10194
10488
|
|
|
10195
|
-
const standaloneLinkCss = ":host([hidden]){display:none!important}:host{
|
|
10489
|
+
const standaloneLinkCss = ":host([hidden]){display:none!important}:host{display:inline-block}:host(:focus-visible){border-radius:var(--qds-control-border-radius);box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-icon-crop{align-items:center;display:flex;justify-content:center}.qds-icon{flex-shrink:0;transform:scaleX(var(--qds-direction-factor,1))}.qds-standalone-link{box-sizing:border-box;display:inline-flex;justify-content:center;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%}.qds-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}[data-importance=subdued]{color:var(--qds-theme-link-subdued-default)}.qds-visitable[data-importance=subdued]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=subdued]:hover{color:var(--qds-theme-link-subdued-hover)}[data-importance=subdued]:active{color:var(--qds-theme-link-subdued-pressed)}.qds-visitable[data-importance=subdued]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=subdued]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=standard]{color:var(--qds-theme-link-standard-default)}.qds-visitable[data-importance=standard]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=standard]:hover{color:var(--qds-theme-link-standard-hover)}[data-importance=standard]:active{color:var(--qds-theme-link-standard-pressed)}.qds-visitable[data-importance=standard]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=standard]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=emphasized]{color:var(--qds-theme-link-emphasized-default)}.qds-visitable[data-importance=emphasized]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=emphasized]:hover{color:var(--qds-theme-link-emphasized-hover)}[data-importance=emphasized]:active{color:var(--qds-theme-link-emphasized-pressed)}.qds-visitable[data-importance=emphasized]:visited:hover{color:var(--qds-theme-link-visited-hover)}.qds-visitable[data-importance=emphasized]:visited:active{color:var(--qds-theme-link-visited-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-standalone-link[data-size=small]{font:var(--qds-control-small-link);gap:var(--qds-control-small-gap-internal);min-height:var(--qds-control-small-height);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=small][data-importance=subdued]{font:var(--qds-control-small-text)}.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-link);gap:var(--qds-control-standard-gap-internal);min-height:var(--qds-control-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=standard][data-importance=subdued]{font:var(--qds-control-standard-text)}.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-link);gap:var(--qds-control-large-gap-internal);min-height:var(--qds-control-large-height);padding-block:var(--qds-control-large-padding-auto-height)}[data-size=large][data-importance=subdued]{font:var(--qds-control-large-text)}.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)}";
|
|
10196
10490
|
|
|
10197
10491
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10198
10492
|
//
|
|
@@ -10321,11 +10615,11 @@ class StandaloneLink {
|
|
|
10321
10615
|
__classPrivateFieldGet$7(this, _StandaloneLink_updateAriaLabelElements, "f").call(this);
|
|
10322
10616
|
}
|
|
10323
10617
|
render() {
|
|
10324
|
-
return (hAsync("a", { key: '
|
|
10618
|
+
return (hAsync("a", { key: 'dc1e8db62a1893f103cf03b24f639db8d09a5454', "aria-hidden": "true", class: {
|
|
10325
10619
|
'qds-standalone-link': true,
|
|
10326
10620
|
'qds-disabled': this.disabled,
|
|
10327
10621
|
'qds-visitable': this.visitable,
|
|
10328
|
-
}, "data-importance": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$7(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$7(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$7(this, _StandaloneLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: '
|
|
10622
|
+
}, "data-importance": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$7(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$7(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: -1, target: this.target, ref: __classPrivateFieldGet$7(this, _StandaloneLink_linkRef, "f") }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: '3e6bbe2a44aaff89c3c4926dfe7d304fb1127eed', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'f3b83f6c7eafde02e02f911fb7796857dacf0946', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: 'c6c32e22cfa04c92d1c8b0de69311263b10b3f26', class: "qds-text" }, hAsync("slot", { key: '987a9448380afd4072c948885eec2efaf0b36aea', onSlotchange: __classPrivateFieldGet$7(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: 'ed0b3ff454c5aea8decb4f339cef8d91edb8e480', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '21841f5a4934ef4e9c4594f7e27dc39efd82219c', "aria-hidden": "true", class: "qds-icon", library: "core", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), name: this.linkIcon }))), this.importance === 'emphasized' && (hAsync("span", { key: '286a3741f4781eafc2948d1861fbc1145bc8166c', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '02dacf940797a8f3973cfb599b1dcda2d9831ae7', class: "qds-icon", "aria-hidden": "true", "data-size": __classPrivateFieldGet$7(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
|
|
10329
10623
|
}
|
|
10330
10624
|
get host() { return getElement(this); }
|
|
10331
10625
|
static get watchers() { return {
|
|
@@ -10383,7 +10677,7 @@ _StandaloneLink_savedTabIndex = new WeakMap(), _StandaloneLink_link = new WeakMa
|
|
|
10383
10677
|
return this.target === '_blank';
|
|
10384
10678
|
};
|
|
10385
10679
|
|
|
10386
|
-
const switchCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-knob,.qds-track{-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-track{align-items:center;background-color:var(--qds-theme-control-toggle-track-default);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;display:flex;flex-shrink:0;padding-inline:var(--qds-control-toggle-track-padding)}.qds-track:hover{background-color:var(--qds-theme-control-toggle-track-hover)}.qds-track:active{background-color:var(--qds-theme-control-toggle-track-pressed)}.qds-knob-container{align-items:center;align-self:stretch;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-block:var(--qds-control-toggle-track-padding)}.qds-knob{background-color:var(--qds-theme-control-input-background);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;height:100%;margin:0}.qds-indicator{
|
|
10680
|
+
const switchCss = ":host([hidden]){display:none!important}:host{display:inline-block;outline:none}.qds-knob,.qds-track{-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-track{align-items:center;background-color:var(--qds-theme-control-toggle-track-default);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;display:flex;flex-shrink:0;padding-inline:var(--qds-control-toggle-track-padding)}.qds-track:hover{background-color:var(--qds-theme-control-toggle-track-hover)}.qds-track:active{background-color:var(--qds-theme-control-toggle-track-pressed)}.qds-knob-container{align-items:center;align-self:stretch;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-block:var(--qds-control-toggle-track-padding)}.qds-knob{background-color:var(--qds-theme-control-input-background);border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;height:100%;margin:0}.qds-indicator{color:var(--qds-theme-control-input-background);flex-grow:1;justify-content:center;padding-block:var(--qds-control-toggle-track-padding)}.qds-container,.qds-indicator{align-items:center;display:flex}.qds-container{box-sizing:border-box;cursor:pointer}.qds-switch{clip-path:inset(50%);height:1px;margin:0;position:absolute;white-space:nowrap;width:1px}.qds-switch:checked~.qds-track{background-color:var(--qds-theme-signature-color-default);justify-content:flex-end}.qds-switch:checked~.qds-track:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-switch:checked~.qds-track:active{background-color:var(--qds-theme-signature-color-pressed)}:host(:focus-visible) .qds-switch~.qds-track{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-container[data-size=small]{min-height:var(--qds-control-toggle-small-height)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height);padding-block:var(--qds-control-small-padding-auto-height)}.qds-track[data-size=small]{height:var(--qds-control-toggle-small-track-height);width:var(--qds-control-toggle-small-track-width)}.qds-knob[data-size=small]{width:var(--qds-control-toggle-small-knob-width)}.qds-indicator[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-container[data-size=standard]{min-height:var(--qds-control-toggle-standard-height)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height);padding-block:var(--qds-control-standard-padding-auto-height)}.qds-track[data-size=standard]{height:var(--qds-control-toggle-standard-track-height);width:var(--qds-control-toggle-standard-track-width)}.qds-knob[data-size=standard]{width:var(--qds-control-toggle-standard-knob-width)}.qds-indicator[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-container[data-size=large]{min-height:var(--qds-control-toggle-large-height)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height);padding-block:var(--qds-control-large-padding-auto-height)}.qds-track[data-size=large]{height:var(--qds-control-toggle-large-track-height);width:var(--qds-control-toggle-large-track-width)}.qds-knob[data-size=large]{width:var(--qds-control-toggle-large-knob-width)}.qds-indicator[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}";
|
|
10387
10681
|
|
|
10388
10682
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10389
10683
|
//
|
|
@@ -10560,13 +10854,13 @@ class Switch {
|
|
|
10560
10854
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
10561
10855
|
}
|
|
10562
10856
|
render() {
|
|
10563
|
-
return (hAsync("div", { key: '
|
|
10857
|
+
return (hAsync("div", { key: '64c7d772d4d373d571c7f34d024504844b60670c', class: {
|
|
10564
10858
|
'qds-container': true,
|
|
10565
10859
|
'qds-disabled': __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedDisabled_get),
|
|
10566
10860
|
'qds-inline': this.inline,
|
|
10567
|
-
}, "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: '
|
|
10861
|
+
}, "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get), "aria-hidden": "true" }, hAsync("input", { key: 'd951525c1afdc906bd9868d22a6e251121200195', "aria-hidden": "true",
|
|
10568
10862
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
10569
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: '
|
|
10863
|
+
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, type: "checkbox", value: this.value ?? undefined, tabIndex: -1 }), hAsync("div", { key: 'ccfac11cd050fcc255590f8959364bf999896ec4', class: "qds-track", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) }, !this.noIndicator && __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '7f499d8851fa9e65f551b931ab3e34324678afa2', class: "qds-indicator", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: 'fac18cb7058ba3ea9523047b8506b12b21e0c211', class: "qds-icon", name: "toggle-on", library: "core" }))), hAsync("div", { key: '6388b6f366937c84b4099f204b7931b0c037d36b', class: "qds-knob-container" }, hAsync("div", { key: '8dadbfa06c4cb23d35f6c2e6feee91b21a6239c0', class: "qds-knob", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) })), !this.noIndicator && !__classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedChecked_get) && (hAsync("div", { key: '0c3250b9a8fca5d64c9232da5d987f71e6622e96', class: "qds-indicator", "data-size": __classPrivateFieldGet$6(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("qds-icon", { key: 'cf7d4acfc74c39a3eff1860b316c6ce94be6e78b', class: "qds-icon", name: "toggle-off", library: "core" }))))));
|
|
10570
10864
|
}
|
|
10571
10865
|
static get formAssociated() { return true; }
|
|
10572
10866
|
get host() { return getElement(this); }
|
|
@@ -10627,7 +10921,7 @@ _Switch_savedTabIndex = new WeakMap(), _Switch_instances = new WeakSet(), _Switc
|
|
|
10627
10921
|
null);
|
|
10628
10922
|
};
|
|
10629
10923
|
|
|
10630
|
-
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{-webkit-appearance:none;appearance:none;background-color:initial;border:none;cursor:pointer;padding:0;pointer-events:auto}.qds-target:disabled{pointer-events:none}.qds-target:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset: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-target,.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-indicator{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}.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-collapse[data-size=small]{min-width:var(--qds-nav-element-small-height)}.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]{--qds-experimental-icon-click-target-size:var(--qds-control-small-height);height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.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-collapse[data-size=standard]{min-width:var(--qds-nav-element-standard-height)}.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]{--qds-experimental-icon-click-target-size:var(\n --qds-control-standard-height\n );height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.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-collapse[data-size=large]{min-width:var(--qds-nav-element-large-height)}.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]{--qds-experimental-icon-click-target-size:var(--qds-control-large-height);height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-selected.qds-closable-wrapper[data-importance=emphasized],.qds-selected.qds-tab[data-importance=emphasized]{background-color:var(--qds-theme-control-background)}[data-importance=emphasized][data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title-emphasized)}[data-importance=emphasized][data-size=small] .qds-text{font:var(--qds-nav-element-small-title-emphasized)}[data-importance=emphasized][data-size=large] .qds-text{font:var(--qds-nav-element-large-title-emphasized)}[data-importance=emphasized] .qds-icon,[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-title)}:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after{border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";display:block;position:absolute}.qds-indicator-inline-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after,.qds-indicator-inline-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after{height:100%;width:var(--qds-signature-line-connection-width)}.qds-indicator-inline-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after{inset-inline-end:0}.qds-indicator-inline-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after{inset-inline-start:0}.qds-indicator-block-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after,.qds-indicator-block-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after{height:var(--qds-signature-line-connection-width);width:100%}.qds-indicator-block-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):after{bottom:0}.qds-indicator-block-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-selected[data-importance=emphasized],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],.qds-closable-wrapper[data-importance=emphasized],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover,[data-importance=emphasized] .qds-tab:hover):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)}[data-importance=emphasized]:hover:after,[data-importance=standard]:hover:after{background-color:var(--qds-theme-signature-color-hover)}[data-importance=emphasized]:active:after,[data-importance=standard]:active:after{background-color:var(--qds-theme-signature-color-pressed)}.qds-selected[data-importance=emphasized]:after,.qds-selected[data-importance=standard]:after{background-color:var(--qds-theme-signature-color-default)}.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-tab.qds-icon-only{padding-inline:0}.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)}.qds-hidden{display:none}";
|
|
10924
|
+
const tabCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}:host(:focus-visible){border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-target-icon{color:var(--qds-theme-control-text-standard)}.qds-icon,.qds-target-icon{flex-shrink:0}.qds-chevron{transform:rotate(180deg)}.qds-selected:hover{background-color:var(--qds-theme-interactive-background-selected-hover)}.qds-selected:active{background-color:var(--qds-theme-interactive-background-selected-pressed)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab,.qds-texts{display:flex}.qds-texts{flex:1 0;flex-direction:column}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-subtitle{color:var(--qds-theme-subtitle);font:var(--qds-nav-element-standard-subtitle)}.qds-closable-wrapper[data-size=small],.qds-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal);min-height:var(--qds-nav-element-small-height);padding-inline:var(--qds-nav-element-small-padding-horizontal)}.qds-closable-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal)}[data-size=small]>.qds-icon{height:var(--qds-nav-element-small-icon-size);width:var(--qds-nav-element-small-icon-size)}[data-size=small]>.qds-texts{gap:var(--qds-nav-element-small-titles-gap)}[data-size=small] .qds-text{font:var(--qds-nav-element-small-title)}[data-size=small] .qds-subtitle{font:var(--qds-nav-element-small-subtitle)}.qds-target-icon[data-size=small]{--qds-experimental-icon-click-target-size:var(--qds-control-small-height);height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.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]{--qds-experimental-icon-click-target-size:var(\n --qds-control-standard-height\n );height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.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]{--qds-experimental-icon-click-target-size:var(--qds-control-large-height);height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";display:block;position:absolute}.qds-indicator-inline-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after,.qds-indicator-inline-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{height:100%;width:var(--qds-signature-line-connection-width)}.qds-indicator-inline-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{inset-inline-end:0}.qds-indicator-inline-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{inset-inline-start:0}.qds-indicator-block-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after,.qds-indicator-block-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{height:var(--qds-signature-line-connection-width);width:100%}.qds-indicator-block-end:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):after{bottom:0}.qds-indicator-block-start:is(.qds-selected[data-importance=subdued],.qds-selected[data-importance=standard],.qds-closable-wrapper[data-importance=subdued],.qds-closable-wrapper[data-importance=standard],[data-importance=subdued] .qds-tab:hover,[data-importance=standard] .qds-tab:hover):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)}[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-title)}[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)}.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-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)}";
|
|
10631
10925
|
|
|
10632
10926
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
10633
10927
|
//
|
|
@@ -10648,7 +10942,7 @@ var __classPrivateFieldSet$4 = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
10648
10942
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
10649
10943
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
10650
10944
|
};
|
|
10651
|
-
var _Tab_instances,
|
|
10945
|
+
var _Tab_instances, _Tab_panel, _Tab_tab, _Tab_computedAction_get, _Tab_computedSize_get, _Tab_computedImportance_get, _Tab_parentLayer_get, _Tab_parentLevel_get, _Tab_ariaLabel_get, _Tab_computedDisabled_get, _Tab_computeCloseButtonTabIndex_get, _Tab_renderText, _Tab_tabRef, _Tab_close, _Tab_onIconClick, _Tab_onBlur, _Tab_onFocus, _Tab_defineTab, _Tab_defineGetter;
|
|
10652
10946
|
const isCounter = (value) => typeof value === 'string'
|
|
10653
10947
|
? !Number.isNaN(Number.parseFloat(value))
|
|
10654
10948
|
: typeof value === 'number';
|
|
@@ -10687,13 +10981,6 @@ class Tab {
|
|
|
10687
10981
|
* The name of a registered icon library.
|
|
10688
10982
|
*/
|
|
10689
10983
|
this.iconLibrary = 'default';
|
|
10690
|
-
/**
|
|
10691
|
-
* Displays the tab in a collapsed state without its text. The text will be
|
|
10692
|
-
* displayed in a tooltip instead.
|
|
10693
|
-
*
|
|
10694
|
-
* This property has no effect if the tab does not have an icon set.
|
|
10695
|
-
*/
|
|
10696
|
-
this.iconOnly = false;
|
|
10697
10984
|
/**
|
|
10698
10985
|
* The tab's importance.
|
|
10699
10986
|
*/
|
|
@@ -10727,40 +11014,17 @@ class Tab {
|
|
|
10727
11014
|
*/
|
|
10728
11015
|
this.size = 'standard';
|
|
10729
11016
|
this.isIndicatorOnTop = false;
|
|
10730
|
-
_Tab_div.set(this, void 0);
|
|
10731
11017
|
_Tab_panel.set(this, void 0);
|
|
10732
11018
|
_Tab_tab.set(this, void 0);
|
|
10733
|
-
_Tab_ref.set(this, (div) => {
|
|
10734
|
-
__classPrivateFieldSet$4(this, _Tab_div, div, "f");
|
|
10735
|
-
});
|
|
10736
11019
|
_Tab_tabRef.set(this, (tab) => {
|
|
10737
11020
|
__classPrivateFieldSet$4(this, _Tab_tab, tab, "f");
|
|
10738
11021
|
});
|
|
10739
|
-
_Tab_tooltipRef.set(this, (tooltip) => {
|
|
10740
|
-
if (tooltip)
|
|
10741
|
-
// eslint-disable-next-line no-param-reassign
|
|
10742
|
-
tooltip.target = __classPrivateFieldGet$5(this, _Tab_div, "f");
|
|
10743
|
-
});
|
|
10744
11022
|
_Tab_close.set(this, () => {
|
|
10745
11023
|
this.closeEmitter.emit();
|
|
10746
11024
|
});
|
|
10747
11025
|
_Tab_onIconClick.set(this, (event) => {
|
|
10748
11026
|
event.stopPropagation();
|
|
10749
|
-
|
|
10750
|
-
const closeIcon = path.find((element) => element instanceof HTMLElement &&
|
|
10751
|
-
element.classList.contains('qds-target'));
|
|
10752
|
-
if (closeIcon && !event.defaultPrevented)
|
|
10753
|
-
__classPrivateFieldGet$5(this, _Tab_close, "f").call(this);
|
|
10754
|
-
});
|
|
10755
|
-
_Tab_onIconKeyDown.set(this, (event) => {
|
|
10756
|
-
const path = event.composedPath();
|
|
10757
|
-
const closeIcon = path.find((element) => element instanceof HTMLElement &&
|
|
10758
|
-
element.classList.contains('qds-target'));
|
|
10759
|
-
if (closeIcon && (event.key === 'Enter' || event.key === ' ')) {
|
|
10760
|
-
event.preventDefault();
|
|
10761
|
-
event.stopPropagation();
|
|
10762
|
-
__classPrivateFieldGet$5(this, _Tab_close, "f").call(this);
|
|
10763
|
-
}
|
|
11027
|
+
__classPrivateFieldGet$5(this, _Tab_close, "f").call(this);
|
|
10764
11028
|
});
|
|
10765
11029
|
_Tab_onBlur.set(this, (event) => {
|
|
10766
11030
|
this.blurEmitter.emit(pickFocusEventAttributes(event));
|
|
@@ -10843,14 +11107,12 @@ class Tab {
|
|
|
10843
11107
|
: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
|
|
10844
11108
|
? 'button'
|
|
10845
11109
|
: 'div';
|
|
10846
|
-
return (hAsync("div", { key: '
|
|
11110
|
+
return (hAsync("div", { key: '93c2bf58111a278b488904a4b11067b68d406f91', "aria-disabled": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
|
|
10847
11111
|
'qds-closable-wrapper': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
10848
11112
|
'qds-selected': this.selected,
|
|
10849
11113
|
[`qds-indicator-${indicatorPosition}`]: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
10850
|
-
}, "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedImportance_get)
|
|
11114
|
+
}, "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedImportance_get) }, hAsync(Tag, { key: '3517c836cd5131bc8d127333c3c31630d848eb6f', ref: __classPrivateFieldGet$5(this, _Tab_tabRef, "f"), "aria-disabled": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, disabled: isLink ? undefined : this.disabled, onBlur: __classPrivateFieldGet$5(this, _Tab_onBlur, "f"), onFocus: __classPrivateFieldGet$5(this, _Tab_onFocus, "f"), class: {
|
|
10851
11115
|
'qds-tab': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
|
|
10852
|
-
'qds-icon-only': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_collapsed_get),
|
|
10853
|
-
'qds-collapse': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_shouldCollapse_get) && __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
|
|
10854
11116
|
'qds-closable-tab': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
10855
11117
|
'qds-selected': this.selected,
|
|
10856
11118
|
[`qds-indicator-${this.indicatorPosition}`]: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
|
|
@@ -10859,11 +11121,7 @@ class Tab {
|
|
|
10859
11121
|
? 'true'
|
|
10860
11122
|
: 'false'
|
|
10861
11123
|
: undefined, "data-importance": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedImportance_get), "data-action": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get), "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), href: isLink ? this.href : undefined }, ((this.tagText !== undefined && this.tagText !== '') ||
|
|
10862
|
-
(this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: '
|
|
10863
|
-
'qds-indicator': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_shouldCollapse_get),
|
|
10864
|
-
}, status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: 'c994f6b6bca7d6c9ddfeec83308b9584cdf98281', class: {
|
|
10865
|
-
'qds-indicator': __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_shouldCollapse_get),
|
|
10866
|
-
}, description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && (hAsync("qds-icon", { key: '78245e82916e94dcc7a87a303c35eb829ae7af90', "aria-hidden": "true", class: { 'qds-target-icon': true, 'qds-chevron': this.selected }, "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), library: "core", name: "dropdown" }))), __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable' && (hAsync("button", { key: '6f101ec21f600c31f86f32c75d76929e5b5e05af', "aria-label": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_ariaLabel_get), class: "qds-target", tabIndex: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computeCloseButtonTabIndex_get), disabled: this.disabled, onClick: __classPrivateFieldGet$5(this, _Tab_onIconClick, "f"), onKeyDown: __classPrivateFieldGet$5(this, _Tab_onIconKeyDown, "f"), type: "button" }, hAsync("qds-icon", { key: '1f1ae9a96009cd5a22188613d3f7ec4e0be30ced', "aria-hidden": "true", class: "qds-target-icon", "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), library: "core", name: "close" }))), __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_shouldCollapse_get) && this.text && (hAsync("qds-tooltip", { key: '0a4f46845d59b4f81b57664a5d546873e45a09f5', placement: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_placement_get), ref: __classPrivateFieldGet$5(this, _Tab_tooltipRef, "f") }, __classPrivateFieldGet$5(this, _Tab_instances, "m", _Tab_renderText).call(this)))));
|
|
11124
|
+
(this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: '5005da73cea5e8444d7368471602581d7c57199e', text: this.tagText, status: this.tagStatus, size: __classPrivateFieldGet$5(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: '9c0cb58bf7f37dfb5a782a4673b240e9d995f26f', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), this.text && __classPrivateFieldGet$5(this, _Tab_instances, "m", _Tab_renderText).call(this), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: 'dd80f53cd2c2cacd1a00cca7501c94ba13902e62', status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: '92cd4533c96b3bef85605b1461edf7622c80f0cd', description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && (hAsync("qds-icon", { key: 'b40ee0f2dc9db551f3b644b1996e23e30db547cf', "aria-hidden": "true", class: { 'qds-target-icon': true, 'qds-chevron': this.selected }, "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), library: "core", name: "dropdown" }))), __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable' && (hAsync("qds-mini-button", { key: '7f93afe3696088db47821c8f30a3e52c61cf7152', name: "close", library: "core", text: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_ariaLabel_get), "data-size": __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedSize_get), disabled: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get), onClick: __classPrivateFieldGet$5(this, _Tab_onIconClick, "f"), tabIndex: __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computeCloseButtonTabIndex_get) }))));
|
|
10867
11125
|
}
|
|
10868
11126
|
get host() { return getElement(this); }
|
|
10869
11127
|
static get watchers() { return {
|
|
@@ -10884,7 +11142,6 @@ class Tab {
|
|
|
10884
11142
|
"disabled": [4],
|
|
10885
11143
|
"iconLibrary": [1, "icon-library"],
|
|
10886
11144
|
"iconName": [1, "icon-name"],
|
|
10887
|
-
"iconOnly": [4, "icon-only"],
|
|
10888
11145
|
"importance": [1],
|
|
10889
11146
|
"indicatorPosition": [1, "indicator-position"],
|
|
10890
11147
|
"panel": [1],
|
|
@@ -10908,14 +11165,7 @@ class Tab {
|
|
|
10908
11165
|
"$attrsToReflect$": []
|
|
10909
11166
|
}; }
|
|
10910
11167
|
}
|
|
10911
|
-
|
|
10912
|
-
const hasNoTag = this.tagText === undefined || this.tagText === '';
|
|
10913
|
-
const hasNoBadge = this.badge === undefined || this.badge === '';
|
|
10914
|
-
return (__classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_shouldCollapse_get) &&
|
|
10915
|
-
__classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedAction_get) === undefined &&
|
|
10916
|
-
hasNoTag &&
|
|
10917
|
-
hasNoBadge);
|
|
10918
|
-
}, _Tab_computedAction_get = function _Tab_computedAction_get() {
|
|
11168
|
+
_Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(), _Tab_tabRef = new WeakMap(), _Tab_close = new WeakMap(), _Tab_onIconClick = new WeakMap(), _Tab_onBlur = new WeakMap(), _Tab_onFocus = new WeakMap(), _Tab_defineTab = new WeakMap(), _Tab_instances = new WeakSet(), _Tab_computedAction_get = function _Tab_computedAction_get() {
|
|
10919
11169
|
switch (this.action) {
|
|
10920
11170
|
case 'closable':
|
|
10921
11171
|
case 'expandable': {
|
|
@@ -10939,7 +11189,7 @@ _Tab_div = new WeakMap(), _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(),
|
|
|
10939
11189
|
}, _Tab_computedImportance_get = function _Tab_computedImportance_get() {
|
|
10940
11190
|
switch (this.importance) {
|
|
10941
11191
|
case 'subdued':
|
|
10942
|
-
case '
|
|
11192
|
+
case 'standard': {
|
|
10943
11193
|
return this.importance;
|
|
10944
11194
|
}
|
|
10945
11195
|
default: {
|
|
@@ -10954,30 +11204,13 @@ _Tab_div = new WeakMap(), _Tab_panel = new WeakMap(), _Tab_tab = new WeakMap(),
|
|
|
10954
11204
|
return `Close ${this.text}`;
|
|
10955
11205
|
}, _Tab_computedDisabled_get = function _Tab_computedDisabled_get() {
|
|
10956
11206
|
return this.disabled ?? false;
|
|
10957
|
-
}, _Tab_shouldCollapse_get = function _Tab_shouldCollapse_get() {
|
|
10958
|
-
return this.iconOnly && this.iconName !== undefined && this.iconName !== '';
|
|
10959
|
-
}, _Tab_placement_get = function _Tab_placement_get() {
|
|
10960
|
-
switch (this.indicatorPosition) {
|
|
10961
|
-
case 'inline-start': {
|
|
10962
|
-
return 'left';
|
|
10963
|
-
}
|
|
10964
|
-
case 'inline-end': {
|
|
10965
|
-
return 'right';
|
|
10966
|
-
}
|
|
10967
|
-
case 'block-start': {
|
|
10968
|
-
return 'top';
|
|
10969
|
-
}
|
|
10970
|
-
default: {
|
|
10971
|
-
return 'bottom';
|
|
10972
|
-
}
|
|
10973
|
-
}
|
|
10974
11207
|
}, _Tab_computeCloseButtonTabIndex_get = function _Tab_computeCloseButtonTabIndex_get() {
|
|
10975
11208
|
if (this.selected) {
|
|
10976
11209
|
return __classPrivateFieldGet$5(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? undefined : this.tabIndex;
|
|
10977
11210
|
}
|
|
10978
11211
|
return -1;
|
|
10979
11212
|
}, _Tab_renderText = function _Tab_renderText() {
|
|
10980
|
-
return
|
|
11213
|
+
return (hAsync("div", { class: "qds-texts" }, hAsync("div", { class: "qds-text" }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { class: "qds-subtitle" }, this.subtitle))));
|
|
10981
11214
|
}, _Tab_defineGetter = function _Tab_defineGetter(p, get) {
|
|
10982
11215
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
10983
11216
|
};
|
|
@@ -11237,11 +11470,11 @@ class Tabbar {
|
|
|
11237
11470
|
__classPrivateFieldGet$4(this, _Tabbar_ro, "f").disconnect();
|
|
11238
11471
|
}
|
|
11239
11472
|
render() {
|
|
11240
|
-
return (hAsync("div", { key: '
|
|
11473
|
+
return (hAsync("div", { key: 'dbae5f300427dbaeb563eefee8861dc6453e9af8', class: { 'qds-vertical-divider': this.orientation === 'vertical' }, "data-layer": this.layer, "data-level": this.level }, hAsync("div", { key: 'a2ebf55faeaccd30a52d1cb5769574e8f18dfc57', class: "qds-tabbar" }, hAsync("div", { key: '7ddc9b7f553da79b357ab7a1ba193d6fe0ad3d6d', class: {
|
|
11241
11474
|
'qds-align-center': true,
|
|
11242
11475
|
'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
|
|
11243
11476
|
this.orientation === 'vertical',
|
|
11244
|
-
} }, hAsync("qds-icon-button", { key: '
|
|
11477
|
+
} }, hAsync("qds-icon-button", { key: '77e21e5a713c6f4703301951b599035082a7fecc', text: "show previous tab", importance: "subdued", iconName: "next", iconLibrary: "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet$4(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow })), hAsync("ul", { key: '1dcb2e83e1e493347dbcc6ed59dba9fcba9bf60b', class: {
|
|
11245
11478
|
'qds-tabs': true,
|
|
11246
11479
|
'qds-vertical': this.orientation === 'vertical',
|
|
11247
11480
|
'qds-centered': this.alignment === 'centered' &&
|
|
@@ -11250,11 +11483,11 @@ class Tabbar {
|
|
|
11250
11483
|
this.disableStartArrow,
|
|
11251
11484
|
}, role: "tablist", "aria-label": this.tablistDescription, ref: (element) => {
|
|
11252
11485
|
__classPrivateFieldSet$3(this, _Tabbar_tabbar, element, "f");
|
|
11253
|
-
}, onClick: __classPrivateFieldGet$4(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$4(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$4(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$4(this, _Tabbar_onScroll, "f"), ...__classPrivateFieldGet$4(this, _Tabbar_inheritedAttributes, "f") }, hAsync("slot", { key: '
|
|
11486
|
+
}, onClick: __classPrivateFieldGet$4(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$4(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$4(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$4(this, _Tabbar_onScroll, "f"), ...__classPrivateFieldGet$4(this, _Tabbar_inheritedAttributes, "f") }, hAsync("slot", { key: '264bdf5fa1c99ead75ad7ccb96eff791f5b0d85a', onSlotchange: __classPrivateFieldGet$4(this, _Tabbar_onSlotchange, "f") })), hAsync("div", { key: '9b0d013ea65ccd8b0548b2d70031e0bd29798081', class: {
|
|
11254
11487
|
'qds-align-center': true,
|
|
11255
11488
|
'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
|
|
11256
11489
|
this.orientation === 'vertical',
|
|
11257
|
-
} }, hAsync("qds-icon-button", { key: '
|
|
11490
|
+
} }, hAsync("qds-icon-button", { key: 'def7674888c88bb34f7fef6921784b2cdafbee8c', text: "show next tab", iconName: "next", iconLibrary: "core", importance: "subdued", onClick: __classPrivateFieldGet$4(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow }))), __classPrivateFieldGet$4(this, _Tabbar_instances, "a", _Tabbar_computeDividerVisible_get) && (hAsync("qds-divider", { key: '87f1bcf19e2d60fccd4473ef3a91e35e3b77e955', vertical: this.orientation === 'vertical' }))));
|
|
11258
11491
|
}
|
|
11259
11492
|
static get delegatesFocus() { return true; }
|
|
11260
11493
|
get host() { return getElement(this); }
|
|
@@ -11362,7 +11595,7 @@ class Table {
|
|
|
11362
11595
|
}
|
|
11363
11596
|
// eslint-disable-next-line @typescript-eslint/class-methods-use-this
|
|
11364
11597
|
render() {
|
|
11365
|
-
return hAsync("slot", { key: '
|
|
11598
|
+
return hAsync("slot", { key: '7eab42fceb6964136583f1a0f6cb93c0f0557574' });
|
|
11366
11599
|
}
|
|
11367
11600
|
static get style() { return tableCss; }
|
|
11368
11601
|
static get cmpMeta() { return {
|
|
@@ -11420,9 +11653,9 @@ class TableCell {
|
|
|
11420
11653
|
render() {
|
|
11421
11654
|
return (
|
|
11422
11655
|
// eslint-disable-next-line jsx-a11y/control-has-associated-label
|
|
11423
|
-
hAsync("td", { key: '
|
|
11656
|
+
hAsync("td", { key: '1c90aa486ee26c73cade143b8b281f0d8f93dee7', class: "qds-table-cell", colSpan: this.colSpan, rowSpan: this.rowSpan,
|
|
11424
11657
|
// eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
|
|
11425
|
-
role: "none" }, hAsync("slot", { key: '
|
|
11658
|
+
role: "none" }, hAsync("slot", { key: '02b3051cba1bfdc7d1d0be004691eaeb4387c446' })));
|
|
11426
11659
|
}
|
|
11427
11660
|
static get watchers() { return {
|
|
11428
11661
|
"colSpan": ["colSpanChanged"],
|
|
@@ -11491,9 +11724,9 @@ class TableHeadCell {
|
|
|
11491
11724
|
render() {
|
|
11492
11725
|
return (
|
|
11493
11726
|
// eslint-disable-next-line jsx-a11y/control-has-associated-label
|
|
11494
|
-
hAsync("th", { key: '
|
|
11727
|
+
hAsync("th", { key: '8da9111144c766154c60bfa301600459d90e9043', class: "qds-table-head-cell", colSpan: this.colSpan, rowSpan: this.rowSpan, scope: this.scope,
|
|
11495
11728
|
// eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
|
|
11496
|
-
role: "none" }, hAsync("slot", { key: '
|
|
11729
|
+
role: "none" }, hAsync("slot", { key: '5be7abb9f8e15a810e23ec701de4f1ff4e7b073b' })));
|
|
11497
11730
|
}
|
|
11498
11731
|
static get watchers() { return {
|
|
11499
11732
|
"colSpan": ["colSpanChanged"],
|
|
@@ -11540,7 +11773,7 @@ class TableRow {
|
|
|
11540
11773
|
}
|
|
11541
11774
|
// eslint-disable-next-line @typescript-eslint/class-methods-use-this
|
|
11542
11775
|
render() {
|
|
11543
|
-
return (hAsync("tr", { key: '
|
|
11776
|
+
return (hAsync("tr", { key: '44369e890bdbb4c8398cdac7a67262a0d854f963', class: "qds-table-row", role: "none" }, hAsync("slot", { key: 'a27ca3af7183c73b363a936fd94de2760f8d6aaa' })));
|
|
11544
11777
|
}
|
|
11545
11778
|
static get style() { return tableRowCss; }
|
|
11546
11779
|
static get cmpMeta() { return {
|
|
@@ -11611,11 +11844,11 @@ class Tag {
|
|
|
11611
11844
|
__classPrivateFieldSet$2(this, _Tag_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
11612
11845
|
}
|
|
11613
11846
|
render() {
|
|
11614
|
-
return (hAsync("span", { key: '
|
|
11847
|
+
return (hAsync("span", { key: 'b2bf47a5aa571e501286a37ec740d97a298570e7', class: {
|
|
11615
11848
|
'qds-tag': true,
|
|
11616
11849
|
'qds-padding': this.importance !== 'subdued',
|
|
11617
11850
|
}, "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 &&
|
|
11618
|
-
this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", { "aria-hidden": "true", 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: '
|
|
11851
|
+
this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", { "aria-hidden": "true", 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: '76a4c447fae83a961cc7a5c8a35af512fa78a933', class: "qds-text" }, this.text)));
|
|
11619
11852
|
}
|
|
11620
11853
|
get host() { return getElement(this); }
|
|
11621
11854
|
static get style() { return tagCss; }
|
|
@@ -11675,7 +11908,7 @@ _Tag_inheritedAttributes = new WeakMap(), _Tag_instances = new WeakSet(), _Tag_c
|
|
|
11675
11908
|
return (this.badge ?? false) && this.importance !== 'emphasized';
|
|
11676
11909
|
};
|
|
11677
11910
|
|
|
11678
|
-
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-
|
|
11911
|
+
const textareaCss = ":host([hidden]){display:none!important}:host{display:inline-block;resize:both}slot{display:none}.qds-textarea{background-color:var(--qds-theme-form-input-background-active);border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-form-input-border-radius);box-sizing:border-box;color:var(--qds-theme-control-text-standard);height:100%;padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%}.qds-textarea:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-textarea:disabled{background-color:var(--qds-theme-form-input-background-default);opacity:var(--qds-theme-disabled);pointer-events:none}.qds-textarea:read-only{background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-disabled)}.qds-textarea:focus-visible{box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-textarea:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-textarea:not(:focus):user-invalid{border-color:var(--qds-theme-form-input-border-error)}.qds-textarea[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-textarea[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-textarea[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}[data-size=small]{font:var(--qds-control-small-text);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text);padding-block:var(--qds-control-large-padding-auto-height)}";
|
|
11679
11912
|
|
|
11680
11913
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
11681
11914
|
//
|
|
@@ -11941,9 +12174,9 @@ class TextArea {
|
|
|
11941
12174
|
this.valueChanged();
|
|
11942
12175
|
}
|
|
11943
12176
|
render() {
|
|
11944
|
-
return (hAsync(Host, { key: '
|
|
12177
|
+
return (hAsync(Host, { key: 'd3fb4b50124d583054365845989dd4a267a7c878' }, hAsync("textarea", { key: 'e92506a523021d0f3e7f280bf24e9a095443109e', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
|
|
11945
12178
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
11946
|
-
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: '
|
|
12179
|
+
autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', "data-status": __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedStatus_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, onBlur: __classPrivateFieldGet$2(this, _TextArea_onBlur, "f"), onChange: __classPrivateFieldGet$2(this, _TextArea_onChange, "f"), onFocus: __classPrivateFieldGet$2(this, _TextArea_onFocus, "f"), onInput: __classPrivateFieldGet$2(this, _TextArea_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet$2(this, _TextArea_ref, "f"), readOnly: this.readonly, rows: this.rows, spellcheck: this.host.spellcheck, tabIndex: __classPrivateFieldGet$2(this, _TextArea_instances, "a", _TextArea_computedDisabled_get) ? undefined : this.tabIndex, wrap: this.wrap, ...__classPrivateFieldGet$2(this, _TextArea_inheritedAttributes, "f") }), hAsync("slot", { key: '2a6775f2cd7e90c03dc93e8b3c72a05fb17fb61a', onSlotchange: __classPrivateFieldGet$2(this, _TextArea_onSlotchange, "f") })));
|
|
11947
12180
|
}
|
|
11948
12181
|
static get delegatesFocus() { return true; }
|
|
11949
12182
|
static get formAssociated() { return true; }
|
|
@@ -12070,14 +12303,14 @@ class Title {
|
|
|
12070
12303
|
const level = `qds-${this.level ?? 'section'}`;
|
|
12071
12304
|
const Tag = this.tag ?? 'h2';
|
|
12072
12305
|
const hasIcon = this.iconName !== undefined && this.iconName !== '';
|
|
12073
|
-
return (hAsync("hgroup", { key: '
|
|
12306
|
+
return (hAsync("hgroup", { key: 'ff4f9d1cd9fc8f4922a2ccc421d5b45793b9e13d', "data-alignment": this.alignment ?? 'start', "data-variant": this.variant, class: {
|
|
12074
12307
|
[layer]: true,
|
|
12075
12308
|
[level]: true,
|
|
12076
12309
|
'qds-titles': true,
|
|
12077
12310
|
'qds-has-icon': hasIcon,
|
|
12078
12311
|
'qds-has-kicker': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get),
|
|
12079
12312
|
'qds-has-subtitle': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get),
|
|
12080
|
-
}, role: "none" }, hAsync(Tag, { key: '
|
|
12313
|
+
}, role: "none" }, hAsync(Tag, { key: '6f600b1db8f96f47a7790d18d9d84fdbe9666b03', class: "qds-title", "data-variant": this.variant }, hAsync("slot", { key: '586544e82840ec73a591d4d1607cae9f74859f91' })), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get) && hAsync("p", { key: '98838b7fcfb9c77d2934570a42207570f75fad5e', class: "qds-kicker" }, this.kicker), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get) && hAsync("p", { key: 'a4492cf072c3331f0b925f0ddde5f71204c5827c', class: "qds-subtitle" }, this.subtitle), hasIcon && (hAsync("qds-icon", { key: 'e4b22065cf8172eb27dc063bc3abece0cfac105d', "aria-hidden": "true", class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
|
|
12081
12314
|
}
|
|
12082
12315
|
static get style() { return titleCss; }
|
|
12083
12316
|
static get cmpMeta() { return {
|
|
@@ -12105,7 +12338,7 @@ _Title_instances = new WeakSet(), _Title_hasSubtitle_get = function _Title_hasSu
|
|
|
12105
12338
|
return this.kicker !== undefined && this.kicker !== '';
|
|
12106
12339
|
};
|
|
12107
12340
|
|
|
12108
|
-
const tooltipCss = ":host([hidden]){display:none!important}:host{align-items:flex-start;background-color:var(--qds-theme-accessory-background);border:none;border-radius:var(--qds-accessory-border-radius);box-shadow:var(--qds-accessory-elevation);box-sizing:border-box;color:var(--qds-theme-text-standard);display:flex;flex-direction:column;gap:var(--qds-accessory-gap-children-unrelated);margin:0;overflow:initial;padding:0}:host:before{content:\"\";
|
|
12341
|
+
const tooltipCss = ":host([hidden]){display:none!important}:host{align-items:flex-start;background-color:var(--qds-theme-accessory-background);border:none;border-radius:var(--qds-accessory-border-radius);box-shadow:var(--qds-accessory-elevation);box-sizing:border-box;color:var(--qds-theme-text-standard);display:flex;flex-direction:column;gap:var(--qds-accessory-gap-children-unrelated);inset:unset;margin:0;overflow:initial;padding:0}:host:before{content:\"\";position:absolute}::slotted(blockquote),::slotted(button),::slotted(dd),::slotted(dl),::slotted(fieldset),::slotted(figure),::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6),::slotted(hr),::slotted(input),::slotted(menu),::slotted(ol),::slotted(p),::slotted(pre),::slotted(select),::slotted(textarea),::slotted(ul){margin:0}:host([data-side=bottom]):before,:host([data-side=top]):before{height:calc(var(--qds-accessory-gap-floating, 0px) + var(--qds-signature-triangle-pointer-size-height, 0px));top:100%;width:100%}:host([data-side=bottom]):before{top:calc((var(--qds-accessory-gap-floating, 0px) + var(--qds-signature-triangle-pointer-size-height, 0px))*-1)}:host([data-side=left]):before,:host([data-side=right]):before{left:100%;width:calc(var(--qds-accessory-gap-floating, 0px) + var(--qds-signature-triangle-pointer-size-height, 0px))}:host([data-side=right]):before{left:calc((var(--qds-accessory-gap-floating, 0px) + var(--qds-signature-triangle-pointer-size-height, 0px))*-1)}.qds-arrow{height:var(--qds-signature-triangle-pointer-size-height);position:absolute;width:var(--qds-signature-triangle-pointer-size-width)}.qds-arrow:before{background-color:var(--qds-theme-accessory-background);clip-path:polygon(0 0,100% 0,50% 100%);height:100%}.qds-arrow:after,.qds-arrow:before{content:\"\";position:absolute;width:100%}.qds-arrow:after{background-color:var(--qds-theme-accessory-border);bottom:calc(var(--qds-accessory-border-width)*-1);clip-path:polygon(0 10%,100% 10%,50% 100%);height:calc(100% + var(--qds-accessory-border-width));z-index:-1}.qds-arrow[data-side=bottom]{top:calc((var(--qds-signature-triangle-pointer-size-height) - var(--qds-accessory-effect-section-position-y))*-1);transform:rotate(180deg)}.qds-arrow[data-side=left]{right:calc((var(--qds-accessory-gap-floating) + var(--qds-signature-triangle-pointer-size-height))*-1 + var(--qds-accessory-effect-section-position-y));transform:rotate(-90deg)}.qds-arrow[data-side=right]{left:calc((var(--qds-accessory-gap-floating) + var(--qds-signature-triangle-pointer-size-height))*-1 + var(--qds-accessory-effect-section-position-y));transform:rotate(90deg)}.qds-arrow[data-side=top]{bottom:calc((var(--qds-signature-triangle-pointer-size-height) - var(--qds-accessory-effect-section-position-y))*-1)}.qds-tooltip{align-items:inherit;border:var(--qds-accessory-border-width) solid var(--qds-theme-accessory-border);border-radius:var(--qds-accessory-border-radius);display:inherit;flex-direction:inherit;flex-wrap:inherit;gap:inherit;justify-content:inherit;max-width:var(--qds-accessory-max-width);padding:var(--qds-accessory-padding-top) var(--qds-accessory-padding-end) var(--qds-accessory-padding-bottom) var(--qds-accessory-padding-start)}";
|
|
12109
12342
|
|
|
12110
12343
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
12111
12344
|
//
|
|
@@ -12224,12 +12457,13 @@ class Tooltip {
|
|
|
12224
12457
|
async show() {
|
|
12225
12458
|
if (__classPrivateFieldGet(this, _Tooltip_open, "f"))
|
|
12226
12459
|
return;
|
|
12460
|
+
if (!__classPrivateFieldGet(this, _Tooltip_opened, "f")) {
|
|
12461
|
+
await this.updateArrow();
|
|
12462
|
+
__classPrivateFieldSet(this, _Tooltip_opened, true, "f");
|
|
12463
|
+
}
|
|
12464
|
+
this.startAutoUpdate();
|
|
12227
12465
|
__classPrivateFieldSet(this, _Tooltip_open, true, "f");
|
|
12228
12466
|
__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_setAriaExpanded).call(this);
|
|
12229
|
-
this.startAutoUpdate();
|
|
12230
|
-
if (!__classPrivateFieldGet(this, _Tooltip_opened, "f"))
|
|
12231
|
-
await this.updateArrow();
|
|
12232
|
-
__classPrivateFieldSet(this, _Tooltip_opened, true, "f");
|
|
12233
12467
|
}
|
|
12234
12468
|
/**
|
|
12235
12469
|
* Close the tooltip.
|
|
@@ -12238,11 +12472,11 @@ class Tooltip {
|
|
|
12238
12472
|
if (!__classPrivateFieldGet(this, _Tooltip_open, "f"))
|
|
12239
12473
|
return;
|
|
12240
12474
|
this.closeEmitter.emit();
|
|
12475
|
+
if (__classPrivateFieldGet(this, _Tooltip_cleanup, "f"))
|
|
12476
|
+
__classPrivateFieldGet(this, _Tooltip_cleanup, "f").call(this);
|
|
12241
12477
|
__classPrivateFieldSet(this, _Tooltip_open, false, "f");
|
|
12242
12478
|
__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_setAriaExpanded).call(this);
|
|
12243
12479
|
__classPrivateFieldSet(this, _Tooltip_clickedTooltip, false, "f");
|
|
12244
|
-
if (__classPrivateFieldGet(this, _Tooltip_cleanup, "f"))
|
|
12245
|
-
__classPrivateFieldGet(this, _Tooltip_cleanup, "f").call(this);
|
|
12246
12480
|
}
|
|
12247
12481
|
/**
|
|
12248
12482
|
* Update the tooltip's arrow.
|
|
@@ -12280,14 +12514,7 @@ class Tooltip {
|
|
|
12280
12514
|
element: __classPrivateFieldGet(this, _Tooltip_arrow, "f"),
|
|
12281
12515
|
padding: __classPrivateFieldGet(this, _Tooltip_arrowPadding, "f"),
|
|
12282
12516
|
}),
|
|
12283
|
-
]
|
|
12284
|
-
await this.updatePosition();
|
|
12285
|
-
}
|
|
12286
|
-
updateAriaHasPopup() {
|
|
12287
|
-
__classPrivateFieldSet(this, _Tooltip_referenceElement, resolveTarget(this.target), "f");
|
|
12288
|
-
if (__classPrivateFieldGet(this, _Tooltip_referenceElement, "f") instanceof globalThis.Element &&
|
|
12289
|
-
this.host.role === 'dialog')
|
|
12290
|
-
__classPrivateFieldGet(this, _Tooltip_referenceElement, "f").ariaHasPopup = 'dialog';
|
|
12517
|
+
], "f");
|
|
12291
12518
|
}
|
|
12292
12519
|
async updateReferenceElement() {
|
|
12293
12520
|
var _a;
|
|
@@ -12337,7 +12564,6 @@ class Tooltip {
|
|
|
12337
12564
|
}
|
|
12338
12565
|
async updatePosition() {
|
|
12339
12566
|
invariant(__classPrivateFieldGet(this, _Tooltip_referenceElement, "f"));
|
|
12340
|
-
invariant(__classPrivateFieldGet(this, _Tooltip_arrow, "f"));
|
|
12341
12567
|
const { x, y, middlewareData, placement, strategy } = await computePosition(__classPrivateFieldGet(this, _Tooltip_referenceElement, "f"), this.host, {
|
|
12342
12568
|
middleware: __classPrivateFieldGet(this, _Tooltip_middleware, "f"),
|
|
12343
12569
|
placement: this.placement,
|
|
@@ -12345,16 +12571,21 @@ class Tooltip {
|
|
|
12345
12571
|
});
|
|
12346
12572
|
const [side] = placement.split('-');
|
|
12347
12573
|
this.host.dataset.side = side;
|
|
12348
|
-
this.host.style
|
|
12349
|
-
|
|
12574
|
+
Object.assign(this.host.style, {
|
|
12575
|
+
position: strategy,
|
|
12576
|
+
left: `${x}px`,
|
|
12577
|
+
top: `${y}px`,
|
|
12578
|
+
});
|
|
12350
12579
|
if (middlewareData.arrow === undefined)
|
|
12351
12580
|
return;
|
|
12352
12581
|
invariant(__classPrivateFieldGet(this, _Tooltip_arrow, "f"));
|
|
12353
12582
|
const { x: aX, y: aY, centerOffset } = middlewareData.arrow;
|
|
12354
12583
|
__classPrivateFieldGet(this, _Tooltip_arrow, "f").dataset.side = side;
|
|
12355
|
-
__classPrivateFieldGet(this, _Tooltip_arrow, "f").style
|
|
12356
|
-
|
|
12357
|
-
|
|
12584
|
+
Object.assign(__classPrivateFieldGet(this, _Tooltip_arrow, "f").style, {
|
|
12585
|
+
display: centerOffset === 0 ? '' : 'none',
|
|
12586
|
+
left: aX === undefined ? '' : `${aX}px`,
|
|
12587
|
+
top: aY === undefined ? '' : `${aY}px`,
|
|
12588
|
+
});
|
|
12358
12589
|
}
|
|
12359
12590
|
startAutoUpdate() {
|
|
12360
12591
|
invariant(__classPrivateFieldGet(this, _Tooltip_referenceElement, "f"));
|
|
@@ -12379,7 +12610,7 @@ class Tooltip {
|
|
|
12379
12610
|
__classPrivateFieldGet(this, _Tooltip_referenceElement, "f").removeAttribute('aria-describedby');
|
|
12380
12611
|
}
|
|
12381
12612
|
render() {
|
|
12382
|
-
return (hAsync(Host, { key: '
|
|
12613
|
+
return (hAsync(Host, { key: 'd988515f748a96c82aa9d06e5147e5d0bca5b15a', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f") }, hAsync("div", { key: '8a4b87f814af050b52659eb14f04f377a704e19d', class: "qds-tooltip" }, hAsync("slot", { key: 'e4e89b12134a6ed44eb8ae0e6f76d9843341cabe' })), hAsync("div", { key: '3bff9e45b53659775dcdc5ef89d2132951cac5a9', class: "qds-arrow", ref: __classPrivateFieldGet(this, _Tooltip_arrowRef, "f") })));
|
|
12383
12614
|
}
|
|
12384
12615
|
get host() { return getElement(this); }
|
|
12385
12616
|
static get watchers() { return {
|
|
@@ -12388,7 +12619,6 @@ class Tooltip {
|
|
|
12388
12619
|
"noShift": ["updateMiddleware"],
|
|
12389
12620
|
"offsetOptions": ["updateMiddleware"],
|
|
12390
12621
|
"shiftOptions": ["updateMiddleware"],
|
|
12391
|
-
"role": ["updateAriaHasPopup"],
|
|
12392
12622
|
"target": ["updateReferenceElement"],
|
|
12393
12623
|
"trigger": ["updateEventListeners"],
|
|
12394
12624
|
"middleware": ["updatePosition"],
|
|
@@ -12491,6 +12721,7 @@ registerComponents([
|
|
|
12491
12721
|
FormMessage,
|
|
12492
12722
|
Icon,
|
|
12493
12723
|
IconButton,
|
|
12724
|
+
IconTab,
|
|
12494
12725
|
InlineLink,
|
|
12495
12726
|
Input,
|
|
12496
12727
|
Label,
|