use-scroll-animate 8.5.0 → 8.7.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 +33 -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-surface.cjs +89 -0
- package/dist/components/fx-surface.cjs.map +1 -0
- package/dist/components/fx-surface.d.cts +70 -0
- package/dist/components/fx-surface.d.ts +70 -0
- package/dist/components/fx-surface.js +84 -0
- package/dist/components/fx-surface.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 +57 -1
- package/dist/components/fx2.d.ts +57 -1
- package/dist/components/fx2.js +9 -1
- package/dist/components/fx2.js.map +1 -1
- package/dist/components/widgets.cjs +531 -148
- 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 +528 -149
- 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 +40 -0
- package/package.json +41 -1
|
@@ -9,6 +9,8 @@ var components_fxShop = require('./fx-shop.cjs');
|
|
|
9
9
|
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
|
+
var components_fxSurface = require('./fx-surface.cjs');
|
|
13
|
+
var components_fxGesture = require('./fx-gesture.cjs');
|
|
12
14
|
require('../chunks/core-CwO835Wm.cjs');
|
|
13
15
|
require('./tokens.cjs');
|
|
14
16
|
require('../chunks/fx-C-XjLOTc.cjs');
|
|
@@ -48,7 +50,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
48
50
|
return -1;
|
|
49
51
|
}
|
|
50
52
|
|
|
51
|
-
var css$
|
|
53
|
+
var css$1b = "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}";
|
|
52
54
|
|
|
53
55
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
54
56
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -237,10 +239,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
237
239
|
}
|
|
238
240
|
}
|
|
239
241
|
return UsaCarousel;
|
|
240
|
-
}, { id: 'carousel', text: css$
|
|
242
|
+
}, { id: 'carousel', text: css$1b });
|
|
241
243
|
}
|
|
242
244
|
|
|
243
|
-
var css$
|
|
245
|
+
var css$1a = "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}";
|
|
244
246
|
|
|
245
247
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
246
248
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -353,10 +355,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
353
355
|
}
|
|
354
356
|
}
|
|
355
357
|
return UsaTabBar;
|
|
356
|
-
}, { id: 'tab-bar', text: css$
|
|
358
|
+
}, { id: 'tab-bar', text: css$1a });
|
|
357
359
|
}
|
|
358
360
|
|
|
359
|
-
var css$
|
|
361
|
+
var css$19 = "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}}";
|
|
360
362
|
|
|
361
363
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
362
364
|
return base.defineElement(tag, (Base) => {
|
|
@@ -424,10 +426,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
424
426
|
}
|
|
425
427
|
}
|
|
426
428
|
return UsaDisclosure;
|
|
427
|
-
}, { id: 'disclosure', text: css$
|
|
429
|
+
}, { id: 'disclosure', text: css$19 });
|
|
428
430
|
}
|
|
429
431
|
|
|
430
|
-
var css$
|
|
432
|
+
var css$18 = "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}}";
|
|
431
433
|
|
|
432
434
|
function defineStories(tag = 'usa-stories') {
|
|
433
435
|
return base.defineElement(tag, (Base) => {
|
|
@@ -560,10 +562,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
560
562
|
}
|
|
561
563
|
}
|
|
562
564
|
return UsaStories;
|
|
563
|
-
}, { id: 'stories', text: css$
|
|
565
|
+
}, { id: 'stories', text: css$18 });
|
|
564
566
|
}
|
|
565
567
|
|
|
566
|
-
var css$
|
|
568
|
+
var css$17 = "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)}}";
|
|
567
569
|
|
|
568
570
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
569
571
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -790,12 +792,12 @@ function defineOverlay(tag, kind) {
|
|
|
790
792
|
}
|
|
791
793
|
}
|
|
792
794
|
return UsaOverlay;
|
|
793
|
-
}, { id: 'overlay', text: css$
|
|
795
|
+
}, { id: 'overlay', text: css$17 });
|
|
794
796
|
}
|
|
795
797
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
796
798
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
797
799
|
|
|
798
|
-
var css$
|
|
800
|
+
var css$16 = "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}}";
|
|
799
801
|
|
|
800
802
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
801
803
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -966,7 +968,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
966
968
|
}
|
|
967
969
|
}
|
|
968
970
|
return UsaToastStack;
|
|
969
|
-
}, { id: 'toast', text: css$
|
|
971
|
+
}, { id: 'toast', text: css$16 });
|
|
970
972
|
}
|
|
971
973
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
972
974
|
function stackToast(input, stack) {
|
|
@@ -994,7 +996,7 @@ function installToastTriggers() {
|
|
|
994
996
|
});
|
|
995
997
|
}
|
|
996
998
|
|
|
997
|
-
var css$
|
|
999
|
+
var css$15 = "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)}}";
|
|
998
1000
|
|
|
999
1001
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
1000
1002
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1133,10 +1135,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1133
1135
|
}
|
|
1134
1136
|
}
|
|
1135
1137
|
return UsaMenu;
|
|
1136
|
-
}, { id: 'menu', text: css$
|
|
1138
|
+
}, { id: 'menu', text: css$15 });
|
|
1137
1139
|
}
|
|
1138
1140
|
|
|
1139
|
-
var css$
|
|
1141
|
+
var css$14 = "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}}";
|
|
1140
1142
|
|
|
1141
1143
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1142
1144
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1276,7 +1278,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1276
1278
|
}
|
|
1277
1279
|
}
|
|
1278
1280
|
return UsaProgressRing;
|
|
1279
|
-
}, { id: 'meters', text: css$
|
|
1281
|
+
}, { id: 'meters', text: css$14 });
|
|
1280
1282
|
}
|
|
1281
1283
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1282
1284
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1386,10 +1388,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1386
1388
|
}
|
|
1387
1389
|
}
|
|
1388
1390
|
return UsaOdometer;
|
|
1389
|
-
}, { id: 'meters', text: css$
|
|
1391
|
+
}, { id: 'meters', text: css$14 });
|
|
1390
1392
|
}
|
|
1391
1393
|
|
|
1392
|
-
var css
|
|
1394
|
+
var css$13 = "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}}";
|
|
1393
1395
|
|
|
1394
1396
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1395
1397
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1504,10 +1506,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1504
1506
|
}
|
|
1505
1507
|
}
|
|
1506
1508
|
return UsaSkeletonReveal;
|
|
1507
|
-
}, { id: 'skeleton-reveal', text: css
|
|
1509
|
+
}, { id: 'skeleton-reveal', text: css$13 });
|
|
1508
1510
|
}
|
|
1509
1511
|
|
|
1510
|
-
var css$
|
|
1512
|
+
var css$12 = "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}}";
|
|
1511
1513
|
|
|
1512
1514
|
const PATHS = {
|
|
1513
1515
|
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',
|
|
@@ -1644,10 +1646,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1644
1646
|
}
|
|
1645
1647
|
UsaStarRating.formAssociated = true;
|
|
1646
1648
|
return UsaStarRating;
|
|
1647
|
-
}, { id: 'star-rating', text: css$
|
|
1649
|
+
}, { id: 'star-rating', text: css$12 });
|
|
1648
1650
|
}
|
|
1649
1651
|
|
|
1650
|
-
var css$
|
|
1652
|
+
var css$11 = "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}}";
|
|
1651
1653
|
|
|
1652
1654
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1653
1655
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1735,10 +1737,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1735
1737
|
}
|
|
1736
1738
|
}
|
|
1737
1739
|
return UsaMilestones;
|
|
1738
|
-
}, { id: 'milestones', text: css$
|
|
1740
|
+
}, { id: 'milestones', text: css$11 });
|
|
1739
1741
|
}
|
|
1740
1742
|
|
|
1741
|
-
var css$
|
|
1743
|
+
var css$10 = "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}";
|
|
1742
1744
|
|
|
1743
1745
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1744
1746
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1859,10 +1861,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1859
1861
|
}
|
|
1860
1862
|
}
|
|
1861
1863
|
return UsaMasonryFlow;
|
|
1862
|
-
}, { id: 'masonry-flow', text: css$
|
|
1864
|
+
}, { id: 'masonry-flow', text: css$10 });
|
|
1863
1865
|
}
|
|
1864
1866
|
|
|
1865
|
-
var css
|
|
1867
|
+
var css$$ = "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}";
|
|
1866
1868
|
|
|
1867
1869
|
function defineCompare(tag = 'usa-compare') {
|
|
1868
1870
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1986,10 +1988,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1986
1988
|
}
|
|
1987
1989
|
}
|
|
1988
1990
|
return UsaCompare;
|
|
1989
|
-
}, { id: 'compare', text: css
|
|
1991
|
+
}, { id: 'compare', text: css$$ });
|
|
1990
1992
|
}
|
|
1991
1993
|
|
|
1992
|
-
var css$
|
|
1994
|
+
var css$_ = "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}";
|
|
1993
1995
|
|
|
1994
1996
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
1995
1997
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2122,10 +2124,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2122
2124
|
}
|
|
2123
2125
|
}
|
|
2124
2126
|
return UsaCubeGallery;
|
|
2125
|
-
}, { id: 'cube-gallery', text: css$
|
|
2127
|
+
}, { id: 'cube-gallery', text: css$_ });
|
|
2126
2128
|
}
|
|
2127
2129
|
|
|
2128
|
-
var css$
|
|
2130
|
+
var css$Z = "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}}";
|
|
2129
2131
|
|
|
2130
2132
|
function defineDock(tag = 'usa-dock') {
|
|
2131
2133
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2193,10 +2195,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2193
2195
|
}
|
|
2194
2196
|
}
|
|
2195
2197
|
return UsaDock;
|
|
2196
|
-
}, { id: 'dock', text: css$
|
|
2198
|
+
}, { id: 'dock', text: css$Z });
|
|
2197
2199
|
}
|
|
2198
2200
|
|
|
2199
|
-
var css$
|
|
2201
|
+
var css$Y = "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)}";
|
|
2200
2202
|
|
|
2201
2203
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2202
2204
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2300,10 +2302,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2300
2302
|
}
|
|
2301
2303
|
}
|
|
2302
2304
|
return UsaNavMorph;
|
|
2303
|
-
}, { id: 'nav-morph', text: css$
|
|
2305
|
+
}, { id: 'nav-morph', text: css$Y });
|
|
2304
2306
|
}
|
|
2305
2307
|
|
|
2306
|
-
var css$
|
|
2308
|
+
var css$X = "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}";
|
|
2307
2309
|
|
|
2308
2310
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2309
2311
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2376,10 +2378,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2376
2378
|
}
|
|
2377
2379
|
}
|
|
2378
2380
|
return UsaMenuToggle;
|
|
2379
|
-
}, { id: 'menu-toggle', text: css$
|
|
2381
|
+
}, { id: 'menu-toggle', text: css$X });
|
|
2380
2382
|
}
|
|
2381
2383
|
|
|
2382
|
-
var css$
|
|
2384
|
+
var css$W = "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)}";
|
|
2383
2385
|
|
|
2384
2386
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2385
2387
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2511,10 +2513,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2511
2513
|
}
|
|
2512
2514
|
}
|
|
2513
2515
|
return UsaTip;
|
|
2514
|
-
}, { id: 'tip', text: css$
|
|
2516
|
+
}, { id: 'tip', text: css$W });
|
|
2515
2517
|
}
|
|
2516
2518
|
|
|
2517
|
-
var css$
|
|
2519
|
+
var css$V = "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}}";
|
|
2518
2520
|
|
|
2519
2521
|
function defineStepper(tag = 'usa-stepper') {
|
|
2520
2522
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2611,10 +2613,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2611
2613
|
}
|
|
2612
2614
|
}
|
|
2613
2615
|
return UsaStepper;
|
|
2614
|
-
}, { id: 'stepper', text: css$
|
|
2616
|
+
}, { id: 'stepper', text: css$V });
|
|
2615
2617
|
}
|
|
2616
2618
|
|
|
2617
|
-
var css$
|
|
2619
|
+
var css$U = "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}}";
|
|
2618
2620
|
|
|
2619
2621
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2620
2622
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2736,10 +2738,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2736
2738
|
}
|
|
2737
2739
|
}
|
|
2738
2740
|
return UsaPagination;
|
|
2739
|
-
}, { id: 'pagination', text: css$
|
|
2741
|
+
}, { id: 'pagination', text: css$U });
|
|
2740
2742
|
}
|
|
2741
2743
|
|
|
2742
|
-
var css$
|
|
2744
|
+
var css$T = "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}}";
|
|
2743
2745
|
|
|
2744
2746
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2745
2747
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2833,10 +2835,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2833
2835
|
}
|
|
2834
2836
|
}
|
|
2835
2837
|
return UsaSegmented;
|
|
2836
|
-
}, { id: 'segmented', text: css$
|
|
2838
|
+
}, { id: 'segmented', text: css$T });
|
|
2837
2839
|
}
|
|
2838
2840
|
|
|
2839
|
-
var css$
|
|
2841
|
+
var css$S = "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}}";
|
|
2840
2842
|
|
|
2841
2843
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2842
2844
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2924,10 +2926,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2924
2926
|
}
|
|
2925
2927
|
}
|
|
2926
2928
|
return UsaSwitch;
|
|
2927
|
-
}, { id: 'switch', text: css$
|
|
2929
|
+
}, { id: 'switch', text: css$S });
|
|
2928
2930
|
}
|
|
2929
2931
|
|
|
2930
|
-
var css$
|
|
2932
|
+
var css$R = "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}}";
|
|
2931
2933
|
|
|
2932
2934
|
function defineKanban(tag = 'usa-kanban') {
|
|
2933
2935
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3132,10 +3134,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3132
3134
|
}
|
|
3133
3135
|
}
|
|
3134
3136
|
return UsaKanban;
|
|
3135
|
-
}, { id: 'kanban', text: css$
|
|
3137
|
+
}, { id: 'kanban', text: css$R });
|
|
3136
3138
|
}
|
|
3137
3139
|
|
|
3138
|
-
var css$
|
|
3140
|
+
var css$Q = "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}}";
|
|
3139
3141
|
|
|
3140
3142
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3141
3143
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3277,10 +3279,10 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3277
3279
|
}
|
|
3278
3280
|
}
|
|
3279
3281
|
return UsaSwipeDeck;
|
|
3280
|
-
}, { id: 'swipe-deck', text: css$
|
|
3282
|
+
}, { id: 'swipe-deck', text: css$Q });
|
|
3281
3283
|
}
|
|
3282
3284
|
|
|
3283
|
-
var css$
|
|
3285
|
+
var css$P = "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}}";
|
|
3284
3286
|
|
|
3285
3287
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3286
3288
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
@@ -3361,10 +3363,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3361
3363
|
}
|
|
3362
3364
|
}
|
|
3363
3365
|
return UsaWeatherCard;
|
|
3364
|
-
}, { id: 'weather-card', text: css$
|
|
3366
|
+
}, { id: 'weather-card', text: css$P });
|
|
3365
3367
|
}
|
|
3366
3368
|
|
|
3367
|
-
var css$
|
|
3369
|
+
var css$O = "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}}";
|
|
3368
3370
|
|
|
3369
3371
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3370
3372
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3493,10 +3495,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3493
3495
|
}
|
|
3494
3496
|
}
|
|
3495
3497
|
return UsaPullCord;
|
|
3496
|
-
}, { id: 'pull-cord', text: css$
|
|
3498
|
+
}, { id: 'pull-cord', text: css$O });
|
|
3497
3499
|
}
|
|
3498
3500
|
|
|
3499
|
-
var css$
|
|
3501
|
+
var css$N = "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}}";
|
|
3500
3502
|
|
|
3501
3503
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3502
3504
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3645,10 +3647,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3645
3647
|
}
|
|
3646
3648
|
}
|
|
3647
3649
|
return UsaDatePicker;
|
|
3648
|
-
}, { id: 'date-picker', text: css$
|
|
3650
|
+
}, { id: 'date-picker', text: css$N });
|
|
3649
3651
|
}
|
|
3650
3652
|
|
|
3651
|
-
var css$
|
|
3653
|
+
var css$M = "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}}";
|
|
3652
3654
|
|
|
3653
3655
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3654
3656
|
function hsvToHex(h, s, v) {
|
|
@@ -3768,10 +3770,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3768
3770
|
}
|
|
3769
3771
|
}
|
|
3770
3772
|
return UsaColorPicker;
|
|
3771
|
-
}, { id: 'color-picker', text: css$
|
|
3773
|
+
}, { id: 'color-picker', text: css$M });
|
|
3772
3774
|
}
|
|
3773
3775
|
|
|
3774
|
-
var css$
|
|
3776
|
+
var css$L = "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}}";
|
|
3775
3777
|
|
|
3776
3778
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3777
3779
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3872,10 +3874,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3872
3874
|
}
|
|
3873
3875
|
}
|
|
3874
3876
|
return UsaFileDrop;
|
|
3875
|
-
}, { id: 'file-drop', text: css$
|
|
3877
|
+
}, { id: 'file-drop', text: css$L });
|
|
3876
3878
|
}
|
|
3877
3879
|
|
|
3878
|
-
var css$
|
|
3880
|
+
var css$K = "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}}";
|
|
3879
3881
|
|
|
3880
3882
|
const DEFAULT = {
|
|
3881
3883
|
format: player.ANIMATION_FORMAT,
|
|
@@ -4049,10 +4051,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4049
4051
|
}
|
|
4050
4052
|
}
|
|
4051
4053
|
return UsaKeyframeEditor;
|
|
4052
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4054
|
+
}, { id: 'keyframe-editor', text: css$K });
|
|
4053
4055
|
}
|
|
4054
4056
|
|
|
4055
|
-
var css$
|
|
4057
|
+
var css$J = "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}}";
|
|
4056
4058
|
|
|
4057
4059
|
const fmt = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4058
4060
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4213,10 +4215,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4213
4215
|
}
|
|
4214
4216
|
}
|
|
4215
4217
|
return UsaMusicPlayer;
|
|
4216
|
-
}, { id: 'music-player', text: css$
|
|
4218
|
+
}, { id: 'music-player', text: css$J });
|
|
4217
4219
|
}
|
|
4218
4220
|
|
|
4219
|
-
var css$
|
|
4221
|
+
var css$I = "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}}";
|
|
4220
4222
|
|
|
4221
4223
|
const ARC = 270;
|
|
4222
4224
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4307,10 +4309,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4307
4309
|
}
|
|
4308
4310
|
}
|
|
4309
4311
|
return UsaVolumeKnob;
|
|
4310
|
-
}, { id: 'volume-knob', text: css$
|
|
4312
|
+
}, { id: 'volume-knob', text: css$I });
|
|
4311
4313
|
}
|
|
4312
4314
|
|
|
4313
|
-
var css$
|
|
4315
|
+
var css$H = "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}}";
|
|
4314
4316
|
|
|
4315
4317
|
const EQ_PRESETS = {
|
|
4316
4318
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4408,10 +4410,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4408
4410
|
}
|
|
4409
4411
|
}
|
|
4410
4412
|
return UsaEqualizer;
|
|
4411
|
-
}, { id: 'equalizer', text: css$
|
|
4413
|
+
}, { id: 'equalizer', text: css$H });
|
|
4412
4414
|
}
|
|
4413
4415
|
|
|
4414
|
-
var css$
|
|
4416
|
+
var css$G = "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}}";
|
|
4415
4417
|
|
|
4416
4418
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4417
4419
|
function parseLRC(src) {
|
|
@@ -4523,10 +4525,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4523
4525
|
}
|
|
4524
4526
|
}
|
|
4525
4527
|
return UsaLyrics;
|
|
4526
|
-
}, { id: 'lyrics', text: css$
|
|
4528
|
+
}, { id: 'lyrics', text: css$G });
|
|
4527
4529
|
}
|
|
4528
4530
|
|
|
4529
|
-
var css$
|
|
4531
|
+
var css$F = "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}}";
|
|
4530
4532
|
|
|
4531
4533
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4532
4534
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4620,10 +4622,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4620
4622
|
}
|
|
4621
4623
|
}
|
|
4622
4624
|
return UsaBarChart;
|
|
4623
|
-
}, { id: 'bar-chart', text: css$
|
|
4625
|
+
}, { id: 'bar-chart', text: css$F });
|
|
4624
4626
|
}
|
|
4625
4627
|
|
|
4626
|
-
var css$
|
|
4628
|
+
var css$E = "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)}";
|
|
4627
4629
|
|
|
4628
4630
|
function defineGauge(tag = 'usa-gauge') {
|
|
4629
4631
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4708,10 +4710,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4708
4710
|
}
|
|
4709
4711
|
}
|
|
4710
4712
|
return UsaGauge;
|
|
4711
|
-
}, { id: 'gauge', text: css$
|
|
4713
|
+
}, { id: 'gauge', text: css$E });
|
|
4712
4714
|
}
|
|
4713
4715
|
|
|
4714
|
-
var css$
|
|
4716
|
+
var css$D = "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}}";
|
|
4715
4717
|
|
|
4716
4718
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4717
4719
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4834,7 +4836,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4834
4836
|
}
|
|
4835
4837
|
}
|
|
4836
4838
|
return UsaSparkline;
|
|
4837
|
-
}, { id: 'sparkline', text: css$
|
|
4839
|
+
}, { id: 'sparkline', text: css$D });
|
|
4838
4840
|
}
|
|
4839
4841
|
|
|
4840
4842
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4847,7 +4849,7 @@ function parseFigureText(s) {
|
|
|
4847
4849
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4848
4850
|
}
|
|
4849
4851
|
|
|
4850
|
-
var css$
|
|
4852
|
+
var css$C = "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}";
|
|
4851
4853
|
|
|
4852
4854
|
function defineKpi(tag = 'usa-kpi') {
|
|
4853
4855
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4927,10 +4929,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4927
4929
|
}
|
|
4928
4930
|
}
|
|
4929
4931
|
return UsaKpi;
|
|
4930
|
-
}, { id: 'kpi', text: css$
|
|
4932
|
+
}, { id: 'kpi', text: css$C });
|
|
4931
4933
|
}
|
|
4932
4934
|
|
|
4933
|
-
var css$
|
|
4935
|
+
var css$B = "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}}";
|
|
4934
4936
|
|
|
4935
4937
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4936
4938
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4975,10 +4977,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4975
4977
|
}
|
|
4976
4978
|
}
|
|
4977
4979
|
return UsaAddToCart;
|
|
4978
|
-
}, { id: 'add-to-cart', text: css$
|
|
4980
|
+
}, { id: 'add-to-cart', text: css$B });
|
|
4979
4981
|
}
|
|
4980
4982
|
|
|
4981
|
-
var css$
|
|
4983
|
+
var css$A = "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}";
|
|
4982
4984
|
|
|
4983
4985
|
/** Cart total (7.3). */
|
|
4984
4986
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5143,10 +5145,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5143
5145
|
}
|
|
5144
5146
|
}
|
|
5145
5147
|
return UsaCartDrawer;
|
|
5146
|
-
}, { id: 'cart-drawer', text: css$
|
|
5148
|
+
}, { id: 'cart-drawer', text: css$A });
|
|
5147
5149
|
}
|
|
5148
5150
|
|
|
5149
|
-
var css$
|
|
5151
|
+
var css$z = "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}}";
|
|
5150
5152
|
|
|
5151
5153
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5152
5154
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5260,17 +5262,17 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5260
5262
|
}
|
|
5261
5263
|
}
|
|
5262
5264
|
return UsaProductGallery;
|
|
5263
|
-
}, { id: 'product-gallery', text: css$
|
|
5265
|
+
}, { id: 'product-gallery', text: css$z });
|
|
5264
5266
|
}
|
|
5265
5267
|
|
|
5266
|
-
var css$
|
|
5268
|
+
var css$y = "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)}";
|
|
5267
5269
|
|
|
5268
5270
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5269
5271
|
function splitTime(sec) {
|
|
5270
5272
|
const t = Math.max(0, Math.floor(sec));
|
|
5271
5273
|
return { d: Math.floor(t / 86400), h: Math.floor((t % 86400) / 3600), m: Math.floor((t % 3600) / 60), s: t % 60 };
|
|
5272
5274
|
}
|
|
5273
|
-
const NAMES = { d: 'days', h: 'hours', m: 'minutes', s: 'seconds' };
|
|
5275
|
+
const NAMES$1 = { d: 'days', h: 'hours', m: 'minutes', s: 'seconds' };
|
|
5274
5276
|
function defineCountdown(tag = 'usa-countdown') {
|
|
5275
5277
|
return base.defineElement(tag, (Base) => {
|
|
5276
5278
|
class UsaCountdown extends Base {
|
|
@@ -5287,10 +5289,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5287
5289
|
return Math.max(0, Math.round((this._end - Date.now()) / 1000));
|
|
5288
5290
|
}
|
|
5289
5291
|
mount() {
|
|
5290
|
-
const units = this.str('units', 'd,h,m,s').split(',').map((u) => u.trim()).filter((u) => u in NAMES);
|
|
5292
|
+
const units = this.str('units', 'd,h,m,s').split(',').map((u) => u.trim()).filter((u) => u in NAMES$1);
|
|
5291
5293
|
const labels = this.str('labels', '').split(',');
|
|
5292
5294
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
5293
|
-
this.insertAdjacentHTML('afterbegin', `<span class="usa-cd-row" data-usa-part aria-hidden="true">${units.map((u, i) => `<span class="usa-cd-unit" data-u="${u}"><span class="usa-cd-digits"></span><small>${labels[i]?.trim() || NAMES[u]}</small></span>`).join('')}</span>`);
|
|
5295
|
+
this.insertAdjacentHTML('afterbegin', `<span class="usa-cd-row" data-usa-part aria-hidden="true">${units.map((u, i) => `<span class="usa-cd-unit" data-u="${u}"><span class="usa-cd-digits"></span><small>${labels[i]?.trim() || NAMES$1[u]}</small></span>`).join('')}</span>`);
|
|
5294
5296
|
this.setAttribute('role', 'timer');
|
|
5295
5297
|
this.reset();
|
|
5296
5298
|
this.onCleanup(() => this.stop());
|
|
@@ -5351,10 +5353,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5351
5353
|
}
|
|
5352
5354
|
}
|
|
5353
5355
|
return UsaCountdown;
|
|
5354
|
-
}, { id: 'countdown', text: css$
|
|
5356
|
+
}, { id: 'countdown', text: css$y });
|
|
5355
5357
|
}
|
|
5356
5358
|
|
|
5357
|
-
var css$
|
|
5359
|
+
var css$x = "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}}";
|
|
5358
5360
|
|
|
5359
5361
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5360
5362
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5441,10 +5443,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5441
5443
|
}
|
|
5442
5444
|
}
|
|
5443
5445
|
return UsaMessageList;
|
|
5444
|
-
}, { id: 'message-list', text: css$
|
|
5446
|
+
}, { id: 'message-list', text: css$x });
|
|
5445
5447
|
}
|
|
5446
5448
|
|
|
5447
|
-
var css$
|
|
5449
|
+
var css$w = "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}";
|
|
5448
5450
|
|
|
5449
5451
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5450
5452
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5546,10 +5548,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5546
5548
|
}
|
|
5547
5549
|
}
|
|
5548
5550
|
return UsaReactions;
|
|
5549
|
-
}, { id: 'reactions', text: css$
|
|
5551
|
+
}, { id: 'reactions', text: css$w });
|
|
5550
5552
|
}
|
|
5551
5553
|
|
|
5552
|
-
var css$
|
|
5554
|
+
var css$v = "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}";
|
|
5553
5555
|
|
|
5554
5556
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5555
5557
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5644,10 +5646,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5644
5646
|
}
|
|
5645
5647
|
}
|
|
5646
5648
|
return UsaNotificationBell;
|
|
5647
|
-
}, { id: 'notification-bell', text: css$
|
|
5649
|
+
}, { id: 'notification-bell', text: css$v });
|
|
5648
5650
|
}
|
|
5649
5651
|
|
|
5650
|
-
var css$
|
|
5652
|
+
var css$u = "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}}";
|
|
5651
5653
|
|
|
5652
5654
|
/** Presence states (7.4). */
|
|
5653
5655
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5717,10 +5719,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5717
5719
|
}
|
|
5718
5720
|
}
|
|
5719
5721
|
return UsaPresence;
|
|
5720
|
-
}, { id: 'presence', text: css$
|
|
5722
|
+
}, { id: 'presence', text: css$u });
|
|
5721
5723
|
}
|
|
5722
5724
|
|
|
5723
|
-
var css$
|
|
5725
|
+
var css$t = "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)}";
|
|
5724
5726
|
|
|
5725
5727
|
/** Sort rows by score desc, then name (7.5). */
|
|
5726
5728
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5829,10 +5831,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5829
5831
|
}
|
|
5830
5832
|
}
|
|
5831
5833
|
return UsaLeaderboard;
|
|
5832
|
-
}, { id: 'leaderboard', text: css$
|
|
5834
|
+
}, { id: 'leaderboard', text: css$t });
|
|
5833
5835
|
}
|
|
5834
5836
|
|
|
5835
|
-
var css$
|
|
5837
|
+
var css$s = "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)}";
|
|
5836
5838
|
|
|
5837
5839
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5838
5840
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5929,10 +5931,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5929
5931
|
}
|
|
5930
5932
|
}
|
|
5931
5933
|
return UsaXpBar;
|
|
5932
|
-
}, { id: 'xp-bar', text: css$
|
|
5934
|
+
}, { id: 'xp-bar', text: css$s });
|
|
5933
5935
|
}
|
|
5934
5936
|
|
|
5935
|
-
var css$
|
|
5937
|
+
var css$r = "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}}";
|
|
5936
5938
|
|
|
5937
5939
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5938
5940
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -5999,10 +6001,10 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
5999
6001
|
}
|
|
6000
6002
|
}
|
|
6001
6003
|
return UsaBadgeWall;
|
|
6002
|
-
}, { id: 'badge-wall', text: css$
|
|
6004
|
+
}, { id: 'badge-wall', text: css$r });
|
|
6003
6005
|
}
|
|
6004
6006
|
|
|
6005
|
-
var css$
|
|
6007
|
+
var css$q = "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)}";
|
|
6006
6008
|
|
|
6007
6009
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6008
6010
|
function wheelAngle(index, count, turns = 5) {
|
|
@@ -6082,10 +6084,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6082
6084
|
}
|
|
6083
6085
|
}
|
|
6084
6086
|
return UsaPrizeWheel;
|
|
6085
|
-
}, { id: 'prize-wheel', text: css$
|
|
6087
|
+
}, { id: 'prize-wheel', text: css$q });
|
|
6086
6088
|
}
|
|
6087
6089
|
|
|
6088
|
-
var css$
|
|
6090
|
+
var css$p = "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}}";
|
|
6089
6091
|
|
|
6090
6092
|
const RAD = Math.PI / 180;
|
|
6091
6093
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6242,10 +6244,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6242
6244
|
}
|
|
6243
6245
|
}
|
|
6244
6246
|
return UsaGlobe;
|
|
6245
|
-
}, { id: 'globe', text: css$
|
|
6247
|
+
}, { id: 'globe', text: css$p });
|
|
6246
6248
|
}
|
|
6247
6249
|
|
|
6248
|
-
var css$
|
|
6250
|
+
var css$o = "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}";
|
|
6249
6251
|
|
|
6250
6252
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6251
6253
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6319,10 +6321,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6319
6321
|
}
|
|
6320
6322
|
}
|
|
6321
6323
|
return UsaLocationCard;
|
|
6322
|
-
}, { id: 'location-card', text: css$
|
|
6324
|
+
}, { id: 'location-card', text: css$o });
|
|
6323
6325
|
}
|
|
6324
6326
|
|
|
6325
|
-
var css$
|
|
6327
|
+
var css$n = "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}}";
|
|
6326
6328
|
|
|
6327
6329
|
/** 0–4 password strength score with a label (7.7). */
|
|
6328
6330
|
function passwordStrength(pw) {
|
|
@@ -6448,10 +6450,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6448
6450
|
}
|
|
6449
6451
|
}
|
|
6450
6452
|
return UsaField;
|
|
6451
|
-
}, { id: 'field', text: css$
|
|
6453
|
+
}, { id: 'field', text: css$n });
|
|
6452
6454
|
}
|
|
6453
6455
|
|
|
6454
|
-
var css$
|
|
6456
|
+
var css$m = "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}}";
|
|
6455
6457
|
|
|
6456
6458
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6457
6459
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6582,10 +6584,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6582
6584
|
}
|
|
6583
6585
|
}
|
|
6584
6586
|
return UsaOtp;
|
|
6585
|
-
}, { id: 'otp', text: css$
|
|
6587
|
+
}, { id: 'otp', text: css$m });
|
|
6586
6588
|
}
|
|
6587
6589
|
|
|
6588
|
-
var css$
|
|
6590
|
+
var css$l = "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}}";
|
|
6589
6591
|
|
|
6590
6592
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6591
6593
|
function formatBytes(n) {
|
|
@@ -6668,10 +6670,10 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6668
6670
|
}
|
|
6669
6671
|
}
|
|
6670
6672
|
return UsaUploadProgress;
|
|
6671
|
-
}, { id: 'upload-progress', text: css$
|
|
6673
|
+
}, { id: 'upload-progress', text: css$l });
|
|
6672
6674
|
}
|
|
6673
6675
|
|
|
6674
|
-
var css$
|
|
6676
|
+
var css$k = "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}}";
|
|
6675
6677
|
|
|
6676
6678
|
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6677
6679
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
@@ -6769,10 +6771,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6769
6771
|
}
|
|
6770
6772
|
}
|
|
6771
6773
|
return UsaChatComposer;
|
|
6772
|
-
}, { id: 'chat-composer', text: css$
|
|
6774
|
+
}, { id: 'chat-composer', text: css$k });
|
|
6773
6775
|
}
|
|
6774
6776
|
|
|
6775
|
-
var css$
|
|
6777
|
+
var css$j = "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}}";
|
|
6776
6778
|
|
|
6777
6779
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6778
6780
|
function parseChips(s) {
|
|
@@ -6857,10 +6859,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6857
6859
|
}
|
|
6858
6860
|
}
|
|
6859
6861
|
return UsaSuggestionChips;
|
|
6860
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6862
|
+
}, { id: 'suggestion-chips', text: css$j });
|
|
6861
6863
|
}
|
|
6862
6864
|
|
|
6863
|
-
var css$
|
|
6865
|
+
var css$i = "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}}";
|
|
6864
6866
|
|
|
6865
6867
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6866
6868
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6932,10 +6934,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6932
6934
|
}
|
|
6933
6935
|
}
|
|
6934
6936
|
return UsaVoiceButton;
|
|
6935
|
-
}, { id: 'voice-button', text: css$
|
|
6937
|
+
}, { id: 'voice-button', text: css$i });
|
|
6936
6938
|
}
|
|
6937
6939
|
|
|
6938
|
-
var css$
|
|
6940
|
+
var css$h = "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)}";
|
|
6939
6941
|
|
|
6940
6942
|
/**
|
|
6941
6943
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -7194,10 +7196,10 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7194
7196
|
}
|
|
7195
7197
|
}
|
|
7196
7198
|
return UsaCommandPalette;
|
|
7197
|
-
}, { id: 'command-palette', text: css$
|
|
7199
|
+
}, { id: 'command-palette', text: css$h });
|
|
7198
7200
|
}
|
|
7199
7201
|
|
|
7200
|
-
var css$
|
|
7202
|
+
var css$g = "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}";
|
|
7201
7203
|
|
|
7202
7204
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7203
7205
|
const esc$5 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
@@ -7248,10 +7250,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7248
7250
|
}
|
|
7249
7251
|
}
|
|
7250
7252
|
return UsaShortcut;
|
|
7251
|
-
}, { id: 'shortcut', text: css$
|
|
7253
|
+
}, { id: 'shortcut', text: css$g });
|
|
7252
7254
|
}
|
|
7253
7255
|
|
|
7254
|
-
var css$
|
|
7256
|
+
var css$f = "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}}";
|
|
7255
7257
|
|
|
7256
7258
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7257
7259
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7310,10 +7312,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7310
7312
|
}
|
|
7311
7313
|
}
|
|
7312
7314
|
return UsaClockControl;
|
|
7313
|
-
}, { id: 'clock-control', text: css$
|
|
7315
|
+
}, { id: 'clock-control', text: css$f });
|
|
7314
7316
|
}
|
|
7315
7317
|
|
|
7316
|
-
var css$
|
|
7318
|
+
var css$e = "usa-hydrate{display:block}";
|
|
7317
7319
|
|
|
7318
7320
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7319
7321
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7349,10 +7351,10 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7349
7351
|
}
|
|
7350
7352
|
}
|
|
7351
7353
|
return UsaHydrate;
|
|
7352
|
-
}, { id: 'hydrate', text: css$
|
|
7354
|
+
}, { id: 'hydrate', text: css$e });
|
|
7353
7355
|
}
|
|
7354
7356
|
|
|
7355
|
-
var css$
|
|
7357
|
+
var css$d = "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}}";
|
|
7356
7358
|
|
|
7357
7359
|
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7358
7360
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
@@ -7416,10 +7418,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7416
7418
|
}
|
|
7417
7419
|
}
|
|
7418
7420
|
return UsaRedEnvelope;
|
|
7419
|
-
}, { id: 'red-envelope', text: css$
|
|
7421
|
+
}, { id: 'red-envelope', text: css$d });
|
|
7420
7422
|
}
|
|
7421
7423
|
|
|
7422
|
-
var css$
|
|
7424
|
+
var css$c = "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}}";
|
|
7423
7425
|
|
|
7424
7426
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7425
7427
|
const SCENES = {
|
|
@@ -7467,10 +7469,10 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7467
7469
|
}
|
|
7468
7470
|
}
|
|
7469
7471
|
return UsaFestivalBanner;
|
|
7470
|
-
}, { id: 'festival-banner', text: css$
|
|
7472
|
+
}, { id: 'festival-banner', text: css$c });
|
|
7471
7473
|
}
|
|
7472
7474
|
|
|
7473
|
-
var css$
|
|
7475
|
+
var css$b = "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}}";
|
|
7474
7476
|
|
|
7475
7477
|
const esc$3 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7476
7478
|
function defineTerminal(tag = 'usa-terminal') {
|
|
@@ -7581,10 +7583,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7581
7583
|
}
|
|
7582
7584
|
}
|
|
7583
7585
|
return UsaTerminal;
|
|
7584
|
-
}, { id: 'terminal', text: css$
|
|
7586
|
+
}, { id: 'terminal', text: css$b });
|
|
7585
7587
|
}
|
|
7586
7588
|
|
|
7587
|
-
var css$
|
|
7589
|
+
var css$a = "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}";
|
|
7588
7590
|
|
|
7589
7591
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7590
7592
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7638,10 +7640,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7638
7640
|
}
|
|
7639
7641
|
}
|
|
7640
7642
|
return UsaRetroButton;
|
|
7641
|
-
}, { id: 'retro-button', text: css$
|
|
7643
|
+
}, { id: 'retro-button', text: css$a });
|
|
7642
7644
|
}
|
|
7643
7645
|
|
|
7644
|
-
var css$
|
|
7646
|
+
var css$9 = "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)}";
|
|
7645
7647
|
|
|
7646
7648
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7647
7649
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7680,10 +7682,10 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7680
7682
|
}
|
|
7681
7683
|
}
|
|
7682
7684
|
return UsaOrganicCard;
|
|
7683
|
-
}, { id: 'organic-card', text: css$
|
|
7685
|
+
}, { id: 'organic-card', text: css$9 });
|
|
7684
7686
|
}
|
|
7685
7687
|
|
|
7686
|
-
var css$
|
|
7688
|
+
var css$8 = "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}";
|
|
7687
7689
|
|
|
7688
7690
|
let uid = 0;
|
|
7689
7691
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
@@ -7764,10 +7766,10 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7764
7766
|
}
|
|
7765
7767
|
}
|
|
7766
7768
|
return UsaLiquidNav;
|
|
7767
|
-
}, { id: 'liquid-nav', text: css$
|
|
7769
|
+
}, { id: 'liquid-nav', text: css$8 });
|
|
7768
7770
|
}
|
|
7769
7771
|
|
|
7770
|
-
var css$
|
|
7772
|
+
var css$7 = "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}}";
|
|
7771
7773
|
|
|
7772
7774
|
const esc$2 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7773
7775
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
@@ -7816,10 +7818,10 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7816
7818
|
}
|
|
7817
7819
|
}
|
|
7818
7820
|
return UsaHudPanel;
|
|
7819
|
-
}, { id: 'hud-panel', text: css$
|
|
7821
|
+
}, { id: 'hud-panel', text: css$7 });
|
|
7820
7822
|
}
|
|
7821
7823
|
|
|
7822
|
-
var css$
|
|
7824
|
+
var css$6 = "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)}}";
|
|
7823
7825
|
|
|
7824
7826
|
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7825
7827
|
function parseTargets(s) {
|
|
@@ -7905,10 +7907,10 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7905
7907
|
}
|
|
7906
7908
|
}
|
|
7907
7909
|
return UsaRadar;
|
|
7908
|
-
}, { id: 'radar', text: css$
|
|
7910
|
+
}, { id: 'radar', text: css$6 });
|
|
7909
7911
|
}
|
|
7910
7912
|
|
|
7911
|
-
var css$
|
|
7913
|
+
var css$5 = "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)}";
|
|
7912
7914
|
|
|
7913
7915
|
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7914
7916
|
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
@@ -7972,10 +7974,10 @@ function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
|
7972
7974
|
}
|
|
7973
7975
|
}
|
|
7974
7976
|
return UsaStickyWall;
|
|
7975
|
-
}, { id: 'sticky-wall', text: css$
|
|
7977
|
+
}, { id: 'sticky-wall', text: css$5 });
|
|
7976
7978
|
}
|
|
7977
7979
|
|
|
7978
|
-
var css = "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
|
+
var css$4 = "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}";
|
|
7979
7981
|
|
|
7980
7982
|
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7981
7983
|
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
@@ -8072,7 +8074,382 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8072
8074
|
}
|
|
8073
8075
|
}
|
|
8074
8076
|
return UsaSketchChart;
|
|
8075
|
-
}, { id: 'sketch-chart', text: css });
|
|
8077
|
+
}, { id: 'sketch-chart', text: css$4 });
|
|
8078
|
+
}
|
|
8079
|
+
|
|
8080
|
+
var css$3 = "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}}";
|
|
8081
|
+
|
|
8082
|
+
const NAMES = { light: 'Light', dark: 'Dark', neon: 'Neon', glass: 'Glass', neu: 'Soft' };
|
|
8083
|
+
function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
8084
|
+
return base.defineElement(tag, (Base) => {
|
|
8085
|
+
class UsaThemeSwitcher extends Base {
|
|
8086
|
+
constructor() {
|
|
8087
|
+
super(...arguments);
|
|
8088
|
+
this._v = '';
|
|
8089
|
+
}
|
|
8090
|
+
static get observedAttributes() {
|
|
8091
|
+
return ['themes', 'target', 'label'];
|
|
8092
|
+
}
|
|
8093
|
+
list() {
|
|
8094
|
+
const l = this.str('themes').split(',').map((s) => s.trim()).filter((s) => components_fxSurface.SURFACE_THEMES.includes(s));
|
|
8095
|
+
return l.length ? l : [...components_fxSurface.SURFACE_THEMES];
|
|
8096
|
+
}
|
|
8097
|
+
tgt() {
|
|
8098
|
+
const s = this.str('target');
|
|
8099
|
+
return s ? document.querySelector(s) : document.documentElement;
|
|
8100
|
+
}
|
|
8101
|
+
get value() {
|
|
8102
|
+
return this._v;
|
|
8103
|
+
}
|
|
8104
|
+
set value(t) {
|
|
8105
|
+
this.select(t, false);
|
|
8106
|
+
}
|
|
8107
|
+
mount() {
|
|
8108
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8109
|
+
const l = this.list();
|
|
8110
|
+
this.setAttribute('role', 'radiogroup');
|
|
8111
|
+
this.setAttribute('aria-label', this.str('label', 'Theme'));
|
|
8112
|
+
let saved = '';
|
|
8113
|
+
try {
|
|
8114
|
+
saved = this.hasAttribute('persist') ? localStorage.getItem(this.str('persist') || 'usa-theme') || '' : '';
|
|
8115
|
+
}
|
|
8116
|
+
catch {
|
|
8117
|
+
/* storage blocked */
|
|
8118
|
+
}
|
|
8119
|
+
const start = l.includes(saved) ? saved : l.includes(this.str('value')) ? this.str('value') : l.includes(this.tgt()?.getAttribute('data-usa-surface') || '') ? this.tgt()?.getAttribute('data-usa-surface') : l[0];
|
|
8120
|
+
this.insertAdjacentHTML('beforeend', `<span class="usa-ts-pill" aria-hidden="true" data-usa-part></span>` + l.map((t) => `<button type="button" role="radio" class="usa-ts-opt" data-theme="${t}" data-usa-part><i class="usa-ts-sw" data-sw="${t}" aria-hidden="true"></i>${NAMES[t]}</button>`).join(''));
|
|
8121
|
+
this.listen(this, 'click', (e) => {
|
|
8122
|
+
const b = e.target.closest?.('.usa-ts-opt');
|
|
8123
|
+
if (b)
|
|
8124
|
+
this.select(b.dataset.theme, true, e);
|
|
8125
|
+
});
|
|
8126
|
+
this.listen(this, 'keydown', (e) => {
|
|
8127
|
+
const d = e.key === 'ArrowRight' || e.key === 'ArrowDown' ? 1 : e.key === 'ArrowLeft' || e.key === 'ArrowUp' ? -1 : 0;
|
|
8128
|
+
if (!d)
|
|
8129
|
+
return;
|
|
8130
|
+
e.preventDefault();
|
|
8131
|
+
const ls = this.list();
|
|
8132
|
+
const n = ls[(ls.indexOf(this._v) + d + ls.length) % ls.length];
|
|
8133
|
+
this.select(n, true);
|
|
8134
|
+
this.querySelector(`.usa-ts-opt[data-theme="${n}"]`)?.focus();
|
|
8135
|
+
});
|
|
8136
|
+
this._v = '';
|
|
8137
|
+
this.select(start, false);
|
|
8138
|
+
}
|
|
8139
|
+
select(t, user, ev) {
|
|
8140
|
+
if (!this.list().includes(t) || t === this._v)
|
|
8141
|
+
return;
|
|
8142
|
+
const prev = this._v;
|
|
8143
|
+
this._v = t;
|
|
8144
|
+
this.querySelectorAll('.usa-ts-opt').forEach((b) => {
|
|
8145
|
+
const on = b.dataset.theme === t;
|
|
8146
|
+
b.setAttribute('aria-checked', String(on));
|
|
8147
|
+
b.tabIndex = on ? 0 : -1;
|
|
8148
|
+
});
|
|
8149
|
+
const b = this.querySelector(`.usa-ts-opt[data-theme="${t}"]`);
|
|
8150
|
+
const pill = this.querySelector('.usa-ts-pill');
|
|
8151
|
+
if (b && pill) {
|
|
8152
|
+
pill.style.width = `${b.offsetWidth}px`;
|
|
8153
|
+
pill.style.transform = `translateX(${b.offsetLeft}px)`;
|
|
8154
|
+
}
|
|
8155
|
+
const apply = () => components_fxSurface.applySurfaceTheme(t, this.tgt());
|
|
8156
|
+
const doc = document;
|
|
8157
|
+
if (user && prev && !this.reduced && doc.startViewTransition && !this.str('target')) {
|
|
8158
|
+
const x = ev?.clientX ?? innerWidth / 2;
|
|
8159
|
+
const y = ev?.clientY ?? innerHeight / 2;
|
|
8160
|
+
const r = Math.hypot(Math.max(x, innerWidth - x), Math.max(y, innerHeight - y));
|
|
8161
|
+
try {
|
|
8162
|
+
doc.startViewTransition(apply).ready.then(() => document.documentElement.animate({ clipPath: [`circle(0 at ${x}px ${y}px)`, `circle(${r}px at ${x}px ${y}px)`] }, { duration: 500, easing: 'ease-in-out', pseudoElement: '::view-transition-new(root)' }), () => undefined);
|
|
8163
|
+
}
|
|
8164
|
+
catch {
|
|
8165
|
+
apply();
|
|
8166
|
+
}
|
|
8167
|
+
}
|
|
8168
|
+
else
|
|
8169
|
+
apply();
|
|
8170
|
+
if (this.hasAttribute('persist'))
|
|
8171
|
+
try {
|
|
8172
|
+
localStorage.setItem(this.str('persist') || 'usa-theme', t);
|
|
8173
|
+
}
|
|
8174
|
+
catch {
|
|
8175
|
+
/* storage blocked */
|
|
8176
|
+
}
|
|
8177
|
+
if (user)
|
|
8178
|
+
this.emit('change', { theme: t });
|
|
8179
|
+
}
|
|
8180
|
+
}
|
|
8181
|
+
return UsaThemeSwitcher;
|
|
8182
|
+
}, { id: 'theme-switcher', text: css$3 });
|
|
8183
|
+
}
|
|
8184
|
+
|
|
8185
|
+
var css$2 = "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
|
+
|
|
8187
|
+
function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
8188
|
+
return base.defineElement(tag, (Base) => {
|
|
8189
|
+
class UsaThemeSurface extends Base {
|
|
8190
|
+
constructor() {
|
|
8191
|
+
super(...arguments);
|
|
8192
|
+
this._t = '';
|
|
8193
|
+
this._mo = null;
|
|
8194
|
+
}
|
|
8195
|
+
static get observedAttributes() {
|
|
8196
|
+
return ['theme'];
|
|
8197
|
+
}
|
|
8198
|
+
get theme() {
|
|
8199
|
+
return this._t;
|
|
8200
|
+
}
|
|
8201
|
+
resolve() {
|
|
8202
|
+
const own = this.str('theme');
|
|
8203
|
+
const near = own || this.parentElement?.closest('[data-usa-surface]')?.getAttribute('data-usa-surface') || document.documentElement.getAttribute('data-usa-surface') || 'light';
|
|
8204
|
+
return components_fxSurface.SURFACE_THEMES.includes(near) ? near : 'light';
|
|
8205
|
+
}
|
|
8206
|
+
sync() {
|
|
8207
|
+
const t = this.resolve();
|
|
8208
|
+
if (t === this._t)
|
|
8209
|
+
return;
|
|
8210
|
+
const first = !this._t;
|
|
8211
|
+
this._t = t;
|
|
8212
|
+
this.setAttribute('data-look', t);
|
|
8213
|
+
if (first)
|
|
8214
|
+
return;
|
|
8215
|
+
if (!this.reduced)
|
|
8216
|
+
this.motion(this, [{ opacity: 0.4, transform: 'scale(.97)' }, { opacity: 1, transform: 'none' }], { duration: 420, easing: 'cubic-bezier(.2,.8,.2,1)' });
|
|
8217
|
+
this.emit('theme', { theme: t });
|
|
8218
|
+
}
|
|
8219
|
+
mount() {
|
|
8220
|
+
this.sync();
|
|
8221
|
+
if (typeof MutationObserver !== 'undefined') {
|
|
8222
|
+
this._mo?.disconnect();
|
|
8223
|
+
this._mo = new MutationObserver(() => this.sync());
|
|
8224
|
+
for (let n = this.parentElement; n; n = n.parentElement)
|
|
8225
|
+
this._mo.observe(n, { attributes: true, attributeFilter: ['data-usa-surface'] });
|
|
8226
|
+
this.onCleanup(() => this._mo?.disconnect());
|
|
8227
|
+
}
|
|
8228
|
+
this.listen(this, 'pointerdown', () => {
|
|
8229
|
+
if (this._t === 'neu' && !this.reduced)
|
|
8230
|
+
this.motion(this, [{ transform: 'scale(1)' }, { transform: 'scale(.98)', offset: 0.4 }, { transform: 'scale(1)' }], { duration: 300 });
|
|
8231
|
+
});
|
|
8232
|
+
}
|
|
8233
|
+
changed() {
|
|
8234
|
+
this.sync();
|
|
8235
|
+
}
|
|
8236
|
+
}
|
|
8237
|
+
return UsaThemeSurface;
|
|
8238
|
+
}, { id: 'theme-surface', text: css$2 });
|
|
8239
|
+
}
|
|
8240
|
+
|
|
8241
|
+
var css$1 = "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}}";
|
|
8242
|
+
|
|
8243
|
+
function defineGyroCard(tag = 'usa-gyro-card') {
|
|
8244
|
+
return base.defineElement(tag, (Base) => {
|
|
8245
|
+
class UsaGyroCard extends Base {
|
|
8246
|
+
constructor() {
|
|
8247
|
+
super(...arguments);
|
|
8248
|
+
this._src = 'none';
|
|
8249
|
+
}
|
|
8250
|
+
static get observedAttributes() {
|
|
8251
|
+
return ['max', 'glare'];
|
|
8252
|
+
}
|
|
8253
|
+
get source() {
|
|
8254
|
+
return this._src;
|
|
8255
|
+
}
|
|
8256
|
+
mount() {
|
|
8257
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8258
|
+
if (this.str('glare') !== 'false')
|
|
8259
|
+
this.insertAdjacentHTML('beforeend', '<span class="usa-gy-glare" aria-hidden="true" data-usa-part></span>');
|
|
8260
|
+
if (this.reduced)
|
|
8261
|
+
return;
|
|
8262
|
+
const max = Math.max(1, Math.min(40, this.num('max', 15)));
|
|
8263
|
+
this.listen(this, 'pointermove', (e) => {
|
|
8264
|
+
if (this._src === 'gyro' || e.pointerType === 'touch')
|
|
8265
|
+
return;
|
|
8266
|
+
const r = this.getBoundingClientRect();
|
|
8267
|
+
if (!r.width || !r.height)
|
|
8268
|
+
return;
|
|
8269
|
+
const px = (e.clientX - r.left) / r.width - 0.5;
|
|
8270
|
+
const py = (e.clientY - r.top) / r.height - 0.5;
|
|
8271
|
+
this.tilt(-py * 2 * max, px * 2 * max, 'pointer');
|
|
8272
|
+
});
|
|
8273
|
+
this.listen(this, 'pointerleave', () => {
|
|
8274
|
+
if (this._src === 'pointer')
|
|
8275
|
+
this.tilt(0, 0, 'pointer');
|
|
8276
|
+
});
|
|
8277
|
+
if (typeof window !== 'undefined' && 'DeviceOrientationEvent' in window) {
|
|
8278
|
+
let active = false;
|
|
8279
|
+
const on = () => {
|
|
8280
|
+
if (active)
|
|
8281
|
+
return;
|
|
8282
|
+
active = true;
|
|
8283
|
+
this.inView((v) => {
|
|
8284
|
+
if (v)
|
|
8285
|
+
this.listen(window, 'deviceorientation', (e) => {
|
|
8286
|
+
if (e.beta == null || e.gamma == null)
|
|
8287
|
+
return;
|
|
8288
|
+
const t = components_fxGesture.orientationToTilt(e.beta, e.gamma, max);
|
|
8289
|
+
this.tilt(t.rx, t.ry, 'gyro');
|
|
8290
|
+
});
|
|
8291
|
+
});
|
|
8292
|
+
};
|
|
8293
|
+
const DOE = window.DeviceOrientationEvent;
|
|
8294
|
+
if (typeof DOE.requestPermission === 'function') {
|
|
8295
|
+
this.listen(this, 'click', () => {
|
|
8296
|
+
if (!active)
|
|
8297
|
+
DOE.requestPermission().then((s) => s === 'granted' && on(), () => undefined);
|
|
8298
|
+
});
|
|
8299
|
+
}
|
|
8300
|
+
else
|
|
8301
|
+
on();
|
|
8302
|
+
}
|
|
8303
|
+
}
|
|
8304
|
+
wobble() {
|
|
8305
|
+
if (this.reduced)
|
|
8306
|
+
return null;
|
|
8307
|
+
const m = Math.max(1, Math.min(40, this.num('max', 15)));
|
|
8308
|
+
const f = (x, y) => ({ transform: `perspective(800px) rotateX(${x}deg) rotateY(${y}deg)` });
|
|
8309
|
+
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' });
|
|
8310
|
+
}
|
|
8311
|
+
tilt(rx, ry, source = 'none') {
|
|
8312
|
+
this._src = (['gyro', 'pointer'].includes(source) ? source : 'none');
|
|
8313
|
+
this.style.setProperty('--rx', `${rx.toFixed(1)}deg`);
|
|
8314
|
+
this.style.setProperty('--ry', `${ry.toFixed(1)}deg`);
|
|
8315
|
+
this.style.setProperty('--gx', `${50 + ry * 2}%`);
|
|
8316
|
+
this.style.setProperty('--gy', `${50 - rx * 2}%`);
|
|
8317
|
+
this.setFlag('data-tilted', Math.abs(rx) + Math.abs(ry) > 0.5);
|
|
8318
|
+
this.emit('tilt', { rx, ry, source: this._src });
|
|
8319
|
+
}
|
|
8320
|
+
}
|
|
8321
|
+
return UsaGyroCard;
|
|
8322
|
+
}, { id: 'gyro-card', text: css$1 });
|
|
8323
|
+
}
|
|
8324
|
+
|
|
8325
|
+
var css = "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}";
|
|
8326
|
+
|
|
8327
|
+
function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
8328
|
+
return base.defineElement(tag, (Base) => {
|
|
8329
|
+
class UsaGestureSticker extends Base {
|
|
8330
|
+
constructor() {
|
|
8331
|
+
super(...arguments);
|
|
8332
|
+
this._st = { x: 0, y: 0, scale: 1, angle: 0 };
|
|
8333
|
+
}
|
|
8334
|
+
static get observedAttributes() {
|
|
8335
|
+
return ['min', 'max', 'label'];
|
|
8336
|
+
}
|
|
8337
|
+
get x() {
|
|
8338
|
+
return this._st.x;
|
|
8339
|
+
}
|
|
8340
|
+
get y() {
|
|
8341
|
+
return this._st.y;
|
|
8342
|
+
}
|
|
8343
|
+
get scale() {
|
|
8344
|
+
return this._st.scale;
|
|
8345
|
+
}
|
|
8346
|
+
get angle() {
|
|
8347
|
+
return this._st.angle;
|
|
8348
|
+
}
|
|
8349
|
+
mount() {
|
|
8350
|
+
this.setAttribute('role', 'group');
|
|
8351
|
+
this.setAttribute('aria-roledescription', 'sticker');
|
|
8352
|
+
this.setAttribute('aria-label', `${this.str('label', 'Sticker')} — drag, pinch or twist; arrows, + / −, [ / ] on the keyboard`);
|
|
8353
|
+
if (!this.hasAttribute('tabindex'))
|
|
8354
|
+
this.tabIndex = 0;
|
|
8355
|
+
const pts = new Map();
|
|
8356
|
+
let start = null;
|
|
8357
|
+
const begin = () => {
|
|
8358
|
+
const v = [...pts.values()];
|
|
8359
|
+
start = v.length ? { st: { ...this._st }, a: v[0], b: v[1] } : null;
|
|
8360
|
+
this.setFlag('data-held', v.length > 0);
|
|
8361
|
+
};
|
|
8362
|
+
this.listen(this, 'pointerdown', (e) => {
|
|
8363
|
+
pts.set(e.pointerId, { x: e.clientX, y: e.clientY });
|
|
8364
|
+
try {
|
|
8365
|
+
this.setPointerCapture?.(e.pointerId);
|
|
8366
|
+
}
|
|
8367
|
+
catch {
|
|
8368
|
+
/* synthetic */
|
|
8369
|
+
}
|
|
8370
|
+
begin();
|
|
8371
|
+
});
|
|
8372
|
+
this.listen(this, 'pointermove', (e) => {
|
|
8373
|
+
if (!pts.has(e.pointerId) || !start)
|
|
8374
|
+
return;
|
|
8375
|
+
pts.set(e.pointerId, { x: e.clientX, y: e.clientY });
|
|
8376
|
+
const v = [...pts.values()];
|
|
8377
|
+
const s0 = start.st;
|
|
8378
|
+
if (v.length >= 2 && start.b) {
|
|
8379
|
+
const mx = (v[0].x + v[1].x - start.a.x - start.b.x) / 2;
|
|
8380
|
+
const my = (v[0].y + v[1].y - start.a.y - start.b.y) / 2;
|
|
8381
|
+
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);
|
|
8382
|
+
}
|
|
8383
|
+
else
|
|
8384
|
+
this.set({ ...s0, x: s0.x + v[0].x - start.a.x, y: s0.y + v[0].y - start.a.y }, false);
|
|
8385
|
+
});
|
|
8386
|
+
const up = (e) => {
|
|
8387
|
+
pts.delete(e.pointerId);
|
|
8388
|
+
begin();
|
|
8389
|
+
if (!pts.size)
|
|
8390
|
+
this.settle();
|
|
8391
|
+
};
|
|
8392
|
+
this.listen(this, 'pointerup', up);
|
|
8393
|
+
this.listen(this, 'pointercancel', up);
|
|
8394
|
+
this.listen(this, 'wheel', (e) => {
|
|
8395
|
+
e.preventDefault();
|
|
8396
|
+
if (e.shiftKey)
|
|
8397
|
+
this.set({ ...this._st, angle: this._st.angle + (e.deltaY > 0 ? 8 : -8) }, true);
|
|
8398
|
+
else
|
|
8399
|
+
this.set({ ...this._st, scale: this._st.scale * (e.deltaY < 0 ? 1.1 : 1 / 1.1) }, true);
|
|
8400
|
+
}, { passive: false });
|
|
8401
|
+
this.listen(this, 'keydown', (e) => {
|
|
8402
|
+
const s = { ...this._st };
|
|
8403
|
+
const k = e.key;
|
|
8404
|
+
if (k === 'ArrowLeft')
|
|
8405
|
+
s.x -= 10;
|
|
8406
|
+
else if (k === 'ArrowRight')
|
|
8407
|
+
s.x += 10;
|
|
8408
|
+
else if (k === 'ArrowUp')
|
|
8409
|
+
s.y -= 10;
|
|
8410
|
+
else if (k === 'ArrowDown')
|
|
8411
|
+
s.y += 10;
|
|
8412
|
+
else if (k === '+' || k === '=')
|
|
8413
|
+
s.scale *= 1.15;
|
|
8414
|
+
else if (k === '-')
|
|
8415
|
+
s.scale /= 1.15;
|
|
8416
|
+
else if (k === '[')
|
|
8417
|
+
s.angle -= 15;
|
|
8418
|
+
else if (k === ']')
|
|
8419
|
+
s.angle += 15;
|
|
8420
|
+
else if (k === '0')
|
|
8421
|
+
return void (e.preventDefault(), this.reset());
|
|
8422
|
+
else
|
|
8423
|
+
return;
|
|
8424
|
+
e.preventDefault();
|
|
8425
|
+
this.set(s, true);
|
|
8426
|
+
});
|
|
8427
|
+
this.set(this._st, false, true);
|
|
8428
|
+
}
|
|
8429
|
+
settle() {
|
|
8430
|
+
if (this.reduced)
|
|
8431
|
+
return;
|
|
8432
|
+
this.motion(this, [{ filter: 'brightness(1.08)' }, { filter: 'none' }], { duration: 300 });
|
|
8433
|
+
}
|
|
8434
|
+
set(s, ease, silent = false) {
|
|
8435
|
+
const min = Math.max(0.1, this.num('min', 0.5));
|
|
8436
|
+
const max = Math.max(min, this.num('max', 3));
|
|
8437
|
+
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 };
|
|
8438
|
+
this._st = n;
|
|
8439
|
+
this.style.transition = ease && !this.reduced ? 'transform .35s cubic-bezier(.3,1.4,.5,1)' : 'none';
|
|
8440
|
+
this.style.transform = `translate(${n.x}px,${n.y}px) rotate(${n.angle}deg) scale(${n.scale})`;
|
|
8441
|
+
if (!silent)
|
|
8442
|
+
this.emit('transform', { ...n });
|
|
8443
|
+
}
|
|
8444
|
+
transformTo(s) {
|
|
8445
|
+
this.set({ ...this._st, ...s }, true);
|
|
8446
|
+
}
|
|
8447
|
+
reset() {
|
|
8448
|
+
this.set({ x: 0, y: 0, scale: 1, angle: 0 }, true);
|
|
8449
|
+
}
|
|
8450
|
+
}
|
|
8451
|
+
return UsaGestureSticker;
|
|
8452
|
+
}, { id: 'gesture-sticker', text: css });
|
|
8076
8453
|
}
|
|
8077
8454
|
|
|
8078
8455
|
/**
|
|
@@ -8112,6 +8489,8 @@ const WIDGETS = {
|
|
|
8112
8489
|
'8.3': { 'usa-organic-card': defineOrganicCard, 'usa-liquid-nav': defineLiquidNav },
|
|
8113
8490
|
'8.4': { 'usa-hud-panel': defineHudPanel, 'usa-radar': defineRadar },
|
|
8114
8491
|
'8.5': { 'usa-sticky-wall': defineStickyWall, 'usa-sketch-chart': defineSketchChart },
|
|
8492
|
+
'8.6': { 'usa-theme-switcher': defineThemeSwitcher, 'usa-theme-surface': defineThemeSurface },
|
|
8493
|
+
'8.7': { 'usa-gyro-card': defineGyroCard, 'usa-gesture-sticker': defineGestureSticker },
|
|
8115
8494
|
};
|
|
8116
8495
|
/** Every widget tag, in release order. */
|
|
8117
8496
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -8166,7 +8545,9 @@ exports.defineFestivalBanner = defineFestivalBanner;
|
|
|
8166
8545
|
exports.defineField = defineField;
|
|
8167
8546
|
exports.defineFileDrop = defineFileDrop;
|
|
8168
8547
|
exports.defineGauge = defineGauge;
|
|
8548
|
+
exports.defineGestureSticker = defineGestureSticker;
|
|
8169
8549
|
exports.defineGlobe = defineGlobe;
|
|
8550
|
+
exports.defineGyroCard = defineGyroCard;
|
|
8170
8551
|
exports.defineHudPanel = defineHudPanel;
|
|
8171
8552
|
exports.defineHydrate = defineHydrate;
|
|
8172
8553
|
exports.defineKanban = defineKanban;
|
|
@@ -8213,6 +8594,8 @@ exports.defineSwipeDeck = defineSwipeDeck;
|
|
|
8213
8594
|
exports.defineSwitch = defineSwitch;
|
|
8214
8595
|
exports.defineTabBar = defineTabBar;
|
|
8215
8596
|
exports.defineTerminal = defineTerminal;
|
|
8597
|
+
exports.defineThemeSurface = defineThemeSurface;
|
|
8598
|
+
exports.defineThemeSwitcher = defineThemeSwitcher;
|
|
8216
8599
|
exports.defineTip = defineTip;
|
|
8217
8600
|
exports.defineToastStack = defineToastStack;
|
|
8218
8601
|
exports.defineUploadProgress = defineUploadProgress;
|