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
|
@@ -12,9 +12,13 @@ var components_fxPaper = require('./fx-paper.cjs');
|
|
|
12
12
|
var components_fxSurface = require('./fx-surface.cjs');
|
|
13
13
|
var components_fxGesture = require('./fx-gesture.cjs');
|
|
14
14
|
var components_fxSpatial = require('./fx-spatial.cjs');
|
|
15
|
+
var components_dsl = require('./dsl.cjs');
|
|
16
|
+
var components_marketplace = require('./marketplace.cjs');
|
|
17
|
+
var components_fxCinema = require('./fx-cinema.cjs');
|
|
15
18
|
require('../chunks/core-CwO835Wm.cjs');
|
|
16
19
|
require('./tokens.cjs');
|
|
17
20
|
require('../chunks/fx-C-XjLOTc.cjs');
|
|
21
|
+
require('../chunks/manifest-B08-vo9G.cjs');
|
|
18
22
|
|
|
19
23
|
/** Helpers shared by the 6.x widgets (`motionary/components/widgets`). */
|
|
20
24
|
const clampN = (v, a, b) => Math.min(b, Math.max(a, v));
|
|
@@ -51,7 +55,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
51
55
|
return -1;
|
|
52
56
|
}
|
|
53
57
|
|
|
54
|
-
var css$
|
|
58
|
+
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}";
|
|
55
59
|
|
|
56
60
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
57
61
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -240,10 +244,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
240
244
|
}
|
|
241
245
|
}
|
|
242
246
|
return UsaCarousel;
|
|
243
|
-
}, { id: 'carousel', text: css$
|
|
247
|
+
}, { id: 'carousel', text: css$1j });
|
|
244
248
|
}
|
|
245
249
|
|
|
246
|
-
var css$
|
|
250
|
+
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}";
|
|
247
251
|
|
|
248
252
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
249
253
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -356,10 +360,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
356
360
|
}
|
|
357
361
|
}
|
|
358
362
|
return UsaTabBar;
|
|
359
|
-
}, { id: 'tab-bar', text: css$
|
|
363
|
+
}, { id: 'tab-bar', text: css$1i });
|
|
360
364
|
}
|
|
361
365
|
|
|
362
|
-
var css$
|
|
366
|
+
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}}";
|
|
363
367
|
|
|
364
368
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
365
369
|
return base.defineElement(tag, (Base) => {
|
|
@@ -427,10 +431,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
427
431
|
}
|
|
428
432
|
}
|
|
429
433
|
return UsaDisclosure;
|
|
430
|
-
}, { id: 'disclosure', text: css$
|
|
434
|
+
}, { id: 'disclosure', text: css$1h });
|
|
431
435
|
}
|
|
432
436
|
|
|
433
|
-
var css$
|
|
437
|
+
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}}";
|
|
434
438
|
|
|
435
439
|
function defineStories(tag = 'usa-stories') {
|
|
436
440
|
return base.defineElement(tag, (Base) => {
|
|
@@ -563,10 +567,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
563
567
|
}
|
|
564
568
|
}
|
|
565
569
|
return UsaStories;
|
|
566
|
-
}, { id: 'stories', text: css$
|
|
570
|
+
}, { id: 'stories', text: css$1g });
|
|
567
571
|
}
|
|
568
572
|
|
|
569
|
-
var css$
|
|
573
|
+
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)}}";
|
|
570
574
|
|
|
571
575
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
572
576
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -793,12 +797,12 @@ function defineOverlay(tag, kind) {
|
|
|
793
797
|
}
|
|
794
798
|
}
|
|
795
799
|
return UsaOverlay;
|
|
796
|
-
}, { id: 'overlay', text: css$
|
|
800
|
+
}, { id: 'overlay', text: css$1f });
|
|
797
801
|
}
|
|
798
802
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
799
803
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
800
804
|
|
|
801
|
-
var css$
|
|
805
|
+
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}}";
|
|
802
806
|
|
|
803
807
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
804
808
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -969,7 +973,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
969
973
|
}
|
|
970
974
|
}
|
|
971
975
|
return UsaToastStack;
|
|
972
|
-
}, { id: 'toast', text: css$
|
|
976
|
+
}, { id: 'toast', text: css$1e });
|
|
973
977
|
}
|
|
974
978
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
975
979
|
function stackToast(input, stack) {
|
|
@@ -997,7 +1001,7 @@ function installToastTriggers() {
|
|
|
997
1001
|
});
|
|
998
1002
|
}
|
|
999
1003
|
|
|
1000
|
-
var css$
|
|
1004
|
+
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)}}";
|
|
1001
1005
|
|
|
1002
1006
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
1003
1007
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1136,10 +1140,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1136
1140
|
}
|
|
1137
1141
|
}
|
|
1138
1142
|
return UsaMenu;
|
|
1139
|
-
}, { id: 'menu', text: css$
|
|
1143
|
+
}, { id: 'menu', text: css$1d });
|
|
1140
1144
|
}
|
|
1141
1145
|
|
|
1142
|
-
var css$
|
|
1146
|
+
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}}";
|
|
1143
1147
|
|
|
1144
1148
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1145
1149
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1279,7 +1283,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1279
1283
|
}
|
|
1280
1284
|
}
|
|
1281
1285
|
return UsaProgressRing;
|
|
1282
|
-
}, { id: 'meters', text: css$
|
|
1286
|
+
}, { id: 'meters', text: css$1c });
|
|
1283
1287
|
}
|
|
1284
1288
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1285
1289
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1389,10 +1393,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1389
1393
|
}
|
|
1390
1394
|
}
|
|
1391
1395
|
return UsaOdometer;
|
|
1392
|
-
}, { id: 'meters', text: css$
|
|
1396
|
+
}, { id: 'meters', text: css$1c });
|
|
1393
1397
|
}
|
|
1394
1398
|
|
|
1395
|
-
var css$
|
|
1399
|
+
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}}";
|
|
1396
1400
|
|
|
1397
1401
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1398
1402
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1507,10 +1511,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1507
1511
|
}
|
|
1508
1512
|
}
|
|
1509
1513
|
return UsaSkeletonReveal;
|
|
1510
|
-
}, { id: 'skeleton-reveal', text: css$
|
|
1514
|
+
}, { id: 'skeleton-reveal', text: css$1b });
|
|
1511
1515
|
}
|
|
1512
1516
|
|
|
1513
|
-
var css$
|
|
1517
|
+
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}}";
|
|
1514
1518
|
|
|
1515
1519
|
const PATHS = {
|
|
1516
1520
|
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',
|
|
@@ -1647,10 +1651,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1647
1651
|
}
|
|
1648
1652
|
UsaStarRating.formAssociated = true;
|
|
1649
1653
|
return UsaStarRating;
|
|
1650
|
-
}, { id: 'star-rating', text: css$
|
|
1654
|
+
}, { id: 'star-rating', text: css$1a });
|
|
1651
1655
|
}
|
|
1652
1656
|
|
|
1653
|
-
var css$
|
|
1657
|
+
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}}";
|
|
1654
1658
|
|
|
1655
1659
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1656
1660
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1738,10 +1742,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1738
1742
|
}
|
|
1739
1743
|
}
|
|
1740
1744
|
return UsaMilestones;
|
|
1741
|
-
}, { id: 'milestones', text: css$
|
|
1745
|
+
}, { id: 'milestones', text: css$19 });
|
|
1742
1746
|
}
|
|
1743
1747
|
|
|
1744
|
-
var css$
|
|
1748
|
+
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}";
|
|
1745
1749
|
|
|
1746
1750
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1747
1751
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1862,10 +1866,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1862
1866
|
}
|
|
1863
1867
|
}
|
|
1864
1868
|
return UsaMasonryFlow;
|
|
1865
|
-
}, { id: 'masonry-flow', text: css$
|
|
1869
|
+
}, { id: 'masonry-flow', text: css$18 });
|
|
1866
1870
|
}
|
|
1867
1871
|
|
|
1868
|
-
var css$
|
|
1872
|
+
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}";
|
|
1869
1873
|
|
|
1870
1874
|
function defineCompare(tag = 'usa-compare') {
|
|
1871
1875
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1989,10 +1993,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1989
1993
|
}
|
|
1990
1994
|
}
|
|
1991
1995
|
return UsaCompare;
|
|
1992
|
-
}, { id: 'compare', text: css$
|
|
1996
|
+
}, { id: 'compare', text: css$17 });
|
|
1993
1997
|
}
|
|
1994
1998
|
|
|
1995
|
-
var css$
|
|
1999
|
+
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}";
|
|
1996
2000
|
|
|
1997
2001
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
1998
2002
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2125,10 +2129,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2125
2129
|
}
|
|
2126
2130
|
}
|
|
2127
2131
|
return UsaCubeGallery;
|
|
2128
|
-
}, { id: 'cube-gallery', text: css$
|
|
2132
|
+
}, { id: 'cube-gallery', text: css$16 });
|
|
2129
2133
|
}
|
|
2130
2134
|
|
|
2131
|
-
var css$
|
|
2135
|
+
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}}";
|
|
2132
2136
|
|
|
2133
2137
|
function defineDock(tag = 'usa-dock') {
|
|
2134
2138
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2196,10 +2200,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2196
2200
|
}
|
|
2197
2201
|
}
|
|
2198
2202
|
return UsaDock;
|
|
2199
|
-
}, { id: 'dock', text: css$
|
|
2203
|
+
}, { id: 'dock', text: css$15 });
|
|
2200
2204
|
}
|
|
2201
2205
|
|
|
2202
|
-
var css$
|
|
2206
|
+
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)}";
|
|
2203
2207
|
|
|
2204
2208
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2205
2209
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2303,10 +2307,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2303
2307
|
}
|
|
2304
2308
|
}
|
|
2305
2309
|
return UsaNavMorph;
|
|
2306
|
-
}, { id: 'nav-morph', text: css$
|
|
2310
|
+
}, { id: 'nav-morph', text: css$14 });
|
|
2307
2311
|
}
|
|
2308
2312
|
|
|
2309
|
-
var css
|
|
2313
|
+
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}";
|
|
2310
2314
|
|
|
2311
2315
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2312
2316
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2379,10 +2383,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2379
2383
|
}
|
|
2380
2384
|
}
|
|
2381
2385
|
return UsaMenuToggle;
|
|
2382
|
-
}, { id: 'menu-toggle', text: css
|
|
2386
|
+
}, { id: 'menu-toggle', text: css$13 });
|
|
2383
2387
|
}
|
|
2384
2388
|
|
|
2385
|
-
var css$
|
|
2389
|
+
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)}";
|
|
2386
2390
|
|
|
2387
2391
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2388
2392
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2514,10 +2518,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2514
2518
|
}
|
|
2515
2519
|
}
|
|
2516
2520
|
return UsaTip;
|
|
2517
|
-
}, { id: 'tip', text: css$
|
|
2521
|
+
}, { id: 'tip', text: css$12 });
|
|
2518
2522
|
}
|
|
2519
2523
|
|
|
2520
|
-
var css$
|
|
2524
|
+
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}}";
|
|
2521
2525
|
|
|
2522
2526
|
function defineStepper(tag = 'usa-stepper') {
|
|
2523
2527
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2614,10 +2618,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2614
2618
|
}
|
|
2615
2619
|
}
|
|
2616
2620
|
return UsaStepper;
|
|
2617
|
-
}, { id: 'stepper', text: css$
|
|
2621
|
+
}, { id: 'stepper', text: css$11 });
|
|
2618
2622
|
}
|
|
2619
2623
|
|
|
2620
|
-
var css$
|
|
2624
|
+
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}}";
|
|
2621
2625
|
|
|
2622
2626
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2623
2627
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2739,10 +2743,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2739
2743
|
}
|
|
2740
2744
|
}
|
|
2741
2745
|
return UsaPagination;
|
|
2742
|
-
}, { id: 'pagination', text: css$
|
|
2746
|
+
}, { id: 'pagination', text: css$10 });
|
|
2743
2747
|
}
|
|
2744
2748
|
|
|
2745
|
-
var css
|
|
2749
|
+
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}}";
|
|
2746
2750
|
|
|
2747
2751
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2748
2752
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2836,10 +2840,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2836
2840
|
}
|
|
2837
2841
|
}
|
|
2838
2842
|
return UsaSegmented;
|
|
2839
|
-
}, { id: 'segmented', text: css
|
|
2843
|
+
}, { id: 'segmented', text: css$$ });
|
|
2840
2844
|
}
|
|
2841
2845
|
|
|
2842
|
-
var css$
|
|
2846
|
+
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}}";
|
|
2843
2847
|
|
|
2844
2848
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2845
2849
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2927,10 +2931,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2927
2931
|
}
|
|
2928
2932
|
}
|
|
2929
2933
|
return UsaSwitch;
|
|
2930
|
-
}, { id: 'switch', text: css$
|
|
2934
|
+
}, { id: 'switch', text: css$_ });
|
|
2931
2935
|
}
|
|
2932
2936
|
|
|
2933
|
-
var css$
|
|
2937
|
+
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}}";
|
|
2934
2938
|
|
|
2935
2939
|
function defineKanban(tag = 'usa-kanban') {
|
|
2936
2940
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3135,10 +3139,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3135
3139
|
}
|
|
3136
3140
|
}
|
|
3137
3141
|
return UsaKanban;
|
|
3138
|
-
}, { id: 'kanban', text: css$
|
|
3142
|
+
}, { id: 'kanban', text: css$Z });
|
|
3139
3143
|
}
|
|
3140
3144
|
|
|
3141
|
-
var css$
|
|
3145
|
+
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}}";
|
|
3142
3146
|
|
|
3143
3147
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3144
3148
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3280,10 +3284,10 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3280
3284
|
}
|
|
3281
3285
|
}
|
|
3282
3286
|
return UsaSwipeDeck;
|
|
3283
|
-
}, { id: 'swipe-deck', text: css$
|
|
3287
|
+
}, { id: 'swipe-deck', text: css$Y });
|
|
3284
3288
|
}
|
|
3285
3289
|
|
|
3286
|
-
var css$
|
|
3290
|
+
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}}";
|
|
3287
3291
|
|
|
3288
3292
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3289
3293
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
@@ -3364,10 +3368,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3364
3368
|
}
|
|
3365
3369
|
}
|
|
3366
3370
|
return UsaWeatherCard;
|
|
3367
|
-
}, { id: 'weather-card', text: css$
|
|
3371
|
+
}, { id: 'weather-card', text: css$X });
|
|
3368
3372
|
}
|
|
3369
3373
|
|
|
3370
|
-
var css$
|
|
3374
|
+
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}}";
|
|
3371
3375
|
|
|
3372
3376
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3373
3377
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3496,10 +3500,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3496
3500
|
}
|
|
3497
3501
|
}
|
|
3498
3502
|
return UsaPullCord;
|
|
3499
|
-
}, { id: 'pull-cord', text: css$
|
|
3503
|
+
}, { id: 'pull-cord', text: css$W });
|
|
3500
3504
|
}
|
|
3501
3505
|
|
|
3502
|
-
var css$
|
|
3506
|
+
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}}";
|
|
3503
3507
|
|
|
3504
3508
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3505
3509
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3648,10 +3652,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3648
3652
|
}
|
|
3649
3653
|
}
|
|
3650
3654
|
return UsaDatePicker;
|
|
3651
|
-
}, { id: 'date-picker', text: css$
|
|
3655
|
+
}, { id: 'date-picker', text: css$V });
|
|
3652
3656
|
}
|
|
3653
3657
|
|
|
3654
|
-
var css$
|
|
3658
|
+
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}}";
|
|
3655
3659
|
|
|
3656
3660
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3657
3661
|
function hsvToHex(h, s, v) {
|
|
@@ -3771,10 +3775,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3771
3775
|
}
|
|
3772
3776
|
}
|
|
3773
3777
|
return UsaColorPicker;
|
|
3774
|
-
}, { id: 'color-picker', text: css$
|
|
3778
|
+
}, { id: 'color-picker', text: css$U });
|
|
3775
3779
|
}
|
|
3776
3780
|
|
|
3777
|
-
var css$
|
|
3781
|
+
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}}";
|
|
3778
3782
|
|
|
3779
3783
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3780
3784
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3875,10 +3879,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3875
3879
|
}
|
|
3876
3880
|
}
|
|
3877
3881
|
return UsaFileDrop;
|
|
3878
|
-
}, { id: 'file-drop', text: css$
|
|
3882
|
+
}, { id: 'file-drop', text: css$T });
|
|
3879
3883
|
}
|
|
3880
3884
|
|
|
3881
|
-
var css$
|
|
3885
|
+
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}}";
|
|
3882
3886
|
|
|
3883
3887
|
const DEFAULT = {
|
|
3884
3888
|
format: player.ANIMATION_FORMAT,
|
|
@@ -4052,10 +4056,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4052
4056
|
}
|
|
4053
4057
|
}
|
|
4054
4058
|
return UsaKeyframeEditor;
|
|
4055
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4059
|
+
}, { id: 'keyframe-editor', text: css$S });
|
|
4056
4060
|
}
|
|
4057
4061
|
|
|
4058
|
-
var css$
|
|
4062
|
+
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}}";
|
|
4059
4063
|
|
|
4060
4064
|
const fmt = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4061
4065
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4216,10 +4220,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4216
4220
|
}
|
|
4217
4221
|
}
|
|
4218
4222
|
return UsaMusicPlayer;
|
|
4219
|
-
}, { id: 'music-player', text: css$
|
|
4223
|
+
}, { id: 'music-player', text: css$R });
|
|
4220
4224
|
}
|
|
4221
4225
|
|
|
4222
|
-
var css$
|
|
4226
|
+
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}}";
|
|
4223
4227
|
|
|
4224
4228
|
const ARC = 270;
|
|
4225
4229
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4310,10 +4314,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4310
4314
|
}
|
|
4311
4315
|
}
|
|
4312
4316
|
return UsaVolumeKnob;
|
|
4313
|
-
}, { id: 'volume-knob', text: css$
|
|
4317
|
+
}, { id: 'volume-knob', text: css$Q });
|
|
4314
4318
|
}
|
|
4315
4319
|
|
|
4316
|
-
var css$
|
|
4320
|
+
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}}";
|
|
4317
4321
|
|
|
4318
4322
|
const EQ_PRESETS = {
|
|
4319
4323
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4411,10 +4415,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4411
4415
|
}
|
|
4412
4416
|
}
|
|
4413
4417
|
return UsaEqualizer;
|
|
4414
|
-
}, { id: 'equalizer', text: css$
|
|
4418
|
+
}, { id: 'equalizer', text: css$P });
|
|
4415
4419
|
}
|
|
4416
4420
|
|
|
4417
|
-
var css$
|
|
4421
|
+
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}}";
|
|
4418
4422
|
|
|
4419
4423
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4420
4424
|
function parseLRC(src) {
|
|
@@ -4526,10 +4530,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4526
4530
|
}
|
|
4527
4531
|
}
|
|
4528
4532
|
return UsaLyrics;
|
|
4529
|
-
}, { id: 'lyrics', text: css$
|
|
4533
|
+
}, { id: 'lyrics', text: css$O });
|
|
4530
4534
|
}
|
|
4531
4535
|
|
|
4532
|
-
var css$
|
|
4536
|
+
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}}";
|
|
4533
4537
|
|
|
4534
4538
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4535
4539
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4623,10 +4627,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4623
4627
|
}
|
|
4624
4628
|
}
|
|
4625
4629
|
return UsaBarChart;
|
|
4626
|
-
}, { id: 'bar-chart', text: css$
|
|
4630
|
+
}, { id: 'bar-chart', text: css$N });
|
|
4627
4631
|
}
|
|
4628
4632
|
|
|
4629
|
-
var css$
|
|
4633
|
+
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)}";
|
|
4630
4634
|
|
|
4631
4635
|
function defineGauge(tag = 'usa-gauge') {
|
|
4632
4636
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4711,10 +4715,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4711
4715
|
}
|
|
4712
4716
|
}
|
|
4713
4717
|
return UsaGauge;
|
|
4714
|
-
}, { id: 'gauge', text: css$
|
|
4718
|
+
}, { id: 'gauge', text: css$M });
|
|
4715
4719
|
}
|
|
4716
4720
|
|
|
4717
|
-
var css$
|
|
4721
|
+
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}}";
|
|
4718
4722
|
|
|
4719
4723
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4720
4724
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4837,7 +4841,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4837
4841
|
}
|
|
4838
4842
|
}
|
|
4839
4843
|
return UsaSparkline;
|
|
4840
|
-
}, { id: 'sparkline', text: css$
|
|
4844
|
+
}, { id: 'sparkline', text: css$L });
|
|
4841
4845
|
}
|
|
4842
4846
|
|
|
4843
4847
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4850,7 +4854,7 @@ function parseFigureText(s) {
|
|
|
4850
4854
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4851
4855
|
}
|
|
4852
4856
|
|
|
4853
|
-
var css$
|
|
4857
|
+
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}";
|
|
4854
4858
|
|
|
4855
4859
|
function defineKpi(tag = 'usa-kpi') {
|
|
4856
4860
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4930,10 +4934,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4930
4934
|
}
|
|
4931
4935
|
}
|
|
4932
4936
|
return UsaKpi;
|
|
4933
|
-
}, { id: 'kpi', text: css$
|
|
4937
|
+
}, { id: 'kpi', text: css$K });
|
|
4934
4938
|
}
|
|
4935
4939
|
|
|
4936
|
-
var css$
|
|
4940
|
+
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}}";
|
|
4937
4941
|
|
|
4938
4942
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4939
4943
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4978,10 +4982,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4978
4982
|
}
|
|
4979
4983
|
}
|
|
4980
4984
|
return UsaAddToCart;
|
|
4981
|
-
}, { id: 'add-to-cart', text: css$
|
|
4985
|
+
}, { id: 'add-to-cart', text: css$J });
|
|
4982
4986
|
}
|
|
4983
4987
|
|
|
4984
|
-
var css$
|
|
4988
|
+
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}";
|
|
4985
4989
|
|
|
4986
4990
|
/** Cart total (7.3). */
|
|
4987
4991
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5146,10 +5150,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5146
5150
|
}
|
|
5147
5151
|
}
|
|
5148
5152
|
return UsaCartDrawer;
|
|
5149
|
-
}, { id: 'cart-drawer', text: css$
|
|
5153
|
+
}, { id: 'cart-drawer', text: css$I });
|
|
5150
5154
|
}
|
|
5151
5155
|
|
|
5152
|
-
var css$
|
|
5156
|
+
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}}";
|
|
5153
5157
|
|
|
5154
5158
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5155
5159
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5263,10 +5267,10 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5263
5267
|
}
|
|
5264
5268
|
}
|
|
5265
5269
|
return UsaProductGallery;
|
|
5266
|
-
}, { id: 'product-gallery', text: css$
|
|
5270
|
+
}, { id: 'product-gallery', text: css$H });
|
|
5267
5271
|
}
|
|
5268
5272
|
|
|
5269
|
-
var css$
|
|
5273
|
+
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)}";
|
|
5270
5274
|
|
|
5271
5275
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5272
5276
|
function splitTime(sec) {
|
|
@@ -5354,10 +5358,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5354
5358
|
}
|
|
5355
5359
|
}
|
|
5356
5360
|
return UsaCountdown;
|
|
5357
|
-
}, { id: 'countdown', text: css$
|
|
5361
|
+
}, { id: 'countdown', text: css$G });
|
|
5358
5362
|
}
|
|
5359
5363
|
|
|
5360
|
-
var css$
|
|
5364
|
+
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}}";
|
|
5361
5365
|
|
|
5362
5366
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5363
5367
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5444,10 +5448,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5444
5448
|
}
|
|
5445
5449
|
}
|
|
5446
5450
|
return UsaMessageList;
|
|
5447
|
-
}, { id: 'message-list', text: css$
|
|
5451
|
+
}, { id: 'message-list', text: css$F });
|
|
5448
5452
|
}
|
|
5449
5453
|
|
|
5450
|
-
var css$
|
|
5454
|
+
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}";
|
|
5451
5455
|
|
|
5452
5456
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5453
5457
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5549,10 +5553,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5549
5553
|
}
|
|
5550
5554
|
}
|
|
5551
5555
|
return UsaReactions;
|
|
5552
|
-
}, { id: 'reactions', text: css$
|
|
5556
|
+
}, { id: 'reactions', text: css$E });
|
|
5553
5557
|
}
|
|
5554
5558
|
|
|
5555
|
-
var css$
|
|
5559
|
+
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}";
|
|
5556
5560
|
|
|
5557
5561
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5558
5562
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5647,10 +5651,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5647
5651
|
}
|
|
5648
5652
|
}
|
|
5649
5653
|
return UsaNotificationBell;
|
|
5650
|
-
}, { id: 'notification-bell', text: css$
|
|
5654
|
+
}, { id: 'notification-bell', text: css$D });
|
|
5651
5655
|
}
|
|
5652
5656
|
|
|
5653
|
-
var css$
|
|
5657
|
+
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}}";
|
|
5654
5658
|
|
|
5655
5659
|
/** Presence states (7.4). */
|
|
5656
5660
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5720,10 +5724,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5720
5724
|
}
|
|
5721
5725
|
}
|
|
5722
5726
|
return UsaPresence;
|
|
5723
|
-
}, { id: 'presence', text: css$
|
|
5727
|
+
}, { id: 'presence', text: css$C });
|
|
5724
5728
|
}
|
|
5725
5729
|
|
|
5726
|
-
var css$
|
|
5730
|
+
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)}";
|
|
5727
5731
|
|
|
5728
5732
|
/** Sort rows by score desc, then name (7.5). */
|
|
5729
5733
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5832,10 +5836,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5832
5836
|
}
|
|
5833
5837
|
}
|
|
5834
5838
|
return UsaLeaderboard;
|
|
5835
|
-
}, { id: 'leaderboard', text: css$
|
|
5839
|
+
}, { id: 'leaderboard', text: css$B });
|
|
5836
5840
|
}
|
|
5837
5841
|
|
|
5838
|
-
var css$
|
|
5842
|
+
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)}";
|
|
5839
5843
|
|
|
5840
5844
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5841
5845
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5932,10 +5936,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5932
5936
|
}
|
|
5933
5937
|
}
|
|
5934
5938
|
return UsaXpBar;
|
|
5935
|
-
}, { id: 'xp-bar', text: css$
|
|
5939
|
+
}, { id: 'xp-bar', text: css$A });
|
|
5936
5940
|
}
|
|
5937
5941
|
|
|
5938
|
-
var css$
|
|
5942
|
+
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}}";
|
|
5939
5943
|
|
|
5940
5944
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5941
5945
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -6002,10 +6006,10 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
6002
6006
|
}
|
|
6003
6007
|
}
|
|
6004
6008
|
return UsaBadgeWall;
|
|
6005
|
-
}, { id: 'badge-wall', text: css$
|
|
6009
|
+
}, { id: 'badge-wall', text: css$z });
|
|
6006
6010
|
}
|
|
6007
6011
|
|
|
6008
|
-
var css$
|
|
6012
|
+
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)}";
|
|
6009
6013
|
|
|
6010
6014
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6011
6015
|
function wheelAngle(index, count, turns = 5) {
|
|
@@ -6085,10 +6089,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6085
6089
|
}
|
|
6086
6090
|
}
|
|
6087
6091
|
return UsaPrizeWheel;
|
|
6088
|
-
}, { id: 'prize-wheel', text: css$
|
|
6092
|
+
}, { id: 'prize-wheel', text: css$y });
|
|
6089
6093
|
}
|
|
6090
6094
|
|
|
6091
|
-
var css$
|
|
6095
|
+
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}}";
|
|
6092
6096
|
|
|
6093
6097
|
const RAD = Math.PI / 180;
|
|
6094
6098
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6245,10 +6249,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6245
6249
|
}
|
|
6246
6250
|
}
|
|
6247
6251
|
return UsaGlobe;
|
|
6248
|
-
}, { id: 'globe', text: css$
|
|
6252
|
+
}, { id: 'globe', text: css$x });
|
|
6249
6253
|
}
|
|
6250
6254
|
|
|
6251
|
-
var css$
|
|
6255
|
+
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}";
|
|
6252
6256
|
|
|
6253
6257
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6254
6258
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6264,7 +6268,7 @@ function formatDistance(km, unit = 'km') {
|
|
|
6264
6268
|
}
|
|
6265
6269
|
return km < 1 ? `${Math.round(km * 1000)} m` : `${km < 10 ? km.toFixed(1) : Math.round(km)} km`;
|
|
6266
6270
|
}
|
|
6267
|
-
const esc$
|
|
6271
|
+
const esc$f = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6268
6272
|
function defineLocationCard(tag = 'usa-location-card') {
|
|
6269
6273
|
return base.defineElement(tag, (Base) => {
|
|
6270
6274
|
class UsaLocationCard extends Base {
|
|
@@ -6289,7 +6293,7 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6289
6293
|
const dist = this.str('distance') || (km === null ? '' : formatDistance(km, this.str('unit') === 'mi' ? 'mi' : 'km'));
|
|
6290
6294
|
const href = this.str('href');
|
|
6291
6295
|
const origin = km !== null;
|
|
6292
|
-
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$
|
|
6296
|
+
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>`);
|
|
6293
6297
|
if (origin)
|
|
6294
6298
|
this.setAttribute('data-route', '');
|
|
6295
6299
|
else
|
|
@@ -6322,10 +6326,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6322
6326
|
}
|
|
6323
6327
|
}
|
|
6324
6328
|
return UsaLocationCard;
|
|
6325
|
-
}, { id: 'location-card', text: css$
|
|
6329
|
+
}, { id: 'location-card', text: css$w });
|
|
6326
6330
|
}
|
|
6327
6331
|
|
|
6328
|
-
var css$
|
|
6332
|
+
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}}";
|
|
6329
6333
|
|
|
6330
6334
|
/** 0–4 password strength score with a label (7.7). */
|
|
6331
6335
|
function passwordStrength(pw) {
|
|
@@ -6347,7 +6351,7 @@ function passwordStrength(pw) {
|
|
|
6347
6351
|
const score = Math.min(4, s);
|
|
6348
6352
|
return { score, label: ['Too short', 'Weak', 'Fair', 'Good', 'Strong'][score] };
|
|
6349
6353
|
}
|
|
6350
|
-
const esc$
|
|
6354
|
+
const esc$e = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6351
6355
|
let uid$2 = 0;
|
|
6352
6356
|
const PASS = ['type', 'name', 'required', 'pattern', 'minlength', 'maxlength', 'autocomplete', 'inputmode', 'placeholder'];
|
|
6353
6357
|
function defineField(tag = 'usa-field') {
|
|
@@ -6381,9 +6385,9 @@ function defineField(tag = 'usa-field') {
|
|
|
6381
6385
|
const id = this._id;
|
|
6382
6386
|
const strength = this.flag('strength');
|
|
6383
6387
|
const attrs = PASS.filter((a) => this.hasAttribute(a))
|
|
6384
|
-
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$
|
|
6388
|
+
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$e(this.str(a))}"`))
|
|
6385
6389
|
.join('');
|
|
6386
|
-
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$
|
|
6390
|
+
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>`);
|
|
6387
6391
|
const input = this.input;
|
|
6388
6392
|
input.value = keep;
|
|
6389
6393
|
this.listen(input, 'input', () => {
|
|
@@ -6451,10 +6455,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6451
6455
|
}
|
|
6452
6456
|
}
|
|
6453
6457
|
return UsaField;
|
|
6454
|
-
}, { id: 'field', text: css$
|
|
6458
|
+
}, { id: 'field', text: css$v });
|
|
6455
6459
|
}
|
|
6456
6460
|
|
|
6457
|
-
var css$
|
|
6461
|
+
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}}";
|
|
6458
6462
|
|
|
6459
6463
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6460
6464
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6585,10 +6589,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6585
6589
|
}
|
|
6586
6590
|
}
|
|
6587
6591
|
return UsaOtp;
|
|
6588
|
-
}, { id: 'otp', text: css$
|
|
6592
|
+
}, { id: 'otp', text: css$u });
|
|
6589
6593
|
}
|
|
6590
6594
|
|
|
6591
|
-
var css$
|
|
6595
|
+
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}}";
|
|
6592
6596
|
|
|
6593
6597
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6594
6598
|
function formatBytes(n) {
|
|
@@ -6602,7 +6606,7 @@ function formatBytes(n) {
|
|
|
6602
6606
|
}
|
|
6603
6607
|
return `${i === 0 ? Math.round(n) : n < 10 ? n.toFixed(1) : Math.round(n)} ${u[i]}`;
|
|
6604
6608
|
}
|
|
6605
|
-
const esc$
|
|
6609
|
+
const esc$d = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6606
6610
|
function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
6607
6611
|
return base.defineElement(tag, (Base) => {
|
|
6608
6612
|
class UsaUploadProgress extends Base {
|
|
@@ -6630,7 +6634,7 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6630
6634
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6631
6635
|
const name = this.str('name', 'file');
|
|
6632
6636
|
const size = formatBytes(this.num('size', NaN));
|
|
6633
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$
|
|
6637
|
+
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>`);
|
|
6634
6638
|
this.listen(this.querySelector('.usa-up-retry'), 'click', () => this.emit('retry', { name }));
|
|
6635
6639
|
this._shown = 0;
|
|
6636
6640
|
this.render(true);
|
|
@@ -6671,12 +6675,12 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6671
6675
|
}
|
|
6672
6676
|
}
|
|
6673
6677
|
return UsaUploadProgress;
|
|
6674
|
-
}, { id: 'upload-progress', text: css$
|
|
6678
|
+
}, { id: 'upload-progress', text: css$t });
|
|
6675
6679
|
}
|
|
6676
6680
|
|
|
6677
|
-
var css$
|
|
6681
|
+
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}}";
|
|
6678
6682
|
|
|
6679
|
-
const esc$
|
|
6683
|
+
const esc$c = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6680
6684
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
6681
6685
|
return base.defineElement(tag, (Base) => {
|
|
6682
6686
|
class UsaChatComposer extends Base {
|
|
@@ -6706,7 +6710,7 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6706
6710
|
const keep = this.area?.value ?? this.str('value');
|
|
6707
6711
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6708
6712
|
const label = this.str('label', 'Message');
|
|
6709
|
-
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$
|
|
6713
|
+
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>`);
|
|
6710
6714
|
const a = this.area;
|
|
6711
6715
|
a.value = keep;
|
|
6712
6716
|
this.listen(a, 'input', () => this.sync());
|
|
@@ -6772,10 +6776,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6772
6776
|
}
|
|
6773
6777
|
}
|
|
6774
6778
|
return UsaChatComposer;
|
|
6775
|
-
}, { id: 'chat-composer', text: css$
|
|
6779
|
+
}, { id: 'chat-composer', text: css$s });
|
|
6776
6780
|
}
|
|
6777
6781
|
|
|
6778
|
-
var css$
|
|
6782
|
+
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}}";
|
|
6779
6783
|
|
|
6780
6784
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6781
6785
|
function parseChips(s) {
|
|
@@ -6784,7 +6788,7 @@ function parseChips(s) {
|
|
|
6784
6788
|
.map((t) => t.trim())
|
|
6785
6789
|
.filter(Boolean);
|
|
6786
6790
|
}
|
|
6787
|
-
const esc$
|
|
6791
|
+
const esc$b = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6788
6792
|
function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
6789
6793
|
return base.defineElement(tag, (Base) => {
|
|
6790
6794
|
class UsaSuggestionChips extends Base {
|
|
@@ -6819,7 +6823,7 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6819
6823
|
Array.from(this.children).forEach((c) => !c.hasAttribute('data-usa-part') && c.setAttribute('hidden', ''));
|
|
6820
6824
|
}
|
|
6821
6825
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6822
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$
|
|
6826
|
+
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>`);
|
|
6823
6827
|
const chips = Array.from(this.querySelectorAll('.usa-sc-chip'));
|
|
6824
6828
|
chips.forEach((c, i) => {
|
|
6825
6829
|
this.listen(c, 'click', () => this.pick(i));
|
|
@@ -6860,10 +6864,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6860
6864
|
}
|
|
6861
6865
|
}
|
|
6862
6866
|
return UsaSuggestionChips;
|
|
6863
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6867
|
+
}, { id: 'suggestion-chips', text: css$r });
|
|
6864
6868
|
}
|
|
6865
6869
|
|
|
6866
|
-
var css$
|
|
6870
|
+
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}}";
|
|
6867
6871
|
|
|
6868
6872
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6869
6873
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6935,10 +6939,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6935
6939
|
}
|
|
6936
6940
|
}
|
|
6937
6941
|
return UsaVoiceButton;
|
|
6938
|
-
}, { id: 'voice-button', text: css$
|
|
6942
|
+
}, { id: 'voice-button', text: css$q });
|
|
6939
6943
|
}
|
|
6940
6944
|
|
|
6941
|
-
var css$
|
|
6945
|
+
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)}";
|
|
6942
6946
|
|
|
6943
6947
|
/**
|
|
6944
6948
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -6997,7 +7001,7 @@ function matchesKeys(e, keys, apple = isApple()) {
|
|
|
6997
7001
|
function isApple() {
|
|
6998
7002
|
return typeof navigator !== 'undefined' && /Mac|iPhone|iPad|iPod/.test(navigator.userAgentData?.platform || navigator.platform || navigator.userAgent || '');
|
|
6999
7003
|
}
|
|
7000
|
-
const esc$
|
|
7004
|
+
const esc$a = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7001
7005
|
let uid$1 = 0;
|
|
7002
7006
|
function defineCommandPalette(tag = 'usa-command-palette') {
|
|
7003
7007
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7034,7 +7038,7 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7034
7038
|
mount() {
|
|
7035
7039
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7036
7040
|
const id = this._id;
|
|
7037
|
-
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$
|
|
7041
|
+
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>`);
|
|
7038
7042
|
const dlg = this.dlg;
|
|
7039
7043
|
const q = this.querySelector('.usa-cp-q');
|
|
7040
7044
|
this.listen(q, 'input', () => this.render(true));
|
|
@@ -7089,12 +7093,12 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7089
7093
|
if (!q && c.group !== group) {
|
|
7090
7094
|
group = c.group;
|
|
7091
7095
|
if (group)
|
|
7092
|
-
html += `<div class="usa-cp-group" role="presentation">${esc$
|
|
7096
|
+
html += `<div class="usa-cp-group" role="presentation">${esc$a(group)}</div>`;
|
|
7093
7097
|
}
|
|
7094
7098
|
const label = Array.from(c.label)
|
|
7095
|
-
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$
|
|
7099
|
+
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$a(ch)}</mark>` : esc$a(ch)))
|
|
7096
7100
|
.join('');
|
|
7097
|
-
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$
|
|
7101
|
+
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$a(k)}</kbd>`).join('')}</span>` : '';
|
|
7098
7102
|
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>`;
|
|
7099
7103
|
});
|
|
7100
7104
|
list.insertAdjacentHTML('beforeend', html);
|
|
@@ -7197,13 +7201,13 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7197
7201
|
}
|
|
7198
7202
|
}
|
|
7199
7203
|
return UsaCommandPalette;
|
|
7200
|
-
}, { id: 'command-palette', text: css$
|
|
7204
|
+
}, { id: 'command-palette', text: css$p });
|
|
7201
7205
|
}
|
|
7202
7206
|
|
|
7203
|
-
var css$
|
|
7207
|
+
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}";
|
|
7204
7208
|
|
|
7205
7209
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7206
|
-
const esc$
|
|
7210
|
+
const esc$9 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7207
7211
|
function defineShortcut(tag = 'usa-shortcut') {
|
|
7208
7212
|
return base.defineElement(tag, (Base) => {
|
|
7209
7213
|
class UsaShortcut extends Base {
|
|
@@ -7218,7 +7222,7 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7218
7222
|
const labels = this.labels;
|
|
7219
7223
|
const spoken = labels.map((l) => SPOKEN[l] || l).join(' ');
|
|
7220
7224
|
const text = this.str('label');
|
|
7221
|
-
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$
|
|
7225
|
+
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>`);
|
|
7222
7226
|
if (this.str('listen') !== 'false')
|
|
7223
7227
|
this.listen(document, 'keydown', (e) => {
|
|
7224
7228
|
if (!e.repeat && matchesKeys(e, this.str('keys', 'mod+k'))) {
|
|
@@ -7251,10 +7255,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7251
7255
|
}
|
|
7252
7256
|
}
|
|
7253
7257
|
return UsaShortcut;
|
|
7254
|
-
}, { id: 'shortcut', text: css$
|
|
7258
|
+
}, { id: 'shortcut', text: css$o });
|
|
7255
7259
|
}
|
|
7256
7260
|
|
|
7257
|
-
var css$
|
|
7261
|
+
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}}";
|
|
7258
7262
|
|
|
7259
7263
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7260
7264
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7313,10 +7317,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7313
7317
|
}
|
|
7314
7318
|
}
|
|
7315
7319
|
return UsaClockControl;
|
|
7316
|
-
}, { id: 'clock-control', text: css$
|
|
7320
|
+
}, { id: 'clock-control', text: css$n });
|
|
7317
7321
|
}
|
|
7318
7322
|
|
|
7319
|
-
var css$
|
|
7323
|
+
var css$m = "usa-hydrate{display:block}";
|
|
7320
7324
|
|
|
7321
7325
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7322
7326
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7352,12 +7356,12 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7352
7356
|
}
|
|
7353
7357
|
}
|
|
7354
7358
|
return UsaHydrate;
|
|
7355
|
-
}, { id: 'hydrate', text: css$
|
|
7359
|
+
}, { id: 'hydrate', text: css$m });
|
|
7356
7360
|
}
|
|
7357
7361
|
|
|
7358
|
-
var css$
|
|
7362
|
+
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}}";
|
|
7359
7363
|
|
|
7360
|
-
const esc$
|
|
7364
|
+
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7361
7365
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
7362
7366
|
return base.defineElement(tag, (Base) => {
|
|
7363
7367
|
class UsaRedEnvelope extends Base {
|
|
@@ -7370,7 +7374,7 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7370
7374
|
mount() {
|
|
7371
7375
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7372
7376
|
const msg = this.str('message', '恭喜发财');
|
|
7373
|
-
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$
|
|
7377
|
+
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>`);
|
|
7374
7378
|
this.listen(this.querySelector('.usa-re'), 'click', () => (this.opened ? this.close() : this.open()));
|
|
7375
7379
|
if (this.flag('opened'))
|
|
7376
7380
|
this.open(true);
|
|
@@ -7419,10 +7423,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7419
7423
|
}
|
|
7420
7424
|
}
|
|
7421
7425
|
return UsaRedEnvelope;
|
|
7422
|
-
}, { id: 'red-envelope', text: css$
|
|
7426
|
+
}, { id: 'red-envelope', text: css$l });
|
|
7423
7427
|
}
|
|
7424
7428
|
|
|
7425
|
-
var css$
|
|
7429
|
+
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}}";
|
|
7426
7430
|
|
|
7427
7431
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7428
7432
|
const SCENES = {
|
|
@@ -7470,12 +7474,12 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7470
7474
|
}
|
|
7471
7475
|
}
|
|
7472
7476
|
return UsaFestivalBanner;
|
|
7473
|
-
}, { id: 'festival-banner', text: css$
|
|
7477
|
+
}, { id: 'festival-banner', text: css$k });
|
|
7474
7478
|
}
|
|
7475
7479
|
|
|
7476
|
-
var css$
|
|
7480
|
+
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}}";
|
|
7477
7481
|
|
|
7478
|
-
const esc$
|
|
7482
|
+
const esc$7 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7479
7483
|
function defineTerminal(tag = 'usa-terminal') {
|
|
7480
7484
|
return base.defineElement(tag, (Base) => {
|
|
7481
7485
|
class UsaTerminal extends Base {
|
|
@@ -7495,7 +7499,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7495
7499
|
src.forEach((c) => c.remove());
|
|
7496
7500
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7497
7501
|
this.setAttribute('data-theme', ['green', 'amber'].includes(this.str('theme')) ? this.str('theme') : 'dark');
|
|
7498
|
-
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$
|
|
7502
|
+
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>`);
|
|
7499
7503
|
let started = false;
|
|
7500
7504
|
this.inView((v) => {
|
|
7501
7505
|
if (v && !started) {
|
|
@@ -7510,7 +7514,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7510
7514
|
const p = document.createElement('p');
|
|
7511
7515
|
p.className = l.cmd ? 'usa-term-cmd' : 'usa-term-out';
|
|
7512
7516
|
if (l.cmd)
|
|
7513
|
-
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$
|
|
7517
|
+
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$7(this.str('prompt', '$'))} </span><span class="usa-term-tx"></span>`;
|
|
7514
7518
|
body.appendChild(p);
|
|
7515
7519
|
return p;
|
|
7516
7520
|
}
|
|
@@ -7584,10 +7588,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7584
7588
|
}
|
|
7585
7589
|
}
|
|
7586
7590
|
return UsaTerminal;
|
|
7587
|
-
}, { id: 'terminal', text: css$
|
|
7591
|
+
}, { id: 'terminal', text: css$j });
|
|
7588
7592
|
}
|
|
7589
7593
|
|
|
7590
|
-
var css$
|
|
7594
|
+
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}";
|
|
7591
7595
|
|
|
7592
7596
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7593
7597
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7641,10 +7645,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7641
7645
|
}
|
|
7642
7646
|
}
|
|
7643
7647
|
return UsaRetroButton;
|
|
7644
|
-
}, { id: 'retro-button', text: css$
|
|
7648
|
+
}, { id: 'retro-button', text: css$i });
|
|
7645
7649
|
}
|
|
7646
7650
|
|
|
7647
|
-
var css$
|
|
7651
|
+
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)}";
|
|
7648
7652
|
|
|
7649
7653
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7650
7654
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7683,10 +7687,10 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7683
7687
|
}
|
|
7684
7688
|
}
|
|
7685
7689
|
return UsaOrganicCard;
|
|
7686
|
-
}, { id: 'organic-card', text: css$
|
|
7690
|
+
}, { id: 'organic-card', text: css$h });
|
|
7687
7691
|
}
|
|
7688
7692
|
|
|
7689
|
-
var css$
|
|
7693
|
+
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}";
|
|
7690
7694
|
|
|
7691
7695
|
let uid = 0;
|
|
7692
7696
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
@@ -7767,12 +7771,12 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7767
7771
|
}
|
|
7768
7772
|
}
|
|
7769
7773
|
return UsaLiquidNav;
|
|
7770
|
-
}, { id: 'liquid-nav', text: css$
|
|
7774
|
+
}, { id: 'liquid-nav', text: css$g });
|
|
7771
7775
|
}
|
|
7772
7776
|
|
|
7773
|
-
var css$
|
|
7777
|
+
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}}";
|
|
7774
7778
|
|
|
7775
|
-
const esc$
|
|
7779
|
+
const esc$6 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7776
7780
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
7777
7781
|
return base.defineElement(tag, (Base) => {
|
|
7778
7782
|
class UsaHudPanel extends Base {
|
|
@@ -7785,7 +7789,7 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7785
7789
|
this.setAttribute('aria-label', this.str('title', 'Panel'));
|
|
7786
7790
|
if (this.hasAttribute('color'))
|
|
7787
7791
|
this.style.setProperty('--usa-hud-c', this.str('color'));
|
|
7788
|
-
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$
|
|
7792
|
+
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>`);
|
|
7789
7793
|
this.querySelectorAll(':scope > [data-value]').forEach((r) => {
|
|
7790
7794
|
if (r.querySelector('.usa-hud-bar'))
|
|
7791
7795
|
return;
|
|
@@ -7819,10 +7823,10 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7819
7823
|
}
|
|
7820
7824
|
}
|
|
7821
7825
|
return UsaHudPanel;
|
|
7822
|
-
}, { id: 'hud-panel', text: css$
|
|
7826
|
+
}, { id: 'hud-panel', text: css$f });
|
|
7823
7827
|
}
|
|
7824
7828
|
|
|
7825
|
-
var css$
|
|
7829
|
+
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)}}";
|
|
7826
7830
|
|
|
7827
7831
|
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7828
7832
|
function parseTargets(s) {
|
|
@@ -7838,7 +7842,7 @@ function parseTargets(s) {
|
|
|
7838
7842
|
})
|
|
7839
7843
|
.filter(Boolean);
|
|
7840
7844
|
}
|
|
7841
|
-
const esc$
|
|
7845
|
+
const esc$5 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7842
7846
|
function defineRadar(tag = 'usa-radar') {
|
|
7843
7847
|
return base.defineElement(tag, (Base) => {
|
|
7844
7848
|
class UsaRadar extends Base {
|
|
@@ -7873,7 +7877,7 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7873
7877
|
const a = ((t.bearing - 90) * Math.PI) / 180;
|
|
7874
7878
|
const x = 50 + Math.cos(a) * t.distance * 48;
|
|
7875
7879
|
const y = 50 + Math.sin(a) * t.distance * 48;
|
|
7876
|
-
return `<span class="usa-rd-dot" data-i="${i}" style="left:${x.toFixed(2)}%;top:${y.toFixed(2)}%"><em>${esc$
|
|
7880
|
+
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>`;
|
|
7877
7881
|
})
|
|
7878
7882
|
.join('');
|
|
7879
7883
|
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>`);
|
|
@@ -7908,10 +7912,10 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7908
7912
|
}
|
|
7909
7913
|
}
|
|
7910
7914
|
return UsaRadar;
|
|
7911
|
-
}, { id: 'radar', text: css$
|
|
7915
|
+
}, { id: 'radar', text: css$e });
|
|
7912
7916
|
}
|
|
7913
7917
|
|
|
7914
|
-
var css$
|
|
7918
|
+
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)}";
|
|
7915
7919
|
|
|
7916
7920
|
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7917
7921
|
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
@@ -7975,12 +7979,12 @@ function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
|
7975
7979
|
}
|
|
7976
7980
|
}
|
|
7977
7981
|
return UsaStickyWall;
|
|
7978
|
-
}, { id: 'sticky-wall', text: css$
|
|
7982
|
+
}, { id: 'sticky-wall', text: css$d });
|
|
7979
7983
|
}
|
|
7980
7984
|
|
|
7981
|
-
var css$
|
|
7985
|
+
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}";
|
|
7982
7986
|
|
|
7983
|
-
const esc$
|
|
7987
|
+
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7984
7988
|
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
7985
7989
|
function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
7986
7990
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8032,7 +8036,7 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8032
8036
|
g += `<path class="usa-sk-hatch" d="${components_fxPaper.roughLine(x0 + 2, Math.min(B, h + 5), x1 - 2, h - 3, h + i, 0.8)}"/>`;
|
|
8033
8037
|
});
|
|
8034
8038
|
}
|
|
8035
|
-
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc$
|
|
8039
|
+
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc$4(labels[i])}</text>` : '')).join('');
|
|
8036
8040
|
this.insertAdjacentHTML('beforeend', `<svg class="usa-sk" viewBox="0 0 ${W} ${H}" aria-hidden="true" data-usa-part>${g}</svg>`);
|
|
8037
8041
|
if (this.reduced)
|
|
8038
8042
|
return void this.setAttribute('data-drawn', '');
|
|
@@ -8075,10 +8079,10 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8075
8079
|
}
|
|
8076
8080
|
}
|
|
8077
8081
|
return UsaSketchChart;
|
|
8078
|
-
}, { id: 'sketch-chart', text: css$
|
|
8082
|
+
}, { id: 'sketch-chart', text: css$c });
|
|
8079
8083
|
}
|
|
8080
8084
|
|
|
8081
|
-
var css$
|
|
8085
|
+
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}}";
|
|
8082
8086
|
|
|
8083
8087
|
const NAMES = { light: 'Light', dark: 'Dark', neon: 'Neon', glass: 'Glass', neu: 'Soft' };
|
|
8084
8088
|
function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
@@ -8180,10 +8184,10 @@ function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
|
8180
8184
|
}
|
|
8181
8185
|
}
|
|
8182
8186
|
return UsaThemeSwitcher;
|
|
8183
|
-
}, { id: 'theme-switcher', text: css$
|
|
8187
|
+
}, { id: 'theme-switcher', text: css$b });
|
|
8184
8188
|
}
|
|
8185
8189
|
|
|
8186
|
-
var css$
|
|
8190
|
+
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}}";
|
|
8187
8191
|
|
|
8188
8192
|
function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
8189
8193
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8236,10 +8240,10 @@ function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
|
8236
8240
|
}
|
|
8237
8241
|
}
|
|
8238
8242
|
return UsaThemeSurface;
|
|
8239
|
-
}, { id: 'theme-surface', text: css$
|
|
8243
|
+
}, { id: 'theme-surface', text: css$a });
|
|
8240
8244
|
}
|
|
8241
8245
|
|
|
8242
|
-
var css$
|
|
8246
|
+
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}}";
|
|
8243
8247
|
|
|
8244
8248
|
function defineGyroCard(tag = 'usa-gyro-card') {
|
|
8245
8249
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8320,10 +8324,10 @@ function defineGyroCard(tag = 'usa-gyro-card') {
|
|
|
8320
8324
|
}
|
|
8321
8325
|
}
|
|
8322
8326
|
return UsaGyroCard;
|
|
8323
|
-
}, { id: 'gyro-card', text: css$
|
|
8327
|
+
}, { id: 'gyro-card', text: css$9 });
|
|
8324
8328
|
}
|
|
8325
8329
|
|
|
8326
|
-
var css$
|
|
8330
|
+
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}";
|
|
8327
8331
|
|
|
8328
8332
|
function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
8329
8333
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8450,10 +8454,10 @@ function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
|
8450
8454
|
}
|
|
8451
8455
|
}
|
|
8452
8456
|
return UsaGestureSticker;
|
|
8453
|
-
}, { id: 'gesture-sticker', text: css$
|
|
8457
|
+
}, { id: 'gesture-sticker', text: css$8 });
|
|
8454
8458
|
}
|
|
8455
8459
|
|
|
8456
|
-
var css$
|
|
8460
|
+
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}";
|
|
8457
8461
|
|
|
8458
8462
|
function definePanorama(tag = 'usa-panorama') {
|
|
8459
8463
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8575,10 +8579,10 @@ function definePanorama(tag = 'usa-panorama') {
|
|
|
8575
8579
|
}
|
|
8576
8580
|
}
|
|
8577
8581
|
return UsaPanorama;
|
|
8578
|
-
}, { id: 'panorama', text: css$
|
|
8582
|
+
}, { id: 'panorama', text: css$7 });
|
|
8579
8583
|
}
|
|
8580
8584
|
|
|
8581
|
-
var css$
|
|
8585
|
+
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}}";
|
|
8582
8586
|
|
|
8583
8587
|
function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
8584
8588
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8624,10 +8628,10 @@ function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
|
8624
8628
|
}
|
|
8625
8629
|
}
|
|
8626
8630
|
return UsaSpatialCard;
|
|
8627
|
-
}, { id: 'spatial-card', text: css$
|
|
8631
|
+
}, { id: 'spatial-card', text: css$6 });
|
|
8628
8632
|
}
|
|
8629
8633
|
|
|
8630
|
-
var css$
|
|
8634
|
+
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}";
|
|
8631
8635
|
|
|
8632
8636
|
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$)/;
|
|
8633
8637
|
const RUNTIME_CLASS = /^usa-/;
|
|
@@ -8663,15 +8667,15 @@ function describeComponent(el) {
|
|
|
8663
8667
|
});
|
|
8664
8668
|
return { tag: el.localName, attrs, children };
|
|
8665
8669
|
}
|
|
8666
|
-
const esc$
|
|
8670
|
+
const esc$3 = (s) => s.replace(/&/g, '&').replace(/</g, '<').replace(/"/g, '"');
|
|
8667
8671
|
const VOID = new Set(['img', 'br', 'hr', 'input', 'source', 'meta', 'link', 'wbr', 'area', 'col', 'embed', 'track']);
|
|
8668
8672
|
function markup(n, jsx, ind) {
|
|
8669
8673
|
if (typeof n === 'string')
|
|
8670
|
-
return ind + (jsx ? n.replace(/[{}<>]/g, (c) => `{'${c}'}`) : esc$
|
|
8674
|
+
return ind + (jsx ? n.replace(/[{}<>]/g, (c) => `{'${c}'}`) : esc$3(n));
|
|
8671
8675
|
const at = Object.entries(n.attrs)
|
|
8672
8676
|
.map(([k, v]) => {
|
|
8673
8677
|
const key = jsx && k === 'class' ? 'className' : jsx && k === 'for' ? 'htmlFor' : k;
|
|
8674
|
-
return v === '' ? ` ${key}` : ` ${key}="${esc$
|
|
8678
|
+
return v === '' ? ` ${key}` : ` ${key}="${esc$3(v)}"`;
|
|
8675
8679
|
})
|
|
8676
8680
|
.join('');
|
|
8677
8681
|
if (VOID.has(n.tag))
|
|
@@ -8793,10 +8797,10 @@ function defineCodeExport(tag = 'usa-code-export') {
|
|
|
8793
8797
|
}
|
|
8794
8798
|
}
|
|
8795
8799
|
return UsaCodeExport;
|
|
8796
|
-
}, { id: 'code-export', text: css$
|
|
8800
|
+
}, { id: 'code-export', text: css$5 });
|
|
8797
8801
|
}
|
|
8798
8802
|
|
|
8799
|
-
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}";
|
|
8803
|
+
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}";
|
|
8800
8804
|
|
|
8801
8805
|
/** "value:number:0:100, theme:select:leaf|ocean, on:boolean" → prop specs (8.9). */
|
|
8802
8806
|
function parseProps(s) {
|
|
@@ -8812,7 +8816,7 @@ function parseProps(s) {
|
|
|
8812
8816
|
})
|
|
8813
8817
|
.filter((p) => /^[a-z][\w-]*$/i.test(p.name));
|
|
8814
8818
|
}
|
|
8815
|
-
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8819
|
+
const esc$2 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8816
8820
|
function definePropPanel(tag = 'usa-prop-panel') {
|
|
8817
8821
|
return base.defineElement(tag, (Base) => {
|
|
8818
8822
|
class UsaPropPanel extends Base {
|
|
@@ -8850,15 +8854,15 @@ function definePropPanel(tag = 'usa-prop-panel') {
|
|
|
8850
8854
|
if (p.type === 'boolean')
|
|
8851
8855
|
input = `<input id="${id}" type="checkbox" role="switch" data-p="${p.name}"${v != null ? ' checked' : ''}>`;
|
|
8852
8856
|
else if (p.type === 'select')
|
|
8853
|
-
input = `<select id="${id}" data-p="${p.name}">${p.options.map((o) => `<option${o === v ? ' selected' : ''}>${esc(o)}</option>`).join('')}</select>`;
|
|
8857
|
+
input = `<select id="${id}" data-p="${p.name}">${p.options.map((o) => `<option${o === v ? ' selected' : ''}>${esc$2(o)}</option>`).join('')}</select>`;
|
|
8854
8858
|
else {
|
|
8855
8859
|
const [mn, mx] = p.options;
|
|
8856
8860
|
const range = p.type === 'range' || (p.type === 'number' && mn != null && mx != null);
|
|
8857
|
-
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>`;
|
|
8861
|
+
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>`;
|
|
8858
8862
|
}
|
|
8859
|
-
return `<div class="usa-pp-row"><label for="${id}">${esc(p.name)}</label>${input}</div>`;
|
|
8863
|
+
return `<div class="usa-pp-row"><label for="${id}">${esc$2(p.name)}</label>${input}</div>`;
|
|
8860
8864
|
};
|
|
8861
|
-
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>`);
|
|
8865
|
+
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>`);
|
|
8862
8866
|
const form = this.querySelector('form');
|
|
8863
8867
|
this.listen(form, 'submit', (e) => e.preventDefault());
|
|
8864
8868
|
this.listen(this.querySelector('.usa-pp-reset'), 'click', () => this.reset());
|
|
@@ -8900,7 +8904,280 @@ function definePropPanel(tag = 'usa-prop-panel') {
|
|
|
8900
8904
|
}
|
|
8901
8905
|
}
|
|
8902
8906
|
return UsaPropPanel;
|
|
8903
|
-
}, { id: 'prop-panel', text: css });
|
|
8907
|
+
}, { id: 'prop-panel', text: css$4 });
|
|
8908
|
+
}
|
|
8909
|
+
|
|
8910
|
+
var css$3 = "usa-motion{display:block}";
|
|
8911
|
+
|
|
8912
|
+
function defineMotion(tag = 'usa-motion') {
|
|
8913
|
+
return base.defineElement(tag, (Base) => {
|
|
8914
|
+
class UsaMotion extends Base {
|
|
8915
|
+
constructor() {
|
|
8916
|
+
super(...arguments);
|
|
8917
|
+
this._errors = [];
|
|
8918
|
+
}
|
|
8919
|
+
static get observedAttributes() {
|
|
8920
|
+
return ['rules'];
|
|
8921
|
+
}
|
|
8922
|
+
get parsed() {
|
|
8923
|
+
return components_dsl.parseMotion(this.str('rules')).rules;
|
|
8924
|
+
}
|
|
8925
|
+
get errors() {
|
|
8926
|
+
return this._errors.slice();
|
|
8927
|
+
}
|
|
8928
|
+
mount() {
|
|
8929
|
+
this._errors = [];
|
|
8930
|
+
this.onCleanup(components_dsl.bindMotion(this, this.str('rules'), (m) => {
|
|
8931
|
+
this._errors.push(m);
|
|
8932
|
+
this.emit('motion-error', { message: m });
|
|
8933
|
+
}));
|
|
8934
|
+
}
|
|
8935
|
+
}
|
|
8936
|
+
return UsaMotion;
|
|
8937
|
+
}, { id: 'motion', text: css$3 });
|
|
8938
|
+
}
|
|
8939
|
+
|
|
8940
|
+
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}";
|
|
8941
|
+
|
|
8942
|
+
const esc$1 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8943
|
+
function definePluginStore(tag = 'usa-plugin-store') {
|
|
8944
|
+
return base.defineElement(tag, (Base) => {
|
|
8945
|
+
class UsaPluginStore extends Base {
|
|
8946
|
+
constructor() {
|
|
8947
|
+
super(...arguments);
|
|
8948
|
+
this._list = components_marketplace.MARKETPLACE;
|
|
8949
|
+
this.loader = null;
|
|
8950
|
+
}
|
|
8951
|
+
static get observedAttributes() {
|
|
8952
|
+
return ['query', 'label'];
|
|
8953
|
+
}
|
|
8954
|
+
get plugins() {
|
|
8955
|
+
return this._list.slice();
|
|
8956
|
+
}
|
|
8957
|
+
set plugins(v) {
|
|
8958
|
+
this._list = Array.isArray(v) ? v : components_marketplace.MARKETPLACE;
|
|
8959
|
+
if (this.isConnected)
|
|
8960
|
+
this.changed('plugins');
|
|
8961
|
+
}
|
|
8962
|
+
mount() {
|
|
8963
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8964
|
+
this.setAttribute('role', 'search');
|
|
8965
|
+
this.setAttribute('aria-label', this.str('label', 'Plugin marketplace'));
|
|
8966
|
+
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>`);
|
|
8967
|
+
const q = this.querySelector('.usa-ps-q');
|
|
8968
|
+
this.listen(q, 'input', () => this.search(q.value));
|
|
8969
|
+
this.listen(this, 'click', (e) => {
|
|
8970
|
+
const b = e.target.closest?.('.usa-ps-install');
|
|
8971
|
+
if (b && !b.disabled)
|
|
8972
|
+
void this.install(b.dataset.name);
|
|
8973
|
+
});
|
|
8974
|
+
this.search(q.value);
|
|
8975
|
+
}
|
|
8976
|
+
search(query) {
|
|
8977
|
+
const res = components_marketplace.searchPlugins(query, this._list);
|
|
8978
|
+
const ul = this.querySelector('.usa-ps-list');
|
|
8979
|
+
const have = components_marketplace.installedPlugins();
|
|
8980
|
+
if (ul) {
|
|
8981
|
+
ul.innerHTML = res
|
|
8982
|
+
.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>`)
|
|
8983
|
+
.join('');
|
|
8984
|
+
if (!this.reduced)
|
|
8985
|
+
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' }));
|
|
8986
|
+
}
|
|
8987
|
+
const c = this.querySelector('.usa-ps-count');
|
|
8988
|
+
if (c)
|
|
8989
|
+
c.textContent = `${res.length} plugin${res.length === 1 ? '' : 's'}`;
|
|
8990
|
+
return res;
|
|
8991
|
+
}
|
|
8992
|
+
async install(name) {
|
|
8993
|
+
const p = this._list.find((x) => x.name === name);
|
|
8994
|
+
const b = this.querySelector(`.usa-ps-install[data-name="${typeof CSS !== 'undefined' && CSS.escape ? CSS.escape(name) : name.replace(/["\\]/g, '\\$&')}"]`);
|
|
8995
|
+
if (!p)
|
|
8996
|
+
return [];
|
|
8997
|
+
if (b) {
|
|
8998
|
+
b.disabled = true;
|
|
8999
|
+
b.setAttribute('data-busy', '');
|
|
9000
|
+
b.textContent = 'Installing…';
|
|
9001
|
+
}
|
|
9002
|
+
try {
|
|
9003
|
+
const fx = await components_marketplace.installPlugin(p, this.loader ? { load: this.loader } : {});
|
|
9004
|
+
if (b) {
|
|
9005
|
+
b.removeAttribute('data-busy');
|
|
9006
|
+
b.setAttribute('data-done', '');
|
|
9007
|
+
b.textContent = 'Installed ✓';
|
|
9008
|
+
if (!this.reduced)
|
|
9009
|
+
this.motion(b, [{ transform: 'scale(.9)' }, { transform: 'scale(1.08)', offset: 0.6 }, { transform: 'none' }], { duration: 360 });
|
|
9010
|
+
}
|
|
9011
|
+
this.emit('install', { name, effects: fx });
|
|
9012
|
+
return fx;
|
|
9013
|
+
}
|
|
9014
|
+
catch (e) {
|
|
9015
|
+
if (b) {
|
|
9016
|
+
b.disabled = false;
|
|
9017
|
+
b.removeAttribute('data-busy');
|
|
9018
|
+
b.textContent = 'Retry';
|
|
9019
|
+
}
|
|
9020
|
+
this.emit('install-error', { name, message: String(e?.message || e) });
|
|
9021
|
+
return [];
|
|
9022
|
+
}
|
|
9023
|
+
}
|
|
9024
|
+
}
|
|
9025
|
+
return UsaPluginStore;
|
|
9026
|
+
}, { id: 'plugin-store', text: css$2 });
|
|
9027
|
+
}
|
|
9028
|
+
|
|
9029
|
+
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}}";
|
|
9030
|
+
|
|
9031
|
+
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
9032
|
+
function defineChapterNav(tag = 'usa-chapter-nav') {
|
|
9033
|
+
return base.defineElement(tag, (Base) => {
|
|
9034
|
+
class UsaChapterNav extends Base {
|
|
9035
|
+
constructor() {
|
|
9036
|
+
super(...arguments);
|
|
9037
|
+
this._cur = -1;
|
|
9038
|
+
this._secs = [];
|
|
9039
|
+
}
|
|
9040
|
+
static get observedAttributes() {
|
|
9041
|
+
return ['for', 'orientation', 'label'];
|
|
9042
|
+
}
|
|
9043
|
+
get current() {
|
|
9044
|
+
return this._cur;
|
|
9045
|
+
}
|
|
9046
|
+
mount() {
|
|
9047
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9048
|
+
const root = (this.str('for') && document.querySelector(this.str('for'))) || document;
|
|
9049
|
+
this._secs = Array.from(root.querySelectorAll('[data-chapter]'));
|
|
9050
|
+
this.setAttribute('role', 'navigation');
|
|
9051
|
+
this.setAttribute('aria-label', this.str('label', 'Chapters'));
|
|
9052
|
+
this.setAttribute('data-orientation', this.str('orientation') === 'vertical' ? 'vertical' : 'horizontal');
|
|
9053
|
+
const title = (s, i) => s.dataset.chapter || s.querySelector('h1,h2,h3,h4')?.textContent?.trim() || `Chapter ${i + 1}`;
|
|
9054
|
+
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>`);
|
|
9055
|
+
this.listen(this, 'click', (e) => {
|
|
9056
|
+
const b = e.target.closest?.('.usa-cn-item');
|
|
9057
|
+
if (b)
|
|
9058
|
+
this.goTo(Number(b.dataset.i));
|
|
9059
|
+
});
|
|
9060
|
+
const update = () => {
|
|
9061
|
+
const vh = innerHeight || 1;
|
|
9062
|
+
let cur = 0;
|
|
9063
|
+
this._secs.forEach((s, i) => {
|
|
9064
|
+
const r = s.getBoundingClientRect();
|
|
9065
|
+
const p = r.height ? Math.min(1, Math.max(0, (vh * 0.35 - r.top) / r.height)) : 0;
|
|
9066
|
+
this.querySelector(`.usa-cn-item[data-i="${i}"] .usa-cn-bar i`)?.style.setProperty('--p', String(Math.round(p * 1000) / 1000));
|
|
9067
|
+
if (r.top <= vh * 0.35)
|
|
9068
|
+
cur = i;
|
|
9069
|
+
});
|
|
9070
|
+
this.setCurrent(cur);
|
|
9071
|
+
};
|
|
9072
|
+
this.listen(window, 'scroll', update, { passive: true });
|
|
9073
|
+
this.listen(window, 'resize', update);
|
|
9074
|
+
update();
|
|
9075
|
+
}
|
|
9076
|
+
setCurrent(i) {
|
|
9077
|
+
if (i === this._cur || !this._secs.length)
|
|
9078
|
+
return;
|
|
9079
|
+
this._cur = i;
|
|
9080
|
+
this.querySelectorAll('.usa-cn-item').forEach((b, k) => {
|
|
9081
|
+
if (k === i)
|
|
9082
|
+
b.setAttribute('aria-current', 'step');
|
|
9083
|
+
else
|
|
9084
|
+
b.removeAttribute('aria-current');
|
|
9085
|
+
});
|
|
9086
|
+
const s = this._secs[i];
|
|
9087
|
+
this.emit('chapter', { index: i, title: this.querySelector(`.usa-cn-item[data-i="${i}"] .usa-cn-title`)?.textContent || '' });
|
|
9088
|
+
if (s && !this.reduced) {
|
|
9089
|
+
const b = this.querySelector(`.usa-cn-item[data-i="${i}"] .usa-cn-num`);
|
|
9090
|
+
if (b)
|
|
9091
|
+
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)' });
|
|
9092
|
+
}
|
|
9093
|
+
}
|
|
9094
|
+
goTo(i) {
|
|
9095
|
+
const s = this._secs[i];
|
|
9096
|
+
if (!s)
|
|
9097
|
+
return;
|
|
9098
|
+
s.scrollIntoView?.({ behavior: this.reduced ? 'auto' : 'smooth', block: 'start' });
|
|
9099
|
+
this.setCurrent(i);
|
|
9100
|
+
}
|
|
9101
|
+
}
|
|
9102
|
+
return UsaChapterNav;
|
|
9103
|
+
}, { id: 'chapter-nav', text: css$1 });
|
|
9104
|
+
}
|
|
9105
|
+
|
|
9106
|
+
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}}";
|
|
9107
|
+
|
|
9108
|
+
function defineScene(tag = 'usa-scene') {
|
|
9109
|
+
return base.defineElement(tag, (Base) => {
|
|
9110
|
+
class UsaScene extends Base {
|
|
9111
|
+
constructor() {
|
|
9112
|
+
super(...arguments);
|
|
9113
|
+
this._p = 0;
|
|
9114
|
+
}
|
|
9115
|
+
static get observedAttributes() {
|
|
9116
|
+
return ['camera', 'strength', 'autoplay'];
|
|
9117
|
+
}
|
|
9118
|
+
get progress() {
|
|
9119
|
+
return this._p;
|
|
9120
|
+
}
|
|
9121
|
+
media() {
|
|
9122
|
+
return this.querySelector(':scope > [data-shot], :scope > img, :scope > video, :scope > picture');
|
|
9123
|
+
}
|
|
9124
|
+
mount() {
|
|
9125
|
+
const move = components_fxCinema.CAMERA_MOVES.includes(this.str('camera')) ? this.str('camera') : 'dolly-in';
|
|
9126
|
+
this.setAttribute('data-camera', move);
|
|
9127
|
+
const m = this.media();
|
|
9128
|
+
m?.classList.add('usa-scene-media');
|
|
9129
|
+
const caps = Array.from(this.querySelectorAll(':scope > [data-caption]'));
|
|
9130
|
+
if (this.reduced) {
|
|
9131
|
+
caps.forEach((c) => c.setAttribute('data-shown', ''));
|
|
9132
|
+
return;
|
|
9133
|
+
}
|
|
9134
|
+
if (this.hasAttribute('autoplay')) {
|
|
9135
|
+
caps.forEach((c) => c.setAttribute('data-shown', ''));
|
|
9136
|
+
const st = this.num('strength', 1);
|
|
9137
|
+
this.inView((v) => {
|
|
9138
|
+
m?.getAnimations?.().forEach((a) => a.cancel());
|
|
9139
|
+
if (v && m)
|
|
9140
|
+
this.motion(m, [0, 0.25, 0.5, 0.75, 1].map((p) => ({ transform: components_fxCinema.cameraFrame(move, p, st) })), { duration: 7000, iterations: Infinity, direction: 'alternate', easing: 'ease-in-out' });
|
|
9141
|
+
});
|
|
9142
|
+
return;
|
|
9143
|
+
}
|
|
9144
|
+
let stop = null;
|
|
9145
|
+
this.inView((v) => {
|
|
9146
|
+
stop?.();
|
|
9147
|
+
stop = null;
|
|
9148
|
+
if (!v)
|
|
9149
|
+
return;
|
|
9150
|
+
let last = -1;
|
|
9151
|
+
stop = base.onFrame(() => {
|
|
9152
|
+
const r = this.getBoundingClientRect();
|
|
9153
|
+
const vh = innerHeight || 1;
|
|
9154
|
+
const p = Math.min(1, Math.max(0, (vh - r.top) / (vh + r.height)));
|
|
9155
|
+
if (Math.abs(p - last) < 0.001)
|
|
9156
|
+
return;
|
|
9157
|
+
last = p;
|
|
9158
|
+
this.setProgress(p, move);
|
|
9159
|
+
});
|
|
9160
|
+
});
|
|
9161
|
+
this.onCleanup(() => stop?.());
|
|
9162
|
+
}
|
|
9163
|
+
/** Render the shot at progress `p` (0–1) — also used by tests / scroll timelines. */
|
|
9164
|
+
setProgress(p, move = this.getAttribute('data-camera') || 'dolly-in') {
|
|
9165
|
+
this._p = Math.min(1, Math.max(0, p));
|
|
9166
|
+
const m = this.media();
|
|
9167
|
+
if (m)
|
|
9168
|
+
m.style.transform = components_fxCinema.cameraFrame(move, this._p, this.num('strength', 1));
|
|
9169
|
+
this.querySelectorAll(':scope > [data-caption]').forEach((c) => this.setFlagOn(c, this._p >= Number(c.dataset.at ?? 0.3)));
|
|
9170
|
+
this.emit('shot', { progress: this._p });
|
|
9171
|
+
}
|
|
9172
|
+
setFlagOn(el, on) {
|
|
9173
|
+
if (on)
|
|
9174
|
+
el.setAttribute('data-shown', '');
|
|
9175
|
+
else
|
|
9176
|
+
el.removeAttribute('data-shown');
|
|
9177
|
+
}
|
|
9178
|
+
}
|
|
9179
|
+
return UsaScene;
|
|
9180
|
+
}, { id: 'scene', text: css });
|
|
8904
9181
|
}
|
|
8905
9182
|
|
|
8906
9183
|
/**
|
|
@@ -8944,6 +9221,8 @@ const WIDGETS = {
|
|
|
8944
9221
|
'8.7': { 'usa-gyro-card': defineGyroCard, 'usa-gesture-sticker': defineGestureSticker },
|
|
8945
9222
|
'8.8': { 'usa-panorama': definePanorama, 'usa-spatial-card': defineSpatialCard },
|
|
8946
9223
|
'8.9': { 'usa-code-export': defineCodeExport, 'usa-prop-panel': definePropPanel },
|
|
9224
|
+
'9.0': { 'usa-motion': defineMotion, 'usa-plugin-store': definePluginStore },
|
|
9225
|
+
'9.1': { 'usa-chapter-nav': defineChapterNav, 'usa-scene': defineScene },
|
|
8947
9226
|
};
|
|
8948
9227
|
/** Every widget tag, in release order. */
|
|
8949
9228
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -8983,6 +9262,7 @@ exports.defineBadgeWall = defineBadgeWall;
|
|
|
8983
9262
|
exports.defineBarChart = defineBarChart;
|
|
8984
9263
|
exports.defineCarousel = defineCarousel;
|
|
8985
9264
|
exports.defineCartDrawer = defineCartDrawer;
|
|
9265
|
+
exports.defineChapterNav = defineChapterNav;
|
|
8986
9266
|
exports.defineChatComposer = defineChatComposer;
|
|
8987
9267
|
exports.defineClockControl = defineClockControl;
|
|
8988
9268
|
exports.defineCodeExport = defineCodeExport;
|
|
@@ -9017,6 +9297,7 @@ exports.defineMenuToggle = defineMenuToggle;
|
|
|
9017
9297
|
exports.defineMessageList = defineMessageList;
|
|
9018
9298
|
exports.defineMilestones = defineMilestones;
|
|
9019
9299
|
exports.defineModal = defineModal;
|
|
9300
|
+
exports.defineMotion = defineMotion;
|
|
9020
9301
|
exports.defineMusicPlayer = defineMusicPlayer;
|
|
9021
9302
|
exports.defineNavMorph = defineNavMorph;
|
|
9022
9303
|
exports.defineNotificationBell = defineNotificationBell;
|
|
@@ -9025,6 +9306,7 @@ exports.defineOrganicCard = defineOrganicCard;
|
|
|
9025
9306
|
exports.defineOtp = defineOtp;
|
|
9026
9307
|
exports.definePagination = definePagination;
|
|
9027
9308
|
exports.definePanorama = definePanorama;
|
|
9309
|
+
exports.definePluginStore = definePluginStore;
|
|
9028
9310
|
exports.definePresence = definePresence;
|
|
9029
9311
|
exports.definePrizeWheel = definePrizeWheel;
|
|
9030
9312
|
exports.defineProductGallery = defineProductGallery;
|
|
@@ -9035,6 +9317,7 @@ exports.defineRadar = defineRadar;
|
|
|
9035
9317
|
exports.defineReactions = defineReactions;
|
|
9036
9318
|
exports.defineRedEnvelope = defineRedEnvelope;
|
|
9037
9319
|
exports.defineRetroButton = defineRetroButton;
|
|
9320
|
+
exports.defineScene = defineScene;
|
|
9038
9321
|
exports.defineSegmented = defineSegmented;
|
|
9039
9322
|
exports.defineSheet = defineSheet;
|
|
9040
9323
|
exports.defineShortcut = defineShortcut;
|