@aurodesignsystem-dev/auro-formkit 0.0.0-pr1309.1 → 0.0.0-pr1309.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bibtemplate/dist/buttonVersion.d.ts +1 -1
- package/components/bibtemplate/dist/headerVersion.d.ts +1 -1
- package/components/bibtemplate/dist/index.js +6 -6
- package/components/bibtemplate/dist/registered.js +6 -6
- package/components/checkbox/demo/api.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/api.min.js +93 -88
- package/components/combobox/demo/index.html +5 -1
- package/components/combobox/demo/index.js +15 -0
- package/components/combobox/demo/index.min.js +98 -88
- package/components/combobox/dist/index.js +87 -82
- package/components/combobox/dist/registered.js +87 -82
- package/components/counter/demo/api.min.js +91 -86
- package/components/counter/demo/index.min.js +91 -86
- package/components/counter/dist/index.js +85 -80
- package/components/counter/dist/registered.js +85 -80
- package/components/datepicker/demo/api.md +2 -2
- package/components/datepicker/demo/api.min.js +93 -88
- package/components/datepicker/demo/index.min.js +93 -88
- package/components/datepicker/dist/buttonVersion.d.ts +1 -1
- package/components/datepicker/dist/index.js +89 -84
- package/components/datepicker/dist/popoverVersion.d.ts +1 -1
- package/components/datepicker/dist/registered.js +89 -84
- package/components/dropdown/README.md +2 -2
- package/components/dropdown/demo/api.html +3 -1
- package/components/dropdown/demo/api.js +20 -17
- package/components/dropdown/demo/api.md +49 -52
- package/components/dropdown/demo/api.min.js +154 -90
- package/components/dropdown/demo/index.html +3 -1
- package/components/dropdown/demo/index.js +10 -13
- package/components/dropdown/demo/index.md +6 -6
- package/components/dropdown/demo/index.min.js +109 -73
- package/components/dropdown/demo/readme.html +9 -1
- package/components/dropdown/demo/readme.md +2 -2
- package/components/dropdown/dist/index.js +76 -71
- package/components/dropdown/dist/registered.js +76 -71
- package/components/input/demo/api.min.js +2 -2
- package/components/input/demo/index.min.js +2 -2
- package/components/input/dist/buttonVersion.d.ts +1 -1
- package/components/input/dist/index.js +2 -2
- package/components/input/dist/registered.js +2 -2
- package/components/radio/demo/api.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/api.min.js +89 -84
- package/components/select/demo/index.min.js +89 -84
- package/components/select/dist/index.js +83 -78
- package/components/select/dist/registered.js +83 -78
- package/custom-elements.json +1391 -1391
- package/package.json +5 -5
|
@@ -48,9 +48,17 @@
|
|
|
48
48
|
Prism.highlightAll();
|
|
49
49
|
})
|
|
50
50
|
</script>
|
|
51
|
-
<script
|
|
51
|
+
<script type="module">
|
|
52
|
+
import { initExamples } from "./index.min.js";
|
|
53
|
+
|
|
54
|
+
window.addEventListener('load', () => {
|
|
55
|
+
initExamples();
|
|
56
|
+
});
|
|
57
|
+
</script>
|
|
52
58
|
|
|
53
59
|
<!-- If additional elements are needed for the demo, add them here. -->
|
|
60
|
+
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/+esm" type="module"></script>
|
|
54
61
|
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/+esm" type="module"></script>
|
|
62
|
+
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/+esm" type="module"></script>
|
|
55
63
|
</body>
|
|
56
64
|
</html>
|
|
@@ -124,7 +124,7 @@ This will create a new custom element `<custom-dropdown>` that behaves exactly l
|
|
|
124
124
|
<div style="padding: var(--ds-size-150);">
|
|
125
125
|
Lorem ipsum solar
|
|
126
126
|
<br />
|
|
127
|
-
<auro-button
|
|
127
|
+
<auro-button id="customCommonButton">
|
|
128
128
|
Dismiss Dropdown
|
|
129
129
|
</auro-button>
|
|
130
130
|
</div>
|
|
@@ -144,7 +144,7 @@ This will create a new custom element `<custom-dropdown>` that behaves exactly l
|
|
|
144
144
|
<div style="padding: var(--ds-size-150);">
|
|
145
145
|
Lorem ipsum solar
|
|
146
146
|
<br />
|
|
147
|
-
<auro-button
|
|
147
|
+
<auro-button id="customCommonButton">
|
|
148
148
|
Dismiss Dropdown
|
|
149
149
|
</auro-button>
|
|
150
150
|
</div>
|
|
@@ -281,6 +281,71 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
|
|
|
281
281
|
return coords;
|
|
282
282
|
}
|
|
283
283
|
|
|
284
|
+
/**
|
|
285
|
+
* Resolves with an object of overflow side offsets that determine how much the
|
|
286
|
+
* element is overflowing a given clipping boundary on each side.
|
|
287
|
+
* - positive = overflowing the boundary by that number of pixels
|
|
288
|
+
* - negative = how many pixels left before it will overflow
|
|
289
|
+
* - 0 = lies flush with the boundary
|
|
290
|
+
* @see https://floating-ui.com/docs/detectOverflow
|
|
291
|
+
*/
|
|
292
|
+
async function detectOverflow(state, options) {
|
|
293
|
+
var _await$platform$isEle;
|
|
294
|
+
if (options === void 0) {
|
|
295
|
+
options = {};
|
|
296
|
+
}
|
|
297
|
+
const {
|
|
298
|
+
x,
|
|
299
|
+
y,
|
|
300
|
+
platform,
|
|
301
|
+
rects,
|
|
302
|
+
elements,
|
|
303
|
+
strategy
|
|
304
|
+
} = state;
|
|
305
|
+
const {
|
|
306
|
+
boundary = 'clippingAncestors',
|
|
307
|
+
rootBoundary = 'viewport',
|
|
308
|
+
elementContext = 'floating',
|
|
309
|
+
altBoundary = false,
|
|
310
|
+
padding = 0
|
|
311
|
+
} = evaluate(options, state);
|
|
312
|
+
const paddingObject = getPaddingObject(padding);
|
|
313
|
+
const altContext = elementContext === 'floating' ? 'reference' : 'floating';
|
|
314
|
+
const element = elements[altBoundary ? altContext : elementContext];
|
|
315
|
+
const clippingClientRect = rectToClientRect(await platform.getClippingRect({
|
|
316
|
+
element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),
|
|
317
|
+
boundary,
|
|
318
|
+
rootBoundary,
|
|
319
|
+
strategy
|
|
320
|
+
}));
|
|
321
|
+
const rect = elementContext === 'floating' ? {
|
|
322
|
+
x,
|
|
323
|
+
y,
|
|
324
|
+
width: rects.floating.width,
|
|
325
|
+
height: rects.floating.height
|
|
326
|
+
} : rects.reference;
|
|
327
|
+
const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
|
|
328
|
+
const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
|
|
329
|
+
x: 1,
|
|
330
|
+
y: 1
|
|
331
|
+
} : {
|
|
332
|
+
x: 1,
|
|
333
|
+
y: 1
|
|
334
|
+
};
|
|
335
|
+
const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
|
|
336
|
+
elements,
|
|
337
|
+
rect,
|
|
338
|
+
offsetParent,
|
|
339
|
+
strategy
|
|
340
|
+
}) : rect);
|
|
341
|
+
return {
|
|
342
|
+
top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
|
|
343
|
+
bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
|
|
344
|
+
left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
|
|
345
|
+
right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
|
|
346
|
+
};
|
|
347
|
+
}
|
|
348
|
+
|
|
284
349
|
/**
|
|
285
350
|
* Computes the `x` and `y` coordinates that will place the floating element
|
|
286
351
|
* next to a given reference element.
|
|
@@ -310,6 +375,7 @@ const computePosition$1 = async (reference, floating, config) => {
|
|
|
310
375
|
let middlewareData = {};
|
|
311
376
|
let resetCount = 0;
|
|
312
377
|
for (let i = 0; i < validMiddleware.length; i++) {
|
|
378
|
+
var _platform$detectOverf;
|
|
313
379
|
const {
|
|
314
380
|
name,
|
|
315
381
|
fn
|
|
@@ -327,7 +393,10 @@ const computePosition$1 = async (reference, floating, config) => {
|
|
|
327
393
|
strategy,
|
|
328
394
|
middlewareData,
|
|
329
395
|
rects,
|
|
330
|
-
platform
|
|
396
|
+
platform: {
|
|
397
|
+
...platform,
|
|
398
|
+
detectOverflow: (_platform$detectOverf = platform.detectOverflow) != null ? _platform$detectOverf : detectOverflow
|
|
399
|
+
},
|
|
331
400
|
elements: {
|
|
332
401
|
reference,
|
|
333
402
|
floating
|
|
@@ -372,71 +441,6 @@ const computePosition$1 = async (reference, floating, config) => {
|
|
|
372
441
|
};
|
|
373
442
|
};
|
|
374
443
|
|
|
375
|
-
/**
|
|
376
|
-
* Resolves with an object of overflow side offsets that determine how much the
|
|
377
|
-
* element is overflowing a given clipping boundary on each side.
|
|
378
|
-
* - positive = overflowing the boundary by that number of pixels
|
|
379
|
-
* - negative = how many pixels left before it will overflow
|
|
380
|
-
* - 0 = lies flush with the boundary
|
|
381
|
-
* @see https://floating-ui.com/docs/detectOverflow
|
|
382
|
-
*/
|
|
383
|
-
async function detectOverflow(state, options) {
|
|
384
|
-
var _await$platform$isEle;
|
|
385
|
-
if (options === void 0) {
|
|
386
|
-
options = {};
|
|
387
|
-
}
|
|
388
|
-
const {
|
|
389
|
-
x,
|
|
390
|
-
y,
|
|
391
|
-
platform,
|
|
392
|
-
rects,
|
|
393
|
-
elements,
|
|
394
|
-
strategy
|
|
395
|
-
} = state;
|
|
396
|
-
const {
|
|
397
|
-
boundary = 'clippingAncestors',
|
|
398
|
-
rootBoundary = 'viewport',
|
|
399
|
-
elementContext = 'floating',
|
|
400
|
-
altBoundary = false,
|
|
401
|
-
padding = 0
|
|
402
|
-
} = evaluate(options, state);
|
|
403
|
-
const paddingObject = getPaddingObject(padding);
|
|
404
|
-
const altContext = elementContext === 'floating' ? 'reference' : 'floating';
|
|
405
|
-
const element = elements[altBoundary ? altContext : elementContext];
|
|
406
|
-
const clippingClientRect = rectToClientRect(await platform.getClippingRect({
|
|
407
|
-
element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),
|
|
408
|
-
boundary,
|
|
409
|
-
rootBoundary,
|
|
410
|
-
strategy
|
|
411
|
-
}));
|
|
412
|
-
const rect = elementContext === 'floating' ? {
|
|
413
|
-
x,
|
|
414
|
-
y,
|
|
415
|
-
width: rects.floating.width,
|
|
416
|
-
height: rects.floating.height
|
|
417
|
-
} : rects.reference;
|
|
418
|
-
const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
|
|
419
|
-
const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
|
|
420
|
-
x: 1,
|
|
421
|
-
y: 1
|
|
422
|
-
} : {
|
|
423
|
-
x: 1,
|
|
424
|
-
y: 1
|
|
425
|
-
};
|
|
426
|
-
const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
|
|
427
|
-
elements,
|
|
428
|
-
rect,
|
|
429
|
-
offsetParent,
|
|
430
|
-
strategy
|
|
431
|
-
}) : rect);
|
|
432
|
-
return {
|
|
433
|
-
top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
|
|
434
|
-
bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
|
|
435
|
-
left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
|
|
436
|
-
right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
|
|
437
|
-
};
|
|
438
|
-
}
|
|
439
|
-
|
|
440
444
|
function getPlacementList(alignment, autoAlignment, allowedPlacements) {
|
|
441
445
|
const allowedPlacementsSortedByAlignment = alignment ? [...allowedPlacements.filter(placement => getAlignment(placement) === alignment), ...allowedPlacements.filter(placement => getAlignment(placement) !== alignment)] : allowedPlacements.filter(placement => getSide(placement) === placement);
|
|
442
446
|
return allowedPlacementsSortedByAlignment.filter(placement => {
|
|
@@ -476,7 +480,7 @@ const autoPlacement$1 = function (options) {
|
|
|
476
480
|
...detectOverflowOptions
|
|
477
481
|
} = evaluate(options, state);
|
|
478
482
|
const placements$1 = alignment !== undefined || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;
|
|
479
|
-
const overflow = await detectOverflow(state, detectOverflowOptions);
|
|
483
|
+
const overflow = await platform.detectOverflow(state, detectOverflowOptions);
|
|
480
484
|
const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0;
|
|
481
485
|
const currentPlacement = placements$1[currentIndex];
|
|
482
486
|
if (currentPlacement == null) {
|
|
@@ -590,7 +594,7 @@ const flip$1 = function (options) {
|
|
|
590
594
|
fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
|
|
591
595
|
}
|
|
592
596
|
const placements = [initialPlacement, ...fallbackPlacements];
|
|
593
|
-
const overflow = await detectOverflow(state, detectOverflowOptions);
|
|
597
|
+
const overflow = await platform.detectOverflow(state, detectOverflowOptions);
|
|
594
598
|
const overflows = [];
|
|
595
599
|
let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
|
|
596
600
|
if (checkMainAxis) {
|
|
@@ -774,7 +778,8 @@ const shift$1 = function (options) {
|
|
|
774
778
|
const {
|
|
775
779
|
x,
|
|
776
780
|
y,
|
|
777
|
-
placement
|
|
781
|
+
placement,
|
|
782
|
+
platform
|
|
778
783
|
} = state;
|
|
779
784
|
const {
|
|
780
785
|
mainAxis: checkMainAxis = true,
|
|
@@ -797,7 +802,7 @@ const shift$1 = function (options) {
|
|
|
797
802
|
x,
|
|
798
803
|
y
|
|
799
804
|
};
|
|
800
|
-
const overflow = await detectOverflow(state, detectOverflowOptions);
|
|
805
|
+
const overflow = await platform.detectOverflow(state, detectOverflowOptions);
|
|
801
806
|
const crossAxis = getSideAxis(getSide(placement));
|
|
802
807
|
const mainAxis = getOppositeAxis(crossAxis);
|
|
803
808
|
let mainAxisCoord = coords[mainAxis];
|
|
@@ -3249,7 +3254,7 @@ class AuroHelpText extends LitElement {
|
|
|
3249
3254
|
}
|
|
3250
3255
|
}
|
|
3251
3256
|
|
|
3252
|
-
var formkitVersion = '
|
|
3257
|
+
var formkitVersion = '202601292208';
|
|
3253
3258
|
|
|
3254
3259
|
class AuroElement extends LitElement {
|
|
3255
3260
|
static get properties() {
|
|
@@ -281,6 +281,71 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
|
|
|
281
281
|
return coords;
|
|
282
282
|
}
|
|
283
283
|
|
|
284
|
+
/**
|
|
285
|
+
* Resolves with an object of overflow side offsets that determine how much the
|
|
286
|
+
* element is overflowing a given clipping boundary on each side.
|
|
287
|
+
* - positive = overflowing the boundary by that number of pixels
|
|
288
|
+
* - negative = how many pixels left before it will overflow
|
|
289
|
+
* - 0 = lies flush with the boundary
|
|
290
|
+
* @see https://floating-ui.com/docs/detectOverflow
|
|
291
|
+
*/
|
|
292
|
+
async function detectOverflow(state, options) {
|
|
293
|
+
var _await$platform$isEle;
|
|
294
|
+
if (options === void 0) {
|
|
295
|
+
options = {};
|
|
296
|
+
}
|
|
297
|
+
const {
|
|
298
|
+
x,
|
|
299
|
+
y,
|
|
300
|
+
platform,
|
|
301
|
+
rects,
|
|
302
|
+
elements,
|
|
303
|
+
strategy
|
|
304
|
+
} = state;
|
|
305
|
+
const {
|
|
306
|
+
boundary = 'clippingAncestors',
|
|
307
|
+
rootBoundary = 'viewport',
|
|
308
|
+
elementContext = 'floating',
|
|
309
|
+
altBoundary = false,
|
|
310
|
+
padding = 0
|
|
311
|
+
} = evaluate(options, state);
|
|
312
|
+
const paddingObject = getPaddingObject(padding);
|
|
313
|
+
const altContext = elementContext === 'floating' ? 'reference' : 'floating';
|
|
314
|
+
const element = elements[altBoundary ? altContext : elementContext];
|
|
315
|
+
const clippingClientRect = rectToClientRect(await platform.getClippingRect({
|
|
316
|
+
element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),
|
|
317
|
+
boundary,
|
|
318
|
+
rootBoundary,
|
|
319
|
+
strategy
|
|
320
|
+
}));
|
|
321
|
+
const rect = elementContext === 'floating' ? {
|
|
322
|
+
x,
|
|
323
|
+
y,
|
|
324
|
+
width: rects.floating.width,
|
|
325
|
+
height: rects.floating.height
|
|
326
|
+
} : rects.reference;
|
|
327
|
+
const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
|
|
328
|
+
const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
|
|
329
|
+
x: 1,
|
|
330
|
+
y: 1
|
|
331
|
+
} : {
|
|
332
|
+
x: 1,
|
|
333
|
+
y: 1
|
|
334
|
+
};
|
|
335
|
+
const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
|
|
336
|
+
elements,
|
|
337
|
+
rect,
|
|
338
|
+
offsetParent,
|
|
339
|
+
strategy
|
|
340
|
+
}) : rect);
|
|
341
|
+
return {
|
|
342
|
+
top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
|
|
343
|
+
bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
|
|
344
|
+
left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
|
|
345
|
+
right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
|
|
346
|
+
};
|
|
347
|
+
}
|
|
348
|
+
|
|
284
349
|
/**
|
|
285
350
|
* Computes the `x` and `y` coordinates that will place the floating element
|
|
286
351
|
* next to a given reference element.
|
|
@@ -310,6 +375,7 @@ const computePosition$1 = async (reference, floating, config) => {
|
|
|
310
375
|
let middlewareData = {};
|
|
311
376
|
let resetCount = 0;
|
|
312
377
|
for (let i = 0; i < validMiddleware.length; i++) {
|
|
378
|
+
var _platform$detectOverf;
|
|
313
379
|
const {
|
|
314
380
|
name,
|
|
315
381
|
fn
|
|
@@ -327,7 +393,10 @@ const computePosition$1 = async (reference, floating, config) => {
|
|
|
327
393
|
strategy,
|
|
328
394
|
middlewareData,
|
|
329
395
|
rects,
|
|
330
|
-
platform
|
|
396
|
+
platform: {
|
|
397
|
+
...platform,
|
|
398
|
+
detectOverflow: (_platform$detectOverf = platform.detectOverflow) != null ? _platform$detectOverf : detectOverflow
|
|
399
|
+
},
|
|
331
400
|
elements: {
|
|
332
401
|
reference,
|
|
333
402
|
floating
|
|
@@ -372,71 +441,6 @@ const computePosition$1 = async (reference, floating, config) => {
|
|
|
372
441
|
};
|
|
373
442
|
};
|
|
374
443
|
|
|
375
|
-
/**
|
|
376
|
-
* Resolves with an object of overflow side offsets that determine how much the
|
|
377
|
-
* element is overflowing a given clipping boundary on each side.
|
|
378
|
-
* - positive = overflowing the boundary by that number of pixels
|
|
379
|
-
* - negative = how many pixels left before it will overflow
|
|
380
|
-
* - 0 = lies flush with the boundary
|
|
381
|
-
* @see https://floating-ui.com/docs/detectOverflow
|
|
382
|
-
*/
|
|
383
|
-
async function detectOverflow(state, options) {
|
|
384
|
-
var _await$platform$isEle;
|
|
385
|
-
if (options === void 0) {
|
|
386
|
-
options = {};
|
|
387
|
-
}
|
|
388
|
-
const {
|
|
389
|
-
x,
|
|
390
|
-
y,
|
|
391
|
-
platform,
|
|
392
|
-
rects,
|
|
393
|
-
elements,
|
|
394
|
-
strategy
|
|
395
|
-
} = state;
|
|
396
|
-
const {
|
|
397
|
-
boundary = 'clippingAncestors',
|
|
398
|
-
rootBoundary = 'viewport',
|
|
399
|
-
elementContext = 'floating',
|
|
400
|
-
altBoundary = false,
|
|
401
|
-
padding = 0
|
|
402
|
-
} = evaluate(options, state);
|
|
403
|
-
const paddingObject = getPaddingObject(padding);
|
|
404
|
-
const altContext = elementContext === 'floating' ? 'reference' : 'floating';
|
|
405
|
-
const element = elements[altBoundary ? altContext : elementContext];
|
|
406
|
-
const clippingClientRect = rectToClientRect(await platform.getClippingRect({
|
|
407
|
-
element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),
|
|
408
|
-
boundary,
|
|
409
|
-
rootBoundary,
|
|
410
|
-
strategy
|
|
411
|
-
}));
|
|
412
|
-
const rect = elementContext === 'floating' ? {
|
|
413
|
-
x,
|
|
414
|
-
y,
|
|
415
|
-
width: rects.floating.width,
|
|
416
|
-
height: rects.floating.height
|
|
417
|
-
} : rects.reference;
|
|
418
|
-
const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
|
|
419
|
-
const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
|
|
420
|
-
x: 1,
|
|
421
|
-
y: 1
|
|
422
|
-
} : {
|
|
423
|
-
x: 1,
|
|
424
|
-
y: 1
|
|
425
|
-
};
|
|
426
|
-
const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
|
|
427
|
-
elements,
|
|
428
|
-
rect,
|
|
429
|
-
offsetParent,
|
|
430
|
-
strategy
|
|
431
|
-
}) : rect);
|
|
432
|
-
return {
|
|
433
|
-
top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
|
|
434
|
-
bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
|
|
435
|
-
left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
|
|
436
|
-
right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
|
|
437
|
-
};
|
|
438
|
-
}
|
|
439
|
-
|
|
440
444
|
function getPlacementList(alignment, autoAlignment, allowedPlacements) {
|
|
441
445
|
const allowedPlacementsSortedByAlignment = alignment ? [...allowedPlacements.filter(placement => getAlignment(placement) === alignment), ...allowedPlacements.filter(placement => getAlignment(placement) !== alignment)] : allowedPlacements.filter(placement => getSide(placement) === placement);
|
|
442
446
|
return allowedPlacementsSortedByAlignment.filter(placement => {
|
|
@@ -476,7 +480,7 @@ const autoPlacement$1 = function (options) {
|
|
|
476
480
|
...detectOverflowOptions
|
|
477
481
|
} = evaluate(options, state);
|
|
478
482
|
const placements$1 = alignment !== undefined || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;
|
|
479
|
-
const overflow = await detectOverflow(state, detectOverflowOptions);
|
|
483
|
+
const overflow = await platform.detectOverflow(state, detectOverflowOptions);
|
|
480
484
|
const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0;
|
|
481
485
|
const currentPlacement = placements$1[currentIndex];
|
|
482
486
|
if (currentPlacement == null) {
|
|
@@ -590,7 +594,7 @@ const flip$1 = function (options) {
|
|
|
590
594
|
fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
|
|
591
595
|
}
|
|
592
596
|
const placements = [initialPlacement, ...fallbackPlacements];
|
|
593
|
-
const overflow = await detectOverflow(state, detectOverflowOptions);
|
|
597
|
+
const overflow = await platform.detectOverflow(state, detectOverflowOptions);
|
|
594
598
|
const overflows = [];
|
|
595
599
|
let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
|
|
596
600
|
if (checkMainAxis) {
|
|
@@ -774,7 +778,8 @@ const shift$1 = function (options) {
|
|
|
774
778
|
const {
|
|
775
779
|
x,
|
|
776
780
|
y,
|
|
777
|
-
placement
|
|
781
|
+
placement,
|
|
782
|
+
platform
|
|
778
783
|
} = state;
|
|
779
784
|
const {
|
|
780
785
|
mainAxis: checkMainAxis = true,
|
|
@@ -797,7 +802,7 @@ const shift$1 = function (options) {
|
|
|
797
802
|
x,
|
|
798
803
|
y
|
|
799
804
|
};
|
|
800
|
-
const overflow = await detectOverflow(state, detectOverflowOptions);
|
|
805
|
+
const overflow = await platform.detectOverflow(state, detectOverflowOptions);
|
|
801
806
|
const crossAxis = getSideAxis(getSide(placement));
|
|
802
807
|
const mainAxis = getOppositeAxis(crossAxis);
|
|
803
808
|
let mainAxisCoord = coords[mainAxis];
|
|
@@ -3249,7 +3254,7 @@ class AuroHelpText extends LitElement {
|
|
|
3249
3254
|
}
|
|
3250
3255
|
}
|
|
3251
3256
|
|
|
3252
|
-
var formkitVersion = '
|
|
3257
|
+
var formkitVersion = '202601292208';
|
|
3253
3258
|
|
|
3254
3259
|
class AuroElement extends LitElement {
|
|
3255
3260
|
static get properties() {
|
|
@@ -6467,7 +6467,7 @@ class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),
|
|
|
6467
6467
|
</${this._renderTag}>
|
|
6468
6468
|
`}renderLayout(){return this.renderLayoutDefault()}}
|
|
6469
6469
|
|
|
6470
|
-
var buttonVersion = '12.3.
|
|
6470
|
+
var buttonVersion = '12.3.2';
|
|
6471
6471
|
|
|
6472
6472
|
var colorCss = i$6`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]),:host([appearance=inverse]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]),:host([appearance=inverse][error]){--ds-auro-helptext-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
6473
6473
|
|
|
@@ -6697,7 +6697,7 @@ class AuroHelpText extends i$3 {
|
|
|
6697
6697
|
}
|
|
6698
6698
|
}
|
|
6699
6699
|
|
|
6700
|
-
var formkitVersion = '
|
|
6700
|
+
var formkitVersion = '202601292208';
|
|
6701
6701
|
|
|
6702
6702
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
6703
6703
|
// See LICENSE in the project root for license information.
|
|
@@ -6392,7 +6392,7 @@ class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),
|
|
|
6392
6392
|
</${this._renderTag}>
|
|
6393
6393
|
`}renderLayout(){return this.renderLayoutDefault()}}
|
|
6394
6394
|
|
|
6395
|
-
var buttonVersion = '12.3.
|
|
6395
|
+
var buttonVersion = '12.3.2';
|
|
6396
6396
|
|
|
6397
6397
|
var colorCss = i$6`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]),:host([appearance=inverse]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]),:host([appearance=inverse][error]){--ds-auro-helptext-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
6398
6398
|
|
|
@@ -6622,7 +6622,7 @@ class AuroHelpText extends i$3 {
|
|
|
6622
6622
|
}
|
|
6623
6623
|
}
|
|
6624
6624
|
|
|
6625
|
-
var formkitVersion = '
|
|
6625
|
+
var formkitVersion = '202601292208';
|
|
6626
6626
|
|
|
6627
6627
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
6628
6628
|
// See LICENSE in the project root for license information.
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "12.3.
|
|
1
|
+
declare const _default: "12.3.2";
|
|
2
2
|
export default _default;
|
|
@@ -6333,7 +6333,7 @@ class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),
|
|
|
6333
6333
|
</${this._renderTag}>
|
|
6334
6334
|
`}renderLayout(){return this.renderLayoutDefault()}}
|
|
6335
6335
|
|
|
6336
|
-
var buttonVersion = '12.3.
|
|
6336
|
+
var buttonVersion = '12.3.2';
|
|
6337
6337
|
|
|
6338
6338
|
var colorCss = css`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]),:host([appearance=inverse]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]),:host([appearance=inverse][error]){--ds-auro-helptext-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
6339
6339
|
|
|
@@ -6563,7 +6563,7 @@ class AuroHelpText extends LitElement {
|
|
|
6563
6563
|
}
|
|
6564
6564
|
}
|
|
6565
6565
|
|
|
6566
|
-
var formkitVersion = '
|
|
6566
|
+
var formkitVersion = '202601292208';
|
|
6567
6567
|
|
|
6568
6568
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
6569
6569
|
// See LICENSE in the project root for license information.
|
|
@@ -6333,7 +6333,7 @@ class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),
|
|
|
6333
6333
|
</${this._renderTag}>
|
|
6334
6334
|
`}renderLayout(){return this.renderLayoutDefault()}}
|
|
6335
6335
|
|
|
6336
|
-
var buttonVersion = '12.3.
|
|
6336
|
+
var buttonVersion = '12.3.2';
|
|
6337
6337
|
|
|
6338
6338
|
var colorCss = css`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]),:host([appearance=inverse]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]),:host([appearance=inverse][error]){--ds-auro-helptext-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
6339
6339
|
|
|
@@ -6563,7 +6563,7 @@ class AuroHelpText extends LitElement {
|
|
|
6563
6563
|
}
|
|
6564
6564
|
}
|
|
6565
6565
|
|
|
6566
|
-
var formkitVersion = '
|
|
6566
|
+
var formkitVersion = '202601292208';
|
|
6567
6567
|
|
|
6568
6568
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
6569
6569
|
// See LICENSE in the project root for license information.
|
|
@@ -1645,7 +1645,7 @@ class AuroHelpText extends i$2 {
|
|
|
1645
1645
|
}
|
|
1646
1646
|
}
|
|
1647
1647
|
|
|
1648
|
-
var formkitVersion = '
|
|
1648
|
+
var formkitVersion = '202601292208';
|
|
1649
1649
|
|
|
1650
1650
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1651
1651
|
// See LICENSE in the project root for license information.
|
|
@@ -1620,7 +1620,7 @@ class AuroHelpText extends i$2 {
|
|
|
1620
1620
|
}
|
|
1621
1621
|
}
|
|
1622
1622
|
|
|
1623
|
-
var formkitVersion = '
|
|
1623
|
+
var formkitVersion = '202601292208';
|
|
1624
1624
|
|
|
1625
1625
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1626
1626
|
// See LICENSE in the project root for license information.
|
|
@@ -1573,7 +1573,7 @@ class AuroHelpText extends LitElement {
|
|
|
1573
1573
|
}
|
|
1574
1574
|
}
|
|
1575
1575
|
|
|
1576
|
-
var formkitVersion = '
|
|
1576
|
+
var formkitVersion = '202601292208';
|
|
1577
1577
|
|
|
1578
1578
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1579
1579
|
// See LICENSE in the project root for license information.
|
|
@@ -1573,7 +1573,7 @@ class AuroHelpText extends LitElement {
|
|
|
1573
1573
|
}
|
|
1574
1574
|
}
|
|
1575
1575
|
|
|
1576
|
-
var formkitVersion = '
|
|
1576
|
+
var formkitVersion = '202601292208';
|
|
1577
1577
|
|
|
1578
1578
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1579
1579
|
// See LICENSE in the project root for license information.
|