@quartzds/core 1.0.0-beta.86 → 1.0.0-beta.88
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/components/index.js +2 -2
- package/components/{p-e232886a.js → p-0777b016.js} +3 -3
- package/components/{p-e232886a.js.map → p-0777b016.js.map} +1 -1
- package/components/{p-a7625c8a.js → p-0a8f2b82.js} +6 -6
- package/components/{p-a7625c8a.js.map → p-0a8f2b82.js.map} +1 -1
- package/components/{p-57a95aa7.js → p-0a9f5f86.js} +2 -2
- package/components/{p-57a95aa7.js.map → p-0a9f5f86.js.map} +1 -1
- package/components/{p-002e77af.js → p-2806fee1.js} +5 -2
- package/components/p-2806fee1.js.map +1 -0
- package/components/{p-86a0fdf3.js → p-3c48ff53.js} +2 -2
- package/components/{p-86a0fdf3.js.map → p-3c48ff53.js.map} +1 -1
- package/components/{p-06224a43.js → p-7830c8b9.js} +2 -2
- package/components/{p-06224a43.js.map → p-7830c8b9.js.map} +1 -1
- package/components/{p-4d70a106.js → p-7f2c17e8.js} +6 -6
- package/components/{p-4d70a106.js.map → p-7f2c17e8.js.map} +1 -1
- package/components/{p-a148b2d0.js → p-9b8175b3.js} +3 -3
- package/components/{p-a148b2d0.js.map → p-9b8175b3.js.map} +1 -1
- package/components/{p-2569b430.js → p-9c908215.js} +5 -5
- package/components/{p-2569b430.js.map → p-9c908215.js.map} +1 -1
- package/components/{p-e2dcda39.js → p-b82e163d.js} +2 -2
- package/components/{p-e2dcda39.js.map → p-b82e163d.js.map} +1 -1
- package/components/{p-2e88c3cc.js → p-fed0d11f.js} +2 -2
- package/components/{p-2e88c3cc.js.map → p-fed0d11f.js.map} +1 -1
- package/components/qds-badge-counter.js +1 -1
- package/components/qds-badge-indicator.js +1 -1
- package/components/qds-breadcrumb-item.js +2 -2
- package/components/qds-button.js +1 -1
- package/components/qds-checkbox.js +1 -1
- package/components/qds-chip.js +3 -3
- package/components/qds-dialog.js +1 -1
- package/components/qds-divider.js +1 -1
- package/components/qds-dropdown.js +1 -1
- package/components/qds-form-message.js +2 -2
- package/components/qds-icon.js +1 -1
- package/components/qds-inline-link.js +2 -2
- package/components/qds-input.js +7 -7
- package/components/qds-label.js +1 -1
- package/components/qds-list-item.js +5 -5
- package/components/qds-loader.js +2 -2
- package/components/qds-nav-list-item.js +3 -3
- package/components/qds-progress-bar.js +1 -1
- package/components/qds-radio.js +4 -4
- package/components/qds-select.js +2 -2
- package/components/qds-standalone-link.js +2 -2
- package/components/qds-switch.js +2 -2
- package/components/qds-switch.js.map +1 -1
- package/components/qds-tab.js +29 -15
- package/components/qds-tab.js.map +1 -1
- package/components/qds-tabbar.js +33 -22
- package/components/qds-tabbar.js.map +1 -1
- package/components/qds-table-body.js +1 -1
- package/components/qds-table-cell.js +1 -1
- package/components/qds-table-head-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-textarea.js +1 -1
- package/components/qds-title.js +1 -1
- package/components/qds-tooltip.js +1 -1
- package/dist/cjs/{index-644fe556.js → index-523dd2e0.js} +5 -2
- package/dist/cjs/index-523dd2e0.js.map +1 -0
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/{library-1fda56bc.js → library-41b19b9e.js} +2 -2
- package/dist/cjs/{library-1fda56bc.js.map → library-41b19b9e.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/qds-badge-counter_2.cjs.entry.js +1 -1
- package/dist/cjs/qds-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/qds-button.cjs.entry.js +1 -1
- package/dist/cjs/qds-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/qds-chip.cjs.entry.js +1 -1
- package/dist/cjs/qds-dialog.cjs.entry.js +1 -1
- package/dist/cjs/qds-divider.cjs.entry.js +1 -1
- package/dist/cjs/qds-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/qds-form-message.cjs.entry.js +1 -1
- package/dist/cjs/qds-icon.cjs.entry.js +2 -2
- package/dist/cjs/qds-inline-link.cjs.entry.js +1 -1
- package/dist/cjs/qds-input.cjs.entry.js +2 -2
- package/dist/cjs/qds-label.cjs.entry.js +1 -1
- package/dist/cjs/qds-list-item.cjs.entry.js +1 -1
- package/dist/cjs/qds-loader.cjs.entry.js +1 -1
- package/dist/cjs/qds-nav-list-item.cjs.entry.js +1 -1
- package/dist/cjs/qds-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/qds-radio.cjs.entry.js +1 -1
- package/dist/cjs/qds-select.cjs.entry.js +1 -1
- package/dist/cjs/qds-standalone-link.cjs.entry.js +1 -1
- package/dist/cjs/qds-switch.cjs.entry.js +2 -2
- package/dist/cjs/qds-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-tab.cjs.entry.js +21 -8
- package/dist/cjs/qds-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-tabbar.cjs.entry.js +26 -15
- package/dist/cjs/qds-tabbar.cjs.entry.js.map +1 -1
- 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-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 +3 -3
- package/dist/cjs/qds-tag_2.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-textarea.cjs.entry.js +1 -1
- package/dist/cjs/qds-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/qds.cjs.js +2 -2
- package/dist/custom-elements.json +313 -270
- package/dist/docs.json +9 -2
- package/dist/esm/{index-be1284b6.js → index-b1d6acd2.js} +5 -2
- package/dist/esm/index-b1d6acd2.js.map +1 -0
- package/dist/esm/index.js +2 -2
- package/dist/esm/{library-a92b7d9e.js → library-2e5458af.js} +2 -2
- package/dist/esm/{library-a92b7d9e.js.map → library-2e5458af.js.map} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/qds-badge-counter_2.entry.js +1 -1
- package/dist/esm/qds-breadcrumb-item.entry.js +1 -1
- package/dist/esm/qds-button.entry.js +1 -1
- package/dist/esm/qds-checkbox.entry.js +2 -2
- package/dist/esm/qds-chip.entry.js +1 -1
- package/dist/esm/qds-dialog.entry.js +1 -1
- package/dist/esm/qds-divider.entry.js +1 -1
- package/dist/esm/qds-dropdown.entry.js +1 -1
- package/dist/esm/qds-form-message.entry.js +1 -1
- package/dist/esm/qds-icon.entry.js +2 -2
- package/dist/esm/qds-inline-link.entry.js +1 -1
- package/dist/esm/qds-input.entry.js +2 -2
- package/dist/esm/qds-label.entry.js +1 -1
- package/dist/esm/qds-list-item.entry.js +1 -1
- package/dist/esm/qds-loader.entry.js +1 -1
- package/dist/esm/qds-nav-list-item.entry.js +1 -1
- package/dist/esm/qds-progress-bar.entry.js +1 -1
- package/dist/esm/qds-radio.entry.js +1 -1
- package/dist/esm/qds-select.entry.js +1 -1
- package/dist/esm/qds-standalone-link.entry.js +1 -1
- package/dist/esm/qds-switch.entry.js +2 -2
- package/dist/esm/qds-switch.entry.js.map +1 -1
- package/dist/esm/qds-tab.entry.js +21 -8
- package/dist/esm/qds-tab.entry.js.map +1 -1
- package/dist/esm/qds-tabbar.entry.js +26 -15
- package/dist/esm/qds-tabbar.entry.js.map +1 -1
- 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-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 +3 -3
- package/dist/esm/qds-tag_2.entry.js.map +1 -1
- package/dist/esm/qds-textarea.entry.js +1 -1
- package/dist/esm/qds-tooltip.entry.js +1 -1
- package/dist/esm/qds.js +3 -3
- package/dist/types/components/tab/tab.d.ts +2 -0
- package/dist/types/components/tabbar/tabbar.d.ts +1 -0
- package/hydrate/index.js +57 -29
- package/hydrate/index.mjs +57 -29
- package/package.json +1 -1
- package/components/p-002e77af.js.map +0 -1
- package/dist/cjs/index-644fe556.js.map +0 -1
- package/dist/esm/index-be1284b6.js.map +0 -1
package/hydrate/index.mjs
CHANGED
|
@@ -129,7 +129,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
|
|
|
129
129
|
|
|
130
130
|
|
|
131
131
|
const NAMESPACE = 'qds';
|
|
132
|
-
const BUILD = /* qds */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, constructableCSS: false, cssAnnotations: true, devTools: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow:
|
|
132
|
+
const BUILD = /* qds */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, constructableCSS: false, cssAnnotations: true, devTools: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: false, invisiblePrehydration: false, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
|
|
133
133
|
|
|
134
134
|
/*
|
|
135
135
|
Stencil Hydrate Platform v4.27.1 | MIT Licensed | https://stenciljs.com
|
|
@@ -2566,6 +2566,9 @@ var getHostListenerTarget = (doc, elm, flags) => {
|
|
|
2566
2566
|
if (flags & 4 /* TargetDocument */) {
|
|
2567
2567
|
return doc;
|
|
2568
2568
|
}
|
|
2569
|
+
if (flags & 8 /* TargetWindow */) {
|
|
2570
|
+
return win;
|
|
2571
|
+
}
|
|
2569
2572
|
return elm;
|
|
2570
2573
|
};
|
|
2571
2574
|
var hostListenerOpts = (flags) => (flags & 2 /* Capture */) !== 0;
|
|
@@ -3952,7 +3955,7 @@ _Button_button = new WeakMap(), _Button_span = new WeakMap(), _Button_ro = new W
|
|
|
3952
3955
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
3953
3956
|
};
|
|
3954
3957
|
|
|
3955
|
-
const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-box,.qds-checkbox,.qds-icon{grid-area:
|
|
3958
|
+
const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-box,.qds-checkbox,.qds-icon{grid-area:f;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:\"f\"}.qds-icon{color:var(--qds-theme-signature-color-contrast)}.qds-label{cursor:pointer;display:inline-flex}.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)}";
|
|
3956
3959
|
var QdsCheckboxStyle0 = checkboxCss;
|
|
3957
3960
|
|
|
3958
3961
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -6801,7 +6804,7 @@ _InlineLink_internals = new WeakMap(), _InlineLink_onBlur = new WeakMap(), _Inli
|
|
|
6801
6804
|
}
|
|
6802
6805
|
};
|
|
6803
6806
|
|
|
6804
|
-
const inputCss = ":host([hidden]){display:none!important}:host{display:inline-block}@-moz-document url-prefix(){[type=date]~.qds-icon-container,[type=datetime-local]~.qds-icon-container,[type=month]~.qds-icon-container,[type=time]~.qds-icon-container,[type=week]~.qds-icon-container{display:none}}.qds-container,.qds-input{max-width:inherit;width:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"f\"}.qds-icon{--qds-theme-interactive-background-hover:none;--qds-theme-interactive-background-pressed:none;--qds-control-small-height:var(--qds-control-small-icon-size);flex-shrink:0}.qds-icon-container,.qds-input{grid-area:f}.qds-icon-container{align-items:center;display:flex;justify-content:center;justify-self:end;padding-inline-end:var(--qds-control-input-padding-horizontal)}.qds-icon-container.no-padding{padding-inline-end:0}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n ));grid-area:f;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-control-input-focus-border-width) solid var(--qds-theme-control-input-focus-border);pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-control-border-width-inline-end,\n var(--qds-control-border-width)\n ))}[data-size=small]{font:var(--qds-control-small-text);height:var(--qds-control-small-height)}.qds-icon[data-size=small]{--qds-experimental-icon-click-target-size:var(--qds-control-small-height);height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small]~.qds-icon-container{gap:var(--qds-control-small-gap-internal);margin-inline-start:var(--qds-control-small-gap-internal)}[data-size=small][type=date],[data-size=small][type=datetime-local],[data-size=small][type=email],[data-size=small][type=month],[data-size=small][type=tel],[data-size=small][type=time],[data-size=small][type=url],[data-size=small][type=week]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-small-height))}[data-size=small][type=file]::file-selector-button{font:var(--qds-control-small-text);height:var(--qds-control-small-height);margin-inline-end:var(--qds-control-small-gap-siblings-related);padding-inline:var(--qds-control-button-small-padding-horizontal)}[data-size=small][type=number]::-webkit-inner-spin-button,[data-size=small][type=number]::-webkit-outer-spin-button{margin-inline-start:var(--qds-control-small-gap-internal)}[data-size=small][type=search]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-small-icon-size) + var(--qds-control-input-padding-horizontal) + var(--qds-control-small-gap-internal))}[data-size=standard]{font:var(--qds-control-standard-text);height:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{--qds-experimental-icon-click-target-size:var(\n --qds-control-standard-height\n );height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard]~.qds-icon-container{gap:var(--qds-control-standard-gap-internal);margin-inline-start:var(--qds-control-standard-gap-internal)}[data-size=standard][type=date],[data-size=standard][type=datetime-local],[data-size=standard][type=email],[data-size=standard][type=month],[data-size=standard][type=tel],[data-size=standard][type=time],[data-size=standard][type=url],[data-size=standard][type=week]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-standard-height))}[data-size=standard][type=file]::file-selector-button{font:var(--qds-control-standard-text);height:var(--qds-control-standard-height);margin-inline-end:var(--qds-control-standard-gap-siblings-related);padding-inline:var(--qds-control-button-standard-padding-horizontal)}[data-size=standard][type=number]::-webkit-inner-spin-button,[data-size=standard][type=number]::-webkit-outer-spin-button{margin-inline-start:var(--qds-control-standard-gap-internal)}[data-size=standard][type=search]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-standard-icon-size) + var(--qds-control-input-padding-horizontal) + var(--qds-control-standard-gap-internal))}[data-size=large]{font:var(--qds-control-large-text);height:var(--qds-control-large-height)}.qds-icon[data-size=large]{--qds-experimental-icon-click-target-size:var(--qds-control-large-height);height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large]~.qds-icon-container{gap:var(--qds-control-large-gap-internal);margin-inline-start:var(--qds-control-large-gap-internal)}[data-size=large][type=date],[data-size=large][type=datetime-local],[data-size=large][type=email],[data-size=large][type=month],[data-size=large][type=tel],[data-size=large][type=time],[data-size=large][type=url],[data-size=large][type=week]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-large-height))}[data-size=large][type=file]::file-selector-button{font:var(--qds-control-large-text);height:var(--qds-control-large-height);margin-inline-end:var(--qds-control-large-gap-siblings-related);padding-inline:var(--qds-control-button-large-padding-horizontal)}[data-size=large][type=number]::-webkit-inner-spin-button,[data-size=large][type=number]::-webkit-outer-spin-button{margin-inline-start:var(--qds-control-large-gap-internal)}[data-size=large][type=search]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-large-icon-size) + var(--qds-control-input-padding-horizontal) + var(--qds-control-large-gap-internal))}.qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-control-input-background);border-color:var(--qds-theme-control-border);border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );border-style:solid;border-width:var(--qds-control-border-width) var(--qds-control-border-width-inline-end,var(--qds-control-border-width)) var(--qds-control-border-width-block-end,var(--qds-control-border-width)) var(--qds-control-border-width);box-sizing:border-box;color:var(--qds-theme-control-text-standard);grid-area:f;padding-block:0;padding-inline:var(--qds-control-input-padding-horizontal)}.qds-input.qds-hide~.qds-icon-container{display:none}.qds-input:disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-input:focus-visible{outline:none}.qds-input:focus-visible~.qds-focus-ring{visibility:visible}.qds-input:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-input:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{cursor:pointer;display:none}.qds-input[type=file]{padding-block:var(--qds-control-input-padding-horizontal)}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-control-text-standard)}.qds-input[type=file]::file-selector-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=file]::file-selector-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input[type=color],.qds-input[type=number],.qds-input[type=password],.qds-input[type=text]{padding-inline:var(--qds-control-input-padding-horizontal)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-control-input-padding-horizontal)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=color]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input.qds-search-padding[data-size=large],.qds-input.qds-search-padding[data-size=small],.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-input-padding-horizontal))}.qds-input[data-size=large][type=file],.qds-input[data-size=small][type=file],.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-padding[data-size=large],.qds-input.qds-padding[data-size=small],.qds-input.qds-padding[data-size=standard]{padding-inline:var(--qds-control-input-padding-horizontal)}.qds-input[data-size=large],.qds-input[data-size=small],.qds-input[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline-end:var(--qds-control-input-padding-horizontal)}}}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}";
|
|
6807
|
+
const inputCss = ":host([hidden]){display:none!important}:host{display:inline-block}@-moz-document url-prefix(){[type=date]~.qds-icon-container,[type=datetime-local]~.qds-icon-container,[type=month]~.qds-icon-container,[type=time]~.qds-icon-container,[type=week]~.qds-icon-container{display:none}}.qds-container,.qds-input{max-width:inherit;width:inherit}.qds-container{align-content:flex-start;align-items:center;box-sizing:border-box;display:grid;grid-template-areas:\"e\"}.qds-icon{--qds-theme-interactive-background-hover:none;--qds-theme-interactive-background-pressed:none;--qds-control-small-height:var(--qds-control-small-icon-size);flex-shrink:0}.qds-icon-container,.qds-input{grid-area:e}.qds-icon-container{align-items:center;display:flex;justify-content:center;justify-self:end;padding-inline-end:var(--qds-control-input-padding-horizontal)}.qds-icon-container.no-padding{padding-inline-end:0}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n ));grid-area:e;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-control-input-focus-border-width) solid var(--qds-theme-control-input-focus-border);pointer-events:none;visibility:hidden;width:calc(100% + var(--qds-control-border-width) - var(\n --qds-control-border-width-inline-end,\n var(--qds-control-border-width)\n ))}[data-size=small]{font:var(--qds-control-small-text);height:var(--qds-control-small-height)}.qds-icon[data-size=small]{--qds-experimental-icon-click-target-size:var(--qds-control-small-height);height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}[data-size=small]~.qds-icon-container{gap:var(--qds-control-small-gap-internal);margin-inline-start:var(--qds-control-small-gap-internal)}[data-size=small][type=date],[data-size=small][type=datetime-local],[data-size=small][type=email],[data-size=small][type=month],[data-size=small][type=tel],[data-size=small][type=time],[data-size=small][type=url],[data-size=small][type=week]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-small-height))}[data-size=small][type=file]::file-selector-button{font:var(--qds-control-small-text);height:var(--qds-control-small-height);margin-inline-end:var(--qds-control-small-gap-siblings-related);padding-inline:var(--qds-control-button-small-padding-horizontal)}[data-size=small][type=number]::-webkit-inner-spin-button,[data-size=small][type=number]::-webkit-outer-spin-button{margin-inline-start:var(--qds-control-small-gap-internal)}[data-size=small][type=search]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-small-icon-size) + var(--qds-control-input-padding-horizontal) + var(--qds-control-small-gap-internal))}[data-size=standard]{font:var(--qds-control-standard-text);height:var(--qds-control-standard-height)}.qds-icon[data-size=standard]{--qds-experimental-icon-click-target-size:var(\n --qds-control-standard-height\n );height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}[data-size=standard]~.qds-icon-container{gap:var(--qds-control-standard-gap-internal);margin-inline-start:var(--qds-control-standard-gap-internal)}[data-size=standard][type=date],[data-size=standard][type=datetime-local],[data-size=standard][type=email],[data-size=standard][type=month],[data-size=standard][type=tel],[data-size=standard][type=time],[data-size=standard][type=url],[data-size=standard][type=week]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-standard-height))}[data-size=standard][type=file]::file-selector-button{font:var(--qds-control-standard-text);height:var(--qds-control-standard-height);margin-inline-end:var(--qds-control-standard-gap-siblings-related);padding-inline:var(--qds-control-button-standard-padding-horizontal)}[data-size=standard][type=number]::-webkit-inner-spin-button,[data-size=standard][type=number]::-webkit-outer-spin-button{margin-inline-start:var(--qds-control-standard-gap-internal)}[data-size=standard][type=search]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-standard-icon-size) + var(--qds-control-input-padding-horizontal) + var(--qds-control-standard-gap-internal))}[data-size=large]{font:var(--qds-control-large-text);height:var(--qds-control-large-height)}.qds-icon[data-size=large]{--qds-experimental-icon-click-target-size:var(--qds-control-large-height);height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}[data-size=large]~.qds-icon-container{gap:var(--qds-control-large-gap-internal);margin-inline-start:var(--qds-control-large-gap-internal)}[data-size=large][type=date],[data-size=large][type=datetime-local],[data-size=large][type=email],[data-size=large][type=month],[data-size=large][type=tel],[data-size=large][type=time],[data-size=large][type=url],[data-size=large][type=week]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-input-padding-horizontal) + var(--qds-control-large-height))}[data-size=large][type=file]::file-selector-button{font:var(--qds-control-large-text);height:var(--qds-control-large-height);margin-inline-end:var(--qds-control-large-gap-siblings-related);padding-inline:var(--qds-control-button-large-padding-horizontal)}[data-size=large][type=number]::-webkit-inner-spin-button,[data-size=large][type=number]::-webkit-outer-spin-button{margin-inline-start:var(--qds-control-large-gap-internal)}[data-size=large][type=search]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-large-icon-size) + var(--qds-control-input-padding-horizontal) + var(--qds-control-large-gap-internal))}.qds-input{-webkit-appearance:textfield;appearance:textfield;background-color:var(--qds-theme-control-input-background);border-color:var(--qds-theme-control-border);border-radius:var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n ) var(--qds-control-border-radius-top-right,var(--qds-control-border-radius)) var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n ) var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n );border-style:solid;border-width:var(--qds-control-border-width) var(--qds-control-border-width-inline-end,var(--qds-control-border-width)) var(--qds-control-border-width-block-end,var(--qds-control-border-width)) var(--qds-control-border-width);box-sizing:border-box;color:var(--qds-theme-control-text-standard);grid-area:e;padding-block:0;padding-inline:var(--qds-control-input-padding-horizontal)}.qds-input.qds-hide~.qds-icon-container{display:none}.qds-input:disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-input:focus-visible{outline:none}.qds-input:focus-visible~.qds-focus-ring{visibility:visible}.qds-input:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-input:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}.qds-input::-webkit-search-cancel-button,.qds-input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])::-webkit-calendar-picker-indicator{cursor:pointer;display:none}.qds-input[type=file]{padding-block:var(--qds-control-input-padding-horizontal)}.qds-input[type=file]::file-selector-button{background-color:initial;border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-control-text-standard)}.qds-input[type=file]::file-selector-button:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=file]::file-selector-button:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input[type=color],.qds-input[type=number],.qds-input[type=password],.qds-input[type=text]{padding-inline:var(--qds-control-input-padding-horizontal)}.qds-input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;min-width:50px;padding-block:var(--qds-control-input-padding-horizontal)}.qds-input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qds-input[type=color]::-webkit-color-swatch{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]::-moz-color-swatch{border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius)}.qds-input[type=color]:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-input[type=color]:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-input.qds-search-padding[data-size=large],.qds-input.qds-search-padding[data-size=small],.qds-input.qds-search-padding[data-size=standard]{padding-inline:var(--qds-control-input-padding-horizontal) calc(var(--qds-control-small-height) + var(--qds-control-input-padding-horizontal))}.qds-input[data-size=large][type=file],.qds-input[data-size=small][type=file],.qds-input[data-size=standard][type=file]{height:auto}.qds-input.qds-padding[data-size=large],.qds-input.qds-padding[data-size=small],.qds-input.qds-padding[data-size=standard]{padding-inline:var(--qds-control-input-padding-horizontal)}.qds-input[data-size=large],.qds-input[data-size=small],.qds-input[data-size=standard]{@-moz-document url-prefix(){&[type=date],&[type=datetime-local],&[type=month],&[type=time],&[type=week]{padding-inline-end:var(--qds-control-input-padding-horizontal)}}}.qds-input{@-moz-document url-prefix(){&[type=number]{appearance:none}}}";
|
|
6805
6808
|
var QdsInputStyle0 = inputCss;
|
|
6806
6809
|
|
|
6807
6810
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -8646,7 +8649,7 @@ _StandaloneLink_internals = new WeakMap(), _StandaloneLink_onBlur = new WeakMap(
|
|
|
8646
8649
|
}
|
|
8647
8650
|
};
|
|
8648
8651
|
|
|
8649
|
-
const switchCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-knob,.qds-track{-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-track{align-items:center;background-color:var(--qds-theme-control-slider-track-default);border-radius:var(--qds-control-slider-track-border-radius);display:flex;flex-shrink:0}.qds-track:hover{background-color:var(--qds-theme-control-slider-track-hover)}.qds-track:active{background-color:var(--qds-theme-control-slider-track-pressed)}.qds-knob{background-color:var(--qds-theme-control-input-background);border
|
|
8652
|
+
const switchCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-knob,.qds-track{-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-track{align-items:center;background-color:var(--qds-theme-control-slider-track-default);border-radius:var(--qds-control-slider-track-border-radius);box-sizing:border-box;display:flex;flex-shrink:0;padding:var(--qds-control-toggle-padding)}.qds-track:hover{background-color:var(--qds-theme-control-slider-track-hover)}.qds-track:active{background-color:var(--qds-theme-control-slider-track-pressed)}.qds-knob{background-color:var(--qds-theme-control-input-background);border-radius:var(--qds-control-slider-knob-border-radius);box-shadow:var(--qds-theme-accessory-elevation);box-sizing:border-box;margin:0}.qds-container{box-sizing:border-box;cursor:pointer;display:flex}.qds-switch{clip-path:inset(50%);height:1px;margin:0;position:absolute;white-space:nowrap;width:1px}.qds-switch:focus-visible~.qds-track{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.qds-switch:checked~.qds-track{background-color:var(--qds-theme-signature-color-default);justify-content:flex-end}.qds-switch:checked~.qds-track:hover{background-color:var(--qds-theme-signature-color-hover)}.qds-switch:checked~.qds-track:active{background-color:var(--qds-theme-signature-color-pressed)}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-inline[data-size=small]{margin-block:var(--qds-control-small-padding-auto-height)}.qds-track[data-size=small]{height:var(--qds-control-toggle-box-small-size);width:var(--qds-control-toggle-box-small-width)}.qds-knob[data-size=small]{height:var(--qds-control-slider-knob-small-size);width:var(--qds-control-slider-knob-small-size)}.qds-inline[data-size=standard]{margin-block:var(--qds-control-standard-padding-auto-height)}.qds-track[data-size=standard]{height:var(--qds-control-toggle-box-standard-size);width:var(--qds-control-toggle-box-standard-width)}.qds-knob[data-size=standard]{height:var(--qds-control-slider-knob-standard-size);width:var(--qds-control-slider-knob-standard-size)}.qds-inline[data-size=large]{margin-block:var(--qds-control-large-padding-auto-height)}.qds-track[data-size=large]{height:var(--qds-control-toggle-box-large-size);width:var(--qds-control-toggle-box-large-width)}.qds-knob[data-size=large]{height:var(--qds-control-slider-knob-large-size);width:var(--qds-control-slider-knob-large-size)}";
|
|
8650
8653
|
var QdsSwitchStyle0 = switchCss;
|
|
8651
8654
|
|
|
8652
8655
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -8885,7 +8888,7 @@ var __classPrivateFieldSet$b = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
8885
8888
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
8886
8889
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
8887
8890
|
};
|
|
8888
|
-
var _Tab_instances, _Tab_inheritedAttributes, _Tab_div, _Tab_panel, _Tab_collapsed_get, _Tab_computedAction_get, _Tab_computedSize_get, _Tab_computedImportance_get, _Tab_ariaLabel_get, _Tab_computedDisabled_get, _Tab_shouldCollapse_get, _Tab_placement_get, _Tab_renderText, _Tab_ref, _Tab_tooltipRef, _Tab_close, _Tab_onIconClick, _Tab_onIconKeyDown, _Tab_onBlur, _Tab_onFocus;
|
|
8891
|
+
var _Tab_instances, _Tab_inheritedAttributes, _Tab_div, _Tab_panel, _Tab_collapsed_get, _Tab_computedAction_get, _Tab_computedSize_get, _Tab_computedImportance_get, _Tab_parentLayer_get, _Tab_parentLevel_get, _Tab_ariaLabel_get, _Tab_computedDisabled_get, _Tab_shouldCollapse_get, _Tab_placement_get, _Tab_renderText, _Tab_ref, _Tab_tooltipRef, _Tab_close, _Tab_onIconClick, _Tab_onIconKeyDown, _Tab_onBlur, _Tab_onFocus;
|
|
8889
8892
|
const isCounter = (value) => typeof value === 'string'
|
|
8890
8893
|
? !Number.isNaN(Number.parseFloat(value))
|
|
8891
8894
|
: typeof value === 'number';
|
|
@@ -8956,6 +8959,7 @@ class Tab {
|
|
|
8956
8959
|
* The tab's size.
|
|
8957
8960
|
*/
|
|
8958
8961
|
this.size = 'standard';
|
|
8962
|
+
this.isIndicatorOnTop = false;
|
|
8959
8963
|
_Tab_inheritedAttributes.set(this, {});
|
|
8960
8964
|
_Tab_div.set(this, void 0);
|
|
8961
8965
|
_Tab_panel.set(this, void 0);
|
|
@@ -9026,6 +9030,11 @@ class Tab {
|
|
|
9026
9030
|
(_a = this.host).id || (_a.id = `qds-tab-${autoIncrementingId$1}`);
|
|
9027
9031
|
autoIncrementingId$1 += 1;
|
|
9028
9032
|
}
|
|
9033
|
+
componentWillRender() {
|
|
9034
|
+
const isPanelRoot = __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'panel' && __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'root';
|
|
9035
|
+
const isMainSubsection = __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_parentLayer_get) === 'main' && __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_parentLevel_get) === 'subsection';
|
|
9036
|
+
this.isIndicatorOnTop = isPanelRoot || isMainSubsection;
|
|
9037
|
+
}
|
|
9029
9038
|
componentDidLoad() {
|
|
9030
9039
|
this.panelChanged();
|
|
9031
9040
|
}
|
|
@@ -9044,16 +9053,19 @@ class Tab {
|
|
|
9044
9053
|
}
|
|
9045
9054
|
render() {
|
|
9046
9055
|
const isLink = this.href !== undefined && __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedAction_get) === undefined;
|
|
9056
|
+
const indicatorPosition = this.isIndicatorOnTop
|
|
9057
|
+
? 'block-start'
|
|
9058
|
+
: this.indicatorPosition;
|
|
9047
9059
|
const Tag = isLink
|
|
9048
9060
|
? 'a'
|
|
9049
9061
|
: __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable'
|
|
9050
9062
|
? 'button'
|
|
9051
9063
|
: 'div';
|
|
9052
|
-
return (hAsync("div", { key: '
|
|
9064
|
+
return (hAsync("div", { key: '9883de62c96b1138199aea9bd358dd1b1eff6368', "aria-disabled": __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, class: {
|
|
9053
9065
|
'qds-closable-wrapper': __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
9054
9066
|
'qds-selected': this.selected,
|
|
9055
|
-
[`qds-indicator-${
|
|
9056
|
-
}, "data-size": __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedImportance_get), ref: __classPrivateFieldGet$b(this, _Tab_ref, "f") }, hAsync(Tag, { key: '
|
|
9067
|
+
[`qds-indicator-${indicatorPosition}`]: __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable',
|
|
9068
|
+
}, "data-size": __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedSize_get), "data-importance": __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedImportance_get), ref: __classPrivateFieldGet$b(this, _Tab_ref, "f") }, hAsync(Tag, { key: 'e8d533b8b86963146fb68138192246e238911f4d', "aria-disabled": __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? 'true' : undefined, disabled: isLink ? undefined : this.disabled, onBlur: __classPrivateFieldGet$b(this, _Tab_onBlur, "f"), onFocus: __classPrivateFieldGet$b(this, _Tab_onFocus, "f"), class: {
|
|
9057
9069
|
'qds-tab': __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
|
|
9058
9070
|
'qds-icon-only': __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_collapsed_get),
|
|
9059
9071
|
'qds-collapse': __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_shouldCollapse_get) && __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedAction_get) !== 'closable',
|
|
@@ -9065,11 +9077,11 @@ class Tab {
|
|
|
9065
9077
|
? 'true'
|
|
9066
9078
|
: 'false'
|
|
9067
9079
|
: undefined, "data-importance": __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedImportance_get), "data-action": __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedAction_get), "data-size": __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedSize_get), href: isLink ? this.href : undefined, ...__classPrivateFieldGet$b(this, _Tab_inheritedAttributes, "f") }, ((this.tagText !== undefined && this.tagText !== '') ||
|
|
9068
|
-
(this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: '
|
|
9080
|
+
(this.tagIconName !== undefined && this.tagIconName !== '')) && (hAsync("qds-tag", { key: 'd84ba8870438116d0acf951c4c2131efc60b4bfd', text: this.tagText, status: this.tagStatus, size: __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedSize_get), importance: this.tagImportance, "icon-library": this.tagIconLibrary, "icon-name": this.tagIconName, "icon-description": this.tagIconDescription, class: { 'qds-hidden': __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_shouldCollapse_get) } })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '4b2c828342fd1746471c92c50e54166c9ca94173', "aria-hidden": "true", class: "qds-icon", library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_shouldCollapse_get) && this.text && __classPrivateFieldGet$b(this, _Tab_instances, "m", _Tab_renderText).call(this), isIndicator(this.badge) && (hAsync("qds-badge-indicator", { key: '29d5a77560fd810b3a993bf9022976770c11c4d4', class: {
|
|
9069
9081
|
'qds-indicator': __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_shouldCollapse_get),
|
|
9070
|
-
}, status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: '
|
|
9082
|
+
}, status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true })), isCounter(this.badge) && (hAsync("qds-badge-counter", { key: '4b30df7fa9e7ac7d4712a2ac75b5dbc7c27b88fd', class: {
|
|
9071
9083
|
'qds-indicator': __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_shouldCollapse_get),
|
|
9072
|
-
}, description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && (hAsync("qds-icon", { key: '
|
|
9084
|
+
}, description: this.badgeDescription, importance: this.badgeCounterImportance, size: __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedAction_get) === 'expandable' && (hAsync("qds-icon", { key: 'f655c62da915ae8a5d6fec7574bf9950fe11d908', "aria-hidden": "true", class: { 'qds-target-icon': true, 'qds-chevron': this.selected }, "data-size": __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedSize_get), library: "core", name: "dropdown" }))), __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedAction_get) === 'closable' && (hAsync("button", { key: 'a6b035707242b5ae11c1ab651f3caeff250d9ec4', "aria-label": __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_ariaLabel_get), class: "qds-target", tabIndex: __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedDisabled_get) ? undefined : this.tabIndex, disabled: this.disabled, onClick: __classPrivateFieldGet$b(this, _Tab_onIconClick, "f"), onKeyDown: __classPrivateFieldGet$b(this, _Tab_onIconKeyDown, "f"), type: "button", ...__classPrivateFieldGet$b(this, _Tab_inheritedAttributes, "f") }, hAsync("qds-icon", { key: '744bfc75352bcf548b3992a79a3e5bb3b4fb1804', "aria-hidden": "true", class: "qds-target-icon", "data-size": __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_computedSize_get), library: "core", name: "close" }))), __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_shouldCollapse_get) && this.text && (hAsync("qds-tooltip", { key: 'a9f5c89729109d7a124b721a29cf11a9a8af2f83', placement: __classPrivateFieldGet$b(this, _Tab_instances, "a", _Tab_placement_get), ref: __classPrivateFieldGet$b(this, _Tab_tooltipRef, "f") }, __classPrivateFieldGet$b(this, _Tab_instances, "m", _Tab_renderText).call(this)))));
|
|
9073
9085
|
}
|
|
9074
9086
|
get host() { return getElement(this); }
|
|
9075
9087
|
static get watchers() { return {
|
|
@@ -9105,7 +9117,8 @@ class Tab {
|
|
|
9105
9117
|
"subtitle": [1],
|
|
9106
9118
|
"text": [1],
|
|
9107
9119
|
"href": [1],
|
|
9108
|
-
"tabIndex": [32]
|
|
9120
|
+
"tabIndex": [32],
|
|
9121
|
+
"isIndicatorOnTop": [32]
|
|
9109
9122
|
},
|
|
9110
9123
|
"$listeners$": [[0, "click", "onClick"]],
|
|
9111
9124
|
"$lazyBundleId$": "-",
|
|
@@ -9150,6 +9163,10 @@ _Tab_inheritedAttributes = new WeakMap(), _Tab_div = new WeakMap(), _Tab_panel =
|
|
|
9150
9163
|
return 'standard';
|
|
9151
9164
|
}
|
|
9152
9165
|
}
|
|
9166
|
+
}, _Tab_parentLayer_get = function _Tab_parentLayer_get() {
|
|
9167
|
+
return this.host.closest('qds-tabbar')?.layer ?? 'main';
|
|
9168
|
+
}, _Tab_parentLevel_get = function _Tab_parentLevel_get() {
|
|
9169
|
+
return this.host.closest('qds-tabbar')?.level ?? 'root';
|
|
9153
9170
|
}, _Tab_ariaLabel_get = function _Tab_ariaLabel_get() {
|
|
9154
9171
|
return `Close ${this.text}`;
|
|
9155
9172
|
}, _Tab_computedDisabled_get = function _Tab_computedDisabled_get() {
|
|
@@ -9181,6 +9198,13 @@ var QdsTabbarStyle0 = tabbarCss;
|
|
|
9181
9198
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
9182
9199
|
//
|
|
9183
9200
|
// SPDX-License-Identifier: Apache-2.0
|
|
9201
|
+
var __classPrivateFieldGet$a = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
9202
|
+
if (kind === "a" && !f)
|
|
9203
|
+
throw new TypeError("Private accessor was defined without a getter");
|
|
9204
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
9205
|
+
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
9206
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
9207
|
+
};
|
|
9184
9208
|
var __classPrivateFieldSet$a = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
|
9185
9209
|
if (kind === "m")
|
|
9186
9210
|
throw new TypeError("Private method is not writable");
|
|
@@ -9190,14 +9214,7 @@ var __classPrivateFieldSet$a = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
9190
9214
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
9191
9215
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
9192
9216
|
};
|
|
9193
|
-
var
|
|
9194
|
-
if (kind === "a" && !f)
|
|
9195
|
-
throw new TypeError("Private accessor was defined without a getter");
|
|
9196
|
-
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
|
9197
|
-
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
9198
|
-
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
9199
|
-
};
|
|
9200
|
-
var _Tabbar_instances, _Tabbar_ro, _Tabbar_tabbar, _Tabbar_inheritedAttributes, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_getAllTabPanels, _Tabbar_switchTabPanel, _Tabbar_handleTabActivation, _Tabbar_getTabs, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onSlotchange;
|
|
9217
|
+
var _Tabbar_instances, _Tabbar_ro, _Tabbar_tabbar, _Tabbar_inheritedAttributes, _Tabbar_scrollToStart, _Tabbar_scrollToEnd, _Tabbar_setActiveTab, _Tabbar_getAllTabPanels, _Tabbar_switchTabPanel, _Tabbar_handleTabActivation, _Tabbar_getTabs, _Tabbar_getCurrentTab, _Tabbar_setCurrentTab, _Tabbar_onClick, _Tabbar_onKeyDown, _Tabbar_onMouseDown, _Tabbar_onScroll, _Tabbar_onViewportCrop, _Tabbar_onSlotchange;
|
|
9201
9218
|
const HORIZONTAL_MOVE_KEYS = new Set([
|
|
9202
9219
|
'ArrowLeft',
|
|
9203
9220
|
'ArrowRight',
|
|
@@ -9381,12 +9398,23 @@ class Tabbar {
|
|
|
9381
9398
|
? scrollWidth + scrollLeft <= clientWidth
|
|
9382
9399
|
: scrollWidth - clientWidth - scrollLeft <= 1;
|
|
9383
9400
|
});
|
|
9401
|
+
_Tabbar_onViewportCrop.set(this, () => {
|
|
9402
|
+
if (!__classPrivateFieldGet$a(this, _Tabbar_tabbar, "f"))
|
|
9403
|
+
return;
|
|
9404
|
+
const { scrollWidth, clientWidth } = __classPrivateFieldGet$a(this, _Tabbar_tabbar, "f");
|
|
9405
|
+
if (scrollWidth > clientWidth) {
|
|
9406
|
+
__classPrivateFieldGet$a(this, _Tabbar_onScroll, "f").call(this);
|
|
9407
|
+
}
|
|
9408
|
+
});
|
|
9384
9409
|
_Tabbar_onSlotchange.set(this, () => {
|
|
9385
9410
|
const tabs = __classPrivateFieldGet$a(this, _Tabbar_instances, "m", _Tabbar_getTabs).call(this);
|
|
9386
9411
|
if (tabs.length > 0)
|
|
9387
9412
|
__classPrivateFieldGet$a(this, _Tabbar_instances, "m", _Tabbar_setCurrentTab).call(this, tabs[0]);
|
|
9388
9413
|
});
|
|
9389
9414
|
}
|
|
9415
|
+
windowResize() {
|
|
9416
|
+
__classPrivateFieldGet$a(this, _Tabbar_onViewportCrop, "f").call(this);
|
|
9417
|
+
}
|
|
9390
9418
|
componentWillLoad() {
|
|
9391
9419
|
__classPrivateFieldSet$a(this, _Tabbar_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9392
9420
|
const firstTab = this.host.querySelector('qds-tab');
|
|
@@ -9419,22 +9447,22 @@ class Tabbar {
|
|
|
9419
9447
|
__classPrivateFieldGet$a(this, _Tabbar_ro, "f").disconnect();
|
|
9420
9448
|
}
|
|
9421
9449
|
render() {
|
|
9422
|
-
return (hAsync("div", { key: '
|
|
9450
|
+
return (hAsync("div", { key: '8a05c8bc51227253df1313c80f1e6784d7f5886b', class: { 'qds-vertical-divider': this.orientation === 'vertical' }, "data-layer": this.layer, "data-level": this.level }, hAsync("div", { key: 'aa576b8b7198bce7e7c8d9b2eff184758790f40d', class: "qds-tabbar" }, hAsync("div", { key: '1c8c7284eaac0f166b07308fb918c80837cf315d', class: {
|
|
9423
9451
|
'qds-flex': !(this.disableEndArrow && this.disableStartArrow),
|
|
9424
9452
|
'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
|
|
9425
9453
|
this.orientation === 'vertical',
|
|
9426
|
-
} }, hAsync("qds-button", { key: '
|
|
9454
|
+
} }, hAsync("qds-button", { key: '370b21a840df802230d68987fd8de14f9b6aa416', text: "show previous tab", importance: "subdued", "icon-name": "dropdown", "icon-library": "core", class: "qds-arrow-start", onClick: __classPrivateFieldGet$a(this, _Tabbar_scrollToStart, "f"), disabled: this.disableStartArrow, iconOnly: true })), hAsync("ul", { key: '014f35b9b08ed293b789530080f5d71fa8c3d99c', class: {
|
|
9427
9455
|
'qds-tabs': true,
|
|
9428
9456
|
'qds-vertical': this.orientation === 'vertical',
|
|
9429
9457
|
}, role: "tablist", "aria-label": this.tablistDescription, ref: (element) => {
|
|
9430
9458
|
__classPrivateFieldSet$a(this, _Tabbar_tabbar, element, "f");
|
|
9431
|
-
}, onClick: __classPrivateFieldGet$a(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$a(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$a(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$a(this, _Tabbar_onScroll, "f"), ...__classPrivateFieldGet$a(this, _Tabbar_inheritedAttributes, "f") }, hAsync("slot", { key: '
|
|
9459
|
+
}, onClick: __classPrivateFieldGet$a(this, _Tabbar_onClick, "f"), onKeyDown: __classPrivateFieldGet$a(this, _Tabbar_onKeyDown, "f"), onMouseDown: __classPrivateFieldGet$a(this, _Tabbar_onMouseDown, "f"), onScroll: __classPrivateFieldGet$a(this, _Tabbar_onScroll, "f"), ...__classPrivateFieldGet$a(this, _Tabbar_inheritedAttributes, "f") }, hAsync("slot", { key: '1d8cd9d888dbc93c243f4965e704e6027325a842', onSlotchange: __classPrivateFieldGet$a(this, _Tabbar_onSlotchange, "f") })), hAsync("div", { key: '8e8dcc61329edf62f7b7f061b12490df1b3b5fe0', class: {
|
|
9432
9460
|
'qds-flex': !(this.disableEndArrow && this.disableStartArrow),
|
|
9433
9461
|
'qds-hidden': (this.disableEndArrow && this.disableStartArrow) ||
|
|
9434
9462
|
this.orientation === 'vertical',
|
|
9435
|
-
} }, hAsync("qds-button", { key: '
|
|
9463
|
+
} }, hAsync("qds-button", { key: 'e23de4dd325878352d3491ee8bf5c049d2fdc588', text: "show next tab", "icon-name": "dropdown", "icon-library": "core", importance: "subdued", class: "qds-arrow-end", onClick: __classPrivateFieldGet$a(this, _Tabbar_scrollToEnd, "f"), disabled: this.disableEndArrow, iconOnly: true }))), ((this.level === 'root' &&
|
|
9436
9464
|
(this.layer === 'popup' || this.layer === 'accessory')) ||
|
|
9437
|
-
(this.level === 'section' && this.layer === 'main')) && (hAsync("qds-divider", { key: '
|
|
9465
|
+
(this.level === 'section' && this.layer === 'main')) && (hAsync("qds-divider", { key: '3e7797ba7a0928aca35073c0ae4cd2e3bc815f68', vertical: this.orientation === 'vertical' }))));
|
|
9438
9466
|
}
|
|
9439
9467
|
static get delegatesFocus() { return true; }
|
|
9440
9468
|
get host() { return getElement(this); }
|
|
@@ -9451,12 +9479,12 @@ class Tabbar {
|
|
|
9451
9479
|
"disableStartArrow": [32],
|
|
9452
9480
|
"activeTab": [32]
|
|
9453
9481
|
},
|
|
9454
|
-
"$listeners$":
|
|
9482
|
+
"$listeners$": [[9, "resize", "windowResize"]],
|
|
9455
9483
|
"$lazyBundleId$": "-",
|
|
9456
9484
|
"$attrsToReflect$": []
|
|
9457
9485
|
}; }
|
|
9458
9486
|
}
|
|
9459
|
-
_Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new WeakMap(), _Tabbar_inheritedAttributes = new WeakMap(), _Tabbar_scrollToStart = new WeakMap(), _Tabbar_scrollToEnd = new WeakMap(), _Tabbar_onClick = new WeakMap(), _Tabbar_onKeyDown = new WeakMap(), _Tabbar_onMouseDown = new WeakMap(), _Tabbar_onScroll = new WeakMap(), _Tabbar_onSlotchange = new WeakMap(), _Tabbar_instances = new WeakSet(), _Tabbar_setActiveTab = function _Tabbar_setActiveTab(tab) {
|
|
9487
|
+
_Tabbar_ro = new WeakMap(), _Tabbar_tabbar = new WeakMap(), _Tabbar_inheritedAttributes = new WeakMap(), _Tabbar_scrollToStart = new WeakMap(), _Tabbar_scrollToEnd = new WeakMap(), _Tabbar_onClick = new WeakMap(), _Tabbar_onKeyDown = new WeakMap(), _Tabbar_onMouseDown = new WeakMap(), _Tabbar_onScroll = new WeakMap(), _Tabbar_onViewportCrop = new WeakMap(), _Tabbar_onSlotchange = new WeakMap(), _Tabbar_instances = new WeakSet(), _Tabbar_setActiveTab = function _Tabbar_setActiveTab(tab) {
|
|
9460
9488
|
this.activeTab = tab;
|
|
9461
9489
|
for (const t of this.host.querySelectorAll('qds-tab')) {
|
|
9462
9490
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
|
|
@@ -10284,7 +10312,7 @@ _TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(
|
|
|
10284
10312
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
10285
10313
|
};
|
|
10286
10314
|
|
|
10287
|
-
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"
|
|
10315
|
+
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"a\"}.qds-titles.qds-has-kicker{grid-template-areas:\"b\" \"a\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"a\" \"c\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"b\" \"a\" \"c\"}.qds-has-icon{grid-template-areas:\"d a\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". b\" \"d a\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"d a\" \". c\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". b\" \"d a\" \". c\"}.qds-kicker,.qds-subtitle,.qds-title{margin-block:0}.qds-title{color:var(--qds-theme-title);grid-area:a}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:c}.qds-kicker{color:var(--qds-theme-kicker);grid-area:b}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:d}.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-promo]:is(.qds-root,.qds-section,.qds-subsection){gap:var(--qds-main-section-hero-titles-gap);margin:auto}[data-variant=web-promo]:is(.qds-root,.qds-section,.qds-subsection) .qds-title{font:var(--qds-main-section-hero-title)}[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)}";
|
|
10288
10316
|
var QdsTitleStyle0 = titleCss;
|
|
10289
10317
|
|
|
10290
10318
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -10348,7 +10376,7 @@ class Title {
|
|
|
10348
10376
|
'qds-has-icon': hasIcon,
|
|
10349
10377
|
'qds-has-kicker': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get),
|
|
10350
10378
|
'qds-has-subtitle': __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get),
|
|
10351
|
-
}, ...__classPrivateFieldGet$1(this, _Title_inheritedAttributes, "f") },
|
|
10379
|
+
}, ...__classPrivateFieldGet$1(this, _Title_inheritedAttributes, "f") }, hAsync(Tag, { key: '26fbf1a16c1757c32e0a654377e531dd62581e81', class: "qds-title", "data-variant": this.variant }, hAsync("slot", { key: 'd46e9c5c2a74fb1cc0604221e4ffc4fc95f99643' })), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasKicker_get) && hAsync("p", { key: '72349725c3d777f4b4bc8b954d7af761101263c9', class: "qds-kicker" }, this.kicker), __classPrivateFieldGet$1(this, _Title_instances, "a", _Title_hasSubtitle_get) && hAsync("p", { key: '12e38afb867ae51ae115e321fd9522f8d631e18f', class: "qds-subtitle" }, this.subtitle), hasIcon && (hAsync("qds-icon", { key: '5b1b308f9372fc39e863e589dfc961d132b364ef', "aria-hidden": "true", class: "qds-icon", name: this.iconName, library: this.iconLibrary }))));
|
|
10352
10380
|
}
|
|
10353
10381
|
get host() { return getElement(this); }
|
|
10354
10382
|
static get style() { return QdsTitleStyle0; }
|
package/package.json
CHANGED