@quartzds/core 1.0.0-beta.129 → 1.0.0-beta.130
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 +34 -0
- package/components/{p-CQ-Ilm5d.js → p-B9xuNEzc.js} +55 -10
- package/components/p-B9xuNEzc.js.map +1 -0
- package/components/{p-CrzaI1TQ.js → p-BHBodFuD.js} +5 -5
- package/components/{p-CrzaI1TQ.js.map → p-BHBodFuD.js.map} +1 -1
- package/components/{p-Cevyg51v.js → p-BLA62eFO.js} +35 -18
- package/components/p-BLA62eFO.js.map +1 -0
- package/components/{p-DEa0r_EV.js → p-C-pZcrGt.js} +5 -5
- package/components/{p-DEa0r_EV.js.map → p-C-pZcrGt.js.map} +1 -1
- package/components/{p-CnWdHgve.js → p-Cb4tcewD.js} +10 -8
- package/components/p-Cb4tcewD.js.map +1 -0
- package/components/{p-BJEvSqqL.js → p-Cb5Tgh-o.js} +3 -3
- package/components/{p-BJEvSqqL.js.map → p-Cb5Tgh-o.js.map} +1 -1
- package/components/{p-DjZ2J7fQ.js → p-D2BuSQre.js} +3 -3
- package/components/{p-DjZ2J7fQ.js.map → p-D2BuSQre.js.map} +1 -1
- package/components/{p-cw45QxUT.js → p-DL21f4D7.js} +3 -3
- package/components/{p-cw45QxUT.js.map → p-DL21f4D7.js.map} +1 -1
- package/components/{p-BoqB4ddF.js → p-eUDNu0SE.js} +3 -3
- package/components/{p-BoqB4ddF.js.map → p-eUDNu0SE.js.map} +1 -1
- package/components/qds-action-item.js +38 -17
- package/components/qds-action-item.js.map +1 -1
- package/components/qds-avatar.js +1 -1
- package/components/qds-avatar.js.map +1 -1
- package/components/qds-breadcrumb-item.js +2 -2
- package/components/qds-button.js +10 -8
- package/components/qds-button.js.map +1 -1
- package/components/qds-checkbox.js +1 -1
- package/components/qds-chip.js +3 -3
- package/components/qds-dialog.js +3 -3
- package/components/qds-dropdown.js +1 -1
- package/components/qds-icon-button.js +1 -1
- package/components/qds-icon-tab.js +3 -3
- package/components/qds-inline-link.js +5 -3
- package/components/qds-inline-link.js.map +1 -1
- package/components/qds-input.js +3 -3
- package/components/qds-input.js.map +1 -1
- package/components/qds-label.js +2 -2
- package/components/qds-list-item.js +66 -30
- package/components/qds-list-item.js.map +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-radio.js +1 -1
- package/components/qds-select.js +2 -2
- package/components/qds-standalone-link.js +5 -3
- package/components/qds-standalone-link.js.map +1 -1
- package/components/qds-switch.js +1 -1
- package/components/qds-tab.js +3 -3
- package/components/qds-tabbar.js +3 -3
- package/components/qds-tag.js +1 -1
- package/components/qds-textarea.js +1 -1
- package/components/qds-title.js +1 -1
- package/components/qds-tooltip.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/qds-action-item.cjs.entry.js +32 -12
- package/dist/cjs/qds-action-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-avatar.cjs.entry.js +1 -1
- package/dist/cjs/qds-avatar.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-button.cjs.entry.js +8 -6
- package/dist/cjs/qds-button.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-checkbox_2.cjs.entry.js +2 -2
- package/dist/cjs/qds-divider.qds-icon-button.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-divider_2.cjs.entry.js +6 -4
- package/dist/cjs/qds-dropdown.cjs.entry.js +32 -15
- package/dist/cjs/qds-dropdown.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-inline-link.cjs.entry.js +4 -2
- package/dist/cjs/qds-inline-link.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-input.cjs.entry.js +1 -1
- package/dist/cjs/qds-input.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-list-item.cjs.entry.js +55 -22
- package/dist/cjs/qds-list-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-menu-item.cjs.entry.js +3 -3
- package/dist/cjs/qds-menu-item.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-select.cjs.entry.js +1 -1
- package/dist/cjs/qds-standalone-link.cjs.entry.js +4 -2
- package/dist/cjs/qds-standalone-link.entry.cjs.js.map +1 -1
- package/dist/cjs/qds-title.cjs.entry.js +1 -1
- package/dist/cjs/qds-tooltip.cjs.entry.js +52 -7
- package/dist/cjs/qds-tooltip.entry.cjs.js.map +1 -1
- package/dist/cjs/qds.cjs.js +1 -1
- package/dist/custom-elements.json +132 -10
- package/dist/docs.json +13 -4
- package/dist/esm/{helpers-_a9kqEyo.js → helpers-BIo9VDPx.js} +3 -3
- package/dist/esm/{helpers-_a9kqEyo.js.map → helpers-BIo9VDPx.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/qds-action-item.entry.js +34 -14
- package/dist/esm/qds-action-item.entry.js.map +1 -1
- package/dist/esm/qds-avatar.entry.js +1 -1
- package/dist/esm/qds-avatar.entry.js.map +1 -1
- package/dist/esm/qds-breadcrumb-item.entry.js +1 -1
- package/dist/esm/qds-button.entry.js +9 -7
- package/dist/esm/qds-button.entry.js.map +1 -1
- package/dist/esm/qds-checkbox_2.entry.js +3 -3
- package/dist/esm/qds-chip.entry.js +1 -1
- package/dist/esm/qds-dialog.entry.js +1 -1
- package/dist/esm/qds-divider.qds-icon-button.entry.js.map +1 -1
- package/dist/esm/qds-divider_2.entry.js +7 -5
- package/dist/esm/qds-dropdown.entry.js +33 -16
- package/dist/esm/qds-dropdown.entry.js.map +1 -1
- package/dist/esm/qds-icon-tab.entry.js +1 -1
- package/dist/esm/qds-inline-link.entry.js +5 -3
- package/dist/esm/qds-inline-link.entry.js.map +1 -1
- package/dist/esm/qds-input.entry.js +2 -2
- package/dist/esm/qds-input.entry.js.map +1 -1
- package/dist/esm/qds-label.entry.js +1 -1
- package/dist/esm/qds-list-item.entry.js +56 -23
- 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 +1 -1
- package/dist/esm/qds-select.entry.js +2 -2
- package/dist/esm/qds-standalone-link.entry.js +5 -3
- package/dist/esm/qds-standalone-link.entry.js.map +1 -1
- package/dist/esm/qds-switch.entry.js +1 -1
- package/dist/esm/qds-tab.entry.js +1 -1
- package/dist/esm/qds-tabbar.entry.js +1 -1
- package/dist/esm/qds-tag.entry.js +1 -1
- package/dist/esm/qds-textarea.entry.js +1 -1
- package/dist/esm/qds-title.entry.js +1 -1
- package/dist/esm/qds-tooltip.entry.js +53 -8
- package/dist/esm/qds-tooltip.entry.js.map +1 -1
- package/dist/esm/qds.js +1 -1
- package/dist/types/components/action-item/action-item.d.ts +3 -0
- package/dist/types/components/list-item/list-item.d.ts +1 -0
- package/hydrate/index.js +209 -86
- package/hydrate/index.mjs +209 -86
- package/package.json +1 -1
- package/styles/core.css +7 -19
- package/components/p-CQ-Ilm5d.js.map +0 -1
- package/components/p-Cevyg51v.js.map +0 -1
- package/components/p-CnWdHgve.js.map +0 -1
package/components/qds-tab.js
CHANGED
|
@@ -4,12 +4,12 @@
|
|
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
*/
|
|
6
6
|
import { p as proxyCustomElement, H, c as createEvent, h } from './p-D2489VzR.js';
|
|
7
|
-
import { p as pickFocusEventAttributes, r as resolveTarget,
|
|
7
|
+
import { p as pickFocusEventAttributes, r as resolveTarget, d as isIndicator, e as isCounter } from './p-eUDNu0SE.js';
|
|
8
8
|
import { d as defineCustomElement$6 } from './p-XP2CY_fo.js';
|
|
9
9
|
import { d as defineCustomElement$5 } from './p-DOqfdgQA.js';
|
|
10
10
|
import { d as defineCustomElement$4 } from './p-fKK7EmM2.js';
|
|
11
|
-
import { d as defineCustomElement$3 } from './p-
|
|
12
|
-
import { d as defineCustomElement$2 } from './p-
|
|
11
|
+
import { d as defineCustomElement$3 } from './p-D2BuSQre.js';
|
|
12
|
+
import { d as defineCustomElement$2 } from './p-DL21f4D7.js';
|
|
13
13
|
|
|
14
14
|
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;letter-spacing:inherit;word-spacing:inherit}.qds-texts{flex:1 0;flex-direction:column}.qds-icon,.qds-text{color:var(--qds-theme-title)}.qds-subtitle{color:var(--qds-theme-subtitle);font:var(--qds-nav-element-standard-subtitle)}.qds-closable-wrapper[data-size=small],.qds-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal);min-height:var(--qds-nav-element-small-height);padding-inline:var(--qds-nav-element-small-padding-horizontal)}.qds-closable-tab[data-size=small]{gap:var(--qds-nav-element-small-gap-internal)}[data-size=small]>.qds-icon{height:var(--qds-nav-element-small-icon-size);width:var(--qds-nav-element-small-icon-size)}[data-size=small]>.qds-texts{gap:var(--qds-nav-element-small-titles-gap)}[data-size=small] .qds-text{font:var(--qds-nav-element-small-title)}[data-size=small] .qds-subtitle{font:var(--qds-nav-element-small-subtitle)}.qds-target-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-closable-wrapper[data-size=standard],.qds-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal);min-height:var(--qds-nav-element-standard-height);padding-inline:var(--qds-nav-element-standard-padding-horizontal)}.qds-closable-tab[data-size=standard]{gap:var(--qds-nav-element-standard-gap-internal)}[data-size=standard]>.qds-icon{height:var(--qds-nav-element-standard-icon-size);width:var(--qds-nav-element-standard-icon-size)}[data-size=standard]>.qds-texts{gap:var(--qds-nav-element-standard-titles-gap)}[data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title)}[data-size=standard] .qds-subtitle{font:var(--qds-nav-element-standard-subtitle)}.qds-target-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-closable-wrapper[data-size=large],.qds-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal);min-height:var(--qds-nav-element-large-height);padding-inline:var(--qds-nav-element-large-padding-horizontal)}.qds-closable-tab[data-size=large]{gap:var(--qds-nav-element-large-gap-internal)}[data-size=large]>.qds-icon{height:var(--qds-nav-element-large-icon-size);width:var(--qds-nav-element-large-icon-size)}[data-size=large]>.qds-texts{gap:var(--qds-nav-element-large-titles-gap)}[data-size=large] .qds-text{font:var(--qds-nav-element-large-title)}[data-size=large] .qds-subtext{font:var(--qds-nav-element-large-subtitle)}.qds-target-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-importance=standard] .qds-selected .qds-icon{color:var(--qds-theme-title)}.qds-selected[data-importance=standard]:after{background-color:var(--qds-theme-signature-color-default)}.qds-selected[data-importance=subdued]:after{background-color:var(\n --qds-theme-nav-element-selection-indicator-background-subdued\n )}.qds-selected[data-importance=standard]:after,.qds-selected[data-importance=subdued]:after{border-radius:var(--qds-signature-line-connection-cap-radius);content:\"\";display:block;position:absolute}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after,.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{height:100%;width:var(--qds-signature-line-connection-width)}.qds-selected.qds-indicator-inline-end[data-importance=standard]:after,.qds-selected.qds-indicator-inline-end[data-importance=subdued]:after{inset-inline-end:0}.qds-selected.qds-indicator-inline-start[data-importance=standard]:after,.qds-selected.qds-indicator-inline-start[data-importance=subdued]:after{inset-inline-start:0}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after,.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{height:var(--qds-signature-line-connection-width);width:100%}.qds-selected.qds-indicator-block-end[data-importance=standard]:after,.qds-selected.qds-indicator-block-end[data-importance=subdued]:after{bottom:0}.qds-selected.qds-indicator-block-start[data-importance=standard]:after,.qds-selected.qds-indicator-block-start[data-importance=subdued]:after{top:0}.qds-selected[data-importance=standard][data-size=standard] .qds-text,.qds-selected[data-importance=subdued][data-size=standard] .qds-text{font:var(--qds-nav-element-standard-title-emphasized)}.qds-selected[data-importance=standard][data-size=small] .qds-text,.qds-selected[data-importance=subdued][data-size=small] .qds-text{font:var(--qds-nav-element-small-title-emphasized)}.qds-selected[data-importance=standard][data-size=large] .qds-text,.qds-selected[data-importance=subdued][data-size=large] .qds-text{font:var(--qds-nav-element-large-title-emphasized)}.qds-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:calc(var(--qds-focus-border-width)*-1 - var(--qds-focus-border-offset))}.qds-closable-tab{width:100%}.qds-closable-tab:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width)}.qds-closable-tab,.qds-closable-wrapper,.qds-tab{align-items:center;justify-content:center}.qds-closable-tab,.qds-tab{background-color:initial;border:none;cursor:pointer;text-align:initial}.qds-closable-tab:any-link,.qds-tab:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-closable-wrapper,.qds-tab{position:relative}.qds-closable-wrapper:not(.qds-selected):hover,.qds-tab:not(.qds-selected):hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-closable-wrapper:not(.qds-selected):active,.qds-tab:not(.qds-selected):active{background-color:var(--qds-theme-interactive-background-pressed)}";
|
|
15
15
|
|
package/components/qds-tabbar.js
CHANGED
|
@@ -4,13 +4,13 @@
|
|
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
*/
|
|
6
6
|
import { p as proxyCustomElement, H, c as createEvent, h } from './p-D2489VzR.js';
|
|
7
|
-
import {
|
|
7
|
+
import { a as invariant, V as VERTICAL_MOVE_KEYS, H as HORIZONTAL_MOVE_KEYS, q as resolvePanelElement, s as componentOnReady } from './p-eUDNu0SE.js';
|
|
8
8
|
import { d as defineCustomElement$7 } from './p-XP2CY_fo.js';
|
|
9
9
|
import { d as defineCustomElement$6 } from './p-DOqfdgQA.js';
|
|
10
10
|
import { d as defineCustomElement$5 } from './p-Bn9o5Um2.js';
|
|
11
11
|
import { d as defineCustomElement$4 } from './p-fKK7EmM2.js';
|
|
12
|
-
import { d as defineCustomElement$3 } from './p-
|
|
13
|
-
import { d as defineCustomElement$2 } from './p-
|
|
12
|
+
import { d as defineCustomElement$3 } from './p-Cb4tcewD.js';
|
|
13
|
+
import { d as defineCustomElement$2 } from './p-B9xuNEzc.js';
|
|
14
14
|
|
|
15
15
|
const tabbarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-tabbar,.qds-tabs,.qds-vertical,.qds-vertical-divider{display:flex}.qds-tabbar,.qds-vertical-divider{width:inherit}.qds-arrow-start{transform:scaleX(var(--qds-direction-factor,1)) rotate(180deg)}.qds-align-center{align-content:center}.qds-hidden{display:none}.qds-centered{justify-content:center}.qds-tabs{flex:1;margin-block:0;overflow:auto;padding-inline-start:0;scroll-behavior:smooth;scrollbar-width:none}.qds-vertical{flex-direction:column}.qds-vertical-divider{flex-direction:row}[data-size=small]{gap:var(--qds-control-small-gap-siblings-related)}[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=root] .qds-tabs,[data-size=large]{gap:var(--qds-control-large-gap-siblings-related)}[data-layer=main][data-level=section] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=main][data-level=subsection] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}[data-layer=popup][data-level=root] .qds-tabs{gap:var(--qds-control-standard-gap-siblings-related)}[data-layer=popup][data-level=section] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}:is([data-layer=panel],[data-layer=accessory])[data-level=root] .qds-tabs{gap:var(--qds-control-small-gap-siblings-related)}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
|
|
16
16
|
|
package/components/qds-tag.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import { T as Tag, d as defineCustomElement$1 } from './p-
|
|
6
|
+
import { T as Tag, d as defineCustomElement$1 } from './p-DL21f4D7.js';
|
|
7
7
|
|
|
8
8
|
const QdsTag = Tag;
|
|
9
9
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
*/
|
|
6
6
|
import { p as proxyCustomElement, H, c as createEvent, h, e as Host } from './p-D2489VzR.js';
|
|
7
|
-
import {
|
|
7
|
+
import { a as invariant, p as pickFocusEventAttributes, j as pickInputEventAttributes, g as inheritAriaAttributes } from './p-eUDNu0SE.js';
|
|
8
8
|
import { V as VALID_STATE, C as CUSTOM_ERROR_FLAGS, N as NO_ERROR_FLAGS } from './p-CZRW1LV_.js';
|
|
9
9
|
|
|
10
10
|
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-form-input-text-active);height:100%;letter-spacing:inherit;padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%;word-spacing:inherit}.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-read-only);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{color:var(--qds-theme-form-input-text-placeholder)}.qds-textarea:not(:focus):user-invalid{border-color:var(--qds-theme-form-input-border-error)}.qds-textarea[data-status]{border-width:var(--qds-form-input-border-width-status) var(\n --qds-form-input-border-width-inline-end,var(--qds-form-input-border-width-status)\n ) var(\n --qds-form-input-border-width-block-end,var(--qds-form-input-border-width-status)\n ) var(--qds-form-input-border-width-status)}.qds-textarea[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-textarea[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-textarea[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}[data-size=small]{font:var(--qds-control-small-text);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text);padding-block:var(--qds-control-large-padding-auto-height)}";
|
package/components/qds-title.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import { T as Title, d as defineCustomElement$1 } from './p-
|
|
6
|
+
import { T as Title, d as defineCustomElement$1 } from './p-Cb5Tgh-o.js';
|
|
7
7
|
|
|
8
8
|
const QdsTitle = Title;
|
|
9
9
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import { T as Tooltip, d as defineCustomElement$1 } from './p-
|
|
6
|
+
import { T as Tooltip, d as defineCustomElement$1 } from './p-B9xuNEzc.js';
|
|
7
7
|
|
|
8
8
|
const QdsTooltip = Tooltip;
|
|
9
9
|
const defineCustomElement = defineCustomElement$1;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -11,7 +11,7 @@ var appGlobals = require('./app-globals-CLoao1by.js');
|
|
|
11
11
|
const defineCustomElements = async (win, options) => {
|
|
12
12
|
if (typeof window === 'undefined') return undefined;
|
|
13
13
|
await appGlobals.globalScripts();
|
|
14
|
-
return index.bootstrapLazy(JSON.parse("[[\"qds-icon.cjs\",[[257,\"qds-icon\",{\"name\":[1],\"library\":[1],\"svg\":[32]},null,{\"name\":[\"setIcon\"],\"library\":[\"setIcon\"]}]]],[\"qds-list-item.cjs\",[[257,\"qds-list-item\",{\"destination\":[1],\"disabled\":[4],\"showDivider\":[4,\"show-divider\"],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"avatarSrc\":[1,\"avatar-src\"],\"imageSrc\":[1,\"image-src\"],\"kicker\":[1],\"listAction\":[1,\"list-action\"],\"size\":[1],\"selected\":[1028],\"indeterminate\":[1028],\"text\":[1],\"subtitle\":[1],\"badge\":[8],\"badgeDescription\":[1,\"badge-description\"],\"textTooltip\":[32],\"subtitleTooltip\":[32],\"hasSubmenuSlot\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"],[0,\"keyup\",\"onKeyup\"],[1,\"dragstart\",\"onDragstart\"],[1,\"dragend\",\"onDragend\"]],{\"disabled\":[\"disabledChanged\"],\"listAction\":[\"listActionChanged\"],\"text\":[\"textChanged\"],\"subtitle\":[\"subtitleChanged\"]}]]],[\"qds-tabbar.cjs\",[[273,\"qds-tabbar\",{\"layer\":[1],\"level\":[1],\"size\":[1],\"orientation\":[1],\"placement\":[1],\"tablistDescription\":[1,\"tablist-description\"],\"showDivider\":[4,\"show-divider\"],\"alignment\":[1],\"importance\":[1],\"active\":[1],\"disableEndArrow\":[32],\"disableStartArrow\":[32],\"activeTab\":[32],\"scrollAnnouncement\":[32]},[[9,\"resize\",\"windowResize\"]],{\"importance\":[\"settingChanged\"],\"orientation\":[\"accessibilityChanged\"],\"placement\":[\"accessibilityChanged\"],\"tablistDescription\":[\"accessibilityChanged\"],\"active\":[\"activeChanged\"]}]]],[\"qds-dialog.cjs\",[[257,\"qds-dialog\",{\"open\":[1540],\"closable\":[4],\"hasTitleSlot\":[32],\"hasFooterSlot\":[32]},null,{\"open\":[\"openChanged\"]}]]],[\"qds-icon-tab.cjs\",[[257,\"qds-icon-tab\",{\"badge\":[8],\"badgeCounterImportance\":[1,\"badge-counter-importance\"],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"],\"disabled\":[4],\"iconLibrary\":[1,\"icon-library\"],\"iconName\":[1,\"icon-name\"],\"importance\":[1],\"indicatorPosition\":[1,\"indicator-position\"],\"panel\":[1],\"selected\":[4],\"size\":[1],\"text\":[1],\"href\":[1],\"tabIndex\":[32],\"isIndicatorOnTop\":[32]},[[0,\"click\",\"onClick\"]],{\"panel\":[\"panelChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"ariaLabelChanged\"],\"badge\":[\"ariaLabelChanged\"],\"badgeDescription\":[\"ariaLabelChanged\"],\"href\":[\"hrefChanged\"]}]]],[\"qds-tab.cjs\",[[257,\"qds-tab\",{\"action\":[1],\"badge\":[8],\"badgeCounterImportance\":[1,\"badge-counter-importance\"],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"],\"disabled\":[4],\"iconLibrary\":[1,\"icon-library\"],\"iconName\":[1,\"icon-name\"],\"importance\":[1],\"indicatorPosition\":[1,\"indicator-position\"],\"panel\":[1],\"tagIconDescription\":[1,\"tag-icon-description\"],\"tagIconName\":[1,\"tag-icon-name\"],\"tagIconLibrary\":[1,\"tag-icon-library\"],\"tagImportance\":[1,\"tag-importance\"],\"tagSize\":[1,\"tag-size\"],\"tagStatus\":[1,\"tag-status\"],\"tagText\":[1,\"tag-text\"],\"selected\":[4],\"size\":[1],\"subtitle\":[1],\"text\":[1],\"href\":[1],\"tabIndex\":[32],\"isIndicatorOnTop\":[32]},[[0,\"click\",\"onClick\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"]],{\"panel\":[\"panelChanged\"],\"tabindex\":[\"tabindexChanged\"],\"action\":[\"actionChanged\"]}]]],[\"qds-button.cjs\",[[321,\"qds-button\",{\"action\":[1],\"badge\":[8],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"size\":[1],\"text\":[1],\"iconOnly\":[4,\"icon-only\"],\"disabled\":[4],\"download\":[1],\"form\":[1],\"formAction\":[1,\"formaction\"],\"formMethod\":[1,\"formmethod\"],\"formNoValidate\":[4,\"formnovalidate\"],\"formTarget\":[1,\"formtarget\"],\"href\":[1],\"labels\":[16],\"rel\":[1],\"name\":[1],\"target\":[1],\"type\":[1],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1],\"willValidate\":[4,\"will-validate\"],\"tooltipPlacement\":[1,\"tooltip-placement\"],\"tooltip\":[32]},[[0,\"blur\",\"onBlur\"],[0,\"click\",\"onClick\"],[0,\"focus\",\"onFocus\"],[0,\"keydown\",\"onKeydown\"],[0,\"keyup\",\"onKeyup\"]],{\"action\":[\"actionChanged\"],\"disabled\":[\"disabledChanged\"],\"href\":[\"hrefChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"],\"iconOnly\":[\"iconOnlyChanged\"]}]]],[\"qds-avatar.cjs\",[[257,\"qds-avatar\",{\"avatarSrc\":[1,\"avatar-src\"],\"avatarAlt\":[1,\"avatar-alt\"],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"kicker\":[1],\"label\":[1],\"size\":[1],\"vertical\":[4],\"badge\":[4],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"]}]]],[\"qds-chip.cjs\",[[321,\"qds-chip\",{\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"size\":[1],\"type\":[1],\"text\":[1],\"checked\":[1028],\"form\":[1],\"disabled\":[4],\"name\":[1],\"value\":[8],\"isPressed\":[32],\"isSelected\":[32],\"tooltip\":[32]},[[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"keyup\",\"handleKeyUp\"]],{\"checked\":[\"checkedChanged\"],\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"],\"value\":[\"valueChanged\"]}]]],[\"qds-menu-item.cjs\",[[257,\"qds-menu-item\",{\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"size\":[1],\"type\":[1],\"checked\":[1028],\"text\":[1],\"shortcut\":[1],\"hasSubmenuSlot\":[32],\"tooltip\":[32]},[[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"]],{\"disabled\":[\"disabledChanged\"],\"checked\":[\"checkedChanged\"],\"text\":[\"textChanged\"],\"aria-label\":[\"ariaLabelChanged\"],\"shortcut\":[\"shortcutChanged\"]}]]],[\"qds-action-item.cjs\",[[257,\"qds-action-item\",{\"importance\":[1],\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"action\":[1],\"actionDescription\":[1,\"action-description\"],\"size\":[1],\"text\":[1],\"tooltip\":[32]},[[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"]}]]],[\"qds-breadcrumb-item.cjs\",[[273,\"qds-breadcrumb-item\",{\"text\":[1],\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"href\":[1],\"hreflang\":[1],\"referrerPolicy\":[1,\"referrerpolicy\"],\"rel\":[1],\"target\":[1],\"tooltip\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"text\":[\"textChanged\"]}]]],[\"qds-input.cjs\",[[337,\"qds-input\",{\"status\":[1],\"readonly\":[4],\"clearable\":[4],\"noIcon\":[4,\"no-icon\"],\"size\":[1],\"accept\":[1],\"autoComplete\":[1,\"autocomplete\"],\"capture\":[1],\"disabled\":[4],\"enterkeyhint\":[1],\"files\":[16],\"form\":[1],\"inputmode\":[1],\"labels\":[16],\"max\":[8],\"maxLength\":[2,\"maxlength\"],\"min\":[8],\"minLength\":[2,\"minlength\"],\"multiple\":[4],\"name\":[1],\"pattern\":[1],\"placeholder\":[1],\"required\":[4],\"selectionDirection\":[1025,\"selection-direction\"],\"selectionEnd\":[1026,\"selection-end\"],\"selectionStart\":[1026,\"selection-start\"],\"step\":[8],\"type\":[1],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1032],\"willValidate\":[4,\"will-validate\"],\"tabIndex\":[32],\"isPasswordVisible\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"]],{\"aria-label\":[\"ariaLabelChanged\"],\"status\":[\"statusChanged\"],\"disabled\":[\"disabledChanged\"],\"selectionDirection\":[\"selectionDirectionChanged\"],\"selectionEnd\":[\"selectionEndChanged\"],\"selectionStart\":[\"selectionStartChanged\"],\"tabindex\":[\"tabindexChanged\"],\"max\":[\"validationChanged\"],\"maxLength\":[\"validationChanged\"],\"min\":[\"validationChanged\"],\"minLength\":[\"validationChanged\"],\"pattern\":[\"validationChanged\"],\"required\":[\"validationChanged\"],\"step\":[\"validationChanged\"],\"type\":[\"validationChanged\"],\"value\":[\"validationChanged\",\"valueChanged\"]}]]],[\"qds-form-message.cjs\",[[257,\"qds-form-message\",{\"inline\":[4],\"size\":[1],\"status\":[1],\"statusDescription\":[1,\"status-description\"],\"text\":[1]},null,{\"status\":[\"statusChanged\"]}]]],[\"qds-inline-link.cjs\",[[257,\"qds-inline-link\",{\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"download\":[8],\"href\":[1],\"hreflang\":[1],\"referrerPolicy\":[1,\"referrerpolicy\"],\"rel\":[1],\"target\":[1],\"linkIcon\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"]],{\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"rel\":[\"hrefTargetChanged\"],\"target\":[\"hrefTargetChanged\"]}]]],[\"qds-label.cjs\",[[257,\"qds-label\",{\"inline\":[4],\"required\":[4],\"size\":[1],\"importance\":[1],\"text\":[1],\"tooltipTarget\":[1,\"tooltip-target\"],\"tooltip\":[32]},null,{\"text\":[\"textChanged\"]}]]],[\"qds-loader.cjs\",[[321,\"qds-loader\",{\"size\":[1],\"status\":[1],\"importance\":[1]},null,{\"status\":[\"statusChanged\"]}]]],[\"qds-select.cjs\",[[337,\"qds-select\",{\"status\":[1],\"size\":[1],\"autoComplete\":[1,\"autocomplete\"],\"disabled\":[4],\"form\":[1],\"length\":[2],\"multiple\":[4],\"name\":[1],\"options\":[16],\"required\":[4],\"selectedIndex\":[1026,\"selected-index\"],\"selectedOptions\":[16,\"selected-options\"],\"type\":[1],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1025],\"willValidate\":[4,\"will-validate\"],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"selectedIndex\":[\"selectedIndexChanged\"],\"tabindex\":[\"tabindexChanged\"],\"required\":[\"validationChanged\"],\"value\":[\"validationChanged\"],\"status\":[\"statusChanged\"]}]]],[\"qds-standalone-link.cjs\",[[257,\"qds-standalone-link\",{\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"size\":[1],\"visitable\":[4],\"download\":[8],\"href\":[1],\"hreflang\":[1],\"referrerPolicy\":[1,\"referrerpolicy\"],\"rel\":[1],\"target\":[1],\"linkIcon\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"]],{\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"rel\":[\"hrefTargetChanged\"],\"target\":[\"hrefTargetChanged\"]}]]],[\"qds-switch.cjs\",[[321,\"qds-switch\",{\"inline\":[4],\"size\":[1],\"checked\":[1028],\"disabled\":[4],\"form\":[1],\"labels\":[16],\"name\":[1],\"value\":[8],\"noIndicator\":[4,\"no-indicator\"],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"willValidate\":[4,\"will-validate\"]},[[0,\"click\",\"onClick\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"keydown\",\"onKeydown\"],[0,\"keyup\",\"onKeyup\"]],{\"checked\":[\"checkedChanged\"],\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"value\":[\"valueChanged\"]}]]],[\"qds-progress-bar.cjs\",[[321,\"qds-progress-bar\",{\"size\":[1],\"labels\":[16],\"max\":[8],\"position\":[2],\"value\":[8],\"width\":[32]},null,{\"max\":[\"maxChanged\"],\"value\":[\"valueChanged\"]}]]],[\"qds-table.cjs\",[[257,\"qds-table\"]]],[\"qds-table-cell.cjs\",[[257,\"qds-table-cell\",{\"colSpan\":[2,\"colspan\"],\"rowSpan\":[2,\"rowspan\"],\"size\":[1]},null,{\"colSpan\":[\"colSpanChanged\"],\"rowSpan\":[\"rowSpanChanged\"]}]]],[\"qds-table-head-cell.cjs\",[[257,\"qds-table-head-cell\",{\"colSpan\":[2,\"colspan\"],\"rowSpan\":[2,\"rowspan\"],\"scope\":[1],\"size\":[1]},null,{\"colSpan\":[\"colSpanChanged\"],\"rowSpan\":[\"rowSpanChanged\"],\"scope\":[\"scopeChanged\"]}]]],[\"qds-table-row.cjs\",[[257,\"qds-table-row\"]]],[\"qds-textarea.cjs\",[[337,\"qds-textarea\",{\"size\":[1],\"status\":[1],\"autoComplete\":[1,\"autocomplete\"],\"cols\":[2],\"disabled\":[4],\"readonly\":[4],\"enterkeyhint\":[1],\"form\":[1],\"inputmode\":[1],\"labels\":[16],\"maxLength\":[2,\"maxlength\"],\"minLength\":[2,\"minlength\"],\"name\":[1],\"placeholder\":[1],\"required\":[4],\"rows\":[2],\"selectionDirection\":[1025,\"selection-direction\"],\"selectionEnd\":[1026,\"selection-end\"],\"selectionStart\":[1026,\"selection-start\"],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1032],\"willValidate\":[4,\"will-validate\"],\"wrap\":[1],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"selectionDirection\":[\"selectionDirectionChanged\"],\"selectionEnd\":[\"selectionEndChanged\"],\"selectionStart\":[\"selectionStartChanged\"],\"tabindex\":[\"tabindexChanged\"],\"maxLength\":[\"validationChanged\"],\"minLength\":[\"validationChanged\"],\"required\":[\"validationChanged\"],\"value\":[\"validationChanged\",\"valueChanged\"],\"status\":[\"statusChanged\"]}]]],[\"qds-tag.cjs\",[[257,\"qds-tag\",{\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"status\":[1],\"size\":[1],\"text\":[1],\"iconDescription\":[1,\"icon-description\"],\"badge\":[4],\"badgeDescription\":[1,\"badge-description\"]}]]],[\"qds-title.cjs\",[[257,\"qds-title\",{\"alignment\":[1],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"kicker\":[1],\"layer\":[1],\"level\":[1],\"subtitle\":[1],\"tag\":[1],\"variant\":[1]}]]],[\"qds-checkbox_2.cjs\",[[321,\"qds-checkbox\",{\"checkboxOnly\":[4,\"checkbox-only\"],\"inline\":[4],\"size\":[1],\"text\":[1],\"checked\":[1028],\"disabled\":[4],\"form\":[1],\"indeterminate\":[1028],\"name\":[1],\"required\":[4],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[8],\"willValidate\":[4,\"will-validate\"],\"tooltip\":[32]},[[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"click\",\"onClick\"],[0,\"keyup\",\"onKeyup\"]],{\"checked\":[\"checkedChanged\"],\"disabled\":[\"disabledChanged\"],\"indeterminate\":[\"indeterminateChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"],\"value\":[\"valueChanged\"],\"required\":[\"requiredChanged\"]}],[258,\"qds-radio\",{\"inline\":[4],\"size\":[1],\"text\":[1],\"checked\":[1028],\"disabled\":[4],\"form\":[1],\"name\":[1],\"required\":[4],\"value\":[1032],\"tabIndex\":[32],\"tooltip\":[32]},[[0,\"click\",\"onClick\"]],{\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"]}]]],[\"qds-avatar-media.cjs\",[[257,\"qds-avatar-media\",{\"src\":[1],\"alt\":[1],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"text\":[1],\"initials\":[32],\"hasImageError\":[32]},null,{\"text\":[\"textChanged\",\"roleChanged\"],\"src\":[\"roleChanged\"],\"iconName\":[\"roleChanged\"],\"alt\":[\"roleChanged\"]}]]],[\"qds-dropdown.cjs\",[[273,\"qds-dropdown\",{\"autoUpdateOptions\":[16,\"auto-update-options\"],\"disabled\":[4],\"flipOptions\":[16,\"flip-options\"],\"noFlip\":[4,\"no-flip\"],\"noShift\":[4,\"no-shift\"],\"offsetOptions\":[16,\"offset-options\"],\"placement\":[1],\"shiftOptions\":[16,\"shift-options\"],\"strategy\":[1],\"target\":[1],\"keepOpenOnSelect\":[4,\"keep-open-on-select\"],\"updateGap\":[64],\"show\":[64],\"close\":[64],\"focusFirstItem\":[64]},[[4,\"click\",\"handleMouseDown\"],[0,\"click\",\"onItemClick\"]],{\"target\":[\"updateReferenceElement\"],\"flipOptions\":[\"updateMiddleware\"],\"noFlip\":[\"updateMiddleware\"],\"noShift\":[\"updateMiddleware\"],\"offsetOptions\":[\"updateMiddleware\"],\"shiftOptions\":[\"updateMiddleware\"],\"middleware\":[\"updatePosition\"],\"placement\":[\"updatePosition\"],\"strategy\":[\"updatePosition\"],\"autoUpdateOptions\":[\"startAutoUpdate\"]}]]],[\"qds-mini-button.cjs\",[[321,\"qds-mini-button\",{\"disabled\":[4],\"name\":[1],\"library\":[1],\"target\":[1],\"href\":[1],\"rel\":[1],\"text\":[1]},[[0,\"click\",\"onClick\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"keydown\",\"onKeydown\"],[0,\"keyup\",\"onKeyup\"]],{\"disabled\":[\"disabledChanged\"],\"href\":[\"hrefChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"]}]]],[\"qds-tooltip.cjs\",[[257,\"qds-tooltip\",{\"autoUpdateOptions\":[16,\"auto-update-options\"],\"disabled\":[4],\"flipOptions\":[16,\"flip-options\"],\"noFlip\":[4,\"no-flip\"],\"noShift\":[4,\"no-shift\"],\"offsetOptions\":[16,\"offset-options\"],\"placement\":[1],\"shiftOptions\":[16,\"shift-options\"],\"strategy\":[1],\"target\":[1],\"trigger\":[1],\"show\":[64],\"close\":[64],\"updateArrow\":[64]},null,{\"flipOptions\":[\"updateMiddleware\"],\"noFlip\":[\"updateMiddleware\"],\"noShift\":[\"updateMiddleware\"],\"offsetOptions\":[\"updateMiddleware\"],\"shiftOptions\":[\"updateMiddleware\"],\"target\":[\"updateReferenceElement\"],\"trigger\":[\"updateEventListeners\"],\"middleware\":[\"updatePosition\"],\"placement\":[\"updatePosition\"],\"strategy\":[\"updatePosition\"],\"autoUpdateOptions\":[\"startAutoUpdate\"]}]]],[\"qds-badge-counter_2.cjs\",[[257,\"qds-badge-counter\",{\"description\":[1],\"importance\":[1],\"size\":[1],\"strokeRing\":[4,\"stroke-ring\"],\"value\":[8]}],[257,\"qds-badge-indicator\",{\"description\":[1],\"size\":[1],\"status\":[1],\"strokeRing\":[4,\"stroke-ring\"]}]]],[\"qds-divider_2.cjs\",[[257,\"qds-divider\",{\"importance\":[1],\"vertical\":[4]},null,{\"vertical\":[\"verticalChanged\"]}],[321,\"qds-icon-button\",{\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"size\":[1],\"importance\":[1],\"badge\":[8],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"],\"target\":[1],\"href\":[1],\"rel\":[1],\"download\":[1],\"text\":[1]},[[0,\"click\",\"onClick\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"keydown\",\"onKeydown\"],[0,\"keyup\",\"onKeyup\"]],{\"disabled\":[\"disabledChanged\"],\"href\":[\"hrefChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"],\"aria-label\":[\"ariaLabelChanged\"]}]]]]"), options);
|
|
14
|
+
return index.bootstrapLazy(JSON.parse("[[\"qds-icon.cjs\",[[257,\"qds-icon\",{\"name\":[1],\"library\":[1],\"svg\":[32]},null,{\"name\":[\"setIcon\"],\"library\":[\"setIcon\"]}]]],[\"qds-list-item.cjs\",[[257,\"qds-list-item\",{\"destination\":[1],\"disabled\":[4],\"showDivider\":[4,\"show-divider\"],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"avatarSrc\":[1,\"avatar-src\"],\"imageSrc\":[1,\"image-src\"],\"kicker\":[1],\"listAction\":[513,\"list-action\"],\"size\":[1],\"selected\":[1028],\"indeterminate\":[1028],\"text\":[1],\"subtitle\":[1],\"badge\":[8],\"badgeDescription\":[1,\"badge-description\"],\"textTooltip\":[32],\"subtitleTooltip\":[32],\"hasSubmenuSlot\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"],[0,\"keyup\",\"onKeyup\"],[1,\"dragstart\",\"onDragstart\"],[1,\"dragend\",\"onDragend\"]],{\"disabled\":[\"disabledChanged\"],\"listAction\":[\"listActionChanged\"],\"text\":[\"textChanged\"],\"subtitle\":[\"subtitleChanged\"],\"badge\":[\"badgeOrKickerChanged\"],\"badgeDescription\":[\"badgeOrKickerChanged\"],\"kicker\":[\"badgeOrKickerChanged\"]}]]],[\"qds-tabbar.cjs\",[[273,\"qds-tabbar\",{\"layer\":[1],\"level\":[1],\"size\":[1],\"orientation\":[1],\"placement\":[1],\"tablistDescription\":[1,\"tablist-description\"],\"showDivider\":[4,\"show-divider\"],\"alignment\":[1],\"importance\":[1],\"active\":[1],\"disableEndArrow\":[32],\"disableStartArrow\":[32],\"activeTab\":[32],\"scrollAnnouncement\":[32]},[[9,\"resize\",\"windowResize\"]],{\"importance\":[\"settingChanged\"],\"orientation\":[\"accessibilityChanged\"],\"placement\":[\"accessibilityChanged\"],\"tablistDescription\":[\"accessibilityChanged\"],\"active\":[\"activeChanged\"]}]]],[\"qds-dialog.cjs\",[[257,\"qds-dialog\",{\"open\":[1540],\"closable\":[4],\"hasTitleSlot\":[32],\"hasFooterSlot\":[32]},null,{\"open\":[\"openChanged\"]}]]],[\"qds-icon-tab.cjs\",[[257,\"qds-icon-tab\",{\"badge\":[8],\"badgeCounterImportance\":[1,\"badge-counter-importance\"],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"],\"disabled\":[4],\"iconLibrary\":[1,\"icon-library\"],\"iconName\":[1,\"icon-name\"],\"importance\":[1],\"indicatorPosition\":[1,\"indicator-position\"],\"panel\":[1],\"selected\":[4],\"size\":[1],\"text\":[1],\"href\":[1],\"tabIndex\":[32],\"isIndicatorOnTop\":[32]},[[0,\"click\",\"onClick\"]],{\"panel\":[\"panelChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"ariaLabelChanged\"],\"badge\":[\"ariaLabelChanged\"],\"badgeDescription\":[\"ariaLabelChanged\"],\"href\":[\"hrefChanged\"]}]]],[\"qds-tab.cjs\",[[257,\"qds-tab\",{\"action\":[1],\"badge\":[8],\"badgeCounterImportance\":[1,\"badge-counter-importance\"],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"],\"disabled\":[4],\"iconLibrary\":[1,\"icon-library\"],\"iconName\":[1,\"icon-name\"],\"importance\":[1],\"indicatorPosition\":[1,\"indicator-position\"],\"panel\":[1],\"tagIconDescription\":[1,\"tag-icon-description\"],\"tagIconName\":[1,\"tag-icon-name\"],\"tagIconLibrary\":[1,\"tag-icon-library\"],\"tagImportance\":[1,\"tag-importance\"],\"tagSize\":[1,\"tag-size\"],\"tagStatus\":[1,\"tag-status\"],\"tagText\":[1,\"tag-text\"],\"selected\":[4],\"size\":[1],\"subtitle\":[1],\"text\":[1],\"href\":[1],\"tabIndex\":[32],\"isIndicatorOnTop\":[32]},[[0,\"click\",\"onClick\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"]],{\"panel\":[\"panelChanged\"],\"tabindex\":[\"tabindexChanged\"],\"action\":[\"actionChanged\"]}]]],[\"qds-button.cjs\",[[321,\"qds-button\",{\"action\":[1],\"badge\":[8],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"size\":[1],\"text\":[1],\"iconOnly\":[4,\"icon-only\"],\"disabled\":[4],\"download\":[1],\"form\":[1],\"formAction\":[1,\"formaction\"],\"formMethod\":[1,\"formmethod\"],\"formNoValidate\":[4,\"formnovalidate\"],\"formTarget\":[1,\"formtarget\"],\"href\":[1],\"labels\":[16],\"rel\":[1],\"name\":[1],\"target\":[1],\"type\":[1],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1],\"willValidate\":[4,\"will-validate\"],\"tooltipPlacement\":[1,\"tooltip-placement\"],\"tooltip\":[32]},[[0,\"blur\",\"onBlur\"],[0,\"click\",\"onClick\"],[0,\"focus\",\"onFocus\"],[0,\"keydown\",\"onKeydown\"],[0,\"keyup\",\"onKeyup\"]],{\"action\":[\"actionChanged\"],\"disabled\":[\"disabledChanged\"],\"href\":[\"hrefChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"],\"iconOnly\":[\"iconOnlyChanged\"]}]]],[\"qds-avatar.cjs\",[[257,\"qds-avatar\",{\"avatarSrc\":[1,\"avatar-src\"],\"avatarAlt\":[1,\"avatar-alt\"],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"kicker\":[1],\"label\":[1],\"size\":[1],\"vertical\":[4],\"badge\":[4],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"]}]]],[\"qds-chip.cjs\",[[321,\"qds-chip\",{\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"size\":[1],\"type\":[1],\"text\":[1],\"checked\":[1028],\"form\":[1],\"disabled\":[4],\"name\":[1],\"value\":[8],\"isPressed\":[32],\"isSelected\":[32],\"tooltip\":[32]},[[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"click\",\"onClick\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"keyup\",\"handleKeyUp\"]],{\"checked\":[\"checkedChanged\"],\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"],\"value\":[\"valueChanged\"]}]]],[\"qds-menu-item.cjs\",[[257,\"qds-menu-item\",{\"disabled\":[516],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"size\":[1],\"type\":[1],\"checked\":[1028],\"text\":[1],\"shortcut\":[1],\"hasSubmenuSlot\":[32],\"tooltip\":[32]},[[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"]],{\"disabled\":[\"disabledChanged\"],\"checked\":[\"checkedChanged\"],\"text\":[\"textChanged\"],\"aria-label\":[\"ariaLabelChanged\"],\"shortcut\":[\"shortcutChanged\"]}]]],[\"qds-action-item.cjs\",[[257,\"qds-action-item\",{\"importance\":[1],\"disabled\":[516],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"action\":[1],\"actionDescription\":[1,\"action-description\"],\"size\":[1],\"text\":[1],\"tooltip\":[32]},[[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"click\",\"onClick\"],[1,\"pointerleave\",\"onPointerleave\"]],{\"disabled\":[\"disabledChanged\"],\"tooltip\":[\"tooltipChanged\"]}]]],[\"qds-breadcrumb-item.cjs\",[[273,\"qds-breadcrumb-item\",{\"text\":[1],\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"href\":[1],\"hreflang\":[1],\"referrerPolicy\":[1,\"referrerpolicy\"],\"rel\":[1],\"target\":[1],\"tooltip\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"text\":[\"textChanged\"]}]]],[\"qds-input.cjs\",[[337,\"qds-input\",{\"status\":[1],\"readonly\":[4],\"clearable\":[4],\"noIcon\":[4,\"no-icon\"],\"size\":[1],\"accept\":[1],\"autoComplete\":[1,\"autocomplete\"],\"capture\":[1],\"disabled\":[4],\"enterkeyhint\":[1],\"files\":[16],\"form\":[1],\"inputmode\":[1],\"labels\":[16],\"max\":[8],\"maxLength\":[2,\"maxlength\"],\"min\":[8],\"minLength\":[2,\"minlength\"],\"multiple\":[4],\"name\":[1],\"pattern\":[1],\"placeholder\":[1],\"required\":[4],\"selectionDirection\":[1025,\"selection-direction\"],\"selectionEnd\":[1026,\"selection-end\"],\"selectionStart\":[1026,\"selection-start\"],\"step\":[8],\"type\":[1],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1032],\"willValidate\":[4,\"will-validate\"],\"tabIndex\":[32],\"isPasswordVisible\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"]],{\"aria-label\":[\"ariaLabelChanged\"],\"status\":[\"statusChanged\"],\"disabled\":[\"disabledChanged\"],\"selectionDirection\":[\"selectionDirectionChanged\"],\"selectionEnd\":[\"selectionEndChanged\"],\"selectionStart\":[\"selectionStartChanged\"],\"tabindex\":[\"tabindexChanged\"],\"max\":[\"validationChanged\"],\"maxLength\":[\"validationChanged\"],\"min\":[\"validationChanged\"],\"minLength\":[\"validationChanged\"],\"pattern\":[\"validationChanged\"],\"required\":[\"validationChanged\"],\"step\":[\"validationChanged\"],\"type\":[\"validationChanged\"],\"value\":[\"validationChanged\",\"valueChanged\"]}]]],[\"qds-form-message.cjs\",[[257,\"qds-form-message\",{\"inline\":[4],\"size\":[1],\"status\":[1],\"statusDescription\":[1,\"status-description\"],\"text\":[1]},null,{\"status\":[\"statusChanged\"]}]]],[\"qds-inline-link.cjs\",[[257,\"qds-inline-link\",{\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"download\":[8],\"href\":[1],\"hreflang\":[1],\"referrerPolicy\":[1,\"referrerpolicy\"],\"rel\":[1],\"target\":[1],\"linkIcon\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"]],{\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"rel\":[\"hrefTargetChanged\"],\"target\":[\"hrefTargetChanged\"]}]]],[\"qds-label.cjs\",[[257,\"qds-label\",{\"inline\":[4],\"required\":[4],\"size\":[1],\"importance\":[1],\"text\":[1],\"tooltipTarget\":[1,\"tooltip-target\"],\"tooltip\":[32]},null,{\"text\":[\"textChanged\"]}]]],[\"qds-loader.cjs\",[[321,\"qds-loader\",{\"size\":[1],\"status\":[1],\"importance\":[1]},null,{\"status\":[\"statusChanged\"]}]]],[\"qds-select.cjs\",[[337,\"qds-select\",{\"status\":[1],\"size\":[1],\"autoComplete\":[1,\"autocomplete\"],\"disabled\":[4],\"form\":[1],\"length\":[2],\"multiple\":[4],\"name\":[1],\"options\":[16],\"required\":[4],\"selectedIndex\":[1026,\"selected-index\"],\"selectedOptions\":[16,\"selected-options\"],\"type\":[1],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1025],\"willValidate\":[4,\"will-validate\"],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"selectedIndex\":[\"selectedIndexChanged\"],\"tabindex\":[\"tabindexChanged\"],\"required\":[\"validationChanged\"],\"value\":[\"validationChanged\"],\"status\":[\"statusChanged\"]}]]],[\"qds-standalone-link.cjs\",[[257,\"qds-standalone-link\",{\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"size\":[1],\"visitable\":[4],\"download\":[8],\"href\":[1],\"hreflang\":[1],\"referrerPolicy\":[1,\"referrerpolicy\"],\"rel\":[1],\"target\":[1],\"linkIcon\":[32]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeydown\"]],{\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"rel\":[\"hrefTargetChanged\"],\"target\":[\"hrefTargetChanged\"]}]]],[\"qds-switch.cjs\",[[321,\"qds-switch\",{\"inline\":[4],\"size\":[1],\"checked\":[1028],\"disabled\":[4],\"form\":[1],\"labels\":[16],\"name\":[1],\"value\":[8],\"noIndicator\":[4,\"no-indicator\"],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"willValidate\":[4,\"will-validate\"]},[[0,\"click\",\"onClick\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"keydown\",\"onKeydown\"],[0,\"keyup\",\"onKeyup\"]],{\"checked\":[\"checkedChanged\"],\"disabled\":[\"disabledChanged\"],\"tabindex\":[\"tabindexChanged\"],\"value\":[\"valueChanged\"]}]]],[\"qds-progress-bar.cjs\",[[321,\"qds-progress-bar\",{\"size\":[1],\"labels\":[16],\"max\":[8],\"position\":[2],\"value\":[8],\"width\":[32]},null,{\"max\":[\"maxChanged\"],\"value\":[\"valueChanged\"]}]]],[\"qds-table.cjs\",[[257,\"qds-table\"]]],[\"qds-table-cell.cjs\",[[257,\"qds-table-cell\",{\"colSpan\":[2,\"colspan\"],\"rowSpan\":[2,\"rowspan\"],\"size\":[1]},null,{\"colSpan\":[\"colSpanChanged\"],\"rowSpan\":[\"rowSpanChanged\"]}]]],[\"qds-table-head-cell.cjs\",[[257,\"qds-table-head-cell\",{\"colSpan\":[2,\"colspan\"],\"rowSpan\":[2,\"rowspan\"],\"scope\":[1],\"size\":[1]},null,{\"colSpan\":[\"colSpanChanged\"],\"rowSpan\":[\"rowSpanChanged\"],\"scope\":[\"scopeChanged\"]}]]],[\"qds-table-row.cjs\",[[257,\"qds-table-row\"]]],[\"qds-textarea.cjs\",[[337,\"qds-textarea\",{\"size\":[1],\"status\":[1],\"autoComplete\":[1,\"autocomplete\"],\"cols\":[2],\"disabled\":[4],\"readonly\":[4],\"enterkeyhint\":[1],\"form\":[1],\"inputmode\":[1],\"labels\":[16],\"maxLength\":[2,\"maxlength\"],\"minLength\":[2,\"minlength\"],\"name\":[1],\"placeholder\":[1],\"required\":[4],\"rows\":[2],\"selectionDirection\":[1025,\"selection-direction\"],\"selectionEnd\":[1026,\"selection-end\"],\"selectionStart\":[1026,\"selection-start\"],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[1032],\"willValidate\":[4,\"will-validate\"],\"wrap\":[1],\"tabIndex\":[32]},[[0,\"click\",\"onClick\"]],{\"disabled\":[\"disabledChanged\"],\"selectionDirection\":[\"selectionDirectionChanged\"],\"selectionEnd\":[\"selectionEndChanged\"],\"selectionStart\":[\"selectionStartChanged\"],\"tabindex\":[\"tabindexChanged\"],\"maxLength\":[\"validationChanged\"],\"minLength\":[\"validationChanged\"],\"required\":[\"validationChanged\"],\"value\":[\"validationChanged\",\"valueChanged\"],\"status\":[\"statusChanged\"]}]]],[\"qds-tag.cjs\",[[257,\"qds-tag\",{\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"importance\":[1],\"status\":[1],\"size\":[1],\"text\":[1],\"iconDescription\":[1,\"icon-description\"],\"badge\":[4],\"badgeDescription\":[1,\"badge-description\"]}]]],[\"qds-title.cjs\",[[257,\"qds-title\",{\"alignment\":[1],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"kicker\":[1],\"layer\":[1],\"level\":[1],\"subtitle\":[1],\"tag\":[1],\"variant\":[1]}]]],[\"qds-checkbox_2.cjs\",[[321,\"qds-checkbox\",{\"checkboxOnly\":[4,\"checkbox-only\"],\"inline\":[4],\"size\":[1],\"text\":[1],\"checked\":[1028],\"disabled\":[4],\"form\":[1],\"indeterminate\":[1028],\"name\":[1],\"required\":[4],\"validationMessage\":[1,\"validation-message\"],\"validity\":[16],\"value\":[8],\"willValidate\":[4,\"will-validate\"],\"tooltip\":[32]},[[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"click\",\"onClick\"],[0,\"keyup\",\"onKeyup\"]],{\"checked\":[\"checkedChanged\"],\"disabled\":[\"disabledChanged\"],\"indeterminate\":[\"indeterminateChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"],\"value\":[\"valueChanged\"],\"required\":[\"requiredChanged\"]}],[258,\"qds-radio\",{\"inline\":[4],\"size\":[1],\"text\":[1],\"checked\":[1028],\"disabled\":[4],\"form\":[1],\"name\":[1],\"required\":[4],\"value\":[1032],\"tabIndex\":[32],\"tooltip\":[32]},[[0,\"click\",\"onClick\"]],{\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"]}]]],[\"qds-avatar-media.cjs\",[[257,\"qds-avatar-media\",{\"src\":[1],\"alt\":[1],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"text\":[1],\"initials\":[32],\"hasImageError\":[32]},null,{\"text\":[\"textChanged\",\"roleChanged\"],\"src\":[\"roleChanged\"],\"iconName\":[\"roleChanged\"],\"alt\":[\"roleChanged\"]}]]],[\"qds-dropdown.cjs\",[[273,\"qds-dropdown\",{\"autoUpdateOptions\":[16,\"auto-update-options\"],\"disabled\":[4],\"flipOptions\":[16,\"flip-options\"],\"noFlip\":[4,\"no-flip\"],\"noShift\":[4,\"no-shift\"],\"offsetOptions\":[16,\"offset-options\"],\"placement\":[1],\"shiftOptions\":[16,\"shift-options\"],\"strategy\":[1],\"target\":[1],\"keepOpenOnSelect\":[4,\"keep-open-on-select\"],\"updateGap\":[64],\"show\":[64],\"close\":[64],\"focusFirstItem\":[64]},[[4,\"click\",\"handleMouseDown\"],[0,\"click\",\"onItemClick\"]],{\"target\":[\"updateReferenceElement\"],\"flipOptions\":[\"updateMiddleware\"],\"noFlip\":[\"updateMiddleware\"],\"noShift\":[\"updateMiddleware\"],\"offsetOptions\":[\"updateMiddleware\"],\"shiftOptions\":[\"updateMiddleware\"],\"middleware\":[\"updatePosition\"],\"placement\":[\"updatePosition\"],\"strategy\":[\"updatePosition\"],\"autoUpdateOptions\":[\"startAutoUpdate\"]}]]],[\"qds-mini-button.cjs\",[[321,\"qds-mini-button\",{\"disabled\":[4],\"name\":[1],\"library\":[1],\"target\":[1],\"href\":[1],\"rel\":[1],\"text\":[1]},[[0,\"click\",\"onClick\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"keydown\",\"onKeydown\"],[0,\"keyup\",\"onKeyup\"]],{\"disabled\":[\"disabledChanged\"],\"href\":[\"hrefChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"]}]]],[\"qds-tooltip.cjs\",[[257,\"qds-tooltip\",{\"autoUpdateOptions\":[16,\"auto-update-options\"],\"disabled\":[4],\"flipOptions\":[16,\"flip-options\"],\"noFlip\":[4,\"no-flip\"],\"noShift\":[4,\"no-shift\"],\"offsetOptions\":[16,\"offset-options\"],\"placement\":[1],\"shiftOptions\":[16,\"shift-options\"],\"strategy\":[1],\"target\":[1],\"trigger\":[1],\"show\":[64],\"close\":[64],\"updateArrow\":[64]},null,{\"flipOptions\":[\"updateMiddleware\"],\"noFlip\":[\"updateMiddleware\"],\"noShift\":[\"updateMiddleware\"],\"offsetOptions\":[\"updateMiddleware\"],\"shiftOptions\":[\"updateMiddleware\"],\"target\":[\"updateReferenceElement\"],\"trigger\":[\"updateEventListeners\"],\"middleware\":[\"updatePosition\"],\"placement\":[\"updatePosition\"],\"strategy\":[\"updatePosition\"],\"autoUpdateOptions\":[\"startAutoUpdate\"]}]]],[\"qds-badge-counter_2.cjs\",[[257,\"qds-badge-counter\",{\"description\":[1],\"importance\":[1],\"size\":[1],\"strokeRing\":[4,\"stroke-ring\"],\"value\":[8]}],[257,\"qds-badge-indicator\",{\"description\":[1],\"size\":[1],\"status\":[1],\"strokeRing\":[4,\"stroke-ring\"]}]]],[\"qds-divider_2.cjs\",[[257,\"qds-divider\",{\"importance\":[1],\"vertical\":[4]},null,{\"vertical\":[\"verticalChanged\"]}],[321,\"qds-icon-button\",{\"disabled\":[4],\"iconName\":[1,\"icon-name\"],\"iconLibrary\":[1,\"icon-library\"],\"size\":[1],\"importance\":[1],\"badge\":[8],\"badgeDescription\":[1,\"badge-description\"],\"badgeIndicatorStatus\":[1,\"badge-indicator-status\"],\"target\":[1],\"href\":[1],\"rel\":[1],\"download\":[1],\"text\":[1]},[[0,\"click\",\"onClick\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"],[0,\"keydown\",\"onKeydown\"],[0,\"keyup\",\"onKeyup\"]],{\"disabled\":[\"disabledChanged\"],\"href\":[\"hrefChanged\"],\"tabindex\":[\"tabindexChanged\"],\"text\":[\"textChanged\"],\"aria-label\":[\"ariaLabelChanged\"]}]]]]"), options);
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
exports.setNonce = index.setNonce;
|
|
@@ -29,7 +29,7 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
|
|
|
29
29
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
30
30
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
31
31
|
};
|
|
32
|
-
var _ActionItem_instances, _ActionItem_ro,
|
|
32
|
+
var _ActionItem_instances, _ActionItem_ro, _ActionItem_span, _ActionItem_tooltipElement, _ActionItem_computedSize_get, _ActionItem_computedImportance_get, _ActionItem_computedDisabled_get, _ActionItem_spanRef, _ActionItem_tooltipRef;
|
|
33
33
|
const ActionItem = class {
|
|
34
34
|
constructor(hostRef) {
|
|
35
35
|
index.registerInstance(this, hostRef);
|
|
@@ -62,23 +62,30 @@ const ActionItem = class {
|
|
|
62
62
|
this.size = 'standard';
|
|
63
63
|
this.tooltip = false;
|
|
64
64
|
_ActionItem_ro.set(this, void 0);
|
|
65
|
-
_ActionItem_actionItem.set(this, void 0);
|
|
66
65
|
_ActionItem_span.set(this, void 0);
|
|
67
|
-
|
|
68
|
-
__classPrivateFieldSet(this, _ActionItem_actionItem, actionItem, "f");
|
|
69
|
-
});
|
|
66
|
+
_ActionItem_tooltipElement.set(this, void 0);
|
|
70
67
|
_ActionItem_spanRef.set(this, (span) => {
|
|
71
68
|
__classPrivateFieldSet(this, _ActionItem_span, span, "f");
|
|
72
69
|
});
|
|
73
70
|
_ActionItem_tooltipRef.set(this, (tooltip) => {
|
|
74
|
-
|
|
75
|
-
// eslint-disable-next-line no-param-reassign
|
|
76
|
-
tooltip.target = __classPrivateFieldGet(this, _ActionItem_actionItem, "f");
|
|
71
|
+
__classPrivateFieldSet(this, _ActionItem_tooltipElement, tooltip, "f");
|
|
77
72
|
});
|
|
78
73
|
}
|
|
79
74
|
disabledChanged() {
|
|
80
75
|
this.internals.ariaDisabled = this.disabled.toString();
|
|
81
76
|
}
|
|
77
|
+
tooltipChanged(truncated) {
|
|
78
|
+
if (!__classPrivateFieldGet(this, _ActionItem_tooltipElement, "f"))
|
|
79
|
+
return;
|
|
80
|
+
__classPrivateFieldGet(this, _ActionItem_tooltipElement, "f").target = truncated ? this.host : undefined;
|
|
81
|
+
if (!truncated) {
|
|
82
|
+
helpers.ignorePromise(__classPrivateFieldGet(this, _ActionItem_tooltipElement, "f").close());
|
|
83
|
+
return;
|
|
84
|
+
}
|
|
85
|
+
if (document.activeElement === this.host &&
|
|
86
|
+
this.host.matches(':focus-visible'))
|
|
87
|
+
helpers.ignorePromise(__classPrivateFieldGet(this, _ActionItem_tooltipElement, "f").show());
|
|
88
|
+
}
|
|
82
89
|
onBlur(event) {
|
|
83
90
|
this.blurEmitter.emit(helpers.pickFocusEventAttributes(event));
|
|
84
91
|
}
|
|
@@ -89,6 +96,17 @@ const ActionItem = class {
|
|
|
89
96
|
if (__classPrivateFieldGet(this, _ActionItem_instances, "a", _ActionItem_computedDisabled_get))
|
|
90
97
|
event.stopImmediatePropagation();
|
|
91
98
|
}
|
|
99
|
+
onPointerleave() {
|
|
100
|
+
if (!__classPrivateFieldGet(this, _ActionItem_tooltipElement, "f"))
|
|
101
|
+
return;
|
|
102
|
+
if (this.host.matches(':focus-visible'))
|
|
103
|
+
return;
|
|
104
|
+
/**
|
|
105
|
+
* Close the tooltip when pointer hover ends unless the item has keyboard-visible focus.
|
|
106
|
+
* This avoids sticky hover tooltips on auto-focused first dropdown items.
|
|
107
|
+
* */
|
|
108
|
+
helpers.ignorePromise(__classPrivateFieldGet(this, _ActionItem_tooltipElement, "f").close());
|
|
109
|
+
}
|
|
92
110
|
componentWillLoad() {
|
|
93
111
|
this.internals.role = 'menuitem';
|
|
94
112
|
this.disabledChanged();
|
|
@@ -105,16 +123,18 @@ const ActionItem = class {
|
|
|
105
123
|
__classPrivateFieldGet(this, _ActionItem_ro, "f").observe(__classPrivateFieldGet(this, _ActionItem_span, "f"));
|
|
106
124
|
}
|
|
107
125
|
render() {
|
|
108
|
-
return (index.h("div", { key: '
|
|
126
|
+
return (index.h("div", { key: '1299e2b225c006c503772ffe991845dd3146e771', class: {
|
|
109
127
|
'qds-action-item': true,
|
|
110
128
|
'qds-disabled': this.disabled,
|
|
111
|
-
},
|
|
129
|
+
}, "data-size": __classPrivateFieldGet(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), "data-importance": __classPrivateFieldGet(this, _ActionItem_instances, "a", _ActionItem_computedImportance_get) }, this.iconName !== undefined && this.iconName !== '' && (index.h("qds-icon", { key: 'd842b78eb7ae8c7b0c1d5f39a77187dd34a03750', class: "qds-icon", "data-size": __classPrivateFieldGet(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), library: this.iconLibrary, name: this.iconName })), index.h("span", { key: '9caa7922530dcc476fd28ff792b289c4f592f355', class: "qds-text", "data-size": __classPrivateFieldGet(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), ref: __classPrivateFieldGet(this, _ActionItem_spanRef, "f") }, this.text), this.action !== undefined && (index.h("qds-icon", { key: 'ea40683d2db0ed4cdfde76a3ee5e651a38ea5e95', class: "qds-icon", "data-size": __classPrivateFieldGet(this, _ActionItem_instances, "a", _ActionItem_computedSize_get), name: this.action, library: "core", "aria-label": this.actionDescription, role: "img" })), index.h("qds-tooltip", { key: '922793a63f11063dcc56c242d2f8bf04995c0a5a', "aria-hidden": "true", ref: __classPrivateFieldGet(this, _ActionItem_tooltipRef, "f") }, this.text)));
|
|
112
130
|
}
|
|
131
|
+
get host() { return index.getElement(this); }
|
|
113
132
|
static get watchers() { return {
|
|
114
|
-
"disabled": ["disabledChanged"]
|
|
133
|
+
"disabled": ["disabledChanged"],
|
|
134
|
+
"tooltip": ["tooltipChanged"]
|
|
115
135
|
}; }
|
|
116
136
|
};
|
|
117
|
-
_ActionItem_ro = new WeakMap(),
|
|
137
|
+
_ActionItem_ro = new WeakMap(), _ActionItem_span = new WeakMap(), _ActionItem_tooltipElement = new WeakMap(), _ActionItem_spanRef = new WeakMap(), _ActionItem_tooltipRef = new WeakMap(), _ActionItem_instances = new WeakSet(), _ActionItem_computedSize_get = function _ActionItem_computedSize_get() {
|
|
118
138
|
switch (this.size) {
|
|
119
139
|
case 'standard':
|
|
120
140
|
case 'small':
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"qds-action-item.entry.cjs.js","sources":["src/components/action-item/action-item.css?tag=qds-action-item&encapsulation=shadow","src/components/action-item/action-item.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2025 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n display: block;\n}\n\n:host(:focus-visible) {\n /* inner ring */\n outline: var(--qds-theme-focus-border-contrast) solid\n var(--qds-focus-light-border-width);\n outline-offset: 0;\n\n /* outer ring */\n box-shadow: 0 0 0 var(--qds-focus-heavy-border-width)\n var(--qds-theme-focus-border);\n border-radius: var(--qds-control-border-radius);\n}\n\n.qds-disabled {\n opacity: var(--qds-theme-disabled);\n pointer-events: none;\n}\n\n.qds-icon {\n flex-shrink: 0;\n}\n\n.qds-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n flex-grow: 1;\n}\n\n[aria-disabled='true'] {\n opacity: var(--qds-theme-disabled);\n pointer-events: none;\n}\n\n.qds-action-item {\n align-items: center;\n box-sizing: border-box;\n display: flex;\n border: none;\n cursor: pointer;\n border-radius: var(--qds-control-border-radius);\n\n &:hover {\n background-color: var(--qds-theme-interactive-background-hover);\n }\n\n &:active {\n background-color: var(--qds-theme-interactive-background-pressed);\n }\n}\n\n[data-size='small'] {\n &.qds-action-item {\n gap: var(--qds-list-item-small-gap-internal);\n min-height: var(--qds-list-item-small-height);\n padding-block: var(--qds-list-item-small-padding-vertical);\n padding-inline: var(--qds-list-item-small-padding-horizontal);\n }\n\n .qds-icon {\n height: var(--qds-control-small-icon-size);\n width: var(--qds-control-small-icon-size);\n }\n\n .qds-text {\n font: var(--qds-list-item-small-title);\n }\n}\n\n[data-size='standard'] {\n &.qds-action-item {\n gap: var(--qds-list-item-standard-gap-internal);\n min-height: var(--qds-list-item-standard-height);\n padding-block: var(--qds-list-item-standard-padding-vertical);\n padding-inline: var(--qds-list-item-standard-padding-horizontal);\n }\n\n .qds-icon {\n height: var(--qds-control-standard-icon-size);\n width: var(--qds-control-standard-icon-size);\n }\n\n .qds-text {\n font: var(--qds-list-item-standard-title);\n }\n}\n\n[data-size='large'] {\n &.qds-action-item {\n gap: var(--qds-list-item-large-gap-internal);\n min-height: var(--qds-list-item-large-height);\n padding-block: var(--qds-list-item-large-padding-vertical);\n padding-inline: var(--qds-list-item-large-padding-horizontal);\n }\n\n .qds-icon {\n height: var(--qds-control-large-icon-size);\n width: var(--qds-control-large-icon-size);\n }\n\n .qds-text {\n font: var(--qds-list-item-large-title);\n }\n}\n\n[data-importance='standard'] {\n .qds-text {\n color: var(--qds-theme-text-standard);\n }\n\n .qds-icon {\n color: var(--qds-theme-control-text-standard);\n }\n}\n\n[data-importance='emphasized'] {\n &.qds-action-item {\n .qds-text,\n .qds-icon {\n color: var(--qds-theme-signature-color-default);\n }\n\n &:hover {\n .qds-text,\n .qds-icon {\n color: var(--qds-theme-signature-color-hover);\n }\n }\n\n &:active {\n .qds-text,\n .qds-icon {\n color: var(--qds-theme-signature-color-pressed);\n }\n }\n }\n}\n\n[data-importance='subdued'] {\n &.qds-action-item {\n .qds-text,\n .qds-icon {\n color: var(--qds-theme-link-standard-default);\n }\n\n &:hover {\n .qds-text,\n .qds-icon {\n color: var(--qds-theme-link-standard-hover);\n }\n }\n\n &:active {\n .qds-text,\n .qds-icon {\n color: var(--qds-theme-link-standard-pressed);\n }\n }\n }\n}\n\n[data-importance='destructive'] {\n &.qds-action-item {\n .qds-text,\n .qds-icon {\n color: var(--qds-theme-feedback-action-destructive-default);\n }\n\n &:hover {\n .qds-text,\n .qds-icon {\n color: var(--qds-theme-feedback-action-destructive-hover);\n }\n }\n\n &:active {\n .qds-text,\n .qds-icon {\n color: var(--qds-theme-feedback-action-destructive-pressed);\n }\n }\n }\n}\n","// SPDX-FileCopyrightText: © 2025 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport {\n AttachInternals,\n Component,\n Event,\n h,\n Listen,\n Prop,\n readTask,\n State,\n Watch,\n} from '@stencil/core'\n\nimport type { QdsFocusEventDetail } from '../../helpers'\nimport {\n invariant,\n isEllipsisActive,\n pickFocusEventAttributes,\n} from '../../helpers'\nimport type { Importance, Size } from '../shared'\n\nexport type ActionItemImportance = Importance | 'destructive'\n\n/**\n *\n *\n * @see https://quartz.se.com/build/components/action-item\n */\n@Component({\n tag: 'qds-action-item',\n shadow: true,\n styleUrl: 'action-item.css',\n})\nexport class ActionItem implements ComponentInterface {\n /**\n * The action item's importance.\n */\n @Prop() public readonly importance?: ActionItemImportance = 'standard'\n\n /**\n * Prevents the action item from being interacted with: it cannot be clicked\n * or focused.\n */\n @Prop() public readonly disabled: boolean = false\n\n /**\n * The name of the icon to render.\n *\n * Available names depend on the icon library being used.\n */\n @Prop() public readonly iconName?: string\n\n /**\n * The name of a registered icon library.\n */\n @Prop() public readonly iconLibrary: string = 'default'\n\n /**\n * The name of the action icon to render.\n *\n * Available names exist on the core icon library.\n */\n @Prop() public readonly action?: string\n\n /**\n * The action icon's accessible text that will be used by\n * screen readers.\n */\n @Prop() public readonly actionDescription?: string\n\n /**\n * The action items's size.\n */\n @Prop() public readonly size?: Size = 'standard'\n\n /**\n * The action item's text.\n */\n @Prop() public readonly text!: string\n\n @State() private tooltip = false\n\n /**\n * Emitted when the action item loses focus.\n */\n @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n /**\n * Emitted when the action item gains focus.\n */\n @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n @AttachInternals() private readonly internals!: ElementInternals\n\n #ro?: ResizeObserver\n\n #actionItem?: HTMLDivElement\n\n #span?: HTMLSpanElement\n\n get #computedSize(): Size {\n switch (this.size) {\n case 'standard':\n case 'small':\n case 'large': {\n return this.size\n }\n default: {\n return 'standard'\n }\n }\n }\n\n get #computedImportance(): ActionItemImportance {\n switch (this.importance) {\n case 'emphasized':\n case 'subdued':\n case 'destructive': {\n return this.importance\n }\n default: {\n return 'standard'\n }\n }\n }\n\n get #computedDisabled(): boolean {\n return this.disabled\n }\n\n @Watch('disabled')\n protected disabledChanged(): void {\n this.internals.ariaDisabled = this.disabled.toString()\n }\n\n @Listen('blur')\n protected onBlur(event: FocusEvent): void {\n this.blurEmitter.emit(pickFocusEventAttributes(event))\n }\n\n @Listen('focus')\n protected onFocus(event: FocusEvent): void {\n this.focusEmitter.emit(pickFocusEventAttributes(event))\n }\n\n @Listen('click')\n protected onClick(event: MouseEvent): void {\n if (this.#computedDisabled) event.stopImmediatePropagation()\n }\n\n public componentWillLoad(): void {\n this.internals.role = 'menuitem'\n this.disabledChanged()\n }\n\n public componentDidLoad(): void {\n invariant(this.#span)\n\n const span = this.#span\n readTask(() => {\n this.tooltip = isEllipsisActive(span)\n })\n this.#ro = new ResizeObserver(([spanEntry]) => {\n this.tooltip = isEllipsisActive(spanEntry.target as HTMLSpanElement)\n })\n this.#ro.observe(this.#span)\n }\n\n public render() {\n return (\n <div\n class={{\n 'qds-action-item': true,\n 'qds-disabled': this.disabled,\n }}\n ref={this.#actionDivRef}\n data-size={this.#computedSize}\n data-importance={this.#computedImportance}\n >\n {this.iconName !== undefined && this.iconName !== '' && (\n <qds-icon\n class=\"qds-icon\"\n data-size={this.#computedSize}\n library={this.iconLibrary}\n name={this.iconName}\n />\n )}\n <span\n class=\"qds-text\"\n data-size={this.#computedSize}\n ref={this.#spanRef}\n >\n {this.text}\n </span>\n\n {this.action !== undefined && (\n <qds-icon\n class=\"qds-icon\"\n data-size={this.#computedSize}\n name={this.action}\n library=\"core\"\n aria-label={this.actionDescription}\n role=\"img\"\n />\n )}\n {this.tooltip && (\n <qds-tooltip aria-hidden=\"true\" ref={this.#tooltipRef}>\n {this.text}\n </qds-tooltip>\n )}\n </div>\n )\n }\n\n readonly #actionDivRef = (actionItem?: HTMLDivElement): void => {\n this.#actionItem = actionItem\n }\n\n readonly #spanRef = (span?: HTMLSpanElement): void => {\n this.#span = span\n }\n\n readonly #tooltipRef = (tooltip?: HTMLQdsTooltipElement): void => {\n if (tooltip)\n // eslint-disable-next-line no-param-reassign\n tooltip.target = this.#actionItem\n }\n}\n"],"names":["pickFocusEventAttributes","invariant","readTask","isEllipsisActive","h"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"qds-action-item.entry.cjs.js","sources":["src/components/action-item/action-item.css?tag=qds-action-item&encapsulation=shadow","src/components/action-item/action-item.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2025 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n display: block;\n}\n\n:host(:focus-visible) {\n /* inner ring */\n outline: var(--qds-theme-focus-border-contrast) solid\n var(--qds-focus-light-border-width);\n outline-offset: 0;\n\n /* outer ring */\n box-shadow: 0 0 0 var(--qds-focus-heavy-border-width)\n var(--qds-theme-focus-border);\n border-radius: var(--qds-control-border-radius);\n}\n\n.qds-disabled {\n opacity: var(--qds-theme-disabled);\n pointer-events: none;\n}\n\n.qds-icon {\n flex-shrink: 0;\n}\n\n.qds-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n flex-grow: 1;\n}\n\n[aria-disabled='true'] {\n opacity: var(--qds-theme-disabled);\n pointer-events: none;\n}\n\n.qds-action-item {\n align-items: center;\n box-sizing: border-box;\n display: flex;\n border: none;\n cursor: pointer;\n border-radius: var(--qds-control-border-radius);\n\n &:hover {\n background-color: var(--qds-theme-interactive-background-hover);\n }\n\n &:active {\n background-color: var(--qds-theme-interactive-background-pressed);\n }\n}\n\n[data-size='small'] {\n &.qds-action-item {\n gap: var(--qds-list-item-small-gap-internal);\n min-height: var(--qds-list-item-small-height);\n padding-block: var(--qds-list-item-small-padding-vertical);\n padding-inline: var(--qds-list-item-small-padding-horizontal);\n }\n\n .qds-icon {\n height: var(--qds-control-small-icon-size);\n width: var(--qds-control-small-icon-size);\n }\n\n .qds-text {\n font: var(--qds-list-item-small-title);\n }\n}\n\n[data-size='standard'] {\n &.qds-action-item {\n gap: var(--qds-list-item-standard-gap-internal);\n min-height: var(--qds-list-item-standard-height);\n padding-block: var(--qds-list-item-standard-padding-vertical);\n padding-inline: var(--qds-list-item-standard-padding-horizontal);\n }\n\n .qds-icon {\n height: var(--qds-control-standard-icon-size);\n width: var(--qds-control-standard-icon-size);\n }\n\n .qds-text {\n font: var(--qds-list-item-standard-title);\n }\n}\n\n[data-size='large'] {\n &.qds-action-item {\n gap: var(--qds-list-item-large-gap-internal);\n min-height: var(--qds-list-item-large-height);\n padding-block: var(--qds-list-item-large-padding-vertical);\n padding-inline: var(--qds-list-item-large-padding-horizontal);\n }\n\n .qds-icon {\n height: var(--qds-control-large-icon-size);\n width: var(--qds-control-large-icon-size);\n }\n\n .qds-text {\n font: var(--qds-list-item-large-title);\n }\n}\n\n[data-importance='standard'] {\n .qds-text {\n color: var(--qds-theme-text-standard);\n }\n\n .qds-icon {\n color: var(--qds-theme-control-text-standard);\n }\n}\n\n[data-importance='emphasized'] {\n &.qds-action-item {\n .qds-text,\n .qds-icon {\n color: var(--qds-theme-signature-color-default);\n }\n\n &:hover {\n .qds-text,\n .qds-icon {\n color: var(--qds-theme-signature-color-hover);\n }\n }\n\n &:active {\n .qds-text,\n .qds-icon {\n color: var(--qds-theme-signature-color-pressed);\n }\n }\n }\n}\n\n[data-importance='subdued'] {\n &.qds-action-item {\n .qds-text,\n .qds-icon {\n color: var(--qds-theme-link-standard-default);\n }\n\n &:hover {\n .qds-text,\n .qds-icon {\n color: var(--qds-theme-link-standard-hover);\n }\n }\n\n &:active {\n .qds-text,\n .qds-icon {\n color: var(--qds-theme-link-standard-pressed);\n }\n }\n }\n}\n\n[data-importance='destructive'] {\n &.qds-action-item {\n .qds-text,\n .qds-icon {\n color: var(--qds-theme-feedback-action-destructive-default);\n }\n\n &:hover {\n .qds-text,\n .qds-icon {\n color: var(--qds-theme-feedback-action-destructive-hover);\n }\n }\n\n &:active {\n .qds-text,\n .qds-icon {\n color: var(--qds-theme-feedback-action-destructive-pressed);\n }\n }\n }\n}\n","// SPDX-FileCopyrightText: © 2025 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport {\n AttachInternals,\n Component,\n Element,\n Event,\n h,\n Listen,\n Prop,\n readTask,\n State,\n Watch,\n} from '@stencil/core'\n\nimport type { QdsFocusEventDetail } from '../../helpers'\nimport {\n ignorePromise,\n invariant,\n isEllipsisActive,\n pickFocusEventAttributes,\n} from '../../helpers'\nimport type { Importance, Size } from '../shared'\n\nexport type ActionItemImportance = Importance | 'destructive'\n\n/**\n *\n *\n * @see https://quartz.se.com/build/components/action-item\n */\n@Component({\n tag: 'qds-action-item',\n shadow: true,\n styleUrl: 'action-item.css',\n})\nexport class ActionItem implements ComponentInterface {\n /**\n * The action item's importance.\n */\n @Prop() public readonly importance?: ActionItemImportance = 'standard'\n\n /**\n * Prevents the action item from being interacted with: it cannot be clicked\n * or focused.\n */\n @Prop({ reflect: true }) public readonly disabled: boolean = false\n\n /**\n * The name of the icon to render.\n *\n * Available names depend on the icon library being used.\n */\n @Prop() public readonly iconName?: string\n\n /**\n * The name of a registered icon library.\n */\n @Prop() public readonly iconLibrary: string = 'default'\n\n /**\n * The name of the action icon to render.\n *\n * Available names exist on the core icon library.\n */\n @Prop() public readonly action?: string\n\n /**\n * The action icon's accessible text that will be used by\n * screen readers.\n */\n @Prop() public readonly actionDescription?: string\n\n /**\n * The action items's size.\n */\n @Prop() public readonly size?: Size = 'standard'\n\n /**\n * The action item's text.\n */\n @Prop() public readonly text!: string\n\n @State() private tooltip = false\n\n /**\n * Emitted when the action item loses focus.\n */\n @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n /**\n * Emitted when the action item gains focus.\n */\n @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n @Element() private readonly host!: HTMLElement\n\n @AttachInternals() private readonly internals!: ElementInternals\n\n #ro?: ResizeObserver\n\n #span?: HTMLSpanElement\n\n #tooltipElement?: HTMLQdsTooltipElement\n\n get #computedSize(): Size {\n switch (this.size) {\n case 'standard':\n case 'small':\n case 'large': {\n return this.size\n }\n default: {\n return 'standard'\n }\n }\n }\n\n get #computedImportance(): ActionItemImportance {\n switch (this.importance) {\n case 'emphasized':\n case 'subdued':\n case 'destructive': {\n return this.importance\n }\n default: {\n return 'standard'\n }\n }\n }\n\n get #computedDisabled(): boolean {\n return this.disabled\n }\n\n @Watch('disabled')\n protected disabledChanged(): void {\n this.internals.ariaDisabled = this.disabled.toString()\n }\n\n @Watch('tooltip')\n protected tooltipChanged(truncated: boolean): void {\n if (!this.#tooltipElement) return\n this.#tooltipElement.target = truncated ? this.host : undefined\n if (!truncated) {\n ignorePromise(this.#tooltipElement.close())\n return\n }\n\n if (\n document.activeElement === this.host &&\n this.host.matches(':focus-visible')\n )\n ignorePromise(this.#tooltipElement.show())\n }\n\n @Listen('blur')\n protected onBlur(event: FocusEvent): void {\n this.blurEmitter.emit(pickFocusEventAttributes(event))\n }\n\n @Listen('focus')\n protected onFocus(event: FocusEvent): void {\n this.focusEmitter.emit(pickFocusEventAttributes(event))\n }\n\n @Listen('click')\n protected onClick(event: MouseEvent): void {\n if (this.#computedDisabled) event.stopImmediatePropagation()\n }\n\n @Listen('pointerleave')\n protected onPointerleave(): void {\n if (!this.#tooltipElement) return\n if (this.host.matches(':focus-visible')) return\n /**\n * Close the tooltip when pointer hover ends unless the item has keyboard-visible focus.\n * This avoids sticky hover tooltips on auto-focused first dropdown items.\n * */\n ignorePromise(this.#tooltipElement.close())\n }\n\n public componentWillLoad(): void {\n this.internals.role = 'menuitem'\n this.disabledChanged()\n }\n\n public componentDidLoad(): void {\n invariant(this.#span)\n\n const span = this.#span\n readTask(() => {\n this.tooltip = isEllipsisActive(span)\n })\n this.#ro = new ResizeObserver(([spanEntry]) => {\n this.tooltip = isEllipsisActive(spanEntry.target as HTMLSpanElement)\n })\n this.#ro.observe(this.#span)\n }\n\n public render() {\n return (\n <div\n class={{\n 'qds-action-item': true,\n 'qds-disabled': this.disabled,\n }}\n data-size={this.#computedSize}\n data-importance={this.#computedImportance}\n >\n {this.iconName !== undefined && this.iconName !== '' && (\n <qds-icon\n class=\"qds-icon\"\n data-size={this.#computedSize}\n library={this.iconLibrary}\n name={this.iconName}\n />\n )}\n <span\n class=\"qds-text\"\n data-size={this.#computedSize}\n ref={this.#spanRef}\n >\n {this.text}\n </span>\n\n {this.action !== undefined && (\n <qds-icon\n class=\"qds-icon\"\n data-size={this.#computedSize}\n name={this.action}\n library=\"core\"\n aria-label={this.actionDescription}\n role=\"img\"\n />\n )}\n <qds-tooltip aria-hidden=\"true\" ref={this.#tooltipRef}>\n {this.text}\n </qds-tooltip>\n </div>\n )\n }\n\n readonly #spanRef = (span?: HTMLSpanElement): void => {\n this.#span = span\n }\n\n readonly #tooltipRef = (tooltip?: HTMLQdsTooltipElement): void => {\n this.#tooltipElement = tooltip\n }\n}\n"],"names":["ignorePromise","pickFocusEventAttributes","invariant","readTask","isEllipsisActive","h"],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
var index = require('./index-DIY7gpXM.js');
|
|
9
9
|
|
|
10
|
-
const avatarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-avatar,.qds-label-container{display:inline-flex;justify-content:center;position:relative}.qds-avatar-vertical,.qds-label-container{flex-direction:column}.qds-avatar-vertical
|
|
10
|
+
const avatarCss = ":host([hidden]){display:none!important}:host{display:block}.qds-avatar,.qds-label-container{display:inline-flex;justify-content:center;position:relative}.qds-avatar-vertical,.qds-label-container{flex-direction:column}.qds-avatar-vertical{align-items:center}.qds-avatar-vertical .qds-label-container{text-align:center}.qds-avatar-media-wrapper{flex-shrink:0;position:relative}.qds-label{color:var(--qds-theme-title)}.qds-kicker{color:var(--qds-theme-kicker)}.qds-indicator{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}.qds-avatar[data-size=large]{gap:var(--qds-list-item-large-gap-internal)}[data-size=large] .qds-avatar-media{height:var(--qds-display-avatar-large-size);width:var(--qds-display-avatar-large-size)}[data-size=large] .qds-label-container{gap:var(--qds-list-item-large-titles-gap)}[data-size=large] .qds-label{font:var(--qds-list-item-large-title)}[data-size=large] .qds-kicker{font:var(--qds-list-item-large-kicker)}.qds-avatar[data-size=standard]{gap:var(--qds-list-item-standard-gap-internal)}[data-size=standard] .qds-avatar-media{height:var(--qds-display-avatar-standard-size);width:var(--qds-display-avatar-standard-size)}[data-size=standard] .qds-label-container{gap:var(--qds-list-item-standard-titles-gap)}[data-size=standard] .qds-label{font:var(--qds-list-item-standard-title)}[data-size=standard] .qds-kicker{font:var(--qds-list-item-standard-kicker)}.qds-avatar[data-size=small]{gap:var(--qds-list-item-small-gap-internal)}[data-size=small] .qds-avatar-media{height:var(--qds-display-avatar-small-size);width:var(--qds-display-avatar-small-size)}[data-size=small] .qds-label-container{gap:var(--qds-list-item-small-titles-gap)}[data-size=small] .qds-label{font:var(--qds-list-item-small-title)}[data-size=small] .qds-kicker{font:var(--qds-list-item-small-kicker)}";
|
|
11
11
|
|
|
12
12
|
// SPDX-FileCopyrightText: © 2026 Schneider Electric
|
|
13
13
|
//
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"qds-avatar.entry.cjs.js","sources":["src/components/avatar/avatar.css?tag=qds-avatar&encapsulation=shadow","src/components/avatar/avatar.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2026 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n display: block;\n}\n\n.qds-label-container,\n.qds-avatar {\n display: inline-flex;\n position: relative;\n justify-content: center;\n}\n\n.qds-label-container {\n flex-direction: column;\n}\n\n.qds-avatar-vertical {\n flex-direction: column;\n align-items: center;\n}\n\n.qds-avatar-vertical .qds-label-container {\n align
|
|
1
|
+
{"version":3,"file":"qds-avatar.entry.cjs.js","sources":["src/components/avatar/avatar.css?tag=qds-avatar&encapsulation=shadow","src/components/avatar/avatar.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2026 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n display: block;\n}\n\n.qds-label-container,\n.qds-avatar {\n display: inline-flex;\n position: relative;\n justify-content: center;\n}\n\n.qds-label-container {\n flex-direction: column;\n}\n\n.qds-avatar-vertical {\n flex-direction: column;\n align-items: center;\n}\n\n.qds-avatar-vertical .qds-label-container {\n text-align: center;\n}\n\n.qds-avatar-media-wrapper {\n position: relative;\n flex-shrink: 0;\n}\n\n.qds-label {\n color: var(--qds-theme-title);\n}\n\n.qds-kicker {\n color: var(--qds-theme-kicker);\n}\n\n.qds-indicator {\n position: absolute;\n transform: translate(50%, -50%);\n inset-block-start: 0;\n inset-inline-end: 0;\n}\n\n[data-size='large'] {\n &.qds-avatar {\n gap: var(--qds-list-item-large-gap-internal);\n }\n\n .qds-avatar-media {\n width: var(--qds-display-avatar-large-size);\n height: var(--qds-display-avatar-large-size);\n }\n\n .qds-label-container {\n gap: var(--qds-list-item-large-titles-gap);\n }\n\n .qds-label {\n font: var(--qds-list-item-large-title);\n }\n\n .qds-kicker {\n font: var(--qds-list-item-large-kicker);\n }\n}\n\n[data-size='standard'] {\n &.qds-avatar {\n gap: var(--qds-list-item-standard-gap-internal);\n }\n\n .qds-avatar-media {\n width: var(--qds-display-avatar-standard-size);\n height: var(--qds-display-avatar-standard-size);\n }\n\n .qds-label-container {\n gap: var(--qds-list-item-standard-titles-gap);\n }\n\n .qds-label {\n font: var(--qds-list-item-standard-title);\n }\n\n .qds-kicker {\n font: var(--qds-list-item-standard-kicker);\n }\n}\n\n[data-size='small'] {\n &.qds-avatar {\n gap: var(--qds-list-item-small-gap-internal);\n }\n\n .qds-avatar-media {\n width: var(--qds-display-avatar-small-size);\n height: var(--qds-display-avatar-small-size);\n }\n\n .qds-label-container {\n gap: var(--qds-list-item-small-titles-gap);\n }\n\n .qds-label {\n font: var(--qds-list-item-small-title);\n }\n\n .qds-kicker {\n font: var(--qds-list-item-small-kicker);\n }\n}\n","// SPDX-FileCopyrightText: © 2026 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface } from '@stencil/core'\nimport { Component, h, Prop, Watch } from '@stencil/core'\n\nimport type { Size } from '../shared'\n\n/**\n * The avatar component is a visual representation of a user or entity, typically through a profile picture, icon, or initials.\n * It is used to provide a consistent way to identify users across different parts of an interface,\n * such as messages, comments, or user profiles.\n *\n * @see https://quartz.se.com/build/components/avatar\n */\n@Component({\n tag: 'qds-avatar',\n shadow: true,\n styleUrl: 'avatar.css',\n})\nexport class Avatar implements ComponentInterface {\n /**\n * The URL of the avatar image to display.\n */\n @Prop() public readonly avatarSrc?: string\n\n /**\n * The alt text for the avatar's image.\n */\n @Prop() public readonly avatarAlt?: string\n\n /**\n * The name of the icon to render.\n *\n * Available names depend on the icon library being used.\n */\n @Prop() public readonly iconName?: string\n\n /**\n * The name of a registered icon library.\n */\n @Prop() public readonly iconLibrary?: string = 'default'\n\n /**\n * Text to display for the kicker.\n */\n @Prop() public readonly kicker?: string\n\n /**\n * Text to display for the label.\n */\n @Prop() public readonly label?: string\n\n /**\n * The avatar's size.\n */\n @Prop() public readonly size?: Size = 'standard'\n\n /**\n * Display the avatar in a vertical direction.\n */\n @Prop() public readonly vertical: boolean = false\n\n /**\n * Displays an indicator if `true`.\n */\n @Prop() public readonly badge?: boolean = false\n\n /**\n * The indicator badge's accessible text that will be used by\n * screen readers.\n */\n @Prop() public readonly badgeDescription?: string\n\n /**\n * The indicator's status.\n */\n @Prop()\n public readonly badgeIndicatorStatus?: HTMLQdsBadgeIndicatorElement['status'] =\n 'success'\n\n get #computedSize(): Size {\n switch (this.size) {\n case 'standard':\n case 'small':\n case 'large': {\n return this.size\n }\n default: {\n return 'standard'\n }\n }\n }\n\n public render() {\n const hasLabel = this.label !== undefined && this.label !== ''\n const hasAlt = this.avatarAlt !== undefined && this.avatarAlt !== ''\n const hasKicker = this.kicker !== undefined && this.kicker !== ''\n\n return (\n <div\n class={{ 'qds-avatar': true, 'qds-avatar-vertical': this.vertical }}\n data-size={this.#computedSize}\n >\n <div class=\"qds-avatar-media-wrapper\">\n <qds-avatar-media\n class=\"qds-avatar-media\"\n aria-hidden={hasAlt ? undefined : 'true'}\n src={this.avatarSrc}\n alt={this.avatarAlt}\n iconName={this.iconName}\n iconLibrary={this.iconLibrary}\n text={this.label}\n />\n\n {(this.badge ?? false) && (\n <qds-badge-indicator\n class=\"qds-indicator\"\n status={this.badgeIndicatorStatus}\n description={this.badgeDescription}\n size={this.#computedSize}\n strokeRing\n />\n )}\n </div>\n\n {(hasLabel || hasKicker) && (\n <div class=\"qds-label-container\">\n {hasLabel && <strong class=\"qds-label\">{this.label}</strong>}\n {hasKicker && <div class=\"qds-kicker\">{this.kicker}</div>}\n </div>\n )}\n </div>\n )\n }\n}\n"],"names":["h"],"mappings":";;;;;;;;;AAAA,MAAM,SAAS,GAAG,yyDAAyyD;;ACA3zD;AACA;AACA;;;;;;;;;MAmBa,MAAM,GAAA,MAAA;AALnB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAuBE;;AAEG;AACqB,QAAA,IAAW,CAAA,WAAA,GAAY,SAAS;AAYxD;;AAEG;AACqB,QAAA,IAAI,CAAA,IAAA,GAAU,UAAU;AAEhD;;AAEG;AACqB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAEjD;;AAEG;AACqB,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;AAQ/C;;AAEG;AAEa,QAAA,IAAoB,CAAA,oBAAA,GAClC,SAAS;AAwDZ;IAzCQ,MAAM,GAAA;AACX,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE;AAC9D,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,KAAK,EAAE;AACpE,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,EAAE;QAEjE,QACEA,OACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,CAAC,QAAQ,EAAE,EACxD,WAAA,EAAA,sBAAA,CAAA,IAAI,EAAc,iBAAA,EAAA,GAAA,EAAA,wBAAA,CAAA,EAAA,EAE7BA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EACnCA,OAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,kBAAkB,iBACX,MAAM,GAAG,SAAS,GAAG,MAAM,EACxC,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,CAAA,EAED,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,MACnBA,OAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,eAAe,EACrB,MAAM,EAAE,IAAI,CAAC,oBAAoB,EACjC,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAClC,IAAI,EAAE,sBAAA,CAAA,IAAI,EAAc,iBAAA,EAAA,GAAA,EAAA,wBAAA,CAAA,EACxB,UAAU,EAAA,IAAA,EAAA,CACV,CACH,CACG,EAEL,CAAC,QAAQ,IAAI,SAAS,MACrBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,qBAAqB,EAAA,EAC7B,QAAQ,IAAIA,qEAAQ,KAAK,EAAC,WAAW,EAAE,EAAA,IAAI,CAAC,KAAK,CAAU,EAC3D,SAAS,IAAIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,EAAE,EAAA,IAAI,CAAC,MAAM,CAAO,CACrD,CACP,CACG;;;;AAlDR,IAAA,QAAQ,IAAI,CAAC,IAAI;AACf,QAAA,KAAK,UAAU;AACf,QAAA,KAAK,OAAO;QACZ,KAAK,OAAO,EAAE;YACZ,OAAO,IAAI,CAAC,IAAI;;QAElB,SAAS;AACP,YAAA,OAAO,UAAU;;;AAGvB,CAAC;;;;;"}
|
|
@@ -208,6 +208,8 @@ const Button = class {
|
|
|
208
208
|
event.stopImmediatePropagation();
|
|
209
209
|
return;
|
|
210
210
|
}
|
|
211
|
+
if (__classPrivateFieldGet(this, _Button_button, "f") instanceof HTMLAnchorElement)
|
|
212
|
+
__classPrivateFieldGet(this, _Button_button, "f").click();
|
|
211
213
|
if (__classPrivateFieldGet(this, _Button_instances, "a", _Button_buttonType_get) === 'button' || !this.internals.form)
|
|
212
214
|
return;
|
|
213
215
|
if (__classPrivateFieldGet(this, _Button_instances, "a", _Button_buttonType_get) === 'reset') {
|
|
@@ -230,7 +232,7 @@ const Button = class {
|
|
|
230
232
|
}
|
|
231
233
|
}
|
|
232
234
|
onKeyup(event) {
|
|
233
|
-
if (event.key === ' ')
|
|
235
|
+
if (event.key === ' ' && !(__classPrivateFieldGet(this, _Button_button, "f") instanceof HTMLAnchorElement))
|
|
234
236
|
this.host.click();
|
|
235
237
|
}
|
|
236
238
|
actionChanged() {
|
|
@@ -312,21 +314,21 @@ const Button = class {
|
|
|
312
314
|
}
|
|
313
315
|
render() {
|
|
314
316
|
const Tag = this.href === undefined ? 'button' : 'a';
|
|
315
|
-
return (index.h("div", { key: '
|
|
317
|
+
return (index.h("div", { key: '9d6105e917cd6f56940e57bbc1a887012236b412', class: "qds-container", onClick: __classPrivateFieldGet(this, _Button_onClick, "f"), onKeyDown: preventDefault, onKeyUp: preventDefault, onKeyPress: preventDefault, "aria-hidden": "true" }, index.h(Tag, { key: 'c75229b0603aa562ee9c54c74701ac7c8fa1679f', class: {
|
|
316
318
|
'qds-button': true,
|
|
317
319
|
'qds-disabled': Tag === 'a' ? __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
|
|
318
320
|
/* DEPRECATED: will be removed by september 2026 */
|
|
319
321
|
'qds-icon-only': __classPrivateFieldGet(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
320
|
-
}, "data-importance": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet(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(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value }, this.iconName !== undefined && this.iconName !== '' && (index.h("qds-icon", { key: '
|
|
322
|
+
}, "data-importance": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet(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(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: -1, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value }, this.iconName !== undefined && this.iconName !== '' && (index.h("qds-icon", { key: '95bc587c136ea8ec2cd17aab3294677cb018d5f1', class: "qds-icon", "data-size": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get), library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet(this, _Button_instances, "a", _Button_iconOnly_get) && (
|
|
321
323
|
/* DEPRECATED: will be removed by september 2026 */
|
|
322
|
-
index.h("span", { key: '
|
|
324
|
+
index.h("span", { key: '715cd57557a2f651f6779dc40d1dd30f84646707', class: "qds-overflow", "data-size": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet(this, _Button_spanRef, "f") }, this.text)), helpers.isIndicator(this.badge) && (index.h("qds-badge-indicator", { key: 'c798711734b520aef7898e05bf812367e6ac9fc6', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), helpers.isCounter(this.badge) && (index.h("qds-badge-counter", { key: '3535e3a5ab8278e5f314fb38f7d376eef6294d2e', class: {
|
|
323
325
|
/* DEPRECATED: will be removed by september 2026 */
|
|
324
326
|
'qds-indicator': __classPrivateFieldGet(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
325
|
-
}, description: this.badgeDescription, importance: __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (index.h("qds-icon", { key: '
|
|
327
|
+
}, description: this.badgeDescription, importance: __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (index.h("qds-icon", { key: 'ff6a13827be83fb15a8d401784534e2c09efc2e4', class: "qds-icon qds-action", "data-size": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get), library: "core", name: __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedActionIcon_get) }))), index.h("div", { key: 'a67b763f688efbe98dd13ec7cffc5a4a1c0efcd2', class: {
|
|
326
328
|
'qds-focus-ring': true,
|
|
327
329
|
/* DEPRECATED: will be removed by september 2026 */
|
|
328
330
|
'qds-icon-only': __classPrivateFieldGet(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
329
|
-
}, "data-importance": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (index.h("qds-tooltip", { key: '
|
|
331
|
+
}, "data-importance": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (index.h("qds-tooltip", { key: 'cbff06c60fca024f700dfd30f191cb974462e063', ref: __classPrivateFieldGet(this, _Button_tooltipRef, "f"), placement: this.tooltipPlacement }, this.text))));
|
|
330
332
|
}
|
|
331
333
|
static get formAssociated() { return true; }
|
|
332
334
|
get host() { return index.getElement(this); }
|