@quartzds/core 1.0.0-beta.93 → 1.0.0-beta.95
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 +1396 -0
- package/components/index.js +1 -1
- package/components/{p-e2a9e441.js → p-056195cc.js} +2 -2
- package/components/{p-e2a9e441.js.map → p-056195cc.js.map} +1 -1
- package/components/{p-ba860c62.js → p-0f913a5b.js} +2 -2
- package/components/{p-ba860c62.js.map → p-0f913a5b.js.map} +1 -1
- package/components/{p-b5608061.js → p-2456dfb8.js} +3 -3
- package/components/{p-b5608061.js.map → p-2456dfb8.js.map} +1 -1
- package/components/{p-80d5edc6.js → p-47564985.js} +3 -3
- package/components/{p-80d5edc6.js.map → p-47564985.js.map} +1 -1
- package/components/{p-72c09714.js → p-8e8bd915.js} +2 -2
- package/components/{p-72c09714.js.map → p-8e8bd915.js.map} +1 -1
- package/components/{p-8a540ec4.js → p-b9c7713a.js} +4 -4
- package/components/{p-8a540ec4.js.map → p-b9c7713a.js.map} +1 -1
- package/components/{p-fc31384f.js → p-cf94dabc.js} +3 -3
- package/components/{p-fc31384f.js.map → p-cf94dabc.js.map} +1 -1
- package/components/qds-button.js +1 -1
- package/components/qds-checkbox.js +1 -1
- package/components/qds-chip.js +1 -1
- package/components/qds-dialog.js +17 -5
- package/components/qds-dialog.js.map +1 -1
- package/components/qds-divider.js +1 -1
- package/components/qds-dropdown.js +2 -2
- package/components/qds-form-message.js +3 -3
- package/components/qds-icon.js +1 -1
- package/components/qds-inline-link.js +4 -4
- package/components/qds-inline-link.js.map +1 -1
- package/components/qds-input.js +2 -2
- package/components/qds-label.js +1 -1
- package/components/qds-list-item.js +3 -3
- package/components/qds-loader.js +1 -1
- package/components/qds-nav-list-item.js +4 -4
- package/components/qds-progress-bar.js +1 -1
- package/components/qds-radio.js +5 -5
- package/components/qds-select.js +2 -2
- package/components/qds-standalone-link.js +3 -3
- package/components/qds-switch.js +3 -3
- package/components/qds-tab.js +3 -3
- package/components/qds-tabbar.js +3 -3
- package/components/qds-table-body.js +1 -1
- package/components/qds-table-cell.js +1 -1
- package/components/qds-table-head.js +1 -1
- package/components/qds-table-row.js +1 -1
- package/components/qds-table.js +1 -1
- package/components/qds-tag.js +1 -1
- package/components/qds-title.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/qds-button.cjs.entry.js +1 -1
- package/dist/cjs/qds-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/qds-dialog.cjs.entry.js +14 -4
- package/dist/cjs/qds-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-divider.cjs.entry.js +1 -1
- package/dist/cjs/qds-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/qds-form-message.cjs.entry.js +2 -2
- package/dist/cjs/qds-icon.cjs.entry.js +1 -1
- package/dist/cjs/qds-inline-link.cjs.entry.js +3 -3
- package/dist/cjs/qds-inline-link.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-label.cjs.entry.js +2 -2
- package/dist/cjs/qds-nav-list-item.cjs.entry.js +3 -3
- package/dist/cjs/qds-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/qds-radio.cjs.entry.js +3 -3
- package/dist/cjs/qds-select.cjs.entry.js +1 -1
- package/dist/cjs/qds-standalone-link.cjs.entry.js +2 -2
- package/dist/cjs/qds-switch.cjs.entry.js +3 -3
- package/dist/cjs/qds-table-body.cjs.entry.js +1 -1
- package/dist/cjs/qds-table-cell.cjs.entry.js +1 -1
- package/dist/cjs/qds-table-head.cjs.entry.js +1 -1
- package/dist/cjs/qds-table-row.cjs.entry.js +1 -1
- package/dist/cjs/qds-table.cjs.entry.js +1 -1
- package/dist/cjs/qds-tag_2.cjs.entry.js +1 -1
- package/dist/cjs/qds.cjs.js +1 -1
- package/dist/custom-elements.json +26 -0
- package/dist/docs.json +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/qds-button.entry.js +1 -1
- package/dist/esm/qds-checkbox.entry.js +1 -1
- package/dist/esm/qds-dialog.entry.js +14 -4
- package/dist/esm/qds-dialog.entry.js.map +1 -1
- package/dist/esm/qds-divider.entry.js +1 -1
- package/dist/esm/qds-dropdown.entry.js +2 -2
- package/dist/esm/qds-form-message.entry.js +2 -2
- package/dist/esm/qds-icon.entry.js +1 -1
- package/dist/esm/qds-inline-link.entry.js +3 -3
- package/dist/esm/qds-inline-link.entry.js.map +1 -1
- package/dist/esm/qds-label.entry.js +2 -2
- package/dist/esm/qds-nav-list-item.entry.js +3 -3
- package/dist/esm/qds-progress-bar.entry.js +1 -1
- package/dist/esm/qds-radio.entry.js +3 -3
- package/dist/esm/qds-select.entry.js +1 -1
- package/dist/esm/qds-standalone-link.entry.js +2 -2
- package/dist/esm/qds-switch.entry.js +3 -3
- package/dist/esm/qds-table-body.entry.js +1 -1
- package/dist/esm/qds-table-cell.entry.js +1 -1
- package/dist/esm/qds-table-head.entry.js +1 -1
- package/dist/esm/qds-table-row.entry.js +1 -1
- package/dist/esm/qds-table.entry.js +1 -1
- package/dist/esm/qds-tag_2.entry.js +1 -1
- package/dist/esm/qds.js +1 -1
- package/dist/types/components/dialog/dialog.d.ts +3 -0
- package/hydrate/index.js +49 -37
- package/hydrate/index.mjs +49 -37
- package/package.json +5 -4
package/hydrate/index.js
CHANGED
|
@@ -3571,7 +3571,7 @@ const VALID_STATE = {
|
|
|
3571
3571
|
valueMissing: false,
|
|
3572
3572
|
};
|
|
3573
3573
|
|
|
3574
|
-
const buttonCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-button:disabled,.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-overflow[data-size=hero]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.qds-action{transform:scaleX(var(--qds-direction-factor,1))}.qds-container{display:grid;grid-template-areas:\"
|
|
3574
|
+
const buttonCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-button:disabled,.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qds-overflow[data-size=hero]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.qds-action{transform:scaleX(var(--qds-direction-factor,1))}.qds-container{display:grid;grid-template-areas:\"i\"}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n ));grid-area:i;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width-block-end, var(--qds-control-border-width)));isolation:isolate;outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset);pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-control-border-width-inline-end,\n var(--qds-control-border-width)\n ))}.qds-button{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );box-sizing:border-box;cursor:pointer;display:inline-flex;grid-area:i;justify-content:center;min-width:0;outline:none;padding-block:0;position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:center;-webkit-user-select:none;user-select:none}.qds-button:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-button:focus-visible~.qds-focus-ring{visibility:visible}.qds-icon{flex-shrink:0}.qds-indicator{inset-block-start:0;inset-inline-end:0;position:absolute;transform:translate(50%,-50%)}[data-size=small]{font:var(--qds-control-small-text)}.qds-button[data-size=small]{gap:var(--qds-control-small-gap-internal);height:var(--qds-control-small-height);padding-inline:var(--qds-control-button-small-padding-horizontal)}.qds-button.qds-icon-only[data-size=small]{width:var(--qds-control-small-height)}.qds-icon[data-size=small]{font-size:var(--qds-control-small-icon-size)}[data-size=standard]{font:var(--qds-control-standard-text)}.qds-button[data-size=standard]{gap:var(--qds-control-standard-gap-internal);height:var(--qds-control-standard-height);padding-inline:var(--qds-control-button-standard-padding-horizontal)}.qds-button.qds-icon-only[data-size=standard]{width:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{font-size:var(--qds-control-standard-icon-size)}[data-size=large]{font:var(--qds-control-large-text)}.qds-button[data-size=large]{gap:var(--qds-control-large-gap-internal);height:var(--qds-control-large-height);padding-inline:var(--qds-control-button-large-padding-horizontal)}.qds-button.qds-icon-only[data-size=large]{width:var(--qds-control-large-height)}.qds-icon[data-size=large]{font-size:var(--qds-control-large-icon-size)}[data-size=large],[data-size=small],[data-size=standard]{line-height:normal}.qds-button.qds-icon-only[data-size=large],.qds-button.qds-icon-only[data-size=small],.qds-button.qds-icon-only[data-size=standard]{padding-inline:0}[data-size=hero]{font:var(--qds-control-hero-text)}.qds-button[data-size=hero]{border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n );gap:var(--qds-control-hero-gap-internal);padding-block:var(--qds-control-hero-padding-auto-height);padding-inline:var(--qds-control-button-hero-padding-horizontal)}.qds-button.qds-icon-only[data-size=hero]{height:var(--qds-control-hero-height);padding-inline:0;width:var(--qds-control-hero-height)}.qds-focus-ring[data-size=hero]{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-hero-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-hero-border-radius)\n ))}.qds-icon[data-size=hero]{font-size:var(--qds-control-hero-icon-size)}[data-importance=subdued]{color:var(--qds-theme-link-standard-default)}.qds-button[data-importance=subdued]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-hover);color:var(--qds-theme-link-standard-hover)}.qds-button[data-importance=subdued]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-link-standard-pressed);color:var(--qds-theme-link-standard-pressed)}.qds-button[data-importance=subdued]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued]{border:none;color:var(--qds-theme-control-text-standard)}.qds-button.qds-icon-only[data-importance=subdued]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button.qds-icon-only[data-importance=subdued]:active{background-color:var(--qds-theme-interactive-background-pressed)}[data-importance=standard]{color:var(--qds-theme-control-text-standard)}.qds-button[data-importance=standard]{border-color:var(--qds-theme-control-border);border-style:solid;border-width:var(--qds-control-border-width) var(\n --qds-control-border-width-inline-end,var(--qds-control-border-width)\n ) var(--qds-control-border-width-block-end,var(--qds-control-border-width)) var(--qds-control-border-width)}.qds-button[data-importance=standard]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-button[data-importance=standard]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-button[data-importance=emphasized]{background-color:var(--qds-theme-signature-color-default);color:var(--qds-theme-signature-color-contrast)}.qds-button[data-importance=emphasized]:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-button[data-importance=emphasized]:active{background-color:var(--qds-theme-signature-color-pressed)}.qds-button[data-importance=destructive]{background-color:var(--qds-theme-feedback-action-destructive-default);color:var(--qds-theme-feedback-action-destructive-contrast)}.qds-button[data-importance=destructive]:hover{background-color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=destructive]:active{background-color:var(--qds-theme-feedback-action-destructive-pressed)}[data-importance=subdued-destructive]{color:var(--qds-theme-feedback-action-destructive-default)}.qds-button[data-importance=subdued-destructive]{border-block-end:var(--qds-control-border-width) solid #0000;padding-inline:0}.qds-button[data-importance=subdued-destructive]:hover{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-hover);color:var(--qds-theme-feedback-action-destructive-hover)}.qds-button[data-importance=subdued-destructive]:active{border-block-end:var(--qds-control-border-width) solid var(--qds-theme-feedback-action-destructive-pressed);color:var(--qds-theme-feedback-action-destructive-pressed)}.qds-button[data-importance=subdued-destructive]:not(.qds-icon-only){border-radius:0}.qds-button.qds-icon-only[data-importance=subdued-destructive]{border:none}.qds-button.qds-icon-only[data-importance=subdued-destructive]:hover{background-color:var(--qds-theme-interactive-background-hover);color:var(--qds-theme-feedback-action-destructive-default)}.qds-button.qds-icon-only[data-importance=subdued-destructive]:active{background-color:var(--qds-theme-interactive-background-pressed);color:var(--qds-theme-feedback-action-destructive-default)}:is([data-action=dropdown],[data-action=dropdown-close]) .qds-action{margin-inline-start:auto;transition-duration:.3s;transition-property:transform}[data-importance=standard]:is([data-action=dropdown],[data-action=dropdown-close]){background-color:var(--qds-theme-control-input-background)}:is([data-action=dropdown],[data-action=dropdown-close]):not([data-importance=subdued]):not([data-importance=subdued-destructive]){padding-inline:var(--qds-control-input-padding-horizontal)}[data-action=dropdown-close] .qds-action{transform:rotate(-180deg)}";
|
|
3575
3575
|
var QdsButtonStyle0 = buttonCss;
|
|
3576
3576
|
|
|
3577
3577
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -3951,7 +3951,7 @@ _Button_button = new WeakMap(), _Button_span = new WeakMap(), _Button_ro = new W
|
|
|
3951
3951
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
3952
3952
|
};
|
|
3953
3953
|
|
|
3954
|
-
const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-box,.qds-checkbox,.qds-icon{grid-area:
|
|
3954
|
+
const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-box,.qds-checkbox,.qds-icon{grid-area:a;place-self:center}.qds-box,.qds-icon{display:none;pointer-events:none}.qds-box{border-radius:var(--qds-control-toggle-indicator-border-radius)}.qds-container{align-self:flex-start;display:grid;grid-template-areas:\"a\"}.qds-icon{color:var(--qds-theme-signature-color-contrast)}.qds-label{cursor:pointer;display:inline-flex;width:inherit}.qds-label-inner{flex:1 1 auto;min-width:0}.qds-checkbox{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-control-input-background);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius);cursor:pointer;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-checkbox:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.qds-checkbox:active~.qds-box,.qds-checkbox:hover~.qds-box{display:block}.qds-checkbox:hover~.qds-box{background-color:var(--qds-theme-signature-color-hover)}.qds-checkbox:active~.qds-box{background-color:var(--qds-theme-signature-color-pressed)}.qds-checkbox:checked~.qds-checked,.qds-checkbox:indeterminate~.qds-indeterminate{display:block}.qds-checkbox:checked,.qds-checkbox:indeterminate{background-color:var(--qds-theme-signature-color-default);border-color:#0000}.qds-checkbox:checked:hover,.qds-checkbox:indeterminate:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-checkbox:checked:active,.qds-checkbox:indeterminate:active{background-color:var(--qds-theme-signature-color-pressed)}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-checkbox[data-size=small]{height:var(--qds-control-toggle-box-small-size);width:var(--qds-control-toggle-box-small-size)}.qds-icon[data-size=small]{font-size:var(--qds-control-small-icon-size)}.qds-box[data-size=small]{height:var(--qds-control-toggle-indicator-small-size);width:var(--qds-control-toggle-indicator-small-size)}.qds-inline[data-size=small]{margin-block:var(--qds-control-small-padding-auto-height)}.qds-label[data-size=small]{gap:var(--qds-control-small-gap-siblings-related)}.qds-checkbox[data-size=standard]{height:var(--qds-control-toggle-box-standard-size);width:var(--qds-control-toggle-box-standard-size)}.qds-icon[data-size=standard]{font-size:var(--qds-control-standard-icon-size)}.qds-box[data-size=standard]{height:var(--qds-control-toggle-indicator-standard-size);width:var(--qds-control-toggle-indicator-standard-size)}.qds-inline[data-size=standard]{margin-block:var(--qds-control-standard-padding-auto-height)}.qds-label[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related)}.qds-checkbox[data-size=large]{height:var(--qds-control-toggle-box-large-size);width:var(--qds-control-toggle-box-large-size)}.qds-icon[data-size=large]{font-size:var(--qds-control-large-icon-size)}.qds-box[data-size=large]{height:var(--qds-control-toggle-indicator-large-size);width:var(--qds-control-toggle-indicator-large-size)}.qds-inline[data-size=large]{margin-block:var(--qds-control-large-padding-auto-height)}.qds-label[data-size=large]{gap:var(--qds-control-large-gap-siblings-related)}";
|
|
3955
3955
|
var QdsCheckboxStyle0 = checkboxCss;
|
|
3956
3956
|
|
|
3957
3957
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -4468,7 +4468,7 @@ _Chip_chip = new WeakMap(), _Chip_span = new WeakMap(), _Chip_ro = new WeakMap()
|
|
|
4468
4468
|
return this.value == null ? null : this.value.toString();
|
|
4469
4469
|
};
|
|
4470
4470
|
|
|
4471
|
-
const dialogCss = ":host([hidden]){display:none!important}:host{display:none;height:-moz-fit-content;height:fit-content;inset:0;position:fixed;width:-moz-fit-content;width:fit-content}:host([open]){display:block}.qds-dialog{background-color:var(--qds-theme-popup-background);border:var(--qds-popup-border-width) solid var(--qds-theme-popup-border);border-radius:var(--qds-popup-border-radius);box-shadow:var(--qds-theme-popup-elevation);height:inherit;padding:0;width:inherit}.qds-dialog::backdrop{background:initial}.qds-dialog[open]~.qds-backdrop{-webkit-backdrop-filter:blur(var(--qds-theme-popup-overlay-blur));backdrop-filter:blur(var(--qds-theme-popup-overlay-blur));background-color:var(--qds-theme-popup-overlay-background);inset:0;opacity:var(--qds-theme-popup-overlay-opacity);position:fixed}.qds-content{align-items:flex-start;display:flex;flex-direction:column;gap:var(--qds-popup-gap-children-related);height:calc(100% - var(--qds-popup-padding)*2);padding:var(--qds-popup-padding)}::slotted(blockquote),::slotted(button),::slotted(dd),::slotted(dl),::slotted(fieldset),::slotted(figure),::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6),::slotted(hr),::slotted(input),::slotted(menu),::slotted(ol),::slotted(p),::slotted(pre),::slotted(select),::slotted(textarea),::slotted(ul){margin:0}";
|
|
4471
|
+
const dialogCss = ":host([hidden]){display:none!important}:host{display:none;height:-moz-fit-content;height:fit-content;inset:0;position:fixed;width:-moz-fit-content;width:fit-content}:host([open]){display:block}.qds-dialog{background-color:var(--qds-theme-popup-background);border:var(--qds-popup-border-width) solid var(--qds-theme-popup-border);border-radius:var(--qds-popup-border-radius);box-shadow:var(--qds-theme-popup-elevation);height:inherit;padding:0;width:inherit}.qds-dialog::backdrop{background:initial}.qds-dialog[open]~.qds-backdrop{-webkit-backdrop-filter:blur(var(--qds-theme-popup-overlay-blur));backdrop-filter:blur(var(--qds-theme-popup-overlay-blur));background-color:var(--qds-theme-popup-overlay-background);inset:0;opacity:var(--qds-theme-popup-overlay-opacity);position:fixed}.qds-content,.qds-footer,.qds-title{padding:var(--qds-popup-padding) var(--qds-popup-padding) var(--qds-popup-section-padding)}.qds-content{align-items:flex-start;display:flex;flex-direction:column;gap:var(--qds-popup-gap-children-related);height:calc(100% - var(--qds-popup-padding)*2);padding:var(--qds-popup-padding)}::slotted(blockquote),::slotted(button),::slotted(dd),::slotted(dl),::slotted(fieldset),::slotted(figure),::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6),::slotted(hr),::slotted(input),::slotted(menu),::slotted(ol),::slotted(p),::slotted(pre),::slotted(select),::slotted(textarea),::slotted(ul){margin:0}";
|
|
4472
4472
|
var QdsDialogStyle0 = dialogCss;
|
|
4473
4473
|
|
|
4474
4474
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -4490,7 +4490,8 @@ var __classPrivateFieldGet$s = (undefined && undefined.__classPrivateFieldGet) |
|
|
|
4490
4490
|
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4491
4491
|
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
4492
4492
|
};
|
|
4493
|
-
var _Dialog_inheritedAttributes, _Dialog_dialog, _Dialog_ref, _Dialog_onCancel, _Dialog_onClose, _Dialog_onSubmit;
|
|
4493
|
+
var _Dialog_inheritedAttributes, _Dialog_dialog, _Dialog_titleId, _Dialog_ref, _Dialog_onCancel, _Dialog_onClose, _Dialog_onSubmit;
|
|
4494
|
+
let autoIncrementingId$3 = 0;
|
|
4494
4495
|
/**
|
|
4495
4496
|
* The `<qds-dialog>` element represent a dialog box or other interactive
|
|
4496
4497
|
* component, such as a dismissible alert, inspector, or subwindow.
|
|
@@ -4508,8 +4509,11 @@ class Dialog {
|
|
|
4508
4509
|
* methods and this attribute will reflect the dialog’s open state.
|
|
4509
4510
|
*/
|
|
4510
4511
|
this.open = false;
|
|
4512
|
+
this.hasTitleSlot = false;
|
|
4513
|
+
this.hasFooterSlot = false;
|
|
4511
4514
|
_Dialog_inheritedAttributes.set(this, {});
|
|
4512
4515
|
_Dialog_dialog.set(this, void 0);
|
|
4516
|
+
_Dialog_titleId.set(this, void 0);
|
|
4513
4517
|
_Dialog_ref.set(this, (dialog) => {
|
|
4514
4518
|
__classPrivateFieldSet$l(this, _Dialog_dialog, dialog, "f");
|
|
4515
4519
|
});
|
|
@@ -4540,15 +4544,21 @@ class Dialog {
|
|
|
4540
4544
|
else
|
|
4541
4545
|
this.close();
|
|
4542
4546
|
}
|
|
4547
|
+
componentWillRender() {
|
|
4548
|
+
this.hasTitleSlot = !!this.host.querySelector('[slot="title"]');
|
|
4549
|
+
this.hasFooterSlot = !!this.host.querySelector('[slot="footer"]');
|
|
4550
|
+
}
|
|
4543
4551
|
componentWillLoad() {
|
|
4544
4552
|
__classPrivateFieldSet$l(this, _Dialog_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
4553
|
+
autoIncrementingId$3 += 1;
|
|
4554
|
+
__classPrivateFieldSet$l(this, _Dialog_titleId, `qds-dialog-title-${autoIncrementingId$3}`, "f");
|
|
4545
4555
|
}
|
|
4546
4556
|
componentDidLoad() {
|
|
4547
4557
|
if (this.open)
|
|
4548
4558
|
this.show();
|
|
4549
4559
|
}
|
|
4550
4560
|
render() {
|
|
4551
|
-
return (hAsync(Host, { key: '
|
|
4561
|
+
return (hAsync(Host, { key: 'd9c64a2927ac5e398cab6fb4a86adbe2d3c6f950' }, hAsync("dialog", { key: '4901f2ce384fda8b69c3f8d4eedad30c8a260aa6', class: "qds-dialog", ref: __classPrivateFieldGet$s(this, _Dialog_ref, "f"), onCancel: __classPrivateFieldGet$s(this, _Dialog_onCancel, "f"), onClose: __classPrivateFieldGet$s(this, _Dialog_onClose, "f"), onSubmit: __classPrivateFieldGet$s(this, _Dialog_onSubmit, "f"), ...__classPrivateFieldGet$s(this, _Dialog_inheritedAttributes, "f"), "aria-labelledby": this.hasTitleSlot ? __classPrivateFieldGet$s(this, _Dialog_titleId, "f") : undefined }, this.hasTitleSlot && (hAsync("div", { key: '666cf359fb72028729e0d9f515abb1f085b10550', class: "qds-title", id: __classPrivateFieldGet$s(this, _Dialog_titleId, "f") }, hAsync("slot", { key: '663fd39d772b5c70a510b5627721f7ce9ab2db8b', name: "title" }))), hAsync("div", { key: '14b10ee7083191f471bafe2cd359ba7ad4b4dec0', class: "qds-content" }, hAsync("slot", { key: '251720e48718eda755c636c13354a9388be6ca73' })), this.hasFooterSlot && (hAsync("div", { key: '5cc3f564182c83fb7d519b050f6f128fcf6b1cda', class: "qds-footer" }, hAsync("slot", { key: '62be3e68e2b8b2463395c40ab370b07b26de93b2', name: "footer" })))), hAsync("div", { key: 'fbf307da17d8c02b6f1faf9a52427ca431b249b3', class: "qds-backdrop" })));
|
|
4552
4562
|
}
|
|
4553
4563
|
show() {
|
|
4554
4564
|
invariant(__classPrivateFieldGet$s(this, _Dialog_dialog, "f"));
|
|
@@ -4568,14 +4578,16 @@ class Dialog {
|
|
|
4568
4578
|
"$flags$": 9,
|
|
4569
4579
|
"$tagName$": "qds-dialog",
|
|
4570
4580
|
"$members$": {
|
|
4571
|
-
"open": [1540]
|
|
4581
|
+
"open": [1540],
|
|
4582
|
+
"hasTitleSlot": [32],
|
|
4583
|
+
"hasFooterSlot": [32]
|
|
4572
4584
|
},
|
|
4573
4585
|
"$listeners$": undefined,
|
|
4574
4586
|
"$lazyBundleId$": "-",
|
|
4575
4587
|
"$attrsToReflect$": [["open", "open"]]
|
|
4576
4588
|
}; }
|
|
4577
4589
|
}
|
|
4578
|
-
_Dialog_inheritedAttributes = new WeakMap(), _Dialog_dialog = new WeakMap(), _Dialog_ref = new WeakMap(), _Dialog_onCancel = new WeakMap(), _Dialog_onClose = new WeakMap(), _Dialog_onSubmit = new WeakMap();
|
|
4590
|
+
_Dialog_inheritedAttributes = new WeakMap(), _Dialog_dialog = new WeakMap(), _Dialog_titleId = new WeakMap(), _Dialog_ref = new WeakMap(), _Dialog_onCancel = new WeakMap(), _Dialog_onClose = new WeakMap(), _Dialog_onSubmit = new WeakMap();
|
|
4579
4591
|
|
|
4580
4592
|
const dividerCss = ":host([hidden]){display:none!important}:host{display:block}.qds-divider{border:none;height:var(--qds-control-border-width);margin:0;width:100%}.qds-vertical{height:100%;width:var(--qds-control-border-width)}[data-importance=standard]{background-color:var(--qds-theme-divider-standard)}[data-importance=emphasized]{background-color:var(--qds-theme-divider-emphasized)}[data-importance=subdued]{background-color:var(--qds-theme-divider-subdued)}";
|
|
4581
4593
|
var QdsDividerStyle0 = dividerCss;
|
|
@@ -4624,7 +4636,7 @@ class Divider {
|
|
|
4624
4636
|
this.verticalChanged();
|
|
4625
4637
|
}
|
|
4626
4638
|
render() {
|
|
4627
|
-
return (hAsync("hr", { key: '
|
|
4639
|
+
return (hAsync("hr", { key: '805394b1a2a1124bfd62a588afcb0b352f2e135e', class: {
|
|
4628
4640
|
'qds-divider': true,
|
|
4629
4641
|
'qds-vertical': this.vertical,
|
|
4630
4642
|
}, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$r(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
|
|
@@ -6284,11 +6296,11 @@ class Dropdown {
|
|
|
6284
6296
|
__classPrivateFieldGet$q(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
|
|
6285
6297
|
}
|
|
6286
6298
|
render() {
|
|
6287
|
-
return (hAsync(Host, { key: '
|
|
6299
|
+
return (hAsync(Host, { key: 'd75d5555ed0d5d11eb72391f7848c91b61dee24a', "aria-labelledby": this.hostAriaLabelledBy, onKeyDown: __classPrivateFieldGet$q(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$q(this, _Dropdown_onFocusout, "f"), style: {
|
|
6288
6300
|
display: this.hostDisplay,
|
|
6289
6301
|
position: this.hostPosition,
|
|
6290
6302
|
transform: this.hostTransform,
|
|
6291
|
-
} }, hAsync("slot", { key: '
|
|
6303
|
+
} }, hAsync("slot", { key: '66e1dae32913fe11db5381dd0327c10fb4b51237' })));
|
|
6292
6304
|
}
|
|
6293
6305
|
show() {
|
|
6294
6306
|
if (__classPrivateFieldGet$q(this, _Dropdown_open, "f"))
|
|
@@ -6422,10 +6434,10 @@ class FormMessage {
|
|
|
6422
6434
|
__classPrivateFieldSet$j(this, _FormMessage_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
6423
6435
|
}
|
|
6424
6436
|
render() {
|
|
6425
|
-
return (hAsync("span", { key: '
|
|
6437
|
+
return (hAsync("span", { key: '32515f969842006388a8f090f208f03ebfa115a5', class: {
|
|
6426
6438
|
'qds-form-message': true,
|
|
6427
6439
|
'qds-inline': this.inline,
|
|
6428
|
-
}, "data-size": __classPrivateFieldGet$p(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), ...__classPrivateFieldGet$p(this, _FormMessage_inheritedAttributes, "f") }, hAsync("div", { key: '
|
|
6440
|
+
}, "data-size": __classPrivateFieldGet$p(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), ...__classPrivateFieldGet$p(this, _FormMessage_inheritedAttributes, "f") }, hAsync("div", { key: '85cf43ee979919520a096ea2ad2a1cd02b5a4862', class: "qds-icon-container", "data-size": __classPrivateFieldGet$p(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: '5ccc649cbbd2b662f1a3e8bb8e957c74f05c836a', class: "qds-icon-background", "data-size": __classPrivateFieldGet$p(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status }, hAsync("qds-icon", { key: 'd026ed0da486b5ccc318a184452f25db4c6f88bc', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$p(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), name: `status-${this.status}`, library: "core" }), hAsync("span", { key: 'bd39dd83c9e92950a3e06fef7457e429eb8e89ab', class: "qds-sr-only" }, this.statusDescription))), hAsync("span", { key: 'd3f08a7ed6cf5c1c93c8dff22afd479e5cc39197', class: "qds-text", "data-status": __classPrivateFieldGet$p(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
|
|
6429
6441
|
}
|
|
6430
6442
|
get host() { return getElement(this); }
|
|
6431
6443
|
static get style() { return QdsFormMessageStyle0; }
|
|
@@ -6664,7 +6676,7 @@ class Icon {
|
|
|
6664
6676
|
await this.setIcon();
|
|
6665
6677
|
}
|
|
6666
6678
|
render() {
|
|
6667
|
-
return (hAsync("div", { key: '
|
|
6679
|
+
return (hAsync("div", { key: '3fca209ec743cded809432d194d8c9488ba07fd8', class: "qds-container" }, hAsync("span", { key: '0d9759a324e57446f7a00cae5365808f70500f8f', class: "qds-icon-wrapper", innerHTML: this.svg }), hAsync("div", { key: '3f728385959c92a7386fd6495419299eb66997fc', class: "qds-click-target" })));
|
|
6668
6680
|
}
|
|
6669
6681
|
get host() { return getElement(this); }
|
|
6670
6682
|
static get watchers() { return {
|
|
@@ -6687,7 +6699,7 @@ class Icon {
|
|
|
6687
6699
|
}
|
|
6688
6700
|
_Icon_inheritedAttributes = new WeakMap();
|
|
6689
6701
|
|
|
6690
|
-
const inlineLinkCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-icon{
|
|
6702
|
+
const inlineLinkCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-icon{height:1.25em;padding-left:var(--qds-text-icon-gap);vertical-align:middle}.qds-inline-link{border-radius:var(--qds-focus-border-radius);display:inline-block}.qds-inline-link:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}[data-importance=subdued]{color:var(--qds-theme-link-subdued-default)}[data-importance=subdued]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=subdued]:hover{color:var(--qds-theme-link-subdued-hover)}[data-importance=subdued]:active{color:var(--qds-theme-link-subdued-pressed)}[data-importance=subdued]:visited:hover{color:var(--qds-theme-link-visited-hover)}[data-importance=subdued]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=standard]{color:var(--qds-theme-link-standard-default)}[data-importance=standard]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=standard]:hover{color:var(--qds-theme-link-standard-hover)}[data-importance=standard]:active{color:var(--qds-theme-link-standard-pressed)}[data-importance=standard]:visited:hover{color:var(--qds-theme-link-visited-hover)}[data-importance=standard]:visited:active{color:var(--qds-theme-link-visited-pressed)}[data-importance=emphasized]{color:var(--qds-theme-link-emphasized-default)}[data-importance=emphasized]:visited{color:var(--qds-theme-link-visited-default)}[data-importance=emphasized]:hover{color:var(--qds-theme-link-emphasized-hover)}[data-importance=emphasized]:active{color:var(--qds-theme-link-emphasized-pressed)}[data-importance=emphasized]:visited:hover{color:var(--qds-theme-link-visited-hover)}[data-importance=emphasized]:visited:active{color:var(--qds-theme-link-visited-pressed)}";
|
|
6691
6703
|
var QdsInlineLinkStyle0 = inlineLinkCss;
|
|
6692
6704
|
|
|
6693
6705
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -6771,10 +6783,10 @@ class InlineLink {
|
|
|
6771
6783
|
__classPrivateFieldGet$n(this, _InlineLink_internals, "f").ariaLabel = this.host.textContent;
|
|
6772
6784
|
}
|
|
6773
6785
|
render() {
|
|
6774
|
-
return (hAsync("a", { key: '
|
|
6786
|
+
return (hAsync("a", { key: '7565acce3bd53e90569e57b0191c237af88b7d9c', "aria-hidden": "true", class: {
|
|
6775
6787
|
'qds-inline-link': true,
|
|
6776
6788
|
'qds-disabled': this.disabled,
|
|
6777
|
-
}, "data-importance": __classPrivateFieldGet$n(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$n(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$n(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: this.disabled ? -1 : this.tabIndex, target: this.target }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '
|
|
6789
|
+
}, "data-importance": __classPrivateFieldGet$n(this, _InlineLink_instances, "a", _InlineLink_computedImportance_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$n(this, _InlineLink_onBlur, "f"), onFocus: __classPrivateFieldGet$n(this, _InlineLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: this.disabled ? -1 : this.tabIndex, target: this.target }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '08f09c658ec5ce9f52528ac3ae8b2fd1a8e6238b', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("slot", { key: 'df5093d7c728ef9c49c8f210922bc60814b00517', onSlotchange: __classPrivateFieldGet$n(this, _InlineLink_onSlotchange, "f") }), this.linkIcon && (hAsync("qds-icon", { key: 'bcb0e96aa2a65eccc2cd13db70a4b72a3b73eb2d', class: "qds-icon", library: "core", name: this.linkIcon }))));
|
|
6778
6790
|
}
|
|
6779
6791
|
static get delegatesFocus() { return true; }
|
|
6780
6792
|
get host() { return getElement(this); }
|
|
@@ -7387,12 +7399,12 @@ class Label {
|
|
|
7387
7399
|
__classPrivateFieldGet$l(this, _Label_ro, "f").disconnect();
|
|
7388
7400
|
}
|
|
7389
7401
|
render() {
|
|
7390
|
-
return (hAsync("span", { key: '
|
|
7402
|
+
return (hAsync("span", { key: '04557d25d0f4063cdc200c14dcc5093282480ef2', class: {
|
|
7391
7403
|
'qds-inline': this.inline,
|
|
7392
7404
|
'qds-label': true,
|
|
7393
7405
|
}, "data-size": __classPrivateFieldGet$l(this, _Label_instances, "a", _Label_computedSize_get), ref: __classPrivateFieldGet$l(this, _Label_labelRef, "f"),
|
|
7394
7406
|
// eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
|
|
7395
|
-
tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '
|
|
7407
|
+
tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '9ec237e88c66e0eaa9039a29cace2205aa00b5fc', class: "qds-required" }, "*"), hAsync("span", { key: '6675cf1a16640d5530d32f2d5e8f3892a8225c15', class: "qds-text", ref: __classPrivateFieldGet$l(this, _Label_spanRef, "f") }, this.text), this.tooltip && (hAsync("qds-tooltip", { key: '80bdb4ec82929404911f752dce2b525603dd613c', "aria-hidden": "true", ref: __classPrivateFieldGet$l(this, _Label_tooltipRef, "f") }, this.text))));
|
|
7396
7408
|
}
|
|
7397
7409
|
static get watchers() { return {
|
|
7398
7410
|
"text": ["textChanged"]
|
|
@@ -7773,14 +7785,14 @@ class NavListItem {
|
|
|
7773
7785
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
7774
7786
|
}
|
|
7775
7787
|
render() {
|
|
7776
|
-
return (hAsync(Host, { key: '
|
|
7788
|
+
return (hAsync(Host, { key: '99a81e745bc4599a97dfa7aec01d71293cee182b' }, hAsync("li", { key: '59890b7f870e94b97658f5135d89884e40b5afb0', class: {
|
|
7777
7789
|
'qds-nav-list-item': true,
|
|
7778
7790
|
'qds-disabled': this.disabled,
|
|
7779
7791
|
'qds-selected': this.selected,
|
|
7780
|
-
}, ref: __classPrivateFieldGet$i(this, _NavListItem_liRef, "f"), ...this.inheritedAttributes }, hAsync("button", { key: '
|
|
7792
|
+
}, ref: __classPrivateFieldGet$i(this, _NavListItem_liRef, "f"), ...this.inheritedAttributes }, hAsync("button", { key: '8b694264eb209f81a3a3f4e2cc1367417e04159d', class: {
|
|
7781
7793
|
'qds-button': true,
|
|
7782
7794
|
'qds-selected': this.selected,
|
|
7783
|
-
}, "data-size": __classPrivateFieldGet$i(this, _NavListItem_instances, "a", _NavListItem_computedSize_get), disabled: this.disabled, onBlur: __classPrivateFieldGet$i(this, _NavListItem_onBlur, "f"), onFocus: __classPrivateFieldGet$i(this, _NavListItem_onFocus, "f"), tabIndex: this.disabled ? undefined : this.tabIndex, type: "button" }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '
|
|
7795
|
+
}, "data-size": __classPrivateFieldGet$i(this, _NavListItem_instances, "a", _NavListItem_computedSize_get), disabled: this.disabled, onBlur: __classPrivateFieldGet$i(this, _NavListItem_onBlur, "f"), onFocus: __classPrivateFieldGet$i(this, _NavListItem_onFocus, "f"), tabIndex: this.disabled ? undefined : this.tabIndex, type: "button" }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'c34196a1277950cc1720f40ff738fb917594d65f', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$i(this, _NavListItem_instances, "a", _NavListItem_shouldCollapse_get) && this.text && this.renderText())), __classPrivateFieldGet$i(this, _NavListItem_instances, "a", _NavListItem_shouldCollapse_get) && this.text && (hAsync("qds-tooltip", { key: '7ba42ecc5e21236376c5e31bdb8b7ae0a6274e4c', placement: "right", ref: __classPrivateFieldGet$i(this, _NavListItem_tooltipRef, "f") }, this.renderText()))));
|
|
7784
7796
|
}
|
|
7785
7797
|
renderText() {
|
|
7786
7798
|
return (hAsync("div", { class: "qds-texts" }, hAsync("div", { class: "qds-text" }, this.text), this.subtext !== undefined && this.subtext !== '' && (hAsync("div", { class: "qds-subtext" }, this.subtext))));
|
|
@@ -7917,7 +7929,7 @@ class ProgressBar {
|
|
|
7917
7929
|
this.valueChanged();
|
|
7918
7930
|
}
|
|
7919
7931
|
render() {
|
|
7920
|
-
return (hAsync("div", { key: '
|
|
7932
|
+
return (hAsync("div", { key: 'f6f710fc3a8cbd3da6015fcc6baa3469d4b271cf', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$h(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, hAsync("div", { key: '8d9bee80586cbdc5682e3a45dbc9d91a03549e81', class: {
|
|
7921
7933
|
'qds-bar': true,
|
|
7922
7934
|
'qds-indeterminate': __classPrivateFieldGet$h(this, _ProgressBar_position, "f") === -1,
|
|
7923
7935
|
}, "data-size": __classPrivateFieldGet$h(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
|
|
@@ -8076,7 +8088,7 @@ _QdsBreadcrumbItem_internals = new WeakMap(), _QdsBreadcrumbItem_breadcrumbItem
|
|
|
8076
8088
|
return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$g(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
|
|
8077
8089
|
};
|
|
8078
8090
|
|
|
8079
|
-
const radioCss = "[hidden].sc-qds-radio-h{display:none!important}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-box.sc-qds-radio,.qds-icon.sc-qds-radio,.qds-radio.sc-qds-radio{grid-area:
|
|
8091
|
+
const radioCss = "[hidden].sc-qds-radio-h{display:none!important}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-box.sc-qds-radio,.qds-icon.sc-qds-radio,.qds-radio.sc-qds-radio{grid-area:b;place-self:center}.qds-box.sc-qds-radio,.qds-icon.sc-qds-radio{display:none;pointer-events:none}.qds-box.sc-qds-radio{border-radius:var(--qds-control-rounded-border-radius)}.qds-container.sc-qds-radio{align-self:flex-start;display:grid;grid-template-areas:\"b\"}.qds-icon.sc-qds-radio{color:var(--qds-theme-signature-color-contrast)}.qds-label.sc-qds-radio{cursor:pointer;display:inline-flex;width:inherit}.qds-label-inner.sc-qds-radio{flex:1 1 auto;min-width:0}.qds-radio.sc-qds-radio{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-control-input-background);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-rounded-border-radius);cursor:pointer;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-radio.sc-qds-radio:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.qds-radio.sc-qds-radio:active~.qds-box.sc-qds-radio,.qds-radio.sc-qds-radio:hover~.qds-box.sc-qds-radio{display:block}.qds-radio.sc-qds-radio:hover~.qds-box.sc-qds-radio{background-color:var(--qds-theme-signature-color-hover)}.qds-radio.sc-qds-radio:active~.qds-box.sc-qds-radio{background-color:var(--qds-theme-signature-color-pressed)}.qds-radio.sc-qds-radio:checked{background-color:var(--qds-theme-signature-color-default);border-color:#0000}.qds-radio.sc-qds-radio:checked~.qds-icon.sc-qds-radio{display:block}.qds-radio.sc-qds-radio:checked:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-radio.sc-qds-radio:checked:active{background-color:var(--qds-theme-signature-color-pressed)}[aria-disabled=true].sc-qds-radio{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-radio[data-size=small].sc-qds-radio{height:var(--qds-control-toggle-box-small-size);width:var(--qds-control-toggle-box-small-size)}.qds-icon[data-size=small].sc-qds-radio{font-size:var(--qds-control-small-icon-size)}.qds-box[data-size=small].sc-qds-radio{height:var(--qds-control-toggle-indicator-small-size);width:var(--qds-control-toggle-indicator-small-size)}.qds-inline[data-size=small].sc-qds-radio{margin-block:var(--qds-control-small-padding-auto-height)}.qds-label[data-size=small].sc-qds-radio{gap:var(--qds-control-small-gap-siblings-related)}.qds-radio[data-size=standard].sc-qds-radio{height:var(--qds-control-toggle-box-standard-size);width:var(--qds-control-toggle-box-standard-size)}.qds-icon[data-size=standard].sc-qds-radio{font-size:var(--qds-control-standard-icon-size)}.qds-box[data-size=standard].sc-qds-radio{height:var(--qds-control-toggle-indicator-standard-size);width:var(--qds-control-toggle-indicator-standard-size)}.qds-inline[data-size=standard].sc-qds-radio{margin-block:var(--qds-control-standard-padding-auto-height)}.qds-label[data-size=standard].sc-qds-radio{gap:var(--qds-control-standard-gap-siblings-related)}.qds-radio[data-size=large].sc-qds-radio{height:var(--qds-control-toggle-box-large-size);width:var(--qds-control-toggle-box-large-size)}.qds-icon[data-size=large].sc-qds-radio{font-size:var(--qds-control-large-icon-size)}.qds-box[data-size=large].sc-qds-radio{height:var(--qds-control-toggle-indicator-large-size);width:var(--qds-control-toggle-indicator-large-size)}.qds-inline[data-size=large].sc-qds-radio{margin-block:var(--qds-control-large-padding-auto-height)}.qds-label[data-size=large].sc-qds-radio{gap:var(--qds-control-large-gap-siblings-related)}";
|
|
8080
8092
|
var QdsRadioStyle0 = radioCss;
|
|
8081
8093
|
|
|
8082
8094
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -8162,10 +8174,10 @@ class Radio {
|
|
|
8162
8174
|
render() {
|
|
8163
8175
|
return (
|
|
8164
8176
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
8165
|
-
hAsync("label", { key: '
|
|
8177
|
+
hAsync("label", { key: '84c6d523bbede422745081dc2fd4600645e0a35c', "aria-disabled": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
|
|
8166
8178
|
'qds-inline': this.inline,
|
|
8167
8179
|
'qds-label': true,
|
|
8168
|
-
}, "data-size": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '
|
|
8180
|
+
}, "data-size": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '631b31c5c10b8876a1f69bd0e483c16db8e55b46', class: "qds-container" }, hAsync("input", { key: 'b9dd48afbb2bd6fbadbd4316490f6227b20644c4', checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet$f(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet$f(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet$f(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet$f(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet$f(this, _Radio_inheritedAttributes, "f") }), hAsync("div", { key: 'c18595ddf8c3500215b878a998cf57bf8c57bb4c', class: "qds-box", "data-size": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get) }), hAsync("qds-icon", { key: 'f6c59a38ec683a0bbfa3f2059ed160dbaebc4560', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get), library: "core", name: "checked" })), __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_hasText_get) && (hAsync("qds-label", { key: '523698a797362538234838dd3c8c86dba593ff40', class: "qds-label-inner", size: __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get), text: this.text }))));
|
|
8169
8181
|
}
|
|
8170
8182
|
get host() { return getElement(this); }
|
|
8171
8183
|
static get watchers() { return {
|
|
@@ -8209,7 +8221,7 @@ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio
|
|
|
8209
8221
|
return this.text !== undefined && this.text !== '';
|
|
8210
8222
|
};
|
|
8211
8223
|
|
|
8212
|
-
const selectCss = ":host([hidden]){display:none!important}:host{display:inline-block}slot{display:none}.qds-container{box-sizing:border-box;display:grid;grid-template-areas:\"
|
|
8224
|
+
const selectCss = ":host([hidden]){display:none!important}:host{display:inline-block}slot{display:none}.qds-container{box-sizing:border-box;display:grid;grid-template-areas:\"c\"}.qds-container,.qds-select{width:inherit}.qds-icon,.qds-select{color:var(--qds-theme-control-text-standard);grid-area:c}.qds-icon{margin-inline-end:calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-border-width));place-self:center end;pointer-events:none}.qds-select{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-control-input-background);border-color:var(--qds-theme-control-border);border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );border-style:solid;border-width:var(--qds-control-border-width) var(--qds-control-border-width-inline-end,var(--qds-control-border-width)) var(--qds-control-border-width-block-end,var(--qds-control-border-width)) var(--qds-control-border-width);margin:0;outline:0;padding-block:0;padding-inline:var(--qds-control-input-padding-horizontal);text-overflow:ellipsis}.qds-select:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-select:disabled,.qds-select:disabled+.qds-icon{opacity:var(--qds-theme-disabled)}:is(::slotted(optgroup),::slotted(optgroup:not(:disabled)>option),::slotted(option)):disabled{opacity:var(--qds-theme-disabled)}::slotted(optgroup){font:var(--qds-accessory-section-title)}::slotted(optgroup>option),::slotted(option){font:var(--qds-list-item-label-main)}.qds-select[data-size=small]{font:var(--qds-control-small-text)}.qds-select[data-size=small]:not([multiple]){height:var(--qds-control-small-height);padding-inline-end:calc(var(--qds-control-small-icon-size) + var(--qds-text-icon-gap) + var(--qds-control-input-padding-horizontal))}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-select[data-size=standard]{font:var(--qds-control-standard-text)}.qds-select[data-size=standard]:not([multiple]){height:var(--qds-control-standard-height);padding-inline-end:calc(var(--qds-control-standard-icon-size) + var(--qds-text-icon-gap) + var(--qds-control-input-padding-horizontal))}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-select[data-size=large]{font:var(--qds-control-large-text)}.qds-select[data-size=large]:not([multiple]){height:var(--qds-control-large-height);padding-inline-end:calc(var(--qds-control-large-icon-size) + var(--qds-text-icon-gap) + var(--qds-control-input-padding-horizontal))}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n ));grid-area:c;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width-block-end, var(--qds-control-border-width)));isolation:isolate;outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset);pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-control-border-width-inline-end,\n var(--qds-control-border-width)\n ))}.qds-select:focus-visible~.qds-focus-ring{visibility:visible}";
|
|
8213
8225
|
var QdsSelectStyle0 = selectCss;
|
|
8214
8226
|
|
|
8215
8227
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -8640,11 +8652,11 @@ class StandaloneLink {
|
|
|
8640
8652
|
__classPrivateFieldGet$d(this, _StandaloneLink_internals, "f").ariaLabel = this.host.textContent;
|
|
8641
8653
|
}
|
|
8642
8654
|
render() {
|
|
8643
|
-
return (hAsync("a", { key: '
|
|
8655
|
+
return (hAsync("a", { key: 'f67a8364f345f7bfc04fa3a9f7998696c9484d1a', "aria-hidden": "true", class: {
|
|
8644
8656
|
'qds-standalone-link': true,
|
|
8645
8657
|
'qds-disabled': this.disabled,
|
|
8646
8658
|
'qds-visitable': this.visitable,
|
|
8647
|
-
}, "data-importance": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$d(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$d(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: this.disabled ? -1 : this.tabIndex, target: this.target }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: '
|
|
8659
|
+
}, "data-importance": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedImportance_get), "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), download: this.download, href: this.href?.toString(), hrefLang: this.hreflang, onBlur: __classPrivateFieldGet$d(this, _StandaloneLink_onBlur, "f"), onFocus: __classPrivateFieldGet$d(this, _StandaloneLink_onFocus, "f"), referrerPolicy: this.referrerPolicy, rel: this.rel, tabIndex: this.disabled ? -1 : this.tabIndex, target: this.target }, this.iconName !== undefined && this.iconName !== '' && (hAsync("span", { key: '603a16b4953067d5d5307638780ae989460e58ef', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'db7383ddc94fedd616686eb2c2cef0470f51faf2', class: "qds-icon", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: 'cb58317226f96b6bea22193d0f508309c12cd79a', class: "qds-text" }, hAsync("slot", { key: 'cb915085cd2df9782340269e1617281019a7c5e7', onSlotchange: __classPrivateFieldGet$d(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: '67987565b74125a5335bfb4ea5e542e94386b03e', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '09aa1681c4899054de9398c04eef711ee2c9d179', class: "qds-icon", library: "core", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), name: this.linkIcon }))), this.importance === 'emphasized' && (hAsync("span", { key: '5ada1b1d08d964fbac8d8d8f4424d33d1739a1b8', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '98ce32c7979d51a97a6acc795cfaa4224688026d', class: "qds-icon", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
|
|
8648
8660
|
}
|
|
8649
8661
|
static get delegatesFocus() { return true; }
|
|
8650
8662
|
get host() { return getElement(this); }
|
|
@@ -8850,13 +8862,13 @@ class Switch {
|
|
|
8850
8862
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
8851
8863
|
}
|
|
8852
8864
|
render() {
|
|
8853
|
-
return (hAsync("div", { key: '
|
|
8865
|
+
return (hAsync("div", { key: '4a2f370feaefbac2010dc7bb40fe73a9dfbd5443', class: {
|
|
8854
8866
|
'qds-container': true,
|
|
8855
8867
|
'qds-disabled': __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedDisabled_get),
|
|
8856
8868
|
'qds-inline': this.inline,
|
|
8857
|
-
}, "data-size": __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("input", { key: '
|
|
8869
|
+
}, "data-size": __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("input", { key: '5f804a764e0796761c6de2a4b7aefac819fe127b', "aria-hidden": "true",
|
|
8858
8870
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
8859
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, onBlur: __classPrivateFieldGet$c(this, _Switch_onBlur, "f"), onFocus: __classPrivateFieldGet$c(this, _Switch_onFocus, "f"), tabIndex: __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", value: this.value ?? undefined, ...this.inheritedAttributes }), hAsync("div", { key: '
|
|
8871
|
+
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-switch", disabled: this.disabled, onBlur: __classPrivateFieldGet$c(this, _Switch_onBlur, "f"), onFocus: __classPrivateFieldGet$c(this, _Switch_onFocus, "f"), tabIndex: __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", value: this.value ?? undefined, ...this.inheritedAttributes }), hAsync("div", { key: 'dff41be9506a933141928870d2d935daeaa00072', class: "qds-track", "data-size": __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("div", { key: '81a439f78e9e2d3c3380540aeb9a64836889ff98', class: "qds-knob", "data-size": __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedSize_get) }))));
|
|
8860
8872
|
}
|
|
8861
8873
|
static get delegatesFocus() { return true; }
|
|
8862
8874
|
static get formAssociated() { return true; }
|
|
@@ -9639,7 +9651,7 @@ class Table {
|
|
|
9639
9651
|
__classPrivateFieldSet$9(this, _Table_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9640
9652
|
}
|
|
9641
9653
|
render() {
|
|
9642
|
-
return (hAsync("table", { key: '
|
|
9654
|
+
return (hAsync("table", { key: '95d6a594ade3ff220e03900bf412a3aea6ce9e7a', class: "qds-table", ...__classPrivateFieldGet$9(this, _Table_inheritedAttributes, "f") }, hAsync("slot", { key: 'b372c22b23421853c5b556e11c6031fe7932c7eb' })));
|
|
9643
9655
|
}
|
|
9644
9656
|
get host() { return getElement(this); }
|
|
9645
9657
|
static get style() { return QdsTableStyle0; }
|
|
@@ -9693,7 +9705,7 @@ class TableBody {
|
|
|
9693
9705
|
__classPrivateFieldSet$8(this, _TableBody_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9694
9706
|
}
|
|
9695
9707
|
render() {
|
|
9696
|
-
return (hAsync("tbody", { key: '
|
|
9708
|
+
return (hAsync("tbody", { key: '276cc186078c0876f0c3b6c68e0ab8a05533d049', class: "qds-table-body", ...__classPrivateFieldGet$8(this, _TableBody_inheritedAttributes, "f") }, hAsync("slot", { key: '6c6ac6fab64e79a4b132c7a337ef2b6ad78382c9' })));
|
|
9697
9709
|
}
|
|
9698
9710
|
get host() { return getElement(this); }
|
|
9699
9711
|
static get style() { return QdsTableBodyStyle0; }
|
|
@@ -9746,7 +9758,7 @@ class TableCell {
|
|
|
9746
9758
|
__classPrivateFieldSet$7(this, _TableCell_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9747
9759
|
}
|
|
9748
9760
|
render() {
|
|
9749
|
-
return (hAsync("td", { key: '
|
|
9761
|
+
return (hAsync("td", { key: 'd605c52fcc8ad36575a5e9cb92cf6b58fb9fa3ed', class: "qds-table-cell", colSpan: this.colSpan, rowSpan: this.rowSpan, ...__classPrivateFieldGet$7(this, _TableCell_inheritedAttributes, "f") }, hAsync("slot", { key: '4f48d6d012e41bcdceeafd4cc0e0cb9eda855460' })));
|
|
9750
9762
|
}
|
|
9751
9763
|
get host() { return getElement(this); }
|
|
9752
9764
|
static get style() { return QdsTableCellStyle0; }
|
|
@@ -9803,7 +9815,7 @@ class TableHead {
|
|
|
9803
9815
|
__classPrivateFieldSet$6(this, _TableHead_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9804
9816
|
}
|
|
9805
9817
|
render() {
|
|
9806
|
-
return (hAsync("thead", { key: '
|
|
9818
|
+
return (hAsync("thead", { key: '7dbee88b482541d1da2260e2a8beabe272f1cc63', class: "qds-table-head", ...__classPrivateFieldGet$6(this, _TableHead_inheritedAttributes, "f") }, hAsync("slot", { key: '49a8f0f72bccadbfee545d8400dade2a242465d8' })));
|
|
9807
9819
|
}
|
|
9808
9820
|
get host() { return getElement(this); }
|
|
9809
9821
|
static get style() { return QdsTableHeadStyle0; }
|
|
@@ -9916,7 +9928,7 @@ class TableRow {
|
|
|
9916
9928
|
__classPrivateFieldSet$4(this, _TableRow_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9917
9929
|
}
|
|
9918
9930
|
render() {
|
|
9919
|
-
return (hAsync("tr", { key: '
|
|
9931
|
+
return (hAsync("tr", { key: '5d68a0c56d209dbb0dddf25a28cda66dce2a5e7b', class: "qds-table-row", ...__classPrivateFieldGet$4(this, _TableRow_inheritedAttributes, "f") }, hAsync("slot", { key: '794f69764a49aa01f3d22b4797bc27b86ba8002c' })));
|
|
9920
9932
|
}
|
|
9921
9933
|
get host() { return getElement(this); }
|
|
9922
9934
|
static get style() { return QdsTableRowStyle0; }
|
|
@@ -10381,7 +10393,7 @@ _TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(
|
|
|
10381
10393
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
10382
10394
|
};
|
|
10383
10395
|
|
|
10384
|
-
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"
|
|
10396
|
+
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"d\"}.qds-titles.qds-has-kicker{grid-template-areas:\"e\" \"d\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"d\" \"f\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"e\" \"d\" \"f\"}.qds-has-icon{grid-template-areas:\"g d\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". e\" \"g d\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"g d\" \". f\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". e\" \"g d\" \". f\"}.qds-kicker,.qds-subtitle,.qds-title{margin-block:0}.qds-title{color:var(--qds-theme-title);grid-area:d}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:f}.qds-kicker{color:var(--qds-theme-kicker);grid-area:e}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:g}.qds-main.qds-section.qds-titles{gap:var(--qds-main-section-titles-gap)}.qds-main.qds-section.qds-has-icon{gap:var(--qds-main-section-titles-gap) var(--qds-main-section-titles-icon-gap)}.qds-main.qds-section .qds-title{font:var(--qds-main-section-title)}.qds-main.qds-section .qds-subtitle{font:var(--qds-main-section-subtitle)}.qds-main.qds-section .qds-kicker{font:var(--qds-main-section-kicker)}.qds-main.qds-section .qds-icon{height:var(--qds-main-section-titles-icon-crop-height);width:var(--qds-main-section-titles-icon-size)}.qds-main.qds-subsection.qds-titles{gap:var(--qds-main-subsection-titles-gap)}.qds-main.qds-subsection.qds-has-icon{gap:var(--qds-main-subsection-titles-gap) var(--qds-main-subsection-titles-icon-gap)}.qds-main.qds-subsection .qds-title{font:var(--qds-main-subsection-title)}.qds-main.qds-subsection .qds-subtitle{font:var(--qds-main-subsection-subtitle)}.qds-main.qds-subsection .qds-kicker{font:var(--qds-main-subsection-kicker)}.qds-main.qds-subsection .qds-icon{height:var(--qds-main-subsection-titles-icon-crop-height);width:var(--qds-main-subsection-titles-icon-size)}.qds-panel.qds-root.qds-titles{gap:var(--qds-panel-titles-gap)}.qds-panel.qds-root.qds-has-icon{gap:var(--qds-panel-titles-gap) var(--qds-panel-titles-icon-gap)}.qds-panel.qds-root .qds-title{font:var(--qds-panel-title)}.qds-panel.qds-root .qds-subtitle{font:var(--qds-panel-subtitle)}.qds-panel.qds-root .qds-kicker{font:var(--qds-panel-kicker)}.qds-panel.qds-root .qds-icon{height:var(--qds-panel-titles-icon-crop-height);width:var(--qds-panel-titles-icon-size)}.qds-panel.qds-section.qds-titles{gap:var(--qds-panel-section-titles-gap)}.qds-panel.qds-section.qds-has-icon{gap:var(--qds-panel-section-titles-gap) var(--qds-panel-section-titles-icon-gap)}.qds-panel.qds-section .qds-title{font:var(--qds-panel-section-title)}.qds-panel.qds-section .qds-subtitle{font:var(--qds-panel-section-subtitle)}.qds-panel.qds-section .qds-kicker{font:var(--qds-panel-section-kicker)}.qds-panel.qds-section .qds-icon{height:var(--qds-panel-section-titles-icon-crop-height);width:var(--qds-panel-section-titles-icon-size)}.qds-panel.qds-subsection.qds-titles{gap:var(--qds-panel-subsection-titles-gap)}.qds-panel.qds-subsection.qds-has-icon{gap:var(--qds-panel-subsection-titles-gap) var(--qds-panel-subsection-titles-icon-gap)}.qds-panel.qds-subsection .qds-title{font:var(--qds-panel-subsection-title)}.qds-panel.qds-subsection .qds-subtitle{font:var(--qds-panel-subsection-subtitle)}.qds-panel.qds-subsection .qds-kicker{font:var(--qds-panel-subsection-kicker)}.qds-panel.qds-subsection .qds-icon{height:var(--qds-panel-subsection-titles-icon-crop-height);width:var(--qds-panel-subsection-titles-icon-size)}.qds-navigation.qds-section.qds-titles{gap:var(--qds-navigation-section-titles-gap)}.qds-navigation.qds-section.qds-has-icon{gap:var(--qds-navigation-section-titles-gap) var(--qds-navigation-section-titles-icon-gap)}.qds-navigation.qds-section .qds-title{font:var(--qds-navigation-section-title)}.qds-navigation.qds-section .qds-subtitle{font:var(--qds-navigation-section-subtitle)}.qds-navigation.qds-section .qds-kicker{font:var(--qds-navigation-section-kicker)}.qds-navigation.qds-section .qds-icon{height:var(--qds-navigation-section-titles-icon-crop-height);width:var(--qds-navigation-section-titles-icon-size)}.qds-navigation.qds-subsection.qds-titles{gap:var(--qds-navigation-subsection-titles-gap)}.qds-navigation.qds-subsection.qds-has-icon{gap:var(--qds-navigation-subsection-titles-gap) var(--qds-navigation-subsection-titles-icon-gap)}.qds-navigation.qds-subsection .qds-title{font:var(--qds-navigation-subsection-title)}.qds-navigation.qds-subsection .qds-subtitle{font:var(--qds-navigation-subsection-subtitle)}.qds-navigation.qds-subsection .qds-kicker{font:var(--qds-navigation-subsection-kicker)}.qds-navigation.qds-subsection .qds-icon{height:var(--qds-navigation-subsection-titles-icon-crop-height);width:var(--qds-navigation-subsection-titles-icon-size)}.qds-popup.qds-root.qds-titles{gap:var(--qds-popup-titles-gap)}.qds-popup.qds-root.qds-has-icon{gap:var(--qds-popup-titles-gap) var(--qds-popup-titles-icon-gap)}.qds-popup.qds-root .qds-title{font:var(--qds-popup-title)}.qds-popup.qds-root .qds-subtitle{font:var(--qds-popup-subtitle)}.qds-popup.qds-root .qds-kicker{font:var(--qds-popup-kicker)}.qds-popup.qds-root .qds-icon{height:var(--qds-popup-titles-icon-crop-height);width:var(--qds-popup-titles-icon-size)}.qds-popup.qds-section.qds-titles{gap:var(--qds-popup-section-titles-gap)}.qds-popup.qds-section.qds-has-icon{gap:var(--qds-popup-section-titles-gap) var(--qds-popup-section-titles-icon-gap)}.qds-popup.qds-section .qds-title{font:var(--qds-popup-section-title)}.qds-popup.qds-section .qds-subtitle{font:var(--qds-popup-section-subtitle)}.qds-popup.qds-section .qds-kicker{font:var(--qds-popup-section-kicker)}.qds-popup.qds-section .qds-icon{height:var(--qds-popup-section-titles-icon-crop-height);width:var(--qds-popup-section-titles-icon-size)}.qds-popup.qds-subsection.qds-titles{gap:var(--qds-popup-subsection-titles-gap)}.qds-popup.qds-subsection.qds-has-icon{gap:var(--qds-popup-subsection-titles-gap) var(--qds-popup-subsection-titles-icon-gap)}.qds-popup.qds-subsection .qds-title{font:var(--qds-popup-subsection-title)}.qds-popup.qds-subsection .qds-subtitle{font:var(--qds-popup-subsection-subtitle)}.qds-popup.qds-subsection .qds-kicker{font:var(--qds-popup-subsection-kicker)}.qds-popup.qds-subsection .qds-icon{height:var(--qds-popup-subsection-titles-icon-crop-height);width:var(--qds-popup-subsection-titles-icon-size)}.qds-accessory.qds-root.qds-titles{gap:var(--qds-accessory-titles-gap)}.qds-accessory.qds-root.qds-has-icon{gap:var(--qds-accessory-titles-gap) var(--qds-accessory-titles-icon-gap)}.qds-accessory.qds-root .qds-title{font:var(--qds-accessory-title)}.qds-accessory.qds-root .qds-subtitle{font:var(--qds-accessory-subtitle)}.qds-accessory.qds-root .qds-kicker{font:var(--qds-accessory-kicker)}.qds-accessory.qds-root .qds-icon{height:var(--qds-accessory-titles-icon-crop-height);width:var(--qds-accessory-titles-icon-size)}.qds-accessory.qds-section.qds-titles{gap:var(--qds-accessory-section-titles-gap)}.qds-accessory.qds-section.qds-has-icon{gap:var(--qds-accessory-section-titles-gap) var(--qds-accessory-section-titles-icon-gap)}.qds-accessory.qds-section .qds-title{font:var(--qds-accessory-section-title)}.qds-accessory.qds-section .qds-subtitle{font:var(--qds-accessory-section-subtitle)}.qds-accessory.qds-section .qds-kicker{font:var(--qds-accessory-section-kicker)}.qds-accessory.qds-section .qds-icon{height:var(--qds-accessory-section-titles-icon-crop-height);width:var(--qds-accessory-section-titles-icon-size)}.qds-titles[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap);margin:auto}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-promo-title)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-subtitle{font:var(--qds-main-section-promo-subtitle)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-kicker{font:var(--qds-main-section-promo-kicker)}.qds-has-icon[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-promo-titles-gap) var(--qds-main-section-promo-titles-icon-gap)}[data-variant=web-main-section-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-icon{height:var(--qds-main-section-promo-titles-icon-crop-height);width:var(--qds-main-section-promo-titles-icon-size)}[data-alignment=start]{text-align:start}[data-alignment=center]{text-align:center}[data-alignment=end]{text-align:end}.qds-titles[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-display-titles-gap)}[data-variant=web-main-section-display]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-display-title)}.qds-titles[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-subsection-card-titles-gap)}[data-variant=web-main-subsection-card]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-subsection-card-title)}.qds-titles[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-hero-titles-gap)}[data-variant=web-main-section-hero]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-hero-title)}";
|
|
10385
10397
|
var QdsTitleStyle0 = titleCss;
|
|
10386
10398
|
|
|
10387
10399
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|