use-scroll-animate 8.9.0 → 9.1.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 +31 -0
- package/README.md +2 -2
- package/README_ja.md +2 -2
- package/README_zh.md +2 -2
- package/dist/chunks/manifest-B08-vo9G.cjs +81 -0
- package/dist/chunks/manifest-B08-vo9G.cjs.map +1 -0
- package/dist/chunks/manifest-PJ0h8RS_.js +76 -0
- package/dist/chunks/manifest-PJ0h8RS_.js.map +1 -0
- package/dist/components/dsl.cjs +210 -0
- package/dist/components/dsl.cjs.map +1 -0
- package/dist/components/dsl.d.cts +76 -0
- package/dist/components/dsl.d.ts +76 -0
- package/dist/components/dsl.js +203 -0
- package/dist/components/dsl.js.map +1 -0
- package/dist/components/effects.cjs +6 -29
- package/dist/components/effects.cjs.map +1 -1
- package/dist/components/effects.d.cts +3 -14
- package/dist/components/effects.d.ts +3 -14
- package/dist/components/effects.js +8 -27
- package/dist/components/effects.js.map +1 -1
- package/dist/components/fx-cinema.cjs +100 -0
- package/dist/components/fx-cinema.cjs.map +1 -0
- package/dist/components/fx-cinema.d.cts +70 -0
- package/dist/components/fx-cinema.d.ts +70 -0
- package/dist/components/fx-cinema.js +95 -0
- package/dist/components/fx-cinema.js.map +1 -0
- package/dist/components/fx2.cjs +12 -5
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.d.cts +25 -1
- package/dist/components/fx2.d.ts +25 -1
- package/dist/components/fx2.js +6 -2
- package/dist/components/fx2.js.map +1 -1
- package/dist/components/marketplace.cjs +82 -71
- package/dist/components/marketplace.cjs.map +1 -1
- package/dist/components/marketplace.d.cts +33 -2
- package/dist/components/marketplace.d.ts +33 -2
- package/dist/components/marketplace.js +74 -68
- package/dist/components/marketplace.js.map +1 -1
- package/dist/components/widgets.cjs +481 -198
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +131 -2
- package/dist/components/widgets.d.ts +131 -2
- package/dist/components/widgets.js +479 -200
- package/dist/components/widgets.js.map +1 -1
- package/dist/components.umd.js +2 -2
- package/dist/components.umd.js.map +1 -1
- package/dist/widgets.umd.js +1 -1
- package/dist/widgets.umd.js.map +1 -1
- package/docs/ROADMAP.md +12 -14
- package/docs/components.md +48 -5
- package/docs/deprecations.md +1 -1
- package/docs/upgrading-9.md +11 -1
- package/package.json +51 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { u as defineElement, k as clamp, y as getClock, x as setClock, v as onClockChange } from '../chunks/base-CLuqlLfG.js';
|
|
1
|
+
import { u as defineElement, k as clamp, y as getClock, x as setClock, v as onClockChange, o as onFrame } from '../chunks/base-CLuqlLfG.js';
|
|
2
2
|
import { d as springEasing } from '../chunks/spring-BFKNHmfl.js';
|
|
3
3
|
import { A as ANIMATION_FORMAT, c as createPlayer } from '../chunks/player-YzQGkKaW.js';
|
|
4
4
|
import { getEffect, playEffect } from '../chunks/registry-CnO7ZVPK.js';
|
|
@@ -10,9 +10,13 @@ import { paperRandom, roughLine } from './fx-paper.js';
|
|
|
10
10
|
import { SURFACE_THEMES, applySurfaceTheme } from './fx-surface.js';
|
|
11
11
|
import { orientationToTilt, pinchAngle, pinchScale } from './fx-gesture.js';
|
|
12
12
|
import { xrSupport, yawToOffset } from './fx-spatial.js';
|
|
13
|
+
import { parseMotion, bindMotion } from './dsl.js';
|
|
14
|
+
import { MARKETPLACE, searchPlugins, installedPlugins, installPlugin } from './marketplace.js';
|
|
15
|
+
import { CAMERA_MOVES, cameraFrame } from './fx-cinema.js';
|
|
13
16
|
import '../chunks/core-CiN5sqxB.js';
|
|
14
17
|
import './tokens.js';
|
|
15
18
|
import '../chunks/fx-CQv3IxMf.js';
|
|
19
|
+
import '../chunks/manifest-PJ0h8RS_.js';
|
|
16
20
|
|
|
17
21
|
/** Helpers shared by the 6.x widgets (`motionary/components/widgets`). */
|
|
18
22
|
const clampN = (v, a, b) => Math.min(b, Math.max(a, v));
|
|
@@ -49,7 +53,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
49
53
|
return -1;
|
|
50
54
|
}
|
|
51
55
|
|
|
52
|
-
var css$
|
|
56
|
+
var css$1j = "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}";
|
|
53
57
|
|
|
54
58
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
55
59
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -238,10 +242,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
238
242
|
}
|
|
239
243
|
}
|
|
240
244
|
return UsaCarousel;
|
|
241
|
-
}, { id: 'carousel', text: css$
|
|
245
|
+
}, { id: 'carousel', text: css$1j });
|
|
242
246
|
}
|
|
243
247
|
|
|
244
|
-
var css$
|
|
248
|
+
var css$1i = "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}";
|
|
245
249
|
|
|
246
250
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
247
251
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -354,10 +358,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
354
358
|
}
|
|
355
359
|
}
|
|
356
360
|
return UsaTabBar;
|
|
357
|
-
}, { id: 'tab-bar', text: css$
|
|
361
|
+
}, { id: 'tab-bar', text: css$1i });
|
|
358
362
|
}
|
|
359
363
|
|
|
360
|
-
var css$
|
|
364
|
+
var css$1h = "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}}";
|
|
361
365
|
|
|
362
366
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
363
367
|
return defineElement(tag, (Base) => {
|
|
@@ -425,10 +429,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
425
429
|
}
|
|
426
430
|
}
|
|
427
431
|
return UsaDisclosure;
|
|
428
|
-
}, { id: 'disclosure', text: css$
|
|
432
|
+
}, { id: 'disclosure', text: css$1h });
|
|
429
433
|
}
|
|
430
434
|
|
|
431
|
-
var css$
|
|
435
|
+
var css$1g = "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}}";
|
|
432
436
|
|
|
433
437
|
function defineStories(tag = 'usa-stories') {
|
|
434
438
|
return defineElement(tag, (Base) => {
|
|
@@ -561,10 +565,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
561
565
|
}
|
|
562
566
|
}
|
|
563
567
|
return UsaStories;
|
|
564
|
-
}, { id: 'stories', text: css$
|
|
568
|
+
}, { id: 'stories', text: css$1g });
|
|
565
569
|
}
|
|
566
570
|
|
|
567
|
-
var css$
|
|
571
|
+
var css$1f = "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)}}";
|
|
568
572
|
|
|
569
573
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
570
574
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -791,12 +795,12 @@ function defineOverlay(tag, kind) {
|
|
|
791
795
|
}
|
|
792
796
|
}
|
|
793
797
|
return UsaOverlay;
|
|
794
|
-
}, { id: 'overlay', text: css$
|
|
798
|
+
}, { id: 'overlay', text: css$1f });
|
|
795
799
|
}
|
|
796
800
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
797
801
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
798
802
|
|
|
799
|
-
var css$
|
|
803
|
+
var css$1e = "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}}";
|
|
800
804
|
|
|
801
805
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
802
806
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -967,7 +971,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
967
971
|
}
|
|
968
972
|
}
|
|
969
973
|
return UsaToastStack;
|
|
970
|
-
}, { id: 'toast', text: css$
|
|
974
|
+
}, { id: 'toast', text: css$1e });
|
|
971
975
|
}
|
|
972
976
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
973
977
|
function stackToast(input, stack) {
|
|
@@ -995,7 +999,7 @@ function installToastTriggers() {
|
|
|
995
999
|
});
|
|
996
1000
|
}
|
|
997
1001
|
|
|
998
|
-
var css$
|
|
1002
|
+
var css$1d = "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)}}";
|
|
999
1003
|
|
|
1000
1004
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
1001
1005
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1134,10 +1138,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1134
1138
|
}
|
|
1135
1139
|
}
|
|
1136
1140
|
return UsaMenu;
|
|
1137
|
-
}, { id: 'menu', text: css$
|
|
1141
|
+
}, { id: 'menu', text: css$1d });
|
|
1138
1142
|
}
|
|
1139
1143
|
|
|
1140
|
-
var css$
|
|
1144
|
+
var css$1c = "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}}";
|
|
1141
1145
|
|
|
1142
1146
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1143
1147
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1277,7 +1281,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1277
1281
|
}
|
|
1278
1282
|
}
|
|
1279
1283
|
return UsaProgressRing;
|
|
1280
|
-
}, { id: 'meters', text: css$
|
|
1284
|
+
}, { id: 'meters', text: css$1c });
|
|
1281
1285
|
}
|
|
1282
1286
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1283
1287
|
return defineElement(tag, (Base) => {
|
|
@@ -1387,10 +1391,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1387
1391
|
}
|
|
1388
1392
|
}
|
|
1389
1393
|
return UsaOdometer;
|
|
1390
|
-
}, { id: 'meters', text: css$
|
|
1394
|
+
}, { id: 'meters', text: css$1c });
|
|
1391
1395
|
}
|
|
1392
1396
|
|
|
1393
|
-
var css$
|
|
1397
|
+
var css$1b = "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}}";
|
|
1394
1398
|
|
|
1395
1399
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1396
1400
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1505,10 +1509,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1505
1509
|
}
|
|
1506
1510
|
}
|
|
1507
1511
|
return UsaSkeletonReveal;
|
|
1508
|
-
}, { id: 'skeleton-reveal', text: css$
|
|
1512
|
+
}, { id: 'skeleton-reveal', text: css$1b });
|
|
1509
1513
|
}
|
|
1510
1514
|
|
|
1511
|
-
var css$
|
|
1515
|
+
var css$1a = "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}}";
|
|
1512
1516
|
|
|
1513
1517
|
const PATHS = {
|
|
1514
1518
|
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',
|
|
@@ -1645,10 +1649,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1645
1649
|
}
|
|
1646
1650
|
UsaStarRating.formAssociated = true;
|
|
1647
1651
|
return UsaStarRating;
|
|
1648
|
-
}, { id: 'star-rating', text: css$
|
|
1652
|
+
}, { id: 'star-rating', text: css$1a });
|
|
1649
1653
|
}
|
|
1650
1654
|
|
|
1651
|
-
var css$
|
|
1655
|
+
var css$19 = "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}}";
|
|
1652
1656
|
|
|
1653
1657
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1654
1658
|
return defineElement(tag, (Base) => {
|
|
@@ -1736,10 +1740,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1736
1740
|
}
|
|
1737
1741
|
}
|
|
1738
1742
|
return UsaMilestones;
|
|
1739
|
-
}, { id: 'milestones', text: css$
|
|
1743
|
+
}, { id: 'milestones', text: css$19 });
|
|
1740
1744
|
}
|
|
1741
1745
|
|
|
1742
|
-
var css$
|
|
1746
|
+
var css$18 = "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}";
|
|
1743
1747
|
|
|
1744
1748
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1745
1749
|
return defineElement(tag, (Base) => {
|
|
@@ -1860,10 +1864,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1860
1864
|
}
|
|
1861
1865
|
}
|
|
1862
1866
|
return UsaMasonryFlow;
|
|
1863
|
-
}, { id: 'masonry-flow', text: css$
|
|
1867
|
+
}, { id: 'masonry-flow', text: css$18 });
|
|
1864
1868
|
}
|
|
1865
1869
|
|
|
1866
|
-
var css$
|
|
1870
|
+
var css$17 = "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}";
|
|
1867
1871
|
|
|
1868
1872
|
function defineCompare(tag = 'usa-compare') {
|
|
1869
1873
|
return defineElement(tag, (Base) => {
|
|
@@ -1987,10 +1991,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1987
1991
|
}
|
|
1988
1992
|
}
|
|
1989
1993
|
return UsaCompare;
|
|
1990
|
-
}, { id: 'compare', text: css$
|
|
1994
|
+
}, { id: 'compare', text: css$17 });
|
|
1991
1995
|
}
|
|
1992
1996
|
|
|
1993
|
-
var css$
|
|
1997
|
+
var css$16 = "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}";
|
|
1994
1998
|
|
|
1995
1999
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
1996
2000
|
return defineElement(tag, (Base) => {
|
|
@@ -2123,10 +2127,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2123
2127
|
}
|
|
2124
2128
|
}
|
|
2125
2129
|
return UsaCubeGallery;
|
|
2126
|
-
}, { id: 'cube-gallery', text: css$
|
|
2130
|
+
}, { id: 'cube-gallery', text: css$16 });
|
|
2127
2131
|
}
|
|
2128
2132
|
|
|
2129
|
-
var css$
|
|
2133
|
+
var css$15 = "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}}";
|
|
2130
2134
|
|
|
2131
2135
|
function defineDock(tag = 'usa-dock') {
|
|
2132
2136
|
return defineElement(tag, (Base) => {
|
|
@@ -2194,10 +2198,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2194
2198
|
}
|
|
2195
2199
|
}
|
|
2196
2200
|
return UsaDock;
|
|
2197
|
-
}, { id: 'dock', text: css$
|
|
2201
|
+
}, { id: 'dock', text: css$15 });
|
|
2198
2202
|
}
|
|
2199
2203
|
|
|
2200
|
-
var css$
|
|
2204
|
+
var css$14 = "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)}";
|
|
2201
2205
|
|
|
2202
2206
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2203
2207
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2301,10 +2305,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2301
2305
|
}
|
|
2302
2306
|
}
|
|
2303
2307
|
return UsaNavMorph;
|
|
2304
|
-
}, { id: 'nav-morph', text: css$
|
|
2308
|
+
}, { id: 'nav-morph', text: css$14 });
|
|
2305
2309
|
}
|
|
2306
2310
|
|
|
2307
|
-
var css
|
|
2311
|
+
var css$13 = "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}";
|
|
2308
2312
|
|
|
2309
2313
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2310
2314
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2377,10 +2381,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2377
2381
|
}
|
|
2378
2382
|
}
|
|
2379
2383
|
return UsaMenuToggle;
|
|
2380
|
-
}, { id: 'menu-toggle', text: css
|
|
2384
|
+
}, { id: 'menu-toggle', text: css$13 });
|
|
2381
2385
|
}
|
|
2382
2386
|
|
|
2383
|
-
var css$
|
|
2387
|
+
var css$12 = "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)}";
|
|
2384
2388
|
|
|
2385
2389
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2386
2390
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2512,10 +2516,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2512
2516
|
}
|
|
2513
2517
|
}
|
|
2514
2518
|
return UsaTip;
|
|
2515
|
-
}, { id: 'tip', text: css$
|
|
2519
|
+
}, { id: 'tip', text: css$12 });
|
|
2516
2520
|
}
|
|
2517
2521
|
|
|
2518
|
-
var css$
|
|
2522
|
+
var css$11 = "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}}";
|
|
2519
2523
|
|
|
2520
2524
|
function defineStepper(tag = 'usa-stepper') {
|
|
2521
2525
|
return defineElement(tag, (Base) => {
|
|
@@ -2612,10 +2616,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2612
2616
|
}
|
|
2613
2617
|
}
|
|
2614
2618
|
return UsaStepper;
|
|
2615
|
-
}, { id: 'stepper', text: css$
|
|
2619
|
+
}, { id: 'stepper', text: css$11 });
|
|
2616
2620
|
}
|
|
2617
2621
|
|
|
2618
|
-
var css$
|
|
2622
|
+
var css$10 = "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}}";
|
|
2619
2623
|
|
|
2620
2624
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2621
2625
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2737,10 +2741,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2737
2741
|
}
|
|
2738
2742
|
}
|
|
2739
2743
|
return UsaPagination;
|
|
2740
|
-
}, { id: 'pagination', text: css$
|
|
2744
|
+
}, { id: 'pagination', text: css$10 });
|
|
2741
2745
|
}
|
|
2742
2746
|
|
|
2743
|
-
var css
|
|
2747
|
+
var css$$ = "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}}";
|
|
2744
2748
|
|
|
2745
2749
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2746
2750
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2834,10 +2838,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2834
2838
|
}
|
|
2835
2839
|
}
|
|
2836
2840
|
return UsaSegmented;
|
|
2837
|
-
}, { id: 'segmented', text: css
|
|
2841
|
+
}, { id: 'segmented', text: css$$ });
|
|
2838
2842
|
}
|
|
2839
2843
|
|
|
2840
|
-
var css$
|
|
2844
|
+
var css$_ = "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}}";
|
|
2841
2845
|
|
|
2842
2846
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2843
2847
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2925,10 +2929,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2925
2929
|
}
|
|
2926
2930
|
}
|
|
2927
2931
|
return UsaSwitch;
|
|
2928
|
-
}, { id: 'switch', text: css$
|
|
2932
|
+
}, { id: 'switch', text: css$_ });
|
|
2929
2933
|
}
|
|
2930
2934
|
|
|
2931
|
-
var css$
|
|
2935
|
+
var css$Z = "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}}";
|
|
2932
2936
|
|
|
2933
2937
|
function defineKanban(tag = 'usa-kanban') {
|
|
2934
2938
|
return defineElement(tag, (Base) => {
|
|
@@ -3133,10 +3137,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3133
3137
|
}
|
|
3134
3138
|
}
|
|
3135
3139
|
return UsaKanban;
|
|
3136
|
-
}, { id: 'kanban', text: css$
|
|
3140
|
+
}, { id: 'kanban', text: css$Z });
|
|
3137
3141
|
}
|
|
3138
3142
|
|
|
3139
|
-
var css$
|
|
3143
|
+
var css$Y = "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}}";
|
|
3140
3144
|
|
|
3141
3145
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3142
3146
|
return defineElement(tag, (Base) => {
|
|
@@ -3278,10 +3282,10 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3278
3282
|
}
|
|
3279
3283
|
}
|
|
3280
3284
|
return UsaSwipeDeck;
|
|
3281
|
-
}, { id: 'swipe-deck', text: css$
|
|
3285
|
+
}, { id: 'swipe-deck', text: css$Y });
|
|
3282
3286
|
}
|
|
3283
3287
|
|
|
3284
|
-
var css$
|
|
3288
|
+
var css$X = "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}}";
|
|
3285
3289
|
|
|
3286
3290
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3287
3291
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
@@ -3362,10 +3366,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3362
3366
|
}
|
|
3363
3367
|
}
|
|
3364
3368
|
return UsaWeatherCard;
|
|
3365
|
-
}, { id: 'weather-card', text: css$
|
|
3369
|
+
}, { id: 'weather-card', text: css$X });
|
|
3366
3370
|
}
|
|
3367
3371
|
|
|
3368
|
-
var css$
|
|
3372
|
+
var css$W = "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}}";
|
|
3369
3373
|
|
|
3370
3374
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3371
3375
|
return defineElement(tag, (Base) => {
|
|
@@ -3494,10 +3498,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3494
3498
|
}
|
|
3495
3499
|
}
|
|
3496
3500
|
return UsaPullCord;
|
|
3497
|
-
}, { id: 'pull-cord', text: css$
|
|
3501
|
+
}, { id: 'pull-cord', text: css$W });
|
|
3498
3502
|
}
|
|
3499
3503
|
|
|
3500
|
-
var css$
|
|
3504
|
+
var css$V = "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}}";
|
|
3501
3505
|
|
|
3502
3506
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3503
3507
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3646,10 +3650,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3646
3650
|
}
|
|
3647
3651
|
}
|
|
3648
3652
|
return UsaDatePicker;
|
|
3649
|
-
}, { id: 'date-picker', text: css$
|
|
3653
|
+
}, { id: 'date-picker', text: css$V });
|
|
3650
3654
|
}
|
|
3651
3655
|
|
|
3652
|
-
var css$
|
|
3656
|
+
var css$U = "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}}";
|
|
3653
3657
|
|
|
3654
3658
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3655
3659
|
function hsvToHex(h, s, v) {
|
|
@@ -3769,10 +3773,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3769
3773
|
}
|
|
3770
3774
|
}
|
|
3771
3775
|
return UsaColorPicker;
|
|
3772
|
-
}, { id: 'color-picker', text: css$
|
|
3776
|
+
}, { id: 'color-picker', text: css$U });
|
|
3773
3777
|
}
|
|
3774
3778
|
|
|
3775
|
-
var css$
|
|
3779
|
+
var css$T = "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}}";
|
|
3776
3780
|
|
|
3777
3781
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3778
3782
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3873,10 +3877,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3873
3877
|
}
|
|
3874
3878
|
}
|
|
3875
3879
|
return UsaFileDrop;
|
|
3876
|
-
}, { id: 'file-drop', text: css$
|
|
3880
|
+
}, { id: 'file-drop', text: css$T });
|
|
3877
3881
|
}
|
|
3878
3882
|
|
|
3879
|
-
var css$
|
|
3883
|
+
var css$S = "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}}";
|
|
3880
3884
|
|
|
3881
3885
|
const DEFAULT = {
|
|
3882
3886
|
format: ANIMATION_FORMAT,
|
|
@@ -4050,10 +4054,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4050
4054
|
}
|
|
4051
4055
|
}
|
|
4052
4056
|
return UsaKeyframeEditor;
|
|
4053
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4057
|
+
}, { id: 'keyframe-editor', text: css$S });
|
|
4054
4058
|
}
|
|
4055
4059
|
|
|
4056
|
-
var css$
|
|
4060
|
+
var css$R = "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}}";
|
|
4057
4061
|
|
|
4058
4062
|
const fmt = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4059
4063
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4214,10 +4218,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4214
4218
|
}
|
|
4215
4219
|
}
|
|
4216
4220
|
return UsaMusicPlayer;
|
|
4217
|
-
}, { id: 'music-player', text: css$
|
|
4221
|
+
}, { id: 'music-player', text: css$R });
|
|
4218
4222
|
}
|
|
4219
4223
|
|
|
4220
|
-
var css$
|
|
4224
|
+
var css$Q = "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}}";
|
|
4221
4225
|
|
|
4222
4226
|
const ARC = 270;
|
|
4223
4227
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4308,10 +4312,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4308
4312
|
}
|
|
4309
4313
|
}
|
|
4310
4314
|
return UsaVolumeKnob;
|
|
4311
|
-
}, { id: 'volume-knob', text: css$
|
|
4315
|
+
}, { id: 'volume-knob', text: css$Q });
|
|
4312
4316
|
}
|
|
4313
4317
|
|
|
4314
|
-
var css$
|
|
4318
|
+
var css$P = "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}}";
|
|
4315
4319
|
|
|
4316
4320
|
const EQ_PRESETS = {
|
|
4317
4321
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4409,10 +4413,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4409
4413
|
}
|
|
4410
4414
|
}
|
|
4411
4415
|
return UsaEqualizer;
|
|
4412
|
-
}, { id: 'equalizer', text: css$
|
|
4416
|
+
}, { id: 'equalizer', text: css$P });
|
|
4413
4417
|
}
|
|
4414
4418
|
|
|
4415
|
-
var css$
|
|
4419
|
+
var css$O = "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}}";
|
|
4416
4420
|
|
|
4417
4421
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4418
4422
|
function parseLRC(src) {
|
|
@@ -4524,10 +4528,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4524
4528
|
}
|
|
4525
4529
|
}
|
|
4526
4530
|
return UsaLyrics;
|
|
4527
|
-
}, { id: 'lyrics', text: css$
|
|
4531
|
+
}, { id: 'lyrics', text: css$O });
|
|
4528
4532
|
}
|
|
4529
4533
|
|
|
4530
|
-
var css$
|
|
4534
|
+
var css$N = "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}}";
|
|
4531
4535
|
|
|
4532
4536
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4533
4537
|
return defineElement(tag, (Base) => {
|
|
@@ -4621,10 +4625,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4621
4625
|
}
|
|
4622
4626
|
}
|
|
4623
4627
|
return UsaBarChart;
|
|
4624
|
-
}, { id: 'bar-chart', text: css$
|
|
4628
|
+
}, { id: 'bar-chart', text: css$N });
|
|
4625
4629
|
}
|
|
4626
4630
|
|
|
4627
|
-
var css$
|
|
4631
|
+
var css$M = "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)}";
|
|
4628
4632
|
|
|
4629
4633
|
function defineGauge(tag = 'usa-gauge') {
|
|
4630
4634
|
return defineElement(tag, (Base) => {
|
|
@@ -4709,10 +4713,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4709
4713
|
}
|
|
4710
4714
|
}
|
|
4711
4715
|
return UsaGauge;
|
|
4712
|
-
}, { id: 'gauge', text: css$
|
|
4716
|
+
}, { id: 'gauge', text: css$M });
|
|
4713
4717
|
}
|
|
4714
4718
|
|
|
4715
|
-
var css$
|
|
4719
|
+
var css$L = "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}}";
|
|
4716
4720
|
|
|
4717
4721
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4718
4722
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4835,7 +4839,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4835
4839
|
}
|
|
4836
4840
|
}
|
|
4837
4841
|
return UsaSparkline;
|
|
4838
|
-
}, { id: 'sparkline', text: css$
|
|
4842
|
+
}, { id: 'sparkline', text: css$L });
|
|
4839
4843
|
}
|
|
4840
4844
|
|
|
4841
4845
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4848,7 +4852,7 @@ function parseFigureText(s) {
|
|
|
4848
4852
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4849
4853
|
}
|
|
4850
4854
|
|
|
4851
|
-
var css$
|
|
4855
|
+
var css$K = "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}";
|
|
4852
4856
|
|
|
4853
4857
|
function defineKpi(tag = 'usa-kpi') {
|
|
4854
4858
|
return defineElement(tag, (Base) => {
|
|
@@ -4928,10 +4932,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4928
4932
|
}
|
|
4929
4933
|
}
|
|
4930
4934
|
return UsaKpi;
|
|
4931
|
-
}, { id: 'kpi', text: css$
|
|
4935
|
+
}, { id: 'kpi', text: css$K });
|
|
4932
4936
|
}
|
|
4933
4937
|
|
|
4934
|
-
var css$
|
|
4938
|
+
var css$J = "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}}";
|
|
4935
4939
|
|
|
4936
4940
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4937
4941
|
return defineElement(tag, (Base) => {
|
|
@@ -4976,10 +4980,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4976
4980
|
}
|
|
4977
4981
|
}
|
|
4978
4982
|
return UsaAddToCart;
|
|
4979
|
-
}, { id: 'add-to-cart', text: css$
|
|
4983
|
+
}, { id: 'add-to-cart', text: css$J });
|
|
4980
4984
|
}
|
|
4981
4985
|
|
|
4982
|
-
var css$
|
|
4986
|
+
var css$I = "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}";
|
|
4983
4987
|
|
|
4984
4988
|
/** Cart total (7.3). */
|
|
4985
4989
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5144,10 +5148,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5144
5148
|
}
|
|
5145
5149
|
}
|
|
5146
5150
|
return UsaCartDrawer;
|
|
5147
|
-
}, { id: 'cart-drawer', text: css$
|
|
5151
|
+
}, { id: 'cart-drawer', text: css$I });
|
|
5148
5152
|
}
|
|
5149
5153
|
|
|
5150
|
-
var css$
|
|
5154
|
+
var css$H = "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}}";
|
|
5151
5155
|
|
|
5152
5156
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5153
5157
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5261,10 +5265,10 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5261
5265
|
}
|
|
5262
5266
|
}
|
|
5263
5267
|
return UsaProductGallery;
|
|
5264
|
-
}, { id: 'product-gallery', text: css$
|
|
5268
|
+
}, { id: 'product-gallery', text: css$H });
|
|
5265
5269
|
}
|
|
5266
5270
|
|
|
5267
|
-
var css$
|
|
5271
|
+
var css$G = "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)}";
|
|
5268
5272
|
|
|
5269
5273
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5270
5274
|
function splitTime(sec) {
|
|
@@ -5352,10 +5356,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5352
5356
|
}
|
|
5353
5357
|
}
|
|
5354
5358
|
return UsaCountdown;
|
|
5355
|
-
}, { id: 'countdown', text: css$
|
|
5359
|
+
}, { id: 'countdown', text: css$G });
|
|
5356
5360
|
}
|
|
5357
5361
|
|
|
5358
|
-
var css$
|
|
5362
|
+
var css$F = "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}}";
|
|
5359
5363
|
|
|
5360
5364
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5361
5365
|
return defineElement(tag, (Base) => {
|
|
@@ -5442,10 +5446,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5442
5446
|
}
|
|
5443
5447
|
}
|
|
5444
5448
|
return UsaMessageList;
|
|
5445
|
-
}, { id: 'message-list', text: css$
|
|
5449
|
+
}, { id: 'message-list', text: css$F });
|
|
5446
5450
|
}
|
|
5447
5451
|
|
|
5448
|
-
var css$
|
|
5452
|
+
var css$E = "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}";
|
|
5449
5453
|
|
|
5450
5454
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5451
5455
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5547,10 +5551,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5547
5551
|
}
|
|
5548
5552
|
}
|
|
5549
5553
|
return UsaReactions;
|
|
5550
|
-
}, { id: 'reactions', text: css$
|
|
5554
|
+
}, { id: 'reactions', text: css$E });
|
|
5551
5555
|
}
|
|
5552
5556
|
|
|
5553
|
-
var css$
|
|
5557
|
+
var css$D = "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}";
|
|
5554
5558
|
|
|
5555
5559
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5556
5560
|
return defineElement(tag, (Base) => {
|
|
@@ -5645,10 +5649,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5645
5649
|
}
|
|
5646
5650
|
}
|
|
5647
5651
|
return UsaNotificationBell;
|
|
5648
|
-
}, { id: 'notification-bell', text: css$
|
|
5652
|
+
}, { id: 'notification-bell', text: css$D });
|
|
5649
5653
|
}
|
|
5650
5654
|
|
|
5651
|
-
var css$
|
|
5655
|
+
var css$C = "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}}";
|
|
5652
5656
|
|
|
5653
5657
|
/** Presence states (7.4). */
|
|
5654
5658
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5718,10 +5722,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5718
5722
|
}
|
|
5719
5723
|
}
|
|
5720
5724
|
return UsaPresence;
|
|
5721
|
-
}, { id: 'presence', text: css$
|
|
5725
|
+
}, { id: 'presence', text: css$C });
|
|
5722
5726
|
}
|
|
5723
5727
|
|
|
5724
|
-
var css$
|
|
5728
|
+
var css$B = "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)}";
|
|
5725
5729
|
|
|
5726
5730
|
/** Sort rows by score desc, then name (7.5). */
|
|
5727
5731
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5830,10 +5834,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5830
5834
|
}
|
|
5831
5835
|
}
|
|
5832
5836
|
return UsaLeaderboard;
|
|
5833
|
-
}, { id: 'leaderboard', text: css$
|
|
5837
|
+
}, { id: 'leaderboard', text: css$B });
|
|
5834
5838
|
}
|
|
5835
5839
|
|
|
5836
|
-
var css$
|
|
5840
|
+
var css$A = "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)}";
|
|
5837
5841
|
|
|
5838
5842
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5839
5843
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5930,10 +5934,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5930
5934
|
}
|
|
5931
5935
|
}
|
|
5932
5936
|
return UsaXpBar;
|
|
5933
|
-
}, { id: 'xp-bar', text: css$
|
|
5937
|
+
}, { id: 'xp-bar', text: css$A });
|
|
5934
5938
|
}
|
|
5935
5939
|
|
|
5936
|
-
var css$
|
|
5940
|
+
var css$z = "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}}";
|
|
5937
5941
|
|
|
5938
5942
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5939
5943
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -6000,10 +6004,10 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
6000
6004
|
}
|
|
6001
6005
|
}
|
|
6002
6006
|
return UsaBadgeWall;
|
|
6003
|
-
}, { id: 'badge-wall', text: css$
|
|
6007
|
+
}, { id: 'badge-wall', text: css$z });
|
|
6004
6008
|
}
|
|
6005
6009
|
|
|
6006
|
-
var css$
|
|
6010
|
+
var css$y = "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)}";
|
|
6007
6011
|
|
|
6008
6012
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6009
6013
|
function wheelAngle(index, count, turns = 5) {
|
|
@@ -6083,10 +6087,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6083
6087
|
}
|
|
6084
6088
|
}
|
|
6085
6089
|
return UsaPrizeWheel;
|
|
6086
|
-
}, { id: 'prize-wheel', text: css$
|
|
6090
|
+
}, { id: 'prize-wheel', text: css$y });
|
|
6087
6091
|
}
|
|
6088
6092
|
|
|
6089
|
-
var css$
|
|
6093
|
+
var css$x = "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}}";
|
|
6090
6094
|
|
|
6091
6095
|
const RAD = Math.PI / 180;
|
|
6092
6096
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6243,10 +6247,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6243
6247
|
}
|
|
6244
6248
|
}
|
|
6245
6249
|
return UsaGlobe;
|
|
6246
|
-
}, { id: 'globe', text: css$
|
|
6250
|
+
}, { id: 'globe', text: css$x });
|
|
6247
6251
|
}
|
|
6248
6252
|
|
|
6249
|
-
var css$
|
|
6253
|
+
var css$w = "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}";
|
|
6250
6254
|
|
|
6251
6255
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6252
6256
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6262,7 +6266,7 @@ function formatDistance(km, unit = 'km') {
|
|
|
6262
6266
|
}
|
|
6263
6267
|
return km < 1 ? `${Math.round(km * 1000)} m` : `${km < 10 ? km.toFixed(1) : Math.round(km)} km`;
|
|
6264
6268
|
}
|
|
6265
|
-
const esc$
|
|
6269
|
+
const esc$f = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6266
6270
|
function defineLocationCard(tag = 'usa-location-card') {
|
|
6267
6271
|
return defineElement(tag, (Base) => {
|
|
6268
6272
|
class UsaLocationCard extends Base {
|
|
@@ -6287,7 +6291,7 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6287
6291
|
const dist = this.str('distance') || (km === null ? '' : formatDistance(km, this.str('unit') === 'mi' ? 'mi' : 'km'));
|
|
6288
6292
|
const href = this.str('href');
|
|
6289
6293
|
const origin = km !== null;
|
|
6290
|
-
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$
|
|
6294
|
+
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$f(name)}"><div class="usa-lc-map" aria-hidden="true"><svg viewBox="0 0 240 120" preserveAspectRatio="xMidYMid slice"><path class="usa-lc-street" d="M0 30H240M0 78H240M40 0V120M120 0V120M196 0V120M0 112L240 8"/>${origin ? '<path class="usa-lc-route" pathLength="100" d="M28 100C60 100 64 78 96 78S120 40 160 40 168 58 168 58"/><circle class="usa-lc-from" cx="28" cy="100" r="4"/>' : ''}</svg><span class="usa-lc-ring"></span><span class="usa-lc-pin"></span></div><div class="usa-lc-body"><h3 class="usa-lc-name">${esc$f(name)}</h3>${this.str('address') ? `<p class="usa-lc-addr">${esc$f(this.str('address'))}</p>` : ''}<p class="usa-lc-meta">${dist ? `<span class="usa-lc-dist">${esc$f(dist)}</span>` : ''}${href ? `<a class="usa-lc-go" href="${esc$f(href)}" target="_blank" rel="noopener">Directions</a>` : ''}</p></div></article>`);
|
|
6291
6295
|
if (origin)
|
|
6292
6296
|
this.setAttribute('data-route', '');
|
|
6293
6297
|
else
|
|
@@ -6320,10 +6324,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6320
6324
|
}
|
|
6321
6325
|
}
|
|
6322
6326
|
return UsaLocationCard;
|
|
6323
|
-
}, { id: 'location-card', text: css$
|
|
6327
|
+
}, { id: 'location-card', text: css$w });
|
|
6324
6328
|
}
|
|
6325
6329
|
|
|
6326
|
-
var css$
|
|
6330
|
+
var css$v = "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}}";
|
|
6327
6331
|
|
|
6328
6332
|
/** 0–4 password strength score with a label (7.7). */
|
|
6329
6333
|
function passwordStrength(pw) {
|
|
@@ -6345,7 +6349,7 @@ function passwordStrength(pw) {
|
|
|
6345
6349
|
const score = Math.min(4, s);
|
|
6346
6350
|
return { score, label: ['Too short', 'Weak', 'Fair', 'Good', 'Strong'][score] };
|
|
6347
6351
|
}
|
|
6348
|
-
const esc$
|
|
6352
|
+
const esc$e = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6349
6353
|
let uid$2 = 0;
|
|
6350
6354
|
const PASS = ['type', 'name', 'required', 'pattern', 'minlength', 'maxlength', 'autocomplete', 'inputmode', 'placeholder'];
|
|
6351
6355
|
function defineField(tag = 'usa-field') {
|
|
@@ -6379,9 +6383,9 @@ function defineField(tag = 'usa-field') {
|
|
|
6379
6383
|
const id = this._id;
|
|
6380
6384
|
const strength = this.flag('strength');
|
|
6381
6385
|
const attrs = PASS.filter((a) => this.hasAttribute(a))
|
|
6382
|
-
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$
|
|
6386
|
+
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$e(this.str(a))}"`))
|
|
6383
6387
|
.join('');
|
|
6384
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-fld" data-usa-part><input class="usa-fld-input" id="${id}"${attrs} aria-describedby="${id}-msg"${this.hasAttribute('type') ? '' : ' type="text"'}><label class="usa-fld-label" for="${id}">${esc$
|
|
6388
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-fld" data-usa-part><input class="usa-fld-input" id="${id}"${attrs} aria-describedby="${id}-msg"${this.hasAttribute('type') ? '' : ' type="text"'}><label class="usa-fld-label" for="${id}">${esc$e(this.str('label', 'Label'))}</label><span class="usa-fld-line" aria-hidden="true"></span><svg class="usa-fld-ok" viewBox="0 0 24 24" aria-hidden="true"><path pathLength="1" d="M5 12.5l4.5 4.5L19 7.5"/></svg>${strength ? '<div class="usa-fld-meter" aria-hidden="true"><i></i><i></i><i></i><i></i></div>' : ''}<p class="usa-fld-msg" id="${id}-msg" aria-live="polite">${esc$e(this.str('hint'))}</p></div>`);
|
|
6385
6389
|
const input = this.input;
|
|
6386
6390
|
input.value = keep;
|
|
6387
6391
|
this.listen(input, 'input', () => {
|
|
@@ -6449,10 +6453,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6449
6453
|
}
|
|
6450
6454
|
}
|
|
6451
6455
|
return UsaField;
|
|
6452
|
-
}, { id: 'field', text: css$
|
|
6456
|
+
}, { id: 'field', text: css$v });
|
|
6453
6457
|
}
|
|
6454
6458
|
|
|
6455
|
-
var css$
|
|
6459
|
+
var css$u = "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}}";
|
|
6456
6460
|
|
|
6457
6461
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6458
6462
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6583,10 +6587,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6583
6587
|
}
|
|
6584
6588
|
}
|
|
6585
6589
|
return UsaOtp;
|
|
6586
|
-
}, { id: 'otp', text: css$
|
|
6590
|
+
}, { id: 'otp', text: css$u });
|
|
6587
6591
|
}
|
|
6588
6592
|
|
|
6589
|
-
var css$
|
|
6593
|
+
var css$t = "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}}";
|
|
6590
6594
|
|
|
6591
6595
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6592
6596
|
function formatBytes(n) {
|
|
@@ -6600,7 +6604,7 @@ function formatBytes(n) {
|
|
|
6600
6604
|
}
|
|
6601
6605
|
return `${i === 0 ? Math.round(n) : n < 10 ? n.toFixed(1) : Math.round(n)} ${u[i]}`;
|
|
6602
6606
|
}
|
|
6603
|
-
const esc$
|
|
6607
|
+
const esc$d = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6604
6608
|
function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
6605
6609
|
return defineElement(tag, (Base) => {
|
|
6606
6610
|
class UsaUploadProgress extends Base {
|
|
@@ -6628,7 +6632,7 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6628
6632
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6629
6633
|
const name = this.str('name', 'file');
|
|
6630
6634
|
const size = formatBytes(this.num('size', NaN));
|
|
6631
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$
|
|
6635
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$d((name.split('.').pop() || '').slice(0, 4).toUpperCase())}</span><div class="usa-up-main"><div class="usa-up-top"><span class="usa-up-name">${esc$d(name)}</span><span class="usa-up-pct"></span></div><div class="usa-up-track" role="progressbar" aria-label="Uploading ${esc$d(name)}" aria-valuemin="0" aria-valuemax="100"><span class="usa-up-fill"></span></div><div class="usa-up-sub"><span class="usa-up-size">${esc$d(size)}</span><span class="usa-up-msg" aria-live="polite"></span><button type="button" class="usa-up-retry">Retry</button></div></div><svg class="usa-up-ok" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path pathLength="1" d="M7 12.5l3.2 3.2L17 9"/></svg></div>`);
|
|
6632
6636
|
this.listen(this.querySelector('.usa-up-retry'), 'click', () => this.emit('retry', { name }));
|
|
6633
6637
|
this._shown = 0;
|
|
6634
6638
|
this.render(true);
|
|
@@ -6669,12 +6673,12 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6669
6673
|
}
|
|
6670
6674
|
}
|
|
6671
6675
|
return UsaUploadProgress;
|
|
6672
|
-
}, { id: 'upload-progress', text: css$
|
|
6676
|
+
}, { id: 'upload-progress', text: css$t });
|
|
6673
6677
|
}
|
|
6674
6678
|
|
|
6675
|
-
var css$
|
|
6679
|
+
var css$s = "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}}";
|
|
6676
6680
|
|
|
6677
|
-
const esc$
|
|
6681
|
+
const esc$c = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6678
6682
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
6679
6683
|
return defineElement(tag, (Base) => {
|
|
6680
6684
|
class UsaChatComposer extends Base {
|
|
@@ -6704,7 +6708,7 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6704
6708
|
const keep = this.area?.value ?? this.str('value');
|
|
6705
6709
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6706
6710
|
const label = this.str('label', 'Message');
|
|
6707
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-cc" data-usa-part><span class="usa-cc-glow" aria-hidden="true"></span><textarea class="usa-cc-input" rows="1" aria-label="${esc$
|
|
6711
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-cc" data-usa-part><span class="usa-cc-glow" aria-hidden="true"></span><textarea class="usa-cc-input" rows="1" aria-label="${esc$c(label)}" placeholder="${esc$c(this.str('placeholder', 'Ask anything…'))}"></textarea><button type="button" class="usa-cc-send" aria-label="Send"><svg viewBox="0 0 24 24" aria-hidden="true"><path class="usa-cc-arrow" d="M12 19V5M5.5 11.5L12 5l6.5 6.5"/><rect class="usa-cc-stop" x="7" y="7" width="10" height="10" rx="2"/></svg></button></div>`);
|
|
6708
6712
|
const a = this.area;
|
|
6709
6713
|
a.value = keep;
|
|
6710
6714
|
this.listen(a, 'input', () => this.sync());
|
|
@@ -6770,10 +6774,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6770
6774
|
}
|
|
6771
6775
|
}
|
|
6772
6776
|
return UsaChatComposer;
|
|
6773
|
-
}, { id: 'chat-composer', text: css$
|
|
6777
|
+
}, { id: 'chat-composer', text: css$s });
|
|
6774
6778
|
}
|
|
6775
6779
|
|
|
6776
|
-
var css$
|
|
6780
|
+
var css$r = "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}}";
|
|
6777
6781
|
|
|
6778
6782
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6779
6783
|
function parseChips(s) {
|
|
@@ -6782,7 +6786,7 @@ function parseChips(s) {
|
|
|
6782
6786
|
.map((t) => t.trim())
|
|
6783
6787
|
.filter(Boolean);
|
|
6784
6788
|
}
|
|
6785
|
-
const esc$
|
|
6789
|
+
const esc$b = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6786
6790
|
function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
6787
6791
|
return defineElement(tag, (Base) => {
|
|
6788
6792
|
class UsaSuggestionChips extends Base {
|
|
@@ -6817,7 +6821,7 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6817
6821
|
Array.from(this.children).forEach((c) => !c.hasAttribute('data-usa-part') && c.setAttribute('hidden', ''));
|
|
6818
6822
|
}
|
|
6819
6823
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6820
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$
|
|
6824
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$b(this.str('label', 'Suggestions'))}" data-usa-part>${items.map((t, i) => `<span role="listitem"><button type="button" class="usa-sc-chip" data-i="${i}">${esc$b(t)}</button></span>`).join('')}</div>`);
|
|
6821
6825
|
const chips = Array.from(this.querySelectorAll('.usa-sc-chip'));
|
|
6822
6826
|
chips.forEach((c, i) => {
|
|
6823
6827
|
this.listen(c, 'click', () => this.pick(i));
|
|
@@ -6858,10 +6862,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6858
6862
|
}
|
|
6859
6863
|
}
|
|
6860
6864
|
return UsaSuggestionChips;
|
|
6861
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6865
|
+
}, { id: 'suggestion-chips', text: css$r });
|
|
6862
6866
|
}
|
|
6863
6867
|
|
|
6864
|
-
var css$
|
|
6868
|
+
var css$q = "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}}";
|
|
6865
6869
|
|
|
6866
6870
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6867
6871
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6933,10 +6937,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6933
6937
|
}
|
|
6934
6938
|
}
|
|
6935
6939
|
return UsaVoiceButton;
|
|
6936
|
-
}, { id: 'voice-button', text: css$
|
|
6940
|
+
}, { id: 'voice-button', text: css$q });
|
|
6937
6941
|
}
|
|
6938
6942
|
|
|
6939
|
-
var css$
|
|
6943
|
+
var css$p = "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)}";
|
|
6940
6944
|
|
|
6941
6945
|
/**
|
|
6942
6946
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -6995,7 +6999,7 @@ function matchesKeys(e, keys, apple = isApple()) {
|
|
|
6995
6999
|
function isApple() {
|
|
6996
7000
|
return typeof navigator !== 'undefined' && /Mac|iPhone|iPad|iPod/.test(navigator.userAgentData?.platform || navigator.platform || navigator.userAgent || '');
|
|
6997
7001
|
}
|
|
6998
|
-
const esc$
|
|
7002
|
+
const esc$a = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6999
7003
|
let uid$1 = 0;
|
|
7000
7004
|
function defineCommandPalette(tag = 'usa-command-palette') {
|
|
7001
7005
|
return defineElement(tag, (Base) => {
|
|
@@ -7032,7 +7036,7 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7032
7036
|
mount() {
|
|
7033
7037
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7034
7038
|
const id = this._id;
|
|
7035
|
-
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$
|
|
7039
|
+
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$a(this.str('label', 'Command palette'))}"><div class="usa-cp-box"><input class="usa-cp-q" role="combobox" aria-expanded="true" aria-controls="${id}-list" aria-autocomplete="list" autocomplete="off" spellcheck="false" placeholder="${esc$a(this.str('placeholder', 'Type a command or search…'))}"><div class="usa-cp-list" id="${id}-list" role="listbox"><span class="usa-cp-hl" aria-hidden="true"></span></div><p class="usa-cp-empty" hidden>No results</p></div></dialog>`);
|
|
7036
7040
|
const dlg = this.dlg;
|
|
7037
7041
|
const q = this.querySelector('.usa-cp-q');
|
|
7038
7042
|
this.listen(q, 'input', () => this.render(true));
|
|
@@ -7087,12 +7091,12 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7087
7091
|
if (!q && c.group !== group) {
|
|
7088
7092
|
group = c.group;
|
|
7089
7093
|
if (group)
|
|
7090
|
-
html += `<div class="usa-cp-group" role="presentation">${esc$
|
|
7094
|
+
html += `<div class="usa-cp-group" role="presentation">${esc$a(group)}</div>`;
|
|
7091
7095
|
}
|
|
7092
7096
|
const label = Array.from(c.label)
|
|
7093
|
-
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$
|
|
7097
|
+
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$a(ch)}</mark>` : esc$a(ch)))
|
|
7094
7098
|
.join('');
|
|
7095
|
-
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$
|
|
7099
|
+
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$a(k)}</kbd>`).join('')}</span>` : '';
|
|
7096
7100
|
html += `<div class="usa-cp-item" role="option" id="${this._id}-o${i}" data-i="${i}" aria-selected="false"><span class="usa-cp-label">${label}</span>${keys}</div>`;
|
|
7097
7101
|
});
|
|
7098
7102
|
list.insertAdjacentHTML('beforeend', html);
|
|
@@ -7195,13 +7199,13 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7195
7199
|
}
|
|
7196
7200
|
}
|
|
7197
7201
|
return UsaCommandPalette;
|
|
7198
|
-
}, { id: 'command-palette', text: css$
|
|
7202
|
+
}, { id: 'command-palette', text: css$p });
|
|
7199
7203
|
}
|
|
7200
7204
|
|
|
7201
|
-
var css$
|
|
7205
|
+
var css$o = "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}";
|
|
7202
7206
|
|
|
7203
7207
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7204
|
-
const esc$
|
|
7208
|
+
const esc$9 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7205
7209
|
function defineShortcut(tag = 'usa-shortcut') {
|
|
7206
7210
|
return defineElement(tag, (Base) => {
|
|
7207
7211
|
class UsaShortcut extends Base {
|
|
@@ -7216,7 +7220,7 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7216
7220
|
const labels = this.labels;
|
|
7217
7221
|
const spoken = labels.map((l) => SPOKEN[l] || l).join(' ');
|
|
7218
7222
|
const text = this.str('label');
|
|
7219
|
-
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$
|
|
7223
|
+
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$9(spoken)}">${labels.map((l) => `<kbd aria-hidden="true">${esc$9(l)}</kbd>`).join('')}</span>${text ? `<span class="usa-sk-label">${esc$9(text)}</span>` : ''}</span>`);
|
|
7220
7224
|
if (this.str('listen') !== 'false')
|
|
7221
7225
|
this.listen(document, 'keydown', (e) => {
|
|
7222
7226
|
if (!e.repeat && matchesKeys(e, this.str('keys', 'mod+k'))) {
|
|
@@ -7249,10 +7253,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7249
7253
|
}
|
|
7250
7254
|
}
|
|
7251
7255
|
return UsaShortcut;
|
|
7252
|
-
}, { id: 'shortcut', text: css$
|
|
7256
|
+
}, { id: 'shortcut', text: css$o });
|
|
7253
7257
|
}
|
|
7254
7258
|
|
|
7255
|
-
var css$
|
|
7259
|
+
var css$n = "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}}";
|
|
7256
7260
|
|
|
7257
7261
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7258
7262
|
return defineElement(tag, (Base) => {
|
|
@@ -7311,10 +7315,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7311
7315
|
}
|
|
7312
7316
|
}
|
|
7313
7317
|
return UsaClockControl;
|
|
7314
|
-
}, { id: 'clock-control', text: css$
|
|
7318
|
+
}, { id: 'clock-control', text: css$n });
|
|
7315
7319
|
}
|
|
7316
7320
|
|
|
7317
|
-
var css$
|
|
7321
|
+
var css$m = "usa-hydrate{display:block}";
|
|
7318
7322
|
|
|
7319
7323
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7320
7324
|
return defineElement(tag, (Base) => {
|
|
@@ -7350,12 +7354,12 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7350
7354
|
}
|
|
7351
7355
|
}
|
|
7352
7356
|
return UsaHydrate;
|
|
7353
|
-
}, { id: 'hydrate', text: css$
|
|
7357
|
+
}, { id: 'hydrate', text: css$m });
|
|
7354
7358
|
}
|
|
7355
7359
|
|
|
7356
|
-
var css$
|
|
7360
|
+
var css$l = "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}}";
|
|
7357
7361
|
|
|
7358
|
-
const esc$
|
|
7362
|
+
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7359
7363
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
7360
7364
|
return defineElement(tag, (Base) => {
|
|
7361
7365
|
class UsaRedEnvelope extends Base {
|
|
@@ -7368,7 +7372,7 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7368
7372
|
mount() {
|
|
7369
7373
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7370
7374
|
const msg = this.str('message', '恭喜发财');
|
|
7371
|
-
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$
|
|
7375
|
+
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$8(`Open red envelope${this.str('from') ? ` from ${this.str('from')}` : ''}`)}" data-usa-part><span class="usa-re-card" aria-hidden="true"><span class="usa-re-amt"></span><span class="usa-re-from">${esc$8(this.str('from'))}</span></span><span class="usa-re-body"><span class="usa-re-msg">${esc$8(msg)}</span></span><span class="usa-re-flap"><span class="usa-re-seal">福</span></span><span class="usa-re-coins" aria-hidden="true"></span><span class="usa-re-live" aria-live="polite"></span></button>`);
|
|
7372
7376
|
this.listen(this.querySelector('.usa-re'), 'click', () => (this.opened ? this.close() : this.open()));
|
|
7373
7377
|
if (this.flag('opened'))
|
|
7374
7378
|
this.open(true);
|
|
@@ -7417,10 +7421,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7417
7421
|
}
|
|
7418
7422
|
}
|
|
7419
7423
|
return UsaRedEnvelope;
|
|
7420
|
-
}, { id: 'red-envelope', text: css$
|
|
7424
|
+
}, { id: 'red-envelope', text: css$l });
|
|
7421
7425
|
}
|
|
7422
7426
|
|
|
7423
|
-
var css$
|
|
7427
|
+
var css$k = "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}}";
|
|
7424
7428
|
|
|
7425
7429
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7426
7430
|
const SCENES = {
|
|
@@ -7468,12 +7472,12 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7468
7472
|
}
|
|
7469
7473
|
}
|
|
7470
7474
|
return UsaFestivalBanner;
|
|
7471
|
-
}, { id: 'festival-banner', text: css$
|
|
7475
|
+
}, { id: 'festival-banner', text: css$k });
|
|
7472
7476
|
}
|
|
7473
7477
|
|
|
7474
|
-
var css$
|
|
7478
|
+
var css$j = "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}}";
|
|
7475
7479
|
|
|
7476
|
-
const esc$
|
|
7480
|
+
const esc$7 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7477
7481
|
function defineTerminal(tag = 'usa-terminal') {
|
|
7478
7482
|
return defineElement(tag, (Base) => {
|
|
7479
7483
|
class UsaTerminal extends Base {
|
|
@@ -7493,7 +7497,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7493
7497
|
src.forEach((c) => c.remove());
|
|
7494
7498
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7495
7499
|
this.setAttribute('data-theme', ['green', 'amber'].includes(this.str('theme')) ? this.str('theme') : 'dark');
|
|
7496
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-term" data-usa-part><div class="usa-term-bar" aria-hidden="true"><i></i><i></i><i></i><span>${esc$
|
|
7500
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-term" data-usa-part><div class="usa-term-bar" aria-hidden="true"><i></i><i></i><i></i><span>${esc$7(this.str('title', 'terminal'))}</span></div><div class="usa-term-body" role="log" aria-label="${esc$7(this.str('title', 'Terminal'))}"></div></div>`);
|
|
7497
7501
|
let started = false;
|
|
7498
7502
|
this.inView((v) => {
|
|
7499
7503
|
if (v && !started) {
|
|
@@ -7508,7 +7512,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7508
7512
|
const p = document.createElement('p');
|
|
7509
7513
|
p.className = l.cmd ? 'usa-term-cmd' : 'usa-term-out';
|
|
7510
7514
|
if (l.cmd)
|
|
7511
|
-
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$
|
|
7515
|
+
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$7(this.str('prompt', '$'))} </span><span class="usa-term-tx"></span>`;
|
|
7512
7516
|
body.appendChild(p);
|
|
7513
7517
|
return p;
|
|
7514
7518
|
}
|
|
@@ -7582,10 +7586,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7582
7586
|
}
|
|
7583
7587
|
}
|
|
7584
7588
|
return UsaTerminal;
|
|
7585
|
-
}, { id: 'terminal', text: css$
|
|
7589
|
+
}, { id: 'terminal', text: css$j });
|
|
7586
7590
|
}
|
|
7587
7591
|
|
|
7588
|
-
var css$
|
|
7592
|
+
var css$i = "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}";
|
|
7589
7593
|
|
|
7590
7594
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7591
7595
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7639,10 +7643,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7639
7643
|
}
|
|
7640
7644
|
}
|
|
7641
7645
|
return UsaRetroButton;
|
|
7642
|
-
}, { id: 'retro-button', text: css$
|
|
7646
|
+
}, { id: 'retro-button', text: css$i });
|
|
7643
7647
|
}
|
|
7644
7648
|
|
|
7645
|
-
var css$
|
|
7649
|
+
var css$h = "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)}";
|
|
7646
7650
|
|
|
7647
7651
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7648
7652
|
return defineElement(tag, (Base) => {
|
|
@@ -7681,10 +7685,10 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7681
7685
|
}
|
|
7682
7686
|
}
|
|
7683
7687
|
return UsaOrganicCard;
|
|
7684
|
-
}, { id: 'organic-card', text: css$
|
|
7688
|
+
}, { id: 'organic-card', text: css$h });
|
|
7685
7689
|
}
|
|
7686
7690
|
|
|
7687
|
-
var css$
|
|
7691
|
+
var css$g = "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}";
|
|
7688
7692
|
|
|
7689
7693
|
let uid = 0;
|
|
7690
7694
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
@@ -7765,12 +7769,12 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7765
7769
|
}
|
|
7766
7770
|
}
|
|
7767
7771
|
return UsaLiquidNav;
|
|
7768
|
-
}, { id: 'liquid-nav', text: css$
|
|
7772
|
+
}, { id: 'liquid-nav', text: css$g });
|
|
7769
7773
|
}
|
|
7770
7774
|
|
|
7771
|
-
var css$
|
|
7775
|
+
var css$f = "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}}";
|
|
7772
7776
|
|
|
7773
|
-
const esc$
|
|
7777
|
+
const esc$6 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7774
7778
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
7775
7779
|
return defineElement(tag, (Base) => {
|
|
7776
7780
|
class UsaHudPanel extends Base {
|
|
@@ -7783,7 +7787,7 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7783
7787
|
this.setAttribute('aria-label', this.str('title', 'Panel'));
|
|
7784
7788
|
if (this.hasAttribute('color'))
|
|
7785
7789
|
this.style.setProperty('--usa-hud-c', this.str('color'));
|
|
7786
|
-
this.insertAdjacentHTML('afterbegin', `<svg class="usa-hud-frame" aria-hidden="true" preserveAspectRatio="none" viewBox="0 0 100 100" data-usa-part><path pathLength="100" vector-effect="non-scaling-stroke" d="M6 1H94L99 6V94L94 99H6L1 94V6Z"/></svg><header class="usa-hud-head" data-usa-part><span class="usa-hud-dot" aria-hidden="true"></span><span class="usa-hud-title">${esc$
|
|
7790
|
+
this.insertAdjacentHTML('afterbegin', `<svg class="usa-hud-frame" aria-hidden="true" preserveAspectRatio="none" viewBox="0 0 100 100" data-usa-part><path pathLength="100" vector-effect="non-scaling-stroke" d="M6 1H94L99 6V94L94 99H6L1 94V6Z"/></svg><header class="usa-hud-head" data-usa-part><span class="usa-hud-dot" aria-hidden="true"></span><span class="usa-hud-title">${esc$6(this.str('title', 'SYSTEM'))}</span><span class="usa-hud-status">${esc$6(this.str('status', 'ONLINE'))}</span></header>`);
|
|
7787
7791
|
this.querySelectorAll(':scope > [data-value]').forEach((r) => {
|
|
7788
7792
|
if (r.querySelector('.usa-hud-bar'))
|
|
7789
7793
|
return;
|
|
@@ -7817,10 +7821,10 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7817
7821
|
}
|
|
7818
7822
|
}
|
|
7819
7823
|
return UsaHudPanel;
|
|
7820
|
-
}, { id: 'hud-panel', text: css$
|
|
7824
|
+
}, { id: 'hud-panel', text: css$f });
|
|
7821
7825
|
}
|
|
7822
7826
|
|
|
7823
|
-
var css$
|
|
7827
|
+
var css$e = "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)}}";
|
|
7824
7828
|
|
|
7825
7829
|
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7826
7830
|
function parseTargets(s) {
|
|
@@ -7836,7 +7840,7 @@ function parseTargets(s) {
|
|
|
7836
7840
|
})
|
|
7837
7841
|
.filter(Boolean);
|
|
7838
7842
|
}
|
|
7839
|
-
const esc$
|
|
7843
|
+
const esc$5 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7840
7844
|
function defineRadar(tag = 'usa-radar') {
|
|
7841
7845
|
return defineElement(tag, (Base) => {
|
|
7842
7846
|
class UsaRadar extends Base {
|
|
@@ -7871,7 +7875,7 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7871
7875
|
const a = ((t.bearing - 90) * Math.PI) / 180;
|
|
7872
7876
|
const x = 50 + Math.cos(a) * t.distance * 48;
|
|
7873
7877
|
const y = 50 + Math.sin(a) * t.distance * 48;
|
|
7874
|
-
return `<span class="usa-rd-dot" data-i="${i}" style="left:${x.toFixed(2)}%;top:${y.toFixed(2)}%"><em>${esc$
|
|
7878
|
+
return `<span class="usa-rd-dot" data-i="${i}" style="left:${x.toFixed(2)}%;top:${y.toFixed(2)}%"><em>${esc$5(t.name)}</em></span>`;
|
|
7875
7879
|
})
|
|
7876
7880
|
.join('');
|
|
7877
7881
|
this.insertAdjacentHTML('beforeend', `<div class="usa-rd" aria-hidden="true" data-usa-part>${ringHtml}<i class="usa-rd-cross"></i><i class="usa-rd-sweep"></i>${dots}</div>`);
|
|
@@ -7906,10 +7910,10 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7906
7910
|
}
|
|
7907
7911
|
}
|
|
7908
7912
|
return UsaRadar;
|
|
7909
|
-
}, { id: 'radar', text: css$
|
|
7913
|
+
}, { id: 'radar', text: css$e });
|
|
7910
7914
|
}
|
|
7911
7915
|
|
|
7912
|
-
var css$
|
|
7916
|
+
var css$d = "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)}";
|
|
7913
7917
|
|
|
7914
7918
|
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7915
7919
|
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
@@ -7973,12 +7977,12 @@ function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
|
7973
7977
|
}
|
|
7974
7978
|
}
|
|
7975
7979
|
return UsaStickyWall;
|
|
7976
|
-
}, { id: 'sticky-wall', text: css$
|
|
7980
|
+
}, { id: 'sticky-wall', text: css$d });
|
|
7977
7981
|
}
|
|
7978
7982
|
|
|
7979
|
-
var css$
|
|
7983
|
+
var css$c = "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}";
|
|
7980
7984
|
|
|
7981
|
-
const esc$
|
|
7985
|
+
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7982
7986
|
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
7983
7987
|
function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
7984
7988
|
return defineElement(tag, (Base) => {
|
|
@@ -8030,7 +8034,7 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8030
8034
|
g += `<path class="usa-sk-hatch" d="${roughLine(x0 + 2, Math.min(B, h + 5), x1 - 2, h - 3, h + i, 0.8)}"/>`;
|
|
8031
8035
|
});
|
|
8032
8036
|
}
|
|
8033
|
-
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc$
|
|
8037
|
+
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc$4(labels[i])}</text>` : '')).join('');
|
|
8034
8038
|
this.insertAdjacentHTML('beforeend', `<svg class="usa-sk" viewBox="0 0 ${W} ${H}" aria-hidden="true" data-usa-part>${g}</svg>`);
|
|
8035
8039
|
if (this.reduced)
|
|
8036
8040
|
return void this.setAttribute('data-drawn', '');
|
|
@@ -8073,10 +8077,10 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8073
8077
|
}
|
|
8074
8078
|
}
|
|
8075
8079
|
return UsaSketchChart;
|
|
8076
|
-
}, { id: 'sketch-chart', text: css$
|
|
8080
|
+
}, { id: 'sketch-chart', text: css$c });
|
|
8077
8081
|
}
|
|
8078
8082
|
|
|
8079
|
-
var css$
|
|
8083
|
+
var css$b = "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}}";
|
|
8080
8084
|
|
|
8081
8085
|
const NAMES = { light: 'Light', dark: 'Dark', neon: 'Neon', glass: 'Glass', neu: 'Soft' };
|
|
8082
8086
|
function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
@@ -8178,10 +8182,10 @@ function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
|
8178
8182
|
}
|
|
8179
8183
|
}
|
|
8180
8184
|
return UsaThemeSwitcher;
|
|
8181
|
-
}, { id: 'theme-switcher', text: css$
|
|
8185
|
+
}, { id: 'theme-switcher', text: css$b });
|
|
8182
8186
|
}
|
|
8183
8187
|
|
|
8184
|
-
var css$
|
|
8188
|
+
var css$a = "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}}";
|
|
8185
8189
|
|
|
8186
8190
|
function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
8187
8191
|
return defineElement(tag, (Base) => {
|
|
@@ -8234,10 +8238,10 @@ function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
|
8234
8238
|
}
|
|
8235
8239
|
}
|
|
8236
8240
|
return UsaThemeSurface;
|
|
8237
|
-
}, { id: 'theme-surface', text: css$
|
|
8241
|
+
}, { id: 'theme-surface', text: css$a });
|
|
8238
8242
|
}
|
|
8239
8243
|
|
|
8240
|
-
var css$
|
|
8244
|
+
var css$9 = "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}}";
|
|
8241
8245
|
|
|
8242
8246
|
function defineGyroCard(tag = 'usa-gyro-card') {
|
|
8243
8247
|
return defineElement(tag, (Base) => {
|
|
@@ -8318,10 +8322,10 @@ function defineGyroCard(tag = 'usa-gyro-card') {
|
|
|
8318
8322
|
}
|
|
8319
8323
|
}
|
|
8320
8324
|
return UsaGyroCard;
|
|
8321
|
-
}, { id: 'gyro-card', text: css$
|
|
8325
|
+
}, { id: 'gyro-card', text: css$9 });
|
|
8322
8326
|
}
|
|
8323
8327
|
|
|
8324
|
-
var css$
|
|
8328
|
+
var css$8 = "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}";
|
|
8325
8329
|
|
|
8326
8330
|
function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
8327
8331
|
return defineElement(tag, (Base) => {
|
|
@@ -8448,10 +8452,10 @@ function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
|
8448
8452
|
}
|
|
8449
8453
|
}
|
|
8450
8454
|
return UsaGestureSticker;
|
|
8451
|
-
}, { id: 'gesture-sticker', text: css$
|
|
8455
|
+
}, { id: 'gesture-sticker', text: css$8 });
|
|
8452
8456
|
}
|
|
8453
8457
|
|
|
8454
|
-
var css$
|
|
8458
|
+
var css$7 = "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}";
|
|
8455
8459
|
|
|
8456
8460
|
function definePanorama(tag = 'usa-panorama') {
|
|
8457
8461
|
return defineElement(tag, (Base) => {
|
|
@@ -8573,10 +8577,10 @@ function definePanorama(tag = 'usa-panorama') {
|
|
|
8573
8577
|
}
|
|
8574
8578
|
}
|
|
8575
8579
|
return UsaPanorama;
|
|
8576
|
-
}, { id: 'panorama', text: css$
|
|
8580
|
+
}, { id: 'panorama', text: css$7 });
|
|
8577
8581
|
}
|
|
8578
8582
|
|
|
8579
|
-
var css$
|
|
8583
|
+
var css$6 = "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}}";
|
|
8580
8584
|
|
|
8581
8585
|
function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
8582
8586
|
return defineElement(tag, (Base) => {
|
|
@@ -8622,10 +8626,10 @@ function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
|
8622
8626
|
}
|
|
8623
8627
|
}
|
|
8624
8628
|
return UsaSpatialCard;
|
|
8625
|
-
}, { id: 'spatial-card', text: css$
|
|
8629
|
+
}, { id: 'spatial-card', text: css$6 });
|
|
8626
8630
|
}
|
|
8627
8631
|
|
|
8628
|
-
var css$
|
|
8632
|
+
var css$5 = "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}";
|
|
8629
8633
|
|
|
8630
8634
|
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$)/;
|
|
8631
8635
|
const RUNTIME_CLASS = /^usa-/;
|
|
@@ -8661,15 +8665,15 @@ function describeComponent(el) {
|
|
|
8661
8665
|
});
|
|
8662
8666
|
return { tag: el.localName, attrs, children };
|
|
8663
8667
|
}
|
|
8664
|
-
const esc$
|
|
8668
|
+
const esc$3 = (s) => s.replace(/&/g, '&').replace(/</g, '<').replace(/"/g, '"');
|
|
8665
8669
|
const VOID = new Set(['img', 'br', 'hr', 'input', 'source', 'meta', 'link', 'wbr', 'area', 'col', 'embed', 'track']);
|
|
8666
8670
|
function markup(n, jsx, ind) {
|
|
8667
8671
|
if (typeof n === 'string')
|
|
8668
|
-
return ind + (jsx ? n.replace(/[{}<>]/g, (c) => `{'${c}'}`) : esc$
|
|
8672
|
+
return ind + (jsx ? n.replace(/[{}<>]/g, (c) => `{'${c}'}`) : esc$3(n));
|
|
8669
8673
|
const at = Object.entries(n.attrs)
|
|
8670
8674
|
.map(([k, v]) => {
|
|
8671
8675
|
const key = jsx && k === 'class' ? 'className' : jsx && k === 'for' ? 'htmlFor' : k;
|
|
8672
|
-
return v === '' ? ` ${key}` : ` ${key}="${esc$
|
|
8676
|
+
return v === '' ? ` ${key}` : ` ${key}="${esc$3(v)}"`;
|
|
8673
8677
|
})
|
|
8674
8678
|
.join('');
|
|
8675
8679
|
if (VOID.has(n.tag))
|
|
@@ -8791,10 +8795,10 @@ function defineCodeExport(tag = 'usa-code-export') {
|
|
|
8791
8795
|
}
|
|
8792
8796
|
}
|
|
8793
8797
|
return UsaCodeExport;
|
|
8794
|
-
}, { id: 'code-export', text: css$
|
|
8798
|
+
}, { id: 'code-export', text: css$5 });
|
|
8795
8799
|
}
|
|
8796
8800
|
|
|
8797
|
-
var css = "usa-prop-panel{display:block;max-width:100%;font:13px/1.4 system-ui,sans-serif;color:#0f172a}usa-prop-panel .usa-pp{display:grid;gap:8px;margin:0;padding:12px;border:1px solid rgba(15,23,42,.12);border-radius:12px;background:#fff}usa-prop-panel .usa-pp-row{display:grid;grid-template-columns:minmax(64px,auto) 1fr auto;align-items:center;gap:8px}usa-prop-panel label{font-weight:600;color:#334155;font-family:ui-monospace,monospace;font-size:12px}usa-prop-panel input[type=text],usa-prop-panel input[type=number],usa-prop-panel select{min-width:0;width:100%;box-sizing:border-box;padding:5px 8px;border:1px solid #cbd5e1;border-radius:6px;font:inherit}usa-prop-panel input[type=range]{width:100%;min-width:0;accent-color:#4f46e5}usa-prop-panel input[type=checkbox]{grid-column:2;justify-self:start;width:16px;height:16px;accent-color:#4f46e5}usa-prop-panel output{min-width:2.5em;text-align:right;font:12px ui-monospace,monospace;color:#64748b}usa-prop-panel .usa-pp-empty{margin:0;color:#64748b}usa-prop-panel .usa-pp-row{border-radius:6px}usa-prop-panel .usa-pp-reset{justify-self:start;padding:5px 12px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font:inherit;cursor:pointer}";
|
|
8801
|
+
var css$4 = "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}";
|
|
8798
8802
|
|
|
8799
8803
|
/** "value:number:0:100, theme:select:leaf|ocean, on:boolean" → prop specs (8.9). */
|
|
8800
8804
|
function parseProps(s) {
|
|
@@ -8810,7 +8814,7 @@ function parseProps(s) {
|
|
|
8810
8814
|
})
|
|
8811
8815
|
.filter((p) => /^[a-z][\w-]*$/i.test(p.name));
|
|
8812
8816
|
}
|
|
8813
|
-
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8817
|
+
const esc$2 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8814
8818
|
function definePropPanel(tag = 'usa-prop-panel') {
|
|
8815
8819
|
return defineElement(tag, (Base) => {
|
|
8816
8820
|
class UsaPropPanel extends Base {
|
|
@@ -8848,15 +8852,15 @@ function definePropPanel(tag = 'usa-prop-panel') {
|
|
|
8848
8852
|
if (p.type === 'boolean')
|
|
8849
8853
|
input = `<input id="${id}" type="checkbox" role="switch" data-p="${p.name}"${v != null ? ' checked' : ''}>`;
|
|
8850
8854
|
else if (p.type === 'select')
|
|
8851
|
-
input = `<select id="${id}" data-p="${p.name}">${p.options.map((o) => `<option${o === v ? ' selected' : ''}>${esc(o)}</option>`).join('')}</select>`;
|
|
8855
|
+
input = `<select id="${id}" data-p="${p.name}">${p.options.map((o) => `<option${o === v ? ' selected' : ''}>${esc$2(o)}</option>`).join('')}</select>`;
|
|
8852
8856
|
else {
|
|
8853
8857
|
const [mn, mx] = p.options;
|
|
8854
8858
|
const range = p.type === 'range' || (p.type === 'number' && mn != null && mx != null);
|
|
8855
|
-
input = `<input id="${id}" type="${p.type === 'color' ? 'color' : range ? 'range' : p.type === 'number' ? 'number' : 'text'}" data-p="${p.name}" value="${esc(v ?? '')}"${mn != null ? ` min="${esc(mn)}"` : ''}${mx != null ? ` max="${esc(mx)}"` : ''}${range ? ' step="any"' : ''}><output for="${id}">${esc(v ?? '')}</output>`;
|
|
8859
|
+
input = `<input id="${id}" type="${p.type === 'color' ? 'color' : range ? 'range' : p.type === 'number' ? 'number' : 'text'}" data-p="${p.name}" value="${esc$2(v ?? '')}"${mn != null ? ` min="${esc$2(mn)}"` : ''}${mx != null ? ` max="${esc$2(mx)}"` : ''}${range ? ' step="any"' : ''}><output for="${id}">${esc$2(v ?? '')}</output>`;
|
|
8856
8860
|
}
|
|
8857
|
-
return `<div class="usa-pp-row"><label for="${id}">${esc(p.name)}</label>${input}</div>`;
|
|
8861
|
+
return `<div class="usa-pp-row"><label for="${id}">${esc$2(p.name)}</label>${input}</div>`;
|
|
8858
8862
|
};
|
|
8859
|
-
this.insertAdjacentHTML('beforeend', `<form class="usa-pp" aria-label="${esc(this.str('label', 'Properties'))}" data-usa-part>${ps.map(field).join('') || '<p class="usa-pp-empty">No properties</p>'}<button type="button" class="usa-pp-reset">Reset</button></form>`);
|
|
8863
|
+
this.insertAdjacentHTML('beforeend', `<form class="usa-pp" aria-label="${esc$2(this.str('label', 'Properties'))}" data-usa-part>${ps.map(field).join('') || '<p class="usa-pp-empty">No properties</p>'}<button type="button" class="usa-pp-reset">Reset</button></form>`);
|
|
8860
8864
|
const form = this.querySelector('form');
|
|
8861
8865
|
this.listen(form, 'submit', (e) => e.preventDefault());
|
|
8862
8866
|
this.listen(this.querySelector('.usa-pp-reset'), 'click', () => this.reset());
|
|
@@ -8898,7 +8902,280 @@ function definePropPanel(tag = 'usa-prop-panel') {
|
|
|
8898
8902
|
}
|
|
8899
8903
|
}
|
|
8900
8904
|
return UsaPropPanel;
|
|
8901
|
-
}, { id: 'prop-panel', text: css });
|
|
8905
|
+
}, { id: 'prop-panel', text: css$4 });
|
|
8906
|
+
}
|
|
8907
|
+
|
|
8908
|
+
var css$3 = "usa-motion{display:block}";
|
|
8909
|
+
|
|
8910
|
+
function defineMotion(tag = 'usa-motion') {
|
|
8911
|
+
return defineElement(tag, (Base) => {
|
|
8912
|
+
class UsaMotion extends Base {
|
|
8913
|
+
constructor() {
|
|
8914
|
+
super(...arguments);
|
|
8915
|
+
this._errors = [];
|
|
8916
|
+
}
|
|
8917
|
+
static get observedAttributes() {
|
|
8918
|
+
return ['rules'];
|
|
8919
|
+
}
|
|
8920
|
+
get parsed() {
|
|
8921
|
+
return parseMotion(this.str('rules')).rules;
|
|
8922
|
+
}
|
|
8923
|
+
get errors() {
|
|
8924
|
+
return this._errors.slice();
|
|
8925
|
+
}
|
|
8926
|
+
mount() {
|
|
8927
|
+
this._errors = [];
|
|
8928
|
+
this.onCleanup(bindMotion(this, this.str('rules'), (m) => {
|
|
8929
|
+
this._errors.push(m);
|
|
8930
|
+
this.emit('motion-error', { message: m });
|
|
8931
|
+
}));
|
|
8932
|
+
}
|
|
8933
|
+
}
|
|
8934
|
+
return UsaMotion;
|
|
8935
|
+
}, { id: 'motion', text: css$3 });
|
|
8936
|
+
}
|
|
8937
|
+
|
|
8938
|
+
var css$2 = "usa-plugin-store{display:block;max-width:100%;font:14px/1.4 system-ui,sans-serif;color:#0f172a}usa-plugin-store .usa-ps-q{width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}usa-plugin-store .usa-ps-q:focus-visible{outline:2px solid #6366f1;outline-offset:1px}usa-plugin-store .usa-ps-count{margin:6px 2px;font-size:12px;color:#64748b}usa-plugin-store .usa-ps-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:10px;margin:0;padding:0;list-style:none}usa-plugin-store .usa-ps-card{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid rgba(15,23,42,.1);border-radius:12px;background:#fff;box-shadow:0 6px 16px -12px rgba(15,23,42,.4);min-width:0}usa-plugin-store .usa-ps-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}usa-plugin-store .usa-ps-head small{margin-left:auto;color:#94a3b8;font-size:11px}usa-plugin-store .usa-ps-badge{padding:1px 6px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:600}usa-plugin-store .usa-ps-card p{margin:0;color:#475569;font-size:13px}usa-plugin-store .usa-ps-fx{display:flex;flex-wrap:wrap;gap:4px}usa-plugin-store .usa-ps-fx code{padding:1px 6px;border-radius:6px;background:#f1f5f9;font-size:11px}usa-plugin-store .usa-ps-install{transition:opacity .3s,background-color .3s;align-self:flex-start;padding:6px 12px;border:0;border-radius:8px;background:#4f46e5;color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}usa-plugin-store .usa-ps-install[data-done]{background:#16a34a;cursor:default}usa-plugin-store .usa-ps-install[data-busy]{opacity:.7}usa-plugin-store .usa-ps-install:focus-visible{outline:2px solid #6366f1;outline-offset:2px}";
|
|
8939
|
+
|
|
8940
|
+
const esc$1 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8941
|
+
function definePluginStore(tag = 'usa-plugin-store') {
|
|
8942
|
+
return defineElement(tag, (Base) => {
|
|
8943
|
+
class UsaPluginStore extends Base {
|
|
8944
|
+
constructor() {
|
|
8945
|
+
super(...arguments);
|
|
8946
|
+
this._list = MARKETPLACE;
|
|
8947
|
+
this.loader = null;
|
|
8948
|
+
}
|
|
8949
|
+
static get observedAttributes() {
|
|
8950
|
+
return ['query', 'label'];
|
|
8951
|
+
}
|
|
8952
|
+
get plugins() {
|
|
8953
|
+
return this._list.slice();
|
|
8954
|
+
}
|
|
8955
|
+
set plugins(v) {
|
|
8956
|
+
this._list = Array.isArray(v) ? v : MARKETPLACE;
|
|
8957
|
+
if (this.isConnected)
|
|
8958
|
+
this.changed('plugins');
|
|
8959
|
+
}
|
|
8960
|
+
mount() {
|
|
8961
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8962
|
+
this.setAttribute('role', 'search');
|
|
8963
|
+
this.setAttribute('aria-label', this.str('label', 'Plugin marketplace'));
|
|
8964
|
+
this.insertAdjacentHTML('beforeend', `<input class="usa-ps-q" type="search" placeholder="Search plugins…" aria-label="Search plugins" value="${esc$1(this.str('query'))}" data-usa-part><p class="usa-ps-count" aria-live="polite" data-usa-part></p><ul class="usa-ps-list" data-usa-part></ul>`);
|
|
8965
|
+
const q = this.querySelector('.usa-ps-q');
|
|
8966
|
+
this.listen(q, 'input', () => this.search(q.value));
|
|
8967
|
+
this.listen(this, 'click', (e) => {
|
|
8968
|
+
const b = e.target.closest?.('.usa-ps-install');
|
|
8969
|
+
if (b && !b.disabled)
|
|
8970
|
+
void this.install(b.dataset.name);
|
|
8971
|
+
});
|
|
8972
|
+
this.search(q.value);
|
|
8973
|
+
}
|
|
8974
|
+
search(query) {
|
|
8975
|
+
const res = searchPlugins(query, this._list);
|
|
8976
|
+
const ul = this.querySelector('.usa-ps-list');
|
|
8977
|
+
const have = installedPlugins();
|
|
8978
|
+
if (ul) {
|
|
8979
|
+
ul.innerHTML = res
|
|
8980
|
+
.map((p) => `<li class="usa-ps-card"><div class="usa-ps-head"><b>${esc$1(p.title)}</b>${p.official ? '<span class="usa-ps-badge">official</span>' : ''}<small>${esc$1(p.since ? `since ${p.since}` : '')}</small></div><p>${esc$1(p.description)}</p><div class="usa-ps-fx">${p.effects.map((f) => `<code>${esc$1(f)}</code>`).join('')}</div><button type="button" class="usa-ps-install" data-name="${esc$1(p.name)}"${have[p.name] ? ' disabled data-done' : ''}>${have[p.name] ? 'Installed ✓' : 'Install'}</button></li>`)
|
|
8981
|
+
.join('');
|
|
8982
|
+
if (!this.reduced)
|
|
8983
|
+
ul.querySelectorAll('.usa-ps-card').forEach((c, i) => this.motion(c, [{ opacity: 0, transform: 'translateY(12px)' }, { opacity: 1, transform: 'none' }], { duration: 320, delay: Math.min(i, 8) * 50, easing: 'cubic-bezier(.2,.8,.2,1)', fill: 'backwards' }));
|
|
8984
|
+
}
|
|
8985
|
+
const c = this.querySelector('.usa-ps-count');
|
|
8986
|
+
if (c)
|
|
8987
|
+
c.textContent = `${res.length} plugin${res.length === 1 ? '' : 's'}`;
|
|
8988
|
+
return res;
|
|
8989
|
+
}
|
|
8990
|
+
async install(name) {
|
|
8991
|
+
const p = this._list.find((x) => x.name === name);
|
|
8992
|
+
const b = this.querySelector(`.usa-ps-install[data-name="${typeof CSS !== 'undefined' && CSS.escape ? CSS.escape(name) : name.replace(/["\\]/g, '\\$&')}"]`);
|
|
8993
|
+
if (!p)
|
|
8994
|
+
return [];
|
|
8995
|
+
if (b) {
|
|
8996
|
+
b.disabled = true;
|
|
8997
|
+
b.setAttribute('data-busy', '');
|
|
8998
|
+
b.textContent = 'Installing…';
|
|
8999
|
+
}
|
|
9000
|
+
try {
|
|
9001
|
+
const fx = await installPlugin(p, this.loader ? { load: this.loader } : {});
|
|
9002
|
+
if (b) {
|
|
9003
|
+
b.removeAttribute('data-busy');
|
|
9004
|
+
b.setAttribute('data-done', '');
|
|
9005
|
+
b.textContent = 'Installed ✓';
|
|
9006
|
+
if (!this.reduced)
|
|
9007
|
+
this.motion(b, [{ transform: 'scale(.9)' }, { transform: 'scale(1.08)', offset: 0.6 }, { transform: 'none' }], { duration: 360 });
|
|
9008
|
+
}
|
|
9009
|
+
this.emit('install', { name, effects: fx });
|
|
9010
|
+
return fx;
|
|
9011
|
+
}
|
|
9012
|
+
catch (e) {
|
|
9013
|
+
if (b) {
|
|
9014
|
+
b.disabled = false;
|
|
9015
|
+
b.removeAttribute('data-busy');
|
|
9016
|
+
b.textContent = 'Retry';
|
|
9017
|
+
}
|
|
9018
|
+
this.emit('install-error', { name, message: String(e?.message || e) });
|
|
9019
|
+
return [];
|
|
9020
|
+
}
|
|
9021
|
+
}
|
|
9022
|
+
}
|
|
9023
|
+
return UsaPluginStore;
|
|
9024
|
+
}, { id: 'plugin-store', text: css$2 });
|
|
9025
|
+
}
|
|
9026
|
+
|
|
9027
|
+
var css$1 = "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}}";
|
|
9028
|
+
|
|
9029
|
+
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
9030
|
+
function defineChapterNav(tag = 'usa-chapter-nav') {
|
|
9031
|
+
return defineElement(tag, (Base) => {
|
|
9032
|
+
class UsaChapterNav extends Base {
|
|
9033
|
+
constructor() {
|
|
9034
|
+
super(...arguments);
|
|
9035
|
+
this._cur = -1;
|
|
9036
|
+
this._secs = [];
|
|
9037
|
+
}
|
|
9038
|
+
static get observedAttributes() {
|
|
9039
|
+
return ['for', 'orientation', 'label'];
|
|
9040
|
+
}
|
|
9041
|
+
get current() {
|
|
9042
|
+
return this._cur;
|
|
9043
|
+
}
|
|
9044
|
+
mount() {
|
|
9045
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9046
|
+
const root = (this.str('for') && document.querySelector(this.str('for'))) || document;
|
|
9047
|
+
this._secs = Array.from(root.querySelectorAll('[data-chapter]'));
|
|
9048
|
+
this.setAttribute('role', 'navigation');
|
|
9049
|
+
this.setAttribute('aria-label', this.str('label', 'Chapters'));
|
|
9050
|
+
this.setAttribute('data-orientation', this.str('orientation') === 'vertical' ? 'vertical' : 'horizontal');
|
|
9051
|
+
const title = (s, i) => s.dataset.chapter || s.querySelector('h1,h2,h3,h4')?.textContent?.trim() || `Chapter ${i + 1}`;
|
|
9052
|
+
this.insertAdjacentHTML('beforeend', `<ol class="usa-cn-list" data-usa-part>${this._secs.map((s, i) => `<li><button type="button" class="usa-cn-item" data-i="${i}"><span class="usa-cn-num">${i + 1}</span><span class="usa-cn-title">${esc(title(s, i))}</span><span class="usa-cn-bar" aria-hidden="true"><i></i></span></button></li>`).join('')}</ol>`);
|
|
9053
|
+
this.listen(this, 'click', (e) => {
|
|
9054
|
+
const b = e.target.closest?.('.usa-cn-item');
|
|
9055
|
+
if (b)
|
|
9056
|
+
this.goTo(Number(b.dataset.i));
|
|
9057
|
+
});
|
|
9058
|
+
const update = () => {
|
|
9059
|
+
const vh = innerHeight || 1;
|
|
9060
|
+
let cur = 0;
|
|
9061
|
+
this._secs.forEach((s, i) => {
|
|
9062
|
+
const r = s.getBoundingClientRect();
|
|
9063
|
+
const p = r.height ? Math.min(1, Math.max(0, (vh * 0.35 - r.top) / r.height)) : 0;
|
|
9064
|
+
this.querySelector(`.usa-cn-item[data-i="${i}"] .usa-cn-bar i`)?.style.setProperty('--p', String(Math.round(p * 1000) / 1000));
|
|
9065
|
+
if (r.top <= vh * 0.35)
|
|
9066
|
+
cur = i;
|
|
9067
|
+
});
|
|
9068
|
+
this.setCurrent(cur);
|
|
9069
|
+
};
|
|
9070
|
+
this.listen(window, 'scroll', update, { passive: true });
|
|
9071
|
+
this.listen(window, 'resize', update);
|
|
9072
|
+
update();
|
|
9073
|
+
}
|
|
9074
|
+
setCurrent(i) {
|
|
9075
|
+
if (i === this._cur || !this._secs.length)
|
|
9076
|
+
return;
|
|
9077
|
+
this._cur = i;
|
|
9078
|
+
this.querySelectorAll('.usa-cn-item').forEach((b, k) => {
|
|
9079
|
+
if (k === i)
|
|
9080
|
+
b.setAttribute('aria-current', 'step');
|
|
9081
|
+
else
|
|
9082
|
+
b.removeAttribute('aria-current');
|
|
9083
|
+
});
|
|
9084
|
+
const s = this._secs[i];
|
|
9085
|
+
this.emit('chapter', { index: i, title: this.querySelector(`.usa-cn-item[data-i="${i}"] .usa-cn-title`)?.textContent || '' });
|
|
9086
|
+
if (s && !this.reduced) {
|
|
9087
|
+
const b = this.querySelector(`.usa-cn-item[data-i="${i}"] .usa-cn-num`);
|
|
9088
|
+
if (b)
|
|
9089
|
+
this.motion(b, [{ transform: 'scale(1)' }, { transform: 'scale(1.25)', offset: 0.4 }, { transform: 'scale(1)' }], { duration: 380, easing: 'cubic-bezier(.3,1.4,.5,1)' });
|
|
9090
|
+
}
|
|
9091
|
+
}
|
|
9092
|
+
goTo(i) {
|
|
9093
|
+
const s = this._secs[i];
|
|
9094
|
+
if (!s)
|
|
9095
|
+
return;
|
|
9096
|
+
s.scrollIntoView?.({ behavior: this.reduced ? 'auto' : 'smooth', block: 'start' });
|
|
9097
|
+
this.setCurrent(i);
|
|
9098
|
+
}
|
|
9099
|
+
}
|
|
9100
|
+
return UsaChapterNav;
|
|
9101
|
+
}, { id: 'chapter-nav', text: css$1 });
|
|
9102
|
+
}
|
|
9103
|
+
|
|
9104
|
+
var css = "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}}";
|
|
9105
|
+
|
|
9106
|
+
function defineScene(tag = 'usa-scene') {
|
|
9107
|
+
return defineElement(tag, (Base) => {
|
|
9108
|
+
class UsaScene extends Base {
|
|
9109
|
+
constructor() {
|
|
9110
|
+
super(...arguments);
|
|
9111
|
+
this._p = 0;
|
|
9112
|
+
}
|
|
9113
|
+
static get observedAttributes() {
|
|
9114
|
+
return ['camera', 'strength', 'autoplay'];
|
|
9115
|
+
}
|
|
9116
|
+
get progress() {
|
|
9117
|
+
return this._p;
|
|
9118
|
+
}
|
|
9119
|
+
media() {
|
|
9120
|
+
return this.querySelector(':scope > [data-shot], :scope > img, :scope > video, :scope > picture');
|
|
9121
|
+
}
|
|
9122
|
+
mount() {
|
|
9123
|
+
const move = CAMERA_MOVES.includes(this.str('camera')) ? this.str('camera') : 'dolly-in';
|
|
9124
|
+
this.setAttribute('data-camera', move);
|
|
9125
|
+
const m = this.media();
|
|
9126
|
+
m?.classList.add('usa-scene-media');
|
|
9127
|
+
const caps = Array.from(this.querySelectorAll(':scope > [data-caption]'));
|
|
9128
|
+
if (this.reduced) {
|
|
9129
|
+
caps.forEach((c) => c.setAttribute('data-shown', ''));
|
|
9130
|
+
return;
|
|
9131
|
+
}
|
|
9132
|
+
if (this.hasAttribute('autoplay')) {
|
|
9133
|
+
caps.forEach((c) => c.setAttribute('data-shown', ''));
|
|
9134
|
+
const st = this.num('strength', 1);
|
|
9135
|
+
this.inView((v) => {
|
|
9136
|
+
m?.getAnimations?.().forEach((a) => a.cancel());
|
|
9137
|
+
if (v && m)
|
|
9138
|
+
this.motion(m, [0, 0.25, 0.5, 0.75, 1].map((p) => ({ transform: cameraFrame(move, p, st) })), { duration: 7000, iterations: Infinity, direction: 'alternate', easing: 'ease-in-out' });
|
|
9139
|
+
});
|
|
9140
|
+
return;
|
|
9141
|
+
}
|
|
9142
|
+
let stop = null;
|
|
9143
|
+
this.inView((v) => {
|
|
9144
|
+
stop?.();
|
|
9145
|
+
stop = null;
|
|
9146
|
+
if (!v)
|
|
9147
|
+
return;
|
|
9148
|
+
let last = -1;
|
|
9149
|
+
stop = onFrame(() => {
|
|
9150
|
+
const r = this.getBoundingClientRect();
|
|
9151
|
+
const vh = innerHeight || 1;
|
|
9152
|
+
const p = Math.min(1, Math.max(0, (vh - r.top) / (vh + r.height)));
|
|
9153
|
+
if (Math.abs(p - last) < 0.001)
|
|
9154
|
+
return;
|
|
9155
|
+
last = p;
|
|
9156
|
+
this.setProgress(p, move);
|
|
9157
|
+
});
|
|
9158
|
+
});
|
|
9159
|
+
this.onCleanup(() => stop?.());
|
|
9160
|
+
}
|
|
9161
|
+
/** Render the shot at progress `p` (0–1) — also used by tests / scroll timelines. */
|
|
9162
|
+
setProgress(p, move = this.getAttribute('data-camera') || 'dolly-in') {
|
|
9163
|
+
this._p = Math.min(1, Math.max(0, p));
|
|
9164
|
+
const m = this.media();
|
|
9165
|
+
if (m)
|
|
9166
|
+
m.style.transform = cameraFrame(move, this._p, this.num('strength', 1));
|
|
9167
|
+
this.querySelectorAll(':scope > [data-caption]').forEach((c) => this.setFlagOn(c, this._p >= Number(c.dataset.at ?? 0.3)));
|
|
9168
|
+
this.emit('shot', { progress: this._p });
|
|
9169
|
+
}
|
|
9170
|
+
setFlagOn(el, on) {
|
|
9171
|
+
if (on)
|
|
9172
|
+
el.setAttribute('data-shown', '');
|
|
9173
|
+
else
|
|
9174
|
+
el.removeAttribute('data-shown');
|
|
9175
|
+
}
|
|
9176
|
+
}
|
|
9177
|
+
return UsaScene;
|
|
9178
|
+
}, { id: 'scene', text: css });
|
|
8902
9179
|
}
|
|
8903
9180
|
|
|
8904
9181
|
/**
|
|
@@ -8942,6 +9219,8 @@ const WIDGETS = {
|
|
|
8942
9219
|
'8.7': { 'usa-gyro-card': defineGyroCard, 'usa-gesture-sticker': defineGestureSticker },
|
|
8943
9220
|
'8.8': { 'usa-panorama': definePanorama, 'usa-spatial-card': defineSpatialCard },
|
|
8944
9221
|
'8.9': { 'usa-code-export': defineCodeExport, 'usa-prop-panel': definePropPanel },
|
|
9222
|
+
'9.0': { 'usa-motion': defineMotion, 'usa-plugin-store': definePluginStore },
|
|
9223
|
+
'9.1': { 'usa-chapter-nav': defineChapterNav, 'usa-scene': defineScene },
|
|
8945
9224
|
};
|
|
8946
9225
|
/** Every widget tag, in release order. */
|
|
8947
9226
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -8953,5 +9232,5 @@ function defineWidgets(release) {
|
|
|
8953
9232
|
fn(tag);
|
|
8954
9233
|
}
|
|
8955
9234
|
|
|
8956
|
-
export { CAROUSEL_EFFECTS, EQ_PRESETS, FESTIVAL_THEMES, MENU_EFFECTS, MODAL_EFFECTS, NAV_INDICATORS, PRESENCE_STATES, PROGRESS_VARIANTS, RETRO_VARIANTS, SEGMENTED_VARIANTS, SHEET_SIDES, SKELETON_VARIANTS, SPARK_VARIANTS, SWITCH_VARIANTS, TAB_INDICATORS, TIP_PLACEMENTS, TOAST_POSITIONS, TOGGLE_VARIANTS, WEATHER_CONDITIONS, WIDGETS, WIDGET_TAGS, badgeProgress, cartTotal, defineAddToCart, defineBadgeWall, defineBarChart, defineCarousel, defineCartDrawer, defineChatComposer, defineClockControl, defineCodeExport, defineColorPicker, defineCommandPalette, defineCompare, defineCountdown, defineCubeGallery, defineDatePicker, defineDisclosure, defineDock, defineEqualizer, defineFestivalBanner, defineField, defineFileDrop, defineGauge, defineGestureSticker, defineGlobe, defineGyroCard, defineHudPanel, defineHydrate, defineKanban, defineKeyframeEditor, defineKpi, defineLeaderboard, defineLiquidNav, defineLocationCard, defineLyrics, defineMasonryFlow, defineMenu, defineMenuToggle, defineMessageList, defineMilestones, defineModal, defineMusicPlayer, defineNavMorph, defineNotificationBell, defineOdometer, defineOrganicCard, defineOtp, definePagination, definePanorama, definePresence, definePrizeWheel, defineProductGallery, defineProgressRing, definePropPanel, definePullCord, defineRadar, defineReactions, defineRedEnvelope, defineRetroButton, defineSegmented, defineSheet, defineShortcut, defineSkeletonReveal, defineSketchChart, defineSparkline, defineSpatialCard, defineStarRating, defineStepper, defineStickyWall, defineStories, defineSuggestionChips, defineSwipeDeck, defineSwitch, defineTabBar, defineTerminal, defineThemeSurface, defineThemeSwitcher, defineTip, defineToastStack, defineUploadProgress, defineVoiceButton, defineVolumeKnob, defineWeatherCard, defineWidgets, defineXpBar, describeComponent, exportComponent, formatBytes, formatDistance, fuzzyMatch, haversine, hexToHsv, hsvToHex, initials, keyLabels, levelFor, matchesKeys, monthGrid, pageWindow, parseChips, parseISODate, parseLRC, parseMarkers, parseProps, parseReactions, parseTargets, passwordStrength, project, rankRows, sanitizeCode, sparkPoints, splitTime, stackToast, waveBars, wheelAngle, wrapIndex };
|
|
9235
|
+
export { CAROUSEL_EFFECTS, EQ_PRESETS, FESTIVAL_THEMES, MENU_EFFECTS, MODAL_EFFECTS, NAV_INDICATORS, PRESENCE_STATES, PROGRESS_VARIANTS, RETRO_VARIANTS, SEGMENTED_VARIANTS, SHEET_SIDES, SKELETON_VARIANTS, SPARK_VARIANTS, SWITCH_VARIANTS, TAB_INDICATORS, TIP_PLACEMENTS, TOAST_POSITIONS, TOGGLE_VARIANTS, WEATHER_CONDITIONS, WIDGETS, WIDGET_TAGS, badgeProgress, cartTotal, defineAddToCart, defineBadgeWall, defineBarChart, defineCarousel, defineCartDrawer, defineChapterNav, defineChatComposer, defineClockControl, defineCodeExport, defineColorPicker, defineCommandPalette, defineCompare, defineCountdown, defineCubeGallery, defineDatePicker, defineDisclosure, defineDock, defineEqualizer, defineFestivalBanner, defineField, defineFileDrop, defineGauge, defineGestureSticker, defineGlobe, defineGyroCard, defineHudPanel, defineHydrate, defineKanban, defineKeyframeEditor, defineKpi, defineLeaderboard, defineLiquidNav, defineLocationCard, defineLyrics, defineMasonryFlow, defineMenu, defineMenuToggle, defineMessageList, defineMilestones, defineModal, defineMotion, defineMusicPlayer, defineNavMorph, defineNotificationBell, defineOdometer, defineOrganicCard, defineOtp, definePagination, definePanorama, definePluginStore, definePresence, definePrizeWheel, defineProductGallery, defineProgressRing, definePropPanel, definePullCord, defineRadar, defineReactions, defineRedEnvelope, defineRetroButton, defineScene, defineSegmented, defineSheet, defineShortcut, defineSkeletonReveal, defineSketchChart, defineSparkline, defineSpatialCard, defineStarRating, defineStepper, defineStickyWall, defineStories, defineSuggestionChips, defineSwipeDeck, defineSwitch, defineTabBar, defineTerminal, defineThemeSurface, defineThemeSwitcher, defineTip, defineToastStack, defineUploadProgress, defineVoiceButton, defineVolumeKnob, defineWeatherCard, defineWidgets, defineXpBar, describeComponent, exportComponent, formatBytes, formatDistance, fuzzyMatch, haversine, hexToHsv, hsvToHex, initials, keyLabels, levelFor, matchesKeys, monthGrid, pageWindow, parseChips, parseISODate, parseLRC, parseMarkers, parseProps, parseReactions, parseTargets, passwordStrength, project, rankRows, sanitizeCode, sparkPoints, splitTime, stackToast, waveBars, wheelAngle, wrapIndex };
|
|
8957
9236
|
//# sourceMappingURL=widgets.js.map
|