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