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
|
@@ -18,6 +18,8 @@ var components_fxCinema = require('./fx-cinema.cjs');
|
|
|
18
18
|
var components_fxLottie = require('./fx-lottie.cjs');
|
|
19
19
|
var components_fxGenart = require('./fx-genart.cjs');
|
|
20
20
|
var components_fxVideo = require('./fx-video.cjs');
|
|
21
|
+
var components_fxSafe = require('./fx-safe.cjs');
|
|
22
|
+
var components_fxPerf = require('./fx-perf.cjs');
|
|
21
23
|
require('../chunks/core-CwO835Wm.cjs');
|
|
22
24
|
require('./tokens.cjs');
|
|
23
25
|
require('../chunks/fx-C-XjLOTc.cjs');
|
|
@@ -58,7 +60,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
58
60
|
return -1;
|
|
59
61
|
}
|
|
60
62
|
|
|
61
|
-
var css$
|
|
63
|
+
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}";
|
|
62
64
|
|
|
63
65
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
64
66
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -247,10 +249,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
247
249
|
}
|
|
248
250
|
}
|
|
249
251
|
return UsaCarousel;
|
|
250
|
-
}, { id: 'carousel', text: css$
|
|
252
|
+
}, { id: 'carousel', text: css$1t });
|
|
251
253
|
}
|
|
252
254
|
|
|
253
|
-
var css$
|
|
255
|
+
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}";
|
|
254
256
|
|
|
255
257
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
256
258
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -363,10 +365,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
363
365
|
}
|
|
364
366
|
}
|
|
365
367
|
return UsaTabBar;
|
|
366
|
-
}, { id: 'tab-bar', text: css$
|
|
368
|
+
}, { id: 'tab-bar', text: css$1s });
|
|
367
369
|
}
|
|
368
370
|
|
|
369
|
-
var css$
|
|
371
|
+
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}}";
|
|
370
372
|
|
|
371
373
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
372
374
|
return base.defineElement(tag, (Base) => {
|
|
@@ -434,10 +436,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
434
436
|
}
|
|
435
437
|
}
|
|
436
438
|
return UsaDisclosure;
|
|
437
|
-
}, { id: 'disclosure', text: css$
|
|
439
|
+
}, { id: 'disclosure', text: css$1r });
|
|
438
440
|
}
|
|
439
441
|
|
|
440
|
-
var css$
|
|
442
|
+
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}}";
|
|
441
443
|
|
|
442
444
|
function defineStories(tag = 'usa-stories') {
|
|
443
445
|
return base.defineElement(tag, (Base) => {
|
|
@@ -570,10 +572,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
570
572
|
}
|
|
571
573
|
}
|
|
572
574
|
return UsaStories;
|
|
573
|
-
}, { id: 'stories', text: css$
|
|
575
|
+
}, { id: 'stories', text: css$1q });
|
|
574
576
|
}
|
|
575
577
|
|
|
576
|
-
var css$
|
|
578
|
+
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)}}";
|
|
577
579
|
|
|
578
580
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
579
581
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -800,12 +802,12 @@ function defineOverlay(tag, kind) {
|
|
|
800
802
|
}
|
|
801
803
|
}
|
|
802
804
|
return UsaOverlay;
|
|
803
|
-
}, { id: 'overlay', text: css$
|
|
805
|
+
}, { id: 'overlay', text: css$1p });
|
|
804
806
|
}
|
|
805
807
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
806
808
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
807
809
|
|
|
808
|
-
var css$
|
|
810
|
+
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}}";
|
|
809
811
|
|
|
810
812
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
811
813
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -976,7 +978,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
976
978
|
}
|
|
977
979
|
}
|
|
978
980
|
return UsaToastStack;
|
|
979
|
-
}, { id: 'toast', text: css$
|
|
981
|
+
}, { id: 'toast', text: css$1o });
|
|
980
982
|
}
|
|
981
983
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
982
984
|
function stackToast(input, stack) {
|
|
@@ -1004,7 +1006,7 @@ function installToastTriggers() {
|
|
|
1004
1006
|
});
|
|
1005
1007
|
}
|
|
1006
1008
|
|
|
1007
|
-
var css$
|
|
1009
|
+
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)}}";
|
|
1008
1010
|
|
|
1009
1011
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
1010
1012
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1143,10 +1145,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1143
1145
|
}
|
|
1144
1146
|
}
|
|
1145
1147
|
return UsaMenu;
|
|
1146
|
-
}, { id: 'menu', text: css$
|
|
1148
|
+
}, { id: 'menu', text: css$1n });
|
|
1147
1149
|
}
|
|
1148
1150
|
|
|
1149
|
-
var css$
|
|
1151
|
+
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}}";
|
|
1150
1152
|
|
|
1151
1153
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1152
1154
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1286,7 +1288,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1286
1288
|
}
|
|
1287
1289
|
}
|
|
1288
1290
|
return UsaProgressRing;
|
|
1289
|
-
}, { id: 'meters', text: css$
|
|
1291
|
+
}, { id: 'meters', text: css$1m });
|
|
1290
1292
|
}
|
|
1291
1293
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1292
1294
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1396,10 +1398,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1396
1398
|
}
|
|
1397
1399
|
}
|
|
1398
1400
|
return UsaOdometer;
|
|
1399
|
-
}, { id: 'meters', text: css$
|
|
1401
|
+
}, { id: 'meters', text: css$1m });
|
|
1400
1402
|
}
|
|
1401
1403
|
|
|
1402
|
-
var css$
|
|
1404
|
+
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}}";
|
|
1403
1405
|
|
|
1404
1406
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1405
1407
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1514,10 +1516,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1514
1516
|
}
|
|
1515
1517
|
}
|
|
1516
1518
|
return UsaSkeletonReveal;
|
|
1517
|
-
}, { id: 'skeleton-reveal', text: css$
|
|
1519
|
+
}, { id: 'skeleton-reveal', text: css$1l });
|
|
1518
1520
|
}
|
|
1519
1521
|
|
|
1520
|
-
var css$
|
|
1522
|
+
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}}";
|
|
1521
1523
|
|
|
1522
1524
|
const PATHS = {
|
|
1523
1525
|
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',
|
|
@@ -1654,10 +1656,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1654
1656
|
}
|
|
1655
1657
|
UsaStarRating.formAssociated = true;
|
|
1656
1658
|
return UsaStarRating;
|
|
1657
|
-
}, { id: 'star-rating', text: css$
|
|
1659
|
+
}, { id: 'star-rating', text: css$1k });
|
|
1658
1660
|
}
|
|
1659
1661
|
|
|
1660
|
-
var css$
|
|
1662
|
+
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}}";
|
|
1661
1663
|
|
|
1662
1664
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1663
1665
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1745,10 +1747,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1745
1747
|
}
|
|
1746
1748
|
}
|
|
1747
1749
|
return UsaMilestones;
|
|
1748
|
-
}, { id: 'milestones', text: css$
|
|
1750
|
+
}, { id: 'milestones', text: css$1j });
|
|
1749
1751
|
}
|
|
1750
1752
|
|
|
1751
|
-
var css$
|
|
1753
|
+
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}";
|
|
1752
1754
|
|
|
1753
1755
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1754
1756
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1869,10 +1871,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1869
1871
|
}
|
|
1870
1872
|
}
|
|
1871
1873
|
return UsaMasonryFlow;
|
|
1872
|
-
}, { id: 'masonry-flow', text: css$
|
|
1874
|
+
}, { id: 'masonry-flow', text: css$1i });
|
|
1873
1875
|
}
|
|
1874
1876
|
|
|
1875
|
-
var css$
|
|
1877
|
+
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}";
|
|
1876
1878
|
|
|
1877
1879
|
function defineCompare(tag = 'usa-compare') {
|
|
1878
1880
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1996,10 +1998,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1996
1998
|
}
|
|
1997
1999
|
}
|
|
1998
2000
|
return UsaCompare;
|
|
1999
|
-
}, { id: 'compare', text: css$
|
|
2001
|
+
}, { id: 'compare', text: css$1h });
|
|
2000
2002
|
}
|
|
2001
2003
|
|
|
2002
|
-
var css$
|
|
2004
|
+
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}";
|
|
2003
2005
|
|
|
2004
2006
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
2005
2007
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2132,10 +2134,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2132
2134
|
}
|
|
2133
2135
|
}
|
|
2134
2136
|
return UsaCubeGallery;
|
|
2135
|
-
}, { id: 'cube-gallery', text: css$
|
|
2137
|
+
}, { id: 'cube-gallery', text: css$1g });
|
|
2136
2138
|
}
|
|
2137
2139
|
|
|
2138
|
-
var css$
|
|
2140
|
+
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}}";
|
|
2139
2141
|
|
|
2140
2142
|
function defineDock(tag = 'usa-dock') {
|
|
2141
2143
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2203,10 +2205,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2203
2205
|
}
|
|
2204
2206
|
}
|
|
2205
2207
|
return UsaDock;
|
|
2206
|
-
}, { id: 'dock', text: css$
|
|
2208
|
+
}, { id: 'dock', text: css$1f });
|
|
2207
2209
|
}
|
|
2208
2210
|
|
|
2209
|
-
var css$
|
|
2211
|
+
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)}";
|
|
2210
2212
|
|
|
2211
2213
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2212
2214
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2310,10 +2312,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2310
2312
|
}
|
|
2311
2313
|
}
|
|
2312
2314
|
return UsaNavMorph;
|
|
2313
|
-
}, { id: 'nav-morph', text: css$
|
|
2315
|
+
}, { id: 'nav-morph', text: css$1e });
|
|
2314
2316
|
}
|
|
2315
2317
|
|
|
2316
|
-
var css$
|
|
2318
|
+
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}";
|
|
2317
2319
|
|
|
2318
2320
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2319
2321
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2386,10 +2388,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2386
2388
|
}
|
|
2387
2389
|
}
|
|
2388
2390
|
return UsaMenuToggle;
|
|
2389
|
-
}, { id: 'menu-toggle', text: css$
|
|
2391
|
+
}, { id: 'menu-toggle', text: css$1d });
|
|
2390
2392
|
}
|
|
2391
2393
|
|
|
2392
|
-
var css$
|
|
2394
|
+
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)}";
|
|
2393
2395
|
|
|
2394
2396
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2395
2397
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2521,10 +2523,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2521
2523
|
}
|
|
2522
2524
|
}
|
|
2523
2525
|
return UsaTip;
|
|
2524
|
-
}, { id: 'tip', text: css$
|
|
2526
|
+
}, { id: 'tip', text: css$1c });
|
|
2525
2527
|
}
|
|
2526
2528
|
|
|
2527
|
-
var css$
|
|
2529
|
+
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}}";
|
|
2528
2530
|
|
|
2529
2531
|
function defineStepper(tag = 'usa-stepper') {
|
|
2530
2532
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2621,10 +2623,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2621
2623
|
}
|
|
2622
2624
|
}
|
|
2623
2625
|
return UsaStepper;
|
|
2624
|
-
}, { id: 'stepper', text: css$
|
|
2626
|
+
}, { id: 'stepper', text: css$1b });
|
|
2625
2627
|
}
|
|
2626
2628
|
|
|
2627
|
-
var css$
|
|
2629
|
+
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}}";
|
|
2628
2630
|
|
|
2629
2631
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2630
2632
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2746,10 +2748,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2746
2748
|
}
|
|
2747
2749
|
}
|
|
2748
2750
|
return UsaPagination;
|
|
2749
|
-
}, { id: 'pagination', text: css$
|
|
2751
|
+
}, { id: 'pagination', text: css$1a });
|
|
2750
2752
|
}
|
|
2751
2753
|
|
|
2752
|
-
var css$
|
|
2754
|
+
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}}";
|
|
2753
2755
|
|
|
2754
2756
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2755
2757
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2843,10 +2845,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2843
2845
|
}
|
|
2844
2846
|
}
|
|
2845
2847
|
return UsaSegmented;
|
|
2846
|
-
}, { id: 'segmented', text: css$
|
|
2848
|
+
}, { id: 'segmented', text: css$19 });
|
|
2847
2849
|
}
|
|
2848
2850
|
|
|
2849
|
-
var css$
|
|
2851
|
+
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}}";
|
|
2850
2852
|
|
|
2851
2853
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2852
2854
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2934,10 +2936,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2934
2936
|
}
|
|
2935
2937
|
}
|
|
2936
2938
|
return UsaSwitch;
|
|
2937
|
-
}, { id: 'switch', text: css$
|
|
2939
|
+
}, { id: 'switch', text: css$18 });
|
|
2938
2940
|
}
|
|
2939
2941
|
|
|
2940
|
-
var css$
|
|
2942
|
+
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}}";
|
|
2941
2943
|
|
|
2942
2944
|
function defineKanban(tag = 'usa-kanban') {
|
|
2943
2945
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3142,10 +3144,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3142
3144
|
}
|
|
3143
3145
|
}
|
|
3144
3146
|
return UsaKanban;
|
|
3145
|
-
}, { id: 'kanban', text: css$
|
|
3147
|
+
}, { id: 'kanban', text: css$17 });
|
|
3146
3148
|
}
|
|
3147
3149
|
|
|
3148
|
-
var css$
|
|
3150
|
+
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}}";
|
|
3149
3151
|
|
|
3150
3152
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3151
3153
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3287,10 +3289,10 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3287
3289
|
}
|
|
3288
3290
|
}
|
|
3289
3291
|
return UsaSwipeDeck;
|
|
3290
|
-
}, { id: 'swipe-deck', text: css$
|
|
3292
|
+
}, { id: 'swipe-deck', text: css$16 });
|
|
3291
3293
|
}
|
|
3292
3294
|
|
|
3293
|
-
var css$
|
|
3295
|
+
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}}";
|
|
3294
3296
|
|
|
3295
3297
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3296
3298
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
@@ -3371,10 +3373,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3371
3373
|
}
|
|
3372
3374
|
}
|
|
3373
3375
|
return UsaWeatherCard;
|
|
3374
|
-
}, { id: 'weather-card', text: css$
|
|
3376
|
+
}, { id: 'weather-card', text: css$15 });
|
|
3375
3377
|
}
|
|
3376
3378
|
|
|
3377
|
-
var css$
|
|
3379
|
+
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}}";
|
|
3378
3380
|
|
|
3379
3381
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3380
3382
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3503,10 +3505,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3503
3505
|
}
|
|
3504
3506
|
}
|
|
3505
3507
|
return UsaPullCord;
|
|
3506
|
-
}, { id: 'pull-cord', text: css$
|
|
3508
|
+
}, { id: 'pull-cord', text: css$14 });
|
|
3507
3509
|
}
|
|
3508
3510
|
|
|
3509
|
-
var css
|
|
3511
|
+
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}}";
|
|
3510
3512
|
|
|
3511
3513
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3512
3514
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3655,10 +3657,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3655
3657
|
}
|
|
3656
3658
|
}
|
|
3657
3659
|
return UsaDatePicker;
|
|
3658
|
-
}, { id: 'date-picker', text: css
|
|
3660
|
+
}, { id: 'date-picker', text: css$13 });
|
|
3659
3661
|
}
|
|
3660
3662
|
|
|
3661
|
-
var css$
|
|
3663
|
+
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}}";
|
|
3662
3664
|
|
|
3663
3665
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3664
3666
|
function hsvToHex(h, s, v) {
|
|
@@ -3778,10 +3780,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3778
3780
|
}
|
|
3779
3781
|
}
|
|
3780
3782
|
return UsaColorPicker;
|
|
3781
|
-
}, { id: 'color-picker', text: css$
|
|
3783
|
+
}, { id: 'color-picker', text: css$12 });
|
|
3782
3784
|
}
|
|
3783
3785
|
|
|
3784
|
-
var css$
|
|
3786
|
+
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}}";
|
|
3785
3787
|
|
|
3786
3788
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3787
3789
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3882,10 +3884,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3882
3884
|
}
|
|
3883
3885
|
}
|
|
3884
3886
|
return UsaFileDrop;
|
|
3885
|
-
}, { id: 'file-drop', text: css$
|
|
3887
|
+
}, { id: 'file-drop', text: css$11 });
|
|
3886
3888
|
}
|
|
3887
3889
|
|
|
3888
|
-
var css$
|
|
3890
|
+
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}}";
|
|
3889
3891
|
|
|
3890
3892
|
const DEFAULT = {
|
|
3891
3893
|
format: player.ANIMATION_FORMAT,
|
|
@@ -4059,10 +4061,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4059
4061
|
}
|
|
4060
4062
|
}
|
|
4061
4063
|
return UsaKeyframeEditor;
|
|
4062
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4064
|
+
}, { id: 'keyframe-editor', text: css$10 });
|
|
4063
4065
|
}
|
|
4064
4066
|
|
|
4065
|
-
var css
|
|
4067
|
+
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}}";
|
|
4066
4068
|
|
|
4067
4069
|
const fmt$1 = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4068
4070
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4223,10 +4225,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4223
4225
|
}
|
|
4224
4226
|
}
|
|
4225
4227
|
return UsaMusicPlayer;
|
|
4226
|
-
}, { id: 'music-player', text: css
|
|
4228
|
+
}, { id: 'music-player', text: css$$ });
|
|
4227
4229
|
}
|
|
4228
4230
|
|
|
4229
|
-
var css$
|
|
4231
|
+
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}}";
|
|
4230
4232
|
|
|
4231
4233
|
const ARC = 270;
|
|
4232
4234
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4317,10 +4319,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4317
4319
|
}
|
|
4318
4320
|
}
|
|
4319
4321
|
return UsaVolumeKnob;
|
|
4320
|
-
}, { id: 'volume-knob', text: css$
|
|
4322
|
+
}, { id: 'volume-knob', text: css$_ });
|
|
4321
4323
|
}
|
|
4322
4324
|
|
|
4323
|
-
var css$
|
|
4325
|
+
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}}";
|
|
4324
4326
|
|
|
4325
4327
|
const EQ_PRESETS = {
|
|
4326
4328
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4418,10 +4420,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4418
4420
|
}
|
|
4419
4421
|
}
|
|
4420
4422
|
return UsaEqualizer;
|
|
4421
|
-
}, { id: 'equalizer', text: css$
|
|
4423
|
+
}, { id: 'equalizer', text: css$Z });
|
|
4422
4424
|
}
|
|
4423
4425
|
|
|
4424
|
-
var css$
|
|
4426
|
+
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}}";
|
|
4425
4427
|
|
|
4426
4428
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4427
4429
|
function parseLRC(src) {
|
|
@@ -4533,10 +4535,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4533
4535
|
}
|
|
4534
4536
|
}
|
|
4535
4537
|
return UsaLyrics;
|
|
4536
|
-
}, { id: 'lyrics', text: css$
|
|
4538
|
+
}, { id: 'lyrics', text: css$Y });
|
|
4537
4539
|
}
|
|
4538
4540
|
|
|
4539
|
-
var css$
|
|
4541
|
+
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}}";
|
|
4540
4542
|
|
|
4541
4543
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4542
4544
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4630,10 +4632,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4630
4632
|
}
|
|
4631
4633
|
}
|
|
4632
4634
|
return UsaBarChart;
|
|
4633
|
-
}, { id: 'bar-chart', text: css$
|
|
4635
|
+
}, { id: 'bar-chart', text: css$X });
|
|
4634
4636
|
}
|
|
4635
4637
|
|
|
4636
|
-
var css$
|
|
4638
|
+
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)}";
|
|
4637
4639
|
|
|
4638
4640
|
function defineGauge(tag = 'usa-gauge') {
|
|
4639
4641
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4718,10 +4720,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4718
4720
|
}
|
|
4719
4721
|
}
|
|
4720
4722
|
return UsaGauge;
|
|
4721
|
-
}, { id: 'gauge', text: css$
|
|
4723
|
+
}, { id: 'gauge', text: css$W });
|
|
4722
4724
|
}
|
|
4723
4725
|
|
|
4724
|
-
var css$
|
|
4726
|
+
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}}";
|
|
4725
4727
|
|
|
4726
4728
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4727
4729
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4844,7 +4846,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4844
4846
|
}
|
|
4845
4847
|
}
|
|
4846
4848
|
return UsaSparkline;
|
|
4847
|
-
}, { id: 'sparkline', text: css$
|
|
4849
|
+
}, { id: 'sparkline', text: css$V });
|
|
4848
4850
|
}
|
|
4849
4851
|
|
|
4850
4852
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4857,7 +4859,7 @@ function parseFigureText(s) {
|
|
|
4857
4859
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4858
4860
|
}
|
|
4859
4861
|
|
|
4860
|
-
var css$
|
|
4862
|
+
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}";
|
|
4861
4863
|
|
|
4862
4864
|
function defineKpi(tag = 'usa-kpi') {
|
|
4863
4865
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4937,10 +4939,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4937
4939
|
}
|
|
4938
4940
|
}
|
|
4939
4941
|
return UsaKpi;
|
|
4940
|
-
}, { id: 'kpi', text: css$
|
|
4942
|
+
}, { id: 'kpi', text: css$U });
|
|
4941
4943
|
}
|
|
4942
4944
|
|
|
4943
|
-
var css$
|
|
4945
|
+
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}}";
|
|
4944
4946
|
|
|
4945
4947
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4946
4948
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4985,10 +4987,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4985
4987
|
}
|
|
4986
4988
|
}
|
|
4987
4989
|
return UsaAddToCart;
|
|
4988
|
-
}, { id: 'add-to-cart', text: css$
|
|
4990
|
+
}, { id: 'add-to-cart', text: css$T });
|
|
4989
4991
|
}
|
|
4990
4992
|
|
|
4991
|
-
var css$
|
|
4993
|
+
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}";
|
|
4992
4994
|
|
|
4993
4995
|
/** Cart total (7.3). */
|
|
4994
4996
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5153,10 +5155,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5153
5155
|
}
|
|
5154
5156
|
}
|
|
5155
5157
|
return UsaCartDrawer;
|
|
5156
|
-
}, { id: 'cart-drawer', text: css$
|
|
5158
|
+
}, { id: 'cart-drawer', text: css$S });
|
|
5157
5159
|
}
|
|
5158
5160
|
|
|
5159
|
-
var css$
|
|
5161
|
+
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}}";
|
|
5160
5162
|
|
|
5161
5163
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5162
5164
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5270,10 +5272,10 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5270
5272
|
}
|
|
5271
5273
|
}
|
|
5272
5274
|
return UsaProductGallery;
|
|
5273
|
-
}, { id: 'product-gallery', text: css$
|
|
5275
|
+
}, { id: 'product-gallery', text: css$R });
|
|
5274
5276
|
}
|
|
5275
5277
|
|
|
5276
|
-
var css$
|
|
5278
|
+
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)}";
|
|
5277
5279
|
|
|
5278
5280
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5279
5281
|
function splitTime(sec) {
|
|
@@ -5361,10 +5363,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5361
5363
|
}
|
|
5362
5364
|
}
|
|
5363
5365
|
return UsaCountdown;
|
|
5364
|
-
}, { id: 'countdown', text: css$
|
|
5366
|
+
}, { id: 'countdown', text: css$Q });
|
|
5365
5367
|
}
|
|
5366
5368
|
|
|
5367
|
-
var css$
|
|
5369
|
+
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}}";
|
|
5368
5370
|
|
|
5369
5371
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5370
5372
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5451,10 +5453,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5451
5453
|
}
|
|
5452
5454
|
}
|
|
5453
5455
|
return UsaMessageList;
|
|
5454
|
-
}, { id: 'message-list', text: css$
|
|
5456
|
+
}, { id: 'message-list', text: css$P });
|
|
5455
5457
|
}
|
|
5456
5458
|
|
|
5457
|
-
var css$
|
|
5459
|
+
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}";
|
|
5458
5460
|
|
|
5459
5461
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5460
5462
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5556,10 +5558,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5556
5558
|
}
|
|
5557
5559
|
}
|
|
5558
5560
|
return UsaReactions;
|
|
5559
|
-
}, { id: 'reactions', text: css$
|
|
5561
|
+
}, { id: 'reactions', text: css$O });
|
|
5560
5562
|
}
|
|
5561
5563
|
|
|
5562
|
-
var css$
|
|
5564
|
+
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}";
|
|
5563
5565
|
|
|
5564
5566
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5565
5567
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5654,10 +5656,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5654
5656
|
}
|
|
5655
5657
|
}
|
|
5656
5658
|
return UsaNotificationBell;
|
|
5657
|
-
}, { id: 'notification-bell', text: css$
|
|
5659
|
+
}, { id: 'notification-bell', text: css$N });
|
|
5658
5660
|
}
|
|
5659
5661
|
|
|
5660
|
-
var css$
|
|
5662
|
+
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}}";
|
|
5661
5663
|
|
|
5662
5664
|
/** Presence states (7.4). */
|
|
5663
5665
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5727,10 +5729,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5727
5729
|
}
|
|
5728
5730
|
}
|
|
5729
5731
|
return UsaPresence;
|
|
5730
|
-
}, { id: 'presence', text: css$
|
|
5732
|
+
}, { id: 'presence', text: css$M });
|
|
5731
5733
|
}
|
|
5732
5734
|
|
|
5733
|
-
var css$
|
|
5735
|
+
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)}";
|
|
5734
5736
|
|
|
5735
5737
|
/** Sort rows by score desc, then name (7.5). */
|
|
5736
5738
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5839,10 +5841,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5839
5841
|
}
|
|
5840
5842
|
}
|
|
5841
5843
|
return UsaLeaderboard;
|
|
5842
|
-
}, { id: 'leaderboard', text: css$
|
|
5844
|
+
}, { id: 'leaderboard', text: css$L });
|
|
5843
5845
|
}
|
|
5844
5846
|
|
|
5845
|
-
var css$
|
|
5847
|
+
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)}";
|
|
5846
5848
|
|
|
5847
5849
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5848
5850
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5939,10 +5941,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5939
5941
|
}
|
|
5940
5942
|
}
|
|
5941
5943
|
return UsaXpBar;
|
|
5942
|
-
}, { id: 'xp-bar', text: css$
|
|
5944
|
+
}, { id: 'xp-bar', text: css$K });
|
|
5943
5945
|
}
|
|
5944
5946
|
|
|
5945
|
-
var css$
|
|
5947
|
+
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}}";
|
|
5946
5948
|
|
|
5947
5949
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5948
5950
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -6009,10 +6011,10 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
6009
6011
|
}
|
|
6010
6012
|
}
|
|
6011
6013
|
return UsaBadgeWall;
|
|
6012
|
-
}, { id: 'badge-wall', text: css$
|
|
6014
|
+
}, { id: 'badge-wall', text: css$J });
|
|
6013
6015
|
}
|
|
6014
6016
|
|
|
6015
|
-
var css$
|
|
6017
|
+
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)}";
|
|
6016
6018
|
|
|
6017
6019
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6018
6020
|
function wheelAngle(index, count, turns = 5) {
|
|
@@ -6092,10 +6094,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6092
6094
|
}
|
|
6093
6095
|
}
|
|
6094
6096
|
return UsaPrizeWheel;
|
|
6095
|
-
}, { id: 'prize-wheel', text: css$
|
|
6097
|
+
}, { id: 'prize-wheel', text: css$I });
|
|
6096
6098
|
}
|
|
6097
6099
|
|
|
6098
|
-
var css$
|
|
6100
|
+
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}}";
|
|
6099
6101
|
|
|
6100
6102
|
const RAD = Math.PI / 180;
|
|
6101
6103
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6252,10 +6254,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6252
6254
|
}
|
|
6253
6255
|
}
|
|
6254
6256
|
return UsaGlobe;
|
|
6255
|
-
}, { id: 'globe', text: css$
|
|
6257
|
+
}, { id: 'globe', text: css$H });
|
|
6256
6258
|
}
|
|
6257
6259
|
|
|
6258
|
-
var css$
|
|
6260
|
+
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}";
|
|
6259
6261
|
|
|
6260
6262
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6261
6263
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6329,10 +6331,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6329
6331
|
}
|
|
6330
6332
|
}
|
|
6331
6333
|
return UsaLocationCard;
|
|
6332
|
-
}, { id: 'location-card', text: css$
|
|
6334
|
+
}, { id: 'location-card', text: css$G });
|
|
6333
6335
|
}
|
|
6334
6336
|
|
|
6335
|
-
var css$
|
|
6337
|
+
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}}";
|
|
6336
6338
|
|
|
6337
6339
|
/** 0–4 password strength score with a label (7.7). */
|
|
6338
6340
|
function passwordStrength(pw) {
|
|
@@ -6458,10 +6460,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6458
6460
|
}
|
|
6459
6461
|
}
|
|
6460
6462
|
return UsaField;
|
|
6461
|
-
}, { id: 'field', text: css$
|
|
6463
|
+
}, { id: 'field', text: css$F });
|
|
6462
6464
|
}
|
|
6463
6465
|
|
|
6464
|
-
var css$
|
|
6466
|
+
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}}";
|
|
6465
6467
|
|
|
6466
6468
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6467
6469
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6592,10 +6594,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6592
6594
|
}
|
|
6593
6595
|
}
|
|
6594
6596
|
return UsaOtp;
|
|
6595
|
-
}, { id: 'otp', text: css$
|
|
6597
|
+
}, { id: 'otp', text: css$E });
|
|
6596
6598
|
}
|
|
6597
6599
|
|
|
6598
|
-
var css$
|
|
6600
|
+
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}}";
|
|
6599
6601
|
|
|
6600
6602
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6601
6603
|
function formatBytes(n) {
|
|
@@ -6678,10 +6680,10 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6678
6680
|
}
|
|
6679
6681
|
}
|
|
6680
6682
|
return UsaUploadProgress;
|
|
6681
|
-
}, { id: 'upload-progress', text: css$
|
|
6683
|
+
}, { id: 'upload-progress', text: css$D });
|
|
6682
6684
|
}
|
|
6683
6685
|
|
|
6684
|
-
var css$
|
|
6686
|
+
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}}";
|
|
6685
6687
|
|
|
6686
6688
|
const esc$c = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6687
6689
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
@@ -6779,10 +6781,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6779
6781
|
}
|
|
6780
6782
|
}
|
|
6781
6783
|
return UsaChatComposer;
|
|
6782
|
-
}, { id: 'chat-composer', text: css$
|
|
6784
|
+
}, { id: 'chat-composer', text: css$C });
|
|
6783
6785
|
}
|
|
6784
6786
|
|
|
6785
|
-
var css$
|
|
6787
|
+
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}}";
|
|
6786
6788
|
|
|
6787
6789
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6788
6790
|
function parseChips(s) {
|
|
@@ -6867,10 +6869,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6867
6869
|
}
|
|
6868
6870
|
}
|
|
6869
6871
|
return UsaSuggestionChips;
|
|
6870
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6872
|
+
}, { id: 'suggestion-chips', text: css$B });
|
|
6871
6873
|
}
|
|
6872
6874
|
|
|
6873
|
-
var css$
|
|
6875
|
+
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}}";
|
|
6874
6876
|
|
|
6875
6877
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6876
6878
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6942,10 +6944,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6942
6944
|
}
|
|
6943
6945
|
}
|
|
6944
6946
|
return UsaVoiceButton;
|
|
6945
|
-
}, { id: 'voice-button', text: css$
|
|
6947
|
+
}, { id: 'voice-button', text: css$A });
|
|
6946
6948
|
}
|
|
6947
6949
|
|
|
6948
|
-
var css$
|
|
6950
|
+
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)}";
|
|
6949
6951
|
|
|
6950
6952
|
/**
|
|
6951
6953
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -7204,10 +7206,10 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7204
7206
|
}
|
|
7205
7207
|
}
|
|
7206
7208
|
return UsaCommandPalette;
|
|
7207
|
-
}, { id: 'command-palette', text: css$
|
|
7209
|
+
}, { id: 'command-palette', text: css$z });
|
|
7208
7210
|
}
|
|
7209
7211
|
|
|
7210
|
-
var css$
|
|
7212
|
+
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}";
|
|
7211
7213
|
|
|
7212
7214
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7213
7215
|
const esc$9 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
@@ -7258,10 +7260,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7258
7260
|
}
|
|
7259
7261
|
}
|
|
7260
7262
|
return UsaShortcut;
|
|
7261
|
-
}, { id: 'shortcut', text: css$
|
|
7263
|
+
}, { id: 'shortcut', text: css$y });
|
|
7262
7264
|
}
|
|
7263
7265
|
|
|
7264
|
-
var css$
|
|
7266
|
+
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}}";
|
|
7265
7267
|
|
|
7266
7268
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7267
7269
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7320,10 +7322,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7320
7322
|
}
|
|
7321
7323
|
}
|
|
7322
7324
|
return UsaClockControl;
|
|
7323
|
-
}, { id: 'clock-control', text: css$
|
|
7325
|
+
}, { id: 'clock-control', text: css$x });
|
|
7324
7326
|
}
|
|
7325
7327
|
|
|
7326
|
-
var css$
|
|
7328
|
+
var css$w = "usa-hydrate{display:block}";
|
|
7327
7329
|
|
|
7328
7330
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7329
7331
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7359,10 +7361,10 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7359
7361
|
}
|
|
7360
7362
|
}
|
|
7361
7363
|
return UsaHydrate;
|
|
7362
|
-
}, { id: 'hydrate', text: css$
|
|
7364
|
+
}, { id: 'hydrate', text: css$w });
|
|
7363
7365
|
}
|
|
7364
7366
|
|
|
7365
|
-
var css$
|
|
7367
|
+
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}}";
|
|
7366
7368
|
|
|
7367
7369
|
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7368
7370
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
@@ -7426,10 +7428,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7426
7428
|
}
|
|
7427
7429
|
}
|
|
7428
7430
|
return UsaRedEnvelope;
|
|
7429
|
-
}, { id: 'red-envelope', text: css$
|
|
7431
|
+
}, { id: 'red-envelope', text: css$v });
|
|
7430
7432
|
}
|
|
7431
7433
|
|
|
7432
|
-
var css$
|
|
7434
|
+
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}}";
|
|
7433
7435
|
|
|
7434
7436
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7435
7437
|
const SCENES = {
|
|
@@ -7477,10 +7479,10 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7477
7479
|
}
|
|
7478
7480
|
}
|
|
7479
7481
|
return UsaFestivalBanner;
|
|
7480
|
-
}, { id: 'festival-banner', text: css$
|
|
7482
|
+
}, { id: 'festival-banner', text: css$u });
|
|
7481
7483
|
}
|
|
7482
7484
|
|
|
7483
|
-
var css$
|
|
7485
|
+
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}}";
|
|
7484
7486
|
|
|
7485
7487
|
const esc$7 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7486
7488
|
function defineTerminal(tag = 'usa-terminal') {
|
|
@@ -7591,10 +7593,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7591
7593
|
}
|
|
7592
7594
|
}
|
|
7593
7595
|
return UsaTerminal;
|
|
7594
|
-
}, { id: 'terminal', text: css$
|
|
7596
|
+
}, { id: 'terminal', text: css$t });
|
|
7595
7597
|
}
|
|
7596
7598
|
|
|
7597
|
-
var css$
|
|
7599
|
+
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}";
|
|
7598
7600
|
|
|
7599
7601
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7600
7602
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7648,10 +7650,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7648
7650
|
}
|
|
7649
7651
|
}
|
|
7650
7652
|
return UsaRetroButton;
|
|
7651
|
-
}, { id: 'retro-button', text: css$
|
|
7653
|
+
}, { id: 'retro-button', text: css$s });
|
|
7652
7654
|
}
|
|
7653
7655
|
|
|
7654
|
-
var css$
|
|
7656
|
+
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)}";
|
|
7655
7657
|
|
|
7656
7658
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7657
7659
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7690,10 +7692,10 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7690
7692
|
}
|
|
7691
7693
|
}
|
|
7692
7694
|
return UsaOrganicCard;
|
|
7693
|
-
}, { id: 'organic-card', text: css$
|
|
7695
|
+
}, { id: 'organic-card', text: css$r });
|
|
7694
7696
|
}
|
|
7695
7697
|
|
|
7696
|
-
var css$
|
|
7698
|
+
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}";
|
|
7697
7699
|
|
|
7698
7700
|
let uid = 0;
|
|
7699
7701
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
@@ -7774,10 +7776,10 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7774
7776
|
}
|
|
7775
7777
|
}
|
|
7776
7778
|
return UsaLiquidNav;
|
|
7777
|
-
}, { id: 'liquid-nav', text: css$
|
|
7779
|
+
}, { id: 'liquid-nav', text: css$q });
|
|
7778
7780
|
}
|
|
7779
7781
|
|
|
7780
|
-
var css$
|
|
7782
|
+
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}}";
|
|
7781
7783
|
|
|
7782
7784
|
const esc$6 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7783
7785
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
@@ -7826,10 +7828,10 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7826
7828
|
}
|
|
7827
7829
|
}
|
|
7828
7830
|
return UsaHudPanel;
|
|
7829
|
-
}, { id: 'hud-panel', text: css$
|
|
7831
|
+
}, { id: 'hud-panel', text: css$p });
|
|
7830
7832
|
}
|
|
7831
7833
|
|
|
7832
|
-
var css$
|
|
7834
|
+
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)}}";
|
|
7833
7835
|
|
|
7834
7836
|
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7835
7837
|
function parseTargets(s) {
|
|
@@ -7915,10 +7917,10 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7915
7917
|
}
|
|
7916
7918
|
}
|
|
7917
7919
|
return UsaRadar;
|
|
7918
|
-
}, { id: 'radar', text: css$
|
|
7920
|
+
}, { id: 'radar', text: css$o });
|
|
7919
7921
|
}
|
|
7920
7922
|
|
|
7921
|
-
var css$
|
|
7923
|
+
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)}";
|
|
7922
7924
|
|
|
7923
7925
|
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7924
7926
|
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
@@ -7982,10 +7984,10 @@ function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
|
7982
7984
|
}
|
|
7983
7985
|
}
|
|
7984
7986
|
return UsaStickyWall;
|
|
7985
|
-
}, { id: 'sticky-wall', text: css$
|
|
7987
|
+
}, { id: 'sticky-wall', text: css$n });
|
|
7986
7988
|
}
|
|
7987
7989
|
|
|
7988
|
-
var css$
|
|
7990
|
+
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}";
|
|
7989
7991
|
|
|
7990
7992
|
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7991
7993
|
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
@@ -8082,10 +8084,10 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8082
8084
|
}
|
|
8083
8085
|
}
|
|
8084
8086
|
return UsaSketchChart;
|
|
8085
|
-
}, { id: 'sketch-chart', text: css$
|
|
8087
|
+
}, { id: 'sketch-chart', text: css$m });
|
|
8086
8088
|
}
|
|
8087
8089
|
|
|
8088
|
-
var css$
|
|
8090
|
+
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}}";
|
|
8089
8091
|
|
|
8090
8092
|
const NAMES = { light: 'Light', dark: 'Dark', neon: 'Neon', glass: 'Glass', neu: 'Soft' };
|
|
8091
8093
|
function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
@@ -8187,10 +8189,10 @@ function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
|
8187
8189
|
}
|
|
8188
8190
|
}
|
|
8189
8191
|
return UsaThemeSwitcher;
|
|
8190
|
-
}, { id: 'theme-switcher', text: css$
|
|
8192
|
+
}, { id: 'theme-switcher', text: css$l });
|
|
8191
8193
|
}
|
|
8192
8194
|
|
|
8193
|
-
var css$
|
|
8195
|
+
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}}";
|
|
8194
8196
|
|
|
8195
8197
|
function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
8196
8198
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8243,10 +8245,10 @@ function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
|
8243
8245
|
}
|
|
8244
8246
|
}
|
|
8245
8247
|
return UsaThemeSurface;
|
|
8246
|
-
}, { id: 'theme-surface', text: css$
|
|
8248
|
+
}, { id: 'theme-surface', text: css$k });
|
|
8247
8249
|
}
|
|
8248
8250
|
|
|
8249
|
-
var css$
|
|
8251
|
+
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}}";
|
|
8250
8252
|
|
|
8251
8253
|
function defineGyroCard(tag = 'usa-gyro-card') {
|
|
8252
8254
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8327,10 +8329,10 @@ function defineGyroCard(tag = 'usa-gyro-card') {
|
|
|
8327
8329
|
}
|
|
8328
8330
|
}
|
|
8329
8331
|
return UsaGyroCard;
|
|
8330
|
-
}, { id: 'gyro-card', text: css$
|
|
8332
|
+
}, { id: 'gyro-card', text: css$j });
|
|
8331
8333
|
}
|
|
8332
8334
|
|
|
8333
|
-
var css$
|
|
8335
|
+
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}";
|
|
8334
8336
|
|
|
8335
8337
|
function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
8336
8338
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8457,10 +8459,10 @@ function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
|
8457
8459
|
}
|
|
8458
8460
|
}
|
|
8459
8461
|
return UsaGestureSticker;
|
|
8460
|
-
}, { id: 'gesture-sticker', text: css$
|
|
8462
|
+
}, { id: 'gesture-sticker', text: css$i });
|
|
8461
8463
|
}
|
|
8462
8464
|
|
|
8463
|
-
var css$
|
|
8465
|
+
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}";
|
|
8464
8466
|
|
|
8465
8467
|
function definePanorama(tag = 'usa-panorama') {
|
|
8466
8468
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8582,10 +8584,10 @@ function definePanorama(tag = 'usa-panorama') {
|
|
|
8582
8584
|
}
|
|
8583
8585
|
}
|
|
8584
8586
|
return UsaPanorama;
|
|
8585
|
-
}, { id: 'panorama', text: css$
|
|
8587
|
+
}, { id: 'panorama', text: css$h });
|
|
8586
8588
|
}
|
|
8587
8589
|
|
|
8588
|
-
var css$
|
|
8590
|
+
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}}";
|
|
8589
8591
|
|
|
8590
8592
|
function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
8591
8593
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8631,10 +8633,10 @@ function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
|
8631
8633
|
}
|
|
8632
8634
|
}
|
|
8633
8635
|
return UsaSpatialCard;
|
|
8634
|
-
}, { id: 'spatial-card', text: css$
|
|
8636
|
+
}, { id: 'spatial-card', text: css$g });
|
|
8635
8637
|
}
|
|
8636
8638
|
|
|
8637
|
-
var css$
|
|
8639
|
+
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}";
|
|
8638
8640
|
|
|
8639
8641
|
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$)/;
|
|
8640
8642
|
const RUNTIME_CLASS = /^usa-/;
|
|
@@ -8800,10 +8802,10 @@ function defineCodeExport(tag = 'usa-code-export') {
|
|
|
8800
8802
|
}
|
|
8801
8803
|
}
|
|
8802
8804
|
return UsaCodeExport;
|
|
8803
|
-
}, { id: 'code-export', text: css$
|
|
8805
|
+
}, { id: 'code-export', text: css$f });
|
|
8804
8806
|
}
|
|
8805
8807
|
|
|
8806
|
-
var css$
|
|
8808
|
+
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}";
|
|
8807
8809
|
|
|
8808
8810
|
/** "value:number:0:100, theme:select:leaf|ocean, on:boolean" → prop specs (8.9). */
|
|
8809
8811
|
function parseProps(s) {
|
|
@@ -8907,10 +8909,10 @@ function definePropPanel(tag = 'usa-prop-panel') {
|
|
|
8907
8909
|
}
|
|
8908
8910
|
}
|
|
8909
8911
|
return UsaPropPanel;
|
|
8910
|
-
}, { id: 'prop-panel', text: css$
|
|
8912
|
+
}, { id: 'prop-panel', text: css$e });
|
|
8911
8913
|
}
|
|
8912
8914
|
|
|
8913
|
-
var css$
|
|
8915
|
+
var css$d = "usa-motion{display:block}";
|
|
8914
8916
|
|
|
8915
8917
|
function defineMotion(tag = 'usa-motion') {
|
|
8916
8918
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8937,10 +8939,10 @@ function defineMotion(tag = 'usa-motion') {
|
|
|
8937
8939
|
}
|
|
8938
8940
|
}
|
|
8939
8941
|
return UsaMotion;
|
|
8940
|
-
}, { id: 'motion', text: css$
|
|
8942
|
+
}, { id: 'motion', text: css$d });
|
|
8941
8943
|
}
|
|
8942
8944
|
|
|
8943
|
-
var css$
|
|
8945
|
+
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}";
|
|
8944
8946
|
|
|
8945
8947
|
const esc$1 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8946
8948
|
function definePluginStore(tag = 'usa-plugin-store') {
|
|
@@ -9026,10 +9028,10 @@ function definePluginStore(tag = 'usa-plugin-store') {
|
|
|
9026
9028
|
}
|
|
9027
9029
|
}
|
|
9028
9030
|
return UsaPluginStore;
|
|
9029
|
-
}, { id: 'plugin-store', text: css$
|
|
9031
|
+
}, { id: 'plugin-store', text: css$c });
|
|
9030
9032
|
}
|
|
9031
9033
|
|
|
9032
|
-
var css$
|
|
9034
|
+
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}}";
|
|
9033
9035
|
|
|
9034
9036
|
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
9035
9037
|
function defineChapterNav(tag = 'usa-chapter-nav') {
|
|
@@ -9103,10 +9105,10 @@ function defineChapterNav(tag = 'usa-chapter-nav') {
|
|
|
9103
9105
|
}
|
|
9104
9106
|
}
|
|
9105
9107
|
return UsaChapterNav;
|
|
9106
|
-
}, { id: 'chapter-nav', text: css$
|
|
9108
|
+
}, { id: 'chapter-nav', text: css$b });
|
|
9107
9109
|
}
|
|
9108
9110
|
|
|
9109
|
-
var css$
|
|
9111
|
+
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}}";
|
|
9110
9112
|
|
|
9111
9113
|
function defineScene(tag = 'usa-scene') {
|
|
9112
9114
|
return base.defineElement(tag, (Base) => {
|
|
@@ -9180,10 +9182,10 @@ function defineScene(tag = 'usa-scene') {
|
|
|
9180
9182
|
}
|
|
9181
9183
|
}
|
|
9182
9184
|
return UsaScene;
|
|
9183
|
-
}, { id: 'scene', text: css$
|
|
9185
|
+
}, { id: 'scene', text: css$a });
|
|
9184
9186
|
}
|
|
9185
9187
|
|
|
9186
|
-
var css$
|
|
9188
|
+
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}";
|
|
9187
9189
|
|
|
9188
9190
|
function defineLottie(tag = 'usa-lottie') {
|
|
9189
9191
|
return base.defineElement(tag, (Base) => {
|
|
@@ -9275,10 +9277,10 @@ function defineLottie(tag = 'usa-lottie') {
|
|
|
9275
9277
|
}
|
|
9276
9278
|
}
|
|
9277
9279
|
return UsaLottie;
|
|
9278
|
-
}, { id: 'lottie', text: css$
|
|
9280
|
+
}, { id: 'lottie', text: css$9 });
|
|
9279
9281
|
}
|
|
9280
9282
|
|
|
9281
|
-
var css$
|
|
9283
|
+
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%}";
|
|
9282
9284
|
|
|
9283
9285
|
const fill = (r, g, b) => ({ ty: 'fl', c: { k: [r, g, b, 1] } });
|
|
9284
9286
|
const sh = (v, c = true) => ({ ty: 'sh', ks: { k: { v, i: v.map(() => [0, 0]), o: v.map(() => [0, 0]), c } } });
|
|
@@ -9355,10 +9357,10 @@ function defineLottieIcon(tag = 'usa-lottie-icon') {
|
|
|
9355
9357
|
}
|
|
9356
9358
|
}
|
|
9357
9359
|
return UsaLottieIcon;
|
|
9358
|
-
}, { id: 'lottie-icon', text: css$
|
|
9360
|
+
}, { id: 'lottie-icon', text: css$8 });
|
|
9359
9361
|
}
|
|
9360
9362
|
|
|
9361
|
-
var css$
|
|
9363
|
+
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}";
|
|
9362
9364
|
|
|
9363
9365
|
const ARTS = ['flow', 'circles', 'truchet', 'waves'];
|
|
9364
9366
|
function defineGenArt(tag = 'usa-gen-art') {
|
|
@@ -9538,10 +9540,10 @@ function defineGenArt(tag = 'usa-gen-art') {
|
|
|
9538
9540
|
}
|
|
9539
9541
|
}
|
|
9540
9542
|
return UsaGenArt;
|
|
9541
|
-
}, { id: 'gen-art', text: css$
|
|
9543
|
+
}, { id: 'gen-art', text: css$7 });
|
|
9542
9544
|
}
|
|
9543
9545
|
|
|
9544
|
-
var css$
|
|
9546
|
+
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}";
|
|
9545
9547
|
|
|
9546
9548
|
const STYLES = ['mesh', 'grain', 'stripes', 'dots'];
|
|
9547
9549
|
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\")";
|
|
@@ -9628,10 +9630,10 @@ function defineBgGenerator(tag = 'usa-bg-generator') {
|
|
|
9628
9630
|
}
|
|
9629
9631
|
}
|
|
9630
9632
|
return UsaBgGenerator;
|
|
9631
|
-
}, { id: 'bg-generator', text: css$
|
|
9633
|
+
}, { id: 'bg-generator', text: css$6 });
|
|
9632
9634
|
}
|
|
9633
9635
|
|
|
9634
|
-
var css$
|
|
9636
|
+
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}}";
|
|
9635
9637
|
|
|
9636
9638
|
const fmt = (s) => (Number.isFinite(s) && s > 0 ? `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}` : '');
|
|
9637
9639
|
function defineVideoCard(tag = 'usa-video-card') {
|
|
@@ -9713,10 +9715,10 @@ function defineVideoCard(tag = 'usa-video-card') {
|
|
|
9713
9715
|
}
|
|
9714
9716
|
}
|
|
9715
9717
|
return UsaVideoCard;
|
|
9716
|
-
}, { id: 'video-card', text: css$
|
|
9718
|
+
}, { id: 'video-card', text: css$5 });
|
|
9717
9719
|
}
|
|
9718
9720
|
|
|
9719
|
-
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}}";
|
|
9721
|
+
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}}";
|
|
9720
9722
|
|
|
9721
9723
|
function defineHeroVideo(tag = 'usa-hero-video') {
|
|
9722
9724
|
return base.defineElement(tag, (Base) => {
|
|
@@ -9788,7 +9790,262 @@ function defineHeroVideo(tag = 'usa-hero-video') {
|
|
|
9788
9790
|
}
|
|
9789
9791
|
}
|
|
9790
9792
|
return UsaHeroVideo;
|
|
9791
|
-
}, { id: 'hero-video', text: css });
|
|
9793
|
+
}, { id: 'hero-video', text: css$4 });
|
|
9794
|
+
}
|
|
9795
|
+
|
|
9796
|
+
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}";
|
|
9797
|
+
|
|
9798
|
+
const LEVELS = [
|
|
9799
|
+
['full', 'Full', 'All motion'],
|
|
9800
|
+
['gentle', 'Gentle', 'Smaller, softer moves'],
|
|
9801
|
+
['minimal', 'Minimal', 'Fades only'],
|
|
9802
|
+
['static', 'None', 'No animation'],
|
|
9803
|
+
];
|
|
9804
|
+
function defineMotionPrefs(tag = 'usa-motion-prefs') {
|
|
9805
|
+
return base.defineElement(tag, (Base) => {
|
|
9806
|
+
class UsaMotionPrefs extends Base {
|
|
9807
|
+
constructor() {
|
|
9808
|
+
super(...arguments);
|
|
9809
|
+
this._p = components_fxSafe.loadMotionPreferences();
|
|
9810
|
+
}
|
|
9811
|
+
static get observedAttributes() {
|
|
9812
|
+
return ['label'];
|
|
9813
|
+
}
|
|
9814
|
+
get prefs() {
|
|
9815
|
+
return { ...this._p };
|
|
9816
|
+
}
|
|
9817
|
+
mount() {
|
|
9818
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9819
|
+
this._p = components_fxSafe.loadMotionPreferences();
|
|
9820
|
+
const id = `usa-mp-${Math.random().toString(36).slice(2, 7)}`;
|
|
9821
|
+
const p = this._p;
|
|
9822
|
+
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>`);
|
|
9823
|
+
const form = this.querySelector('form');
|
|
9824
|
+
this.listen(form, 'submit', (e) => e.preventDefault());
|
|
9825
|
+
const read = () => {
|
|
9826
|
+
const lv = form.querySelector(`input[name="${id}"]:checked`)?.value;
|
|
9827
|
+
const sp = Number(form.querySelector('[data-k=speed]').value);
|
|
9828
|
+
form.querySelector('output').textContent = `${sp}×`;
|
|
9829
|
+
this.set({ sensitivity: lv || 'full', speed: sp, pauseAutoplay: form.querySelector('[data-k=pauseAutoplay]').checked, noParallax: form.querySelector('[data-k=noParallax]').checked });
|
|
9830
|
+
};
|
|
9831
|
+
this.listen(form, 'change', read);
|
|
9832
|
+
this.listen(form, 'input', read);
|
|
9833
|
+
this.listen(this.querySelector('.usa-mp-reset'), 'click', () => this.reset());
|
|
9834
|
+
this.sample();
|
|
9835
|
+
}
|
|
9836
|
+
set(p) {
|
|
9837
|
+
this._p = components_fxSafe.applyMotionPreferences(p);
|
|
9838
|
+
this.sample();
|
|
9839
|
+
this.emit('change', { prefs: this.prefs });
|
|
9840
|
+
}
|
|
9841
|
+
sample() {
|
|
9842
|
+
const dot = this.querySelector('.usa-mp-sample i');
|
|
9843
|
+
if (!dot)
|
|
9844
|
+
return;
|
|
9845
|
+
dot.getAnimations?.().forEach((a) => a.cancel());
|
|
9846
|
+
const lv = this._p.sensitivity;
|
|
9847
|
+
if (lv === 'static' || this.reduced)
|
|
9848
|
+
return;
|
|
9849
|
+
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)' }];
|
|
9850
|
+
dot.animate?.(kf, { duration: 1600 / this._p.speed, iterations: Infinity, easing: 'ease-in-out' });
|
|
9851
|
+
}
|
|
9852
|
+
reset() {
|
|
9853
|
+
this._p = components_fxSafe.applyMotionPreferences({});
|
|
9854
|
+
this.changed('reset');
|
|
9855
|
+
this.emit('change', { prefs: this.prefs });
|
|
9856
|
+
}
|
|
9857
|
+
}
|
|
9858
|
+
return UsaMotionPrefs;
|
|
9859
|
+
}, { id: 'motion-prefs', text: css$3 });
|
|
9860
|
+
}
|
|
9861
|
+
|
|
9862
|
+
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}";
|
|
9863
|
+
|
|
9864
|
+
function definePauseAll(tag = 'usa-pause-all') {
|
|
9865
|
+
return base.defineElement(tag, (Base) => {
|
|
9866
|
+
class UsaPauseAll extends Base {
|
|
9867
|
+
constructor() {
|
|
9868
|
+
super(...arguments);
|
|
9869
|
+
this._held = [];
|
|
9870
|
+
this._media = [];
|
|
9871
|
+
this._local = false;
|
|
9872
|
+
this.sync = () => undefined;
|
|
9873
|
+
}
|
|
9874
|
+
static get observedAttributes() {
|
|
9875
|
+
return ['label', 'scope', 'resume-label'];
|
|
9876
|
+
}
|
|
9877
|
+
root() {
|
|
9878
|
+
const s = this.str('scope');
|
|
9879
|
+
return s ? document.querySelector(s) : null;
|
|
9880
|
+
}
|
|
9881
|
+
get paused() {
|
|
9882
|
+
return this.str('scope') ? this._local : base.getClock().paused;
|
|
9883
|
+
}
|
|
9884
|
+
mount() {
|
|
9885
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9886
|
+
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>`);
|
|
9887
|
+
const b = this.querySelector('.usa-pa-btn');
|
|
9888
|
+
this.listen(b, 'click', () => this.toggle());
|
|
9889
|
+
this.sync = () => {
|
|
9890
|
+
const p = this.paused;
|
|
9891
|
+
b.setAttribute('aria-pressed', String(p));
|
|
9892
|
+
b.querySelector('.usa-pa-text').textContent = p ? this.str('resume-label', 'Play animations') : this.str('label', 'Pause animations');
|
|
9893
|
+
this.setFlag('data-paused', p);
|
|
9894
|
+
};
|
|
9895
|
+
this.onCleanup(base.onClockChange(() => this.sync()));
|
|
9896
|
+
this.sync();
|
|
9897
|
+
}
|
|
9898
|
+
toggle() {
|
|
9899
|
+
const pause = !this.paused;
|
|
9900
|
+
const scoped = !!this.str('scope');
|
|
9901
|
+
const root = scoped ? this.root() : document.documentElement;
|
|
9902
|
+
if (!root)
|
|
9903
|
+
return;
|
|
9904
|
+
if (pause) {
|
|
9905
|
+
const all = scoped ? root.getAnimations?.({ subtree: true }) || [] : typeof document.getAnimations === 'function' ? document.getAnimations() : [];
|
|
9906
|
+
this._held = all.filter((a) => a.playState === 'running');
|
|
9907
|
+
this._held.forEach((a) => a.pause());
|
|
9908
|
+
this._media = Array.from(root.querySelectorAll('video, audio')).filter((m) => !m.paused);
|
|
9909
|
+
this._media.forEach((m) => m.pause());
|
|
9910
|
+
root.setAttribute('data-usa-paused', '');
|
|
9911
|
+
}
|
|
9912
|
+
else {
|
|
9913
|
+
this._held.splice(0).forEach((a) => a.play());
|
|
9914
|
+
this._media.splice(0).forEach((m) => m.play?.()?.catch?.(() => undefined));
|
|
9915
|
+
root.removeAttribute('data-usa-paused');
|
|
9916
|
+
}
|
|
9917
|
+
if (scoped) {
|
|
9918
|
+
this._local = pause;
|
|
9919
|
+
this.sync();
|
|
9920
|
+
}
|
|
9921
|
+
else
|
|
9922
|
+
base.setClock({ paused: pause });
|
|
9923
|
+
this.emit('pause-all', { paused: pause });
|
|
9924
|
+
}
|
|
9925
|
+
}
|
|
9926
|
+
return UsaPauseAll;
|
|
9927
|
+
}, { id: 'pause-all', text: css$2 });
|
|
9928
|
+
}
|
|
9929
|
+
|
|
9930
|
+
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}";
|
|
9931
|
+
|
|
9932
|
+
function definePerfMonitor(tag = 'usa-perf-monitor') {
|
|
9933
|
+
return base.defineElement(tag, (Base) => {
|
|
9934
|
+
class UsaPerfMonitor extends Base {
|
|
9935
|
+
constructor() {
|
|
9936
|
+
super(...arguments);
|
|
9937
|
+
this._s = { fps: 0, animations: 0, loops: 0, longTasks: 0, clock: 'running' };
|
|
9938
|
+
}
|
|
9939
|
+
static get observedAttributes() {
|
|
9940
|
+
return ['corner', 'warn'];
|
|
9941
|
+
}
|
|
9942
|
+
get stats() {
|
|
9943
|
+
return { ...this._s };
|
|
9944
|
+
}
|
|
9945
|
+
mount() {
|
|
9946
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9947
|
+
const corner = ['top-left', 'bottom-right', 'bottom-left', 'inline'].includes(this.str('corner')) ? this.str('corner') : 'top-right';
|
|
9948
|
+
this.setAttribute('data-corner', corner);
|
|
9949
|
+
this.setAttribute('role', 'status');
|
|
9950
|
+
this.setAttribute('aria-label', 'Performance monitor');
|
|
9951
|
+
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>`);
|
|
9952
|
+
const head = this.querySelector('.usa-pm-head');
|
|
9953
|
+
this.listen(head, 'click', () => {
|
|
9954
|
+
const open = head.getAttribute('aria-expanded') !== 'true';
|
|
9955
|
+
head.setAttribute('aria-expanded', String(open));
|
|
9956
|
+
this.toggleAttribute('collapsed', !open);
|
|
9957
|
+
});
|
|
9958
|
+
const meter = components_fxPerf.fpsMeter(40);
|
|
9959
|
+
this.onCleanup(() => meter.stop());
|
|
9960
|
+
let longTasks = 0;
|
|
9961
|
+
if (typeof PerformanceObserver !== 'undefined')
|
|
9962
|
+
try {
|
|
9963
|
+
const po = new PerformanceObserver((l) => (longTasks += l.getEntries().length));
|
|
9964
|
+
po.observe({ type: 'longtask', buffered: true });
|
|
9965
|
+
this.onCleanup(() => po.disconnect());
|
|
9966
|
+
}
|
|
9967
|
+
catch {
|
|
9968
|
+
/* longtask not supported */
|
|
9969
|
+
}
|
|
9970
|
+
const hist = [];
|
|
9971
|
+
let jank = false;
|
|
9972
|
+
const tick = () => {
|
|
9973
|
+
const c = base.getClock();
|
|
9974
|
+
this._s = { fps: meter.fps, animations: base.activeAnimations(), loops: base.schedulerStats().loops, longTasks, clock: c.paused ? 'paused' : c.rate === 1 ? 'running' : `${c.rate}×` };
|
|
9975
|
+
hist.push(this._s.fps);
|
|
9976
|
+
if (hist.length > 30)
|
|
9977
|
+
hist.shift();
|
|
9978
|
+
this.querySelector('.usa-pm-fps').textContent = this._s.fps ? String(this._s.fps) : '–';
|
|
9979
|
+
for (const k of ['animations', 'loops', 'longTasks', 'clock']) {
|
|
9980
|
+
const d = this.querySelector(`[data-k=${k}]`);
|
|
9981
|
+
if (d)
|
|
9982
|
+
d.textContent = String(this._s[k]);
|
|
9983
|
+
}
|
|
9984
|
+
const max = 70;
|
|
9985
|
+
this.querySelector('.usa-pm-spark polyline')?.setAttribute('points', hist.map((v, i) => `${(i / 29) * 60},${20 - (Math.min(v, max) / max) * 20}`).join(' '));
|
|
9986
|
+
const low = this._s.fps > 0 && this._s.fps < this.num('warn', 45);
|
|
9987
|
+
this.setFlag('data-jank', low);
|
|
9988
|
+
if (low && !jank)
|
|
9989
|
+
this.emit('jank', { fps: this._s.fps });
|
|
9990
|
+
jank = low;
|
|
9991
|
+
};
|
|
9992
|
+
const id = setInterval(tick, 500);
|
|
9993
|
+
this.onCleanup(() => clearInterval(id));
|
|
9994
|
+
tick();
|
|
9995
|
+
}
|
|
9996
|
+
}
|
|
9997
|
+
return UsaPerfMonitor;
|
|
9998
|
+
}, { id: 'perf-monitor', text: css$1 });
|
|
9999
|
+
}
|
|
10000
|
+
|
|
10001
|
+
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%}";
|
|
10002
|
+
|
|
10003
|
+
const WORKER_SCENES = {
|
|
10004
|
+
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(); } }`,
|
|
10005
|
+
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(); } }`,
|
|
10006
|
+
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); } }`,
|
|
10007
|
+
};
|
|
10008
|
+
function defineWorkerCanvas(tag = 'usa-worker-canvas') {
|
|
10009
|
+
return base.defineElement(tag, (Base) => {
|
|
10010
|
+
class UsaWorkerCanvas extends Base {
|
|
10011
|
+
constructor() {
|
|
10012
|
+
super(...arguments);
|
|
10013
|
+
this._prog = null;
|
|
10014
|
+
this._backend = 'none';
|
|
10015
|
+
}
|
|
10016
|
+
static get observedAttributes() {
|
|
10017
|
+
return ['scene', 'label'];
|
|
10018
|
+
}
|
|
10019
|
+
get program() {
|
|
10020
|
+
return this._prog;
|
|
10021
|
+
}
|
|
10022
|
+
set program(p) {
|
|
10023
|
+
this._prog = p;
|
|
10024
|
+
if (this.isConnected)
|
|
10025
|
+
this.changed('program');
|
|
10026
|
+
}
|
|
10027
|
+
get backend() {
|
|
10028
|
+
return this._backend;
|
|
10029
|
+
}
|
|
10030
|
+
mount() {
|
|
10031
|
+
this.querySelectorAll(':scope > canvas[data-usa-part]').forEach((n) => n.remove());
|
|
10032
|
+
const scene = WORKER_SCENES[this.str('scene')] ? this.str('scene') : 'particles';
|
|
10033
|
+
this.setAttribute('role', 'img');
|
|
10034
|
+
this.setAttribute('aria-label', this.str('label', `Animated ${scene}`));
|
|
10035
|
+
const c = document.createElement('canvas');
|
|
10036
|
+
c.setAttribute('data-usa-part', '');
|
|
10037
|
+
c.width = Math.max(60, Math.round(this.clientWidth || 300));
|
|
10038
|
+
c.height = Math.max(40, Math.round(this.clientHeight || 160));
|
|
10039
|
+
this.prepend(c);
|
|
10040
|
+
const r = components_fxPerf.offscreenRender(c, this._prog || WORKER_SCENES[scene], { paused: this.reduced });
|
|
10041
|
+
this._backend = r.backend;
|
|
10042
|
+
this.setAttribute('data-usa-backend', r.backend);
|
|
10043
|
+
this.emit('backend', { backend: r.backend });
|
|
10044
|
+
this.onCleanup(() => r.stop());
|
|
10045
|
+
}
|
|
10046
|
+
}
|
|
10047
|
+
return UsaWorkerCanvas;
|
|
10048
|
+
}, { id: 'worker-canvas', text: css });
|
|
9792
10049
|
}
|
|
9793
10050
|
|
|
9794
10051
|
/**
|
|
@@ -9837,6 +10094,8 @@ const WIDGETS = {
|
|
|
9837
10094
|
'9.2': { 'usa-lottie': defineLottie, 'usa-lottie-icon': defineLottieIcon },
|
|
9838
10095
|
'9.3': { 'usa-gen-art': defineGenArt, 'usa-bg-generator': defineBgGenerator },
|
|
9839
10096
|
'9.4': { 'usa-video-card': defineVideoCard, 'usa-hero-video': defineHeroVideo },
|
|
10097
|
+
'9.5': { 'usa-motion-prefs': defineMotionPrefs, 'usa-pause-all': definePauseAll },
|
|
10098
|
+
'9.6': { 'usa-perf-monitor': definePerfMonitor, 'usa-worker-canvas': defineWorkerCanvas },
|
|
9840
10099
|
};
|
|
9841
10100
|
/** Every widget tag, in release order. */
|
|
9842
10101
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -9870,6 +10129,7 @@ exports.TOGGLE_VARIANTS = TOGGLE_VARIANTS;
|
|
|
9870
10129
|
exports.WEATHER_CONDITIONS = WEATHER_CONDITIONS;
|
|
9871
10130
|
exports.WIDGETS = WIDGETS;
|
|
9872
10131
|
exports.WIDGET_TAGS = WIDGET_TAGS;
|
|
10132
|
+
exports.WORKER_SCENES = WORKER_SCENES;
|
|
9873
10133
|
exports.backgroundCss = backgroundCss;
|
|
9874
10134
|
exports.badgeProgress = badgeProgress;
|
|
9875
10135
|
exports.cartTotal = cartTotal;
|
|
@@ -9919,6 +10179,7 @@ exports.defineMessageList = defineMessageList;
|
|
|
9919
10179
|
exports.defineMilestones = defineMilestones;
|
|
9920
10180
|
exports.defineModal = defineModal;
|
|
9921
10181
|
exports.defineMotion = defineMotion;
|
|
10182
|
+
exports.defineMotionPrefs = defineMotionPrefs;
|
|
9922
10183
|
exports.defineMusicPlayer = defineMusicPlayer;
|
|
9923
10184
|
exports.defineNavMorph = defineNavMorph;
|
|
9924
10185
|
exports.defineNotificationBell = defineNotificationBell;
|
|
@@ -9927,6 +10188,8 @@ exports.defineOrganicCard = defineOrganicCard;
|
|
|
9927
10188
|
exports.defineOtp = defineOtp;
|
|
9928
10189
|
exports.definePagination = definePagination;
|
|
9929
10190
|
exports.definePanorama = definePanorama;
|
|
10191
|
+
exports.definePauseAll = definePauseAll;
|
|
10192
|
+
exports.definePerfMonitor = definePerfMonitor;
|
|
9930
10193
|
exports.definePluginStore = definePluginStore;
|
|
9931
10194
|
exports.definePresence = definePresence;
|
|
9932
10195
|
exports.definePrizeWheel = definePrizeWheel;
|
|
@@ -9965,6 +10228,7 @@ exports.defineVoiceButton = defineVoiceButton;
|
|
|
9965
10228
|
exports.defineVolumeKnob = defineVolumeKnob;
|
|
9966
10229
|
exports.defineWeatherCard = defineWeatherCard;
|
|
9967
10230
|
exports.defineWidgets = defineWidgets;
|
|
10231
|
+
exports.defineWorkerCanvas = defineWorkerCanvas;
|
|
9968
10232
|
exports.defineXpBar = defineXpBar;
|
|
9969
10233
|
exports.describeComponent = describeComponent;
|
|
9970
10234
|
exports.exportComponent = exportComponent;
|