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