@aurodesignsystem/auro-formkit 5.8.1 → 5.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -15
- package/README.md +4 -4
- package/components/bibtemplate/dist/iconVersion.d.ts +1 -1
- package/components/bibtemplate/dist/index.js +2 -2
- package/components/bibtemplate/dist/registered.js +2 -2
- package/components/checkbox/demo/api.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/api.md +7 -6
- package/components/combobox/demo/api.min.js +1698 -1038
- package/components/combobox/demo/index.min.js +1698 -1038
- package/components/combobox/dist/auro-combobox.d.ts +10 -8
- package/components/combobox/dist/index.js +128 -149
- package/components/combobox/dist/registered.js +128 -149
- package/components/counter/demo/api.min.js +37 -61
- package/components/counter/demo/index.min.js +37 -61
- package/components/counter/dist/index.js +37 -61
- package/components/counter/dist/registered.js +37 -61
- package/components/datepicker/demo/api.min.js +55 -148
- package/components/datepicker/demo/index.min.js +55 -148
- package/components/datepicker/dist/auro-datepicker.d.ts +1 -1
- package/components/datepicker/dist/iconVersion.d.ts +1 -1
- package/components/datepicker/dist/index.js +55 -148
- package/components/datepicker/dist/popoverVersion.d.ts +1 -1
- package/components/datepicker/dist/registered.js +55 -148
- package/components/dropdown/demo/api.min.js +33 -57
- package/components/dropdown/demo/index.min.js +33 -57
- package/components/dropdown/dist/iconVersion.d.ts +1 -1
- package/components/dropdown/dist/index.js +33 -57
- package/components/dropdown/dist/registered.js +33 -57
- package/components/form/demo/working.html +1 -1
- package/components/input/demo/api.min.js +5 -4
- package/components/input/demo/index.min.js +5 -4
- package/components/input/dist/base-input.d.ts +1 -1
- package/components/input/dist/iconVersion.d.ts +1 -1
- package/components/input/dist/index.js +5 -4
- package/components/input/dist/registered.js +5 -4
- package/components/menu/demo/api.js +4 -0
- package/components/menu/demo/api.md +271 -31
- package/components/menu/demo/api.min.js +1609 -863
- package/components/menu/demo/index.html +1 -0
- package/components/menu/demo/index.js +2 -0
- package/components/menu/demo/index.md +95 -1
- package/components/menu/demo/index.min.js +1544 -812
- package/components/menu/dist/auro-menu.context.d.ts +227 -0
- package/components/menu/dist/auro-menu.d.ts +98 -53
- package/components/menu/dist/auro-menuoption.d.ts +116 -14
- package/components/menu/dist/index.js +1457 -796
- package/components/menu/dist/registered.js +1456 -807
- package/components/radio/demo/api.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/api.md +8 -7
- package/components/select/demo/api.min.js +1617 -1056
- package/components/select/demo/index.min.js +1617 -1056
- package/components/select/dist/auro-select.d.ts +11 -35
- package/components/select/dist/index.js +98 -218
- package/components/select/dist/registered.js +98 -218
- package/package.json +8 -2
|
@@ -1234,9 +1234,8 @@ function getOppositeAxis(axis) {
|
|
|
1234
1234
|
function getAxisLength(axis) {
|
|
1235
1235
|
return axis === 'y' ? 'height' : 'width';
|
|
1236
1236
|
}
|
|
1237
|
-
const yAxisSides = /*#__PURE__*/new Set(['top', 'bottom']);
|
|
1238
1237
|
function getSideAxis(placement) {
|
|
1239
|
-
return
|
|
1238
|
+
return ['top', 'bottom'].includes(getSide(placement)) ? 'y' : 'x';
|
|
1240
1239
|
}
|
|
1241
1240
|
function getAlignmentAxis(placement) {
|
|
1242
1241
|
return getOppositeAxis(getSideAxis(placement));
|
|
@@ -1261,19 +1260,19 @@ function getExpandedPlacements(placement) {
|
|
|
1261
1260
|
function getOppositeAlignmentPlacement(placement) {
|
|
1262
1261
|
return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);
|
|
1263
1262
|
}
|
|
1264
|
-
const lrPlacement = ['left', 'right'];
|
|
1265
|
-
const rlPlacement = ['right', 'left'];
|
|
1266
|
-
const tbPlacement = ['top', 'bottom'];
|
|
1267
|
-
const btPlacement = ['bottom', 'top'];
|
|
1268
1263
|
function getSideList(side, isStart, rtl) {
|
|
1264
|
+
const lr = ['left', 'right'];
|
|
1265
|
+
const rl = ['right', 'left'];
|
|
1266
|
+
const tb = ['top', 'bottom'];
|
|
1267
|
+
const bt = ['bottom', 'top'];
|
|
1269
1268
|
switch (side) {
|
|
1270
1269
|
case 'top':
|
|
1271
1270
|
case 'bottom':
|
|
1272
|
-
if (rtl) return isStart ?
|
|
1273
|
-
return isStart ?
|
|
1271
|
+
if (rtl) return isStart ? rl : lr;
|
|
1272
|
+
return isStart ? lr : rl;
|
|
1274
1273
|
case 'left':
|
|
1275
1274
|
case 'right':
|
|
1276
|
-
return isStart ?
|
|
1275
|
+
return isStart ? tb : bt;
|
|
1277
1276
|
default:
|
|
1278
1277
|
return [];
|
|
1279
1278
|
}
|
|
@@ -1714,22 +1713,16 @@ const flip$1 = function (options) {
|
|
|
1714
1713
|
const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
|
|
1715
1714
|
const nextPlacement = placements[nextIndex];
|
|
1716
1715
|
if (nextPlacement) {
|
|
1717
|
-
|
|
1718
|
-
|
|
1719
|
-
|
|
1720
|
-
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
|
|
1724
|
-
|
|
1725
|
-
|
|
1726
|
-
|
|
1727
|
-
},
|
|
1728
|
-
reset: {
|
|
1729
|
-
placement: nextPlacement
|
|
1730
|
-
}
|
|
1731
|
-
};
|
|
1732
|
-
}
|
|
1716
|
+
// Try next placement and re-run the lifecycle.
|
|
1717
|
+
return {
|
|
1718
|
+
data: {
|
|
1719
|
+
index: nextIndex,
|
|
1720
|
+
overflows: overflowsData
|
|
1721
|
+
},
|
|
1722
|
+
reset: {
|
|
1723
|
+
placement: nextPlacement
|
|
1724
|
+
}
|
|
1725
|
+
};
|
|
1733
1726
|
}
|
|
1734
1727
|
|
|
1735
1728
|
// First, find the candidates that fit on the mainAxis side of overflow,
|
|
@@ -1775,8 +1768,6 @@ const flip$1 = function (options) {
|
|
|
1775
1768
|
};
|
|
1776
1769
|
};
|
|
1777
1770
|
|
|
1778
|
-
const originSides = /*#__PURE__*/new Set(['left', 'top']);
|
|
1779
|
-
|
|
1780
1771
|
// For type backwards-compatibility, the `OffsetOptions` type was also
|
|
1781
1772
|
// Derivable.
|
|
1782
1773
|
|
|
@@ -1790,7 +1781,7 @@ async function convertValueToCoords(state, options) {
|
|
|
1790
1781
|
const side = getSide(placement);
|
|
1791
1782
|
const alignment = getAlignment(placement);
|
|
1792
1783
|
const isVertical = getSideAxis(placement) === 'y';
|
|
1793
|
-
const mainAxisMulti =
|
|
1784
|
+
const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
|
|
1794
1785
|
const crossAxisMulti = rtl && isVertical ? -1 : 1;
|
|
1795
1786
|
const rawValue = evaluate(options, state);
|
|
1796
1787
|
|
|
@@ -1983,7 +1974,6 @@ function isShadowRoot(value) {
|
|
|
1983
1974
|
}
|
|
1984
1975
|
return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
|
|
1985
1976
|
}
|
|
1986
|
-
const invalidOverflowDisplayValues = /*#__PURE__*/new Set(['inline', 'contents']);
|
|
1987
1977
|
function isOverflowElement(element) {
|
|
1988
1978
|
const {
|
|
1989
1979
|
overflow,
|
|
@@ -1991,32 +1981,27 @@ function isOverflowElement(element) {
|
|
|
1991
1981
|
overflowY,
|
|
1992
1982
|
display
|
|
1993
1983
|
} = getComputedStyle$1(element);
|
|
1994
|
-
return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !
|
|
1984
|
+
return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !['inline', 'contents'].includes(display);
|
|
1995
1985
|
}
|
|
1996
|
-
const tableElements = /*#__PURE__*/new Set(['table', 'td', 'th']);
|
|
1997
1986
|
function isTableElement(element) {
|
|
1998
|
-
return
|
|
1987
|
+
return ['table', 'td', 'th'].includes(getNodeName(element));
|
|
1999
1988
|
}
|
|
2000
|
-
const topLayerSelectors = [':popover-open', ':modal'];
|
|
2001
1989
|
function isTopLayer(element) {
|
|
2002
|
-
return
|
|
1990
|
+
return [':popover-open', ':modal'].some(selector => {
|
|
2003
1991
|
try {
|
|
2004
1992
|
return element.matches(selector);
|
|
2005
|
-
} catch (
|
|
1993
|
+
} catch (e) {
|
|
2006
1994
|
return false;
|
|
2007
1995
|
}
|
|
2008
1996
|
});
|
|
2009
1997
|
}
|
|
2010
|
-
const transformProperties = ['transform', 'translate', 'scale', 'rotate', 'perspective'];
|
|
2011
|
-
const willChangeValues = ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'];
|
|
2012
|
-
const containValues = ['paint', 'layout', 'strict', 'content'];
|
|
2013
1998
|
function isContainingBlock(elementOrCss) {
|
|
2014
1999
|
const webkit = isWebKit();
|
|
2015
2000
|
const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
|
|
2016
2001
|
|
|
2017
2002
|
// https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
|
|
2018
2003
|
// https://drafts.csswg.org/css-transforms-2/#individual-transforms
|
|
2019
|
-
return
|
|
2004
|
+
return ['transform', 'translate', 'scale', 'rotate', 'perspective'].some(value => css[value] ? css[value] !== 'none' : false) || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
|
|
2020
2005
|
}
|
|
2021
2006
|
function getContainingBlock(element) {
|
|
2022
2007
|
let currentNode = getParentNode(element);
|
|
@@ -2034,9 +2019,8 @@ function isWebKit() {
|
|
|
2034
2019
|
if (typeof CSS === 'undefined' || !CSS.supports) return false;
|
|
2035
2020
|
return CSS.supports('-webkit-backdrop-filter', 'none');
|
|
2036
2021
|
}
|
|
2037
|
-
const lastTraversableNodeNames = /*#__PURE__*/new Set(['html', 'body', '#document']);
|
|
2038
2022
|
function isLastTraversableNode(node) {
|
|
2039
|
-
return
|
|
2023
|
+
return ['html', 'body', '#document'].includes(getNodeName(node));
|
|
2040
2024
|
}
|
|
2041
2025
|
function getComputedStyle$1(element) {
|
|
2042
2026
|
return getWindow(element).getComputedStyle(element);
|
|
@@ -2341,7 +2325,6 @@ function getViewportRect(element, strategy) {
|
|
|
2341
2325
|
};
|
|
2342
2326
|
}
|
|
2343
2327
|
|
|
2344
|
-
const absoluteOrFixed = /*#__PURE__*/new Set(['absolute', 'fixed']);
|
|
2345
2328
|
// Returns the inner client rect, subtracting scrollbars if present.
|
|
2346
2329
|
function getInnerBoundingClientRect(element, strategy) {
|
|
2347
2330
|
const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');
|
|
@@ -2406,7 +2389,7 @@ function getClippingElementAncestors(element, cache) {
|
|
|
2406
2389
|
if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
|
|
2407
2390
|
currentContainingBlockComputedStyle = null;
|
|
2408
2391
|
}
|
|
2409
|
-
const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle &&
|
|
2392
|
+
const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && ['absolute', 'fixed'].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
|
|
2410
2393
|
if (shouldDropCurrentNode) {
|
|
2411
2394
|
// Drop non-containing blocks.
|
|
2412
2395
|
result = result.filter(ancestor => ancestor !== currentNode);
|
|
@@ -2469,12 +2452,6 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
|
|
|
2469
2452
|
scrollTop: 0
|
|
2470
2453
|
};
|
|
2471
2454
|
const offsets = createCoords(0);
|
|
2472
|
-
|
|
2473
|
-
// If the <body> scrollbar appears on the left (e.g. RTL systems). Use
|
|
2474
|
-
// Firefox with layout.scrollbar.side = 3 in about:config to test this.
|
|
2475
|
-
function setLeftRTLScrollbarOffset() {
|
|
2476
|
-
offsets.x = getWindowScrollBarX(documentElement);
|
|
2477
|
-
}
|
|
2478
2455
|
if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
|
|
2479
2456
|
if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
|
|
2480
2457
|
scroll = getNodeScroll(offsetParent);
|
|
@@ -2484,12 +2461,11 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
|
|
|
2484
2461
|
offsets.x = offsetRect.x + offsetParent.clientLeft;
|
|
2485
2462
|
offsets.y = offsetRect.y + offsetParent.clientTop;
|
|
2486
2463
|
} else if (documentElement) {
|
|
2487
|
-
|
|
2464
|
+
// If the <body> scrollbar appears on the left (e.g. RTL systems). Use
|
|
2465
|
+
// Firefox with layout.scrollbar.side = 3 in about:config to test this.
|
|
2466
|
+
offsets.x = getWindowScrollBarX(documentElement);
|
|
2488
2467
|
}
|
|
2489
2468
|
}
|
|
2490
|
-
if (isFixed && !isOffsetParentAnElement && documentElement) {
|
|
2491
|
-
setLeftRTLScrollbarOffset();
|
|
2492
|
-
}
|
|
2493
2469
|
const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
|
|
2494
2470
|
const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
|
|
2495
2471
|
const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
|
|
@@ -2666,7 +2642,7 @@ function observeMove(element, onMove) {
|
|
|
2666
2642
|
// Handle <iframe>s
|
|
2667
2643
|
root: root.ownerDocument
|
|
2668
2644
|
});
|
|
2669
|
-
} catch (
|
|
2645
|
+
} catch (e) {
|
|
2670
2646
|
io = new IntersectionObserver(handleObserve, options);
|
|
2671
2647
|
}
|
|
2672
2648
|
io.observe(element);
|
|
@@ -3756,7 +3732,7 @@ let AuroDependencyVersioning$1 = class AuroDependencyVersioning {
|
|
|
3756
3732
|
}
|
|
3757
3733
|
};
|
|
3758
3734
|
|
|
3759
|
-
let p$2 = class p{registerComponent(t,a){customElements.get(t)||customElements.define(t,class extends a{});}closestElement(t,a=this,e=(a,s=a&&a.closest(t))=>a&&a!==document&&a!==window?s||e(a.getRootNode().host):null){return e(a)}handleComponentTagRename(t,a){const e=a.toLowerCase();t.tagName.toLowerCase()!==e&&t.setAttribute(e,true);}elementMatch(t,a){const e=a.toLowerCase();return t.tagName.toLowerCase()===e||t.hasAttribute(e)}};var u$2='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="error__desc" class="ico_squareLarge" data-deprecated="true" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title/><desc id="error__desc">Error alert indicator.</desc><path d="m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0m-1.165.87a.23.23 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084M12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583"/></svg>';let m$2 = class m extends LitElement{static get properties(){return {hidden:{type:Boolean,reflect:true},hiddenVisually:{type:Boolean,reflect:true},hiddenAudible:{type:Boolean,reflect:true}}}hideAudible(t){return t?"true":"false"}};const g$2=new Map,f$2=(t,a={})=>{const e=a.responseParser||(t=>t.text());return g$2.has(t)||g$2.set(t,fetch(t).then(e)),g$2.get(t)};var w$2=css`:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;padding:0;border:0}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, .75rem))}:host{color:currentColor;vertical-align:middle;
|
|
3735
|
+
let p$2 = class p{registerComponent(t,a){customElements.get(t)||customElements.define(t,class extends a{});}closestElement(t,a=this,e=(a,s=a&&a.closest(t))=>a&&a!==document&&a!==window?s||e(a.getRootNode().host):null){return e(a)}handleComponentTagRename(t,a){const e=a.toLowerCase();t.tagName.toLowerCase()!==e&&t.setAttribute(e,true);}elementMatch(t,a){const e=a.toLowerCase();return t.tagName.toLowerCase()===e||t.hasAttribute(e)}};var u$2='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="error__desc" class="ico_squareLarge" data-deprecated="true" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title/><desc id="error__desc">Error alert indicator.</desc><path d="m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0m-1.165.87a.23.23 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084M12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583"/></svg>';let m$2 = class m extends LitElement{static get properties(){return {hidden:{type:Boolean,reflect:true},hiddenVisually:{type:Boolean,reflect:true},hiddenAudible:{type:Boolean,reflect:true}}}hideAudible(t){return t?"true":"false"}};const g$2=new Map,f$2=(t,a={})=>{const e=a.responseParser||(t=>t.text());return g$2.has(t)||g$2.set(t,fetch(t).then(e)),g$2.get(t)};var w$2=css`:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;padding:0;border:0}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, .75rem))}:host{color:currentColor;vertical-align:middle;display:inline-block}svg{min-width:var(--ds-auro-icon-size, 1.5rem)!important;width:var(--ds-auro-icon-size, 1.5rem)!important;height:var(--ds-auro-icon-size, 1.5rem)!important}.componentWrapper{display:flex;line-height:var(--ds-auro-icon-size)}.svgWrapper{height:var(--ds-auro-icon-size);width:var(--ds-auro-icon-size)}.svgWrapper [part=svg]{display:flex}.labelWrapper{margin-left:var(--ds-size-50, .25rem)}.labelWrapper ::slotted(*){line-height:inherit!important}
|
|
3760
3736
|
`;let z$2 = class z extends m$2{constructor(){super(),this.onDark=false,this.appearance="default";}static get properties(){return {...m$2.properties,onDark:{type:Boolean,reflect:true},appearance:{type:String,reflect:true},svg:{attribute:false,reflect:true}}}static get styles(){return w$2}async fetchIcon(t,a){let e="";e="logos"===t?await f$2(`${this.uri}/${t}/${a}.svg`):await f$2(`${this.uri}/icons/${t}/${a}.svg`);return (new DOMParser).parseFromString(e,"text/html").body.querySelector("svg")}async firstUpdated(){try{if(!this.customSvg){const t=await this.fetchIcon(this.category,this.name);if(t)this.svg=t;else if(!t){const t=(new DOMParser).parseFromString(u$2,"text/html");this.svg=t.body.firstChild;}}}catch(t){this.svg=void 0;}}};css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;padding:0;border:0}:host{display:inline-block;--ds-auro-icon-size: 100%;width:100%;height:100%}:host .logo{color:var(--ds-auro-alaska-color)}:host([onDark]),:host([appearance=inverse]){--ds-auro-alaska-color: #FFF}
|
|
3761
3737
|
`;var y$2=css`:host{--ds-auro-icon-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-alaska-color: #02426D;--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}
|
|
3762
3738
|
`;var k$2=css`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[variant=accent1]),:host(:not([appearance=inverse])[variant=accent1]){--ds-auro-icon-color: var(--ds-basic-color-texticon-accent1, #265688)}:host(:not([onDark])[variant=disabled]),:host(:not([appearance=inverse])[variant=disabled]){--ds-auro-icon-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host(:not([onDark])[variant=muted]),:host(:not([appearance=inverse])[variant=muted]){--ds-auro-icon-color: var(--ds-basic-color-texticon-muted, #676767)}:host(:not([onDark])[variant=statusDefault]),:host(:not([appearance=inverse])[variant=statusDefault]){--ds-auro-icon-color: var(--ds-basic-color-status-default, #afb9c6)}:host(:not([onDark])[variant=statusInfo]),:host(:not([appearance=inverse])[variant=statusInfo]){--ds-auro-icon-color: var(--ds-basic-color-status-info, #01426a)}:host(:not([onDark])[variant=statusSuccess]),:host(:not([appearance=inverse])[variant=statusSuccess]){--ds-auro-icon-color: var(--ds-basic-color-status-success, #447a1f)}:host(:not([onDark])[variant=statusWarning]),:host(:not([appearance=inverse])[variant=statusWarning]){--ds-auro-icon-color: var(--ds-basic-color-status-warning, #fac200)}:host(:not([onDark])[variant=statusError]),:host(:not([appearance=inverse])[variant=statusError]){--ds-auro-icon-color: var(--ds-basic-color-status-error, #e31f26)}:host(:not([onDark])[variant=statusInfoSubtle]),:host(:not([appearance=inverse])[variant=statusInfoSubtle]){--ds-auro-icon-color: var(--ds-basic-color-status-info-subtle, #ebf3f9)}:host(:not([onDark])[variant=statusSuccessSubtle]),:host(:not([appearance=inverse])[variant=statusSuccessSubtle]){--ds-auro-icon-color: var(--ds-basic-color-status-success-subtle, #d6eac7)}:host(:not([onDark])[variant=statusWarningSubtle]),:host(:not([appearance=inverse])[variant=statusWarningSubtle]){--ds-auro-icon-color: var(--ds-basic-color-status-warning-subtle, #fff0b2)}:host(:not([onDark])[variant=statusErrorSubtle]),:host(:not([appearance=inverse])[variant=statusErrorSubtle]){--ds-auro-icon-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}:host(:not([onDark])[variant=fareBasicEconomy]),:host(:not([appearance=inverse])[variant=fareBasicEconomy]){--ds-auro-icon-color: var(--ds-basic-color-fare-basiceconomy, #97eaf8)}:host(:not([onDark])[variant=fareBusiness]),:host(:not([appearance=inverse])[variant=fareBusiness]){--ds-auro-icon-color: var(--ds-basic-color-fare-business, #01426a)}:host(:not([onDark])[variant=fareEconomy]),:host(:not([appearance=inverse])[variant=fareEconomy]){--ds-auro-icon-color: var(--ds-basic-color-fare-economy, #0074ca)}:host(:not([onDark])[variant=fareFirst]),:host(:not([appearance=inverse])[variant=fareFirst]){--ds-auro-icon-color: var(--ds-basic-color-fare-first, #00274a)}:host(:not([onDark])[variant=farePremiumEconomy]),:host(:not([appearance=inverse])[variant=farePremiumEconomy]){--ds-auro-icon-color: var(--ds-basic-color-fare-premiumeconomy, #005154)}:host(:not([onDark])[variant=tierOneWorldEmerald]),:host(:not([appearance=inverse])[variant=tierOneWorldEmerald]){--ds-auro-icon-color: var(--ds-basic-color-tier-program-oneworld-emerald, #139142)}:host(:not([onDark])[variant=tierOneWorldSapphire]),:host(:not([appearance=inverse])[variant=tierOneWorldSapphire]){--ds-auro-icon-color: var(--ds-basic-color-tier-program-oneworld-sapphire, #015daa)}:host(:not([onDark])[variant=tierOneWorldRuby]),:host(:not([appearance=inverse])[variant=tierOneWorldRuby]){--ds-auro-icon-color: var(--ds-basic-color-tier-program-oneworld-ruby, #a41d4a)}:host([onDark]),:host([appearance=inverse]){--ds-auro-icon-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([onDark][variant=disabled]),:host([appearance=inverse][variant=disabled]){--ds-auro-icon-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}:host([onDark][variant=muted]),:host([appearance=inverse][variant=muted]){--ds-auro-icon-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][variant=statusError]),:host([appearance=inverse][variant=statusError]){--ds-auro-icon-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}
|
|
@@ -3780,7 +3756,7 @@ let p$2 = class p{registerComponent(t,a){customElements.get(t)||customElements.d
|
|
|
3780
3756
|
</div>
|
|
3781
3757
|
`}};
|
|
3782
3758
|
|
|
3783
|
-
var iconVersion$1 = '9.1.
|
|
3759
|
+
var iconVersion$1 = '9.1.1';
|
|
3784
3760
|
|
|
3785
3761
|
var styleCss$2$1 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
3786
3762
|
|
|
@@ -4221,7 +4197,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
4221
4197
|
}
|
|
4222
4198
|
};
|
|
4223
4199
|
|
|
4224
|
-
var formkitVersion$1 = '
|
|
4200
|
+
var formkitVersion$1 = '202512120003';
|
|
4225
4201
|
|
|
4226
4202
|
class AuroElement extends LitElement {
|
|
4227
4203
|
static get properties() {
|
|
@@ -5452,7 +5428,7 @@ let l$1 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[
|
|
|
5452
5428
|
|
|
5453
5429
|
var buttonVersion = '12.3.0';
|
|
5454
5430
|
|
|
5455
|
-
class p{registerComponent(t,a){customElements.get(t)||customElements.define(t,class extends a{});}closestElement(t,a=this,e=(a,s=a&&a.closest(t))=>a&&a!==document&&a!==window?s||e(a.getRootNode().host):null){return e(a)}handleComponentTagRename(t,a){const e=a.toLowerCase();t.tagName.toLowerCase()!==e&&t.setAttribute(e,true);}elementMatch(t,a){const e=a.toLowerCase();return t.tagName.toLowerCase()===e||t.hasAttribute(e)}}var u='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="error__desc" class="ico_squareLarge" data-deprecated="true" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title/><desc id="error__desc">Error alert indicator.</desc><path d="m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0m-1.165.87a.23.23 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084M12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583"/></svg>';class m extends LitElement{static get properties(){return {hidden:{type:Boolean,reflect:true},hiddenVisually:{type:Boolean,reflect:true},hiddenAudible:{type:Boolean,reflect:true}}}hideAudible(t){return t?"true":"false"}}const g=new Map,f=(t,a={})=>{const e=a.responseParser||(t=>t.text());return g.has(t)||g.set(t,fetch(t).then(e)),g.get(t)};var w=css`:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;padding:0;border:0}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, .75rem))}:host{color:currentColor;vertical-align:middle;
|
|
5431
|
+
class p{registerComponent(t,a){customElements.get(t)||customElements.define(t,class extends a{});}closestElement(t,a=this,e=(a,s=a&&a.closest(t))=>a&&a!==document&&a!==window?s||e(a.getRootNode().host):null){return e(a)}handleComponentTagRename(t,a){const e=a.toLowerCase();t.tagName.toLowerCase()!==e&&t.setAttribute(e,true);}elementMatch(t,a){const e=a.toLowerCase();return t.tagName.toLowerCase()===e||t.hasAttribute(e)}}var u='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-labelledby="error__desc" class="ico_squareLarge" data-deprecated="true" role="img" style="min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor" viewBox="0 0 24 24" part="svg"><title/><desc id="error__desc">Error alert indicator.</desc><path d="m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0m-1.165.87a.23.23 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084M12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583"/></svg>';class m extends LitElement{static get properties(){return {hidden:{type:Boolean,reflect:true},hiddenVisually:{type:Boolean,reflect:true},hiddenAudible:{type:Boolean,reflect:true}}}hideAudible(t){return t?"true":"false"}}const g=new Map,f=(t,a={})=>{const e=a.responseParser||(t=>t.text());return g.has(t)||g.set(t,fetch(t).then(e)),g.get(t)};var w=css`:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;padding:0;border:0}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, .75rem))}:host{color:currentColor;vertical-align:middle;display:inline-block}svg{min-width:var(--ds-auro-icon-size, 1.5rem)!important;width:var(--ds-auro-icon-size, 1.5rem)!important;height:var(--ds-auro-icon-size, 1.5rem)!important}.componentWrapper{display:flex;line-height:var(--ds-auro-icon-size)}.svgWrapper{height:var(--ds-auro-icon-size);width:var(--ds-auro-icon-size)}.svgWrapper [part=svg]{display:flex}.labelWrapper{margin-left:var(--ds-size-50, .25rem)}.labelWrapper ::slotted(*){line-height:inherit!important}
|
|
5456
5432
|
`;class z extends m{constructor(){super(),this.onDark=false,this.appearance="default";}static get properties(){return {...m.properties,onDark:{type:Boolean,reflect:true},appearance:{type:String,reflect:true},svg:{attribute:false,reflect:true}}}static get styles(){return w}async fetchIcon(t,a){let e="";e="logos"===t?await f(`${this.uri}/${t}/${a}.svg`):await f(`${this.uri}/icons/${t}/${a}.svg`);return (new DOMParser).parseFromString(e,"text/html").body.querySelector("svg")}async firstUpdated(){try{if(!this.customSvg){const t=await this.fetchIcon(this.category,this.name);if(t)this.svg=t;else if(!t){const t=(new DOMParser).parseFromString(u,"text/html");this.svg=t.body.firstChild;}}}catch(t){this.svg=void 0;}}}css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;padding:0;border:0}:host{display:inline-block;--ds-auro-icon-size: 100%;width:100%;height:100%}:host .logo{color:var(--ds-auro-alaska-color)}:host([onDark]),:host([appearance=inverse]){--ds-auro-alaska-color: #FFF}
|
|
5457
5433
|
`;var y=css`:host{--ds-auro-icon-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-alaska-color: #02426D;--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}
|
|
5458
5434
|
`;var k=css`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[variant=accent1]),:host(:not([appearance=inverse])[variant=accent1]){--ds-auro-icon-color: var(--ds-basic-color-texticon-accent1, #265688)}:host(:not([onDark])[variant=disabled]),:host(:not([appearance=inverse])[variant=disabled]){--ds-auro-icon-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host(:not([onDark])[variant=muted]),:host(:not([appearance=inverse])[variant=muted]){--ds-auro-icon-color: var(--ds-basic-color-texticon-muted, #676767)}:host(:not([onDark])[variant=statusDefault]),:host(:not([appearance=inverse])[variant=statusDefault]){--ds-auro-icon-color: var(--ds-basic-color-status-default, #afb9c6)}:host(:not([onDark])[variant=statusInfo]),:host(:not([appearance=inverse])[variant=statusInfo]){--ds-auro-icon-color: var(--ds-basic-color-status-info, #01426a)}:host(:not([onDark])[variant=statusSuccess]),:host(:not([appearance=inverse])[variant=statusSuccess]){--ds-auro-icon-color: var(--ds-basic-color-status-success, #447a1f)}:host(:not([onDark])[variant=statusWarning]),:host(:not([appearance=inverse])[variant=statusWarning]){--ds-auro-icon-color: var(--ds-basic-color-status-warning, #fac200)}:host(:not([onDark])[variant=statusError]),:host(:not([appearance=inverse])[variant=statusError]){--ds-auro-icon-color: var(--ds-basic-color-status-error, #e31f26)}:host(:not([onDark])[variant=statusInfoSubtle]),:host(:not([appearance=inverse])[variant=statusInfoSubtle]){--ds-auro-icon-color: var(--ds-basic-color-status-info-subtle, #ebf3f9)}:host(:not([onDark])[variant=statusSuccessSubtle]),:host(:not([appearance=inverse])[variant=statusSuccessSubtle]){--ds-auro-icon-color: var(--ds-basic-color-status-success-subtle, #d6eac7)}:host(:not([onDark])[variant=statusWarningSubtle]),:host(:not([appearance=inverse])[variant=statusWarningSubtle]){--ds-auro-icon-color: var(--ds-basic-color-status-warning-subtle, #fff0b2)}:host(:not([onDark])[variant=statusErrorSubtle]),:host(:not([appearance=inverse])[variant=statusErrorSubtle]){--ds-auro-icon-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}:host(:not([onDark])[variant=fareBasicEconomy]),:host(:not([appearance=inverse])[variant=fareBasicEconomy]){--ds-auro-icon-color: var(--ds-basic-color-fare-basiceconomy, #97eaf8)}:host(:not([onDark])[variant=fareBusiness]),:host(:not([appearance=inverse])[variant=fareBusiness]){--ds-auro-icon-color: var(--ds-basic-color-fare-business, #01426a)}:host(:not([onDark])[variant=fareEconomy]),:host(:not([appearance=inverse])[variant=fareEconomy]){--ds-auro-icon-color: var(--ds-basic-color-fare-economy, #0074ca)}:host(:not([onDark])[variant=fareFirst]),:host(:not([appearance=inverse])[variant=fareFirst]){--ds-auro-icon-color: var(--ds-basic-color-fare-first, #00274a)}:host(:not([onDark])[variant=farePremiumEconomy]),:host(:not([appearance=inverse])[variant=farePremiumEconomy]){--ds-auro-icon-color: var(--ds-basic-color-fare-premiumeconomy, #005154)}:host(:not([onDark])[variant=tierOneWorldEmerald]),:host(:not([appearance=inverse])[variant=tierOneWorldEmerald]){--ds-auro-icon-color: var(--ds-basic-color-tier-program-oneworld-emerald, #139142)}:host(:not([onDark])[variant=tierOneWorldSapphire]),:host(:not([appearance=inverse])[variant=tierOneWorldSapphire]){--ds-auro-icon-color: var(--ds-basic-color-tier-program-oneworld-sapphire, #015daa)}:host(:not([onDark])[variant=tierOneWorldRuby]),:host(:not([appearance=inverse])[variant=tierOneWorldRuby]){--ds-auro-icon-color: var(--ds-basic-color-tier-program-oneworld-ruby, #a41d4a)}:host([onDark]),:host([appearance=inverse]){--ds-auro-icon-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([onDark][variant=disabled]),:host([appearance=inverse][variant=disabled]){--ds-auro-icon-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}:host([onDark][variant=muted]),:host([appearance=inverse][variant=muted]){--ds-auro-icon-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][variant=statusError]),:host([appearance=inverse][variant=statusError]){--ds-auro-icon-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}
|
|
@@ -5476,7 +5452,7 @@ class p{registerComponent(t,a){customElements.get(t)||customElements.define(t,cl
|
|
|
5476
5452
|
</div>
|
|
5477
5453
|
`}}
|
|
5478
5454
|
|
|
5479
|
-
var iconVersion = '9.1.
|
|
5455
|
+
var iconVersion = '9.1.1';
|
|
5480
5456
|
|
|
5481
5457
|
class l{registerComponent(e,s){customElements.get(e)||customElements.define(e,class extends s{});}closestElement(e,s=this,t=(s,a=s&&s.closest(e))=>s&&s!==document&&s!==window?a||t(s.getRootNode().host):null){return t(s)}handleComponentTagRename(e,s){const t=s.toLowerCase();e.tagName.toLowerCase()!==t&&e.setAttribute(t,true);}elementMatch(e,s){const t=s.toLowerCase();return e.tagName.toLowerCase()===t||e.hasAttribute(t)}}var n=css`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:host{display:block}:host .heading{margin-block:0}.util_stackMarginnone--bottom{margin-bottom:0}.util_stackMargin25--bottom{margin-bottom:var(--ds-size-25, .125rem)}.util_stackMargin50--bottom{margin-bottom:var(--ds-size-50, .25rem)}.util_stackMargin100--bottom{margin-bottom:var(--ds-size-100, .5rem)}.util_stackMargin150--bottom{margin-bottom:var(--ds-size-150, .75rem)}.util_stackMargin200--bottom{margin-bottom:var(--ds-size-200, 1rem)}.util_stackMargin300--bottom{margin-bottom:var(--ds-size-300, 1.5rem)}.util_stackMargin400--bottom{margin-bottom:var(--ds-size-400, 2rem)}.util_stackMargin600--bottom{margin-bottom:var(--ds-size-600, 3rem)}.util_stackMargin800--bottom{margin-bottom:var(--ds-size-800, 4rem)}.util_stackMarginnone--top{margin-top:0}.util_stackMargin25--top{margin-top:var(--ds-size-25, .125rem)}.util_stackMargin50--top{margin-top:var(--ds-size-50, .25rem)}.util_stackMargin100--top{margin-top:var(--ds-size-100, .5rem)}.util_stackMargin150--top{margin-top:var(--ds-size-150, .75rem)}.util_stackMargin200--top{margin-top:var(--ds-size-200, 1rem)}.util_stackMargin300--top{margin-top:var(--ds-size-300, 1.5rem)}.util_stackMargin400--top{margin-top:var(--ds-size-400, 2rem)}.util_stackMargin600--top{margin-top:var(--ds-size-600, 3rem)}.util_stackMargin800--top{margin-top:var(--ds-size-800, 4rem)}
|
|
5482
5458
|
`;class c extends LitElement{constructor(){super(),this.level=1,this.typography="heading",this.runtimeUtils=new l;}static get properties(){return {level:{type:Number,reflect:true,converter(e){const s=Number(e);return Number.isNaN(s)||s<1?1:s>6?6:s}},display:{type:String,reflect:true},visualLevel:{type:Number,reflect:true,converter(e){const s=Number(e);return Number.isNaN(s)||s<1?1:s>6?6:s}},typography:{type:String,reflect:true},color:{type:String,reflect:true},margin:{type:String,reflect:true},size:{type:String,reflect:true}}}static get styles(){return [n]}static get displayClassMap(){return {800:"heading-xl",700:"heading-lg",600:"heading-md",500:"heading-sm",400:"heading-xs",300:"heading-2xs",heading:{1:"heading-xl",2:"heading-lg",3:"heading-md",4:"heading-sm",5:"heading-xs",6:"heading-2xs"},display:{1:"display-2xl",2:"display-xl",3:"display-lg",4:"display-md",5:"display-sm",6:"display-xs"}}}static register(e="auro-header"){l.prototype.registerComponent(e,c);}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-header");}spacingDecision(e){if("both"===this.margin)switch(e){case "none":return "util_stackMarginnone--top util_stackMarginnone--bottom";case "25":return "util_stackMargin25--top util_stackMargin25--bottom";case "50":return "util_stackMargin50--top util_stackMargin50--bottom";case "100":return "util_stackMargin100--top util_stackMargin100--bottom";case "150":return "util_stackMargin150--top util_stackMargin150--bottom";case "200":return "util_stackMargin200--top util_stackMargin200--bottom";case "300":return "util_stackMargin300--top util_stackMargin300--bottom";case "400":return "util_stackMargin400--top util_stackMargin400--bottom";case "600":return "util_stackMargin600--top util_stackMargin600--bottom";case "800":return "util_stackMargin800--top util_stackMargin800--bottom";default:return ""}return this.spacingApplied(e)}spacingApplied(e){switch(e){case "none":return `util_stackMarginnone--${this.margin}`;case "25":return `util_stackMargin25--${this.margin}`;case "50":return `util_stackMargin50--${this.margin}`;case "100":return `util_stackMargin100--${this.margin}`;case "150":return `util_stackMargin150--${this.margin}`;case "200":return `util_stackMargin200--${this.margin}`;case "300":return `util_stackMargin300--${this.margin}`;case "400":return `util_stackMargin400--${this.margin}`;case "600":return `util_stackMarginX600--${this.margin}`;case "800":return `util_stackMargin800--${this.margin}`;default:return ""}}template(e){this.visualLevel||this.display||(this.visualLevel=this.level);const s=e||"1",l=this.spacingDecision(this.size),n=this.visualLevel?c.displayClassMap[this.typography][this.visualLevel]:c.displayClassMap[this.display],o={heading:true,[n]:true};if(l){l.split(" ").forEach(e=>{e.trim()&&(o[e.trim()]=true);});}const m=classMap(o),g=unsafeStatic(`h${s}`);return html`<${g} class="${m}" style="color: ${ifDefined(this.color?this.color:void 0)}"><slot></slot></${g}>`}render(){return this.template(this.level)}}
|
|
@@ -5859,7 +5835,7 @@ class AuroHelpText extends LitElement {
|
|
|
5859
5835
|
}
|
|
5860
5836
|
}
|
|
5861
5837
|
|
|
5862
|
-
var formkitVersion = '
|
|
5838
|
+
var formkitVersion = '202512120003';
|
|
5863
5839
|
|
|
5864
5840
|
var styleCss = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer [slot=displayValue]{display:none}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
|
|
5865
5841
|
|
|
@@ -5972,9 +5948,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
5972
5948
|
*/
|
|
5973
5949
|
privateDefaults() {
|
|
5974
5950
|
this.appearance = 'default';
|
|
5975
|
-
this.options = [];
|
|
5976
|
-
this.optionActive = null;
|
|
5977
|
-
this.optionSelected = undefined;
|
|
5978
5951
|
this.value = undefined;
|
|
5979
5952
|
this.fullscreenBreakpoint = 'sm';
|
|
5980
5953
|
this.onDark = false;
|
|
@@ -6141,13 +6114,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6141
6114
|
reflect: true
|
|
6142
6115
|
},
|
|
6143
6116
|
|
|
6144
|
-
/**
|
|
6145
|
-
* @private
|
|
6146
|
-
*/
|
|
6147
|
-
optionActive: {
|
|
6148
|
-
type: Object
|
|
6149
|
-
},
|
|
6150
|
-
|
|
6151
6117
|
/**
|
|
6152
6118
|
* Specifies the current selected menuOption. Default type is `HTMLElement`, changing to `Array<HTMLElement>` when `multiSelect` is true.
|
|
6153
6119
|
* @type {HTMLElement|Array<HTMLElement>}
|
|
@@ -6156,13 +6122,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6156
6122
|
type: Object
|
|
6157
6123
|
},
|
|
6158
6124
|
|
|
6159
|
-
/**
|
|
6160
|
-
* @private
|
|
6161
|
-
*/
|
|
6162
|
-
options: {
|
|
6163
|
-
type: Array
|
|
6164
|
-
},
|
|
6165
|
-
|
|
6166
6125
|
/**
|
|
6167
6126
|
* Position where the bib should appear relative to the trigger.
|
|
6168
6127
|
* Accepted values:
|
|
@@ -6277,6 +6236,14 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6277
6236
|
reflect: false,
|
|
6278
6237
|
attribute: false
|
|
6279
6238
|
},
|
|
6239
|
+
|
|
6240
|
+
/**
|
|
6241
|
+
* @private
|
|
6242
|
+
*/
|
|
6243
|
+
options: {
|
|
6244
|
+
type: Array,
|
|
6245
|
+
state: true
|
|
6246
|
+
},
|
|
6280
6247
|
};
|
|
6281
6248
|
}
|
|
6282
6249
|
|
|
@@ -6296,16 +6263,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6296
6263
|
* @returns {String|Array<String>}
|
|
6297
6264
|
*/
|
|
6298
6265
|
get formattedValue() {
|
|
6299
|
-
|
|
6300
|
-
if (!this.value) {
|
|
6301
|
-
return undefined;
|
|
6302
|
-
}
|
|
6303
|
-
if (this.value.startsWith("[")) {
|
|
6304
|
-
return JSON.parse(this.value);
|
|
6305
|
-
}
|
|
6306
|
-
return [this.value];
|
|
6307
|
-
}
|
|
6308
|
-
return this.value;
|
|
6266
|
+
return this.menu.formattedValue;
|
|
6309
6267
|
}
|
|
6310
6268
|
|
|
6311
6269
|
/**
|
|
@@ -6439,14 +6397,25 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6439
6397
|
});
|
|
6440
6398
|
|
|
6441
6399
|
// Handle selected options
|
|
6442
|
-
if (this.optionSelected) {
|
|
6443
|
-
if (this.multiSelect && this.optionSelected.length > 0) {
|
|
6444
|
-
const displayText = this.optionSelected.map((option) => option.textContent).join(', ');
|
|
6400
|
+
if (this.menu && this.menu.optionSelected) {
|
|
6445
6401
|
|
|
6446
|
-
|
|
6447
|
-
|
|
6448
|
-
|
|
6449
|
-
|
|
6402
|
+
// If multiSelect and we got an array of selected options
|
|
6403
|
+
if (this.multiSelect && Array.isArray(this.menu.optionSelected)) {
|
|
6404
|
+
|
|
6405
|
+
// If we have selected options, join and display their text content
|
|
6406
|
+
if (this.menu.optionSelected.length > 0) {
|
|
6407
|
+
const displayText = this.menu.optionSelected.map((option) => option.textContent).join(', ');
|
|
6408
|
+
valueElem.textContent = displayText;
|
|
6409
|
+
|
|
6410
|
+
// If no selected options, clear out value display
|
|
6411
|
+
} else {
|
|
6412
|
+
valueElem.textContent = '';
|
|
6413
|
+
}
|
|
6414
|
+
|
|
6415
|
+
// If single select and we got an option that was selected, update value display
|
|
6416
|
+
} else if (!this.multiSelect && this.menu && this.menu.optionSelected instanceof HTMLElement) {
|
|
6417
|
+
valueElem.innerHTML = this.menu.optionSelected.innerHTML;
|
|
6418
|
+
const displayValueEl = this.menu.optionSelected.querySelector("[slot='displayValue']");
|
|
6450
6419
|
|
|
6451
6420
|
if (displayValueEl) {
|
|
6452
6421
|
this.appendChild(displayValueEl.cloneNode(true));
|
|
@@ -6510,57 +6479,28 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6510
6479
|
}
|
|
6511
6480
|
|
|
6512
6481
|
this.updateMenuShapeSize();
|
|
6513
|
-
this.
|
|
6482
|
+
this.setMenuValue(this.value);
|
|
6514
6483
|
|
|
6515
6484
|
if (this.multiSelect) {
|
|
6516
6485
|
this.menu.multiSelect = this.multiSelect;
|
|
6517
6486
|
}
|
|
6518
6487
|
|
|
6519
|
-
this.
|
|
6488
|
+
this.options = this.menu.options;
|
|
6520
6489
|
this.menu.setAttribute('aria-hidden', 'true');
|
|
6490
|
+
this.menu.addEventListener("auroMenu-loadingChange", (event) => this.handleMenuLoadingChange(event));
|
|
6491
|
+
this.menu.addEventListener('auroMenu-selectedOption', (event) => {
|
|
6521
6492
|
|
|
6522
|
-
|
|
6523
|
-
|
|
6524
|
-
this.menu.addEventListener('auroMenu-activatedOption', (evt) => {
|
|
6525
|
-
this.optionActive = evt.detail;
|
|
6526
|
-
});
|
|
6493
|
+
// Update the displayed value
|
|
6494
|
+
this.updateDisplayedValue();
|
|
6527
6495
|
|
|
6528
|
-
|
|
6529
|
-
|
|
6530
|
-
this.optionSelected = this.
|
|
6531
|
-
// For single select, we still use arrays but only take first value
|
|
6532
|
-
this.value = this.menu.value;
|
|
6496
|
+
// Update the internal value to match
|
|
6497
|
+
this.value = event.detail.stringValue;
|
|
6498
|
+
this.optionSelected = this.multiSelect ? event.detail.options : event.detail.options[0];
|
|
6533
6499
|
|
|
6534
6500
|
if (this.dropdown.isPopoverVisible) {
|
|
6535
6501
|
this.dropdown.hide();
|
|
6536
6502
|
}
|
|
6537
6503
|
});
|
|
6538
|
-
|
|
6539
|
-
/**
|
|
6540
|
-
* When this.value is preset auro-menu.selectByValue(this.value) is called.
|
|
6541
|
-
* However, if this.value does not match one of the menu options,
|
|
6542
|
-
* auro-menu will notify via event. In this case, clear out this.value
|
|
6543
|
-
* so that it is not storing an invalid value which can then later be returned
|
|
6544
|
-
* with `auro-select.value`.
|
|
6545
|
-
*/
|
|
6546
|
-
this.menu.addEventListener('auroMenu-selectValueFailure', () => {
|
|
6547
|
-
this.menu.clearSelection();
|
|
6548
|
-
});
|
|
6549
|
-
|
|
6550
|
-
this.menu.addEventListener('auroMenu-selectValueReset', () => {
|
|
6551
|
-
this.optionSelected = this.menu.optionSelected;
|
|
6552
|
-
this.validate(this);
|
|
6553
|
-
});
|
|
6554
|
-
|
|
6555
|
-
this.menu.addEventListener('auroMenu-activatedOption', (evt) => {
|
|
6556
|
-
if (evt.detail) {
|
|
6557
|
-
evt.detail.scrollIntoView({
|
|
6558
|
-
alignToTop: false,
|
|
6559
|
-
block: "nearest",
|
|
6560
|
-
behavior: "smooth"
|
|
6561
|
-
});
|
|
6562
|
-
}
|
|
6563
|
-
});
|
|
6564
6504
|
}
|
|
6565
6505
|
|
|
6566
6506
|
/**
|
|
@@ -6572,6 +6512,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6572
6512
|
this.nativeSelect = this.shadowRoot.querySelector('select');
|
|
6573
6513
|
|
|
6574
6514
|
this.addEventListener('keydown', (evt) => {
|
|
6515
|
+
|
|
6575
6516
|
// when the focus is on trigger not on close button
|
|
6576
6517
|
if (this.dropdown.shadowRoot.activeElement === this.dropdown.trigger) {
|
|
6577
6518
|
if (evt.key === 'ArrowUp') {
|
|
@@ -6612,7 +6553,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6612
6553
|
if (this.dropdown.isBibFullscreen) {
|
|
6613
6554
|
evt.preventDefault();
|
|
6614
6555
|
|
|
6615
|
-
|
|
6556
|
+
// when the focus is on trigger not on close button
|
|
6616
6557
|
if (this.dropdown.shadowRoot.activeElement === this.dropdown.trigger) {
|
|
6617
6558
|
// `dropdown.focus` will move focus to the first focusable element in bib when it's open,
|
|
6618
6559
|
// when bib it not open, it will focus onto trigger.
|
|
@@ -6657,7 +6598,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6657
6598
|
this.lastLetter = key;
|
|
6658
6599
|
|
|
6659
6600
|
// Get all the options that start with the last letter pressed
|
|
6660
|
-
const letterOptions = this.options.filter((option) => {
|
|
6601
|
+
const letterOptions = this.menu.options.filter((option) => {
|
|
6661
6602
|
const optionText = option.value || '';
|
|
6662
6603
|
return optionText.toLowerCase().startsWith(this.lastLetter);
|
|
6663
6604
|
});
|
|
@@ -6673,8 +6614,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6673
6614
|
|
|
6674
6615
|
// Select the new option in the menu
|
|
6675
6616
|
const newOption = letterOptions[index];
|
|
6676
|
-
|
|
6677
|
-
this.menu.updateActiveOption(newOptionIndex);
|
|
6617
|
+
this.menu.updateActiveOption(newOption);
|
|
6678
6618
|
}
|
|
6679
6619
|
}
|
|
6680
6620
|
|
|
@@ -6754,27 +6694,12 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6754
6694
|
});
|
|
6755
6695
|
}
|
|
6756
6696
|
|
|
6757
|
-
/**
|
|
6758
|
-
* Determines the element error state based on the `required` attribute and input value.
|
|
6759
|
-
* @private
|
|
6760
|
-
* @returns {void}
|
|
6761
|
-
*/
|
|
6762
|
-
generateOptionsArray() {
|
|
6763
|
-
if (this.menu) {
|
|
6764
|
-
this.options = [...this.menu.querySelectorAll('auro-menuoption, [auro-menuoption]')];
|
|
6765
|
-
} else {
|
|
6766
|
-
this.options = [];
|
|
6767
|
-
}
|
|
6768
|
-
}
|
|
6769
|
-
|
|
6770
6697
|
/**
|
|
6771
6698
|
* Resets all options to their default state.
|
|
6772
6699
|
* @private
|
|
6773
6700
|
*/
|
|
6774
6701
|
clearSelection() {
|
|
6775
6702
|
this.value = undefined;
|
|
6776
|
-
this.optionSelected = undefined;
|
|
6777
|
-
|
|
6778
6703
|
this.menu.multiSelect = this.multiSelect;
|
|
6779
6704
|
}
|
|
6780
6705
|
|
|
@@ -6813,42 +6738,23 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6813
6738
|
this.configureSelect();
|
|
6814
6739
|
}
|
|
6815
6740
|
|
|
6816
|
-
|
|
6817
|
-
* Update the menu value. With checks for menu existence. Awaits value update.
|
|
6818
|
-
* @param {string} value - The value to set in the menu.
|
|
6819
|
-
* @returns {void}
|
|
6820
|
-
* @private
|
|
6821
|
-
*/
|
|
6822
|
-
async updateMenuValue(value) {
|
|
6741
|
+
setMenuValue(value) {
|
|
6823
6742
|
if (!this.menu) return;
|
|
6824
|
-
|
|
6825
|
-
this.menu.setAttribute('value', value);
|
|
6826
|
-
if (value) {
|
|
6827
|
-
this.menu.value = value;
|
|
6828
|
-
} else {
|
|
6829
|
-
this.menu.reset();
|
|
6830
|
-
}
|
|
6831
|
-
await this.menu.updateComplete;
|
|
6743
|
+
this.menu.value = value;
|
|
6832
6744
|
}
|
|
6833
6745
|
|
|
6834
|
-
|
|
6746
|
+
updated(changedProperties) {
|
|
6835
6747
|
if (changedProperties.has('multiSelect') && !changedProperties.has('value')) {
|
|
6836
6748
|
this.clearSelection();
|
|
6837
6749
|
}
|
|
6838
6750
|
|
|
6839
6751
|
if (changedProperties.has('value')) {
|
|
6840
|
-
|
|
6841
|
-
await this.updateMenuValue(this.value);
|
|
6842
|
-
|
|
6843
|
-
if (this.menu) {
|
|
6844
|
-
this.optionSelected = this.menu.optionSelected;
|
|
6845
|
-
}
|
|
6846
|
-
} else {
|
|
6847
|
-
await this.updateMenuValue(undefined);
|
|
6848
|
-
}
|
|
6752
|
+
this.setMenuValue(this.value);
|
|
6849
6753
|
|
|
6850
6754
|
this._updateNativeSelect();
|
|
6851
6755
|
this.validate();
|
|
6756
|
+
this.hideBib();
|
|
6757
|
+
this.focus();
|
|
6852
6758
|
|
|
6853
6759
|
// LEGACY EVENT
|
|
6854
6760
|
this.dispatchEvent(new CustomEvent('auroSelect-valueSet', {
|
|
@@ -6862,16 +6768,12 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6862
6768
|
cancelable: true,
|
|
6863
6769
|
composed: true,
|
|
6864
6770
|
detail: {
|
|
6865
|
-
optionSelected: this.optionSelected,
|
|
6866
|
-
value: this.
|
|
6771
|
+
optionSelected: this.menu.optionSelected,
|
|
6772
|
+
value: this.menu.value
|
|
6867
6773
|
}
|
|
6868
6774
|
}));
|
|
6869
6775
|
}
|
|
6870
6776
|
|
|
6871
|
-
if (changedProperties.has('optionSelected')) {
|
|
6872
|
-
this.updateDisplayedValue();
|
|
6873
|
-
}
|
|
6874
|
-
|
|
6875
6777
|
if (changedProperties.has('error')) {
|
|
6876
6778
|
this.validate(true);
|
|
6877
6779
|
this.nativeSelect.setCustomValidity(this.error || '');
|
|
@@ -6920,10 +6822,11 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6920
6822
|
*/
|
|
6921
6823
|
_handleNativeSelectChange(event) {
|
|
6922
6824
|
const selectedOption = event.target.options[event.target.selectedIndex];
|
|
6825
|
+
if (!selectedOption) return;
|
|
6923
6826
|
const selectedValue = selectedOption.value;
|
|
6924
6827
|
|
|
6925
6828
|
if (this.multiSelect) {
|
|
6926
|
-
const currentArray = this.
|
|
6829
|
+
const currentArray = this.menu.value || [];
|
|
6927
6830
|
|
|
6928
6831
|
if (!currentArray.includes(selectedValue)) {
|
|
6929
6832
|
this.value = JSON.stringify([
|
|
@@ -6946,40 +6849,17 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6946
6849
|
* @private
|
|
6947
6850
|
*/
|
|
6948
6851
|
_updateNativeSelect() {
|
|
6949
|
-
if (!this.nativeSelect)
|
|
6950
|
-
return;
|
|
6951
|
-
}
|
|
6852
|
+
if (!this.nativeSelect) return;
|
|
6952
6853
|
|
|
6953
|
-
|
|
6954
|
-
|
|
6955
|
-
} else {
|
|
6956
|
-
this.nativeSelect.value = this.value || '';
|
|
6957
|
-
}
|
|
6958
|
-
}
|
|
6854
|
+
let { formattedValue } = this;
|
|
6855
|
+
if (!formattedValue) formattedValue = this.multiSelect ? [] : '';
|
|
6959
6856
|
|
|
6960
|
-
|
|
6961
|
-
|
|
6962
|
-
|
|
6963
|
-
|
|
6964
|
-
*/
|
|
6965
|
-
renderAriaHtml() {
|
|
6966
|
-
return html`
|
|
6967
|
-
<div aria-live="polite" class="util_displayHiddenVisually">
|
|
6968
|
-
${this.optionActive && this.options.length > 0
|
|
6969
|
-
? html`
|
|
6970
|
-
${`${this.optionActive.innerText}, option ${this.options.indexOf(this.optionActive) + 1} of ${this.options.length}`}
|
|
6971
|
-
`
|
|
6972
|
-
: undefined
|
|
6973
|
-
};
|
|
6857
|
+
const currentValue = this.nativeSelect.value;
|
|
6858
|
+
const newValue = this.multiSelect
|
|
6859
|
+
? formattedValue[0] || ''
|
|
6860
|
+
: this.value || '';
|
|
6974
6861
|
|
|
6975
|
-
|
|
6976
|
-
? html`
|
|
6977
|
-
${`${this.optionSelected.innerText} selected`}
|
|
6978
|
-
`
|
|
6979
|
-
: undefined
|
|
6980
|
-
};
|
|
6981
|
-
</div>
|
|
6982
|
-
`;
|
|
6862
|
+
if (currentValue !== newValue) this.nativeSelect.value = newValue || '';
|
|
6983
6863
|
}
|
|
6984
6864
|
|
|
6985
6865
|
/**
|
|
@@ -7000,16 +6880,16 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7000
6880
|
autocomplete="${ifDefined$1(this.autocomplete)}"
|
|
7001
6881
|
@change="${this._handleNativeSelectChange}">
|
|
7002
6882
|
<option value="" ?selected="${!this.value}"></option>
|
|
7003
|
-
${this.options.map((option) => {
|
|
7004
|
-
|
|
7005
|
-
|
|
6883
|
+
${this.menu && Array.isArray(this.menu.options) && this.menu.options.map((option) => {
|
|
6884
|
+
const optionValue = option.value || option.textContent;
|
|
6885
|
+
return html`
|
|
7006
6886
|
<option
|
|
7007
6887
|
value="${optionValue}"
|
|
7008
6888
|
?selected="${this.value === optionValue}">
|
|
7009
6889
|
${option.textContent}
|
|
7010
6890
|
</option>
|
|
7011
6891
|
`;
|
|
7012
|
-
|
|
6892
|
+
})}
|
|
7013
6893
|
</select>
|
|
7014
6894
|
</div>
|
|
7015
6895
|
`;
|