@aurodesignsystem/auro-formkit 5.9.0 → 5.9.2
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 +13 -4
- 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/README.md +62 -62
- package/components/checkbox/demo/api.js +1 -1
- package/components/checkbox/demo/api.md +127 -84
- package/components/checkbox/demo/api.min.js +125 -42
- package/components/checkbox/demo/index.md +9 -281
- package/components/checkbox/demo/index.min.js +125 -42
- package/components/checkbox/demo/readme.html +3 -4
- package/components/checkbox/demo/readme.md +62 -62
- package/components/checkbox/dist/auro-checkbox-group.d.ts +7 -8
- package/components/checkbox/dist/auro-checkbox.d.ts +74 -20
- package/components/checkbox/dist/index.js +125 -42
- package/components/checkbox/dist/registered.js +125 -42
- package/components/combobox/README.md +76 -74
- package/components/combobox/demo/api.html +1 -0
- package/components/combobox/demo/api.js +11 -12
- package/components/combobox/demo/api.md +1302 -875
- package/components/combobox/demo/api.min.js +416 -492
- package/components/combobox/demo/index.html +1 -7
- package/components/combobox/demo/index.js +0 -19
- package/components/combobox/demo/index.md +43 -723
- package/components/combobox/demo/index.min.js +369 -302
- package/components/combobox/demo/readme.html +3 -4
- package/components/combobox/demo/readme.md +76 -74
- package/components/combobox/dist/auro-combobox.d.ts +42 -42
- package/components/combobox/dist/index.js +204 -210
- package/components/combobox/dist/registered.js +204 -210
- package/components/counter/README.md +81 -66
- package/components/counter/demo/api.html +1 -2
- package/components/counter/demo/api.js +2 -2
- package/components/counter/demo/api.md +777 -259
- package/components/counter/demo/api.min.js +119 -171
- package/components/counter/demo/index.html +0 -2
- package/components/counter/demo/index.md +20 -329
- package/components/counter/demo/index.min.js +117 -152
- package/components/counter/demo/readme.html +3 -4
- package/components/counter/demo/readme.md +81 -66
- package/components/counter/dist/auro-counter-group.d.ts +21 -36
- package/components/counter/dist/auro-counter-wrapper.d.ts +1 -6
- package/components/counter/dist/auro-counter.d.ts +5 -8
- package/components/counter/dist/index.js +117 -152
- package/components/counter/dist/registered.js +117 -152
- package/components/datepicker/README.md +57 -61
- package/components/datepicker/demo/api.js +8 -8
- package/components/datepicker/demo/api.md +720 -561
- package/components/datepicker/demo/api.min.js +678 -2769
- package/components/datepicker/demo/index.md +65 -117
- package/components/datepicker/demo/index.min.js +678 -2769
- package/components/datepicker/demo/readme.html +3 -4
- package/components/datepicker/demo/readme.md +57 -61
- package/components/datepicker/dist/auro-calendar.d.ts +60 -34
- package/components/datepicker/dist/auro-datepicker.d.ts +32 -32
- package/components/datepicker/dist/iconVersion.d.ts +1 -1
- package/components/datepicker/dist/index.js +505 -2596
- package/components/datepicker/dist/popoverVersion.d.ts +1 -1
- package/components/datepicker/dist/registered.js +505 -2596
- package/components/dropdown/README.md +78 -62
- package/components/dropdown/demo/api.js +4 -4
- package/components/dropdown/demo/api.md +520 -478
- package/components/dropdown/demo/api.min.js +80 -95
- package/components/dropdown/demo/index.md +65 -119
- package/components/dropdown/demo/index.min.js +70 -85
- package/components/dropdown/demo/readme.html +3 -4
- package/components/dropdown/demo/readme.md +78 -62
- package/components/dropdown/dist/auro-dropdown.d.ts +42 -33
- package/components/dropdown/dist/iconVersion.d.ts +1 -1
- package/components/dropdown/dist/index.js +70 -85
- package/components/dropdown/dist/registered.js +70 -85
- package/components/form/README.md +16 -58
- package/components/form/demo/api.md +16 -21
- package/components/form/demo/api.min.js +13 -8
- package/components/form/demo/index.md +38 -39
- package/components/form/demo/index.min.js +13 -8
- package/components/form/demo/readme.md +16 -58
- package/components/form/demo/working.html +1 -1
- package/components/form/dist/auro-form.d.ts +15 -3
- package/components/form/dist/index.js +13 -8
- package/components/form/dist/registered.js +13 -8
- package/components/input/README.md +55 -60
- package/components/input/demo/api.js +3 -5
- package/components/input/demo/api.md +558 -537
- package/components/input/demo/api.min.js +102 -115
- package/components/input/demo/index.js +0 -1
- package/components/input/demo/index.md +90 -203
- package/components/input/demo/index.min.js +87 -99
- package/components/input/demo/readme.html +3 -4
- package/components/input/demo/readme.md +55 -60
- package/components/input/dist/auro-input.d.ts +6 -5
- package/components/input/dist/base-input.d.ts +68 -69
- package/components/input/dist/iconVersion.d.ts +1 -1
- package/components/input/dist/index.js +87 -82
- package/components/input/dist/registered.js +87 -82
- package/components/menu/README.md +61 -61
- package/components/menu/demo/api.js +6 -8
- package/components/menu/demo/api.md +520 -577
- package/components/menu/demo/api.min.js +199 -97
- package/components/menu/demo/index.js +0 -5
- package/components/menu/demo/index.md +36 -119
- package/components/menu/demo/index.min.js +164 -101
- package/components/menu/demo/readme.html +3 -4
- package/components/menu/demo/readme.md +61 -61
- package/components/menu/dist/auro-menu.context.d.ts +5 -0
- package/components/menu/dist/auro-menu.d.ts +75 -37
- package/components/menu/dist/auro-menuoption.d.ts +38 -13
- package/components/menu/dist/index.js +164 -50
- package/components/menu/dist/registered.js +164 -50
- package/components/radio/README.md +61 -57
- package/components/radio/demo/api.js +2 -2
- package/components/radio/demo/api.md +241 -170
- package/components/radio/demo/api.min.js +154 -77
- package/components/radio/demo/index.md +22 -99
- package/components/radio/demo/index.min.js +145 -68
- package/components/radio/demo/readme.html +3 -4
- package/components/radio/demo/readme.md +61 -57
- package/components/radio/dist/auro-radio-group.d.ts +67 -35
- package/components/radio/dist/auro-radio.d.ts +56 -33
- package/components/radio/dist/index.js +145 -68
- package/components/radio/dist/registered.js +145 -68
- package/components/select/README.md +68 -65
- package/components/select/demo/api.html +1 -0
- package/components/select/demo/api.js +7 -7
- package/components/select/demo/api.md +1305 -625
- package/components/select/demo/api.min.js +357 -262
- package/components/select/demo/index.html +0 -2
- package/components/select/demo/index.md +25 -833
- package/components/select/demo/index.min.js +356 -230
- package/components/select/demo/readme.html +3 -4
- package/components/select/demo/readme.md +68 -65
- package/components/select/dist/auro-select.d.ts +99 -90
- package/components/select/dist/index.js +192 -180
- package/components/select/dist/registered.js +192 -180
- package/package.json +9 -4
|
@@ -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 = '202601271813';
|
|
4225
4201
|
|
|
4226
4202
|
class AuroElement extends LitElement {
|
|
4227
4203
|
static get properties() {
|
|
@@ -4327,12 +4303,14 @@ class AuroElement extends LitElement {
|
|
|
4327
4303
|
}
|
|
4328
4304
|
}
|
|
4329
4305
|
|
|
4330
|
-
// Copyright (c)
|
|
4306
|
+
// Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
4331
4307
|
// See LICENSE in the project root for license information.
|
|
4332
4308
|
|
|
4333
4309
|
|
|
4334
|
-
|
|
4335
|
-
|
|
4310
|
+
/**
|
|
4311
|
+
* The `auro-dropdown` element provides a way to place content in a bib that can be toggled.
|
|
4312
|
+
* @customElement auro-dropdown
|
|
4313
|
+
*
|
|
4336
4314
|
* @slot - Default slot for the popover content.
|
|
4337
4315
|
* @slot helpText - Defines the content of the helpText.
|
|
4338
4316
|
* @slot trigger - Defines the content of the trigger.
|
|
@@ -4368,7 +4346,7 @@ class AuroDropdown extends AuroElement {
|
|
|
4368
4346
|
/** @private */
|
|
4369
4347
|
this.bibElement = createRef();
|
|
4370
4348
|
|
|
4371
|
-
this.
|
|
4349
|
+
this._intializeDefaults();
|
|
4372
4350
|
}
|
|
4373
4351
|
|
|
4374
4352
|
/**
|
|
@@ -4389,7 +4367,7 @@ class AuroDropdown extends AuroElement {
|
|
|
4389
4367
|
* @private
|
|
4390
4368
|
* @returns {void} Internal defaults.
|
|
4391
4369
|
*/
|
|
4392
|
-
|
|
4370
|
+
_intializeDefaults() {
|
|
4393
4371
|
this.appearance = 'default';
|
|
4394
4372
|
this.chevron = false;
|
|
4395
4373
|
this.disabled = false;
|
|
@@ -4510,9 +4488,18 @@ class AuroDropdown extends AuroElement {
|
|
|
4510
4488
|
static get properties() {
|
|
4511
4489
|
return {
|
|
4512
4490
|
|
|
4491
|
+
/**
|
|
4492
|
+
* The value for the role attribute of the trigger element.
|
|
4493
|
+
*/
|
|
4494
|
+
a11yRole: {
|
|
4495
|
+
type: String || undefined,
|
|
4496
|
+
attribute: false,
|
|
4497
|
+
reflect: false
|
|
4498
|
+
},
|
|
4499
|
+
|
|
4513
4500
|
/**
|
|
4514
4501
|
* Defines whether the component will be on lighter or darker backgrounds.
|
|
4515
|
-
* @
|
|
4502
|
+
* @type {'default' | 'inverse'}
|
|
4516
4503
|
* @default 'default'
|
|
4517
4504
|
*/
|
|
4518
4505
|
appearance: {
|
|
@@ -4522,7 +4509,6 @@ class AuroDropdown extends AuroElement {
|
|
|
4522
4509
|
|
|
4523
4510
|
/**
|
|
4524
4511
|
* If declared, bib's position will be automatically calculated where to appear.
|
|
4525
|
-
* @default false
|
|
4526
4512
|
*/
|
|
4527
4513
|
autoPlacement: {
|
|
4528
4514
|
type: Boolean,
|
|
@@ -4531,7 +4517,6 @@ class AuroDropdown extends AuroElement {
|
|
|
4531
4517
|
|
|
4532
4518
|
/**
|
|
4533
4519
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
4534
|
-
* @default false
|
|
4535
4520
|
*/
|
|
4536
4521
|
disableEventShow: {
|
|
4537
4522
|
type: Boolean,
|
|
@@ -4548,11 +4533,11 @@ class AuroDropdown extends AuroElement {
|
|
|
4548
4533
|
|
|
4549
4534
|
/**
|
|
4550
4535
|
* If declared, the dropdown displays a chevron on the right.
|
|
4551
|
-
* @attr {Boolean} chevron
|
|
4552
4536
|
*/
|
|
4553
4537
|
chevron: {
|
|
4554
4538
|
type: Boolean,
|
|
4555
|
-
reflect: true
|
|
4539
|
+
reflect: true,
|
|
4540
|
+
attribute: 'chevron'
|
|
4556
4541
|
},
|
|
4557
4542
|
|
|
4558
4543
|
/**
|
|
@@ -4589,7 +4574,7 @@ class AuroDropdown extends AuroElement {
|
|
|
4589
4574
|
},
|
|
4590
4575
|
|
|
4591
4576
|
/**
|
|
4592
|
-
* If declared
|
|
4577
|
+
* If declared, will apply error UI to the dropdown.
|
|
4593
4578
|
*/
|
|
4594
4579
|
error: {
|
|
4595
4580
|
type: Boolean,
|
|
@@ -4644,18 +4629,28 @@ class AuroDropdown extends AuroElement {
|
|
|
4644
4629
|
},
|
|
4645
4630
|
|
|
4646
4631
|
/**
|
|
4647
|
-
* Defines the screen size breakpoint
|
|
4648
|
-
* at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.
|
|
4632
|
+
* Defines the screen size breakpoint at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.
|
|
4649
4633
|
*
|
|
4650
4634
|
* When expanded, the dropdown will automatically display in fullscreen mode
|
|
4651
4635
|
* if the screen size is equal to or smaller than the selected breakpoint.
|
|
4652
|
-
* @
|
|
4636
|
+
* @type {'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'}
|
|
4637
|
+
* @default 'sm'
|
|
4653
4638
|
*/
|
|
4654
4639
|
fullscreenBreakpoint: {
|
|
4655
4640
|
type: String,
|
|
4656
4641
|
reflect: true
|
|
4657
4642
|
},
|
|
4658
4643
|
|
|
4644
|
+
/**
|
|
4645
|
+
* Sets the layout of the dropdown.
|
|
4646
|
+
* @type {'classic' | 'emphasized' | 'snowflake'}
|
|
4647
|
+
* @default 'classic'
|
|
4648
|
+
*/
|
|
4649
|
+
layout: {
|
|
4650
|
+
type: String,
|
|
4651
|
+
reflect: true
|
|
4652
|
+
},
|
|
4653
|
+
|
|
4659
4654
|
/**
|
|
4660
4655
|
* Defines if the trigger should size based on the parent element providing the border UI.
|
|
4661
4656
|
* @private
|
|
@@ -4676,7 +4671,6 @@ class AuroDropdown extends AuroElement {
|
|
|
4676
4671
|
/**
|
|
4677
4672
|
* If declared, the bib will NOT flip to an alternate position
|
|
4678
4673
|
* when there isn't enough space in the specified `placement`.
|
|
4679
|
-
* @default false
|
|
4680
4674
|
*/
|
|
4681
4675
|
noFlip: {
|
|
4682
4676
|
type: Boolean,
|
|
@@ -4685,7 +4679,6 @@ class AuroDropdown extends AuroElement {
|
|
|
4685
4679
|
|
|
4686
4680
|
/**
|
|
4687
4681
|
* If declared, the dropdown will shift its position to avoid being cut off by the viewport.
|
|
4688
|
-
* @default false
|
|
4689
4682
|
*/
|
|
4690
4683
|
shift: {
|
|
4691
4684
|
type: Boolean,
|
|
@@ -4718,7 +4711,7 @@ class AuroDropdown extends AuroElement {
|
|
|
4718
4711
|
},
|
|
4719
4712
|
|
|
4720
4713
|
/**
|
|
4721
|
-
* DEPRECATED - use `appearance` instead.
|
|
4714
|
+
* DEPRECATED - use `appearance="inverse"` instead.
|
|
4722
4715
|
*/
|
|
4723
4716
|
onDark: {
|
|
4724
4717
|
type: Boolean,
|
|
@@ -4735,7 +4728,8 @@ class AuroDropdown extends AuroElement {
|
|
|
4735
4728
|
|
|
4736
4729
|
/**
|
|
4737
4730
|
* Position where the bib should appear relative to the trigger.
|
|
4738
|
-
* @
|
|
4731
|
+
* @type {'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'}
|
|
4732
|
+
* @default 'bottom-start'
|
|
4739
4733
|
*/
|
|
4740
4734
|
placement: {
|
|
4741
4735
|
type: String,
|
|
@@ -4747,15 +4741,6 @@ class AuroDropdown extends AuroElement {
|
|
|
4747
4741
|
*/
|
|
4748
4742
|
tabIndex: {
|
|
4749
4743
|
type: Number
|
|
4750
|
-
},
|
|
4751
|
-
|
|
4752
|
-
/**
|
|
4753
|
-
* The value for the role attribute of the trigger element.
|
|
4754
|
-
*/
|
|
4755
|
-
a11yRole: {
|
|
4756
|
-
type: String || undefined,
|
|
4757
|
-
attribute: false,
|
|
4758
|
-
reflect: false
|
|
4759
4744
|
}
|
|
4760
4745
|
};
|
|
4761
4746
|
}
|
|
@@ -4782,7 +4767,7 @@ class AuroDropdown extends AuroElement {
|
|
|
4782
4767
|
|
|
4783
4768
|
/**
|
|
4784
4769
|
* This will register this element with the browser.
|
|
4785
|
-
* @param {string} [name="auro-dropdown"] - The name of element that you want to register
|
|
4770
|
+
* @param {string} [name="auro-dropdown"] - The name of the element that you want to register.
|
|
4786
4771
|
*
|
|
4787
4772
|
* @example
|
|
4788
4773
|
* AuroDropdown.register("custom-dropdown") // this will register this element to <custom-dropdown/>
|
|
@@ -5452,7 +5437,7 @@ let l$1 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[
|
|
|
5452
5437
|
|
|
5453
5438
|
var buttonVersion = '12.3.0';
|
|
5454
5439
|
|
|
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;
|
|
5440
|
+
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
5441
|
`;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
5442
|
`;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
5443
|
`;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 +5461,7 @@ class p{registerComponent(t,a){customElements.get(t)||customElements.define(t,cl
|
|
|
5476
5461
|
</div>
|
|
5477
5462
|
`}}
|
|
5478
5463
|
|
|
5479
|
-
var iconVersion = '9.1.
|
|
5464
|
+
var iconVersion = '9.1.1';
|
|
5480
5465
|
|
|
5481
5466
|
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
5467
|
`;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,19 +5844,20 @@ class AuroHelpText extends LitElement {
|
|
|
5859
5844
|
}
|
|
5860
5845
|
}
|
|
5861
5846
|
|
|
5862
|
-
var formkitVersion = '
|
|
5847
|
+
var formkitVersion = '202601271813';
|
|
5863
5848
|
|
|
5864
5849
|
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
5850
|
|
|
5866
5851
|
var emphasizedColorCss = css`:host([layout=emphasized]) [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout=emphasized]) [auro-dropdown]:hover{--ds-auro-dropdown-trigger-hover-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout=emphasized]) [auro-dropdown][layout*=emphasized]::part(wrapper){--ds-auro-dropdown-trigger-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}`;
|
|
5867
5852
|
|
|
5868
|
-
// Copyright (c)
|
|
5853
|
+
// Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
5869
5854
|
// See LICENSE in the project root for license information.
|
|
5870
5855
|
|
|
5871
5856
|
|
|
5872
5857
|
// See https://git.io/JJ6SJ for "How to document your components using JSDoc"
|
|
5873
5858
|
/**
|
|
5874
|
-
* The auro-select element is a wrapper for auro-dropdown and auro-menu to create a dropdown menu control.
|
|
5859
|
+
* The `auro-select` element is a wrapper for auro-dropdown and auro-menu to create a dropdown menu control.
|
|
5860
|
+
* @customElement auro-select
|
|
5875
5861
|
*
|
|
5876
5862
|
* @slot - Default slot for the menu content.
|
|
5877
5863
|
* @slot ariaLabel.bib.close - Sets aria-label on close button in fullscreen bib
|
|
@@ -5884,10 +5870,9 @@ var emphasizedColorCss = css`:host([layout=emphasized]) [auro-dropdown]{--ds-aur
|
|
|
5884
5870
|
* @event auroSelect-valueSet - Notifies that the component has a new value set.
|
|
5885
5871
|
* @event input - Notifies every time the value prop of the element is changed. The updated `value` and `optionSelected` will be delivered in `detail` object.
|
|
5886
5872
|
* @event auroFormElement-validated - Notifies that the `validity` and `errorMessage` values have changed.
|
|
5887
|
-
*
|
|
5888
5873
|
* @csspart dropdownTrigger - Apply CSS to the trigger content container.
|
|
5889
5874
|
* @csspart dropdownChevron - Apply CSS to the collapsed/expanded state icon container.
|
|
5890
|
-
* @csspart dropdownSize - Apply size styles to the dropdown bib
|
|
5875
|
+
* @csspart dropdownSize - Apply size styles to the dropdown bib (height, width, maxHeight, maxWidth only).
|
|
5891
5876
|
* @csspart helpText - Apply CSS to the help text.
|
|
5892
5877
|
*/
|
|
5893
5878
|
|
|
@@ -5896,7 +5881,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
5896
5881
|
constructor() {
|
|
5897
5882
|
super();
|
|
5898
5883
|
|
|
5899
|
-
this.
|
|
5884
|
+
this._initializeDefaults();
|
|
5900
5885
|
|
|
5901
5886
|
const idLength = 36;
|
|
5902
5887
|
const idSubstrEnd = 8;
|
|
@@ -5970,7 +5955,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
5970
5955
|
* @private
|
|
5971
5956
|
* @returns {void} Internal defaults.
|
|
5972
5957
|
*/
|
|
5973
|
-
|
|
5958
|
+
_initializeDefaults() {
|
|
5974
5959
|
this.appearance = 'default';
|
|
5975
5960
|
this.value = undefined;
|
|
5976
5961
|
this.fullscreenBreakpoint = 'sm';
|
|
@@ -5991,7 +5976,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
5991
5976
|
|
|
5992
5977
|
/**
|
|
5993
5978
|
* Defines whether the component will be on lighter or darker backgrounds.
|
|
5994
|
-
* @
|
|
5979
|
+
* @type {'default' | 'inverse'}
|
|
5995
5980
|
* @default 'default'
|
|
5996
5981
|
*/
|
|
5997
5982
|
appearance: {
|
|
@@ -5999,6 +5984,14 @@ class AuroSelect extends AuroElement$1 {
|
|
|
5999
5984
|
reflect: true
|
|
6000
5985
|
},
|
|
6001
5986
|
|
|
5987
|
+
/**
|
|
5988
|
+
* If declared, bib's position will be automatically calculated where to appear.
|
|
5989
|
+
*/
|
|
5990
|
+
autoPlacement: {
|
|
5991
|
+
type: Boolean,
|
|
5992
|
+
reflect: true
|
|
5993
|
+
},
|
|
5994
|
+
|
|
6002
5995
|
/**
|
|
6003
5996
|
* If declared, sets the autocomplete attribute for the select element.
|
|
6004
5997
|
*/
|
|
@@ -6008,28 +6001,27 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6008
6001
|
},
|
|
6009
6002
|
|
|
6010
6003
|
/**
|
|
6011
|
-
*
|
|
6004
|
+
* When attribute is present, element shows disabled state.
|
|
6012
6005
|
*/
|
|
6013
|
-
|
|
6006
|
+
disabled: {
|
|
6014
6007
|
type: Boolean,
|
|
6015
6008
|
reflect: true
|
|
6016
6009
|
},
|
|
6017
6010
|
|
|
6018
6011
|
/**
|
|
6019
|
-
*
|
|
6020
|
-
* @default false
|
|
6012
|
+
* When defined, sets persistent validity to `customError` and sets `setCustomValidity` = attribute value.
|
|
6021
6013
|
*/
|
|
6022
|
-
|
|
6023
|
-
type:
|
|
6014
|
+
error: {
|
|
6015
|
+
type: String,
|
|
6024
6016
|
reflect: true
|
|
6025
6017
|
},
|
|
6026
6018
|
|
|
6027
6019
|
/**
|
|
6028
|
-
*
|
|
6020
|
+
* If declared, make the width of the bib match the width of the content, rather than the trigger.
|
|
6029
6021
|
*/
|
|
6030
|
-
|
|
6022
|
+
flexMenuWidth: {
|
|
6031
6023
|
type: Boolean,
|
|
6032
|
-
reflect: true
|
|
6024
|
+
reflect: true,
|
|
6033
6025
|
},
|
|
6034
6026
|
|
|
6035
6027
|
/**
|
|
@@ -6040,6 +6032,45 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6040
6032
|
reflect: true
|
|
6041
6033
|
},
|
|
6042
6034
|
|
|
6035
|
+
/**
|
|
6036
|
+
* If declared, the label and value will be visually hidden and the displayValue will render 100% of the time.
|
|
6037
|
+
*/
|
|
6038
|
+
forceDisplayValue: {
|
|
6039
|
+
type: Boolean,
|
|
6040
|
+
reflect: true
|
|
6041
|
+
},
|
|
6042
|
+
|
|
6043
|
+
/**
|
|
6044
|
+
* Defines the screen size breakpoint at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.
|
|
6045
|
+
*
|
|
6046
|
+
* When expanded, the dropdown will automatically display in fullscreen mode
|
|
6047
|
+
* if the screen size is equal to or smaller than the selected breakpoint.
|
|
6048
|
+
* @type {'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'}
|
|
6049
|
+
* @default 'sm'
|
|
6050
|
+
*/
|
|
6051
|
+
fullscreenBreakpoint: {
|
|
6052
|
+
type: String,
|
|
6053
|
+
reflect: true
|
|
6054
|
+
},
|
|
6055
|
+
|
|
6056
|
+
/**
|
|
6057
|
+
* @private
|
|
6058
|
+
*/
|
|
6059
|
+
hasDisplayValueContent: {
|
|
6060
|
+
type: Boolean,
|
|
6061
|
+
reflect: false,
|
|
6062
|
+
attribute: false
|
|
6063
|
+
},
|
|
6064
|
+
|
|
6065
|
+
/**
|
|
6066
|
+
* @private
|
|
6067
|
+
*/
|
|
6068
|
+
hasFocus: {
|
|
6069
|
+
type: Boolean,
|
|
6070
|
+
reflect: false,
|
|
6071
|
+
attribute: false
|
|
6072
|
+
},
|
|
6073
|
+
|
|
6043
6074
|
/**
|
|
6044
6075
|
* @private
|
|
6045
6076
|
*/
|
|
@@ -6049,40 +6080,46 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6049
6080
|
},
|
|
6050
6081
|
|
|
6051
6082
|
/**
|
|
6052
|
-
* If declared,
|
|
6083
|
+
* If declared, make bib.fullscreen.headline in HeadingDisplay.
|
|
6084
|
+
* Otherwise, Heading 600.
|
|
6053
6085
|
*/
|
|
6054
|
-
|
|
6086
|
+
largeFullscreenHeadline: {
|
|
6055
6087
|
type: Boolean,
|
|
6056
6088
|
reflect: true
|
|
6057
6089
|
},
|
|
6058
6090
|
|
|
6059
6091
|
/**
|
|
6060
|
-
*
|
|
6092
|
+
* Determines the overall layout of the select component.
|
|
6093
|
+
* @type {'classic' | 'emphasized' | 'snowflake'}
|
|
6094
|
+
* @default 'classic'
|
|
6061
6095
|
*/
|
|
6062
|
-
|
|
6096
|
+
layout: {
|
|
6063
6097
|
type: String,
|
|
6064
6098
|
reflect: true
|
|
6065
6099
|
},
|
|
6066
6100
|
|
|
6067
6101
|
/**
|
|
6068
|
-
*
|
|
6069
|
-
* at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.
|
|
6070
|
-
*
|
|
6071
|
-
* When expanded, the dropdown will automatically display in fullscreen mode
|
|
6072
|
-
* if the screen size is equal to or smaller than the selected breakpoint.
|
|
6073
|
-
* @default sm
|
|
6102
|
+
* If declared, the popover and trigger will be set to the same width.
|
|
6074
6103
|
*/
|
|
6075
|
-
|
|
6076
|
-
type:
|
|
6104
|
+
matchWidth: {
|
|
6105
|
+
type: Boolean,
|
|
6077
6106
|
reflect: true
|
|
6078
6107
|
},
|
|
6079
6108
|
|
|
6080
6109
|
/**
|
|
6081
|
-
*
|
|
6082
|
-
* Otherwise, Heading 600.
|
|
6110
|
+
* Sets multi-select mode, allowing multiple options to be selected at once.
|
|
6083
6111
|
*/
|
|
6084
|
-
|
|
6112
|
+
multiSelect: {
|
|
6085
6113
|
type: Boolean,
|
|
6114
|
+
reflect: true,
|
|
6115
|
+
attribute: 'multiselect'
|
|
6116
|
+
},
|
|
6117
|
+
|
|
6118
|
+
/**
|
|
6119
|
+
* The name for the select element.
|
|
6120
|
+
*/
|
|
6121
|
+
name: {
|
|
6122
|
+
type: String,
|
|
6086
6123
|
reflect: true
|
|
6087
6124
|
},
|
|
6088
6125
|
|
|
@@ -6097,22 +6134,12 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6097
6134
|
/**
|
|
6098
6135
|
* If declared, the bib will NOT flip to an alternate position
|
|
6099
6136
|
* when there isn't enough space in the specified `placement`.
|
|
6100
|
-
* @default false
|
|
6101
6137
|
*/
|
|
6102
6138
|
noFlip: {
|
|
6103
6139
|
type: Boolean,
|
|
6104
6140
|
reflect: true
|
|
6105
6141
|
},
|
|
6106
6142
|
|
|
6107
|
-
/**
|
|
6108
|
-
* If set, the dropdown will shift its position to avoid being cut off by the viewport.
|
|
6109
|
-
* @default false
|
|
6110
|
-
*/
|
|
6111
|
-
shift: {
|
|
6112
|
-
type: Boolean,
|
|
6113
|
-
reflect: true
|
|
6114
|
-
},
|
|
6115
|
-
|
|
6116
6143
|
/**
|
|
6117
6144
|
* If set, disables auto-validation on blur.
|
|
6118
6145
|
*/
|
|
@@ -6131,13 +6158,21 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6131
6158
|
},
|
|
6132
6159
|
|
|
6133
6160
|
/**
|
|
6134
|
-
* DEPRECATED - use `appearance` instead.
|
|
6161
|
+
* DEPRECATED - use `appearance="inverse"` instead.
|
|
6135
6162
|
*/
|
|
6136
6163
|
onDark: {
|
|
6137
6164
|
type: Boolean,
|
|
6138
6165
|
reflect: true
|
|
6139
6166
|
},
|
|
6140
6167
|
|
|
6168
|
+
/**
|
|
6169
|
+
* @private
|
|
6170
|
+
*/
|
|
6171
|
+
options: {
|
|
6172
|
+
type: Array,
|
|
6173
|
+
state: true
|
|
6174
|
+
},
|
|
6175
|
+
|
|
6141
6176
|
/**
|
|
6142
6177
|
* Specifies the current selected menuOption. Default type is `HTMLElement`, changing to `Array<HTMLElement>` when `multiSelect` is true.
|
|
6143
6178
|
* @type {HTMLElement|Array<HTMLElement>}
|
|
@@ -6147,23 +6182,19 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6147
6182
|
},
|
|
6148
6183
|
|
|
6149
6184
|
/**
|
|
6150
|
-
*
|
|
6151
|
-
* Accepted values:
|
|
6152
|
-
* "top" | "right" | "bottom" | "left" |
|
|
6153
|
-
* "bottom-start" | "top-start" | "top-end" |
|
|
6154
|
-
* "right-start" | "right-end" | "bottom-end" |
|
|
6155
|
-
* "left-start" | "left-end".
|
|
6156
|
-
* @default bottom-start
|
|
6185
|
+
* Define custom placeholder text.
|
|
6157
6186
|
*/
|
|
6158
|
-
|
|
6187
|
+
placeholder: {
|
|
6159
6188
|
type: String,
|
|
6160
6189
|
reflect: true
|
|
6161
6190
|
},
|
|
6162
6191
|
|
|
6163
6192
|
/**
|
|
6164
|
-
*
|
|
6193
|
+
* Position where the bib should appear relative to the trigger.
|
|
6194
|
+
* @type {'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'}
|
|
6195
|
+
* @default 'bottom-start'
|
|
6165
6196
|
*/
|
|
6166
|
-
|
|
6197
|
+
placement: {
|
|
6167
6198
|
type: String,
|
|
6168
6199
|
reflect: true
|
|
6169
6200
|
},
|
|
@@ -6176,14 +6207,6 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6176
6207
|
reflect: true
|
|
6177
6208
|
},
|
|
6178
6209
|
|
|
6179
|
-
/**
|
|
6180
|
-
* When defined, sets persistent validity to `customError` and sets `setCustomValidity` = attribute value.
|
|
6181
|
-
*/
|
|
6182
|
-
error: {
|
|
6183
|
-
type: String,
|
|
6184
|
-
reflect: true
|
|
6185
|
-
},
|
|
6186
|
-
|
|
6187
6210
|
/**
|
|
6188
6211
|
* Sets a custom help text message to display for all validityStates.
|
|
6189
6212
|
*/
|
|
@@ -6206,35 +6229,33 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6206
6229
|
},
|
|
6207
6230
|
|
|
6208
6231
|
/**
|
|
6209
|
-
*
|
|
6232
|
+
* Determines the shape of the dropdown bib.
|
|
6233
|
+
* @type {'classic' | 'pill' | 'pill-left' | 'pill-right' | 'snowflake'}
|
|
6210
6234
|
*/
|
|
6211
|
-
|
|
6235
|
+
shape: {
|
|
6212
6236
|
type: String,
|
|
6213
6237
|
reflect: true
|
|
6214
6238
|
},
|
|
6215
6239
|
|
|
6216
6240
|
/**
|
|
6217
|
-
*
|
|
6241
|
+
* If set, the dropdown will shift its position to avoid being cut off by the viewport.
|
|
6218
6242
|
*/
|
|
6219
|
-
|
|
6220
|
-
type:
|
|
6221
|
-
reflect: true
|
|
6222
|
-
attribute: 'value'
|
|
6243
|
+
shift: {
|
|
6244
|
+
type: Boolean,
|
|
6245
|
+
reflect: true
|
|
6223
6246
|
},
|
|
6224
6247
|
|
|
6225
6248
|
/**
|
|
6226
|
-
*
|
|
6249
|
+
* Determines the size of the dropdown bib. Only the `emphasized` layout supports size=`xl`, while all other layouts support size=`lg`.
|
|
6250
|
+
* @type {'lg' | 'xl'}
|
|
6227
6251
|
*/
|
|
6228
|
-
|
|
6229
|
-
type:
|
|
6230
|
-
reflect: true
|
|
6231
|
-
attribute: 'multiselect'
|
|
6252
|
+
size: {
|
|
6253
|
+
type: String,
|
|
6254
|
+
reflect: true
|
|
6232
6255
|
},
|
|
6233
6256
|
|
|
6234
6257
|
/**
|
|
6235
6258
|
* Indicates whether the input is in a dirty state (has been interacted with).
|
|
6236
|
-
* @type {boolean}
|
|
6237
|
-
* @default false
|
|
6238
6259
|
* @private
|
|
6239
6260
|
*/
|
|
6240
6261
|
touched: {
|
|
@@ -6244,29 +6265,20 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6244
6265
|
},
|
|
6245
6266
|
|
|
6246
6267
|
/**
|
|
6247
|
-
*
|
|
6248
|
-
*/
|
|
6249
|
-
hasFocus: {
|
|
6250
|
-
type: Boolean,
|
|
6251
|
-
reflect: false,
|
|
6252
|
-
attribute: false
|
|
6253
|
-
},
|
|
6254
|
-
|
|
6255
|
-
/**
|
|
6256
|
-
* @private
|
|
6268
|
+
* Specifies the `validityState` this element is in.
|
|
6257
6269
|
*/
|
|
6258
|
-
|
|
6259
|
-
type:
|
|
6260
|
-
reflect:
|
|
6261
|
-
attribute: false
|
|
6270
|
+
validity: {
|
|
6271
|
+
type: String,
|
|
6272
|
+
reflect: true
|
|
6262
6273
|
},
|
|
6263
6274
|
|
|
6264
6275
|
/**
|
|
6265
|
-
*
|
|
6276
|
+
* Value selected for the component.
|
|
6266
6277
|
*/
|
|
6267
|
-
|
|
6268
|
-
type:
|
|
6269
|
-
|
|
6278
|
+
value: {
|
|
6279
|
+
type: String,
|
|
6280
|
+
reflect: true,
|
|
6281
|
+
attribute: 'value'
|
|
6270
6282
|
},
|
|
6271
6283
|
};
|
|
6272
6284
|
}
|