use-scroll-animate 9.4.0 → 9.6.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 +28 -0
- package/dist/components/fx-perf.cjs +161 -0
- package/dist/components/fx-perf.cjs.map +1 -0
- package/dist/components/fx-perf.d.cts +86 -0
- package/dist/components/fx-perf.d.ts +86 -0
- package/dist/components/fx-perf.js +155 -0
- package/dist/components/fx-perf.js.map +1 -0
- package/dist/components/fx-safe.cjs +155 -0
- package/dist/components/fx-safe.cjs.map +1 -0
- package/dist/components/fx-safe.d.cts +85 -0
- package/dist/components/fx-safe.d.ts +85 -0
- package/dist/components/fx-safe.js +145 -0
- package/dist/components/fx-safe.js.map +1 -0
- package/dist/components/fx2.cjs +20 -0
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.d.cts +82 -1
- package/dist/components/fx2.d.ts +82 -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 +445 -181
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +123 -2
- package/dist/components/widgets.d.ts +123 -2
- package/dist/components/widgets.js +442 -183
- 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 +33 -0
- package/package.json +42 -2
|
@@ -1,4 +1,4 @@
|
|
|
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';
|
|
1
|
+
import { u as defineElement, k as clamp, y as getClock, x as setClock, v as onClockChange, o as onFrame, s as schedulerStats, b as activeAnimations } 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';
|
|
@@ -16,6 +16,8 @@ import { CAMERA_MOVES, cameraFrame } from './fx-cinema.js';
|
|
|
16
16
|
import { lottieToKeyframes, lottieToSvg } from './fx-lottie.js';
|
|
17
17
|
import { PALETTES, seededRandom, meshGradient } from './fx-genart.js';
|
|
18
18
|
import { scrubVideo } from './fx-video.js';
|
|
19
|
+
import { loadMotionPreferences, applyMotionPreferences } from './fx-safe.js';
|
|
20
|
+
import { fpsMeter, offscreenRender } from './fx-perf.js';
|
|
19
21
|
import '../chunks/core-CiN5sqxB.js';
|
|
20
22
|
import './tokens.js';
|
|
21
23
|
import '../chunks/fx-CQv3IxMf.js';
|
|
@@ -56,7 +58,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
56
58
|
return -1;
|
|
57
59
|
}
|
|
58
60
|
|
|
59
|
-
var css$
|
|
61
|
+
var css$1t = "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}";
|
|
60
62
|
|
|
61
63
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
62
64
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -245,10 +247,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
245
247
|
}
|
|
246
248
|
}
|
|
247
249
|
return UsaCarousel;
|
|
248
|
-
}, { id: 'carousel', text: css$
|
|
250
|
+
}, { id: 'carousel', text: css$1t });
|
|
249
251
|
}
|
|
250
252
|
|
|
251
|
-
var css$
|
|
253
|
+
var css$1s = "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}";
|
|
252
254
|
|
|
253
255
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
254
256
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -361,10 +363,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
361
363
|
}
|
|
362
364
|
}
|
|
363
365
|
return UsaTabBar;
|
|
364
|
-
}, { id: 'tab-bar', text: css$
|
|
366
|
+
}, { id: 'tab-bar', text: css$1s });
|
|
365
367
|
}
|
|
366
368
|
|
|
367
|
-
var css$
|
|
369
|
+
var css$1r = "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}}";
|
|
368
370
|
|
|
369
371
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
370
372
|
return defineElement(tag, (Base) => {
|
|
@@ -432,10 +434,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
432
434
|
}
|
|
433
435
|
}
|
|
434
436
|
return UsaDisclosure;
|
|
435
|
-
}, { id: 'disclosure', text: css$
|
|
437
|
+
}, { id: 'disclosure', text: css$1r });
|
|
436
438
|
}
|
|
437
439
|
|
|
438
|
-
var css$
|
|
440
|
+
var css$1q = "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}}";
|
|
439
441
|
|
|
440
442
|
function defineStories(tag = 'usa-stories') {
|
|
441
443
|
return defineElement(tag, (Base) => {
|
|
@@ -568,10 +570,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
568
570
|
}
|
|
569
571
|
}
|
|
570
572
|
return UsaStories;
|
|
571
|
-
}, { id: 'stories', text: css$
|
|
573
|
+
}, { id: 'stories', text: css$1q });
|
|
572
574
|
}
|
|
573
575
|
|
|
574
|
-
var css$
|
|
576
|
+
var css$1p = "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)}}";
|
|
575
577
|
|
|
576
578
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
577
579
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -798,12 +800,12 @@ function defineOverlay(tag, kind) {
|
|
|
798
800
|
}
|
|
799
801
|
}
|
|
800
802
|
return UsaOverlay;
|
|
801
|
-
}, { id: 'overlay', text: css$
|
|
803
|
+
}, { id: 'overlay', text: css$1p });
|
|
802
804
|
}
|
|
803
805
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
804
806
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
805
807
|
|
|
806
|
-
var css$
|
|
808
|
+
var css$1o = "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}}";
|
|
807
809
|
|
|
808
810
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
809
811
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -974,7 +976,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
974
976
|
}
|
|
975
977
|
}
|
|
976
978
|
return UsaToastStack;
|
|
977
|
-
}, { id: 'toast', text: css$
|
|
979
|
+
}, { id: 'toast', text: css$1o });
|
|
978
980
|
}
|
|
979
981
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
980
982
|
function stackToast(input, stack) {
|
|
@@ -1002,7 +1004,7 @@ function installToastTriggers() {
|
|
|
1002
1004
|
});
|
|
1003
1005
|
}
|
|
1004
1006
|
|
|
1005
|
-
var css$
|
|
1007
|
+
var css$1n = "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)}}";
|
|
1006
1008
|
|
|
1007
1009
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
1008
1010
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1141,10 +1143,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1141
1143
|
}
|
|
1142
1144
|
}
|
|
1143
1145
|
return UsaMenu;
|
|
1144
|
-
}, { id: 'menu', text: css$
|
|
1146
|
+
}, { id: 'menu', text: css$1n });
|
|
1145
1147
|
}
|
|
1146
1148
|
|
|
1147
|
-
var css$
|
|
1149
|
+
var css$1m = "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}}";
|
|
1148
1150
|
|
|
1149
1151
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1150
1152
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1284,7 +1286,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1284
1286
|
}
|
|
1285
1287
|
}
|
|
1286
1288
|
return UsaProgressRing;
|
|
1287
|
-
}, { id: 'meters', text: css$
|
|
1289
|
+
}, { id: 'meters', text: css$1m });
|
|
1288
1290
|
}
|
|
1289
1291
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1290
1292
|
return defineElement(tag, (Base) => {
|
|
@@ -1394,10 +1396,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1394
1396
|
}
|
|
1395
1397
|
}
|
|
1396
1398
|
return UsaOdometer;
|
|
1397
|
-
}, { id: 'meters', text: css$
|
|
1399
|
+
}, { id: 'meters', text: css$1m });
|
|
1398
1400
|
}
|
|
1399
1401
|
|
|
1400
|
-
var css$
|
|
1402
|
+
var css$1l = "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}}";
|
|
1401
1403
|
|
|
1402
1404
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1403
1405
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1512,10 +1514,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1512
1514
|
}
|
|
1513
1515
|
}
|
|
1514
1516
|
return UsaSkeletonReveal;
|
|
1515
|
-
}, { id: 'skeleton-reveal', text: css$
|
|
1517
|
+
}, { id: 'skeleton-reveal', text: css$1l });
|
|
1516
1518
|
}
|
|
1517
1519
|
|
|
1518
|
-
var css$
|
|
1520
|
+
var css$1k = "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}}";
|
|
1519
1521
|
|
|
1520
1522
|
const PATHS = {
|
|
1521
1523
|
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',
|
|
@@ -1652,10 +1654,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1652
1654
|
}
|
|
1653
1655
|
UsaStarRating.formAssociated = true;
|
|
1654
1656
|
return UsaStarRating;
|
|
1655
|
-
}, { id: 'star-rating', text: css$
|
|
1657
|
+
}, { id: 'star-rating', text: css$1k });
|
|
1656
1658
|
}
|
|
1657
1659
|
|
|
1658
|
-
var css$
|
|
1660
|
+
var css$1j = "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}}";
|
|
1659
1661
|
|
|
1660
1662
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1661
1663
|
return defineElement(tag, (Base) => {
|
|
@@ -1743,10 +1745,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1743
1745
|
}
|
|
1744
1746
|
}
|
|
1745
1747
|
return UsaMilestones;
|
|
1746
|
-
}, { id: 'milestones', text: css$
|
|
1748
|
+
}, { id: 'milestones', text: css$1j });
|
|
1747
1749
|
}
|
|
1748
1750
|
|
|
1749
|
-
var css$
|
|
1751
|
+
var css$1i = "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}";
|
|
1750
1752
|
|
|
1751
1753
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1752
1754
|
return defineElement(tag, (Base) => {
|
|
@@ -1867,10 +1869,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1867
1869
|
}
|
|
1868
1870
|
}
|
|
1869
1871
|
return UsaMasonryFlow;
|
|
1870
|
-
}, { id: 'masonry-flow', text: css$
|
|
1872
|
+
}, { id: 'masonry-flow', text: css$1i });
|
|
1871
1873
|
}
|
|
1872
1874
|
|
|
1873
|
-
var css$
|
|
1875
|
+
var css$1h = "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}";
|
|
1874
1876
|
|
|
1875
1877
|
function defineCompare(tag = 'usa-compare') {
|
|
1876
1878
|
return defineElement(tag, (Base) => {
|
|
@@ -1994,10 +1996,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1994
1996
|
}
|
|
1995
1997
|
}
|
|
1996
1998
|
return UsaCompare;
|
|
1997
|
-
}, { id: 'compare', text: css$
|
|
1999
|
+
}, { id: 'compare', text: css$1h });
|
|
1998
2000
|
}
|
|
1999
2001
|
|
|
2000
|
-
var css$
|
|
2002
|
+
var css$1g = "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}";
|
|
2001
2003
|
|
|
2002
2004
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
2003
2005
|
return defineElement(tag, (Base) => {
|
|
@@ -2130,10 +2132,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2130
2132
|
}
|
|
2131
2133
|
}
|
|
2132
2134
|
return UsaCubeGallery;
|
|
2133
|
-
}, { id: 'cube-gallery', text: css$
|
|
2135
|
+
}, { id: 'cube-gallery', text: css$1g });
|
|
2134
2136
|
}
|
|
2135
2137
|
|
|
2136
|
-
var css$
|
|
2138
|
+
var css$1f = "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}}";
|
|
2137
2139
|
|
|
2138
2140
|
function defineDock(tag = 'usa-dock') {
|
|
2139
2141
|
return defineElement(tag, (Base) => {
|
|
@@ -2201,10 +2203,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2201
2203
|
}
|
|
2202
2204
|
}
|
|
2203
2205
|
return UsaDock;
|
|
2204
|
-
}, { id: 'dock', text: css$
|
|
2206
|
+
}, { id: 'dock', text: css$1f });
|
|
2205
2207
|
}
|
|
2206
2208
|
|
|
2207
|
-
var css$
|
|
2209
|
+
var css$1e = "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)}";
|
|
2208
2210
|
|
|
2209
2211
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2210
2212
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2308,10 +2310,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2308
2310
|
}
|
|
2309
2311
|
}
|
|
2310
2312
|
return UsaNavMorph;
|
|
2311
|
-
}, { id: 'nav-morph', text: css$
|
|
2313
|
+
}, { id: 'nav-morph', text: css$1e });
|
|
2312
2314
|
}
|
|
2313
2315
|
|
|
2314
|
-
var css$
|
|
2316
|
+
var css$1d = "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}";
|
|
2315
2317
|
|
|
2316
2318
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2317
2319
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2384,10 +2386,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2384
2386
|
}
|
|
2385
2387
|
}
|
|
2386
2388
|
return UsaMenuToggle;
|
|
2387
|
-
}, { id: 'menu-toggle', text: css$
|
|
2389
|
+
}, { id: 'menu-toggle', text: css$1d });
|
|
2388
2390
|
}
|
|
2389
2391
|
|
|
2390
|
-
var css$
|
|
2392
|
+
var css$1c = "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)}";
|
|
2391
2393
|
|
|
2392
2394
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2393
2395
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2519,10 +2521,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2519
2521
|
}
|
|
2520
2522
|
}
|
|
2521
2523
|
return UsaTip;
|
|
2522
|
-
}, { id: 'tip', text: css$
|
|
2524
|
+
}, { id: 'tip', text: css$1c });
|
|
2523
2525
|
}
|
|
2524
2526
|
|
|
2525
|
-
var css$
|
|
2527
|
+
var css$1b = "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}}";
|
|
2526
2528
|
|
|
2527
2529
|
function defineStepper(tag = 'usa-stepper') {
|
|
2528
2530
|
return defineElement(tag, (Base) => {
|
|
@@ -2619,10 +2621,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2619
2621
|
}
|
|
2620
2622
|
}
|
|
2621
2623
|
return UsaStepper;
|
|
2622
|
-
}, { id: 'stepper', text: css$
|
|
2624
|
+
}, { id: 'stepper', text: css$1b });
|
|
2623
2625
|
}
|
|
2624
2626
|
|
|
2625
|
-
var css$
|
|
2627
|
+
var css$1a = "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}}";
|
|
2626
2628
|
|
|
2627
2629
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2628
2630
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2744,10 +2746,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2744
2746
|
}
|
|
2745
2747
|
}
|
|
2746
2748
|
return UsaPagination;
|
|
2747
|
-
}, { id: 'pagination', text: css$
|
|
2749
|
+
}, { id: 'pagination', text: css$1a });
|
|
2748
2750
|
}
|
|
2749
2751
|
|
|
2750
|
-
var css$
|
|
2752
|
+
var css$19 = "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}}";
|
|
2751
2753
|
|
|
2752
2754
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2753
2755
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2841,10 +2843,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2841
2843
|
}
|
|
2842
2844
|
}
|
|
2843
2845
|
return UsaSegmented;
|
|
2844
|
-
}, { id: 'segmented', text: css$
|
|
2846
|
+
}, { id: 'segmented', text: css$19 });
|
|
2845
2847
|
}
|
|
2846
2848
|
|
|
2847
|
-
var css$
|
|
2849
|
+
var css$18 = "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}}";
|
|
2848
2850
|
|
|
2849
2851
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2850
2852
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2932,10 +2934,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2932
2934
|
}
|
|
2933
2935
|
}
|
|
2934
2936
|
return UsaSwitch;
|
|
2935
|
-
}, { id: 'switch', text: css$
|
|
2937
|
+
}, { id: 'switch', text: css$18 });
|
|
2936
2938
|
}
|
|
2937
2939
|
|
|
2938
|
-
var css$
|
|
2940
|
+
var css$17 = "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}}";
|
|
2939
2941
|
|
|
2940
2942
|
function defineKanban(tag = 'usa-kanban') {
|
|
2941
2943
|
return defineElement(tag, (Base) => {
|
|
@@ -3140,10 +3142,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3140
3142
|
}
|
|
3141
3143
|
}
|
|
3142
3144
|
return UsaKanban;
|
|
3143
|
-
}, { id: 'kanban', text: css$
|
|
3145
|
+
}, { id: 'kanban', text: css$17 });
|
|
3144
3146
|
}
|
|
3145
3147
|
|
|
3146
|
-
var css$
|
|
3148
|
+
var css$16 = "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}}";
|
|
3147
3149
|
|
|
3148
3150
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3149
3151
|
return defineElement(tag, (Base) => {
|
|
@@ -3285,10 +3287,10 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3285
3287
|
}
|
|
3286
3288
|
}
|
|
3287
3289
|
return UsaSwipeDeck;
|
|
3288
|
-
}, { id: 'swipe-deck', text: css$
|
|
3290
|
+
}, { id: 'swipe-deck', text: css$16 });
|
|
3289
3291
|
}
|
|
3290
3292
|
|
|
3291
|
-
var css$
|
|
3293
|
+
var css$15 = "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}}";
|
|
3292
3294
|
|
|
3293
3295
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3294
3296
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
@@ -3369,10 +3371,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3369
3371
|
}
|
|
3370
3372
|
}
|
|
3371
3373
|
return UsaWeatherCard;
|
|
3372
|
-
}, { id: 'weather-card', text: css$
|
|
3374
|
+
}, { id: 'weather-card', text: css$15 });
|
|
3373
3375
|
}
|
|
3374
3376
|
|
|
3375
|
-
var css$
|
|
3377
|
+
var css$14 = "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}}";
|
|
3376
3378
|
|
|
3377
3379
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3378
3380
|
return defineElement(tag, (Base) => {
|
|
@@ -3501,10 +3503,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3501
3503
|
}
|
|
3502
3504
|
}
|
|
3503
3505
|
return UsaPullCord;
|
|
3504
|
-
}, { id: 'pull-cord', text: css$
|
|
3506
|
+
}, { id: 'pull-cord', text: css$14 });
|
|
3505
3507
|
}
|
|
3506
3508
|
|
|
3507
|
-
var css
|
|
3509
|
+
var css$13 = "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}}";
|
|
3508
3510
|
|
|
3509
3511
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3510
3512
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3653,10 +3655,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3653
3655
|
}
|
|
3654
3656
|
}
|
|
3655
3657
|
return UsaDatePicker;
|
|
3656
|
-
}, { id: 'date-picker', text: css
|
|
3658
|
+
}, { id: 'date-picker', text: css$13 });
|
|
3657
3659
|
}
|
|
3658
3660
|
|
|
3659
|
-
var css$
|
|
3661
|
+
var css$12 = "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}}";
|
|
3660
3662
|
|
|
3661
3663
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3662
3664
|
function hsvToHex(h, s, v) {
|
|
@@ -3776,10 +3778,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3776
3778
|
}
|
|
3777
3779
|
}
|
|
3778
3780
|
return UsaColorPicker;
|
|
3779
|
-
}, { id: 'color-picker', text: css$
|
|
3781
|
+
}, { id: 'color-picker', text: css$12 });
|
|
3780
3782
|
}
|
|
3781
3783
|
|
|
3782
|
-
var css$
|
|
3784
|
+
var css$11 = "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}}";
|
|
3783
3785
|
|
|
3784
3786
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3785
3787
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3880,10 +3882,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3880
3882
|
}
|
|
3881
3883
|
}
|
|
3882
3884
|
return UsaFileDrop;
|
|
3883
|
-
}, { id: 'file-drop', text: css$
|
|
3885
|
+
}, { id: 'file-drop', text: css$11 });
|
|
3884
3886
|
}
|
|
3885
3887
|
|
|
3886
|
-
var css$
|
|
3888
|
+
var css$10 = "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}}";
|
|
3887
3889
|
|
|
3888
3890
|
const DEFAULT = {
|
|
3889
3891
|
format: ANIMATION_FORMAT,
|
|
@@ -4057,10 +4059,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4057
4059
|
}
|
|
4058
4060
|
}
|
|
4059
4061
|
return UsaKeyframeEditor;
|
|
4060
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4062
|
+
}, { id: 'keyframe-editor', text: css$10 });
|
|
4061
4063
|
}
|
|
4062
4064
|
|
|
4063
|
-
var css
|
|
4065
|
+
var css$$ = "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}}";
|
|
4064
4066
|
|
|
4065
4067
|
const fmt$1 = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4066
4068
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4221,10 +4223,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4221
4223
|
}
|
|
4222
4224
|
}
|
|
4223
4225
|
return UsaMusicPlayer;
|
|
4224
|
-
}, { id: 'music-player', text: css
|
|
4226
|
+
}, { id: 'music-player', text: css$$ });
|
|
4225
4227
|
}
|
|
4226
4228
|
|
|
4227
|
-
var css$
|
|
4229
|
+
var css$_ = "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}}";
|
|
4228
4230
|
|
|
4229
4231
|
const ARC = 270;
|
|
4230
4232
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4315,10 +4317,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4315
4317
|
}
|
|
4316
4318
|
}
|
|
4317
4319
|
return UsaVolumeKnob;
|
|
4318
|
-
}, { id: 'volume-knob', text: css$
|
|
4320
|
+
}, { id: 'volume-knob', text: css$_ });
|
|
4319
4321
|
}
|
|
4320
4322
|
|
|
4321
|
-
var css$
|
|
4323
|
+
var css$Z = "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}}";
|
|
4322
4324
|
|
|
4323
4325
|
const EQ_PRESETS = {
|
|
4324
4326
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4416,10 +4418,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4416
4418
|
}
|
|
4417
4419
|
}
|
|
4418
4420
|
return UsaEqualizer;
|
|
4419
|
-
}, { id: 'equalizer', text: css$
|
|
4421
|
+
}, { id: 'equalizer', text: css$Z });
|
|
4420
4422
|
}
|
|
4421
4423
|
|
|
4422
|
-
var css$
|
|
4424
|
+
var css$Y = "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}}";
|
|
4423
4425
|
|
|
4424
4426
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4425
4427
|
function parseLRC(src) {
|
|
@@ -4531,10 +4533,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4531
4533
|
}
|
|
4532
4534
|
}
|
|
4533
4535
|
return UsaLyrics;
|
|
4534
|
-
}, { id: 'lyrics', text: css$
|
|
4536
|
+
}, { id: 'lyrics', text: css$Y });
|
|
4535
4537
|
}
|
|
4536
4538
|
|
|
4537
|
-
var css$
|
|
4539
|
+
var css$X = "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}}";
|
|
4538
4540
|
|
|
4539
4541
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4540
4542
|
return defineElement(tag, (Base) => {
|
|
@@ -4628,10 +4630,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4628
4630
|
}
|
|
4629
4631
|
}
|
|
4630
4632
|
return UsaBarChart;
|
|
4631
|
-
}, { id: 'bar-chart', text: css$
|
|
4633
|
+
}, { id: 'bar-chart', text: css$X });
|
|
4632
4634
|
}
|
|
4633
4635
|
|
|
4634
|
-
var css$
|
|
4636
|
+
var css$W = "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)}";
|
|
4635
4637
|
|
|
4636
4638
|
function defineGauge(tag = 'usa-gauge') {
|
|
4637
4639
|
return defineElement(tag, (Base) => {
|
|
@@ -4716,10 +4718,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4716
4718
|
}
|
|
4717
4719
|
}
|
|
4718
4720
|
return UsaGauge;
|
|
4719
|
-
}, { id: 'gauge', text: css$
|
|
4721
|
+
}, { id: 'gauge', text: css$W });
|
|
4720
4722
|
}
|
|
4721
4723
|
|
|
4722
|
-
var css$
|
|
4724
|
+
var css$V = "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}}";
|
|
4723
4725
|
|
|
4724
4726
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4725
4727
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4842,7 +4844,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4842
4844
|
}
|
|
4843
4845
|
}
|
|
4844
4846
|
return UsaSparkline;
|
|
4845
|
-
}, { id: 'sparkline', text: css$
|
|
4847
|
+
}, { id: 'sparkline', text: css$V });
|
|
4846
4848
|
}
|
|
4847
4849
|
|
|
4848
4850
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4855,7 +4857,7 @@ function parseFigureText(s) {
|
|
|
4855
4857
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4856
4858
|
}
|
|
4857
4859
|
|
|
4858
|
-
var css$
|
|
4860
|
+
var css$U = "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}";
|
|
4859
4861
|
|
|
4860
4862
|
function defineKpi(tag = 'usa-kpi') {
|
|
4861
4863
|
return defineElement(tag, (Base) => {
|
|
@@ -4935,10 +4937,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4935
4937
|
}
|
|
4936
4938
|
}
|
|
4937
4939
|
return UsaKpi;
|
|
4938
|
-
}, { id: 'kpi', text: css$
|
|
4940
|
+
}, { id: 'kpi', text: css$U });
|
|
4939
4941
|
}
|
|
4940
4942
|
|
|
4941
|
-
var css$
|
|
4943
|
+
var css$T = "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}}";
|
|
4942
4944
|
|
|
4943
4945
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4944
4946
|
return defineElement(tag, (Base) => {
|
|
@@ -4983,10 +4985,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4983
4985
|
}
|
|
4984
4986
|
}
|
|
4985
4987
|
return UsaAddToCart;
|
|
4986
|
-
}, { id: 'add-to-cart', text: css$
|
|
4988
|
+
}, { id: 'add-to-cart', text: css$T });
|
|
4987
4989
|
}
|
|
4988
4990
|
|
|
4989
|
-
var css$
|
|
4991
|
+
var css$S = "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}";
|
|
4990
4992
|
|
|
4991
4993
|
/** Cart total (7.3). */
|
|
4992
4994
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5151,10 +5153,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5151
5153
|
}
|
|
5152
5154
|
}
|
|
5153
5155
|
return UsaCartDrawer;
|
|
5154
|
-
}, { id: 'cart-drawer', text: css$
|
|
5156
|
+
}, { id: 'cart-drawer', text: css$S });
|
|
5155
5157
|
}
|
|
5156
5158
|
|
|
5157
|
-
var css$
|
|
5159
|
+
var css$R = "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}}";
|
|
5158
5160
|
|
|
5159
5161
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5160
5162
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5268,10 +5270,10 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5268
5270
|
}
|
|
5269
5271
|
}
|
|
5270
5272
|
return UsaProductGallery;
|
|
5271
|
-
}, { id: 'product-gallery', text: css$
|
|
5273
|
+
}, { id: 'product-gallery', text: css$R });
|
|
5272
5274
|
}
|
|
5273
5275
|
|
|
5274
|
-
var css$
|
|
5276
|
+
var css$Q = "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)}";
|
|
5275
5277
|
|
|
5276
5278
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5277
5279
|
function splitTime(sec) {
|
|
@@ -5359,10 +5361,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5359
5361
|
}
|
|
5360
5362
|
}
|
|
5361
5363
|
return UsaCountdown;
|
|
5362
|
-
}, { id: 'countdown', text: css$
|
|
5364
|
+
}, { id: 'countdown', text: css$Q });
|
|
5363
5365
|
}
|
|
5364
5366
|
|
|
5365
|
-
var css$
|
|
5367
|
+
var css$P = "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}}";
|
|
5366
5368
|
|
|
5367
5369
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5368
5370
|
return defineElement(tag, (Base) => {
|
|
@@ -5449,10 +5451,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5449
5451
|
}
|
|
5450
5452
|
}
|
|
5451
5453
|
return UsaMessageList;
|
|
5452
|
-
}, { id: 'message-list', text: css$
|
|
5454
|
+
}, { id: 'message-list', text: css$P });
|
|
5453
5455
|
}
|
|
5454
5456
|
|
|
5455
|
-
var css$
|
|
5457
|
+
var css$O = "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}";
|
|
5456
5458
|
|
|
5457
5459
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5458
5460
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5554,10 +5556,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5554
5556
|
}
|
|
5555
5557
|
}
|
|
5556
5558
|
return UsaReactions;
|
|
5557
|
-
}, { id: 'reactions', text: css$
|
|
5559
|
+
}, { id: 'reactions', text: css$O });
|
|
5558
5560
|
}
|
|
5559
5561
|
|
|
5560
|
-
var css$
|
|
5562
|
+
var css$N = "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}";
|
|
5561
5563
|
|
|
5562
5564
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5563
5565
|
return defineElement(tag, (Base) => {
|
|
@@ -5652,10 +5654,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5652
5654
|
}
|
|
5653
5655
|
}
|
|
5654
5656
|
return UsaNotificationBell;
|
|
5655
|
-
}, { id: 'notification-bell', text: css$
|
|
5657
|
+
}, { id: 'notification-bell', text: css$N });
|
|
5656
5658
|
}
|
|
5657
5659
|
|
|
5658
|
-
var css$
|
|
5660
|
+
var css$M = "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}}";
|
|
5659
5661
|
|
|
5660
5662
|
/** Presence states (7.4). */
|
|
5661
5663
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5725,10 +5727,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5725
5727
|
}
|
|
5726
5728
|
}
|
|
5727
5729
|
return UsaPresence;
|
|
5728
|
-
}, { id: 'presence', text: css$
|
|
5730
|
+
}, { id: 'presence', text: css$M });
|
|
5729
5731
|
}
|
|
5730
5732
|
|
|
5731
|
-
var css$
|
|
5733
|
+
var css$L = "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)}";
|
|
5732
5734
|
|
|
5733
5735
|
/** Sort rows by score desc, then name (7.5). */
|
|
5734
5736
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5837,10 +5839,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5837
5839
|
}
|
|
5838
5840
|
}
|
|
5839
5841
|
return UsaLeaderboard;
|
|
5840
|
-
}, { id: 'leaderboard', text: css$
|
|
5842
|
+
}, { id: 'leaderboard', text: css$L });
|
|
5841
5843
|
}
|
|
5842
5844
|
|
|
5843
|
-
var css$
|
|
5845
|
+
var css$K = "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)}";
|
|
5844
5846
|
|
|
5845
5847
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5846
5848
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5937,10 +5939,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5937
5939
|
}
|
|
5938
5940
|
}
|
|
5939
5941
|
return UsaXpBar;
|
|
5940
|
-
}, { id: 'xp-bar', text: css$
|
|
5942
|
+
}, { id: 'xp-bar', text: css$K });
|
|
5941
5943
|
}
|
|
5942
5944
|
|
|
5943
|
-
var css$
|
|
5945
|
+
var css$J = "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}}";
|
|
5944
5946
|
|
|
5945
5947
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5946
5948
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -6007,10 +6009,10 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
6007
6009
|
}
|
|
6008
6010
|
}
|
|
6009
6011
|
return UsaBadgeWall;
|
|
6010
|
-
}, { id: 'badge-wall', text: css$
|
|
6012
|
+
}, { id: 'badge-wall', text: css$J });
|
|
6011
6013
|
}
|
|
6012
6014
|
|
|
6013
|
-
var css$
|
|
6015
|
+
var css$I = "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)}";
|
|
6014
6016
|
|
|
6015
6017
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6016
6018
|
function wheelAngle(index, count, turns = 5) {
|
|
@@ -6090,10 +6092,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6090
6092
|
}
|
|
6091
6093
|
}
|
|
6092
6094
|
return UsaPrizeWheel;
|
|
6093
|
-
}, { id: 'prize-wheel', text: css$
|
|
6095
|
+
}, { id: 'prize-wheel', text: css$I });
|
|
6094
6096
|
}
|
|
6095
6097
|
|
|
6096
|
-
var css$
|
|
6098
|
+
var css$H = "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}}";
|
|
6097
6099
|
|
|
6098
6100
|
const RAD = Math.PI / 180;
|
|
6099
6101
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6250,10 +6252,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6250
6252
|
}
|
|
6251
6253
|
}
|
|
6252
6254
|
return UsaGlobe;
|
|
6253
|
-
}, { id: 'globe', text: css$
|
|
6255
|
+
}, { id: 'globe', text: css$H });
|
|
6254
6256
|
}
|
|
6255
6257
|
|
|
6256
|
-
var css$
|
|
6258
|
+
var css$G = "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}";
|
|
6257
6259
|
|
|
6258
6260
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6259
6261
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6327,10 +6329,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6327
6329
|
}
|
|
6328
6330
|
}
|
|
6329
6331
|
return UsaLocationCard;
|
|
6330
|
-
}, { id: 'location-card', text: css$
|
|
6332
|
+
}, { id: 'location-card', text: css$G });
|
|
6331
6333
|
}
|
|
6332
6334
|
|
|
6333
|
-
var css$
|
|
6335
|
+
var css$F = "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}}";
|
|
6334
6336
|
|
|
6335
6337
|
/** 0–4 password strength score with a label (7.7). */
|
|
6336
6338
|
function passwordStrength(pw) {
|
|
@@ -6456,10 +6458,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6456
6458
|
}
|
|
6457
6459
|
}
|
|
6458
6460
|
return UsaField;
|
|
6459
|
-
}, { id: 'field', text: css$
|
|
6461
|
+
}, { id: 'field', text: css$F });
|
|
6460
6462
|
}
|
|
6461
6463
|
|
|
6462
|
-
var css$
|
|
6464
|
+
var css$E = "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}}";
|
|
6463
6465
|
|
|
6464
6466
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6465
6467
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6590,10 +6592,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6590
6592
|
}
|
|
6591
6593
|
}
|
|
6592
6594
|
return UsaOtp;
|
|
6593
|
-
}, { id: 'otp', text: css$
|
|
6595
|
+
}, { id: 'otp', text: css$E });
|
|
6594
6596
|
}
|
|
6595
6597
|
|
|
6596
|
-
var css$
|
|
6598
|
+
var css$D = "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}}";
|
|
6597
6599
|
|
|
6598
6600
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6599
6601
|
function formatBytes(n) {
|
|
@@ -6676,10 +6678,10 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6676
6678
|
}
|
|
6677
6679
|
}
|
|
6678
6680
|
return UsaUploadProgress;
|
|
6679
|
-
}, { id: 'upload-progress', text: css$
|
|
6681
|
+
}, { id: 'upload-progress', text: css$D });
|
|
6680
6682
|
}
|
|
6681
6683
|
|
|
6682
|
-
var css$
|
|
6684
|
+
var css$C = "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}}";
|
|
6683
6685
|
|
|
6684
6686
|
const esc$c = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6685
6687
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
@@ -6777,10 +6779,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6777
6779
|
}
|
|
6778
6780
|
}
|
|
6779
6781
|
return UsaChatComposer;
|
|
6780
|
-
}, { id: 'chat-composer', text: css$
|
|
6782
|
+
}, { id: 'chat-composer', text: css$C });
|
|
6781
6783
|
}
|
|
6782
6784
|
|
|
6783
|
-
var css$
|
|
6785
|
+
var css$B = "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}}";
|
|
6784
6786
|
|
|
6785
6787
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6786
6788
|
function parseChips(s) {
|
|
@@ -6865,10 +6867,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6865
6867
|
}
|
|
6866
6868
|
}
|
|
6867
6869
|
return UsaSuggestionChips;
|
|
6868
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6870
|
+
}, { id: 'suggestion-chips', text: css$B });
|
|
6869
6871
|
}
|
|
6870
6872
|
|
|
6871
|
-
var css$
|
|
6873
|
+
var css$A = "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}}";
|
|
6872
6874
|
|
|
6873
6875
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6874
6876
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6940,10 +6942,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6940
6942
|
}
|
|
6941
6943
|
}
|
|
6942
6944
|
return UsaVoiceButton;
|
|
6943
|
-
}, { id: 'voice-button', text: css$
|
|
6945
|
+
}, { id: 'voice-button', text: css$A });
|
|
6944
6946
|
}
|
|
6945
6947
|
|
|
6946
|
-
var css$
|
|
6948
|
+
var css$z = "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)}";
|
|
6947
6949
|
|
|
6948
6950
|
/**
|
|
6949
6951
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -7202,10 +7204,10 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7202
7204
|
}
|
|
7203
7205
|
}
|
|
7204
7206
|
return UsaCommandPalette;
|
|
7205
|
-
}, { id: 'command-palette', text: css$
|
|
7207
|
+
}, { id: 'command-palette', text: css$z });
|
|
7206
7208
|
}
|
|
7207
7209
|
|
|
7208
|
-
var css$
|
|
7210
|
+
var css$y = "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}";
|
|
7209
7211
|
|
|
7210
7212
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7211
7213
|
const esc$9 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
@@ -7256,10 +7258,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7256
7258
|
}
|
|
7257
7259
|
}
|
|
7258
7260
|
return UsaShortcut;
|
|
7259
|
-
}, { id: 'shortcut', text: css$
|
|
7261
|
+
}, { id: 'shortcut', text: css$y });
|
|
7260
7262
|
}
|
|
7261
7263
|
|
|
7262
|
-
var css$
|
|
7264
|
+
var css$x = "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}}";
|
|
7263
7265
|
|
|
7264
7266
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7265
7267
|
return defineElement(tag, (Base) => {
|
|
@@ -7318,10 +7320,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7318
7320
|
}
|
|
7319
7321
|
}
|
|
7320
7322
|
return UsaClockControl;
|
|
7321
|
-
}, { id: 'clock-control', text: css$
|
|
7323
|
+
}, { id: 'clock-control', text: css$x });
|
|
7322
7324
|
}
|
|
7323
7325
|
|
|
7324
|
-
var css$
|
|
7326
|
+
var css$w = "usa-hydrate{display:block}";
|
|
7325
7327
|
|
|
7326
7328
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7327
7329
|
return defineElement(tag, (Base) => {
|
|
@@ -7357,10 +7359,10 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7357
7359
|
}
|
|
7358
7360
|
}
|
|
7359
7361
|
return UsaHydrate;
|
|
7360
|
-
}, { id: 'hydrate', text: css$
|
|
7362
|
+
}, { id: 'hydrate', text: css$w });
|
|
7361
7363
|
}
|
|
7362
7364
|
|
|
7363
|
-
var css$
|
|
7365
|
+
var css$v = "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}}";
|
|
7364
7366
|
|
|
7365
7367
|
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7366
7368
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
@@ -7424,10 +7426,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7424
7426
|
}
|
|
7425
7427
|
}
|
|
7426
7428
|
return UsaRedEnvelope;
|
|
7427
|
-
}, { id: 'red-envelope', text: css$
|
|
7429
|
+
}, { id: 'red-envelope', text: css$v });
|
|
7428
7430
|
}
|
|
7429
7431
|
|
|
7430
|
-
var css$
|
|
7432
|
+
var css$u = "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}}";
|
|
7431
7433
|
|
|
7432
7434
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7433
7435
|
const SCENES = {
|
|
@@ -7475,10 +7477,10 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7475
7477
|
}
|
|
7476
7478
|
}
|
|
7477
7479
|
return UsaFestivalBanner;
|
|
7478
|
-
}, { id: 'festival-banner', text: css$
|
|
7480
|
+
}, { id: 'festival-banner', text: css$u });
|
|
7479
7481
|
}
|
|
7480
7482
|
|
|
7481
|
-
var css$
|
|
7483
|
+
var css$t = "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}}";
|
|
7482
7484
|
|
|
7483
7485
|
const esc$7 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7484
7486
|
function defineTerminal(tag = 'usa-terminal') {
|
|
@@ -7589,10 +7591,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7589
7591
|
}
|
|
7590
7592
|
}
|
|
7591
7593
|
return UsaTerminal;
|
|
7592
|
-
}, { id: 'terminal', text: css$
|
|
7594
|
+
}, { id: 'terminal', text: css$t });
|
|
7593
7595
|
}
|
|
7594
7596
|
|
|
7595
|
-
var css$
|
|
7597
|
+
var css$s = "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}";
|
|
7596
7598
|
|
|
7597
7599
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7598
7600
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7646,10 +7648,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7646
7648
|
}
|
|
7647
7649
|
}
|
|
7648
7650
|
return UsaRetroButton;
|
|
7649
|
-
}, { id: 'retro-button', text: css$
|
|
7651
|
+
}, { id: 'retro-button', text: css$s });
|
|
7650
7652
|
}
|
|
7651
7653
|
|
|
7652
|
-
var css$
|
|
7654
|
+
var css$r = "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)}";
|
|
7653
7655
|
|
|
7654
7656
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7655
7657
|
return defineElement(tag, (Base) => {
|
|
@@ -7688,10 +7690,10 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7688
7690
|
}
|
|
7689
7691
|
}
|
|
7690
7692
|
return UsaOrganicCard;
|
|
7691
|
-
}, { id: 'organic-card', text: css$
|
|
7693
|
+
}, { id: 'organic-card', text: css$r });
|
|
7692
7694
|
}
|
|
7693
7695
|
|
|
7694
|
-
var css$
|
|
7696
|
+
var css$q = "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}";
|
|
7695
7697
|
|
|
7696
7698
|
let uid = 0;
|
|
7697
7699
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
@@ -7772,10 +7774,10 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7772
7774
|
}
|
|
7773
7775
|
}
|
|
7774
7776
|
return UsaLiquidNav;
|
|
7775
|
-
}, { id: 'liquid-nav', text: css$
|
|
7777
|
+
}, { id: 'liquid-nav', text: css$q });
|
|
7776
7778
|
}
|
|
7777
7779
|
|
|
7778
|
-
var css$
|
|
7780
|
+
var css$p = "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}}";
|
|
7779
7781
|
|
|
7780
7782
|
const esc$6 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7781
7783
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
@@ -7824,10 +7826,10 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7824
7826
|
}
|
|
7825
7827
|
}
|
|
7826
7828
|
return UsaHudPanel;
|
|
7827
|
-
}, { id: 'hud-panel', text: css$
|
|
7829
|
+
}, { id: 'hud-panel', text: css$p });
|
|
7828
7830
|
}
|
|
7829
7831
|
|
|
7830
|
-
var css$
|
|
7832
|
+
var css$o = "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)}}";
|
|
7831
7833
|
|
|
7832
7834
|
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7833
7835
|
function parseTargets(s) {
|
|
@@ -7913,10 +7915,10 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7913
7915
|
}
|
|
7914
7916
|
}
|
|
7915
7917
|
return UsaRadar;
|
|
7916
|
-
}, { id: 'radar', text: css$
|
|
7918
|
+
}, { id: 'radar', text: css$o });
|
|
7917
7919
|
}
|
|
7918
7920
|
|
|
7919
|
-
var css$
|
|
7921
|
+
var css$n = "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)}";
|
|
7920
7922
|
|
|
7921
7923
|
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7922
7924
|
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
@@ -7980,10 +7982,10 @@ function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
|
7980
7982
|
}
|
|
7981
7983
|
}
|
|
7982
7984
|
return UsaStickyWall;
|
|
7983
|
-
}, { id: 'sticky-wall', text: css$
|
|
7985
|
+
}, { id: 'sticky-wall', text: css$n });
|
|
7984
7986
|
}
|
|
7985
7987
|
|
|
7986
|
-
var css$
|
|
7988
|
+
var css$m = "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}";
|
|
7987
7989
|
|
|
7988
7990
|
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7989
7991
|
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
@@ -8080,10 +8082,10 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8080
8082
|
}
|
|
8081
8083
|
}
|
|
8082
8084
|
return UsaSketchChart;
|
|
8083
|
-
}, { id: 'sketch-chart', text: css$
|
|
8085
|
+
}, { id: 'sketch-chart', text: css$m });
|
|
8084
8086
|
}
|
|
8085
8087
|
|
|
8086
|
-
var css$
|
|
8088
|
+
var css$l = "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}}";
|
|
8087
8089
|
|
|
8088
8090
|
const NAMES = { light: 'Light', dark: 'Dark', neon: 'Neon', glass: 'Glass', neu: 'Soft' };
|
|
8089
8091
|
function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
@@ -8185,10 +8187,10 @@ function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
|
8185
8187
|
}
|
|
8186
8188
|
}
|
|
8187
8189
|
return UsaThemeSwitcher;
|
|
8188
|
-
}, { id: 'theme-switcher', text: css$
|
|
8190
|
+
}, { id: 'theme-switcher', text: css$l });
|
|
8189
8191
|
}
|
|
8190
8192
|
|
|
8191
|
-
var css$
|
|
8193
|
+
var css$k = "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}}";
|
|
8192
8194
|
|
|
8193
8195
|
function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
8194
8196
|
return defineElement(tag, (Base) => {
|
|
@@ -8241,10 +8243,10 @@ function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
|
8241
8243
|
}
|
|
8242
8244
|
}
|
|
8243
8245
|
return UsaThemeSurface;
|
|
8244
|
-
}, { id: 'theme-surface', text: css$
|
|
8246
|
+
}, { id: 'theme-surface', text: css$k });
|
|
8245
8247
|
}
|
|
8246
8248
|
|
|
8247
|
-
var css$
|
|
8249
|
+
var css$j = "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}}";
|
|
8248
8250
|
|
|
8249
8251
|
function defineGyroCard(tag = 'usa-gyro-card') {
|
|
8250
8252
|
return defineElement(tag, (Base) => {
|
|
@@ -8325,10 +8327,10 @@ function defineGyroCard(tag = 'usa-gyro-card') {
|
|
|
8325
8327
|
}
|
|
8326
8328
|
}
|
|
8327
8329
|
return UsaGyroCard;
|
|
8328
|
-
}, { id: 'gyro-card', text: css$
|
|
8330
|
+
}, { id: 'gyro-card', text: css$j });
|
|
8329
8331
|
}
|
|
8330
8332
|
|
|
8331
|
-
var css$
|
|
8333
|
+
var css$i = "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}";
|
|
8332
8334
|
|
|
8333
8335
|
function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
8334
8336
|
return defineElement(tag, (Base) => {
|
|
@@ -8455,10 +8457,10 @@ function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
|
8455
8457
|
}
|
|
8456
8458
|
}
|
|
8457
8459
|
return UsaGestureSticker;
|
|
8458
|
-
}, { id: 'gesture-sticker', text: css$
|
|
8460
|
+
}, { id: 'gesture-sticker', text: css$i });
|
|
8459
8461
|
}
|
|
8460
8462
|
|
|
8461
|
-
var css$
|
|
8463
|
+
var css$h = "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}";
|
|
8462
8464
|
|
|
8463
8465
|
function definePanorama(tag = 'usa-panorama') {
|
|
8464
8466
|
return defineElement(tag, (Base) => {
|
|
@@ -8580,10 +8582,10 @@ function definePanorama(tag = 'usa-panorama') {
|
|
|
8580
8582
|
}
|
|
8581
8583
|
}
|
|
8582
8584
|
return UsaPanorama;
|
|
8583
|
-
}, { id: 'panorama', text: css$
|
|
8585
|
+
}, { id: 'panorama', text: css$h });
|
|
8584
8586
|
}
|
|
8585
8587
|
|
|
8586
|
-
var css$
|
|
8588
|
+
var css$g = "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}}";
|
|
8587
8589
|
|
|
8588
8590
|
function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
8589
8591
|
return defineElement(tag, (Base) => {
|
|
@@ -8629,10 +8631,10 @@ function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
|
8629
8631
|
}
|
|
8630
8632
|
}
|
|
8631
8633
|
return UsaSpatialCard;
|
|
8632
|
-
}, { id: 'spatial-card', text: css$
|
|
8634
|
+
}, { id: 'spatial-card', text: css$g });
|
|
8633
8635
|
}
|
|
8634
8636
|
|
|
8635
|
-
var css$
|
|
8637
|
+
var css$f = "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}";
|
|
8636
8638
|
|
|
8637
8639
|
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$)/;
|
|
8638
8640
|
const RUNTIME_CLASS = /^usa-/;
|
|
@@ -8798,10 +8800,10 @@ function defineCodeExport(tag = 'usa-code-export') {
|
|
|
8798
8800
|
}
|
|
8799
8801
|
}
|
|
8800
8802
|
return UsaCodeExport;
|
|
8801
|
-
}, { id: 'code-export', text: css$
|
|
8803
|
+
}, { id: 'code-export', text: css$f });
|
|
8802
8804
|
}
|
|
8803
8805
|
|
|
8804
|
-
var css$
|
|
8806
|
+
var css$e = "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}";
|
|
8805
8807
|
|
|
8806
8808
|
/** "value:number:0:100, theme:select:leaf|ocean, on:boolean" → prop specs (8.9). */
|
|
8807
8809
|
function parseProps(s) {
|
|
@@ -8905,10 +8907,10 @@ function definePropPanel(tag = 'usa-prop-panel') {
|
|
|
8905
8907
|
}
|
|
8906
8908
|
}
|
|
8907
8909
|
return UsaPropPanel;
|
|
8908
|
-
}, { id: 'prop-panel', text: css$
|
|
8910
|
+
}, { id: 'prop-panel', text: css$e });
|
|
8909
8911
|
}
|
|
8910
8912
|
|
|
8911
|
-
var css$
|
|
8913
|
+
var css$d = "usa-motion{display:block}";
|
|
8912
8914
|
|
|
8913
8915
|
function defineMotion(tag = 'usa-motion') {
|
|
8914
8916
|
return defineElement(tag, (Base) => {
|
|
@@ -8935,10 +8937,10 @@ function defineMotion(tag = 'usa-motion') {
|
|
|
8935
8937
|
}
|
|
8936
8938
|
}
|
|
8937
8939
|
return UsaMotion;
|
|
8938
|
-
}, { id: 'motion', text: css$
|
|
8940
|
+
}, { id: 'motion', text: css$d });
|
|
8939
8941
|
}
|
|
8940
8942
|
|
|
8941
|
-
var css$
|
|
8943
|
+
var css$c = "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}";
|
|
8942
8944
|
|
|
8943
8945
|
const esc$1 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8944
8946
|
function definePluginStore(tag = 'usa-plugin-store') {
|
|
@@ -9024,10 +9026,10 @@ function definePluginStore(tag = 'usa-plugin-store') {
|
|
|
9024
9026
|
}
|
|
9025
9027
|
}
|
|
9026
9028
|
return UsaPluginStore;
|
|
9027
|
-
}, { id: 'plugin-store', text: css$
|
|
9029
|
+
}, { id: 'plugin-store', text: css$c });
|
|
9028
9030
|
}
|
|
9029
9031
|
|
|
9030
|
-
var css$
|
|
9032
|
+
var css$b = "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}}";
|
|
9031
9033
|
|
|
9032
9034
|
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
9033
9035
|
function defineChapterNav(tag = 'usa-chapter-nav') {
|
|
@@ -9101,10 +9103,10 @@ function defineChapterNav(tag = 'usa-chapter-nav') {
|
|
|
9101
9103
|
}
|
|
9102
9104
|
}
|
|
9103
9105
|
return UsaChapterNav;
|
|
9104
|
-
}, { id: 'chapter-nav', text: css$
|
|
9106
|
+
}, { id: 'chapter-nav', text: css$b });
|
|
9105
9107
|
}
|
|
9106
9108
|
|
|
9107
|
-
var css$
|
|
9109
|
+
var css$a = "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}}";
|
|
9108
9110
|
|
|
9109
9111
|
function defineScene(tag = 'usa-scene') {
|
|
9110
9112
|
return defineElement(tag, (Base) => {
|
|
@@ -9178,10 +9180,10 @@ function defineScene(tag = 'usa-scene') {
|
|
|
9178
9180
|
}
|
|
9179
9181
|
}
|
|
9180
9182
|
return UsaScene;
|
|
9181
|
-
}, { id: 'scene', text: css$
|
|
9183
|
+
}, { id: 'scene', text: css$a });
|
|
9182
9184
|
}
|
|
9183
9185
|
|
|
9184
|
-
var css$
|
|
9186
|
+
var css$9 = "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}";
|
|
9185
9187
|
|
|
9186
9188
|
function defineLottie(tag = 'usa-lottie') {
|
|
9187
9189
|
return defineElement(tag, (Base) => {
|
|
@@ -9273,10 +9275,10 @@ function defineLottie(tag = 'usa-lottie') {
|
|
|
9273
9275
|
}
|
|
9274
9276
|
}
|
|
9275
9277
|
return UsaLottie;
|
|
9276
|
-
}, { id: 'lottie', text: css$
|
|
9278
|
+
}, { id: 'lottie', text: css$9 });
|
|
9277
9279
|
}
|
|
9278
9280
|
|
|
9279
|
-
var css$
|
|
9281
|
+
var css$8 = "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%}";
|
|
9280
9282
|
|
|
9281
9283
|
const fill = (r, g, b) => ({ ty: 'fl', c: { k: [r, g, b, 1] } });
|
|
9282
9284
|
const sh = (v, c = true) => ({ ty: 'sh', ks: { k: { v, i: v.map(() => [0, 0]), o: v.map(() => [0, 0]), c } } });
|
|
@@ -9353,10 +9355,10 @@ function defineLottieIcon(tag = 'usa-lottie-icon') {
|
|
|
9353
9355
|
}
|
|
9354
9356
|
}
|
|
9355
9357
|
return UsaLottieIcon;
|
|
9356
|
-
}, { id: 'lottie-icon', text: css$
|
|
9358
|
+
}, { id: 'lottie-icon', text: css$8 });
|
|
9357
9359
|
}
|
|
9358
9360
|
|
|
9359
|
-
var css$
|
|
9361
|
+
var css$7 = "usa-gen-art{position:relative;display:block;min-height:120px;border-radius:12px;overflow:hidden;cursor:pointer;outline:none}usa-gen-art>canvas{display:block;width:100%;height:100%;position:absolute;inset:0}usa-gen-art:focus-visible{box-shadow:0 0 0 3px #6366f1}";
|
|
9360
9362
|
|
|
9361
9363
|
const ARTS = ['flow', 'circles', 'truchet', 'waves'];
|
|
9362
9364
|
function defineGenArt(tag = 'usa-gen-art') {
|
|
@@ -9536,10 +9538,10 @@ function defineGenArt(tag = 'usa-gen-art') {
|
|
|
9536
9538
|
}
|
|
9537
9539
|
}
|
|
9538
9540
|
return UsaGenArt;
|
|
9539
|
-
}, { id: 'gen-art', text: css$
|
|
9541
|
+
}, { id: 'gen-art', text: css$7 });
|
|
9540
9542
|
}
|
|
9541
9543
|
|
|
9542
|
-
var css$
|
|
9544
|
+
var css$6 = "usa-bg-generator{display:block;max-width:100%;font:13px/1.3 system-ui,sans-serif;color:#0f172a}usa-bg-generator .usa-bg-preview{height:120px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.1)}usa-bg-generator .usa-bg-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}usa-bg-generator label{display:inline-flex;gap:4px;align-items:center;font-weight:600}usa-bg-generator select,usa-bg-generator button{padding:5px 8px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font:inherit;cursor:pointer}usa-bg-generator .usa-bg-copy{background:#4f46e5;border-color:#4f46e5;color:#fff}usa-bg-generator .usa-bg-code{display:block;margin-top:6px;padding:6px 8px;border-radius:7px;background:#0f172a;color:#e2e8f0;font:11px/1.4 ui-monospace,monospace;white-space:nowrap;overflow-x:auto}";
|
|
9543
9545
|
|
|
9544
9546
|
const STYLES = ['mesh', 'grain', 'stripes', 'dots'];
|
|
9545
9547
|
const GRAIN = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E\")";
|
|
@@ -9626,10 +9628,10 @@ function defineBgGenerator(tag = 'usa-bg-generator') {
|
|
|
9626
9628
|
}
|
|
9627
9629
|
}
|
|
9628
9630
|
return UsaBgGenerator;
|
|
9629
|
-
}, { id: 'bg-generator', text: css$
|
|
9631
|
+
}, { id: 'bg-generator', text: css$6 });
|
|
9630
9632
|
}
|
|
9631
9633
|
|
|
9632
|
-
var css$
|
|
9634
|
+
var css$5 = "usa-video-card{position:relative;display:block;overflow:hidden;border-radius:14px;background:#0f172a;color:#fff;aspect-ratio:16/9;cursor:pointer;outline:none;isolation:isolate}usa-video-card>img,usa-video-card>video,usa-video-card>[data-poster]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 6s ease-out}usa-video-card>video{opacity:0;transition:opacity .35s}usa-video-card[data-previewing]:not([data-noplay])>video{opacity:1}usa-video-card[data-previewing][data-noplay]>img,usa-video-card[data-previewing][data-noplay]>[data-poster]{transform:scale(1.12) translate(-2%,-1%)}usa-video-card>:not([data-usa-part]):not(img):not(video):not([data-poster]){position:absolute;left:0;right:0;bottom:0;margin:0;padding:28px 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.7));font:700 14px/1.2 system-ui,sans-serif}usa-video-card .usa-vc-play{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(255,255,255,.9) url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l9 5-9 5z' fill='%230f172a'/%3E%3C/svg%3E\") center/22px no-repeat;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:transform .3s,opacity .3s;z-index:1}usa-video-card[data-previewing] .usa-vc-play{transform:scale(.7);opacity:0}usa-video-card .usa-vc-time:not(:empty){position:absolute;right:8px;top:8px;padding:2px 6px;border-radius:5px;background:rgba(0,0,0,.65);font:600 11px/1.4 system-ui,sans-serif;z-index:1}usa-video-card .usa-vc-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.2);z-index:1}usa-video-card .usa-vc-bar i{display:block;height:100%;background:#ef4444;transform:scaleX(var(--p,0));transform-origin:0 50%}usa-video-card:focus-visible{box-shadow:0 0 0 3px #6366f1}@media (prefers-reduced-motion:reduce){usa-video-card *{transition:none!important}}";
|
|
9633
9635
|
|
|
9634
9636
|
const fmt = (s) => (Number.isFinite(s) && s > 0 ? `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}` : '');
|
|
9635
9637
|
function defineVideoCard(tag = 'usa-video-card') {
|
|
@@ -9711,10 +9713,10 @@ function defineVideoCard(tag = 'usa-video-card') {
|
|
|
9711
9713
|
}
|
|
9712
9714
|
}
|
|
9713
9715
|
return UsaVideoCard;
|
|
9714
|
-
}, { id: 'video-card', text: css$
|
|
9716
|
+
}, { id: 'video-card', text: css$5 });
|
|
9715
9717
|
}
|
|
9716
9718
|
|
|
9717
|
-
var css = "usa-hero-video{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:260px;padding:24px;overflow:hidden;border-radius:16px;color:#fff;isolation:isolate}usa-hero-video>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;transition:opacity .8s}usa-hero-video[data-ready]:not([data-poster-only])>video{opacity:1}usa-hero-video .usa-hv-poster{position:absolute;inset:-4%;z-index:-3;background:linear-gradient(135deg,#1e1b4b,#7c3aed 45%,#f472b6) center/cover no-repeat}usa-hero-video>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}usa-hero-video[data-poster-only] .usa-hv-poster{animation:usa-hv-kb 18s ease-in-out infinite alternate}usa-hero-video .usa-hv-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.6))}usa-hero-video .usa-hv-toggle{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(0,0,0,.45) url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7 5h4v14H7zM13 5h4v14h-4z'/%3E%3C/svg%3E\") center/16px no-repeat;cursor:pointer}usa-hero-video[data-paused] .usa-hv-toggle{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5l11 7-11 7z'/%3E%3C/svg%3E\")}usa-hero-video .usa-hv-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}@keyframes usa-hv-kb{from{transform:scale(1)}to{transform:scale(1.08) translate(-2%,-1%)}}@media (prefers-reduced-motion:reduce){usa-hero-video .usa-hv-poster{animation:none!important}usa-hero-video>video{transition:none}}";
|
|
9719
|
+
var css$4 = "usa-hero-video{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:260px;padding:24px;overflow:hidden;border-radius:16px;color:#fff;isolation:isolate}usa-hero-video>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;transition:opacity .8s}usa-hero-video[data-ready]:not([data-poster-only])>video{opacity:1}usa-hero-video .usa-hv-poster{position:absolute;inset:-4%;z-index:-3;background:linear-gradient(135deg,#1e1b4b,#7c3aed 45%,#f472b6) center/cover no-repeat}usa-hero-video>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}usa-hero-video[data-poster-only] .usa-hv-poster{animation:usa-hv-kb 18s ease-in-out infinite alternate}usa-hero-video .usa-hv-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.6))}usa-hero-video .usa-hv-toggle{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(0,0,0,.45) url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7 5h4v14H7zM13 5h4v14h-4z'/%3E%3C/svg%3E\") center/16px no-repeat;cursor:pointer}usa-hero-video[data-paused] .usa-hv-toggle{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5l11 7-11 7z'/%3E%3C/svg%3E\")}usa-hero-video .usa-hv-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}@keyframes usa-hv-kb{from{transform:scale(1)}to{transform:scale(1.08) translate(-2%,-1%)}}@media (prefers-reduced-motion:reduce){usa-hero-video .usa-hv-poster{animation:none!important}usa-hero-video>video{transition:none}}";
|
|
9718
9720
|
|
|
9719
9721
|
function defineHeroVideo(tag = 'usa-hero-video') {
|
|
9720
9722
|
return defineElement(tag, (Base) => {
|
|
@@ -9786,7 +9788,262 @@ function defineHeroVideo(tag = 'usa-hero-video') {
|
|
|
9786
9788
|
}
|
|
9787
9789
|
}
|
|
9788
9790
|
return UsaHeroVideo;
|
|
9789
|
-
}, { id: 'hero-video', text: css });
|
|
9791
|
+
}, { id: 'hero-video', text: css$4 });
|
|
9792
|
+
}
|
|
9793
|
+
|
|
9794
|
+
var css$3 = "usa-motion-prefs{display:block;max-width:100%;font:13px/1.35 system-ui,sans-serif;color:#0f172a}usa-motion-prefs .usa-mp{display:grid;gap:10px;margin:0;padding:14px;border:1px solid rgba(15,23,42,.12);border-radius:14px;background:#fff}usa-motion-prefs fieldset{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;margin:0;padding:0;border:0}usa-motion-prefs legend{margin-bottom:6px;font-weight:700}usa-motion-prefs .usa-mp-level{display:flex;gap:6px;align-items:flex-start;padding:8px;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer}usa-motion-prefs .usa-mp-level:has(input:checked){border-color:#6366f1;background:#eef2ff}usa-motion-prefs .usa-mp-level span{display:flex;flex-direction:column}usa-motion-prefs small{color:#64748b}usa-motion-prefs .usa-mp-row{display:flex;gap:8px;align-items:center;font-weight:600}usa-motion-prefs input[type=range]{flex:1;min-width:0;accent-color:#4f46e5}usa-motion-prefs .usa-mp-sample{height:22px;border-radius:999px;background:#f1f5f9;padding:3px;overflow:hidden}usa-motion-prefs .usa-mp-sample i{display:block;width:16px;height:16px;border-radius:50%;background:#4f46e5}usa-motion-prefs .usa-mp-reset{justify-self:start;padding:5px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font:inherit;cursor:pointer}usa-motion-prefs :focus-visible{outline:2px solid #6366f1;outline-offset:2px}";
|
|
9795
|
+
|
|
9796
|
+
const LEVELS = [
|
|
9797
|
+
['full', 'Full', 'All motion'],
|
|
9798
|
+
['gentle', 'Gentle', 'Smaller, softer moves'],
|
|
9799
|
+
['minimal', 'Minimal', 'Fades only'],
|
|
9800
|
+
['static', 'None', 'No animation'],
|
|
9801
|
+
];
|
|
9802
|
+
function defineMotionPrefs(tag = 'usa-motion-prefs') {
|
|
9803
|
+
return defineElement(tag, (Base) => {
|
|
9804
|
+
class UsaMotionPrefs extends Base {
|
|
9805
|
+
constructor() {
|
|
9806
|
+
super(...arguments);
|
|
9807
|
+
this._p = loadMotionPreferences();
|
|
9808
|
+
}
|
|
9809
|
+
static get observedAttributes() {
|
|
9810
|
+
return ['label'];
|
|
9811
|
+
}
|
|
9812
|
+
get prefs() {
|
|
9813
|
+
return { ...this._p };
|
|
9814
|
+
}
|
|
9815
|
+
mount() {
|
|
9816
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9817
|
+
this._p = loadMotionPreferences();
|
|
9818
|
+
const id = `usa-mp-${Math.random().toString(36).slice(2, 7)}`;
|
|
9819
|
+
const p = this._p;
|
|
9820
|
+
this.insertAdjacentHTML('beforeend', `<form class="usa-mp" aria-label="${(this.str('label', 'Motion preferences')).replace(/"/g, '"')}" data-usa-part><fieldset><legend>Motion</legend>${LEVELS.map(([v, l, d]) => `<label class="usa-mp-level"><input type="radio" name="${id}" value="${v}"${p.sensitivity === v ? ' checked' : ''}><span><b>${l}</b><small>${d}</small></span></label>`).join('')}</fieldset><label class="usa-mp-row">Speed <input type="range" min="0.25" max="2" step="0.25" value="${p.speed}" data-k="speed"><output>${p.speed}×</output></label><label class="usa-mp-row"><input type="checkbox" data-k="pauseAutoplay"${p.pauseAutoplay ? ' checked' : ''}> Pause autoplaying video</label><label class="usa-mp-row"><input type="checkbox" data-k="noParallax"${p.noParallax ? ' checked' : ''}> No parallax</label><div class="usa-mp-sample" aria-hidden="true"><i></i></div><button type="button" class="usa-mp-reset">Reset</button></form>`);
|
|
9821
|
+
const form = this.querySelector('form');
|
|
9822
|
+
this.listen(form, 'submit', (e) => e.preventDefault());
|
|
9823
|
+
const read = () => {
|
|
9824
|
+
const lv = form.querySelector(`input[name="${id}"]:checked`)?.value;
|
|
9825
|
+
const sp = Number(form.querySelector('[data-k=speed]').value);
|
|
9826
|
+
form.querySelector('output').textContent = `${sp}×`;
|
|
9827
|
+
this.set({ sensitivity: lv || 'full', speed: sp, pauseAutoplay: form.querySelector('[data-k=pauseAutoplay]').checked, noParallax: form.querySelector('[data-k=noParallax]').checked });
|
|
9828
|
+
};
|
|
9829
|
+
this.listen(form, 'change', read);
|
|
9830
|
+
this.listen(form, 'input', read);
|
|
9831
|
+
this.listen(this.querySelector('.usa-mp-reset'), 'click', () => this.reset());
|
|
9832
|
+
this.sample();
|
|
9833
|
+
}
|
|
9834
|
+
set(p) {
|
|
9835
|
+
this._p = applyMotionPreferences(p);
|
|
9836
|
+
this.sample();
|
|
9837
|
+
this.emit('change', { prefs: this.prefs });
|
|
9838
|
+
}
|
|
9839
|
+
sample() {
|
|
9840
|
+
const dot = this.querySelector('.usa-mp-sample i');
|
|
9841
|
+
if (!dot)
|
|
9842
|
+
return;
|
|
9843
|
+
dot.getAnimations?.().forEach((a) => a.cancel());
|
|
9844
|
+
const lv = this._p.sensitivity;
|
|
9845
|
+
if (lv === 'static' || this.reduced)
|
|
9846
|
+
return;
|
|
9847
|
+
const kf = lv === 'minimal' ? [{ opacity: 0.3 }, { opacity: 1 }, { opacity: 0.3 }] : [{ transform: 'translateX(0)' }, { transform: `translateX(${lv === 'gentle' ? 40 : 120}px)` }, { transform: 'translateX(0)' }];
|
|
9848
|
+
dot.animate?.(kf, { duration: 1600 / this._p.speed, iterations: Infinity, easing: 'ease-in-out' });
|
|
9849
|
+
}
|
|
9850
|
+
reset() {
|
|
9851
|
+
this._p = applyMotionPreferences({});
|
|
9852
|
+
this.changed('reset');
|
|
9853
|
+
this.emit('change', { prefs: this.prefs });
|
|
9854
|
+
}
|
|
9855
|
+
}
|
|
9856
|
+
return UsaMotionPrefs;
|
|
9857
|
+
}, { id: 'motion-prefs', text: css$3 });
|
|
9858
|
+
}
|
|
9859
|
+
|
|
9860
|
+
var css$2 = "usa-pause-all{display:inline-block}usa-pause-all .usa-pa-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#0f172a;font:600 13px/1 system-ui,sans-serif;cursor:pointer}usa-pause-all .usa-pa-btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}usa-pause-all .usa-pa-icon{width:12px;height:12px;background:linear-gradient(90deg,currentColor 0 35%,transparent 35% 65%,currentColor 65%)}usa-pause-all[data-paused] .usa-pa-icon{background:currentColor;clip-path:polygon(10% 0,100% 50%,10% 100%)}[data-usa-paused] *,[data-usa-paused] *::before,[data-usa-paused] *::after{animation-play-state:paused!important}";
|
|
9861
|
+
|
|
9862
|
+
function definePauseAll(tag = 'usa-pause-all') {
|
|
9863
|
+
return defineElement(tag, (Base) => {
|
|
9864
|
+
class UsaPauseAll extends Base {
|
|
9865
|
+
constructor() {
|
|
9866
|
+
super(...arguments);
|
|
9867
|
+
this._held = [];
|
|
9868
|
+
this._media = [];
|
|
9869
|
+
this._local = false;
|
|
9870
|
+
this.sync = () => undefined;
|
|
9871
|
+
}
|
|
9872
|
+
static get observedAttributes() {
|
|
9873
|
+
return ['label', 'scope', 'resume-label'];
|
|
9874
|
+
}
|
|
9875
|
+
root() {
|
|
9876
|
+
const s = this.str('scope');
|
|
9877
|
+
return s ? document.querySelector(s) : null;
|
|
9878
|
+
}
|
|
9879
|
+
get paused() {
|
|
9880
|
+
return this.str('scope') ? this._local : getClock().paused;
|
|
9881
|
+
}
|
|
9882
|
+
mount() {
|
|
9883
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9884
|
+
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-pa-btn" data-usa-part><span class="usa-pa-icon" aria-hidden="true"></span><span class="usa-pa-text"></span></button>`);
|
|
9885
|
+
const b = this.querySelector('.usa-pa-btn');
|
|
9886
|
+
this.listen(b, 'click', () => this.toggle());
|
|
9887
|
+
this.sync = () => {
|
|
9888
|
+
const p = this.paused;
|
|
9889
|
+
b.setAttribute('aria-pressed', String(p));
|
|
9890
|
+
b.querySelector('.usa-pa-text').textContent = p ? this.str('resume-label', 'Play animations') : this.str('label', 'Pause animations');
|
|
9891
|
+
this.setFlag('data-paused', p);
|
|
9892
|
+
};
|
|
9893
|
+
this.onCleanup(onClockChange(() => this.sync()));
|
|
9894
|
+
this.sync();
|
|
9895
|
+
}
|
|
9896
|
+
toggle() {
|
|
9897
|
+
const pause = !this.paused;
|
|
9898
|
+
const scoped = !!this.str('scope');
|
|
9899
|
+
const root = scoped ? this.root() : document.documentElement;
|
|
9900
|
+
if (!root)
|
|
9901
|
+
return;
|
|
9902
|
+
if (pause) {
|
|
9903
|
+
const all = scoped ? root.getAnimations?.({ subtree: true }) || [] : typeof document.getAnimations === 'function' ? document.getAnimations() : [];
|
|
9904
|
+
this._held = all.filter((a) => a.playState === 'running');
|
|
9905
|
+
this._held.forEach((a) => a.pause());
|
|
9906
|
+
this._media = Array.from(root.querySelectorAll('video, audio')).filter((m) => !m.paused);
|
|
9907
|
+
this._media.forEach((m) => m.pause());
|
|
9908
|
+
root.setAttribute('data-usa-paused', '');
|
|
9909
|
+
}
|
|
9910
|
+
else {
|
|
9911
|
+
this._held.splice(0).forEach((a) => a.play());
|
|
9912
|
+
this._media.splice(0).forEach((m) => m.play?.()?.catch?.(() => undefined));
|
|
9913
|
+
root.removeAttribute('data-usa-paused');
|
|
9914
|
+
}
|
|
9915
|
+
if (scoped) {
|
|
9916
|
+
this._local = pause;
|
|
9917
|
+
this.sync();
|
|
9918
|
+
}
|
|
9919
|
+
else
|
|
9920
|
+
setClock({ paused: pause });
|
|
9921
|
+
this.emit('pause-all', { paused: pause });
|
|
9922
|
+
}
|
|
9923
|
+
}
|
|
9924
|
+
return UsaPauseAll;
|
|
9925
|
+
}, { id: 'pause-all', text: css$2 });
|
|
9926
|
+
}
|
|
9927
|
+
|
|
9928
|
+
var css$1 = "usa-perf-monitor{position:fixed;z-index:2147483000;top:10px;right:10px;width:150px;border-radius:10px;background:rgba(15,23,42,.88);color:#e2e8f0;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 8px 24px -10px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}usa-perf-monitor[data-corner=top-left]{right:auto;left:10px}usa-perf-monitor[data-corner=bottom-right]{top:auto;bottom:10px}usa-perf-monitor[data-corner=bottom-left]{top:auto;right:auto;bottom:10px;left:10px}usa-perf-monitor[data-corner=inline]{position:relative;top:auto;right:auto;z-index:auto}usa-perf-monitor .usa-pm-head{display:block;width:100%;padding:6px 8px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}usa-perf-monitor .usa-pm-fps{font-size:16px;color:#4ade80;transition:color .3s}usa-perf-monitor[data-jank] .usa-pm-fps{color:#f87171}usa-perf-monitor .usa-pm-body{padding:0 8px 8px}usa-perf-monitor[collapsed] .usa-pm-body{display:none}usa-perf-monitor .usa-pm-spark{display:block;width:100%;height:22px}usa-perf-monitor .usa-pm-spark polyline{fill:none;stroke:#4ade80;stroke-width:1.5;vector-effect:non-scaling-stroke}usa-perf-monitor dl{display:grid;grid-template-columns:1fr auto;gap:1px 6px;margin:4px 0 0}usa-perf-monitor dt{color:#94a3b8}usa-perf-monitor dd{margin:0;text-align:right}usa-perf-monitor .usa-pm-head:focus-visible{outline:2px solid #818cf8;outline-offset:-2px}";
|
|
9929
|
+
|
|
9930
|
+
function definePerfMonitor(tag = 'usa-perf-monitor') {
|
|
9931
|
+
return defineElement(tag, (Base) => {
|
|
9932
|
+
class UsaPerfMonitor extends Base {
|
|
9933
|
+
constructor() {
|
|
9934
|
+
super(...arguments);
|
|
9935
|
+
this._s = { fps: 0, animations: 0, loops: 0, longTasks: 0, clock: 'running' };
|
|
9936
|
+
}
|
|
9937
|
+
static get observedAttributes() {
|
|
9938
|
+
return ['corner', 'warn'];
|
|
9939
|
+
}
|
|
9940
|
+
get stats() {
|
|
9941
|
+
return { ...this._s };
|
|
9942
|
+
}
|
|
9943
|
+
mount() {
|
|
9944
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9945
|
+
const corner = ['top-left', 'bottom-right', 'bottom-left', 'inline'].includes(this.str('corner')) ? this.str('corner') : 'top-right';
|
|
9946
|
+
this.setAttribute('data-corner', corner);
|
|
9947
|
+
this.setAttribute('role', 'status');
|
|
9948
|
+
this.setAttribute('aria-label', 'Performance monitor');
|
|
9949
|
+
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-pm-head" aria-expanded="${!this.hasAttribute('collapsed')}" data-usa-part><b class="usa-pm-fps">–</b> fps</button><div class="usa-pm-body" data-usa-part><svg class="usa-pm-spark" viewBox="0 0 60 20" preserveAspectRatio="none" aria-hidden="true"><polyline points=""/></svg><dl><dt>Animations</dt><dd data-k="animations">0</dd><dt>Loops</dt><dd data-k="loops">0</dd><dt>Long tasks</dt><dd data-k="longTasks">0</dd><dt>Clock</dt><dd data-k="clock">running</dd></dl></div>`);
|
|
9950
|
+
const head = this.querySelector('.usa-pm-head');
|
|
9951
|
+
this.listen(head, 'click', () => {
|
|
9952
|
+
const open = head.getAttribute('aria-expanded') !== 'true';
|
|
9953
|
+
head.setAttribute('aria-expanded', String(open));
|
|
9954
|
+
this.toggleAttribute('collapsed', !open);
|
|
9955
|
+
});
|
|
9956
|
+
const meter = fpsMeter(40);
|
|
9957
|
+
this.onCleanup(() => meter.stop());
|
|
9958
|
+
let longTasks = 0;
|
|
9959
|
+
if (typeof PerformanceObserver !== 'undefined')
|
|
9960
|
+
try {
|
|
9961
|
+
const po = new PerformanceObserver((l) => (longTasks += l.getEntries().length));
|
|
9962
|
+
po.observe({ type: 'longtask', buffered: true });
|
|
9963
|
+
this.onCleanup(() => po.disconnect());
|
|
9964
|
+
}
|
|
9965
|
+
catch {
|
|
9966
|
+
/* longtask not supported */
|
|
9967
|
+
}
|
|
9968
|
+
const hist = [];
|
|
9969
|
+
let jank = false;
|
|
9970
|
+
const tick = () => {
|
|
9971
|
+
const c = getClock();
|
|
9972
|
+
this._s = { fps: meter.fps, animations: activeAnimations(), loops: schedulerStats().loops, longTasks, clock: c.paused ? 'paused' : c.rate === 1 ? 'running' : `${c.rate}×` };
|
|
9973
|
+
hist.push(this._s.fps);
|
|
9974
|
+
if (hist.length > 30)
|
|
9975
|
+
hist.shift();
|
|
9976
|
+
this.querySelector('.usa-pm-fps').textContent = this._s.fps ? String(this._s.fps) : '–';
|
|
9977
|
+
for (const k of ['animations', 'loops', 'longTasks', 'clock']) {
|
|
9978
|
+
const d = this.querySelector(`[data-k=${k}]`);
|
|
9979
|
+
if (d)
|
|
9980
|
+
d.textContent = String(this._s[k]);
|
|
9981
|
+
}
|
|
9982
|
+
const max = 70;
|
|
9983
|
+
this.querySelector('.usa-pm-spark polyline')?.setAttribute('points', hist.map((v, i) => `${(i / 29) * 60},${20 - (Math.min(v, max) / max) * 20}`).join(' '));
|
|
9984
|
+
const low = this._s.fps > 0 && this._s.fps < this.num('warn', 45);
|
|
9985
|
+
this.setFlag('data-jank', low);
|
|
9986
|
+
if (low && !jank)
|
|
9987
|
+
this.emit('jank', { fps: this._s.fps });
|
|
9988
|
+
jank = low;
|
|
9989
|
+
};
|
|
9990
|
+
const id = setInterval(tick, 500);
|
|
9991
|
+
this.onCleanup(() => clearInterval(id));
|
|
9992
|
+
tick();
|
|
9993
|
+
}
|
|
9994
|
+
}
|
|
9995
|
+
return UsaPerfMonitor;
|
|
9996
|
+
}, { id: 'perf-monitor', text: css$1 });
|
|
9997
|
+
}
|
|
9998
|
+
|
|
9999
|
+
var css = "usa-worker-canvas{position:relative;display:block;height:160px;border-radius:12px;overflow:hidden;background:#0f172a}usa-worker-canvas>canvas{display:block;width:100%;height:100%}";
|
|
10000
|
+
|
|
10001
|
+
const WORKER_SCENES = {
|
|
10002
|
+
particles: `function (ctx, t, w, h, s) { if (!s.p) { s.p = Array.from({ length: 90 }, (_, i) => ({ x: (i * 97) % w, y: (i * 53) % h, vx: Math.cos(i) * 0.6, vy: Math.sin(i * 1.3) * 0.6, r: 1 + (i % 3) })); } ctx.fillStyle = 'rgba(15,23,42,0.25)'; ctx.fillRect(0, 0, w, h); for (const q of s.p) { q.x = (q.x + q.vx + w) % w; q.y = (q.y + q.vy + h) % h; ctx.beginPath(); ctx.arc(q.x, q.y, q.r, 0, 6.283); ctx.fillStyle = 'hsl(' + ((q.x / w) * 120 + 200) + ',90%,65%)'; ctx.fill(); } }`,
|
|
10003
|
+
orbits: `function (ctx, t, w, h) { ctx.fillStyle = '#0f172a'; ctx.fillRect(0, 0, w, h); for (let i = 1; i <= 6; i++) { const a = t / (400 + i * 180); const r = i * Math.min(w, h) / 14; ctx.strokeStyle = 'rgba(148,163,184,0.25)'; ctx.beginPath(); ctx.arc(w / 2, h / 2, r, 0, 6.283); ctx.stroke(); ctx.beginPath(); ctx.arc(w / 2 + Math.cos(a) * r, h / 2 + Math.sin(a) * r, 3 + i / 2, 0, 6.283); ctx.fillStyle = 'hsl(' + i * 50 + ',85%,65%)'; ctx.fill(); } }`,
|
|
10004
|
+
starfield: `function (ctx, t, w, h, s) { if (!s.st) { s.st = Array.from({ length: 140 }, (_, i) => ({ x: ((i * 7919) % 1000) / 500 - 1, y: ((i * 104729) % 1000) / 500 - 1, z: (i % 100) / 100 + 0.01 })); } ctx.fillStyle = '#020617'; ctx.fillRect(0, 0, w, h); for (const q of s.st) { q.z -= 0.004; if (q.z <= 0.01) q.z = 1; const x = w / 2 + (q.x / q.z) * w / 4, y = h / 2 + (q.y / q.z) * h / 4; ctx.fillStyle = 'rgba(255,255,255,' + (1 - q.z) + ')'; ctx.fillRect(x, y, 2 - q.z, 2 - q.z); } }`,
|
|
10005
|
+
};
|
|
10006
|
+
function defineWorkerCanvas(tag = 'usa-worker-canvas') {
|
|
10007
|
+
return defineElement(tag, (Base) => {
|
|
10008
|
+
class UsaWorkerCanvas extends Base {
|
|
10009
|
+
constructor() {
|
|
10010
|
+
super(...arguments);
|
|
10011
|
+
this._prog = null;
|
|
10012
|
+
this._backend = 'none';
|
|
10013
|
+
}
|
|
10014
|
+
static get observedAttributes() {
|
|
10015
|
+
return ['scene', 'label'];
|
|
10016
|
+
}
|
|
10017
|
+
get program() {
|
|
10018
|
+
return this._prog;
|
|
10019
|
+
}
|
|
10020
|
+
set program(p) {
|
|
10021
|
+
this._prog = p;
|
|
10022
|
+
if (this.isConnected)
|
|
10023
|
+
this.changed('program');
|
|
10024
|
+
}
|
|
10025
|
+
get backend() {
|
|
10026
|
+
return this._backend;
|
|
10027
|
+
}
|
|
10028
|
+
mount() {
|
|
10029
|
+
this.querySelectorAll(':scope > canvas[data-usa-part]').forEach((n) => n.remove());
|
|
10030
|
+
const scene = WORKER_SCENES[this.str('scene')] ? this.str('scene') : 'particles';
|
|
10031
|
+
this.setAttribute('role', 'img');
|
|
10032
|
+
this.setAttribute('aria-label', this.str('label', `Animated ${scene}`));
|
|
10033
|
+
const c = document.createElement('canvas');
|
|
10034
|
+
c.setAttribute('data-usa-part', '');
|
|
10035
|
+
c.width = Math.max(60, Math.round(this.clientWidth || 300));
|
|
10036
|
+
c.height = Math.max(40, Math.round(this.clientHeight || 160));
|
|
10037
|
+
this.prepend(c);
|
|
10038
|
+
const r = offscreenRender(c, this._prog || WORKER_SCENES[scene], { paused: this.reduced });
|
|
10039
|
+
this._backend = r.backend;
|
|
10040
|
+
this.setAttribute('data-usa-backend', r.backend);
|
|
10041
|
+
this.emit('backend', { backend: r.backend });
|
|
10042
|
+
this.onCleanup(() => r.stop());
|
|
10043
|
+
}
|
|
10044
|
+
}
|
|
10045
|
+
return UsaWorkerCanvas;
|
|
10046
|
+
}, { id: 'worker-canvas', text: css });
|
|
9790
10047
|
}
|
|
9791
10048
|
|
|
9792
10049
|
/**
|
|
@@ -9835,6 +10092,8 @@ const WIDGETS = {
|
|
|
9835
10092
|
'9.2': { 'usa-lottie': defineLottie, 'usa-lottie-icon': defineLottieIcon },
|
|
9836
10093
|
'9.3': { 'usa-gen-art': defineGenArt, 'usa-bg-generator': defineBgGenerator },
|
|
9837
10094
|
'9.4': { 'usa-video-card': defineVideoCard, 'usa-hero-video': defineHeroVideo },
|
|
10095
|
+
'9.5': { 'usa-motion-prefs': defineMotionPrefs, 'usa-pause-all': definePauseAll },
|
|
10096
|
+
'9.6': { 'usa-perf-monitor': definePerfMonitor, 'usa-worker-canvas': defineWorkerCanvas },
|
|
9838
10097
|
};
|
|
9839
10098
|
/** Every widget tag, in release order. */
|
|
9840
10099
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -9846,5 +10105,5 @@ function defineWidgets(release) {
|
|
|
9846
10105
|
fn(tag);
|
|
9847
10106
|
}
|
|
9848
10107
|
|
|
9849
|
-
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, backgroundCss, badgeProgress, cartTotal, defineAddToCart, defineBadgeWall, defineBarChart, defineBgGenerator, defineCarousel, defineCartDrawer, defineChapterNav, defineChatComposer, defineClockControl, defineCodeExport, defineColorPicker, defineCommandPalette, defineCompare, defineCountdown, defineCubeGallery, defineDatePicker, defineDisclosure, defineDock, defineEqualizer, defineFestivalBanner, defineField, defineFileDrop, defineGauge, defineGenArt, defineGestureSticker, defineGlobe, defineGyroCard, defineHeroVideo, 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, defineVideoCard, 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 };
|
|
10108
|
+
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, WORKER_SCENES, backgroundCss, badgeProgress, cartTotal, defineAddToCart, defineBadgeWall, defineBarChart, defineBgGenerator, defineCarousel, defineCartDrawer, defineChapterNav, defineChatComposer, defineClockControl, defineCodeExport, defineColorPicker, defineCommandPalette, defineCompare, defineCountdown, defineCubeGallery, defineDatePicker, defineDisclosure, defineDock, defineEqualizer, defineFestivalBanner, defineField, defineFileDrop, defineGauge, defineGenArt, defineGestureSticker, defineGlobe, defineGyroCard, defineHeroVideo, defineHudPanel, defineHydrate, defineKanban, defineKeyframeEditor, defineKpi, defineLeaderboard, defineLiquidNav, defineLocationCard, defineLottie, defineLottieIcon, defineLyrics, defineMasonryFlow, defineMenu, defineMenuToggle, defineMessageList, defineMilestones, defineModal, defineMotion, defineMotionPrefs, defineMusicPlayer, defineNavMorph, defineNotificationBell, defineOdometer, defineOrganicCard, defineOtp, definePagination, definePanorama, definePauseAll, definePerfMonitor, 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, defineVideoCard, defineVoiceButton, defineVolumeKnob, defineWeatherCard, defineWidgets, defineWorkerCanvas, 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 };
|
|
9850
10109
|
//# sourceMappingURL=widgets.js.map
|