use-scroll-animate 9.3.0 → 9.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +28 -0
- package/dist/components/fx-safe.cjs +155 -0
- package/dist/components/fx-safe.cjs.map +1 -0
- package/dist/components/fx-safe.d.cts +85 -0
- package/dist/components/fx-safe.d.ts +85 -0
- package/dist/components/fx-safe.js +145 -0
- package/dist/components/fx-safe.js.map +1 -0
- package/dist/components/fx-video.cjs +111 -0
- package/dist/components/fx-video.cjs.map +1 -0
- package/dist/components/fx-video.d.cts +80 -0
- package/dist/components/fx-video.d.ts +80 -0
- package/dist/components/fx-video.js +105 -0
- package/dist/components/fx-video.js.map +1 -0
- package/dist/components/fx2.cjs +20 -0
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.d.cts +76 -1
- package/dist/components/fx2.d.ts +76 -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 +483 -181
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +94 -2
- package/dist/components/widgets.d.ts +94 -2
- package/dist/components/widgets.js +480 -182
- 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 +35 -0
- package/package.json +42 -2
|
@@ -17,6 +17,8 @@ var components_marketplace = require('./marketplace.cjs');
|
|
|
17
17
|
var components_fxCinema = require('./fx-cinema.cjs');
|
|
18
18
|
var components_fxLottie = require('./fx-lottie.cjs');
|
|
19
19
|
var components_fxGenart = require('./fx-genart.cjs');
|
|
20
|
+
var components_fxVideo = require('./fx-video.cjs');
|
|
21
|
+
var components_fxSafe = require('./fx-safe.cjs');
|
|
20
22
|
require('../chunks/core-CwO835Wm.cjs');
|
|
21
23
|
require('./tokens.cjs');
|
|
22
24
|
require('../chunks/fx-C-XjLOTc.cjs');
|
|
@@ -57,7 +59,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
57
59
|
return -1;
|
|
58
60
|
}
|
|
59
61
|
|
|
60
|
-
var css$
|
|
62
|
+
var css$1r = "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}";
|
|
61
63
|
|
|
62
64
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
63
65
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -246,10 +248,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
246
248
|
}
|
|
247
249
|
}
|
|
248
250
|
return UsaCarousel;
|
|
249
|
-
}, { id: 'carousel', text: css$
|
|
251
|
+
}, { id: 'carousel', text: css$1r });
|
|
250
252
|
}
|
|
251
253
|
|
|
252
|
-
var css$
|
|
254
|
+
var css$1q = "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}";
|
|
253
255
|
|
|
254
256
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
255
257
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -362,10 +364,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
362
364
|
}
|
|
363
365
|
}
|
|
364
366
|
return UsaTabBar;
|
|
365
|
-
}, { id: 'tab-bar', text: css$
|
|
367
|
+
}, { id: 'tab-bar', text: css$1q });
|
|
366
368
|
}
|
|
367
369
|
|
|
368
|
-
var css$
|
|
370
|
+
var css$1p = "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}}";
|
|
369
371
|
|
|
370
372
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
371
373
|
return base.defineElement(tag, (Base) => {
|
|
@@ -433,10 +435,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
433
435
|
}
|
|
434
436
|
}
|
|
435
437
|
return UsaDisclosure;
|
|
436
|
-
}, { id: 'disclosure', text: css$
|
|
438
|
+
}, { id: 'disclosure', text: css$1p });
|
|
437
439
|
}
|
|
438
440
|
|
|
439
|
-
var css$
|
|
441
|
+
var css$1o = "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}}";
|
|
440
442
|
|
|
441
443
|
function defineStories(tag = 'usa-stories') {
|
|
442
444
|
return base.defineElement(tag, (Base) => {
|
|
@@ -569,10 +571,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
569
571
|
}
|
|
570
572
|
}
|
|
571
573
|
return UsaStories;
|
|
572
|
-
}, { id: 'stories', text: css$
|
|
574
|
+
}, { id: 'stories', text: css$1o });
|
|
573
575
|
}
|
|
574
576
|
|
|
575
|
-
var css$
|
|
577
|
+
var css$1n = "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)}}";
|
|
576
578
|
|
|
577
579
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
578
580
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -799,12 +801,12 @@ function defineOverlay(tag, kind) {
|
|
|
799
801
|
}
|
|
800
802
|
}
|
|
801
803
|
return UsaOverlay;
|
|
802
|
-
}, { id: 'overlay', text: css$
|
|
804
|
+
}, { id: 'overlay', text: css$1n });
|
|
803
805
|
}
|
|
804
806
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
805
807
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
806
808
|
|
|
807
|
-
var css$
|
|
809
|
+
var css$1m = "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}}";
|
|
808
810
|
|
|
809
811
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
810
812
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -975,7 +977,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
975
977
|
}
|
|
976
978
|
}
|
|
977
979
|
return UsaToastStack;
|
|
978
|
-
}, { id: 'toast', text: css$
|
|
980
|
+
}, { id: 'toast', text: css$1m });
|
|
979
981
|
}
|
|
980
982
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
981
983
|
function stackToast(input, stack) {
|
|
@@ -1003,7 +1005,7 @@ function installToastTriggers() {
|
|
|
1003
1005
|
});
|
|
1004
1006
|
}
|
|
1005
1007
|
|
|
1006
|
-
var css$
|
|
1008
|
+
var css$1l = "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)}}";
|
|
1007
1009
|
|
|
1008
1010
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
1009
1011
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1142,10 +1144,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1142
1144
|
}
|
|
1143
1145
|
}
|
|
1144
1146
|
return UsaMenu;
|
|
1145
|
-
}, { id: 'menu', text: css$
|
|
1147
|
+
}, { id: 'menu', text: css$1l });
|
|
1146
1148
|
}
|
|
1147
1149
|
|
|
1148
|
-
var css$
|
|
1150
|
+
var css$1k = "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}}";
|
|
1149
1151
|
|
|
1150
1152
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1151
1153
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1285,7 +1287,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1285
1287
|
}
|
|
1286
1288
|
}
|
|
1287
1289
|
return UsaProgressRing;
|
|
1288
|
-
}, { id: 'meters', text: css$
|
|
1290
|
+
}, { id: 'meters', text: css$1k });
|
|
1289
1291
|
}
|
|
1290
1292
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1291
1293
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1395,10 +1397,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1395
1397
|
}
|
|
1396
1398
|
}
|
|
1397
1399
|
return UsaOdometer;
|
|
1398
|
-
}, { id: 'meters', text: css$
|
|
1400
|
+
}, { id: 'meters', text: css$1k });
|
|
1399
1401
|
}
|
|
1400
1402
|
|
|
1401
|
-
var css$
|
|
1403
|
+
var css$1j = "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}}";
|
|
1402
1404
|
|
|
1403
1405
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1404
1406
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1513,10 +1515,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1513
1515
|
}
|
|
1514
1516
|
}
|
|
1515
1517
|
return UsaSkeletonReveal;
|
|
1516
|
-
}, { id: 'skeleton-reveal', text: css$
|
|
1518
|
+
}, { id: 'skeleton-reveal', text: css$1j });
|
|
1517
1519
|
}
|
|
1518
1520
|
|
|
1519
|
-
var css$
|
|
1521
|
+
var css$1i = "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}}";
|
|
1520
1522
|
|
|
1521
1523
|
const PATHS = {
|
|
1522
1524
|
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',
|
|
@@ -1653,10 +1655,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1653
1655
|
}
|
|
1654
1656
|
UsaStarRating.formAssociated = true;
|
|
1655
1657
|
return UsaStarRating;
|
|
1656
|
-
}, { id: 'star-rating', text: css$
|
|
1658
|
+
}, { id: 'star-rating', text: css$1i });
|
|
1657
1659
|
}
|
|
1658
1660
|
|
|
1659
|
-
var css$
|
|
1661
|
+
var css$1h = "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}}";
|
|
1660
1662
|
|
|
1661
1663
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1662
1664
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1744,10 +1746,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1744
1746
|
}
|
|
1745
1747
|
}
|
|
1746
1748
|
return UsaMilestones;
|
|
1747
|
-
}, { id: 'milestones', text: css$
|
|
1749
|
+
}, { id: 'milestones', text: css$1h });
|
|
1748
1750
|
}
|
|
1749
1751
|
|
|
1750
|
-
var css$
|
|
1752
|
+
var css$1g = "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}";
|
|
1751
1753
|
|
|
1752
1754
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1753
1755
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1868,10 +1870,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1868
1870
|
}
|
|
1869
1871
|
}
|
|
1870
1872
|
return UsaMasonryFlow;
|
|
1871
|
-
}, { id: 'masonry-flow', text: css$
|
|
1873
|
+
}, { id: 'masonry-flow', text: css$1g });
|
|
1872
1874
|
}
|
|
1873
1875
|
|
|
1874
|
-
var css$
|
|
1876
|
+
var css$1f = "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}";
|
|
1875
1877
|
|
|
1876
1878
|
function defineCompare(tag = 'usa-compare') {
|
|
1877
1879
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1995,10 +1997,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1995
1997
|
}
|
|
1996
1998
|
}
|
|
1997
1999
|
return UsaCompare;
|
|
1998
|
-
}, { id: 'compare', text: css$
|
|
2000
|
+
}, { id: 'compare', text: css$1f });
|
|
1999
2001
|
}
|
|
2000
2002
|
|
|
2001
|
-
var css$
|
|
2003
|
+
var css$1e = "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}";
|
|
2002
2004
|
|
|
2003
2005
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
2004
2006
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2131,10 +2133,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2131
2133
|
}
|
|
2132
2134
|
}
|
|
2133
2135
|
return UsaCubeGallery;
|
|
2134
|
-
}, { id: 'cube-gallery', text: css$
|
|
2136
|
+
}, { id: 'cube-gallery', text: css$1e });
|
|
2135
2137
|
}
|
|
2136
2138
|
|
|
2137
|
-
var css$
|
|
2139
|
+
var css$1d = "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}}";
|
|
2138
2140
|
|
|
2139
2141
|
function defineDock(tag = 'usa-dock') {
|
|
2140
2142
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2202,10 +2204,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2202
2204
|
}
|
|
2203
2205
|
}
|
|
2204
2206
|
return UsaDock;
|
|
2205
|
-
}, { id: 'dock', text: css$
|
|
2207
|
+
}, { id: 'dock', text: css$1d });
|
|
2206
2208
|
}
|
|
2207
2209
|
|
|
2208
|
-
var css$
|
|
2210
|
+
var css$1c = "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)}";
|
|
2209
2211
|
|
|
2210
2212
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2211
2213
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2309,10 +2311,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2309
2311
|
}
|
|
2310
2312
|
}
|
|
2311
2313
|
return UsaNavMorph;
|
|
2312
|
-
}, { id: 'nav-morph', text: css$
|
|
2314
|
+
}, { id: 'nav-morph', text: css$1c });
|
|
2313
2315
|
}
|
|
2314
2316
|
|
|
2315
|
-
var css$
|
|
2317
|
+
var css$1b = "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}";
|
|
2316
2318
|
|
|
2317
2319
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2318
2320
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2385,10 +2387,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2385
2387
|
}
|
|
2386
2388
|
}
|
|
2387
2389
|
return UsaMenuToggle;
|
|
2388
|
-
}, { id: 'menu-toggle', text: css$
|
|
2390
|
+
}, { id: 'menu-toggle', text: css$1b });
|
|
2389
2391
|
}
|
|
2390
2392
|
|
|
2391
|
-
var css$
|
|
2393
|
+
var css$1a = "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)}";
|
|
2392
2394
|
|
|
2393
2395
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2394
2396
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2520,10 +2522,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2520
2522
|
}
|
|
2521
2523
|
}
|
|
2522
2524
|
return UsaTip;
|
|
2523
|
-
}, { id: 'tip', text: css$
|
|
2525
|
+
}, { id: 'tip', text: css$1a });
|
|
2524
2526
|
}
|
|
2525
2527
|
|
|
2526
|
-
var css$
|
|
2528
|
+
var css$19 = "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}}";
|
|
2527
2529
|
|
|
2528
2530
|
function defineStepper(tag = 'usa-stepper') {
|
|
2529
2531
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2620,10 +2622,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2620
2622
|
}
|
|
2621
2623
|
}
|
|
2622
2624
|
return UsaStepper;
|
|
2623
|
-
}, { id: 'stepper', text: css$
|
|
2625
|
+
}, { id: 'stepper', text: css$19 });
|
|
2624
2626
|
}
|
|
2625
2627
|
|
|
2626
|
-
var css$
|
|
2628
|
+
var css$18 = "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}}";
|
|
2627
2629
|
|
|
2628
2630
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2629
2631
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2745,10 +2747,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2745
2747
|
}
|
|
2746
2748
|
}
|
|
2747
2749
|
return UsaPagination;
|
|
2748
|
-
}, { id: 'pagination', text: css$
|
|
2750
|
+
}, { id: 'pagination', text: css$18 });
|
|
2749
2751
|
}
|
|
2750
2752
|
|
|
2751
|
-
var css$
|
|
2753
|
+
var css$17 = "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}}";
|
|
2752
2754
|
|
|
2753
2755
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2754
2756
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2842,10 +2844,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2842
2844
|
}
|
|
2843
2845
|
}
|
|
2844
2846
|
return UsaSegmented;
|
|
2845
|
-
}, { id: 'segmented', text: css$
|
|
2847
|
+
}, { id: 'segmented', text: css$17 });
|
|
2846
2848
|
}
|
|
2847
2849
|
|
|
2848
|
-
var css$
|
|
2850
|
+
var css$16 = "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}}";
|
|
2849
2851
|
|
|
2850
2852
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2851
2853
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2933,10 +2935,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2933
2935
|
}
|
|
2934
2936
|
}
|
|
2935
2937
|
return UsaSwitch;
|
|
2936
|
-
}, { id: 'switch', text: css$
|
|
2938
|
+
}, { id: 'switch', text: css$16 });
|
|
2937
2939
|
}
|
|
2938
2940
|
|
|
2939
|
-
var css$
|
|
2941
|
+
var css$15 = "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}}";
|
|
2940
2942
|
|
|
2941
2943
|
function defineKanban(tag = 'usa-kanban') {
|
|
2942
2944
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3141,10 +3143,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3141
3143
|
}
|
|
3142
3144
|
}
|
|
3143
3145
|
return UsaKanban;
|
|
3144
|
-
}, { id: 'kanban', text: css$
|
|
3146
|
+
}, { id: 'kanban', text: css$15 });
|
|
3145
3147
|
}
|
|
3146
3148
|
|
|
3147
|
-
var css$
|
|
3149
|
+
var css$14 = "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}}";
|
|
3148
3150
|
|
|
3149
3151
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3150
3152
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3286,10 +3288,10 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3286
3288
|
}
|
|
3287
3289
|
}
|
|
3288
3290
|
return UsaSwipeDeck;
|
|
3289
|
-
}, { id: 'swipe-deck', text: css$
|
|
3291
|
+
}, { id: 'swipe-deck', text: css$14 });
|
|
3290
3292
|
}
|
|
3291
3293
|
|
|
3292
|
-
var css
|
|
3294
|
+
var css$13 = "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}}";
|
|
3293
3295
|
|
|
3294
3296
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3295
3297
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
@@ -3370,10 +3372,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3370
3372
|
}
|
|
3371
3373
|
}
|
|
3372
3374
|
return UsaWeatherCard;
|
|
3373
|
-
}, { id: 'weather-card', text: css
|
|
3375
|
+
}, { id: 'weather-card', text: css$13 });
|
|
3374
3376
|
}
|
|
3375
3377
|
|
|
3376
|
-
var css$
|
|
3378
|
+
var css$12 = "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}}";
|
|
3377
3379
|
|
|
3378
3380
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3379
3381
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3502,10 +3504,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3502
3504
|
}
|
|
3503
3505
|
}
|
|
3504
3506
|
return UsaPullCord;
|
|
3505
|
-
}, { id: 'pull-cord', text: css$
|
|
3507
|
+
}, { id: 'pull-cord', text: css$12 });
|
|
3506
3508
|
}
|
|
3507
3509
|
|
|
3508
|
-
var css$
|
|
3510
|
+
var css$11 = "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}}";
|
|
3509
3511
|
|
|
3510
3512
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3511
3513
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3654,10 +3656,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3654
3656
|
}
|
|
3655
3657
|
}
|
|
3656
3658
|
return UsaDatePicker;
|
|
3657
|
-
}, { id: 'date-picker', text: css$
|
|
3659
|
+
}, { id: 'date-picker', text: css$11 });
|
|
3658
3660
|
}
|
|
3659
3661
|
|
|
3660
|
-
var css$
|
|
3662
|
+
var css$10 = "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}}";
|
|
3661
3663
|
|
|
3662
3664
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3663
3665
|
function hsvToHex(h, s, v) {
|
|
@@ -3777,10 +3779,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3777
3779
|
}
|
|
3778
3780
|
}
|
|
3779
3781
|
return UsaColorPicker;
|
|
3780
|
-
}, { id: 'color-picker', text: css$
|
|
3782
|
+
}, { id: 'color-picker', text: css$10 });
|
|
3781
3783
|
}
|
|
3782
3784
|
|
|
3783
|
-
var css
|
|
3785
|
+
var css$$ = "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}}";
|
|
3784
3786
|
|
|
3785
3787
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3786
3788
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3881,10 +3883,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3881
3883
|
}
|
|
3882
3884
|
}
|
|
3883
3885
|
return UsaFileDrop;
|
|
3884
|
-
}, { id: 'file-drop', text: css
|
|
3886
|
+
}, { id: 'file-drop', text: css$$ });
|
|
3885
3887
|
}
|
|
3886
3888
|
|
|
3887
|
-
var css$
|
|
3889
|
+
var css$_ = "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}}";
|
|
3888
3890
|
|
|
3889
3891
|
const DEFAULT = {
|
|
3890
3892
|
format: player.ANIMATION_FORMAT,
|
|
@@ -4058,12 +4060,12 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4058
4060
|
}
|
|
4059
4061
|
}
|
|
4060
4062
|
return UsaKeyframeEditor;
|
|
4061
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4063
|
+
}, { id: 'keyframe-editor', text: css$_ });
|
|
4062
4064
|
}
|
|
4063
4065
|
|
|
4064
|
-
var css$
|
|
4066
|
+
var css$Z = "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}}";
|
|
4065
4067
|
|
|
4066
|
-
const fmt = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4068
|
+
const fmt$1 = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4067
4069
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
4068
4070
|
return base.defineElement(tag, (Base) => {
|
|
4069
4071
|
class UsaMusicPlayer extends Base {
|
|
@@ -4167,14 +4169,14 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4167
4169
|
this.style.setProperty('--usa-mp-p', String(clampN(t / d, 0, 1)));
|
|
4168
4170
|
const cur = this.querySelector('.usa-mp-cur');
|
|
4169
4171
|
if (cur)
|
|
4170
|
-
cur.textContent = fmt(t);
|
|
4172
|
+
cur.textContent = fmt$1(t);
|
|
4171
4173
|
const dur = this.querySelector('.usa-mp-dur');
|
|
4172
4174
|
if (dur)
|
|
4173
|
-
dur.textContent = fmt(d);
|
|
4175
|
+
dur.textContent = fmt$1(d);
|
|
4174
4176
|
const tr = this.querySelector('.usa-mp-track');
|
|
4175
4177
|
tr?.setAttribute('aria-valuemax', String(Math.round(d)));
|
|
4176
4178
|
tr?.setAttribute('aria-valuenow', String(Math.round(t)));
|
|
4177
|
-
tr?.setAttribute('aria-valuetext', `${fmt(t)} of ${fmt(d)}`);
|
|
4179
|
+
tr?.setAttribute('aria-valuetext', `${fmt$1(t)} of ${fmt$1(d)}`);
|
|
4178
4180
|
this.toggleAttribute('data-playing', this._playing);
|
|
4179
4181
|
this.toggleAttribute('data-animate', this._playing && !this.reduced);
|
|
4180
4182
|
const b = this.querySelector('.usa-mp-play');
|
|
@@ -4222,10 +4224,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4222
4224
|
}
|
|
4223
4225
|
}
|
|
4224
4226
|
return UsaMusicPlayer;
|
|
4225
|
-
}, { id: 'music-player', text: css$
|
|
4227
|
+
}, { id: 'music-player', text: css$Z });
|
|
4226
4228
|
}
|
|
4227
4229
|
|
|
4228
|
-
var css$
|
|
4230
|
+
var css$Y = "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}}";
|
|
4229
4231
|
|
|
4230
4232
|
const ARC = 270;
|
|
4231
4233
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4316,10 +4318,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4316
4318
|
}
|
|
4317
4319
|
}
|
|
4318
4320
|
return UsaVolumeKnob;
|
|
4319
|
-
}, { id: 'volume-knob', text: css$
|
|
4321
|
+
}, { id: 'volume-knob', text: css$Y });
|
|
4320
4322
|
}
|
|
4321
4323
|
|
|
4322
|
-
var css$
|
|
4324
|
+
var css$X = "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}}";
|
|
4323
4325
|
|
|
4324
4326
|
const EQ_PRESETS = {
|
|
4325
4327
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4417,10 +4419,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4417
4419
|
}
|
|
4418
4420
|
}
|
|
4419
4421
|
return UsaEqualizer;
|
|
4420
|
-
}, { id: 'equalizer', text: css$
|
|
4422
|
+
}, { id: 'equalizer', text: css$X });
|
|
4421
4423
|
}
|
|
4422
4424
|
|
|
4423
|
-
var css$
|
|
4425
|
+
var css$W = "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}}";
|
|
4424
4426
|
|
|
4425
4427
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4426
4428
|
function parseLRC(src) {
|
|
@@ -4532,10 +4534,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4532
4534
|
}
|
|
4533
4535
|
}
|
|
4534
4536
|
return UsaLyrics;
|
|
4535
|
-
}, { id: 'lyrics', text: css$
|
|
4537
|
+
}, { id: 'lyrics', text: css$W });
|
|
4536
4538
|
}
|
|
4537
4539
|
|
|
4538
|
-
var css$
|
|
4540
|
+
var css$V = "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}}";
|
|
4539
4541
|
|
|
4540
4542
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4541
4543
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4629,10 +4631,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4629
4631
|
}
|
|
4630
4632
|
}
|
|
4631
4633
|
return UsaBarChart;
|
|
4632
|
-
}, { id: 'bar-chart', text: css$
|
|
4634
|
+
}, { id: 'bar-chart', text: css$V });
|
|
4633
4635
|
}
|
|
4634
4636
|
|
|
4635
|
-
var css$
|
|
4637
|
+
var css$U = "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)}";
|
|
4636
4638
|
|
|
4637
4639
|
function defineGauge(tag = 'usa-gauge') {
|
|
4638
4640
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4717,10 +4719,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4717
4719
|
}
|
|
4718
4720
|
}
|
|
4719
4721
|
return UsaGauge;
|
|
4720
|
-
}, { id: 'gauge', text: css$
|
|
4722
|
+
}, { id: 'gauge', text: css$U });
|
|
4721
4723
|
}
|
|
4722
4724
|
|
|
4723
|
-
var css$
|
|
4725
|
+
var css$T = "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}}";
|
|
4724
4726
|
|
|
4725
4727
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4726
4728
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4843,7 +4845,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4843
4845
|
}
|
|
4844
4846
|
}
|
|
4845
4847
|
return UsaSparkline;
|
|
4846
|
-
}, { id: 'sparkline', text: css$
|
|
4848
|
+
}, { id: 'sparkline', text: css$T });
|
|
4847
4849
|
}
|
|
4848
4850
|
|
|
4849
4851
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4856,7 +4858,7 @@ function parseFigureText(s) {
|
|
|
4856
4858
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4857
4859
|
}
|
|
4858
4860
|
|
|
4859
|
-
var css$
|
|
4861
|
+
var css$S = "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}";
|
|
4860
4862
|
|
|
4861
4863
|
function defineKpi(tag = 'usa-kpi') {
|
|
4862
4864
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4936,10 +4938,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4936
4938
|
}
|
|
4937
4939
|
}
|
|
4938
4940
|
return UsaKpi;
|
|
4939
|
-
}, { id: 'kpi', text: css$
|
|
4941
|
+
}, { id: 'kpi', text: css$S });
|
|
4940
4942
|
}
|
|
4941
4943
|
|
|
4942
|
-
var css$
|
|
4944
|
+
var css$R = "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}}";
|
|
4943
4945
|
|
|
4944
4946
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4945
4947
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4984,10 +4986,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4984
4986
|
}
|
|
4985
4987
|
}
|
|
4986
4988
|
return UsaAddToCart;
|
|
4987
|
-
}, { id: 'add-to-cart', text: css$
|
|
4989
|
+
}, { id: 'add-to-cart', text: css$R });
|
|
4988
4990
|
}
|
|
4989
4991
|
|
|
4990
|
-
var css$
|
|
4992
|
+
var css$Q = "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}";
|
|
4991
4993
|
|
|
4992
4994
|
/** Cart total (7.3). */
|
|
4993
4995
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5152,10 +5154,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5152
5154
|
}
|
|
5153
5155
|
}
|
|
5154
5156
|
return UsaCartDrawer;
|
|
5155
|
-
}, { id: 'cart-drawer', text: css$
|
|
5157
|
+
}, { id: 'cart-drawer', text: css$Q });
|
|
5156
5158
|
}
|
|
5157
5159
|
|
|
5158
|
-
var css$
|
|
5160
|
+
var css$P = "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}}";
|
|
5159
5161
|
|
|
5160
5162
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5161
5163
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5269,10 +5271,10 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5269
5271
|
}
|
|
5270
5272
|
}
|
|
5271
5273
|
return UsaProductGallery;
|
|
5272
|
-
}, { id: 'product-gallery', text: css$
|
|
5274
|
+
}, { id: 'product-gallery', text: css$P });
|
|
5273
5275
|
}
|
|
5274
5276
|
|
|
5275
|
-
var css$
|
|
5277
|
+
var css$O = "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)}";
|
|
5276
5278
|
|
|
5277
5279
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5278
5280
|
function splitTime(sec) {
|
|
@@ -5360,10 +5362,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5360
5362
|
}
|
|
5361
5363
|
}
|
|
5362
5364
|
return UsaCountdown;
|
|
5363
|
-
}, { id: 'countdown', text: css$
|
|
5365
|
+
}, { id: 'countdown', text: css$O });
|
|
5364
5366
|
}
|
|
5365
5367
|
|
|
5366
|
-
var css$
|
|
5368
|
+
var css$N = "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}}";
|
|
5367
5369
|
|
|
5368
5370
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5369
5371
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5450,10 +5452,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5450
5452
|
}
|
|
5451
5453
|
}
|
|
5452
5454
|
return UsaMessageList;
|
|
5453
|
-
}, { id: 'message-list', text: css$
|
|
5455
|
+
}, { id: 'message-list', text: css$N });
|
|
5454
5456
|
}
|
|
5455
5457
|
|
|
5456
|
-
var css$
|
|
5458
|
+
var css$M = "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}";
|
|
5457
5459
|
|
|
5458
5460
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5459
5461
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5555,10 +5557,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5555
5557
|
}
|
|
5556
5558
|
}
|
|
5557
5559
|
return UsaReactions;
|
|
5558
|
-
}, { id: 'reactions', text: css$
|
|
5560
|
+
}, { id: 'reactions', text: css$M });
|
|
5559
5561
|
}
|
|
5560
5562
|
|
|
5561
|
-
var css$
|
|
5563
|
+
var css$L = "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}";
|
|
5562
5564
|
|
|
5563
5565
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5564
5566
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5653,10 +5655,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5653
5655
|
}
|
|
5654
5656
|
}
|
|
5655
5657
|
return UsaNotificationBell;
|
|
5656
|
-
}, { id: 'notification-bell', text: css$
|
|
5658
|
+
}, { id: 'notification-bell', text: css$L });
|
|
5657
5659
|
}
|
|
5658
5660
|
|
|
5659
|
-
var css$
|
|
5661
|
+
var css$K = "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}}";
|
|
5660
5662
|
|
|
5661
5663
|
/** Presence states (7.4). */
|
|
5662
5664
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5726,10 +5728,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5726
5728
|
}
|
|
5727
5729
|
}
|
|
5728
5730
|
return UsaPresence;
|
|
5729
|
-
}, { id: 'presence', text: css$
|
|
5731
|
+
}, { id: 'presence', text: css$K });
|
|
5730
5732
|
}
|
|
5731
5733
|
|
|
5732
|
-
var css$
|
|
5734
|
+
var css$J = "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)}";
|
|
5733
5735
|
|
|
5734
5736
|
/** Sort rows by score desc, then name (7.5). */
|
|
5735
5737
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5838,10 +5840,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5838
5840
|
}
|
|
5839
5841
|
}
|
|
5840
5842
|
return UsaLeaderboard;
|
|
5841
|
-
}, { id: 'leaderboard', text: css$
|
|
5843
|
+
}, { id: 'leaderboard', text: css$J });
|
|
5842
5844
|
}
|
|
5843
5845
|
|
|
5844
|
-
var css$
|
|
5846
|
+
var css$I = "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)}";
|
|
5845
5847
|
|
|
5846
5848
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5847
5849
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5938,10 +5940,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5938
5940
|
}
|
|
5939
5941
|
}
|
|
5940
5942
|
return UsaXpBar;
|
|
5941
|
-
}, { id: 'xp-bar', text: css$
|
|
5943
|
+
}, { id: 'xp-bar', text: css$I });
|
|
5942
5944
|
}
|
|
5943
5945
|
|
|
5944
|
-
var css$
|
|
5946
|
+
var css$H = "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}}";
|
|
5945
5947
|
|
|
5946
5948
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5947
5949
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -6008,10 +6010,10 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
6008
6010
|
}
|
|
6009
6011
|
}
|
|
6010
6012
|
return UsaBadgeWall;
|
|
6011
|
-
}, { id: 'badge-wall', text: css$
|
|
6013
|
+
}, { id: 'badge-wall', text: css$H });
|
|
6012
6014
|
}
|
|
6013
6015
|
|
|
6014
|
-
var css$
|
|
6016
|
+
var css$G = "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)}";
|
|
6015
6017
|
|
|
6016
6018
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6017
6019
|
function wheelAngle(index, count, turns = 5) {
|
|
@@ -6091,10 +6093,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6091
6093
|
}
|
|
6092
6094
|
}
|
|
6093
6095
|
return UsaPrizeWheel;
|
|
6094
|
-
}, { id: 'prize-wheel', text: css$
|
|
6096
|
+
}, { id: 'prize-wheel', text: css$G });
|
|
6095
6097
|
}
|
|
6096
6098
|
|
|
6097
|
-
var css$
|
|
6099
|
+
var css$F = "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}}";
|
|
6098
6100
|
|
|
6099
6101
|
const RAD = Math.PI / 180;
|
|
6100
6102
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6251,10 +6253,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6251
6253
|
}
|
|
6252
6254
|
}
|
|
6253
6255
|
return UsaGlobe;
|
|
6254
|
-
}, { id: 'globe', text: css$
|
|
6256
|
+
}, { id: 'globe', text: css$F });
|
|
6255
6257
|
}
|
|
6256
6258
|
|
|
6257
|
-
var css$
|
|
6259
|
+
var css$E = "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}";
|
|
6258
6260
|
|
|
6259
6261
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6260
6262
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6328,10 +6330,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6328
6330
|
}
|
|
6329
6331
|
}
|
|
6330
6332
|
return UsaLocationCard;
|
|
6331
|
-
}, { id: 'location-card', text: css$
|
|
6333
|
+
}, { id: 'location-card', text: css$E });
|
|
6332
6334
|
}
|
|
6333
6335
|
|
|
6334
|
-
var css$
|
|
6336
|
+
var css$D = "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}}";
|
|
6335
6337
|
|
|
6336
6338
|
/** 0–4 password strength score with a label (7.7). */
|
|
6337
6339
|
function passwordStrength(pw) {
|
|
@@ -6457,10 +6459,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6457
6459
|
}
|
|
6458
6460
|
}
|
|
6459
6461
|
return UsaField;
|
|
6460
|
-
}, { id: 'field', text: css$
|
|
6462
|
+
}, { id: 'field', text: css$D });
|
|
6461
6463
|
}
|
|
6462
6464
|
|
|
6463
|
-
var css$
|
|
6465
|
+
var css$C = "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}}";
|
|
6464
6466
|
|
|
6465
6467
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6466
6468
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6591,10 +6593,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6591
6593
|
}
|
|
6592
6594
|
}
|
|
6593
6595
|
return UsaOtp;
|
|
6594
|
-
}, { id: 'otp', text: css$
|
|
6596
|
+
}, { id: 'otp', text: css$C });
|
|
6595
6597
|
}
|
|
6596
6598
|
|
|
6597
|
-
var css$
|
|
6599
|
+
var css$B = "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}}";
|
|
6598
6600
|
|
|
6599
6601
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6600
6602
|
function formatBytes(n) {
|
|
@@ -6677,10 +6679,10 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6677
6679
|
}
|
|
6678
6680
|
}
|
|
6679
6681
|
return UsaUploadProgress;
|
|
6680
|
-
}, { id: 'upload-progress', text: css$
|
|
6682
|
+
}, { id: 'upload-progress', text: css$B });
|
|
6681
6683
|
}
|
|
6682
6684
|
|
|
6683
|
-
var css$
|
|
6685
|
+
var css$A = "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}}";
|
|
6684
6686
|
|
|
6685
6687
|
const esc$c = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6686
6688
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
@@ -6778,10 +6780,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6778
6780
|
}
|
|
6779
6781
|
}
|
|
6780
6782
|
return UsaChatComposer;
|
|
6781
|
-
}, { id: 'chat-composer', text: css$
|
|
6783
|
+
}, { id: 'chat-composer', text: css$A });
|
|
6782
6784
|
}
|
|
6783
6785
|
|
|
6784
|
-
var css$
|
|
6786
|
+
var css$z = "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}}";
|
|
6785
6787
|
|
|
6786
6788
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6787
6789
|
function parseChips(s) {
|
|
@@ -6866,10 +6868,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6866
6868
|
}
|
|
6867
6869
|
}
|
|
6868
6870
|
return UsaSuggestionChips;
|
|
6869
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6871
|
+
}, { id: 'suggestion-chips', text: css$z });
|
|
6870
6872
|
}
|
|
6871
6873
|
|
|
6872
|
-
var css$
|
|
6874
|
+
var css$y = "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}}";
|
|
6873
6875
|
|
|
6874
6876
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6875
6877
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6941,10 +6943,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6941
6943
|
}
|
|
6942
6944
|
}
|
|
6943
6945
|
return UsaVoiceButton;
|
|
6944
|
-
}, { id: 'voice-button', text: css$
|
|
6946
|
+
}, { id: 'voice-button', text: css$y });
|
|
6945
6947
|
}
|
|
6946
6948
|
|
|
6947
|
-
var css$
|
|
6949
|
+
var css$x = "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)}";
|
|
6948
6950
|
|
|
6949
6951
|
/**
|
|
6950
6952
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -7203,10 +7205,10 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7203
7205
|
}
|
|
7204
7206
|
}
|
|
7205
7207
|
return UsaCommandPalette;
|
|
7206
|
-
}, { id: 'command-palette', text: css$
|
|
7208
|
+
}, { id: 'command-palette', text: css$x });
|
|
7207
7209
|
}
|
|
7208
7210
|
|
|
7209
|
-
var css$
|
|
7211
|
+
var css$w = "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}";
|
|
7210
7212
|
|
|
7211
7213
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7212
7214
|
const esc$9 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
@@ -7257,10 +7259,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7257
7259
|
}
|
|
7258
7260
|
}
|
|
7259
7261
|
return UsaShortcut;
|
|
7260
|
-
}, { id: 'shortcut', text: css$
|
|
7262
|
+
}, { id: 'shortcut', text: css$w });
|
|
7261
7263
|
}
|
|
7262
7264
|
|
|
7263
|
-
var css$
|
|
7265
|
+
var css$v = "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}}";
|
|
7264
7266
|
|
|
7265
7267
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7266
7268
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7319,10 +7321,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7319
7321
|
}
|
|
7320
7322
|
}
|
|
7321
7323
|
return UsaClockControl;
|
|
7322
|
-
}, { id: 'clock-control', text: css$
|
|
7324
|
+
}, { id: 'clock-control', text: css$v });
|
|
7323
7325
|
}
|
|
7324
7326
|
|
|
7325
|
-
var css$
|
|
7327
|
+
var css$u = "usa-hydrate{display:block}";
|
|
7326
7328
|
|
|
7327
7329
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7328
7330
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7358,10 +7360,10 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7358
7360
|
}
|
|
7359
7361
|
}
|
|
7360
7362
|
return UsaHydrate;
|
|
7361
|
-
}, { id: 'hydrate', text: css$
|
|
7363
|
+
}, { id: 'hydrate', text: css$u });
|
|
7362
7364
|
}
|
|
7363
7365
|
|
|
7364
|
-
var css$
|
|
7366
|
+
var css$t = "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}}";
|
|
7365
7367
|
|
|
7366
7368
|
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7367
7369
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
@@ -7425,10 +7427,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7425
7427
|
}
|
|
7426
7428
|
}
|
|
7427
7429
|
return UsaRedEnvelope;
|
|
7428
|
-
}, { id: 'red-envelope', text: css$
|
|
7430
|
+
}, { id: 'red-envelope', text: css$t });
|
|
7429
7431
|
}
|
|
7430
7432
|
|
|
7431
|
-
var css$
|
|
7433
|
+
var css$s = "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}}";
|
|
7432
7434
|
|
|
7433
7435
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7434
7436
|
const SCENES = {
|
|
@@ -7476,10 +7478,10 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7476
7478
|
}
|
|
7477
7479
|
}
|
|
7478
7480
|
return UsaFestivalBanner;
|
|
7479
|
-
}, { id: 'festival-banner', text: css$
|
|
7481
|
+
}, { id: 'festival-banner', text: css$s });
|
|
7480
7482
|
}
|
|
7481
7483
|
|
|
7482
|
-
var css$
|
|
7484
|
+
var css$r = "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}}";
|
|
7483
7485
|
|
|
7484
7486
|
const esc$7 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7485
7487
|
function defineTerminal(tag = 'usa-terminal') {
|
|
@@ -7590,10 +7592,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7590
7592
|
}
|
|
7591
7593
|
}
|
|
7592
7594
|
return UsaTerminal;
|
|
7593
|
-
}, { id: 'terminal', text: css$
|
|
7595
|
+
}, { id: 'terminal', text: css$r });
|
|
7594
7596
|
}
|
|
7595
7597
|
|
|
7596
|
-
var css$
|
|
7598
|
+
var css$q = "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}";
|
|
7597
7599
|
|
|
7598
7600
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7599
7601
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7647,10 +7649,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7647
7649
|
}
|
|
7648
7650
|
}
|
|
7649
7651
|
return UsaRetroButton;
|
|
7650
|
-
}, { id: 'retro-button', text: css$
|
|
7652
|
+
}, { id: 'retro-button', text: css$q });
|
|
7651
7653
|
}
|
|
7652
7654
|
|
|
7653
|
-
var css$
|
|
7655
|
+
var css$p = "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)}";
|
|
7654
7656
|
|
|
7655
7657
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7656
7658
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7689,10 +7691,10 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7689
7691
|
}
|
|
7690
7692
|
}
|
|
7691
7693
|
return UsaOrganicCard;
|
|
7692
|
-
}, { id: 'organic-card', text: css$
|
|
7694
|
+
}, { id: 'organic-card', text: css$p });
|
|
7693
7695
|
}
|
|
7694
7696
|
|
|
7695
|
-
var css$
|
|
7697
|
+
var css$o = "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}";
|
|
7696
7698
|
|
|
7697
7699
|
let uid = 0;
|
|
7698
7700
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
@@ -7773,10 +7775,10 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7773
7775
|
}
|
|
7774
7776
|
}
|
|
7775
7777
|
return UsaLiquidNav;
|
|
7776
|
-
}, { id: 'liquid-nav', text: css$
|
|
7778
|
+
}, { id: 'liquid-nav', text: css$o });
|
|
7777
7779
|
}
|
|
7778
7780
|
|
|
7779
|
-
var css$
|
|
7781
|
+
var css$n = "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}}";
|
|
7780
7782
|
|
|
7781
7783
|
const esc$6 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7782
7784
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
@@ -7825,10 +7827,10 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7825
7827
|
}
|
|
7826
7828
|
}
|
|
7827
7829
|
return UsaHudPanel;
|
|
7828
|
-
}, { id: 'hud-panel', text: css$
|
|
7830
|
+
}, { id: 'hud-panel', text: css$n });
|
|
7829
7831
|
}
|
|
7830
7832
|
|
|
7831
|
-
var css$
|
|
7833
|
+
var css$m = "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)}}";
|
|
7832
7834
|
|
|
7833
7835
|
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7834
7836
|
function parseTargets(s) {
|
|
@@ -7914,10 +7916,10 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7914
7916
|
}
|
|
7915
7917
|
}
|
|
7916
7918
|
return UsaRadar;
|
|
7917
|
-
}, { id: 'radar', text: css$
|
|
7919
|
+
}, { id: 'radar', text: css$m });
|
|
7918
7920
|
}
|
|
7919
7921
|
|
|
7920
|
-
var css$
|
|
7922
|
+
var css$l = "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)}";
|
|
7921
7923
|
|
|
7922
7924
|
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7923
7925
|
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
@@ -7981,10 +7983,10 @@ function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
|
7981
7983
|
}
|
|
7982
7984
|
}
|
|
7983
7985
|
return UsaStickyWall;
|
|
7984
|
-
}, { id: 'sticky-wall', text: css$
|
|
7986
|
+
}, { id: 'sticky-wall', text: css$l });
|
|
7985
7987
|
}
|
|
7986
7988
|
|
|
7987
|
-
var css$
|
|
7989
|
+
var css$k = "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}";
|
|
7988
7990
|
|
|
7989
7991
|
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7990
7992
|
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
@@ -8081,10 +8083,10 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8081
8083
|
}
|
|
8082
8084
|
}
|
|
8083
8085
|
return UsaSketchChart;
|
|
8084
|
-
}, { id: 'sketch-chart', text: css$
|
|
8086
|
+
}, { id: 'sketch-chart', text: css$k });
|
|
8085
8087
|
}
|
|
8086
8088
|
|
|
8087
|
-
var css$
|
|
8089
|
+
var css$j = "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}}";
|
|
8088
8090
|
|
|
8089
8091
|
const NAMES = { light: 'Light', dark: 'Dark', neon: 'Neon', glass: 'Glass', neu: 'Soft' };
|
|
8090
8092
|
function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
@@ -8186,10 +8188,10 @@ function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
|
8186
8188
|
}
|
|
8187
8189
|
}
|
|
8188
8190
|
return UsaThemeSwitcher;
|
|
8189
|
-
}, { id: 'theme-switcher', text: css$
|
|
8191
|
+
}, { id: 'theme-switcher', text: css$j });
|
|
8190
8192
|
}
|
|
8191
8193
|
|
|
8192
|
-
var css$
|
|
8194
|
+
var css$i = "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}}";
|
|
8193
8195
|
|
|
8194
8196
|
function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
8195
8197
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8242,10 +8244,10 @@ function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
|
8242
8244
|
}
|
|
8243
8245
|
}
|
|
8244
8246
|
return UsaThemeSurface;
|
|
8245
|
-
}, { id: 'theme-surface', text: css$
|
|
8247
|
+
}, { id: 'theme-surface', text: css$i });
|
|
8246
8248
|
}
|
|
8247
8249
|
|
|
8248
|
-
var css$
|
|
8250
|
+
var css$h = "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}}";
|
|
8249
8251
|
|
|
8250
8252
|
function defineGyroCard(tag = 'usa-gyro-card') {
|
|
8251
8253
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8326,10 +8328,10 @@ function defineGyroCard(tag = 'usa-gyro-card') {
|
|
|
8326
8328
|
}
|
|
8327
8329
|
}
|
|
8328
8330
|
return UsaGyroCard;
|
|
8329
|
-
}, { id: 'gyro-card', text: css$
|
|
8331
|
+
}, { id: 'gyro-card', text: css$h });
|
|
8330
8332
|
}
|
|
8331
8333
|
|
|
8332
|
-
var css$
|
|
8334
|
+
var css$g = "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}";
|
|
8333
8335
|
|
|
8334
8336
|
function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
8335
8337
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8456,10 +8458,10 @@ function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
|
8456
8458
|
}
|
|
8457
8459
|
}
|
|
8458
8460
|
return UsaGestureSticker;
|
|
8459
|
-
}, { id: 'gesture-sticker', text: css$
|
|
8461
|
+
}, { id: 'gesture-sticker', text: css$g });
|
|
8460
8462
|
}
|
|
8461
8463
|
|
|
8462
|
-
var css$
|
|
8464
|
+
var css$f = "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}";
|
|
8463
8465
|
|
|
8464
8466
|
function definePanorama(tag = 'usa-panorama') {
|
|
8465
8467
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8581,10 +8583,10 @@ function definePanorama(tag = 'usa-panorama') {
|
|
|
8581
8583
|
}
|
|
8582
8584
|
}
|
|
8583
8585
|
return UsaPanorama;
|
|
8584
|
-
}, { id: 'panorama', text: css$
|
|
8586
|
+
}, { id: 'panorama', text: css$f });
|
|
8585
8587
|
}
|
|
8586
8588
|
|
|
8587
|
-
var css$
|
|
8589
|
+
var css$e = "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}}";
|
|
8588
8590
|
|
|
8589
8591
|
function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
8590
8592
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8630,10 +8632,10 @@ function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
|
8630
8632
|
}
|
|
8631
8633
|
}
|
|
8632
8634
|
return UsaSpatialCard;
|
|
8633
|
-
}, { id: 'spatial-card', text: css$
|
|
8635
|
+
}, { id: 'spatial-card', text: css$e });
|
|
8634
8636
|
}
|
|
8635
8637
|
|
|
8636
|
-
var css$
|
|
8638
|
+
var css$d = "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}";
|
|
8637
8639
|
|
|
8638
8640
|
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$)/;
|
|
8639
8641
|
const RUNTIME_CLASS = /^usa-/;
|
|
@@ -8799,10 +8801,10 @@ function defineCodeExport(tag = 'usa-code-export') {
|
|
|
8799
8801
|
}
|
|
8800
8802
|
}
|
|
8801
8803
|
return UsaCodeExport;
|
|
8802
|
-
}, { id: 'code-export', text: css$
|
|
8804
|
+
}, { id: 'code-export', text: css$d });
|
|
8803
8805
|
}
|
|
8804
8806
|
|
|
8805
|
-
var css$
|
|
8807
|
+
var css$c = "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}";
|
|
8806
8808
|
|
|
8807
8809
|
/** "value:number:0:100, theme:select:leaf|ocean, on:boolean" → prop specs (8.9). */
|
|
8808
8810
|
function parseProps(s) {
|
|
@@ -8906,10 +8908,10 @@ function definePropPanel(tag = 'usa-prop-panel') {
|
|
|
8906
8908
|
}
|
|
8907
8909
|
}
|
|
8908
8910
|
return UsaPropPanel;
|
|
8909
|
-
}, { id: 'prop-panel', text: css$
|
|
8911
|
+
}, { id: 'prop-panel', text: css$c });
|
|
8910
8912
|
}
|
|
8911
8913
|
|
|
8912
|
-
var css$
|
|
8914
|
+
var css$b = "usa-motion{display:block}";
|
|
8913
8915
|
|
|
8914
8916
|
function defineMotion(tag = 'usa-motion') {
|
|
8915
8917
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8936,10 +8938,10 @@ function defineMotion(tag = 'usa-motion') {
|
|
|
8936
8938
|
}
|
|
8937
8939
|
}
|
|
8938
8940
|
return UsaMotion;
|
|
8939
|
-
}, { id: 'motion', text: css$
|
|
8941
|
+
}, { id: 'motion', text: css$b });
|
|
8940
8942
|
}
|
|
8941
8943
|
|
|
8942
|
-
var css$
|
|
8944
|
+
var css$a = "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}";
|
|
8943
8945
|
|
|
8944
8946
|
const esc$1 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8945
8947
|
function definePluginStore(tag = 'usa-plugin-store') {
|
|
@@ -9025,10 +9027,10 @@ function definePluginStore(tag = 'usa-plugin-store') {
|
|
|
9025
9027
|
}
|
|
9026
9028
|
}
|
|
9027
9029
|
return UsaPluginStore;
|
|
9028
|
-
}, { id: 'plugin-store', text: css$
|
|
9030
|
+
}, { id: 'plugin-store', text: css$a });
|
|
9029
9031
|
}
|
|
9030
9032
|
|
|
9031
|
-
var css$
|
|
9033
|
+
var css$9 = "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}}";
|
|
9032
9034
|
|
|
9033
9035
|
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
9034
9036
|
function defineChapterNav(tag = 'usa-chapter-nav') {
|
|
@@ -9102,10 +9104,10 @@ function defineChapterNav(tag = 'usa-chapter-nav') {
|
|
|
9102
9104
|
}
|
|
9103
9105
|
}
|
|
9104
9106
|
return UsaChapterNav;
|
|
9105
|
-
}, { id: 'chapter-nav', text: css$
|
|
9107
|
+
}, { id: 'chapter-nav', text: css$9 });
|
|
9106
9108
|
}
|
|
9107
9109
|
|
|
9108
|
-
var css$
|
|
9110
|
+
var css$8 = "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}}";
|
|
9109
9111
|
|
|
9110
9112
|
function defineScene(tag = 'usa-scene') {
|
|
9111
9113
|
return base.defineElement(tag, (Base) => {
|
|
@@ -9179,10 +9181,10 @@ function defineScene(tag = 'usa-scene') {
|
|
|
9179
9181
|
}
|
|
9180
9182
|
}
|
|
9181
9183
|
return UsaScene;
|
|
9182
|
-
}, { id: 'scene', text: css$
|
|
9184
|
+
}, { id: 'scene', text: css$8 });
|
|
9183
9185
|
}
|
|
9184
9186
|
|
|
9185
|
-
var css$
|
|
9187
|
+
var css$7 = "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}";
|
|
9186
9188
|
|
|
9187
9189
|
function defineLottie(tag = 'usa-lottie') {
|
|
9188
9190
|
return base.defineElement(tag, (Base) => {
|
|
@@ -9274,10 +9276,10 @@ function defineLottie(tag = 'usa-lottie') {
|
|
|
9274
9276
|
}
|
|
9275
9277
|
}
|
|
9276
9278
|
return UsaLottie;
|
|
9277
|
-
}, { id: 'lottie', text: css$
|
|
9279
|
+
}, { id: 'lottie', text: css$7 });
|
|
9278
9280
|
}
|
|
9279
9281
|
|
|
9280
|
-
var css$
|
|
9282
|
+
var css$6 = "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%}";
|
|
9281
9283
|
|
|
9282
9284
|
const fill = (r, g, b) => ({ ty: 'fl', c: { k: [r, g, b, 1] } });
|
|
9283
9285
|
const sh = (v, c = true) => ({ ty: 'sh', ks: { k: { v, i: v.map(() => [0, 0]), o: v.map(() => [0, 0]), c } } });
|
|
@@ -9354,10 +9356,10 @@ function defineLottieIcon(tag = 'usa-lottie-icon') {
|
|
|
9354
9356
|
}
|
|
9355
9357
|
}
|
|
9356
9358
|
return UsaLottieIcon;
|
|
9357
|
-
}, { id: 'lottie-icon', text: css$
|
|
9359
|
+
}, { id: 'lottie-icon', text: css$6 });
|
|
9358
9360
|
}
|
|
9359
9361
|
|
|
9360
|
-
var css$
|
|
9362
|
+
var css$5 = "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}";
|
|
9361
9363
|
|
|
9362
9364
|
const ARTS = ['flow', 'circles', 'truchet', 'waves'];
|
|
9363
9365
|
function defineGenArt(tag = 'usa-gen-art') {
|
|
@@ -9537,10 +9539,10 @@ function defineGenArt(tag = 'usa-gen-art') {
|
|
|
9537
9539
|
}
|
|
9538
9540
|
}
|
|
9539
9541
|
return UsaGenArt;
|
|
9540
|
-
}, { id: 'gen-art', text: css$
|
|
9542
|
+
}, { id: 'gen-art', text: css$5 });
|
|
9541
9543
|
}
|
|
9542
9544
|
|
|
9543
|
-
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}";
|
|
9545
|
+
var css$4 = "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}";
|
|
9544
9546
|
|
|
9545
9547
|
const STYLES = ['mesh', 'grain', 'stripes', 'dots'];
|
|
9546
9548
|
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\")";
|
|
@@ -9627,7 +9629,301 @@ function defineBgGenerator(tag = 'usa-bg-generator') {
|
|
|
9627
9629
|
}
|
|
9628
9630
|
}
|
|
9629
9631
|
return UsaBgGenerator;
|
|
9630
|
-
}, { id: 'bg-generator', text: css });
|
|
9632
|
+
}, { id: 'bg-generator', text: css$4 });
|
|
9633
|
+
}
|
|
9634
|
+
|
|
9635
|
+
var css$3 = "usa-video-card{position:relative;display:block;overflow:hidden;border-radius:14px;background:#0f172a;color:#fff;aspect-ratio:16/9;cursor:pointer;outline:none;isolation:isolate}usa-video-card>img,usa-video-card>video,usa-video-card>[data-poster]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 6s ease-out}usa-video-card>video{opacity:0;transition:opacity .35s}usa-video-card[data-previewing]:not([data-noplay])>video{opacity:1}usa-video-card[data-previewing][data-noplay]>img,usa-video-card[data-previewing][data-noplay]>[data-poster]{transform:scale(1.12) translate(-2%,-1%)}usa-video-card>:not([data-usa-part]):not(img):not(video):not([data-poster]){position:absolute;left:0;right:0;bottom:0;margin:0;padding:28px 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.7));font:700 14px/1.2 system-ui,sans-serif}usa-video-card .usa-vc-play{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(255,255,255,.9) url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l9 5-9 5z' fill='%230f172a'/%3E%3C/svg%3E\") center/22px no-repeat;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:transform .3s,opacity .3s;z-index:1}usa-video-card[data-previewing] .usa-vc-play{transform:scale(.7);opacity:0}usa-video-card .usa-vc-time:not(:empty){position:absolute;right:8px;top:8px;padding:2px 6px;border-radius:5px;background:rgba(0,0,0,.65);font:600 11px/1.4 system-ui,sans-serif;z-index:1}usa-video-card .usa-vc-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.2);z-index:1}usa-video-card .usa-vc-bar i{display:block;height:100%;background:#ef4444;transform:scaleX(var(--p,0));transform-origin:0 50%}usa-video-card:focus-visible{box-shadow:0 0 0 3px #6366f1}@media (prefers-reduced-motion:reduce){usa-video-card *{transition:none!important}}";
|
|
9636
|
+
|
|
9637
|
+
const fmt = (s) => (Number.isFinite(s) && s > 0 ? `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}` : '');
|
|
9638
|
+
function defineVideoCard(tag = 'usa-video-card') {
|
|
9639
|
+
return base.defineElement(tag, (Base) => {
|
|
9640
|
+
class UsaVideoCard extends Base {
|
|
9641
|
+
constructor() {
|
|
9642
|
+
super(...arguments);
|
|
9643
|
+
this._on = false;
|
|
9644
|
+
}
|
|
9645
|
+
static get observedAttributes() {
|
|
9646
|
+
return ['label', 'duration'];
|
|
9647
|
+
}
|
|
9648
|
+
get previewing() {
|
|
9649
|
+
return this._on;
|
|
9650
|
+
}
|
|
9651
|
+
mount() {
|
|
9652
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9653
|
+
this.setAttribute('role', 'button');
|
|
9654
|
+
if (!this.hasAttribute('tabindex'))
|
|
9655
|
+
this.tabIndex = 0;
|
|
9656
|
+
const title = this.querySelector('[data-title], h3, h4, figcaption')?.textContent?.trim();
|
|
9657
|
+
this.setAttribute('aria-label', this.str('label', title ? `Play ${title}` : 'Play video'));
|
|
9658
|
+
const v = this.querySelector(':scope video, :scope > .usa-vc-media video');
|
|
9659
|
+
if (v) {
|
|
9660
|
+
v.muted = true;
|
|
9661
|
+
v.playsInline = true;
|
|
9662
|
+
v.loop = true;
|
|
9663
|
+
v.preload = v.preload || 'metadata';
|
|
9664
|
+
v.setAttribute('aria-hidden', 'true');
|
|
9665
|
+
v.tabIndex = -1;
|
|
9666
|
+
}
|
|
9667
|
+
const dur = this.str('duration');
|
|
9668
|
+
this.insertAdjacentHTML('beforeend', `<span class="usa-vc-play" aria-hidden="true" data-usa-part></span><span class="usa-vc-time" data-usa-part>${dur}</span><span class="usa-vc-bar" aria-hidden="true" data-usa-part><i></i></span>`);
|
|
9669
|
+
const time = this.querySelector('.usa-vc-time');
|
|
9670
|
+
const bar = this.querySelector('.usa-vc-bar i');
|
|
9671
|
+
if (v && !dur)
|
|
9672
|
+
this.listen(v, 'loadedmetadata', () => (time.textContent = fmt(v.duration)));
|
|
9673
|
+
if (v)
|
|
9674
|
+
this.listen(v, 'timeupdate', () => v.duration && bar.style.setProperty('--p', String(v.currentTime / v.duration)));
|
|
9675
|
+
const start = () => {
|
|
9676
|
+
if (this._on || this.reduced)
|
|
9677
|
+
return;
|
|
9678
|
+
this._on = true;
|
|
9679
|
+
this.setAttribute('data-previewing', '');
|
|
9680
|
+
const p = v?.play?.();
|
|
9681
|
+
if (p && typeof p.catch === 'function')
|
|
9682
|
+
p.catch(() => this.setAttribute('data-noplay', ''));
|
|
9683
|
+
if (!v)
|
|
9684
|
+
this.setAttribute('data-noplay', '');
|
|
9685
|
+
};
|
|
9686
|
+
const stop = () => {
|
|
9687
|
+
if (!this._on)
|
|
9688
|
+
return;
|
|
9689
|
+
this._on = false;
|
|
9690
|
+
this.removeAttribute('data-previewing');
|
|
9691
|
+
if (v) {
|
|
9692
|
+
v.pause?.();
|
|
9693
|
+
try {
|
|
9694
|
+
v.currentTime = 0;
|
|
9695
|
+
}
|
|
9696
|
+
catch {
|
|
9697
|
+
/* not loaded */
|
|
9698
|
+
}
|
|
9699
|
+
}
|
|
9700
|
+
bar.style.setProperty('--p', '0');
|
|
9701
|
+
};
|
|
9702
|
+
this.listen(this, 'pointerenter', start);
|
|
9703
|
+
this.listen(this, 'pointerleave', stop);
|
|
9704
|
+
this.listen(this, 'focusin', start);
|
|
9705
|
+
this.listen(this, 'focusout', stop);
|
|
9706
|
+
this.listen(this, 'click', () => this.emit('open', { src: v?.currentSrc || v?.getAttribute('src') || '' }));
|
|
9707
|
+
this.listen(this, 'keydown', (e) => {
|
|
9708
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
9709
|
+
e.preventDefault();
|
|
9710
|
+
this.emit('open', { src: v?.currentSrc || v?.getAttribute('src') || '' });
|
|
9711
|
+
}
|
|
9712
|
+
});
|
|
9713
|
+
this.onCleanup(stop);
|
|
9714
|
+
}
|
|
9715
|
+
}
|
|
9716
|
+
return UsaVideoCard;
|
|
9717
|
+
}, { id: 'video-card', text: css$3 });
|
|
9718
|
+
}
|
|
9719
|
+
|
|
9720
|
+
var css$2 = "usa-hero-video{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:260px;padding:24px;overflow:hidden;border-radius:16px;color:#fff;isolation:isolate}usa-hero-video>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;transition:opacity .8s}usa-hero-video[data-ready]:not([data-poster-only])>video{opacity:1}usa-hero-video .usa-hv-poster{position:absolute;inset:-4%;z-index:-3;background:linear-gradient(135deg,#1e1b4b,#7c3aed 45%,#f472b6) center/cover no-repeat}usa-hero-video>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}usa-hero-video[data-poster-only] .usa-hv-poster{animation:usa-hv-kb 18s ease-in-out infinite alternate}usa-hero-video .usa-hv-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.6))}usa-hero-video .usa-hv-toggle{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(0,0,0,.45) url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7 5h4v14H7zM13 5h4v14h-4z'/%3E%3C/svg%3E\") center/16px no-repeat;cursor:pointer}usa-hero-video[data-paused] .usa-hv-toggle{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5l11 7-11 7z'/%3E%3C/svg%3E\")}usa-hero-video .usa-hv-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}@keyframes usa-hv-kb{from{transform:scale(1)}to{transform:scale(1.08) translate(-2%,-1%)}}@media (prefers-reduced-motion:reduce){usa-hero-video .usa-hv-poster{animation:none!important}usa-hero-video>video{transition:none}}";
|
|
9721
|
+
|
|
9722
|
+
function defineHeroVideo(tag = 'usa-hero-video') {
|
|
9723
|
+
return base.defineElement(tag, (Base) => {
|
|
9724
|
+
class UsaHeroVideo extends Base {
|
|
9725
|
+
constructor() {
|
|
9726
|
+
super(...arguments);
|
|
9727
|
+
this._paused = false;
|
|
9728
|
+
}
|
|
9729
|
+
static get observedAttributes() {
|
|
9730
|
+
return ['label', 'scrub', 'poster'];
|
|
9731
|
+
}
|
|
9732
|
+
get paused() {
|
|
9733
|
+
return this._paused;
|
|
9734
|
+
}
|
|
9735
|
+
video() {
|
|
9736
|
+
return this.querySelector(':scope > video');
|
|
9737
|
+
}
|
|
9738
|
+
mount() {
|
|
9739
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9740
|
+
this.setAttribute('role', 'region');
|
|
9741
|
+
this.setAttribute('aria-label', this.str('label', 'Hero'));
|
|
9742
|
+
const v = this.video();
|
|
9743
|
+
const poster = this.str('poster');
|
|
9744
|
+
this.insertAdjacentHTML('afterbegin', `<div class="usa-hv-poster" aria-hidden="true" data-usa-part${poster ? ` style="background-image:url('${poster.replace(/['")\\]/g, '')}')"` : ''}></div><div class="usa-hv-scrim" aria-hidden="true" data-usa-part></div>`);
|
|
9745
|
+
const scrub = this.hasAttribute('scrub');
|
|
9746
|
+
if (!scrub)
|
|
9747
|
+
this.insertAdjacentHTML('beforeend', '<button type="button" class="usa-hv-toggle" aria-label="Pause background video" data-usa-part></button>');
|
|
9748
|
+
if (!v || this.reduced) {
|
|
9749
|
+
this.setAttribute('data-poster-only', '');
|
|
9750
|
+
this._paused = true;
|
|
9751
|
+
v?.removeAttribute('autoplay');
|
|
9752
|
+
v?.pause?.();
|
|
9753
|
+
this.querySelector('.usa-hv-toggle')?.setAttribute('hidden', '');
|
|
9754
|
+
return;
|
|
9755
|
+
}
|
|
9756
|
+
v.muted = true;
|
|
9757
|
+
v.playsInline = true;
|
|
9758
|
+
v.setAttribute('aria-hidden', 'true');
|
|
9759
|
+
this.listen(v, 'canplay', () => this.setAttribute('data-ready', ''));
|
|
9760
|
+
this.listen(v, 'error', () => this.setAttribute('data-poster-only', ''));
|
|
9761
|
+
if (scrub) {
|
|
9762
|
+
v.loop = false;
|
|
9763
|
+
this.onCleanup(components_fxVideo.scrubVideo(v, this));
|
|
9764
|
+
}
|
|
9765
|
+
else {
|
|
9766
|
+
v.loop = true;
|
|
9767
|
+
this.listen(this.querySelector('.usa-hv-toggle'), 'click', () => this.toggle());
|
|
9768
|
+
this.inView((vis) => {
|
|
9769
|
+
if (this._paused)
|
|
9770
|
+
return;
|
|
9771
|
+
if (vis)
|
|
9772
|
+
v.play?.()?.catch?.(() => this.setAttribute('data-poster-only', ''));
|
|
9773
|
+
else
|
|
9774
|
+
v.pause?.();
|
|
9775
|
+
});
|
|
9776
|
+
}
|
|
9777
|
+
}
|
|
9778
|
+
toggle() {
|
|
9779
|
+
const v = this.video();
|
|
9780
|
+
const b = this.querySelector('.usa-hv-toggle');
|
|
9781
|
+
this._paused = !this._paused;
|
|
9782
|
+
if (this._paused)
|
|
9783
|
+
v?.pause?.();
|
|
9784
|
+
else
|
|
9785
|
+
v?.play?.()?.catch?.(() => undefined);
|
|
9786
|
+
b?.setAttribute('aria-label', this._paused ? 'Play background video' : 'Pause background video');
|
|
9787
|
+
this.setFlag('data-paused', this._paused);
|
|
9788
|
+
this.emit(this._paused ? 'pause' : 'play');
|
|
9789
|
+
}
|
|
9790
|
+
}
|
|
9791
|
+
return UsaHeroVideo;
|
|
9792
|
+
}, { id: 'hero-video', text: css$2 });
|
|
9793
|
+
}
|
|
9794
|
+
|
|
9795
|
+
var css$1 = "usa-motion-prefs{display:block;max-width:100%;font:13px/1.35 system-ui,sans-serif;color:#0f172a}usa-motion-prefs .usa-mp{display:grid;gap:10px;margin:0;padding:14px;border:1px solid rgba(15,23,42,.12);border-radius:14px;background:#fff}usa-motion-prefs fieldset{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;margin:0;padding:0;border:0}usa-motion-prefs legend{margin-bottom:6px;font-weight:700}usa-motion-prefs .usa-mp-level{display:flex;gap:6px;align-items:flex-start;padding:8px;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer}usa-motion-prefs .usa-mp-level:has(input:checked){border-color:#6366f1;background:#eef2ff}usa-motion-prefs .usa-mp-level span{display:flex;flex-direction:column}usa-motion-prefs small{color:#64748b}usa-motion-prefs .usa-mp-row{display:flex;gap:8px;align-items:center;font-weight:600}usa-motion-prefs input[type=range]{flex:1;min-width:0;accent-color:#4f46e5}usa-motion-prefs .usa-mp-sample{height:22px;border-radius:999px;background:#f1f5f9;padding:3px;overflow:hidden}usa-motion-prefs .usa-mp-sample i{display:block;width:16px;height:16px;border-radius:50%;background:#4f46e5}usa-motion-prefs .usa-mp-reset{justify-self:start;padding:5px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font:inherit;cursor:pointer}usa-motion-prefs :focus-visible{outline:2px solid #6366f1;outline-offset:2px}";
|
|
9796
|
+
|
|
9797
|
+
const LEVELS = [
|
|
9798
|
+
['full', 'Full', 'All motion'],
|
|
9799
|
+
['gentle', 'Gentle', 'Smaller, softer moves'],
|
|
9800
|
+
['minimal', 'Minimal', 'Fades only'],
|
|
9801
|
+
['static', 'None', 'No animation'],
|
|
9802
|
+
];
|
|
9803
|
+
function defineMotionPrefs(tag = 'usa-motion-prefs') {
|
|
9804
|
+
return base.defineElement(tag, (Base) => {
|
|
9805
|
+
class UsaMotionPrefs extends Base {
|
|
9806
|
+
constructor() {
|
|
9807
|
+
super(...arguments);
|
|
9808
|
+
this._p = components_fxSafe.loadMotionPreferences();
|
|
9809
|
+
}
|
|
9810
|
+
static get observedAttributes() {
|
|
9811
|
+
return ['label'];
|
|
9812
|
+
}
|
|
9813
|
+
get prefs() {
|
|
9814
|
+
return { ...this._p };
|
|
9815
|
+
}
|
|
9816
|
+
mount() {
|
|
9817
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9818
|
+
this._p = components_fxSafe.loadMotionPreferences();
|
|
9819
|
+
const id = `usa-mp-${Math.random().toString(36).slice(2, 7)}`;
|
|
9820
|
+
const p = this._p;
|
|
9821
|
+
this.insertAdjacentHTML('beforeend', `<form class="usa-mp" aria-label="${(this.str('label', 'Motion preferences')).replace(/"/g, '"')}" data-usa-part><fieldset><legend>Motion</legend>${LEVELS.map(([v, l, d]) => `<label class="usa-mp-level"><input type="radio" name="${id}" value="${v}"${p.sensitivity === v ? ' checked' : ''}><span><b>${l}</b><small>${d}</small></span></label>`).join('')}</fieldset><label class="usa-mp-row">Speed <input type="range" min="0.25" max="2" step="0.25" value="${p.speed}" data-k="speed"><output>${p.speed}×</output></label><label class="usa-mp-row"><input type="checkbox" data-k="pauseAutoplay"${p.pauseAutoplay ? ' checked' : ''}> Pause autoplaying video</label><label class="usa-mp-row"><input type="checkbox" data-k="noParallax"${p.noParallax ? ' checked' : ''}> No parallax</label><div class="usa-mp-sample" aria-hidden="true"><i></i></div><button type="button" class="usa-mp-reset">Reset</button></form>`);
|
|
9822
|
+
const form = this.querySelector('form');
|
|
9823
|
+
this.listen(form, 'submit', (e) => e.preventDefault());
|
|
9824
|
+
const read = () => {
|
|
9825
|
+
const lv = form.querySelector(`input[name="${id}"]:checked`)?.value;
|
|
9826
|
+
const sp = Number(form.querySelector('[data-k=speed]').value);
|
|
9827
|
+
form.querySelector('output').textContent = `${sp}×`;
|
|
9828
|
+
this.set({ sensitivity: lv || 'full', speed: sp, pauseAutoplay: form.querySelector('[data-k=pauseAutoplay]').checked, noParallax: form.querySelector('[data-k=noParallax]').checked });
|
|
9829
|
+
};
|
|
9830
|
+
this.listen(form, 'change', read);
|
|
9831
|
+
this.listen(form, 'input', read);
|
|
9832
|
+
this.listen(this.querySelector('.usa-mp-reset'), 'click', () => this.reset());
|
|
9833
|
+
this.sample();
|
|
9834
|
+
}
|
|
9835
|
+
set(p) {
|
|
9836
|
+
this._p = components_fxSafe.applyMotionPreferences(p);
|
|
9837
|
+
this.sample();
|
|
9838
|
+
this.emit('change', { prefs: this.prefs });
|
|
9839
|
+
}
|
|
9840
|
+
sample() {
|
|
9841
|
+
const dot = this.querySelector('.usa-mp-sample i');
|
|
9842
|
+
if (!dot)
|
|
9843
|
+
return;
|
|
9844
|
+
dot.getAnimations?.().forEach((a) => a.cancel());
|
|
9845
|
+
const lv = this._p.sensitivity;
|
|
9846
|
+
if (lv === 'static' || this.reduced)
|
|
9847
|
+
return;
|
|
9848
|
+
const kf = lv === 'minimal' ? [{ opacity: 0.3 }, { opacity: 1 }, { opacity: 0.3 }] : [{ transform: 'translateX(0)' }, { transform: `translateX(${lv === 'gentle' ? 40 : 120}px)` }, { transform: 'translateX(0)' }];
|
|
9849
|
+
dot.animate?.(kf, { duration: 1600 / this._p.speed, iterations: Infinity, easing: 'ease-in-out' });
|
|
9850
|
+
}
|
|
9851
|
+
reset() {
|
|
9852
|
+
this._p = components_fxSafe.applyMotionPreferences({});
|
|
9853
|
+
this.changed('reset');
|
|
9854
|
+
this.emit('change', { prefs: this.prefs });
|
|
9855
|
+
}
|
|
9856
|
+
}
|
|
9857
|
+
return UsaMotionPrefs;
|
|
9858
|
+
}, { id: 'motion-prefs', text: css$1 });
|
|
9859
|
+
}
|
|
9860
|
+
|
|
9861
|
+
var css = "usa-pause-all{display:inline-block}usa-pause-all .usa-pa-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#0f172a;font:600 13px/1 system-ui,sans-serif;cursor:pointer}usa-pause-all .usa-pa-btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}usa-pause-all .usa-pa-icon{width:12px;height:12px;background:linear-gradient(90deg,currentColor 0 35%,transparent 35% 65%,currentColor 65%)}usa-pause-all[data-paused] .usa-pa-icon{background:currentColor;clip-path:polygon(10% 0,100% 50%,10% 100%)}[data-usa-paused] *,[data-usa-paused] *::before,[data-usa-paused] *::after{animation-play-state:paused!important}";
|
|
9862
|
+
|
|
9863
|
+
function definePauseAll(tag = 'usa-pause-all') {
|
|
9864
|
+
return base.defineElement(tag, (Base) => {
|
|
9865
|
+
class UsaPauseAll extends Base {
|
|
9866
|
+
constructor() {
|
|
9867
|
+
super(...arguments);
|
|
9868
|
+
this._held = [];
|
|
9869
|
+
this._media = [];
|
|
9870
|
+
this._local = false;
|
|
9871
|
+
this.sync = () => undefined;
|
|
9872
|
+
}
|
|
9873
|
+
static get observedAttributes() {
|
|
9874
|
+
return ['label', 'scope', 'resume-label'];
|
|
9875
|
+
}
|
|
9876
|
+
root() {
|
|
9877
|
+
const s = this.str('scope');
|
|
9878
|
+
return s ? document.querySelector(s) : null;
|
|
9879
|
+
}
|
|
9880
|
+
get paused() {
|
|
9881
|
+
return this.str('scope') ? this._local : base.getClock().paused;
|
|
9882
|
+
}
|
|
9883
|
+
mount() {
|
|
9884
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9885
|
+
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-pa-btn" data-usa-part><span class="usa-pa-icon" aria-hidden="true"></span><span class="usa-pa-text"></span></button>`);
|
|
9886
|
+
const b = this.querySelector('.usa-pa-btn');
|
|
9887
|
+
this.listen(b, 'click', () => this.toggle());
|
|
9888
|
+
this.sync = () => {
|
|
9889
|
+
const p = this.paused;
|
|
9890
|
+
b.setAttribute('aria-pressed', String(p));
|
|
9891
|
+
b.querySelector('.usa-pa-text').textContent = p ? this.str('resume-label', 'Play animations') : this.str('label', 'Pause animations');
|
|
9892
|
+
this.setFlag('data-paused', p);
|
|
9893
|
+
};
|
|
9894
|
+
this.onCleanup(base.onClockChange(() => this.sync()));
|
|
9895
|
+
this.sync();
|
|
9896
|
+
}
|
|
9897
|
+
toggle() {
|
|
9898
|
+
const pause = !this.paused;
|
|
9899
|
+
const scoped = !!this.str('scope');
|
|
9900
|
+
const root = scoped ? this.root() : document.documentElement;
|
|
9901
|
+
if (!root)
|
|
9902
|
+
return;
|
|
9903
|
+
if (pause) {
|
|
9904
|
+
const all = scoped ? root.getAnimations?.({ subtree: true }) || [] : typeof document.getAnimations === 'function' ? document.getAnimations() : [];
|
|
9905
|
+
this._held = all.filter((a) => a.playState === 'running');
|
|
9906
|
+
this._held.forEach((a) => a.pause());
|
|
9907
|
+
this._media = Array.from(root.querySelectorAll('video, audio')).filter((m) => !m.paused);
|
|
9908
|
+
this._media.forEach((m) => m.pause());
|
|
9909
|
+
root.setAttribute('data-usa-paused', '');
|
|
9910
|
+
}
|
|
9911
|
+
else {
|
|
9912
|
+
this._held.splice(0).forEach((a) => a.play());
|
|
9913
|
+
this._media.splice(0).forEach((m) => m.play?.()?.catch?.(() => undefined));
|
|
9914
|
+
root.removeAttribute('data-usa-paused');
|
|
9915
|
+
}
|
|
9916
|
+
if (scoped) {
|
|
9917
|
+
this._local = pause;
|
|
9918
|
+
this.sync();
|
|
9919
|
+
}
|
|
9920
|
+
else
|
|
9921
|
+
base.setClock({ paused: pause });
|
|
9922
|
+
this.emit('pause-all', { paused: pause });
|
|
9923
|
+
}
|
|
9924
|
+
}
|
|
9925
|
+
return UsaPauseAll;
|
|
9926
|
+
}, { id: 'pause-all', text: css });
|
|
9631
9927
|
}
|
|
9632
9928
|
|
|
9633
9929
|
/**
|
|
@@ -9675,6 +9971,8 @@ const WIDGETS = {
|
|
|
9675
9971
|
'9.1': { 'usa-chapter-nav': defineChapterNav, 'usa-scene': defineScene },
|
|
9676
9972
|
'9.2': { 'usa-lottie': defineLottie, 'usa-lottie-icon': defineLottieIcon },
|
|
9677
9973
|
'9.3': { 'usa-gen-art': defineGenArt, 'usa-bg-generator': defineBgGenerator },
|
|
9974
|
+
'9.4': { 'usa-video-card': defineVideoCard, 'usa-hero-video': defineHeroVideo },
|
|
9975
|
+
'9.5': { 'usa-motion-prefs': defineMotionPrefs, 'usa-pause-all': definePauseAll },
|
|
9678
9976
|
};
|
|
9679
9977
|
/** Every widget tag, in release order. */
|
|
9680
9978
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -9738,6 +10036,7 @@ exports.defineGenArt = defineGenArt;
|
|
|
9738
10036
|
exports.defineGestureSticker = defineGestureSticker;
|
|
9739
10037
|
exports.defineGlobe = defineGlobe;
|
|
9740
10038
|
exports.defineGyroCard = defineGyroCard;
|
|
10039
|
+
exports.defineHeroVideo = defineHeroVideo;
|
|
9741
10040
|
exports.defineHudPanel = defineHudPanel;
|
|
9742
10041
|
exports.defineHydrate = defineHydrate;
|
|
9743
10042
|
exports.defineKanban = defineKanban;
|
|
@@ -9756,6 +10055,7 @@ exports.defineMessageList = defineMessageList;
|
|
|
9756
10055
|
exports.defineMilestones = defineMilestones;
|
|
9757
10056
|
exports.defineModal = defineModal;
|
|
9758
10057
|
exports.defineMotion = defineMotion;
|
|
10058
|
+
exports.defineMotionPrefs = defineMotionPrefs;
|
|
9759
10059
|
exports.defineMusicPlayer = defineMusicPlayer;
|
|
9760
10060
|
exports.defineNavMorph = defineNavMorph;
|
|
9761
10061
|
exports.defineNotificationBell = defineNotificationBell;
|
|
@@ -9764,6 +10064,7 @@ exports.defineOrganicCard = defineOrganicCard;
|
|
|
9764
10064
|
exports.defineOtp = defineOtp;
|
|
9765
10065
|
exports.definePagination = definePagination;
|
|
9766
10066
|
exports.definePanorama = definePanorama;
|
|
10067
|
+
exports.definePauseAll = definePauseAll;
|
|
9767
10068
|
exports.definePluginStore = definePluginStore;
|
|
9768
10069
|
exports.definePresence = definePresence;
|
|
9769
10070
|
exports.definePrizeWheel = definePrizeWheel;
|
|
@@ -9797,6 +10098,7 @@ exports.defineThemeSwitcher = defineThemeSwitcher;
|
|
|
9797
10098
|
exports.defineTip = defineTip;
|
|
9798
10099
|
exports.defineToastStack = defineToastStack;
|
|
9799
10100
|
exports.defineUploadProgress = defineUploadProgress;
|
|
10101
|
+
exports.defineVideoCard = defineVideoCard;
|
|
9800
10102
|
exports.defineVoiceButton = defineVoiceButton;
|
|
9801
10103
|
exports.defineVolumeKnob = defineVolumeKnob;
|
|
9802
10104
|
exports.defineWeatherCard = defineWeatherCard;
|