@quartzds/core 1.0.0-beta.90 → 1.0.0-beta.92
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-2806fee1.js → p-50f85f75.js} +6 -30
- package/components/p-50f85f75.js.map +1 -0
- package/components/{p-fed0d11f.js → p-5570cc30.js} +2 -2
- package/components/{p-fed0d11f.js.map → p-5570cc30.js.map} +1 -1
- package/components/{p-c80f112a.js → p-70d12c72.js} +7 -24
- package/components/p-70d12c72.js.map +1 -0
- package/components/{p-ba880369.js → p-72c09714.js} +9 -3
- package/components/p-72c09714.js.map +1 -0
- package/components/{p-688c90f6.js → p-9ffb4b49.js} +17 -12
- package/components/p-9ffb4b49.js.map +1 -0
- package/components/{p-fac26e20.js → p-a529eb5c.js} +4 -4
- package/components/{p-fac26e20.js.map → p-a529eb5c.js.map} +1 -1
- package/components/{p-a020ece3.js → p-b5608061.js} +10 -7
- package/components/p-b5608061.js.map +1 -0
- package/components/{p-adefd438.js → p-b6c04008.js} +22 -14
- package/components/p-b6c04008.js.map +1 -0
- package/components/{p-a6310886.js → p-ba860c62.js} +10 -7
- package/components/p-ba860c62.js.map +1 -0
- package/components/{p-3c48ff53.js → p-e22dd76d.js} +2 -2
- package/components/{p-3c48ff53.js.map → p-e22dd76d.js.map} +1 -1
- package/components/{p-b4c302d4.js → p-e2a9e441.js} +3 -3
- package/components/{p-b4c302d4.js.map → p-e2a9e441.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 +7 -4
- package/components/qds-breadcrumb-item.js.map +1 -1
- package/components/qds-button.js +1 -1
- package/components/qds-checkbox.js +1 -1
- package/components/qds-chip.js +12 -9
- package/components/qds-chip.js.map +1 -1
- package/components/qds-dialog.js +3 -3
- package/components/qds-dialog.js.map +1 -1
- package/components/qds-divider.js +1 -1
- package/components/qds-dropdown.js +3 -3
- package/components/qds-form-message.js +4 -4
- package/components/qds-icon.js +1 -1
- package/components/qds-inline-link.js +4 -4
- package/components/qds-input.js +43 -17
- package/components/qds-input.js.map +1 -1
- package/components/qds-label.js +1 -1
- package/components/qds-list-item.js +7 -7
- package/components/qds-list-item.js.map +1 -1
- package/components/qds-loader.js +3 -3
- package/components/qds-nav-list-item.js +6 -6
- package/components/qds-progress-bar.js +3 -3
- package/components/qds-radio.js +7 -7
- package/components/qds-radio.js.map +1 -1
- package/components/qds-select.js +3 -3
- package/components/qds-standalone-link.js +4 -4
- package/components/qds-switch.js +5 -5
- package/components/qds-switch.js.map +1 -1
- package/components/qds-tab.js +7 -7
- package/components/qds-tabbar.js +7 -7
- package/components/qds-table-body.js +2 -2
- package/components/qds-table-cell.js +2 -2
- package/components/qds-table-head-cell.js +1 -1
- package/components/qds-table-head.js +2 -2
- package/components/qds-table-row.js +2 -2
- package/components/qds-table.js +2 -2
- 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-523dd2e0.js → index-dbcccf98.js} +6 -29
- package/dist/cjs/index-dbcccf98.js.map +1 -0
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/{library-41b19b9e.js → library-23467d99.js} +8 -2
- package/dist/cjs/library-23467d99.js.map +1 -0
- 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 +6 -3
- package/dist/cjs/qds-breadcrumb-item.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-button.cjs.entry.js +17 -9
- package/dist/cjs/qds-button.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-checkbox.cjs.entry.js +12 -8
- package/dist/cjs/qds-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-chip.cjs.entry.js +10 -7
- package/dist/cjs/qds-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-dialog.cjs.entry.js +3 -3
- package/dist/cjs/qds-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-divider.cjs.entry.js +2 -2
- package/dist/cjs/qds-dropdown.cjs.entry.js +3 -3
- package/dist/cjs/qds-form-message.cjs.entry.js +3 -3
- package/dist/cjs/qds-icon.cjs.entry.js +3 -3
- package/dist/cjs/qds-inline-link.cjs.entry.js +3 -3
- package/dist/cjs/qds-input.cjs.entry.js +36 -11
- package/dist/cjs/qds-input.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-label.cjs.entry.js +8 -5
- package/dist/cjs/qds-label.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-list-item.cjs.entry.js +3 -3
- package/dist/cjs/qds-list-item.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-loader.cjs.entry.js +2 -2
- package/dist/cjs/qds-nav-list-item.cjs.entry.js +4 -4
- package/dist/cjs/qds-progress-bar.cjs.entry.js +3 -3
- package/dist/cjs/qds-radio.cjs.entry.js +4 -4
- package/dist/cjs/qds-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-select.cjs.entry.js +2 -2
- package/dist/cjs/qds-standalone-link.cjs.entry.js +3 -3
- package/dist/cjs/qds-switch.cjs.entry.js +5 -5
- package/dist/cjs/qds-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/qds-tab.cjs.entry.js +1 -1
- package/dist/cjs/qds-tabbar.cjs.entry.js +1 -1
- package/dist/cjs/qds-table-body.cjs.entry.js +2 -2
- package/dist/cjs/qds-table-cell.cjs.entry.js +2 -2
- package/dist/cjs/qds-table-head-cell.cjs.entry.js +1 -1
- package/dist/cjs/qds-table-head.cjs.entry.js +2 -2
- package/dist/cjs/qds-table-row.cjs.entry.js +2 -2
- package/dist/cjs/qds-table.cjs.entry.js +2 -2
- package/dist/cjs/qds-tag_2.cjs.entry.js +8 -5
- 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 +6 -21
- package/dist/cjs/qds-tooltip.cjs.entry.js.map +1 -1
- package/dist/cjs/qds.cjs.js +2 -2
- package/dist/custom-elements.json +70 -22
- package/dist/docs.json +30 -9
- package/dist/esm/{index-b1d6acd2.js → index-bc9462c1.js} +6 -30
- package/dist/esm/index-bc9462c1.js.map +1 -0
- package/dist/esm/index.js +2 -2
- package/dist/esm/{library-2e5458af.js → library-52ae166a.js} +8 -2
- package/dist/esm/library-52ae166a.js.map +1 -0
- 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 +6 -3
- package/dist/esm/qds-breadcrumb-item.entry.js.map +1 -1
- package/dist/esm/qds-button.entry.js +17 -9
- package/dist/esm/qds-button.entry.js.map +1 -1
- package/dist/esm/qds-checkbox.entry.js +12 -8
- package/dist/esm/qds-checkbox.entry.js.map +1 -1
- package/dist/esm/qds-chip.entry.js +10 -7
- package/dist/esm/qds-chip.entry.js.map +1 -1
- package/dist/esm/qds-dialog.entry.js +3 -3
- package/dist/esm/qds-dialog.entry.js.map +1 -1
- package/dist/esm/qds-divider.entry.js +2 -2
- package/dist/esm/qds-dropdown.entry.js +3 -3
- package/dist/esm/qds-form-message.entry.js +3 -3
- package/dist/esm/qds-icon.entry.js +3 -3
- package/dist/esm/qds-inline-link.entry.js +3 -3
- package/dist/esm/qds-input.entry.js +36 -11
- package/dist/esm/qds-input.entry.js.map +1 -1
- package/dist/esm/qds-label.entry.js +8 -5
- package/dist/esm/qds-label.entry.js.map +1 -1
- package/dist/esm/qds-list-item.entry.js +3 -3
- package/dist/esm/qds-list-item.entry.js.map +1 -1
- package/dist/esm/qds-loader.entry.js +2 -2
- package/dist/esm/qds-nav-list-item.entry.js +4 -4
- package/dist/esm/qds-progress-bar.entry.js +3 -3
- package/dist/esm/qds-radio.entry.js +4 -4
- package/dist/esm/qds-radio.entry.js.map +1 -1
- package/dist/esm/qds-select.entry.js +2 -2
- package/dist/esm/qds-standalone-link.entry.js +3 -3
- package/dist/esm/qds-switch.entry.js +5 -5
- package/dist/esm/qds-switch.entry.js.map +1 -1
- package/dist/esm/qds-tab.entry.js +1 -1
- package/dist/esm/qds-tabbar.entry.js +1 -1
- package/dist/esm/qds-table-body.entry.js +2 -2
- package/dist/esm/qds-table-cell.entry.js +2 -2
- package/dist/esm/qds-table-head-cell.entry.js +1 -1
- package/dist/esm/qds-table-head.entry.js +2 -2
- package/dist/esm/qds-table-row.entry.js +2 -2
- package/dist/esm/qds-table.entry.js +2 -2
- package/dist/esm/qds-tag_2.entry.js +8 -5
- 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 +6 -21
- package/dist/esm/qds-tooltip.entry.js.map +1 -1
- package/dist/esm/qds.js +3 -3
- package/dist/types/components/checkbox/checkbox.d.ts +8 -1
- package/dist/types/components/input/input.d.ts +1 -0
- package/dist/types/components/tooltip/tooltip.d.ts +0 -2
- package/dist/types/components.d.ts +20 -4
- package/dist/vscode.html-custom-data.json +5 -1
- package/hydrate/index.js +149 -125
- package/hydrate/index.mjs +149 -125
- package/package.json +1 -1
- package/components/p-2806fee1.js.map +0 -1
- package/components/p-688c90f6.js.map +0 -1
- package/components/p-a020ece3.js.map +0 -1
- package/components/p-a6310886.js.map +0 -1
- package/components/p-adefd438.js.map +0 -1
- package/components/p-ba880369.js.map +0 -1
- package/components/p-c80f112a.js.map +0 -1
- package/dist/cjs/index-523dd2e0.js.map +0 -1
- package/dist/cjs/library-41b19b9e.js.map +0 -1
- package/dist/esm/index-b1d6acd2.js.map +0 -1
- package/dist/esm/library-2e5458af.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: 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:
|
|
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: false, 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
|
|
@@ -140,10 +140,6 @@ var __export = (target, all) => {
|
|
|
140
140
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
141
141
|
};
|
|
142
142
|
|
|
143
|
-
// src/utils/constants.ts
|
|
144
|
-
var SVG_NS = "http://www.w3.org/2000/svg";
|
|
145
|
-
var HTML_NS = "http://www.w3.org/1999/xhtml";
|
|
146
|
-
|
|
147
143
|
// src/runtime/asset-path.ts
|
|
148
144
|
var getAssetPath = (path) => {
|
|
149
145
|
const assetUrl = new URL(path, plt.$resourcesUrl$);
|
|
@@ -1567,21 +1563,14 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
|
1567
1563
|
updateElement(null, newVNode2, isSvgMode);
|
|
1568
1564
|
}
|
|
1569
1565
|
} else {
|
|
1570
|
-
if (!isSvgMode) {
|
|
1571
|
-
isSvgMode = newVNode2.$tag$ === "svg";
|
|
1572
|
-
}
|
|
1573
1566
|
if (!win.document) {
|
|
1574
1567
|
throw new Error(
|
|
1575
1568
|
"You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component."
|
|
1576
1569
|
);
|
|
1577
1570
|
}
|
|
1578
|
-
elm = newVNode2.$elm$ = win.document.
|
|
1579
|
-
isSvgMode ? SVG_NS : HTML_NS,
|
|
1571
|
+
elm = newVNode2.$elm$ = win.document.createElement(
|
|
1580
1572
|
!useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
|
|
1581
|
-
)
|
|
1582
|
-
if (isSvgMode && newVNode2.$tag$ === "foreignObject") {
|
|
1583
|
-
isSvgMode = false;
|
|
1584
|
-
}
|
|
1573
|
+
);
|
|
1585
1574
|
{
|
|
1586
1575
|
updateElement(null, newVNode2, isSvgMode);
|
|
1587
1576
|
}
|
|
@@ -1596,13 +1585,6 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
|
1596
1585
|
}
|
|
1597
1586
|
}
|
|
1598
1587
|
}
|
|
1599
|
-
{
|
|
1600
|
-
if (newVNode2.$tag$ === "svg") {
|
|
1601
|
-
isSvgMode = false;
|
|
1602
|
-
} else if (elm.tagName === "foreignObject") {
|
|
1603
|
-
isSvgMode = true;
|
|
1604
|
-
}
|
|
1605
|
-
}
|
|
1606
1588
|
}
|
|
1607
1589
|
elm["s-hn"] = hostTagName;
|
|
1608
1590
|
{
|
|
@@ -1801,13 +1783,9 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
1801
1783
|
const elm = newVNode2.$elm$ = oldVNode.$elm$;
|
|
1802
1784
|
const oldChildren = oldVNode.$children$;
|
|
1803
1785
|
const newChildren = newVNode2.$children$;
|
|
1804
|
-
const tag = newVNode2.$tag$;
|
|
1805
1786
|
const text = newVNode2.$text$;
|
|
1806
1787
|
let defaultHolder;
|
|
1807
1788
|
if (text === null) {
|
|
1808
|
-
{
|
|
1809
|
-
isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
|
|
1810
|
-
}
|
|
1811
1789
|
{
|
|
1812
1790
|
updateElement(oldVNode, newVNode2, isSvgMode, isInitialRender);
|
|
1813
1791
|
}
|
|
@@ -1824,9 +1802,6 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
1824
1802
|
) {
|
|
1825
1803
|
removeVnodes(oldChildren, 0, oldChildren.length - 1);
|
|
1826
1804
|
}
|
|
1827
|
-
if (isSvgMode && tag === "svg") {
|
|
1828
|
-
isSvgMode = false;
|
|
1829
|
-
}
|
|
1830
1805
|
} else if ((defaultHolder = elm["s-cr"])) {
|
|
1831
1806
|
defaultHolder.parentNode.textContent = text;
|
|
1832
1807
|
} else if (oldVNode.$text$ !== text) {
|
|
@@ -3139,6 +3114,15 @@ var registerComponents = (Cstrs) => {
|
|
|
3139
3114
|
}
|
|
3140
3115
|
};
|
|
3141
3116
|
var win = window;
|
|
3117
|
+
var readTask = (cb) => {
|
|
3118
|
+
nextTick(() => {
|
|
3119
|
+
try {
|
|
3120
|
+
cb();
|
|
3121
|
+
} catch (e) {
|
|
3122
|
+
consoleError(e);
|
|
3123
|
+
}
|
|
3124
|
+
});
|
|
3125
|
+
};
|
|
3142
3126
|
var writeTask = (cb) => {
|
|
3143
3127
|
nextTick(() => {
|
|
3144
3128
|
try {
|
|
@@ -3583,7 +3567,7 @@ const VALID_STATE = {
|
|
|
3583
3567
|
valueMissing: false,
|
|
3584
3568
|
};
|
|
3585
3569
|
|
|
3586
|
-
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:\"
|
|
3570
|
+
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:\"b\"}.qds-focus-ring{border-radius:max(1px,var(\n --qds-control-border-radius-top-left,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-top-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-right,var(--qds-control-border-radius)\n )) max(1px,var(\n --qds-control-border-radius-bottom-left,var(--qds-control-border-radius)\n ));grid-area:b;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:b;justify-content:center;min-width:0;outline:none;padding-block:0;position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:center;-webkit-user-select:none;user-select:none}.qds-button:any-link{-webkit-text-decoration:none;text-decoration:none}.qds-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)}";
|
|
3587
3571
|
var QdsButtonStyle0 = buttonCss;
|
|
3588
3572
|
|
|
3589
3573
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -3605,7 +3589,7 @@ var __classPrivateFieldSet$o = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
3605
3589
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
3606
3590
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
3607
3591
|
};
|
|
3608
|
-
var _Button_instances, _Button_button, _Button_span, _Button_ro, _Button_buttonType_get, _Button_iconOnly_get, _Button_computedAction_get, _Button_computedActionIcon_get, _Button_computedDisabled_get, _Button_computedImportance_get, _Button_computedSize_get, _Button_onBlur, _Button_onFocus, _Button_buttonRef, _Button_spanRef, _Button_tooltipRef, _Button_defineGetter;
|
|
3592
|
+
var _Button_instances, _Button_button, _Button_span, _Button_ro, _Button_buttonType_get, _Button_iconOnly_get, _Button_computedAction_get, _Button_computedActionIcon_get, _Button_computedDisabled_get, _Button_computedImportance_get, _Button_computedSize_get, _Button_onBlur, _Button_onFocus, _Button_buttonRef, _Button_spanRef, _Button_tooltipRef, _Button_onClick, _Button_defineGetter;
|
|
3609
3593
|
const isCounter$1 = (value) => typeof value === 'string'
|
|
3610
3594
|
? !Number.isNaN(Number.parseFloat(value))
|
|
3611
3595
|
: typeof value === 'number';
|
|
@@ -3777,6 +3761,11 @@ class Button {
|
|
|
3777
3761
|
// eslint-disable-next-line no-param-reassign
|
|
3778
3762
|
tooltip.target = __classPrivateFieldGet$v(this, _Button_button, "f");
|
|
3779
3763
|
});
|
|
3764
|
+
_Button_onClick.set(this, (event) => {
|
|
3765
|
+
if (__classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedDisabled_get)) {
|
|
3766
|
+
event.stopImmediatePropagation();
|
|
3767
|
+
}
|
|
3768
|
+
});
|
|
3780
3769
|
}
|
|
3781
3770
|
onClick(event) {
|
|
3782
3771
|
if (__classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedDisabled_get)) {
|
|
@@ -3807,7 +3796,10 @@ class Button {
|
|
|
3807
3796
|
__classPrivateFieldGet$v(this, _Button_ro, "f").disconnect();
|
|
3808
3797
|
if (!__classPrivateFieldGet$v(this, _Button_span, "f"))
|
|
3809
3798
|
return;
|
|
3810
|
-
|
|
3799
|
+
const span = __classPrivateFieldGet$v(this, _Button_span, "f");
|
|
3800
|
+
readTask(() => {
|
|
3801
|
+
this.tooltip = isOverflowing(span);
|
|
3802
|
+
});
|
|
3811
3803
|
__classPrivateFieldSet$o(this, _Button_ro, new ResizeObserver(([spanEntry]) => {
|
|
3812
3804
|
this.tooltip = isOverflowing(spanEntry.target);
|
|
3813
3805
|
}), "f");
|
|
@@ -3836,16 +3828,16 @@ class Button {
|
|
|
3836
3828
|
const ariaLabel = hasBadgeProperties
|
|
3837
3829
|
? `${this.text} ${this.badge} ${this.badgeDescription}`
|
|
3838
3830
|
: this.text;
|
|
3839
|
-
return (hAsync("div", { key: '
|
|
3831
|
+
return (hAsync("div", { key: 'f45c1caa74aad6de1925b1420269dd80778aa481', class: "qds-container", onClick: __classPrivateFieldGet$v(this, _Button_onClick, "f"), "aria-hidden": "true" }, hAsync(Tag, { key: 'ff1c91a47ce157c2060678634e85bbfc86a4799b', "aria-hidden": "true", class: {
|
|
3840
3832
|
'qds-button': true,
|
|
3841
3833
|
'qds-disabled': Tag === 'a' ? __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedDisabled_get) : false,
|
|
3842
3834
|
'qds-icon-only': __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
3843
|
-
}, "data-importance": __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedAction_get), disabled: Tag === 'a' ? undefined : this.disabled, download: Tag === 'a' ? this.download : undefined, formAction: this.formAction, formMethod: this.formMethod, formNoValidate: this.formNoValidate, formTarget: this.formTarget, href: Tag === 'a' ? this.href : undefined, name: Tag === 'a' ? undefined : this.name, onBlur: __classPrivateFieldGet$v(this, _Button_onBlur, "f"), onFocus: __classPrivateFieldGet$v(this, _Button_onFocus, "f"), ref: __classPrivateFieldGet$v(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedDisabled_get) ? disabledTabIndex : this.tabIndex, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value, "aria-label": __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_iconOnly_get) ? ariaLabel : undefined }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '
|
|
3835
|
+
}, "data-importance": __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedSize_get), "data-action": __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedAction_get), disabled: Tag === 'a' ? undefined : this.disabled, download: Tag === 'a' ? this.download : undefined, formAction: this.formAction, formMethod: this.formMethod, formNoValidate: this.formNoValidate, formTarget: this.formTarget, href: Tag === 'a' ? this.href : undefined, name: Tag === 'a' ? undefined : this.name, onBlur: __classPrivateFieldGet$v(this, _Button_onBlur, "f"), onFocus: __classPrivateFieldGet$v(this, _Button_onFocus, "f"), ref: __classPrivateFieldGet$v(this, _Button_buttonRef, "f"), rel: Tag === 'a' ? this.rel : undefined, tabIndex: __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedDisabled_get) ? disabledTabIndex : this.tabIndex, target: Tag === 'a' ? this.target : undefined, type: Tag === 'a' ? undefined : __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_buttonType_get), value: Tag === 'a' ? undefined : this.value, "aria-label": __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_iconOnly_get) ? ariaLabel : undefined }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '3de49085a736485d89ebe09d035b95ebf0db1431', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedSize_get), library: this.iconLibrary, name: this.iconName })), !__classPrivateFieldGet$v(this, _Button_instances, "a", _Button_iconOnly_get) && (hAsync("span", { key: '112c6846fe1e0dbfab3228583f2d19e2a320479d', class: "qds-overflow", "data-size": __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedSize_get), ref: __classPrivateFieldGet$v(this, _Button_spanRef, "f") }, this.text)), isIndicator$1(this.badge) && (hAsync("qds-badge-indicator", { key: 'b2f02a783ec8803666c95fca1c833340cec9586e', class: "qds-indicator", status: this.badgeIndicatorStatus, description: this.badgeDescription, size: __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true })), isCounter$1(this.badge) && (hAsync("qds-badge-counter", { key: '5932deee9a291c7820cd4bdb25dc676e76752808', class: {
|
|
3844
3836
|
'qds-indicator': __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
3845
|
-
}, description: this.badgeDescription, importance: __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (hAsync("qds-icon", { key: '
|
|
3837
|
+
}, description: this.badgeDescription, importance: __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedImportance_get), size: __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedSize_get), strokeRing: true, value: this.badge })), __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedActionIcon_get) !== undefined && (hAsync("qds-icon", { key: '4a00d253213e8a8f02c2fccbff0811e2375a45bf', "aria-hidden": "true", class: "qds-icon qds-action", "data-size": __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedSize_get), library: "core", name: __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedActionIcon_get) }))), hAsync("div", { key: '700f9ecf34b4193d6566ae7a515d463ccc29cb6b', class: {
|
|
3846
3838
|
'qds-focus-ring': true,
|
|
3847
3839
|
'qds-icon-only': __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_iconOnly_get),
|
|
3848
|
-
}, "data-importance": __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (hAsync("qds-tooltip", { key: '
|
|
3840
|
+
}, "data-importance": __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedImportance_get), "data-size": __classPrivateFieldGet$v(this, _Button_instances, "a", _Button_computedSize_get) }), this.tooltip && (hAsync("qds-tooltip", { key: '56020215ee6c18b8362c3e85f60f00864d06ec98', "aria-hidden": "true", ref: __classPrivateFieldGet$v(this, _Button_tooltipRef, "f") }, this.text))));
|
|
3849
3841
|
}
|
|
3850
3842
|
static get delegatesFocus() { return true; }
|
|
3851
3843
|
static get formAssociated() { return true; }
|
|
@@ -3895,7 +3887,7 @@ class Button {
|
|
|
3895
3887
|
"$attrsToReflect$": []
|
|
3896
3888
|
}; }
|
|
3897
3889
|
}
|
|
3898
|
-
_Button_button = new WeakMap(), _Button_span = new WeakMap(), _Button_ro = new WeakMap(), _Button_onBlur = new WeakMap(), _Button_onFocus = new WeakMap(), _Button_buttonRef = new WeakMap(), _Button_spanRef = new WeakMap(), _Button_tooltipRef = new WeakMap(), _Button_instances = new WeakSet(), _Button_buttonType_get = function _Button_buttonType_get() {
|
|
3890
|
+
_Button_button = new WeakMap(), _Button_span = new WeakMap(), _Button_ro = new WeakMap(), _Button_onBlur = new WeakMap(), _Button_onFocus = new WeakMap(), _Button_buttonRef = new WeakMap(), _Button_spanRef = new WeakMap(), _Button_tooltipRef = new WeakMap(), _Button_onClick = new WeakMap(), _Button_instances = new WeakSet(), _Button_buttonType_get = function _Button_buttonType_get() {
|
|
3899
3891
|
if (this.type === undefined)
|
|
3900
3892
|
return this.internals.form ? 'submit' : 'button';
|
|
3901
3893
|
return this.type;
|
|
@@ -3955,7 +3947,7 @@ _Button_button = new WeakMap(), _Button_span = new WeakMap(), _Button_ro = new W
|
|
|
3955
3947
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
3956
3948
|
};
|
|
3957
3949
|
|
|
3958
|
-
const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-box,.qds-checkbox,.qds-icon{grid-area:
|
|
3950
|
+
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)}";
|
|
3959
3951
|
var QdsCheckboxStyle0 = checkboxCss;
|
|
3960
3952
|
|
|
3961
3953
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -4059,6 +4051,10 @@ class Checkbox {
|
|
|
4059
4051
|
* @webnative
|
|
4060
4052
|
*/
|
|
4061
4053
|
this.willValidate = false;
|
|
4054
|
+
/**
|
|
4055
|
+
* Whether or not the text is displayed.
|
|
4056
|
+
*/
|
|
4057
|
+
this.checkboxOnly = false;
|
|
4062
4058
|
_Checkbox_inheritedAttributes.set(this, {});
|
|
4063
4059
|
this.checkValidity = () => this.internals.checkValidity();
|
|
4064
4060
|
this.reportValidity = () => this.internals.reportValidity();
|
|
@@ -4119,18 +4115,18 @@ class Checkbox {
|
|
|
4119
4115
|
render() {
|
|
4120
4116
|
return (
|
|
4121
4117
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
4122
|
-
hAsync("label", { key: '
|
|
4118
|
+
hAsync("label", { key: '77b24ee6bd6a133265604da842b0e9f045c503f2', "aria-disabled": __classPrivateFieldGet$u(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
|
|
4123
4119
|
'qds-inline': this.inline,
|
|
4124
4120
|
'qds-label': true,
|
|
4125
|
-
}, "data-size": __classPrivateFieldGet$u(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: '
|
|
4121
|
+
}, "data-size": __classPrivateFieldGet$u(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, hAsync("div", { key: '6169420d2b7084145047e63c9dd10fb9aa92ea3d', class: "qds-container" }, hAsync("input", { key: 'f52ce61236b549acdc6cc7a13b0e185fabbb3d05',
|
|
4126
4122
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
4127
|
-
autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$u(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$u(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$u(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$u(this, _Checkbox_onBlur, "f"), onFocus: __classPrivateFieldGet$u(this, _Checkbox_onFocus, "f"), required: this.required, tabIndex: __classPrivateFieldGet$u(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", ...__classPrivateFieldGet$u(this, _Checkbox_inheritedAttributes, "f") }), hAsync("qds-icon", { key: '
|
|
4123
|
+
autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$u(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$u(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$u(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$u(this, _Checkbox_onBlur, "f"), onFocus: __classPrivateFieldGet$u(this, _Checkbox_onFocus, "f"), required: this.required, tabIndex: __classPrivateFieldGet$u(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", "aria-label": this.checkboxOnly ? this.text : undefined, ...__classPrivateFieldGet$u(this, _Checkbox_inheritedAttributes, "f") }), hAsync("qds-icon", { key: 'b80b741d7d982ab4155d72d5df5adb227f9ec02e', "aria-hidden": "true", class: {
|
|
4128
4124
|
'qds-icon': true,
|
|
4129
4125
|
'qds-checked': true,
|
|
4130
|
-
}, "data-size": __classPrivateFieldGet$u(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("div", { key: '
|
|
4126
|
+
}, "data-size": __classPrivateFieldGet$u(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), hAsync("div", { key: 'cc97d644310d3abdb01d115dbfe6e9f2a7a1ba30', class: "qds-box", "data-size": __classPrivateFieldGet$u(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }), hAsync("qds-icon", { key: '23fa431abd3bee1a88be51e243d5c7518732825d', "aria-hidden": "true", class: {
|
|
4131
4127
|
'qds-icon': true,
|
|
4132
4128
|
'qds-indeterminate': true,
|
|
4133
|
-
}, "data-size": __classPrivateFieldGet$u(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$u(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (hAsync("qds-label", { key: '
|
|
4129
|
+
}, "data-size": __classPrivateFieldGet$u(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$u(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (hAsync("qds-label", { key: 'c412f04c3558b1e1513c67cc314d624ab83f2b15', class: "qds-label-inner", required: this.required, size: this.size, text: this.text }))));
|
|
4134
4130
|
}
|
|
4135
4131
|
static get delegatesFocus() { return true; }
|
|
4136
4132
|
static get formAssociated() { return true; }
|
|
@@ -4159,6 +4155,7 @@ class Checkbox {
|
|
|
4159
4155
|
"validity": [16],
|
|
4160
4156
|
"value": [8],
|
|
4161
4157
|
"willValidate": [4, "will-validate"],
|
|
4158
|
+
"checkboxOnly": [4, "checkbox-only"],
|
|
4162
4159
|
"tabIndex": [32]
|
|
4163
4160
|
},
|
|
4164
4161
|
"$listeners$": [[0, "click", "onClick"]],
|
|
@@ -4188,7 +4185,7 @@ _Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_onBlur = new WeakMap(),
|
|
|
4188
4185
|
// eslint-disable-next-line unicorn/no-null
|
|
4189
4186
|
return this.value == null ? null : this.value.toString();
|
|
4190
4187
|
}, _Checkbox_hasText_get = function _Checkbox_hasText_get() {
|
|
4191
|
-
return (
|
|
4188
|
+
return (this.text !== '' || this.required === true) && !this.checkboxOnly;
|
|
4192
4189
|
}, _Checkbox_defineGetter = function _Checkbox_defineGetter(p, get) {
|
|
4193
4190
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
4194
4191
|
};
|
|
@@ -4371,7 +4368,10 @@ class Chip {
|
|
|
4371
4368
|
}
|
|
4372
4369
|
componentDidLoad() {
|
|
4373
4370
|
invariant(__classPrivateFieldGet$t(this, _Chip_span, "f"));
|
|
4374
|
-
|
|
4371
|
+
const span = __classPrivateFieldGet$t(this, _Chip_span, "f");
|
|
4372
|
+
readTask(() => {
|
|
4373
|
+
this.tooltip = isOverflowing(span);
|
|
4374
|
+
});
|
|
4375
4375
|
__classPrivateFieldSet$m(this, _Chip_ro, new ResizeObserver(([spanEntry]) => {
|
|
4376
4376
|
this.tooltip = isOverflowing(spanEntry.target);
|
|
4377
4377
|
}), "f");
|
|
@@ -4382,21 +4382,21 @@ class Chip {
|
|
|
4382
4382
|
__classPrivateFieldGet$t(this, _Chip_ro, "f").disconnect();
|
|
4383
4383
|
}
|
|
4384
4384
|
render() {
|
|
4385
|
-
return (hAsync("div", { key: '
|
|
4385
|
+
return (hAsync("div", { key: '38e103b1adf48ce498541e48814bfc5201d1bf9d', class: "qds-chip", ref: __classPrivateFieldGet$t(this, _Chip_chipRef, "f") }, __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedType_get) === 'closable' && (hAsync("div", { key: 'fde779252f3566ee87c9cf80eeccf6304dc5af0e', "aria-disabled": __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: {
|
|
4386
4386
|
'qds-container': true,
|
|
4387
4387
|
'qds-closable-chip': true,
|
|
4388
4388
|
'qds-pressed-state': this.isPressed,
|
|
4389
|
-
}, "data-size": __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedSize_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '
|
|
4389
|
+
}, "data-size": __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedSize_get) }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '71e78c676f85f4cf9a4086ec58f889b923f56231', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '5c63d83cbe0ebc064bbf244a67c798ae91b717da', class: "qds-text", "data-size": __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$t(this, _Chip_spanRef, "f") }, this.text), hAsync("button", { key: 'c063e0d2015317f703decc3c6bc271d1e4758ecb', "aria-label": __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_ariaLabel_get), class: "qds-target", "data-size": __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedDisabled_get), onClick: __classPrivateFieldGet$t(this, _Chip_onIconClick, "f"), tabIndex: __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, type: "button", ...__classPrivateFieldGet$t(this, _Chip_inheritedAttributes, "f") }, hAsync("qds-icon", { key: '985982fceb4c44a74aa32bfe289e104ec6ceded2', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedSize_get), library: "core", name: "clear" })))), __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedType_get) === 'selectable' && (
|
|
4390
4390
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
4391
|
-
hAsync("label", { key: '
|
|
4391
|
+
hAsync("label", { key: 'c21380e3727553860bd5d8ab743ab695e7cbf67e', "aria-disabled": __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? 'true' : undefined, class: "qds-label" }, hAsync("input", { key: 'f36b570313760fc17d59d3cb7c209c2d4ef6e12a',
|
|
4392
4392
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
4393
|
-
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedDisabled_get), name: this.name, onBlur: __classPrivateFieldGet$t(this, _Chip_onBlur, "f"), onFocus: __classPrivateFieldGet$t(this, _Chip_onFocus, "f"), tabIndex: __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", value: this.value ?? undefined, ...__classPrivateFieldGet$t(this, _Chip_inheritedAttributes, "f") }), hAsync("div", { key: '
|
|
4393
|
+
autoFocus: this.host.autofocus, checked: this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedSize_get), disabled: __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedDisabled_get), name: this.name, onBlur: __classPrivateFieldGet$t(this, _Chip_onBlur, "f"), onFocus: __classPrivateFieldGet$t(this, _Chip_onFocus, "f"), tabIndex: __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", value: this.value ?? undefined, ...__classPrivateFieldGet$t(this, _Chip_inheritedAttributes, "f") }), hAsync("div", { key: '2c9fb79145632cfc9c6762a1eb938db6d358d6cc', class: {
|
|
4394
4394
|
'qds-container': true,
|
|
4395
4395
|
'qds-pressed-state': this.isPressed,
|
|
4396
4396
|
'qds-selected-state': this.isSelected,
|
|
4397
4397
|
'qds-padding-end': true,
|
|
4398
4398
|
'qds-cursor': true,
|
|
4399
|
-
}, "data-size": __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedSize_get) }, (this.checked ?? false) && (hAsync("qds-icon", { key: '
|
|
4399
|
+
}, "data-size": __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedSize_get) }, (this.checked ?? false) && (hAsync("qds-icon", { key: 'b111666a5f461a43c2eacaae8e08e52b62312887', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedSize_get), library: "core", name: "checked" })), this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '104f950ab2b3ccb434eeb5c0db135f547f7eb795', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedSize_get), library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '05977f456c30b7aa7c947345502c53ccdc06a412', class: "qds-text", "data-size": __classPrivateFieldGet$t(this, _Chip_instances, "a", _Chip_computedSize_get), ref: __classPrivateFieldGet$t(this, _Chip_spanRef, "f") }, this.text)))), this.tooltip && (hAsync("qds-tooltip", { key: '7c4a28ce08c9244a854ce1d26c2c00c402c6713b', "aria-hidden": "true", ref: __classPrivateFieldGet$t(this, _Chip_tooltipRef, "f"), trigger: "pointerenter focusin" }, this.text))));
|
|
4400
4400
|
}
|
|
4401
4401
|
static get delegatesFocus() { return true; }
|
|
4402
4402
|
static get formAssociated() { return true; }
|
|
@@ -4464,7 +4464,7 @@ _Chip_chip = new WeakMap(), _Chip_span = new WeakMap(), _Chip_ro = new WeakMap()
|
|
|
4464
4464
|
return this.value == null ? null : this.value.toString();
|
|
4465
4465
|
};
|
|
4466
4466
|
|
|
4467
|
-
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:
|
|
4467
|
+
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}";
|
|
4468
4468
|
var QdsDialogStyle0 = dialogCss;
|
|
4469
4469
|
|
|
4470
4470
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -4544,7 +4544,7 @@ class Dialog {
|
|
|
4544
4544
|
this.show();
|
|
4545
4545
|
}
|
|
4546
4546
|
render() {
|
|
4547
|
-
return (hAsync(Host, { key: '
|
|
4547
|
+
return (hAsync(Host, { key: 'df8850784f9ba96adf154cac3f8ca82070aa5e19' }, hAsync("dialog", { key: '681f32ad65a07972c1e08dc7acde4e80c26df7f1', 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") }, hAsync("div", { key: 'aecfea14411b0873b7655c9df69ca7cba0f7b4f7', class: "qds-content" }, hAsync("slot", { key: '161f6424d230f2deda000ef79267caa05a5dbab3' }))), hAsync("div", { key: '805010898bcd1df5a9b6e52f13f24e9abb87df5d', class: "qds-backdrop" })));
|
|
4548
4548
|
}
|
|
4549
4549
|
show() {
|
|
4550
4550
|
invariant(__classPrivateFieldGet$s(this, _Dialog_dialog, "f"));
|
|
@@ -4620,7 +4620,7 @@ class Divider {
|
|
|
4620
4620
|
this.verticalChanged();
|
|
4621
4621
|
}
|
|
4622
4622
|
render() {
|
|
4623
|
-
return (hAsync("hr", { key: '
|
|
4623
|
+
return (hAsync("hr", { key: '94c7922480ed8aff5973dec5a5ffa5a9586c7d3a', class: {
|
|
4624
4624
|
'qds-divider': true,
|
|
4625
4625
|
'qds-vertical': this.vertical,
|
|
4626
4626
|
}, "aria-hidden": "true", "data-importance": __classPrivateFieldGet$r(this, _Divider_instances, "a", _Divider_computedImportance_get) }));
|
|
@@ -6280,11 +6280,11 @@ class Dropdown {
|
|
|
6280
6280
|
__classPrivateFieldGet$q(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
|
|
6281
6281
|
}
|
|
6282
6282
|
render() {
|
|
6283
|
-
return (hAsync(Host, { key: '
|
|
6283
|
+
return (hAsync(Host, { key: 'b6482f2301362787df929ced74c873328d62d4e3', "aria-labelledby": this.hostAriaLabelledBy, onKeyDown: __classPrivateFieldGet$q(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet$q(this, _Dropdown_onFocusout, "f"), style: {
|
|
6284
6284
|
display: this.hostDisplay,
|
|
6285
6285
|
position: this.hostPosition,
|
|
6286
6286
|
transform: this.hostTransform,
|
|
6287
|
-
} }, hAsync("slot", { key: '
|
|
6287
|
+
} }, hAsync("slot", { key: '428c9e2feffecf27c5da62afcac6da87f035fa39' })));
|
|
6288
6288
|
}
|
|
6289
6289
|
show() {
|
|
6290
6290
|
if (__classPrivateFieldGet$q(this, _Dropdown_open, "f"))
|
|
@@ -6418,10 +6418,10 @@ class FormMessage {
|
|
|
6418
6418
|
__classPrivateFieldSet$j(this, _FormMessage_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
6419
6419
|
}
|
|
6420
6420
|
render() {
|
|
6421
|
-
return (hAsync("span", { key: '
|
|
6421
|
+
return (hAsync("span", { key: 'aeb311865eb9da355ea37a1b521094dd2c06c0d8', class: {
|
|
6422
6422
|
'qds-form-message': true,
|
|
6423
6423
|
'qds-inline': this.inline,
|
|
6424
|
-
}, "data-size": __classPrivateFieldGet$p(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), ...__classPrivateFieldGet$p(this, _FormMessage_inheritedAttributes, "f") }, hAsync("div", { key: '
|
|
6424
|
+
}, "data-size": __classPrivateFieldGet$p(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), ...__classPrivateFieldGet$p(this, _FormMessage_inheritedAttributes, "f") }, hAsync("div", { key: '6491c3777546e3bed953d9da85423ac67bfb3135', class: "qds-icon-container", "data-size": __classPrivateFieldGet$p(this, _FormMessage_instances, "a", _FormMessage_computedSize_get) }, hAsync("div", { key: 'ed683b8f1f1b84f39743f18e53ba442cda9e2996', class: "qds-icon-background", "data-size": __classPrivateFieldGet$p(this, _FormMessage_instances, "a", _FormMessage_computedSize_get), "data-status": this.status }, hAsync("qds-icon", { key: 'e004a19a36d721158a7ddf861ee90b69b18a5060', "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: '4d607a5ed476d9de870083a3ff17e0060187c6af', class: "qds-sr-only" }, this.statusDescription))), hAsync("span", { key: 'c5bc5b5590d77aa4639dcb2f6729fb2624b22925', class: "qds-text", "data-status": __classPrivateFieldGet$p(this, _FormMessage_instances, "a", _FormMessage_computedStatus_get) }, this.text)));
|
|
6425
6425
|
}
|
|
6426
6426
|
get host() { return getElement(this); }
|
|
6427
6427
|
static get style() { return QdsFormMessageStyle0; }
|
|
@@ -6475,6 +6475,10 @@ const inputEmailSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHR
|
|
|
6475
6475
|
|
|
6476
6476
|
const inputMonthSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Ik0xLjUgOC41aDE3bS0xMiAwdjltNy05djltLTEyLTZoMTdtLTE3IDNoMTdtLTE3LTEwaDE3djEzaC0xN3ptNi0xdjJhMSAxIDAgMCAxLTIgMHYtMmExIDEgMCAwIDEgMiAwWm03IDB2MmExIDEgMCAxIDEtMiAwdi0yYTEgMSAwIDEgMSAyIDBaIi8+PC9zdmc+';
|
|
6477
6477
|
|
|
6478
|
+
const inputPasswordHideSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Im0uNS41IDE5IDE5bS0zLjQ0My01LjgyYzEuMDA2LS43OSAxLjk5Ny0xLjYyNiAzLjQ0My0yLjIzOS0uNDYzLS44OTItMi44MTEtNi44NTctMTAuMjQ1LTYuODIzbTIuOTk1IDcuNjQ2YTMuMzA0IDMuMzA0IDAgMSAxLTQuNjI0LTQuNjA4bC0uMDIyLS4wM3MtNS4xNTMuMDUtNy4xMDIgMy44MTdjMCAwIDMuNTgyIDYuMTQyIDExLjU2IDQuMzI1YTguMiA4LjIgMCAwIDAgMi41OTktMS4wNzhtLTEuNzgxLTQuMzY3YTMuMzA1IDMuMzA1IDAgMCAwLTIuNjM4LTMuMjM3Ii8+PC9zdmc+';
|
|
6479
|
+
|
|
6480
|
+
const inputPasswordShowSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIGQ9Ik05LjI1NSA0LjI1OGM3LjQzNS0uMDMzIDkuNzgzIDUuOTMxIDEwLjI0NSA2LjgyMy0zLjAzNiAxLjI4OS00LjA3IDMuNTU4LTcuNDQgNC4zMjVDNC4wODIgMTcuMjIzLjUgMTEuMDgxLjUgMTEuMDgxYzEuOTUtMy43NjcgNy4xMDItMy44MTcgNy4xMDItMy44MTdsLjAyMi4wM2EzLjMwNCAzLjMwNCAwIDEgMCAyLjYxNy0uNTY4Ii8+PC9zdmc+';
|
|
6481
|
+
|
|
6478
6482
|
const inputSearchSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTMuOTUgNi45NmgxYzAtMS4xMi45MS0yLjAyIDIuMDItMi4wMnYtMWMtMS42NyAwLTMuMDIgMS4zNi0zLjAyIDMuMDJabTEwLjA4IDYuMzZMOS45OSA5LjI4Yy42My0uNzkgMS4wMy0xLjc4IDEuMDMtMi44NmE0LjYgNC42IDAgMCAwLTQuNi00LjZjLTIuNTQgMC00LjYgMi4wNy00LjYgNC42czIuMDYgNC42IDQuNiA0LjZjMS4wOSAwIDIuMDgtLjQgMi44Ni0xLjAzbDQuMDQgNC4wNHptLTcuNjEtMy4zYy0xLjk5IDAtMy42LTEuNjItMy42LTMuNnMxLjYyLTMuNiAzLjYtMy42IDMuNiAxLjYyIDMuNiAzLjYtMS42MiAzLjYtMy42IDMuNloiLz48L3N2Zz4=';
|
|
6479
6483
|
|
|
6480
6484
|
const inputTelSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIzLjg2NCIgZD0ibTEgMTUuNTAyIDIuNDcyIDIuMjcyYy42Ni0uMDE3IDEuNDY4LTEuMjU0IDIuNTI4LTIuMjcyIDIuMDg2LTIuMDAyIDIuMzc2LTIuMDc1IDIuMTc2LTIuMjM1LjE2MS4yLTIuMDA2LTEuNDgxLTIuMDA2LTEuNDgxczEuNDkyLTEuNjczIDMuMzY4LTMuMDM2YTExNyAxMTcgMCAwIDEgMy40NDItMi40MDNsLjk5NCAyLjQwM3MuOTMzLS41MzYgMi42ODgtMi4wNThDMTguMjI3IDUuMzM3IDE5LjUgNC41NTQgMTkuNSA0LjU1NGwtMi0yLjU1MlMxMi44MiAxLjc5IDYuOTMzIDYuMjI4QzIuNTc0IDkuNTEzIDEgMTUuNTAyIDEgMTUuNTAyWiIvPjwvc3ZnPg==';
|
|
@@ -6514,6 +6518,8 @@ const icons = {
|
|
|
6514
6518
|
'input-datetime-local': inputDatetimeLocalSvg,
|
|
6515
6519
|
'input-email': inputEmailSvg,
|
|
6516
6520
|
'input-search': inputSearchSvg,
|
|
6521
|
+
'input-password-hide': inputPasswordHideSvg,
|
|
6522
|
+
'input-password-show': inputPasswordShowSvg,
|
|
6517
6523
|
navigation: navigationSvg,
|
|
6518
6524
|
next: nextSvg,
|
|
6519
6525
|
'new-tab-link': externalLinkSvg,
|
|
@@ -6654,7 +6660,7 @@ class Icon {
|
|
|
6654
6660
|
await this.setIcon();
|
|
6655
6661
|
}
|
|
6656
6662
|
render() {
|
|
6657
|
-
return (hAsync("div", { key: '
|
|
6663
|
+
return (hAsync("div", { key: 'b3221eb14c7e0bcc6516b6d486429755186eaf60', class: "qds-container" }, hAsync("span", { key: '36e1438b3525387f1fc9f75aff7c648433f47cf0', class: "qds-icon-wrapper", innerHTML: this.svg }), hAsync("div", { key: '8eb2b41ce0e33002aff177902c851dc2604fd16a', class: "qds-click-target" })));
|
|
6658
6664
|
}
|
|
6659
6665
|
get host() { return getElement(this); }
|
|
6660
6666
|
static get watchers() { return {
|
|
@@ -6761,10 +6767,10 @@ class InlineLink {
|
|
|
6761
6767
|
__classPrivateFieldGet$n(this, _InlineLink_internals, "f").ariaLabel = this.host.textContent;
|
|
6762
6768
|
}
|
|
6763
6769
|
render() {
|
|
6764
|
-
return (hAsync("a", { key: '
|
|
6770
|
+
return (hAsync("a", { key: '593d9b45039467c0de9bd9daecb548472858b834', "aria-hidden": "true", class: {
|
|
6765
6771
|
'qds-inline-link': true,
|
|
6766
6772
|
'qds-disabled': this.disabled,
|
|
6767
|
-
}, "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: '
|
|
6773
|
+
}, "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: '8fd5a5c068c3d5f2cb5d40f0e7ff67454bd4178c', class: "qds-icon", library: this.iconLibrary, name: this.iconName })), hAsync("span", { key: '1e12f58546ea74ac4676f1c9565f3f99a14115b5', class: "qds-text" }, hAsync("slot", { key: 'fac69d2d273b598e7c7c5ff22b10d90dc7d13892', onSlotchange: __classPrivateFieldGet$n(this, _InlineLink_onSlotchange, "f") })), this.linkIcon && (hAsync("qds-icon", { key: '17798d667b2deb5724695ad158cf960784b939b2', class: "qds-icon", library: "core", name: this.linkIcon }))));
|
|
6768
6774
|
}
|
|
6769
6775
|
static get delegatesFocus() { return true; }
|
|
6770
6776
|
get host() { return getElement(this); }
|
|
@@ -6809,7 +6815,7 @@ _InlineLink_internals = new WeakMap(), _InlineLink_onBlur = new WeakMap(), _Inli
|
|
|
6809
6815
|
}
|
|
6810
6816
|
};
|
|
6811
6817
|
|
|
6812
|
-
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:\"a\"}.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:a}.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:a;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:a;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}}}";
|
|
6818
|
+
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:\"c\"}.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:c}.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: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-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)}.qds-password-padding[data-size=small],[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)}.qds-password-padding[data-size=standard],[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)}.qds-password-padding[data-size=large],[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:c;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]{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}}}";
|
|
6813
6819
|
var QdsInputStyle0 = inputCss;
|
|
6814
6820
|
|
|
6815
6821
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -6831,7 +6837,7 @@ var __classPrivateFieldSet$h = (undefined && undefined.__classPrivateFieldSet) |
|
|
|
6831
6837
|
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
|
6832
6838
|
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
|
6833
6839
|
};
|
|
6834
|
-
var _Input_instances, _Input_inheritedAttributes, _Input_input, _Input_computedDisabled_get, _Input_computedIconName_get, _Input_computedSize_get, _Input_computedValue_get, _Input_hasIcon_get, _Input_hasInteractiveIcon_get, _Input_ref, _Input_getFiles, _Input_onBlur, _Input_onCancel, _Input_onChange, _Input_onClear, _Input_onFocus, _Input_onInput, _Input_defineGetter;
|
|
6840
|
+
var _Input_instances, _Input_inheritedAttributes, _Input_input, _Input_computedDisabled_get, _Input_computedIconName_get, _Input_computedSize_get, _Input_computedValue_get, _Input_hasIcon_get, _Input_hasInteractiveIcon_get, _Input_iconClickHandler_get, _Input_computedType_get, _Input_computedAriaLabel_get, _Input_togglePasswordVisibility, _Input_ref, _Input_getFiles, _Input_onBlur, _Input_onCancel, _Input_onChange, _Input_onClear, _Input_onFocus, _Input_onInput, _Input_defineGetter;
|
|
6835
6841
|
/**
|
|
6836
6842
|
* The `<qds-input>` element is used to create interactive controls for
|
|
6837
6843
|
* web-based forms in order to accept data from the user; a wide variety of
|
|
@@ -6958,6 +6964,7 @@ class Input {
|
|
|
6958
6964
|
* @webnative
|
|
6959
6965
|
*/
|
|
6960
6966
|
this.willValidate = false;
|
|
6967
|
+
this.isPasswordVisible = false;
|
|
6961
6968
|
_Input_inheritedAttributes.set(this, {});
|
|
6962
6969
|
_Input_input.set(this, void 0);
|
|
6963
6970
|
this.checkValidity = () => this.internals.checkValidity();
|
|
@@ -7011,6 +7018,11 @@ class Input {
|
|
|
7011
7018
|
invariant(__classPrivateFieldGet$m(this, _Input_input, "f"));
|
|
7012
7019
|
__classPrivateFieldGet$m(this, _Input_input, "f").showPicker();
|
|
7013
7020
|
};
|
|
7021
|
+
_Input_togglePasswordVisibility.set(this, () => {
|
|
7022
|
+
invariant(__classPrivateFieldGet$m(this, _Input_input, "f"));
|
|
7023
|
+
this.isPasswordVisible = !this.isPasswordVisible;
|
|
7024
|
+
__classPrivateFieldGet$m(this, _Input_input, "f").type = __classPrivateFieldGet$m(this, _Input_instances, "a", _Input_computedType_get);
|
|
7025
|
+
});
|
|
7014
7026
|
_Input_ref.set(this, (input) => {
|
|
7015
7027
|
__classPrivateFieldSet$h(this, _Input_input, input, "f");
|
|
7016
7028
|
});
|
|
@@ -7095,8 +7107,7 @@ class Input {
|
|
|
7095
7107
|
__classPrivateFieldGet$m(this, _Input_input, "f").required = this.required ?? false;
|
|
7096
7108
|
if (__classPrivateFieldGet$m(this, _Input_input, "f").step !== this.step && this.step !== undefined)
|
|
7097
7109
|
__classPrivateFieldGet$m(this, _Input_input, "f").step = this.step.toString();
|
|
7098
|
-
|
|
7099
|
-
__classPrivateFieldGet$m(this, _Input_input, "f").type = this.type;
|
|
7110
|
+
__classPrivateFieldGet$m(this, _Input_input, "f").type = __classPrivateFieldGet$m(this, _Input_instances, "a", _Input_computedType_get);
|
|
7100
7111
|
// eslint-disable-next-line unicorn/no-null
|
|
7101
7112
|
if (this.type !== 'file' && this.value != null)
|
|
7102
7113
|
__classPrivateFieldGet$m(this, _Input_input, "f").value = this.value.toString();
|
|
@@ -7140,20 +7151,22 @@ class Input {
|
|
|
7140
7151
|
const shouldShowSearchIcon = isSearchType && this.noIcon === false;
|
|
7141
7152
|
const shouldHideIcon = !isSearchType && this.noIcon === true;
|
|
7142
7153
|
const shouldRemoveSearchPadding = isSearchType && this.noIcon === true;
|
|
7143
|
-
return (hAsync("div", { key: '
|
|
7154
|
+
return (hAsync("div", { key: '5336ee36ce01859982ca1c5af230dcea3200d57e', class: "qds-container" }, hAsync("input", { key: 'efc9f03bb3de1eb85e2b8abf42be5024918ae58e', accept: this.accept, autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
|
|
7144
7155
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
7145
7156
|
autoFocus: this.host.autofocus, capture: this.capture, class: {
|
|
7146
7157
|
'qds-search-padding': shouldRemoveSearchPadding,
|
|
7147
7158
|
'qds-input': true,
|
|
7148
7159
|
'qds-hide': shouldHideIcon,
|
|
7149
7160
|
'qds-padding': shouldHideIcon,
|
|
7150
|
-
|
|
7161
|
+
'qds-password-padding': this.type === 'password' ||
|
|
7162
|
+
(this.isPasswordVisible && this.type === 'text'),
|
|
7163
|
+
}, "data-size": __classPrivateFieldGet$m(this, _Input_instances, "a", _Input_computedSize_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, max: this.max, maxLength: this.maxLength, min: this.min, minLength: this.minLength, multiple: this.multiple, onBlur: __classPrivateFieldGet$m(this, _Input_onBlur, "f"), onChange: __classPrivateFieldGet$m(this, _Input_onChange, "f"), onFocus: __classPrivateFieldGet$m(this, _Input_onFocus, "f"), onInput: __classPrivateFieldGet$m(this, _Input_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet$m(this, _Input_ref, "f"), spellcheck: this.host.spellcheck, step: this.step, tabIndex: __classPrivateFieldGet$m(this, _Input_instances, "a", _Input_computedDisabled_get) ? undefined : this.tabIndex, type: __classPrivateFieldGet$m(this, _Input_instances, "a", _Input_computedType_get), ...__classPrivateFieldGet$m(this, _Input_inheritedAttributes, "f") }), hAsync("div", { key: 'a6ef2b4ac99c8f749d250d64fb2926c49f1171e7', class: "qds-focus-ring" }), __classPrivateFieldGet$m(this, _Input_instances, "a", _Input_computedIconName_get) && (hAsync("div", { key: '35cc748463e4ecb3e570dbaee66fb79c6c9c16a1', class: {
|
|
7151
7164
|
'qds-icon-container': true,
|
|
7152
7165
|
'no-padding': shouldRemoveSearchPadding,
|
|
7153
|
-
} }, shouldShowClearButton && (hAsync("qds-button", { key: '
|
|
7166
|
+
} }, shouldShowClearButton && (hAsync("qds-button", { key: '44897869098ae7b6af2481cf70cae3a0c5f50483', class: {
|
|
7154
7167
|
'qds-icon': true,
|
|
7155
7168
|
'qds-hide': !hasValue,
|
|
7156
|
-
}, disabled: this.disabled, iconLibrary: "core", iconName: "clear", iconOnly: true, importance: "subdued", onClick: __classPrivateFieldGet$m(this, _Input_onClear, "f"), size: "small", text: "clear input" })), __classPrivateFieldGet$m(this, _Input_instances, "a", _Input_hasIcon_get) && (hAsync("qds-icon", { key: '
|
|
7169
|
+
}, disabled: this.disabled, iconLibrary: "core", iconName: "clear", iconOnly: true, importance: "subdued", onClick: __classPrivateFieldGet$m(this, _Input_onClear, "f"), size: "small", text: "clear input" })), __classPrivateFieldGet$m(this, _Input_instances, "a", _Input_hasIcon_get) && (hAsync("qds-icon", { key: 'd95ee02b5ffd10d2252781658ad48cb3770310e7', "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$m(this, _Input_instances, "a", _Input_computedSize_get), library: "core", name: __classPrivateFieldGet$m(this, _Input_instances, "a", _Input_computedIconName_get) })), __classPrivateFieldGet$m(this, _Input_instances, "a", _Input_hasInteractiveIcon_get) && (hAsync("qds-button", { key: '068999de69e003f3998e296f268ff730b5e38573', class: "qds-icon", disabled: this.disabled, iconLibrary: "core", iconName: __classPrivateFieldGet$m(this, _Input_instances, "a", _Input_computedIconName_get), iconOnly: true, importance: "subdued", onClick: __classPrivateFieldGet$m(this, _Input_instances, "a", _Input_iconClickHandler_get), size: "small", text: __classPrivateFieldGet$m(this, _Input_instances, "a", _Input_computedAriaLabel_get) })), shouldShowSearchIcon ? (hAsync("qds-icon", { "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$m(this, _Input_instances, "a", _Input_computedSize_get), library: "core", name: __classPrivateFieldGet$m(this, _Input_instances, "a", _Input_computedIconName_get) })) : (hAsync("div", null))))));
|
|
7157
7170
|
}
|
|
7158
7171
|
static get delegatesFocus() { return true; }
|
|
7159
7172
|
static get formAssociated() { return true; }
|
|
@@ -7208,16 +7221,21 @@ class Input {
|
|
|
7208
7221
|
"validity": [16],
|
|
7209
7222
|
"value": [1032],
|
|
7210
7223
|
"willValidate": [4, "will-validate"],
|
|
7211
|
-
"tabIndex": [32]
|
|
7224
|
+
"tabIndex": [32],
|
|
7225
|
+
"isPasswordVisible": [32]
|
|
7212
7226
|
},
|
|
7213
7227
|
"$listeners$": [[0, "click", "onClick"], [0, "keydown", "onKeydown"]],
|
|
7214
7228
|
"$lazyBundleId$": "-",
|
|
7215
7229
|
"$attrsToReflect$": []
|
|
7216
7230
|
}; }
|
|
7217
7231
|
}
|
|
7218
|
-
_Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input_ref = new WeakMap(), _Input_getFiles = new WeakMap(), _Input_onBlur = new WeakMap(), _Input_onCancel = new WeakMap(), _Input_onChange = new WeakMap(), _Input_onClear = new WeakMap(), _Input_onFocus = new WeakMap(), _Input_onInput = new WeakMap(), _Input_instances = new WeakSet(), _Input_computedDisabled_get = function _Input_computedDisabled_get() {
|
|
7232
|
+
_Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input_togglePasswordVisibility = new WeakMap(), _Input_ref = new WeakMap(), _Input_getFiles = new WeakMap(), _Input_onBlur = new WeakMap(), _Input_onCancel = new WeakMap(), _Input_onChange = new WeakMap(), _Input_onClear = new WeakMap(), _Input_onFocus = new WeakMap(), _Input_onInput = new WeakMap(), _Input_instances = new WeakSet(), _Input_computedDisabled_get = function _Input_computedDisabled_get() {
|
|
7219
7233
|
return this.host.matches(':disabled') || (this.disabled ?? false);
|
|
7220
7234
|
}, _Input_computedIconName_get = function _Input_computedIconName_get() {
|
|
7235
|
+
if (this.type === 'password')
|
|
7236
|
+
return this.isPasswordVisible
|
|
7237
|
+
? 'input-password-hide'
|
|
7238
|
+
: 'input-password-show';
|
|
7221
7239
|
switch (this.type) {
|
|
7222
7240
|
case 'date':
|
|
7223
7241
|
case 'datetime-local':
|
|
@@ -7255,12 +7273,26 @@ _Input_inheritedAttributes = new WeakMap(), _Input_input = new WeakMap(), _Input
|
|
|
7255
7273
|
['email', 'tel', 'url'].includes(this.type));
|
|
7256
7274
|
}, _Input_hasInteractiveIcon_get = function _Input_hasInteractiveIcon_get() {
|
|
7257
7275
|
return (typeof this.type === 'string' &&
|
|
7258
|
-
['month', 'time', 'date', 'datetime-local', 'week'].includes(this.type));
|
|
7276
|
+
['month', 'time', 'date', 'datetime-local', 'week', 'password'].includes(this.type));
|
|
7277
|
+
}, _Input_iconClickHandler_get = function _Input_iconClickHandler_get() {
|
|
7278
|
+
return this.type === 'password'
|
|
7279
|
+
? __classPrivateFieldGet$m(this, _Input_togglePasswordVisibility, "f")
|
|
7280
|
+
: this.showPicker;
|
|
7281
|
+
}, _Input_computedType_get = function _Input_computedType_get() {
|
|
7282
|
+
return this.type === 'password' && this.isPasswordVisible
|
|
7283
|
+
? 'text'
|
|
7284
|
+
: (this.type ?? 'text');
|
|
7285
|
+
}, _Input_computedAriaLabel_get = function _Input_computedAriaLabel_get() {
|
|
7286
|
+
return this.type === 'password'
|
|
7287
|
+
? this.isPasswordVisible
|
|
7288
|
+
? 'Hide password'
|
|
7289
|
+
: 'Show password'
|
|
7290
|
+
: (this.type ?? '');
|
|
7259
7291
|
}, _Input_defineGetter = function _Input_defineGetter(p, get) {
|
|
7260
7292
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
7261
7293
|
};
|
|
7262
7294
|
|
|
7263
|
-
const labelCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-label{box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap)}.qds-label:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-focus-border-width) solid var(--qds-theme-focus-border);outline-offset:var(--qds-focus-border-offset)}.qds-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}[data-size=small]{font:var(--qds-control-small-text)}.qds-inline[data-size=small]{margin-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard]{margin-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text)}.qds-inline[data-size=large]{margin-block:var(--qds-control-large-padding-auto-height)}";
|
|
7295
|
+
const labelCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-label{box-sizing:border-box;color:var(--qds-theme-control-text-standard);display:inline-flex;gap:var(--qds-text-icon-gap);width:100%}.qds-label:focus-visible{border-radius:var(--qds-focus-border-radius);outline:var(--qds-focus-border-width) solid var(--qds-theme-focus-border);outline-offset:var(--qds-focus-border-offset)}.qds-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}[data-size=small]{font:var(--qds-control-small-text)}.qds-inline[data-size=small]{margin-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard]{margin-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text)}.qds-inline[data-size=large]{margin-block:var(--qds-control-large-padding-auto-height)}";
|
|
7264
7296
|
var QdsLabelStyle0 = labelCss;
|
|
7265
7297
|
|
|
7266
7298
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -7328,7 +7360,10 @@ class Label {
|
|
|
7328
7360
|
__classPrivateFieldGet$l(this, _Label_ro, "f").disconnect();
|
|
7329
7361
|
if (!__classPrivateFieldGet$l(this, _Label_span, "f"))
|
|
7330
7362
|
return;
|
|
7331
|
-
|
|
7363
|
+
const span = __classPrivateFieldGet$l(this, _Label_span, "f");
|
|
7364
|
+
readTask(() => {
|
|
7365
|
+
this.tooltip = isOverflowing(span);
|
|
7366
|
+
});
|
|
7332
7367
|
__classPrivateFieldSet$g(this, _Label_ro, new ResizeObserver(([spanEntry]) => {
|
|
7333
7368
|
this.tooltip = isOverflowing(spanEntry.target);
|
|
7334
7369
|
}), "f");
|
|
@@ -7342,12 +7377,12 @@ class Label {
|
|
|
7342
7377
|
__classPrivateFieldGet$l(this, _Label_ro, "f").disconnect();
|
|
7343
7378
|
}
|
|
7344
7379
|
render() {
|
|
7345
|
-
return (hAsync("span", { key: '
|
|
7380
|
+
return (hAsync("span", { key: 'bd56de0869e706f0b028e0fb03e0cc946cbbf1fd', class: {
|
|
7346
7381
|
'qds-inline': this.inline,
|
|
7347
7382
|
'qds-label': true,
|
|
7348
7383
|
}, "data-size": __classPrivateFieldGet$l(this, _Label_instances, "a", _Label_computedSize_get), ref: __classPrivateFieldGet$l(this, _Label_labelRef, "f"),
|
|
7349
7384
|
// eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
|
|
7350
|
-
tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '
|
|
7385
|
+
tabIndex: this.tooltip ? 0 : undefined }, this.required && hAsync("span", { key: '9df743ea0b47028f9ae6951d88d2d353fd813a4b', class: "qds-required" }, "*"), hAsync("span", { key: '680c6840424a63e6533230e249ec3b10ac5b0ab7', class: "qds-text", ref: __classPrivateFieldGet$l(this, _Label_spanRef, "f") }, this.text), this.tooltip && (hAsync("qds-tooltip", { key: '6ec7e5624a50e5d9084580dcd40359fb88d9b8ff', "aria-hidden": "true", ref: __classPrivateFieldGet$l(this, _Label_tooltipRef, "f") }, this.text))));
|
|
7351
7386
|
}
|
|
7352
7387
|
static get watchers() { return {
|
|
7353
7388
|
"text": ["textChanged"]
|
|
@@ -7466,10 +7501,10 @@ class ListItem {
|
|
|
7466
7501
|
'qds-checked': __classPrivateFieldGet$k(this, _ListItem_instances, "a", _ListItem_computedChecked_get),
|
|
7467
7502
|
}, "data-size": __classPrivateFieldGet$k(this, _ListItem_instances, "a", _ListItem_computedSize_get), role: "listitem" // Required because it can't be a direct child of a list element (<ul>, <ol>, or <menu>).
|
|
7468
7503
|
,
|
|
7469
|
-
...this.inheritedAttributes }, __classPrivateFieldGet$k(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: '
|
|
7504
|
+
...this.inheritedAttributes }, __classPrivateFieldGet$k(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'multiselect' && (hAsync("qds-checkbox", { key: 'e009fe7c14014db5e9b15a193b72c6f772a89211', checked: this.checked, class: "qds-list-action", indeterminate: this.indeterminate, size: this.size, tabIndex: -1, text: this.text, checkboxOnly: true })), __classPrivateFieldGet$k(this, _ListItem_instances, "a", _ListItem_computedListAction_get) === 'reorder' && (hAsync("qds-icon", { key: '9067a11441139fe1f72f9c3e0eff6303e3075b94', "aria-hidden": "true", class: "qds-icon qds-list-action", library: "core", name: __classPrivateFieldGet$k(this, _ListItem_instances, "a", _ListItem_computedListAction_get) })), hAsync("div", { key: '509559713f04a4e512457c6e67f07726a9d8d71d', class: {
|
|
7470
7505
|
'qds-indented-content': true,
|
|
7471
7506
|
'qds-divider': __classPrivateFieldGet$k(this, _ListItem_instances, "a", _ListItem_computedDivider_get) === 'indent',
|
|
7472
|
-
} }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: '
|
|
7507
|
+
} }, this.iconName !== undefined && this.iconName !== '' && (hAsync("qds-icon", { key: 'df33c08dae14a2f1c96739f42f5a31a7102ff2d5', "aria-hidden": "true", class: "qds-icon qds-main-icon", library: this.iconLibrary, name: this.iconName })), hAsync("label", { key: '89b9b7abd196959444aa9a90dbab084e8fd619cb', class: "qds-texts" }, hAsync("input", { key: '8653a0496fc8cedd98ae0b136573ddf9735dfa36', checked: this.selected, class: "qds-input", disabled: this.disabled, indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet$k(this, _ListItem_onBlur, "f"), onFocus: __classPrivateFieldGet$k(this, _ListItem_onFocus, "f"), tabIndex: this.disabled ? undefined : this.tabIndex, type: "checkbox" }), this.kicker !== undefined && this.kicker !== '' && (hAsync("div", { key: '6551cfbecc9b5a7089a555f593ee00ea8bc5dd44', class: "qds-kicker" }, this.kicker)), hAsync("div", { key: 'b3cf789a107852128c6e6d1b097c49f00b1c862c', class: "qds-title" }, this.text), this.subtitle !== undefined && this.subtitle !== '' && (hAsync("div", { key: '7765860d7e5d3615dc27d9e454956734ec53ac06', class: "qds-subtitle" }, this.subtitle))), __classPrivateFieldGet$k(this, _ListItem_instances, "a", _ListItem_computedDestination_get) !== undefined && (hAsync("qds-icon", { key: '3d9a3f7b24f9629d09e2bd8cf0839c0f44f1aa38', "aria-hidden": "true", class: "qds-icon qds-destination", library: "core", name: __classPrivateFieldGet$k(this, _ListItem_instances, "a", _ListItem_computedDestination_get) }))))
|
|
7473
7508
|
/* eslint-enable jsx-a11y/label-has-associated-control */
|
|
7474
7509
|
);
|
|
7475
7510
|
}
|
|
@@ -7551,7 +7586,7 @@ _ListItem_onBlur = new WeakMap(), _ListItem_onFocus = new WeakMap(), _ListItem_i
|
|
|
7551
7586
|
}
|
|
7552
7587
|
};
|
|
7553
7588
|
|
|
7554
|
-
const loaderCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-loader{border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-feedback-action-destructive-contrast)}[data-size=small]{height:var(--qds-control-small-icon-size);padding:var(--qds-signature-circle-progress-small-border-width);width:var(--qds-control-small-icon-size)}[data-size=standard]{height:var(--qds-control-standard-icon-size);padding:var(--qds-signature-circle-progress-standard-border-width);width:var(--qds-control-standard-icon-size)}[data-size=large]{height:var(--qds-control-large-icon-size);padding:var(--qds-signature-circle-progress-large-border-width);width:var(--qds-control-large-icon-size)}[data-size=jumbo]{height:var(--qds-control-jumbo-icon-size);padding:var(--qds-signature-circle-progress-jumbo-border-width);width:var(--qds-control-jumbo-icon-size)}[data-status=loading]{animation:
|
|
7589
|
+
const loaderCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-loader{border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;color:var(--qds-theme-feedback-action-destructive-contrast)}[data-size=small]{height:var(--qds-control-small-icon-size);padding:var(--qds-signature-circle-progress-small-border-width);width:var(--qds-control-small-icon-size)}[data-size=standard]{height:var(--qds-control-standard-icon-size);padding:var(--qds-signature-circle-progress-standard-border-width);width:var(--qds-control-standard-icon-size)}[data-size=large]{height:var(--qds-control-large-icon-size);padding:var(--qds-signature-circle-progress-large-border-width);width:var(--qds-control-large-icon-size)}[data-size=jumbo]{height:var(--qds-control-jumbo-icon-size);padding:var(--qds-signature-circle-progress-jumbo-border-width);width:var(--qds-control-jumbo-icon-size)}[data-status=loading]{animation:b 1s linear infinite;background-image:var(--qds-theme-signature-circle-progress-indeterminate);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@keyframes b{to{transform:rotate(1turn)}}[data-status=success]{background-color:var(--qds-theme-feedback-result-success)}[data-status=warning]{background-color:var(--qds-theme-feedback-result-partial-success)}[data-status=error]{background-color:var(--qds-theme-feedback-result-failure)}";
|
|
7555
7590
|
var QdsLoaderStyle0 = loaderCss;
|
|
7556
7591
|
|
|
7557
7592
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -7728,14 +7763,14 @@ class NavListItem {
|
|
|
7728
7763
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
7729
7764
|
}
|
|
7730
7765
|
render() {
|
|
7731
|
-
return (hAsync(Host, { key: '
|
|
7766
|
+
return (hAsync(Host, { key: '861bd4dceb564cea7ef0deb6f3968a967f4a8ecd' }, hAsync("li", { key: '85fb0ded3ffe45b3b492b5d46c07e9a72589fc81', class: {
|
|
7732
7767
|
'qds-nav-list-item': true,
|
|
7733
7768
|
'qds-disabled': this.disabled,
|
|
7734
7769
|
'qds-selected': this.selected,
|
|
7735
|
-
}, ref: __classPrivateFieldGet$i(this, _NavListItem_liRef, "f"), ...this.inheritedAttributes }, hAsync("button", { key: '
|
|
7770
|
+
}, ref: __classPrivateFieldGet$i(this, _NavListItem_liRef, "f"), ...this.inheritedAttributes }, hAsync("button", { key: '7c105a685c879cb014cc0cfd514bfdf1c5a86888', class: {
|
|
7736
7771
|
'qds-button': true,
|
|
7737
7772
|
'qds-selected': this.selected,
|
|
7738
|
-
}, "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: '
|
|
7773
|
+
}, "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: '2c0a4554e721bb64bb59af6aeb3f4e6efa1362b7', "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: 'ec28ae83b18c2f6702e04331b09603085c77651b', placement: "right", ref: __classPrivateFieldGet$i(this, _NavListItem_tooltipRef, "f") }, this.renderText()))));
|
|
7739
7774
|
}
|
|
7740
7775
|
renderText() {
|
|
7741
7776
|
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))));
|
|
@@ -7780,7 +7815,7 @@ _NavListItem_liRef = new WeakMap(), _NavListItem_tooltipRef = new WeakMap(), _Na
|
|
|
7780
7815
|
return this.collapsed && this.iconName !== undefined && this.iconName !== '';
|
|
7781
7816
|
};
|
|
7782
7817
|
|
|
7783
|
-
const progressBarCss = ":host([hidden]){display:none!important}:host{display:block;width:100%}.qds-bar,.qds-track{overflow:hidden}.qds-track{background-color:var(--qds-theme-control-slider-track-inactive)}.qds-bar,.qds-track{border-radius:var(--qds-signature-line-progress-cap-radius)}.qds-bar{background-color:var(--qds-theme-signature-line-progress-determinate);transition:width .6s cubic-bezier(.83,0,.17,1)}@media (prefers-reduced-motion){.qds-bar{transition:none}}.qds-indeterminate{animation:
|
|
7818
|
+
const progressBarCss = ":host([hidden]){display:none!important}:host{display:block;width:100%}.qds-bar,.qds-track{overflow:hidden}.qds-track{background-color:var(--qds-theme-control-slider-track-inactive)}.qds-bar,.qds-track{border-radius:var(--qds-signature-line-progress-cap-radius)}.qds-bar{background-color:var(--qds-theme-signature-line-progress-determinate);transition:width .6s cubic-bezier(.83,0,.17,1)}@media (prefers-reduced-motion){.qds-bar{transition:none}}.qds-indeterminate{animation:a 2s linear infinite;background-color:initial;background-image:var(--qds-theme-signature-line-progress-indeterminate)}@keyframes a{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}[data-size=small]{height:var(--qds-signature-line-progress-small-height)}[data-size=standard]{height:var(--qds-signature-line-progress-standard-height)}[data-size=large]{height:var(--qds-signature-line-progress-large-height)}";
|
|
7784
7819
|
var QdsProgressBarStyle0 = progressBarCss;
|
|
7785
7820
|
|
|
7786
7821
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -7872,7 +7907,7 @@ class ProgressBar {
|
|
|
7872
7907
|
this.valueChanged();
|
|
7873
7908
|
}
|
|
7874
7909
|
render() {
|
|
7875
|
-
return (hAsync("div", { key: '
|
|
7910
|
+
return (hAsync("div", { key: '89fad7b1dd2348a3f4c8a2571fe916d342166acb', "aria-hidden": "true", class: "qds-track", "data-size": __classPrivateFieldGet$h(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get) }, hAsync("div", { key: '84ffc7461e57cc90cb8889e16d5cbdf229f0b9f3', class: {
|
|
7876
7911
|
'qds-bar': true,
|
|
7877
7912
|
'qds-indeterminate': __classPrivateFieldGet$h(this, _ProgressBar_position, "f") === -1,
|
|
7878
7913
|
}, "data-size": __classPrivateFieldGet$h(this, _ProgressBar_instances, "a", _ProgressBar_computedSize_get), style: { width: this.width } })));
|
|
@@ -7981,7 +8016,10 @@ class QdsBreadcrumbItem {
|
|
|
7981
8016
|
__classPrivateFieldGet$g(this, _QdsBreadcrumbItem_ro, "f").disconnect();
|
|
7982
8017
|
if (!__classPrivateFieldGet$g(this, _QdsBreadcrumbItem_span, "f"))
|
|
7983
8018
|
return;
|
|
7984
|
-
|
|
8019
|
+
const span = __classPrivateFieldGet$g(this, _QdsBreadcrumbItem_span, "f");
|
|
8020
|
+
readTask(() => {
|
|
8021
|
+
this.tooltip = isOverflowing(span);
|
|
8022
|
+
});
|
|
7985
8023
|
__classPrivateFieldSet$e(this, _QdsBreadcrumbItem_ro, new ResizeObserver(([spanEntry]) => {
|
|
7986
8024
|
this.tooltip = isOverflowing(spanEntry.target);
|
|
7987
8025
|
}), "f");
|
|
@@ -7998,7 +8036,7 @@ class QdsBreadcrumbItem {
|
|
|
7998
8036
|
__classPrivateFieldGet$g(this, _QdsBreadcrumbItem_ro, "f").disconnect();
|
|
7999
8037
|
}
|
|
8000
8038
|
render() {
|
|
8001
|
-
return (hAsync("div", { key: '
|
|
8039
|
+
return (hAsync("div", { key: '4f9f59ac89630bc02ee25e98530908100201258b', class: "qds-breadcrumb-item", ref: this.href === undefined ? __classPrivateFieldGet$g(this, _QdsBreadcrumbItem_breadcrumbItemRef, "f") : undefined, tabIndex: this.tooltip && this.href === undefined ? 0 : undefined }, this.href === undefined ? __classPrivateFieldGet$g(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderText).call(this) : __classPrivateFieldGet$g(this, _QdsBreadcrumbItem_instances, "m", _QdsBreadcrumbItem_renderAnchor).call(this), this.tooltip && (hAsync("qds-tooltip", { key: '133e4a568e37e8d17939e614e861385f35a7c3d4', "aria-hidden": "true", ref: __classPrivateFieldGet$g(this, _QdsBreadcrumbItem_tooltipRef, "f") }, this.text))));
|
|
8002
8040
|
}
|
|
8003
8041
|
static get delegatesFocus() { return true; }
|
|
8004
8042
|
static get watchers() { return {
|
|
@@ -8028,7 +8066,7 @@ _QdsBreadcrumbItem_internals = new WeakMap(), _QdsBreadcrumbItem_breadcrumbItem
|
|
|
8028
8066
|
return (hAsync("span", { class: "qds-overflow", ref: __classPrivateFieldGet$g(this, _QdsBreadcrumbItem_spanRef, "f") }, this.text));
|
|
8029
8067
|
};
|
|
8030
8068
|
|
|
8031
|
-
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:
|
|
8069
|
+
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:i;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:\"i\"}.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)}";
|
|
8032
8070
|
var QdsRadioStyle0 = radioCss;
|
|
8033
8071
|
|
|
8034
8072
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -8114,10 +8152,10 @@ class Radio {
|
|
|
8114
8152
|
render() {
|
|
8115
8153
|
return (
|
|
8116
8154
|
// eslint-disable-next-line jsx-a11y/label-has-associated-control
|
|
8117
|
-
hAsync("label", { key: '
|
|
8155
|
+
hAsync("label", { key: '667293f89507bd2e846c4ed1ed5e70076a93f0ed', "aria-disabled": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
|
|
8118
8156
|
'qds-inline': this.inline,
|
|
8119
8157
|
'qds-label': true,
|
|
8120
|
-
}, "data-size": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '
|
|
8158
|
+
}, "data-size": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get) }, hAsync("div", { key: '956dccf841262856939cc29165642846f8f4ae01', class: "qds-container" }, hAsync("input", { key: '8920f9888ad5b49e667e9517a5eaaad66434b82b', 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: 'efb2a7e06ec89d59e744f3ecddc606b719570f70', class: "qds-box", "data-size": __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get) }), hAsync("qds-icon", { key: '71851b402290456eeb9f467ff1efea93c4c0b1cd', "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: '1b405bc19a6b884678a69b7adfff4a29cba2e6f0', class: "qds-label-inner", size: __classPrivateFieldGet$f(this, _Radio_instances, "a", _Radio_computedSize_get), text: this.text }))));
|
|
8121
8159
|
}
|
|
8122
8160
|
get host() { return getElement(this); }
|
|
8123
8161
|
static get watchers() { return {
|
|
@@ -8161,7 +8199,7 @@ _Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio
|
|
|
8161
8199
|
return this.text !== undefined && this.text !== '';
|
|
8162
8200
|
};
|
|
8163
8201
|
|
|
8164
|
-
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:\"
|
|
8202
|
+
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:\"d\"}.qds-container,.qds-select{width:inherit}.qds-icon,.qds-select{color:var(--qds-theme-control-text-standard);grid-area:d}.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:d;height:calc(100% + var(--qds-control-border-width) - var(--qds-control-border-width-block-end, var(--qds-control-border-width)));isolation:isolate;outline:var(--qds-theme-focus-border) 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}";
|
|
8165
8203
|
var QdsSelectStyle0 = selectCss;
|
|
8166
8204
|
|
|
8167
8205
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -8592,11 +8630,11 @@ class StandaloneLink {
|
|
|
8592
8630
|
__classPrivateFieldGet$d(this, _StandaloneLink_internals, "f").ariaLabel = this.host.textContent;
|
|
8593
8631
|
}
|
|
8594
8632
|
render() {
|
|
8595
|
-
return (hAsync("a", { key: '
|
|
8633
|
+
return (hAsync("a", { key: '14185a27f43513328980dbd847da91f7c1d6778b', "aria-hidden": "true", class: {
|
|
8596
8634
|
'qds-standalone-link': true,
|
|
8597
8635
|
'qds-disabled': this.disabled,
|
|
8598
8636
|
'qds-visitable': this.visitable,
|
|
8599
|
-
}, "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: '
|
|
8637
|
+
}, "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: '0afd80d2a64d2f82f97a4e834f76479feee27e91', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '5806c1ad9b9ca5edb03283ed510f6130247ef71b', class: "qds-icon", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: this.iconLibrary, name: this.iconName }))), hAsync("span", { key: 'f0de78c7eb5db711c7800b2228d437a1cce37284', class: "qds-text" }, hAsync("slot", { key: '5413b3ad914e928fc65d4fa25f0993cc9cf6c741', onSlotchange: __classPrivateFieldGet$d(this, _StandaloneLink_onSlotchange, "f") })), this.linkIcon && (hAsync("span", { key: 'ab6d397dda7fc8fab3888bfd6c12788f37e35243', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: '97da13b5f8256f2d01fd6fc53787494912f7b5e1', 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: '0839cd0aa78455482c200a6f756c88ad6621ead4', class: "qds-icon-crop", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get) }, hAsync("qds-icon", { key: 'c8b20e77d7c1ddd5f3ac2d92a7e95e2b5937f857', class: "qds-icon", "data-size": __classPrivateFieldGet$d(this, _StandaloneLink_instances, "a", _StandaloneLink_computedSize_get), library: "core", name: "next" })))));
|
|
8600
8638
|
}
|
|
8601
8639
|
static get delegatesFocus() { return true; }
|
|
8602
8640
|
get host() { return getElement(this); }
|
|
@@ -8654,7 +8692,7 @@ _StandaloneLink_internals = new WeakMap(), _StandaloneLink_onBlur = new WeakMap(
|
|
|
8654
8692
|
}
|
|
8655
8693
|
};
|
|
8656
8694
|
|
|
8657
|
-
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-toggle-track-default);border-radius:var(--qds-control-toggle-track-border-radius);box-sizing:border-box;display:flex;flex-shrink:0;padding:var(--qds-control-toggle-track-padding)}.qds-track:hover{background-color:var(--qds-theme-control-toggle-track-hover)}.qds-track:active{background-color:var(--qds-theme-control-toggle-track-pressed)}.qds-knob{background-color:var(--qds-theme-control-input-background);border-radius:var(--qds-control-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-track-small-size);width:var(--qds-control-toggle-track-small-width)}.qds-knob[data-size=small]{height:var(--qds-control-knob-small-size);width:var(--qds-control-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-track-standard-height);width:var(--qds-control-toggle-track-standard-width)}.qds-knob[data-size=standard]{height:var(--qds-control-knob-standard-size);width:var(--qds-control-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-track-large-height);width:
|
|
8695
|
+
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-toggle-track-default);border-radius:var(--qds-control-toggle-track-border-radius);box-sizing:border-box;display:flex;flex-shrink:0;padding:var(--qds-control-toggle-track-padding)}.qds-track:hover{background-color:var(--qds-theme-control-toggle-track-hover)}.qds-track:active{background-color:var(--qds-theme-control-toggle-track-pressed)}.qds-knob{background-color:var(--qds-theme-control-input-background);border-radius:var(--qds-control-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-track-small-size);width:var(--qds-control-toggle-track-small-width)}.qds-knob[data-size=small]{height:var(--qds-control-knob-small-size);width:var(--qds-control-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-track-standard-height);width:var(--qds-control-toggle-track-standard-width)}.qds-knob[data-size=standard]{height:var(--qds-control-knob-standard-size);width:var(--qds-control-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-track-large-height);width:var(--qds-control-toggle-track-large-width)}.qds-knob[data-size=large]{height:var(--qds-control-knob-large-size);width:var(--qds-control-knob-large-size)}";
|
|
8658
8696
|
var QdsSwitchStyle0 = switchCss;
|
|
8659
8697
|
|
|
8660
8698
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -8802,13 +8840,13 @@ class Switch {
|
|
|
8802
8840
|
this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
|
|
8803
8841
|
}
|
|
8804
8842
|
render() {
|
|
8805
|
-
return (hAsync("div", { key: '
|
|
8843
|
+
return (hAsync("div", { key: '124a3b649baeeb3fb2dfea6a2fa45f8b41738157', class: {
|
|
8806
8844
|
'qds-container': true,
|
|
8807
8845
|
'qds-disabled': __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedDisabled_get),
|
|
8808
8846
|
'qds-inline': this.inline,
|
|
8809
|
-
}, "data-size": __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("input", { key: '
|
|
8847
|
+
}, "data-size": __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("input", { key: '417acf660662c9f3987bba88886a8e6b4305b13a', "aria-hidden": "true",
|
|
8810
8848
|
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
8811
|
-
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: '
|
|
8849
|
+
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: 'f922e507766279160da228c4a33630763bbd6acd', class: "qds-track", "data-size": __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedSize_get) }, hAsync("div", { key: '91c828ada2be4cc6a594b8b473548b3a8f34f1e9', class: "qds-knob", "data-size": __classPrivateFieldGet$c(this, _Switch_instances, "a", _Switch_computedSize_get) }))));
|
|
8812
8850
|
}
|
|
8813
8851
|
static get delegatesFocus() { return true; }
|
|
8814
8852
|
static get formAssociated() { return true; }
|
|
@@ -9591,7 +9629,7 @@ class Table {
|
|
|
9591
9629
|
__classPrivateFieldSet$9(this, _Table_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9592
9630
|
}
|
|
9593
9631
|
render() {
|
|
9594
|
-
return (hAsync("table", { key: '
|
|
9632
|
+
return (hAsync("table", { key: '760f53994a7d5b5a79088c22837bff60b149c74e', class: "qds-table", ...__classPrivateFieldGet$9(this, _Table_inheritedAttributes, "f") }, hAsync("slot", { key: '73c52efb49e8a4a1f8d469fb7c8930d983b7a2a0' })));
|
|
9595
9633
|
}
|
|
9596
9634
|
get host() { return getElement(this); }
|
|
9597
9635
|
static get style() { return QdsTableStyle0; }
|
|
@@ -9645,7 +9683,7 @@ class TableBody {
|
|
|
9645
9683
|
__classPrivateFieldSet$8(this, _TableBody_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9646
9684
|
}
|
|
9647
9685
|
render() {
|
|
9648
|
-
return (hAsync("tbody", { key: '
|
|
9686
|
+
return (hAsync("tbody", { key: 'e69e8c1df7e81843f90fcaf6e0d5538dce6255f2', class: "qds-table-body", ...__classPrivateFieldGet$8(this, _TableBody_inheritedAttributes, "f") }, hAsync("slot", { key: '27ec72a67566ae310f88fa4a1960dd00810ab850' })));
|
|
9649
9687
|
}
|
|
9650
9688
|
get host() { return getElement(this); }
|
|
9651
9689
|
static get style() { return QdsTableBodyStyle0; }
|
|
@@ -9698,7 +9736,7 @@ class TableCell {
|
|
|
9698
9736
|
__classPrivateFieldSet$7(this, _TableCell_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9699
9737
|
}
|
|
9700
9738
|
render() {
|
|
9701
|
-
return (hAsync("td", { key: '
|
|
9739
|
+
return (hAsync("td", { key: '71f62683804be4041ee9b25db29915e0ebb82d85', class: "qds-table-cell", colSpan: this.colSpan, rowSpan: this.rowSpan, ...__classPrivateFieldGet$7(this, _TableCell_inheritedAttributes, "f") }, hAsync("slot", { key: '4f8adab23fc487788dc805f4cb19738c53323b86' })));
|
|
9702
9740
|
}
|
|
9703
9741
|
get host() { return getElement(this); }
|
|
9704
9742
|
static get style() { return QdsTableCellStyle0; }
|
|
@@ -9755,7 +9793,7 @@ class TableHead {
|
|
|
9755
9793
|
__classPrivateFieldSet$6(this, _TableHead_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9756
9794
|
}
|
|
9757
9795
|
render() {
|
|
9758
|
-
return (hAsync("thead", { key: '
|
|
9796
|
+
return (hAsync("thead", { key: 'e3b41723600d0a9302712ba3b255cf3d28649434', class: "qds-table-head", ...__classPrivateFieldGet$6(this, _TableHead_inheritedAttributes, "f") }, hAsync("slot", { key: '890bc1b85141cf7f30522b8bcdde79c275cca354' })));
|
|
9759
9797
|
}
|
|
9760
9798
|
get host() { return getElement(this); }
|
|
9761
9799
|
static get style() { return QdsTableHeadStyle0; }
|
|
@@ -9868,7 +9906,7 @@ class TableRow {
|
|
|
9868
9906
|
__classPrivateFieldSet$4(this, _TableRow_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9869
9907
|
}
|
|
9870
9908
|
render() {
|
|
9871
|
-
return (hAsync("tr", { key: '
|
|
9909
|
+
return (hAsync("tr", { key: 'fc5133675ce140d37285f190e3c96ffc9f223c38', class: "qds-table-row", ...__classPrivateFieldGet$4(this, _TableRow_inheritedAttributes, "f") }, hAsync("slot", { key: '967d6dcd50800dff5aff45566524013f3a9958be' })));
|
|
9872
9910
|
}
|
|
9873
9911
|
get host() { return getElement(this); }
|
|
9874
9912
|
static get style() { return QdsTableRowStyle0; }
|
|
@@ -9883,7 +9921,7 @@ class TableRow {
|
|
|
9883
9921
|
}
|
|
9884
9922
|
_TableRow_inheritedAttributes = new WeakMap();
|
|
9885
9923
|
|
|
9886
|
-
const tagCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-tag{align-items:center;border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;display:inline-flex;justify-content:center;max-width:inherit;min-width:inherit;width:inherit}.qds-text{text-overflow:ellipsis}.qds-sr-only,.qds-text{overflow:hidden;white-space:nowrap}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;padding:0;position:absolute;width:1px}.qds-icon{flex-shrink:0}[data-status=error]{color:var(--qds-theme-feedback-message-critical)}[data-status=success]{color:var(--qds-theme-feedback-message-success)}[data-status=warning]{color:var(--qds-theme-feedback-message-important)}[data-status=info]{color:var(--qds-theme-feedback-message-informational)}[data-status=neutral]{color:var(--qds-theme-feedback-message-neutral)}[data-importance=subdued] .qds-text{color:var(--qds-theme-control-text-standard)}[data-importance=standard][data-status=error]{background-color:var(--qds-theme-feedback-message-critical-dimmed)}[data-importance=standard][data-status=success]{background-color:var(--qds-theme-feedback-message-success-dimmed)}[data-importance=standard][data-status=warning]{background-color:var(--qds-theme-feedback-message-important-dimmed)}[data-importance=standard][data-status=info]{background-color:var(--qds-theme-feedback-message-informational-dimmed)}[data-importance=standard][data-status=neutral]{background-color:var(--qds-theme-feedback-message-neutral-dimmed)}[data-importance=emphasized][data-status=error]{background-color:var(--qds-theme-feedback-message-critical);color:var(--qds-theme-feedback-message-critical-contrast)}[data-importance=emphasized][data-status=success]{background-color:var(--qds-theme-feedback-message-success);color:var(--qds-theme-feedback-message-success-contrast)}[data-importance=emphasized][data-status=warning]{background-color:var(--qds-theme-feedback-message-important);color:var(--qds-theme-feedback-message-important-contrast)}[data-importance=emphasized][data-status=info]{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}[data-importance=emphasized][data-status=neutral]{background-color:var(--qds-theme-feedback-message-neutral);color:var(--qds-theme-feedback-message-neutral-contrast)}.qds-tag[data-size=small]{font:var(--qds-control-small-text);gap:var(--qds-control-small-gap-internal);height:var(--qds-control-small-height)
|
|
9924
|
+
const tagCss = ":host([hidden]){display:none!important}:host{display:inline-block}.qds-tag{align-items:center;border-radius:var(--qds-control-rounded-border-radius);box-sizing:border-box;display:inline-flex;justify-content:center;max-width:inherit;min-width:inherit;width:inherit}.qds-text{text-overflow:ellipsis}.qds-sr-only,.qds-text{overflow:hidden;white-space:nowrap}.qds-sr-only{clip:rect(0 0 0 0);height:1px;margin:-1px;padding:0;position:absolute;width:1px}.qds-icon{flex-shrink:0}[data-status=error]{color:var(--qds-theme-feedback-message-critical)}[data-status=success]{color:var(--qds-theme-feedback-message-success)}[data-status=warning]{color:var(--qds-theme-feedback-message-important)}[data-status=info]{color:var(--qds-theme-feedback-message-informational)}[data-status=neutral]{color:var(--qds-theme-feedback-message-neutral)}[data-importance=subdued] .qds-text{color:var(--qds-theme-control-text-standard)}[data-importance=standard][data-status=error]{background-color:var(--qds-theme-feedback-message-critical-dimmed)}[data-importance=standard][data-status=success]{background-color:var(--qds-theme-feedback-message-success-dimmed)}[data-importance=standard][data-status=warning]{background-color:var(--qds-theme-feedback-message-important-dimmed)}[data-importance=standard][data-status=info]{background-color:var(--qds-theme-feedback-message-informational-dimmed)}[data-importance=standard][data-status=neutral]{background-color:var(--qds-theme-feedback-message-neutral-dimmed)}[data-importance=emphasized][data-status=error]{background-color:var(--qds-theme-feedback-message-critical);color:var(--qds-theme-feedback-message-critical-contrast)}[data-importance=emphasized][data-status=success]{background-color:var(--qds-theme-feedback-message-success);color:var(--qds-theme-feedback-message-success-contrast)}[data-importance=emphasized][data-status=warning]{background-color:var(--qds-theme-feedback-message-important);color:var(--qds-theme-feedback-message-important-contrast)}[data-importance=emphasized][data-status=info]{background-color:var(--qds-theme-feedback-message-informational);color:var(--qds-theme-feedback-message-informational-contrast)}[data-importance=emphasized][data-status=neutral]{background-color:var(--qds-theme-feedback-message-neutral);color:var(--qds-theme-feedback-message-neutral-contrast)}.qds-tag[data-size=small]{font:var(--qds-control-small-text);gap:var(--qds-control-small-gap-internal);height:var(--qds-control-small-height)}.qds-padding[data-size=small]{padding-inline:var(--qds-control-chip-small-padding-horizontal)}.qds-icon[data-size=small]{height:var(--qds-control-small-icon-size);width:var(--qds-control-small-icon-size)}.qds-tag[data-size=standard]{font:var(--qds-control-standard-text);gap:var(--qds-control-standard-gap-internal);height:var(--qds-control-standard-height)}.qds-padding[data-size=standard]{padding-inline:var(--qds-control-chip-standard-padding-horizontal)}.qds-icon[data-size=standard]{height:var(--qds-control-standard-icon-size);width:var(--qds-control-standard-icon-size)}.qds-tag[data-size=large]{font:var(--qds-control-large-text);gap:var(--qds-control-large-gap-internal);height:var(--qds-control-large-height)}.qds-padding[data-size=large]{padding-inline:var(--qds-control-chip-large-padding-horizontal)}.qds-icon[data-size=large]{height:var(--qds-control-large-icon-size);width:var(--qds-control-large-icon-size)}";
|
|
9887
9925
|
var QdsTagStyle0 = tagCss;
|
|
9888
9926
|
|
|
9889
9927
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -9942,8 +9980,11 @@ class Tag {
|
|
|
9942
9980
|
__classPrivateFieldSet$3(this, _Tag_inheritedAttributes, inheritAriaAttributes(this.host), "f");
|
|
9943
9981
|
}
|
|
9944
9982
|
render() {
|
|
9945
|
-
return (hAsync("span", { key: '
|
|
9946
|
-
|
|
9983
|
+
return (hAsync("span", { key: '60e2278d0dc1a67f55b56269a88030efc10d8b7c', class: {
|
|
9984
|
+
'qds-tag': true,
|
|
9985
|
+
'qds-padding': this.importance !== 'subdued',
|
|
9986
|
+
}, "data-importance": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedImportance_get), "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), "data-status": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), ...__classPrivateFieldGet$3(this, _Tag_inheritedAttributes, "f") }, this.iconName !== undefined && this.iconName !== '' ? (hAsync(Fragment, null, this.iconDescription !== undefined &&
|
|
9987
|
+
this.iconDescription !== '' && (hAsync("span", { class: "qds-sr-only" }, this.iconDescription)), hAsync("qds-icon", { "aria-hidden": "true", class: "qds-icon", "data-size": __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), library: this.iconLibrary, name: this.iconName }))) : (__classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_hasBadge_get) && (hAsync("qds-badge-indicator", { status: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedStatus_get), description: this.badgeDescription, size: __classPrivateFieldGet$3(this, _Tag_instances, "a", _Tag_computedSize_get), strokeRing: true }))), hAsync("span", { key: 'fc666a3f4dcfeb01c5309d3f54d41ce6c1a8f532', class: "qds-text" }, this.text)));
|
|
9947
9988
|
}
|
|
9948
9989
|
get host() { return getElement(this); }
|
|
9949
9990
|
static get style() { return QdsTagStyle0; }
|
|
@@ -10330,7 +10371,7 @@ _TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(
|
|
|
10330
10371
|
Object.defineProperty(this.host, p, { enumerable: true, get });
|
|
10331
10372
|
};
|
|
10332
10373
|
|
|
10333
|
-
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"
|
|
10374
|
+
const titleCss = ":host([hidden]){display:none!important}:host{display:block}.qds-titles{display:grid;grid-template-areas:\"e\"}.qds-titles.qds-has-kicker{grid-template-areas:\"f\" \"e\"}.qds-titles.qds-has-subtitle{grid-template-areas:\"e\" \"g\"}.qds-titles.qds-has-kicker.qds-has-subtitle{grid-template-areas:\"f\" \"e\" \"g\"}.qds-has-icon{grid-template-areas:\"h e\";grid-template-columns:auto 1fr}.qds-has-icon.qds-has-kicker{grid-template-areas:\". f\" \"h e\"}.qds-has-icon.qds-has-subtitle{grid-template-areas:\"h e\" \". g\"}.qds-has-icon.qds-has-kicker.qds-has-subtitle{grid-template-areas:\". f\" \"h e\" \". g\"}.qds-kicker,.qds-subtitle,.qds-title{margin-block:0}.qds-title{color:var(--qds-theme-title);grid-area:e}.qds-subtitle{color:var(--qds-theme-subtitle);grid-area:g}.qds-kicker{color:var(--qds-theme-kicker);grid-area:f}.qds-icon{align-content:center;color:var(--qds-theme-text-standard);grid-area:h}.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)}";
|
|
10334
10375
|
var QdsTitleStyle0 = titleCss;
|
|
10335
10376
|
|
|
10336
10377
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -10421,7 +10462,7 @@ _Title_inheritedAttributes = new WeakMap(), _Title_instances = new WeakSet(), _T
|
|
|
10421
10462
|
return this.kicker !== undefined && this.kicker !== '';
|
|
10422
10463
|
};
|
|
10423
10464
|
|
|
10424
|
-
const tooltipCss = ":host([hidden]){display:none!important}:host{align-items:flex-start;background-color:var(--qds-theme-accessory-background);border-radius:var(--qds-accessory-border-radius);box-shadow:var(--qds-theme-accessory-elevation);box-sizing:border-box;color:var(--qds-theme-text-standard);display:flex;flex-direction:column;gap:var(--qds-accessory-gap-children-unrelated);left:0;padding:var(--qds-accessory-padding);top:0}:host:before{content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}::slotted(blockquote),::slotted(button),::slotted(dd),::slotted(dl),::slotted(fieldset),::slotted(figure),::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6),::slotted(hr),::slotted(input),::slotted(menu),::slotted(ol),::slotted(p),::slotted(pre),::slotted(select),::slotted(textarea),::slotted(ul){margin:0}:host([data-side=bottom]):before,:host([data-side=top]):before{height:calc(var(--qds-accessory-gap-floating, 0px) + var(--qds-signature-triangle-pointer-size-height, 0px));top:100%}:host([data-side=bottom]):before{top:calc((var(--qds-accessory-gap-floating, 0px) + var(--qds-signature-triangle-pointer-size-height, 0px))*-1)}:host([data-side=left]):before,:host([data-side=right]):before{left:100%;width:calc(var(--qds-accessory-gap-floating, 0px) + var(--qds-signature-triangle-pointer-size-height, 0px))}:host([data-side=right]):before{left:calc((var(--qds-accessory-gap-floating, 0px) + var(--qds-signature-triangle-pointer-size-height, 0px))*-1)}.qds-arrow
|
|
10465
|
+
const tooltipCss = ":host([hidden]){display:none!important}:host{align-items:flex-start;background-color:var(--qds-theme-accessory-background);border-radius:var(--qds-accessory-border-radius);box-shadow:var(--qds-theme-accessory-elevation);box-sizing:border-box;color:var(--qds-theme-text-standard);display:flex;flex-direction:column;gap:var(--qds-accessory-gap-children-unrelated);left:0;padding:var(--qds-accessory-padding);top:0}:host:before{content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}::slotted(blockquote),::slotted(button),::slotted(dd),::slotted(dl),::slotted(fieldset),::slotted(figure),::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6),::slotted(hr),::slotted(input),::slotted(menu),::slotted(ol),::slotted(p),::slotted(pre),::slotted(select),::slotted(textarea),::slotted(ul){margin:0}:host([data-side=bottom]):before,:host([data-side=top]):before{height:calc(var(--qds-accessory-gap-floating, 0px) + var(--qds-signature-triangle-pointer-size-height, 0px));top:100%}:host([data-side=bottom]):before{top:calc((var(--qds-accessory-gap-floating, 0px) + var(--qds-signature-triangle-pointer-size-height, 0px))*-1)}:host([data-side=left]):before,:host([data-side=right]):before{left:100%;width:calc(var(--qds-accessory-gap-floating, 0px) + var(--qds-signature-triangle-pointer-size-height, 0px))}:host([data-side=right]):before{left:calc((var(--qds-accessory-gap-floating, 0px) + var(--qds-signature-triangle-pointer-size-height, 0px))*-1)}.qds-arrow{height:var(--qds-signature-triangle-pointer-size-height);position:absolute;width:var(--qds-signature-triangle-pointer-size-width)}.qds-arrow:before{background-color:var(--qds-theme-accessory-background);clip-path:polygon(0 0,100% 0,50% 100%);content:\"\";height:100%;position:absolute;width:100%}.qds-arrow[data-side=bottom]{bottom:100%;transform:rotate(180deg)}.qds-arrow[data-side=left]{left:100%;transform:rotate(-90deg)}.qds-arrow[data-side=right]{right:100%;transform:rotate(90deg)}.qds-arrow[data-side=top]{top:100%}";
|
|
10425
10466
|
var QdsTooltipStyle0 = tooltipCss;
|
|
10426
10467
|
|
|
10427
10468
|
// SPDX-FileCopyrightText: © 2024 Schneider Electric
|
|
@@ -10482,8 +10523,6 @@ class Tooltip {
|
|
|
10482
10523
|
this.trigger = 'pointerenter focus';
|
|
10483
10524
|
this.open = false;
|
|
10484
10525
|
this.side = 'top';
|
|
10485
|
-
this.aShape = '';
|
|
10486
|
-
this.aViewbox = '0 0 0 0';
|
|
10487
10526
|
this.aHeight = 0;
|
|
10488
10527
|
this.aGap = 0;
|
|
10489
10528
|
_Tooltip_arrowContainerElement.set(this, void 0);
|
|
@@ -10492,8 +10531,8 @@ class Tooltip {
|
|
|
10492
10531
|
_Tooltip_isTouchDevice.set(this, false);
|
|
10493
10532
|
_Tooltip_listeners.set(this, []);
|
|
10494
10533
|
_Tooltip_referenceElement.set(this, void 0);
|
|
10495
|
-
_Tooltip_arrowContainerRef.set(this, (
|
|
10496
|
-
__classPrivateFieldSet(this, _Tooltip_arrowContainerElement,
|
|
10534
|
+
_Tooltip_arrowContainerRef.set(this, (div) => {
|
|
10535
|
+
__classPrivateFieldSet(this, _Tooltip_arrowContainerElement, div, "f");
|
|
10497
10536
|
});
|
|
10498
10537
|
_Tooltip_boundTooltipPointerDown.set(this, () => {
|
|
10499
10538
|
__classPrivateFieldSet(this, _Tooltip_clickedTooltip, true, "f");
|
|
@@ -10548,23 +10587,10 @@ class Tooltip {
|
|
|
10548
10587
|
* changed.
|
|
10549
10588
|
*/
|
|
10550
10589
|
async updateArrow() {
|
|
10551
|
-
const aWidth = propertyToPx(this.host, `--qds-signature-triangle-pointer-size-width`) ??
|
|
10552
|
-
0;
|
|
10553
|
-
const aTipRadius = propertyToPx(this.host, `--qds-signature-triangle-pointer-tip-radius`) ??
|
|
10554
|
-
0;
|
|
10555
|
-
const svgX = (aWidth / 2) * (aTipRadius / -8 + 1);
|
|
10556
|
-
const svgY = ((this.aHeight / 2) * aTipRadius) / 4;
|
|
10557
10590
|
this.aHeight =
|
|
10558
10591
|
propertyToPx(this.host, `--qds-signature-triangle-pointer-size-height`) ??
|
|
10559
10592
|
0;
|
|
10560
|
-
this.aViewbox = `0 0 ${aWidth} ${Math.max(this.aHeight, aWidth)}`;
|
|
10561
10593
|
this.aGap = propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0;
|
|
10562
|
-
this.aShape =
|
|
10563
|
-
'M0,0' +
|
|
10564
|
-
` H${aWidth}` +
|
|
10565
|
-
` L${aWidth - svgX},${this.aHeight - svgY}` +
|
|
10566
|
-
` Q${aWidth / 2},${this.aHeight} ${svgX},${this.aHeight - svgY}` +
|
|
10567
|
-
' Z';
|
|
10568
10594
|
}
|
|
10569
10595
|
async updateMiddleware() {
|
|
10570
10596
|
invariant(__classPrivateFieldGet(this, _Tooltip_arrowContainerElement, "f"));
|
|
@@ -10693,10 +10719,10 @@ class Tooltip {
|
|
|
10693
10719
|
__classPrivateFieldGet(this, _Tooltip_referenceElement, "f").removeAttribute('aria-describedby');
|
|
10694
10720
|
}
|
|
10695
10721
|
render() {
|
|
10696
|
-
return (hAsync(Host, { key: '
|
|
10722
|
+
return (hAsync(Host, { key: 'fe699b7a444ed3d9632d841d91225aeeebb5db77', "data-side": this.side, role: this.host.role ?? 'tooltip', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f"), style: {
|
|
10697
10723
|
position: this.hostPosition,
|
|
10698
10724
|
transform: this.hostTransform,
|
|
10699
|
-
} }, hAsync("slot", { key: '
|
|
10725
|
+
} }, hAsync("slot", { key: '1ef92f15213c41eebaa1b02fa50e38ea455620ea' }), hAsync("div", { key: '090db32a65ec27941b5eb5708330d7043c124a3d', class: "qds-arrow", "data-side": this.side, ref: __classPrivateFieldGet(this, _Tooltip_arrowContainerRef, "f"), style: this.aStyles })));
|
|
10700
10726
|
}
|
|
10701
10727
|
get host() { return getElement(this); }
|
|
10702
10728
|
static get watchers() { return {
|
|
@@ -10738,8 +10764,6 @@ class Tooltip {
|
|
|
10738
10764
|
"middleware": [32],
|
|
10739
10765
|
"side": [32],
|
|
10740
10766
|
"aStyles": [32],
|
|
10741
|
-
"aShape": [32],
|
|
10742
|
-
"aViewbox": [32],
|
|
10743
10767
|
"aHeight": [32],
|
|
10744
10768
|
"aGap": [32],
|
|
10745
10769
|
"show": [64],
|