use-scroll-animate 8.4.0 → 8.6.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-paper.cjs +108 -0
- package/dist/components/fx-paper.cjs.map +1 -0
- package/dist/components/fx-paper.d.cts +68 -0
- package/dist/components/fx-paper.d.ts +68 -0
- package/dist/components/fx-paper.js +103 -0
- package/dist/components/fx-paper.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 +14 -0
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.d.cts +50 -1
- package/dist/components/fx2.d.ts +50 -1
- package/dist/components/fx2.js +9 -1
- package/dist/components/fx2.js.map +1 -1
- package/dist/components/widgets.cjs +509 -173
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +65 -2
- package/dist/components/widgets.d.ts +65 -2
- package/dist/components/widgets.js +506 -174
- 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 +43 -0
- package/package.json +41 -1
|
@@ -6,6 +6,8 @@ import '../chunks/builtins-Bs4smevg.js';
|
|
|
6
6
|
import { registerShopPack } from './fx-shop.js';
|
|
7
7
|
import { HYDRATE_PRESETS, createTimeline } from './engine.js';
|
|
8
8
|
import { blobRadius } from './fx-organic.js';
|
|
9
|
+
import { paperRandom, roughLine } from './fx-paper.js';
|
|
10
|
+
import { SURFACE_THEMES, applySurfaceTheme } from './fx-surface.js';
|
|
9
11
|
import '../chunks/core-CiN5sqxB.js';
|
|
10
12
|
import './tokens.js';
|
|
11
13
|
import '../chunks/fx-CQv3IxMf.js';
|
|
@@ -45,7 +47,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
45
47
|
return -1;
|
|
46
48
|
}
|
|
47
49
|
|
|
48
|
-
var css$
|
|
50
|
+
var css$19 = "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}";
|
|
49
51
|
|
|
50
52
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
51
53
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -234,10 +236,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
234
236
|
}
|
|
235
237
|
}
|
|
236
238
|
return UsaCarousel;
|
|
237
|
-
}, { id: 'carousel', text: css$
|
|
239
|
+
}, { id: 'carousel', text: css$19 });
|
|
238
240
|
}
|
|
239
241
|
|
|
240
|
-
var css$
|
|
242
|
+
var css$18 = "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}";
|
|
241
243
|
|
|
242
244
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
243
245
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -350,10 +352,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
350
352
|
}
|
|
351
353
|
}
|
|
352
354
|
return UsaTabBar;
|
|
353
|
-
}, { id: 'tab-bar', text: css$
|
|
355
|
+
}, { id: 'tab-bar', text: css$18 });
|
|
354
356
|
}
|
|
355
357
|
|
|
356
|
-
var css$
|
|
358
|
+
var css$17 = "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}}";
|
|
357
359
|
|
|
358
360
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
359
361
|
return defineElement(tag, (Base) => {
|
|
@@ -421,10 +423,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
421
423
|
}
|
|
422
424
|
}
|
|
423
425
|
return UsaDisclosure;
|
|
424
|
-
}, { id: 'disclosure', text: css$
|
|
426
|
+
}, { id: 'disclosure', text: css$17 });
|
|
425
427
|
}
|
|
426
428
|
|
|
427
|
-
var css$
|
|
429
|
+
var css$16 = "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}}";
|
|
428
430
|
|
|
429
431
|
function defineStories(tag = 'usa-stories') {
|
|
430
432
|
return defineElement(tag, (Base) => {
|
|
@@ -557,10 +559,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
557
559
|
}
|
|
558
560
|
}
|
|
559
561
|
return UsaStories;
|
|
560
|
-
}, { id: 'stories', text: css$
|
|
562
|
+
}, { id: 'stories', text: css$16 });
|
|
561
563
|
}
|
|
562
564
|
|
|
563
|
-
var css$
|
|
565
|
+
var css$15 = "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)}}";
|
|
564
566
|
|
|
565
567
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
566
568
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -787,12 +789,12 @@ function defineOverlay(tag, kind) {
|
|
|
787
789
|
}
|
|
788
790
|
}
|
|
789
791
|
return UsaOverlay;
|
|
790
|
-
}, { id: 'overlay', text: css$
|
|
792
|
+
}, { id: 'overlay', text: css$15 });
|
|
791
793
|
}
|
|
792
794
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
793
795
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
794
796
|
|
|
795
|
-
var css$
|
|
797
|
+
var css$14 = "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}}";
|
|
796
798
|
|
|
797
799
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
798
800
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -963,7 +965,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
963
965
|
}
|
|
964
966
|
}
|
|
965
967
|
return UsaToastStack;
|
|
966
|
-
}, { id: 'toast', text: css$
|
|
968
|
+
}, { id: 'toast', text: css$14 });
|
|
967
969
|
}
|
|
968
970
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
969
971
|
function stackToast(input, stack) {
|
|
@@ -991,7 +993,7 @@ function installToastTriggers() {
|
|
|
991
993
|
});
|
|
992
994
|
}
|
|
993
995
|
|
|
994
|
-
var css
|
|
996
|
+
var css$13 = "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)}}";
|
|
995
997
|
|
|
996
998
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
997
999
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1130,10 +1132,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1130
1132
|
}
|
|
1131
1133
|
}
|
|
1132
1134
|
return UsaMenu;
|
|
1133
|
-
}, { id: 'menu', text: css
|
|
1135
|
+
}, { id: 'menu', text: css$13 });
|
|
1134
1136
|
}
|
|
1135
1137
|
|
|
1136
|
-
var css$
|
|
1138
|
+
var css$12 = "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}}";
|
|
1137
1139
|
|
|
1138
1140
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1139
1141
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1273,7 +1275,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1273
1275
|
}
|
|
1274
1276
|
}
|
|
1275
1277
|
return UsaProgressRing;
|
|
1276
|
-
}, { id: 'meters', text: css$
|
|
1278
|
+
}, { id: 'meters', text: css$12 });
|
|
1277
1279
|
}
|
|
1278
1280
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1279
1281
|
return defineElement(tag, (Base) => {
|
|
@@ -1383,10 +1385,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1383
1385
|
}
|
|
1384
1386
|
}
|
|
1385
1387
|
return UsaOdometer;
|
|
1386
|
-
}, { id: 'meters', text: css$
|
|
1388
|
+
}, { id: 'meters', text: css$12 });
|
|
1387
1389
|
}
|
|
1388
1390
|
|
|
1389
|
-
var css$
|
|
1391
|
+
var css$11 = "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}}";
|
|
1390
1392
|
|
|
1391
1393
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1392
1394
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1501,10 +1503,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1501
1503
|
}
|
|
1502
1504
|
}
|
|
1503
1505
|
return UsaSkeletonReveal;
|
|
1504
|
-
}, { id: 'skeleton-reveal', text: css$
|
|
1506
|
+
}, { id: 'skeleton-reveal', text: css$11 });
|
|
1505
1507
|
}
|
|
1506
1508
|
|
|
1507
|
-
var css$
|
|
1509
|
+
var css$10 = "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}}";
|
|
1508
1510
|
|
|
1509
1511
|
const PATHS = {
|
|
1510
1512
|
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',
|
|
@@ -1641,10 +1643,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1641
1643
|
}
|
|
1642
1644
|
UsaStarRating.formAssociated = true;
|
|
1643
1645
|
return UsaStarRating;
|
|
1644
|
-
}, { id: 'star-rating', text: css$
|
|
1646
|
+
}, { id: 'star-rating', text: css$10 });
|
|
1645
1647
|
}
|
|
1646
1648
|
|
|
1647
|
-
var css
|
|
1649
|
+
var css$$ = "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}}";
|
|
1648
1650
|
|
|
1649
1651
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1650
1652
|
return defineElement(tag, (Base) => {
|
|
@@ -1732,10 +1734,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1732
1734
|
}
|
|
1733
1735
|
}
|
|
1734
1736
|
return UsaMilestones;
|
|
1735
|
-
}, { id: 'milestones', text: css
|
|
1737
|
+
}, { id: 'milestones', text: css$$ });
|
|
1736
1738
|
}
|
|
1737
1739
|
|
|
1738
|
-
var css$
|
|
1740
|
+
var css$_ = "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}";
|
|
1739
1741
|
|
|
1740
1742
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1741
1743
|
return defineElement(tag, (Base) => {
|
|
@@ -1856,10 +1858,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1856
1858
|
}
|
|
1857
1859
|
}
|
|
1858
1860
|
return UsaMasonryFlow;
|
|
1859
|
-
}, { id: 'masonry-flow', text: css$
|
|
1861
|
+
}, { id: 'masonry-flow', text: css$_ });
|
|
1860
1862
|
}
|
|
1861
1863
|
|
|
1862
|
-
var css$
|
|
1864
|
+
var css$Z = "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}";
|
|
1863
1865
|
|
|
1864
1866
|
function defineCompare(tag = 'usa-compare') {
|
|
1865
1867
|
return defineElement(tag, (Base) => {
|
|
@@ -1983,10 +1985,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1983
1985
|
}
|
|
1984
1986
|
}
|
|
1985
1987
|
return UsaCompare;
|
|
1986
|
-
}, { id: 'compare', text: css$
|
|
1988
|
+
}, { id: 'compare', text: css$Z });
|
|
1987
1989
|
}
|
|
1988
1990
|
|
|
1989
|
-
var css$
|
|
1991
|
+
var css$Y = "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}";
|
|
1990
1992
|
|
|
1991
1993
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
1992
1994
|
return defineElement(tag, (Base) => {
|
|
@@ -2119,10 +2121,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2119
2121
|
}
|
|
2120
2122
|
}
|
|
2121
2123
|
return UsaCubeGallery;
|
|
2122
|
-
}, { id: 'cube-gallery', text: css$
|
|
2124
|
+
}, { id: 'cube-gallery', text: css$Y });
|
|
2123
2125
|
}
|
|
2124
2126
|
|
|
2125
|
-
var css$
|
|
2127
|
+
var css$X = "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}}";
|
|
2126
2128
|
|
|
2127
2129
|
function defineDock(tag = 'usa-dock') {
|
|
2128
2130
|
return defineElement(tag, (Base) => {
|
|
@@ -2190,10 +2192,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2190
2192
|
}
|
|
2191
2193
|
}
|
|
2192
2194
|
return UsaDock;
|
|
2193
|
-
}, { id: 'dock', text: css$
|
|
2195
|
+
}, { id: 'dock', text: css$X });
|
|
2194
2196
|
}
|
|
2195
2197
|
|
|
2196
|
-
var css$
|
|
2198
|
+
var css$W = "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)}";
|
|
2197
2199
|
|
|
2198
2200
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2199
2201
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2297,10 +2299,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2297
2299
|
}
|
|
2298
2300
|
}
|
|
2299
2301
|
return UsaNavMorph;
|
|
2300
|
-
}, { id: 'nav-morph', text: css$
|
|
2302
|
+
}, { id: 'nav-morph', text: css$W });
|
|
2301
2303
|
}
|
|
2302
2304
|
|
|
2303
|
-
var css$
|
|
2305
|
+
var css$V = "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}";
|
|
2304
2306
|
|
|
2305
2307
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2306
2308
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2373,10 +2375,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2373
2375
|
}
|
|
2374
2376
|
}
|
|
2375
2377
|
return UsaMenuToggle;
|
|
2376
|
-
}, { id: 'menu-toggle', text: css$
|
|
2378
|
+
}, { id: 'menu-toggle', text: css$V });
|
|
2377
2379
|
}
|
|
2378
2380
|
|
|
2379
|
-
var css$
|
|
2381
|
+
var css$U = "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)}";
|
|
2380
2382
|
|
|
2381
2383
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2382
2384
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2508,10 +2510,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2508
2510
|
}
|
|
2509
2511
|
}
|
|
2510
2512
|
return UsaTip;
|
|
2511
|
-
}, { id: 'tip', text: css$
|
|
2513
|
+
}, { id: 'tip', text: css$U });
|
|
2512
2514
|
}
|
|
2513
2515
|
|
|
2514
|
-
var css$
|
|
2516
|
+
var css$T = "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}}";
|
|
2515
2517
|
|
|
2516
2518
|
function defineStepper(tag = 'usa-stepper') {
|
|
2517
2519
|
return defineElement(tag, (Base) => {
|
|
@@ -2608,10 +2610,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2608
2610
|
}
|
|
2609
2611
|
}
|
|
2610
2612
|
return UsaStepper;
|
|
2611
|
-
}, { id: 'stepper', text: css$
|
|
2613
|
+
}, { id: 'stepper', text: css$T });
|
|
2612
2614
|
}
|
|
2613
2615
|
|
|
2614
|
-
var css$
|
|
2616
|
+
var css$S = "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}}";
|
|
2615
2617
|
|
|
2616
2618
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2617
2619
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2733,10 +2735,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2733
2735
|
}
|
|
2734
2736
|
}
|
|
2735
2737
|
return UsaPagination;
|
|
2736
|
-
}, { id: 'pagination', text: css$
|
|
2738
|
+
}, { id: 'pagination', text: css$S });
|
|
2737
2739
|
}
|
|
2738
2740
|
|
|
2739
|
-
var css$
|
|
2741
|
+
var css$R = "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}}";
|
|
2740
2742
|
|
|
2741
2743
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2742
2744
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2830,10 +2832,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2830
2832
|
}
|
|
2831
2833
|
}
|
|
2832
2834
|
return UsaSegmented;
|
|
2833
|
-
}, { id: 'segmented', text: css$
|
|
2835
|
+
}, { id: 'segmented', text: css$R });
|
|
2834
2836
|
}
|
|
2835
2837
|
|
|
2836
|
-
var css$
|
|
2838
|
+
var css$Q = "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}}";
|
|
2837
2839
|
|
|
2838
2840
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2839
2841
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2921,10 +2923,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2921
2923
|
}
|
|
2922
2924
|
}
|
|
2923
2925
|
return UsaSwitch;
|
|
2924
|
-
}, { id: 'switch', text: css$
|
|
2926
|
+
}, { id: 'switch', text: css$Q });
|
|
2925
2927
|
}
|
|
2926
2928
|
|
|
2927
|
-
var css$
|
|
2929
|
+
var css$P = "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}}";
|
|
2928
2930
|
|
|
2929
2931
|
function defineKanban(tag = 'usa-kanban') {
|
|
2930
2932
|
return defineElement(tag, (Base) => {
|
|
@@ -3129,10 +3131,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3129
3131
|
}
|
|
3130
3132
|
}
|
|
3131
3133
|
return UsaKanban;
|
|
3132
|
-
}, { id: 'kanban', text: css$
|
|
3134
|
+
}, { id: 'kanban', text: css$P });
|
|
3133
3135
|
}
|
|
3134
3136
|
|
|
3135
|
-
var css$
|
|
3137
|
+
var css$O = "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}}";
|
|
3136
3138
|
|
|
3137
3139
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3138
3140
|
return defineElement(tag, (Base) => {
|
|
@@ -3274,10 +3276,10 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3274
3276
|
}
|
|
3275
3277
|
}
|
|
3276
3278
|
return UsaSwipeDeck;
|
|
3277
|
-
}, { id: 'swipe-deck', text: css$
|
|
3279
|
+
}, { id: 'swipe-deck', text: css$O });
|
|
3278
3280
|
}
|
|
3279
3281
|
|
|
3280
|
-
var css$
|
|
3282
|
+
var css$N = "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}}";
|
|
3281
3283
|
|
|
3282
3284
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3283
3285
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
@@ -3358,10 +3360,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3358
3360
|
}
|
|
3359
3361
|
}
|
|
3360
3362
|
return UsaWeatherCard;
|
|
3361
|
-
}, { id: 'weather-card', text: css$
|
|
3363
|
+
}, { id: 'weather-card', text: css$N });
|
|
3362
3364
|
}
|
|
3363
3365
|
|
|
3364
|
-
var css$
|
|
3366
|
+
var css$M = "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}}";
|
|
3365
3367
|
|
|
3366
3368
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3367
3369
|
return defineElement(tag, (Base) => {
|
|
@@ -3490,10 +3492,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3490
3492
|
}
|
|
3491
3493
|
}
|
|
3492
3494
|
return UsaPullCord;
|
|
3493
|
-
}, { id: 'pull-cord', text: css$
|
|
3495
|
+
}, { id: 'pull-cord', text: css$M });
|
|
3494
3496
|
}
|
|
3495
3497
|
|
|
3496
|
-
var css$
|
|
3498
|
+
var css$L = "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}}";
|
|
3497
3499
|
|
|
3498
3500
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3499
3501
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3642,10 +3644,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3642
3644
|
}
|
|
3643
3645
|
}
|
|
3644
3646
|
return UsaDatePicker;
|
|
3645
|
-
}, { id: 'date-picker', text: css$
|
|
3647
|
+
}, { id: 'date-picker', text: css$L });
|
|
3646
3648
|
}
|
|
3647
3649
|
|
|
3648
|
-
var css$
|
|
3650
|
+
var css$K = "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}}";
|
|
3649
3651
|
|
|
3650
3652
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3651
3653
|
function hsvToHex(h, s, v) {
|
|
@@ -3765,10 +3767,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3765
3767
|
}
|
|
3766
3768
|
}
|
|
3767
3769
|
return UsaColorPicker;
|
|
3768
|
-
}, { id: 'color-picker', text: css$
|
|
3770
|
+
}, { id: 'color-picker', text: css$K });
|
|
3769
3771
|
}
|
|
3770
3772
|
|
|
3771
|
-
var css$
|
|
3773
|
+
var css$J = "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}}";
|
|
3772
3774
|
|
|
3773
3775
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3774
3776
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3869,10 +3871,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3869
3871
|
}
|
|
3870
3872
|
}
|
|
3871
3873
|
return UsaFileDrop;
|
|
3872
|
-
}, { id: 'file-drop', text: css$
|
|
3874
|
+
}, { id: 'file-drop', text: css$J });
|
|
3873
3875
|
}
|
|
3874
3876
|
|
|
3875
|
-
var css$
|
|
3877
|
+
var css$I = "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}}";
|
|
3876
3878
|
|
|
3877
3879
|
const DEFAULT = {
|
|
3878
3880
|
format: ANIMATION_FORMAT,
|
|
@@ -4046,10 +4048,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4046
4048
|
}
|
|
4047
4049
|
}
|
|
4048
4050
|
return UsaKeyframeEditor;
|
|
4049
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4051
|
+
}, { id: 'keyframe-editor', text: css$I });
|
|
4050
4052
|
}
|
|
4051
4053
|
|
|
4052
|
-
var css$
|
|
4054
|
+
var css$H = "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}}";
|
|
4053
4055
|
|
|
4054
4056
|
const fmt = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4055
4057
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4210,10 +4212,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4210
4212
|
}
|
|
4211
4213
|
}
|
|
4212
4214
|
return UsaMusicPlayer;
|
|
4213
|
-
}, { id: 'music-player', text: css$
|
|
4215
|
+
}, { id: 'music-player', text: css$H });
|
|
4214
4216
|
}
|
|
4215
4217
|
|
|
4216
|
-
var css$
|
|
4218
|
+
var css$G = "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}}";
|
|
4217
4219
|
|
|
4218
4220
|
const ARC = 270;
|
|
4219
4221
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4304,10 +4306,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4304
4306
|
}
|
|
4305
4307
|
}
|
|
4306
4308
|
return UsaVolumeKnob;
|
|
4307
|
-
}, { id: 'volume-knob', text: css$
|
|
4309
|
+
}, { id: 'volume-knob', text: css$G });
|
|
4308
4310
|
}
|
|
4309
4311
|
|
|
4310
|
-
var css$
|
|
4312
|
+
var css$F = "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}}";
|
|
4311
4313
|
|
|
4312
4314
|
const EQ_PRESETS = {
|
|
4313
4315
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4405,10 +4407,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4405
4407
|
}
|
|
4406
4408
|
}
|
|
4407
4409
|
return UsaEqualizer;
|
|
4408
|
-
}, { id: 'equalizer', text: css$
|
|
4410
|
+
}, { id: 'equalizer', text: css$F });
|
|
4409
4411
|
}
|
|
4410
4412
|
|
|
4411
|
-
var css$
|
|
4413
|
+
var css$E = "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}}";
|
|
4412
4414
|
|
|
4413
4415
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4414
4416
|
function parseLRC(src) {
|
|
@@ -4520,10 +4522,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4520
4522
|
}
|
|
4521
4523
|
}
|
|
4522
4524
|
return UsaLyrics;
|
|
4523
|
-
}, { id: 'lyrics', text: css$
|
|
4525
|
+
}, { id: 'lyrics', text: css$E });
|
|
4524
4526
|
}
|
|
4525
4527
|
|
|
4526
|
-
var css$
|
|
4528
|
+
var css$D = "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}}";
|
|
4527
4529
|
|
|
4528
4530
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4529
4531
|
return defineElement(tag, (Base) => {
|
|
@@ -4617,10 +4619,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4617
4619
|
}
|
|
4618
4620
|
}
|
|
4619
4621
|
return UsaBarChart;
|
|
4620
|
-
}, { id: 'bar-chart', text: css$
|
|
4622
|
+
}, { id: 'bar-chart', text: css$D });
|
|
4621
4623
|
}
|
|
4622
4624
|
|
|
4623
|
-
var css$
|
|
4625
|
+
var css$C = "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)}";
|
|
4624
4626
|
|
|
4625
4627
|
function defineGauge(tag = 'usa-gauge') {
|
|
4626
4628
|
return defineElement(tag, (Base) => {
|
|
@@ -4705,10 +4707,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4705
4707
|
}
|
|
4706
4708
|
}
|
|
4707
4709
|
return UsaGauge;
|
|
4708
|
-
}, { id: 'gauge', text: css$
|
|
4710
|
+
}, { id: 'gauge', text: css$C });
|
|
4709
4711
|
}
|
|
4710
4712
|
|
|
4711
|
-
var css$
|
|
4713
|
+
var css$B = "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}}";
|
|
4712
4714
|
|
|
4713
4715
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4714
4716
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4831,7 +4833,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4831
4833
|
}
|
|
4832
4834
|
}
|
|
4833
4835
|
return UsaSparkline;
|
|
4834
|
-
}, { id: 'sparkline', text: css$
|
|
4836
|
+
}, { id: 'sparkline', text: css$B });
|
|
4835
4837
|
}
|
|
4836
4838
|
|
|
4837
4839
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4844,7 +4846,7 @@ function parseFigureText(s) {
|
|
|
4844
4846
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4845
4847
|
}
|
|
4846
4848
|
|
|
4847
|
-
var css$
|
|
4849
|
+
var css$A = "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}";
|
|
4848
4850
|
|
|
4849
4851
|
function defineKpi(tag = 'usa-kpi') {
|
|
4850
4852
|
return defineElement(tag, (Base) => {
|
|
@@ -4924,10 +4926,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4924
4926
|
}
|
|
4925
4927
|
}
|
|
4926
4928
|
return UsaKpi;
|
|
4927
|
-
}, { id: 'kpi', text: css$
|
|
4929
|
+
}, { id: 'kpi', text: css$A });
|
|
4928
4930
|
}
|
|
4929
4931
|
|
|
4930
|
-
var css$
|
|
4932
|
+
var css$z = "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}}";
|
|
4931
4933
|
|
|
4932
4934
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4933
4935
|
return defineElement(tag, (Base) => {
|
|
@@ -4972,10 +4974,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4972
4974
|
}
|
|
4973
4975
|
}
|
|
4974
4976
|
return UsaAddToCart;
|
|
4975
|
-
}, { id: 'add-to-cart', text: css$
|
|
4977
|
+
}, { id: 'add-to-cart', text: css$z });
|
|
4976
4978
|
}
|
|
4977
4979
|
|
|
4978
|
-
var css$
|
|
4980
|
+
var css$y = "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}";
|
|
4979
4981
|
|
|
4980
4982
|
/** Cart total (7.3). */
|
|
4981
4983
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5140,10 +5142,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5140
5142
|
}
|
|
5141
5143
|
}
|
|
5142
5144
|
return UsaCartDrawer;
|
|
5143
|
-
}, { id: 'cart-drawer', text: css$
|
|
5145
|
+
}, { id: 'cart-drawer', text: css$y });
|
|
5144
5146
|
}
|
|
5145
5147
|
|
|
5146
|
-
var css$
|
|
5148
|
+
var css$x = "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}}";
|
|
5147
5149
|
|
|
5148
5150
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5149
5151
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5257,17 +5259,17 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5257
5259
|
}
|
|
5258
5260
|
}
|
|
5259
5261
|
return UsaProductGallery;
|
|
5260
|
-
}, { id: 'product-gallery', text: css$
|
|
5262
|
+
}, { id: 'product-gallery', text: css$x });
|
|
5261
5263
|
}
|
|
5262
5264
|
|
|
5263
|
-
var css$
|
|
5265
|
+
var css$w = "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)}";
|
|
5264
5266
|
|
|
5265
5267
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5266
5268
|
function splitTime(sec) {
|
|
5267
5269
|
const t = Math.max(0, Math.floor(sec));
|
|
5268
5270
|
return { d: Math.floor(t / 86400), h: Math.floor((t % 86400) / 3600), m: Math.floor((t % 3600) / 60), s: t % 60 };
|
|
5269
5271
|
}
|
|
5270
|
-
const NAMES = { d: 'days', h: 'hours', m: 'minutes', s: 'seconds' };
|
|
5272
|
+
const NAMES$1 = { d: 'days', h: 'hours', m: 'minutes', s: 'seconds' };
|
|
5271
5273
|
function defineCountdown(tag = 'usa-countdown') {
|
|
5272
5274
|
return defineElement(tag, (Base) => {
|
|
5273
5275
|
class UsaCountdown extends Base {
|
|
@@ -5284,10 +5286,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5284
5286
|
return Math.max(0, Math.round((this._end - Date.now()) / 1000));
|
|
5285
5287
|
}
|
|
5286
5288
|
mount() {
|
|
5287
|
-
const units = this.str('units', 'd,h,m,s').split(',').map((u) => u.trim()).filter((u) => u in NAMES);
|
|
5289
|
+
const units = this.str('units', 'd,h,m,s').split(',').map((u) => u.trim()).filter((u) => u in NAMES$1);
|
|
5288
5290
|
const labels = this.str('labels', '').split(',');
|
|
5289
5291
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
5290
|
-
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>`);
|
|
5292
|
+
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>`);
|
|
5291
5293
|
this.setAttribute('role', 'timer');
|
|
5292
5294
|
this.reset();
|
|
5293
5295
|
this.onCleanup(() => this.stop());
|
|
@@ -5348,10 +5350,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5348
5350
|
}
|
|
5349
5351
|
}
|
|
5350
5352
|
return UsaCountdown;
|
|
5351
|
-
}, { id: 'countdown', text: css$
|
|
5353
|
+
}, { id: 'countdown', text: css$w });
|
|
5352
5354
|
}
|
|
5353
5355
|
|
|
5354
|
-
var css$
|
|
5356
|
+
var css$v = "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}}";
|
|
5355
5357
|
|
|
5356
5358
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5357
5359
|
return defineElement(tag, (Base) => {
|
|
@@ -5438,10 +5440,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5438
5440
|
}
|
|
5439
5441
|
}
|
|
5440
5442
|
return UsaMessageList;
|
|
5441
|
-
}, { id: 'message-list', text: css$
|
|
5443
|
+
}, { id: 'message-list', text: css$v });
|
|
5442
5444
|
}
|
|
5443
5445
|
|
|
5444
|
-
var css$
|
|
5446
|
+
var css$u = "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}";
|
|
5445
5447
|
|
|
5446
5448
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5447
5449
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5543,10 +5545,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5543
5545
|
}
|
|
5544
5546
|
}
|
|
5545
5547
|
return UsaReactions;
|
|
5546
|
-
}, { id: 'reactions', text: css$
|
|
5548
|
+
}, { id: 'reactions', text: css$u });
|
|
5547
5549
|
}
|
|
5548
5550
|
|
|
5549
|
-
var css$
|
|
5551
|
+
var css$t = "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}";
|
|
5550
5552
|
|
|
5551
5553
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5552
5554
|
return defineElement(tag, (Base) => {
|
|
@@ -5641,10 +5643,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5641
5643
|
}
|
|
5642
5644
|
}
|
|
5643
5645
|
return UsaNotificationBell;
|
|
5644
|
-
}, { id: 'notification-bell', text: css$
|
|
5646
|
+
}, { id: 'notification-bell', text: css$t });
|
|
5645
5647
|
}
|
|
5646
5648
|
|
|
5647
|
-
var css$
|
|
5649
|
+
var css$s = "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}}";
|
|
5648
5650
|
|
|
5649
5651
|
/** Presence states (7.4). */
|
|
5650
5652
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5714,10 +5716,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5714
5716
|
}
|
|
5715
5717
|
}
|
|
5716
5718
|
return UsaPresence;
|
|
5717
|
-
}, { id: 'presence', text: css$
|
|
5719
|
+
}, { id: 'presence', text: css$s });
|
|
5718
5720
|
}
|
|
5719
5721
|
|
|
5720
|
-
var css$
|
|
5722
|
+
var css$r = "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)}";
|
|
5721
5723
|
|
|
5722
5724
|
/** Sort rows by score desc, then name (7.5). */
|
|
5723
5725
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5826,10 +5828,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5826
5828
|
}
|
|
5827
5829
|
}
|
|
5828
5830
|
return UsaLeaderboard;
|
|
5829
|
-
}, { id: 'leaderboard', text: css$
|
|
5831
|
+
}, { id: 'leaderboard', text: css$r });
|
|
5830
5832
|
}
|
|
5831
5833
|
|
|
5832
|
-
var css$
|
|
5834
|
+
var css$q = "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)}";
|
|
5833
5835
|
|
|
5834
5836
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5835
5837
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5926,10 +5928,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5926
5928
|
}
|
|
5927
5929
|
}
|
|
5928
5930
|
return UsaXpBar;
|
|
5929
|
-
}, { id: 'xp-bar', text: css$
|
|
5931
|
+
}, { id: 'xp-bar', text: css$q });
|
|
5930
5932
|
}
|
|
5931
5933
|
|
|
5932
|
-
var css$
|
|
5934
|
+
var css$p = "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}}";
|
|
5933
5935
|
|
|
5934
5936
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5935
5937
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -5996,17 +5998,17 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
5996
5998
|
}
|
|
5997
5999
|
}
|
|
5998
6000
|
return UsaBadgeWall;
|
|
5999
|
-
}, { id: 'badge-wall', text: css$
|
|
6001
|
+
}, { id: 'badge-wall', text: css$p });
|
|
6000
6002
|
}
|
|
6001
6003
|
|
|
6002
|
-
var css$
|
|
6004
|
+
var css$o = "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)}";
|
|
6003
6005
|
|
|
6004
6006
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6005
6007
|
function wheelAngle(index, count, turns = 5) {
|
|
6006
6008
|
const seg = 360 / Math.max(1, count);
|
|
6007
6009
|
return turns * 360 + (360 - (index * seg + seg / 2));
|
|
6008
6010
|
}
|
|
6009
|
-
const COLORS = ['#7c5cff', '#22d3ee', '#f59e0b', '#ef4444', '#22c55e', '#ec4899', '#3b82f6', '#a3e635'];
|
|
6011
|
+
const COLORS$1 = ['#7c5cff', '#22d3ee', '#f59e0b', '#ef4444', '#22c55e', '#ec4899', '#3b82f6', '#a3e635'];
|
|
6010
6012
|
function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
6011
6013
|
return defineElement(tag, (Base) => {
|
|
6012
6014
|
class UsaPrizeWheel extends Base {
|
|
@@ -6029,7 +6031,7 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6029
6031
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6030
6032
|
const s = this.segments;
|
|
6031
6033
|
const seg = 360 / s.length;
|
|
6032
|
-
const grad = s.map((_, i) => `${COLORS[i % COLORS.length]} ${(i * seg).toFixed(2)}deg ${((i + 1) * seg).toFixed(2)}deg`).join(',');
|
|
6034
|
+
const grad = s.map((_, i) => `${COLORS$1[i % COLORS$1.length]} ${(i * seg).toFixed(2)}deg ${((i + 1) * seg).toFixed(2)}deg`).join(',');
|
|
6033
6035
|
this.insertAdjacentHTML('beforeend', '<span class="usa-pw-box" data-usa-part><i class="usa-pw-pointer" aria-hidden="true"></i><span class="usa-pw-wheel" aria-hidden="true"></span><button type="button" class="usa-pw-btn"></button></span><span class="usa-pw-live" data-usa-part aria-live="polite"></span>');
|
|
6034
6036
|
const wheel = this.querySelector('.usa-pw-wheel');
|
|
6035
6037
|
wheel.style.background = `conic-gradient(${grad})`;
|
|
@@ -6079,10 +6081,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6079
6081
|
}
|
|
6080
6082
|
}
|
|
6081
6083
|
return UsaPrizeWheel;
|
|
6082
|
-
}, { id: 'prize-wheel', text: css$
|
|
6084
|
+
}, { id: 'prize-wheel', text: css$o });
|
|
6083
6085
|
}
|
|
6084
6086
|
|
|
6085
|
-
var css$
|
|
6087
|
+
var css$n = "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}}";
|
|
6086
6088
|
|
|
6087
6089
|
const RAD = Math.PI / 180;
|
|
6088
6090
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6239,10 +6241,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6239
6241
|
}
|
|
6240
6242
|
}
|
|
6241
6243
|
return UsaGlobe;
|
|
6242
|
-
}, { id: 'globe', text: css$
|
|
6244
|
+
}, { id: 'globe', text: css$n });
|
|
6243
6245
|
}
|
|
6244
6246
|
|
|
6245
|
-
var css$
|
|
6247
|
+
var css$m = "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}";
|
|
6246
6248
|
|
|
6247
6249
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6248
6250
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6258,7 +6260,7 @@ function formatDistance(km, unit = 'km') {
|
|
|
6258
6260
|
}
|
|
6259
6261
|
return km < 1 ? `${Math.round(km * 1000)} m` : `${km < 10 ? km.toFixed(1) : Math.round(km)} km`;
|
|
6260
6262
|
}
|
|
6261
|
-
const esc$
|
|
6263
|
+
const esc$b = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6262
6264
|
function defineLocationCard(tag = 'usa-location-card') {
|
|
6263
6265
|
return defineElement(tag, (Base) => {
|
|
6264
6266
|
class UsaLocationCard extends Base {
|
|
@@ -6283,7 +6285,7 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6283
6285
|
const dist = this.str('distance') || (km === null ? '' : formatDistance(km, this.str('unit') === 'mi' ? 'mi' : 'km'));
|
|
6284
6286
|
const href = this.str('href');
|
|
6285
6287
|
const origin = km !== null;
|
|
6286
|
-
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$
|
|
6288
|
+
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$b(name)}"><div class="usa-lc-map" aria-hidden="true"><svg viewBox="0 0 240 120" preserveAspectRatio="xMidYMid slice"><path class="usa-lc-street" d="M0 30H240M0 78H240M40 0V120M120 0V120M196 0V120M0 112L240 8"/>${origin ? '<path class="usa-lc-route" pathLength="100" d="M28 100C60 100 64 78 96 78S120 40 160 40 168 58 168 58"/><circle class="usa-lc-from" cx="28" cy="100" r="4"/>' : ''}</svg><span class="usa-lc-ring"></span><span class="usa-lc-pin"></span></div><div class="usa-lc-body"><h3 class="usa-lc-name">${esc$b(name)}</h3>${this.str('address') ? `<p class="usa-lc-addr">${esc$b(this.str('address'))}</p>` : ''}<p class="usa-lc-meta">${dist ? `<span class="usa-lc-dist">${esc$b(dist)}</span>` : ''}${href ? `<a class="usa-lc-go" href="${esc$b(href)}" target="_blank" rel="noopener">Directions</a>` : ''}</p></div></article>`);
|
|
6287
6289
|
if (origin)
|
|
6288
6290
|
this.setAttribute('data-route', '');
|
|
6289
6291
|
else
|
|
@@ -6316,10 +6318,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6316
6318
|
}
|
|
6317
6319
|
}
|
|
6318
6320
|
return UsaLocationCard;
|
|
6319
|
-
}, { id: 'location-card', text: css$
|
|
6321
|
+
}, { id: 'location-card', text: css$m });
|
|
6320
6322
|
}
|
|
6321
6323
|
|
|
6322
|
-
var css$
|
|
6324
|
+
var css$l = "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}}";
|
|
6323
6325
|
|
|
6324
6326
|
/** 0–4 password strength score with a label (7.7). */
|
|
6325
6327
|
function passwordStrength(pw) {
|
|
@@ -6341,7 +6343,7 @@ function passwordStrength(pw) {
|
|
|
6341
6343
|
const score = Math.min(4, s);
|
|
6342
6344
|
return { score, label: ['Too short', 'Weak', 'Fair', 'Good', 'Strong'][score] };
|
|
6343
6345
|
}
|
|
6344
|
-
const esc$
|
|
6346
|
+
const esc$a = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6345
6347
|
let uid$2 = 0;
|
|
6346
6348
|
const PASS = ['type', 'name', 'required', 'pattern', 'minlength', 'maxlength', 'autocomplete', 'inputmode', 'placeholder'];
|
|
6347
6349
|
function defineField(tag = 'usa-field') {
|
|
@@ -6375,9 +6377,9 @@ function defineField(tag = 'usa-field') {
|
|
|
6375
6377
|
const id = this._id;
|
|
6376
6378
|
const strength = this.flag('strength');
|
|
6377
6379
|
const attrs = PASS.filter((a) => this.hasAttribute(a))
|
|
6378
|
-
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$
|
|
6380
|
+
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$a(this.str(a))}"`))
|
|
6379
6381
|
.join('');
|
|
6380
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-fld" data-usa-part><input class="usa-fld-input" id="${id}"${attrs} aria-describedby="${id}-msg"${this.hasAttribute('type') ? '' : ' type="text"'}><label class="usa-fld-label" for="${id}">${esc$
|
|
6382
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-fld" data-usa-part><input class="usa-fld-input" id="${id}"${attrs} aria-describedby="${id}-msg"${this.hasAttribute('type') ? '' : ' type="text"'}><label class="usa-fld-label" for="${id}">${esc$a(this.str('label', 'Label'))}</label><span class="usa-fld-line" aria-hidden="true"></span><svg class="usa-fld-ok" viewBox="0 0 24 24" aria-hidden="true"><path pathLength="1" d="M5 12.5l4.5 4.5L19 7.5"/></svg>${strength ? '<div class="usa-fld-meter" aria-hidden="true"><i></i><i></i><i></i><i></i></div>' : ''}<p class="usa-fld-msg" id="${id}-msg" aria-live="polite">${esc$a(this.str('hint'))}</p></div>`);
|
|
6381
6383
|
const input = this.input;
|
|
6382
6384
|
input.value = keep;
|
|
6383
6385
|
this.listen(input, 'input', () => {
|
|
@@ -6445,10 +6447,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6445
6447
|
}
|
|
6446
6448
|
}
|
|
6447
6449
|
return UsaField;
|
|
6448
|
-
}, { id: 'field', text: css$
|
|
6450
|
+
}, { id: 'field', text: css$l });
|
|
6449
6451
|
}
|
|
6450
6452
|
|
|
6451
|
-
var css$
|
|
6453
|
+
var css$k = "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}}";
|
|
6452
6454
|
|
|
6453
6455
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6454
6456
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6579,10 +6581,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6579
6581
|
}
|
|
6580
6582
|
}
|
|
6581
6583
|
return UsaOtp;
|
|
6582
|
-
}, { id: 'otp', text: css$
|
|
6584
|
+
}, { id: 'otp', text: css$k });
|
|
6583
6585
|
}
|
|
6584
6586
|
|
|
6585
|
-
var css$
|
|
6587
|
+
var css$j = "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}}";
|
|
6586
6588
|
|
|
6587
6589
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6588
6590
|
function formatBytes(n) {
|
|
@@ -6596,7 +6598,7 @@ function formatBytes(n) {
|
|
|
6596
6598
|
}
|
|
6597
6599
|
return `${i === 0 ? Math.round(n) : n < 10 ? n.toFixed(1) : Math.round(n)} ${u[i]}`;
|
|
6598
6600
|
}
|
|
6599
|
-
const esc$
|
|
6601
|
+
const esc$9 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6600
6602
|
function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
6601
6603
|
return defineElement(tag, (Base) => {
|
|
6602
6604
|
class UsaUploadProgress extends Base {
|
|
@@ -6624,7 +6626,7 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6624
6626
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6625
6627
|
const name = this.str('name', 'file');
|
|
6626
6628
|
const size = formatBytes(this.num('size', NaN));
|
|
6627
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$
|
|
6629
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$9((name.split('.').pop() || '').slice(0, 4).toUpperCase())}</span><div class="usa-up-main"><div class="usa-up-top"><span class="usa-up-name">${esc$9(name)}</span><span class="usa-up-pct"></span></div><div class="usa-up-track" role="progressbar" aria-label="Uploading ${esc$9(name)}" aria-valuemin="0" aria-valuemax="100"><span class="usa-up-fill"></span></div><div class="usa-up-sub"><span class="usa-up-size">${esc$9(size)}</span><span class="usa-up-msg" aria-live="polite"></span><button type="button" class="usa-up-retry">Retry</button></div></div><svg class="usa-up-ok" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path pathLength="1" d="M7 12.5l3.2 3.2L17 9"/></svg></div>`);
|
|
6628
6630
|
this.listen(this.querySelector('.usa-up-retry'), 'click', () => this.emit('retry', { name }));
|
|
6629
6631
|
this._shown = 0;
|
|
6630
6632
|
this.render(true);
|
|
@@ -6665,12 +6667,12 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6665
6667
|
}
|
|
6666
6668
|
}
|
|
6667
6669
|
return UsaUploadProgress;
|
|
6668
|
-
}, { id: 'upload-progress', text: css$
|
|
6670
|
+
}, { id: 'upload-progress', text: css$j });
|
|
6669
6671
|
}
|
|
6670
6672
|
|
|
6671
|
-
var css$
|
|
6673
|
+
var css$i = "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}}";
|
|
6672
6674
|
|
|
6673
|
-
const esc$
|
|
6675
|
+
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6674
6676
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
6675
6677
|
return defineElement(tag, (Base) => {
|
|
6676
6678
|
class UsaChatComposer extends Base {
|
|
@@ -6700,7 +6702,7 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6700
6702
|
const keep = this.area?.value ?? this.str('value');
|
|
6701
6703
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6702
6704
|
const label = this.str('label', 'Message');
|
|
6703
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-cc" data-usa-part><span class="usa-cc-glow" aria-hidden="true"></span><textarea class="usa-cc-input" rows="1" aria-label="${esc$
|
|
6705
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-cc" data-usa-part><span class="usa-cc-glow" aria-hidden="true"></span><textarea class="usa-cc-input" rows="1" aria-label="${esc$8(label)}" placeholder="${esc$8(this.str('placeholder', 'Ask anything…'))}"></textarea><button type="button" class="usa-cc-send" aria-label="Send"><svg viewBox="0 0 24 24" aria-hidden="true"><path class="usa-cc-arrow" d="M12 19V5M5.5 11.5L12 5l6.5 6.5"/><rect class="usa-cc-stop" x="7" y="7" width="10" height="10" rx="2"/></svg></button></div>`);
|
|
6704
6706
|
const a = this.area;
|
|
6705
6707
|
a.value = keep;
|
|
6706
6708
|
this.listen(a, 'input', () => this.sync());
|
|
@@ -6766,10 +6768,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6766
6768
|
}
|
|
6767
6769
|
}
|
|
6768
6770
|
return UsaChatComposer;
|
|
6769
|
-
}, { id: 'chat-composer', text: css$
|
|
6771
|
+
}, { id: 'chat-composer', text: css$i });
|
|
6770
6772
|
}
|
|
6771
6773
|
|
|
6772
|
-
var css$
|
|
6774
|
+
var css$h = "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}}";
|
|
6773
6775
|
|
|
6774
6776
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6775
6777
|
function parseChips(s) {
|
|
@@ -6778,7 +6780,7 @@ function parseChips(s) {
|
|
|
6778
6780
|
.map((t) => t.trim())
|
|
6779
6781
|
.filter(Boolean);
|
|
6780
6782
|
}
|
|
6781
|
-
const esc$
|
|
6783
|
+
const esc$7 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6782
6784
|
function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
6783
6785
|
return defineElement(tag, (Base) => {
|
|
6784
6786
|
class UsaSuggestionChips extends Base {
|
|
@@ -6813,7 +6815,7 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6813
6815
|
Array.from(this.children).forEach((c) => !c.hasAttribute('data-usa-part') && c.setAttribute('hidden', ''));
|
|
6814
6816
|
}
|
|
6815
6817
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6816
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$
|
|
6818
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$7(this.str('label', 'Suggestions'))}" data-usa-part>${items.map((t, i) => `<span role="listitem"><button type="button" class="usa-sc-chip" data-i="${i}">${esc$7(t)}</button></span>`).join('')}</div>`);
|
|
6817
6819
|
const chips = Array.from(this.querySelectorAll('.usa-sc-chip'));
|
|
6818
6820
|
chips.forEach((c, i) => {
|
|
6819
6821
|
this.listen(c, 'click', () => this.pick(i));
|
|
@@ -6854,10 +6856,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6854
6856
|
}
|
|
6855
6857
|
}
|
|
6856
6858
|
return UsaSuggestionChips;
|
|
6857
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6859
|
+
}, { id: 'suggestion-chips', text: css$h });
|
|
6858
6860
|
}
|
|
6859
6861
|
|
|
6860
|
-
var css$
|
|
6862
|
+
var css$g = "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}}";
|
|
6861
6863
|
|
|
6862
6864
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6863
6865
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6929,10 +6931,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6929
6931
|
}
|
|
6930
6932
|
}
|
|
6931
6933
|
return UsaVoiceButton;
|
|
6932
|
-
}, { id: 'voice-button', text: css$
|
|
6934
|
+
}, { id: 'voice-button', text: css$g });
|
|
6933
6935
|
}
|
|
6934
6936
|
|
|
6935
|
-
var css$
|
|
6937
|
+
var css$f = "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)}";
|
|
6936
6938
|
|
|
6937
6939
|
/**
|
|
6938
6940
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -6991,7 +6993,7 @@ function matchesKeys(e, keys, apple = isApple()) {
|
|
|
6991
6993
|
function isApple() {
|
|
6992
6994
|
return typeof navigator !== 'undefined' && /Mac|iPhone|iPad|iPod/.test(navigator.userAgentData?.platform || navigator.platform || navigator.userAgent || '');
|
|
6993
6995
|
}
|
|
6994
|
-
const esc$
|
|
6996
|
+
const esc$6 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6995
6997
|
let uid$1 = 0;
|
|
6996
6998
|
function defineCommandPalette(tag = 'usa-command-palette') {
|
|
6997
6999
|
return defineElement(tag, (Base) => {
|
|
@@ -7028,7 +7030,7 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7028
7030
|
mount() {
|
|
7029
7031
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7030
7032
|
const id = this._id;
|
|
7031
|
-
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$
|
|
7033
|
+
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$6(this.str('label', 'Command palette'))}"><div class="usa-cp-box"><input class="usa-cp-q" role="combobox" aria-expanded="true" aria-controls="${id}-list" aria-autocomplete="list" autocomplete="off" spellcheck="false" placeholder="${esc$6(this.str('placeholder', 'Type a command or search…'))}"><div class="usa-cp-list" id="${id}-list" role="listbox"><span class="usa-cp-hl" aria-hidden="true"></span></div><p class="usa-cp-empty" hidden>No results</p></div></dialog>`);
|
|
7032
7034
|
const dlg = this.dlg;
|
|
7033
7035
|
const q = this.querySelector('.usa-cp-q');
|
|
7034
7036
|
this.listen(q, 'input', () => this.render(true));
|
|
@@ -7083,12 +7085,12 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7083
7085
|
if (!q && c.group !== group) {
|
|
7084
7086
|
group = c.group;
|
|
7085
7087
|
if (group)
|
|
7086
|
-
html += `<div class="usa-cp-group" role="presentation">${esc$
|
|
7088
|
+
html += `<div class="usa-cp-group" role="presentation">${esc$6(group)}</div>`;
|
|
7087
7089
|
}
|
|
7088
7090
|
const label = Array.from(c.label)
|
|
7089
|
-
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$
|
|
7091
|
+
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$6(ch)}</mark>` : esc$6(ch)))
|
|
7090
7092
|
.join('');
|
|
7091
|
-
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$
|
|
7093
|
+
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$6(k)}</kbd>`).join('')}</span>` : '';
|
|
7092
7094
|
html += `<div class="usa-cp-item" role="option" id="${this._id}-o${i}" data-i="${i}" aria-selected="false"><span class="usa-cp-label">${label}</span>${keys}</div>`;
|
|
7093
7095
|
});
|
|
7094
7096
|
list.insertAdjacentHTML('beforeend', html);
|
|
@@ -7191,13 +7193,13 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7191
7193
|
}
|
|
7192
7194
|
}
|
|
7193
7195
|
return UsaCommandPalette;
|
|
7194
|
-
}, { id: 'command-palette', text: css$
|
|
7196
|
+
}, { id: 'command-palette', text: css$f });
|
|
7195
7197
|
}
|
|
7196
7198
|
|
|
7197
|
-
var css$
|
|
7199
|
+
var css$e = "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}";
|
|
7198
7200
|
|
|
7199
7201
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7200
|
-
const esc$
|
|
7202
|
+
const esc$5 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7201
7203
|
function defineShortcut(tag = 'usa-shortcut') {
|
|
7202
7204
|
return defineElement(tag, (Base) => {
|
|
7203
7205
|
class UsaShortcut extends Base {
|
|
@@ -7212,7 +7214,7 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7212
7214
|
const labels = this.labels;
|
|
7213
7215
|
const spoken = labels.map((l) => SPOKEN[l] || l).join(' ');
|
|
7214
7216
|
const text = this.str('label');
|
|
7215
|
-
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$
|
|
7217
|
+
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$5(spoken)}">${labels.map((l) => `<kbd aria-hidden="true">${esc$5(l)}</kbd>`).join('')}</span>${text ? `<span class="usa-sk-label">${esc$5(text)}</span>` : ''}</span>`);
|
|
7216
7218
|
if (this.str('listen') !== 'false')
|
|
7217
7219
|
this.listen(document, 'keydown', (e) => {
|
|
7218
7220
|
if (!e.repeat && matchesKeys(e, this.str('keys', 'mod+k'))) {
|
|
@@ -7245,10 +7247,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7245
7247
|
}
|
|
7246
7248
|
}
|
|
7247
7249
|
return UsaShortcut;
|
|
7248
|
-
}, { id: 'shortcut', text: css$
|
|
7250
|
+
}, { id: 'shortcut', text: css$e });
|
|
7249
7251
|
}
|
|
7250
7252
|
|
|
7251
|
-
var css$
|
|
7253
|
+
var css$d = "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}}";
|
|
7252
7254
|
|
|
7253
7255
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7254
7256
|
return defineElement(tag, (Base) => {
|
|
@@ -7307,10 +7309,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7307
7309
|
}
|
|
7308
7310
|
}
|
|
7309
7311
|
return UsaClockControl;
|
|
7310
|
-
}, { id: 'clock-control', text: css$
|
|
7312
|
+
}, { id: 'clock-control', text: css$d });
|
|
7311
7313
|
}
|
|
7312
7314
|
|
|
7313
|
-
var css$
|
|
7315
|
+
var css$c = "usa-hydrate{display:block}";
|
|
7314
7316
|
|
|
7315
7317
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7316
7318
|
return defineElement(tag, (Base) => {
|
|
@@ -7346,12 +7348,12 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7346
7348
|
}
|
|
7347
7349
|
}
|
|
7348
7350
|
return UsaHydrate;
|
|
7349
|
-
}, { id: 'hydrate', text: css$
|
|
7351
|
+
}, { id: 'hydrate', text: css$c });
|
|
7350
7352
|
}
|
|
7351
7353
|
|
|
7352
|
-
var css$
|
|
7354
|
+
var css$b = "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}}";
|
|
7353
7355
|
|
|
7354
|
-
const esc$
|
|
7356
|
+
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7355
7357
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
7356
7358
|
return defineElement(tag, (Base) => {
|
|
7357
7359
|
class UsaRedEnvelope extends Base {
|
|
@@ -7364,7 +7366,7 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7364
7366
|
mount() {
|
|
7365
7367
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7366
7368
|
const msg = this.str('message', '恭喜发财');
|
|
7367
|
-
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$
|
|
7369
|
+
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$4(`Open red envelope${this.str('from') ? ` from ${this.str('from')}` : ''}`)}" data-usa-part><span class="usa-re-card" aria-hidden="true"><span class="usa-re-amt"></span><span class="usa-re-from">${esc$4(this.str('from'))}</span></span><span class="usa-re-body"><span class="usa-re-msg">${esc$4(msg)}</span></span><span class="usa-re-flap"><span class="usa-re-seal">福</span></span><span class="usa-re-coins" aria-hidden="true"></span><span class="usa-re-live" aria-live="polite"></span></button>`);
|
|
7368
7370
|
this.listen(this.querySelector('.usa-re'), 'click', () => (this.opened ? this.close() : this.open()));
|
|
7369
7371
|
if (this.flag('opened'))
|
|
7370
7372
|
this.open(true);
|
|
@@ -7413,10 +7415,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7413
7415
|
}
|
|
7414
7416
|
}
|
|
7415
7417
|
return UsaRedEnvelope;
|
|
7416
|
-
}, { id: 'red-envelope', text: css$
|
|
7418
|
+
}, { id: 'red-envelope', text: css$b });
|
|
7417
7419
|
}
|
|
7418
7420
|
|
|
7419
|
-
var css$
|
|
7421
|
+
var css$a = "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}}";
|
|
7420
7422
|
|
|
7421
7423
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7422
7424
|
const SCENES = {
|
|
@@ -7464,12 +7466,12 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7464
7466
|
}
|
|
7465
7467
|
}
|
|
7466
7468
|
return UsaFestivalBanner;
|
|
7467
|
-
}, { id: 'festival-banner', text: css$
|
|
7469
|
+
}, { id: 'festival-banner', text: css$a });
|
|
7468
7470
|
}
|
|
7469
7471
|
|
|
7470
|
-
var css$
|
|
7472
|
+
var css$9 = "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}}";
|
|
7471
7473
|
|
|
7472
|
-
const esc$
|
|
7474
|
+
const esc$3 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7473
7475
|
function defineTerminal(tag = 'usa-terminal') {
|
|
7474
7476
|
return defineElement(tag, (Base) => {
|
|
7475
7477
|
class UsaTerminal extends Base {
|
|
@@ -7489,7 +7491,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7489
7491
|
src.forEach((c) => c.remove());
|
|
7490
7492
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7491
7493
|
this.setAttribute('data-theme', ['green', 'amber'].includes(this.str('theme')) ? this.str('theme') : 'dark');
|
|
7492
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-term" data-usa-part><div class="usa-term-bar" aria-hidden="true"><i></i><i></i><i></i><span>${esc$
|
|
7494
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-term" data-usa-part><div class="usa-term-bar" aria-hidden="true"><i></i><i></i><i></i><span>${esc$3(this.str('title', 'terminal'))}</span></div><div class="usa-term-body" role="log" aria-label="${esc$3(this.str('title', 'Terminal'))}"></div></div>`);
|
|
7493
7495
|
let started = false;
|
|
7494
7496
|
this.inView((v) => {
|
|
7495
7497
|
if (v && !started) {
|
|
@@ -7504,7 +7506,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7504
7506
|
const p = document.createElement('p');
|
|
7505
7507
|
p.className = l.cmd ? 'usa-term-cmd' : 'usa-term-out';
|
|
7506
7508
|
if (l.cmd)
|
|
7507
|
-
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$
|
|
7509
|
+
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$3(this.str('prompt', '$'))} </span><span class="usa-term-tx"></span>`;
|
|
7508
7510
|
body.appendChild(p);
|
|
7509
7511
|
return p;
|
|
7510
7512
|
}
|
|
@@ -7578,10 +7580,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7578
7580
|
}
|
|
7579
7581
|
}
|
|
7580
7582
|
return UsaTerminal;
|
|
7581
|
-
}, { id: 'terminal', text: css$
|
|
7583
|
+
}, { id: 'terminal', text: css$9 });
|
|
7582
7584
|
}
|
|
7583
7585
|
|
|
7584
|
-
var css$
|
|
7586
|
+
var css$8 = "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}";
|
|
7585
7587
|
|
|
7586
7588
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7587
7589
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7635,10 +7637,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7635
7637
|
}
|
|
7636
7638
|
}
|
|
7637
7639
|
return UsaRetroButton;
|
|
7638
|
-
}, { id: 'retro-button', text: css$
|
|
7640
|
+
}, { id: 'retro-button', text: css$8 });
|
|
7639
7641
|
}
|
|
7640
7642
|
|
|
7641
|
-
var css$
|
|
7643
|
+
var css$7 = "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)}";
|
|
7642
7644
|
|
|
7643
7645
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7644
7646
|
return defineElement(tag, (Base) => {
|
|
@@ -7677,10 +7679,10 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7677
7679
|
}
|
|
7678
7680
|
}
|
|
7679
7681
|
return UsaOrganicCard;
|
|
7680
|
-
}, { id: 'organic-card', text: css$
|
|
7682
|
+
}, { id: 'organic-card', text: css$7 });
|
|
7681
7683
|
}
|
|
7682
7684
|
|
|
7683
|
-
var css$
|
|
7685
|
+
var css$6 = "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}";
|
|
7684
7686
|
|
|
7685
7687
|
let uid = 0;
|
|
7686
7688
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
@@ -7761,12 +7763,12 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7761
7763
|
}
|
|
7762
7764
|
}
|
|
7763
7765
|
return UsaLiquidNav;
|
|
7764
|
-
}, { id: 'liquid-nav', text: css$
|
|
7766
|
+
}, { id: 'liquid-nav', text: css$6 });
|
|
7765
7767
|
}
|
|
7766
7768
|
|
|
7767
|
-
var css$
|
|
7769
|
+
var css$5 = "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}}";
|
|
7768
7770
|
|
|
7769
|
-
const esc$
|
|
7771
|
+
const esc$2 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7770
7772
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
7771
7773
|
return defineElement(tag, (Base) => {
|
|
7772
7774
|
class UsaHudPanel extends Base {
|
|
@@ -7779,7 +7781,7 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7779
7781
|
this.setAttribute('aria-label', this.str('title', 'Panel'));
|
|
7780
7782
|
if (this.hasAttribute('color'))
|
|
7781
7783
|
this.style.setProperty('--usa-hud-c', this.str('color'));
|
|
7782
|
-
this.insertAdjacentHTML('afterbegin', `<svg class="usa-hud-frame" aria-hidden="true" preserveAspectRatio="none" viewBox="0 0 100 100" data-usa-part><path pathLength="100" vector-effect="non-scaling-stroke" d="M6 1H94L99 6V94L94 99H6L1 94V6Z"/></svg><header class="usa-hud-head" data-usa-part><span class="usa-hud-dot" aria-hidden="true"></span><span class="usa-hud-title">${esc$
|
|
7784
|
+
this.insertAdjacentHTML('afterbegin', `<svg class="usa-hud-frame" aria-hidden="true" preserveAspectRatio="none" viewBox="0 0 100 100" data-usa-part><path pathLength="100" vector-effect="non-scaling-stroke" d="M6 1H94L99 6V94L94 99H6L1 94V6Z"/></svg><header class="usa-hud-head" data-usa-part><span class="usa-hud-dot" aria-hidden="true"></span><span class="usa-hud-title">${esc$2(this.str('title', 'SYSTEM'))}</span><span class="usa-hud-status">${esc$2(this.str('status', 'ONLINE'))}</span></header>`);
|
|
7783
7785
|
this.querySelectorAll(':scope > [data-value]').forEach((r) => {
|
|
7784
7786
|
if (r.querySelector('.usa-hud-bar'))
|
|
7785
7787
|
return;
|
|
@@ -7813,10 +7815,10 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7813
7815
|
}
|
|
7814
7816
|
}
|
|
7815
7817
|
return UsaHudPanel;
|
|
7816
|
-
}, { id: 'hud-panel', text: css$
|
|
7818
|
+
}, { id: 'hud-panel', text: css$5 });
|
|
7817
7819
|
}
|
|
7818
7820
|
|
|
7819
|
-
var css = "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)}}";
|
|
7821
|
+
var css$4 = "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)}}";
|
|
7820
7822
|
|
|
7821
7823
|
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7822
7824
|
function parseTargets(s) {
|
|
@@ -7832,7 +7834,7 @@ function parseTargets(s) {
|
|
|
7832
7834
|
})
|
|
7833
7835
|
.filter(Boolean);
|
|
7834
7836
|
}
|
|
7835
|
-
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7837
|
+
const esc$1 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7836
7838
|
function defineRadar(tag = 'usa-radar') {
|
|
7837
7839
|
return defineElement(tag, (Base) => {
|
|
7838
7840
|
class UsaRadar extends Base {
|
|
@@ -7867,7 +7869,7 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7867
7869
|
const a = ((t.bearing - 90) * Math.PI) / 180;
|
|
7868
7870
|
const x = 50 + Math.cos(a) * t.distance * 48;
|
|
7869
7871
|
const y = 50 + Math.sin(a) * t.distance * 48;
|
|
7870
|
-
return `<span class="usa-rd-dot" data-i="${i}" style="left:${x.toFixed(2)}%;top:${y.toFixed(2)}%"><em>${esc(t.name)}</em></span>`;
|
|
7872
|
+
return `<span class="usa-rd-dot" data-i="${i}" style="left:${x.toFixed(2)}%;top:${y.toFixed(2)}%"><em>${esc$1(t.name)}</em></span>`;
|
|
7871
7873
|
})
|
|
7872
7874
|
.join('');
|
|
7873
7875
|
this.insertAdjacentHTML('beforeend', `<div class="usa-rd" aria-hidden="true" data-usa-part>${ringHtml}<i class="usa-rd-cross"></i><i class="usa-rd-sweep"></i>${dots}</div>`);
|
|
@@ -7902,7 +7904,335 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7902
7904
|
}
|
|
7903
7905
|
}
|
|
7904
7906
|
return UsaRadar;
|
|
7905
|
-
}, { id: 'radar', text: css });
|
|
7907
|
+
}, { id: 'radar', text: css$4 });
|
|
7908
|
+
}
|
|
7909
|
+
|
|
7910
|
+
var css$3 = "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)}";
|
|
7911
|
+
|
|
7912
|
+
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7913
|
+
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
7914
|
+
return defineElement(tag, (Base) => {
|
|
7915
|
+
class UsaStickyWall extends Base {
|
|
7916
|
+
constructor() {
|
|
7917
|
+
super(...arguments);
|
|
7918
|
+
this._z = 1;
|
|
7919
|
+
}
|
|
7920
|
+
static get observedAttributes() {
|
|
7921
|
+
return ['seed', 'label'];
|
|
7922
|
+
}
|
|
7923
|
+
get notes() {
|
|
7924
|
+
return Array.from(this.children).filter((c) => !c.hasAttribute('data-usa-part'));
|
|
7925
|
+
}
|
|
7926
|
+
mount() {
|
|
7927
|
+
this.setAttribute('role', 'list');
|
|
7928
|
+
if (this.hasAttribute('label'))
|
|
7929
|
+
this.setAttribute('aria-label', this.str('label'));
|
|
7930
|
+
const r = paperRandom(this.num('seed', 3));
|
|
7931
|
+
const notes = this.notes;
|
|
7932
|
+
notes.forEach((n, i) => {
|
|
7933
|
+
n.classList.add('usa-sticky');
|
|
7934
|
+
n.setAttribute('role', 'listitem');
|
|
7935
|
+
n.tabIndex = 0;
|
|
7936
|
+
const c = COLORS.includes(n.dataset.color || '') ? n.dataset.color : COLORS[i % COLORS.length];
|
|
7937
|
+
n.setAttribute('data-paper', c);
|
|
7938
|
+
n.style.setProperty('--tilt', `${((r() - 0.5) * 8).toFixed(1)}deg`);
|
|
7939
|
+
});
|
|
7940
|
+
let shown = false;
|
|
7941
|
+
this.inView((v) => {
|
|
7942
|
+
if (!v || shown || this.reduced)
|
|
7943
|
+
return;
|
|
7944
|
+
shown = true;
|
|
7945
|
+
notes.forEach((n, i) => this.motion(n, [{ transform: 'translateY(-40px) rotate(calc(var(--tilt) * 3)) scale(1.1)', opacity: 0 }, { transform: 'translateY(4px) rotate(var(--tilt))', opacity: 1, offset: 0.75 }, { transform: 'rotate(var(--tilt))', opacity: 1 }], { duration: 520, delay: i * 110, easing: 'cubic-bezier(.3,1.2,.5,1)', fill: 'backwards' }));
|
|
7946
|
+
}, { threshold: 0.2 });
|
|
7947
|
+
this.listen(this, 'click', (e) => {
|
|
7948
|
+
const n = e.target.closest?.('.usa-sticky');
|
|
7949
|
+
if (n && n.parentElement === this)
|
|
7950
|
+
this.pick(this.notes.indexOf(n));
|
|
7951
|
+
});
|
|
7952
|
+
this.listen(this, 'keydown', (e) => {
|
|
7953
|
+
const n = e.target.closest?.('.usa-sticky');
|
|
7954
|
+
if (n && n.parentElement === this && (e.key === 'Enter' || e.key === ' ')) {
|
|
7955
|
+
e.preventDefault();
|
|
7956
|
+
this.pick(this.notes.indexOf(n));
|
|
7957
|
+
}
|
|
7958
|
+
});
|
|
7959
|
+
}
|
|
7960
|
+
/** Lift note `index` to the front with a little wiggle. */
|
|
7961
|
+
pick(index) {
|
|
7962
|
+
const n = this.notes[index];
|
|
7963
|
+
if (!n)
|
|
7964
|
+
return;
|
|
7965
|
+
n.style.zIndex = String(++this._z);
|
|
7966
|
+
this.notes.forEach((x) => x.removeAttribute('data-picked'));
|
|
7967
|
+
n.setAttribute('data-picked', '');
|
|
7968
|
+
if (!this.reduced)
|
|
7969
|
+
this.motion(n, [{ transform: 'rotate(var(--tilt)) scale(1)' }, { transform: 'rotate(0deg) scale(1.08)', offset: 0.4 }, { transform: 'rotate(var(--tilt)) scale(1.04)' }], { duration: 360, easing: 'ease-out' });
|
|
7970
|
+
this.emit('pick', { index });
|
|
7971
|
+
}
|
|
7972
|
+
}
|
|
7973
|
+
return UsaStickyWall;
|
|
7974
|
+
}, { id: 'sticky-wall', text: css$3 });
|
|
7975
|
+
}
|
|
7976
|
+
|
|
7977
|
+
var css$2 = "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}";
|
|
7978
|
+
|
|
7979
|
+
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7980
|
+
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
7981
|
+
function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
7982
|
+
return defineElement(tag, (Base) => {
|
|
7983
|
+
class UsaSketchChart extends Base {
|
|
7984
|
+
constructor() {
|
|
7985
|
+
super(...arguments);
|
|
7986
|
+
this._v = null;
|
|
7987
|
+
}
|
|
7988
|
+
static get observedAttributes() {
|
|
7989
|
+
return ['values', 'labels', 'type', 'color', 'label'];
|
|
7990
|
+
}
|
|
7991
|
+
get values() {
|
|
7992
|
+
return (this._v || nums(this.str('values'))).slice();
|
|
7993
|
+
}
|
|
7994
|
+
set values(v) {
|
|
7995
|
+
this.setValues(v);
|
|
7996
|
+
}
|
|
7997
|
+
setValues(v) {
|
|
7998
|
+
this._v = v.map(Number).filter((x) => Number.isFinite(x));
|
|
7999
|
+
if (this.isConnected)
|
|
8000
|
+
this.changed('values');
|
|
8001
|
+
}
|
|
8002
|
+
mount() {
|
|
8003
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8004
|
+
const vs = this.values;
|
|
8005
|
+
const labels = this.str('labels').split(',').map((s) => s.trim());
|
|
8006
|
+
const line = this.str('type') === 'line';
|
|
8007
|
+
if (this.hasAttribute('color'))
|
|
8008
|
+
this.style.setProperty('--usa-sk-c', this.str('color'));
|
|
8009
|
+
this.setAttribute('role', 'img');
|
|
8010
|
+
this.setAttribute('aria-label', `${this.str('label', 'Chart')}: ${vs.map((v, i) => `${labels[i] || i + 1} ${v}`).join(', ') || 'no data'}`);
|
|
8011
|
+
const W = 240, H = 140, L = 22, B = 120, T = 12;
|
|
8012
|
+
const max = Math.max(1, ...vs);
|
|
8013
|
+
const step = vs.length ? (W - L - 8) / vs.length : 0;
|
|
8014
|
+
const y = (v) => B - (Math.max(0, v) / max) * (B - T);
|
|
8015
|
+
let g = `<path class="usa-sk-axis" d="${roughLine(L, T - 4, L, B, 1)} ${roughLine(L, B, W - 4, B, 2)}"/>`;
|
|
8016
|
+
if (line) {
|
|
8017
|
+
const pts = vs.map((v, i) => [L + step * (i + 0.5), y(v)]);
|
|
8018
|
+
g += pts.slice(1).map((p, i) => `<path class="usa-sk-mark" d="${roughLine(pts[i][0], pts[i][1], p[0], p[1], i + 5, 1.2)}"/>`).join('');
|
|
8019
|
+
g += pts.map(([x, yy]) => `<circle class="usa-sk-dot" cx="${x.toFixed(1)}" cy="${yy.toFixed(1)}" r="3.5"/>`).join('');
|
|
8020
|
+
}
|
|
8021
|
+
else {
|
|
8022
|
+
vs.forEach((v, i) => {
|
|
8023
|
+
const x0 = L + step * i + step * 0.2;
|
|
8024
|
+
const x1 = x0 + step * 0.6;
|
|
8025
|
+
const yy = y(v);
|
|
8026
|
+
g += `<path class="usa-sk-mark" d="${roughLine(x0, B, x0, yy, i * 3 + 7)} ${roughLine(x0, yy, x1, yy, i * 3 + 8)} ${roughLine(x1, yy, x1, B, i * 3 + 9)}"/>`;
|
|
8027
|
+
for (let h = yy + 8; h < B - 2; h += 9)
|
|
8028
|
+
g += `<path class="usa-sk-hatch" d="${roughLine(x0 + 2, Math.min(B, h + 5), x1 - 2, h - 3, h + i, 0.8)}"/>`;
|
|
8029
|
+
});
|
|
8030
|
+
}
|
|
8031
|
+
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc(labels[i])}</text>` : '')).join('');
|
|
8032
|
+
this.insertAdjacentHTML('beforeend', `<svg class="usa-sk" viewBox="0 0 ${W} ${H}" aria-hidden="true" data-usa-part>${g}</svg>`);
|
|
8033
|
+
if (this.reduced)
|
|
8034
|
+
return void this.setAttribute('data-drawn', '');
|
|
8035
|
+
this.listen(this, 'click', () => this.redraw());
|
|
8036
|
+
let done = false;
|
|
8037
|
+
this.inView((v) => {
|
|
8038
|
+
if (v && !done) {
|
|
8039
|
+
done = true;
|
|
8040
|
+
this.draw();
|
|
8041
|
+
}
|
|
8042
|
+
}, { threshold: 0.3 });
|
|
8043
|
+
}
|
|
8044
|
+
/** Sketch the chart in again. */
|
|
8045
|
+
redraw() {
|
|
8046
|
+
if (this.reduced)
|
|
8047
|
+
return;
|
|
8048
|
+
this.querySelectorAll('.usa-sk path, .usa-sk circle').forEach((p) => p.getAnimations?.().forEach((a) => a.cancel()));
|
|
8049
|
+
this.draw();
|
|
8050
|
+
}
|
|
8051
|
+
draw() {
|
|
8052
|
+
const strokes = Array.from(this.querySelectorAll('.usa-sk-axis, .usa-sk-mark, .usa-sk-hatch, .usa-sk-dot'));
|
|
8053
|
+
let last = null;
|
|
8054
|
+
strokes.forEach((p, i) => {
|
|
8055
|
+
let len = 150;
|
|
8056
|
+
try {
|
|
8057
|
+
len = p.getTotalLength?.() || 150;
|
|
8058
|
+
}
|
|
8059
|
+
catch {
|
|
8060
|
+
/* not rendered */
|
|
8061
|
+
}
|
|
8062
|
+
p.style.strokeDasharray = `${len}`;
|
|
8063
|
+
last = this.motion(p, [{ strokeDashoffset: `${len}` }, { strokeDashoffset: '0' }], { duration: 380, delay: i * 45, easing: 'ease-out', fill: 'backwards' }) || last;
|
|
8064
|
+
});
|
|
8065
|
+
this.setAttribute('data-drawn', '');
|
|
8066
|
+
const end = () => this.emit('drawn');
|
|
8067
|
+
if (last)
|
|
8068
|
+
last.finished.then(end, () => undefined);
|
|
8069
|
+
else
|
|
8070
|
+
end();
|
|
8071
|
+
}
|
|
8072
|
+
}
|
|
8073
|
+
return UsaSketchChart;
|
|
8074
|
+
}, { id: 'sketch-chart', text: css$2 });
|
|
8075
|
+
}
|
|
8076
|
+
|
|
8077
|
+
var css$1 = "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}}";
|
|
8078
|
+
|
|
8079
|
+
const NAMES = { light: 'Light', dark: 'Dark', neon: 'Neon', glass: 'Glass', neu: 'Soft' };
|
|
8080
|
+
function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
8081
|
+
return defineElement(tag, (Base) => {
|
|
8082
|
+
class UsaThemeSwitcher extends Base {
|
|
8083
|
+
constructor() {
|
|
8084
|
+
super(...arguments);
|
|
8085
|
+
this._v = '';
|
|
8086
|
+
}
|
|
8087
|
+
static get observedAttributes() {
|
|
8088
|
+
return ['themes', 'target', 'label'];
|
|
8089
|
+
}
|
|
8090
|
+
list() {
|
|
8091
|
+
const l = this.str('themes').split(',').map((s) => s.trim()).filter((s) => SURFACE_THEMES.includes(s));
|
|
8092
|
+
return l.length ? l : [...SURFACE_THEMES];
|
|
8093
|
+
}
|
|
8094
|
+
tgt() {
|
|
8095
|
+
const s = this.str('target');
|
|
8096
|
+
return s ? document.querySelector(s) : document.documentElement;
|
|
8097
|
+
}
|
|
8098
|
+
get value() {
|
|
8099
|
+
return this._v;
|
|
8100
|
+
}
|
|
8101
|
+
set value(t) {
|
|
8102
|
+
this.select(t, false);
|
|
8103
|
+
}
|
|
8104
|
+
mount() {
|
|
8105
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8106
|
+
const l = this.list();
|
|
8107
|
+
this.setAttribute('role', 'radiogroup');
|
|
8108
|
+
this.setAttribute('aria-label', this.str('label', 'Theme'));
|
|
8109
|
+
let saved = '';
|
|
8110
|
+
try {
|
|
8111
|
+
saved = this.hasAttribute('persist') ? localStorage.getItem(this.str('persist') || 'usa-theme') || '' : '';
|
|
8112
|
+
}
|
|
8113
|
+
catch {
|
|
8114
|
+
/* storage blocked */
|
|
8115
|
+
}
|
|
8116
|
+
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];
|
|
8117
|
+
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(''));
|
|
8118
|
+
this.listen(this, 'click', (e) => {
|
|
8119
|
+
const b = e.target.closest?.('.usa-ts-opt');
|
|
8120
|
+
if (b)
|
|
8121
|
+
this.select(b.dataset.theme, true, e);
|
|
8122
|
+
});
|
|
8123
|
+
this.listen(this, 'keydown', (e) => {
|
|
8124
|
+
const d = e.key === 'ArrowRight' || e.key === 'ArrowDown' ? 1 : e.key === 'ArrowLeft' || e.key === 'ArrowUp' ? -1 : 0;
|
|
8125
|
+
if (!d)
|
|
8126
|
+
return;
|
|
8127
|
+
e.preventDefault();
|
|
8128
|
+
const ls = this.list();
|
|
8129
|
+
const n = ls[(ls.indexOf(this._v) + d + ls.length) % ls.length];
|
|
8130
|
+
this.select(n, true);
|
|
8131
|
+
this.querySelector(`.usa-ts-opt[data-theme="${n}"]`)?.focus();
|
|
8132
|
+
});
|
|
8133
|
+
this._v = '';
|
|
8134
|
+
this.select(start, false);
|
|
8135
|
+
}
|
|
8136
|
+
select(t, user, ev) {
|
|
8137
|
+
if (!this.list().includes(t) || t === this._v)
|
|
8138
|
+
return;
|
|
8139
|
+
const prev = this._v;
|
|
8140
|
+
this._v = t;
|
|
8141
|
+
this.querySelectorAll('.usa-ts-opt').forEach((b) => {
|
|
8142
|
+
const on = b.dataset.theme === t;
|
|
8143
|
+
b.setAttribute('aria-checked', String(on));
|
|
8144
|
+
b.tabIndex = on ? 0 : -1;
|
|
8145
|
+
});
|
|
8146
|
+
const b = this.querySelector(`.usa-ts-opt[data-theme="${t}"]`);
|
|
8147
|
+
const pill = this.querySelector('.usa-ts-pill');
|
|
8148
|
+
if (b && pill) {
|
|
8149
|
+
pill.style.width = `${b.offsetWidth}px`;
|
|
8150
|
+
pill.style.transform = `translateX(${b.offsetLeft}px)`;
|
|
8151
|
+
}
|
|
8152
|
+
const apply = () => applySurfaceTheme(t, this.tgt());
|
|
8153
|
+
const doc = document;
|
|
8154
|
+
if (user && prev && !this.reduced && doc.startViewTransition && !this.str('target')) {
|
|
8155
|
+
const x = ev?.clientX ?? innerWidth / 2;
|
|
8156
|
+
const y = ev?.clientY ?? innerHeight / 2;
|
|
8157
|
+
const r = Math.hypot(Math.max(x, innerWidth - x), Math.max(y, innerHeight - y));
|
|
8158
|
+
try {
|
|
8159
|
+
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);
|
|
8160
|
+
}
|
|
8161
|
+
catch {
|
|
8162
|
+
apply();
|
|
8163
|
+
}
|
|
8164
|
+
}
|
|
8165
|
+
else
|
|
8166
|
+
apply();
|
|
8167
|
+
if (this.hasAttribute('persist'))
|
|
8168
|
+
try {
|
|
8169
|
+
localStorage.setItem(this.str('persist') || 'usa-theme', t);
|
|
8170
|
+
}
|
|
8171
|
+
catch {
|
|
8172
|
+
/* storage blocked */
|
|
8173
|
+
}
|
|
8174
|
+
if (user)
|
|
8175
|
+
this.emit('change', { theme: t });
|
|
8176
|
+
}
|
|
8177
|
+
}
|
|
8178
|
+
return UsaThemeSwitcher;
|
|
8179
|
+
}, { id: 'theme-switcher', text: css$1 });
|
|
8180
|
+
}
|
|
8181
|
+
|
|
8182
|
+
var css = "usa-theme-surface{position:relative;display:block;box-sizing:border-box;padding:18px 20px;border-radius:16px;background:#fff;color:#0f172a;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 30px -18px rgba(15,23,42,.45);transition:background .4s,color .4s,box-shadow .4s,border-color .4s}usa-theme-surface[data-look=dark]{background:#0f172a;color:#e2e8f0;border-color:#1e293b}usa-theme-surface[data-look=neon]{background:#0b0614;color:#f5d0fe;border-color:#d946ef;box-shadow:0 0 6px #d946ef,0 0 18px rgba(217,70,239,.55),inset 0 0 12px rgba(217,70,239,.25);animation:usa-sf-neon 2.4s ease-in-out infinite}usa-theme-surface[data-look=glass]{background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.18));color:#0f172a;border-color:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 12px 32px -14px rgba(30,64,175,.45);overflow:hidden}usa-theme-surface[data-look=glass]::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);background-size:250% 100%;animation:usa-sf-sheen 5s ease-in-out infinite}usa-theme-surface[data-look=neu]{background:#e0e5ec;color:#334155;border-color:transparent;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff}@keyframes usa-sf-neon{50%{box-shadow:0 0 10px #d946ef,0 0 30px rgba(217,70,239,.7),inset 0 0 16px rgba(217,70,239,.35)}}@keyframes usa-sf-sheen{0%,60%{background-position:130% 0}100%{background-position:-60% 0}}@media (prefers-reduced-motion:reduce){usa-theme-surface,usa-theme-surface::after{animation:none!important;transition:none}}";
|
|
8183
|
+
|
|
8184
|
+
function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
8185
|
+
return defineElement(tag, (Base) => {
|
|
8186
|
+
class UsaThemeSurface extends Base {
|
|
8187
|
+
constructor() {
|
|
8188
|
+
super(...arguments);
|
|
8189
|
+
this._t = '';
|
|
8190
|
+
this._mo = null;
|
|
8191
|
+
}
|
|
8192
|
+
static get observedAttributes() {
|
|
8193
|
+
return ['theme'];
|
|
8194
|
+
}
|
|
8195
|
+
get theme() {
|
|
8196
|
+
return this._t;
|
|
8197
|
+
}
|
|
8198
|
+
resolve() {
|
|
8199
|
+
const own = this.str('theme');
|
|
8200
|
+
const near = own || this.parentElement?.closest('[data-usa-surface]')?.getAttribute('data-usa-surface') || document.documentElement.getAttribute('data-usa-surface') || 'light';
|
|
8201
|
+
return SURFACE_THEMES.includes(near) ? near : 'light';
|
|
8202
|
+
}
|
|
8203
|
+
sync() {
|
|
8204
|
+
const t = this.resolve();
|
|
8205
|
+
if (t === this._t)
|
|
8206
|
+
return;
|
|
8207
|
+
const first = !this._t;
|
|
8208
|
+
this._t = t;
|
|
8209
|
+
this.setAttribute('data-look', t);
|
|
8210
|
+
if (first)
|
|
8211
|
+
return;
|
|
8212
|
+
if (!this.reduced)
|
|
8213
|
+
this.motion(this, [{ opacity: 0.4, transform: 'scale(.97)' }, { opacity: 1, transform: 'none' }], { duration: 420, easing: 'cubic-bezier(.2,.8,.2,1)' });
|
|
8214
|
+
this.emit('theme', { theme: t });
|
|
8215
|
+
}
|
|
8216
|
+
mount() {
|
|
8217
|
+
this.sync();
|
|
8218
|
+
if (typeof MutationObserver !== 'undefined') {
|
|
8219
|
+
this._mo?.disconnect();
|
|
8220
|
+
this._mo = new MutationObserver(() => this.sync());
|
|
8221
|
+
for (let n = this.parentElement; n; n = n.parentElement)
|
|
8222
|
+
this._mo.observe(n, { attributes: true, attributeFilter: ['data-usa-surface'] });
|
|
8223
|
+
this.onCleanup(() => this._mo?.disconnect());
|
|
8224
|
+
}
|
|
8225
|
+
this.listen(this, 'pointerdown', () => {
|
|
8226
|
+
if (this._t === 'neu' && !this.reduced)
|
|
8227
|
+
this.motion(this, [{ transform: 'scale(1)' }, { transform: 'scale(.98)', offset: 0.4 }, { transform: 'scale(1)' }], { duration: 300 });
|
|
8228
|
+
});
|
|
8229
|
+
}
|
|
8230
|
+
changed() {
|
|
8231
|
+
this.sync();
|
|
8232
|
+
}
|
|
8233
|
+
}
|
|
8234
|
+
return UsaThemeSurface;
|
|
8235
|
+
}, { id: 'theme-surface', text: css });
|
|
7906
8236
|
}
|
|
7907
8237
|
|
|
7908
8238
|
/**
|
|
@@ -7941,6 +8271,8 @@ const WIDGETS = {
|
|
|
7941
8271
|
'8.2': { 'usa-terminal': defineTerminal, 'usa-retro-button': defineRetroButton },
|
|
7942
8272
|
'8.3': { 'usa-organic-card': defineOrganicCard, 'usa-liquid-nav': defineLiquidNav },
|
|
7943
8273
|
'8.4': { 'usa-hud-panel': defineHudPanel, 'usa-radar': defineRadar },
|
|
8274
|
+
'8.5': { 'usa-sticky-wall': defineStickyWall, 'usa-sketch-chart': defineSketchChart },
|
|
8275
|
+
'8.6': { 'usa-theme-switcher': defineThemeSwitcher, 'usa-theme-surface': defineThemeSurface },
|
|
7944
8276
|
};
|
|
7945
8277
|
/** Every widget tag, in release order. */
|
|
7946
8278
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -7952,5 +8284,5 @@ function defineWidgets(release) {
|
|
|
7952
8284
|
fn(tag);
|
|
7953
8285
|
}
|
|
7954
8286
|
|
|
7955
|
-
export { CAROUSEL_EFFECTS, EQ_PRESETS, FESTIVAL_THEMES, MENU_EFFECTS, MODAL_EFFECTS, NAV_INDICATORS, PRESENCE_STATES, PROGRESS_VARIANTS, RETRO_VARIANTS, SEGMENTED_VARIANTS, SHEET_SIDES, SKELETON_VARIANTS, SPARK_VARIANTS, SWITCH_VARIANTS, TAB_INDICATORS, TIP_PLACEMENTS, TOAST_POSITIONS, TOGGLE_VARIANTS, WEATHER_CONDITIONS, WIDGETS, WIDGET_TAGS, badgeProgress, cartTotal, defineAddToCart, defineBadgeWall, defineBarChart, defineCarousel, defineCartDrawer, defineChatComposer, defineClockControl, defineColorPicker, defineCommandPalette, defineCompare, defineCountdown, defineCubeGallery, defineDatePicker, defineDisclosure, defineDock, defineEqualizer, defineFestivalBanner, defineField, defineFileDrop, defineGauge, defineGlobe, defineHudPanel, defineHydrate, defineKanban, defineKeyframeEditor, defineKpi, defineLeaderboard, defineLiquidNav, defineLocationCard, defineLyrics, defineMasonryFlow, defineMenu, defineMenuToggle, defineMessageList, defineMilestones, defineModal, defineMusicPlayer, defineNavMorph, defineNotificationBell, defineOdometer, defineOrganicCard, defineOtp, definePagination, definePresence, definePrizeWheel, defineProductGallery, defineProgressRing, definePullCord, defineRadar, defineReactions, defineRedEnvelope, defineRetroButton, defineSegmented, defineSheet, defineShortcut, defineSkeletonReveal, defineSparkline, defineStarRating, defineStepper, defineStories, defineSuggestionChips, defineSwipeDeck, defineSwitch, defineTabBar, defineTerminal, defineTip, defineToastStack, defineUploadProgress, defineVoiceButton, defineVolumeKnob, defineWeatherCard, defineWidgets, defineXpBar, formatBytes, formatDistance, fuzzyMatch, haversine, hexToHsv, hsvToHex, initials, keyLabels, levelFor, matchesKeys, monthGrid, pageWindow, parseChips, parseISODate, parseLRC, parseMarkers, parseReactions, parseTargets, passwordStrength, project, rankRows, sanitizeCode, sparkPoints, splitTime, stackToast, waveBars, wheelAngle, wrapIndex };
|
|
8287
|
+
export { CAROUSEL_EFFECTS, EQ_PRESETS, FESTIVAL_THEMES, MENU_EFFECTS, MODAL_EFFECTS, NAV_INDICATORS, PRESENCE_STATES, PROGRESS_VARIANTS, RETRO_VARIANTS, SEGMENTED_VARIANTS, SHEET_SIDES, SKELETON_VARIANTS, SPARK_VARIANTS, SWITCH_VARIANTS, TAB_INDICATORS, TIP_PLACEMENTS, TOAST_POSITIONS, TOGGLE_VARIANTS, WEATHER_CONDITIONS, WIDGETS, WIDGET_TAGS, badgeProgress, cartTotal, defineAddToCart, defineBadgeWall, defineBarChart, defineCarousel, defineCartDrawer, defineChatComposer, defineClockControl, defineColorPicker, defineCommandPalette, defineCompare, defineCountdown, defineCubeGallery, defineDatePicker, defineDisclosure, defineDock, defineEqualizer, defineFestivalBanner, defineField, defineFileDrop, defineGauge, defineGlobe, defineHudPanel, defineHydrate, defineKanban, defineKeyframeEditor, defineKpi, defineLeaderboard, defineLiquidNav, defineLocationCard, defineLyrics, defineMasonryFlow, defineMenu, defineMenuToggle, defineMessageList, defineMilestones, defineModal, defineMusicPlayer, defineNavMorph, defineNotificationBell, defineOdometer, defineOrganicCard, defineOtp, definePagination, definePresence, definePrizeWheel, defineProductGallery, defineProgressRing, definePullCord, defineRadar, defineReactions, defineRedEnvelope, defineRetroButton, defineSegmented, defineSheet, defineShortcut, defineSkeletonReveal, defineSketchChart, defineSparkline, defineStarRating, defineStepper, defineStickyWall, defineStories, defineSuggestionChips, defineSwipeDeck, defineSwitch, defineTabBar, defineTerminal, defineThemeSurface, defineThemeSwitcher, defineTip, defineToastStack, defineUploadProgress, defineVoiceButton, defineVolumeKnob, defineWeatherCard, defineWidgets, defineXpBar, formatBytes, formatDistance, fuzzyMatch, haversine, hexToHsv, hsvToHex, initials, keyLabels, levelFor, matchesKeys, monthGrid, pageWindow, parseChips, parseISODate, parseLRC, parseMarkers, parseReactions, parseTargets, passwordStrength, project, rankRows, sanitizeCode, sparkPoints, splitTime, stackToast, waveBars, wheelAngle, wrapIndex };
|
|
7956
8288
|
//# sourceMappingURL=widgets.js.map
|