use-scroll-animate 9.1.0 → 9.3.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 +24 -0
- package/dist/components/fx-genart.cjs +137 -0
- package/dist/components/fx-genart.cjs.map +1 -0
- package/dist/components/fx-genart.d.cts +69 -0
- package/dist/components/fx-genart.d.ts +69 -0
- package/dist/components/fx-genart.js +131 -0
- package/dist/components/fx-genart.js.map +1 -0
- package/dist/components/fx-lottie.cjs +216 -0
- package/dist/components/fx-lottie.cjs.map +1 -0
- package/dist/components/fx-lottie.d.cts +88 -0
- package/dist/components/fx-lottie.d.ts +88 -0
- package/dist/components/fx-lottie.js +210 -0
- package/dist/components/fx-lottie.js.map +1 -0
- package/dist/components/fx2.cjs +16 -0
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.d.cts +69 -1
- package/dist/components/fx2.d.ts +69 -1
- package/dist/components/fx2.js +9 -1
- package/dist/components/fx2.js.map +1 -1
- package/dist/components/marketplace.cjs +2 -0
- package/dist/components/marketplace.cjs.map +1 -1
- package/dist/components/marketplace.js +2 -0
- package/dist/components/marketplace.js.map +1 -1
- package/dist/components/widgets.cjs +629 -171
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +105 -2
- package/dist/components/widgets.d.ts +105 -2
- package/dist/components/widgets.js +624 -172
- package/dist/components/widgets.js.map +1 -1
- package/dist/widgets.umd.js +1 -1
- package/dist/widgets.umd.js.map +1 -1
- package/docs/ROADMAP.md +2 -2
- package/docs/components.md +31 -0
- package/package.json +41 -1
|
@@ -13,6 +13,8 @@ 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
15
|
import { CAMERA_MOVES, cameraFrame } from './fx-cinema.js';
|
|
16
|
+
import { lottieToKeyframes, lottieToSvg } from './fx-lottie.js';
|
|
17
|
+
import { PALETTES, seededRandom, meshGradient } from './fx-genart.js';
|
|
16
18
|
import '../chunks/core-CiN5sqxB.js';
|
|
17
19
|
import './tokens.js';
|
|
18
20
|
import '../chunks/fx-CQv3IxMf.js';
|
|
@@ -53,7 +55,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
53
55
|
return -1;
|
|
54
56
|
}
|
|
55
57
|
|
|
56
|
-
var css$
|
|
58
|
+
var css$1n = "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}";
|
|
57
59
|
|
|
58
60
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
59
61
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -242,10 +244,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
242
244
|
}
|
|
243
245
|
}
|
|
244
246
|
return UsaCarousel;
|
|
245
|
-
}, { id: 'carousel', text: css$
|
|
247
|
+
}, { id: 'carousel', text: css$1n });
|
|
246
248
|
}
|
|
247
249
|
|
|
248
|
-
var css$
|
|
250
|
+
var css$1m = "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}";
|
|
249
251
|
|
|
250
252
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
251
253
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -358,10 +360,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
358
360
|
}
|
|
359
361
|
}
|
|
360
362
|
return UsaTabBar;
|
|
361
|
-
}, { id: 'tab-bar', text: css$
|
|
363
|
+
}, { id: 'tab-bar', text: css$1m });
|
|
362
364
|
}
|
|
363
365
|
|
|
364
|
-
var css$
|
|
366
|
+
var css$1l = "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}}";
|
|
365
367
|
|
|
366
368
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
367
369
|
return defineElement(tag, (Base) => {
|
|
@@ -429,10 +431,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
429
431
|
}
|
|
430
432
|
}
|
|
431
433
|
return UsaDisclosure;
|
|
432
|
-
}, { id: 'disclosure', text: css$
|
|
434
|
+
}, { id: 'disclosure', text: css$1l });
|
|
433
435
|
}
|
|
434
436
|
|
|
435
|
-
var css$
|
|
437
|
+
var css$1k = "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}}";
|
|
436
438
|
|
|
437
439
|
function defineStories(tag = 'usa-stories') {
|
|
438
440
|
return defineElement(tag, (Base) => {
|
|
@@ -565,10 +567,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
565
567
|
}
|
|
566
568
|
}
|
|
567
569
|
return UsaStories;
|
|
568
|
-
}, { id: 'stories', text: css$
|
|
570
|
+
}, { id: 'stories', text: css$1k });
|
|
569
571
|
}
|
|
570
572
|
|
|
571
|
-
var css$
|
|
573
|
+
var css$1j = "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)}}";
|
|
572
574
|
|
|
573
575
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
574
576
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -795,12 +797,12 @@ function defineOverlay(tag, kind) {
|
|
|
795
797
|
}
|
|
796
798
|
}
|
|
797
799
|
return UsaOverlay;
|
|
798
|
-
}, { id: 'overlay', text: css$
|
|
800
|
+
}, { id: 'overlay', text: css$1j });
|
|
799
801
|
}
|
|
800
802
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
801
803
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
802
804
|
|
|
803
|
-
var css$
|
|
805
|
+
var css$1i = "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}}";
|
|
804
806
|
|
|
805
807
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
806
808
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -971,7 +973,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
971
973
|
}
|
|
972
974
|
}
|
|
973
975
|
return UsaToastStack;
|
|
974
|
-
}, { id: 'toast', text: css$
|
|
976
|
+
}, { id: 'toast', text: css$1i });
|
|
975
977
|
}
|
|
976
978
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
977
979
|
function stackToast(input, stack) {
|
|
@@ -999,7 +1001,7 @@ function installToastTriggers() {
|
|
|
999
1001
|
});
|
|
1000
1002
|
}
|
|
1001
1003
|
|
|
1002
|
-
var css$
|
|
1004
|
+
var css$1h = "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)}}";
|
|
1003
1005
|
|
|
1004
1006
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
1005
1007
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1138,10 +1140,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1138
1140
|
}
|
|
1139
1141
|
}
|
|
1140
1142
|
return UsaMenu;
|
|
1141
|
-
}, { id: 'menu', text: css$
|
|
1143
|
+
}, { id: 'menu', text: css$1h });
|
|
1142
1144
|
}
|
|
1143
1145
|
|
|
1144
|
-
var css$
|
|
1146
|
+
var css$1g = "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}}";
|
|
1145
1147
|
|
|
1146
1148
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1147
1149
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1281,7 +1283,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1281
1283
|
}
|
|
1282
1284
|
}
|
|
1283
1285
|
return UsaProgressRing;
|
|
1284
|
-
}, { id: 'meters', text: css$
|
|
1286
|
+
}, { id: 'meters', text: css$1g });
|
|
1285
1287
|
}
|
|
1286
1288
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1287
1289
|
return defineElement(tag, (Base) => {
|
|
@@ -1391,10 +1393,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1391
1393
|
}
|
|
1392
1394
|
}
|
|
1393
1395
|
return UsaOdometer;
|
|
1394
|
-
}, { id: 'meters', text: css$
|
|
1396
|
+
}, { id: 'meters', text: css$1g });
|
|
1395
1397
|
}
|
|
1396
1398
|
|
|
1397
|
-
var css$
|
|
1399
|
+
var css$1f = "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}}";
|
|
1398
1400
|
|
|
1399
1401
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1400
1402
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1509,10 +1511,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1509
1511
|
}
|
|
1510
1512
|
}
|
|
1511
1513
|
return UsaSkeletonReveal;
|
|
1512
|
-
}, { id: 'skeleton-reveal', text: css$
|
|
1514
|
+
}, { id: 'skeleton-reveal', text: css$1f });
|
|
1513
1515
|
}
|
|
1514
1516
|
|
|
1515
|
-
var css$
|
|
1517
|
+
var css$1e = "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}}";
|
|
1516
1518
|
|
|
1517
1519
|
const PATHS = {
|
|
1518
1520
|
star: 'M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6L2.5 9.4l6.6-.8z',
|
|
@@ -1649,10 +1651,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1649
1651
|
}
|
|
1650
1652
|
UsaStarRating.formAssociated = true;
|
|
1651
1653
|
return UsaStarRating;
|
|
1652
|
-
}, { id: 'star-rating', text: css$
|
|
1654
|
+
}, { id: 'star-rating', text: css$1e });
|
|
1653
1655
|
}
|
|
1654
1656
|
|
|
1655
|
-
var css$
|
|
1657
|
+
var css$1d = "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}}";
|
|
1656
1658
|
|
|
1657
1659
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1658
1660
|
return defineElement(tag, (Base) => {
|
|
@@ -1740,10 +1742,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1740
1742
|
}
|
|
1741
1743
|
}
|
|
1742
1744
|
return UsaMilestones;
|
|
1743
|
-
}, { id: 'milestones', text: css$
|
|
1745
|
+
}, { id: 'milestones', text: css$1d });
|
|
1744
1746
|
}
|
|
1745
1747
|
|
|
1746
|
-
var css$
|
|
1748
|
+
var css$1c = "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}";
|
|
1747
1749
|
|
|
1748
1750
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1749
1751
|
return defineElement(tag, (Base) => {
|
|
@@ -1864,10 +1866,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1864
1866
|
}
|
|
1865
1867
|
}
|
|
1866
1868
|
return UsaMasonryFlow;
|
|
1867
|
-
}, { id: 'masonry-flow', text: css$
|
|
1869
|
+
}, { id: 'masonry-flow', text: css$1c });
|
|
1868
1870
|
}
|
|
1869
1871
|
|
|
1870
|
-
var css$
|
|
1872
|
+
var css$1b = "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}";
|
|
1871
1873
|
|
|
1872
1874
|
function defineCompare(tag = 'usa-compare') {
|
|
1873
1875
|
return defineElement(tag, (Base) => {
|
|
@@ -1991,10 +1993,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1991
1993
|
}
|
|
1992
1994
|
}
|
|
1993
1995
|
return UsaCompare;
|
|
1994
|
-
}, { id: 'compare', text: css$
|
|
1996
|
+
}, { id: 'compare', text: css$1b });
|
|
1995
1997
|
}
|
|
1996
1998
|
|
|
1997
|
-
var css$
|
|
1999
|
+
var css$1a = "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}";
|
|
1998
2000
|
|
|
1999
2001
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
2000
2002
|
return defineElement(tag, (Base) => {
|
|
@@ -2127,10 +2129,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2127
2129
|
}
|
|
2128
2130
|
}
|
|
2129
2131
|
return UsaCubeGallery;
|
|
2130
|
-
}, { id: 'cube-gallery', text: css$
|
|
2132
|
+
}, { id: 'cube-gallery', text: css$1a });
|
|
2131
2133
|
}
|
|
2132
2134
|
|
|
2133
|
-
var css$
|
|
2135
|
+
var css$19 = "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}}";
|
|
2134
2136
|
|
|
2135
2137
|
function defineDock(tag = 'usa-dock') {
|
|
2136
2138
|
return defineElement(tag, (Base) => {
|
|
@@ -2198,10 +2200,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2198
2200
|
}
|
|
2199
2201
|
}
|
|
2200
2202
|
return UsaDock;
|
|
2201
|
-
}, { id: 'dock', text: css$
|
|
2203
|
+
}, { id: 'dock', text: css$19 });
|
|
2202
2204
|
}
|
|
2203
2205
|
|
|
2204
|
-
var css$
|
|
2206
|
+
var css$18 = "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)}";
|
|
2205
2207
|
|
|
2206
2208
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2207
2209
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2305,10 +2307,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2305
2307
|
}
|
|
2306
2308
|
}
|
|
2307
2309
|
return UsaNavMorph;
|
|
2308
|
-
}, { id: 'nav-morph', text: css$
|
|
2310
|
+
}, { id: 'nav-morph', text: css$18 });
|
|
2309
2311
|
}
|
|
2310
2312
|
|
|
2311
|
-
var css$
|
|
2313
|
+
var css$17 = "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}";
|
|
2312
2314
|
|
|
2313
2315
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2314
2316
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2381,10 +2383,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2381
2383
|
}
|
|
2382
2384
|
}
|
|
2383
2385
|
return UsaMenuToggle;
|
|
2384
|
-
}, { id: 'menu-toggle', text: css$
|
|
2386
|
+
}, { id: 'menu-toggle', text: css$17 });
|
|
2385
2387
|
}
|
|
2386
2388
|
|
|
2387
|
-
var css$
|
|
2389
|
+
var css$16 = "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)}";
|
|
2388
2390
|
|
|
2389
2391
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2390
2392
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2516,10 +2518,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2516
2518
|
}
|
|
2517
2519
|
}
|
|
2518
2520
|
return UsaTip;
|
|
2519
|
-
}, { id: 'tip', text: css$
|
|
2521
|
+
}, { id: 'tip', text: css$16 });
|
|
2520
2522
|
}
|
|
2521
2523
|
|
|
2522
|
-
var css$
|
|
2524
|
+
var css$15 = "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}}";
|
|
2523
2525
|
|
|
2524
2526
|
function defineStepper(tag = 'usa-stepper') {
|
|
2525
2527
|
return defineElement(tag, (Base) => {
|
|
@@ -2616,10 +2618,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2616
2618
|
}
|
|
2617
2619
|
}
|
|
2618
2620
|
return UsaStepper;
|
|
2619
|
-
}, { id: 'stepper', text: css$
|
|
2621
|
+
}, { id: 'stepper', text: css$15 });
|
|
2620
2622
|
}
|
|
2621
2623
|
|
|
2622
|
-
var css$
|
|
2624
|
+
var css$14 = "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}}";
|
|
2623
2625
|
|
|
2624
2626
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2625
2627
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2741,10 +2743,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2741
2743
|
}
|
|
2742
2744
|
}
|
|
2743
2745
|
return UsaPagination;
|
|
2744
|
-
}, { id: 'pagination', text: css$
|
|
2746
|
+
}, { id: 'pagination', text: css$14 });
|
|
2745
2747
|
}
|
|
2746
2748
|
|
|
2747
|
-
var css
|
|
2749
|
+
var css$13 = "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}}";
|
|
2748
2750
|
|
|
2749
2751
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2750
2752
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2838,10 +2840,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2838
2840
|
}
|
|
2839
2841
|
}
|
|
2840
2842
|
return UsaSegmented;
|
|
2841
|
-
}, { id: 'segmented', text: css
|
|
2843
|
+
}, { id: 'segmented', text: css$13 });
|
|
2842
2844
|
}
|
|
2843
2845
|
|
|
2844
|
-
var css$
|
|
2846
|
+
var css$12 = "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}}";
|
|
2845
2847
|
|
|
2846
2848
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2847
2849
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2929,10 +2931,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2929
2931
|
}
|
|
2930
2932
|
}
|
|
2931
2933
|
return UsaSwitch;
|
|
2932
|
-
}, { id: 'switch', text: css$
|
|
2934
|
+
}, { id: 'switch', text: css$12 });
|
|
2933
2935
|
}
|
|
2934
2936
|
|
|
2935
|
-
var css$
|
|
2937
|
+
var css$11 = "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}}";
|
|
2936
2938
|
|
|
2937
2939
|
function defineKanban(tag = 'usa-kanban') {
|
|
2938
2940
|
return defineElement(tag, (Base) => {
|
|
@@ -3137,10 +3139,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3137
3139
|
}
|
|
3138
3140
|
}
|
|
3139
3141
|
return UsaKanban;
|
|
3140
|
-
}, { id: 'kanban', text: css$
|
|
3142
|
+
}, { id: 'kanban', text: css$11 });
|
|
3141
3143
|
}
|
|
3142
3144
|
|
|
3143
|
-
var css$
|
|
3145
|
+
var css$10 = "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}}";
|
|
3144
3146
|
|
|
3145
3147
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3146
3148
|
return defineElement(tag, (Base) => {
|
|
@@ -3282,14 +3284,14 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3282
3284
|
}
|
|
3283
3285
|
}
|
|
3284
3286
|
return UsaSwipeDeck;
|
|
3285
|
-
}, { id: 'swipe-deck', text: css$
|
|
3287
|
+
}, { id: 'swipe-deck', text: css$10 });
|
|
3286
3288
|
}
|
|
3287
3289
|
|
|
3288
|
-
var css
|
|
3290
|
+
var css$$ = "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}}";
|
|
3289
3291
|
|
|
3290
3292
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3291
3293
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
3292
|
-
const icon = (c) => {
|
|
3294
|
+
const icon$1 = (c) => {
|
|
3293
3295
|
const drops = (cls, n) => Array.from({ length: n }, (_, i) => `<i class="${cls}" style="--i:${i}"></i>`).join('');
|
|
3294
3296
|
switch (c) {
|
|
3295
3297
|
case 'clear':
|
|
@@ -3336,7 +3338,7 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3336
3338
|
scene.className = 'usa-wc-scene';
|
|
3337
3339
|
scene.setAttribute('aria-hidden', 'true');
|
|
3338
3340
|
scene.setAttribute('data-usa-part', '');
|
|
3339
|
-
scene.innerHTML = `<span class="usa-wc-icon">${icon(cond)}</span>`;
|
|
3341
|
+
scene.innerHTML = `<span class="usa-wc-icon">${icon$1(cond)}</span>`;
|
|
3340
3342
|
const text = document.createElement('div');
|
|
3341
3343
|
text.className = 'usa-wc-text';
|
|
3342
3344
|
text.setAttribute('data-usa-part', '');
|
|
@@ -3366,10 +3368,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3366
3368
|
}
|
|
3367
3369
|
}
|
|
3368
3370
|
return UsaWeatherCard;
|
|
3369
|
-
}, { id: 'weather-card', text: css
|
|
3371
|
+
}, { id: 'weather-card', text: css$$ });
|
|
3370
3372
|
}
|
|
3371
3373
|
|
|
3372
|
-
var css$
|
|
3374
|
+
var css$_ = "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}}";
|
|
3373
3375
|
|
|
3374
3376
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3375
3377
|
return defineElement(tag, (Base) => {
|
|
@@ -3498,10 +3500,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3498
3500
|
}
|
|
3499
3501
|
}
|
|
3500
3502
|
return UsaPullCord;
|
|
3501
|
-
}, { id: 'pull-cord', text: css$
|
|
3503
|
+
}, { id: 'pull-cord', text: css$_ });
|
|
3502
3504
|
}
|
|
3503
3505
|
|
|
3504
|
-
var css$
|
|
3506
|
+
var css$Z = "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}}";
|
|
3505
3507
|
|
|
3506
3508
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3507
3509
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3650,10 +3652,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3650
3652
|
}
|
|
3651
3653
|
}
|
|
3652
3654
|
return UsaDatePicker;
|
|
3653
|
-
}, { id: 'date-picker', text: css$
|
|
3655
|
+
}, { id: 'date-picker', text: css$Z });
|
|
3654
3656
|
}
|
|
3655
3657
|
|
|
3656
|
-
var css$
|
|
3658
|
+
var css$Y = "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}}";
|
|
3657
3659
|
|
|
3658
3660
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3659
3661
|
function hsvToHex(h, s, v) {
|
|
@@ -3773,10 +3775,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3773
3775
|
}
|
|
3774
3776
|
}
|
|
3775
3777
|
return UsaColorPicker;
|
|
3776
|
-
}, { id: 'color-picker', text: css$
|
|
3778
|
+
}, { id: 'color-picker', text: css$Y });
|
|
3777
3779
|
}
|
|
3778
3780
|
|
|
3779
|
-
var css$
|
|
3781
|
+
var css$X = "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}}";
|
|
3780
3782
|
|
|
3781
3783
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3782
3784
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3877,10 +3879,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3877
3879
|
}
|
|
3878
3880
|
}
|
|
3879
3881
|
return UsaFileDrop;
|
|
3880
|
-
}, { id: 'file-drop', text: css$
|
|
3882
|
+
}, { id: 'file-drop', text: css$X });
|
|
3881
3883
|
}
|
|
3882
3884
|
|
|
3883
|
-
var css$
|
|
3885
|
+
var css$W = "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}}";
|
|
3884
3886
|
|
|
3885
3887
|
const DEFAULT = {
|
|
3886
3888
|
format: ANIMATION_FORMAT,
|
|
@@ -4054,10 +4056,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4054
4056
|
}
|
|
4055
4057
|
}
|
|
4056
4058
|
return UsaKeyframeEditor;
|
|
4057
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4059
|
+
}, { id: 'keyframe-editor', text: css$W });
|
|
4058
4060
|
}
|
|
4059
4061
|
|
|
4060
|
-
var css$
|
|
4062
|
+
var css$V = "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}}";
|
|
4061
4063
|
|
|
4062
4064
|
const fmt = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4063
4065
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4218,10 +4220,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4218
4220
|
}
|
|
4219
4221
|
}
|
|
4220
4222
|
return UsaMusicPlayer;
|
|
4221
|
-
}, { id: 'music-player', text: css$
|
|
4223
|
+
}, { id: 'music-player', text: css$V });
|
|
4222
4224
|
}
|
|
4223
4225
|
|
|
4224
|
-
var css$
|
|
4226
|
+
var css$U = "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}}";
|
|
4225
4227
|
|
|
4226
4228
|
const ARC = 270;
|
|
4227
4229
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4312,10 +4314,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4312
4314
|
}
|
|
4313
4315
|
}
|
|
4314
4316
|
return UsaVolumeKnob;
|
|
4315
|
-
}, { id: 'volume-knob', text: css$
|
|
4317
|
+
}, { id: 'volume-knob', text: css$U });
|
|
4316
4318
|
}
|
|
4317
4319
|
|
|
4318
|
-
var css$
|
|
4320
|
+
var css$T = "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}}";
|
|
4319
4321
|
|
|
4320
4322
|
const EQ_PRESETS = {
|
|
4321
4323
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4413,10 +4415,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4413
4415
|
}
|
|
4414
4416
|
}
|
|
4415
4417
|
return UsaEqualizer;
|
|
4416
|
-
}, { id: 'equalizer', text: css$
|
|
4418
|
+
}, { id: 'equalizer', text: css$T });
|
|
4417
4419
|
}
|
|
4418
4420
|
|
|
4419
|
-
var css$
|
|
4421
|
+
var css$S = "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}}";
|
|
4420
4422
|
|
|
4421
4423
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4422
4424
|
function parseLRC(src) {
|
|
@@ -4528,10 +4530,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4528
4530
|
}
|
|
4529
4531
|
}
|
|
4530
4532
|
return UsaLyrics;
|
|
4531
|
-
}, { id: 'lyrics', text: css$
|
|
4533
|
+
}, { id: 'lyrics', text: css$S });
|
|
4532
4534
|
}
|
|
4533
4535
|
|
|
4534
|
-
var css$
|
|
4536
|
+
var css$R = "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}}";
|
|
4535
4537
|
|
|
4536
4538
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4537
4539
|
return defineElement(tag, (Base) => {
|
|
@@ -4625,10 +4627,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4625
4627
|
}
|
|
4626
4628
|
}
|
|
4627
4629
|
return UsaBarChart;
|
|
4628
|
-
}, { id: 'bar-chart', text: css$
|
|
4630
|
+
}, { id: 'bar-chart', text: css$R });
|
|
4629
4631
|
}
|
|
4630
4632
|
|
|
4631
|
-
var css$
|
|
4633
|
+
var css$Q = "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)}";
|
|
4632
4634
|
|
|
4633
4635
|
function defineGauge(tag = 'usa-gauge') {
|
|
4634
4636
|
return defineElement(tag, (Base) => {
|
|
@@ -4713,10 +4715,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4713
4715
|
}
|
|
4714
4716
|
}
|
|
4715
4717
|
return UsaGauge;
|
|
4716
|
-
}, { id: 'gauge', text: css$
|
|
4718
|
+
}, { id: 'gauge', text: css$Q });
|
|
4717
4719
|
}
|
|
4718
4720
|
|
|
4719
|
-
var css$
|
|
4721
|
+
var css$P = "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}}";
|
|
4720
4722
|
|
|
4721
4723
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4722
4724
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4839,7 +4841,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4839
4841
|
}
|
|
4840
4842
|
}
|
|
4841
4843
|
return UsaSparkline;
|
|
4842
|
-
}, { id: 'sparkline', text: css$
|
|
4844
|
+
}, { id: 'sparkline', text: css$P });
|
|
4843
4845
|
}
|
|
4844
4846
|
|
|
4845
4847
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4852,7 +4854,7 @@ function parseFigureText(s) {
|
|
|
4852
4854
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4853
4855
|
}
|
|
4854
4856
|
|
|
4855
|
-
var css$
|
|
4857
|
+
var css$O = "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}";
|
|
4856
4858
|
|
|
4857
4859
|
function defineKpi(tag = 'usa-kpi') {
|
|
4858
4860
|
return defineElement(tag, (Base) => {
|
|
@@ -4932,10 +4934,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4932
4934
|
}
|
|
4933
4935
|
}
|
|
4934
4936
|
return UsaKpi;
|
|
4935
|
-
}, { id: 'kpi', text: css$
|
|
4937
|
+
}, { id: 'kpi', text: css$O });
|
|
4936
4938
|
}
|
|
4937
4939
|
|
|
4938
|
-
var css$
|
|
4940
|
+
var css$N = "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}}";
|
|
4939
4941
|
|
|
4940
4942
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4941
4943
|
return defineElement(tag, (Base) => {
|
|
@@ -4980,10 +4982,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4980
4982
|
}
|
|
4981
4983
|
}
|
|
4982
4984
|
return UsaAddToCart;
|
|
4983
|
-
}, { id: 'add-to-cart', text: css$
|
|
4985
|
+
}, { id: 'add-to-cart', text: css$N });
|
|
4984
4986
|
}
|
|
4985
4987
|
|
|
4986
|
-
var css$
|
|
4988
|
+
var css$M = "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}";
|
|
4987
4989
|
|
|
4988
4990
|
/** Cart total (7.3). */
|
|
4989
4991
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5148,10 +5150,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5148
5150
|
}
|
|
5149
5151
|
}
|
|
5150
5152
|
return UsaCartDrawer;
|
|
5151
|
-
}, { id: 'cart-drawer', text: css$
|
|
5153
|
+
}, { id: 'cart-drawer', text: css$M });
|
|
5152
5154
|
}
|
|
5153
5155
|
|
|
5154
|
-
var css$
|
|
5156
|
+
var css$L = "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}}";
|
|
5155
5157
|
|
|
5156
5158
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5157
5159
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5265,10 +5267,10 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5265
5267
|
}
|
|
5266
5268
|
}
|
|
5267
5269
|
return UsaProductGallery;
|
|
5268
|
-
}, { id: 'product-gallery', text: css$
|
|
5270
|
+
}, { id: 'product-gallery', text: css$L });
|
|
5269
5271
|
}
|
|
5270
5272
|
|
|
5271
|
-
var css$
|
|
5273
|
+
var css$K = "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)}";
|
|
5272
5274
|
|
|
5273
5275
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5274
5276
|
function splitTime(sec) {
|
|
@@ -5356,10 +5358,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5356
5358
|
}
|
|
5357
5359
|
}
|
|
5358
5360
|
return UsaCountdown;
|
|
5359
|
-
}, { id: 'countdown', text: css$
|
|
5361
|
+
}, { id: 'countdown', text: css$K });
|
|
5360
5362
|
}
|
|
5361
5363
|
|
|
5362
|
-
var css$
|
|
5364
|
+
var css$J = "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}}";
|
|
5363
5365
|
|
|
5364
5366
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5365
5367
|
return defineElement(tag, (Base) => {
|
|
@@ -5446,10 +5448,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5446
5448
|
}
|
|
5447
5449
|
}
|
|
5448
5450
|
return UsaMessageList;
|
|
5449
|
-
}, { id: 'message-list', text: css$
|
|
5451
|
+
}, { id: 'message-list', text: css$J });
|
|
5450
5452
|
}
|
|
5451
5453
|
|
|
5452
|
-
var css$
|
|
5454
|
+
var css$I = "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}";
|
|
5453
5455
|
|
|
5454
5456
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5455
5457
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5551,10 +5553,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5551
5553
|
}
|
|
5552
5554
|
}
|
|
5553
5555
|
return UsaReactions;
|
|
5554
|
-
}, { id: 'reactions', text: css$
|
|
5556
|
+
}, { id: 'reactions', text: css$I });
|
|
5555
5557
|
}
|
|
5556
5558
|
|
|
5557
|
-
var css$
|
|
5559
|
+
var css$H = "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}";
|
|
5558
5560
|
|
|
5559
5561
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5560
5562
|
return defineElement(tag, (Base) => {
|
|
@@ -5649,10 +5651,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5649
5651
|
}
|
|
5650
5652
|
}
|
|
5651
5653
|
return UsaNotificationBell;
|
|
5652
|
-
}, { id: 'notification-bell', text: css$
|
|
5654
|
+
}, { id: 'notification-bell', text: css$H });
|
|
5653
5655
|
}
|
|
5654
5656
|
|
|
5655
|
-
var css$
|
|
5657
|
+
var css$G = "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}}";
|
|
5656
5658
|
|
|
5657
5659
|
/** Presence states (7.4). */
|
|
5658
5660
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5722,10 +5724,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5722
5724
|
}
|
|
5723
5725
|
}
|
|
5724
5726
|
return UsaPresence;
|
|
5725
|
-
}, { id: 'presence', text: css$
|
|
5727
|
+
}, { id: 'presence', text: css$G });
|
|
5726
5728
|
}
|
|
5727
5729
|
|
|
5728
|
-
var css$
|
|
5730
|
+
var css$F = "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)}";
|
|
5729
5731
|
|
|
5730
5732
|
/** Sort rows by score desc, then name (7.5). */
|
|
5731
5733
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5834,10 +5836,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5834
5836
|
}
|
|
5835
5837
|
}
|
|
5836
5838
|
return UsaLeaderboard;
|
|
5837
|
-
}, { id: 'leaderboard', text: css$
|
|
5839
|
+
}, { id: 'leaderboard', text: css$F });
|
|
5838
5840
|
}
|
|
5839
5841
|
|
|
5840
|
-
var css$
|
|
5842
|
+
var css$E = "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)}";
|
|
5841
5843
|
|
|
5842
5844
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5843
5845
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5934,10 +5936,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5934
5936
|
}
|
|
5935
5937
|
}
|
|
5936
5938
|
return UsaXpBar;
|
|
5937
|
-
}, { id: 'xp-bar', text: css$
|
|
5939
|
+
}, { id: 'xp-bar', text: css$E });
|
|
5938
5940
|
}
|
|
5939
5941
|
|
|
5940
|
-
var css$
|
|
5942
|
+
var css$D = "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}}";
|
|
5941
5943
|
|
|
5942
5944
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5943
5945
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -6004,10 +6006,10 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
6004
6006
|
}
|
|
6005
6007
|
}
|
|
6006
6008
|
return UsaBadgeWall;
|
|
6007
|
-
}, { id: 'badge-wall', text: css$
|
|
6009
|
+
}, { id: 'badge-wall', text: css$D });
|
|
6008
6010
|
}
|
|
6009
6011
|
|
|
6010
|
-
var css$
|
|
6012
|
+
var css$C = "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)}";
|
|
6011
6013
|
|
|
6012
6014
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6013
6015
|
function wheelAngle(index, count, turns = 5) {
|
|
@@ -6087,10 +6089,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6087
6089
|
}
|
|
6088
6090
|
}
|
|
6089
6091
|
return UsaPrizeWheel;
|
|
6090
|
-
}, { id: 'prize-wheel', text: css$
|
|
6092
|
+
}, { id: 'prize-wheel', text: css$C });
|
|
6091
6093
|
}
|
|
6092
6094
|
|
|
6093
|
-
var css$
|
|
6095
|
+
var css$B = "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}}";
|
|
6094
6096
|
|
|
6095
6097
|
const RAD = Math.PI / 180;
|
|
6096
6098
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6247,10 +6249,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6247
6249
|
}
|
|
6248
6250
|
}
|
|
6249
6251
|
return UsaGlobe;
|
|
6250
|
-
}, { id: 'globe', text: css$
|
|
6252
|
+
}, { id: 'globe', text: css$B });
|
|
6251
6253
|
}
|
|
6252
6254
|
|
|
6253
|
-
var css$
|
|
6255
|
+
var css$A = "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}";
|
|
6254
6256
|
|
|
6255
6257
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6256
6258
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6324,10 +6326,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6324
6326
|
}
|
|
6325
6327
|
}
|
|
6326
6328
|
return UsaLocationCard;
|
|
6327
|
-
}, { id: 'location-card', text: css$
|
|
6329
|
+
}, { id: 'location-card', text: css$A });
|
|
6328
6330
|
}
|
|
6329
6331
|
|
|
6330
|
-
var css$
|
|
6332
|
+
var css$z = "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}}";
|
|
6331
6333
|
|
|
6332
6334
|
/** 0–4 password strength score with a label (7.7). */
|
|
6333
6335
|
function passwordStrength(pw) {
|
|
@@ -6453,10 +6455,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6453
6455
|
}
|
|
6454
6456
|
}
|
|
6455
6457
|
return UsaField;
|
|
6456
|
-
}, { id: 'field', text: css$
|
|
6458
|
+
}, { id: 'field', text: css$z });
|
|
6457
6459
|
}
|
|
6458
6460
|
|
|
6459
|
-
var css$
|
|
6461
|
+
var css$y = "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}}";
|
|
6460
6462
|
|
|
6461
6463
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6462
6464
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6587,10 +6589,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6587
6589
|
}
|
|
6588
6590
|
}
|
|
6589
6591
|
return UsaOtp;
|
|
6590
|
-
}, { id: 'otp', text: css$
|
|
6592
|
+
}, { id: 'otp', text: css$y });
|
|
6591
6593
|
}
|
|
6592
6594
|
|
|
6593
|
-
var css$
|
|
6595
|
+
var css$x = "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}}";
|
|
6594
6596
|
|
|
6595
6597
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6596
6598
|
function formatBytes(n) {
|
|
@@ -6673,10 +6675,10 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6673
6675
|
}
|
|
6674
6676
|
}
|
|
6675
6677
|
return UsaUploadProgress;
|
|
6676
|
-
}, { id: 'upload-progress', text: css$
|
|
6678
|
+
}, { id: 'upload-progress', text: css$x });
|
|
6677
6679
|
}
|
|
6678
6680
|
|
|
6679
|
-
var css$
|
|
6681
|
+
var css$w = "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}}";
|
|
6680
6682
|
|
|
6681
6683
|
const esc$c = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6682
6684
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
@@ -6774,10 +6776,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6774
6776
|
}
|
|
6775
6777
|
}
|
|
6776
6778
|
return UsaChatComposer;
|
|
6777
|
-
}, { id: 'chat-composer', text: css$
|
|
6779
|
+
}, { id: 'chat-composer', text: css$w });
|
|
6778
6780
|
}
|
|
6779
6781
|
|
|
6780
|
-
var css$
|
|
6782
|
+
var css$v = "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}}";
|
|
6781
6783
|
|
|
6782
6784
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6783
6785
|
function parseChips(s) {
|
|
@@ -6862,10 +6864,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6862
6864
|
}
|
|
6863
6865
|
}
|
|
6864
6866
|
return UsaSuggestionChips;
|
|
6865
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6867
|
+
}, { id: 'suggestion-chips', text: css$v });
|
|
6866
6868
|
}
|
|
6867
6869
|
|
|
6868
|
-
var css$
|
|
6870
|
+
var css$u = "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}}";
|
|
6869
6871
|
|
|
6870
6872
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6871
6873
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6937,10 +6939,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6937
6939
|
}
|
|
6938
6940
|
}
|
|
6939
6941
|
return UsaVoiceButton;
|
|
6940
|
-
}, { id: 'voice-button', text: css$
|
|
6942
|
+
}, { id: 'voice-button', text: css$u });
|
|
6941
6943
|
}
|
|
6942
6944
|
|
|
6943
|
-
var css$
|
|
6945
|
+
var css$t = "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)}";
|
|
6944
6946
|
|
|
6945
6947
|
/**
|
|
6946
6948
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -7199,10 +7201,10 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7199
7201
|
}
|
|
7200
7202
|
}
|
|
7201
7203
|
return UsaCommandPalette;
|
|
7202
|
-
}, { id: 'command-palette', text: css$
|
|
7204
|
+
}, { id: 'command-palette', text: css$t });
|
|
7203
7205
|
}
|
|
7204
7206
|
|
|
7205
|
-
var css$
|
|
7207
|
+
var css$s = "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}";
|
|
7206
7208
|
|
|
7207
7209
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7208
7210
|
const esc$9 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
@@ -7253,10 +7255,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7253
7255
|
}
|
|
7254
7256
|
}
|
|
7255
7257
|
return UsaShortcut;
|
|
7256
|
-
}, { id: 'shortcut', text: css$
|
|
7258
|
+
}, { id: 'shortcut', text: css$s });
|
|
7257
7259
|
}
|
|
7258
7260
|
|
|
7259
|
-
var css$
|
|
7261
|
+
var css$r = "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}}";
|
|
7260
7262
|
|
|
7261
7263
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7262
7264
|
return defineElement(tag, (Base) => {
|
|
@@ -7315,10 +7317,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7315
7317
|
}
|
|
7316
7318
|
}
|
|
7317
7319
|
return UsaClockControl;
|
|
7318
|
-
}, { id: 'clock-control', text: css$
|
|
7320
|
+
}, { id: 'clock-control', text: css$r });
|
|
7319
7321
|
}
|
|
7320
7322
|
|
|
7321
|
-
var css$
|
|
7323
|
+
var css$q = "usa-hydrate{display:block}";
|
|
7322
7324
|
|
|
7323
7325
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7324
7326
|
return defineElement(tag, (Base) => {
|
|
@@ -7354,10 +7356,10 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7354
7356
|
}
|
|
7355
7357
|
}
|
|
7356
7358
|
return UsaHydrate;
|
|
7357
|
-
}, { id: 'hydrate', text: css$
|
|
7359
|
+
}, { id: 'hydrate', text: css$q });
|
|
7358
7360
|
}
|
|
7359
7361
|
|
|
7360
|
-
var css$
|
|
7362
|
+
var css$p = "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}}";
|
|
7361
7363
|
|
|
7362
7364
|
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7363
7365
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
@@ -7421,10 +7423,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7421
7423
|
}
|
|
7422
7424
|
}
|
|
7423
7425
|
return UsaRedEnvelope;
|
|
7424
|
-
}, { id: 'red-envelope', text: css$
|
|
7426
|
+
}, { id: 'red-envelope', text: css$p });
|
|
7425
7427
|
}
|
|
7426
7428
|
|
|
7427
|
-
var css$
|
|
7429
|
+
var css$o = "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}}";
|
|
7428
7430
|
|
|
7429
7431
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7430
7432
|
const SCENES = {
|
|
@@ -7472,10 +7474,10 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7472
7474
|
}
|
|
7473
7475
|
}
|
|
7474
7476
|
return UsaFestivalBanner;
|
|
7475
|
-
}, { id: 'festival-banner', text: css$
|
|
7477
|
+
}, { id: 'festival-banner', text: css$o });
|
|
7476
7478
|
}
|
|
7477
7479
|
|
|
7478
|
-
var css$
|
|
7480
|
+
var css$n = "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}}";
|
|
7479
7481
|
|
|
7480
7482
|
const esc$7 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7481
7483
|
function defineTerminal(tag = 'usa-terminal') {
|
|
@@ -7586,10 +7588,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7586
7588
|
}
|
|
7587
7589
|
}
|
|
7588
7590
|
return UsaTerminal;
|
|
7589
|
-
}, { id: 'terminal', text: css$
|
|
7591
|
+
}, { id: 'terminal', text: css$n });
|
|
7590
7592
|
}
|
|
7591
7593
|
|
|
7592
|
-
var css$
|
|
7594
|
+
var css$m = "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}";
|
|
7593
7595
|
|
|
7594
7596
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7595
7597
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7643,10 +7645,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7643
7645
|
}
|
|
7644
7646
|
}
|
|
7645
7647
|
return UsaRetroButton;
|
|
7646
|
-
}, { id: 'retro-button', text: css$
|
|
7648
|
+
}, { id: 'retro-button', text: css$m });
|
|
7647
7649
|
}
|
|
7648
7650
|
|
|
7649
|
-
var css$
|
|
7651
|
+
var css$l = "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)}";
|
|
7650
7652
|
|
|
7651
7653
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7652
7654
|
return defineElement(tag, (Base) => {
|
|
@@ -7685,10 +7687,10 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7685
7687
|
}
|
|
7686
7688
|
}
|
|
7687
7689
|
return UsaOrganicCard;
|
|
7688
|
-
}, { id: 'organic-card', text: css$
|
|
7690
|
+
}, { id: 'organic-card', text: css$l });
|
|
7689
7691
|
}
|
|
7690
7692
|
|
|
7691
|
-
var css$
|
|
7693
|
+
var css$k = "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}";
|
|
7692
7694
|
|
|
7693
7695
|
let uid = 0;
|
|
7694
7696
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
@@ -7769,10 +7771,10 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7769
7771
|
}
|
|
7770
7772
|
}
|
|
7771
7773
|
return UsaLiquidNav;
|
|
7772
|
-
}, { id: 'liquid-nav', text: css$
|
|
7774
|
+
}, { id: 'liquid-nav', text: css$k });
|
|
7773
7775
|
}
|
|
7774
7776
|
|
|
7775
|
-
var css$
|
|
7777
|
+
var css$j = "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}}";
|
|
7776
7778
|
|
|
7777
7779
|
const esc$6 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7778
7780
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
@@ -7821,10 +7823,10 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7821
7823
|
}
|
|
7822
7824
|
}
|
|
7823
7825
|
return UsaHudPanel;
|
|
7824
|
-
}, { id: 'hud-panel', text: css$
|
|
7826
|
+
}, { id: 'hud-panel', text: css$j });
|
|
7825
7827
|
}
|
|
7826
7828
|
|
|
7827
|
-
var css$
|
|
7829
|
+
var css$i = "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)}}";
|
|
7828
7830
|
|
|
7829
7831
|
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7830
7832
|
function parseTargets(s) {
|
|
@@ -7910,10 +7912,10 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7910
7912
|
}
|
|
7911
7913
|
}
|
|
7912
7914
|
return UsaRadar;
|
|
7913
|
-
}, { id: 'radar', text: css$
|
|
7915
|
+
}, { id: 'radar', text: css$i });
|
|
7914
7916
|
}
|
|
7915
7917
|
|
|
7916
|
-
var css$
|
|
7918
|
+
var css$h = "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)}";
|
|
7917
7919
|
|
|
7918
7920
|
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7919
7921
|
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
@@ -7977,10 +7979,10 @@ function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
|
7977
7979
|
}
|
|
7978
7980
|
}
|
|
7979
7981
|
return UsaStickyWall;
|
|
7980
|
-
}, { id: 'sticky-wall', text: css$
|
|
7982
|
+
}, { id: 'sticky-wall', text: css$h });
|
|
7981
7983
|
}
|
|
7982
7984
|
|
|
7983
|
-
var css$
|
|
7985
|
+
var css$g = "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}";
|
|
7984
7986
|
|
|
7985
7987
|
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7986
7988
|
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
@@ -8077,10 +8079,10 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8077
8079
|
}
|
|
8078
8080
|
}
|
|
8079
8081
|
return UsaSketchChart;
|
|
8080
|
-
}, { id: 'sketch-chart', text: css$
|
|
8082
|
+
}, { id: 'sketch-chart', text: css$g });
|
|
8081
8083
|
}
|
|
8082
8084
|
|
|
8083
|
-
var css$
|
|
8085
|
+
var css$f = "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}}";
|
|
8084
8086
|
|
|
8085
8087
|
const NAMES = { light: 'Light', dark: 'Dark', neon: 'Neon', glass: 'Glass', neu: 'Soft' };
|
|
8086
8088
|
function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
@@ -8182,10 +8184,10 @@ function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
|
8182
8184
|
}
|
|
8183
8185
|
}
|
|
8184
8186
|
return UsaThemeSwitcher;
|
|
8185
|
-
}, { id: 'theme-switcher', text: css$
|
|
8187
|
+
}, { id: 'theme-switcher', text: css$f });
|
|
8186
8188
|
}
|
|
8187
8189
|
|
|
8188
|
-
var css$
|
|
8190
|
+
var css$e = "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}}";
|
|
8189
8191
|
|
|
8190
8192
|
function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
8191
8193
|
return defineElement(tag, (Base) => {
|
|
@@ -8238,10 +8240,10 @@ function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
|
8238
8240
|
}
|
|
8239
8241
|
}
|
|
8240
8242
|
return UsaThemeSurface;
|
|
8241
|
-
}, { id: 'theme-surface', text: css$
|
|
8243
|
+
}, { id: 'theme-surface', text: css$e });
|
|
8242
8244
|
}
|
|
8243
8245
|
|
|
8244
|
-
var css$
|
|
8246
|
+
var css$d = "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}}";
|
|
8245
8247
|
|
|
8246
8248
|
function defineGyroCard(tag = 'usa-gyro-card') {
|
|
8247
8249
|
return defineElement(tag, (Base) => {
|
|
@@ -8322,10 +8324,10 @@ function defineGyroCard(tag = 'usa-gyro-card') {
|
|
|
8322
8324
|
}
|
|
8323
8325
|
}
|
|
8324
8326
|
return UsaGyroCard;
|
|
8325
|
-
}, { id: 'gyro-card', text: css$
|
|
8327
|
+
}, { id: 'gyro-card', text: css$d });
|
|
8326
8328
|
}
|
|
8327
8329
|
|
|
8328
|
-
var css$
|
|
8330
|
+
var css$c = "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}";
|
|
8329
8331
|
|
|
8330
8332
|
function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
8331
8333
|
return defineElement(tag, (Base) => {
|
|
@@ -8452,10 +8454,10 @@ function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
|
8452
8454
|
}
|
|
8453
8455
|
}
|
|
8454
8456
|
return UsaGestureSticker;
|
|
8455
|
-
}, { id: 'gesture-sticker', text: css$
|
|
8457
|
+
}, { id: 'gesture-sticker', text: css$c });
|
|
8456
8458
|
}
|
|
8457
8459
|
|
|
8458
|
-
var css$
|
|
8460
|
+
var css$b = "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}";
|
|
8459
8461
|
|
|
8460
8462
|
function definePanorama(tag = 'usa-panorama') {
|
|
8461
8463
|
return defineElement(tag, (Base) => {
|
|
@@ -8577,10 +8579,10 @@ function definePanorama(tag = 'usa-panorama') {
|
|
|
8577
8579
|
}
|
|
8578
8580
|
}
|
|
8579
8581
|
return UsaPanorama;
|
|
8580
|
-
}, { id: 'panorama', text: css$
|
|
8582
|
+
}, { id: 'panorama', text: css$b });
|
|
8581
8583
|
}
|
|
8582
8584
|
|
|
8583
|
-
var css$
|
|
8585
|
+
var css$a = "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}}";
|
|
8584
8586
|
|
|
8585
8587
|
function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
8586
8588
|
return defineElement(tag, (Base) => {
|
|
@@ -8626,10 +8628,10 @@ function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
|
8626
8628
|
}
|
|
8627
8629
|
}
|
|
8628
8630
|
return UsaSpatialCard;
|
|
8629
|
-
}, { id: 'spatial-card', text: css$
|
|
8631
|
+
}, { id: 'spatial-card', text: css$a });
|
|
8630
8632
|
}
|
|
8631
8633
|
|
|
8632
|
-
var css$
|
|
8634
|
+
var css$9 = "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}";
|
|
8633
8635
|
|
|
8634
8636
|
const RUNTIME_ATTR = /^(data-usa-|data-look$|data-tint$|data-paper$|data-booted$|data-drawn$|data-active$|data-held$|data-tilted$|data-zoomed$|data-dragging$|data-picked$|data-live$|data-lit$|aria-(checked|valuetext|valuenow|label|roledescription|hidden)$|role$|tabindex$|style$)/;
|
|
8635
8637
|
const RUNTIME_CLASS = /^usa-/;
|
|
@@ -8795,10 +8797,10 @@ function defineCodeExport(tag = 'usa-code-export') {
|
|
|
8795
8797
|
}
|
|
8796
8798
|
}
|
|
8797
8799
|
return UsaCodeExport;
|
|
8798
|
-
}, { id: 'code-export', text: css$
|
|
8800
|
+
}, { id: 'code-export', text: css$9 });
|
|
8799
8801
|
}
|
|
8800
8802
|
|
|
8801
|
-
var css$
|
|
8803
|
+
var css$8 = "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}";
|
|
8802
8804
|
|
|
8803
8805
|
/** "value:number:0:100, theme:select:leaf|ocean, on:boolean" → prop specs (8.9). */
|
|
8804
8806
|
function parseProps(s) {
|
|
@@ -8902,10 +8904,10 @@ function definePropPanel(tag = 'usa-prop-panel') {
|
|
|
8902
8904
|
}
|
|
8903
8905
|
}
|
|
8904
8906
|
return UsaPropPanel;
|
|
8905
|
-
}, { id: 'prop-panel', text: css$
|
|
8907
|
+
}, { id: 'prop-panel', text: css$8 });
|
|
8906
8908
|
}
|
|
8907
8909
|
|
|
8908
|
-
var css$
|
|
8910
|
+
var css$7 = "usa-motion{display:block}";
|
|
8909
8911
|
|
|
8910
8912
|
function defineMotion(tag = 'usa-motion') {
|
|
8911
8913
|
return defineElement(tag, (Base) => {
|
|
@@ -8932,10 +8934,10 @@ function defineMotion(tag = 'usa-motion') {
|
|
|
8932
8934
|
}
|
|
8933
8935
|
}
|
|
8934
8936
|
return UsaMotion;
|
|
8935
|
-
}, { id: 'motion', text: css$
|
|
8937
|
+
}, { id: 'motion', text: css$7 });
|
|
8936
8938
|
}
|
|
8937
8939
|
|
|
8938
|
-
var css$
|
|
8940
|
+
var css$6 = "usa-plugin-store{display:block;max-width:100%;font:14px/1.4 system-ui,sans-serif;color:#0f172a}usa-plugin-store .usa-ps-q{width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}usa-plugin-store .usa-ps-q:focus-visible{outline:2px solid #6366f1;outline-offset:1px}usa-plugin-store .usa-ps-count{margin:6px 2px;font-size:12px;color:#64748b}usa-plugin-store .usa-ps-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:10px;margin:0;padding:0;list-style:none}usa-plugin-store .usa-ps-card{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid rgba(15,23,42,.1);border-radius:12px;background:#fff;box-shadow:0 6px 16px -12px rgba(15,23,42,.4);min-width:0}usa-plugin-store .usa-ps-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}usa-plugin-store .usa-ps-head small{margin-left:auto;color:#94a3b8;font-size:11px}usa-plugin-store .usa-ps-badge{padding:1px 6px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:600}usa-plugin-store .usa-ps-card p{margin:0;color:#475569;font-size:13px}usa-plugin-store .usa-ps-fx{display:flex;flex-wrap:wrap;gap:4px}usa-plugin-store .usa-ps-fx code{padding:1px 6px;border-radius:6px;background:#f1f5f9;font-size:11px}usa-plugin-store .usa-ps-install{transition:opacity .3s,background-color .3s;align-self:flex-start;padding:6px 12px;border:0;border-radius:8px;background:#4f46e5;color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}usa-plugin-store .usa-ps-install[data-done]{background:#16a34a;cursor:default}usa-plugin-store .usa-ps-install[data-busy]{opacity:.7}usa-plugin-store .usa-ps-install:focus-visible{outline:2px solid #6366f1;outline-offset:2px}";
|
|
8939
8941
|
|
|
8940
8942
|
const esc$1 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8941
8943
|
function definePluginStore(tag = 'usa-plugin-store') {
|
|
@@ -9021,10 +9023,10 @@ function definePluginStore(tag = 'usa-plugin-store') {
|
|
|
9021
9023
|
}
|
|
9022
9024
|
}
|
|
9023
9025
|
return UsaPluginStore;
|
|
9024
|
-
}, { id: 'plugin-store', text: css$
|
|
9026
|
+
}, { id: 'plugin-store', text: css$6 });
|
|
9025
9027
|
}
|
|
9026
9028
|
|
|
9027
|
-
var css$
|
|
9029
|
+
var css$5 = "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
9030
|
|
|
9029
9031
|
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
9030
9032
|
function defineChapterNav(tag = 'usa-chapter-nav') {
|
|
@@ -9098,10 +9100,10 @@ function defineChapterNav(tag = 'usa-chapter-nav') {
|
|
|
9098
9100
|
}
|
|
9099
9101
|
}
|
|
9100
9102
|
return UsaChapterNav;
|
|
9101
|
-
}, { id: 'chapter-nav', text: css$
|
|
9103
|
+
}, { id: 'chapter-nav', text: css$5 });
|
|
9102
9104
|
}
|
|
9103
9105
|
|
|
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}}";
|
|
9106
|
+
var css$4 = "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
9107
|
|
|
9106
9108
|
function defineScene(tag = 'usa-scene') {
|
|
9107
9109
|
return defineElement(tag, (Base) => {
|
|
@@ -9175,7 +9177,455 @@ function defineScene(tag = 'usa-scene') {
|
|
|
9175
9177
|
}
|
|
9176
9178
|
}
|
|
9177
9179
|
return UsaScene;
|
|
9178
|
-
}, { id: 'scene', text: css });
|
|
9180
|
+
}, { id: 'scene', text: css$4 });
|
|
9181
|
+
}
|
|
9182
|
+
|
|
9183
|
+
var css$3 = "usa-lottie{display:inline-block;line-height:0;max-width:100%}usa-lottie .usa-lt-svg{max-width:100%;height:auto;overflow:visible}usa-lottie [data-layer]{transform-box:view-box;transform-origin:0 0}";
|
|
9184
|
+
|
|
9185
|
+
function defineLottie(tag = 'usa-lottie') {
|
|
9186
|
+
return defineElement(tag, (Base) => {
|
|
9187
|
+
class UsaLottie extends Base {
|
|
9188
|
+
constructor() {
|
|
9189
|
+
super(...arguments);
|
|
9190
|
+
this._json = null;
|
|
9191
|
+
this._m = null;
|
|
9192
|
+
this._anims = [];
|
|
9193
|
+
}
|
|
9194
|
+
static get observedAttributes() {
|
|
9195
|
+
return ['src', 'loop', 'speed', 'label'];
|
|
9196
|
+
}
|
|
9197
|
+
get json() {
|
|
9198
|
+
return this._json;
|
|
9199
|
+
}
|
|
9200
|
+
set json(v) {
|
|
9201
|
+
this._json = typeof v === 'string' ? JSON.parse(v) : v;
|
|
9202
|
+
if (this.isConnected)
|
|
9203
|
+
this.changed('json');
|
|
9204
|
+
}
|
|
9205
|
+
get parsed() {
|
|
9206
|
+
return this._m;
|
|
9207
|
+
}
|
|
9208
|
+
mount() {
|
|
9209
|
+
this.setAttribute('role', 'img');
|
|
9210
|
+
this.setAttribute('aria-label', this.str('label', 'Animation'));
|
|
9211
|
+
const src = this.str('src');
|
|
9212
|
+
if (this._json)
|
|
9213
|
+
this.render(this._json);
|
|
9214
|
+
else if (src && typeof fetch !== 'undefined')
|
|
9215
|
+
fetch(src)
|
|
9216
|
+
.then((r) => r.json())
|
|
9217
|
+
.then((j) => this.isConnected && this.str('src') === src && ((this._json = j), this.render(j)))
|
|
9218
|
+
.catch(() => this.emit('error', { src }));
|
|
9219
|
+
this.onCleanup(() => this.stop());
|
|
9220
|
+
}
|
|
9221
|
+
render(j) {
|
|
9222
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9223
|
+
this._m = lottieToKeyframes(j);
|
|
9224
|
+
this.insertAdjacentHTML('beforeend', lottieToSvg(j).replace('<svg ', '<svg data-usa-part class="usa-lt-svg" '));
|
|
9225
|
+
this.emit('load', { duration: this._m.duration, layers: this._m.layers.length });
|
|
9226
|
+
this.frame(0);
|
|
9227
|
+
if (this.hasAttribute('autoplay') && !this.reduced)
|
|
9228
|
+
this.inView((v) => {
|
|
9229
|
+
if (v)
|
|
9230
|
+
this.play();
|
|
9231
|
+
else
|
|
9232
|
+
this.pause();
|
|
9233
|
+
});
|
|
9234
|
+
}
|
|
9235
|
+
frame(i) {
|
|
9236
|
+
this._m?.layers.forEach((l) => {
|
|
9237
|
+
const g = this.querySelector(`[data-layer="${l.index}"]`);
|
|
9238
|
+
const k = l.keyframes[i] || l.keyframes[0];
|
|
9239
|
+
if (g && k) {
|
|
9240
|
+
g.style.transform = String(k.transform || '');
|
|
9241
|
+
if (k.opacity != null)
|
|
9242
|
+
g.style.opacity = String(k.opacity);
|
|
9243
|
+
}
|
|
9244
|
+
});
|
|
9245
|
+
}
|
|
9246
|
+
play() {
|
|
9247
|
+
if (!this._m || this.reduced)
|
|
9248
|
+
return;
|
|
9249
|
+
if (this._anims.length) {
|
|
9250
|
+
this._anims.forEach((a) => a.play());
|
|
9251
|
+
return;
|
|
9252
|
+
}
|
|
9253
|
+
const iterations = this.hasAttribute('loop') ? Infinity : 1;
|
|
9254
|
+
const rate = Math.max(0.1, this.num('speed', 1));
|
|
9255
|
+
this._anims = this._m.layers
|
|
9256
|
+
.map((l) => {
|
|
9257
|
+
const g = this.querySelector(`[data-layer="${l.index}"]`);
|
|
9258
|
+
const a = g ? this.motion(g, l.keyframes, { duration: this._m.duration / rate, iterations, fill: 'both' }) : null;
|
|
9259
|
+
return a;
|
|
9260
|
+
})
|
|
9261
|
+
.filter(Boolean);
|
|
9262
|
+
const first = this._anims[0];
|
|
9263
|
+
if (first && iterations === 1)
|
|
9264
|
+
first.finished.then(() => this.emit('complete'), () => undefined);
|
|
9265
|
+
}
|
|
9266
|
+
pause() {
|
|
9267
|
+
this._anims.forEach((a) => a.pause());
|
|
9268
|
+
}
|
|
9269
|
+
stop() {
|
|
9270
|
+
this._anims.splice(0).forEach((a) => a.cancel());
|
|
9271
|
+
this.frame(0);
|
|
9272
|
+
}
|
|
9273
|
+
}
|
|
9274
|
+
return UsaLottie;
|
|
9275
|
+
}, { id: 'lottie', text: css$3 });
|
|
9276
|
+
}
|
|
9277
|
+
|
|
9278
|
+
var css$2 = "usa-lottie-icon{display:inline-block;width:var(--usa-li-size,32px);height:var(--usa-li-size,32px);line-height:0;cursor:pointer;vertical-align:middle}usa-lottie-icon>usa-lottie,usa-lottie-icon .usa-lt-svg{width:100%;height:100%}";
|
|
9279
|
+
|
|
9280
|
+
const fill = (r, g, b) => ({ ty: 'fl', c: { k: [r, g, b, 1] } });
|
|
9281
|
+
const sh = (v, c = true) => ({ ty: 'sh', ks: { k: { v, i: v.map(() => [0, 0]), o: v.map(() => [0, 0]), c } } });
|
|
9282
|
+
const anim = (keys) => ({ a: 1, k: keys.map(([t, s]) => ({ t, s })) });
|
|
9283
|
+
const L = (nm, shapes, ks) => ({ nm, ks: { a: { k: [24, 24] }, p: { k: [24, 24] }, ...ks }, shapes });
|
|
9284
|
+
const icon = (layers, op = 30) => ({ v: '5.7.0', fr: 30, ip: 0, op, w: 48, h: 48, layers });
|
|
9285
|
+
/** The built-in Lottie icon set (9.2). */
|
|
9286
|
+
const LOTTIE_ICONS = {
|
|
9287
|
+
heart: icon([L('heart', [sh([[24, 40], [8, 25], [7, 15], [15, 8], [24, 14], [33, 8], [41, 15], [40, 25]]), fill(0.96, 0.25, 0.37)], { s: anim([[0, [100, 100]], [7, [135, 135]], [14, [90, 90]], [22, [108, 108]], [30, [100, 100]]]) })]),
|
|
9288
|
+
bell: icon([L('bell', [sh([[24, 6], [34, 14], [35, 30], [40, 35], [8, 35], [13, 30], [14, 14]]), { ty: 'el', p: { k: [24, 39] }, s: { k: [8, 8] } }, fill(0.98, 0.75, 0.14)], { a: { k: [24, 6] }, p: { k: [24, 6] }, r: anim([[0, [0]], [6, [-20]], [12, [16]], [18, [-10]], [24, [5]], [30, [0]]]) })]),
|
|
9289
|
+
check: icon([
|
|
9290
|
+
L('tick', [sh([[14, 25], [21, 32], [35, 17], [32, 14], [21, 26], [17, 22]]), fill(1, 1, 1)], { s: anim([[0, [0, 0]], [10, [0, 0]], [20, [115, 115]], [28, [100, 100]]]) }),
|
|
9291
|
+
L('disc', [{ ty: 'el', p: { k: [24, 24] }, s: { k: [40, 40] } }, fill(0.13, 0.77, 0.37)], { s: anim([[0, [0, 0]], [10, [110, 110]], [16, [100, 100]]]) }),
|
|
9292
|
+
]),
|
|
9293
|
+
spinner: icon([L('arc', [sh([[24, 4], [38, 10], [44, 24], [40, 24], [35, 13], [24, 8]]), fill(0.31, 0.27, 0.9)], { r: anim([[0, [0]], [30, [360]]]) })]),
|
|
9294
|
+
star: icon([L('star', [sh([[24, 4], [29, 18], [44, 18], [32, 27], [36, 42], [24, 33], [12, 42], [16, 27], [4, 18], [19, 18]]), fill(0.98, 0.8, 0.08)], { r: anim([[0, [0]], [15, [72]], [30, [72]]]), s: anim([[0, [100, 100]], [8, [70, 70]], [18, [120, 120]], [30, [100, 100]]]) })]),
|
|
9295
|
+
bolt: icon([L('bolt', [sh([[27, 4], [12, 27], [22, 27], [19, 44], [36, 19], [26, 19]]), fill(0.55, 0.36, 0.96)], { o: anim([[0, [100]], [4, [20]], [8, [100]], [12, [30]], [16, [100]]]), s: anim([[0, [100, 100]], [6, [120, 120]], [16, [100, 100]]]) })], 20),
|
|
9296
|
+
};
|
|
9297
|
+
function defineLottieIcon(tag = 'usa-lottie-icon') {
|
|
9298
|
+
return defineElement(tag, (Base) => {
|
|
9299
|
+
class UsaLottieIcon extends Base {
|
|
9300
|
+
static get observedAttributes() {
|
|
9301
|
+
return ['name', 'size', 'color', 'label', 'trigger'];
|
|
9302
|
+
}
|
|
9303
|
+
lottie() {
|
|
9304
|
+
return this.querySelector(':scope > usa-lottie');
|
|
9305
|
+
}
|
|
9306
|
+
mount() {
|
|
9307
|
+
if (typeof customElements !== 'undefined' && !customElements.get('usa-lottie'))
|
|
9308
|
+
defineLottie();
|
|
9309
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9310
|
+
const name = LOTTIE_ICONS[this.str('name')] ? this.str('name') : 'heart';
|
|
9311
|
+
this.setAttribute('data-name', name);
|
|
9312
|
+
const label = this.str('label');
|
|
9313
|
+
if (label) {
|
|
9314
|
+
this.setAttribute('role', 'img');
|
|
9315
|
+
this.setAttribute('aria-label', label);
|
|
9316
|
+
}
|
|
9317
|
+
else
|
|
9318
|
+
this.setAttribute('aria-hidden', 'true');
|
|
9319
|
+
this.style.setProperty('--usa-li-size', `${Math.max(12, this.num('size', 32))}px`);
|
|
9320
|
+
let json = LOTTIE_ICONS[name];
|
|
9321
|
+
if (this.hasAttribute('color')) {
|
|
9322
|
+
const m = this.str('color').match(/^#?([0-9a-f]{6})$/i);
|
|
9323
|
+
if (m) {
|
|
9324
|
+
const n = parseInt(m[1], 16);
|
|
9325
|
+
const c = [((n >> 16) & 255) / 255, ((n >> 8) & 255) / 255, (n & 255) / 255, 1];
|
|
9326
|
+
json = JSON.parse(JSON.stringify(json).replace(/"ty":"fl","c":\{"k":\[[^\]]*\]\}/g, `"ty":"fl","c":{"k":${JSON.stringify(c)}}`));
|
|
9327
|
+
}
|
|
9328
|
+
}
|
|
9329
|
+
const lt = document.createElement('usa-lottie');
|
|
9330
|
+
lt.setAttribute('data-usa-part', '');
|
|
9331
|
+
if (this.str('trigger') === 'loop')
|
|
9332
|
+
lt.setAttribute('loop', '');
|
|
9333
|
+
lt.json = json;
|
|
9334
|
+
this.appendChild(lt);
|
|
9335
|
+
const t = this.str('trigger', 'click');
|
|
9336
|
+
if (t === 'hover')
|
|
9337
|
+
this.listen(this, 'pointerenter', () => this.play());
|
|
9338
|
+
else if (t === 'enter')
|
|
9339
|
+
this.inView((v) => v && this.play(), { threshold: 0.5 });
|
|
9340
|
+
else if (t === 'loop')
|
|
9341
|
+
this.inView((v) => (v ? this.play() : this.lottie()?.stop()));
|
|
9342
|
+
else
|
|
9343
|
+
this.listen(this, 'click', () => this.play());
|
|
9344
|
+
}
|
|
9345
|
+
play() {
|
|
9346
|
+
const l = this.lottie();
|
|
9347
|
+
if (!l || this.reduced)
|
|
9348
|
+
return;
|
|
9349
|
+
if (this.str('trigger') !== 'loop')
|
|
9350
|
+
l.stop();
|
|
9351
|
+
l.play();
|
|
9352
|
+
}
|
|
9353
|
+
}
|
|
9354
|
+
return UsaLottieIcon;
|
|
9355
|
+
}, { id: 'lottie-icon', text: css$2 });
|
|
9356
|
+
}
|
|
9357
|
+
|
|
9358
|
+
var css$1 = "usa-gen-art{position:relative;display:block;min-height:120px;border-radius:12px;overflow:hidden;cursor:pointer;outline:none}usa-gen-art>canvas{display:block;width:100%;height:100%;position:absolute;inset:0}usa-gen-art:focus-visible{box-shadow:0 0 0 3px #6366f1}";
|
|
9359
|
+
|
|
9360
|
+
const ARTS = ['flow', 'circles', 'truchet', 'waves'];
|
|
9361
|
+
function defineGenArt(tag = 'usa-gen-art') {
|
|
9362
|
+
return defineElement(tag, (Base) => {
|
|
9363
|
+
class UsaGenArt extends Base {
|
|
9364
|
+
constructor() {
|
|
9365
|
+
super(...arguments);
|
|
9366
|
+
this._seed = 1;
|
|
9367
|
+
this._raf = 0;
|
|
9368
|
+
}
|
|
9369
|
+
static get observedAttributes() {
|
|
9370
|
+
return ['art', 'seed', 'palette', 'label'];
|
|
9371
|
+
}
|
|
9372
|
+
get seed() {
|
|
9373
|
+
return this._seed;
|
|
9374
|
+
}
|
|
9375
|
+
canvas() {
|
|
9376
|
+
return this.querySelector(':scope > canvas');
|
|
9377
|
+
}
|
|
9378
|
+
mount() {
|
|
9379
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9380
|
+
this._seed = this.num('seed', 1);
|
|
9381
|
+
const art = ARTS.includes(this.str('art')) ? this.str('art') : 'flow';
|
|
9382
|
+
this.setAttribute('data-art', art);
|
|
9383
|
+
this.setAttribute('role', 'img');
|
|
9384
|
+
this.setAttribute('aria-label', this.str('label', `Generative ${art} artwork, seed ${this._seed}`));
|
|
9385
|
+
if (!this.hasAttribute('tabindex'))
|
|
9386
|
+
this.tabIndex = 0;
|
|
9387
|
+
this.insertAdjacentHTML('afterbegin', '<canvas data-usa-part></canvas>');
|
|
9388
|
+
this.listen(this, 'click', () => this.generate());
|
|
9389
|
+
this.listen(this, 'keydown', (e) => {
|
|
9390
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
9391
|
+
e.preventDefault();
|
|
9392
|
+
this.generate();
|
|
9393
|
+
}
|
|
9394
|
+
});
|
|
9395
|
+
let drawn = false;
|
|
9396
|
+
this.inView((v) => {
|
|
9397
|
+
if (v && !drawn) {
|
|
9398
|
+
drawn = true;
|
|
9399
|
+
this.draw();
|
|
9400
|
+
}
|
|
9401
|
+
});
|
|
9402
|
+
this.onCleanup(() => cancelAnimationFrame(this._raf));
|
|
9403
|
+
}
|
|
9404
|
+
generate(seed = Math.floor(Math.random() * 1e6)) {
|
|
9405
|
+
this._seed = seed;
|
|
9406
|
+
this.setAttribute('aria-label', this.str('label', `Generative ${this.getAttribute('data-art')} artwork, seed ${seed}`));
|
|
9407
|
+
this.draw();
|
|
9408
|
+
this.emit('generate', { seed });
|
|
9409
|
+
}
|
|
9410
|
+
toDataURL(type = 'image/png') {
|
|
9411
|
+
return this.canvas()?.toDataURL(type) || '';
|
|
9412
|
+
}
|
|
9413
|
+
draw() {
|
|
9414
|
+
const c = this.canvas();
|
|
9415
|
+
const ctx = c?.getContext?.('2d');
|
|
9416
|
+
if (!c || !ctx)
|
|
9417
|
+
return;
|
|
9418
|
+
cancelAnimationFrame(this._raf);
|
|
9419
|
+
const w = Math.max(60, Math.round(this.clientWidth || 300));
|
|
9420
|
+
const h = Math.max(60, Math.round(this.clientHeight || 180));
|
|
9421
|
+
const dpr = Math.min(2, (typeof devicePixelRatio === 'number' && devicePixelRatio) || 1);
|
|
9422
|
+
c.width = w * dpr;
|
|
9423
|
+
c.height = h * dpr;
|
|
9424
|
+
ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
|
|
9425
|
+
const pal = PALETTES[this.str('palette')] || PALETTES.sunset;
|
|
9426
|
+
const r = seededRandom(this._seed);
|
|
9427
|
+
ctx.fillStyle = pal[pal.length - 1];
|
|
9428
|
+
ctx.fillRect(0, 0, w, h);
|
|
9429
|
+
const art = this.getAttribute('data-art');
|
|
9430
|
+
const steps = [];
|
|
9431
|
+
if (art === 'circles') {
|
|
9432
|
+
const cs = [];
|
|
9433
|
+
for (let i = 0; i < 900 && cs.length < 140; i++) {
|
|
9434
|
+
const x = r() * w;
|
|
9435
|
+
const y = r() * h;
|
|
9436
|
+
let rad = 2 + r() * Math.min(w, h) * 0.14;
|
|
9437
|
+
for (const [cx, cy, cr] of cs)
|
|
9438
|
+
rad = Math.min(rad, Math.hypot(x - cx, y - cy) - cr - 1.5);
|
|
9439
|
+
if (rad < 2)
|
|
9440
|
+
continue;
|
|
9441
|
+
cs.push([x, y, rad]);
|
|
9442
|
+
const col = pal[Math.floor(r() * (pal.length - 1))];
|
|
9443
|
+
steps.push(() => {
|
|
9444
|
+
ctx.beginPath();
|
|
9445
|
+
ctx.arc(x, y, rad, 0, Math.PI * 2);
|
|
9446
|
+
ctx.fillStyle = col;
|
|
9447
|
+
ctx.fill();
|
|
9448
|
+
});
|
|
9449
|
+
}
|
|
9450
|
+
}
|
|
9451
|
+
else if (art === 'truchet') {
|
|
9452
|
+
const s = Math.max(16, Math.round(Math.min(w, h) / 8));
|
|
9453
|
+
ctx.lineWidth = s / 5;
|
|
9454
|
+
ctx.lineCap = 'round';
|
|
9455
|
+
for (let y = 0; y < h; y += s)
|
|
9456
|
+
for (let x = 0; x < w; x += s) {
|
|
9457
|
+
const flip = r() > 0.5;
|
|
9458
|
+
const col = pal[Math.floor(r() * (pal.length - 1))];
|
|
9459
|
+
steps.push(() => {
|
|
9460
|
+
ctx.strokeStyle = col;
|
|
9461
|
+
ctx.beginPath();
|
|
9462
|
+
if (flip) {
|
|
9463
|
+
ctx.arc(x, y, s / 2, 0, Math.PI / 2);
|
|
9464
|
+
ctx.moveTo(x + s, y + s / 2);
|
|
9465
|
+
ctx.arc(x + s, y + s, s / 2, -Math.PI / 2, Math.PI, true);
|
|
9466
|
+
}
|
|
9467
|
+
else {
|
|
9468
|
+
ctx.arc(x + s, y, s / 2, Math.PI / 2, Math.PI);
|
|
9469
|
+
ctx.moveTo(x + s / 2, y + s);
|
|
9470
|
+
ctx.arc(x, y + s, s / 2, 0, -Math.PI / 2, true);
|
|
9471
|
+
}
|
|
9472
|
+
ctx.stroke();
|
|
9473
|
+
});
|
|
9474
|
+
}
|
|
9475
|
+
}
|
|
9476
|
+
else if (art === 'waves') {
|
|
9477
|
+
const n = 7;
|
|
9478
|
+
for (let i = 0; i < n; i++) {
|
|
9479
|
+
const base = (h / (n + 1)) * (i + 1);
|
|
9480
|
+
const amp = 6 + r() * h * 0.08;
|
|
9481
|
+
const f = 1 + r() * 3;
|
|
9482
|
+
const ph = r() * Math.PI * 2;
|
|
9483
|
+
const col = pal[i % (pal.length - 1)];
|
|
9484
|
+
steps.push(() => {
|
|
9485
|
+
ctx.beginPath();
|
|
9486
|
+
ctx.moveTo(0, h);
|
|
9487
|
+
for (let x = 0; x <= w; x += 4)
|
|
9488
|
+
ctx.lineTo(x, base + Math.sin((x / w) * Math.PI * 2 * f + ph) * amp);
|
|
9489
|
+
ctx.lineTo(w, h);
|
|
9490
|
+
ctx.closePath();
|
|
9491
|
+
ctx.fillStyle = col;
|
|
9492
|
+
ctx.globalAlpha = 0.85;
|
|
9493
|
+
ctx.fill();
|
|
9494
|
+
ctx.globalAlpha = 1;
|
|
9495
|
+
});
|
|
9496
|
+
}
|
|
9497
|
+
}
|
|
9498
|
+
else {
|
|
9499
|
+
const z = 0.004 + r() * 0.006;
|
|
9500
|
+
const ph = r() * 10;
|
|
9501
|
+
for (let i = 0; i < 160; i++) {
|
|
9502
|
+
let x = r() * w;
|
|
9503
|
+
let y = r() * h;
|
|
9504
|
+
const col = pal[Math.floor(r() * (pal.length - 1))];
|
|
9505
|
+
steps.push(() => {
|
|
9506
|
+
ctx.strokeStyle = col;
|
|
9507
|
+
ctx.lineWidth = 1.4;
|
|
9508
|
+
ctx.globalAlpha = 0.8;
|
|
9509
|
+
ctx.beginPath();
|
|
9510
|
+
ctx.moveTo(x, y);
|
|
9511
|
+
for (let k = 0; k < 40; k++) {
|
|
9512
|
+
const a = (Math.sin(x * z + ph) + Math.cos(y * z - ph)) * Math.PI;
|
|
9513
|
+
x += Math.cos(a) * 3;
|
|
9514
|
+
y += Math.sin(a) * 3;
|
|
9515
|
+
ctx.lineTo(x, y);
|
|
9516
|
+
}
|
|
9517
|
+
ctx.stroke();
|
|
9518
|
+
ctx.globalAlpha = 1;
|
|
9519
|
+
});
|
|
9520
|
+
}
|
|
9521
|
+
}
|
|
9522
|
+
if (this.reduced || typeof requestAnimationFrame === 'undefined') {
|
|
9523
|
+
steps.forEach((f) => f());
|
|
9524
|
+
return;
|
|
9525
|
+
}
|
|
9526
|
+
const per = Math.max(1, Math.ceil(steps.length / 40));
|
|
9527
|
+
let i = 0;
|
|
9528
|
+
const tick = () => {
|
|
9529
|
+
for (let k = 0; k < per && i < steps.length; k++)
|
|
9530
|
+
steps[i++]();
|
|
9531
|
+
if (i < steps.length)
|
|
9532
|
+
this._raf = requestAnimationFrame(tick);
|
|
9533
|
+
};
|
|
9534
|
+
tick();
|
|
9535
|
+
}
|
|
9536
|
+
}
|
|
9537
|
+
return UsaGenArt;
|
|
9538
|
+
}, { id: 'gen-art', text: css$1 });
|
|
9539
|
+
}
|
|
9540
|
+
|
|
9541
|
+
var css = "usa-bg-generator{display:block;max-width:100%;font:13px/1.3 system-ui,sans-serif;color:#0f172a}usa-bg-generator .usa-bg-preview{height:120px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.1)}usa-bg-generator .usa-bg-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}usa-bg-generator label{display:inline-flex;gap:4px;align-items:center;font-weight:600}usa-bg-generator select,usa-bg-generator button{padding:5px 8px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font:inherit;cursor:pointer}usa-bg-generator .usa-bg-copy{background:#4f46e5;border-color:#4f46e5;color:#fff}usa-bg-generator .usa-bg-code{display:block;margin-top:6px;padding:6px 8px;border-radius:7px;background:#0f172a;color:#e2e8f0;font:11px/1.4 ui-monospace,monospace;white-space:nowrap;overflow-x:auto}";
|
|
9542
|
+
|
|
9543
|
+
const STYLES = ['mesh', 'grain', 'stripes', 'dots'];
|
|
9544
|
+
const GRAIN = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E\")";
|
|
9545
|
+
/** The CSS background for a generator state (9.3). */
|
|
9546
|
+
function backgroundCss(style, seed, palette) {
|
|
9547
|
+
const pal = PALETTES[palette] || PALETTES.sunset;
|
|
9548
|
+
if (style === 'stripes')
|
|
9549
|
+
return `repeating-linear-gradient(${(seed * 37) % 180}deg, ${pal[0]} 0 14px, ${pal[1]} 14px 28px, ${pal[2]} 28px 42px)`;
|
|
9550
|
+
if (style === 'dots')
|
|
9551
|
+
return `radial-gradient(${pal[1]} 22%, transparent 24%) 0 0 / 22px 22px, radial-gradient(${pal[2]} 22%, transparent 24%) 11px 11px / 22px 22px, ${pal[0]}`;
|
|
9552
|
+
if (style === 'grain')
|
|
9553
|
+
return `${GRAIN}, ${meshGradient(seed, palette)}`;
|
|
9554
|
+
return meshGradient(seed, palette);
|
|
9555
|
+
}
|
|
9556
|
+
function defineBgGenerator(tag = 'usa-bg-generator') {
|
|
9557
|
+
return defineElement(tag, (Base) => {
|
|
9558
|
+
class UsaBgGenerator extends Base {
|
|
9559
|
+
constructor() {
|
|
9560
|
+
super(...arguments);
|
|
9561
|
+
this._st = { palette: 'sunset', style: 'mesh', seed: 1 };
|
|
9562
|
+
}
|
|
9563
|
+
static get observedAttributes() {
|
|
9564
|
+
return ['label'];
|
|
9565
|
+
}
|
|
9566
|
+
get css() {
|
|
9567
|
+
return `background: ${backgroundCss(this._st.style, this._st.seed, this._st.palette)};`;
|
|
9568
|
+
}
|
|
9569
|
+
mount() {
|
|
9570
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9571
|
+
this._st = { palette: PALETTES[this.str('palette')] ? this.str('palette') : 'sunset', style: STYLES.includes(this.str('style')) ? this.str('style') : 'mesh', seed: this.num('seed', 1) };
|
|
9572
|
+
this.setAttribute('role', 'group');
|
|
9573
|
+
this.setAttribute('aria-label', this.str('label', 'Background generator'));
|
|
9574
|
+
const opt = (l, v) => l.map((x) => `<option${x === v ? ' selected' : ''}>${x}</option>`).join('');
|
|
9575
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-bg-preview" aria-hidden="true" data-usa-part></div><div class="usa-bg-controls" data-usa-part><label>Palette <select data-k="palette">${opt(Object.keys(PALETTES), this._st.palette)}</select></label><label>Style <select data-k="style">${opt(STYLES, this._st.style)}</select></label><button type="button" class="usa-bg-shuffle">Shuffle</button><button type="button" class="usa-bg-copy">Copy CSS</button></div><code class="usa-bg-code" data-usa-part></code>`);
|
|
9576
|
+
this.listen(this, 'change', (e) => {
|
|
9577
|
+
const s = e.target;
|
|
9578
|
+
if (s.dataset?.k === 'palette' || s.dataset?.k === 'style') {
|
|
9579
|
+
this._st[s.dataset.k] = s.value;
|
|
9580
|
+
this.render(true);
|
|
9581
|
+
}
|
|
9582
|
+
});
|
|
9583
|
+
this.listen(this, 'click', (e) => {
|
|
9584
|
+
const t = e.target;
|
|
9585
|
+
if (t.closest?.('.usa-bg-shuffle'))
|
|
9586
|
+
this.shuffle();
|
|
9587
|
+
if (t.closest?.('.usa-bg-copy'))
|
|
9588
|
+
void this.copy();
|
|
9589
|
+
});
|
|
9590
|
+
this.render(false);
|
|
9591
|
+
}
|
|
9592
|
+
render(user) {
|
|
9593
|
+
const p = this.querySelector('.usa-bg-preview');
|
|
9594
|
+
const bg = backgroundCss(this._st.style, this._st.seed, this._st.palette);
|
|
9595
|
+
if (p) {
|
|
9596
|
+
p.style.background = bg;
|
|
9597
|
+
if (user && !this.reduced)
|
|
9598
|
+
this.motion(p, [{ opacity: 0.4, filter: 'blur(6px)' }, { opacity: 1, filter: 'none' }], { duration: 450, easing: 'ease-out' });
|
|
9599
|
+
}
|
|
9600
|
+
const c = this.querySelector('.usa-bg-code');
|
|
9601
|
+
if (c)
|
|
9602
|
+
c.textContent = this.css;
|
|
9603
|
+
if (user)
|
|
9604
|
+
this.emit('change', { css: this.css, seed: this._st.seed });
|
|
9605
|
+
}
|
|
9606
|
+
shuffle() {
|
|
9607
|
+
this._st.seed = 1 + Math.floor(Math.random() * 9999);
|
|
9608
|
+
this.render(true);
|
|
9609
|
+
}
|
|
9610
|
+
async copy() {
|
|
9611
|
+
let ok = false;
|
|
9612
|
+
try {
|
|
9613
|
+
await navigator.clipboard.writeText(this.css);
|
|
9614
|
+
ok = true;
|
|
9615
|
+
}
|
|
9616
|
+
catch {
|
|
9617
|
+
ok = false;
|
|
9618
|
+
}
|
|
9619
|
+
const b = this.querySelector('.usa-bg-copy');
|
|
9620
|
+
if (b) {
|
|
9621
|
+
b.textContent = ok ? 'Copied ✓' : 'Copy failed';
|
|
9622
|
+
setTimeout(() => (b.textContent = 'Copy CSS'), 1500);
|
|
9623
|
+
}
|
|
9624
|
+
return ok;
|
|
9625
|
+
}
|
|
9626
|
+
}
|
|
9627
|
+
return UsaBgGenerator;
|
|
9628
|
+
}, { id: 'bg-generator', text: css });
|
|
9179
9629
|
}
|
|
9180
9630
|
|
|
9181
9631
|
/**
|
|
@@ -9221,6 +9671,8 @@ const WIDGETS = {
|
|
|
9221
9671
|
'8.9': { 'usa-code-export': defineCodeExport, 'usa-prop-panel': definePropPanel },
|
|
9222
9672
|
'9.0': { 'usa-motion': defineMotion, 'usa-plugin-store': definePluginStore },
|
|
9223
9673
|
'9.1': { 'usa-chapter-nav': defineChapterNav, 'usa-scene': defineScene },
|
|
9674
|
+
'9.2': { 'usa-lottie': defineLottie, 'usa-lottie-icon': defineLottieIcon },
|
|
9675
|
+
'9.3': { 'usa-gen-art': defineGenArt, 'usa-bg-generator': defineBgGenerator },
|
|
9224
9676
|
};
|
|
9225
9677
|
/** Every widget tag, in release order. */
|
|
9226
9678
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -9232,5 +9684,5 @@ function defineWidgets(release) {
|
|
|
9232
9684
|
fn(tag);
|
|
9233
9685
|
}
|
|
9234
9686
|
|
|
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 };
|
|
9687
|
+
export { CAROUSEL_EFFECTS, EQ_PRESETS, FESTIVAL_THEMES, LOTTIE_ICONS, MENU_EFFECTS, MODAL_EFFECTS, NAV_INDICATORS, PRESENCE_STATES, PROGRESS_VARIANTS, RETRO_VARIANTS, SEGMENTED_VARIANTS, SHEET_SIDES, SKELETON_VARIANTS, SPARK_VARIANTS, SWITCH_VARIANTS, TAB_INDICATORS, TIP_PLACEMENTS, TOAST_POSITIONS, TOGGLE_VARIANTS, WEATHER_CONDITIONS, WIDGETS, WIDGET_TAGS, backgroundCss, badgeProgress, cartTotal, defineAddToCart, defineBadgeWall, defineBarChart, defineBgGenerator, defineCarousel, defineCartDrawer, defineChapterNav, defineChatComposer, defineClockControl, defineCodeExport, defineColorPicker, defineCommandPalette, defineCompare, defineCountdown, defineCubeGallery, defineDatePicker, defineDisclosure, defineDock, defineEqualizer, defineFestivalBanner, defineField, defineFileDrop, defineGauge, defineGenArt, defineGestureSticker, defineGlobe, defineGyroCard, defineHudPanel, defineHydrate, defineKanban, defineKeyframeEditor, defineKpi, defineLeaderboard, defineLiquidNav, defineLocationCard, defineLottie, defineLottieIcon, defineLyrics, defineMasonryFlow, defineMenu, defineMenuToggle, defineMessageList, defineMilestones, defineModal, defineMotion, defineMusicPlayer, defineNavMorph, defineNotificationBell, defineOdometer, defineOrganicCard, defineOtp, definePagination, definePanorama, definePluginStore, definePresence, definePrizeWheel, defineProductGallery, defineProgressRing, definePropPanel, definePullCord, defineRadar, defineReactions, defineRedEnvelope, defineRetroButton, defineScene, defineSegmented, defineSheet, defineShortcut, defineSkeletonReveal, defineSketchChart, defineSparkline, defineSpatialCard, defineStarRating, defineStepper, defineStickyWall, defineStories, defineSuggestionChips, defineSwipeDeck, defineSwitch, defineTabBar, defineTerminal, defineThemeSurface, defineThemeSwitcher, defineTip, defineToastStack, defineUploadProgress, 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 };
|
|
9236
9688
|
//# sourceMappingURL=widgets.js.map
|