use-scroll-animate 9.0.0 → 9.2.0
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 +24 -0
- package/dist/components/fx-cinema.cjs +100 -0
- package/dist/components/fx-cinema.cjs.map +1 -0
- package/dist/components/fx-cinema.d.cts +70 -0
- package/dist/components/fx-cinema.d.ts +70 -0
- package/dist/components/fx-cinema.js +95 -0
- package/dist/components/fx-cinema.js.map +1 -0
- package/dist/components/fx-lottie.cjs +216 -0
- package/dist/components/fx-lottie.cjs.map +1 -0
- package/dist/components/fx-lottie.d.cts +88 -0
- package/dist/components/fx-lottie.d.ts +88 -0
- package/dist/components/fx-lottie.js +210 -0
- package/dist/components/fx-lottie.js.map +1 -0
- package/dist/components/fx2.cjs +15 -0
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.d.cts +68 -1
- package/dist/components/fx2.d.ts +68 -1
- package/dist/components/fx2.js +9 -1
- package/dist/components/fx2.js.map +1 -1
- package/dist/components/marketplace.cjs +2 -0
- package/dist/components/marketplace.cjs.map +1 -1
- package/dist/components/marketplace.js +2 -0
- package/dist/components/marketplace.js.map +1 -1
- package/dist/components/widgets.cjs +545 -207
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +106 -2
- package/dist/components/widgets.d.ts +106 -2
- package/dist/components/widgets.js +542 -209
- package/dist/components/widgets.js.map +1 -1
- package/dist/widgets.umd.js +1 -1
- package/dist/widgets.umd.js.map +1 -1
- package/docs/ROADMAP.md +2 -2
- package/docs/components.md +38 -0
- package/package.json +41 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { u as defineElement, k as clamp, y as getClock, x as setClock, v as onClockChange } from '../chunks/base-CLuqlLfG.js';
|
|
1
|
+
import { u as defineElement, k as clamp, y as getClock, x as setClock, v as onClockChange, o as onFrame } from '../chunks/base-CLuqlLfG.js';
|
|
2
2
|
import { d as springEasing } from '../chunks/spring-BFKNHmfl.js';
|
|
3
3
|
import { A as ANIMATION_FORMAT, c as createPlayer } from '../chunks/player-YzQGkKaW.js';
|
|
4
4
|
import { getEffect, playEffect } from '../chunks/registry-CnO7ZVPK.js';
|
|
@@ -12,6 +12,8 @@ import { orientationToTilt, pinchAngle, pinchScale } from './fx-gesture.js';
|
|
|
12
12
|
import { xrSupport, yawToOffset } from './fx-spatial.js';
|
|
13
13
|
import { parseMotion, bindMotion } from './dsl.js';
|
|
14
14
|
import { MARKETPLACE, searchPlugins, installedPlugins, installPlugin } from './marketplace.js';
|
|
15
|
+
import { CAMERA_MOVES, cameraFrame } from './fx-cinema.js';
|
|
16
|
+
import { lottieToKeyframes, lottieToSvg } from './fx-lottie.js';
|
|
15
17
|
import '../chunks/core-CiN5sqxB.js';
|
|
16
18
|
import './tokens.js';
|
|
17
19
|
import '../chunks/fx-CQv3IxMf.js';
|
|
@@ -52,7 +54,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
52
54
|
return -1;
|
|
53
55
|
}
|
|
54
56
|
|
|
55
|
-
var css$
|
|
57
|
+
var css$1l = "usa-carousel{display:block;position:relative;--usa-carousel-dur:520ms;--usa-carousel-ease:cubic-bezier(.22,1,.36,1);overflow:hidden;border-radius:var(--usa-radius,14px);touch-action:pan-y}.usa-carousel-viewport{position:relative;overflow:hidden;height:100%;min-height:inherit}.usa-carousel-track{display:flex;height:100%;transition:transform var(--usa-carousel-dur) var(--usa-carousel-ease);will-change:transform}.usa-carousel-track>*{flex:0 0 100%;min-width:0;box-sizing:border-box}usa-carousel:not([data-effect=\"slide\"]) .usa-carousel-track{display:grid}usa-carousel:not([data-effect=\"slide\"]) .usa-carousel-track>*{grid-area:1/1;transition:opacity var(--usa-carousel-dur) ease,transform var(--usa-carousel-dur) var(--usa-carousel-ease),filter var(--usa-carousel-dur) ease}usa-carousel[data-effect=\"cards\"] .usa-carousel-viewport{perspective:900px}usa-carousel[data-dragging] .usa-carousel-track,usa-carousel[data-dragging] .usa-carousel-track>*{transition:none}.usa-carousel-nav{position:absolute;top:50%;translate:0 -50%;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:#111;font:600 18px/1 system-ui;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:transform .2s}.usa-carousel-nav:hover{transform:scale(1.08)}.usa-carousel-nav:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}.usa-carousel-prev{left:10px}.usa-carousel-next{right:10px}.usa-carousel-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px;z-index:2}.usa-carousel-dot{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.55);cursor:pointer;transition:width .35s var(--usa-carousel-ease),background .35s}.usa-carousel-dot[aria-current=\"true\"]{width:22px;background:#fff}@media (prefers-reduced-motion:reduce){usa-carousel .usa-carousel-track,usa-carousel .usa-carousel-track>*,.usa-carousel-dot{transition:none!important}}usa-carousel[data-reduced] .usa-carousel-track,usa-carousel[data-reduced] .usa-carousel-track>*{transition:none!important}";
|
|
56
58
|
|
|
57
59
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
58
60
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -241,10 +243,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
241
243
|
}
|
|
242
244
|
}
|
|
243
245
|
return UsaCarousel;
|
|
244
|
-
}, { id: 'carousel', text: css$
|
|
246
|
+
}, { id: 'carousel', text: css$1l });
|
|
245
247
|
}
|
|
246
248
|
|
|
247
|
-
var css$
|
|
249
|
+
var css$1k = "usa-tab-bar{display:block;--usa-tab-accent:#7c5cff;--usa-tab-ease:cubic-bezier(.22,1,.36,1)}.usa-tab-bar-list{position:relative;display:flex;gap:4px;padding:4px;border-radius:12px;background:rgba(127,127,127,.12);isolation:isolate;overflow-x:auto;scrollbar-width:none}.usa-tab-bar-list::-webkit-scrollbar{display:none}.usa-tab-bar-list>[role=\"tab\"]{position:relative;z-index:1;flex:1 0 auto;border:0;background:none;color:inherit;font:inherit;font-weight:600;padding:8px 14px;border-radius:9px;cursor:pointer;opacity:.7;transition:opacity .25s,color .25s;white-space:nowrap}.usa-tab-bar-list>[role=\"tab\"][aria-selected=\"true\"]{opacity:1}.usa-tab-bar-list>[role=\"tab\"]:focus-visible{outline:2px solid var(--usa-tab-accent);outline-offset:1px}.usa-tab-bar-ink{position:absolute;z-index:0;left:0;top:4px;bottom:4px;width:0;border-radius:9px;background:var(--usa-tab-accent);pointer-events:none}usa-tab-bar[data-indicator=\"pill\"] [aria-selected=\"true\"]{color:#fff}usa-tab-bar[data-indicator=\"underline\"] .usa-tab-bar-list{background:none;border-bottom:1px solid rgba(127,127,127,.25);border-radius:0}usa-tab-bar[data-indicator=\"underline\"] .usa-tab-bar-ink{top:auto;bottom:0;height:3px;border-radius:3px}usa-tab-bar[data-indicator=\"glow\"] .usa-tab-bar-ink{background:transparent;box-shadow:0 0 0 2px var(--usa-tab-accent),0 0 18px var(--usa-tab-accent)}usa-tab-bar[data-indicator=\"gooey\"] .usa-tab-bar-ink{filter:blur(.5px);border-radius:999px}usa-tab-bar[data-indicator=\"gooey\"] [aria-selected=\"true\"]{color:#fff}.usa-tab-bar-panel{padding:14px 2px}.usa-tab-bar-panel[hidden]{display:none}";
|
|
248
250
|
|
|
249
251
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
250
252
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -357,10 +359,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
357
359
|
}
|
|
358
360
|
}
|
|
359
361
|
return UsaTabBar;
|
|
360
|
-
}, { id: 'tab-bar', text: css$
|
|
362
|
+
}, { id: 'tab-bar', text: css$1k });
|
|
361
363
|
}
|
|
362
364
|
|
|
363
|
-
var css$
|
|
365
|
+
var css$1j = "usa-disclosure{display:block;--usa-disclosure-accent:#7c5cff}usa-disclosure>details{border-bottom:1px solid rgba(127,127,127,.25);overflow:hidden}usa-disclosure>details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;font-weight:600}usa-disclosure>details>summary::-webkit-details-marker{display:none}usa-disclosure>details>summary::after{content:\"\";flex:none;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg;translate:0 -3px;transition:rotate .35s cubic-bezier(.34,1.56,.64,1),translate .35s}usa-disclosure>details[open]>summary::after{rotate:225deg;translate:0 2px}usa-disclosure>details>summary:focus-visible{outline:2px solid var(--usa-disclosure-accent);outline-offset:2px;border-radius:6px}usa-disclosure>details>:not(summary){padding:0 4px 12px}usa-disclosure[variant=\"cards\"]>details{border:1px solid rgba(127,127,127,.25);border-radius:12px;margin-bottom:8px;padding:0 10px;transition:box-shadow .3s,border-color .3s}usa-disclosure[variant=\"cards\"]>details[open]{border-color:var(--usa-disclosure-accent);box-shadow:0 8px 24px rgba(124,92,255,.16)}@media (prefers-reduced-motion:reduce){usa-disclosure>details>summary::after{transition:none}}";
|
|
364
366
|
|
|
365
367
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
366
368
|
return defineElement(tag, (Base) => {
|
|
@@ -428,10 +430,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
428
430
|
}
|
|
429
431
|
}
|
|
430
432
|
return UsaDisclosure;
|
|
431
|
-
}, { id: 'disclosure', text: css$
|
|
433
|
+
}, { id: 'disclosure', text: css$1j });
|
|
432
434
|
}
|
|
433
435
|
|
|
434
|
-
var css$
|
|
436
|
+
var css$1i = "usa-stories{display:block;position:relative;overflow:hidden;border-radius:var(--usa-radius,16px);background:#111;color:#fff;aspect-ratio:9/14;max-height:520px;user-select:none;-webkit-user-select:none;touch-action:manipulation}usa-stories>:not([data-usa-part]){position:absolute;inset:0;opacity:0;transition:opacity .35s ease,transform .5s cubic-bezier(.22,1,.36,1);transform:scale(1.04);pointer-events:none;box-sizing:border-box}usa-stories>[data-active]:not([data-usa-part]){opacity:1;transform:none;pointer-events:auto}usa-stories>img:not([data-usa-part]){width:100%;height:100%;object-fit:cover}.usa-stories-bars{position:absolute;z-index:3;top:8px;left:8px;right:48px;display:flex;gap:4px}.usa-stories-bar{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}.usa-stories-bar>i{display:block;height:100%;width:100%;background:#fff;transform-origin:left;transform:scaleX(0)}.usa-stories-bar[data-done]>i{transform:scaleX(1)}.usa-stories-toggle{position:absolute;z-index:3;top:2px;right:6px;width:36px;height:30px;border:0;background:none;color:#fff;font:700 14px/1 system-ui;cursor:pointer;border-radius:8px}.usa-stories-toggle:focus-visible{outline:2px solid #fff}@media (prefers-reduced-motion:reduce){usa-stories>*{transition:none!important;transform:none!important}}";
|
|
435
437
|
|
|
436
438
|
function defineStories(tag = 'usa-stories') {
|
|
437
439
|
return defineElement(tag, (Base) => {
|
|
@@ -564,10 +566,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
564
566
|
}
|
|
565
567
|
}
|
|
566
568
|
return UsaStories;
|
|
567
|
-
}, { id: 'stories', text: css$
|
|
569
|
+
}, { id: 'stories', text: css$1i });
|
|
568
570
|
}
|
|
569
571
|
|
|
570
|
-
var css$
|
|
572
|
+
var css$1h = "usa-modal,usa-sheet{display:contents}.usa-ov{border:0;padding:0;margin:auto;color:inherit;background:transparent;max-width:min(92vw,520px);max-height:88vh;overflow:visible}.usa-ov::backdrop{background:rgba(10,12,20,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.usa-ov-body{box-sizing:border-box;background:var(--usa-ov-bg,#fff);color:var(--usa-ov-fg,#111827);border-radius:var(--usa-ov-radius,18px);padding:var(--usa-ov-pad,22px);box-shadow:0 30px 80px -20px rgba(0,0,0,.45);max-height:88vh;overflow:auto}.usa-sheet-panel{margin:0;max-width:none;max-height:none}usa-sheet[data-side=\"right\"] .usa-sheet-panel{inset:0 0 0 auto;height:100%;width:min(88vw,var(--usa-sheet-size,380px))}usa-sheet[data-side=\"left\"] .usa-sheet-panel{inset:0 auto 0 0;height:100%;width:min(88vw,var(--usa-sheet-size,380px))}usa-sheet[data-side=\"bottom\"] .usa-sheet-panel{inset:auto 0 0 0;width:100%;max-height:85vh}usa-sheet[data-side=\"top\"] .usa-sheet-panel{inset:0 0 auto 0;width:100%;max-height:85vh}usa-sheet .usa-ov-body{height:100%;max-height:inherit;border-radius:0}usa-sheet[data-side=\"bottom\"] .usa-ov-body{border-radius:var(--usa-ov-radius,18px) var(--usa-ov-radius,18px) 0 0;height:auto;max-height:85vh;touch-action:none}usa-sheet[data-side=\"top\"] .usa-ov-body{border-radius:0 0 var(--usa-ov-radius,18px) var(--usa-ov-radius,18px);height:auto}.usa-ov-grab{width:44px;height:5px;border-radius:3px;background:rgba(127,127,127,.45);margin:-8px auto 14px;cursor:grab}@media (prefers-color-scheme:dark){.usa-ov-body{background:var(--usa-ov-bg,#171a23);color:var(--usa-ov-fg,#e5e7eb)}}";
|
|
571
573
|
|
|
572
574
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
573
575
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -794,12 +796,12 @@ function defineOverlay(tag, kind) {
|
|
|
794
796
|
}
|
|
795
797
|
}
|
|
796
798
|
return UsaOverlay;
|
|
797
|
-
}, { id: 'overlay', text: css$
|
|
799
|
+
}, { id: 'overlay', text: css$1h });
|
|
798
800
|
}
|
|
799
801
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
800
802
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
801
803
|
|
|
802
|
-
var css$
|
|
804
|
+
var css$1g = "usa-toast-stack{position:fixed;z-index:2147482000;width:min(360px,calc(100vw - 24px));pointer-events:none;--usa-tstack-bg:#111827;--usa-tstack-fg:#f9fafb}usa-toast-stack[contained]{position:absolute;width:min(360px,calc(100% - 24px))}usa-toast-stack[data-position^=\"bottom\"]{bottom:12px}usa-toast-stack[data-position^=\"top\"]{top:12px}usa-toast-stack[data-position$=\"right\"]{right:12px}usa-toast-stack[data-position$=\"left\"]{left:12px}usa-toast-stack[data-position$=\"center\"]{left:50%;transform:translateX(-50%)}.usa-tstack-list{position:relative;list-style:none;margin:0;padding:0;min-height:1px;transition:height .3s}.usa-tstack{position:absolute;left:0;right:0;display:flex;align-items:center;gap:10px;box-sizing:border-box;padding:12px 12px 12px 14px;border-radius:14px;background:var(--usa-tstack-bg);color:var(--usa-tstack-fg);box-shadow:0 12px 32px -10px rgba(0,0,0,.45);font:500 14px/1.35 system-ui,sans-serif;pointer-events:auto;touch-action:pan-y;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .3s;user-select:none}usa-toast-stack[data-position^=\"bottom\"] .usa-tstack{bottom:0;transform-origin:50% 100%}usa-toast-stack[data-position^=\"top\"] .usa-tstack{top:0;transform-origin:50% 0}.usa-tstack-icon{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:13px;font-weight:800;background:#3b82f6;color:#fff}.usa-tstack-success .usa-tstack-icon{background:#22c55e}.usa-tstack-warning .usa-tstack-icon{background:#f59e0b}.usa-tstack-error .usa-tstack-icon{background:#ef4444}.usa-tstack-text{flex:1;min-width:0;display:flex;flex-direction:column}.usa-tstack-text strong{font-weight:700}.usa-tstack-action{border:0;border-radius:8px;padding:6px 10px;background:rgba(255,255,255,.14);color:inherit;font:600 13px system-ui,sans-serif;cursor:pointer}.usa-tstack-close{border:0;background:none;color:inherit;opacity:.6;font-size:18px;line-height:1;cursor:pointer;padding:2px 4px}.usa-tstack-close:hover{opacity:1}@media (prefers-reduced-motion:reduce){.usa-tstack,.usa-tstack-list{transition:none}}";
|
|
803
805
|
|
|
804
806
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
805
807
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -970,7 +972,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
970
972
|
}
|
|
971
973
|
}
|
|
972
974
|
return UsaToastStack;
|
|
973
|
-
}, { id: 'toast', text: css$
|
|
975
|
+
}, { id: 'toast', text: css$1g });
|
|
974
976
|
}
|
|
975
977
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
976
978
|
function stackToast(input, stack) {
|
|
@@ -998,7 +1000,7 @@ function installToastTriggers() {
|
|
|
998
1000
|
});
|
|
999
1001
|
}
|
|
1000
1002
|
|
|
1001
|
-
var css$
|
|
1003
|
+
var css$1f = "usa-menu{position:relative;display:inline-block}.usa-menu-list{position:absolute;z-index:50;min-width:180px;max-width:min(280px,90vw);box-sizing:border-box;padding:6px;border-radius:12px;background:var(--usa-menu-bg,#fff);color:var(--usa-menu-fg,#111827);box-shadow:0 18px 44px -12px rgba(0,0,0,.35),0 0 0 1px rgba(127,127,127,.15);display:flex;flex-direction:column;gap:2px;text-align:left}.usa-menu-list[hidden]{display:none}usa-menu[data-placement^=\"bottom\"] .usa-menu-list{top:calc(100% + 6px)}usa-menu[data-placement^=\"top\"] .usa-menu-list{bottom:calc(100% + 6px)}usa-menu[data-placement$=\"start\"] .usa-menu-list{left:0;transform-origin:0 0}usa-menu[data-placement$=\"end\"] .usa-menu-list{right:0;transform-origin:100% 0}usa-menu[data-placement=\"top-start\"] .usa-menu-list{transform-origin:0 100%}usa-menu[data-placement=\"top-end\"] .usa-menu-list{transform-origin:100% 100%}.usa-menu-list>[role=\"menuitem\"]{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;border:0;background:none;color:inherit;font:500 14px/1.3 system-ui,sans-serif;text-align:left;text-decoration:none;padding:8px 10px;border-radius:8px;cursor:pointer}.usa-menu-list>[role=\"menuitem\"]:hover,.usa-menu-list>[role=\"menuitem\"]:focus-visible{background:var(--usa-menu-hover,rgba(124,92,255,.14));outline:none}.usa-menu-list>hr{border:0;border-top:1px solid rgba(127,127,127,.2);margin:4px 2px}@media (prefers-color-scheme:dark){.usa-menu-list{background:var(--usa-menu-bg,#1d2130);color:var(--usa-menu-fg,#e5e7eb)}}";
|
|
1002
1004
|
|
|
1003
1005
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
1004
1006
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1137,10 +1139,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1137
1139
|
}
|
|
1138
1140
|
}
|
|
1139
1141
|
return UsaMenu;
|
|
1140
|
-
}, { id: 'menu', text: css$
|
|
1142
|
+
}, { id: 'menu', text: css$1f });
|
|
1141
1143
|
}
|
|
1142
1144
|
|
|
1143
|
-
var css$
|
|
1145
|
+
var css$1e = "usa-progress-ring{position:relative;display:inline-block;vertical-align:middle;width:var(--usa-pr-size,120px);aspect-ratio:1;--usa-pr-color:#7c5cff;--usa-pr-track:rgba(127,127,127,.18);--usa-pr-width:9;font:700 calc(var(--usa-pr-size,120px)*.2)/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}usa-progress-ring[data-variant=\"semi\"]{aspect-ratio:100/56}.usa-pr-label{position:absolute;inset:0;display:grid;place-items:center}usa-progress-ring[data-variant=\"semi\"] .usa-pr-label{place-items:end center}usa-progress-ring[data-variant=\"bar\"]{display:inline-flex;width:var(--usa-pr-size,100%);aspect-ratio:auto;gap:10px;align-items:center;font-size:14px}usa-progress-ring[data-variant=\"bar\"]>.usa-pr-track{flex:1 1 auto;min-width:40px}usa-progress-ring[data-variant=\"bar\"] .usa-pr-label{position:static;display:inline}usa-progress-ring .usa-pr-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.usa-pr-svg path{fill:none;stroke-width:var(--usa-pr-width);stroke-linecap:round}.usa-pr-svg .usa-pr-track{stroke:var(--usa-pr-track)}.usa-pr-svg .usa-pr-arc{stroke:var(--usa-pr-color)}usa-progress-ring[data-variant=\"semi\"] .usa-pr-label{padding-bottom:2%}.usa-pr-track:is(div){height:10px;border-radius:999px;background:var(--usa-pr-track);overflow:hidden}.usa-pr-fill{height:100%;border-radius:inherit;background:var(--usa-pr-color);transform-origin:0 50%;transform:scaleX(0)}usa-progress-ring[data-indeterminate] .usa-pr-svg{animation:usa-pr-spin 1.1s linear infinite}usa-progress-ring[data-indeterminate] .usa-pr-fill{width:35%;transform:none!important;animation:usa-pr-slide 1.3s ease-in-out infinite}@keyframes usa-pr-spin{to{transform:rotate(360deg)}}@keyframes usa-pr-slide{from{margin-left:-35%}to{margin-left:100%}}usa-odometer{display:inline-flex;align-items:flex-end;font-variant-numeric:tabular-nums;line-height:1.15}.usa-odo-row{display:inline-flex;align-items:flex-end}.usa-odo-col{display:inline-block;height:1.15em;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}.usa-odo-strip{display:block;white-space:pre;line-height:1.15em;text-align:center}.usa-odo-sym{display:inline-block;height:1.15em}@media (prefers-reduced-motion:reduce){usa-progress-ring[data-indeterminate] .usa-pr-svg,usa-progress-ring[data-indeterminate] .usa-pr-fill{animation-duration:4s}}";
|
|
1144
1146
|
|
|
1145
1147
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1146
1148
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1280,7 +1282,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1280
1282
|
}
|
|
1281
1283
|
}
|
|
1282
1284
|
return UsaProgressRing;
|
|
1283
|
-
}, { id: 'meters', text: css$
|
|
1285
|
+
}, { id: 'meters', text: css$1e });
|
|
1284
1286
|
}
|
|
1285
1287
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1286
1288
|
return defineElement(tag, (Base) => {
|
|
@@ -1390,10 +1392,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1390
1392
|
}
|
|
1391
1393
|
}
|
|
1392
1394
|
return UsaOdometer;
|
|
1393
|
-
}, { id: 'meters', text: css$
|
|
1395
|
+
}, { id: 'meters', text: css$1e });
|
|
1394
1396
|
}
|
|
1395
1397
|
|
|
1396
|
-
var css$
|
|
1398
|
+
var css$1d = "usa-skeleton-reveal{position:relative;display:block;--usa-sk-base:rgba(127,127,127,.16);--usa-sk-hi:rgba(255,255,255,.55)}usa-skeleton-reveal[data-loading]>:not(.usa-sk-layer){visibility:hidden}.usa-sk-layer{position:absolute;inset:0;pointer-events:none}.usa-sk-box{position:absolute;border-radius:6px;background:var(--usa-sk-base);overflow:hidden}usa-skeleton-reveal[data-variant=\"wave\"] .usa-sk-box{background:linear-gradient(100deg,var(--usa-sk-base) 30%,var(--usa-sk-hi) 50%,var(--usa-sk-base) 70%) var(--usa-sk-x,0) 0/var(--usa-sk-w,600px) 100% no-repeat,var(--usa-sk-base);animation:usa-sk-wave 1.4s linear infinite}usa-skeleton-reveal[data-variant=\"pulse\"] .usa-sk-box{animation:usa-sk-pulse 1.2s ease-in-out infinite alternate}usa-skeleton-reveal[data-variant=\"glow\"] .usa-sk-box{animation:usa-sk-glow 1.6s ease-in-out infinite alternate}@keyframes usa-sk-wave{from{background-position:calc(var(--usa-sk-x,0px) - var(--usa-sk-w,600px)) 0,0 0}to{background-position:calc(var(--usa-sk-x,0px) + var(--usa-sk-w,600px)) 0,0 0}}@keyframes usa-sk-pulse{from{opacity:1}to{opacity:.45}}@keyframes usa-sk-glow{from{box-shadow:0 0 0 rgba(124,92,255,0)}to{box-shadow:0 0 14px rgba(124,92,255,.45);background:rgba(124,92,255,.22)}}@media (prefers-color-scheme:dark){usa-skeleton-reveal{--usa-sk-hi:rgba(255,255,255,.16)}}@media (prefers-reduced-motion:reduce){.usa-sk-box{animation:none!important}}";
|
|
1397
1399
|
|
|
1398
1400
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1399
1401
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1508,10 +1510,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1508
1510
|
}
|
|
1509
1511
|
}
|
|
1510
1512
|
return UsaSkeletonReveal;
|
|
1511
|
-
}, { id: 'skeleton-reveal', text: css$
|
|
1513
|
+
}, { id: 'skeleton-reveal', text: css$1d });
|
|
1512
1514
|
}
|
|
1513
1515
|
|
|
1514
|
-
var css$
|
|
1516
|
+
var css$1c = "usa-star-rating{display:inline-flex;gap:var(--usa-star-gap,4px);--usa-star-size:28px;--usa-star-on:#fbbf24;--usa-star-off:rgba(127,127,127,.28);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:8px}usa-star-rating[readonly]{cursor:default}usa-star-rating:focus-visible{outline:2px solid var(--usa-star-on);outline-offset:4px}.usa-star{position:relative;display:inline-block;width:var(--usa-star-size);height:var(--usa-star-size);--usa-star-fill:0%}.usa-star svg{display:block;width:100%;height:100%;overflow:visible;stroke:none}.usa-star-bg{fill:var(--usa-star-off)}.usa-star-fg{position:absolute;left:0;top:0;bottom:0;width:var(--usa-star-fill);overflow:hidden;transition:width .18s ease-out}.usa-star-fg svg{width:var(--usa-star-size);height:var(--usa-star-size);fill:var(--usa-star-on);filter:drop-shadow(0 1px 3px rgba(251,191,36,.45))}usa-star-rating[data-preview] .usa-star-fg{opacity:.8}.usa-star-spark{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:var(--usa-star-on);pointer-events:none}@media (prefers-reduced-motion:reduce){.usa-star-fg{transition:none}}";
|
|
1515
1517
|
|
|
1516
1518
|
const PATHS = {
|
|
1517
1519
|
star: 'M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6L2.5 9.4l6.6-.8z',
|
|
@@ -1648,10 +1650,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1648
1650
|
}
|
|
1649
1651
|
UsaStarRating.formAssociated = true;
|
|
1650
1652
|
return UsaStarRating;
|
|
1651
|
-
}, { id: 'star-rating', text: css$
|
|
1653
|
+
}, { id: 'star-rating', text: css$1c });
|
|
1652
1654
|
}
|
|
1653
1655
|
|
|
1654
|
-
var css$
|
|
1656
|
+
var css$1b = "usa-milestones{position:relative;display:block;--usa-ms-color:#7c5cff;--usa-ms-rail:rgba(127,127,127,.22);--usa-ms-gap:28px;padding:4px 0}.usa-ms-rail{position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;border-radius:3px;background:var(--usa-ms-rail);overflow:hidden}.usa-ms-fill{position:absolute;inset:0;background:linear-gradient(var(--usa-ms-color),#22d3ee);transform-origin:50% 0;transform:scaleY(0)}.usa-ms-item{position:relative;box-sizing:border-box;width:50%;padding:0 var(--usa-ms-gap) var(--usa-ms-gap);text-align:left}.usa-ms-item[data-side=\"right\"]{margin-left:50%}.usa-ms-item[data-side=\"left\"]{text-align:right}.usa-ms-dot{position:absolute;top:4px;width:14px;height:14px;border-radius:50%;background:var(--usa-ms-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--usa-ms-color) 22%,transparent);transform:scale(0)}.usa-ms-item[data-reached] .usa-ms-dot{transform:none}.usa-ms-item[data-side=\"right\"] .usa-ms-dot{left:-7px}.usa-ms-item[data-side=\"left\"] .usa-ms-dot{right:-7px}.usa-ms-date{display:block;font-size:.8em;font-weight:700;letter-spacing:.04em;color:var(--usa-ms-color);margin-bottom:2px}.usa-ms-item:not([data-reached])>:not(.usa-ms-dot){opacity:0}usa-milestones[data-layout=\"left\"] .usa-ms-rail{left:7px}usa-milestones[data-layout=\"left\"] .usa-ms-item{width:auto;margin-left:0;padding-left:calc(var(--usa-ms-gap) + 8px);text-align:left}usa-milestones[data-layout=\"left\"] .usa-ms-dot{left:1px;right:auto}@media (max-width:640px){usa-milestones .usa-ms-rail{left:7px}usa-milestones .usa-ms-item{width:auto;margin-left:0;padding-left:calc(var(--usa-ms-gap) + 8px);text-align:left}usa-milestones .usa-ms-item .usa-ms-dot{left:1px;right:auto}}";
|
|
1655
1657
|
|
|
1656
1658
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1657
1659
|
return defineElement(tag, (Base) => {
|
|
@@ -1739,10 +1741,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1739
1741
|
}
|
|
1740
1742
|
}
|
|
1741
1743
|
return UsaMilestones;
|
|
1742
|
-
}, { id: 'milestones', text: css$
|
|
1744
|
+
}, { id: 'milestones', text: css$1b });
|
|
1743
1745
|
}
|
|
1744
1746
|
|
|
1745
|
-
var css$
|
|
1747
|
+
var css$1a = "usa-masonry-flow{position:relative;display:block;width:100%}usa-masonry-flow>*{position:absolute;left:0;top:0;box-sizing:border-box;margin:0;will-change:transform}usa-masonry-flow>[data-hidden]:not([data-leaving]){display:none}usa-masonry-flow>[data-leaving]{pointer-events:none}";
|
|
1746
1748
|
|
|
1747
1749
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1748
1750
|
return defineElement(tag, (Base) => {
|
|
@@ -1863,10 +1865,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1863
1865
|
}
|
|
1864
1866
|
}
|
|
1865
1867
|
return UsaMasonryFlow;
|
|
1866
|
-
}, { id: 'masonry-flow', text: css$
|
|
1868
|
+
}, { id: 'masonry-flow', text: css$1a });
|
|
1867
1869
|
}
|
|
1868
1870
|
|
|
1869
|
-
var css$
|
|
1871
|
+
var css$19 = "usa-compare{position:relative;display:grid;overflow:hidden;border-radius:var(--usa-cmp-radius,14px);user-select:none;touch-action:pan-y;cursor:ew-resize;--usa-cmp-line:#fff;outline-offset:3px}usa-compare[data-orientation=\"vertical\"]{touch-action:pan-x;cursor:ns-resize}usa-compare>.usa-cmp-before,usa-compare>.usa-cmp-after{grid-area:1/1;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.usa-cmp-handle{position:absolute;top:0;bottom:0;left:50%;width:0;z-index:2;pointer-events:none}.usa-cmp-handle::before{content:\"\";position:absolute;top:0;bottom:0;left:-1.5px;width:3px;background:var(--usa-cmp-line);box-shadow:0 0 8px rgba(0,0,0,.35)}usa-compare[data-orientation=\"vertical\"] .usa-cmp-handle{top:50%;bottom:auto;left:0;right:0;width:auto;height:0}usa-compare[data-orientation=\"vertical\"] .usa-cmp-handle::before{left:0;right:0;top:-1.5px;width:auto;height:3px}.usa-cmp-knob{position:absolute;top:50%;left:0;display:grid;place-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:var(--usa-cmp-line);color:#111827;box-shadow:0 6px 18px rgba(0,0,0,.35);pointer-events:auto;cursor:grab;transition:transform .2s}usa-compare[data-orientation=\"vertical\"] .usa-cmp-knob{left:50%;top:0;transform:rotate(90deg)}usa-compare:active .usa-cmp-knob{transform:scale(.92)}usa-compare[data-orientation=\"vertical\"]:active .usa-cmp-knob{transform:rotate(90deg) scale(.92)}.usa-cmp-label{position:absolute;top:10px;z-index:1;padding:3px 9px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font:600 12px/1.4 system-ui,sans-serif;pointer-events:none}.usa-cmp-label-b{left:10px}.usa-cmp-label-a{right:10px}";
|
|
1870
1872
|
|
|
1871
1873
|
function defineCompare(tag = 'usa-compare') {
|
|
1872
1874
|
return defineElement(tag, (Base) => {
|
|
@@ -1990,10 +1992,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1990
1992
|
}
|
|
1991
1993
|
}
|
|
1992
1994
|
return UsaCompare;
|
|
1993
|
-
}, { id: 'compare', text: css$
|
|
1995
|
+
}, { id: 'compare', text: css$19 });
|
|
1994
1996
|
}
|
|
1995
1997
|
|
|
1996
|
-
var css$
|
|
1998
|
+
var css$18 = "usa-cube-gallery{position:relative;display:block;aspect-ratio:4/3;perspective:1100px;outline-offset:4px}.usa-cube-stage{position:absolute;inset:0;transform-style:preserve-3d;touch-action:pan-y}.usa-cube-face{position:absolute;inset:0;box-sizing:border-box;margin:0;backface-visibility:hidden;display:none;overflow:hidden;border-radius:var(--usa-cube-radius,14px)}.usa-cube-face[data-active]{display:block}.usa-cube-face>img{width:100%;height:100%;object-fit:cover;display:block}.usa-cube-btn{position:absolute;top:50%;z-index:2;width:34px;height:34px;margin-top:-17px;border:0;border-radius:50%;background:rgba(255,255,255,.85);color:#111827;font:700 20px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.25)}.usa-cube-prev{left:8px}.usa-cube-next{right:8px}.usa-cube-btn:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}";
|
|
1997
1999
|
|
|
1998
2000
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
1999
2001
|
return defineElement(tag, (Base) => {
|
|
@@ -2126,10 +2128,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2126
2128
|
}
|
|
2127
2129
|
}
|
|
2128
2130
|
return UsaCubeGallery;
|
|
2129
|
-
}, { id: 'cube-gallery', text: css$
|
|
2131
|
+
}, { id: 'cube-gallery', text: css$18 });
|
|
2130
2132
|
}
|
|
2131
2133
|
|
|
2132
|
-
var css$
|
|
2134
|
+
var css$17 = "usa-dock{display:inline-flex;align-items:flex-end;gap:var(--usa-dock-gap,8px);padding:8px 10px;border-radius:20px;background:var(--usa-dock-bg,rgba(255,255,255,.55));-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);box-shadow:0 10px 30px -10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.45);--usa-dock-size:44px}usa-dock[data-orientation=\"vertical\"]{flex-direction:column;align-items:flex-start}.usa-dock-item{--usa-dock-s:1;position:relative;display:grid;place-items:center;flex:none;width:calc(var(--usa-dock-size) * var(--usa-dock-s));height:calc(var(--usa-dock-size) * var(--usa-dock-s));border:0;padding:0;border-radius:calc(var(--usa-dock-size) * .26 * var(--usa-dock-s));background:var(--usa-dock-item,linear-gradient(135deg,#7c5cff,#22d3ee));color:#fff;font-size:calc(var(--usa-dock-size) * .5 * var(--usa-dock-s));text-decoration:none;cursor:pointer;transition:width .12s ease-out,height .12s ease-out,font-size .12s ease-out,border-radius .12s;box-shadow:0 4px 10px rgba(0,0,0,.18)}.usa-dock-item:focus-visible{outline:2px solid #7c5cff;outline-offset:3px}.usa-dock-item[data-label]::after{content:attr(data-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);padding:3px 8px;border-radius:6px;background:rgba(17,24,39,.9);color:#fff;font:500 12px/1.3 system-ui,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.usa-dock-item[data-near]::after,.usa-dock-item:focus-visible::after{opacity:1;transform:translateX(-50%)}usa-dock[data-orientation=\"vertical\"] .usa-dock-item[data-label]::after{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.usa-dock-item{transition:none}}";
|
|
2133
2135
|
|
|
2134
2136
|
function defineDock(tag = 'usa-dock') {
|
|
2135
2137
|
return defineElement(tag, (Base) => {
|
|
@@ -2197,10 +2199,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2197
2199
|
}
|
|
2198
2200
|
}
|
|
2199
2201
|
return UsaDock;
|
|
2200
|
-
}, { id: 'dock', text: css$
|
|
2202
|
+
}, { id: 'dock', text: css$17 });
|
|
2201
2203
|
}
|
|
2202
2204
|
|
|
2203
|
-
var css$
|
|
2205
|
+
var css$16 = "usa-nav-morph{position:relative;display:flex;gap:4px;align-items:center;isolation:isolate;--usa-nm-color:#7c5cff;flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}usa-nav-morph::-webkit-scrollbar{display:none}usa-nav-morph>:not(.usa-nm-ink){position:relative;z-index:1;flex:none;padding:8px 12px;border-radius:10px;color:inherit;text-decoration:none;font-weight:600;white-space:nowrap;transition:color .25s;outline-offset:2px}.usa-nm-ink{position:absolute;left:0;z-index:0;width:0;pointer-events:none;background:var(--usa-nm-color)}usa-nav-morph[data-indicator=\"underline\"] .usa-nm-ink{bottom:0;height:3px;border-radius:3px}usa-nav-morph[data-indicator=\"pill\"] .usa-nm-ink,usa-nav-morph[data-indicator=\"blob\"] .usa-nm-ink{top:0;bottom:0;border-radius:10px;opacity:.16}usa-nav-morph[data-indicator=\"blob\"] .usa-nm-ink{border-radius:999px;opacity:.2}usa-nav-morph[data-indicator=\"dot\"] .usa-nm-ink{bottom:0;height:6px;background:radial-gradient(circle,var(--usa-nm-color) 3px,transparent 3.5px)}usa-nav-morph>[aria-current=\"page\"]{color:var(--usa-nm-color)}";
|
|
2204
2206
|
|
|
2205
2207
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2206
2208
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2304,10 +2306,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2304
2306
|
}
|
|
2305
2307
|
}
|
|
2306
2308
|
return UsaNavMorph;
|
|
2307
|
-
}, { id: 'nav-morph', text: css$
|
|
2309
|
+
}, { id: 'nav-morph', text: css$16 });
|
|
2308
2310
|
}
|
|
2309
2311
|
|
|
2310
|
-
var css$
|
|
2312
|
+
var css$15 = "usa-menu-toggle{display:inline-grid;place-items:center;width:var(--usa-mt-size,44px);height:var(--usa-mt-size,44px);border-radius:12px;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;outline-offset:2px;--usa-mt-ease:cubic-bezier(.65,.05,.36,1)}usa-menu-toggle:hover{background:rgba(127,127,127,.12)}.usa-mt-box{position:relative;width:24px;height:18px}.usa-mt-bar{position:absolute;left:0;width:100%;height:2.5px;border-radius:2px;background:currentColor;transform-origin:50% 50%}.usa-mt-bar:nth-child(1){top:0}.usa-mt-bar:nth-child(2){top:7.75px}.usa-mt-bar:nth-child(3){bottom:0}usa-menu-toggle[data-animate] .usa-mt-bar{transition:transform .38s var(--usa-mt-ease),opacity .2s,top .38s var(--usa-mt-ease),bottom .38s var(--usa-mt-ease),width .38s var(--usa-mt-ease)}usa-menu-toggle[data-animate] .usa-mt-box{transition:transform .38s var(--usa-mt-ease)}usa-menu-toggle[data-variant=\"cross\"][data-open] .usa-mt-bar:nth-child(1),usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-bar:nth-child(1){top:7.75px;transform:rotate(45deg)}usa-menu-toggle[data-variant=\"cross\"][data-open] .usa-mt-bar:nth-child(2),usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-bar:nth-child(2){opacity:0;transform:scaleX(.2)}usa-menu-toggle[data-variant=\"cross\"][data-open] .usa-mt-bar:nth-child(3),usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-bar:nth-child(3){bottom:7.75px;transform:rotate(-45deg)}usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-box{transform:rotate(180deg)}usa-menu-toggle[data-variant=\"arrow\"][data-open] .usa-mt-bar:nth-child(1){width:55%;transform:translate(-2px,3.5px) rotate(-40deg)}usa-menu-toggle[data-variant=\"arrow\"][data-open] .usa-mt-bar:nth-child(3){width:55%;transform:translate(-2px,-3.5px) rotate(40deg)}usa-menu-toggle[data-variant=\"arrow\"][data-open] .usa-mt-box{transform:rotate(180deg)}usa-menu-toggle[data-variant=\"minus\"][data-open] .usa-mt-bar:nth-child(1){top:7.75px}usa-menu-toggle[data-variant=\"minus\"][data-open] .usa-mt-bar:nth-child(3){bottom:7.75px}";
|
|
2311
2313
|
|
|
2312
2314
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2313
2315
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2380,10 +2382,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2380
2382
|
}
|
|
2381
2383
|
}
|
|
2382
2384
|
return UsaMenuToggle;
|
|
2383
|
-
}, { id: 'menu-toggle', text: css$
|
|
2385
|
+
}, { id: 'menu-toggle', text: css$15 });
|
|
2384
2386
|
}
|
|
2385
2387
|
|
|
2386
|
-
var css$
|
|
2388
|
+
var css$14 = "usa-tip{position:relative;display:inline-block}.usa-tip-bubble{position:absolute;left:0;top:0;z-index:60;box-sizing:border-box;max-width:min(260px,calc(100vw - 16px));width:max-content;padding:7px 11px;border-radius:9px;background:var(--usa-tip-bg,#111827);color:var(--usa-tip-fg,#f9fafb);font:500 13px/1.4 system-ui,sans-serif;box-shadow:0 10px 26px -8px rgba(0,0,0,.4);text-align:left;white-space:normal}.usa-tip-bubble[hidden]{display:none}.usa-tip-bubble[data-placement=\"top\"]{transform-origin:50% 100%}.usa-tip-bubble[data-placement=\"bottom\"]{transform-origin:50% 0}.usa-tip-bubble[data-placement=\"left\"]{transform-origin:100% 50%}.usa-tip-bubble[data-placement=\"right\"]{transform-origin:0 50%}.usa-tip-arrow{position:absolute;width:10px;height:10px;background:inherit;transform:rotate(45deg)}.usa-tip-bubble[data-placement=\"top\"] .usa-tip-arrow{bottom:-4px;left:calc(50% - 5px + var(--usa-tip-shift,0px))}.usa-tip-bubble[data-placement=\"bottom\"] .usa-tip-arrow{top:-4px;left:calc(50% - 5px + var(--usa-tip-shift,0px))}.usa-tip-bubble[data-placement=\"left\"] .usa-tip-arrow{right:-4px;top:calc(50% - 5px)}.usa-tip-bubble[data-placement=\"right\"] .usa-tip-arrow{left:-4px;top:calc(50% - 5px)}";
|
|
2387
2389
|
|
|
2388
2390
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2389
2391
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2515,10 +2517,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2515
2517
|
}
|
|
2516
2518
|
}
|
|
2517
2519
|
return UsaTip;
|
|
2518
|
-
}, { id: 'tip', text: css$
|
|
2520
|
+
}, { id: 'tip', text: css$14 });
|
|
2519
2521
|
}
|
|
2520
2522
|
|
|
2521
|
-
var css
|
|
2523
|
+
var css$13 = "usa-stepper{--usa-st-c:#7c5cff;--usa-st-size:30px;position:relative;display:flex;justify-content:space-between;gap:8px;padding:0;counter-reset:s;max-width:100%}usa-stepper[data-orientation=\"vertical\"]{flex-direction:column;gap:22px}.usa-st-rail{position:absolute;left:calc(var(--usa-st-size)/2);right:calc(var(--usa-st-size)/2);top:calc(var(--usa-st-size)/2 - 2px);height:4px;border-radius:4px;background:rgba(127,127,127,.25);pointer-events:none}usa-stepper[data-orientation=\"vertical\"] .usa-st-rail{left:calc(var(--usa-st-size)/2 - 2px);right:auto;top:calc(var(--usa-st-size)/2);bottom:calc(var(--usa-st-size)/2);width:4px;height:auto}.usa-st-fill{position:absolute;inset:0;border-radius:inherit;background:var(--usa-st-c);transform-origin:0 0;transform:scaleX(calc(var(--usa-st-p,0%) / 100%));transition:transform .55s cubic-bezier(.6,.05,.3,1)}usa-stepper[data-orientation=\"vertical\"] .usa-st-fill{transform:scaleY(calc(var(--usa-st-p,0%) / 100%))}.usa-st-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;font:600 12px/1.25 system-ui,sans-serif;text-align:center;color:rgba(127,127,127,.95)}usa-stepper[data-orientation=\"vertical\"] .usa-st-step{flex-direction:row;text-align:left}.usa-st-step[data-current],.usa-st-step[data-done]{color:inherit}.usa-st-dot{position:relative;display:grid;place-items:center;flex:none;width:var(--usa-st-size);height:var(--usa-st-size);border-radius:50%;background:var(--usa-st-bg,#fff);box-shadow:inset 0 0 0 2px rgba(127,127,127,.4);color:#666;font-weight:700;transition:background .3s,box-shadow .3s,color .3s}.usa-st-step[data-current] .usa-st-dot{box-shadow:inset 0 0 0 2px var(--usa-st-c);color:var(--usa-st-c)}.usa-st-step[data-done] .usa-st-dot{background:var(--usa-st-c);box-shadow:none;color:#fff}.usa-st-check{position:absolute;width:60%;height:60%;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;opacity:0}.usa-st-step[data-done] .usa-st-check{stroke-dashoffset:0;opacity:1}.usa-st-step[data-done] .usa-st-num{opacity:0}.usa-st-step[data-clickable],usa-stepper[clickable] .usa-st-step{cursor:pointer}@media (prefers-reduced-motion:reduce){.usa-st-fill,.usa-st-dot{transition:none}}";
|
|
2522
2524
|
|
|
2523
2525
|
function defineStepper(tag = 'usa-stepper') {
|
|
2524
2526
|
return defineElement(tag, (Base) => {
|
|
@@ -2615,10 +2617,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2615
2617
|
}
|
|
2616
2618
|
}
|
|
2617
2619
|
return UsaStepper;
|
|
2618
|
-
}, { id: 'stepper', text: css
|
|
2620
|
+
}, { id: 'stepper', text: css$13 });
|
|
2619
2621
|
}
|
|
2620
2622
|
|
|
2621
|
-
var css$
|
|
2623
|
+
var css$12 = "usa-pagination{--usa-pg-c:#7c5cff;display:inline-flex;align-items:center;gap:4px;max-width:100%;font:600 14px/1 system-ui,sans-serif}.usa-pg-list{position:relative;display:inline-flex;align-items:center;gap:2px;isolation:isolate}.usa-pg-ink{position:absolute;left:0;top:0;height:100%;width:0;border-radius:10px;background:var(--usa-pg-c);z-index:-1;transition:width .3s}.usa-pg-btn{display:grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;cursor:pointer;transition:color .25s,background .2s}.usa-pg-btn:hover:not(:disabled):not([aria-current]){background:rgba(127,127,127,.14)}.usa-pg-btn[aria-current=\"page\"]{color:#fff}.usa-pg-btn:disabled{opacity:.35;cursor:default}.usa-pg-btn:focus-visible{outline:2px solid var(--usa-pg-c);outline-offset:2px}.usa-pg-gap{min-width:20px;text-align:center;opacity:.6}@media (max-width:420px){.usa-pg-btn{min-width:28px;height:30px;padding:0 3px}}@media (prefers-reduced-motion:reduce){.usa-pg-ink{transition:none}}";
|
|
2622
2624
|
|
|
2623
2625
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2624
2626
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2740,10 +2742,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2740
2742
|
}
|
|
2741
2743
|
}
|
|
2742
2744
|
return UsaPagination;
|
|
2743
|
-
}, { id: 'pagination', text: css$
|
|
2745
|
+
}, { id: 'pagination', text: css$12 });
|
|
2744
2746
|
}
|
|
2745
2747
|
|
|
2746
|
-
var css$
|
|
2748
|
+
var css$11 = "usa-segmented{--usa-seg-c:#7c5cff;position:relative;display:inline-flex;align-items:stretch;padding:3px;border-radius:12px;background:rgba(127,127,127,.16);isolation:isolate;max-width:100%;font:600 13px/1 system-ui,sans-serif}.usa-seg-thumb{position:absolute;top:3px;bottom:3px;left:3px;z-index:-1;border-radius:9px;background:var(--usa-seg-thumb,#fff);box-shadow:0 2px 8px rgba(0,0,0,.18),0 0 0 .5px rgba(0,0,0,.05);transform-origin:50% 50%}usa-segmented[data-variant=\"pill\"]{border-radius:999px}usa-segmented[data-variant=\"pill\"] .usa-seg-thumb{border-radius:999px;background:var(--usa-seg-c)}usa-segmented[data-variant=\"pill\"] .usa-seg-item[data-selected]{color:#fff}usa-segmented[data-variant=\"outline\"]{background:none;box-shadow:inset 0 0 0 1.5px rgba(127,127,127,.35)}usa-segmented[data-variant=\"outline\"] .usa-seg-thumb{background:none;box-shadow:inset 0 0 0 2px var(--usa-seg-c)}.usa-seg-item{flex:1 1 0;min-width:0;padding:8px 14px;border:0;border-radius:9px;background:none;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;opacity:.7;transition:opacity .2s,transform .25s cubic-bezier(.3,1.4,.5,1),color .2s}.usa-seg-item[data-selected]{opacity:1;transform:scale(1.04)}.usa-seg-item:focus-visible{outline:2px solid var(--usa-seg-c);outline-offset:1px}@media (max-width:420px){.usa-seg-item{padding:8px 9px}}@media (prefers-reduced-motion:reduce){.usa-seg-item{transition:none}}";
|
|
2747
2749
|
|
|
2748
2750
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2749
2751
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2837,10 +2839,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2837
2839
|
}
|
|
2838
2840
|
}
|
|
2839
2841
|
return UsaSegmented;
|
|
2840
|
-
}, { id: 'segmented', text: css$
|
|
2842
|
+
}, { id: 'segmented', text: css$11 });
|
|
2841
2843
|
}
|
|
2842
2844
|
|
|
2843
|
-
var css$
|
|
2845
|
+
var css$10 = "usa-switch{--usa-sw-c:#34c759;--usa-sw-w:52px;--usa-sw-h:30px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;vertical-align:middle;outline-offset:3px;border-radius:999px}usa-switch[disabled]{opacity:.45;cursor:not-allowed}.usa-sw-track{position:relative;flex:none;width:var(--usa-sw-w);height:var(--usa-sw-h);border-radius:999px;background:rgba(127,127,127,.35);overflow:hidden;transition:background .3s}.usa-sw-fill{position:absolute;inset:0;border-radius:999px;background:var(--usa-sw-c);transform:scale(0);transform-origin:calc(var(--usa-sw-h)/2) 50%;transition:transform .35s cubic-bezier(.4,0,.2,1)}usa-switch[data-on] .usa-sw-fill{transform:scale(1)}.usa-sw-thumb{position:absolute;top:3px;left:3px;width:calc(var(--usa-sw-h) - 6px);height:calc(var(--usa-sw-h) - 6px);border-radius:999px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:left .32s cubic-bezier(.3,1.25,.5,1),width .2s ease,background .3s,box-shadow .3s}usa-switch[data-on] .usa-sw-thumb{left:calc(var(--usa-sw-w) - var(--usa-sw-h) + 3px)}usa-switch[data-variant=\"ios\"][data-press] .usa-sw-thumb{width:calc(var(--usa-sw-h) + 2px)}usa-switch[data-variant=\"ios\"][data-press][data-on] .usa-sw-thumb{left:calc(var(--usa-sw-w) - var(--usa-sw-h) - 5px)}usa-switch[data-variant=\"daynight\"]{--usa-sw-w:64px;--usa-sw-h:32px}usa-switch[data-variant=\"daynight\"] .usa-sw-track{background:linear-gradient(#7dd3fc,#38bdf8)}usa-switch[data-variant=\"daynight\"] .usa-sw-fill{background:linear-gradient(#1e1b4b,#312e81);transform:none;opacity:0;transition:opacity .45s}usa-switch[data-variant=\"daynight\"][data-on] .usa-sw-fill{opacity:1}usa-switch[data-variant=\"daynight\"] .usa-sw-thumb{background:radial-gradient(circle at 40% 40%,#fde68a,#f59e0b);box-shadow:0 0 10px #fbbf24}usa-switch[data-variant=\"daynight\"][data-on] .usa-sw-thumb{background:radial-gradient(circle at 65% 35%,transparent 5px,#e5e7eb 5.5px);box-shadow:0 0 8px rgba(255,255,255,.5)}usa-switch[data-variant=\"daynight\"] .usa-sw-deco{position:absolute;inset:0;background:radial-gradient(circle,#fff 1px,transparent 1.5px) 12px 8px/14px 11px;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .5s}usa-switch[data-variant=\"daynight\"][data-on] .usa-sw-deco{opacity:.9;transform:none}usa-switch[data-variant=\"bounce\"] .usa-sw-thumb{transition:left .28s cubic-bezier(.5,0,.75,0)}usa-switch[data-variant=\"liquid\"] .usa-sw-fill{background:linear-gradient(90deg,#22d3ee,#7c5cff)}usa-switch[data-variant=\"liquid\"] .usa-sw-thumb{transition:left .5s cubic-bezier(.68,-.4,.27,1.4)}usa-switch:focus-visible .usa-sw-track{box-shadow:0 0 0 3px rgba(124,92,255,.5)}@media (prefers-reduced-motion:reduce){.usa-sw-thumb,.usa-sw-fill,.usa-sw-deco,.usa-sw-track{transition:none!important}}";
|
|
2844
2846
|
|
|
2845
2847
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2846
2848
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2928,10 +2930,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2928
2930
|
}
|
|
2929
2931
|
}
|
|
2930
2932
|
return UsaSwitch;
|
|
2931
|
-
}, { id: 'switch', text: css$
|
|
2933
|
+
}, { id: 'switch', text: css$10 });
|
|
2932
2934
|
}
|
|
2933
2935
|
|
|
2934
|
-
var css
|
|
2936
|
+
var css$$ = "usa-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr);gap:12px;max-width:100%;overflow-x:auto;padding:4px;font:500 13px/1.35 system-ui,sans-serif}.usa-kb-col{display:flex;flex-direction:column;gap:8px;min-height:80px;padding:10px;border-radius:14px;background:rgba(127,127,127,.12);margin:0;list-style:none}.usa-kb-col>h1,.usa-kb-col>h2,.usa-kb-col>h3,.usa-kb-col>h4{margin:0 0 2px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.usa-kb-card{padding:10px 12px;border-radius:10px;background:var(--usa-kb-card,#fff);color:#111;box-shadow:0 1px 3px rgba(0,0,0,.14);cursor:grab;touch-action:none;user-select:none;outline-offset:2px}.usa-kb-card:focus-visible{outline:2px solid #7c5cff}.usa-kb-lifted{cursor:grabbing;box-shadow:0 18px 30px -8px rgba(0,0,0,.35);transition:transform .12s}.usa-kb-held{outline:2px dashed #7c5cff;transform:scale(1.03)}.usa-kb-ph{border-radius:10px;border:2px dashed rgba(124,92,255,.5);background:rgba(124,92,255,.08)}.usa-kb-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion:reduce){.usa-kb-lifted,.usa-kb-held{transition:none;transform:none!important}}";
|
|
2935
2937
|
|
|
2936
2938
|
function defineKanban(tag = 'usa-kanban') {
|
|
2937
2939
|
return defineElement(tag, (Base) => {
|
|
@@ -3136,10 +3138,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3136
3138
|
}
|
|
3137
3139
|
}
|
|
3138
3140
|
return UsaKanban;
|
|
3139
|
-
}, { id: 'kanban', text: css
|
|
3141
|
+
}, { id: 'kanban', text: css$$ });
|
|
3140
3142
|
}
|
|
3141
3143
|
|
|
3142
|
-
var css$
|
|
3144
|
+
var css$_ = "usa-swipe-deck{position:relative;display:grid;width:var(--usa-sd-w,240px);max-width:100%;height:var(--usa-sd-h,300px);touch-action:pan-y;outline-offset:6px;border-radius:18px}.usa-sd-card{grid-area:1/1;position:relative;display:grid;place-items:center;border-radius:18px;background:var(--usa-sd-bg,linear-gradient(160deg,#7c5cff,#22d3ee));color:#fff;font:800 22px/1.2 system-ui,sans-serif;box-shadow:0 12px 28px -10px rgba(0,0,0,.4);transition:transform .3s cubic-bezier(.3,1.3,.5,1),opacity .3s;user-select:none;cursor:grab;overflow:hidden;touch-action:none}.usa-sd-card.usa-sd-dragging{transition:none;cursor:grabbing}.usa-sd-stamp{position:absolute;top:18px;padding:4px 10px;border:3px solid currentColor;border-radius:8px;font:900 20px/1 system-ui,sans-serif;letter-spacing:.1em;opacity:0;pointer-events:none}.usa-sd-like{left:16px;color:#4ade80;transform:rotate(-14deg)}.usa-sd-nope{right:16px;color:#f87171;transform:rotate(14deg)}@media (prefers-reduced-motion:reduce){.usa-sd-card{transition:none}}";
|
|
3143
3145
|
|
|
3144
3146
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3145
3147
|
return defineElement(tag, (Base) => {
|
|
@@ -3281,14 +3283,14 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3281
3283
|
}
|
|
3282
3284
|
}
|
|
3283
3285
|
return UsaSwipeDeck;
|
|
3284
|
-
}, { id: 'swipe-deck', text: css$
|
|
3286
|
+
}, { id: 'swipe-deck', text: css$_ });
|
|
3285
3287
|
}
|
|
3286
3288
|
|
|
3287
|
-
var css$
|
|
3289
|
+
var css$Z = "usa-weather-card{--usa-wc-sky:linear-gradient(160deg,#38bdf8,#0ea5e9);position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;width:var(--usa-wc-w,260px);max-width:100%;padding:16px 18px;border-radius:20px;background:var(--usa-wc-sky);color:#fff;overflow:hidden;font:500 13px/1.3 system-ui,sans-serif;box-shadow:0 12px 30px -12px rgba(2,6,23,.5);transition:background .6s}usa-weather-card[data-condition=\"cloudy\"]{--usa-wc-sky:linear-gradient(160deg,#94a3b8,#64748b)}usa-weather-card[data-condition=\"rain\"]{--usa-wc-sky:linear-gradient(160deg,#475569,#1e3a8a)}usa-weather-card[data-condition=\"snow\"]{--usa-wc-sky:linear-gradient(160deg,#cbd5e1,#60a5fa);color:#0f172a}usa-weather-card[data-condition=\"storm\"]{--usa-wc-sky:linear-gradient(160deg,#1e293b,#312e81)}usa-weather-card[data-condition=\"fog\"]{--usa-wc-sky:linear-gradient(160deg,#9ca3af,#d1d5db);color:#1f2937}usa-weather-card[data-condition=\"night\"]{--usa-wc-sky:linear-gradient(160deg,#0f172a,#1e1b4b)}.usa-wc-scene{position:relative;width:76px;height:64px}.usa-wc-icon{position:absolute;inset:0}.usa-wc-icon *{position:absolute;display:block}.usa-wc-text{display:flex;flex-direction:column;gap:2px;min-width:0}.usa-wc-temp{font:800 34px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}.usa-wc-place{opacity:.8;font-size:12px}.usa-wc-sun{left:14px;top:8px;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#fde047 55%,transparent 56%);animation:usa-wc-spin 14s linear infinite}.usa-wc-sun::before{content:\"\";position:absolute;inset:-8px;border-radius:50%;background:repeating-conic-gradient(#fde047 0 8deg,transparent 8deg 30deg);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%,#000 70%,transparent 72%);mask:radial-gradient(circle,transparent 58%,#000 60%,#000 70%,transparent 72%)}.usa-wc-moon{left:18px;top:6px;width:40px;height:40px;border-radius:50%;box-shadow:-10px 6px 0 2px #f1f5f9;transform:rotate(-20deg)}.usa-wc-star{width:3px;height:3px;border-radius:50%;background:#fff;left:calc(8px + var(--i) * 14px);top:calc(40px + (var(--i) * 7px) % 20px);animation:usa-wc-tw 1.8s calc(var(--i) * .35s) ease-in-out infinite alternate}.usa-wc-cloud{left:8px;top:14px;width:56px;height:22px;border-radius:12px;background:#f1f5f9;animation:usa-wc-drift 4s ease-in-out infinite alternate}.usa-wc-cloud::before{content:\"\";position:absolute;left:12px;top:-12px;width:26px;height:26px;border-radius:50%;background:inherit}.usa-wc-c2{left:22px;top:6px;transform:scale(.7);opacity:.75;animation-delay:-2s}.usa-wc-dark{background:#94a3b8}.usa-wc-drop{left:calc(16px + var(--i) * 8px);top:38px;width:2px;height:9px;border-radius:2px;background:#bfdbfe;animation:usa-wc-fall .9s calc(var(--i) * .17s) linear infinite}.usa-wc-flake{left:calc(14px + var(--i) * 9px);top:38px;width:6px;height:6px;border-radius:50%;background:#fff;animation:usa-wc-snow 2.4s calc(var(--i) * .4s) linear infinite}.usa-wc-bolt{left:30px;top:30px;width:14px;height:26px;background:#fde047;clip-path:polygon(40% 0,100% 0,60% 45%,100% 45%,20% 100%,40% 55%,0 55%);animation:usa-wc-bolt 4s ease-in-out infinite}.usa-wc-fogband{left:4px;top:calc(14px + var(--i) * 14px);width:66px;height:6px;border-radius:6px;background:rgba(255,255,255,.85);animation:usa-wc-drift calc(3s + var(--i) * .8s) ease-in-out infinite alternate}@keyframes usa-wc-spin{to{transform:rotate(360deg)}}@keyframes usa-wc-tw{from{opacity:.2}to{opacity:1}}@keyframes usa-wc-drift{from{translate:-4px 0}to{translate:6px 0}}@keyframes usa-wc-fall{from{translate:0 0;opacity:1}to{translate:-3px 22px;opacity:0}}@keyframes usa-wc-snow{from{translate:0 0;opacity:1}50%{translate:4px 12px}to{translate:-2px 24px;opacity:0}}@keyframes usa-wc-bolt{0%,86%,100%{opacity:.35}90%{opacity:1}}@media (prefers-reduced-motion:reduce){usa-weather-card *{animation:none!important}}";
|
|
3288
3290
|
|
|
3289
3291
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3290
3292
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
3291
|
-
const icon = (c) => {
|
|
3293
|
+
const icon$1 = (c) => {
|
|
3292
3294
|
const drops = (cls, n) => Array.from({ length: n }, (_, i) => `<i class="${cls}" style="--i:${i}"></i>`).join('');
|
|
3293
3295
|
switch (c) {
|
|
3294
3296
|
case 'clear':
|
|
@@ -3335,7 +3337,7 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3335
3337
|
scene.className = 'usa-wc-scene';
|
|
3336
3338
|
scene.setAttribute('aria-hidden', 'true');
|
|
3337
3339
|
scene.setAttribute('data-usa-part', '');
|
|
3338
|
-
scene.innerHTML = `<span class="usa-wc-icon">${icon(cond)}</span>`;
|
|
3340
|
+
scene.innerHTML = `<span class="usa-wc-icon">${icon$1(cond)}</span>`;
|
|
3339
3341
|
const text = document.createElement('div');
|
|
3340
3342
|
text.className = 'usa-wc-text';
|
|
3341
3343
|
text.setAttribute('data-usa-part', '');
|
|
@@ -3365,10 +3367,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3365
3367
|
}
|
|
3366
3368
|
}
|
|
3367
3369
|
return UsaWeatherCard;
|
|
3368
|
-
}, { id: 'weather-card', text: css$
|
|
3370
|
+
}, { id: 'weather-card', text: css$Z });
|
|
3369
3371
|
}
|
|
3370
3372
|
|
|
3371
|
-
var css$
|
|
3373
|
+
var css$Y = "usa-pull-cord{--usa-pc-color:#cbd5e1;--usa-pc-light:#fde68a;position:relative;display:inline-flex;flex-direction:column;align-items:center;width:90px;height:190px;cursor:pointer;touch-action:none;user-select:none;outline-offset:4px;border-radius:12px}.usa-pc-lamp{position:relative;width:76px;height:38px;border-radius:38px 38px 6px 6px;background:linear-gradient(#475569,#334155);box-shadow:0 0 0 rgba(253,230,138,0);transition:box-shadow .35s,background .35s}.usa-pc-lamp::after{content:\"\";position:absolute;left:50%;bottom:-10px;width:22px;height:12px;margin-left:-11px;border-radius:0 0 12px 12px;background:#64748b;transition:background .35s,box-shadow .35s}usa-pull-cord[data-on] .usa-pc-lamp{background:linear-gradient(#f59e0b,#d97706);box-shadow:0 30px 60px 10px rgba(253,230,138,.55)}usa-pull-cord[data-on] .usa-pc-lamp::after{background:var(--usa-pc-light);box-shadow:0 0 22px 8px var(--usa-pc-light)}.usa-pc-svg{width:80px;height:150px;margin-top:-2px;overflow:visible}.usa-pc-cord{fill:none;stroke:var(--usa-pc-color);stroke-width:2.2;stroke-linecap:round}.usa-pc-knob{fill:#e2e8f0;stroke:#94a3b8;stroke-width:1.5}usa-pull-cord[data-on] .usa-pc-knob{fill:var(--usa-pc-light)}@media (prefers-reduced-motion:reduce){.usa-pc-lamp,.usa-pc-lamp::after{transition:none}}";
|
|
3372
3374
|
|
|
3373
3375
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3374
3376
|
return defineElement(tag, (Base) => {
|
|
@@ -3497,10 +3499,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3497
3499
|
}
|
|
3498
3500
|
}
|
|
3499
3501
|
return UsaPullCord;
|
|
3500
|
-
}, { id: 'pull-cord', text: css$
|
|
3502
|
+
}, { id: 'pull-cord', text: css$Y });
|
|
3501
3503
|
}
|
|
3502
3504
|
|
|
3503
|
-
var css$
|
|
3505
|
+
var css$X = "usa-date-picker{--usa-dp-c:#7c5cff;display:inline-block;width:var(--usa-dp-w,280px);max-width:100%;padding:12px;border-radius:16px;background:var(--usa-dp-bg,#fff);color:#111827;box-shadow:0 10px 30px -12px rgba(0,0,0,.3);font:500 13px/1 system-ui,sans-serif;user-select:none}.usa-dp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.usa-dp-title{font-weight:700;font-size:14px}.usa-dp-nav{width:30px;height:30px;border:0;border-radius:8px;background:none;color:inherit;font-size:18px;cursor:pointer}.usa-dp-nav:hover{background:rgba(127,127,127,.14)}.usa-dp-viewport{overflow:hidden}.usa-dp-row{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.usa-dp-dow{margin-bottom:4px;font-size:11px;opacity:.55;text-align:center}.usa-dp-day{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:50%;cursor:pointer;font-variant-numeric:tabular-nums;outline:none;transition:background .2s,color .2s}.usa-dp-day:hover{background:rgba(124,92,255,.12)}.usa-dp-day[data-out]{opacity:.35}.usa-dp-day[data-today]{box-shadow:inset 0 0 0 1.5px var(--usa-dp-c)}.usa-dp-day[aria-selected=\"true\"]{background:var(--usa-dp-c);color:#fff}.usa-dp-day[aria-disabled]{opacity:.2;cursor:not-allowed;text-decoration:line-through}.usa-dp-day:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--usa-dp-c)}@media (prefers-reduced-motion:reduce){.usa-dp-day{transition:none}}";
|
|
3504
3506
|
|
|
3505
3507
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3506
3508
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3649,10 +3651,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3649
3651
|
}
|
|
3650
3652
|
}
|
|
3651
3653
|
return UsaDatePicker;
|
|
3652
|
-
}, { id: 'date-picker', text: css$
|
|
3654
|
+
}, { id: 'date-picker', text: css$X });
|
|
3653
3655
|
}
|
|
3654
3656
|
|
|
3655
|
-
var css$
|
|
3657
|
+
var css$W = "usa-color-picker{display:inline-flex;flex-direction:column;gap:10px;width:var(--usa-cp-w,240px);max-width:100%;padding:12px;border-radius:16px;background:var(--usa-cp-bg,#fff);box-shadow:0 10px 30px -12px rgba(0,0,0,.3)}.usa-cp-sv{position:relative;height:140px;border-radius:10px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--usa-cp-h) 100% 50%));cursor:crosshair;touch-action:none;outline-offset:2px}.usa-cp-thumb{position:absolute;left:var(--usa-cp-x);top:var(--usa-cp-y);width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--usa-cp-color);box-shadow:0 0 0 3px #fff,0 2px 6px rgba(0,0,0,.4);pointer-events:none;transition:left .18s cubic-bezier(.3,1.4,.5,1),top .18s cubic-bezier(.3,1.4,.5,1),transform .2s}[data-drag]>.usa-cp-thumb{transition:none;transform:scale(1.2)}.usa-cp-row{display:flex;align-items:center;gap:10px}.usa-cp-chip{flex:none;width:30px;height:30px;border-radius:50%;background:var(--usa-cp-color);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.usa-cp-hue{position:relative;flex:1;height:14px;border-radius:7px;background:linear-gradient(90deg,red,#ff0,lime,cyan,blue,#f0f,red);cursor:pointer;touch-action:none;outline-offset:2px}.usa-cp-hue .usa-cp-thumb{left:var(--usa-cp-hx);top:50%;background:hsl(var(--usa-cp-h) 100% 50%)}.usa-cp-swatches{display:flex;flex-wrap:wrap;gap:6px}.usa-cp-sw{width:22px;height:22px;border:0;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.usa-cp-sv:focus-visible,.usa-cp-hue:focus-visible,.usa-cp-sw:focus-visible{outline:2px solid #7c5cff}@media (prefers-reduced-motion:reduce){.usa-cp-thumb{transition:none}}";
|
|
3656
3658
|
|
|
3657
3659
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3658
3660
|
function hsvToHex(h, s, v) {
|
|
@@ -3772,10 +3774,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3772
3774
|
}
|
|
3773
3775
|
}
|
|
3774
3776
|
return UsaColorPicker;
|
|
3775
|
-
}, { id: 'color-picker', text: css$
|
|
3777
|
+
}, { id: 'color-picker', text: css$W });
|
|
3776
3778
|
}
|
|
3777
3779
|
|
|
3778
|
-
var css$
|
|
3780
|
+
var css$V = "usa-file-drop{--usa-fd-c:#7c5cff;display:flex;flex-direction:column;gap:10px;width:var(--usa-fd-w,300px);max-width:100%;font:500 13px/1.3 system-ui,sans-serif}.usa-fd-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:120px;padding:16px;border-radius:16px;background:rgba(124,92,255,.06);cursor:pointer;text-align:center;outline-offset:3px;transition:background .25s,transform .25s}.usa-fd-ants{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.usa-fd-ants rect{fill:none;stroke:rgba(124,92,255,.55);stroke-width:2;stroke-dasharray:8 6}usa-file-drop[data-over] .usa-fd-zone{background:rgba(124,92,255,.14);transform:scale(1.02)}usa-file-drop[data-over] .usa-fd-ants rect{stroke:var(--usa-fd-c);animation:usa-fd-march .6s linear infinite}.usa-fd-icon{font-size:30px;color:var(--usa-fd-c);transition:transform .3s cubic-bezier(.3,1.5,.5,1)}usa-file-drop[data-over] .usa-fd-icon{transform:translateY(-8px) scale(1.15)}.usa-fd-zone:focus-visible{outline:2px solid var(--usa-fd-c)}.usa-fd-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.usa-fd-item{--usa-fd-p:0;position:relative;display:grid;grid-template-columns:1fr auto 18px;align-items:center;gap:4px 8px;padding:8px 10px;border-radius:10px;background:rgba(127,127,127,.1)}.usa-fd-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.usa-fd-size{opacity:.6;font-size:12px}.usa-fd-bar{grid-column:1/3;height:4px;border-radius:4px;background:rgba(127,127,127,.25);overflow:hidden}.usa-fd-fill{display:block;height:100%;background:var(--usa-fd-c);transform-origin:0 50%;transform:scaleX(var(--usa-fd-p));transition:transform .2s}.usa-fd-check{grid-row:1/3;grid-column:3;width:18px;height:18px;fill:none;stroke:#22c55e;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .4s}.usa-fd-item[data-done] .usa-fd-check{stroke-dashoffset:0}@keyframes usa-fd-march{to{stroke-dashoffset:-14}}@media (prefers-reduced-motion:reduce){usa-file-drop *{animation:none!important;transition:none!important}usa-file-drop[data-over] .usa-fd-zone,usa-file-drop[data-over] .usa-fd-icon{transform:none}}";
|
|
3779
3781
|
|
|
3780
3782
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3781
3783
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3876,10 +3878,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3876
3878
|
}
|
|
3877
3879
|
}
|
|
3878
3880
|
return UsaFileDrop;
|
|
3879
|
-
}, { id: 'file-drop', text: css$
|
|
3881
|
+
}, { id: 'file-drop', text: css$V });
|
|
3880
3882
|
}
|
|
3881
3883
|
|
|
3882
|
-
var css$
|
|
3884
|
+
var css$U = "usa-keyframe-editor{--usa-ke-c:#7c5cff;--usa-ke-head:100%;display:flex;flex-direction:column;gap:8px;width:var(--usa-ke-w,100%);max-width:100%;padding:10px;border-radius:14px;background:var(--usa-ke-bg,#0f172a);color:#e2e8f0;font:500 12px/1.2 system-ui,sans-serif}.usa-ke-bar{display:flex;align-items:center;gap:8px}.usa-ke-play{width:30px;height:30px;border:0;border-radius:50%;background:var(--usa-ke-c);color:#fff;cursor:pointer}.usa-ke-scrub{flex:1;min-width:0;accent-color:var(--usa-ke-c)}.usa-ke-time{min-width:58px;text-align:right;font-variant-numeric:tabular-nums;opacity:.8}.usa-ke-tracks{position:relative;display:flex;flex-direction:column;gap:4px}.usa-ke-tracks::after{content:\"\";position:absolute;top:0;bottom:0;left:calc(64px + (100% - 64px) * var(--usa-ke-head) / 100%);width:2px;background:#f43f5e;pointer-events:none}.usa-ke-row{display:grid;grid-template-columns:64px 1fr;align-items:center}.usa-ke-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:6px;opacity:.85}.usa-ke-lane{position:relative;height:22px;border-radius:6px;background:rgba(148,163,184,.14)}.usa-ke-clip{position:absolute;top:2px;bottom:2px;border-radius:5px;background:linear-gradient(90deg,var(--usa-ke-c),#22d3ee);cursor:grab;touch-action:none;outline-offset:2px;transition:left .2s,width .2s}.usa-ke-clip[data-drag]{cursor:grabbing;transition:none;box-shadow:0 4px 12px rgba(0,0,0,.4)}.usa-ke-clip:focus-visible{outline:2px solid #fff}.usa-ke-grip{position:absolute;right:0;top:0;bottom:0;width:8px;border-radius:0 5px 5px 0;background:rgba(255,255,255,.35);cursor:ew-resize}@media (prefers-reduced-motion:reduce){.usa-ke-clip{transition:none}}";
|
|
3883
3885
|
|
|
3884
3886
|
const DEFAULT = {
|
|
3885
3887
|
format: ANIMATION_FORMAT,
|
|
@@ -4053,10 +4055,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4053
4055
|
}
|
|
4054
4056
|
}
|
|
4055
4057
|
return UsaKeyframeEditor;
|
|
4056
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4058
|
+
}, { id: 'keyframe-editor', text: css$U });
|
|
4057
4059
|
}
|
|
4058
4060
|
|
|
4059
|
-
var css$
|
|
4061
|
+
var css$T = "usa-music-player{--usa-mp-c:#7c5cff;--usa-mp-p:0;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;width:var(--usa-mp-w,320px);max-width:100%;padding:14px;border-radius:20px;background:var(--usa-mp-bg,linear-gradient(160deg,#111827,#1e1b4b));color:#f8fafc;font:500 13px/1.3 system-ui,sans-serif;box-shadow:0 14px 34px -14px rgba(0,0,0,.55)}.usa-mp-cover{width:84px;height:84px}.usa-mp-disc{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#0f172a 9%,#e2e8f0 9.5%,#e2e8f0 12%,transparent 12.5%),repeating-radial-gradient(circle,#111 0 2px,#1f2937 2px 4px),#111;background-size:cover;box-shadow:0 6px 18px rgba(0,0,0,.5),inset 0 0 0 2px rgba(255,255,255,.06)}usa-music-player[data-animate] .usa-mp-disc{animation:usa-mp-spin 1.8s linear infinite}.usa-mp-body{display:flex;flex-direction:column;gap:6px;min-width:0}.usa-mp-meta{display:flex;flex-direction:column;min-width:0}.usa-mp-title{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-mp-artist{opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-mp-bars{display:flex;gap:3px;align-items:flex-end;height:14px}.usa-mp-bars i{width:3px;height:30%;border-radius:2px;background:var(--usa-mp-c);transition:height .3s}usa-music-player[data-animate] .usa-mp-bars i{animation:usa-mp-bar .9s ease-in-out infinite alternate}.usa-mp-bars i:nth-child(2){animation-delay:-.3s!important}.usa-mp-bars i:nth-child(3){animation-delay:-.6s!important}.usa-mp-bars i:nth-child(4){animation-delay:-.15s!important}.usa-mp-track{position:relative;height:6px;border-radius:6px;background:rgba(255,255,255,.18);cursor:pointer;touch-action:none;outline-offset:4px}.usa-mp-fill{position:absolute;inset:0;border-radius:inherit;background:var(--usa-mp-c);transform-origin:0 50%;transform:scaleX(var(--usa-mp-p))}.usa-mp-knob{position:absolute;top:50%;left:calc(var(--usa-mp-p) * 100%);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4);transition:transform .2s}.usa-mp-track:hover .usa-mp-knob,.usa-mp-track:focus-visible .usa-mp-knob{transform:scale(1.3)}.usa-mp-times{display:flex;justify-content:space-between;font-size:11px;opacity:.65;font-variant-numeric:tabular-nums}.usa-mp-ctrls{display:flex;align-items:center;justify-content:center;gap:12px}.usa-mp-btn{border:0;background:none;color:inherit;font-size:16px;cursor:pointer;opacity:.85}.usa-mp-play{position:relative;width:40px;height:40px;border:0;border-radius:50%;background:#fff;cursor:pointer}.usa-mp-icon{position:absolute;left:50%;top:50%;width:14px;height:16px;margin:-8px 0 0 -6px;background:var(--usa-mp-c);clip-path:polygon(0 0,100% 50%,100% 50%,0 100%);transition:clip-path .3s cubic-bezier(.6,.05,.3,1)}usa-music-player[data-playing] .usa-mp-icon{margin-left:-7px;clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0)}.usa-mp-btn:focus-visible,.usa-mp-play:focus-visible,.usa-mp-track:focus-visible{outline:2px solid #fff}@keyframes usa-mp-spin{to{transform:rotate(360deg)}}@keyframes usa-mp-bar{from{height:20%}to{height:100%}}@media (prefers-reduced-motion:reduce){usa-music-player *{animation:none!important;transition:none!important}}";
|
|
4060
4062
|
|
|
4061
4063
|
const fmt = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4062
4064
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4217,10 +4219,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4217
4219
|
}
|
|
4218
4220
|
}
|
|
4219
4221
|
return UsaMusicPlayer;
|
|
4220
|
-
}, { id: 'music-player', text: css$
|
|
4222
|
+
}, { id: 'music-player', text: css$T });
|
|
4221
4223
|
}
|
|
4222
4224
|
|
|
4223
|
-
var css$
|
|
4225
|
+
var css$S = "usa-volume-knob{--usa-vk-c:#22d3ee;--usa-vk-size:120px;position:relative;display:inline-grid;place-items:center;width:var(--usa-vk-size);height:var(--usa-vk-size);border-radius:50%;cursor:ns-resize;touch-action:none;user-select:none;outline-offset:6px}.usa-vk-arc{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.usa-vk-arc path{fill:none;stroke-width:6;stroke-linecap:round}.usa-vk-bg{stroke:rgba(127,127,127,.25)}.usa-vk-val{stroke:var(--usa-vk-c);filter:drop-shadow(0 0 4px var(--usa-vk-c))}.usa-vk-ticks{position:absolute;inset:0}.usa-vk-ticks i{position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px;border-radius:50%;background:rgba(127,127,127,.4);transform:rotate(var(--a)) translateY(calc(var(--usa-vk-size) * -.5 + 2px));transition:background .2s,box-shadow .2s}.usa-vk-ticks i[data-on]{background:var(--usa-vk-c);box-shadow:0 0 6px var(--usa-vk-c)}.usa-vk-cap{position:relative;width:62%;height:62%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4b5563,#111827 70%);box-shadow:0 8px 16px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.15);transform:rotate(var(--usa-vk-angle));transition:transform .35s cubic-bezier(.3,1.5,.5,1)}usa-volume-knob[data-drag] .usa-vk-cap{transition:none}.usa-vk-dot{position:absolute;left:50%;top:10%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--usa-vk-c);box-shadow:0 0 6px var(--usa-vk-c)}usa-volume-knob:focus-visible{outline:2px solid var(--usa-vk-c)}@media (prefers-reduced-motion:reduce){.usa-vk-cap,.usa-vk-ticks i{transition:none}}";
|
|
4224
4226
|
|
|
4225
4227
|
const ARC = 270;
|
|
4226
4228
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4311,10 +4313,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4311
4313
|
}
|
|
4312
4314
|
}
|
|
4313
4315
|
return UsaVolumeKnob;
|
|
4314
|
-
}, { id: 'volume-knob', text: css$
|
|
4316
|
+
}, { id: 'volume-knob', text: css$S });
|
|
4315
4317
|
}
|
|
4316
4318
|
|
|
4317
|
-
var css$
|
|
4319
|
+
var css$R = "usa-equalizer{--usa-eq-c:#7c5cff;position:relative;display:block;width:var(--usa-eq-w,320px);max-width:100%;padding:12px 10px 8px;border-radius:16px;background:var(--usa-eq-bg,#0f172a);color:#cbd5e1;font:600 10px/1 system-ui,sans-serif}.usa-eq-curve{position:absolute;left:10px;right:10px;top:12px;height:120px;width:calc(100% - 20px);pointer-events:none;overflow:visible}.usa-eq-curve path{fill:none;stroke:#22d3ee;stroke-width:1.6;vector-effect:non-scaling-stroke;opacity:.8;transition:d .45s cubic-bezier(.3,1.3,.5,1)}.usa-eq-bands{display:flex;justify-content:space-between;gap:4px}.usa-eq-band{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:0}.usa-eq-slot{--usa-eq-k:.5;position:relative;width:8px;height:120px;border-radius:6px;background:rgba(148,163,184,.18);cursor:ns-resize;touch-action:none;outline-offset:4px}.usa-eq-fill{position:absolute;left:0;right:0;top:calc((1 - max(var(--usa-eq-k),.5)) * 100%);bottom:calc(min(var(--usa-eq-k),.5) * 100%);border-radius:6px;background:var(--usa-eq-c)}.usa-eq-cap{position:absolute;left:50%;top:calc((1 - var(--usa-eq-k)) * 100%);width:20px;height:10px;margin:-5px 0 0 -10px;border-radius:4px;background:#f8fafc;box-shadow:0 2px 6px rgba(0,0,0,.5)}usa-equalizer[data-glide] .usa-eq-cap{transition:top .5s cubic-bezier(.3,1.4,.5,1)}usa-equalizer[data-glide] .usa-eq-fill{transition:top .5s cubic-bezier(.3,1.4,.5,1),bottom .5s cubic-bezier(.3,1.4,.5,1)}.usa-eq-slot[data-drag] .usa-eq-cap{transform:scale(1.15)}.usa-eq-slot:focus-visible{outline:2px solid #22d3ee}.usa-eq-label{opacity:.7;white-space:nowrap}@media (prefers-reduced-motion:reduce){.usa-eq-cap,.usa-eq-fill,.usa-eq-curve path{transition:none!important}}";
|
|
4318
4320
|
|
|
4319
4321
|
const EQ_PRESETS = {
|
|
4320
4322
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4412,10 +4414,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4412
4414
|
}
|
|
4413
4415
|
}
|
|
4414
4416
|
return UsaEqualizer;
|
|
4415
|
-
}, { id: 'equalizer', text: css$
|
|
4417
|
+
}, { id: 'equalizer', text: css$R });
|
|
4416
4418
|
}
|
|
4417
4419
|
|
|
4418
|
-
var css$
|
|
4420
|
+
var css$Q = "usa-lyrics{--usa-ly-c:#f472b6;display:block;width:var(--usa-ly-w,320px);max-width:100%;font:700 18px/1.35 system-ui,sans-serif}.usa-ly-list{height:var(--usa-ly-h,180px);margin:0;padding:70px 0;overflow-y:auto;list-style:none;scrollbar-width:none;-webkit-mask:linear-gradient(transparent,#000 25%,#000 75%,transparent);mask:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.usa-ly-list::-webkit-scrollbar{display:none}.usa-ly-line{--usa-ly-k:0;padding:5px 4px;opacity:.38;cursor:pointer;transform-origin:0 50%;transition:opacity .35s,transform .35s cubic-bezier(.3,1.3,.5,1),filter .35s;filter:blur(.4px)}.usa-ly-line[data-past]{opacity:.22}.usa-ly-line[data-active]{opacity:1;filter:none;transform:scale(1.06);color:transparent;background:linear-gradient(90deg,var(--usa-ly-c) calc(var(--usa-ly-k) * 100%),var(--usa-ly-base,#94a3b8) calc(var(--usa-ly-k) * 100%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 18px rgba(244,114,182,.25)}@media (prefers-reduced-motion:reduce){.usa-ly-line{transition:none;transform:none!important}}";
|
|
4419
4421
|
|
|
4420
4422
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4421
4423
|
function parseLRC(src) {
|
|
@@ -4527,10 +4529,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4527
4529
|
}
|
|
4528
4530
|
}
|
|
4529
4531
|
return UsaLyrics;
|
|
4530
|
-
}, { id: 'lyrics', text: css$
|
|
4532
|
+
}, { id: 'lyrics', text: css$Q });
|
|
4531
4533
|
}
|
|
4532
4534
|
|
|
4533
|
-
var css$
|
|
4535
|
+
var css$P = "usa-bar-chart{--usa-bc-c:#7c5cff;display:block;width:var(--usa-bc-w,100%);max-width:100%;font:600 11px/1.2 system-ui,sans-serif}.usa-bc-list{display:flex;align-items:flex-end;gap:8px;height:var(--usa-bc-h,140px);margin:0;padding:0;list-style:none}.usa-bc-item{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;flex:1;min-width:0;height:100%;gap:4px}.usa-bc-track{position:relative;grid-row:2;width:100%;display:flex;align-items:flex-end;justify-content:center}.usa-bc-bar{display:block;width:min(100%,38px);height:calc(var(--usa-bc-k) * 100%);border-radius:6px 6px 2px 2px;background:linear-gradient(var(--usa-bc-c),#22d3ee);transform-origin:50% 100%}.usa-bc-item[data-glide] .usa-bc-bar{transition:height .6s cubic-bezier(.3,1.25,.5,1)}.usa-bc-val{grid-row:1;font-variant-numeric:tabular-nums;opacity:.8}.usa-bc-label{grid-row:3;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}usa-bar-chart[data-dir=\"h\"] .usa-bc-list{flex-direction:column;align-items:stretch;height:auto}usa-bar-chart[data-dir=\"h\"] .usa-bc-item{grid-template-columns:70px 1fr auto;grid-template-rows:none;align-items:center;height:22px}usa-bar-chart[data-dir=\"h\"] .usa-bc-label{grid-row:auto;grid-column:1;justify-self:start}usa-bar-chart[data-dir=\"h\"] .usa-bc-track{grid-row:auto;grid-column:2;height:100%;justify-content:flex-start;align-items:center}usa-bar-chart[data-dir=\"h\"] .usa-bc-bar{width:calc(var(--usa-bc-k) * 100%);height:14px;border-radius:2px 6px 6px 2px;transform-origin:0 50%;background:linear-gradient(90deg,var(--usa-bc-c),#22d3ee)}usa-bar-chart[data-dir=\"h\"] .usa-bc-item[data-glide] .usa-bc-bar{transition:width .6s cubic-bezier(.3,1.25,.5,1)}usa-bar-chart[data-dir=\"h\"] .usa-bc-val{grid-row:auto;grid-column:3}@media (prefers-reduced-motion:reduce){.usa-bc-bar{transition:none!important}}";
|
|
4534
4536
|
|
|
4535
4537
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4536
4538
|
return defineElement(tag, (Base) => {
|
|
@@ -4624,10 +4626,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4624
4626
|
}
|
|
4625
4627
|
}
|
|
4626
4628
|
return UsaBarChart;
|
|
4627
|
-
}, { id: 'bar-chart', text: css$
|
|
4629
|
+
}, { id: 'bar-chart', text: css$P });
|
|
4628
4630
|
}
|
|
4629
4631
|
|
|
4630
|
-
var css$
|
|
4632
|
+
var css$O = "usa-gauge{--usa-gg-c:#7c5cff;--usa-gg-k:0;position:relative;display:inline-block;width:var(--usa-gg-w,220px);max-width:100%;font:600 12px/1.2 system-ui,sans-serif;text-align:center}.usa-gg-svg{display:block;width:100%;height:auto;overflow:visible}.usa-gg-track,.usa-gg-arc{fill:none;stroke-width:16;stroke-linecap:round}.usa-gg-track{stroke:rgba(127,127,127,.2)}.usa-gg-arc{stroke:var(--usa-gg-c);stroke-dasharray:calc(max(var(--usa-gg-k),0) * 100) 100;transition:stroke .3s}.usa-gg-needle{transform-origin:100px 100px;transform:rotate(var(--usa-gg-angle,-90deg));fill:currentColor}.usa-gg-read{position:absolute;left:0;right:0;bottom:2px;display:flex;flex-direction:column;align-items:center;pointer-events:none}.usa-gg-num{font:800 22px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;transform:translateY(-34px)}.usa-gg-label{opacity:.65;transform:translateY(-34px)}";
|
|
4631
4633
|
|
|
4632
4634
|
function defineGauge(tag = 'usa-gauge') {
|
|
4633
4635
|
return defineElement(tag, (Base) => {
|
|
@@ -4712,10 +4714,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4712
4714
|
}
|
|
4713
4715
|
}
|
|
4714
4716
|
return UsaGauge;
|
|
4715
|
-
}, { id: 'gauge', text: css$
|
|
4717
|
+
}, { id: 'gauge', text: css$O });
|
|
4716
4718
|
}
|
|
4717
4719
|
|
|
4718
|
-
var css$
|
|
4720
|
+
var css$N = "usa-sparkline{--usa-sl-c:#7c5cff;position:relative;display:inline-block;width:var(--usa-sl-w,120px);height:var(--usa-sl-h,32px);vertical-align:middle}.usa-sl-svg{display:block;width:100%;height:100%;overflow:visible}.usa-sl-line{fill:none;stroke:var(--usa-sl-c);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1}.usa-sl-area{fill:var(--usa-sl-c);opacity:0}usa-sparkline[data-variant=\"area\"] .usa-sl-area{opacity:.16;transition:opacity .8s .4s}.usa-sl-bars rect{fill:var(--usa-sl-c);opacity:.75}usa-sparkline:not([data-variant=\"bars\"]) .usa-sl-bars,usa-sparkline[data-variant=\"bars\"] .usa-sl-line,usa-sparkline[data-variant=\"bars\"] .usa-sl-end{display:none}.usa-sl-end{fill:var(--usa-sl-c);vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:usa-sl-pulse 1.8s ease-out infinite}.usa-sl-hover{fill:#fff;stroke:var(--usa-sl-c);stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:0}usa-sparkline[data-hover] .usa-sl-hover{opacity:1}.usa-sl-tip{position:absolute;bottom:calc(100% + 4px);transform:translateX(-50%);padding:2px 6px;border-radius:5px;background:#111827;color:#fff;font:600 11px/1.3 system-ui,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}usa-sparkline[data-hover] .usa-sl-tip{opacity:1}@keyframes usa-sl-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:.4;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.usa-sl-end{animation:none}}";
|
|
4719
4721
|
|
|
4720
4722
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4721
4723
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4838,7 +4840,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4838
4840
|
}
|
|
4839
4841
|
}
|
|
4840
4842
|
return UsaSparkline;
|
|
4841
|
-
}, { id: 'sparkline', text: css$
|
|
4843
|
+
}, { id: 'sparkline', text: css$N });
|
|
4842
4844
|
}
|
|
4843
4845
|
|
|
4844
4846
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4851,7 +4853,7 @@ function parseFigureText(s) {
|
|
|
4851
4853
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4852
4854
|
}
|
|
4853
4855
|
|
|
4854
|
-
var css$
|
|
4856
|
+
var css$M = "usa-kpi{display:inline-grid;grid-template-columns:1fr auto;grid-template-areas:\"label label\" \"value delta\" \"trend trend\" \"caption caption\";align-items:end;gap:4px 10px;width:var(--usa-kpi-w,220px);max-width:100%;padding:14px 16px;border-radius:16px;background:var(--usa-kpi-bg,#fff);color:#0f172a;box-shadow:0 8px 24px -12px rgba(15,23,42,.35);font:500 12px/1.3 system-ui,sans-serif}.usa-kpi-label{grid-area:label;opacity:.6;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.usa-kpi-value{grid-area:value;font:800 28px/1.05 system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.usa-kpi-delta{grid-area:delta;display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:999px;font-weight:700;font-size:12px;margin-bottom:4px}.usa-kpi-delta[data-good=\"true\"]{background:rgba(34,197,94,.14);color:#15803d}.usa-kpi-delta[data-good=\"false\"]{background:rgba(239,68,68,.14);color:#b91c1c}.usa-kpi-delta i{font-style:normal;font-size:9px}.usa-kpi-trend{grid-area:trend;--usa-sl-w:100%;--usa-sl-h:34px;margin-top:4px}.usa-kpi-caption{grid-area:caption;opacity:.55;font-size:11px}.usa-kpi-caption:empty{display:none}";
|
|
4855
4857
|
|
|
4856
4858
|
function defineKpi(tag = 'usa-kpi') {
|
|
4857
4859
|
return defineElement(tag, (Base) => {
|
|
@@ -4931,10 +4933,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4931
4933
|
}
|
|
4932
4934
|
}
|
|
4933
4935
|
return UsaKpi;
|
|
4934
|
-
}, { id: 'kpi', text: css$
|
|
4936
|
+
}, { id: 'kpi', text: css$M });
|
|
4935
4937
|
}
|
|
4936
4938
|
|
|
4937
|
-
var css$
|
|
4939
|
+
var css$L = "usa-add-to-cart{display:inline-block}.usa-atc-btn{position:relative;display:inline-grid;place-items:center;min-width:var(--usa-atc-w,150px);padding:11px 18px;border:0;border-radius:999px;background:var(--usa-atc-bg,#7c5cff);color:#fff;font:700 14px/1 system-ui,sans-serif;cursor:pointer;overflow:hidden;transition:background .3s}.usa-atc-btn>span{grid-area:1/1;transition:transform .35s cubic-bezier(.3,1.4,.5,1),opacity .25s}.usa-atc-done{transform:translateY(120%);opacity:0}usa-add-to-cart[data-added] .usa-atc-btn{background:var(--usa-atc-ok,#16a34a)}usa-add-to-cart[data-added] .usa-atc-label{transform:translateY(-120%);opacity:0}usa-add-to-cart[data-added] .usa-atc-done{transform:none;opacity:1}.usa-atc-btn:focus-visible{outline:3px solid #a78bfa;outline-offset:2px}.usa-atc-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.usa-atc-btn>span{transition:none}}";
|
|
4938
4940
|
|
|
4939
4941
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4940
4942
|
return defineElement(tag, (Base) => {
|
|
@@ -4979,10 +4981,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4979
4981
|
}
|
|
4980
4982
|
}
|
|
4981
4983
|
return UsaAddToCart;
|
|
4982
|
-
}, { id: 'add-to-cart', text: css$
|
|
4984
|
+
}, { id: 'add-to-cart', text: css$L });
|
|
4983
4985
|
}
|
|
4984
4986
|
|
|
4985
|
-
var css$
|
|
4987
|
+
var css$K = "usa-cart-drawer{position:relative;display:inline-block;font:500 13px/1.3 system-ui,sans-serif}.usa-cd2-toggle{position:relative;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--usa-cd2-btn,#f1f5f9);font-size:20px;cursor:pointer}.usa-cd2-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font:800 11px/18px system-ui,sans-serif;text-align:center}.usa-cd2-badge:empty{display:none}.usa-cd2-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:2147482000}.usa-cd2-panel{position:fixed;top:0;right:0;bottom:0;width:min(var(--usa-cd2-w,340px),92vw);display:flex;flex-direction:column;background:var(--usa-cd2-bg,#fff);color:#0f172a;box-shadow:-12px 0 40px -12px rgba(15,23,42,.4);z-index:2147482001;outline:none}.usa-cd2-panel header,.usa-cd2-panel footer{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.08)}.usa-cd2-panel footer{border:0;border-top:1px solid rgba(15,23,42,.08);margin-top:auto;font-size:15px}.usa-cd2-close,.usa-cd2-rm{border:0;background:none;font-size:20px;line-height:1;cursor:pointer;color:inherit;opacity:.6}.usa-cd2-list{margin:0;padding:6px 8px;list-style:none;overflow:auto}.usa-cd2-item{display:grid;grid-template-columns:36px 1fr auto auto auto;align-items:center;gap:8px;padding:8px;border-radius:10px;overflow:hidden}.usa-cd2-item img,.usa-cd2-item i{width:36px;height:36px;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,#a78bfa,#22d3ee)}.usa-cd2-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.usa-cd2-qty{opacity:.6}.usa-cd2-price,.usa-cd2-total{font-variant-numeric:tabular-nums;font-weight:700}.usa-cd2-empty{margin:24px;text-align:center;opacity:.55}.usa-cd2-panel[hidden],.usa-cd2-backdrop[hidden]{display:none}";
|
|
4986
4988
|
|
|
4987
4989
|
/** Cart total (7.3). */
|
|
4988
4990
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5147,10 +5149,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5147
5149
|
}
|
|
5148
5150
|
}
|
|
5149
5151
|
return UsaCartDrawer;
|
|
5150
|
-
}, { id: 'cart-drawer', text: css$
|
|
5152
|
+
}, { id: 'cart-drawer', text: css$K });
|
|
5151
5153
|
}
|
|
5152
5154
|
|
|
5153
|
-
var css$
|
|
5155
|
+
var css$J = "usa-product-gallery{display:grid;gap:10px;width:var(--usa-pg2-w,320px);max-width:100%}.usa-pg2-stage{position:relative;aspect-ratio:var(--usa-pg2-ratio,1);border-radius:14px;overflow:hidden;background:#f1f5f9;cursor:zoom-in;outline:none}.usa-pg2-stage:focus-visible{box-shadow:0 0 0 3px #a78bfa}.usa-pg2-main{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease-out}.usa-pg2-thumbs{position:relative;display:flex;gap:8px;overflow-x:auto;padding:3px}.usa-pg2-thumb{flex:0 0 auto;width:var(--usa-pg2-t,56px);height:var(--usa-pg2-t,56px);padding:0;border:0;border-radius:10px;overflow:hidden;background:#e2e8f0;cursor:pointer;opacity:.65;transition:opacity .2s}.usa-pg2-thumb[aria-selected=true]{opacity:1}.usa-pg2-thumb img{width:100%;height:100%;object-fit:cover;display:block}.usa-pg2-thumb:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}.usa-pg2-ring{position:absolute;left:0;top:3px;height:var(--usa-pg2-t,56px);border-radius:10px;box-shadow:0 0 0 2px var(--usa-pg2-accent,#7c5cff);pointer-events:none;transition:transform .35s cubic-bezier(.3,1.3,.5,1),width .35s}@media (prefers-reduced-motion:reduce){.usa-pg2-ring,.usa-pg2-main{transition:none}}";
|
|
5154
5156
|
|
|
5155
5157
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5156
5158
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5264,10 +5266,10 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5264
5266
|
}
|
|
5265
5267
|
}
|
|
5266
5268
|
return UsaProductGallery;
|
|
5267
|
-
}, { id: 'product-gallery', text: css$
|
|
5269
|
+
}, { id: 'product-gallery', text: css$J });
|
|
5268
5270
|
}
|
|
5269
5271
|
|
|
5270
|
-
var css$
|
|
5272
|
+
var css$I = "usa-countdown{display:inline-block;font:700 12px/1.2 system-ui,sans-serif;color:var(--usa-cd-fg,inherit)}.usa-cd-row{display:flex;gap:var(--usa-cd-gap,10px)}.usa-cd-unit{display:flex;flex-direction:column;align-items:center;gap:4px}.usa-cd-unit small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.usa-cd-digits{display:flex;gap:3px;perspective:300px}.usa-cd-d{display:grid;place-items:center;width:var(--usa-cd-w,28px);height:calc(var(--usa-cd-w,28px) * 1.35);border-radius:6px;background:var(--usa-cd-bg,#111827);color:var(--usa-cd-c,#fff);font:800 calc(var(--usa-cd-w,28px) * .8)/1 ui-monospace,monospace;box-shadow:inset 0 -1px 0 rgba(255,255,255,.08),0 4px 10px -4px rgba(0,0,0,.5);background-image:linear-gradient(transparent 49%,rgba(0,0,0,.35) 50%,transparent 51%);transform-origin:50% 50%}usa-countdown[data-done] .usa-cd-d{background-color:var(--usa-cd-done,#ef4444)}";
|
|
5271
5273
|
|
|
5272
5274
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5273
5275
|
function splitTime(sec) {
|
|
@@ -5355,10 +5357,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5355
5357
|
}
|
|
5356
5358
|
}
|
|
5357
5359
|
return UsaCountdown;
|
|
5358
|
-
}, { id: 'countdown', text: css$
|
|
5360
|
+
}, { id: 'countdown', text: css$I });
|
|
5359
5361
|
}
|
|
5360
5362
|
|
|
5361
|
-
var css$
|
|
5363
|
+
var css$H = "usa-message-list{position:relative;display:block;width:var(--usa-ml-w,320px);max-width:100%;font:400 14px/1.35 system-ui,sans-serif}.usa-ml-list{display:flex;flex-direction:column;gap:6px;height:var(--usa-ml-h,260px);margin:0;padding:10px;list-style:none;overflow-y:auto;overscroll-behavior:contain;border-radius:14px;background:var(--usa-ml-bg,#f8fafc)}.usa-ml-msg{display:flex;flex-direction:column;align-items:flex-start;max-width:80%}.usa-ml-msg[data-side=right]{align-self:flex-end;align-items:flex-end}.usa-ml-msg[data-grouped] .usa-ml-from{display:none}.usa-ml-from{font-size:11px;font-weight:600;opacity:.6;margin:2px 8px}.usa-ml-from:empty,.usa-ml-time:empty{display:none}.usa-ml-bubble{padding:8px 12px;border-radius:16px 16px 16px 4px;background:var(--usa-ml-them,#e2e8f0);color:#0f172a;overflow-wrap:anywhere}.usa-ml-msg[data-side=right] .usa-ml-bubble{border-radius:16px 16px 4px 16px;background:var(--usa-ml-me,#7c5cff);color:#fff}.usa-ml-time{font-size:10px;opacity:.5;margin:2px 8px}.usa-ml-typing .usa-ml-bubble{display:inline-flex;gap:4px;padding:11px 12px}.usa-ml-typing i{width:7px;height:7px;border-radius:50%;background:#64748b;animation:usa-ml-dot 1.1s infinite}.usa-ml-typing i:nth-child(2){animation-delay:.18s}.usa-ml-typing i:nth-child(3){animation-delay:.36s}@keyframes usa-ml-dot{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-5px);opacity:1}}.usa-ml-new{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);border:0;border-radius:999px;padding:6px 12px;background:#0f172a;color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 16px -6px rgba(0,0,0,.5)}.usa-ml-new[hidden]{display:none}@media (prefers-reduced-motion:reduce){.usa-ml-typing i{animation:none}}";
|
|
5362
5364
|
|
|
5363
5365
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5364
5366
|
return defineElement(tag, (Base) => {
|
|
@@ -5445,10 +5447,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5445
5447
|
}
|
|
5446
5448
|
}
|
|
5447
5449
|
return UsaMessageList;
|
|
5448
|
-
}, { id: 'message-list', text: css$
|
|
5450
|
+
}, { id: 'message-list', text: css$H });
|
|
5449
5451
|
}
|
|
5450
5452
|
|
|
5451
|
-
var css$
|
|
5453
|
+
var css$G = "usa-reactions{position:relative;display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;font:600 13px/1 system-ui,sans-serif}.usa-rx-row{display:inline-flex;flex-wrap:wrap;gap:6px}.usa-rx-pill,.usa-rx-add{position:relative;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid rgba(15,23,42,.12);border-radius:999px;background:var(--usa-rx-bg,#fff);color:inherit;font:inherit;cursor:pointer}.usa-rx-pill[hidden]{display:none}.usa-rx-pill[aria-pressed=true]{border-color:var(--usa-rx-accent,#7c5cff);background:color-mix(in srgb,var(--usa-rx-accent,#7c5cff) 14%,#fff)}.usa-rx-emo{display:inline-block;font-size:15px}.usa-rx-n{display:inline-block;min-width:1ch;font-variant-numeric:tabular-nums}.usa-rx-float{position:absolute;left:50%;top:0;font-size:16px;pointer-events:none}.usa-rx-picker{position:absolute;bottom:calc(100% + 6px);left:0;display:flex;gap:2px;padding:4px;border-radius:999px;background:#fff;box-shadow:0 10px 30px -10px rgba(15,23,42,.45);transform-origin:20% 100%;z-index:5}.usa-rx-picker[hidden]{display:none}.usa-rx-picker button{border:0;background:none;font-size:20px;width:32px;height:32px;border-radius:50%;cursor:pointer}.usa-rx-picker button:hover,.usa-rx-picker button:focus-visible{background:#f1f5f9}.usa-rx-pill:focus-visible,.usa-rx-add:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}";
|
|
5452
5454
|
|
|
5453
5455
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5454
5456
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5550,10 +5552,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5550
5552
|
}
|
|
5551
5553
|
}
|
|
5552
5554
|
return UsaReactions;
|
|
5553
|
-
}, { id: 'reactions', text: css$
|
|
5555
|
+
}, { id: 'reactions', text: css$G });
|
|
5554
5556
|
}
|
|
5555
5557
|
|
|
5556
|
-
var css$
|
|
5558
|
+
var css$F = "usa-notification-bell{position:relative;display:inline-block;font:400 13px/1.35 system-ui,sans-serif}.usa-nb-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:var(--usa-nb-bg,#f1f5f9);color:var(--usa-nb-fg,#0f172a);cursor:pointer}.usa-nb-bell{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 12%}.usa-nb-badge{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ef4444;color:#fff;font:800 10px/17px system-ui,sans-serif;text-align:center}.usa-nb-badge:empty{display:none}.usa-nb-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(280px,86vw);border-radius:14px;background:#fff;color:#0f172a;box-shadow:0 18px 40px -14px rgba(15,23,42,.45);overflow:hidden;z-index:20;transform-origin:90% 0}.usa-nb-panel[hidden]{display:none}.usa-nb-panel header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(15,23,42,.08)}.usa-nb-read{border:0;background:none;color:#7c5cff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}.usa-nb-list{max-height:220px;margin:0;padding:4px;list-style:none;overflow:auto}.usa-nb-item{display:flex;justify-content:space-between;gap:8px;padding:8px;border-radius:8px}.usa-nb-item[data-unread]{background:#f5f3ff;font-weight:600}.usa-nb-item[data-unread]::before{content:\"\";flex:0 0 7px;height:7px;margin-top:6px;border-radius:50%;background:#7c5cff}.usa-nb-item time{opacity:.5;font-size:11px;white-space:nowrap}.usa-nb-text{flex:1;min-width:0}.usa-nb-empty{margin:16px;text-align:center;opacity:.55}.usa-nb-btn:focus-visible,.usa-nb-read:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}";
|
|
5557
5559
|
|
|
5558
5560
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5559
5561
|
return defineElement(tag, (Base) => {
|
|
@@ -5648,10 +5650,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5648
5650
|
}
|
|
5649
5651
|
}
|
|
5650
5652
|
return UsaNotificationBell;
|
|
5651
|
-
}, { id: 'notification-bell', text: css$
|
|
5653
|
+
}, { id: 'notification-bell', text: css$F });
|
|
5652
5654
|
}
|
|
5653
5655
|
|
|
5654
|
-
var css$
|
|
5656
|
+
var css$E = "usa-presence{--s:var(--usa-pr2-size,48px);position:relative;display:inline-grid;place-items:center;width:var(--s);height:var(--s);vertical-align:middle}.usa-pr2-face{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#a78bfa,#22d3ee);color:#fff;font:700 calc(var(--s) * .36)/1 system-ui,sans-serif}.usa-pr2-face img{width:100%;height:100%;object-fit:cover}.usa-pr2-dot,.usa-pr2-ripple{position:absolute;right:0;bottom:0;width:calc(var(--s) * .28);height:calc(var(--s) * .28);border-radius:50%;box-sizing:border-box}.usa-pr2-dot{border:2px solid var(--usa-pr2-ring,#fff);background:#94a3b8;transition:background-color .3s}.usa-pr2-ripple{background:#22c55e;pointer-events:none}usa-presence[data-state=online] .usa-pr2-dot{background:#22c55e}usa-presence[data-state=away] .usa-pr2-dot{background:#f59e0b}usa-presence[data-state=busy] .usa-pr2-dot{background:#ef4444}usa-presence[speaking] .usa-pr2-face{box-shadow:0 0 0 3px #22c55e;animation:usa-pr2-speak 1.2s ease-in-out infinite}@keyframes usa-pr2-speak{50%{box-shadow:0 0 0 6px rgba(34,197,94,.35)}}usa-presence[story]::before{content:\"\";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(#f59e0b,#ef4444,#d946ef,#7c3aed,#f59e0b);animation:usa-pr2-spin 3s linear infinite;z-index:-1}usa-presence[story] .usa-pr2-face{box-shadow:0 0 0 2px var(--usa-pr2-ring,#fff)}@keyframes usa-pr2-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){usa-presence[speaking] .usa-pr2-face,usa-presence[story]::before{animation:none}.usa-pr2-dot{transition:none}}";
|
|
5655
5657
|
|
|
5656
5658
|
/** Presence states (7.4). */
|
|
5657
5659
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5721,10 +5723,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5721
5723
|
}
|
|
5722
5724
|
}
|
|
5723
5725
|
return UsaPresence;
|
|
5724
|
-
}, { id: 'presence', text: css$
|
|
5726
|
+
}, { id: 'presence', text: css$E });
|
|
5725
5727
|
}
|
|
5726
5728
|
|
|
5727
|
-
var css$
|
|
5729
|
+
var css$D = "usa-leaderboard{display:block;width:var(--usa-lb-w,320px);max-width:100%;font:500 14px/1.2 system-ui,sans-serif}.usa-lb-list{margin:0;padding:0;list-style:none;display:grid;gap:4px}.usa-lb-row{display:grid;grid-template-columns:28px 30px 1fr auto auto;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:var(--usa-lb-bg,rgba(15,23,42,.04));position:relative}.usa-lb-row[data-me]{box-shadow:inset 0 0 0 2px var(--usa-lb-accent,#7c5cff)}.usa-lb-rank{text-align:center;font-weight:800;font-size:15px}.usa-lb-av{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#22d3ee) center/cover;color:#fff;font-weight:700;font-size:13px}.usa-lb-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-lb-delta{font:700 11px/1 system-ui,sans-serif;font-style:normal}.usa-lb-row[data-move=up] .usa-lb-delta{color:#16a34a}.usa-lb-row[data-move=down] .usa-lb-delta{color:#dc2626}.usa-lb-score{font-variant-numeric:tabular-nums;font-weight:800}.usa-lb-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}";
|
|
5728
5730
|
|
|
5729
5731
|
/** Sort rows by score desc, then name (7.5). */
|
|
5730
5732
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5833,10 +5835,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5833
5835
|
}
|
|
5834
5836
|
}
|
|
5835
5837
|
return UsaLeaderboard;
|
|
5836
|
-
}, { id: 'leaderboard', text: css$
|
|
5838
|
+
}, { id: 'leaderboard', text: css$D });
|
|
5837
5839
|
}
|
|
5838
5840
|
|
|
5839
|
-
var css$
|
|
5841
|
+
var css$C = "usa-xp-bar{display:flex;align-items:center;gap:10px;width:var(--usa-xp-w,300px);max-width:100%;font:600 13px/1 system-ui,sans-serif}.usa-xp-lvl{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--usa-xp-accent,#7c5cff);color:#fff;font-size:15px;font-weight:800;box-shadow:0 0 0 3px rgba(124,92,255,.25)}.usa-xp-track{flex:1;min-width:0;height:12px;border-radius:99px;background:var(--usa-xp-track,rgba(15,23,42,.1));overflow:hidden}.usa-xp-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--usa-xp-accent,#7c5cff),#22d3ee);transform-origin:0 50%;transform:scaleX(0)}.usa-xp-num{flex:none;font-variant-numeric:tabular-nums;opacity:.75}usa-xp-bar[data-levelup] .usa-xp-lvl{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.35)}.usa-xp-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}";
|
|
5840
5842
|
|
|
5841
5843
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5842
5844
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5933,10 +5935,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5933
5935
|
}
|
|
5934
5936
|
}
|
|
5935
5937
|
return UsaXpBar;
|
|
5936
|
-
}, { id: 'xp-bar', text: css$
|
|
5938
|
+
}, { id: 'xp-bar', text: css$C });
|
|
5937
5939
|
}
|
|
5938
5940
|
|
|
5939
|
-
var css$
|
|
5941
|
+
var css$B = "usa-badge-wall{display:block;width:var(--usa-bw-w,320px);max-width:100%;font:600 12px/1.2 system-ui,sans-serif}.usa-bw-count{margin:0 0 8px;font-size:13px;opacity:.75;font-variant-numeric:tabular-nums}.usa-bw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;margin:0;padding:0;list-style:none}.usa-bw-badge{position:relative;display:grid;justify-items:center;gap:4px;padding:8px 4px;border-radius:12px;background:linear-gradient(160deg,#fde68a,#f59e0b);color:#422006;text-align:center;overflow:hidden}.usa-bw-icon{font-size:24px;line-height:1}.usa-bw-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-bw-badge[data-locked]{background:var(--usa-bw-locked,#e2e8f0);color:#64748b}.usa-bw-badge[data-locked] .usa-bw-icon{filter:grayscale(1);opacity:.45}.usa-bw-badge[data-locked]::after{content:\"🔒\";position:absolute;top:3px;right:4px;font-size:11px}.usa-bw-badge[data-shine]::before{content:\"\";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%) 120% 0/250% 100%;animation:usa-bw-shine 1s ease-in-out .3s both;pointer-events:none}@keyframes usa-bw-shine{to{background-position:-20% 0}}.usa-bw-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.usa-bw-badge[data-shine]::before{animation:none;display:none}}";
|
|
5940
5942
|
|
|
5941
5943
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5942
5944
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -6003,10 +6005,10 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
6003
6005
|
}
|
|
6004
6006
|
}
|
|
6005
6007
|
return UsaBadgeWall;
|
|
6006
|
-
}, { id: 'badge-wall', text: css$
|
|
6008
|
+
}, { id: 'badge-wall', text: css$B });
|
|
6007
6009
|
}
|
|
6008
6010
|
|
|
6009
|
-
var css$
|
|
6011
|
+
var css$A = "usa-prize-wheel{display:inline-block;--s:var(--usa-pw-size,200px);font:700 11px/1 system-ui,sans-serif}.usa-pw-box{position:relative;display:grid;place-items:center;width:var(--s);height:var(--s)}.usa-pw-wheel{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 4px #fff,0 0 0 6px rgba(15,23,42,.15),0 8px 24px rgba(15,23,42,.2);will-change:transform}.usa-pw-label{position:absolute;left:50%;top:0;width:0;height:50%;display:flex;justify-content:center;padding-top:10px;transform-origin:0 100%;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);white-space:nowrap}.usa-pw-pointer{position:absolute;top:-10px;left:50%;margin-left:-9px;width:0;height:0;border:9px solid transparent;border-top:16px solid var(--usa-pw-pointer,#0f172a);border-bottom:0;z-index:2;transform-origin:50% 0}.usa-pw-btn{position:relative;z-index:1;width:30%;aspect-ratio:1;border:0;border-radius:50%;background:#fff;color:#0f172a;font:800 13px/1 system-ui,sans-serif;box-shadow:0 2px 8px rgba(15,23,42,.25);cursor:pointer}.usa-pw-btn:disabled{cursor:progress;opacity:.85}usa-prize-wheel[data-done] .usa-pw-wheel{box-shadow:0 0 0 4px #fff,0 0 0 6px #facc15,0 0 28px rgba(250,204,21,.6)}.usa-pw-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}";
|
|
6010
6012
|
|
|
6011
6013
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6012
6014
|
function wheelAngle(index, count, turns = 5) {
|
|
@@ -6086,10 +6088,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6086
6088
|
}
|
|
6087
6089
|
}
|
|
6088
6090
|
return UsaPrizeWheel;
|
|
6089
|
-
}, { id: 'prize-wheel', text: css$
|
|
6091
|
+
}, { id: 'prize-wheel', text: css$A });
|
|
6090
6092
|
}
|
|
6091
6093
|
|
|
6092
|
-
var css$
|
|
6094
|
+
var css$z = "usa-globe{display:inline-block;width:var(--usa-gl-size,200px);max-width:100%;aspect-ratio:1;touch-action:pan-y;cursor:grab;user-select:none}usa-globe:active{cursor:grabbing}.usa-gl-svg{display:block;width:100%;height:100%;overflow:visible}.usa-gl-sea{fill:var(--usa-gl-sea,#1e3a8a)}.usa-gl-grid{fill:none;stroke:var(--usa-gl-grid,rgba(255,255,255,.35));stroke-width:.7}.usa-gl-dot{fill:var(--usa-gl-accent,#f59e0b);stroke:#fff;stroke-width:1}.usa-gl-ring{fill:none;stroke:var(--usa-gl-accent,#f59e0b);stroke-width:1.5;transform-box:fill-box;transform-origin:center;opacity:0}.usa-gl-mark[data-hidden]{display:none}.usa-gl-mark[data-active] .usa-gl-dot{fill:#ef4444}@media (prefers-reduced-motion:no-preference){.usa-gl-ring{animation:usa-gl-pulse 1.8s ease-out infinite}}@keyframes usa-gl-pulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(3.2);opacity:0}}";
|
|
6093
6095
|
|
|
6094
6096
|
const RAD = Math.PI / 180;
|
|
6095
6097
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6246,10 +6248,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6246
6248
|
}
|
|
6247
6249
|
}
|
|
6248
6250
|
return UsaGlobe;
|
|
6249
|
-
}, { id: 'globe', text: css$
|
|
6251
|
+
}, { id: 'globe', text: css$z });
|
|
6250
6252
|
}
|
|
6251
6253
|
|
|
6252
|
-
var css$
|
|
6254
|
+
var css$y = "usa-location-card{display:block;width:var(--usa-lc-w,280px);max-width:100%;font:500 13px/1.35 system-ui,sans-serif}.usa-lc{border-radius:16px;overflow:hidden;background:var(--usa-lc-bg,#fff);color:var(--usa-lc-fg,#0f172a);box-shadow:0 10px 28px -14px rgba(15,23,42,.45);border:1px solid rgba(15,23,42,.08)}.usa-lc-map{position:relative;height:var(--usa-lc-map-h,110px);background:var(--usa-lc-land,#e8efe4);overflow:hidden}.usa-lc-map svg{display:block;width:100%;height:100%}.usa-lc-street{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round}.usa-lc-route{fill:none;stroke:var(--usa-lc-accent,#2563eb);stroke-width:4;stroke-linecap:round;stroke-dasharray:100}.usa-lc-from{fill:#fff;stroke:var(--usa-lc-accent,#2563eb);stroke-width:3}.usa-lc-pin{position:absolute;left:70%;top:calc(48% - 8px);width:22px;height:22px;transform:translate(-50%,-100%);border-radius:50%;background:var(--usa-lc-pin,#ef4444);box-shadow:0 4px 8px rgba(0,0,0,.25)}.usa-lc-pin::after{content:\"\";position:absolute;inset:6px;border-radius:50%;background:#fff}.usa-lc-pin::before{content:\"\";position:absolute;left:50%;bottom:-8px;width:0;height:0;border:6px solid transparent;border-top:9px solid var(--usa-lc-pin,#ef4444);border-bottom:0;transform:translateX(-50%)}.usa-lc-ring{position:absolute;left:70%;top:48%;width:18px;height:18px;border-radius:50%;border:2px solid var(--usa-lc-pin,#ef4444);transform:translate(-50%,-50%);opacity:0;pointer-events:none}.usa-lc-body{padding:10px 14px 12px}.usa-lc-name{margin:0;font-size:15px;font-weight:750}.usa-lc-addr{margin:2px 0 0;opacity:.7}.usa-lc-meta{display:flex;align-items:center;gap:10px;margin:8px 0 0}.usa-lc-meta:empty{display:none}.usa-lc-dist{font-weight:700;font-variant-numeric:tabular-nums}.usa-lc-go{margin-left:auto;color:var(--usa-lc-accent,#2563eb);font-weight:700;text-decoration:none}.usa-lc-go:hover,.usa-lc-go:focus-visible{text-decoration:underline}";
|
|
6253
6255
|
|
|
6254
6256
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6255
6257
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6265,7 +6267,7 @@ function formatDistance(km, unit = 'km') {
|
|
|
6265
6267
|
}
|
|
6266
6268
|
return km < 1 ? `${Math.round(km * 1000)} m` : `${km < 10 ? km.toFixed(1) : Math.round(km)} km`;
|
|
6267
6269
|
}
|
|
6268
|
-
const esc$
|
|
6270
|
+
const esc$f = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6269
6271
|
function defineLocationCard(tag = 'usa-location-card') {
|
|
6270
6272
|
return defineElement(tag, (Base) => {
|
|
6271
6273
|
class UsaLocationCard extends Base {
|
|
@@ -6290,7 +6292,7 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6290
6292
|
const dist = this.str('distance') || (km === null ? '' : formatDistance(km, this.str('unit') === 'mi' ? 'mi' : 'km'));
|
|
6291
6293
|
const href = this.str('href');
|
|
6292
6294
|
const origin = km !== null;
|
|
6293
|
-
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$
|
|
6295
|
+
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$f(name)}"><div class="usa-lc-map" aria-hidden="true"><svg viewBox="0 0 240 120" preserveAspectRatio="xMidYMid slice"><path class="usa-lc-street" d="M0 30H240M0 78H240M40 0V120M120 0V120M196 0V120M0 112L240 8"/>${origin ? '<path class="usa-lc-route" pathLength="100" d="M28 100C60 100 64 78 96 78S120 40 160 40 168 58 168 58"/><circle class="usa-lc-from" cx="28" cy="100" r="4"/>' : ''}</svg><span class="usa-lc-ring"></span><span class="usa-lc-pin"></span></div><div class="usa-lc-body"><h3 class="usa-lc-name">${esc$f(name)}</h3>${this.str('address') ? `<p class="usa-lc-addr">${esc$f(this.str('address'))}</p>` : ''}<p class="usa-lc-meta">${dist ? `<span class="usa-lc-dist">${esc$f(dist)}</span>` : ''}${href ? `<a class="usa-lc-go" href="${esc$f(href)}" target="_blank" rel="noopener">Directions</a>` : ''}</p></div></article>`);
|
|
6294
6296
|
if (origin)
|
|
6295
6297
|
this.setAttribute('data-route', '');
|
|
6296
6298
|
else
|
|
@@ -6323,10 +6325,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6323
6325
|
}
|
|
6324
6326
|
}
|
|
6325
6327
|
return UsaLocationCard;
|
|
6326
|
-
}, { id: 'location-card', text: css$
|
|
6328
|
+
}, { id: 'location-card', text: css$y });
|
|
6327
6329
|
}
|
|
6328
6330
|
|
|
6329
|
-
var css$
|
|
6331
|
+
var css$x = "usa-field{display:block;width:var(--usa-fld-w,280px);max-width:100%;font:500 14px/1.3 system-ui,sans-serif;--usa-fld-accent:#6366f1;--usa-fld-bad:#e11d48;--usa-fld-good:#16a34a}.usa-fld{position:relative;padding-top:18px}.usa-fld-input{display:block;box-sizing:border-box;width:100%;padding:8px 30px 8px 2px;border:0;border-bottom:2px solid var(--usa-fld-rule,rgba(100,116,139,.45));background:transparent;color:inherit;font:inherit;outline:none;border-radius:0}.usa-fld-label{position:absolute;left:2px;top:26px;color:var(--usa-fld-muted,#64748b);pointer-events:none;transform-origin:0 0;transition:transform .22s cubic-bezier(.2,.8,.2,1),color .2s}usa-field[data-focus] .usa-fld-label,usa-field[data-filled] .usa-fld-label,.usa-fld-input:not(:placeholder-shown)+.usa-fld-label{transform:translateY(-24px) scale(.8)}usa-field[data-focus] .usa-fld-label{color:var(--usa-fld-accent)}.usa-fld-line{position:absolute;left:0;right:0;top:calc(18px + 2.3em - 1px);height:2px;background:var(--usa-fld-accent);transform:scaleX(0);transition:transform .3s cubic-bezier(.2,.8,.2,1)}usa-field[data-focus] .usa-fld-line{transform:scaleX(1)}usa-field[data-invalid] .usa-fld-line{transform:scaleX(1);background:var(--usa-fld-bad)}usa-field[data-invalid] .usa-fld-label{color:var(--usa-fld-bad)}.usa-fld-ok{position:absolute;right:2px;top:24px;width:20px;height:20px;fill:none;stroke:var(--usa-fld-good);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.usa-fld-ok path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .35s ease-out}usa-field[data-valid] .usa-fld-ok path{stroke-dashoffset:0}.usa-fld-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px}.usa-fld-meter i{height:4px;border-radius:2px;background:rgba(100,116,139,.25);transform-origin:0 50%;transition:background .25s}.usa-fld-meter[data-score=\"1\"] i:nth-child(-n+1){background:#ef4444}.usa-fld-meter[data-score=\"2\"] i:nth-child(-n+2){background:#f59e0b}.usa-fld-meter[data-score=\"3\"] i:nth-child(-n+3){background:#84cc16}.usa-fld-meter[data-score=\"4\"] i{background:#16a34a}.usa-fld-msg{margin:4px 0 0;min-height:1.3em;font-size:12px;color:var(--usa-fld-muted,#64748b)}usa-field[data-invalid] .usa-fld-msg{color:var(--usa-fld-bad)}@media (prefers-reduced-motion:reduce){.usa-fld-label,.usa-fld-line,.usa-fld-ok path,.usa-fld-meter i{transition:none}}";
|
|
6330
6332
|
|
|
6331
6333
|
/** 0–4 password strength score with a label (7.7). */
|
|
6332
6334
|
function passwordStrength(pw) {
|
|
@@ -6348,7 +6350,7 @@ function passwordStrength(pw) {
|
|
|
6348
6350
|
const score = Math.min(4, s);
|
|
6349
6351
|
return { score, label: ['Too short', 'Weak', 'Fair', 'Good', 'Strong'][score] };
|
|
6350
6352
|
}
|
|
6351
|
-
const esc$
|
|
6353
|
+
const esc$e = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6352
6354
|
let uid$2 = 0;
|
|
6353
6355
|
const PASS = ['type', 'name', 'required', 'pattern', 'minlength', 'maxlength', 'autocomplete', 'inputmode', 'placeholder'];
|
|
6354
6356
|
function defineField(tag = 'usa-field') {
|
|
@@ -6382,9 +6384,9 @@ function defineField(tag = 'usa-field') {
|
|
|
6382
6384
|
const id = this._id;
|
|
6383
6385
|
const strength = this.flag('strength');
|
|
6384
6386
|
const attrs = PASS.filter((a) => this.hasAttribute(a))
|
|
6385
|
-
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$
|
|
6387
|
+
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$e(this.str(a))}"`))
|
|
6386
6388
|
.join('');
|
|
6387
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-fld" data-usa-part><input class="usa-fld-input" id="${id}"${attrs} aria-describedby="${id}-msg"${this.hasAttribute('type') ? '' : ' type="text"'}><label class="usa-fld-label" for="${id}">${esc$
|
|
6389
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-fld" data-usa-part><input class="usa-fld-input" id="${id}"${attrs} aria-describedby="${id}-msg"${this.hasAttribute('type') ? '' : ' type="text"'}><label class="usa-fld-label" for="${id}">${esc$e(this.str('label', 'Label'))}</label><span class="usa-fld-line" aria-hidden="true"></span><svg class="usa-fld-ok" viewBox="0 0 24 24" aria-hidden="true"><path pathLength="1" d="M5 12.5l4.5 4.5L19 7.5"/></svg>${strength ? '<div class="usa-fld-meter" aria-hidden="true"><i></i><i></i><i></i><i></i></div>' : ''}<p class="usa-fld-msg" id="${id}-msg" aria-live="polite">${esc$e(this.str('hint'))}</p></div>`);
|
|
6388
6390
|
const input = this.input;
|
|
6389
6391
|
input.value = keep;
|
|
6390
6392
|
this.listen(input, 'input', () => {
|
|
@@ -6452,10 +6454,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6452
6454
|
}
|
|
6453
6455
|
}
|
|
6454
6456
|
return UsaField;
|
|
6455
|
-
}, { id: 'field', text: css$
|
|
6457
|
+
}, { id: 'field', text: css$x });
|
|
6456
6458
|
}
|
|
6457
6459
|
|
|
6458
|
-
var css$
|
|
6460
|
+
var css$w = "usa-otp{display:inline-block;max-width:100%;--usa-otp-accent:#6366f1;--usa-otp-size:44px}.usa-otp{display:flex;gap:var(--usa-otp-gap,8px)}.usa-otp-box{box-sizing:border-box;width:var(--usa-otp-size);height:calc(var(--usa-otp-size)*1.18);min-width:0;flex:0 1 auto;padding:0;text-align:center;font:700 calc(var(--usa-otp-size)*.48)/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:inherit;background:var(--usa-otp-bg,rgba(148,163,184,.12));border:2px solid var(--usa-otp-rule,rgba(100,116,139,.35));border-radius:10px;outline:none;caret-color:var(--usa-otp-accent);transition:border-color .2s,box-shadow .2s,background .2s}.usa-otp-box:focus{border-color:var(--usa-otp-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--usa-otp-accent) 22%,transparent)}.usa-otp-box[data-filled]{border-color:color-mix(in srgb,var(--usa-otp-accent) 60%,transparent)}usa-otp[data-state=error] .usa-otp-box{border-color:#e11d48;background:rgba(225,29,72,.08)}usa-otp[data-state=success] .usa-otp-box{border-color:#16a34a;background:rgba(22,163,74,.1);color:#15803d}@media (prefers-reduced-motion:reduce){.usa-otp-box{transition:none}}";
|
|
6459
6461
|
|
|
6460
6462
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6461
6463
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6586,10 +6588,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6586
6588
|
}
|
|
6587
6589
|
}
|
|
6588
6590
|
return UsaOtp;
|
|
6589
|
-
}, { id: 'otp', text: css$
|
|
6591
|
+
}, { id: 'otp', text: css$w });
|
|
6590
6592
|
}
|
|
6591
6593
|
|
|
6592
|
-
var css$
|
|
6594
|
+
var css$v = "usa-upload-progress{display:block;width:var(--usa-up-w,300px);max-width:100%;font:500 13px/1.3 system-ui,sans-serif;--usa-up-accent:#6366f1}.usa-up{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--usa-up-bg,rgba(148,163,184,.1));border:1px solid rgba(100,116,139,.18)}.usa-up-icon{flex:none;display:grid;place-items:center;width:34px;height:40px;border-radius:6px;background:var(--usa-up-accent);color:#fff;font:800 9px/1 system-ui,sans-serif;letter-spacing:.04em}.usa-up-main{flex:1;min-width:0}.usa-up-top,.usa-up-sub{display:flex;align-items:center;gap:8px}.usa-up-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.usa-up-pct{font-variant-numeric:tabular-nums;font-weight:700;color:var(--usa-up-accent)}.usa-up-track{position:relative;height:6px;margin:6px 0 4px;border-radius:3px;background:rgba(100,116,139,.2);overflow:hidden}.usa-up-fill{position:absolute;inset:0;border-radius:inherit;background:var(--usa-up-accent);transform-origin:0 50%;transform:scaleX(0);overflow:hidden}usa-upload-progress[data-state=uploading] .usa-up-fill::after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:usa-up-shine 1.2s linear infinite}@keyframes usa-up-shine{to{transform:translateX(100%)}}.usa-up-sub{font-size:11.5px;color:var(--usa-up-muted,#64748b)}.usa-up-msg{flex:1;color:#e11d48}.usa-up-retry{display:none;border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--usa-up-accent);cursor:pointer}usa-upload-progress[data-state=error] .usa-up-retry{display:inline}usa-upload-progress[data-state=error] .usa-up-fill{background:#e11d48}usa-upload-progress[data-state=error] .usa-up-icon{background:#e11d48}usa-upload-progress[data-state=done] .usa-up-fill{background:#16a34a}.usa-up-ok{flex:none;width:0;height:24px;fill:none;stroke:#16a34a;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:width .25s}.usa-up-ok circle{opacity:.25}.usa-up-ok path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .4s .15s ease-out}usa-upload-progress[data-state=done] .usa-up-ok{width:24px}usa-upload-progress[data-state=done] .usa-up-ok path{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.usa-up-fill::after{animation:none!important;display:none}.usa-up-ok,.usa-up-ok path{transition:none}}";
|
|
6593
6595
|
|
|
6594
6596
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6595
6597
|
function formatBytes(n) {
|
|
@@ -6603,7 +6605,7 @@ function formatBytes(n) {
|
|
|
6603
6605
|
}
|
|
6604
6606
|
return `${i === 0 ? Math.round(n) : n < 10 ? n.toFixed(1) : Math.round(n)} ${u[i]}`;
|
|
6605
6607
|
}
|
|
6606
|
-
const esc$
|
|
6608
|
+
const esc$d = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6607
6609
|
function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
6608
6610
|
return defineElement(tag, (Base) => {
|
|
6609
6611
|
class UsaUploadProgress extends Base {
|
|
@@ -6631,7 +6633,7 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6631
6633
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6632
6634
|
const name = this.str('name', 'file');
|
|
6633
6635
|
const size = formatBytes(this.num('size', NaN));
|
|
6634
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$
|
|
6636
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$d((name.split('.').pop() || '').slice(0, 4).toUpperCase())}</span><div class="usa-up-main"><div class="usa-up-top"><span class="usa-up-name">${esc$d(name)}</span><span class="usa-up-pct"></span></div><div class="usa-up-track" role="progressbar" aria-label="Uploading ${esc$d(name)}" aria-valuemin="0" aria-valuemax="100"><span class="usa-up-fill"></span></div><div class="usa-up-sub"><span class="usa-up-size">${esc$d(size)}</span><span class="usa-up-msg" aria-live="polite"></span><button type="button" class="usa-up-retry">Retry</button></div></div><svg class="usa-up-ok" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path pathLength="1" d="M7 12.5l3.2 3.2L17 9"/></svg></div>`);
|
|
6635
6637
|
this.listen(this.querySelector('.usa-up-retry'), 'click', () => this.emit('retry', { name }));
|
|
6636
6638
|
this._shown = 0;
|
|
6637
6639
|
this.render(true);
|
|
@@ -6672,12 +6674,12 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6672
6674
|
}
|
|
6673
6675
|
}
|
|
6674
6676
|
return UsaUploadProgress;
|
|
6675
|
-
}, { id: 'upload-progress', text: css$
|
|
6677
|
+
}, { id: 'upload-progress', text: css$v });
|
|
6676
6678
|
}
|
|
6677
6679
|
|
|
6678
|
-
var css$
|
|
6680
|
+
var css$u = "usa-chat-composer{display:block;width:var(--usa-cc-w,100%);max-width:100%;font:500 14px/1.45 system-ui,sans-serif;--usa-cc-accent:#6366f1}.usa-cc{position:relative;display:flex;align-items:flex-end;gap:8px;padding:8px 8px 8px 14px;border-radius:22px;background:var(--usa-cc-bg,#fff);color:var(--usa-cc-fg,#0f172a);border:1px solid rgba(100,116,139,.28);box-shadow:0 6px 20px -12px rgba(15,23,42,.4)}.usa-cc-glow{position:absolute;inset:-2px;border-radius:24px;padding:2px;background:conic-gradient(from var(--usa-cc-a,0deg),#6366f1,#ec4899,#f59e0b,#22d3ee,#6366f1);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}@property --usa-cc-a{syntax:\"<angle>\";inherits:false;initial-value:0deg}usa-chat-composer[data-busy] .usa-cc-glow{opacity:1;animation:usa-cc-spin 2.4s linear infinite}@keyframes usa-cc-spin{to{--usa-cc-a:360deg}}.usa-cc-input{flex:1;min-width:0;resize:none;border:0;outline:none;background:transparent;color:inherit;font:inherit;padding:6px 0;max-height:12em;overflow-y:auto}.usa-cc-send{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:0;background:rgba(100,116,139,.25);color:#fff;cursor:pointer;transition:background .2s}usa-chat-composer[data-ready] .usa-cc-send{background:var(--usa-cc-accent)}.usa-cc-send:focus-visible{outline:2px solid var(--usa-cc-accent);outline-offset:2px}.usa-cc-send svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.usa-cc-arrow{transition:transform .25s,opacity .2s;transform-origin:center}.usa-cc-stop{fill:currentColor;stroke:none;opacity:0;transform:scale(.4);transform-origin:12px 12px;transition:transform .25s,opacity .2s}usa-chat-composer[data-busy] .usa-cc-arrow{opacity:0;transform:scale(.4)}usa-chat-composer[data-busy] .usa-cc-stop{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){usa-chat-composer[data-busy] .usa-cc-glow{animation:none}.usa-cc-arrow,.usa-cc-stop,.usa-cc-glow{transition:none}}";
|
|
6679
6681
|
|
|
6680
|
-
const esc$
|
|
6682
|
+
const esc$c = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6681
6683
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
6682
6684
|
return defineElement(tag, (Base) => {
|
|
6683
6685
|
class UsaChatComposer extends Base {
|
|
@@ -6707,7 +6709,7 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6707
6709
|
const keep = this.area?.value ?? this.str('value');
|
|
6708
6710
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6709
6711
|
const label = this.str('label', 'Message');
|
|
6710
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-cc" data-usa-part><span class="usa-cc-glow" aria-hidden="true"></span><textarea class="usa-cc-input" rows="1" aria-label="${esc$
|
|
6712
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-cc" data-usa-part><span class="usa-cc-glow" aria-hidden="true"></span><textarea class="usa-cc-input" rows="1" aria-label="${esc$c(label)}" placeholder="${esc$c(this.str('placeholder', 'Ask anything…'))}"></textarea><button type="button" class="usa-cc-send" aria-label="Send"><svg viewBox="0 0 24 24" aria-hidden="true"><path class="usa-cc-arrow" d="M12 19V5M5.5 11.5L12 5l6.5 6.5"/><rect class="usa-cc-stop" x="7" y="7" width="10" height="10" rx="2"/></svg></button></div>`);
|
|
6711
6713
|
const a = this.area;
|
|
6712
6714
|
a.value = keep;
|
|
6713
6715
|
this.listen(a, 'input', () => this.sync());
|
|
@@ -6773,10 +6775,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6773
6775
|
}
|
|
6774
6776
|
}
|
|
6775
6777
|
return UsaChatComposer;
|
|
6776
|
-
}, { id: 'chat-composer', text: css$
|
|
6778
|
+
}, { id: 'chat-composer', text: css$u });
|
|
6777
6779
|
}
|
|
6778
6780
|
|
|
6779
|
-
var css$
|
|
6781
|
+
var css$t = "usa-suggestion-chips{display:block;max-width:100%;font:500 13px/1.2 system-ui,sans-serif;--usa-sc-accent:#6366f1}.usa-sc{display:flex;flex-wrap:wrap;gap:8px}.usa-sc>span{display:contents}.usa-sc-chip{padding:8px 13px;border-radius:999px;border:1px solid color-mix(in srgb,var(--usa-sc-accent) 35%,transparent);background:color-mix(in srgb,var(--usa-sc-accent) 8%,var(--usa-sc-bg,#fff));color:inherit;font:inherit;cursor:pointer;transition:background .2s,border-color .2s,opacity .3s,transform .3s}.usa-sc-chip:hover,.usa-sc-chip:focus-visible{background:color-mix(in srgb,var(--usa-sc-accent) 16%,var(--usa-sc-bg,#fff));outline:none;border-color:var(--usa-sc-accent)}.usa-sc-chip[data-picked]{background:var(--usa-sc-accent);border-color:var(--usa-sc-accent);color:#fff}.usa-sc-chip[data-gone]{opacity:0;transform:scale(.85);pointer-events:none}@media (prefers-reduced-motion:reduce){.usa-sc-chip{transition:none}}";
|
|
6780
6782
|
|
|
6781
6783
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6782
6784
|
function parseChips(s) {
|
|
@@ -6785,7 +6787,7 @@ function parseChips(s) {
|
|
|
6785
6787
|
.map((t) => t.trim())
|
|
6786
6788
|
.filter(Boolean);
|
|
6787
6789
|
}
|
|
6788
|
-
const esc$
|
|
6790
|
+
const esc$b = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6789
6791
|
function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
6790
6792
|
return defineElement(tag, (Base) => {
|
|
6791
6793
|
class UsaSuggestionChips extends Base {
|
|
@@ -6820,7 +6822,7 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6820
6822
|
Array.from(this.children).forEach((c) => !c.hasAttribute('data-usa-part') && c.setAttribute('hidden', ''));
|
|
6821
6823
|
}
|
|
6822
6824
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6823
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$
|
|
6825
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$b(this.str('label', 'Suggestions'))}" data-usa-part>${items.map((t, i) => `<span role="listitem"><button type="button" class="usa-sc-chip" data-i="${i}">${esc$b(t)}</button></span>`).join('')}</div>`);
|
|
6824
6826
|
const chips = Array.from(this.querySelectorAll('.usa-sc-chip'));
|
|
6825
6827
|
chips.forEach((c, i) => {
|
|
6826
6828
|
this.listen(c, 'click', () => this.pick(i));
|
|
@@ -6861,10 +6863,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6861
6863
|
}
|
|
6862
6864
|
}
|
|
6863
6865
|
return UsaSuggestionChips;
|
|
6864
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6866
|
+
}, { id: 'suggestion-chips', text: css$t });
|
|
6865
6867
|
}
|
|
6866
6868
|
|
|
6867
|
-
var css$
|
|
6869
|
+
var css$s = "usa-voice-button{display:inline-block;--usa-vb-accent:#6366f1;--usa-vb-size:52px}.usa-vb{display:flex;align-items:center;gap:12px}.usa-vb-btn{position:relative;display:grid;place-items:center;width:var(--usa-vb-size);height:var(--usa-vb-size);border-radius:50%;border:0;background:var(--usa-vb-idle,#e2e8f0);color:#334155;cursor:pointer;transition:background .2s,color .2s}.usa-vb-btn:focus-visible{outline:2px solid var(--usa-vb-accent);outline-offset:3px}.usa-vb-btn svg{position:relative;width:46%;height:46%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.usa-vb-btn svg rect{fill:currentColor;stroke:none}.usa-vb-halo{position:absolute;inset:0;border-radius:50%;background:var(--usa-vb-accent);opacity:0;transition:transform .12s linear}usa-voice-button[listening] .usa-vb-btn{background:var(--usa-vb-accent);color:#fff}usa-voice-button[listening] .usa-vb-halo{opacity:.25;animation:usa-vb-breathe 1.6s ease-in-out infinite}usa-voice-button[data-live] .usa-vb-halo{animation:none}@keyframes usa-vb-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}.usa-vb-bars{display:flex;align-items:center;gap:3px;height:calc(var(--usa-vb-size)*.6);opacity:.25;transition:opacity .2s}.usa-vb-bars i{display:block;width:4px;height:100%;border-radius:2px;background:var(--usa-vb-accent);transform:scaleY(.15);transition:transform .1s linear}usa-voice-button[listening] .usa-vb-bars{opacity:1}usa-voice-button[listening]:not([data-live]) .usa-vb-bars i{animation:usa-vb-wave 1s ease-in-out infinite}.usa-vb-bars i:nth-child(2){animation-delay:-.15s!important}.usa-vb-bars i:nth-child(3){animation-delay:-.3s!important}.usa-vb-bars i:nth-child(4){animation-delay:-.45s!important}.usa-vb-bars i:nth-child(5){animation-delay:-.6s!important}.usa-vb-bars i:nth-child(6){animation-delay:-.75s!important}.usa-vb-bars i:nth-child(7){animation-delay:-.9s!important}@keyframes usa-vb-wave{0%,100%{transform:scaleY(.2)}50%{transform:scaleY(.9)}}@media (prefers-reduced-motion:reduce){usa-voice-button[listening] .usa-vb-halo,usa-voice-button[listening] .usa-vb-bars i{animation:none!important}.usa-vb-bars i{transition:none}}";
|
|
6868
6870
|
|
|
6869
6871
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6870
6872
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6936,10 +6938,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6936
6938
|
}
|
|
6937
6939
|
}
|
|
6938
6940
|
return UsaVoiceButton;
|
|
6939
|
-
}, { id: 'voice-button', text: css$
|
|
6941
|
+
}, { id: 'voice-button', text: css$s });
|
|
6940
6942
|
}
|
|
6941
6943
|
|
|
6942
|
-
var css$
|
|
6944
|
+
var css$r = "usa-command-palette{display:contents;--usa-cp-accent:#6366f1}usa-command-palette>option{display:none}.usa-cp{width:min(560px,calc(100vw - 24px));max-width:none;padding:0;margin:12vh auto auto;border:0;border-radius:16px;background:transparent;color:inherit;overflow:visible}.usa-cp::backdrop{background:rgba(15,23,42,.35);backdrop-filter:blur(3px)}.usa-cp-box{border-radius:16px;background:var(--usa-cp-bg,#fff);color:var(--usa-cp-fg,#0f172a);box-shadow:0 24px 60px -20px rgba(15,23,42,.55);border:1px solid rgba(100,116,139,.2);overflow:hidden;font:500 14px/1.3 system-ui,sans-serif}.usa-cp-q{box-sizing:border-box;width:100%;padding:16px 18px;border:0;border-bottom:1px solid rgba(100,116,139,.18);background:transparent;color:inherit;font:inherit;font-size:16px;outline:none}.usa-cp-list{position:relative;max-height:min(340px,50vh);overflow-y:auto;padding:6px}.usa-cp-hl{position:absolute;left:6px;right:6px;top:0;border-radius:10px;background:color-mix(in srgb,var(--usa-cp-accent) 12%,transparent);pointer-events:none;opacity:0}.usa-cp-group{padding:8px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.55}.usa-cp-item{position:relative;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;cursor:pointer}.usa-cp-item[aria-selected=true] .usa-cp-label{color:var(--usa-cp-accent)}.usa-cp-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-cp-label mark{background:none;color:var(--usa-cp-accent);font-weight:800}.usa-cp-keys{display:flex;gap:3px}.usa-cp-keys kbd,usa-shortcut kbd{display:inline-grid;place-items:center;min-width:1.6em;padding:2px 5px;border-radius:5px;border:1px solid rgba(100,116,139,.35);border-bottom-width:2px;background:var(--usa-kbd-bg,rgba(148,163,184,.12));font:600 11px/1.3 system-ui,sans-serif;color:inherit}.usa-cp-empty{margin:0;padding:18px;text-align:center;opacity:.6}usa-command-palette[inline]{display:block;width:var(--usa-cp-w,100%);max-width:100%}usa-command-palette[inline] .usa-cp{position:static;width:100%;margin:0}usa-command-palette[inline] .usa-cp-box{box-shadow:0 12px 30px -18px rgba(15,23,42,.45)}";
|
|
6943
6945
|
|
|
6944
6946
|
/**
|
|
6945
6947
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -6998,7 +7000,7 @@ function matchesKeys(e, keys, apple = isApple()) {
|
|
|
6998
7000
|
function isApple() {
|
|
6999
7001
|
return typeof navigator !== 'undefined' && /Mac|iPhone|iPad|iPod/.test(navigator.userAgentData?.platform || navigator.platform || navigator.userAgent || '');
|
|
7000
7002
|
}
|
|
7001
|
-
const esc$
|
|
7003
|
+
const esc$a = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7002
7004
|
let uid$1 = 0;
|
|
7003
7005
|
function defineCommandPalette(tag = 'usa-command-palette') {
|
|
7004
7006
|
return defineElement(tag, (Base) => {
|
|
@@ -7035,7 +7037,7 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7035
7037
|
mount() {
|
|
7036
7038
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7037
7039
|
const id = this._id;
|
|
7038
|
-
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$
|
|
7040
|
+
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$a(this.str('label', 'Command palette'))}"><div class="usa-cp-box"><input class="usa-cp-q" role="combobox" aria-expanded="true" aria-controls="${id}-list" aria-autocomplete="list" autocomplete="off" spellcheck="false" placeholder="${esc$a(this.str('placeholder', 'Type a command or search…'))}"><div class="usa-cp-list" id="${id}-list" role="listbox"><span class="usa-cp-hl" aria-hidden="true"></span></div><p class="usa-cp-empty" hidden>No results</p></div></dialog>`);
|
|
7039
7041
|
const dlg = this.dlg;
|
|
7040
7042
|
const q = this.querySelector('.usa-cp-q');
|
|
7041
7043
|
this.listen(q, 'input', () => this.render(true));
|
|
@@ -7090,12 +7092,12 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7090
7092
|
if (!q && c.group !== group) {
|
|
7091
7093
|
group = c.group;
|
|
7092
7094
|
if (group)
|
|
7093
|
-
html += `<div class="usa-cp-group" role="presentation">${esc$
|
|
7095
|
+
html += `<div class="usa-cp-group" role="presentation">${esc$a(group)}</div>`;
|
|
7094
7096
|
}
|
|
7095
7097
|
const label = Array.from(c.label)
|
|
7096
|
-
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$
|
|
7098
|
+
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$a(ch)}</mark>` : esc$a(ch)))
|
|
7097
7099
|
.join('');
|
|
7098
|
-
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$
|
|
7100
|
+
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$a(k)}</kbd>`).join('')}</span>` : '';
|
|
7099
7101
|
html += `<div class="usa-cp-item" role="option" id="${this._id}-o${i}" data-i="${i}" aria-selected="false"><span class="usa-cp-label">${label}</span>${keys}</div>`;
|
|
7100
7102
|
});
|
|
7101
7103
|
list.insertAdjacentHTML('beforeend', html);
|
|
@@ -7198,13 +7200,13 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7198
7200
|
}
|
|
7199
7201
|
}
|
|
7200
7202
|
return UsaCommandPalette;
|
|
7201
|
-
}, { id: 'command-palette', text: css$
|
|
7203
|
+
}, { id: 'command-palette', text: css$r });
|
|
7202
7204
|
}
|
|
7203
7205
|
|
|
7204
|
-
var css$
|
|
7206
|
+
var css$q = "usa-shortcut{display:inline-block;font:500 13px/1.3 system-ui,sans-serif}.usa-sk{display:inline-flex;align-items:center;gap:8px}.usa-sk-caps{display:inline-flex;gap:4px}usa-shortcut kbd{display:inline-grid;place-items:center;min-width:1.9em;height:1.9em;padding:0 6px;box-sizing:border-box;border-radius:6px;border:1px solid rgba(100,116,139,.4);border-bottom-width:3px;background:var(--usa-kbd-bg,#fff);color:inherit;font:600 12px/1 system-ui,sans-serif;box-shadow:0 1px 0 rgba(15,23,42,.08)}usa-shortcut[data-pressed] kbd{background:var(--usa-kbd-on,#eef2ff);border-color:var(--usa-kbd-accent,#6366f1)}.usa-sk-label{opacity:.75}";
|
|
7205
7207
|
|
|
7206
7208
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7207
|
-
const esc$
|
|
7209
|
+
const esc$9 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7208
7210
|
function defineShortcut(tag = 'usa-shortcut') {
|
|
7209
7211
|
return defineElement(tag, (Base) => {
|
|
7210
7212
|
class UsaShortcut extends Base {
|
|
@@ -7219,7 +7221,7 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7219
7221
|
const labels = this.labels;
|
|
7220
7222
|
const spoken = labels.map((l) => SPOKEN[l] || l).join(' ');
|
|
7221
7223
|
const text = this.str('label');
|
|
7222
|
-
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$
|
|
7224
|
+
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$9(spoken)}">${labels.map((l) => `<kbd aria-hidden="true">${esc$9(l)}</kbd>`).join('')}</span>${text ? `<span class="usa-sk-label">${esc$9(text)}</span>` : ''}</span>`);
|
|
7223
7225
|
if (this.str('listen') !== 'false')
|
|
7224
7226
|
this.listen(document, 'keydown', (e) => {
|
|
7225
7227
|
if (!e.repeat && matchesKeys(e, this.str('keys', 'mod+k'))) {
|
|
@@ -7252,10 +7254,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7252
7254
|
}
|
|
7253
7255
|
}
|
|
7254
7256
|
return UsaShortcut;
|
|
7255
|
-
}, { id: 'shortcut', text: css$
|
|
7257
|
+
}, { id: 'shortcut', text: css$q });
|
|
7256
7258
|
}
|
|
7257
7259
|
|
|
7258
|
-
var css$
|
|
7260
|
+
var css$p = "usa-clock-control{display:inline-block;font:600 12.5px/1 system-ui,sans-serif;--usa-clk-accent:#6366f1}.usa-clk{display:inline-flex;align-items:center;gap:8px;padding:5px;border-radius:999px;background:var(--usa-clk-bg,rgba(148,163,184,.14));border:1px solid rgba(100,116,139,.2)}.usa-clk-play{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:0;background:var(--usa-clk-accent);color:#fff;cursor:pointer}.usa-clk-play:focus-visible,.usa-clk-speed:focus-visible{outline:2px solid var(--usa-clk-accent);outline-offset:2px}.usa-clk-play svg{width:15px;height:15px;fill:currentColor}.usa-clk-tri{opacity:0;transform-origin:center;transition:opacity .15s}usa-clock-control[data-paused] .usa-clk-tri{opacity:1}usa-clock-control[data-paused] .usa-clk-bar{opacity:0}.usa-clk-speeds{position:relative;display:flex}.usa-clk-ink{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--usa-clk-ink,#fff);box-shadow:0 1px 4px rgba(15,23,42,.18);transition:transform .25s cubic-bezier(.2,.8,.2,1),width .25s;opacity:0}.usa-clk-speed{position:relative;padding:8px 10px;border:0;background:none;color:inherit;font:inherit;cursor:pointer;border-radius:999px;font-variant-numeric:tabular-nums}.usa-clk-speed[aria-checked=true]{color:var(--usa-clk-accent)}@media (prefers-reduced-motion:reduce){.usa-clk-ink{transition:none}}";
|
|
7259
7261
|
|
|
7260
7262
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7261
7263
|
return defineElement(tag, (Base) => {
|
|
@@ -7314,10 +7316,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7314
7316
|
}
|
|
7315
7317
|
}
|
|
7316
7318
|
return UsaClockControl;
|
|
7317
|
-
}, { id: 'clock-control', text: css$
|
|
7319
|
+
}, { id: 'clock-control', text: css$p });
|
|
7318
7320
|
}
|
|
7319
7321
|
|
|
7320
|
-
var css$
|
|
7322
|
+
var css$o = "usa-hydrate{display:block}";
|
|
7321
7323
|
|
|
7322
7324
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7323
7325
|
return defineElement(tag, (Base) => {
|
|
@@ -7353,12 +7355,12 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7353
7355
|
}
|
|
7354
7356
|
}
|
|
7355
7357
|
return UsaHydrate;
|
|
7356
|
-
}, { id: 'hydrate', text: css$
|
|
7358
|
+
}, { id: 'hydrate', text: css$o });
|
|
7357
7359
|
}
|
|
7358
7360
|
|
|
7359
|
-
var css$
|
|
7361
|
+
var css$n = "usa-red-envelope{display:inline-block;--usa-re-w:150px;--usa-re-red:#dc2626;--usa-re-gold:#facc15}.usa-re{position:relative;display:block;width:var(--usa-re-w);height:calc(var(--usa-re-w)*1.35);padding:0;border:0;background:none;cursor:pointer;perspective:600px;font:600 14px/1.2 system-ui,sans-serif}.usa-re:focus-visible{outline:2px solid var(--usa-re-gold);outline-offset:4px;border-radius:12px}.usa-re-body{position:absolute;inset:0;border-radius:12px;background:linear-gradient(160deg,#ef4444,var(--usa-re-red) 60%,#b91c1c);box-shadow:0 12px 24px -12px rgba(127,29,29,.7);display:flex;align-items:flex-end;justify-content:center;padding-bottom:18%;z-index:2}.usa-re-msg{color:var(--usa-re-gold);font-size:calc(var(--usa-re-w)*.13);letter-spacing:.1em}.usa-re-flap{position:absolute;left:0;right:0;top:0;height:42%;border-radius:12px 12px 50% 50%/12px 12px 40% 40%;background:linear-gradient(#f87171,#dc2626);transform-origin:50% 0;z-index:3;display:grid;place-items:end center;box-shadow:0 4px 8px rgba(127,29,29,.35);transition:transform .45s ease-in-out}usa-red-envelope[data-open] .usa-re-flap{transform:rotateX(180deg);z-index:0;opacity:.85}.usa-re-seal{display:grid;place-items:center;width:30%;aspect-ratio:1;margin-bottom:-15%;border-radius:50%;background:var(--usa-re-gold);color:var(--usa-re-red);font-size:calc(var(--usa-re-w)*.14);font-weight:900;box-shadow:0 2px 6px rgba(0,0,0,.25)}usa-red-envelope[data-open] .usa-re-seal{visibility:hidden}.usa-re-card{position:absolute;left:8%;right:8%;top:6%;height:70%;border-radius:8px;background:#fff7ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:1;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}usa-red-envelope[data-open] .usa-re-card{transform:translateY(-46%);z-index:3;box-shadow:0 6px 14px -6px rgba(127,29,29,.5)}.usa-re-amt{color:var(--usa-re-red);font-size:calc(var(--usa-re-w)*.16);font-weight:900;font-variant-numeric:tabular-nums}.usa-re-from{font-size:11px;color:#92400e}.usa-re-coins{position:absolute;left:50%;top:40%;z-index:4}.usa-re-coins i{position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fef08a,var(--usa-re-gold) 60%,#ca8a04);box-shadow:0 1px 3px rgba(0,0,0,.3)}.usa-re-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.usa-re-flap,.usa-re-card{transition:none}}";
|
|
7360
7362
|
|
|
7361
|
-
const esc$
|
|
7363
|
+
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7362
7364
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
7363
7365
|
return defineElement(tag, (Base) => {
|
|
7364
7366
|
class UsaRedEnvelope extends Base {
|
|
@@ -7371,7 +7373,7 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7371
7373
|
mount() {
|
|
7372
7374
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7373
7375
|
const msg = this.str('message', '恭喜发财');
|
|
7374
|
-
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$
|
|
7376
|
+
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$8(`Open red envelope${this.str('from') ? ` from ${this.str('from')}` : ''}`)}" data-usa-part><span class="usa-re-card" aria-hidden="true"><span class="usa-re-amt"></span><span class="usa-re-from">${esc$8(this.str('from'))}</span></span><span class="usa-re-body"><span class="usa-re-msg">${esc$8(msg)}</span></span><span class="usa-re-flap"><span class="usa-re-seal">福</span></span><span class="usa-re-coins" aria-hidden="true"></span><span class="usa-re-live" aria-live="polite"></span></button>`);
|
|
7375
7377
|
this.listen(this.querySelector('.usa-re'), 'click', () => (this.opened ? this.close() : this.open()));
|
|
7376
7378
|
if (this.flag('opened'))
|
|
7377
7379
|
this.open(true);
|
|
@@ -7420,10 +7422,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7420
7422
|
}
|
|
7421
7423
|
}
|
|
7422
7424
|
return UsaRedEnvelope;
|
|
7423
|
-
}, { id: 'red-envelope', text: css$
|
|
7425
|
+
}, { id: 'red-envelope', text: css$n });
|
|
7424
7426
|
}
|
|
7425
7427
|
|
|
7426
|
-
var css$
|
|
7428
|
+
var css$m = "usa-festival-banner{position:relative;display:block;overflow:hidden;padding:18px 44px 18px 20px;border-radius:14px;color:#fff;font:700 15px/1.35 system-ui,sans-serif;isolation:isolate;background:linear-gradient(120deg,#b91c1c,#dc2626 55%,#ea580c)}usa-festival-banner[data-theme=xmas]{background:linear-gradient(120deg,#14532d,#166534 55%,#b91c1c)}usa-festival-banner[data-theme=halloween]{background:linear-gradient(120deg,#1e1b4b,#4c1d95 60%,#c2410c)}usa-festival-banner[data-theme=fireworks]{background:linear-gradient(120deg,#0f172a,#1e293b 60%,#312e81)}.usa-fb-scene{position:absolute;inset:0;z-index:-1;pointer-events:none}.usa-fb-scene i{position:absolute;display:block;font-style:normal;animation-play-state:paused}usa-festival-banner[data-live] .usa-fb-scene i{animation-play-state:running}.usa-fb-lantern{left:var(--x);top:-4px;width:18px;height:24px;border-radius:45%;background:radial-gradient(circle at 50% 40%,#fde68a,#f97316 45%,#b91c1c);box-shadow:0 0 14px rgba(251,191,36,.7);transform-origin:50% -10px;animation:usa-fb-sway 2.6s ease-in-out var(--d) infinite alternate}.usa-fb-lantern::after{content:\"\";position:absolute;left:50%;bottom:-8px;width:2px;height:8px;background:#facc15;transform:translateX(-50%)}@keyframes usa-fb-sway{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.usa-fb-spark{left:var(--x);bottom:-6px;width:4px;height:4px;border-radius:50%;background:#fde047;box-shadow:0 0 6px #fde047;animation:usa-fb-rise 4s linear var(--d) infinite}@keyframes usa-fb-rise{from{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(-90px);opacity:0}}.usa-fb-light{left:var(--x);top:3px;width:8px;height:11px;border-radius:50% 50% 45% 45%;background:#fde047;box-shadow:0 0 8px #fde047;animation:usa-fb-twinkle 1.2s ease-in-out var(--d) infinite alternate}.usa-fb-light:nth-child(3n){background:#f87171;box-shadow:0 0 8px #f87171}.usa-fb-light:nth-child(3n+1){background:#60a5fa;box-shadow:0 0 8px #60a5fa}@keyframes usa-fb-twinkle{from{opacity:.35}to{opacity:1}}.usa-fb-snow{left:var(--x);top:-8px;width:6px;height:6px;border-radius:50%;background:#fff;opacity:.85;animation:usa-fb-fall 6s linear var(--d) infinite}@keyframes usa-fb-fall{to{transform:translate(14px,120px)}}.usa-fb-moon{right:18%;top:10%;width:34px;height:34px;border-radius:50%;background:#fde68a;box-shadow:0 0 24px 6px rgba(253,230,138,.55);animation:usa-fb-glow 3s ease-in-out infinite alternate}@keyframes usa-fb-glow{to{box-shadow:0 0 34px 12px rgba(253,230,138,.75)}}.usa-fb-bat{left:-24px;top:var(--y);font-size:16px;animation:usa-fb-fly 7s linear var(--d) infinite}@keyframes usa-fb-fly{0%{transform:translate(0,0)}25%{transform:translate(28vw,-8px)}50%{transform:translate(56vw,6px)}100%{transform:translate(120vw,-4px)}}.usa-fb-rocket{left:var(--x);bottom:20%;width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 0 0 var(--c),14px 0 0 -1px var(--c),-14px 0 0 -1px var(--c),0 14px 0 -1px var(--c),0 -14px 0 -1px var(--c),10px 10px 0 -1px var(--c),-10px -10px 0 -1px var(--c),10px -10px 0 -1px var(--c),-10px 10px 0 -1px var(--c);animation:usa-fb-boom 2.4s ease-out var(--d) infinite}@keyframes usa-fb-boom{0%{transform:translateY(40px) scale(.1);opacity:0}30%{transform:translateY(0) scale(.2);opacity:1}60%{transform:scale(1.2);opacity:1}100%{transform:scale(1.5);opacity:0}}.usa-fb-x{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:18px;line-height:1;cursor:pointer}.usa-fb-x:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (prefers-reduced-motion:reduce){.usa-fb-scene i{animation:none!important}}";
|
|
7427
7429
|
|
|
7428
7430
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7429
7431
|
const SCENES = {
|
|
@@ -7471,12 +7473,12 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7471
7473
|
}
|
|
7472
7474
|
}
|
|
7473
7475
|
return UsaFestivalBanner;
|
|
7474
|
-
}, { id: 'festival-banner', text: css$
|
|
7476
|
+
}, { id: 'festival-banner', text: css$m });
|
|
7475
7477
|
}
|
|
7476
7478
|
|
|
7477
|
-
var css$
|
|
7479
|
+
var css$l = "usa-terminal{display:block;width:var(--usa-term-w,100%);max-width:100%;--usa-term-bg:#0f172a;--usa-term-fg:#e2e8f0;--usa-term-accent:#22c55e}usa-terminal[data-theme=green]{--usa-term-bg:#03140a;--usa-term-fg:#4ade80;--usa-term-accent:#86efac}usa-terminal[data-theme=amber]{--usa-term-bg:#1a1003;--usa-term-fg:#fbbf24;--usa-term-accent:#fde68a}.usa-term{border-radius:10px;overflow:hidden;background:var(--usa-term-bg);color:var(--usa-term-fg);box-shadow:0 16px 36px -18px rgba(0,0,0,.6);font:500 12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}usa-terminal[data-theme=green] .usa-term,usa-terminal[data-theme=amber] .usa-term{text-shadow:0 0 6px currentColor}.usa-term-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;background:rgba(255,255,255,.06)}.usa-term-bar i{width:10px;height:10px;border-radius:50%;background:#ef4444}.usa-term-bar i:nth-child(2){background:#f59e0b}.usa-term-bar i:nth-child(3){background:#22c55e}.usa-term-bar span{flex:1;text-align:center;margin-right:40px;opacity:.6;font-size:11px}.usa-term-body{min-height:var(--usa-term-h,120px);padding:10px 12px 12px}.usa-term-body p{margin:0;white-space:pre-wrap;word-break:break-word}.usa-term-ps{color:var(--usa-term-accent)}.usa-term-out{opacity:.8}.usa-term-cursor{display:inline-block;width:.6em;height:1.15em;margin-left:1px;vertical-align:text-bottom;background:currentColor;animation:usa-term-blink 1s steps(1) infinite}@keyframes usa-term-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.usa-term-cursor{animation:none}}";
|
|
7478
7480
|
|
|
7479
|
-
const esc$
|
|
7481
|
+
const esc$7 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7480
7482
|
function defineTerminal(tag = 'usa-terminal') {
|
|
7481
7483
|
return defineElement(tag, (Base) => {
|
|
7482
7484
|
class UsaTerminal extends Base {
|
|
@@ -7496,7 +7498,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7496
7498
|
src.forEach((c) => c.remove());
|
|
7497
7499
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7498
7500
|
this.setAttribute('data-theme', ['green', 'amber'].includes(this.str('theme')) ? this.str('theme') : 'dark');
|
|
7499
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-term" data-usa-part><div class="usa-term-bar" aria-hidden="true"><i></i><i></i><i></i><span>${esc$
|
|
7501
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-term" data-usa-part><div class="usa-term-bar" aria-hidden="true"><i></i><i></i><i></i><span>${esc$7(this.str('title', 'terminal'))}</span></div><div class="usa-term-body" role="log" aria-label="${esc$7(this.str('title', 'Terminal'))}"></div></div>`);
|
|
7500
7502
|
let started = false;
|
|
7501
7503
|
this.inView((v) => {
|
|
7502
7504
|
if (v && !started) {
|
|
@@ -7511,7 +7513,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7511
7513
|
const p = document.createElement('p');
|
|
7512
7514
|
p.className = l.cmd ? 'usa-term-cmd' : 'usa-term-out';
|
|
7513
7515
|
if (l.cmd)
|
|
7514
|
-
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$
|
|
7516
|
+
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$7(this.str('prompt', '$'))} </span><span class="usa-term-tx"></span>`;
|
|
7515
7517
|
body.appendChild(p);
|
|
7516
7518
|
return p;
|
|
7517
7519
|
}
|
|
@@ -7585,10 +7587,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7585
7587
|
}
|
|
7586
7588
|
}
|
|
7587
7589
|
return UsaTerminal;
|
|
7588
|
-
}, { id: 'terminal', text: css$
|
|
7590
|
+
}, { id: 'terminal', text: css$l });
|
|
7589
7591
|
}
|
|
7590
7592
|
|
|
7591
|
-
var css$
|
|
7593
|
+
var css$k = "usa-retro-button{display:inline-block}.usa-rb{font:700 14px/1 system-ui,sans-serif;cursor:pointer;color:inherit}.usa-rb:disabled{opacity:.5;cursor:not-allowed}usa-retro-button[data-variant=pixel] .usa-rb{padding:10px 16px;border:0;background:#f43f5e;color:#fff;font-family:ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;box-shadow:3px 0 0 #111,-3px 0 0 #111,0 3px 0 #111,0 -3px 0 #111,6px 6px 0 #111;image-rendering:pixelated}usa-retro-button[data-variant=pixel] .usa-rb:focus-visible{outline:3px dashed #111;outline-offset:6px}usa-retro-button[data-variant=crt] .usa-rb{padding:10px 18px;border:2px solid #22c55e;border-radius:4px;background:#03140a;color:#4ade80;font-family:ui-monospace,Menlo,monospace;text-shadow:0 0 6px #4ade80;box-shadow:0 0 10px rgba(74,222,128,.45),inset 0 0 12px rgba(74,222,128,.25);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px)}usa-retro-button[data-variant=crt] .usa-rb:focus-visible{outline:2px solid #86efac;outline-offset:3px}usa-retro-button[data-variant=y2k] .usa-rb{padding:11px 22px;border:1px solid rgba(255,255,255,.7);border-radius:999px;color:#1e1b4b;background:linear-gradient(180deg,#f8fafc 0%,#c7d2fe 45%,#818cf8 52%,#e0e7ff 100%);box-shadow:0 6px 14px -6px rgba(79,70,229,.6),inset 0 1px 0 #fff;text-shadow:0 1px 0 rgba(255,255,255,.7)}usa-retro-button[data-variant=y2k] .usa-rb:focus-visible{outline:2px solid #6366f1;outline-offset:3px}usa-retro-button[data-variant=win95] .usa-rb{padding:7px 16px;border:0;border-radius:0;background:#c0c0c0;color:#000;font:400 13px/1 Tahoma,Verdana,sans-serif;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf}usa-retro-button[data-variant=win95] .usa-rb:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px #808080}usa-retro-button[data-variant=win95] .usa-rb:focus-visible{outline:1px dotted #000;outline-offset:-4px}";
|
|
7592
7594
|
|
|
7593
7595
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7594
7596
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7642,10 +7644,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7642
7644
|
}
|
|
7643
7645
|
}
|
|
7644
7646
|
return UsaRetroButton;
|
|
7645
|
-
}, { id: 'retro-button', text: css$
|
|
7647
|
+
}, { id: 'retro-button', text: css$k });
|
|
7646
7648
|
}
|
|
7647
7649
|
|
|
7648
|
-
var css$
|
|
7650
|
+
var css$j = "usa-organic-card{position:relative;display:block;padding:22px 24px;color:#0f172a;background:linear-gradient(140deg,#d9f99d,#86efac 55%,#34d399);box-shadow:0 18px 36px -22px rgba(22,101,52,.7);transition:box-shadow .3s;outline:none}usa-organic-card[data-tint=ocean]{background:linear-gradient(140deg,#bae6fd,#7dd3fc 50%,#38bdf8);box-shadow:0 18px 36px -22px rgba(3,105,161,.7)}usa-organic-card[data-tint=petal]{background:linear-gradient(140deg,#fbcfe8,#f9a8d4 50%,#f472b6);box-shadow:0 18px 36px -22px rgba(157,23,77,.6)}usa-organic-card[data-tint=sand]{background:linear-gradient(140deg,#fef3c7,#fde68a 50%,#fbbf24);box-shadow:0 18px 36px -22px rgba(146,64,14,.6)}usa-organic-card:hover{box-shadow:0 24px 44px -20px rgba(15,23,42,.45)}usa-organic-card:focus-within{box-shadow:0 0 0 3px rgba(15,23,42,.25),0 24px 44px -20px rgba(15,23,42,.45)}";
|
|
7649
7651
|
|
|
7650
7652
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7651
7653
|
return defineElement(tag, (Base) => {
|
|
@@ -7684,10 +7686,10 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7684
7686
|
}
|
|
7685
7687
|
}
|
|
7686
7688
|
return UsaOrganicCard;
|
|
7687
|
-
}, { id: 'organic-card', text: css$
|
|
7689
|
+
}, { id: 'organic-card', text: css$j });
|
|
7688
7690
|
}
|
|
7689
7691
|
|
|
7690
|
-
var css$
|
|
7692
|
+
var css$i = "usa-liquid-nav{position:relative;display:inline-flex;align-items:center;gap:4px;padding:8px 10px 18px;border-radius:18px;background:var(--usa-lq-bg,#0f172a);color:#e2e8f0;font:600 13px/1 system-ui,sans-serif;--usa-lq-accent:#38bdf8}.usa-lq-defs{position:absolute}.usa-lq-goo{position:absolute;left:0;right:0;bottom:4px;height:14px;pointer-events:none}.usa-lq-goo i{position:absolute;left:-6px;top:1px;width:12px;height:12px;border-radius:50%;background:var(--usa-lq-accent)}.usa-lq-tail{width:9px!important;height:9px!important;left:-4.5px!important;top:2.5px!important}.usa-lq-item{position:relative;padding:8px 12px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer;opacity:.7;transition:opacity .2s,color .2s}.usa-lq-item[aria-current]{opacity:1;color:var(--usa-lq-accent)}.usa-lq-item:focus-visible{outline:2px solid var(--usa-lq-accent);outline-offset:1px;opacity:1}";
|
|
7691
7693
|
|
|
7692
7694
|
let uid = 0;
|
|
7693
7695
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
@@ -7768,12 +7770,12 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7768
7770
|
}
|
|
7769
7771
|
}
|
|
7770
7772
|
return UsaLiquidNav;
|
|
7771
|
-
}, { id: 'liquid-nav', text: css$
|
|
7773
|
+
}, { id: 'liquid-nav', text: css$i });
|
|
7772
7774
|
}
|
|
7773
7775
|
|
|
7774
|
-
var css$
|
|
7776
|
+
var css$h = "usa-hud-panel{position:relative;display:block;padding:12px 16px 14px;color:#cffafe;background:linear-gradient(160deg,rgba(8,47,73,.92),rgba(2,6,23,.95));clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);font:500 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;--usa-hud-c:#22d3ee}.usa-hud-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.usa-hud-frame path{fill:none;stroke:var(--usa-hud-c);stroke-width:1.5;stroke-dasharray:100;filter:drop-shadow(0 0 3px var(--usa-hud-c))}.usa-hud-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid color-mix(in srgb,var(--usa-hud-c) 35%,transparent);letter-spacing:.12em}.usa-hud-dot{width:7px;height:7px;border-radius:50%;background:var(--usa-hud-c);box-shadow:0 0 8px var(--usa-hud-c);animation:usa-hud-blink 1.4s steps(1) infinite}@keyframes usa-hud-blink{50%{opacity:.25}}.usa-hud-title{flex:1;font-weight:800;color:var(--usa-hud-c)}.usa-hud-status{font-size:10px;opacity:.75}.usa-hud-row{display:grid;grid-template-columns:5.5em 1fr 3em;align-items:center;gap:8px;margin:5px 0 0}.usa-hud-bar{height:6px;background:color-mix(in srgb,var(--usa-hud-c) 15%,transparent);overflow:hidden}.usa-hud-bar i{display:block;width:var(--v);height:100%;background:var(--usa-hud-c);box-shadow:0 0 8px var(--usa-hud-c);transform-origin:0 50%}.usa-hud-num{text-align:right;color:var(--usa-hud-c);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.usa-hud-dot{animation:none}}";
|
|
7775
7777
|
|
|
7776
|
-
const esc$
|
|
7778
|
+
const esc$6 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7777
7779
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
7778
7780
|
return defineElement(tag, (Base) => {
|
|
7779
7781
|
class UsaHudPanel extends Base {
|
|
@@ -7786,7 +7788,7 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7786
7788
|
this.setAttribute('aria-label', this.str('title', 'Panel'));
|
|
7787
7789
|
if (this.hasAttribute('color'))
|
|
7788
7790
|
this.style.setProperty('--usa-hud-c', this.str('color'));
|
|
7789
|
-
this.insertAdjacentHTML('afterbegin', `<svg class="usa-hud-frame" aria-hidden="true" preserveAspectRatio="none" viewBox="0 0 100 100" data-usa-part><path pathLength="100" vector-effect="non-scaling-stroke" d="M6 1H94L99 6V94L94 99H6L1 94V6Z"/></svg><header class="usa-hud-head" data-usa-part><span class="usa-hud-dot" aria-hidden="true"></span><span class="usa-hud-title">${esc$
|
|
7791
|
+
this.insertAdjacentHTML('afterbegin', `<svg class="usa-hud-frame" aria-hidden="true" preserveAspectRatio="none" viewBox="0 0 100 100" data-usa-part><path pathLength="100" vector-effect="non-scaling-stroke" d="M6 1H94L99 6V94L94 99H6L1 94V6Z"/></svg><header class="usa-hud-head" data-usa-part><span class="usa-hud-dot" aria-hidden="true"></span><span class="usa-hud-title">${esc$6(this.str('title', 'SYSTEM'))}</span><span class="usa-hud-status">${esc$6(this.str('status', 'ONLINE'))}</span></header>`);
|
|
7790
7792
|
this.querySelectorAll(':scope > [data-value]').forEach((r) => {
|
|
7791
7793
|
if (r.querySelector('.usa-hud-bar'))
|
|
7792
7794
|
return;
|
|
@@ -7820,10 +7822,10 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7820
7822
|
}
|
|
7821
7823
|
}
|
|
7822
7824
|
return UsaHudPanel;
|
|
7823
|
-
}, { id: 'hud-panel', text: css$
|
|
7825
|
+
}, { id: 'hud-panel', text: css$h });
|
|
7824
7826
|
}
|
|
7825
7827
|
|
|
7826
|
-
var css$
|
|
7828
|
+
var css$g = "usa-radar{display:block;width:var(--usa-rd-size,200px);max-width:100%;aspect-ratio:1;--usa-rd-c:#22d3ee}.usa-rd{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#082f49 0,#020617 75%);box-shadow:0 0 0 2px color-mix(in srgb,var(--usa-rd-c) 45%,transparent),0 0 24px -4px var(--usa-rd-c);overflow:hidden}.usa-rd-ring{position:absolute;left:50%;top:50%;width:var(--r);height:var(--r);border:1px solid color-mix(in srgb,var(--usa-rd-c) 30%,transparent);border-radius:50%;transform:translate(-50%,-50%)}.usa-rd-cross{position:absolute;inset:0;background:linear-gradient(color-mix(in srgb,var(--usa-rd-c) 25%,transparent),color-mix(in srgb,var(--usa-rd-c) 25%,transparent)) 50% 0/1px 100% no-repeat,linear-gradient(color-mix(in srgb,var(--usa-rd-c) 25%,transparent),color-mix(in srgb,var(--usa-rd-c) 25%,transparent)) 0 50%/100% 1px no-repeat}.usa-rd-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 300deg,color-mix(in srgb,var(--usa-rd-c) 15%,transparent) 330deg,color-mix(in srgb,var(--usa-rd-c) 70%,transparent) 360deg);animation:usa-rd-turn var(--usa-rd-period,4s) linear infinite;animation-play-state:paused}usa-radar[data-live] .usa-rd-sweep{animation-play-state:running}@keyframes usa-rd-turn{to{transform:rotate(360deg)}}.usa-rd-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--usa-rd-c);box-shadow:0 0 8px 2px var(--usa-rd-c);transform:translate(-50%,-50%);opacity:.15}.usa-rd-dot[data-lit]{opacity:1}.usa-rd-dot em{position:absolute;left:10px;top:-5px;font:600 9px/1 ui-monospace,Menlo,monospace;font-style:normal;color:var(--usa-rd-c);white-space:nowrap}@media (prefers-reduced-motion:reduce){.usa-rd-sweep{animation:none;transform:rotate(45deg)}}";
|
|
7827
7829
|
|
|
7828
7830
|
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7829
7831
|
function parseTargets(s) {
|
|
@@ -7839,7 +7841,7 @@ function parseTargets(s) {
|
|
|
7839
7841
|
})
|
|
7840
7842
|
.filter(Boolean);
|
|
7841
7843
|
}
|
|
7842
|
-
const esc$
|
|
7844
|
+
const esc$5 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7843
7845
|
function defineRadar(tag = 'usa-radar') {
|
|
7844
7846
|
return defineElement(tag, (Base) => {
|
|
7845
7847
|
class UsaRadar extends Base {
|
|
@@ -7874,7 +7876,7 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7874
7876
|
const a = ((t.bearing - 90) * Math.PI) / 180;
|
|
7875
7877
|
const x = 50 + Math.cos(a) * t.distance * 48;
|
|
7876
7878
|
const y = 50 + Math.sin(a) * t.distance * 48;
|
|
7877
|
-
return `<span class="usa-rd-dot" data-i="${i}" style="left:${x.toFixed(2)}%;top:${y.toFixed(2)}%"><em>${esc$
|
|
7879
|
+
return `<span class="usa-rd-dot" data-i="${i}" style="left:${x.toFixed(2)}%;top:${y.toFixed(2)}%"><em>${esc$5(t.name)}</em></span>`;
|
|
7878
7880
|
})
|
|
7879
7881
|
.join('');
|
|
7880
7882
|
this.insertAdjacentHTML('beforeend', `<div class="usa-rd" aria-hidden="true" data-usa-part>${ringHtml}<i class="usa-rd-cross"></i><i class="usa-rd-sweep"></i>${dots}</div>`);
|
|
@@ -7909,10 +7911,10 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7909
7911
|
}
|
|
7910
7912
|
}
|
|
7911
7913
|
return UsaRadar;
|
|
7912
|
-
}, { id: 'radar', text: css$
|
|
7914
|
+
}, { id: 'radar', text: css$g });
|
|
7913
7915
|
}
|
|
7914
7916
|
|
|
7915
|
-
var css$
|
|
7917
|
+
var css$f = "usa-sticky-wall{display:flex;flex-wrap:wrap;gap:14px;padding:14px;align-items:flex-start}usa-sticky-wall>.usa-sticky{position:relative;box-sizing:border-box;width:120px;min-height:96px;padding:18px 12px 12px;font:500 13px/1.35 'Comic Sans MS','Segoe Print','Bradley Hand',cursive,system-ui;color:#3f3a2e;background:#fef08a;transform:rotate(var(--tilt,0deg));box-shadow:0 10px 16px -10px rgba(0,0,0,.45),inset 0 -12px 18px -14px rgba(0,0,0,.25);cursor:pointer;outline:none;transition:box-shadow .2s}usa-sticky-wall>.usa-sticky::before{content:'';position:absolute;top:5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fca5a5,#dc2626 70%);box-shadow:0 2px 2px rgba(0,0,0,.3)}usa-sticky-wall>[data-paper=pink]{background:#fbcfe8}usa-sticky-wall>[data-paper=blue]{background:#bae6fd}usa-sticky-wall>[data-paper=green]{background:#bbf7d0}usa-sticky-wall>.usa-sticky:focus-visible{box-shadow:0 0 0 3px #6366f1,0 10px 16px -10px rgba(0,0,0,.45)}usa-sticky-wall>[data-picked]{box-shadow:0 18px 26px -12px rgba(0,0,0,.5)}";
|
|
7916
7918
|
|
|
7917
7919
|
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7918
7920
|
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
@@ -7976,12 +7978,12 @@ function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
|
7976
7978
|
}
|
|
7977
7979
|
}
|
|
7978
7980
|
return UsaStickyWall;
|
|
7979
|
-
}, { id: 'sticky-wall', text: css$
|
|
7981
|
+
}, { id: 'sticky-wall', text: css$f });
|
|
7980
7982
|
}
|
|
7981
7983
|
|
|
7982
|
-
var css$
|
|
7984
|
+
var css$e = "usa-sketch-chart{display:block;max-width:100%;cursor:pointer;color:#334155;--usa-sk-c:#2563eb}usa-sketch-chart .usa-sk{display:block;width:100%;height:auto;overflow:visible}usa-sketch-chart .usa-sk path{fill:none;stroke-linecap:round;stroke-linejoin:round}usa-sketch-chart .usa-sk-axis{stroke:currentColor;stroke-width:1.6}usa-sketch-chart .usa-sk-mark{stroke:var(--usa-sk-c);stroke-width:2.2}usa-sketch-chart .usa-sk-hatch{stroke:var(--usa-sk-c);stroke-width:1;opacity:.55}usa-sketch-chart .usa-sk-dot{fill:#fff;stroke:var(--usa-sk-c);stroke-width:2}usa-sketch-chart text{fill:currentColor;font:12px 'Comic Sans MS','Segoe Print','Bradley Hand',cursive,system-ui;text-anchor:middle}";
|
|
7983
7985
|
|
|
7984
|
-
const esc$
|
|
7986
|
+
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7985
7987
|
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
7986
7988
|
function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
7987
7989
|
return defineElement(tag, (Base) => {
|
|
@@ -8033,7 +8035,7 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8033
8035
|
g += `<path class="usa-sk-hatch" d="${roughLine(x0 + 2, Math.min(B, h + 5), x1 - 2, h - 3, h + i, 0.8)}"/>`;
|
|
8034
8036
|
});
|
|
8035
8037
|
}
|
|
8036
|
-
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc$
|
|
8038
|
+
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc$4(labels[i])}</text>` : '')).join('');
|
|
8037
8039
|
this.insertAdjacentHTML('beforeend', `<svg class="usa-sk" viewBox="0 0 ${W} ${H}" aria-hidden="true" data-usa-part>${g}</svg>`);
|
|
8038
8040
|
if (this.reduced)
|
|
8039
8041
|
return void this.setAttribute('data-drawn', '');
|
|
@@ -8076,10 +8078,10 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8076
8078
|
}
|
|
8077
8079
|
}
|
|
8078
8080
|
return UsaSketchChart;
|
|
8079
|
-
}, { id: 'sketch-chart', text: css$
|
|
8081
|
+
}, { id: 'sketch-chart', text: css$e });
|
|
8080
8082
|
}
|
|
8081
8083
|
|
|
8082
|
-
var css$
|
|
8084
|
+
var css$d = "usa-theme-switcher{position:relative;display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:rgba(15,23,42,.08);max-width:100%;overflow-x:auto;scrollbar-width:none}usa-theme-switcher .usa-ts-pill{position:absolute;top:4px;bottom:4px;left:0;border-radius:999px;background:#fff;box-shadow:0 2px 8px -2px rgba(15,23,42,.3);transition:transform .35s cubic-bezier(.3,1.3,.5,1),width .35s}usa-theme-switcher .usa-ts-opt{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:0;border-radius:999px;background:none;color:#334155;font:600 13px/1 system-ui,sans-serif;cursor:pointer;white-space:nowrap}usa-theme-switcher .usa-ts-opt[aria-checked=true]{color:#0f172a}usa-theme-switcher .usa-ts-opt:focus-visible{outline:2px solid #6366f1;outline-offset:1px}usa-theme-switcher .usa-ts-sw{width:12px;height:12px;border-radius:50%;background:#f8fafc;box-shadow:inset 0 0 0 1px rgba(15,23,42,.25)}usa-theme-switcher [data-sw=dark]{background:#0f172a}usa-theme-switcher [data-sw=neon]{background:#d946ef;box-shadow:0 0 6px #d946ef}usa-theme-switcher [data-sw=glass]{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(147,197,253,.6))}usa-theme-switcher [data-sw=neu]{background:#e0e5ec;box-shadow:2px 2px 3px #a3b1c6,-2px -2px 3px #fff}@media (prefers-reduced-motion:reduce){usa-theme-switcher .usa-ts-pill{transition:none}}";
|
|
8083
8085
|
|
|
8084
8086
|
const NAMES = { light: 'Light', dark: 'Dark', neon: 'Neon', glass: 'Glass', neu: 'Soft' };
|
|
8085
8087
|
function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
@@ -8181,10 +8183,10 @@ function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
|
8181
8183
|
}
|
|
8182
8184
|
}
|
|
8183
8185
|
return UsaThemeSwitcher;
|
|
8184
|
-
}, { id: 'theme-switcher', text: css$
|
|
8186
|
+
}, { id: 'theme-switcher', text: css$d });
|
|
8185
8187
|
}
|
|
8186
8188
|
|
|
8187
|
-
var css$
|
|
8189
|
+
var css$c = "usa-theme-surface{position:relative;display:block;box-sizing:border-box;padding:18px 20px;border-radius:16px;background:#fff;color:#0f172a;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 30px -18px rgba(15,23,42,.45);transition:background .4s,color .4s,box-shadow .4s,border-color .4s}usa-theme-surface[data-look=dark]{background:#0f172a;color:#e2e8f0;border-color:#1e293b}usa-theme-surface[data-look=neon]{background:#0b0614;color:#f5d0fe;border-color:#d946ef;box-shadow:0 0 6px #d946ef,0 0 18px rgba(217,70,239,.55),inset 0 0 12px rgba(217,70,239,.25);animation:usa-sf-neon 2.4s ease-in-out infinite}usa-theme-surface[data-look=glass]{background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.18));color:#0f172a;border-color:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 12px 32px -14px rgba(30,64,175,.45);overflow:hidden}usa-theme-surface[data-look=glass]::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);background-size:250% 100%;animation:usa-sf-sheen 5s ease-in-out infinite}usa-theme-surface[data-look=neu]{background:#e0e5ec;color:#334155;border-color:transparent;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff}@keyframes usa-sf-neon{50%{box-shadow:0 0 10px #d946ef,0 0 30px rgba(217,70,239,.7),inset 0 0 16px rgba(217,70,239,.35)}}@keyframes usa-sf-sheen{0%,60%{background-position:130% 0}100%{background-position:-60% 0}}@media (prefers-reduced-motion:reduce){usa-theme-surface,usa-theme-surface::after{animation:none!important;transition:none}}";
|
|
8188
8190
|
|
|
8189
8191
|
function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
8190
8192
|
return defineElement(tag, (Base) => {
|
|
@@ -8237,10 +8239,10 @@ function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
|
8237
8239
|
}
|
|
8238
8240
|
}
|
|
8239
8241
|
return UsaThemeSurface;
|
|
8240
|
-
}, { id: 'theme-surface', text: css$
|
|
8242
|
+
}, { id: 'theme-surface', text: css$c });
|
|
8241
8243
|
}
|
|
8242
8244
|
|
|
8243
|
-
var css$
|
|
8245
|
+
var css$b = "usa-gyro-card{position:relative;display:block;box-sizing:border-box;padding:22px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#6366f1,#ec4899);box-shadow:0 18px 40px -20px rgba(79,70,229,.8);transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .25s ease-out;will-change:transform;overflow:hidden}usa-gyro-card [data-depth]{display:block;transform:translateZ(calc(var(--depth-k,14px) * var(--d,1)))}usa-gyro-card [data-depth=\"2\"]{--d:2}usa-gyro-card [data-depth=\"3\"]{--d:3}usa-gyro-card .usa-gy-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,30%),rgba(255,255,255,.4),transparent 55%);opacity:.5;transition:opacity .3s}usa-gyro-card[data-tilted] .usa-gy-glare{opacity:1}@media (prefers-reduced-motion:reduce){usa-gyro-card{transform:none;transition:none}}";
|
|
8244
8246
|
|
|
8245
8247
|
function defineGyroCard(tag = 'usa-gyro-card') {
|
|
8246
8248
|
return defineElement(tag, (Base) => {
|
|
@@ -8321,10 +8323,10 @@ function defineGyroCard(tag = 'usa-gyro-card') {
|
|
|
8321
8323
|
}
|
|
8322
8324
|
}
|
|
8323
8325
|
return UsaGyroCard;
|
|
8324
|
-
}, { id: 'gyro-card', text: css$
|
|
8326
|
+
}, { id: 'gyro-card', text: css$b });
|
|
8325
8327
|
}
|
|
8326
8328
|
|
|
8327
|
-
var css$
|
|
8329
|
+
var css$a = "usa-gesture-sticker{display:inline-block;touch-action:none;cursor:grab;outline:none;-webkit-user-select:none;user-select:none;transform-origin:50% 50%;filter:drop-shadow(0 6px 8px rgba(15,23,42,.25));will-change:transform}usa-gesture-sticker[data-held]{cursor:grabbing;filter:drop-shadow(0 16px 18px rgba(15,23,42,.35))}usa-gesture-sticker:focus-visible{outline:2px dashed #6366f1;outline-offset:4px}usa-gesture-sticker img{display:block;-webkit-user-drag:none;pointer-events:none}";
|
|
8328
8330
|
|
|
8329
8331
|
function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
8330
8332
|
return defineElement(tag, (Base) => {
|
|
@@ -8451,10 +8453,10 @@ function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
|
8451
8453
|
}
|
|
8452
8454
|
}
|
|
8453
8455
|
return UsaGestureSticker;
|
|
8454
|
-
}, { id: 'gesture-sticker', text: css$
|
|
8456
|
+
}, { id: 'gesture-sticker', text: css$a });
|
|
8455
8457
|
}
|
|
8456
8458
|
|
|
8457
|
-
var css$
|
|
8459
|
+
var css$9 = "usa-panorama{position:relative;display:block;height:220px;border-radius:14px;overflow:hidden;background:#0f172a;cursor:grab;touch-action:pan-y;outline:none;-webkit-user-select:none;user-select:none}usa-panorama[data-dragging]{cursor:grabbing}usa-panorama:focus-visible{box-shadow:0 0 0 3px #6366f1}usa-panorama .usa-pano-view{position:absolute;inset:0;background-repeat:repeat-x;background-size:auto 100%;background-position:0 50%}usa-panorama .usa-pano-procedural{background-size:400% 100%;background-repeat:repeat-x;background-image:radial-gradient(circle at 12% 30%,#fde68a 0 3%,transparent 3.5%),linear-gradient(170deg,transparent 58%,#166534 58.5% 64%,transparent 64.5%),linear-gradient(10deg,transparent 52%,#15803d 52.5% 60%,transparent 60.5%),linear-gradient(160deg,transparent 46%,#475569 46.5% 70%,transparent 70.5%),linear-gradient(20deg,transparent 48%,#64748b 48.5% 70%,transparent 70.5%),linear-gradient(#38bdf8,#bae6fd 55%,#86efac 55.5%,#22c55e)}usa-panorama .usa-pano-compass{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;background:rgba(15,23,42,.55);box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}usa-panorama .usa-pano-compass i{position:absolute;inset:4px;border-radius:50%;transition:transform .25s linear;background:conic-gradient(#ef4444 0 6deg,transparent 6deg 354deg,#ef4444 354deg)}usa-panorama .usa-pano-xr{position:absolute;left:10px;bottom:10px;padding:6px 10px;border:0;border-radius:999px;background:rgba(15,23,42,.7);color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}";
|
|
8458
8460
|
|
|
8459
8461
|
function definePanorama(tag = 'usa-panorama') {
|
|
8460
8462
|
return defineElement(tag, (Base) => {
|
|
@@ -8576,10 +8578,10 @@ function definePanorama(tag = 'usa-panorama') {
|
|
|
8576
8578
|
}
|
|
8577
8579
|
}
|
|
8578
8580
|
return UsaPanorama;
|
|
8579
|
-
}, { id: 'panorama', text: css$
|
|
8581
|
+
}, { id: 'panorama', text: css$9 });
|
|
8580
8582
|
}
|
|
8581
8583
|
|
|
8582
|
-
var css$
|
|
8584
|
+
var css$8 = "usa-spatial-card{position:relative;display:block;box-sizing:border-box;padding:20px 22px;margin-bottom:28px;border-radius:24px;color:#0f172a;background:linear-gradient(140deg,rgba(255,255,255,.62),rgba(255,255,255,.28));border:1px solid rgba(255,255,255,.75);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 22px 44px -26px rgba(15,23,42,.6),inset 0 1px 0 rgba(255,255,255,.8);transform:perspective(900px) translateZ(0);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.9,.25,1),box-shadow .45s}usa-spatial-card[data-active]{transform:perspective(900px) translateZ(18px);box-shadow:0 34px 60px -28px rgba(15,23,42,.55),inset 0 1px 0 rgba(255,255,255,.9)}usa-spatial-card .usa-sp-gaze{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,40%),rgba(255,255,255,.55),transparent 45%);opacity:0;transition:opacity .3s}usa-spatial-card[data-active] .usa-sp-gaze{opacity:1}usa-spatial-card [data-depth]{position:relative;display:block;transform:translateZ(calc(10px * var(--d,1)));transition:transform .45s}usa-spatial-card [data-depth=\"2\"]{--d:2}usa-spatial-card [data-depth=\"3\"]{--d:3}usa-spatial-card .usa-sp-ornament{position:absolute;left:50%;bottom:-22px;display:flex;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 20px -12px rgba(15,23,42,.5);transform:translateX(-50%) translateZ(30px);transition:transform .45s}usa-spatial-card[data-active] .usa-sp-ornament{transform:translateX(-50%) translateZ(40px) translateY(4px)}@media (prefers-reduced-motion:reduce){usa-spatial-card,usa-spatial-card *{transition:none!important}usa-spatial-card[data-active]{transform:none}}";
|
|
8583
8585
|
|
|
8584
8586
|
function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
8585
8587
|
return defineElement(tag, (Base) => {
|
|
@@ -8625,10 +8627,10 @@ function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
|
8625
8627
|
}
|
|
8626
8628
|
}
|
|
8627
8629
|
return UsaSpatialCard;
|
|
8628
|
-
}, { id: 'spatial-card', text: css$
|
|
8630
|
+
}, { id: 'spatial-card', text: css$8 });
|
|
8629
8631
|
}
|
|
8630
8632
|
|
|
8631
|
-
var css$
|
|
8633
|
+
var css$7 = "usa-code-export{display:block;max-width:100%;border-radius:12px;overflow:hidden;background:#0f172a;color:#e2e8f0;font:13px/1.4 system-ui,sans-serif}usa-code-export>:not([data-usa-part]){display:block;margin:12px auto}usa-code-export:not([for])>:not([data-usa-part]){padding:0 12px}usa-code-export .usa-ce-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;background:#1e293b}usa-code-export [role=tablist]{display:flex;gap:2px}usa-code-export button{padding:5px 10px;border:0;border-radius:6px;background:none;color:#94a3b8;font:600 12px/1 system-ui,sans-serif;cursor:pointer}usa-code-export [aria-selected=true]{background:#334155;color:#fff}usa-code-export .usa-ce-copy{background:#4f46e5;color:#fff}usa-code-export button:focus-visible,usa-code-export pre:focus-visible{outline:2px solid #818cf8;outline-offset:1px}usa-code-export pre{margin:0;padding:10px 12px;max-height:220px;overflow:auto;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre;color:#e2e8f0;background:#0f172a}";
|
|
8632
8634
|
|
|
8633
8635
|
const RUNTIME_ATTR = /^(data-usa-|data-look$|data-tint$|data-paper$|data-booted$|data-drawn$|data-active$|data-held$|data-tilted$|data-zoomed$|data-dragging$|data-picked$|data-live$|data-lit$|aria-(checked|valuetext|valuenow|label|roledescription|hidden)$|role$|tabindex$|style$)/;
|
|
8634
8636
|
const RUNTIME_CLASS = /^usa-/;
|
|
@@ -8664,15 +8666,15 @@ function describeComponent(el) {
|
|
|
8664
8666
|
});
|
|
8665
8667
|
return { tag: el.localName, attrs, children };
|
|
8666
8668
|
}
|
|
8667
|
-
const esc$
|
|
8669
|
+
const esc$3 = (s) => s.replace(/&/g, '&').replace(/</g, '<').replace(/"/g, '"');
|
|
8668
8670
|
const VOID = new Set(['img', 'br', 'hr', 'input', 'source', 'meta', 'link', 'wbr', 'area', 'col', 'embed', 'track']);
|
|
8669
8671
|
function markup(n, jsx, ind) {
|
|
8670
8672
|
if (typeof n === 'string')
|
|
8671
|
-
return ind + (jsx ? n.replace(/[{}<>]/g, (c) => `{'${c}'}`) : esc$
|
|
8673
|
+
return ind + (jsx ? n.replace(/[{}<>]/g, (c) => `{'${c}'}`) : esc$3(n));
|
|
8672
8674
|
const at = Object.entries(n.attrs)
|
|
8673
8675
|
.map(([k, v]) => {
|
|
8674
8676
|
const key = jsx && k === 'class' ? 'className' : jsx && k === 'for' ? 'htmlFor' : k;
|
|
8675
|
-
return v === '' ? ` ${key}` : ` ${key}="${esc$
|
|
8677
|
+
return v === '' ? ` ${key}` : ` ${key}="${esc$3(v)}"`;
|
|
8676
8678
|
})
|
|
8677
8679
|
.join('');
|
|
8678
8680
|
if (VOID.has(n.tag))
|
|
@@ -8794,10 +8796,10 @@ function defineCodeExport(tag = 'usa-code-export') {
|
|
|
8794
8796
|
}
|
|
8795
8797
|
}
|
|
8796
8798
|
return UsaCodeExport;
|
|
8797
|
-
}, { id: 'code-export', text: css$
|
|
8799
|
+
}, { id: 'code-export', text: css$7 });
|
|
8798
8800
|
}
|
|
8799
8801
|
|
|
8800
|
-
var css$
|
|
8802
|
+
var css$6 = "usa-prop-panel{display:block;max-width:100%;font:13px/1.4 system-ui,sans-serif;color:#0f172a}usa-prop-panel .usa-pp{display:grid;gap:8px;margin:0;padding:12px;border:1px solid rgba(15,23,42,.12);border-radius:12px;background:#fff}usa-prop-panel .usa-pp-row{display:grid;grid-template-columns:minmax(64px,auto) 1fr auto;align-items:center;gap:8px}usa-prop-panel label{font-weight:600;color:#334155;font-family:ui-monospace,monospace;font-size:12px}usa-prop-panel input[type=text],usa-prop-panel input[type=number],usa-prop-panel select{min-width:0;width:100%;box-sizing:border-box;padding:5px 8px;border:1px solid #cbd5e1;border-radius:6px;font:inherit}usa-prop-panel input[type=range]{width:100%;min-width:0;accent-color:#4f46e5}usa-prop-panel input[type=checkbox]{grid-column:2;justify-self:start;width:16px;height:16px;accent-color:#4f46e5}usa-prop-panel output{min-width:2.5em;text-align:right;font:12px ui-monospace,monospace;color:#64748b}usa-prop-panel .usa-pp-empty{margin:0;color:#64748b}usa-prop-panel .usa-pp-row{border-radius:6px}usa-prop-panel .usa-pp-reset{justify-self:start;padding:5px 12px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font:inherit;cursor:pointer}";
|
|
8801
8803
|
|
|
8802
8804
|
/** "value:number:0:100, theme:select:leaf|ocean, on:boolean" → prop specs (8.9). */
|
|
8803
8805
|
function parseProps(s) {
|
|
@@ -8813,7 +8815,7 @@ function parseProps(s) {
|
|
|
8813
8815
|
})
|
|
8814
8816
|
.filter((p) => /^[a-z][\w-]*$/i.test(p.name));
|
|
8815
8817
|
}
|
|
8816
|
-
const esc$
|
|
8818
|
+
const esc$2 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8817
8819
|
function definePropPanel(tag = 'usa-prop-panel') {
|
|
8818
8820
|
return defineElement(tag, (Base) => {
|
|
8819
8821
|
class UsaPropPanel extends Base {
|
|
@@ -8851,15 +8853,15 @@ function definePropPanel(tag = 'usa-prop-panel') {
|
|
|
8851
8853
|
if (p.type === 'boolean')
|
|
8852
8854
|
input = `<input id="${id}" type="checkbox" role="switch" data-p="${p.name}"${v != null ? ' checked' : ''}>`;
|
|
8853
8855
|
else if (p.type === 'select')
|
|
8854
|
-
input = `<select id="${id}" data-p="${p.name}">${p.options.map((o) => `<option${o === v ? ' selected' : ''}>${esc$
|
|
8856
|
+
input = `<select id="${id}" data-p="${p.name}">${p.options.map((o) => `<option${o === v ? ' selected' : ''}>${esc$2(o)}</option>`).join('')}</select>`;
|
|
8855
8857
|
else {
|
|
8856
8858
|
const [mn, mx] = p.options;
|
|
8857
8859
|
const range = p.type === 'range' || (p.type === 'number' && mn != null && mx != null);
|
|
8858
|
-
input = `<input id="${id}" type="${p.type === 'color' ? 'color' : range ? 'range' : p.type === 'number' ? 'number' : 'text'}" data-p="${p.name}" value="${esc$
|
|
8860
|
+
input = `<input id="${id}" type="${p.type === 'color' ? 'color' : range ? 'range' : p.type === 'number' ? 'number' : 'text'}" data-p="${p.name}" value="${esc$2(v ?? '')}"${mn != null ? ` min="${esc$2(mn)}"` : ''}${mx != null ? ` max="${esc$2(mx)}"` : ''}${range ? ' step="any"' : ''}><output for="${id}">${esc$2(v ?? '')}</output>`;
|
|
8859
8861
|
}
|
|
8860
|
-
return `<div class="usa-pp-row"><label for="${id}">${esc$
|
|
8862
|
+
return `<div class="usa-pp-row"><label for="${id}">${esc$2(p.name)}</label>${input}</div>`;
|
|
8861
8863
|
};
|
|
8862
|
-
this.insertAdjacentHTML('beforeend', `<form class="usa-pp" aria-label="${esc$
|
|
8864
|
+
this.insertAdjacentHTML('beforeend', `<form class="usa-pp" aria-label="${esc$2(this.str('label', 'Properties'))}" data-usa-part>${ps.map(field).join('') || '<p class="usa-pp-empty">No properties</p>'}<button type="button" class="usa-pp-reset">Reset</button></form>`);
|
|
8863
8865
|
const form = this.querySelector('form');
|
|
8864
8866
|
this.listen(form, 'submit', (e) => e.preventDefault());
|
|
8865
8867
|
this.listen(this.querySelector('.usa-pp-reset'), 'click', () => this.reset());
|
|
@@ -8901,10 +8903,10 @@ function definePropPanel(tag = 'usa-prop-panel') {
|
|
|
8901
8903
|
}
|
|
8902
8904
|
}
|
|
8903
8905
|
return UsaPropPanel;
|
|
8904
|
-
}, { id: 'prop-panel', text: css$
|
|
8906
|
+
}, { id: 'prop-panel', text: css$6 });
|
|
8905
8907
|
}
|
|
8906
8908
|
|
|
8907
|
-
var css$
|
|
8909
|
+
var css$5 = "usa-motion{display:block}";
|
|
8908
8910
|
|
|
8909
8911
|
function defineMotion(tag = 'usa-motion') {
|
|
8910
8912
|
return defineElement(tag, (Base) => {
|
|
@@ -8931,12 +8933,12 @@ function defineMotion(tag = 'usa-motion') {
|
|
|
8931
8933
|
}
|
|
8932
8934
|
}
|
|
8933
8935
|
return UsaMotion;
|
|
8934
|
-
}, { id: 'motion', text: css$
|
|
8936
|
+
}, { id: 'motion', text: css$5 });
|
|
8935
8937
|
}
|
|
8936
8938
|
|
|
8937
|
-
var css = "usa-plugin-store{display:block;max-width:100%;font:14px/1.4 system-ui,sans-serif;color:#0f172a}usa-plugin-store .usa-ps-q{width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}usa-plugin-store .usa-ps-q:focus-visible{outline:2px solid #6366f1;outline-offset:1px}usa-plugin-store .usa-ps-count{margin:6px 2px;font-size:12px;color:#64748b}usa-plugin-store .usa-ps-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:10px;margin:0;padding:0;list-style:none}usa-plugin-store .usa-ps-card{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid rgba(15,23,42,.1);border-radius:12px;background:#fff;box-shadow:0 6px 16px -12px rgba(15,23,42,.4);min-width:0}usa-plugin-store .usa-ps-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}usa-plugin-store .usa-ps-head small{margin-left:auto;color:#94a3b8;font-size:11px}usa-plugin-store .usa-ps-badge{padding:1px 6px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:600}usa-plugin-store .usa-ps-card p{margin:0;color:#475569;font-size:13px}usa-plugin-store .usa-ps-fx{display:flex;flex-wrap:wrap;gap:4px}usa-plugin-store .usa-ps-fx code{padding:1px 6px;border-radius:6px;background:#f1f5f9;font-size:11px}usa-plugin-store .usa-ps-install{transition:opacity .3s,background-color .3s;align-self:flex-start;padding:6px 12px;border:0;border-radius:8px;background:#4f46e5;color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}usa-plugin-store .usa-ps-install[data-done]{background:#16a34a;cursor:default}usa-plugin-store .usa-ps-install[data-busy]{opacity:.7}usa-plugin-store .usa-ps-install:focus-visible{outline:2px solid #6366f1;outline-offset:2px}";
|
|
8939
|
+
var css$4 = "usa-plugin-store{display:block;max-width:100%;font:14px/1.4 system-ui,sans-serif;color:#0f172a}usa-plugin-store .usa-ps-q{width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}usa-plugin-store .usa-ps-q:focus-visible{outline:2px solid #6366f1;outline-offset:1px}usa-plugin-store .usa-ps-count{margin:6px 2px;font-size:12px;color:#64748b}usa-plugin-store .usa-ps-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:10px;margin:0;padding:0;list-style:none}usa-plugin-store .usa-ps-card{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid rgba(15,23,42,.1);border-radius:12px;background:#fff;box-shadow:0 6px 16px -12px rgba(15,23,42,.4);min-width:0}usa-plugin-store .usa-ps-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}usa-plugin-store .usa-ps-head small{margin-left:auto;color:#94a3b8;font-size:11px}usa-plugin-store .usa-ps-badge{padding:1px 6px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:600}usa-plugin-store .usa-ps-card p{margin:0;color:#475569;font-size:13px}usa-plugin-store .usa-ps-fx{display:flex;flex-wrap:wrap;gap:4px}usa-plugin-store .usa-ps-fx code{padding:1px 6px;border-radius:6px;background:#f1f5f9;font-size:11px}usa-plugin-store .usa-ps-install{transition:opacity .3s,background-color .3s;align-self:flex-start;padding:6px 12px;border:0;border-radius:8px;background:#4f46e5;color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}usa-plugin-store .usa-ps-install[data-done]{background:#16a34a;cursor:default}usa-plugin-store .usa-ps-install[data-busy]{opacity:.7}usa-plugin-store .usa-ps-install:focus-visible{outline:2px solid #6366f1;outline-offset:2px}";
|
|
8938
8940
|
|
|
8939
|
-
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8941
|
+
const esc$1 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8940
8942
|
function definePluginStore(tag = 'usa-plugin-store') {
|
|
8941
8943
|
return defineElement(tag, (Base) => {
|
|
8942
8944
|
class UsaPluginStore extends Base {
|
|
@@ -8960,7 +8962,7 @@ function definePluginStore(tag = 'usa-plugin-store') {
|
|
|
8960
8962
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8961
8963
|
this.setAttribute('role', 'search');
|
|
8962
8964
|
this.setAttribute('aria-label', this.str('label', 'Plugin marketplace'));
|
|
8963
|
-
this.insertAdjacentHTML('beforeend', `<input class="usa-ps-q" type="search" placeholder="Search plugins…" aria-label="Search plugins" value="${esc(this.str('query'))}" data-usa-part><p class="usa-ps-count" aria-live="polite" data-usa-part></p><ul class="usa-ps-list" data-usa-part></ul>`);
|
|
8965
|
+
this.insertAdjacentHTML('beforeend', `<input class="usa-ps-q" type="search" placeholder="Search plugins…" aria-label="Search plugins" value="${esc$1(this.str('query'))}" data-usa-part><p class="usa-ps-count" aria-live="polite" data-usa-part></p><ul class="usa-ps-list" data-usa-part></ul>`);
|
|
8964
8966
|
const q = this.querySelector('.usa-ps-q');
|
|
8965
8967
|
this.listen(q, 'input', () => this.search(q.value));
|
|
8966
8968
|
this.listen(this, 'click', (e) => {
|
|
@@ -8976,7 +8978,7 @@ function definePluginStore(tag = 'usa-plugin-store') {
|
|
|
8976
8978
|
const have = installedPlugins();
|
|
8977
8979
|
if (ul) {
|
|
8978
8980
|
ul.innerHTML = res
|
|
8979
|
-
.map((p) => `<li class="usa-ps-card"><div class="usa-ps-head"><b>${esc(p.title)}</b>${p.official ? '<span class="usa-ps-badge">official</span>' : ''}<small>${esc(p.since ? `since ${p.since}` : '')}</small></div><p>${esc(p.description)}</p><div class="usa-ps-fx">${p.effects.map((f) => `<code>${esc(f)}</code>`).join('')}</div><button type="button" class="usa-ps-install" data-name="${esc(p.name)}"${have[p.name] ? ' disabled data-done' : ''}>${have[p.name] ? 'Installed ✓' : 'Install'}</button></li>`)
|
|
8981
|
+
.map((p) => `<li class="usa-ps-card"><div class="usa-ps-head"><b>${esc$1(p.title)}</b>${p.official ? '<span class="usa-ps-badge">official</span>' : ''}<small>${esc$1(p.since ? `since ${p.since}` : '')}</small></div><p>${esc$1(p.description)}</p><div class="usa-ps-fx">${p.effects.map((f) => `<code>${esc$1(f)}</code>`).join('')}</div><button type="button" class="usa-ps-install" data-name="${esc$1(p.name)}"${have[p.name] ? ' disabled data-done' : ''}>${have[p.name] ? 'Installed ✓' : 'Install'}</button></li>`)
|
|
8980
8982
|
.join('');
|
|
8981
8983
|
if (!this.reduced)
|
|
8982
8984
|
ul.querySelectorAll('.usa-ps-card').forEach((c, i) => this.motion(c, [{ opacity: 0, transform: 'translateY(12px)' }, { opacity: 1, transform: 'none' }], { duration: 320, delay: Math.min(i, 8) * 50, easing: 'cubic-bezier(.2,.8,.2,1)', fill: 'backwards' }));
|
|
@@ -9020,7 +9022,336 @@ function definePluginStore(tag = 'usa-plugin-store') {
|
|
|
9020
9022
|
}
|
|
9021
9023
|
}
|
|
9022
9024
|
return UsaPluginStore;
|
|
9023
|
-
}, { id: 'plugin-store', text: css });
|
|
9025
|
+
}, { id: 'plugin-store', text: css$4 });
|
|
9026
|
+
}
|
|
9027
|
+
|
|
9028
|
+
var css$3 = "usa-chapter-nav{display:block;max-width:100%;font:13px/1.3 system-ui,sans-serif;color:#0f172a}usa-chapter-nav .usa-cn-list{display:flex;gap:6px;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}usa-chapter-nav[data-orientation=vertical] .usa-cn-list{flex-direction:column;overflow:visible}usa-chapter-nav li{flex:1 1 0;min-width:84px}usa-chapter-nav .usa-cn-item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:4px 8px;width:100%;padding:8px 10px;border:0;border-radius:10px;background:rgba(15,23,42,.05);color:inherit;font:inherit;text-align:left;cursor:pointer}usa-chapter-nav .usa-cn-item[aria-current]{background:#eef2ff;color:#3730a3}usa-chapter-nav .usa-cn-item:focus-visible{outline:2px solid #6366f1;outline-offset:1px}usa-chapter-nav .usa-cn-num{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e2e8f0;font-weight:700;font-size:11px}usa-chapter-nav [aria-current] .usa-cn-num{background:#4f46e5;color:#fff}usa-chapter-nav .usa-cn-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}usa-chapter-nav .usa-cn-bar{grid-column:1/-1;height:3px;border-radius:2px;background:rgba(15,23,42,.1);overflow:hidden}usa-chapter-nav .usa-cn-bar i{display:block;height:100%;background:#4f46e5;transform:scaleX(var(--p,0));transform-origin:0 50%;transition:transform .15s linear}@media (prefers-reduced-motion:reduce){usa-chapter-nav .usa-cn-bar i{transition:none}}";
|
|
9029
|
+
|
|
9030
|
+
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
9031
|
+
function defineChapterNav(tag = 'usa-chapter-nav') {
|
|
9032
|
+
return defineElement(tag, (Base) => {
|
|
9033
|
+
class UsaChapterNav extends Base {
|
|
9034
|
+
constructor() {
|
|
9035
|
+
super(...arguments);
|
|
9036
|
+
this._cur = -1;
|
|
9037
|
+
this._secs = [];
|
|
9038
|
+
}
|
|
9039
|
+
static get observedAttributes() {
|
|
9040
|
+
return ['for', 'orientation', 'label'];
|
|
9041
|
+
}
|
|
9042
|
+
get current() {
|
|
9043
|
+
return this._cur;
|
|
9044
|
+
}
|
|
9045
|
+
mount() {
|
|
9046
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9047
|
+
const root = (this.str('for') && document.querySelector(this.str('for'))) || document;
|
|
9048
|
+
this._secs = Array.from(root.querySelectorAll('[data-chapter]'));
|
|
9049
|
+
this.setAttribute('role', 'navigation');
|
|
9050
|
+
this.setAttribute('aria-label', this.str('label', 'Chapters'));
|
|
9051
|
+
this.setAttribute('data-orientation', this.str('orientation') === 'vertical' ? 'vertical' : 'horizontal');
|
|
9052
|
+
const title = (s, i) => s.dataset.chapter || s.querySelector('h1,h2,h3,h4')?.textContent?.trim() || `Chapter ${i + 1}`;
|
|
9053
|
+
this.insertAdjacentHTML('beforeend', `<ol class="usa-cn-list" data-usa-part>${this._secs.map((s, i) => `<li><button type="button" class="usa-cn-item" data-i="${i}"><span class="usa-cn-num">${i + 1}</span><span class="usa-cn-title">${esc(title(s, i))}</span><span class="usa-cn-bar" aria-hidden="true"><i></i></span></button></li>`).join('')}</ol>`);
|
|
9054
|
+
this.listen(this, 'click', (e) => {
|
|
9055
|
+
const b = e.target.closest?.('.usa-cn-item');
|
|
9056
|
+
if (b)
|
|
9057
|
+
this.goTo(Number(b.dataset.i));
|
|
9058
|
+
});
|
|
9059
|
+
const update = () => {
|
|
9060
|
+
const vh = innerHeight || 1;
|
|
9061
|
+
let cur = 0;
|
|
9062
|
+
this._secs.forEach((s, i) => {
|
|
9063
|
+
const r = s.getBoundingClientRect();
|
|
9064
|
+
const p = r.height ? Math.min(1, Math.max(0, (vh * 0.35 - r.top) / r.height)) : 0;
|
|
9065
|
+
this.querySelector(`.usa-cn-item[data-i="${i}"] .usa-cn-bar i`)?.style.setProperty('--p', String(Math.round(p * 1000) / 1000));
|
|
9066
|
+
if (r.top <= vh * 0.35)
|
|
9067
|
+
cur = i;
|
|
9068
|
+
});
|
|
9069
|
+
this.setCurrent(cur);
|
|
9070
|
+
};
|
|
9071
|
+
this.listen(window, 'scroll', update, { passive: true });
|
|
9072
|
+
this.listen(window, 'resize', update);
|
|
9073
|
+
update();
|
|
9074
|
+
}
|
|
9075
|
+
setCurrent(i) {
|
|
9076
|
+
if (i === this._cur || !this._secs.length)
|
|
9077
|
+
return;
|
|
9078
|
+
this._cur = i;
|
|
9079
|
+
this.querySelectorAll('.usa-cn-item').forEach((b, k) => {
|
|
9080
|
+
if (k === i)
|
|
9081
|
+
b.setAttribute('aria-current', 'step');
|
|
9082
|
+
else
|
|
9083
|
+
b.removeAttribute('aria-current');
|
|
9084
|
+
});
|
|
9085
|
+
const s = this._secs[i];
|
|
9086
|
+
this.emit('chapter', { index: i, title: this.querySelector(`.usa-cn-item[data-i="${i}"] .usa-cn-title`)?.textContent || '' });
|
|
9087
|
+
if (s && !this.reduced) {
|
|
9088
|
+
const b = this.querySelector(`.usa-cn-item[data-i="${i}"] .usa-cn-num`);
|
|
9089
|
+
if (b)
|
|
9090
|
+
this.motion(b, [{ transform: 'scale(1)' }, { transform: 'scale(1.25)', offset: 0.4 }, { transform: 'scale(1)' }], { duration: 380, easing: 'cubic-bezier(.3,1.4,.5,1)' });
|
|
9091
|
+
}
|
|
9092
|
+
}
|
|
9093
|
+
goTo(i) {
|
|
9094
|
+
const s = this._secs[i];
|
|
9095
|
+
if (!s)
|
|
9096
|
+
return;
|
|
9097
|
+
s.scrollIntoView?.({ behavior: this.reduced ? 'auto' : 'smooth', block: 'start' });
|
|
9098
|
+
this.setCurrent(i);
|
|
9099
|
+
}
|
|
9100
|
+
}
|
|
9101
|
+
return UsaChapterNav;
|
|
9102
|
+
}, { id: 'chapter-nav', text: css$3 });
|
|
9103
|
+
}
|
|
9104
|
+
|
|
9105
|
+
var css$2 = "usa-scene{position:relative;display:block;overflow:hidden;border-radius:14px;background:#000;color:#fff;isolation:isolate}usa-scene>.usa-scene-media{display:block;width:100%;height:100%;object-fit:cover;transform-origin:50% 50%;will-change:transform}usa-scene>[data-caption]{position:absolute;left:5%;right:5%;bottom:8%;margin:0;font:700 clamp(15px,2.4vw,24px)/1.25 system-ui,sans-serif;text-shadow:0 2px 12px rgba(0,0,0,.7);opacity:0;transform:translateY(10px);transition:opacity .6s,transform .6s}usa-scene>[data-caption][data-shown]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){usa-scene>[data-caption]{transition:none}}";
|
|
9106
|
+
|
|
9107
|
+
function defineScene(tag = 'usa-scene') {
|
|
9108
|
+
return defineElement(tag, (Base) => {
|
|
9109
|
+
class UsaScene extends Base {
|
|
9110
|
+
constructor() {
|
|
9111
|
+
super(...arguments);
|
|
9112
|
+
this._p = 0;
|
|
9113
|
+
}
|
|
9114
|
+
static get observedAttributes() {
|
|
9115
|
+
return ['camera', 'strength', 'autoplay'];
|
|
9116
|
+
}
|
|
9117
|
+
get progress() {
|
|
9118
|
+
return this._p;
|
|
9119
|
+
}
|
|
9120
|
+
media() {
|
|
9121
|
+
return this.querySelector(':scope > [data-shot], :scope > img, :scope > video, :scope > picture');
|
|
9122
|
+
}
|
|
9123
|
+
mount() {
|
|
9124
|
+
const move = CAMERA_MOVES.includes(this.str('camera')) ? this.str('camera') : 'dolly-in';
|
|
9125
|
+
this.setAttribute('data-camera', move);
|
|
9126
|
+
const m = this.media();
|
|
9127
|
+
m?.classList.add('usa-scene-media');
|
|
9128
|
+
const caps = Array.from(this.querySelectorAll(':scope > [data-caption]'));
|
|
9129
|
+
if (this.reduced) {
|
|
9130
|
+
caps.forEach((c) => c.setAttribute('data-shown', ''));
|
|
9131
|
+
return;
|
|
9132
|
+
}
|
|
9133
|
+
if (this.hasAttribute('autoplay')) {
|
|
9134
|
+
caps.forEach((c) => c.setAttribute('data-shown', ''));
|
|
9135
|
+
const st = this.num('strength', 1);
|
|
9136
|
+
this.inView((v) => {
|
|
9137
|
+
m?.getAnimations?.().forEach((a) => a.cancel());
|
|
9138
|
+
if (v && m)
|
|
9139
|
+
this.motion(m, [0, 0.25, 0.5, 0.75, 1].map((p) => ({ transform: cameraFrame(move, p, st) })), { duration: 7000, iterations: Infinity, direction: 'alternate', easing: 'ease-in-out' });
|
|
9140
|
+
});
|
|
9141
|
+
return;
|
|
9142
|
+
}
|
|
9143
|
+
let stop = null;
|
|
9144
|
+
this.inView((v) => {
|
|
9145
|
+
stop?.();
|
|
9146
|
+
stop = null;
|
|
9147
|
+
if (!v)
|
|
9148
|
+
return;
|
|
9149
|
+
let last = -1;
|
|
9150
|
+
stop = onFrame(() => {
|
|
9151
|
+
const r = this.getBoundingClientRect();
|
|
9152
|
+
const vh = innerHeight || 1;
|
|
9153
|
+
const p = Math.min(1, Math.max(0, (vh - r.top) / (vh + r.height)));
|
|
9154
|
+
if (Math.abs(p - last) < 0.001)
|
|
9155
|
+
return;
|
|
9156
|
+
last = p;
|
|
9157
|
+
this.setProgress(p, move);
|
|
9158
|
+
});
|
|
9159
|
+
});
|
|
9160
|
+
this.onCleanup(() => stop?.());
|
|
9161
|
+
}
|
|
9162
|
+
/** Render the shot at progress `p` (0–1) — also used by tests / scroll timelines. */
|
|
9163
|
+
setProgress(p, move = this.getAttribute('data-camera') || 'dolly-in') {
|
|
9164
|
+
this._p = Math.min(1, Math.max(0, p));
|
|
9165
|
+
const m = this.media();
|
|
9166
|
+
if (m)
|
|
9167
|
+
m.style.transform = cameraFrame(move, this._p, this.num('strength', 1));
|
|
9168
|
+
this.querySelectorAll(':scope > [data-caption]').forEach((c) => this.setFlagOn(c, this._p >= Number(c.dataset.at ?? 0.3)));
|
|
9169
|
+
this.emit('shot', { progress: this._p });
|
|
9170
|
+
}
|
|
9171
|
+
setFlagOn(el, on) {
|
|
9172
|
+
if (on)
|
|
9173
|
+
el.setAttribute('data-shown', '');
|
|
9174
|
+
else
|
|
9175
|
+
el.removeAttribute('data-shown');
|
|
9176
|
+
}
|
|
9177
|
+
}
|
|
9178
|
+
return UsaScene;
|
|
9179
|
+
}, { id: 'scene', text: css$2 });
|
|
9180
|
+
}
|
|
9181
|
+
|
|
9182
|
+
var css$1 = "usa-lottie{display:inline-block;line-height:0;max-width:100%}usa-lottie .usa-lt-svg{max-width:100%;height:auto;overflow:visible}usa-lottie [data-layer]{transform-box:view-box;transform-origin:0 0}";
|
|
9183
|
+
|
|
9184
|
+
function defineLottie(tag = 'usa-lottie') {
|
|
9185
|
+
return defineElement(tag, (Base) => {
|
|
9186
|
+
class UsaLottie extends Base {
|
|
9187
|
+
constructor() {
|
|
9188
|
+
super(...arguments);
|
|
9189
|
+
this._json = null;
|
|
9190
|
+
this._m = null;
|
|
9191
|
+
this._anims = [];
|
|
9192
|
+
}
|
|
9193
|
+
static get observedAttributes() {
|
|
9194
|
+
return ['src', 'loop', 'speed', 'label'];
|
|
9195
|
+
}
|
|
9196
|
+
get json() {
|
|
9197
|
+
return this._json;
|
|
9198
|
+
}
|
|
9199
|
+
set json(v) {
|
|
9200
|
+
this._json = typeof v === 'string' ? JSON.parse(v) : v;
|
|
9201
|
+
if (this.isConnected)
|
|
9202
|
+
this.changed('json');
|
|
9203
|
+
}
|
|
9204
|
+
get parsed() {
|
|
9205
|
+
return this._m;
|
|
9206
|
+
}
|
|
9207
|
+
mount() {
|
|
9208
|
+
this.setAttribute('role', 'img');
|
|
9209
|
+
this.setAttribute('aria-label', this.str('label', 'Animation'));
|
|
9210
|
+
const src = this.str('src');
|
|
9211
|
+
if (this._json)
|
|
9212
|
+
this.render(this._json);
|
|
9213
|
+
else if (src && typeof fetch !== 'undefined')
|
|
9214
|
+
fetch(src)
|
|
9215
|
+
.then((r) => r.json())
|
|
9216
|
+
.then((j) => this.isConnected && this.str('src') === src && ((this._json = j), this.render(j)))
|
|
9217
|
+
.catch(() => this.emit('error', { src }));
|
|
9218
|
+
this.onCleanup(() => this.stop());
|
|
9219
|
+
}
|
|
9220
|
+
render(j) {
|
|
9221
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9222
|
+
this._m = lottieToKeyframes(j);
|
|
9223
|
+
this.insertAdjacentHTML('beforeend', lottieToSvg(j).replace('<svg ', '<svg data-usa-part class="usa-lt-svg" '));
|
|
9224
|
+
this.emit('load', { duration: this._m.duration, layers: this._m.layers.length });
|
|
9225
|
+
this.frame(0);
|
|
9226
|
+
if (this.hasAttribute('autoplay') && !this.reduced)
|
|
9227
|
+
this.inView((v) => {
|
|
9228
|
+
if (v)
|
|
9229
|
+
this.play();
|
|
9230
|
+
else
|
|
9231
|
+
this.pause();
|
|
9232
|
+
});
|
|
9233
|
+
}
|
|
9234
|
+
frame(i) {
|
|
9235
|
+
this._m?.layers.forEach((l) => {
|
|
9236
|
+
const g = this.querySelector(`[data-layer="${l.index}"]`);
|
|
9237
|
+
const k = l.keyframes[i] || l.keyframes[0];
|
|
9238
|
+
if (g && k) {
|
|
9239
|
+
g.style.transform = String(k.transform || '');
|
|
9240
|
+
if (k.opacity != null)
|
|
9241
|
+
g.style.opacity = String(k.opacity);
|
|
9242
|
+
}
|
|
9243
|
+
});
|
|
9244
|
+
}
|
|
9245
|
+
play() {
|
|
9246
|
+
if (!this._m || this.reduced)
|
|
9247
|
+
return;
|
|
9248
|
+
if (this._anims.length) {
|
|
9249
|
+
this._anims.forEach((a) => a.play());
|
|
9250
|
+
return;
|
|
9251
|
+
}
|
|
9252
|
+
const iterations = this.hasAttribute('loop') ? Infinity : 1;
|
|
9253
|
+
const rate = Math.max(0.1, this.num('speed', 1));
|
|
9254
|
+
this._anims = this._m.layers
|
|
9255
|
+
.map((l) => {
|
|
9256
|
+
const g = this.querySelector(`[data-layer="${l.index}"]`);
|
|
9257
|
+
const a = g ? this.motion(g, l.keyframes, { duration: this._m.duration / rate, iterations, fill: 'both' }) : null;
|
|
9258
|
+
return a;
|
|
9259
|
+
})
|
|
9260
|
+
.filter(Boolean);
|
|
9261
|
+
const first = this._anims[0];
|
|
9262
|
+
if (first && iterations === 1)
|
|
9263
|
+
first.finished.then(() => this.emit('complete'), () => undefined);
|
|
9264
|
+
}
|
|
9265
|
+
pause() {
|
|
9266
|
+
this._anims.forEach((a) => a.pause());
|
|
9267
|
+
}
|
|
9268
|
+
stop() {
|
|
9269
|
+
this._anims.splice(0).forEach((a) => a.cancel());
|
|
9270
|
+
this.frame(0);
|
|
9271
|
+
}
|
|
9272
|
+
}
|
|
9273
|
+
return UsaLottie;
|
|
9274
|
+
}, { id: 'lottie', text: css$1 });
|
|
9275
|
+
}
|
|
9276
|
+
|
|
9277
|
+
var css = "usa-lottie-icon{display:inline-block;width:var(--usa-li-size,32px);height:var(--usa-li-size,32px);line-height:0;cursor:pointer;vertical-align:middle}usa-lottie-icon>usa-lottie,usa-lottie-icon .usa-lt-svg{width:100%;height:100%}";
|
|
9278
|
+
|
|
9279
|
+
const fill = (r, g, b) => ({ ty: 'fl', c: { k: [r, g, b, 1] } });
|
|
9280
|
+
const sh = (v, c = true) => ({ ty: 'sh', ks: { k: { v, i: v.map(() => [0, 0]), o: v.map(() => [0, 0]), c } } });
|
|
9281
|
+
const anim = (keys) => ({ a: 1, k: keys.map(([t, s]) => ({ t, s })) });
|
|
9282
|
+
const L = (nm, shapes, ks) => ({ nm, ks: { a: { k: [24, 24] }, p: { k: [24, 24] }, ...ks }, shapes });
|
|
9283
|
+
const icon = (layers, op = 30) => ({ v: '5.7.0', fr: 30, ip: 0, op, w: 48, h: 48, layers });
|
|
9284
|
+
/** The built-in Lottie icon set (9.2). */
|
|
9285
|
+
const LOTTIE_ICONS = {
|
|
9286
|
+
heart: icon([L('heart', [sh([[24, 40], [8, 25], [7, 15], [15, 8], [24, 14], [33, 8], [41, 15], [40, 25]]), fill(0.96, 0.25, 0.37)], { s: anim([[0, [100, 100]], [7, [135, 135]], [14, [90, 90]], [22, [108, 108]], [30, [100, 100]]]) })]),
|
|
9287
|
+
bell: icon([L('bell', [sh([[24, 6], [34, 14], [35, 30], [40, 35], [8, 35], [13, 30], [14, 14]]), { ty: 'el', p: { k: [24, 39] }, s: { k: [8, 8] } }, fill(0.98, 0.75, 0.14)], { a: { k: [24, 6] }, p: { k: [24, 6] }, r: anim([[0, [0]], [6, [-20]], [12, [16]], [18, [-10]], [24, [5]], [30, [0]]]) })]),
|
|
9288
|
+
check: icon([
|
|
9289
|
+
L('tick', [sh([[14, 25], [21, 32], [35, 17], [32, 14], [21, 26], [17, 22]]), fill(1, 1, 1)], { s: anim([[0, [0, 0]], [10, [0, 0]], [20, [115, 115]], [28, [100, 100]]]) }),
|
|
9290
|
+
L('disc', [{ ty: 'el', p: { k: [24, 24] }, s: { k: [40, 40] } }, fill(0.13, 0.77, 0.37)], { s: anim([[0, [0, 0]], [10, [110, 110]], [16, [100, 100]]]) }),
|
|
9291
|
+
]),
|
|
9292
|
+
spinner: icon([L('arc', [sh([[24, 4], [38, 10], [44, 24], [40, 24], [35, 13], [24, 8]]), fill(0.31, 0.27, 0.9)], { r: anim([[0, [0]], [30, [360]]]) })]),
|
|
9293
|
+
star: icon([L('star', [sh([[24, 4], [29, 18], [44, 18], [32, 27], [36, 42], [24, 33], [12, 42], [16, 27], [4, 18], [19, 18]]), fill(0.98, 0.8, 0.08)], { r: anim([[0, [0]], [15, [72]], [30, [72]]]), s: anim([[0, [100, 100]], [8, [70, 70]], [18, [120, 120]], [30, [100, 100]]]) })]),
|
|
9294
|
+
bolt: icon([L('bolt', [sh([[27, 4], [12, 27], [22, 27], [19, 44], [36, 19], [26, 19]]), fill(0.55, 0.36, 0.96)], { o: anim([[0, [100]], [4, [20]], [8, [100]], [12, [30]], [16, [100]]]), s: anim([[0, [100, 100]], [6, [120, 120]], [16, [100, 100]]]) })], 20),
|
|
9295
|
+
};
|
|
9296
|
+
function defineLottieIcon(tag = 'usa-lottie-icon') {
|
|
9297
|
+
return defineElement(tag, (Base) => {
|
|
9298
|
+
class UsaLottieIcon extends Base {
|
|
9299
|
+
static get observedAttributes() {
|
|
9300
|
+
return ['name', 'size', 'color', 'label', 'trigger'];
|
|
9301
|
+
}
|
|
9302
|
+
lottie() {
|
|
9303
|
+
return this.querySelector(':scope > usa-lottie');
|
|
9304
|
+
}
|
|
9305
|
+
mount() {
|
|
9306
|
+
if (typeof customElements !== 'undefined' && !customElements.get('usa-lottie'))
|
|
9307
|
+
defineLottie();
|
|
9308
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9309
|
+
const name = LOTTIE_ICONS[this.str('name')] ? this.str('name') : 'heart';
|
|
9310
|
+
this.setAttribute('data-name', name);
|
|
9311
|
+
const label = this.str('label');
|
|
9312
|
+
if (label) {
|
|
9313
|
+
this.setAttribute('role', 'img');
|
|
9314
|
+
this.setAttribute('aria-label', label);
|
|
9315
|
+
}
|
|
9316
|
+
else
|
|
9317
|
+
this.setAttribute('aria-hidden', 'true');
|
|
9318
|
+
this.style.setProperty('--usa-li-size', `${Math.max(12, this.num('size', 32))}px`);
|
|
9319
|
+
let json = LOTTIE_ICONS[name];
|
|
9320
|
+
if (this.hasAttribute('color')) {
|
|
9321
|
+
const m = this.str('color').match(/^#?([0-9a-f]{6})$/i);
|
|
9322
|
+
if (m) {
|
|
9323
|
+
const n = parseInt(m[1], 16);
|
|
9324
|
+
const c = [((n >> 16) & 255) / 255, ((n >> 8) & 255) / 255, (n & 255) / 255, 1];
|
|
9325
|
+
json = JSON.parse(JSON.stringify(json).replace(/"ty":"fl","c":\{"k":\[[^\]]*\]\}/g, `"ty":"fl","c":{"k":${JSON.stringify(c)}}`));
|
|
9326
|
+
}
|
|
9327
|
+
}
|
|
9328
|
+
const lt = document.createElement('usa-lottie');
|
|
9329
|
+
lt.setAttribute('data-usa-part', '');
|
|
9330
|
+
if (this.str('trigger') === 'loop')
|
|
9331
|
+
lt.setAttribute('loop', '');
|
|
9332
|
+
lt.json = json;
|
|
9333
|
+
this.appendChild(lt);
|
|
9334
|
+
const t = this.str('trigger', 'click');
|
|
9335
|
+
if (t === 'hover')
|
|
9336
|
+
this.listen(this, 'pointerenter', () => this.play());
|
|
9337
|
+
else if (t === 'enter')
|
|
9338
|
+
this.inView((v) => v && this.play(), { threshold: 0.5 });
|
|
9339
|
+
else if (t === 'loop')
|
|
9340
|
+
this.inView((v) => (v ? this.play() : this.lottie()?.stop()));
|
|
9341
|
+
else
|
|
9342
|
+
this.listen(this, 'click', () => this.play());
|
|
9343
|
+
}
|
|
9344
|
+
play() {
|
|
9345
|
+
const l = this.lottie();
|
|
9346
|
+
if (!l || this.reduced)
|
|
9347
|
+
return;
|
|
9348
|
+
if (this.str('trigger') !== 'loop')
|
|
9349
|
+
l.stop();
|
|
9350
|
+
l.play();
|
|
9351
|
+
}
|
|
9352
|
+
}
|
|
9353
|
+
return UsaLottieIcon;
|
|
9354
|
+
}, { id: 'lottie-icon', text: css });
|
|
9024
9355
|
}
|
|
9025
9356
|
|
|
9026
9357
|
/**
|
|
@@ -9065,6 +9396,8 @@ const WIDGETS = {
|
|
|
9065
9396
|
'8.8': { 'usa-panorama': definePanorama, 'usa-spatial-card': defineSpatialCard },
|
|
9066
9397
|
'8.9': { 'usa-code-export': defineCodeExport, 'usa-prop-panel': definePropPanel },
|
|
9067
9398
|
'9.0': { 'usa-motion': defineMotion, 'usa-plugin-store': definePluginStore },
|
|
9399
|
+
'9.1': { 'usa-chapter-nav': defineChapterNav, 'usa-scene': defineScene },
|
|
9400
|
+
'9.2': { 'usa-lottie': defineLottie, 'usa-lottie-icon': defineLottieIcon },
|
|
9068
9401
|
};
|
|
9069
9402
|
/** Every widget tag, in release order. */
|
|
9070
9403
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -9076,5 +9409,5 @@ function defineWidgets(release) {
|
|
|
9076
9409
|
fn(tag);
|
|
9077
9410
|
}
|
|
9078
9411
|
|
|
9079
|
-
export { CAROUSEL_EFFECTS, EQ_PRESETS, FESTIVAL_THEMES, MENU_EFFECTS, MODAL_EFFECTS, NAV_INDICATORS, PRESENCE_STATES, PROGRESS_VARIANTS, RETRO_VARIANTS, SEGMENTED_VARIANTS, SHEET_SIDES, SKELETON_VARIANTS, SPARK_VARIANTS, SWITCH_VARIANTS, TAB_INDICATORS, TIP_PLACEMENTS, TOAST_POSITIONS, TOGGLE_VARIANTS, WEATHER_CONDITIONS, WIDGETS, WIDGET_TAGS, badgeProgress, cartTotal, defineAddToCart, defineBadgeWall, defineBarChart, defineCarousel, defineCartDrawer, defineChatComposer, defineClockControl, defineCodeExport, defineColorPicker, defineCommandPalette, defineCompare, defineCountdown, defineCubeGallery, defineDatePicker, defineDisclosure, defineDock, defineEqualizer, defineFestivalBanner, defineField, defineFileDrop, defineGauge, defineGestureSticker, defineGlobe, defineGyroCard, defineHudPanel, defineHydrate, defineKanban, defineKeyframeEditor, defineKpi, defineLeaderboard, defineLiquidNav, defineLocationCard, defineLyrics, defineMasonryFlow, defineMenu, defineMenuToggle, defineMessageList, defineMilestones, defineModal, defineMotion, defineMusicPlayer, defineNavMorph, defineNotificationBell, defineOdometer, defineOrganicCard, defineOtp, definePagination, definePanorama, definePluginStore, definePresence, definePrizeWheel, defineProductGallery, defineProgressRing, definePropPanel, definePullCord, defineRadar, defineReactions, defineRedEnvelope, defineRetroButton, defineSegmented, defineSheet, defineShortcut, defineSkeletonReveal, defineSketchChart, defineSparkline, defineSpatialCard, defineStarRating, defineStepper, defineStickyWall, defineStories, defineSuggestionChips, defineSwipeDeck, defineSwitch, defineTabBar, defineTerminal, defineThemeSurface, defineThemeSwitcher, defineTip, defineToastStack, defineUploadProgress, defineVoiceButton, defineVolumeKnob, defineWeatherCard, defineWidgets, defineXpBar, describeComponent, exportComponent, formatBytes, formatDistance, fuzzyMatch, haversine, hexToHsv, hsvToHex, initials, keyLabels, levelFor, matchesKeys, monthGrid, pageWindow, parseChips, parseISODate, parseLRC, parseMarkers, parseProps, parseReactions, parseTargets, passwordStrength, project, rankRows, sanitizeCode, sparkPoints, splitTime, stackToast, waveBars, wheelAngle, wrapIndex };
|
|
9412
|
+
export { CAROUSEL_EFFECTS, EQ_PRESETS, FESTIVAL_THEMES, LOTTIE_ICONS, MENU_EFFECTS, MODAL_EFFECTS, NAV_INDICATORS, PRESENCE_STATES, PROGRESS_VARIANTS, RETRO_VARIANTS, SEGMENTED_VARIANTS, SHEET_SIDES, SKELETON_VARIANTS, SPARK_VARIANTS, SWITCH_VARIANTS, TAB_INDICATORS, TIP_PLACEMENTS, TOAST_POSITIONS, TOGGLE_VARIANTS, WEATHER_CONDITIONS, WIDGETS, WIDGET_TAGS, badgeProgress, cartTotal, defineAddToCart, defineBadgeWall, defineBarChart, defineCarousel, defineCartDrawer, defineChapterNav, defineChatComposer, defineClockControl, defineCodeExport, defineColorPicker, defineCommandPalette, defineCompare, defineCountdown, defineCubeGallery, defineDatePicker, defineDisclosure, defineDock, defineEqualizer, defineFestivalBanner, defineField, defineFileDrop, defineGauge, defineGestureSticker, defineGlobe, defineGyroCard, defineHudPanel, defineHydrate, defineKanban, defineKeyframeEditor, defineKpi, defineLeaderboard, defineLiquidNav, defineLocationCard, defineLottie, defineLottieIcon, defineLyrics, defineMasonryFlow, defineMenu, defineMenuToggle, defineMessageList, defineMilestones, defineModal, defineMotion, defineMusicPlayer, defineNavMorph, defineNotificationBell, defineOdometer, defineOrganicCard, defineOtp, definePagination, definePanorama, definePluginStore, definePresence, definePrizeWheel, defineProductGallery, defineProgressRing, definePropPanel, definePullCord, defineRadar, defineReactions, defineRedEnvelope, defineRetroButton, defineScene, defineSegmented, defineSheet, defineShortcut, defineSkeletonReveal, defineSketchChart, defineSparkline, defineSpatialCard, defineStarRating, defineStepper, defineStickyWall, defineStories, defineSuggestionChips, defineSwipeDeck, defineSwitch, defineTabBar, defineTerminal, defineThemeSurface, defineThemeSwitcher, defineTip, defineToastStack, defineUploadProgress, defineVoiceButton, defineVolumeKnob, defineWeatherCard, defineWidgets, defineXpBar, describeComponent, exportComponent, formatBytes, formatDistance, fuzzyMatch, haversine, hexToHsv, hsvToHex, initials, keyLabels, levelFor, matchesKeys, monthGrid, pageWindow, parseChips, parseISODate, parseLRC, parseMarkers, parseProps, parseReactions, parseTargets, passwordStrength, project, rankRows, sanitizeCode, sparkPoints, splitTime, stackToast, waveBars, wheelAngle, wrapIndex };
|
|
9080
9413
|
//# sourceMappingURL=widgets.js.map
|