use-scroll-animate 8.6.0 → 8.8.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 +29 -0
- package/dist/components/fx-gesture.cjs +111 -0
- package/dist/components/fx-gesture.cjs.map +1 -0
- package/dist/components/fx-gesture.d.cts +75 -0
- package/dist/components/fx-gesture.d.ts +75 -0
- package/dist/components/fx-gesture.js +105 -0
- package/dist/components/fx-gesture.js.map +1 -0
- package/dist/components/fx-spatial.cjs +100 -0
- package/dist/components/fx-spatial.cjs.map +1 -0
- package/dist/components/fx-spatial.d.cts +68 -0
- package/dist/components/fx-spatial.d.ts +68 -0
- package/dist/components/fx-spatial.js +95 -0
- package/dist/components/fx-spatial.js.map +1 -0
- package/dist/components/fx2.cjs +15 -0
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.d.cts +56 -1
- package/dist/components/fx2.d.ts +56 -1
- package/dist/components/fx2.js +9 -1
- package/dist/components/fx2.js.map +1 -1
- package/dist/components/widgets.cjs +545 -149
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +72 -2
- package/dist/components/widgets.d.ts +72 -2
- package/dist/components/widgets.js +542 -150
- package/dist/components/widgets.js.map +1 -1
- package/dist/widgets.umd.js +1 -1
- package/dist/widgets.umd.js.map +1 -1
- package/docs/ROADMAP.md +2 -2
- package/docs/components.md +42 -0
- package/package.json +41 -1
|
@@ -10,6 +10,8 @@ var components_engine = require('./engine.cjs');
|
|
|
10
10
|
var components_fxOrganic = require('./fx-organic.cjs');
|
|
11
11
|
var components_fxPaper = require('./fx-paper.cjs');
|
|
12
12
|
var components_fxSurface = require('./fx-surface.cjs');
|
|
13
|
+
var components_fxGesture = require('./fx-gesture.cjs');
|
|
14
|
+
var components_fxSpatial = require('./fx-spatial.cjs');
|
|
13
15
|
require('../chunks/core-CwO835Wm.cjs');
|
|
14
16
|
require('./tokens.cjs');
|
|
15
17
|
require('../chunks/fx-C-XjLOTc.cjs');
|
|
@@ -49,7 +51,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
49
51
|
return -1;
|
|
50
52
|
}
|
|
51
53
|
|
|
52
|
-
var css$
|
|
54
|
+
var css$1d = "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}";
|
|
53
55
|
|
|
54
56
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
55
57
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -238,10 +240,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
238
240
|
}
|
|
239
241
|
}
|
|
240
242
|
return UsaCarousel;
|
|
241
|
-
}, { id: 'carousel', text: css$
|
|
243
|
+
}, { id: 'carousel', text: css$1d });
|
|
242
244
|
}
|
|
243
245
|
|
|
244
|
-
var css$
|
|
246
|
+
var css$1c = "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}";
|
|
245
247
|
|
|
246
248
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
247
249
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -354,10 +356,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
354
356
|
}
|
|
355
357
|
}
|
|
356
358
|
return UsaTabBar;
|
|
357
|
-
}, { id: 'tab-bar', text: css$
|
|
359
|
+
}, { id: 'tab-bar', text: css$1c });
|
|
358
360
|
}
|
|
359
361
|
|
|
360
|
-
var css$
|
|
362
|
+
var css$1b = "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}}";
|
|
361
363
|
|
|
362
364
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
363
365
|
return base.defineElement(tag, (Base) => {
|
|
@@ -425,10 +427,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
425
427
|
}
|
|
426
428
|
}
|
|
427
429
|
return UsaDisclosure;
|
|
428
|
-
}, { id: 'disclosure', text: css$
|
|
430
|
+
}, { id: 'disclosure', text: css$1b });
|
|
429
431
|
}
|
|
430
432
|
|
|
431
|
-
var css$
|
|
433
|
+
var css$1a = "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}}";
|
|
432
434
|
|
|
433
435
|
function defineStories(tag = 'usa-stories') {
|
|
434
436
|
return base.defineElement(tag, (Base) => {
|
|
@@ -561,10 +563,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
561
563
|
}
|
|
562
564
|
}
|
|
563
565
|
return UsaStories;
|
|
564
|
-
}, { id: 'stories', text: css$
|
|
566
|
+
}, { id: 'stories', text: css$1a });
|
|
565
567
|
}
|
|
566
568
|
|
|
567
|
-
var css$
|
|
569
|
+
var css$19 = "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)}}";
|
|
568
570
|
|
|
569
571
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
570
572
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -791,12 +793,12 @@ function defineOverlay(tag, kind) {
|
|
|
791
793
|
}
|
|
792
794
|
}
|
|
793
795
|
return UsaOverlay;
|
|
794
|
-
}, { id: 'overlay', text: css$
|
|
796
|
+
}, { id: 'overlay', text: css$19 });
|
|
795
797
|
}
|
|
796
798
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
797
799
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
798
800
|
|
|
799
|
-
var css$
|
|
801
|
+
var css$18 = "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}}";
|
|
800
802
|
|
|
801
803
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
802
804
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -967,7 +969,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
967
969
|
}
|
|
968
970
|
}
|
|
969
971
|
return UsaToastStack;
|
|
970
|
-
}, { id: 'toast', text: css$
|
|
972
|
+
}, { id: 'toast', text: css$18 });
|
|
971
973
|
}
|
|
972
974
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
973
975
|
function stackToast(input, stack) {
|
|
@@ -995,7 +997,7 @@ function installToastTriggers() {
|
|
|
995
997
|
});
|
|
996
998
|
}
|
|
997
999
|
|
|
998
|
-
var css$
|
|
1000
|
+
var css$17 = "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)}}";
|
|
999
1001
|
|
|
1000
1002
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
1001
1003
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1134,10 +1136,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1134
1136
|
}
|
|
1135
1137
|
}
|
|
1136
1138
|
return UsaMenu;
|
|
1137
|
-
}, { id: 'menu', text: css$
|
|
1139
|
+
}, { id: 'menu', text: css$17 });
|
|
1138
1140
|
}
|
|
1139
1141
|
|
|
1140
|
-
var css$
|
|
1142
|
+
var css$16 = "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}}";
|
|
1141
1143
|
|
|
1142
1144
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1143
1145
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1277,7 +1279,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1277
1279
|
}
|
|
1278
1280
|
}
|
|
1279
1281
|
return UsaProgressRing;
|
|
1280
|
-
}, { id: 'meters', text: css$
|
|
1282
|
+
}, { id: 'meters', text: css$16 });
|
|
1281
1283
|
}
|
|
1282
1284
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1283
1285
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1387,10 +1389,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1387
1389
|
}
|
|
1388
1390
|
}
|
|
1389
1391
|
return UsaOdometer;
|
|
1390
|
-
}, { id: 'meters', text: css$
|
|
1392
|
+
}, { id: 'meters', text: css$16 });
|
|
1391
1393
|
}
|
|
1392
1394
|
|
|
1393
|
-
var css$
|
|
1395
|
+
var css$15 = "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}}";
|
|
1394
1396
|
|
|
1395
1397
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1396
1398
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1505,10 +1507,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1505
1507
|
}
|
|
1506
1508
|
}
|
|
1507
1509
|
return UsaSkeletonReveal;
|
|
1508
|
-
}, { id: 'skeleton-reveal', text: css$
|
|
1510
|
+
}, { id: 'skeleton-reveal', text: css$15 });
|
|
1509
1511
|
}
|
|
1510
1512
|
|
|
1511
|
-
var css$
|
|
1513
|
+
var css$14 = "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}}";
|
|
1512
1514
|
|
|
1513
1515
|
const PATHS = {
|
|
1514
1516
|
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',
|
|
@@ -1645,10 +1647,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1645
1647
|
}
|
|
1646
1648
|
UsaStarRating.formAssociated = true;
|
|
1647
1649
|
return UsaStarRating;
|
|
1648
|
-
}, { id: 'star-rating', text: css$
|
|
1650
|
+
}, { id: 'star-rating', text: css$14 });
|
|
1649
1651
|
}
|
|
1650
1652
|
|
|
1651
|
-
var css
|
|
1653
|
+
var css$13 = "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}}";
|
|
1652
1654
|
|
|
1653
1655
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1654
1656
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1736,10 +1738,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1736
1738
|
}
|
|
1737
1739
|
}
|
|
1738
1740
|
return UsaMilestones;
|
|
1739
|
-
}, { id: 'milestones', text: css
|
|
1741
|
+
}, { id: 'milestones', text: css$13 });
|
|
1740
1742
|
}
|
|
1741
1743
|
|
|
1742
|
-
var css$
|
|
1744
|
+
var css$12 = "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}";
|
|
1743
1745
|
|
|
1744
1746
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1745
1747
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1860,10 +1862,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1860
1862
|
}
|
|
1861
1863
|
}
|
|
1862
1864
|
return UsaMasonryFlow;
|
|
1863
|
-
}, { id: 'masonry-flow', text: css$
|
|
1865
|
+
}, { id: 'masonry-flow', text: css$12 });
|
|
1864
1866
|
}
|
|
1865
1867
|
|
|
1866
|
-
var css$
|
|
1868
|
+
var css$11 = "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}";
|
|
1867
1869
|
|
|
1868
1870
|
function defineCompare(tag = 'usa-compare') {
|
|
1869
1871
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1987,10 +1989,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1987
1989
|
}
|
|
1988
1990
|
}
|
|
1989
1991
|
return UsaCompare;
|
|
1990
|
-
}, { id: 'compare', text: css$
|
|
1992
|
+
}, { id: 'compare', text: css$11 });
|
|
1991
1993
|
}
|
|
1992
1994
|
|
|
1993
|
-
var css$
|
|
1995
|
+
var css$10 = "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}";
|
|
1994
1996
|
|
|
1995
1997
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
1996
1998
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2123,10 +2125,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2123
2125
|
}
|
|
2124
2126
|
}
|
|
2125
2127
|
return UsaCubeGallery;
|
|
2126
|
-
}, { id: 'cube-gallery', text: css$
|
|
2128
|
+
}, { id: 'cube-gallery', text: css$10 });
|
|
2127
2129
|
}
|
|
2128
2130
|
|
|
2129
|
-
var css
|
|
2131
|
+
var css$$ = "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}}";
|
|
2130
2132
|
|
|
2131
2133
|
function defineDock(tag = 'usa-dock') {
|
|
2132
2134
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2194,10 +2196,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2194
2196
|
}
|
|
2195
2197
|
}
|
|
2196
2198
|
return UsaDock;
|
|
2197
|
-
}, { id: 'dock', text: css
|
|
2199
|
+
}, { id: 'dock', text: css$$ });
|
|
2198
2200
|
}
|
|
2199
2201
|
|
|
2200
|
-
var css$
|
|
2202
|
+
var css$_ = "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)}";
|
|
2201
2203
|
|
|
2202
2204
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2203
2205
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2301,10 +2303,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2301
2303
|
}
|
|
2302
2304
|
}
|
|
2303
2305
|
return UsaNavMorph;
|
|
2304
|
-
}, { id: 'nav-morph', text: css$
|
|
2306
|
+
}, { id: 'nav-morph', text: css$_ });
|
|
2305
2307
|
}
|
|
2306
2308
|
|
|
2307
|
-
var css$
|
|
2309
|
+
var css$Z = "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}";
|
|
2308
2310
|
|
|
2309
2311
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2310
2312
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2377,10 +2379,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2377
2379
|
}
|
|
2378
2380
|
}
|
|
2379
2381
|
return UsaMenuToggle;
|
|
2380
|
-
}, { id: 'menu-toggle', text: css$
|
|
2382
|
+
}, { id: 'menu-toggle', text: css$Z });
|
|
2381
2383
|
}
|
|
2382
2384
|
|
|
2383
|
-
var css$
|
|
2385
|
+
var css$Y = "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)}";
|
|
2384
2386
|
|
|
2385
2387
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2386
2388
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2512,10 +2514,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2512
2514
|
}
|
|
2513
2515
|
}
|
|
2514
2516
|
return UsaTip;
|
|
2515
|
-
}, { id: 'tip', text: css$
|
|
2517
|
+
}, { id: 'tip', text: css$Y });
|
|
2516
2518
|
}
|
|
2517
2519
|
|
|
2518
|
-
var css$
|
|
2520
|
+
var css$X = "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}}";
|
|
2519
2521
|
|
|
2520
2522
|
function defineStepper(tag = 'usa-stepper') {
|
|
2521
2523
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2612,10 +2614,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2612
2614
|
}
|
|
2613
2615
|
}
|
|
2614
2616
|
return UsaStepper;
|
|
2615
|
-
}, { id: 'stepper', text: css$
|
|
2617
|
+
}, { id: 'stepper', text: css$X });
|
|
2616
2618
|
}
|
|
2617
2619
|
|
|
2618
|
-
var css$
|
|
2620
|
+
var css$W = "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}}";
|
|
2619
2621
|
|
|
2620
2622
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2621
2623
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2737,10 +2739,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2737
2739
|
}
|
|
2738
2740
|
}
|
|
2739
2741
|
return UsaPagination;
|
|
2740
|
-
}, { id: 'pagination', text: css$
|
|
2742
|
+
}, { id: 'pagination', text: css$W });
|
|
2741
2743
|
}
|
|
2742
2744
|
|
|
2743
|
-
var css$
|
|
2745
|
+
var css$V = "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}}";
|
|
2744
2746
|
|
|
2745
2747
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2746
2748
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2834,10 +2836,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2834
2836
|
}
|
|
2835
2837
|
}
|
|
2836
2838
|
return UsaSegmented;
|
|
2837
|
-
}, { id: 'segmented', text: css$
|
|
2839
|
+
}, { id: 'segmented', text: css$V });
|
|
2838
2840
|
}
|
|
2839
2841
|
|
|
2840
|
-
var css$
|
|
2842
|
+
var css$U = "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}}";
|
|
2841
2843
|
|
|
2842
2844
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2843
2845
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2925,10 +2927,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2925
2927
|
}
|
|
2926
2928
|
}
|
|
2927
2929
|
return UsaSwitch;
|
|
2928
|
-
}, { id: 'switch', text: css$
|
|
2930
|
+
}, { id: 'switch', text: css$U });
|
|
2929
2931
|
}
|
|
2930
2932
|
|
|
2931
|
-
var css$
|
|
2933
|
+
var css$T = "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}}";
|
|
2932
2934
|
|
|
2933
2935
|
function defineKanban(tag = 'usa-kanban') {
|
|
2934
2936
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3133,10 +3135,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3133
3135
|
}
|
|
3134
3136
|
}
|
|
3135
3137
|
return UsaKanban;
|
|
3136
|
-
}, { id: 'kanban', text: css$
|
|
3138
|
+
}, { id: 'kanban', text: css$T });
|
|
3137
3139
|
}
|
|
3138
3140
|
|
|
3139
|
-
var css$
|
|
3141
|
+
var css$S = "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}}";
|
|
3140
3142
|
|
|
3141
3143
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3142
3144
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3278,10 +3280,10 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3278
3280
|
}
|
|
3279
3281
|
}
|
|
3280
3282
|
return UsaSwipeDeck;
|
|
3281
|
-
}, { id: 'swipe-deck', text: css$
|
|
3283
|
+
}, { id: 'swipe-deck', text: css$S });
|
|
3282
3284
|
}
|
|
3283
3285
|
|
|
3284
|
-
var css$
|
|
3286
|
+
var css$R = "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}}";
|
|
3285
3287
|
|
|
3286
3288
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3287
3289
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
@@ -3362,10 +3364,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3362
3364
|
}
|
|
3363
3365
|
}
|
|
3364
3366
|
return UsaWeatherCard;
|
|
3365
|
-
}, { id: 'weather-card', text: css$
|
|
3367
|
+
}, { id: 'weather-card', text: css$R });
|
|
3366
3368
|
}
|
|
3367
3369
|
|
|
3368
|
-
var css$
|
|
3370
|
+
var css$Q = "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}}";
|
|
3369
3371
|
|
|
3370
3372
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3371
3373
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3494,10 +3496,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3494
3496
|
}
|
|
3495
3497
|
}
|
|
3496
3498
|
return UsaPullCord;
|
|
3497
|
-
}, { id: 'pull-cord', text: css$
|
|
3499
|
+
}, { id: 'pull-cord', text: css$Q });
|
|
3498
3500
|
}
|
|
3499
3501
|
|
|
3500
|
-
var css$
|
|
3502
|
+
var css$P = "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}}";
|
|
3501
3503
|
|
|
3502
3504
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3503
3505
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3646,10 +3648,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3646
3648
|
}
|
|
3647
3649
|
}
|
|
3648
3650
|
return UsaDatePicker;
|
|
3649
|
-
}, { id: 'date-picker', text: css$
|
|
3651
|
+
}, { id: 'date-picker', text: css$P });
|
|
3650
3652
|
}
|
|
3651
3653
|
|
|
3652
|
-
var css$
|
|
3654
|
+
var css$O = "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}}";
|
|
3653
3655
|
|
|
3654
3656
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3655
3657
|
function hsvToHex(h, s, v) {
|
|
@@ -3769,10 +3771,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3769
3771
|
}
|
|
3770
3772
|
}
|
|
3771
3773
|
return UsaColorPicker;
|
|
3772
|
-
}, { id: 'color-picker', text: css$
|
|
3774
|
+
}, { id: 'color-picker', text: css$O });
|
|
3773
3775
|
}
|
|
3774
3776
|
|
|
3775
|
-
var css$
|
|
3777
|
+
var css$N = "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}}";
|
|
3776
3778
|
|
|
3777
3779
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3778
3780
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3873,10 +3875,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3873
3875
|
}
|
|
3874
3876
|
}
|
|
3875
3877
|
return UsaFileDrop;
|
|
3876
|
-
}, { id: 'file-drop', text: css$
|
|
3878
|
+
}, { id: 'file-drop', text: css$N });
|
|
3877
3879
|
}
|
|
3878
3880
|
|
|
3879
|
-
var css$
|
|
3881
|
+
var css$M = "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}}";
|
|
3880
3882
|
|
|
3881
3883
|
const DEFAULT = {
|
|
3882
3884
|
format: player.ANIMATION_FORMAT,
|
|
@@ -4050,10 +4052,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4050
4052
|
}
|
|
4051
4053
|
}
|
|
4052
4054
|
return UsaKeyframeEditor;
|
|
4053
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4055
|
+
}, { id: 'keyframe-editor', text: css$M });
|
|
4054
4056
|
}
|
|
4055
4057
|
|
|
4056
|
-
var css$
|
|
4058
|
+
var css$L = "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}}";
|
|
4057
4059
|
|
|
4058
4060
|
const fmt = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4059
4061
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4214,10 +4216,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4214
4216
|
}
|
|
4215
4217
|
}
|
|
4216
4218
|
return UsaMusicPlayer;
|
|
4217
|
-
}, { id: 'music-player', text: css$
|
|
4219
|
+
}, { id: 'music-player', text: css$L });
|
|
4218
4220
|
}
|
|
4219
4221
|
|
|
4220
|
-
var css$
|
|
4222
|
+
var css$K = "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}}";
|
|
4221
4223
|
|
|
4222
4224
|
const ARC = 270;
|
|
4223
4225
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4308,10 +4310,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4308
4310
|
}
|
|
4309
4311
|
}
|
|
4310
4312
|
return UsaVolumeKnob;
|
|
4311
|
-
}, { id: 'volume-knob', text: css$
|
|
4313
|
+
}, { id: 'volume-knob', text: css$K });
|
|
4312
4314
|
}
|
|
4313
4315
|
|
|
4314
|
-
var css$
|
|
4316
|
+
var css$J = "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}}";
|
|
4315
4317
|
|
|
4316
4318
|
const EQ_PRESETS = {
|
|
4317
4319
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4409,10 +4411,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4409
4411
|
}
|
|
4410
4412
|
}
|
|
4411
4413
|
return UsaEqualizer;
|
|
4412
|
-
}, { id: 'equalizer', text: css$
|
|
4414
|
+
}, { id: 'equalizer', text: css$J });
|
|
4413
4415
|
}
|
|
4414
4416
|
|
|
4415
|
-
var css$
|
|
4417
|
+
var css$I = "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}}";
|
|
4416
4418
|
|
|
4417
4419
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4418
4420
|
function parseLRC(src) {
|
|
@@ -4524,10 +4526,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4524
4526
|
}
|
|
4525
4527
|
}
|
|
4526
4528
|
return UsaLyrics;
|
|
4527
|
-
}, { id: 'lyrics', text: css$
|
|
4529
|
+
}, { id: 'lyrics', text: css$I });
|
|
4528
4530
|
}
|
|
4529
4531
|
|
|
4530
|
-
var css$
|
|
4532
|
+
var css$H = "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}}";
|
|
4531
4533
|
|
|
4532
4534
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4533
4535
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4621,10 +4623,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4621
4623
|
}
|
|
4622
4624
|
}
|
|
4623
4625
|
return UsaBarChart;
|
|
4624
|
-
}, { id: 'bar-chart', text: css$
|
|
4626
|
+
}, { id: 'bar-chart', text: css$H });
|
|
4625
4627
|
}
|
|
4626
4628
|
|
|
4627
|
-
var css$
|
|
4629
|
+
var css$G = "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)}";
|
|
4628
4630
|
|
|
4629
4631
|
function defineGauge(tag = 'usa-gauge') {
|
|
4630
4632
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4709,10 +4711,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4709
4711
|
}
|
|
4710
4712
|
}
|
|
4711
4713
|
return UsaGauge;
|
|
4712
|
-
}, { id: 'gauge', text: css$
|
|
4714
|
+
}, { id: 'gauge', text: css$G });
|
|
4713
4715
|
}
|
|
4714
4716
|
|
|
4715
|
-
var css$
|
|
4717
|
+
var css$F = "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}}";
|
|
4716
4718
|
|
|
4717
4719
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4718
4720
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4835,7 +4837,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4835
4837
|
}
|
|
4836
4838
|
}
|
|
4837
4839
|
return UsaSparkline;
|
|
4838
|
-
}, { id: 'sparkline', text: css$
|
|
4840
|
+
}, { id: 'sparkline', text: css$F });
|
|
4839
4841
|
}
|
|
4840
4842
|
|
|
4841
4843
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4848,7 +4850,7 @@ function parseFigureText(s) {
|
|
|
4848
4850
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4849
4851
|
}
|
|
4850
4852
|
|
|
4851
|
-
var css$
|
|
4853
|
+
var css$E = "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}";
|
|
4852
4854
|
|
|
4853
4855
|
function defineKpi(tag = 'usa-kpi') {
|
|
4854
4856
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4928,10 +4930,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4928
4930
|
}
|
|
4929
4931
|
}
|
|
4930
4932
|
return UsaKpi;
|
|
4931
|
-
}, { id: 'kpi', text: css$
|
|
4933
|
+
}, { id: 'kpi', text: css$E });
|
|
4932
4934
|
}
|
|
4933
4935
|
|
|
4934
|
-
var css$
|
|
4936
|
+
var css$D = "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}}";
|
|
4935
4937
|
|
|
4936
4938
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4937
4939
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4976,10 +4978,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4976
4978
|
}
|
|
4977
4979
|
}
|
|
4978
4980
|
return UsaAddToCart;
|
|
4979
|
-
}, { id: 'add-to-cart', text: css$
|
|
4981
|
+
}, { id: 'add-to-cart', text: css$D });
|
|
4980
4982
|
}
|
|
4981
4983
|
|
|
4982
|
-
var css$
|
|
4984
|
+
var css$C = "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}";
|
|
4983
4985
|
|
|
4984
4986
|
/** Cart total (7.3). */
|
|
4985
4987
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5144,10 +5146,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5144
5146
|
}
|
|
5145
5147
|
}
|
|
5146
5148
|
return UsaCartDrawer;
|
|
5147
|
-
}, { id: 'cart-drawer', text: css$
|
|
5149
|
+
}, { id: 'cart-drawer', text: css$C });
|
|
5148
5150
|
}
|
|
5149
5151
|
|
|
5150
|
-
var css$
|
|
5152
|
+
var css$B = "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}}";
|
|
5151
5153
|
|
|
5152
5154
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5153
5155
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5261,10 +5263,10 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5261
5263
|
}
|
|
5262
5264
|
}
|
|
5263
5265
|
return UsaProductGallery;
|
|
5264
|
-
}, { id: 'product-gallery', text: css$
|
|
5266
|
+
}, { id: 'product-gallery', text: css$B });
|
|
5265
5267
|
}
|
|
5266
5268
|
|
|
5267
|
-
var css$
|
|
5269
|
+
var css$A = "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)}";
|
|
5268
5270
|
|
|
5269
5271
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5270
5272
|
function splitTime(sec) {
|
|
@@ -5352,10 +5354,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5352
5354
|
}
|
|
5353
5355
|
}
|
|
5354
5356
|
return UsaCountdown;
|
|
5355
|
-
}, { id: 'countdown', text: css$
|
|
5357
|
+
}, { id: 'countdown', text: css$A });
|
|
5356
5358
|
}
|
|
5357
5359
|
|
|
5358
|
-
var css$
|
|
5360
|
+
var css$z = "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}}";
|
|
5359
5361
|
|
|
5360
5362
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5361
5363
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5442,10 +5444,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5442
5444
|
}
|
|
5443
5445
|
}
|
|
5444
5446
|
return UsaMessageList;
|
|
5445
|
-
}, { id: 'message-list', text: css$
|
|
5447
|
+
}, { id: 'message-list', text: css$z });
|
|
5446
5448
|
}
|
|
5447
5449
|
|
|
5448
|
-
var css$
|
|
5450
|
+
var css$y = "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}";
|
|
5449
5451
|
|
|
5450
5452
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5451
5453
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5547,10 +5549,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5547
5549
|
}
|
|
5548
5550
|
}
|
|
5549
5551
|
return UsaReactions;
|
|
5550
|
-
}, { id: 'reactions', text: css$
|
|
5552
|
+
}, { id: 'reactions', text: css$y });
|
|
5551
5553
|
}
|
|
5552
5554
|
|
|
5553
|
-
var css$
|
|
5555
|
+
var css$x = "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}";
|
|
5554
5556
|
|
|
5555
5557
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5556
5558
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5645,10 +5647,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5645
5647
|
}
|
|
5646
5648
|
}
|
|
5647
5649
|
return UsaNotificationBell;
|
|
5648
|
-
}, { id: 'notification-bell', text: css$
|
|
5650
|
+
}, { id: 'notification-bell', text: css$x });
|
|
5649
5651
|
}
|
|
5650
5652
|
|
|
5651
|
-
var css$
|
|
5653
|
+
var css$w = "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}}";
|
|
5652
5654
|
|
|
5653
5655
|
/** Presence states (7.4). */
|
|
5654
5656
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5718,10 +5720,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5718
5720
|
}
|
|
5719
5721
|
}
|
|
5720
5722
|
return UsaPresence;
|
|
5721
|
-
}, { id: 'presence', text: css$
|
|
5723
|
+
}, { id: 'presence', text: css$w });
|
|
5722
5724
|
}
|
|
5723
5725
|
|
|
5724
|
-
var css$
|
|
5726
|
+
var css$v = "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)}";
|
|
5725
5727
|
|
|
5726
5728
|
/** Sort rows by score desc, then name (7.5). */
|
|
5727
5729
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5830,10 +5832,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5830
5832
|
}
|
|
5831
5833
|
}
|
|
5832
5834
|
return UsaLeaderboard;
|
|
5833
|
-
}, { id: 'leaderboard', text: css$
|
|
5835
|
+
}, { id: 'leaderboard', text: css$v });
|
|
5834
5836
|
}
|
|
5835
5837
|
|
|
5836
|
-
var css$
|
|
5838
|
+
var css$u = "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)}";
|
|
5837
5839
|
|
|
5838
5840
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5839
5841
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5930,10 +5932,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5930
5932
|
}
|
|
5931
5933
|
}
|
|
5932
5934
|
return UsaXpBar;
|
|
5933
|
-
}, { id: 'xp-bar', text: css$
|
|
5935
|
+
}, { id: 'xp-bar', text: css$u });
|
|
5934
5936
|
}
|
|
5935
5937
|
|
|
5936
|
-
var css$
|
|
5938
|
+
var css$t = "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}}";
|
|
5937
5939
|
|
|
5938
5940
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5939
5941
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -6000,10 +6002,10 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
6000
6002
|
}
|
|
6001
6003
|
}
|
|
6002
6004
|
return UsaBadgeWall;
|
|
6003
|
-
}, { id: 'badge-wall', text: css$
|
|
6005
|
+
}, { id: 'badge-wall', text: css$t });
|
|
6004
6006
|
}
|
|
6005
6007
|
|
|
6006
|
-
var css$
|
|
6008
|
+
var css$s = "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)}";
|
|
6007
6009
|
|
|
6008
6010
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6009
6011
|
function wheelAngle(index, count, turns = 5) {
|
|
@@ -6083,10 +6085,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6083
6085
|
}
|
|
6084
6086
|
}
|
|
6085
6087
|
return UsaPrizeWheel;
|
|
6086
|
-
}, { id: 'prize-wheel', text: css$
|
|
6088
|
+
}, { id: 'prize-wheel', text: css$s });
|
|
6087
6089
|
}
|
|
6088
6090
|
|
|
6089
|
-
var css$
|
|
6091
|
+
var css$r = "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}}";
|
|
6090
6092
|
|
|
6091
6093
|
const RAD = Math.PI / 180;
|
|
6092
6094
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6243,10 +6245,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6243
6245
|
}
|
|
6244
6246
|
}
|
|
6245
6247
|
return UsaGlobe;
|
|
6246
|
-
}, { id: 'globe', text: css$
|
|
6248
|
+
}, { id: 'globe', text: css$r });
|
|
6247
6249
|
}
|
|
6248
6250
|
|
|
6249
|
-
var css$
|
|
6251
|
+
var css$q = "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}";
|
|
6250
6252
|
|
|
6251
6253
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6252
6254
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6320,10 +6322,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6320
6322
|
}
|
|
6321
6323
|
}
|
|
6322
6324
|
return UsaLocationCard;
|
|
6323
|
-
}, { id: 'location-card', text: css$
|
|
6325
|
+
}, { id: 'location-card', text: css$q });
|
|
6324
6326
|
}
|
|
6325
6327
|
|
|
6326
|
-
var css$
|
|
6328
|
+
var css$p = "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}}";
|
|
6327
6329
|
|
|
6328
6330
|
/** 0–4 password strength score with a label (7.7). */
|
|
6329
6331
|
function passwordStrength(pw) {
|
|
@@ -6449,10 +6451,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6449
6451
|
}
|
|
6450
6452
|
}
|
|
6451
6453
|
return UsaField;
|
|
6452
|
-
}, { id: 'field', text: css$
|
|
6454
|
+
}, { id: 'field', text: css$p });
|
|
6453
6455
|
}
|
|
6454
6456
|
|
|
6455
|
-
var css$
|
|
6457
|
+
var css$o = "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}}";
|
|
6456
6458
|
|
|
6457
6459
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6458
6460
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6583,10 +6585,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6583
6585
|
}
|
|
6584
6586
|
}
|
|
6585
6587
|
return UsaOtp;
|
|
6586
|
-
}, { id: 'otp', text: css$
|
|
6588
|
+
}, { id: 'otp', text: css$o });
|
|
6587
6589
|
}
|
|
6588
6590
|
|
|
6589
|
-
var css$
|
|
6591
|
+
var css$n = "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}}";
|
|
6590
6592
|
|
|
6591
6593
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6592
6594
|
function formatBytes(n) {
|
|
@@ -6669,10 +6671,10 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6669
6671
|
}
|
|
6670
6672
|
}
|
|
6671
6673
|
return UsaUploadProgress;
|
|
6672
|
-
}, { id: 'upload-progress', text: css$
|
|
6674
|
+
}, { id: 'upload-progress', text: css$n });
|
|
6673
6675
|
}
|
|
6674
6676
|
|
|
6675
|
-
var css$
|
|
6677
|
+
var css$m = "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}}";
|
|
6676
6678
|
|
|
6677
6679
|
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6678
6680
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
@@ -6770,10 +6772,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6770
6772
|
}
|
|
6771
6773
|
}
|
|
6772
6774
|
return UsaChatComposer;
|
|
6773
|
-
}, { id: 'chat-composer', text: css$
|
|
6775
|
+
}, { id: 'chat-composer', text: css$m });
|
|
6774
6776
|
}
|
|
6775
6777
|
|
|
6776
|
-
var css$
|
|
6778
|
+
var css$l = "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}}";
|
|
6777
6779
|
|
|
6778
6780
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6779
6781
|
function parseChips(s) {
|
|
@@ -6858,10 +6860,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6858
6860
|
}
|
|
6859
6861
|
}
|
|
6860
6862
|
return UsaSuggestionChips;
|
|
6861
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6863
|
+
}, { id: 'suggestion-chips', text: css$l });
|
|
6862
6864
|
}
|
|
6863
6865
|
|
|
6864
|
-
var css$
|
|
6866
|
+
var css$k = "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}}";
|
|
6865
6867
|
|
|
6866
6868
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6867
6869
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6933,10 +6935,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6933
6935
|
}
|
|
6934
6936
|
}
|
|
6935
6937
|
return UsaVoiceButton;
|
|
6936
|
-
}, { id: 'voice-button', text: css$
|
|
6938
|
+
}, { id: 'voice-button', text: css$k });
|
|
6937
6939
|
}
|
|
6938
6940
|
|
|
6939
|
-
var css$
|
|
6941
|
+
var css$j = "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)}";
|
|
6940
6942
|
|
|
6941
6943
|
/**
|
|
6942
6944
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -7195,10 +7197,10 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7195
7197
|
}
|
|
7196
7198
|
}
|
|
7197
7199
|
return UsaCommandPalette;
|
|
7198
|
-
}, { id: 'command-palette', text: css$
|
|
7200
|
+
}, { id: 'command-palette', text: css$j });
|
|
7199
7201
|
}
|
|
7200
7202
|
|
|
7201
|
-
var css$
|
|
7203
|
+
var css$i = "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}";
|
|
7202
7204
|
|
|
7203
7205
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7204
7206
|
const esc$5 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
@@ -7249,10 +7251,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7249
7251
|
}
|
|
7250
7252
|
}
|
|
7251
7253
|
return UsaShortcut;
|
|
7252
|
-
}, { id: 'shortcut', text: css$
|
|
7254
|
+
}, { id: 'shortcut', text: css$i });
|
|
7253
7255
|
}
|
|
7254
7256
|
|
|
7255
|
-
var css$
|
|
7257
|
+
var css$h = "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}}";
|
|
7256
7258
|
|
|
7257
7259
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7258
7260
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7311,10 +7313,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7311
7313
|
}
|
|
7312
7314
|
}
|
|
7313
7315
|
return UsaClockControl;
|
|
7314
|
-
}, { id: 'clock-control', text: css$
|
|
7316
|
+
}, { id: 'clock-control', text: css$h });
|
|
7315
7317
|
}
|
|
7316
7318
|
|
|
7317
|
-
var css$
|
|
7319
|
+
var css$g = "usa-hydrate{display:block}";
|
|
7318
7320
|
|
|
7319
7321
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7320
7322
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7350,10 +7352,10 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7350
7352
|
}
|
|
7351
7353
|
}
|
|
7352
7354
|
return UsaHydrate;
|
|
7353
|
-
}, { id: 'hydrate', text: css$
|
|
7355
|
+
}, { id: 'hydrate', text: css$g });
|
|
7354
7356
|
}
|
|
7355
7357
|
|
|
7356
|
-
var css$
|
|
7358
|
+
var css$f = "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}}";
|
|
7357
7359
|
|
|
7358
7360
|
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7359
7361
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
@@ -7417,10 +7419,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7417
7419
|
}
|
|
7418
7420
|
}
|
|
7419
7421
|
return UsaRedEnvelope;
|
|
7420
|
-
}, { id: 'red-envelope', text: css$
|
|
7422
|
+
}, { id: 'red-envelope', text: css$f });
|
|
7421
7423
|
}
|
|
7422
7424
|
|
|
7423
|
-
var css$
|
|
7425
|
+
var css$e = "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}}";
|
|
7424
7426
|
|
|
7425
7427
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7426
7428
|
const SCENES = {
|
|
@@ -7468,10 +7470,10 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7468
7470
|
}
|
|
7469
7471
|
}
|
|
7470
7472
|
return UsaFestivalBanner;
|
|
7471
|
-
}, { id: 'festival-banner', text: css$
|
|
7473
|
+
}, { id: 'festival-banner', text: css$e });
|
|
7472
7474
|
}
|
|
7473
7475
|
|
|
7474
|
-
var css$
|
|
7476
|
+
var css$d = "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}}";
|
|
7475
7477
|
|
|
7476
7478
|
const esc$3 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7477
7479
|
function defineTerminal(tag = 'usa-terminal') {
|
|
@@ -7582,10 +7584,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7582
7584
|
}
|
|
7583
7585
|
}
|
|
7584
7586
|
return UsaTerminal;
|
|
7585
|
-
}, { id: 'terminal', text: css$
|
|
7587
|
+
}, { id: 'terminal', text: css$d });
|
|
7586
7588
|
}
|
|
7587
7589
|
|
|
7588
|
-
var css$
|
|
7590
|
+
var css$c = "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}";
|
|
7589
7591
|
|
|
7590
7592
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7591
7593
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7639,10 +7641,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7639
7641
|
}
|
|
7640
7642
|
}
|
|
7641
7643
|
return UsaRetroButton;
|
|
7642
|
-
}, { id: 'retro-button', text: css$
|
|
7644
|
+
}, { id: 'retro-button', text: css$c });
|
|
7643
7645
|
}
|
|
7644
7646
|
|
|
7645
|
-
var css$
|
|
7647
|
+
var css$b = "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)}";
|
|
7646
7648
|
|
|
7647
7649
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7648
7650
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7681,10 +7683,10 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7681
7683
|
}
|
|
7682
7684
|
}
|
|
7683
7685
|
return UsaOrganicCard;
|
|
7684
|
-
}, { id: 'organic-card', text: css$
|
|
7686
|
+
}, { id: 'organic-card', text: css$b });
|
|
7685
7687
|
}
|
|
7686
7688
|
|
|
7687
|
-
var css$
|
|
7689
|
+
var css$a = "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}";
|
|
7688
7690
|
|
|
7689
7691
|
let uid = 0;
|
|
7690
7692
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
@@ -7765,10 +7767,10 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7765
7767
|
}
|
|
7766
7768
|
}
|
|
7767
7769
|
return UsaLiquidNav;
|
|
7768
|
-
}, { id: 'liquid-nav', text: css$
|
|
7770
|
+
}, { id: 'liquid-nav', text: css$a });
|
|
7769
7771
|
}
|
|
7770
7772
|
|
|
7771
|
-
var css$
|
|
7773
|
+
var css$9 = "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}}";
|
|
7772
7774
|
|
|
7773
7775
|
const esc$2 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7774
7776
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
@@ -7817,10 +7819,10 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7817
7819
|
}
|
|
7818
7820
|
}
|
|
7819
7821
|
return UsaHudPanel;
|
|
7820
|
-
}, { id: 'hud-panel', text: css$
|
|
7822
|
+
}, { id: 'hud-panel', text: css$9 });
|
|
7821
7823
|
}
|
|
7822
7824
|
|
|
7823
|
-
var css$
|
|
7825
|
+
var css$8 = "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)}}";
|
|
7824
7826
|
|
|
7825
7827
|
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7826
7828
|
function parseTargets(s) {
|
|
@@ -7906,10 +7908,10 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7906
7908
|
}
|
|
7907
7909
|
}
|
|
7908
7910
|
return UsaRadar;
|
|
7909
|
-
}, { id: 'radar', text: css$
|
|
7911
|
+
}, { id: 'radar', text: css$8 });
|
|
7910
7912
|
}
|
|
7911
7913
|
|
|
7912
|
-
var css$
|
|
7914
|
+
var css$7 = "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)}";
|
|
7913
7915
|
|
|
7914
7916
|
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7915
7917
|
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
@@ -7973,10 +7975,10 @@ function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
|
7973
7975
|
}
|
|
7974
7976
|
}
|
|
7975
7977
|
return UsaStickyWall;
|
|
7976
|
-
}, { id: 'sticky-wall', text: css$
|
|
7978
|
+
}, { id: 'sticky-wall', text: css$7 });
|
|
7977
7979
|
}
|
|
7978
7980
|
|
|
7979
|
-
var css$
|
|
7981
|
+
var css$6 = "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}";
|
|
7980
7982
|
|
|
7981
7983
|
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7982
7984
|
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
@@ -8073,10 +8075,10 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8073
8075
|
}
|
|
8074
8076
|
}
|
|
8075
8077
|
return UsaSketchChart;
|
|
8076
|
-
}, { id: 'sketch-chart', text: css$
|
|
8078
|
+
}, { id: 'sketch-chart', text: css$6 });
|
|
8077
8079
|
}
|
|
8078
8080
|
|
|
8079
|
-
var css$
|
|
8081
|
+
var css$5 = "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}}";
|
|
8080
8082
|
|
|
8081
8083
|
const NAMES = { light: 'Light', dark: 'Dark', neon: 'Neon', glass: 'Glass', neu: 'Soft' };
|
|
8082
8084
|
function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
@@ -8178,10 +8180,10 @@ function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
|
8178
8180
|
}
|
|
8179
8181
|
}
|
|
8180
8182
|
return UsaThemeSwitcher;
|
|
8181
|
-
}, { id: 'theme-switcher', text: css$
|
|
8183
|
+
}, { id: 'theme-switcher', text: css$5 });
|
|
8182
8184
|
}
|
|
8183
8185
|
|
|
8184
|
-
var css = "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}}";
|
|
8186
|
+
var css$4 = "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}}";
|
|
8185
8187
|
|
|
8186
8188
|
function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
8187
8189
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8234,7 +8236,395 @@ function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
|
8234
8236
|
}
|
|
8235
8237
|
}
|
|
8236
8238
|
return UsaThemeSurface;
|
|
8237
|
-
}, { id: 'theme-surface', text: css });
|
|
8239
|
+
}, { id: 'theme-surface', text: css$4 });
|
|
8240
|
+
}
|
|
8241
|
+
|
|
8242
|
+
var css$3 = "usa-gyro-card{position:relative;display:block;box-sizing:border-box;padding:22px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#6366f1,#ec4899);box-shadow:0 18px 40px -20px rgba(79,70,229,.8);transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .25s ease-out;will-change:transform;overflow:hidden}usa-gyro-card [data-depth]{display:block;transform:translateZ(calc(var(--depth-k,14px) * var(--d,1)))}usa-gyro-card [data-depth=\"2\"]{--d:2}usa-gyro-card [data-depth=\"3\"]{--d:3}usa-gyro-card .usa-gy-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,30%),rgba(255,255,255,.4),transparent 55%);opacity:.5;transition:opacity .3s}usa-gyro-card[data-tilted] .usa-gy-glare{opacity:1}@media (prefers-reduced-motion:reduce){usa-gyro-card{transform:none;transition:none}}";
|
|
8243
|
+
|
|
8244
|
+
function defineGyroCard(tag = 'usa-gyro-card') {
|
|
8245
|
+
return base.defineElement(tag, (Base) => {
|
|
8246
|
+
class UsaGyroCard extends Base {
|
|
8247
|
+
constructor() {
|
|
8248
|
+
super(...arguments);
|
|
8249
|
+
this._src = 'none';
|
|
8250
|
+
}
|
|
8251
|
+
static get observedAttributes() {
|
|
8252
|
+
return ['max', 'glare'];
|
|
8253
|
+
}
|
|
8254
|
+
get source() {
|
|
8255
|
+
return this._src;
|
|
8256
|
+
}
|
|
8257
|
+
mount() {
|
|
8258
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8259
|
+
if (this.str('glare') !== 'false')
|
|
8260
|
+
this.insertAdjacentHTML('beforeend', '<span class="usa-gy-glare" aria-hidden="true" data-usa-part></span>');
|
|
8261
|
+
if (this.reduced)
|
|
8262
|
+
return;
|
|
8263
|
+
const max = Math.max(1, Math.min(40, this.num('max', 15)));
|
|
8264
|
+
this.listen(this, 'pointermove', (e) => {
|
|
8265
|
+
if (this._src === 'gyro' || e.pointerType === 'touch')
|
|
8266
|
+
return;
|
|
8267
|
+
const r = this.getBoundingClientRect();
|
|
8268
|
+
if (!r.width || !r.height)
|
|
8269
|
+
return;
|
|
8270
|
+
const px = (e.clientX - r.left) / r.width - 0.5;
|
|
8271
|
+
const py = (e.clientY - r.top) / r.height - 0.5;
|
|
8272
|
+
this.tilt(-py * 2 * max, px * 2 * max, 'pointer');
|
|
8273
|
+
});
|
|
8274
|
+
this.listen(this, 'pointerleave', () => {
|
|
8275
|
+
if (this._src === 'pointer')
|
|
8276
|
+
this.tilt(0, 0, 'pointer');
|
|
8277
|
+
});
|
|
8278
|
+
if (typeof window !== 'undefined' && 'DeviceOrientationEvent' in window) {
|
|
8279
|
+
let active = false;
|
|
8280
|
+
const on = () => {
|
|
8281
|
+
if (active)
|
|
8282
|
+
return;
|
|
8283
|
+
active = true;
|
|
8284
|
+
this.inView((v) => {
|
|
8285
|
+
if (v)
|
|
8286
|
+
this.listen(window, 'deviceorientation', (e) => {
|
|
8287
|
+
if (e.beta == null || e.gamma == null)
|
|
8288
|
+
return;
|
|
8289
|
+
const t = components_fxGesture.orientationToTilt(e.beta, e.gamma, max);
|
|
8290
|
+
this.tilt(t.rx, t.ry, 'gyro');
|
|
8291
|
+
});
|
|
8292
|
+
});
|
|
8293
|
+
};
|
|
8294
|
+
const DOE = window.DeviceOrientationEvent;
|
|
8295
|
+
if (typeof DOE.requestPermission === 'function') {
|
|
8296
|
+
this.listen(this, 'click', () => {
|
|
8297
|
+
if (!active)
|
|
8298
|
+
DOE.requestPermission().then((s) => s === 'granted' && on(), () => undefined);
|
|
8299
|
+
});
|
|
8300
|
+
}
|
|
8301
|
+
else
|
|
8302
|
+
on();
|
|
8303
|
+
}
|
|
8304
|
+
}
|
|
8305
|
+
wobble() {
|
|
8306
|
+
if (this.reduced)
|
|
8307
|
+
return null;
|
|
8308
|
+
const m = Math.max(1, Math.min(40, this.num('max', 15)));
|
|
8309
|
+
const f = (x, y) => ({ transform: `perspective(800px) rotateX(${x}deg) rotateY(${y}deg)` });
|
|
8310
|
+
return this.motion(this, [f(0, 0), f(-m, m), f(m * 0.6, -m * 0.8), f(-m * 0.3, m * 0.4), f(0, 0)], { duration: 1100, easing: 'ease-in-out' });
|
|
8311
|
+
}
|
|
8312
|
+
tilt(rx, ry, source = 'none') {
|
|
8313
|
+
this._src = (['gyro', 'pointer'].includes(source) ? source : 'none');
|
|
8314
|
+
this.style.setProperty('--rx', `${rx.toFixed(1)}deg`);
|
|
8315
|
+
this.style.setProperty('--ry', `${ry.toFixed(1)}deg`);
|
|
8316
|
+
this.style.setProperty('--gx', `${50 + ry * 2}%`);
|
|
8317
|
+
this.style.setProperty('--gy', `${50 - rx * 2}%`);
|
|
8318
|
+
this.setFlag('data-tilted', Math.abs(rx) + Math.abs(ry) > 0.5);
|
|
8319
|
+
this.emit('tilt', { rx, ry, source: this._src });
|
|
8320
|
+
}
|
|
8321
|
+
}
|
|
8322
|
+
return UsaGyroCard;
|
|
8323
|
+
}, { id: 'gyro-card', text: css$3 });
|
|
8324
|
+
}
|
|
8325
|
+
|
|
8326
|
+
var css$2 = "usa-gesture-sticker{display:inline-block;touch-action:none;cursor:grab;outline:none;-webkit-user-select:none;user-select:none;transform-origin:50% 50%;filter:drop-shadow(0 6px 8px rgba(15,23,42,.25));will-change:transform}usa-gesture-sticker[data-held]{cursor:grabbing;filter:drop-shadow(0 16px 18px rgba(15,23,42,.35))}usa-gesture-sticker:focus-visible{outline:2px dashed #6366f1;outline-offset:4px}usa-gesture-sticker img{display:block;-webkit-user-drag:none;pointer-events:none}";
|
|
8327
|
+
|
|
8328
|
+
function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
8329
|
+
return base.defineElement(tag, (Base) => {
|
|
8330
|
+
class UsaGestureSticker extends Base {
|
|
8331
|
+
constructor() {
|
|
8332
|
+
super(...arguments);
|
|
8333
|
+
this._st = { x: 0, y: 0, scale: 1, angle: 0 };
|
|
8334
|
+
}
|
|
8335
|
+
static get observedAttributes() {
|
|
8336
|
+
return ['min', 'max', 'label'];
|
|
8337
|
+
}
|
|
8338
|
+
get x() {
|
|
8339
|
+
return this._st.x;
|
|
8340
|
+
}
|
|
8341
|
+
get y() {
|
|
8342
|
+
return this._st.y;
|
|
8343
|
+
}
|
|
8344
|
+
get scale() {
|
|
8345
|
+
return this._st.scale;
|
|
8346
|
+
}
|
|
8347
|
+
get angle() {
|
|
8348
|
+
return this._st.angle;
|
|
8349
|
+
}
|
|
8350
|
+
mount() {
|
|
8351
|
+
this.setAttribute('role', 'group');
|
|
8352
|
+
this.setAttribute('aria-roledescription', 'sticker');
|
|
8353
|
+
this.setAttribute('aria-label', `${this.str('label', 'Sticker')} — drag, pinch or twist; arrows, + / −, [ / ] on the keyboard`);
|
|
8354
|
+
if (!this.hasAttribute('tabindex'))
|
|
8355
|
+
this.tabIndex = 0;
|
|
8356
|
+
const pts = new Map();
|
|
8357
|
+
let start = null;
|
|
8358
|
+
const begin = () => {
|
|
8359
|
+
const v = [...pts.values()];
|
|
8360
|
+
start = v.length ? { st: { ...this._st }, a: v[0], b: v[1] } : null;
|
|
8361
|
+
this.setFlag('data-held', v.length > 0);
|
|
8362
|
+
};
|
|
8363
|
+
this.listen(this, 'pointerdown', (e) => {
|
|
8364
|
+
pts.set(e.pointerId, { x: e.clientX, y: e.clientY });
|
|
8365
|
+
try {
|
|
8366
|
+
this.setPointerCapture?.(e.pointerId);
|
|
8367
|
+
}
|
|
8368
|
+
catch {
|
|
8369
|
+
/* synthetic */
|
|
8370
|
+
}
|
|
8371
|
+
begin();
|
|
8372
|
+
});
|
|
8373
|
+
this.listen(this, 'pointermove', (e) => {
|
|
8374
|
+
if (!pts.has(e.pointerId) || !start)
|
|
8375
|
+
return;
|
|
8376
|
+
pts.set(e.pointerId, { x: e.clientX, y: e.clientY });
|
|
8377
|
+
const v = [...pts.values()];
|
|
8378
|
+
const s0 = start.st;
|
|
8379
|
+
if (v.length >= 2 && start.b) {
|
|
8380
|
+
const mx = (v[0].x + v[1].x - start.a.x - start.b.x) / 2;
|
|
8381
|
+
const my = (v[0].y + v[1].y - start.a.y - start.b.y) / 2;
|
|
8382
|
+
this.set({ x: s0.x + mx, y: s0.y + my, scale: s0.scale * components_fxGesture.pinchScale(start.a, start.b, v[0], v[1]), angle: s0.angle + components_fxGesture.pinchAngle(start.a, start.b, v[0], v[1]) }, false);
|
|
8383
|
+
}
|
|
8384
|
+
else
|
|
8385
|
+
this.set({ ...s0, x: s0.x + v[0].x - start.a.x, y: s0.y + v[0].y - start.a.y }, false);
|
|
8386
|
+
});
|
|
8387
|
+
const up = (e) => {
|
|
8388
|
+
pts.delete(e.pointerId);
|
|
8389
|
+
begin();
|
|
8390
|
+
if (!pts.size)
|
|
8391
|
+
this.settle();
|
|
8392
|
+
};
|
|
8393
|
+
this.listen(this, 'pointerup', up);
|
|
8394
|
+
this.listen(this, 'pointercancel', up);
|
|
8395
|
+
this.listen(this, 'wheel', (e) => {
|
|
8396
|
+
e.preventDefault();
|
|
8397
|
+
if (e.shiftKey)
|
|
8398
|
+
this.set({ ...this._st, angle: this._st.angle + (e.deltaY > 0 ? 8 : -8) }, true);
|
|
8399
|
+
else
|
|
8400
|
+
this.set({ ...this._st, scale: this._st.scale * (e.deltaY < 0 ? 1.1 : 1 / 1.1) }, true);
|
|
8401
|
+
}, { passive: false });
|
|
8402
|
+
this.listen(this, 'keydown', (e) => {
|
|
8403
|
+
const s = { ...this._st };
|
|
8404
|
+
const k = e.key;
|
|
8405
|
+
if (k === 'ArrowLeft')
|
|
8406
|
+
s.x -= 10;
|
|
8407
|
+
else if (k === 'ArrowRight')
|
|
8408
|
+
s.x += 10;
|
|
8409
|
+
else if (k === 'ArrowUp')
|
|
8410
|
+
s.y -= 10;
|
|
8411
|
+
else if (k === 'ArrowDown')
|
|
8412
|
+
s.y += 10;
|
|
8413
|
+
else if (k === '+' || k === '=')
|
|
8414
|
+
s.scale *= 1.15;
|
|
8415
|
+
else if (k === '-')
|
|
8416
|
+
s.scale /= 1.15;
|
|
8417
|
+
else if (k === '[')
|
|
8418
|
+
s.angle -= 15;
|
|
8419
|
+
else if (k === ']')
|
|
8420
|
+
s.angle += 15;
|
|
8421
|
+
else if (k === '0')
|
|
8422
|
+
return void (e.preventDefault(), this.reset());
|
|
8423
|
+
else
|
|
8424
|
+
return;
|
|
8425
|
+
e.preventDefault();
|
|
8426
|
+
this.set(s, true);
|
|
8427
|
+
});
|
|
8428
|
+
this.set(this._st, false, true);
|
|
8429
|
+
}
|
|
8430
|
+
settle() {
|
|
8431
|
+
if (this.reduced)
|
|
8432
|
+
return;
|
|
8433
|
+
this.motion(this, [{ filter: 'brightness(1.08)' }, { filter: 'none' }], { duration: 300 });
|
|
8434
|
+
}
|
|
8435
|
+
set(s, ease, silent = false) {
|
|
8436
|
+
const min = Math.max(0.1, this.num('min', 0.5));
|
|
8437
|
+
const max = Math.max(min, this.num('max', 3));
|
|
8438
|
+
const n = { x: Math.round(s.x * 10) / 10, y: Math.round(s.y * 10) / 10, scale: Math.round(base.clamp(s.scale, min, max) * 1000) / 1000, angle: Math.round((((s.angle % 360) + 540) % 360 - 180) * 10) / 10 };
|
|
8439
|
+
this._st = n;
|
|
8440
|
+
this.style.transition = ease && !this.reduced ? 'transform .35s cubic-bezier(.3,1.4,.5,1)' : 'none';
|
|
8441
|
+
this.style.transform = `translate(${n.x}px,${n.y}px) rotate(${n.angle}deg) scale(${n.scale})`;
|
|
8442
|
+
if (!silent)
|
|
8443
|
+
this.emit('transform', { ...n });
|
|
8444
|
+
}
|
|
8445
|
+
transformTo(s) {
|
|
8446
|
+
this.set({ ...this._st, ...s }, true);
|
|
8447
|
+
}
|
|
8448
|
+
reset() {
|
|
8449
|
+
this.set({ x: 0, y: 0, scale: 1, angle: 0 }, true);
|
|
8450
|
+
}
|
|
8451
|
+
}
|
|
8452
|
+
return UsaGestureSticker;
|
|
8453
|
+
}, { id: 'gesture-sticker', text: css$2 });
|
|
8454
|
+
}
|
|
8455
|
+
|
|
8456
|
+
var css$1 = "usa-panorama{position:relative;display:block;height:220px;border-radius:14px;overflow:hidden;background:#0f172a;cursor:grab;touch-action:pan-y;outline:none;-webkit-user-select:none;user-select:none}usa-panorama[data-dragging]{cursor:grabbing}usa-panorama:focus-visible{box-shadow:0 0 0 3px #6366f1}usa-panorama .usa-pano-view{position:absolute;inset:0;background-repeat:repeat-x;background-size:auto 100%;background-position:0 50%}usa-panorama .usa-pano-procedural{background-size:400% 100%;background-repeat:repeat-x;background-image:radial-gradient(circle at 12% 30%,#fde68a 0 3%,transparent 3.5%),linear-gradient(170deg,transparent 58%,#166534 58.5% 64%,transparent 64.5%),linear-gradient(10deg,transparent 52%,#15803d 52.5% 60%,transparent 60.5%),linear-gradient(160deg,transparent 46%,#475569 46.5% 70%,transparent 70.5%),linear-gradient(20deg,transparent 48%,#64748b 48.5% 70%,transparent 70.5%),linear-gradient(#38bdf8,#bae6fd 55%,#86efac 55.5%,#22c55e)}usa-panorama .usa-pano-compass{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;background:rgba(15,23,42,.55);box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}usa-panorama .usa-pano-compass i{position:absolute;inset:4px;border-radius:50%;transition:transform .25s linear;background:conic-gradient(#ef4444 0 6deg,transparent 6deg 354deg,#ef4444 354deg)}usa-panorama .usa-pano-xr{position:absolute;left:10px;bottom:10px;padding:6px 10px;border:0;border-radius:999px;background:rgba(15,23,42,.7);color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}";
|
|
8457
|
+
|
|
8458
|
+
function definePanorama(tag = 'usa-panorama') {
|
|
8459
|
+
return base.defineElement(tag, (Base) => {
|
|
8460
|
+
class UsaPanorama extends Base {
|
|
8461
|
+
constructor() {
|
|
8462
|
+
super(...arguments);
|
|
8463
|
+
this._yaw = 0;
|
|
8464
|
+
this._raf = 0;
|
|
8465
|
+
}
|
|
8466
|
+
static get observedAttributes() {
|
|
8467
|
+
return ['src', 'autorotate', 'label'];
|
|
8468
|
+
}
|
|
8469
|
+
get yaw() {
|
|
8470
|
+
return this._yaw;
|
|
8471
|
+
}
|
|
8472
|
+
set yaw(v) {
|
|
8473
|
+
this.lookAt(v);
|
|
8474
|
+
}
|
|
8475
|
+
mount() {
|
|
8476
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8477
|
+
this.setAttribute('role', 'img');
|
|
8478
|
+
this.setAttribute('aria-label', this.str('label', '360° panorama'));
|
|
8479
|
+
this.setAttribute('aria-roledescription', 'panorama');
|
|
8480
|
+
if (!this.hasAttribute('tabindex'))
|
|
8481
|
+
this.tabIndex = 0;
|
|
8482
|
+
const src = this.str('src');
|
|
8483
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-pano-view${src ? '' : ' usa-pano-procedural'}" data-usa-part></div><span class="usa-pano-compass" aria-hidden="true" data-usa-part><i></i></span><button type="button" class="usa-pano-xr" hidden data-usa-part>View in XR</button>`);
|
|
8484
|
+
const view = this.querySelector('.usa-pano-view');
|
|
8485
|
+
if (src)
|
|
8486
|
+
view.style.backgroundImage = `url("${src.replace(/"/g, '%22')}")`;
|
|
8487
|
+
let vel = 0;
|
|
8488
|
+
let drag = null;
|
|
8489
|
+
this.listen(this, 'pointerdown', (e) => {
|
|
8490
|
+
if (e.target.closest?.('.usa-pano-xr'))
|
|
8491
|
+
return;
|
|
8492
|
+
drag = { x: e.clientX, yaw: this._yaw, t: performance.now(), lx: e.clientX };
|
|
8493
|
+
vel = 0;
|
|
8494
|
+
this.setFlag('data-dragging', true);
|
|
8495
|
+
try {
|
|
8496
|
+
this.setPointerCapture?.(e.pointerId);
|
|
8497
|
+
}
|
|
8498
|
+
catch {
|
|
8499
|
+
/* synthetic */
|
|
8500
|
+
}
|
|
8501
|
+
});
|
|
8502
|
+
this.listen(this, 'pointermove', (e) => {
|
|
8503
|
+
if (!drag)
|
|
8504
|
+
return;
|
|
8505
|
+
const w = this.clientWidth || 300;
|
|
8506
|
+
const now = performance.now();
|
|
8507
|
+
vel = ((drag.lx - e.clientX) / w) * 90 / Math.max(1, now - drag.t) * 16;
|
|
8508
|
+
drag.t = now;
|
|
8509
|
+
drag.lx = e.clientX;
|
|
8510
|
+
this.lookAt(drag.yaw + ((drag.x - e.clientX) / w) * 90);
|
|
8511
|
+
});
|
|
8512
|
+
const up = () => {
|
|
8513
|
+
if (!drag)
|
|
8514
|
+
return;
|
|
8515
|
+
drag = null;
|
|
8516
|
+
this.setFlag('data-dragging', false);
|
|
8517
|
+
};
|
|
8518
|
+
this.listen(this, 'pointerup', up);
|
|
8519
|
+
this.listen(this, 'pointercancel', up);
|
|
8520
|
+
this.listen(this, 'keydown', (e) => {
|
|
8521
|
+
if (e.key === 'ArrowLeft')
|
|
8522
|
+
this.lookAt(this._yaw - 15);
|
|
8523
|
+
else if (e.key === 'ArrowRight')
|
|
8524
|
+
this.lookAt(this._yaw + 15);
|
|
8525
|
+
else
|
|
8526
|
+
return;
|
|
8527
|
+
e.preventDefault();
|
|
8528
|
+
});
|
|
8529
|
+
const xr = this.querySelector('.usa-pano-xr');
|
|
8530
|
+
components_fxSpatial.xrSupport().then((m) => {
|
|
8531
|
+
if (m === 'none' || m === 'inline' || !this.isConnected)
|
|
8532
|
+
return;
|
|
8533
|
+
xr.hidden = false;
|
|
8534
|
+
this.emit('xr', { mode: m });
|
|
8535
|
+
});
|
|
8536
|
+
this.listen(xr, 'click', () => this.emit('xr-request', { yaw: this._yaw }));
|
|
8537
|
+
this.lookAt(this._yaw);
|
|
8538
|
+
if (this.reduced)
|
|
8539
|
+
return;
|
|
8540
|
+
const rate = this.num('autorotate', 6);
|
|
8541
|
+
this.inView((v) => {
|
|
8542
|
+
cancelAnimationFrame(this._raf);
|
|
8543
|
+
if (!v)
|
|
8544
|
+
return;
|
|
8545
|
+
let last = performance.now();
|
|
8546
|
+
const tick = (t) => {
|
|
8547
|
+
const dt = Math.min(64, t - last);
|
|
8548
|
+
last = t;
|
|
8549
|
+
if (!drag) {
|
|
8550
|
+
if (Math.abs(vel) > 0.02) {
|
|
8551
|
+
this.lookAt(this._yaw + vel * (dt / 16));
|
|
8552
|
+
vel *= 0.94;
|
|
8553
|
+
}
|
|
8554
|
+
else if (rate && !this.matches(':focus-within, :hover'))
|
|
8555
|
+
this.lookAt(this._yaw + (rate * dt) / 1000, true);
|
|
8556
|
+
}
|
|
8557
|
+
this._raf = requestAnimationFrame(tick);
|
|
8558
|
+
};
|
|
8559
|
+
this._raf = requestAnimationFrame(tick);
|
|
8560
|
+
});
|
|
8561
|
+
this.onCleanup(() => cancelAnimationFrame(this._raf));
|
|
8562
|
+
}
|
|
8563
|
+
lookAt(deg, quiet = false) {
|
|
8564
|
+
this._yaw = ((deg % 360) + 360) % 360;
|
|
8565
|
+
const view = this.querySelector('.usa-pano-view');
|
|
8566
|
+
if (view) {
|
|
8567
|
+
const tile = view.clientHeight ? view.clientHeight * 4 : 1200;
|
|
8568
|
+
view.style.backgroundPositionX = `${components_fxSpatial.yawToOffset(this._yaw, tile)}px`;
|
|
8569
|
+
}
|
|
8570
|
+
const c = this.querySelector('.usa-pano-compass i');
|
|
8571
|
+
if (c)
|
|
8572
|
+
c.style.transform = `rotate(${-this._yaw}deg)`;
|
|
8573
|
+
if (!quiet)
|
|
8574
|
+
this.emit('look', { yaw: Math.round(this._yaw) });
|
|
8575
|
+
}
|
|
8576
|
+
}
|
|
8577
|
+
return UsaPanorama;
|
|
8578
|
+
}, { id: 'panorama', text: css$1 });
|
|
8579
|
+
}
|
|
8580
|
+
|
|
8581
|
+
var css = "usa-spatial-card{position:relative;display:block;box-sizing:border-box;padding:20px 22px;margin-bottom:28px;border-radius:24px;color:#0f172a;background:linear-gradient(140deg,rgba(255,255,255,.62),rgba(255,255,255,.28));border:1px solid rgba(255,255,255,.75);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 22px 44px -26px rgba(15,23,42,.6),inset 0 1px 0 rgba(255,255,255,.8);transform:perspective(900px) translateZ(0);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.9,.25,1),box-shadow .45s}usa-spatial-card[data-active]{transform:perspective(900px) translateZ(18px);box-shadow:0 34px 60px -28px rgba(15,23,42,.55),inset 0 1px 0 rgba(255,255,255,.9)}usa-spatial-card .usa-sp-gaze{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,40%),rgba(255,255,255,.55),transparent 45%);opacity:0;transition:opacity .3s}usa-spatial-card[data-active] .usa-sp-gaze{opacity:1}usa-spatial-card [data-depth]{position:relative;display:block;transform:translateZ(calc(10px * var(--d,1)));transition:transform .45s}usa-spatial-card [data-depth=\"2\"]{--d:2}usa-spatial-card [data-depth=\"3\"]{--d:3}usa-spatial-card .usa-sp-ornament{position:absolute;left:50%;bottom:-22px;display:flex;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 20px -12px rgba(15,23,42,.5);transform:translateX(-50%) translateZ(30px);transition:transform .45s}usa-spatial-card[data-active] .usa-sp-ornament{transform:translateX(-50%) translateZ(40px) translateY(4px)}@media (prefers-reduced-motion:reduce){usa-spatial-card,usa-spatial-card *{transition:none!important}usa-spatial-card[data-active]{transform:none}}";
|
|
8582
|
+
|
|
8583
|
+
function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
8584
|
+
return base.defineElement(tag, (Base) => {
|
|
8585
|
+
class UsaSpatialCard extends Base {
|
|
8586
|
+
constructor() {
|
|
8587
|
+
super(...arguments);
|
|
8588
|
+
this._a = false;
|
|
8589
|
+
}
|
|
8590
|
+
get active() {
|
|
8591
|
+
return this._a;
|
|
8592
|
+
}
|
|
8593
|
+
mount() {
|
|
8594
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8595
|
+
this.insertAdjacentHTML('afterbegin', '<span class="usa-sp-gaze" aria-hidden="true" data-usa-part></span>');
|
|
8596
|
+
const orn = this.querySelector(':scope > [slot=ornament]');
|
|
8597
|
+
if (orn)
|
|
8598
|
+
orn.classList.add('usa-sp-ornament');
|
|
8599
|
+
const set = (on) => {
|
|
8600
|
+
if (on === this._a)
|
|
8601
|
+
return;
|
|
8602
|
+
this._a = on;
|
|
8603
|
+
this.setFlag('data-active', on);
|
|
8604
|
+
this.emit('focus-depth', { active: on });
|
|
8605
|
+
};
|
|
8606
|
+
this.listen(this, 'pointermove', (e) => {
|
|
8607
|
+
const r = this.getBoundingClientRect();
|
|
8608
|
+
if (!r.width)
|
|
8609
|
+
return;
|
|
8610
|
+
this.style.setProperty('--gx', `${(((e.clientX - r.left) / r.width) * 100).toFixed(1)}%`);
|
|
8611
|
+
this.style.setProperty('--gy', `${(((e.clientY - r.top) / r.height) * 100).toFixed(1)}%`);
|
|
8612
|
+
});
|
|
8613
|
+
this.listen(this, 'pointerenter', () => set(true));
|
|
8614
|
+
this.listen(this, 'pointerleave', () => set(this.matches(':focus-within')));
|
|
8615
|
+
this.listen(this, 'focusin', () => set(true));
|
|
8616
|
+
this.listen(this, 'focusout', (e) => {
|
|
8617
|
+
if (!this.contains(e.relatedTarget))
|
|
8618
|
+
set(false);
|
|
8619
|
+
});
|
|
8620
|
+
this.listen(this, 'pointerdown', () => {
|
|
8621
|
+
if (!this.reduced)
|
|
8622
|
+
this.motion(this, [{ transform: 'perspective(900px) translateZ(18px)' }, { transform: 'perspective(900px) translateZ(-6px)', offset: 0.4 }, { transform: 'perspective(900px) translateZ(18px)' }], { duration: 320, easing: 'ease-out' });
|
|
8623
|
+
});
|
|
8624
|
+
}
|
|
8625
|
+
}
|
|
8626
|
+
return UsaSpatialCard;
|
|
8627
|
+
}, { id: 'spatial-card', text: css });
|
|
8238
8628
|
}
|
|
8239
8629
|
|
|
8240
8630
|
/**
|
|
@@ -8275,6 +8665,8 @@ const WIDGETS = {
|
|
|
8275
8665
|
'8.4': { 'usa-hud-panel': defineHudPanel, 'usa-radar': defineRadar },
|
|
8276
8666
|
'8.5': { 'usa-sticky-wall': defineStickyWall, 'usa-sketch-chart': defineSketchChart },
|
|
8277
8667
|
'8.6': { 'usa-theme-switcher': defineThemeSwitcher, 'usa-theme-surface': defineThemeSurface },
|
|
8668
|
+
'8.7': { 'usa-gyro-card': defineGyroCard, 'usa-gesture-sticker': defineGestureSticker },
|
|
8669
|
+
'8.8': { 'usa-panorama': definePanorama, 'usa-spatial-card': defineSpatialCard },
|
|
8278
8670
|
};
|
|
8279
8671
|
/** Every widget tag, in release order. */
|
|
8280
8672
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -8329,7 +8721,9 @@ exports.defineFestivalBanner = defineFestivalBanner;
|
|
|
8329
8721
|
exports.defineField = defineField;
|
|
8330
8722
|
exports.defineFileDrop = defineFileDrop;
|
|
8331
8723
|
exports.defineGauge = defineGauge;
|
|
8724
|
+
exports.defineGestureSticker = defineGestureSticker;
|
|
8332
8725
|
exports.defineGlobe = defineGlobe;
|
|
8726
|
+
exports.defineGyroCard = defineGyroCard;
|
|
8333
8727
|
exports.defineHudPanel = defineHudPanel;
|
|
8334
8728
|
exports.defineHydrate = defineHydrate;
|
|
8335
8729
|
exports.defineKanban = defineKanban;
|
|
@@ -8352,6 +8746,7 @@ exports.defineOdometer = defineOdometer;
|
|
|
8352
8746
|
exports.defineOrganicCard = defineOrganicCard;
|
|
8353
8747
|
exports.defineOtp = defineOtp;
|
|
8354
8748
|
exports.definePagination = definePagination;
|
|
8749
|
+
exports.definePanorama = definePanorama;
|
|
8355
8750
|
exports.definePresence = definePresence;
|
|
8356
8751
|
exports.definePrizeWheel = definePrizeWheel;
|
|
8357
8752
|
exports.defineProductGallery = defineProductGallery;
|
|
@@ -8367,6 +8762,7 @@ exports.defineShortcut = defineShortcut;
|
|
|
8367
8762
|
exports.defineSkeletonReveal = defineSkeletonReveal;
|
|
8368
8763
|
exports.defineSketchChart = defineSketchChart;
|
|
8369
8764
|
exports.defineSparkline = defineSparkline;
|
|
8765
|
+
exports.defineSpatialCard = defineSpatialCard;
|
|
8370
8766
|
exports.defineStarRating = defineStarRating;
|
|
8371
8767
|
exports.defineStepper = defineStepper;
|
|
8372
8768
|
exports.defineStickyWall = defineStickyWall;
|