use-scroll-animate 8.9.0 → 9.0.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 +19 -0
- package/README.md +2 -2
- package/README_ja.md +2 -2
- package/README_zh.md +2 -2
- package/dist/chunks/manifest-B08-vo9G.cjs +81 -0
- package/dist/chunks/manifest-B08-vo9G.cjs.map +1 -0
- package/dist/chunks/manifest-PJ0h8RS_.js +76 -0
- package/dist/chunks/manifest-PJ0h8RS_.js.map +1 -0
- package/dist/components/dsl.cjs +210 -0
- package/dist/components/dsl.cjs.map +1 -0
- package/dist/components/dsl.d.cts +76 -0
- package/dist/components/dsl.d.ts +76 -0
- package/dist/components/dsl.js +203 -0
- package/dist/components/dsl.js.map +1 -0
- package/dist/components/effects.cjs +6 -29
- package/dist/components/effects.cjs.map +1 -1
- package/dist/components/effects.d.cts +3 -14
- package/dist/components/effects.d.ts +3 -14
- package/dist/components/effects.js +8 -27
- package/dist/components/effects.js.map +1 -1
- package/dist/components/fx2.cjs +5 -5
- package/dist/components/fx2.js +1 -1
- package/dist/components/marketplace.cjs +81 -71
- package/dist/components/marketplace.cjs.map +1 -1
- package/dist/components/marketplace.d.cts +33 -2
- package/dist/components/marketplace.d.ts +33 -2
- package/dist/components/marketplace.js +73 -68
- package/dist/components/marketplace.js.map +1 -1
- package/dist/components/widgets.cjs +323 -198
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +95 -2
- package/dist/components/widgets.d.ts +95 -2
- package/dist/components/widgets.js +322 -199
- package/dist/components/widgets.js.map +1 -1
- package/dist/components.umd.js +2 -2
- package/dist/components.umd.js.map +1 -1
- package/dist/widgets.umd.js +1 -1
- package/dist/widgets.umd.js.map +1 -1
- package/docs/ROADMAP.md +12 -14
- package/docs/components.md +25 -5
- package/docs/deprecations.md +1 -1
- package/docs/upgrading-9.md +11 -1
- package/package.json +31 -1
|
@@ -10,9 +10,12 @@ import { paperRandom, roughLine } from './fx-paper.js';
|
|
|
10
10
|
import { SURFACE_THEMES, applySurfaceTheme } from './fx-surface.js';
|
|
11
11
|
import { orientationToTilt, pinchAngle, pinchScale } from './fx-gesture.js';
|
|
12
12
|
import { xrSupport, yawToOffset } from './fx-spatial.js';
|
|
13
|
+
import { parseMotion, bindMotion } from './dsl.js';
|
|
14
|
+
import { MARKETPLACE, searchPlugins, installedPlugins, installPlugin } from './marketplace.js';
|
|
13
15
|
import '../chunks/core-CiN5sqxB.js';
|
|
14
16
|
import './tokens.js';
|
|
15
17
|
import '../chunks/fx-CQv3IxMf.js';
|
|
18
|
+
import '../chunks/manifest-PJ0h8RS_.js';
|
|
16
19
|
|
|
17
20
|
/** Helpers shared by the 6.x widgets (`motionary/components/widgets`). */
|
|
18
21
|
const clampN = (v, a, b) => Math.min(b, Math.max(a, v));
|
|
@@ -49,7 +52,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
49
52
|
return -1;
|
|
50
53
|
}
|
|
51
54
|
|
|
52
|
-
var css$
|
|
55
|
+
var css$1h = "usa-carousel{display:block;position:relative;--usa-carousel-dur:520ms;--usa-carousel-ease:cubic-bezier(.22,1,.36,1);overflow:hidden;border-radius:var(--usa-radius,14px);touch-action:pan-y}.usa-carousel-viewport{position:relative;overflow:hidden;height:100%;min-height:inherit}.usa-carousel-track{display:flex;height:100%;transition:transform var(--usa-carousel-dur) var(--usa-carousel-ease);will-change:transform}.usa-carousel-track>*{flex:0 0 100%;min-width:0;box-sizing:border-box}usa-carousel:not([data-effect=\"slide\"]) .usa-carousel-track{display:grid}usa-carousel:not([data-effect=\"slide\"]) .usa-carousel-track>*{grid-area:1/1;transition:opacity var(--usa-carousel-dur) ease,transform var(--usa-carousel-dur) var(--usa-carousel-ease),filter var(--usa-carousel-dur) ease}usa-carousel[data-effect=\"cards\"] .usa-carousel-viewport{perspective:900px}usa-carousel[data-dragging] .usa-carousel-track,usa-carousel[data-dragging] .usa-carousel-track>*{transition:none}.usa-carousel-nav{position:absolute;top:50%;translate:0 -50%;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:#111;font:600 18px/1 system-ui;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:transform .2s}.usa-carousel-nav:hover{transform:scale(1.08)}.usa-carousel-nav:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}.usa-carousel-prev{left:10px}.usa-carousel-next{right:10px}.usa-carousel-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px;z-index:2}.usa-carousel-dot{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.55);cursor:pointer;transition:width .35s var(--usa-carousel-ease),background .35s}.usa-carousel-dot[aria-current=\"true\"]{width:22px;background:#fff}@media (prefers-reduced-motion:reduce){usa-carousel .usa-carousel-track,usa-carousel .usa-carousel-track>*,.usa-carousel-dot{transition:none!important}}usa-carousel[data-reduced] .usa-carousel-track,usa-carousel[data-reduced] .usa-carousel-track>*{transition:none!important}";
|
|
53
56
|
|
|
54
57
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
55
58
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -238,10 +241,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
238
241
|
}
|
|
239
242
|
}
|
|
240
243
|
return UsaCarousel;
|
|
241
|
-
}, { id: 'carousel', text: css$
|
|
244
|
+
}, { id: 'carousel', text: css$1h });
|
|
242
245
|
}
|
|
243
246
|
|
|
244
|
-
var css$
|
|
247
|
+
var css$1g = "usa-tab-bar{display:block;--usa-tab-accent:#7c5cff;--usa-tab-ease:cubic-bezier(.22,1,.36,1)}.usa-tab-bar-list{position:relative;display:flex;gap:4px;padding:4px;border-radius:12px;background:rgba(127,127,127,.12);isolation:isolate;overflow-x:auto;scrollbar-width:none}.usa-tab-bar-list::-webkit-scrollbar{display:none}.usa-tab-bar-list>[role=\"tab\"]{position:relative;z-index:1;flex:1 0 auto;border:0;background:none;color:inherit;font:inherit;font-weight:600;padding:8px 14px;border-radius:9px;cursor:pointer;opacity:.7;transition:opacity .25s,color .25s;white-space:nowrap}.usa-tab-bar-list>[role=\"tab\"][aria-selected=\"true\"]{opacity:1}.usa-tab-bar-list>[role=\"tab\"]:focus-visible{outline:2px solid var(--usa-tab-accent);outline-offset:1px}.usa-tab-bar-ink{position:absolute;z-index:0;left:0;top:4px;bottom:4px;width:0;border-radius:9px;background:var(--usa-tab-accent);pointer-events:none}usa-tab-bar[data-indicator=\"pill\"] [aria-selected=\"true\"]{color:#fff}usa-tab-bar[data-indicator=\"underline\"] .usa-tab-bar-list{background:none;border-bottom:1px solid rgba(127,127,127,.25);border-radius:0}usa-tab-bar[data-indicator=\"underline\"] .usa-tab-bar-ink{top:auto;bottom:0;height:3px;border-radius:3px}usa-tab-bar[data-indicator=\"glow\"] .usa-tab-bar-ink{background:transparent;box-shadow:0 0 0 2px var(--usa-tab-accent),0 0 18px var(--usa-tab-accent)}usa-tab-bar[data-indicator=\"gooey\"] .usa-tab-bar-ink{filter:blur(.5px);border-radius:999px}usa-tab-bar[data-indicator=\"gooey\"] [aria-selected=\"true\"]{color:#fff}.usa-tab-bar-panel{padding:14px 2px}.usa-tab-bar-panel[hidden]{display:none}";
|
|
245
248
|
|
|
246
249
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
247
250
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -354,10 +357,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
354
357
|
}
|
|
355
358
|
}
|
|
356
359
|
return UsaTabBar;
|
|
357
|
-
}, { id: 'tab-bar', text: css$
|
|
360
|
+
}, { id: 'tab-bar', text: css$1g });
|
|
358
361
|
}
|
|
359
362
|
|
|
360
|
-
var css$
|
|
363
|
+
var css$1f = "usa-disclosure{display:block;--usa-disclosure-accent:#7c5cff}usa-disclosure>details{border-bottom:1px solid rgba(127,127,127,.25);overflow:hidden}usa-disclosure>details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;font-weight:600}usa-disclosure>details>summary::-webkit-details-marker{display:none}usa-disclosure>details>summary::after{content:\"\";flex:none;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg;translate:0 -3px;transition:rotate .35s cubic-bezier(.34,1.56,.64,1),translate .35s}usa-disclosure>details[open]>summary::after{rotate:225deg;translate:0 2px}usa-disclosure>details>summary:focus-visible{outline:2px solid var(--usa-disclosure-accent);outline-offset:2px;border-radius:6px}usa-disclosure>details>:not(summary){padding:0 4px 12px}usa-disclosure[variant=\"cards\"]>details{border:1px solid rgba(127,127,127,.25);border-radius:12px;margin-bottom:8px;padding:0 10px;transition:box-shadow .3s,border-color .3s}usa-disclosure[variant=\"cards\"]>details[open]{border-color:var(--usa-disclosure-accent);box-shadow:0 8px 24px rgba(124,92,255,.16)}@media (prefers-reduced-motion:reduce){usa-disclosure>details>summary::after{transition:none}}";
|
|
361
364
|
|
|
362
365
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
363
366
|
return defineElement(tag, (Base) => {
|
|
@@ -425,10 +428,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
425
428
|
}
|
|
426
429
|
}
|
|
427
430
|
return UsaDisclosure;
|
|
428
|
-
}, { id: 'disclosure', text: css$
|
|
431
|
+
}, { id: 'disclosure', text: css$1f });
|
|
429
432
|
}
|
|
430
433
|
|
|
431
|
-
var css$
|
|
434
|
+
var css$1e = "usa-stories{display:block;position:relative;overflow:hidden;border-radius:var(--usa-radius,16px);background:#111;color:#fff;aspect-ratio:9/14;max-height:520px;user-select:none;-webkit-user-select:none;touch-action:manipulation}usa-stories>:not([data-usa-part]){position:absolute;inset:0;opacity:0;transition:opacity .35s ease,transform .5s cubic-bezier(.22,1,.36,1);transform:scale(1.04);pointer-events:none;box-sizing:border-box}usa-stories>[data-active]:not([data-usa-part]){opacity:1;transform:none;pointer-events:auto}usa-stories>img:not([data-usa-part]){width:100%;height:100%;object-fit:cover}.usa-stories-bars{position:absolute;z-index:3;top:8px;left:8px;right:48px;display:flex;gap:4px}.usa-stories-bar{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}.usa-stories-bar>i{display:block;height:100%;width:100%;background:#fff;transform-origin:left;transform:scaleX(0)}.usa-stories-bar[data-done]>i{transform:scaleX(1)}.usa-stories-toggle{position:absolute;z-index:3;top:2px;right:6px;width:36px;height:30px;border:0;background:none;color:#fff;font:700 14px/1 system-ui;cursor:pointer;border-radius:8px}.usa-stories-toggle:focus-visible{outline:2px solid #fff}@media (prefers-reduced-motion:reduce){usa-stories>*{transition:none!important;transform:none!important}}";
|
|
432
435
|
|
|
433
436
|
function defineStories(tag = 'usa-stories') {
|
|
434
437
|
return defineElement(tag, (Base) => {
|
|
@@ -561,10 +564,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
561
564
|
}
|
|
562
565
|
}
|
|
563
566
|
return UsaStories;
|
|
564
|
-
}, { id: 'stories', text: css$
|
|
567
|
+
}, { id: 'stories', text: css$1e });
|
|
565
568
|
}
|
|
566
569
|
|
|
567
|
-
var css$
|
|
570
|
+
var css$1d = "usa-modal,usa-sheet{display:contents}.usa-ov{border:0;padding:0;margin:auto;color:inherit;background:transparent;max-width:min(92vw,520px);max-height:88vh;overflow:visible}.usa-ov::backdrop{background:rgba(10,12,20,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.usa-ov-body{box-sizing:border-box;background:var(--usa-ov-bg,#fff);color:var(--usa-ov-fg,#111827);border-radius:var(--usa-ov-radius,18px);padding:var(--usa-ov-pad,22px);box-shadow:0 30px 80px -20px rgba(0,0,0,.45);max-height:88vh;overflow:auto}.usa-sheet-panel{margin:0;max-width:none;max-height:none}usa-sheet[data-side=\"right\"] .usa-sheet-panel{inset:0 0 0 auto;height:100%;width:min(88vw,var(--usa-sheet-size,380px))}usa-sheet[data-side=\"left\"] .usa-sheet-panel{inset:0 auto 0 0;height:100%;width:min(88vw,var(--usa-sheet-size,380px))}usa-sheet[data-side=\"bottom\"] .usa-sheet-panel{inset:auto 0 0 0;width:100%;max-height:85vh}usa-sheet[data-side=\"top\"] .usa-sheet-panel{inset:0 0 auto 0;width:100%;max-height:85vh}usa-sheet .usa-ov-body{height:100%;max-height:inherit;border-radius:0}usa-sheet[data-side=\"bottom\"] .usa-ov-body{border-radius:var(--usa-ov-radius,18px) var(--usa-ov-radius,18px) 0 0;height:auto;max-height:85vh;touch-action:none}usa-sheet[data-side=\"top\"] .usa-ov-body{border-radius:0 0 var(--usa-ov-radius,18px) var(--usa-ov-radius,18px);height:auto}.usa-ov-grab{width:44px;height:5px;border-radius:3px;background:rgba(127,127,127,.45);margin:-8px auto 14px;cursor:grab}@media (prefers-color-scheme:dark){.usa-ov-body{background:var(--usa-ov-bg,#171a23);color:var(--usa-ov-fg,#e5e7eb)}}";
|
|
568
571
|
|
|
569
572
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
570
573
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -791,12 +794,12 @@ function defineOverlay(tag, kind) {
|
|
|
791
794
|
}
|
|
792
795
|
}
|
|
793
796
|
return UsaOverlay;
|
|
794
|
-
}, { id: 'overlay', text: css$
|
|
797
|
+
}, { id: 'overlay', text: css$1d });
|
|
795
798
|
}
|
|
796
799
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
797
800
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
798
801
|
|
|
799
|
-
var css$
|
|
802
|
+
var css$1c = "usa-toast-stack{position:fixed;z-index:2147482000;width:min(360px,calc(100vw - 24px));pointer-events:none;--usa-tstack-bg:#111827;--usa-tstack-fg:#f9fafb}usa-toast-stack[contained]{position:absolute;width:min(360px,calc(100% - 24px))}usa-toast-stack[data-position^=\"bottom\"]{bottom:12px}usa-toast-stack[data-position^=\"top\"]{top:12px}usa-toast-stack[data-position$=\"right\"]{right:12px}usa-toast-stack[data-position$=\"left\"]{left:12px}usa-toast-stack[data-position$=\"center\"]{left:50%;transform:translateX(-50%)}.usa-tstack-list{position:relative;list-style:none;margin:0;padding:0;min-height:1px;transition:height .3s}.usa-tstack{position:absolute;left:0;right:0;display:flex;align-items:center;gap:10px;box-sizing:border-box;padding:12px 12px 12px 14px;border-radius:14px;background:var(--usa-tstack-bg);color:var(--usa-tstack-fg);box-shadow:0 12px 32px -10px rgba(0,0,0,.45);font:500 14px/1.35 system-ui,sans-serif;pointer-events:auto;touch-action:pan-y;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .3s;user-select:none}usa-toast-stack[data-position^=\"bottom\"] .usa-tstack{bottom:0;transform-origin:50% 100%}usa-toast-stack[data-position^=\"top\"] .usa-tstack{top:0;transform-origin:50% 0}.usa-tstack-icon{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:13px;font-weight:800;background:#3b82f6;color:#fff}.usa-tstack-success .usa-tstack-icon{background:#22c55e}.usa-tstack-warning .usa-tstack-icon{background:#f59e0b}.usa-tstack-error .usa-tstack-icon{background:#ef4444}.usa-tstack-text{flex:1;min-width:0;display:flex;flex-direction:column}.usa-tstack-text strong{font-weight:700}.usa-tstack-action{border:0;border-radius:8px;padding:6px 10px;background:rgba(255,255,255,.14);color:inherit;font:600 13px system-ui,sans-serif;cursor:pointer}.usa-tstack-close{border:0;background:none;color:inherit;opacity:.6;font-size:18px;line-height:1;cursor:pointer;padding:2px 4px}.usa-tstack-close:hover{opacity:1}@media (prefers-reduced-motion:reduce){.usa-tstack,.usa-tstack-list{transition:none}}";
|
|
800
803
|
|
|
801
804
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
802
805
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -967,7 +970,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
967
970
|
}
|
|
968
971
|
}
|
|
969
972
|
return UsaToastStack;
|
|
970
|
-
}, { id: 'toast', text: css$
|
|
973
|
+
}, { id: 'toast', text: css$1c });
|
|
971
974
|
}
|
|
972
975
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
973
976
|
function stackToast(input, stack) {
|
|
@@ -995,7 +998,7 @@ function installToastTriggers() {
|
|
|
995
998
|
});
|
|
996
999
|
}
|
|
997
1000
|
|
|
998
|
-
var css$
|
|
1001
|
+
var css$1b = "usa-menu{position:relative;display:inline-block}.usa-menu-list{position:absolute;z-index:50;min-width:180px;max-width:min(280px,90vw);box-sizing:border-box;padding:6px;border-radius:12px;background:var(--usa-menu-bg,#fff);color:var(--usa-menu-fg,#111827);box-shadow:0 18px 44px -12px rgba(0,0,0,.35),0 0 0 1px rgba(127,127,127,.15);display:flex;flex-direction:column;gap:2px;text-align:left}.usa-menu-list[hidden]{display:none}usa-menu[data-placement^=\"bottom\"] .usa-menu-list{top:calc(100% + 6px)}usa-menu[data-placement^=\"top\"] .usa-menu-list{bottom:calc(100% + 6px)}usa-menu[data-placement$=\"start\"] .usa-menu-list{left:0;transform-origin:0 0}usa-menu[data-placement$=\"end\"] .usa-menu-list{right:0;transform-origin:100% 0}usa-menu[data-placement=\"top-start\"] .usa-menu-list{transform-origin:0 100%}usa-menu[data-placement=\"top-end\"] .usa-menu-list{transform-origin:100% 100%}.usa-menu-list>[role=\"menuitem\"]{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;border:0;background:none;color:inherit;font:500 14px/1.3 system-ui,sans-serif;text-align:left;text-decoration:none;padding:8px 10px;border-radius:8px;cursor:pointer}.usa-menu-list>[role=\"menuitem\"]:hover,.usa-menu-list>[role=\"menuitem\"]:focus-visible{background:var(--usa-menu-hover,rgba(124,92,255,.14));outline:none}.usa-menu-list>hr{border:0;border-top:1px solid rgba(127,127,127,.2);margin:4px 2px}@media (prefers-color-scheme:dark){.usa-menu-list{background:var(--usa-menu-bg,#1d2130);color:var(--usa-menu-fg,#e5e7eb)}}";
|
|
999
1002
|
|
|
1000
1003
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
1001
1004
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1134,10 +1137,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1134
1137
|
}
|
|
1135
1138
|
}
|
|
1136
1139
|
return UsaMenu;
|
|
1137
|
-
}, { id: 'menu', text: css$
|
|
1140
|
+
}, { id: 'menu', text: css$1b });
|
|
1138
1141
|
}
|
|
1139
1142
|
|
|
1140
|
-
var css$
|
|
1143
|
+
var css$1a = "usa-progress-ring{position:relative;display:inline-block;vertical-align:middle;width:var(--usa-pr-size,120px);aspect-ratio:1;--usa-pr-color:#7c5cff;--usa-pr-track:rgba(127,127,127,.18);--usa-pr-width:9;font:700 calc(var(--usa-pr-size,120px)*.2)/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}usa-progress-ring[data-variant=\"semi\"]{aspect-ratio:100/56}.usa-pr-label{position:absolute;inset:0;display:grid;place-items:center}usa-progress-ring[data-variant=\"semi\"] .usa-pr-label{place-items:end center}usa-progress-ring[data-variant=\"bar\"]{display:inline-flex;width:var(--usa-pr-size,100%);aspect-ratio:auto;gap:10px;align-items:center;font-size:14px}usa-progress-ring[data-variant=\"bar\"]>.usa-pr-track{flex:1 1 auto;min-width:40px}usa-progress-ring[data-variant=\"bar\"] .usa-pr-label{position:static;display:inline}usa-progress-ring .usa-pr-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.usa-pr-svg path{fill:none;stroke-width:var(--usa-pr-width);stroke-linecap:round}.usa-pr-svg .usa-pr-track{stroke:var(--usa-pr-track)}.usa-pr-svg .usa-pr-arc{stroke:var(--usa-pr-color)}usa-progress-ring[data-variant=\"semi\"] .usa-pr-label{padding-bottom:2%}.usa-pr-track:is(div){height:10px;border-radius:999px;background:var(--usa-pr-track);overflow:hidden}.usa-pr-fill{height:100%;border-radius:inherit;background:var(--usa-pr-color);transform-origin:0 50%;transform:scaleX(0)}usa-progress-ring[data-indeterminate] .usa-pr-svg{animation:usa-pr-spin 1.1s linear infinite}usa-progress-ring[data-indeterminate] .usa-pr-fill{width:35%;transform:none!important;animation:usa-pr-slide 1.3s ease-in-out infinite}@keyframes usa-pr-spin{to{transform:rotate(360deg)}}@keyframes usa-pr-slide{from{margin-left:-35%}to{margin-left:100%}}usa-odometer{display:inline-flex;align-items:flex-end;font-variant-numeric:tabular-nums;line-height:1.15}.usa-odo-row{display:inline-flex;align-items:flex-end}.usa-odo-col{display:inline-block;height:1.15em;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}.usa-odo-strip{display:block;white-space:pre;line-height:1.15em;text-align:center}.usa-odo-sym{display:inline-block;height:1.15em}@media (prefers-reduced-motion:reduce){usa-progress-ring[data-indeterminate] .usa-pr-svg,usa-progress-ring[data-indeterminate] .usa-pr-fill{animation-duration:4s}}";
|
|
1141
1144
|
|
|
1142
1145
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1143
1146
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1277,7 +1280,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1277
1280
|
}
|
|
1278
1281
|
}
|
|
1279
1282
|
return UsaProgressRing;
|
|
1280
|
-
}, { id: 'meters', text: css$
|
|
1283
|
+
}, { id: 'meters', text: css$1a });
|
|
1281
1284
|
}
|
|
1282
1285
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1283
1286
|
return defineElement(tag, (Base) => {
|
|
@@ -1387,10 +1390,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1387
1390
|
}
|
|
1388
1391
|
}
|
|
1389
1392
|
return UsaOdometer;
|
|
1390
|
-
}, { id: 'meters', text: css$
|
|
1393
|
+
}, { id: 'meters', text: css$1a });
|
|
1391
1394
|
}
|
|
1392
1395
|
|
|
1393
|
-
var css$
|
|
1396
|
+
var css$19 = "usa-skeleton-reveal{position:relative;display:block;--usa-sk-base:rgba(127,127,127,.16);--usa-sk-hi:rgba(255,255,255,.55)}usa-skeleton-reveal[data-loading]>:not(.usa-sk-layer){visibility:hidden}.usa-sk-layer{position:absolute;inset:0;pointer-events:none}.usa-sk-box{position:absolute;border-radius:6px;background:var(--usa-sk-base);overflow:hidden}usa-skeleton-reveal[data-variant=\"wave\"] .usa-sk-box{background:linear-gradient(100deg,var(--usa-sk-base) 30%,var(--usa-sk-hi) 50%,var(--usa-sk-base) 70%) var(--usa-sk-x,0) 0/var(--usa-sk-w,600px) 100% no-repeat,var(--usa-sk-base);animation:usa-sk-wave 1.4s linear infinite}usa-skeleton-reveal[data-variant=\"pulse\"] .usa-sk-box{animation:usa-sk-pulse 1.2s ease-in-out infinite alternate}usa-skeleton-reveal[data-variant=\"glow\"] .usa-sk-box{animation:usa-sk-glow 1.6s ease-in-out infinite alternate}@keyframes usa-sk-wave{from{background-position:calc(var(--usa-sk-x,0px) - var(--usa-sk-w,600px)) 0,0 0}to{background-position:calc(var(--usa-sk-x,0px) + var(--usa-sk-w,600px)) 0,0 0}}@keyframes usa-sk-pulse{from{opacity:1}to{opacity:.45}}@keyframes usa-sk-glow{from{box-shadow:0 0 0 rgba(124,92,255,0)}to{box-shadow:0 0 14px rgba(124,92,255,.45);background:rgba(124,92,255,.22)}}@media (prefers-color-scheme:dark){usa-skeleton-reveal{--usa-sk-hi:rgba(255,255,255,.16)}}@media (prefers-reduced-motion:reduce){.usa-sk-box{animation:none!important}}";
|
|
1394
1397
|
|
|
1395
1398
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1396
1399
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1505,10 +1508,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1505
1508
|
}
|
|
1506
1509
|
}
|
|
1507
1510
|
return UsaSkeletonReveal;
|
|
1508
|
-
}, { id: 'skeleton-reveal', text: css$
|
|
1511
|
+
}, { id: 'skeleton-reveal', text: css$19 });
|
|
1509
1512
|
}
|
|
1510
1513
|
|
|
1511
|
-
var css$
|
|
1514
|
+
var css$18 = "usa-star-rating{display:inline-flex;gap:var(--usa-star-gap,4px);--usa-star-size:28px;--usa-star-on:#fbbf24;--usa-star-off:rgba(127,127,127,.28);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:8px}usa-star-rating[readonly]{cursor:default}usa-star-rating:focus-visible{outline:2px solid var(--usa-star-on);outline-offset:4px}.usa-star{position:relative;display:inline-block;width:var(--usa-star-size);height:var(--usa-star-size);--usa-star-fill:0%}.usa-star svg{display:block;width:100%;height:100%;overflow:visible;stroke:none}.usa-star-bg{fill:var(--usa-star-off)}.usa-star-fg{position:absolute;left:0;top:0;bottom:0;width:var(--usa-star-fill);overflow:hidden;transition:width .18s ease-out}.usa-star-fg svg{width:var(--usa-star-size);height:var(--usa-star-size);fill:var(--usa-star-on);filter:drop-shadow(0 1px 3px rgba(251,191,36,.45))}usa-star-rating[data-preview] .usa-star-fg{opacity:.8}.usa-star-spark{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:var(--usa-star-on);pointer-events:none}@media (prefers-reduced-motion:reduce){.usa-star-fg{transition:none}}";
|
|
1512
1515
|
|
|
1513
1516
|
const PATHS = {
|
|
1514
1517
|
star: 'M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6L2.5 9.4l6.6-.8z',
|
|
@@ -1645,10 +1648,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1645
1648
|
}
|
|
1646
1649
|
UsaStarRating.formAssociated = true;
|
|
1647
1650
|
return UsaStarRating;
|
|
1648
|
-
}, { id: 'star-rating', text: css$
|
|
1651
|
+
}, { id: 'star-rating', text: css$18 });
|
|
1649
1652
|
}
|
|
1650
1653
|
|
|
1651
|
-
var css$
|
|
1654
|
+
var css$17 = "usa-milestones{position:relative;display:block;--usa-ms-color:#7c5cff;--usa-ms-rail:rgba(127,127,127,.22);--usa-ms-gap:28px;padding:4px 0}.usa-ms-rail{position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;border-radius:3px;background:var(--usa-ms-rail);overflow:hidden}.usa-ms-fill{position:absolute;inset:0;background:linear-gradient(var(--usa-ms-color),#22d3ee);transform-origin:50% 0;transform:scaleY(0)}.usa-ms-item{position:relative;box-sizing:border-box;width:50%;padding:0 var(--usa-ms-gap) var(--usa-ms-gap);text-align:left}.usa-ms-item[data-side=\"right\"]{margin-left:50%}.usa-ms-item[data-side=\"left\"]{text-align:right}.usa-ms-dot{position:absolute;top:4px;width:14px;height:14px;border-radius:50%;background:var(--usa-ms-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--usa-ms-color) 22%,transparent);transform:scale(0)}.usa-ms-item[data-reached] .usa-ms-dot{transform:none}.usa-ms-item[data-side=\"right\"] .usa-ms-dot{left:-7px}.usa-ms-item[data-side=\"left\"] .usa-ms-dot{right:-7px}.usa-ms-date{display:block;font-size:.8em;font-weight:700;letter-spacing:.04em;color:var(--usa-ms-color);margin-bottom:2px}.usa-ms-item:not([data-reached])>:not(.usa-ms-dot){opacity:0}usa-milestones[data-layout=\"left\"] .usa-ms-rail{left:7px}usa-milestones[data-layout=\"left\"] .usa-ms-item{width:auto;margin-left:0;padding-left:calc(var(--usa-ms-gap) + 8px);text-align:left}usa-milestones[data-layout=\"left\"] .usa-ms-dot{left:1px;right:auto}@media (max-width:640px){usa-milestones .usa-ms-rail{left:7px}usa-milestones .usa-ms-item{width:auto;margin-left:0;padding-left:calc(var(--usa-ms-gap) + 8px);text-align:left}usa-milestones .usa-ms-item .usa-ms-dot{left:1px;right:auto}}";
|
|
1652
1655
|
|
|
1653
1656
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1654
1657
|
return defineElement(tag, (Base) => {
|
|
@@ -1736,10 +1739,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1736
1739
|
}
|
|
1737
1740
|
}
|
|
1738
1741
|
return UsaMilestones;
|
|
1739
|
-
}, { id: 'milestones', text: css$
|
|
1742
|
+
}, { id: 'milestones', text: css$17 });
|
|
1740
1743
|
}
|
|
1741
1744
|
|
|
1742
|
-
var css$
|
|
1745
|
+
var css$16 = "usa-masonry-flow{position:relative;display:block;width:100%}usa-masonry-flow>*{position:absolute;left:0;top:0;box-sizing:border-box;margin:0;will-change:transform}usa-masonry-flow>[data-hidden]:not([data-leaving]){display:none}usa-masonry-flow>[data-leaving]{pointer-events:none}";
|
|
1743
1746
|
|
|
1744
1747
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1745
1748
|
return defineElement(tag, (Base) => {
|
|
@@ -1860,10 +1863,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1860
1863
|
}
|
|
1861
1864
|
}
|
|
1862
1865
|
return UsaMasonryFlow;
|
|
1863
|
-
}, { id: 'masonry-flow', text: css$
|
|
1866
|
+
}, { id: 'masonry-flow', text: css$16 });
|
|
1864
1867
|
}
|
|
1865
1868
|
|
|
1866
|
-
var css$
|
|
1869
|
+
var css$15 = "usa-compare{position:relative;display:grid;overflow:hidden;border-radius:var(--usa-cmp-radius,14px);user-select:none;touch-action:pan-y;cursor:ew-resize;--usa-cmp-line:#fff;outline-offset:3px}usa-compare[data-orientation=\"vertical\"]{touch-action:pan-x;cursor:ns-resize}usa-compare>.usa-cmp-before,usa-compare>.usa-cmp-after{grid-area:1/1;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.usa-cmp-handle{position:absolute;top:0;bottom:0;left:50%;width:0;z-index:2;pointer-events:none}.usa-cmp-handle::before{content:\"\";position:absolute;top:0;bottom:0;left:-1.5px;width:3px;background:var(--usa-cmp-line);box-shadow:0 0 8px rgba(0,0,0,.35)}usa-compare[data-orientation=\"vertical\"] .usa-cmp-handle{top:50%;bottom:auto;left:0;right:0;width:auto;height:0}usa-compare[data-orientation=\"vertical\"] .usa-cmp-handle::before{left:0;right:0;top:-1.5px;width:auto;height:3px}.usa-cmp-knob{position:absolute;top:50%;left:0;display:grid;place-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:var(--usa-cmp-line);color:#111827;box-shadow:0 6px 18px rgba(0,0,0,.35);pointer-events:auto;cursor:grab;transition:transform .2s}usa-compare[data-orientation=\"vertical\"] .usa-cmp-knob{left:50%;top:0;transform:rotate(90deg)}usa-compare:active .usa-cmp-knob{transform:scale(.92)}usa-compare[data-orientation=\"vertical\"]:active .usa-cmp-knob{transform:rotate(90deg) scale(.92)}.usa-cmp-label{position:absolute;top:10px;z-index:1;padding:3px 9px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font:600 12px/1.4 system-ui,sans-serif;pointer-events:none}.usa-cmp-label-b{left:10px}.usa-cmp-label-a{right:10px}";
|
|
1867
1870
|
|
|
1868
1871
|
function defineCompare(tag = 'usa-compare') {
|
|
1869
1872
|
return defineElement(tag, (Base) => {
|
|
@@ -1987,10 +1990,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1987
1990
|
}
|
|
1988
1991
|
}
|
|
1989
1992
|
return UsaCompare;
|
|
1990
|
-
}, { id: 'compare', text: css$
|
|
1993
|
+
}, { id: 'compare', text: css$15 });
|
|
1991
1994
|
}
|
|
1992
1995
|
|
|
1993
|
-
var css$
|
|
1996
|
+
var css$14 = "usa-cube-gallery{position:relative;display:block;aspect-ratio:4/3;perspective:1100px;outline-offset:4px}.usa-cube-stage{position:absolute;inset:0;transform-style:preserve-3d;touch-action:pan-y}.usa-cube-face{position:absolute;inset:0;box-sizing:border-box;margin:0;backface-visibility:hidden;display:none;overflow:hidden;border-radius:var(--usa-cube-radius,14px)}.usa-cube-face[data-active]{display:block}.usa-cube-face>img{width:100%;height:100%;object-fit:cover;display:block}.usa-cube-btn{position:absolute;top:50%;z-index:2;width:34px;height:34px;margin-top:-17px;border:0;border-radius:50%;background:rgba(255,255,255,.85);color:#111827;font:700 20px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.25)}.usa-cube-prev{left:8px}.usa-cube-next{right:8px}.usa-cube-btn:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}";
|
|
1994
1997
|
|
|
1995
1998
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
1996
1999
|
return defineElement(tag, (Base) => {
|
|
@@ -2123,10 +2126,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2123
2126
|
}
|
|
2124
2127
|
}
|
|
2125
2128
|
return UsaCubeGallery;
|
|
2126
|
-
}, { id: 'cube-gallery', text: css$
|
|
2129
|
+
}, { id: 'cube-gallery', text: css$14 });
|
|
2127
2130
|
}
|
|
2128
2131
|
|
|
2129
|
-
var css$
|
|
2132
|
+
var css$13 = "usa-dock{display:inline-flex;align-items:flex-end;gap:var(--usa-dock-gap,8px);padding:8px 10px;border-radius:20px;background:var(--usa-dock-bg,rgba(255,255,255,.55));-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);box-shadow:0 10px 30px -10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.45);--usa-dock-size:44px}usa-dock[data-orientation=\"vertical\"]{flex-direction:column;align-items:flex-start}.usa-dock-item{--usa-dock-s:1;position:relative;display:grid;place-items:center;flex:none;width:calc(var(--usa-dock-size) * var(--usa-dock-s));height:calc(var(--usa-dock-size) * var(--usa-dock-s));border:0;padding:0;border-radius:calc(var(--usa-dock-size) * .26 * var(--usa-dock-s));background:var(--usa-dock-item,linear-gradient(135deg,#7c5cff,#22d3ee));color:#fff;font-size:calc(var(--usa-dock-size) * .5 * var(--usa-dock-s));text-decoration:none;cursor:pointer;transition:width .12s ease-out,height .12s ease-out,font-size .12s ease-out,border-radius .12s;box-shadow:0 4px 10px rgba(0,0,0,.18)}.usa-dock-item:focus-visible{outline:2px solid #7c5cff;outline-offset:3px}.usa-dock-item[data-label]::after{content:attr(data-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);padding:3px 8px;border-radius:6px;background:rgba(17,24,39,.9);color:#fff;font:500 12px/1.3 system-ui,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.usa-dock-item[data-near]::after,.usa-dock-item:focus-visible::after{opacity:1;transform:translateX(-50%)}usa-dock[data-orientation=\"vertical\"] .usa-dock-item[data-label]::after{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.usa-dock-item{transition:none}}";
|
|
2130
2133
|
|
|
2131
2134
|
function defineDock(tag = 'usa-dock') {
|
|
2132
2135
|
return defineElement(tag, (Base) => {
|
|
@@ -2194,10 +2197,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2194
2197
|
}
|
|
2195
2198
|
}
|
|
2196
2199
|
return UsaDock;
|
|
2197
|
-
}, { id: 'dock', text: css$
|
|
2200
|
+
}, { id: 'dock', text: css$13 });
|
|
2198
2201
|
}
|
|
2199
2202
|
|
|
2200
|
-
var css$
|
|
2203
|
+
var css$12 = "usa-nav-morph{position:relative;display:flex;gap:4px;align-items:center;isolation:isolate;--usa-nm-color:#7c5cff;flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}usa-nav-morph::-webkit-scrollbar{display:none}usa-nav-morph>:not(.usa-nm-ink){position:relative;z-index:1;flex:none;padding:8px 12px;border-radius:10px;color:inherit;text-decoration:none;font-weight:600;white-space:nowrap;transition:color .25s;outline-offset:2px}.usa-nm-ink{position:absolute;left:0;z-index:0;width:0;pointer-events:none;background:var(--usa-nm-color)}usa-nav-morph[data-indicator=\"underline\"] .usa-nm-ink{bottom:0;height:3px;border-radius:3px}usa-nav-morph[data-indicator=\"pill\"] .usa-nm-ink,usa-nav-morph[data-indicator=\"blob\"] .usa-nm-ink{top:0;bottom:0;border-radius:10px;opacity:.16}usa-nav-morph[data-indicator=\"blob\"] .usa-nm-ink{border-radius:999px;opacity:.2}usa-nav-morph[data-indicator=\"dot\"] .usa-nm-ink{bottom:0;height:6px;background:radial-gradient(circle,var(--usa-nm-color) 3px,transparent 3.5px)}usa-nav-morph>[aria-current=\"page\"]{color:var(--usa-nm-color)}";
|
|
2201
2204
|
|
|
2202
2205
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2203
2206
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2301,10 +2304,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2301
2304
|
}
|
|
2302
2305
|
}
|
|
2303
2306
|
return UsaNavMorph;
|
|
2304
|
-
}, { id: 'nav-morph', text: css$
|
|
2307
|
+
}, { id: 'nav-morph', text: css$12 });
|
|
2305
2308
|
}
|
|
2306
2309
|
|
|
2307
|
-
var css
|
|
2310
|
+
var css$11 = "usa-menu-toggle{display:inline-grid;place-items:center;width:var(--usa-mt-size,44px);height:var(--usa-mt-size,44px);border-radius:12px;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;outline-offset:2px;--usa-mt-ease:cubic-bezier(.65,.05,.36,1)}usa-menu-toggle:hover{background:rgba(127,127,127,.12)}.usa-mt-box{position:relative;width:24px;height:18px}.usa-mt-bar{position:absolute;left:0;width:100%;height:2.5px;border-radius:2px;background:currentColor;transform-origin:50% 50%}.usa-mt-bar:nth-child(1){top:0}.usa-mt-bar:nth-child(2){top:7.75px}.usa-mt-bar:nth-child(3){bottom:0}usa-menu-toggle[data-animate] .usa-mt-bar{transition:transform .38s var(--usa-mt-ease),opacity .2s,top .38s var(--usa-mt-ease),bottom .38s var(--usa-mt-ease),width .38s var(--usa-mt-ease)}usa-menu-toggle[data-animate] .usa-mt-box{transition:transform .38s var(--usa-mt-ease)}usa-menu-toggle[data-variant=\"cross\"][data-open] .usa-mt-bar:nth-child(1),usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-bar:nth-child(1){top:7.75px;transform:rotate(45deg)}usa-menu-toggle[data-variant=\"cross\"][data-open] .usa-mt-bar:nth-child(2),usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-bar:nth-child(2){opacity:0;transform:scaleX(.2)}usa-menu-toggle[data-variant=\"cross\"][data-open] .usa-mt-bar:nth-child(3),usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-bar:nth-child(3){bottom:7.75px;transform:rotate(-45deg)}usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-box{transform:rotate(180deg)}usa-menu-toggle[data-variant=\"arrow\"][data-open] .usa-mt-bar:nth-child(1){width:55%;transform:translate(-2px,3.5px) rotate(-40deg)}usa-menu-toggle[data-variant=\"arrow\"][data-open] .usa-mt-bar:nth-child(3){width:55%;transform:translate(-2px,-3.5px) rotate(40deg)}usa-menu-toggle[data-variant=\"arrow\"][data-open] .usa-mt-box{transform:rotate(180deg)}usa-menu-toggle[data-variant=\"minus\"][data-open] .usa-mt-bar:nth-child(1){top:7.75px}usa-menu-toggle[data-variant=\"minus\"][data-open] .usa-mt-bar:nth-child(3){bottom:7.75px}";
|
|
2308
2311
|
|
|
2309
2312
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2310
2313
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2377,10 +2380,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2377
2380
|
}
|
|
2378
2381
|
}
|
|
2379
2382
|
return UsaMenuToggle;
|
|
2380
|
-
}, { id: 'menu-toggle', text: css
|
|
2383
|
+
}, { id: 'menu-toggle', text: css$11 });
|
|
2381
2384
|
}
|
|
2382
2385
|
|
|
2383
|
-
var css$
|
|
2386
|
+
var css$10 = "usa-tip{position:relative;display:inline-block}.usa-tip-bubble{position:absolute;left:0;top:0;z-index:60;box-sizing:border-box;max-width:min(260px,calc(100vw - 16px));width:max-content;padding:7px 11px;border-radius:9px;background:var(--usa-tip-bg,#111827);color:var(--usa-tip-fg,#f9fafb);font:500 13px/1.4 system-ui,sans-serif;box-shadow:0 10px 26px -8px rgba(0,0,0,.4);text-align:left;white-space:normal}.usa-tip-bubble[hidden]{display:none}.usa-tip-bubble[data-placement=\"top\"]{transform-origin:50% 100%}.usa-tip-bubble[data-placement=\"bottom\"]{transform-origin:50% 0}.usa-tip-bubble[data-placement=\"left\"]{transform-origin:100% 50%}.usa-tip-bubble[data-placement=\"right\"]{transform-origin:0 50%}.usa-tip-arrow{position:absolute;width:10px;height:10px;background:inherit;transform:rotate(45deg)}.usa-tip-bubble[data-placement=\"top\"] .usa-tip-arrow{bottom:-4px;left:calc(50% - 5px + var(--usa-tip-shift,0px))}.usa-tip-bubble[data-placement=\"bottom\"] .usa-tip-arrow{top:-4px;left:calc(50% - 5px + var(--usa-tip-shift,0px))}.usa-tip-bubble[data-placement=\"left\"] .usa-tip-arrow{right:-4px;top:calc(50% - 5px)}.usa-tip-bubble[data-placement=\"right\"] .usa-tip-arrow{left:-4px;top:calc(50% - 5px)}";
|
|
2384
2387
|
|
|
2385
2388
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2386
2389
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2512,10 +2515,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2512
2515
|
}
|
|
2513
2516
|
}
|
|
2514
2517
|
return UsaTip;
|
|
2515
|
-
}, { id: 'tip', text: css$
|
|
2518
|
+
}, { id: 'tip', text: css$10 });
|
|
2516
2519
|
}
|
|
2517
2520
|
|
|
2518
|
-
var css
|
|
2521
|
+
var css$$ = "usa-stepper{--usa-st-c:#7c5cff;--usa-st-size:30px;position:relative;display:flex;justify-content:space-between;gap:8px;padding:0;counter-reset:s;max-width:100%}usa-stepper[data-orientation=\"vertical\"]{flex-direction:column;gap:22px}.usa-st-rail{position:absolute;left:calc(var(--usa-st-size)/2);right:calc(var(--usa-st-size)/2);top:calc(var(--usa-st-size)/2 - 2px);height:4px;border-radius:4px;background:rgba(127,127,127,.25);pointer-events:none}usa-stepper[data-orientation=\"vertical\"] .usa-st-rail{left:calc(var(--usa-st-size)/2 - 2px);right:auto;top:calc(var(--usa-st-size)/2);bottom:calc(var(--usa-st-size)/2);width:4px;height:auto}.usa-st-fill{position:absolute;inset:0;border-radius:inherit;background:var(--usa-st-c);transform-origin:0 0;transform:scaleX(calc(var(--usa-st-p,0%) / 100%));transition:transform .55s cubic-bezier(.6,.05,.3,1)}usa-stepper[data-orientation=\"vertical\"] .usa-st-fill{transform:scaleY(calc(var(--usa-st-p,0%) / 100%))}.usa-st-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;font:600 12px/1.25 system-ui,sans-serif;text-align:center;color:rgba(127,127,127,.95)}usa-stepper[data-orientation=\"vertical\"] .usa-st-step{flex-direction:row;text-align:left}.usa-st-step[data-current],.usa-st-step[data-done]{color:inherit}.usa-st-dot{position:relative;display:grid;place-items:center;flex:none;width:var(--usa-st-size);height:var(--usa-st-size);border-radius:50%;background:var(--usa-st-bg,#fff);box-shadow:inset 0 0 0 2px rgba(127,127,127,.4);color:#666;font-weight:700;transition:background .3s,box-shadow .3s,color .3s}.usa-st-step[data-current] .usa-st-dot{box-shadow:inset 0 0 0 2px var(--usa-st-c);color:var(--usa-st-c)}.usa-st-step[data-done] .usa-st-dot{background:var(--usa-st-c);box-shadow:none;color:#fff}.usa-st-check{position:absolute;width:60%;height:60%;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;opacity:0}.usa-st-step[data-done] .usa-st-check{stroke-dashoffset:0;opacity:1}.usa-st-step[data-done] .usa-st-num{opacity:0}.usa-st-step[data-clickable],usa-stepper[clickable] .usa-st-step{cursor:pointer}@media (prefers-reduced-motion:reduce){.usa-st-fill,.usa-st-dot{transition:none}}";
|
|
2519
2522
|
|
|
2520
2523
|
function defineStepper(tag = 'usa-stepper') {
|
|
2521
2524
|
return defineElement(tag, (Base) => {
|
|
@@ -2612,10 +2615,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2612
2615
|
}
|
|
2613
2616
|
}
|
|
2614
2617
|
return UsaStepper;
|
|
2615
|
-
}, { id: 'stepper', text: css
|
|
2618
|
+
}, { id: 'stepper', text: css$$ });
|
|
2616
2619
|
}
|
|
2617
2620
|
|
|
2618
|
-
var css$
|
|
2621
|
+
var css$_ = "usa-pagination{--usa-pg-c:#7c5cff;display:inline-flex;align-items:center;gap:4px;max-width:100%;font:600 14px/1 system-ui,sans-serif}.usa-pg-list{position:relative;display:inline-flex;align-items:center;gap:2px;isolation:isolate}.usa-pg-ink{position:absolute;left:0;top:0;height:100%;width:0;border-radius:10px;background:var(--usa-pg-c);z-index:-1;transition:width .3s}.usa-pg-btn{display:grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;cursor:pointer;transition:color .25s,background .2s}.usa-pg-btn:hover:not(:disabled):not([aria-current]){background:rgba(127,127,127,.14)}.usa-pg-btn[aria-current=\"page\"]{color:#fff}.usa-pg-btn:disabled{opacity:.35;cursor:default}.usa-pg-btn:focus-visible{outline:2px solid var(--usa-pg-c);outline-offset:2px}.usa-pg-gap{min-width:20px;text-align:center;opacity:.6}@media (max-width:420px){.usa-pg-btn{min-width:28px;height:30px;padding:0 3px}}@media (prefers-reduced-motion:reduce){.usa-pg-ink{transition:none}}";
|
|
2619
2622
|
|
|
2620
2623
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2621
2624
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2737,10 +2740,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2737
2740
|
}
|
|
2738
2741
|
}
|
|
2739
2742
|
return UsaPagination;
|
|
2740
|
-
}, { id: 'pagination', text: css$
|
|
2743
|
+
}, { id: 'pagination', text: css$_ });
|
|
2741
2744
|
}
|
|
2742
2745
|
|
|
2743
|
-
var css$
|
|
2746
|
+
var css$Z = "usa-segmented{--usa-seg-c:#7c5cff;position:relative;display:inline-flex;align-items:stretch;padding:3px;border-radius:12px;background:rgba(127,127,127,.16);isolation:isolate;max-width:100%;font:600 13px/1 system-ui,sans-serif}.usa-seg-thumb{position:absolute;top:3px;bottom:3px;left:3px;z-index:-1;border-radius:9px;background:var(--usa-seg-thumb,#fff);box-shadow:0 2px 8px rgba(0,0,0,.18),0 0 0 .5px rgba(0,0,0,.05);transform-origin:50% 50%}usa-segmented[data-variant=\"pill\"]{border-radius:999px}usa-segmented[data-variant=\"pill\"] .usa-seg-thumb{border-radius:999px;background:var(--usa-seg-c)}usa-segmented[data-variant=\"pill\"] .usa-seg-item[data-selected]{color:#fff}usa-segmented[data-variant=\"outline\"]{background:none;box-shadow:inset 0 0 0 1.5px rgba(127,127,127,.35)}usa-segmented[data-variant=\"outline\"] .usa-seg-thumb{background:none;box-shadow:inset 0 0 0 2px var(--usa-seg-c)}.usa-seg-item{flex:1 1 0;min-width:0;padding:8px 14px;border:0;border-radius:9px;background:none;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;opacity:.7;transition:opacity .2s,transform .25s cubic-bezier(.3,1.4,.5,1),color .2s}.usa-seg-item[data-selected]{opacity:1;transform:scale(1.04)}.usa-seg-item:focus-visible{outline:2px solid var(--usa-seg-c);outline-offset:1px}@media (max-width:420px){.usa-seg-item{padding:8px 9px}}@media (prefers-reduced-motion:reduce){.usa-seg-item{transition:none}}";
|
|
2744
2747
|
|
|
2745
2748
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2746
2749
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2834,10 +2837,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2834
2837
|
}
|
|
2835
2838
|
}
|
|
2836
2839
|
return UsaSegmented;
|
|
2837
|
-
}, { id: 'segmented', text: css$
|
|
2840
|
+
}, { id: 'segmented', text: css$Z });
|
|
2838
2841
|
}
|
|
2839
2842
|
|
|
2840
|
-
var css$
|
|
2843
|
+
var css$Y = "usa-switch{--usa-sw-c:#34c759;--usa-sw-w:52px;--usa-sw-h:30px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;vertical-align:middle;outline-offset:3px;border-radius:999px}usa-switch[disabled]{opacity:.45;cursor:not-allowed}.usa-sw-track{position:relative;flex:none;width:var(--usa-sw-w);height:var(--usa-sw-h);border-radius:999px;background:rgba(127,127,127,.35);overflow:hidden;transition:background .3s}.usa-sw-fill{position:absolute;inset:0;border-radius:999px;background:var(--usa-sw-c);transform:scale(0);transform-origin:calc(var(--usa-sw-h)/2) 50%;transition:transform .35s cubic-bezier(.4,0,.2,1)}usa-switch[data-on] .usa-sw-fill{transform:scale(1)}.usa-sw-thumb{position:absolute;top:3px;left:3px;width:calc(var(--usa-sw-h) - 6px);height:calc(var(--usa-sw-h) - 6px);border-radius:999px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:left .32s cubic-bezier(.3,1.25,.5,1),width .2s ease,background .3s,box-shadow .3s}usa-switch[data-on] .usa-sw-thumb{left:calc(var(--usa-sw-w) - var(--usa-sw-h) + 3px)}usa-switch[data-variant=\"ios\"][data-press] .usa-sw-thumb{width:calc(var(--usa-sw-h) + 2px)}usa-switch[data-variant=\"ios\"][data-press][data-on] .usa-sw-thumb{left:calc(var(--usa-sw-w) - var(--usa-sw-h) - 5px)}usa-switch[data-variant=\"daynight\"]{--usa-sw-w:64px;--usa-sw-h:32px}usa-switch[data-variant=\"daynight\"] .usa-sw-track{background:linear-gradient(#7dd3fc,#38bdf8)}usa-switch[data-variant=\"daynight\"] .usa-sw-fill{background:linear-gradient(#1e1b4b,#312e81);transform:none;opacity:0;transition:opacity .45s}usa-switch[data-variant=\"daynight\"][data-on] .usa-sw-fill{opacity:1}usa-switch[data-variant=\"daynight\"] .usa-sw-thumb{background:radial-gradient(circle at 40% 40%,#fde68a,#f59e0b);box-shadow:0 0 10px #fbbf24}usa-switch[data-variant=\"daynight\"][data-on] .usa-sw-thumb{background:radial-gradient(circle at 65% 35%,transparent 5px,#e5e7eb 5.5px);box-shadow:0 0 8px rgba(255,255,255,.5)}usa-switch[data-variant=\"daynight\"] .usa-sw-deco{position:absolute;inset:0;background:radial-gradient(circle,#fff 1px,transparent 1.5px) 12px 8px/14px 11px;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .5s}usa-switch[data-variant=\"daynight\"][data-on] .usa-sw-deco{opacity:.9;transform:none}usa-switch[data-variant=\"bounce\"] .usa-sw-thumb{transition:left .28s cubic-bezier(.5,0,.75,0)}usa-switch[data-variant=\"liquid\"] .usa-sw-fill{background:linear-gradient(90deg,#22d3ee,#7c5cff)}usa-switch[data-variant=\"liquid\"] .usa-sw-thumb{transition:left .5s cubic-bezier(.68,-.4,.27,1.4)}usa-switch:focus-visible .usa-sw-track{box-shadow:0 0 0 3px rgba(124,92,255,.5)}@media (prefers-reduced-motion:reduce){.usa-sw-thumb,.usa-sw-fill,.usa-sw-deco,.usa-sw-track{transition:none!important}}";
|
|
2841
2844
|
|
|
2842
2845
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2843
2846
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2925,10 +2928,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2925
2928
|
}
|
|
2926
2929
|
}
|
|
2927
2930
|
return UsaSwitch;
|
|
2928
|
-
}, { id: 'switch', text: css$
|
|
2931
|
+
}, { id: 'switch', text: css$Y });
|
|
2929
2932
|
}
|
|
2930
2933
|
|
|
2931
|
-
var css$
|
|
2934
|
+
var css$X = "usa-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr);gap:12px;max-width:100%;overflow-x:auto;padding:4px;font:500 13px/1.35 system-ui,sans-serif}.usa-kb-col{display:flex;flex-direction:column;gap:8px;min-height:80px;padding:10px;border-radius:14px;background:rgba(127,127,127,.12);margin:0;list-style:none}.usa-kb-col>h1,.usa-kb-col>h2,.usa-kb-col>h3,.usa-kb-col>h4{margin:0 0 2px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.usa-kb-card{padding:10px 12px;border-radius:10px;background:var(--usa-kb-card,#fff);color:#111;box-shadow:0 1px 3px rgba(0,0,0,.14);cursor:grab;touch-action:none;user-select:none;outline-offset:2px}.usa-kb-card:focus-visible{outline:2px solid #7c5cff}.usa-kb-lifted{cursor:grabbing;box-shadow:0 18px 30px -8px rgba(0,0,0,.35);transition:transform .12s}.usa-kb-held{outline:2px dashed #7c5cff;transform:scale(1.03)}.usa-kb-ph{border-radius:10px;border:2px dashed rgba(124,92,255,.5);background:rgba(124,92,255,.08)}.usa-kb-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion:reduce){.usa-kb-lifted,.usa-kb-held{transition:none;transform:none!important}}";
|
|
2932
2935
|
|
|
2933
2936
|
function defineKanban(tag = 'usa-kanban') {
|
|
2934
2937
|
return defineElement(tag, (Base) => {
|
|
@@ -3133,10 +3136,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3133
3136
|
}
|
|
3134
3137
|
}
|
|
3135
3138
|
return UsaKanban;
|
|
3136
|
-
}, { id: 'kanban', text: css$
|
|
3139
|
+
}, { id: 'kanban', text: css$X });
|
|
3137
3140
|
}
|
|
3138
3141
|
|
|
3139
|
-
var css$
|
|
3142
|
+
var css$W = "usa-swipe-deck{position:relative;display:grid;width:var(--usa-sd-w,240px);max-width:100%;height:var(--usa-sd-h,300px);touch-action:pan-y;outline-offset:6px;border-radius:18px}.usa-sd-card{grid-area:1/1;position:relative;display:grid;place-items:center;border-radius:18px;background:var(--usa-sd-bg,linear-gradient(160deg,#7c5cff,#22d3ee));color:#fff;font:800 22px/1.2 system-ui,sans-serif;box-shadow:0 12px 28px -10px rgba(0,0,0,.4);transition:transform .3s cubic-bezier(.3,1.3,.5,1),opacity .3s;user-select:none;cursor:grab;overflow:hidden;touch-action:none}.usa-sd-card.usa-sd-dragging{transition:none;cursor:grabbing}.usa-sd-stamp{position:absolute;top:18px;padding:4px 10px;border:3px solid currentColor;border-radius:8px;font:900 20px/1 system-ui,sans-serif;letter-spacing:.1em;opacity:0;pointer-events:none}.usa-sd-like{left:16px;color:#4ade80;transform:rotate(-14deg)}.usa-sd-nope{right:16px;color:#f87171;transform:rotate(14deg)}@media (prefers-reduced-motion:reduce){.usa-sd-card{transition:none}}";
|
|
3140
3143
|
|
|
3141
3144
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3142
3145
|
return defineElement(tag, (Base) => {
|
|
@@ -3278,10 +3281,10 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3278
3281
|
}
|
|
3279
3282
|
}
|
|
3280
3283
|
return UsaSwipeDeck;
|
|
3281
|
-
}, { id: 'swipe-deck', text: css$
|
|
3284
|
+
}, { id: 'swipe-deck', text: css$W });
|
|
3282
3285
|
}
|
|
3283
3286
|
|
|
3284
|
-
var css$
|
|
3287
|
+
var css$V = "usa-weather-card{--usa-wc-sky:linear-gradient(160deg,#38bdf8,#0ea5e9);position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;width:var(--usa-wc-w,260px);max-width:100%;padding:16px 18px;border-radius:20px;background:var(--usa-wc-sky);color:#fff;overflow:hidden;font:500 13px/1.3 system-ui,sans-serif;box-shadow:0 12px 30px -12px rgba(2,6,23,.5);transition:background .6s}usa-weather-card[data-condition=\"cloudy\"]{--usa-wc-sky:linear-gradient(160deg,#94a3b8,#64748b)}usa-weather-card[data-condition=\"rain\"]{--usa-wc-sky:linear-gradient(160deg,#475569,#1e3a8a)}usa-weather-card[data-condition=\"snow\"]{--usa-wc-sky:linear-gradient(160deg,#cbd5e1,#60a5fa);color:#0f172a}usa-weather-card[data-condition=\"storm\"]{--usa-wc-sky:linear-gradient(160deg,#1e293b,#312e81)}usa-weather-card[data-condition=\"fog\"]{--usa-wc-sky:linear-gradient(160deg,#9ca3af,#d1d5db);color:#1f2937}usa-weather-card[data-condition=\"night\"]{--usa-wc-sky:linear-gradient(160deg,#0f172a,#1e1b4b)}.usa-wc-scene{position:relative;width:76px;height:64px}.usa-wc-icon{position:absolute;inset:0}.usa-wc-icon *{position:absolute;display:block}.usa-wc-text{display:flex;flex-direction:column;gap:2px;min-width:0}.usa-wc-temp{font:800 34px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}.usa-wc-place{opacity:.8;font-size:12px}.usa-wc-sun{left:14px;top:8px;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#fde047 55%,transparent 56%);animation:usa-wc-spin 14s linear infinite}.usa-wc-sun::before{content:\"\";position:absolute;inset:-8px;border-radius:50%;background:repeating-conic-gradient(#fde047 0 8deg,transparent 8deg 30deg);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%,#000 70%,transparent 72%);mask:radial-gradient(circle,transparent 58%,#000 60%,#000 70%,transparent 72%)}.usa-wc-moon{left:18px;top:6px;width:40px;height:40px;border-radius:50%;box-shadow:-10px 6px 0 2px #f1f5f9;transform:rotate(-20deg)}.usa-wc-star{width:3px;height:3px;border-radius:50%;background:#fff;left:calc(8px + var(--i) * 14px);top:calc(40px + (var(--i) * 7px) % 20px);animation:usa-wc-tw 1.8s calc(var(--i) * .35s) ease-in-out infinite alternate}.usa-wc-cloud{left:8px;top:14px;width:56px;height:22px;border-radius:12px;background:#f1f5f9;animation:usa-wc-drift 4s ease-in-out infinite alternate}.usa-wc-cloud::before{content:\"\";position:absolute;left:12px;top:-12px;width:26px;height:26px;border-radius:50%;background:inherit}.usa-wc-c2{left:22px;top:6px;transform:scale(.7);opacity:.75;animation-delay:-2s}.usa-wc-dark{background:#94a3b8}.usa-wc-drop{left:calc(16px + var(--i) * 8px);top:38px;width:2px;height:9px;border-radius:2px;background:#bfdbfe;animation:usa-wc-fall .9s calc(var(--i) * .17s) linear infinite}.usa-wc-flake{left:calc(14px + var(--i) * 9px);top:38px;width:6px;height:6px;border-radius:50%;background:#fff;animation:usa-wc-snow 2.4s calc(var(--i) * .4s) linear infinite}.usa-wc-bolt{left:30px;top:30px;width:14px;height:26px;background:#fde047;clip-path:polygon(40% 0,100% 0,60% 45%,100% 45%,20% 100%,40% 55%,0 55%);animation:usa-wc-bolt 4s ease-in-out infinite}.usa-wc-fogband{left:4px;top:calc(14px + var(--i) * 14px);width:66px;height:6px;border-radius:6px;background:rgba(255,255,255,.85);animation:usa-wc-drift calc(3s + var(--i) * .8s) ease-in-out infinite alternate}@keyframes usa-wc-spin{to{transform:rotate(360deg)}}@keyframes usa-wc-tw{from{opacity:.2}to{opacity:1}}@keyframes usa-wc-drift{from{translate:-4px 0}to{translate:6px 0}}@keyframes usa-wc-fall{from{translate:0 0;opacity:1}to{translate:-3px 22px;opacity:0}}@keyframes usa-wc-snow{from{translate:0 0;opacity:1}50%{translate:4px 12px}to{translate:-2px 24px;opacity:0}}@keyframes usa-wc-bolt{0%,86%,100%{opacity:.35}90%{opacity:1}}@media (prefers-reduced-motion:reduce){usa-weather-card *{animation:none!important}}";
|
|
3285
3288
|
|
|
3286
3289
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3287
3290
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
@@ -3362,10 +3365,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3362
3365
|
}
|
|
3363
3366
|
}
|
|
3364
3367
|
return UsaWeatherCard;
|
|
3365
|
-
}, { id: 'weather-card', text: css$
|
|
3368
|
+
}, { id: 'weather-card', text: css$V });
|
|
3366
3369
|
}
|
|
3367
3370
|
|
|
3368
|
-
var css$
|
|
3371
|
+
var css$U = "usa-pull-cord{--usa-pc-color:#cbd5e1;--usa-pc-light:#fde68a;position:relative;display:inline-flex;flex-direction:column;align-items:center;width:90px;height:190px;cursor:pointer;touch-action:none;user-select:none;outline-offset:4px;border-radius:12px}.usa-pc-lamp{position:relative;width:76px;height:38px;border-radius:38px 38px 6px 6px;background:linear-gradient(#475569,#334155);box-shadow:0 0 0 rgba(253,230,138,0);transition:box-shadow .35s,background .35s}.usa-pc-lamp::after{content:\"\";position:absolute;left:50%;bottom:-10px;width:22px;height:12px;margin-left:-11px;border-radius:0 0 12px 12px;background:#64748b;transition:background .35s,box-shadow .35s}usa-pull-cord[data-on] .usa-pc-lamp{background:linear-gradient(#f59e0b,#d97706);box-shadow:0 30px 60px 10px rgba(253,230,138,.55)}usa-pull-cord[data-on] .usa-pc-lamp::after{background:var(--usa-pc-light);box-shadow:0 0 22px 8px var(--usa-pc-light)}.usa-pc-svg{width:80px;height:150px;margin-top:-2px;overflow:visible}.usa-pc-cord{fill:none;stroke:var(--usa-pc-color);stroke-width:2.2;stroke-linecap:round}.usa-pc-knob{fill:#e2e8f0;stroke:#94a3b8;stroke-width:1.5}usa-pull-cord[data-on] .usa-pc-knob{fill:var(--usa-pc-light)}@media (prefers-reduced-motion:reduce){.usa-pc-lamp,.usa-pc-lamp::after{transition:none}}";
|
|
3369
3372
|
|
|
3370
3373
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3371
3374
|
return defineElement(tag, (Base) => {
|
|
@@ -3494,10 +3497,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3494
3497
|
}
|
|
3495
3498
|
}
|
|
3496
3499
|
return UsaPullCord;
|
|
3497
|
-
}, { id: 'pull-cord', text: css$
|
|
3500
|
+
}, { id: 'pull-cord', text: css$U });
|
|
3498
3501
|
}
|
|
3499
3502
|
|
|
3500
|
-
var css$
|
|
3503
|
+
var css$T = "usa-date-picker{--usa-dp-c:#7c5cff;display:inline-block;width:var(--usa-dp-w,280px);max-width:100%;padding:12px;border-radius:16px;background:var(--usa-dp-bg,#fff);color:#111827;box-shadow:0 10px 30px -12px rgba(0,0,0,.3);font:500 13px/1 system-ui,sans-serif;user-select:none}.usa-dp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.usa-dp-title{font-weight:700;font-size:14px}.usa-dp-nav{width:30px;height:30px;border:0;border-radius:8px;background:none;color:inherit;font-size:18px;cursor:pointer}.usa-dp-nav:hover{background:rgba(127,127,127,.14)}.usa-dp-viewport{overflow:hidden}.usa-dp-row{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.usa-dp-dow{margin-bottom:4px;font-size:11px;opacity:.55;text-align:center}.usa-dp-day{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:50%;cursor:pointer;font-variant-numeric:tabular-nums;outline:none;transition:background .2s,color .2s}.usa-dp-day:hover{background:rgba(124,92,255,.12)}.usa-dp-day[data-out]{opacity:.35}.usa-dp-day[data-today]{box-shadow:inset 0 0 0 1.5px var(--usa-dp-c)}.usa-dp-day[aria-selected=\"true\"]{background:var(--usa-dp-c);color:#fff}.usa-dp-day[aria-disabled]{opacity:.2;cursor:not-allowed;text-decoration:line-through}.usa-dp-day:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--usa-dp-c)}@media (prefers-reduced-motion:reduce){.usa-dp-day{transition:none}}";
|
|
3501
3504
|
|
|
3502
3505
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3503
3506
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3646,10 +3649,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3646
3649
|
}
|
|
3647
3650
|
}
|
|
3648
3651
|
return UsaDatePicker;
|
|
3649
|
-
}, { id: 'date-picker', text: css$
|
|
3652
|
+
}, { id: 'date-picker', text: css$T });
|
|
3650
3653
|
}
|
|
3651
3654
|
|
|
3652
|
-
var css$
|
|
3655
|
+
var css$S = "usa-color-picker{display:inline-flex;flex-direction:column;gap:10px;width:var(--usa-cp-w,240px);max-width:100%;padding:12px;border-radius:16px;background:var(--usa-cp-bg,#fff);box-shadow:0 10px 30px -12px rgba(0,0,0,.3)}.usa-cp-sv{position:relative;height:140px;border-radius:10px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--usa-cp-h) 100% 50%));cursor:crosshair;touch-action:none;outline-offset:2px}.usa-cp-thumb{position:absolute;left:var(--usa-cp-x);top:var(--usa-cp-y);width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--usa-cp-color);box-shadow:0 0 0 3px #fff,0 2px 6px rgba(0,0,0,.4);pointer-events:none;transition:left .18s cubic-bezier(.3,1.4,.5,1),top .18s cubic-bezier(.3,1.4,.5,1),transform .2s}[data-drag]>.usa-cp-thumb{transition:none;transform:scale(1.2)}.usa-cp-row{display:flex;align-items:center;gap:10px}.usa-cp-chip{flex:none;width:30px;height:30px;border-radius:50%;background:var(--usa-cp-color);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.usa-cp-hue{position:relative;flex:1;height:14px;border-radius:7px;background:linear-gradient(90deg,red,#ff0,lime,cyan,blue,#f0f,red);cursor:pointer;touch-action:none;outline-offset:2px}.usa-cp-hue .usa-cp-thumb{left:var(--usa-cp-hx);top:50%;background:hsl(var(--usa-cp-h) 100% 50%)}.usa-cp-swatches{display:flex;flex-wrap:wrap;gap:6px}.usa-cp-sw{width:22px;height:22px;border:0;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.usa-cp-sv:focus-visible,.usa-cp-hue:focus-visible,.usa-cp-sw:focus-visible{outline:2px solid #7c5cff}@media (prefers-reduced-motion:reduce){.usa-cp-thumb{transition:none}}";
|
|
3653
3656
|
|
|
3654
3657
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3655
3658
|
function hsvToHex(h, s, v) {
|
|
@@ -3769,10 +3772,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3769
3772
|
}
|
|
3770
3773
|
}
|
|
3771
3774
|
return UsaColorPicker;
|
|
3772
|
-
}, { id: 'color-picker', text: css$
|
|
3775
|
+
}, { id: 'color-picker', text: css$S });
|
|
3773
3776
|
}
|
|
3774
3777
|
|
|
3775
|
-
var css$
|
|
3778
|
+
var css$R = "usa-file-drop{--usa-fd-c:#7c5cff;display:flex;flex-direction:column;gap:10px;width:var(--usa-fd-w,300px);max-width:100%;font:500 13px/1.3 system-ui,sans-serif}.usa-fd-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:120px;padding:16px;border-radius:16px;background:rgba(124,92,255,.06);cursor:pointer;text-align:center;outline-offset:3px;transition:background .25s,transform .25s}.usa-fd-ants{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.usa-fd-ants rect{fill:none;stroke:rgba(124,92,255,.55);stroke-width:2;stroke-dasharray:8 6}usa-file-drop[data-over] .usa-fd-zone{background:rgba(124,92,255,.14);transform:scale(1.02)}usa-file-drop[data-over] .usa-fd-ants rect{stroke:var(--usa-fd-c);animation:usa-fd-march .6s linear infinite}.usa-fd-icon{font-size:30px;color:var(--usa-fd-c);transition:transform .3s cubic-bezier(.3,1.5,.5,1)}usa-file-drop[data-over] .usa-fd-icon{transform:translateY(-8px) scale(1.15)}.usa-fd-zone:focus-visible{outline:2px solid var(--usa-fd-c)}.usa-fd-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.usa-fd-item{--usa-fd-p:0;position:relative;display:grid;grid-template-columns:1fr auto 18px;align-items:center;gap:4px 8px;padding:8px 10px;border-radius:10px;background:rgba(127,127,127,.1)}.usa-fd-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.usa-fd-size{opacity:.6;font-size:12px}.usa-fd-bar{grid-column:1/3;height:4px;border-radius:4px;background:rgba(127,127,127,.25);overflow:hidden}.usa-fd-fill{display:block;height:100%;background:var(--usa-fd-c);transform-origin:0 50%;transform:scaleX(var(--usa-fd-p));transition:transform .2s}.usa-fd-check{grid-row:1/3;grid-column:3;width:18px;height:18px;fill:none;stroke:#22c55e;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .4s}.usa-fd-item[data-done] .usa-fd-check{stroke-dashoffset:0}@keyframes usa-fd-march{to{stroke-dashoffset:-14}}@media (prefers-reduced-motion:reduce){usa-file-drop *{animation:none!important;transition:none!important}usa-file-drop[data-over] .usa-fd-zone,usa-file-drop[data-over] .usa-fd-icon{transform:none}}";
|
|
3776
3779
|
|
|
3777
3780
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3778
3781
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3873,10 +3876,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3873
3876
|
}
|
|
3874
3877
|
}
|
|
3875
3878
|
return UsaFileDrop;
|
|
3876
|
-
}, { id: 'file-drop', text: css$
|
|
3879
|
+
}, { id: 'file-drop', text: css$R });
|
|
3877
3880
|
}
|
|
3878
3881
|
|
|
3879
|
-
var css$
|
|
3882
|
+
var css$Q = "usa-keyframe-editor{--usa-ke-c:#7c5cff;--usa-ke-head:100%;display:flex;flex-direction:column;gap:8px;width:var(--usa-ke-w,100%);max-width:100%;padding:10px;border-radius:14px;background:var(--usa-ke-bg,#0f172a);color:#e2e8f0;font:500 12px/1.2 system-ui,sans-serif}.usa-ke-bar{display:flex;align-items:center;gap:8px}.usa-ke-play{width:30px;height:30px;border:0;border-radius:50%;background:var(--usa-ke-c);color:#fff;cursor:pointer}.usa-ke-scrub{flex:1;min-width:0;accent-color:var(--usa-ke-c)}.usa-ke-time{min-width:58px;text-align:right;font-variant-numeric:tabular-nums;opacity:.8}.usa-ke-tracks{position:relative;display:flex;flex-direction:column;gap:4px}.usa-ke-tracks::after{content:\"\";position:absolute;top:0;bottom:0;left:calc(64px + (100% - 64px) * var(--usa-ke-head) / 100%);width:2px;background:#f43f5e;pointer-events:none}.usa-ke-row{display:grid;grid-template-columns:64px 1fr;align-items:center}.usa-ke-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:6px;opacity:.85}.usa-ke-lane{position:relative;height:22px;border-radius:6px;background:rgba(148,163,184,.14)}.usa-ke-clip{position:absolute;top:2px;bottom:2px;border-radius:5px;background:linear-gradient(90deg,var(--usa-ke-c),#22d3ee);cursor:grab;touch-action:none;outline-offset:2px;transition:left .2s,width .2s}.usa-ke-clip[data-drag]{cursor:grabbing;transition:none;box-shadow:0 4px 12px rgba(0,0,0,.4)}.usa-ke-clip:focus-visible{outline:2px solid #fff}.usa-ke-grip{position:absolute;right:0;top:0;bottom:0;width:8px;border-radius:0 5px 5px 0;background:rgba(255,255,255,.35);cursor:ew-resize}@media (prefers-reduced-motion:reduce){.usa-ke-clip{transition:none}}";
|
|
3880
3883
|
|
|
3881
3884
|
const DEFAULT = {
|
|
3882
3885
|
format: ANIMATION_FORMAT,
|
|
@@ -4050,10 +4053,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4050
4053
|
}
|
|
4051
4054
|
}
|
|
4052
4055
|
return UsaKeyframeEditor;
|
|
4053
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4056
|
+
}, { id: 'keyframe-editor', text: css$Q });
|
|
4054
4057
|
}
|
|
4055
4058
|
|
|
4056
|
-
var css$
|
|
4059
|
+
var css$P = "usa-music-player{--usa-mp-c:#7c5cff;--usa-mp-p:0;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;width:var(--usa-mp-w,320px);max-width:100%;padding:14px;border-radius:20px;background:var(--usa-mp-bg,linear-gradient(160deg,#111827,#1e1b4b));color:#f8fafc;font:500 13px/1.3 system-ui,sans-serif;box-shadow:0 14px 34px -14px rgba(0,0,0,.55)}.usa-mp-cover{width:84px;height:84px}.usa-mp-disc{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#0f172a 9%,#e2e8f0 9.5%,#e2e8f0 12%,transparent 12.5%),repeating-radial-gradient(circle,#111 0 2px,#1f2937 2px 4px),#111;background-size:cover;box-shadow:0 6px 18px rgba(0,0,0,.5),inset 0 0 0 2px rgba(255,255,255,.06)}usa-music-player[data-animate] .usa-mp-disc{animation:usa-mp-spin 1.8s linear infinite}.usa-mp-body{display:flex;flex-direction:column;gap:6px;min-width:0}.usa-mp-meta{display:flex;flex-direction:column;min-width:0}.usa-mp-title{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-mp-artist{opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-mp-bars{display:flex;gap:3px;align-items:flex-end;height:14px}.usa-mp-bars i{width:3px;height:30%;border-radius:2px;background:var(--usa-mp-c);transition:height .3s}usa-music-player[data-animate] .usa-mp-bars i{animation:usa-mp-bar .9s ease-in-out infinite alternate}.usa-mp-bars i:nth-child(2){animation-delay:-.3s!important}.usa-mp-bars i:nth-child(3){animation-delay:-.6s!important}.usa-mp-bars i:nth-child(4){animation-delay:-.15s!important}.usa-mp-track{position:relative;height:6px;border-radius:6px;background:rgba(255,255,255,.18);cursor:pointer;touch-action:none;outline-offset:4px}.usa-mp-fill{position:absolute;inset:0;border-radius:inherit;background:var(--usa-mp-c);transform-origin:0 50%;transform:scaleX(var(--usa-mp-p))}.usa-mp-knob{position:absolute;top:50%;left:calc(var(--usa-mp-p) * 100%);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4);transition:transform .2s}.usa-mp-track:hover .usa-mp-knob,.usa-mp-track:focus-visible .usa-mp-knob{transform:scale(1.3)}.usa-mp-times{display:flex;justify-content:space-between;font-size:11px;opacity:.65;font-variant-numeric:tabular-nums}.usa-mp-ctrls{display:flex;align-items:center;justify-content:center;gap:12px}.usa-mp-btn{border:0;background:none;color:inherit;font-size:16px;cursor:pointer;opacity:.85}.usa-mp-play{position:relative;width:40px;height:40px;border:0;border-radius:50%;background:#fff;cursor:pointer}.usa-mp-icon{position:absolute;left:50%;top:50%;width:14px;height:16px;margin:-8px 0 0 -6px;background:var(--usa-mp-c);clip-path:polygon(0 0,100% 50%,100% 50%,0 100%);transition:clip-path .3s cubic-bezier(.6,.05,.3,1)}usa-music-player[data-playing] .usa-mp-icon{margin-left:-7px;clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0)}.usa-mp-btn:focus-visible,.usa-mp-play:focus-visible,.usa-mp-track:focus-visible{outline:2px solid #fff}@keyframes usa-mp-spin{to{transform:rotate(360deg)}}@keyframes usa-mp-bar{from{height:20%}to{height:100%}}@media (prefers-reduced-motion:reduce){usa-music-player *{animation:none!important;transition:none!important}}";
|
|
4057
4060
|
|
|
4058
4061
|
const fmt = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4059
4062
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4214,10 +4217,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4214
4217
|
}
|
|
4215
4218
|
}
|
|
4216
4219
|
return UsaMusicPlayer;
|
|
4217
|
-
}, { id: 'music-player', text: css$
|
|
4220
|
+
}, { id: 'music-player', text: css$P });
|
|
4218
4221
|
}
|
|
4219
4222
|
|
|
4220
|
-
var css$
|
|
4223
|
+
var css$O = "usa-volume-knob{--usa-vk-c:#22d3ee;--usa-vk-size:120px;position:relative;display:inline-grid;place-items:center;width:var(--usa-vk-size);height:var(--usa-vk-size);border-radius:50%;cursor:ns-resize;touch-action:none;user-select:none;outline-offset:6px}.usa-vk-arc{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.usa-vk-arc path{fill:none;stroke-width:6;stroke-linecap:round}.usa-vk-bg{stroke:rgba(127,127,127,.25)}.usa-vk-val{stroke:var(--usa-vk-c);filter:drop-shadow(0 0 4px var(--usa-vk-c))}.usa-vk-ticks{position:absolute;inset:0}.usa-vk-ticks i{position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px;border-radius:50%;background:rgba(127,127,127,.4);transform:rotate(var(--a)) translateY(calc(var(--usa-vk-size) * -.5 + 2px));transition:background .2s,box-shadow .2s}.usa-vk-ticks i[data-on]{background:var(--usa-vk-c);box-shadow:0 0 6px var(--usa-vk-c)}.usa-vk-cap{position:relative;width:62%;height:62%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4b5563,#111827 70%);box-shadow:0 8px 16px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.15);transform:rotate(var(--usa-vk-angle));transition:transform .35s cubic-bezier(.3,1.5,.5,1)}usa-volume-knob[data-drag] .usa-vk-cap{transition:none}.usa-vk-dot{position:absolute;left:50%;top:10%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--usa-vk-c);box-shadow:0 0 6px var(--usa-vk-c)}usa-volume-knob:focus-visible{outline:2px solid var(--usa-vk-c)}@media (prefers-reduced-motion:reduce){.usa-vk-cap,.usa-vk-ticks i{transition:none}}";
|
|
4221
4224
|
|
|
4222
4225
|
const ARC = 270;
|
|
4223
4226
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4308,10 +4311,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4308
4311
|
}
|
|
4309
4312
|
}
|
|
4310
4313
|
return UsaVolumeKnob;
|
|
4311
|
-
}, { id: 'volume-knob', text: css$
|
|
4314
|
+
}, { id: 'volume-knob', text: css$O });
|
|
4312
4315
|
}
|
|
4313
4316
|
|
|
4314
|
-
var css$
|
|
4317
|
+
var css$N = "usa-equalizer{--usa-eq-c:#7c5cff;position:relative;display:block;width:var(--usa-eq-w,320px);max-width:100%;padding:12px 10px 8px;border-radius:16px;background:var(--usa-eq-bg,#0f172a);color:#cbd5e1;font:600 10px/1 system-ui,sans-serif}.usa-eq-curve{position:absolute;left:10px;right:10px;top:12px;height:120px;width:calc(100% - 20px);pointer-events:none;overflow:visible}.usa-eq-curve path{fill:none;stroke:#22d3ee;stroke-width:1.6;vector-effect:non-scaling-stroke;opacity:.8;transition:d .45s cubic-bezier(.3,1.3,.5,1)}.usa-eq-bands{display:flex;justify-content:space-between;gap:4px}.usa-eq-band{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:0}.usa-eq-slot{--usa-eq-k:.5;position:relative;width:8px;height:120px;border-radius:6px;background:rgba(148,163,184,.18);cursor:ns-resize;touch-action:none;outline-offset:4px}.usa-eq-fill{position:absolute;left:0;right:0;top:calc((1 - max(var(--usa-eq-k),.5)) * 100%);bottom:calc(min(var(--usa-eq-k),.5) * 100%);border-radius:6px;background:var(--usa-eq-c)}.usa-eq-cap{position:absolute;left:50%;top:calc((1 - var(--usa-eq-k)) * 100%);width:20px;height:10px;margin:-5px 0 0 -10px;border-radius:4px;background:#f8fafc;box-shadow:0 2px 6px rgba(0,0,0,.5)}usa-equalizer[data-glide] .usa-eq-cap{transition:top .5s cubic-bezier(.3,1.4,.5,1)}usa-equalizer[data-glide] .usa-eq-fill{transition:top .5s cubic-bezier(.3,1.4,.5,1),bottom .5s cubic-bezier(.3,1.4,.5,1)}.usa-eq-slot[data-drag] .usa-eq-cap{transform:scale(1.15)}.usa-eq-slot:focus-visible{outline:2px solid #22d3ee}.usa-eq-label{opacity:.7;white-space:nowrap}@media (prefers-reduced-motion:reduce){.usa-eq-cap,.usa-eq-fill,.usa-eq-curve path{transition:none!important}}";
|
|
4315
4318
|
|
|
4316
4319
|
const EQ_PRESETS = {
|
|
4317
4320
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4409,10 +4412,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4409
4412
|
}
|
|
4410
4413
|
}
|
|
4411
4414
|
return UsaEqualizer;
|
|
4412
|
-
}, { id: 'equalizer', text: css$
|
|
4415
|
+
}, { id: 'equalizer', text: css$N });
|
|
4413
4416
|
}
|
|
4414
4417
|
|
|
4415
|
-
var css$
|
|
4418
|
+
var css$M = "usa-lyrics{--usa-ly-c:#f472b6;display:block;width:var(--usa-ly-w,320px);max-width:100%;font:700 18px/1.35 system-ui,sans-serif}.usa-ly-list{height:var(--usa-ly-h,180px);margin:0;padding:70px 0;overflow-y:auto;list-style:none;scrollbar-width:none;-webkit-mask:linear-gradient(transparent,#000 25%,#000 75%,transparent);mask:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.usa-ly-list::-webkit-scrollbar{display:none}.usa-ly-line{--usa-ly-k:0;padding:5px 4px;opacity:.38;cursor:pointer;transform-origin:0 50%;transition:opacity .35s,transform .35s cubic-bezier(.3,1.3,.5,1),filter .35s;filter:blur(.4px)}.usa-ly-line[data-past]{opacity:.22}.usa-ly-line[data-active]{opacity:1;filter:none;transform:scale(1.06);color:transparent;background:linear-gradient(90deg,var(--usa-ly-c) calc(var(--usa-ly-k) * 100%),var(--usa-ly-base,#94a3b8) calc(var(--usa-ly-k) * 100%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 18px rgba(244,114,182,.25)}@media (prefers-reduced-motion:reduce){.usa-ly-line{transition:none;transform:none!important}}";
|
|
4416
4419
|
|
|
4417
4420
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4418
4421
|
function parseLRC(src) {
|
|
@@ -4524,10 +4527,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4524
4527
|
}
|
|
4525
4528
|
}
|
|
4526
4529
|
return UsaLyrics;
|
|
4527
|
-
}, { id: 'lyrics', text: css$
|
|
4530
|
+
}, { id: 'lyrics', text: css$M });
|
|
4528
4531
|
}
|
|
4529
4532
|
|
|
4530
|
-
var css$
|
|
4533
|
+
var css$L = "usa-bar-chart{--usa-bc-c:#7c5cff;display:block;width:var(--usa-bc-w,100%);max-width:100%;font:600 11px/1.2 system-ui,sans-serif}.usa-bc-list{display:flex;align-items:flex-end;gap:8px;height:var(--usa-bc-h,140px);margin:0;padding:0;list-style:none}.usa-bc-item{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;flex:1;min-width:0;height:100%;gap:4px}.usa-bc-track{position:relative;grid-row:2;width:100%;display:flex;align-items:flex-end;justify-content:center}.usa-bc-bar{display:block;width:min(100%,38px);height:calc(var(--usa-bc-k) * 100%);border-radius:6px 6px 2px 2px;background:linear-gradient(var(--usa-bc-c),#22d3ee);transform-origin:50% 100%}.usa-bc-item[data-glide] .usa-bc-bar{transition:height .6s cubic-bezier(.3,1.25,.5,1)}.usa-bc-val{grid-row:1;font-variant-numeric:tabular-nums;opacity:.8}.usa-bc-label{grid-row:3;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}usa-bar-chart[data-dir=\"h\"] .usa-bc-list{flex-direction:column;align-items:stretch;height:auto}usa-bar-chart[data-dir=\"h\"] .usa-bc-item{grid-template-columns:70px 1fr auto;grid-template-rows:none;align-items:center;height:22px}usa-bar-chart[data-dir=\"h\"] .usa-bc-label{grid-row:auto;grid-column:1;justify-self:start}usa-bar-chart[data-dir=\"h\"] .usa-bc-track{grid-row:auto;grid-column:2;height:100%;justify-content:flex-start;align-items:center}usa-bar-chart[data-dir=\"h\"] .usa-bc-bar{width:calc(var(--usa-bc-k) * 100%);height:14px;border-radius:2px 6px 6px 2px;transform-origin:0 50%;background:linear-gradient(90deg,var(--usa-bc-c),#22d3ee)}usa-bar-chart[data-dir=\"h\"] .usa-bc-item[data-glide] .usa-bc-bar{transition:width .6s cubic-bezier(.3,1.25,.5,1)}usa-bar-chart[data-dir=\"h\"] .usa-bc-val{grid-row:auto;grid-column:3}@media (prefers-reduced-motion:reduce){.usa-bc-bar{transition:none!important}}";
|
|
4531
4534
|
|
|
4532
4535
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4533
4536
|
return defineElement(tag, (Base) => {
|
|
@@ -4621,10 +4624,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4621
4624
|
}
|
|
4622
4625
|
}
|
|
4623
4626
|
return UsaBarChart;
|
|
4624
|
-
}, { id: 'bar-chart', text: css$
|
|
4627
|
+
}, { id: 'bar-chart', text: css$L });
|
|
4625
4628
|
}
|
|
4626
4629
|
|
|
4627
|
-
var css$
|
|
4630
|
+
var css$K = "usa-gauge{--usa-gg-c:#7c5cff;--usa-gg-k:0;position:relative;display:inline-block;width:var(--usa-gg-w,220px);max-width:100%;font:600 12px/1.2 system-ui,sans-serif;text-align:center}.usa-gg-svg{display:block;width:100%;height:auto;overflow:visible}.usa-gg-track,.usa-gg-arc{fill:none;stroke-width:16;stroke-linecap:round}.usa-gg-track{stroke:rgba(127,127,127,.2)}.usa-gg-arc{stroke:var(--usa-gg-c);stroke-dasharray:calc(max(var(--usa-gg-k),0) * 100) 100;transition:stroke .3s}.usa-gg-needle{transform-origin:100px 100px;transform:rotate(var(--usa-gg-angle,-90deg));fill:currentColor}.usa-gg-read{position:absolute;left:0;right:0;bottom:2px;display:flex;flex-direction:column;align-items:center;pointer-events:none}.usa-gg-num{font:800 22px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;transform:translateY(-34px)}.usa-gg-label{opacity:.65;transform:translateY(-34px)}";
|
|
4628
4631
|
|
|
4629
4632
|
function defineGauge(tag = 'usa-gauge') {
|
|
4630
4633
|
return defineElement(tag, (Base) => {
|
|
@@ -4709,10 +4712,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4709
4712
|
}
|
|
4710
4713
|
}
|
|
4711
4714
|
return UsaGauge;
|
|
4712
|
-
}, { id: 'gauge', text: css$
|
|
4715
|
+
}, { id: 'gauge', text: css$K });
|
|
4713
4716
|
}
|
|
4714
4717
|
|
|
4715
|
-
var css$
|
|
4718
|
+
var css$J = "usa-sparkline{--usa-sl-c:#7c5cff;position:relative;display:inline-block;width:var(--usa-sl-w,120px);height:var(--usa-sl-h,32px);vertical-align:middle}.usa-sl-svg{display:block;width:100%;height:100%;overflow:visible}.usa-sl-line{fill:none;stroke:var(--usa-sl-c);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1}.usa-sl-area{fill:var(--usa-sl-c);opacity:0}usa-sparkline[data-variant=\"area\"] .usa-sl-area{opacity:.16;transition:opacity .8s .4s}.usa-sl-bars rect{fill:var(--usa-sl-c);opacity:.75}usa-sparkline:not([data-variant=\"bars\"]) .usa-sl-bars,usa-sparkline[data-variant=\"bars\"] .usa-sl-line,usa-sparkline[data-variant=\"bars\"] .usa-sl-end{display:none}.usa-sl-end{fill:var(--usa-sl-c);vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:usa-sl-pulse 1.8s ease-out infinite}.usa-sl-hover{fill:#fff;stroke:var(--usa-sl-c);stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:0}usa-sparkline[data-hover] .usa-sl-hover{opacity:1}.usa-sl-tip{position:absolute;bottom:calc(100% + 4px);transform:translateX(-50%);padding:2px 6px;border-radius:5px;background:#111827;color:#fff;font:600 11px/1.3 system-ui,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}usa-sparkline[data-hover] .usa-sl-tip{opacity:1}@keyframes usa-sl-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:.4;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.usa-sl-end{animation:none}}";
|
|
4716
4719
|
|
|
4717
4720
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4718
4721
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4835,7 +4838,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4835
4838
|
}
|
|
4836
4839
|
}
|
|
4837
4840
|
return UsaSparkline;
|
|
4838
|
-
}, { id: 'sparkline', text: css$
|
|
4841
|
+
}, { id: 'sparkline', text: css$J });
|
|
4839
4842
|
}
|
|
4840
4843
|
|
|
4841
4844
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4848,7 +4851,7 @@ function parseFigureText(s) {
|
|
|
4848
4851
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4849
4852
|
}
|
|
4850
4853
|
|
|
4851
|
-
var css$
|
|
4854
|
+
var css$I = "usa-kpi{display:inline-grid;grid-template-columns:1fr auto;grid-template-areas:\"label label\" \"value delta\" \"trend trend\" \"caption caption\";align-items:end;gap:4px 10px;width:var(--usa-kpi-w,220px);max-width:100%;padding:14px 16px;border-radius:16px;background:var(--usa-kpi-bg,#fff);color:#0f172a;box-shadow:0 8px 24px -12px rgba(15,23,42,.35);font:500 12px/1.3 system-ui,sans-serif}.usa-kpi-label{grid-area:label;opacity:.6;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.usa-kpi-value{grid-area:value;font:800 28px/1.05 system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.usa-kpi-delta{grid-area:delta;display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:999px;font-weight:700;font-size:12px;margin-bottom:4px}.usa-kpi-delta[data-good=\"true\"]{background:rgba(34,197,94,.14);color:#15803d}.usa-kpi-delta[data-good=\"false\"]{background:rgba(239,68,68,.14);color:#b91c1c}.usa-kpi-delta i{font-style:normal;font-size:9px}.usa-kpi-trend{grid-area:trend;--usa-sl-w:100%;--usa-sl-h:34px;margin-top:4px}.usa-kpi-caption{grid-area:caption;opacity:.55;font-size:11px}.usa-kpi-caption:empty{display:none}";
|
|
4852
4855
|
|
|
4853
4856
|
function defineKpi(tag = 'usa-kpi') {
|
|
4854
4857
|
return defineElement(tag, (Base) => {
|
|
@@ -4928,10 +4931,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4928
4931
|
}
|
|
4929
4932
|
}
|
|
4930
4933
|
return UsaKpi;
|
|
4931
|
-
}, { id: 'kpi', text: css$
|
|
4934
|
+
}, { id: 'kpi', text: css$I });
|
|
4932
4935
|
}
|
|
4933
4936
|
|
|
4934
|
-
var css$
|
|
4937
|
+
var css$H = "usa-add-to-cart{display:inline-block}.usa-atc-btn{position:relative;display:inline-grid;place-items:center;min-width:var(--usa-atc-w,150px);padding:11px 18px;border:0;border-radius:999px;background:var(--usa-atc-bg,#7c5cff);color:#fff;font:700 14px/1 system-ui,sans-serif;cursor:pointer;overflow:hidden;transition:background .3s}.usa-atc-btn>span{grid-area:1/1;transition:transform .35s cubic-bezier(.3,1.4,.5,1),opacity .25s}.usa-atc-done{transform:translateY(120%);opacity:0}usa-add-to-cart[data-added] .usa-atc-btn{background:var(--usa-atc-ok,#16a34a)}usa-add-to-cart[data-added] .usa-atc-label{transform:translateY(-120%);opacity:0}usa-add-to-cart[data-added] .usa-atc-done{transform:none;opacity:1}.usa-atc-btn:focus-visible{outline:3px solid #a78bfa;outline-offset:2px}.usa-atc-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.usa-atc-btn>span{transition:none}}";
|
|
4935
4938
|
|
|
4936
4939
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4937
4940
|
return defineElement(tag, (Base) => {
|
|
@@ -4976,10 +4979,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4976
4979
|
}
|
|
4977
4980
|
}
|
|
4978
4981
|
return UsaAddToCart;
|
|
4979
|
-
}, { id: 'add-to-cart', text: css$
|
|
4982
|
+
}, { id: 'add-to-cart', text: css$H });
|
|
4980
4983
|
}
|
|
4981
4984
|
|
|
4982
|
-
var css$
|
|
4985
|
+
var css$G = "usa-cart-drawer{position:relative;display:inline-block;font:500 13px/1.3 system-ui,sans-serif}.usa-cd2-toggle{position:relative;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--usa-cd2-btn,#f1f5f9);font-size:20px;cursor:pointer}.usa-cd2-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font:800 11px/18px system-ui,sans-serif;text-align:center}.usa-cd2-badge:empty{display:none}.usa-cd2-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:2147482000}.usa-cd2-panel{position:fixed;top:0;right:0;bottom:0;width:min(var(--usa-cd2-w,340px),92vw);display:flex;flex-direction:column;background:var(--usa-cd2-bg,#fff);color:#0f172a;box-shadow:-12px 0 40px -12px rgba(15,23,42,.4);z-index:2147482001;outline:none}.usa-cd2-panel header,.usa-cd2-panel footer{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.08)}.usa-cd2-panel footer{border:0;border-top:1px solid rgba(15,23,42,.08);margin-top:auto;font-size:15px}.usa-cd2-close,.usa-cd2-rm{border:0;background:none;font-size:20px;line-height:1;cursor:pointer;color:inherit;opacity:.6}.usa-cd2-list{margin:0;padding:6px 8px;list-style:none;overflow:auto}.usa-cd2-item{display:grid;grid-template-columns:36px 1fr auto auto auto;align-items:center;gap:8px;padding:8px;border-radius:10px;overflow:hidden}.usa-cd2-item img,.usa-cd2-item i{width:36px;height:36px;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,#a78bfa,#22d3ee)}.usa-cd2-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.usa-cd2-qty{opacity:.6}.usa-cd2-price,.usa-cd2-total{font-variant-numeric:tabular-nums;font-weight:700}.usa-cd2-empty{margin:24px;text-align:center;opacity:.55}.usa-cd2-panel[hidden],.usa-cd2-backdrop[hidden]{display:none}";
|
|
4983
4986
|
|
|
4984
4987
|
/** Cart total (7.3). */
|
|
4985
4988
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5144,10 +5147,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5144
5147
|
}
|
|
5145
5148
|
}
|
|
5146
5149
|
return UsaCartDrawer;
|
|
5147
|
-
}, { id: 'cart-drawer', text: css$
|
|
5150
|
+
}, { id: 'cart-drawer', text: css$G });
|
|
5148
5151
|
}
|
|
5149
5152
|
|
|
5150
|
-
var css$
|
|
5153
|
+
var css$F = "usa-product-gallery{display:grid;gap:10px;width:var(--usa-pg2-w,320px);max-width:100%}.usa-pg2-stage{position:relative;aspect-ratio:var(--usa-pg2-ratio,1);border-radius:14px;overflow:hidden;background:#f1f5f9;cursor:zoom-in;outline:none}.usa-pg2-stage:focus-visible{box-shadow:0 0 0 3px #a78bfa}.usa-pg2-main{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease-out}.usa-pg2-thumbs{position:relative;display:flex;gap:8px;overflow-x:auto;padding:3px}.usa-pg2-thumb{flex:0 0 auto;width:var(--usa-pg2-t,56px);height:var(--usa-pg2-t,56px);padding:0;border:0;border-radius:10px;overflow:hidden;background:#e2e8f0;cursor:pointer;opacity:.65;transition:opacity .2s}.usa-pg2-thumb[aria-selected=true]{opacity:1}.usa-pg2-thumb img{width:100%;height:100%;object-fit:cover;display:block}.usa-pg2-thumb:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}.usa-pg2-ring{position:absolute;left:0;top:3px;height:var(--usa-pg2-t,56px);border-radius:10px;box-shadow:0 0 0 2px var(--usa-pg2-accent,#7c5cff);pointer-events:none;transition:transform .35s cubic-bezier(.3,1.3,.5,1),width .35s}@media (prefers-reduced-motion:reduce){.usa-pg2-ring,.usa-pg2-main{transition:none}}";
|
|
5151
5154
|
|
|
5152
5155
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5153
5156
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5261,10 +5264,10 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5261
5264
|
}
|
|
5262
5265
|
}
|
|
5263
5266
|
return UsaProductGallery;
|
|
5264
|
-
}, { id: 'product-gallery', text: css$
|
|
5267
|
+
}, { id: 'product-gallery', text: css$F });
|
|
5265
5268
|
}
|
|
5266
5269
|
|
|
5267
|
-
var css$
|
|
5270
|
+
var css$E = "usa-countdown{display:inline-block;font:700 12px/1.2 system-ui,sans-serif;color:var(--usa-cd-fg,inherit)}.usa-cd-row{display:flex;gap:var(--usa-cd-gap,10px)}.usa-cd-unit{display:flex;flex-direction:column;align-items:center;gap:4px}.usa-cd-unit small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.usa-cd-digits{display:flex;gap:3px;perspective:300px}.usa-cd-d{display:grid;place-items:center;width:var(--usa-cd-w,28px);height:calc(var(--usa-cd-w,28px) * 1.35);border-radius:6px;background:var(--usa-cd-bg,#111827);color:var(--usa-cd-c,#fff);font:800 calc(var(--usa-cd-w,28px) * .8)/1 ui-monospace,monospace;box-shadow:inset 0 -1px 0 rgba(255,255,255,.08),0 4px 10px -4px rgba(0,0,0,.5);background-image:linear-gradient(transparent 49%,rgba(0,0,0,.35) 50%,transparent 51%);transform-origin:50% 50%}usa-countdown[data-done] .usa-cd-d{background-color:var(--usa-cd-done,#ef4444)}";
|
|
5268
5271
|
|
|
5269
5272
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5270
5273
|
function splitTime(sec) {
|
|
@@ -5352,10 +5355,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5352
5355
|
}
|
|
5353
5356
|
}
|
|
5354
5357
|
return UsaCountdown;
|
|
5355
|
-
}, { id: 'countdown', text: css$
|
|
5358
|
+
}, { id: 'countdown', text: css$E });
|
|
5356
5359
|
}
|
|
5357
5360
|
|
|
5358
|
-
var css$
|
|
5361
|
+
var css$D = "usa-message-list{position:relative;display:block;width:var(--usa-ml-w,320px);max-width:100%;font:400 14px/1.35 system-ui,sans-serif}.usa-ml-list{display:flex;flex-direction:column;gap:6px;height:var(--usa-ml-h,260px);margin:0;padding:10px;list-style:none;overflow-y:auto;overscroll-behavior:contain;border-radius:14px;background:var(--usa-ml-bg,#f8fafc)}.usa-ml-msg{display:flex;flex-direction:column;align-items:flex-start;max-width:80%}.usa-ml-msg[data-side=right]{align-self:flex-end;align-items:flex-end}.usa-ml-msg[data-grouped] .usa-ml-from{display:none}.usa-ml-from{font-size:11px;font-weight:600;opacity:.6;margin:2px 8px}.usa-ml-from:empty,.usa-ml-time:empty{display:none}.usa-ml-bubble{padding:8px 12px;border-radius:16px 16px 16px 4px;background:var(--usa-ml-them,#e2e8f0);color:#0f172a;overflow-wrap:anywhere}.usa-ml-msg[data-side=right] .usa-ml-bubble{border-radius:16px 16px 4px 16px;background:var(--usa-ml-me,#7c5cff);color:#fff}.usa-ml-time{font-size:10px;opacity:.5;margin:2px 8px}.usa-ml-typing .usa-ml-bubble{display:inline-flex;gap:4px;padding:11px 12px}.usa-ml-typing i{width:7px;height:7px;border-radius:50%;background:#64748b;animation:usa-ml-dot 1.1s infinite}.usa-ml-typing i:nth-child(2){animation-delay:.18s}.usa-ml-typing i:nth-child(3){animation-delay:.36s}@keyframes usa-ml-dot{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-5px);opacity:1}}.usa-ml-new{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);border:0;border-radius:999px;padding:6px 12px;background:#0f172a;color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 16px -6px rgba(0,0,0,.5)}.usa-ml-new[hidden]{display:none}@media (prefers-reduced-motion:reduce){.usa-ml-typing i{animation:none}}";
|
|
5359
5362
|
|
|
5360
5363
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5361
5364
|
return defineElement(tag, (Base) => {
|
|
@@ -5442,10 +5445,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5442
5445
|
}
|
|
5443
5446
|
}
|
|
5444
5447
|
return UsaMessageList;
|
|
5445
|
-
}, { id: 'message-list', text: css$
|
|
5448
|
+
}, { id: 'message-list', text: css$D });
|
|
5446
5449
|
}
|
|
5447
5450
|
|
|
5448
|
-
var css$
|
|
5451
|
+
var css$C = "usa-reactions{position:relative;display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;font:600 13px/1 system-ui,sans-serif}.usa-rx-row{display:inline-flex;flex-wrap:wrap;gap:6px}.usa-rx-pill,.usa-rx-add{position:relative;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid rgba(15,23,42,.12);border-radius:999px;background:var(--usa-rx-bg,#fff);color:inherit;font:inherit;cursor:pointer}.usa-rx-pill[hidden]{display:none}.usa-rx-pill[aria-pressed=true]{border-color:var(--usa-rx-accent,#7c5cff);background:color-mix(in srgb,var(--usa-rx-accent,#7c5cff) 14%,#fff)}.usa-rx-emo{display:inline-block;font-size:15px}.usa-rx-n{display:inline-block;min-width:1ch;font-variant-numeric:tabular-nums}.usa-rx-float{position:absolute;left:50%;top:0;font-size:16px;pointer-events:none}.usa-rx-picker{position:absolute;bottom:calc(100% + 6px);left:0;display:flex;gap:2px;padding:4px;border-radius:999px;background:#fff;box-shadow:0 10px 30px -10px rgba(15,23,42,.45);transform-origin:20% 100%;z-index:5}.usa-rx-picker[hidden]{display:none}.usa-rx-picker button{border:0;background:none;font-size:20px;width:32px;height:32px;border-radius:50%;cursor:pointer}.usa-rx-picker button:hover,.usa-rx-picker button:focus-visible{background:#f1f5f9}.usa-rx-pill:focus-visible,.usa-rx-add:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}";
|
|
5449
5452
|
|
|
5450
5453
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5451
5454
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5547,10 +5550,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5547
5550
|
}
|
|
5548
5551
|
}
|
|
5549
5552
|
return UsaReactions;
|
|
5550
|
-
}, { id: 'reactions', text: css$
|
|
5553
|
+
}, { id: 'reactions', text: css$C });
|
|
5551
5554
|
}
|
|
5552
5555
|
|
|
5553
|
-
var css$
|
|
5556
|
+
var css$B = "usa-notification-bell{position:relative;display:inline-block;font:400 13px/1.35 system-ui,sans-serif}.usa-nb-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:var(--usa-nb-bg,#f1f5f9);color:var(--usa-nb-fg,#0f172a);cursor:pointer}.usa-nb-bell{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 12%}.usa-nb-badge{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ef4444;color:#fff;font:800 10px/17px system-ui,sans-serif;text-align:center}.usa-nb-badge:empty{display:none}.usa-nb-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(280px,86vw);border-radius:14px;background:#fff;color:#0f172a;box-shadow:0 18px 40px -14px rgba(15,23,42,.45);overflow:hidden;z-index:20;transform-origin:90% 0}.usa-nb-panel[hidden]{display:none}.usa-nb-panel header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(15,23,42,.08)}.usa-nb-read{border:0;background:none;color:#7c5cff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}.usa-nb-list{max-height:220px;margin:0;padding:4px;list-style:none;overflow:auto}.usa-nb-item{display:flex;justify-content:space-between;gap:8px;padding:8px;border-radius:8px}.usa-nb-item[data-unread]{background:#f5f3ff;font-weight:600}.usa-nb-item[data-unread]::before{content:\"\";flex:0 0 7px;height:7px;margin-top:6px;border-radius:50%;background:#7c5cff}.usa-nb-item time{opacity:.5;font-size:11px;white-space:nowrap}.usa-nb-text{flex:1;min-width:0}.usa-nb-empty{margin:16px;text-align:center;opacity:.55}.usa-nb-btn:focus-visible,.usa-nb-read:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}";
|
|
5554
5557
|
|
|
5555
5558
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5556
5559
|
return defineElement(tag, (Base) => {
|
|
@@ -5645,10 +5648,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5645
5648
|
}
|
|
5646
5649
|
}
|
|
5647
5650
|
return UsaNotificationBell;
|
|
5648
|
-
}, { id: 'notification-bell', text: css$
|
|
5651
|
+
}, { id: 'notification-bell', text: css$B });
|
|
5649
5652
|
}
|
|
5650
5653
|
|
|
5651
|
-
var css$
|
|
5654
|
+
var css$A = "usa-presence{--s:var(--usa-pr2-size,48px);position:relative;display:inline-grid;place-items:center;width:var(--s);height:var(--s);vertical-align:middle}.usa-pr2-face{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#a78bfa,#22d3ee);color:#fff;font:700 calc(var(--s) * .36)/1 system-ui,sans-serif}.usa-pr2-face img{width:100%;height:100%;object-fit:cover}.usa-pr2-dot,.usa-pr2-ripple{position:absolute;right:0;bottom:0;width:calc(var(--s) * .28);height:calc(var(--s) * .28);border-radius:50%;box-sizing:border-box}.usa-pr2-dot{border:2px solid var(--usa-pr2-ring,#fff);background:#94a3b8;transition:background-color .3s}.usa-pr2-ripple{background:#22c55e;pointer-events:none}usa-presence[data-state=online] .usa-pr2-dot{background:#22c55e}usa-presence[data-state=away] .usa-pr2-dot{background:#f59e0b}usa-presence[data-state=busy] .usa-pr2-dot{background:#ef4444}usa-presence[speaking] .usa-pr2-face{box-shadow:0 0 0 3px #22c55e;animation:usa-pr2-speak 1.2s ease-in-out infinite}@keyframes usa-pr2-speak{50%{box-shadow:0 0 0 6px rgba(34,197,94,.35)}}usa-presence[story]::before{content:\"\";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(#f59e0b,#ef4444,#d946ef,#7c3aed,#f59e0b);animation:usa-pr2-spin 3s linear infinite;z-index:-1}usa-presence[story] .usa-pr2-face{box-shadow:0 0 0 2px var(--usa-pr2-ring,#fff)}@keyframes usa-pr2-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){usa-presence[speaking] .usa-pr2-face,usa-presence[story]::before{animation:none}.usa-pr2-dot{transition:none}}";
|
|
5652
5655
|
|
|
5653
5656
|
/** Presence states (7.4). */
|
|
5654
5657
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5718,10 +5721,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5718
5721
|
}
|
|
5719
5722
|
}
|
|
5720
5723
|
return UsaPresence;
|
|
5721
|
-
}, { id: 'presence', text: css$
|
|
5724
|
+
}, { id: 'presence', text: css$A });
|
|
5722
5725
|
}
|
|
5723
5726
|
|
|
5724
|
-
var css$
|
|
5727
|
+
var css$z = "usa-leaderboard{display:block;width:var(--usa-lb-w,320px);max-width:100%;font:500 14px/1.2 system-ui,sans-serif}.usa-lb-list{margin:0;padding:0;list-style:none;display:grid;gap:4px}.usa-lb-row{display:grid;grid-template-columns:28px 30px 1fr auto auto;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:var(--usa-lb-bg,rgba(15,23,42,.04));position:relative}.usa-lb-row[data-me]{box-shadow:inset 0 0 0 2px var(--usa-lb-accent,#7c5cff)}.usa-lb-rank{text-align:center;font-weight:800;font-size:15px}.usa-lb-av{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#22d3ee) center/cover;color:#fff;font-weight:700;font-size:13px}.usa-lb-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-lb-delta{font:700 11px/1 system-ui,sans-serif;font-style:normal}.usa-lb-row[data-move=up] .usa-lb-delta{color:#16a34a}.usa-lb-row[data-move=down] .usa-lb-delta{color:#dc2626}.usa-lb-score{font-variant-numeric:tabular-nums;font-weight:800}.usa-lb-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}";
|
|
5725
5728
|
|
|
5726
5729
|
/** Sort rows by score desc, then name (7.5). */
|
|
5727
5730
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5830,10 +5833,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5830
5833
|
}
|
|
5831
5834
|
}
|
|
5832
5835
|
return UsaLeaderboard;
|
|
5833
|
-
}, { id: 'leaderboard', text: css$
|
|
5836
|
+
}, { id: 'leaderboard', text: css$z });
|
|
5834
5837
|
}
|
|
5835
5838
|
|
|
5836
|
-
var css$
|
|
5839
|
+
var css$y = "usa-xp-bar{display:flex;align-items:center;gap:10px;width:var(--usa-xp-w,300px);max-width:100%;font:600 13px/1 system-ui,sans-serif}.usa-xp-lvl{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--usa-xp-accent,#7c5cff);color:#fff;font-size:15px;font-weight:800;box-shadow:0 0 0 3px rgba(124,92,255,.25)}.usa-xp-track{flex:1;min-width:0;height:12px;border-radius:99px;background:var(--usa-xp-track,rgba(15,23,42,.1));overflow:hidden}.usa-xp-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--usa-xp-accent,#7c5cff),#22d3ee);transform-origin:0 50%;transform:scaleX(0)}.usa-xp-num{flex:none;font-variant-numeric:tabular-nums;opacity:.75}usa-xp-bar[data-levelup] .usa-xp-lvl{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.35)}.usa-xp-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}";
|
|
5837
5840
|
|
|
5838
5841
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5839
5842
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5930,10 +5933,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5930
5933
|
}
|
|
5931
5934
|
}
|
|
5932
5935
|
return UsaXpBar;
|
|
5933
|
-
}, { id: 'xp-bar', text: css$
|
|
5936
|
+
}, { id: 'xp-bar', text: css$y });
|
|
5934
5937
|
}
|
|
5935
5938
|
|
|
5936
|
-
var css$
|
|
5939
|
+
var css$x = "usa-badge-wall{display:block;width:var(--usa-bw-w,320px);max-width:100%;font:600 12px/1.2 system-ui,sans-serif}.usa-bw-count{margin:0 0 8px;font-size:13px;opacity:.75;font-variant-numeric:tabular-nums}.usa-bw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;margin:0;padding:0;list-style:none}.usa-bw-badge{position:relative;display:grid;justify-items:center;gap:4px;padding:8px 4px;border-radius:12px;background:linear-gradient(160deg,#fde68a,#f59e0b);color:#422006;text-align:center;overflow:hidden}.usa-bw-icon{font-size:24px;line-height:1}.usa-bw-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-bw-badge[data-locked]{background:var(--usa-bw-locked,#e2e8f0);color:#64748b}.usa-bw-badge[data-locked] .usa-bw-icon{filter:grayscale(1);opacity:.45}.usa-bw-badge[data-locked]::after{content:\"🔒\";position:absolute;top:3px;right:4px;font-size:11px}.usa-bw-badge[data-shine]::before{content:\"\";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%) 120% 0/250% 100%;animation:usa-bw-shine 1s ease-in-out .3s both;pointer-events:none}@keyframes usa-bw-shine{to{background-position:-20% 0}}.usa-bw-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.usa-bw-badge[data-shine]::before{animation:none;display:none}}";
|
|
5937
5940
|
|
|
5938
5941
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5939
5942
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -6000,10 +6003,10 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
6000
6003
|
}
|
|
6001
6004
|
}
|
|
6002
6005
|
return UsaBadgeWall;
|
|
6003
|
-
}, { id: 'badge-wall', text: css$
|
|
6006
|
+
}, { id: 'badge-wall', text: css$x });
|
|
6004
6007
|
}
|
|
6005
6008
|
|
|
6006
|
-
var css$
|
|
6009
|
+
var css$w = "usa-prize-wheel{display:inline-block;--s:var(--usa-pw-size,200px);font:700 11px/1 system-ui,sans-serif}.usa-pw-box{position:relative;display:grid;place-items:center;width:var(--s);height:var(--s)}.usa-pw-wheel{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 4px #fff,0 0 0 6px rgba(15,23,42,.15),0 8px 24px rgba(15,23,42,.2);will-change:transform}.usa-pw-label{position:absolute;left:50%;top:0;width:0;height:50%;display:flex;justify-content:center;padding-top:10px;transform-origin:0 100%;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);white-space:nowrap}.usa-pw-pointer{position:absolute;top:-10px;left:50%;margin-left:-9px;width:0;height:0;border:9px solid transparent;border-top:16px solid var(--usa-pw-pointer,#0f172a);border-bottom:0;z-index:2;transform-origin:50% 0}.usa-pw-btn{position:relative;z-index:1;width:30%;aspect-ratio:1;border:0;border-radius:50%;background:#fff;color:#0f172a;font:800 13px/1 system-ui,sans-serif;box-shadow:0 2px 8px rgba(15,23,42,.25);cursor:pointer}.usa-pw-btn:disabled{cursor:progress;opacity:.85}usa-prize-wheel[data-done] .usa-pw-wheel{box-shadow:0 0 0 4px #fff,0 0 0 6px #facc15,0 0 28px rgba(250,204,21,.6)}.usa-pw-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}";
|
|
6007
6010
|
|
|
6008
6011
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6009
6012
|
function wheelAngle(index, count, turns = 5) {
|
|
@@ -6083,10 +6086,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6083
6086
|
}
|
|
6084
6087
|
}
|
|
6085
6088
|
return UsaPrizeWheel;
|
|
6086
|
-
}, { id: 'prize-wheel', text: css$
|
|
6089
|
+
}, { id: 'prize-wheel', text: css$w });
|
|
6087
6090
|
}
|
|
6088
6091
|
|
|
6089
|
-
var css$
|
|
6092
|
+
var css$v = "usa-globe{display:inline-block;width:var(--usa-gl-size,200px);max-width:100%;aspect-ratio:1;touch-action:pan-y;cursor:grab;user-select:none}usa-globe:active{cursor:grabbing}.usa-gl-svg{display:block;width:100%;height:100%;overflow:visible}.usa-gl-sea{fill:var(--usa-gl-sea,#1e3a8a)}.usa-gl-grid{fill:none;stroke:var(--usa-gl-grid,rgba(255,255,255,.35));stroke-width:.7}.usa-gl-dot{fill:var(--usa-gl-accent,#f59e0b);stroke:#fff;stroke-width:1}.usa-gl-ring{fill:none;stroke:var(--usa-gl-accent,#f59e0b);stroke-width:1.5;transform-box:fill-box;transform-origin:center;opacity:0}.usa-gl-mark[data-hidden]{display:none}.usa-gl-mark[data-active] .usa-gl-dot{fill:#ef4444}@media (prefers-reduced-motion:no-preference){.usa-gl-ring{animation:usa-gl-pulse 1.8s ease-out infinite}}@keyframes usa-gl-pulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(3.2);opacity:0}}";
|
|
6090
6093
|
|
|
6091
6094
|
const RAD = Math.PI / 180;
|
|
6092
6095
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6243,10 +6246,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6243
6246
|
}
|
|
6244
6247
|
}
|
|
6245
6248
|
return UsaGlobe;
|
|
6246
|
-
}, { id: 'globe', text: css$
|
|
6249
|
+
}, { id: 'globe', text: css$v });
|
|
6247
6250
|
}
|
|
6248
6251
|
|
|
6249
|
-
var css$
|
|
6252
|
+
var css$u = "usa-location-card{display:block;width:var(--usa-lc-w,280px);max-width:100%;font:500 13px/1.35 system-ui,sans-serif}.usa-lc{border-radius:16px;overflow:hidden;background:var(--usa-lc-bg,#fff);color:var(--usa-lc-fg,#0f172a);box-shadow:0 10px 28px -14px rgba(15,23,42,.45);border:1px solid rgba(15,23,42,.08)}.usa-lc-map{position:relative;height:var(--usa-lc-map-h,110px);background:var(--usa-lc-land,#e8efe4);overflow:hidden}.usa-lc-map svg{display:block;width:100%;height:100%}.usa-lc-street{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round}.usa-lc-route{fill:none;stroke:var(--usa-lc-accent,#2563eb);stroke-width:4;stroke-linecap:round;stroke-dasharray:100}.usa-lc-from{fill:#fff;stroke:var(--usa-lc-accent,#2563eb);stroke-width:3}.usa-lc-pin{position:absolute;left:70%;top:calc(48% - 8px);width:22px;height:22px;transform:translate(-50%,-100%);border-radius:50%;background:var(--usa-lc-pin,#ef4444);box-shadow:0 4px 8px rgba(0,0,0,.25)}.usa-lc-pin::after{content:\"\";position:absolute;inset:6px;border-radius:50%;background:#fff}.usa-lc-pin::before{content:\"\";position:absolute;left:50%;bottom:-8px;width:0;height:0;border:6px solid transparent;border-top:9px solid var(--usa-lc-pin,#ef4444);border-bottom:0;transform:translateX(-50%)}.usa-lc-ring{position:absolute;left:70%;top:48%;width:18px;height:18px;border-radius:50%;border:2px solid var(--usa-lc-pin,#ef4444);transform:translate(-50%,-50%);opacity:0;pointer-events:none}.usa-lc-body{padding:10px 14px 12px}.usa-lc-name{margin:0;font-size:15px;font-weight:750}.usa-lc-addr{margin:2px 0 0;opacity:.7}.usa-lc-meta{display:flex;align-items:center;gap:10px;margin:8px 0 0}.usa-lc-meta:empty{display:none}.usa-lc-dist{font-weight:700;font-variant-numeric:tabular-nums}.usa-lc-go{margin-left:auto;color:var(--usa-lc-accent,#2563eb);font-weight:700;text-decoration:none}.usa-lc-go:hover,.usa-lc-go:focus-visible{text-decoration:underline}";
|
|
6250
6253
|
|
|
6251
6254
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6252
6255
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6262,7 +6265,7 @@ function formatDistance(km, unit = 'km') {
|
|
|
6262
6265
|
}
|
|
6263
6266
|
return km < 1 ? `${Math.round(km * 1000)} m` : `${km < 10 ? km.toFixed(1) : Math.round(km)} km`;
|
|
6264
6267
|
}
|
|
6265
|
-
const esc$
|
|
6268
|
+
const esc$e = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6266
6269
|
function defineLocationCard(tag = 'usa-location-card') {
|
|
6267
6270
|
return defineElement(tag, (Base) => {
|
|
6268
6271
|
class UsaLocationCard extends Base {
|
|
@@ -6287,7 +6290,7 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6287
6290
|
const dist = this.str('distance') || (km === null ? '' : formatDistance(km, this.str('unit') === 'mi' ? 'mi' : 'km'));
|
|
6288
6291
|
const href = this.str('href');
|
|
6289
6292
|
const origin = km !== null;
|
|
6290
|
-
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$
|
|
6293
|
+
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$e(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$e(name)}</h3>${this.str('address') ? `<p class="usa-lc-addr">${esc$e(this.str('address'))}</p>` : ''}<p class="usa-lc-meta">${dist ? `<span class="usa-lc-dist">${esc$e(dist)}</span>` : ''}${href ? `<a class="usa-lc-go" href="${esc$e(href)}" target="_blank" rel="noopener">Directions</a>` : ''}</p></div></article>`);
|
|
6291
6294
|
if (origin)
|
|
6292
6295
|
this.setAttribute('data-route', '');
|
|
6293
6296
|
else
|
|
@@ -6320,10 +6323,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6320
6323
|
}
|
|
6321
6324
|
}
|
|
6322
6325
|
return UsaLocationCard;
|
|
6323
|
-
}, { id: 'location-card', text: css$
|
|
6326
|
+
}, { id: 'location-card', text: css$u });
|
|
6324
6327
|
}
|
|
6325
6328
|
|
|
6326
|
-
var css$
|
|
6329
|
+
var css$t = "usa-field{display:block;width:var(--usa-fld-w,280px);max-width:100%;font:500 14px/1.3 system-ui,sans-serif;--usa-fld-accent:#6366f1;--usa-fld-bad:#e11d48;--usa-fld-good:#16a34a}.usa-fld{position:relative;padding-top:18px}.usa-fld-input{display:block;box-sizing:border-box;width:100%;padding:8px 30px 8px 2px;border:0;border-bottom:2px solid var(--usa-fld-rule,rgba(100,116,139,.45));background:transparent;color:inherit;font:inherit;outline:none;border-radius:0}.usa-fld-label{position:absolute;left:2px;top:26px;color:var(--usa-fld-muted,#64748b);pointer-events:none;transform-origin:0 0;transition:transform .22s cubic-bezier(.2,.8,.2,1),color .2s}usa-field[data-focus] .usa-fld-label,usa-field[data-filled] .usa-fld-label,.usa-fld-input:not(:placeholder-shown)+.usa-fld-label{transform:translateY(-24px) scale(.8)}usa-field[data-focus] .usa-fld-label{color:var(--usa-fld-accent)}.usa-fld-line{position:absolute;left:0;right:0;top:calc(18px + 2.3em - 1px);height:2px;background:var(--usa-fld-accent);transform:scaleX(0);transition:transform .3s cubic-bezier(.2,.8,.2,1)}usa-field[data-focus] .usa-fld-line{transform:scaleX(1)}usa-field[data-invalid] .usa-fld-line{transform:scaleX(1);background:var(--usa-fld-bad)}usa-field[data-invalid] .usa-fld-label{color:var(--usa-fld-bad)}.usa-fld-ok{position:absolute;right:2px;top:24px;width:20px;height:20px;fill:none;stroke:var(--usa-fld-good);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.usa-fld-ok path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .35s ease-out}usa-field[data-valid] .usa-fld-ok path{stroke-dashoffset:0}.usa-fld-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px}.usa-fld-meter i{height:4px;border-radius:2px;background:rgba(100,116,139,.25);transform-origin:0 50%;transition:background .25s}.usa-fld-meter[data-score=\"1\"] i:nth-child(-n+1){background:#ef4444}.usa-fld-meter[data-score=\"2\"] i:nth-child(-n+2){background:#f59e0b}.usa-fld-meter[data-score=\"3\"] i:nth-child(-n+3){background:#84cc16}.usa-fld-meter[data-score=\"4\"] i{background:#16a34a}.usa-fld-msg{margin:4px 0 0;min-height:1.3em;font-size:12px;color:var(--usa-fld-muted,#64748b)}usa-field[data-invalid] .usa-fld-msg{color:var(--usa-fld-bad)}@media (prefers-reduced-motion:reduce){.usa-fld-label,.usa-fld-line,.usa-fld-ok path,.usa-fld-meter i{transition:none}}";
|
|
6327
6330
|
|
|
6328
6331
|
/** 0–4 password strength score with a label (7.7). */
|
|
6329
6332
|
function passwordStrength(pw) {
|
|
@@ -6345,7 +6348,7 @@ function passwordStrength(pw) {
|
|
|
6345
6348
|
const score = Math.min(4, s);
|
|
6346
6349
|
return { score, label: ['Too short', 'Weak', 'Fair', 'Good', 'Strong'][score] };
|
|
6347
6350
|
}
|
|
6348
|
-
const esc$
|
|
6351
|
+
const esc$d = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6349
6352
|
let uid$2 = 0;
|
|
6350
6353
|
const PASS = ['type', 'name', 'required', 'pattern', 'minlength', 'maxlength', 'autocomplete', 'inputmode', 'placeholder'];
|
|
6351
6354
|
function defineField(tag = 'usa-field') {
|
|
@@ -6379,9 +6382,9 @@ function defineField(tag = 'usa-field') {
|
|
|
6379
6382
|
const id = this._id;
|
|
6380
6383
|
const strength = this.flag('strength');
|
|
6381
6384
|
const attrs = PASS.filter((a) => this.hasAttribute(a))
|
|
6382
|
-
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$
|
|
6385
|
+
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$d(this.str(a))}"`))
|
|
6383
6386
|
.join('');
|
|
6384
|
-
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$
|
|
6387
|
+
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$d(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$d(this.str('hint'))}</p></div>`);
|
|
6385
6388
|
const input = this.input;
|
|
6386
6389
|
input.value = keep;
|
|
6387
6390
|
this.listen(input, 'input', () => {
|
|
@@ -6449,10 +6452,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6449
6452
|
}
|
|
6450
6453
|
}
|
|
6451
6454
|
return UsaField;
|
|
6452
|
-
}, { id: 'field', text: css$
|
|
6455
|
+
}, { id: 'field', text: css$t });
|
|
6453
6456
|
}
|
|
6454
6457
|
|
|
6455
|
-
var css$
|
|
6458
|
+
var css$s = "usa-otp{display:inline-block;max-width:100%;--usa-otp-accent:#6366f1;--usa-otp-size:44px}.usa-otp{display:flex;gap:var(--usa-otp-gap,8px)}.usa-otp-box{box-sizing:border-box;width:var(--usa-otp-size);height:calc(var(--usa-otp-size)*1.18);min-width:0;flex:0 1 auto;padding:0;text-align:center;font:700 calc(var(--usa-otp-size)*.48)/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:inherit;background:var(--usa-otp-bg,rgba(148,163,184,.12));border:2px solid var(--usa-otp-rule,rgba(100,116,139,.35));border-radius:10px;outline:none;caret-color:var(--usa-otp-accent);transition:border-color .2s,box-shadow .2s,background .2s}.usa-otp-box:focus{border-color:var(--usa-otp-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--usa-otp-accent) 22%,transparent)}.usa-otp-box[data-filled]{border-color:color-mix(in srgb,var(--usa-otp-accent) 60%,transparent)}usa-otp[data-state=error] .usa-otp-box{border-color:#e11d48;background:rgba(225,29,72,.08)}usa-otp[data-state=success] .usa-otp-box{border-color:#16a34a;background:rgba(22,163,74,.1);color:#15803d}@media (prefers-reduced-motion:reduce){.usa-otp-box{transition:none}}";
|
|
6456
6459
|
|
|
6457
6460
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6458
6461
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6583,10 +6586,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6583
6586
|
}
|
|
6584
6587
|
}
|
|
6585
6588
|
return UsaOtp;
|
|
6586
|
-
}, { id: 'otp', text: css$
|
|
6589
|
+
}, { id: 'otp', text: css$s });
|
|
6587
6590
|
}
|
|
6588
6591
|
|
|
6589
|
-
var css$
|
|
6592
|
+
var css$r = "usa-upload-progress{display:block;width:var(--usa-up-w,300px);max-width:100%;font:500 13px/1.3 system-ui,sans-serif;--usa-up-accent:#6366f1}.usa-up{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--usa-up-bg,rgba(148,163,184,.1));border:1px solid rgba(100,116,139,.18)}.usa-up-icon{flex:none;display:grid;place-items:center;width:34px;height:40px;border-radius:6px;background:var(--usa-up-accent);color:#fff;font:800 9px/1 system-ui,sans-serif;letter-spacing:.04em}.usa-up-main{flex:1;min-width:0}.usa-up-top,.usa-up-sub{display:flex;align-items:center;gap:8px}.usa-up-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.usa-up-pct{font-variant-numeric:tabular-nums;font-weight:700;color:var(--usa-up-accent)}.usa-up-track{position:relative;height:6px;margin:6px 0 4px;border-radius:3px;background:rgba(100,116,139,.2);overflow:hidden}.usa-up-fill{position:absolute;inset:0;border-radius:inherit;background:var(--usa-up-accent);transform-origin:0 50%;transform:scaleX(0);overflow:hidden}usa-upload-progress[data-state=uploading] .usa-up-fill::after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:usa-up-shine 1.2s linear infinite}@keyframes usa-up-shine{to{transform:translateX(100%)}}.usa-up-sub{font-size:11.5px;color:var(--usa-up-muted,#64748b)}.usa-up-msg{flex:1;color:#e11d48}.usa-up-retry{display:none;border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--usa-up-accent);cursor:pointer}usa-upload-progress[data-state=error] .usa-up-retry{display:inline}usa-upload-progress[data-state=error] .usa-up-fill{background:#e11d48}usa-upload-progress[data-state=error] .usa-up-icon{background:#e11d48}usa-upload-progress[data-state=done] .usa-up-fill{background:#16a34a}.usa-up-ok{flex:none;width:0;height:24px;fill:none;stroke:#16a34a;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:width .25s}.usa-up-ok circle{opacity:.25}.usa-up-ok path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .4s .15s ease-out}usa-upload-progress[data-state=done] .usa-up-ok{width:24px}usa-upload-progress[data-state=done] .usa-up-ok path{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.usa-up-fill::after{animation:none!important;display:none}.usa-up-ok,.usa-up-ok path{transition:none}}";
|
|
6590
6593
|
|
|
6591
6594
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6592
6595
|
function formatBytes(n) {
|
|
@@ -6600,7 +6603,7 @@ function formatBytes(n) {
|
|
|
6600
6603
|
}
|
|
6601
6604
|
return `${i === 0 ? Math.round(n) : n < 10 ? n.toFixed(1) : Math.round(n)} ${u[i]}`;
|
|
6602
6605
|
}
|
|
6603
|
-
const esc$
|
|
6606
|
+
const esc$c = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6604
6607
|
function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
6605
6608
|
return defineElement(tag, (Base) => {
|
|
6606
6609
|
class UsaUploadProgress extends Base {
|
|
@@ -6628,7 +6631,7 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6628
6631
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6629
6632
|
const name = this.str('name', 'file');
|
|
6630
6633
|
const size = formatBytes(this.num('size', NaN));
|
|
6631
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$
|
|
6634
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$c((name.split('.').pop() || '').slice(0, 4).toUpperCase())}</span><div class="usa-up-main"><div class="usa-up-top"><span class="usa-up-name">${esc$c(name)}</span><span class="usa-up-pct"></span></div><div class="usa-up-track" role="progressbar" aria-label="Uploading ${esc$c(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$c(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>`);
|
|
6632
6635
|
this.listen(this.querySelector('.usa-up-retry'), 'click', () => this.emit('retry', { name }));
|
|
6633
6636
|
this._shown = 0;
|
|
6634
6637
|
this.render(true);
|
|
@@ -6669,12 +6672,12 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6669
6672
|
}
|
|
6670
6673
|
}
|
|
6671
6674
|
return UsaUploadProgress;
|
|
6672
|
-
}, { id: 'upload-progress', text: css$
|
|
6675
|
+
}, { id: 'upload-progress', text: css$r });
|
|
6673
6676
|
}
|
|
6674
6677
|
|
|
6675
|
-
var css$
|
|
6678
|
+
var css$q = "usa-chat-composer{display:block;width:var(--usa-cc-w,100%);max-width:100%;font:500 14px/1.45 system-ui,sans-serif;--usa-cc-accent:#6366f1}.usa-cc{position:relative;display:flex;align-items:flex-end;gap:8px;padding:8px 8px 8px 14px;border-radius:22px;background:var(--usa-cc-bg,#fff);color:var(--usa-cc-fg,#0f172a);border:1px solid rgba(100,116,139,.28);box-shadow:0 6px 20px -12px rgba(15,23,42,.4)}.usa-cc-glow{position:absolute;inset:-2px;border-radius:24px;padding:2px;background:conic-gradient(from var(--usa-cc-a,0deg),#6366f1,#ec4899,#f59e0b,#22d3ee,#6366f1);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}@property --usa-cc-a{syntax:\"<angle>\";inherits:false;initial-value:0deg}usa-chat-composer[data-busy] .usa-cc-glow{opacity:1;animation:usa-cc-spin 2.4s linear infinite}@keyframes usa-cc-spin{to{--usa-cc-a:360deg}}.usa-cc-input{flex:1;min-width:0;resize:none;border:0;outline:none;background:transparent;color:inherit;font:inherit;padding:6px 0;max-height:12em;overflow-y:auto}.usa-cc-send{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:0;background:rgba(100,116,139,.25);color:#fff;cursor:pointer;transition:background .2s}usa-chat-composer[data-ready] .usa-cc-send{background:var(--usa-cc-accent)}.usa-cc-send:focus-visible{outline:2px solid var(--usa-cc-accent);outline-offset:2px}.usa-cc-send svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.usa-cc-arrow{transition:transform .25s,opacity .2s;transform-origin:center}.usa-cc-stop{fill:currentColor;stroke:none;opacity:0;transform:scale(.4);transform-origin:12px 12px;transition:transform .25s,opacity .2s}usa-chat-composer[data-busy] .usa-cc-arrow{opacity:0;transform:scale(.4)}usa-chat-composer[data-busy] .usa-cc-stop{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){usa-chat-composer[data-busy] .usa-cc-glow{animation:none}.usa-cc-arrow,.usa-cc-stop,.usa-cc-glow{transition:none}}";
|
|
6676
6679
|
|
|
6677
|
-
const esc$
|
|
6680
|
+
const esc$b = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6678
6681
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
6679
6682
|
return defineElement(tag, (Base) => {
|
|
6680
6683
|
class UsaChatComposer extends Base {
|
|
@@ -6704,7 +6707,7 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6704
6707
|
const keep = this.area?.value ?? this.str('value');
|
|
6705
6708
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6706
6709
|
const label = this.str('label', 'Message');
|
|
6707
|
-
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$
|
|
6710
|
+
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$b(label)}" placeholder="${esc$b(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>`);
|
|
6708
6711
|
const a = this.area;
|
|
6709
6712
|
a.value = keep;
|
|
6710
6713
|
this.listen(a, 'input', () => this.sync());
|
|
@@ -6770,10 +6773,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6770
6773
|
}
|
|
6771
6774
|
}
|
|
6772
6775
|
return UsaChatComposer;
|
|
6773
|
-
}, { id: 'chat-composer', text: css$
|
|
6776
|
+
}, { id: 'chat-composer', text: css$q });
|
|
6774
6777
|
}
|
|
6775
6778
|
|
|
6776
|
-
var css$
|
|
6779
|
+
var css$p = "usa-suggestion-chips{display:block;max-width:100%;font:500 13px/1.2 system-ui,sans-serif;--usa-sc-accent:#6366f1}.usa-sc{display:flex;flex-wrap:wrap;gap:8px}.usa-sc>span{display:contents}.usa-sc-chip{padding:8px 13px;border-radius:999px;border:1px solid color-mix(in srgb,var(--usa-sc-accent) 35%,transparent);background:color-mix(in srgb,var(--usa-sc-accent) 8%,var(--usa-sc-bg,#fff));color:inherit;font:inherit;cursor:pointer;transition:background .2s,border-color .2s,opacity .3s,transform .3s}.usa-sc-chip:hover,.usa-sc-chip:focus-visible{background:color-mix(in srgb,var(--usa-sc-accent) 16%,var(--usa-sc-bg,#fff));outline:none;border-color:var(--usa-sc-accent)}.usa-sc-chip[data-picked]{background:var(--usa-sc-accent);border-color:var(--usa-sc-accent);color:#fff}.usa-sc-chip[data-gone]{opacity:0;transform:scale(.85);pointer-events:none}@media (prefers-reduced-motion:reduce){.usa-sc-chip{transition:none}}";
|
|
6777
6780
|
|
|
6778
6781
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6779
6782
|
function parseChips(s) {
|
|
@@ -6782,7 +6785,7 @@ function parseChips(s) {
|
|
|
6782
6785
|
.map((t) => t.trim())
|
|
6783
6786
|
.filter(Boolean);
|
|
6784
6787
|
}
|
|
6785
|
-
const esc$
|
|
6788
|
+
const esc$a = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6786
6789
|
function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
6787
6790
|
return defineElement(tag, (Base) => {
|
|
6788
6791
|
class UsaSuggestionChips extends Base {
|
|
@@ -6817,7 +6820,7 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6817
6820
|
Array.from(this.children).forEach((c) => !c.hasAttribute('data-usa-part') && c.setAttribute('hidden', ''));
|
|
6818
6821
|
}
|
|
6819
6822
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6820
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$
|
|
6823
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$a(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$a(t)}</button></span>`).join('')}</div>`);
|
|
6821
6824
|
const chips = Array.from(this.querySelectorAll('.usa-sc-chip'));
|
|
6822
6825
|
chips.forEach((c, i) => {
|
|
6823
6826
|
this.listen(c, 'click', () => this.pick(i));
|
|
@@ -6858,10 +6861,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6858
6861
|
}
|
|
6859
6862
|
}
|
|
6860
6863
|
return UsaSuggestionChips;
|
|
6861
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6864
|
+
}, { id: 'suggestion-chips', text: css$p });
|
|
6862
6865
|
}
|
|
6863
6866
|
|
|
6864
|
-
var css$
|
|
6867
|
+
var css$o = "usa-voice-button{display:inline-block;--usa-vb-accent:#6366f1;--usa-vb-size:52px}.usa-vb{display:flex;align-items:center;gap:12px}.usa-vb-btn{position:relative;display:grid;place-items:center;width:var(--usa-vb-size);height:var(--usa-vb-size);border-radius:50%;border:0;background:var(--usa-vb-idle,#e2e8f0);color:#334155;cursor:pointer;transition:background .2s,color .2s}.usa-vb-btn:focus-visible{outline:2px solid var(--usa-vb-accent);outline-offset:3px}.usa-vb-btn svg{position:relative;width:46%;height:46%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.usa-vb-btn svg rect{fill:currentColor;stroke:none}.usa-vb-halo{position:absolute;inset:0;border-radius:50%;background:var(--usa-vb-accent);opacity:0;transition:transform .12s linear}usa-voice-button[listening] .usa-vb-btn{background:var(--usa-vb-accent);color:#fff}usa-voice-button[listening] .usa-vb-halo{opacity:.25;animation:usa-vb-breathe 1.6s ease-in-out infinite}usa-voice-button[data-live] .usa-vb-halo{animation:none}@keyframes usa-vb-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}.usa-vb-bars{display:flex;align-items:center;gap:3px;height:calc(var(--usa-vb-size)*.6);opacity:.25;transition:opacity .2s}.usa-vb-bars i{display:block;width:4px;height:100%;border-radius:2px;background:var(--usa-vb-accent);transform:scaleY(.15);transition:transform .1s linear}usa-voice-button[listening] .usa-vb-bars{opacity:1}usa-voice-button[listening]:not([data-live]) .usa-vb-bars i{animation:usa-vb-wave 1s ease-in-out infinite}.usa-vb-bars i:nth-child(2){animation-delay:-.15s!important}.usa-vb-bars i:nth-child(3){animation-delay:-.3s!important}.usa-vb-bars i:nth-child(4){animation-delay:-.45s!important}.usa-vb-bars i:nth-child(5){animation-delay:-.6s!important}.usa-vb-bars i:nth-child(6){animation-delay:-.75s!important}.usa-vb-bars i:nth-child(7){animation-delay:-.9s!important}@keyframes usa-vb-wave{0%,100%{transform:scaleY(.2)}50%{transform:scaleY(.9)}}@media (prefers-reduced-motion:reduce){usa-voice-button[listening] .usa-vb-halo,usa-voice-button[listening] .usa-vb-bars i{animation:none!important}.usa-vb-bars i{transition:none}}";
|
|
6865
6868
|
|
|
6866
6869
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6867
6870
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6933,10 +6936,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6933
6936
|
}
|
|
6934
6937
|
}
|
|
6935
6938
|
return UsaVoiceButton;
|
|
6936
|
-
}, { id: 'voice-button', text: css$
|
|
6939
|
+
}, { id: 'voice-button', text: css$o });
|
|
6937
6940
|
}
|
|
6938
6941
|
|
|
6939
|
-
var css$
|
|
6942
|
+
var css$n = "usa-command-palette{display:contents;--usa-cp-accent:#6366f1}usa-command-palette>option{display:none}.usa-cp{width:min(560px,calc(100vw - 24px));max-width:none;padding:0;margin:12vh auto auto;border:0;border-radius:16px;background:transparent;color:inherit;overflow:visible}.usa-cp::backdrop{background:rgba(15,23,42,.35);backdrop-filter:blur(3px)}.usa-cp-box{border-radius:16px;background:var(--usa-cp-bg,#fff);color:var(--usa-cp-fg,#0f172a);box-shadow:0 24px 60px -20px rgba(15,23,42,.55);border:1px solid rgba(100,116,139,.2);overflow:hidden;font:500 14px/1.3 system-ui,sans-serif}.usa-cp-q{box-sizing:border-box;width:100%;padding:16px 18px;border:0;border-bottom:1px solid rgba(100,116,139,.18);background:transparent;color:inherit;font:inherit;font-size:16px;outline:none}.usa-cp-list{position:relative;max-height:min(340px,50vh);overflow-y:auto;padding:6px}.usa-cp-hl{position:absolute;left:6px;right:6px;top:0;border-radius:10px;background:color-mix(in srgb,var(--usa-cp-accent) 12%,transparent);pointer-events:none;opacity:0}.usa-cp-group{padding:8px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.55}.usa-cp-item{position:relative;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;cursor:pointer}.usa-cp-item[aria-selected=true] .usa-cp-label{color:var(--usa-cp-accent)}.usa-cp-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-cp-label mark{background:none;color:var(--usa-cp-accent);font-weight:800}.usa-cp-keys{display:flex;gap:3px}.usa-cp-keys kbd,usa-shortcut kbd{display:inline-grid;place-items:center;min-width:1.6em;padding:2px 5px;border-radius:5px;border:1px solid rgba(100,116,139,.35);border-bottom-width:2px;background:var(--usa-kbd-bg,rgba(148,163,184,.12));font:600 11px/1.3 system-ui,sans-serif;color:inherit}.usa-cp-empty{margin:0;padding:18px;text-align:center;opacity:.6}usa-command-palette[inline]{display:block;width:var(--usa-cp-w,100%);max-width:100%}usa-command-palette[inline] .usa-cp{position:static;width:100%;margin:0}usa-command-palette[inline] .usa-cp-box{box-shadow:0 12px 30px -18px rgba(15,23,42,.45)}";
|
|
6940
6943
|
|
|
6941
6944
|
/**
|
|
6942
6945
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -6995,7 +6998,7 @@ function matchesKeys(e, keys, apple = isApple()) {
|
|
|
6995
6998
|
function isApple() {
|
|
6996
6999
|
return typeof navigator !== 'undefined' && /Mac|iPhone|iPad|iPod/.test(navigator.userAgentData?.platform || navigator.platform || navigator.userAgent || '');
|
|
6997
7000
|
}
|
|
6998
|
-
const esc$
|
|
7001
|
+
const esc$9 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6999
7002
|
let uid$1 = 0;
|
|
7000
7003
|
function defineCommandPalette(tag = 'usa-command-palette') {
|
|
7001
7004
|
return defineElement(tag, (Base) => {
|
|
@@ -7032,7 +7035,7 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7032
7035
|
mount() {
|
|
7033
7036
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7034
7037
|
const id = this._id;
|
|
7035
|
-
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$
|
|
7038
|
+
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$9(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$9(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>`);
|
|
7036
7039
|
const dlg = this.dlg;
|
|
7037
7040
|
const q = this.querySelector('.usa-cp-q');
|
|
7038
7041
|
this.listen(q, 'input', () => this.render(true));
|
|
@@ -7087,12 +7090,12 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7087
7090
|
if (!q && c.group !== group) {
|
|
7088
7091
|
group = c.group;
|
|
7089
7092
|
if (group)
|
|
7090
|
-
html += `<div class="usa-cp-group" role="presentation">${esc$
|
|
7093
|
+
html += `<div class="usa-cp-group" role="presentation">${esc$9(group)}</div>`;
|
|
7091
7094
|
}
|
|
7092
7095
|
const label = Array.from(c.label)
|
|
7093
|
-
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$
|
|
7096
|
+
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$9(ch)}</mark>` : esc$9(ch)))
|
|
7094
7097
|
.join('');
|
|
7095
|
-
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$
|
|
7098
|
+
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$9(k)}</kbd>`).join('')}</span>` : '';
|
|
7096
7099
|
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>`;
|
|
7097
7100
|
});
|
|
7098
7101
|
list.insertAdjacentHTML('beforeend', html);
|
|
@@ -7195,13 +7198,13 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7195
7198
|
}
|
|
7196
7199
|
}
|
|
7197
7200
|
return UsaCommandPalette;
|
|
7198
|
-
}, { id: 'command-palette', text: css$
|
|
7201
|
+
}, { id: 'command-palette', text: css$n });
|
|
7199
7202
|
}
|
|
7200
7203
|
|
|
7201
|
-
var css$
|
|
7204
|
+
var css$m = "usa-shortcut{display:inline-block;font:500 13px/1.3 system-ui,sans-serif}.usa-sk{display:inline-flex;align-items:center;gap:8px}.usa-sk-caps{display:inline-flex;gap:4px}usa-shortcut kbd{display:inline-grid;place-items:center;min-width:1.9em;height:1.9em;padding:0 6px;box-sizing:border-box;border-radius:6px;border:1px solid rgba(100,116,139,.4);border-bottom-width:3px;background:var(--usa-kbd-bg,#fff);color:inherit;font:600 12px/1 system-ui,sans-serif;box-shadow:0 1px 0 rgba(15,23,42,.08)}usa-shortcut[data-pressed] kbd{background:var(--usa-kbd-on,#eef2ff);border-color:var(--usa-kbd-accent,#6366f1)}.usa-sk-label{opacity:.75}";
|
|
7202
7205
|
|
|
7203
7206
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7204
|
-
const esc$
|
|
7207
|
+
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7205
7208
|
function defineShortcut(tag = 'usa-shortcut') {
|
|
7206
7209
|
return defineElement(tag, (Base) => {
|
|
7207
7210
|
class UsaShortcut extends Base {
|
|
@@ -7216,7 +7219,7 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7216
7219
|
const labels = this.labels;
|
|
7217
7220
|
const spoken = labels.map((l) => SPOKEN[l] || l).join(' ');
|
|
7218
7221
|
const text = this.str('label');
|
|
7219
|
-
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$
|
|
7222
|
+
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$8(spoken)}">${labels.map((l) => `<kbd aria-hidden="true">${esc$8(l)}</kbd>`).join('')}</span>${text ? `<span class="usa-sk-label">${esc$8(text)}</span>` : ''}</span>`);
|
|
7220
7223
|
if (this.str('listen') !== 'false')
|
|
7221
7224
|
this.listen(document, 'keydown', (e) => {
|
|
7222
7225
|
if (!e.repeat && matchesKeys(e, this.str('keys', 'mod+k'))) {
|
|
@@ -7249,10 +7252,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7249
7252
|
}
|
|
7250
7253
|
}
|
|
7251
7254
|
return UsaShortcut;
|
|
7252
|
-
}, { id: 'shortcut', text: css$
|
|
7255
|
+
}, { id: 'shortcut', text: css$m });
|
|
7253
7256
|
}
|
|
7254
7257
|
|
|
7255
|
-
var css$
|
|
7258
|
+
var css$l = "usa-clock-control{display:inline-block;font:600 12.5px/1 system-ui,sans-serif;--usa-clk-accent:#6366f1}.usa-clk{display:inline-flex;align-items:center;gap:8px;padding:5px;border-radius:999px;background:var(--usa-clk-bg,rgba(148,163,184,.14));border:1px solid rgba(100,116,139,.2)}.usa-clk-play{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:0;background:var(--usa-clk-accent);color:#fff;cursor:pointer}.usa-clk-play:focus-visible,.usa-clk-speed:focus-visible{outline:2px solid var(--usa-clk-accent);outline-offset:2px}.usa-clk-play svg{width:15px;height:15px;fill:currentColor}.usa-clk-tri{opacity:0;transform-origin:center;transition:opacity .15s}usa-clock-control[data-paused] .usa-clk-tri{opacity:1}usa-clock-control[data-paused] .usa-clk-bar{opacity:0}.usa-clk-speeds{position:relative;display:flex}.usa-clk-ink{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--usa-clk-ink,#fff);box-shadow:0 1px 4px rgba(15,23,42,.18);transition:transform .25s cubic-bezier(.2,.8,.2,1),width .25s;opacity:0}.usa-clk-speed{position:relative;padding:8px 10px;border:0;background:none;color:inherit;font:inherit;cursor:pointer;border-radius:999px;font-variant-numeric:tabular-nums}.usa-clk-speed[aria-checked=true]{color:var(--usa-clk-accent)}@media (prefers-reduced-motion:reduce){.usa-clk-ink{transition:none}}";
|
|
7256
7259
|
|
|
7257
7260
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7258
7261
|
return defineElement(tag, (Base) => {
|
|
@@ -7311,10 +7314,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7311
7314
|
}
|
|
7312
7315
|
}
|
|
7313
7316
|
return UsaClockControl;
|
|
7314
|
-
}, { id: 'clock-control', text: css$
|
|
7317
|
+
}, { id: 'clock-control', text: css$l });
|
|
7315
7318
|
}
|
|
7316
7319
|
|
|
7317
|
-
var css$
|
|
7320
|
+
var css$k = "usa-hydrate{display:block}";
|
|
7318
7321
|
|
|
7319
7322
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7320
7323
|
return defineElement(tag, (Base) => {
|
|
@@ -7350,12 +7353,12 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7350
7353
|
}
|
|
7351
7354
|
}
|
|
7352
7355
|
return UsaHydrate;
|
|
7353
|
-
}, { id: 'hydrate', text: css$
|
|
7356
|
+
}, { id: 'hydrate', text: css$k });
|
|
7354
7357
|
}
|
|
7355
7358
|
|
|
7356
|
-
var css$
|
|
7359
|
+
var css$j = "usa-red-envelope{display:inline-block;--usa-re-w:150px;--usa-re-red:#dc2626;--usa-re-gold:#facc15}.usa-re{position:relative;display:block;width:var(--usa-re-w);height:calc(var(--usa-re-w)*1.35);padding:0;border:0;background:none;cursor:pointer;perspective:600px;font:600 14px/1.2 system-ui,sans-serif}.usa-re:focus-visible{outline:2px solid var(--usa-re-gold);outline-offset:4px;border-radius:12px}.usa-re-body{position:absolute;inset:0;border-radius:12px;background:linear-gradient(160deg,#ef4444,var(--usa-re-red) 60%,#b91c1c);box-shadow:0 12px 24px -12px rgba(127,29,29,.7);display:flex;align-items:flex-end;justify-content:center;padding-bottom:18%;z-index:2}.usa-re-msg{color:var(--usa-re-gold);font-size:calc(var(--usa-re-w)*.13);letter-spacing:.1em}.usa-re-flap{position:absolute;left:0;right:0;top:0;height:42%;border-radius:12px 12px 50% 50%/12px 12px 40% 40%;background:linear-gradient(#f87171,#dc2626);transform-origin:50% 0;z-index:3;display:grid;place-items:end center;box-shadow:0 4px 8px rgba(127,29,29,.35);transition:transform .45s ease-in-out}usa-red-envelope[data-open] .usa-re-flap{transform:rotateX(180deg);z-index:0;opacity:.85}.usa-re-seal{display:grid;place-items:center;width:30%;aspect-ratio:1;margin-bottom:-15%;border-radius:50%;background:var(--usa-re-gold);color:var(--usa-re-red);font-size:calc(var(--usa-re-w)*.14);font-weight:900;box-shadow:0 2px 6px rgba(0,0,0,.25)}usa-red-envelope[data-open] .usa-re-seal{visibility:hidden}.usa-re-card{position:absolute;left:8%;right:8%;top:6%;height:70%;border-radius:8px;background:#fff7ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:1;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}usa-red-envelope[data-open] .usa-re-card{transform:translateY(-46%);z-index:3;box-shadow:0 6px 14px -6px rgba(127,29,29,.5)}.usa-re-amt{color:var(--usa-re-red);font-size:calc(var(--usa-re-w)*.16);font-weight:900;font-variant-numeric:tabular-nums}.usa-re-from{font-size:11px;color:#92400e}.usa-re-coins{position:absolute;left:50%;top:40%;z-index:4}.usa-re-coins i{position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fef08a,var(--usa-re-gold) 60%,#ca8a04);box-shadow:0 1px 3px rgba(0,0,0,.3)}.usa-re-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.usa-re-flap,.usa-re-card{transition:none}}";
|
|
7357
7360
|
|
|
7358
|
-
const esc$
|
|
7361
|
+
const esc$7 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7359
7362
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
7360
7363
|
return defineElement(tag, (Base) => {
|
|
7361
7364
|
class UsaRedEnvelope extends Base {
|
|
@@ -7368,7 +7371,7 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7368
7371
|
mount() {
|
|
7369
7372
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7370
7373
|
const msg = this.str('message', '恭喜发财');
|
|
7371
|
-
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$
|
|
7374
|
+
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$7(`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$7(this.str('from'))}</span></span><span class="usa-re-body"><span class="usa-re-msg">${esc$7(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>`);
|
|
7372
7375
|
this.listen(this.querySelector('.usa-re'), 'click', () => (this.opened ? this.close() : this.open()));
|
|
7373
7376
|
if (this.flag('opened'))
|
|
7374
7377
|
this.open(true);
|
|
@@ -7417,10 +7420,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7417
7420
|
}
|
|
7418
7421
|
}
|
|
7419
7422
|
return UsaRedEnvelope;
|
|
7420
|
-
}, { id: 'red-envelope', text: css$
|
|
7423
|
+
}, { id: 'red-envelope', text: css$j });
|
|
7421
7424
|
}
|
|
7422
7425
|
|
|
7423
|
-
var css$
|
|
7426
|
+
var css$i = "usa-festival-banner{position:relative;display:block;overflow:hidden;padding:18px 44px 18px 20px;border-radius:14px;color:#fff;font:700 15px/1.35 system-ui,sans-serif;isolation:isolate;background:linear-gradient(120deg,#b91c1c,#dc2626 55%,#ea580c)}usa-festival-banner[data-theme=xmas]{background:linear-gradient(120deg,#14532d,#166534 55%,#b91c1c)}usa-festival-banner[data-theme=halloween]{background:linear-gradient(120deg,#1e1b4b,#4c1d95 60%,#c2410c)}usa-festival-banner[data-theme=fireworks]{background:linear-gradient(120deg,#0f172a,#1e293b 60%,#312e81)}.usa-fb-scene{position:absolute;inset:0;z-index:-1;pointer-events:none}.usa-fb-scene i{position:absolute;display:block;font-style:normal;animation-play-state:paused}usa-festival-banner[data-live] .usa-fb-scene i{animation-play-state:running}.usa-fb-lantern{left:var(--x);top:-4px;width:18px;height:24px;border-radius:45%;background:radial-gradient(circle at 50% 40%,#fde68a,#f97316 45%,#b91c1c);box-shadow:0 0 14px rgba(251,191,36,.7);transform-origin:50% -10px;animation:usa-fb-sway 2.6s ease-in-out var(--d) infinite alternate}.usa-fb-lantern::after{content:\"\";position:absolute;left:50%;bottom:-8px;width:2px;height:8px;background:#facc15;transform:translateX(-50%)}@keyframes usa-fb-sway{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.usa-fb-spark{left:var(--x);bottom:-6px;width:4px;height:4px;border-radius:50%;background:#fde047;box-shadow:0 0 6px #fde047;animation:usa-fb-rise 4s linear var(--d) infinite}@keyframes usa-fb-rise{from{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(-90px);opacity:0}}.usa-fb-light{left:var(--x);top:3px;width:8px;height:11px;border-radius:50% 50% 45% 45%;background:#fde047;box-shadow:0 0 8px #fde047;animation:usa-fb-twinkle 1.2s ease-in-out var(--d) infinite alternate}.usa-fb-light:nth-child(3n){background:#f87171;box-shadow:0 0 8px #f87171}.usa-fb-light:nth-child(3n+1){background:#60a5fa;box-shadow:0 0 8px #60a5fa}@keyframes usa-fb-twinkle{from{opacity:.35}to{opacity:1}}.usa-fb-snow{left:var(--x);top:-8px;width:6px;height:6px;border-radius:50%;background:#fff;opacity:.85;animation:usa-fb-fall 6s linear var(--d) infinite}@keyframes usa-fb-fall{to{transform:translate(14px,120px)}}.usa-fb-moon{right:18%;top:10%;width:34px;height:34px;border-radius:50%;background:#fde68a;box-shadow:0 0 24px 6px rgba(253,230,138,.55);animation:usa-fb-glow 3s ease-in-out infinite alternate}@keyframes usa-fb-glow{to{box-shadow:0 0 34px 12px rgba(253,230,138,.75)}}.usa-fb-bat{left:-24px;top:var(--y);font-size:16px;animation:usa-fb-fly 7s linear var(--d) infinite}@keyframes usa-fb-fly{0%{transform:translate(0,0)}25%{transform:translate(28vw,-8px)}50%{transform:translate(56vw,6px)}100%{transform:translate(120vw,-4px)}}.usa-fb-rocket{left:var(--x);bottom:20%;width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 0 0 var(--c),14px 0 0 -1px var(--c),-14px 0 0 -1px var(--c),0 14px 0 -1px var(--c),0 -14px 0 -1px var(--c),10px 10px 0 -1px var(--c),-10px -10px 0 -1px var(--c),10px -10px 0 -1px var(--c),-10px 10px 0 -1px var(--c);animation:usa-fb-boom 2.4s ease-out var(--d) infinite}@keyframes usa-fb-boom{0%{transform:translateY(40px) scale(.1);opacity:0}30%{transform:translateY(0) scale(.2);opacity:1}60%{transform:scale(1.2);opacity:1}100%{transform:scale(1.5);opacity:0}}.usa-fb-x{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:18px;line-height:1;cursor:pointer}.usa-fb-x:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (prefers-reduced-motion:reduce){.usa-fb-scene i{animation:none!important}}";
|
|
7424
7427
|
|
|
7425
7428
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7426
7429
|
const SCENES = {
|
|
@@ -7468,12 +7471,12 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7468
7471
|
}
|
|
7469
7472
|
}
|
|
7470
7473
|
return UsaFestivalBanner;
|
|
7471
|
-
}, { id: 'festival-banner', text: css$
|
|
7474
|
+
}, { id: 'festival-banner', text: css$i });
|
|
7472
7475
|
}
|
|
7473
7476
|
|
|
7474
|
-
var css$
|
|
7477
|
+
var css$h = "usa-terminal{display:block;width:var(--usa-term-w,100%);max-width:100%;--usa-term-bg:#0f172a;--usa-term-fg:#e2e8f0;--usa-term-accent:#22c55e}usa-terminal[data-theme=green]{--usa-term-bg:#03140a;--usa-term-fg:#4ade80;--usa-term-accent:#86efac}usa-terminal[data-theme=amber]{--usa-term-bg:#1a1003;--usa-term-fg:#fbbf24;--usa-term-accent:#fde68a}.usa-term{border-radius:10px;overflow:hidden;background:var(--usa-term-bg);color:var(--usa-term-fg);box-shadow:0 16px 36px -18px rgba(0,0,0,.6);font:500 12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}usa-terminal[data-theme=green] .usa-term,usa-terminal[data-theme=amber] .usa-term{text-shadow:0 0 6px currentColor}.usa-term-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;background:rgba(255,255,255,.06)}.usa-term-bar i{width:10px;height:10px;border-radius:50%;background:#ef4444}.usa-term-bar i:nth-child(2){background:#f59e0b}.usa-term-bar i:nth-child(3){background:#22c55e}.usa-term-bar span{flex:1;text-align:center;margin-right:40px;opacity:.6;font-size:11px}.usa-term-body{min-height:var(--usa-term-h,120px);padding:10px 12px 12px}.usa-term-body p{margin:0;white-space:pre-wrap;word-break:break-word}.usa-term-ps{color:var(--usa-term-accent)}.usa-term-out{opacity:.8}.usa-term-cursor{display:inline-block;width:.6em;height:1.15em;margin-left:1px;vertical-align:text-bottom;background:currentColor;animation:usa-term-blink 1s steps(1) infinite}@keyframes usa-term-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.usa-term-cursor{animation:none}}";
|
|
7475
7478
|
|
|
7476
|
-
const esc$
|
|
7479
|
+
const esc$6 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7477
7480
|
function defineTerminal(tag = 'usa-terminal') {
|
|
7478
7481
|
return defineElement(tag, (Base) => {
|
|
7479
7482
|
class UsaTerminal extends Base {
|
|
@@ -7493,7 +7496,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7493
7496
|
src.forEach((c) => c.remove());
|
|
7494
7497
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7495
7498
|
this.setAttribute('data-theme', ['green', 'amber'].includes(this.str('theme')) ? this.str('theme') : 'dark');
|
|
7496
|
-
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$
|
|
7499
|
+
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$6(this.str('title', 'terminal'))}</span></div><div class="usa-term-body" role="log" aria-label="${esc$6(this.str('title', 'Terminal'))}"></div></div>`);
|
|
7497
7500
|
let started = false;
|
|
7498
7501
|
this.inView((v) => {
|
|
7499
7502
|
if (v && !started) {
|
|
@@ -7508,7 +7511,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7508
7511
|
const p = document.createElement('p');
|
|
7509
7512
|
p.className = l.cmd ? 'usa-term-cmd' : 'usa-term-out';
|
|
7510
7513
|
if (l.cmd)
|
|
7511
|
-
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$
|
|
7514
|
+
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$6(this.str('prompt', '$'))} </span><span class="usa-term-tx"></span>`;
|
|
7512
7515
|
body.appendChild(p);
|
|
7513
7516
|
return p;
|
|
7514
7517
|
}
|
|
@@ -7582,10 +7585,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7582
7585
|
}
|
|
7583
7586
|
}
|
|
7584
7587
|
return UsaTerminal;
|
|
7585
|
-
}, { id: 'terminal', text: css$
|
|
7588
|
+
}, { id: 'terminal', text: css$h });
|
|
7586
7589
|
}
|
|
7587
7590
|
|
|
7588
|
-
var css$
|
|
7591
|
+
var css$g = "usa-retro-button{display:inline-block}.usa-rb{font:700 14px/1 system-ui,sans-serif;cursor:pointer;color:inherit}.usa-rb:disabled{opacity:.5;cursor:not-allowed}usa-retro-button[data-variant=pixel] .usa-rb{padding:10px 16px;border:0;background:#f43f5e;color:#fff;font-family:ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;box-shadow:3px 0 0 #111,-3px 0 0 #111,0 3px 0 #111,0 -3px 0 #111,6px 6px 0 #111;image-rendering:pixelated}usa-retro-button[data-variant=pixel] .usa-rb:focus-visible{outline:3px dashed #111;outline-offset:6px}usa-retro-button[data-variant=crt] .usa-rb{padding:10px 18px;border:2px solid #22c55e;border-radius:4px;background:#03140a;color:#4ade80;font-family:ui-monospace,Menlo,monospace;text-shadow:0 0 6px #4ade80;box-shadow:0 0 10px rgba(74,222,128,.45),inset 0 0 12px rgba(74,222,128,.25);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px)}usa-retro-button[data-variant=crt] .usa-rb:focus-visible{outline:2px solid #86efac;outline-offset:3px}usa-retro-button[data-variant=y2k] .usa-rb{padding:11px 22px;border:1px solid rgba(255,255,255,.7);border-radius:999px;color:#1e1b4b;background:linear-gradient(180deg,#f8fafc 0%,#c7d2fe 45%,#818cf8 52%,#e0e7ff 100%);box-shadow:0 6px 14px -6px rgba(79,70,229,.6),inset 0 1px 0 #fff;text-shadow:0 1px 0 rgba(255,255,255,.7)}usa-retro-button[data-variant=y2k] .usa-rb:focus-visible{outline:2px solid #6366f1;outline-offset:3px}usa-retro-button[data-variant=win95] .usa-rb{padding:7px 16px;border:0;border-radius:0;background:#c0c0c0;color:#000;font:400 13px/1 Tahoma,Verdana,sans-serif;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf}usa-retro-button[data-variant=win95] .usa-rb:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px #808080}usa-retro-button[data-variant=win95] .usa-rb:focus-visible{outline:1px dotted #000;outline-offset:-4px}";
|
|
7589
7592
|
|
|
7590
7593
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7591
7594
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7639,10 +7642,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7639
7642
|
}
|
|
7640
7643
|
}
|
|
7641
7644
|
return UsaRetroButton;
|
|
7642
|
-
}, { id: 'retro-button', text: css$
|
|
7645
|
+
}, { id: 'retro-button', text: css$g });
|
|
7643
7646
|
}
|
|
7644
7647
|
|
|
7645
|
-
var css$
|
|
7648
|
+
var css$f = "usa-organic-card{position:relative;display:block;padding:22px 24px;color:#0f172a;background:linear-gradient(140deg,#d9f99d,#86efac 55%,#34d399);box-shadow:0 18px 36px -22px rgba(22,101,52,.7);transition:box-shadow .3s;outline:none}usa-organic-card[data-tint=ocean]{background:linear-gradient(140deg,#bae6fd,#7dd3fc 50%,#38bdf8);box-shadow:0 18px 36px -22px rgba(3,105,161,.7)}usa-organic-card[data-tint=petal]{background:linear-gradient(140deg,#fbcfe8,#f9a8d4 50%,#f472b6);box-shadow:0 18px 36px -22px rgba(157,23,77,.6)}usa-organic-card[data-tint=sand]{background:linear-gradient(140deg,#fef3c7,#fde68a 50%,#fbbf24);box-shadow:0 18px 36px -22px rgba(146,64,14,.6)}usa-organic-card:hover{box-shadow:0 24px 44px -20px rgba(15,23,42,.45)}usa-organic-card:focus-within{box-shadow:0 0 0 3px rgba(15,23,42,.25),0 24px 44px -20px rgba(15,23,42,.45)}";
|
|
7646
7649
|
|
|
7647
7650
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7648
7651
|
return defineElement(tag, (Base) => {
|
|
@@ -7681,10 +7684,10 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7681
7684
|
}
|
|
7682
7685
|
}
|
|
7683
7686
|
return UsaOrganicCard;
|
|
7684
|
-
}, { id: 'organic-card', text: css$
|
|
7687
|
+
}, { id: 'organic-card', text: css$f });
|
|
7685
7688
|
}
|
|
7686
7689
|
|
|
7687
|
-
var css$
|
|
7690
|
+
var css$e = "usa-liquid-nav{position:relative;display:inline-flex;align-items:center;gap:4px;padding:8px 10px 18px;border-radius:18px;background:var(--usa-lq-bg,#0f172a);color:#e2e8f0;font:600 13px/1 system-ui,sans-serif;--usa-lq-accent:#38bdf8}.usa-lq-defs{position:absolute}.usa-lq-goo{position:absolute;left:0;right:0;bottom:4px;height:14px;pointer-events:none}.usa-lq-goo i{position:absolute;left:-6px;top:1px;width:12px;height:12px;border-radius:50%;background:var(--usa-lq-accent)}.usa-lq-tail{width:9px!important;height:9px!important;left:-4.5px!important;top:2.5px!important}.usa-lq-item{position:relative;padding:8px 12px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer;opacity:.7;transition:opacity .2s,color .2s}.usa-lq-item[aria-current]{opacity:1;color:var(--usa-lq-accent)}.usa-lq-item:focus-visible{outline:2px solid var(--usa-lq-accent);outline-offset:1px;opacity:1}";
|
|
7688
7691
|
|
|
7689
7692
|
let uid = 0;
|
|
7690
7693
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
@@ -7765,12 +7768,12 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7765
7768
|
}
|
|
7766
7769
|
}
|
|
7767
7770
|
return UsaLiquidNav;
|
|
7768
|
-
}, { id: 'liquid-nav', text: css$
|
|
7771
|
+
}, { id: 'liquid-nav', text: css$e });
|
|
7769
7772
|
}
|
|
7770
7773
|
|
|
7771
|
-
var css$
|
|
7774
|
+
var css$d = "usa-hud-panel{position:relative;display:block;padding:12px 16px 14px;color:#cffafe;background:linear-gradient(160deg,rgba(8,47,73,.92),rgba(2,6,23,.95));clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);font:500 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;--usa-hud-c:#22d3ee}.usa-hud-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.usa-hud-frame path{fill:none;stroke:var(--usa-hud-c);stroke-width:1.5;stroke-dasharray:100;filter:drop-shadow(0 0 3px var(--usa-hud-c))}.usa-hud-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid color-mix(in srgb,var(--usa-hud-c) 35%,transparent);letter-spacing:.12em}.usa-hud-dot{width:7px;height:7px;border-radius:50%;background:var(--usa-hud-c);box-shadow:0 0 8px var(--usa-hud-c);animation:usa-hud-blink 1.4s steps(1) infinite}@keyframes usa-hud-blink{50%{opacity:.25}}.usa-hud-title{flex:1;font-weight:800;color:var(--usa-hud-c)}.usa-hud-status{font-size:10px;opacity:.75}.usa-hud-row{display:grid;grid-template-columns:5.5em 1fr 3em;align-items:center;gap:8px;margin:5px 0 0}.usa-hud-bar{height:6px;background:color-mix(in srgb,var(--usa-hud-c) 15%,transparent);overflow:hidden}.usa-hud-bar i{display:block;width:var(--v);height:100%;background:var(--usa-hud-c);box-shadow:0 0 8px var(--usa-hud-c);transform-origin:0 50%}.usa-hud-num{text-align:right;color:var(--usa-hud-c);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.usa-hud-dot{animation:none}}";
|
|
7772
7775
|
|
|
7773
|
-
const esc$
|
|
7776
|
+
const esc$5 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7774
7777
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
7775
7778
|
return defineElement(tag, (Base) => {
|
|
7776
7779
|
class UsaHudPanel extends Base {
|
|
@@ -7783,7 +7786,7 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7783
7786
|
this.setAttribute('aria-label', this.str('title', 'Panel'));
|
|
7784
7787
|
if (this.hasAttribute('color'))
|
|
7785
7788
|
this.style.setProperty('--usa-hud-c', this.str('color'));
|
|
7786
|
-
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$
|
|
7789
|
+
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$5(this.str('title', 'SYSTEM'))}</span><span class="usa-hud-status">${esc$5(this.str('status', 'ONLINE'))}</span></header>`);
|
|
7787
7790
|
this.querySelectorAll(':scope > [data-value]').forEach((r) => {
|
|
7788
7791
|
if (r.querySelector('.usa-hud-bar'))
|
|
7789
7792
|
return;
|
|
@@ -7817,10 +7820,10 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7817
7820
|
}
|
|
7818
7821
|
}
|
|
7819
7822
|
return UsaHudPanel;
|
|
7820
|
-
}, { id: 'hud-panel', text: css$
|
|
7823
|
+
}, { id: 'hud-panel', text: css$d });
|
|
7821
7824
|
}
|
|
7822
7825
|
|
|
7823
|
-
var css$
|
|
7826
|
+
var css$c = "usa-radar{display:block;width:var(--usa-rd-size,200px);max-width:100%;aspect-ratio:1;--usa-rd-c:#22d3ee}.usa-rd{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#082f49 0,#020617 75%);box-shadow:0 0 0 2px color-mix(in srgb,var(--usa-rd-c) 45%,transparent),0 0 24px -4px var(--usa-rd-c);overflow:hidden}.usa-rd-ring{position:absolute;left:50%;top:50%;width:var(--r);height:var(--r);border:1px solid color-mix(in srgb,var(--usa-rd-c) 30%,transparent);border-radius:50%;transform:translate(-50%,-50%)}.usa-rd-cross{position:absolute;inset:0;background:linear-gradient(color-mix(in srgb,var(--usa-rd-c) 25%,transparent),color-mix(in srgb,var(--usa-rd-c) 25%,transparent)) 50% 0/1px 100% no-repeat,linear-gradient(color-mix(in srgb,var(--usa-rd-c) 25%,transparent),color-mix(in srgb,var(--usa-rd-c) 25%,transparent)) 0 50%/100% 1px no-repeat}.usa-rd-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 300deg,color-mix(in srgb,var(--usa-rd-c) 15%,transparent) 330deg,color-mix(in srgb,var(--usa-rd-c) 70%,transparent) 360deg);animation:usa-rd-turn var(--usa-rd-period,4s) linear infinite;animation-play-state:paused}usa-radar[data-live] .usa-rd-sweep{animation-play-state:running}@keyframes usa-rd-turn{to{transform:rotate(360deg)}}.usa-rd-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--usa-rd-c);box-shadow:0 0 8px 2px var(--usa-rd-c);transform:translate(-50%,-50%);opacity:.15}.usa-rd-dot[data-lit]{opacity:1}.usa-rd-dot em{position:absolute;left:10px;top:-5px;font:600 9px/1 ui-monospace,Menlo,monospace;font-style:normal;color:var(--usa-rd-c);white-space:nowrap}@media (prefers-reduced-motion:reduce){.usa-rd-sweep{animation:none;transform:rotate(45deg)}}";
|
|
7824
7827
|
|
|
7825
7828
|
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7826
7829
|
function parseTargets(s) {
|
|
@@ -7836,7 +7839,7 @@ function parseTargets(s) {
|
|
|
7836
7839
|
})
|
|
7837
7840
|
.filter(Boolean);
|
|
7838
7841
|
}
|
|
7839
|
-
const esc$
|
|
7842
|
+
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7840
7843
|
function defineRadar(tag = 'usa-radar') {
|
|
7841
7844
|
return defineElement(tag, (Base) => {
|
|
7842
7845
|
class UsaRadar extends Base {
|
|
@@ -7871,7 +7874,7 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7871
7874
|
const a = ((t.bearing - 90) * Math.PI) / 180;
|
|
7872
7875
|
const x = 50 + Math.cos(a) * t.distance * 48;
|
|
7873
7876
|
const y = 50 + Math.sin(a) * t.distance * 48;
|
|
7874
|
-
return `<span class="usa-rd-dot" data-i="${i}" style="left:${x.toFixed(2)}%;top:${y.toFixed(2)}%"><em>${esc$
|
|
7877
|
+
return `<span class="usa-rd-dot" data-i="${i}" style="left:${x.toFixed(2)}%;top:${y.toFixed(2)}%"><em>${esc$4(t.name)}</em></span>`;
|
|
7875
7878
|
})
|
|
7876
7879
|
.join('');
|
|
7877
7880
|
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>`);
|
|
@@ -7906,10 +7909,10 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7906
7909
|
}
|
|
7907
7910
|
}
|
|
7908
7911
|
return UsaRadar;
|
|
7909
|
-
}, { id: 'radar', text: css$
|
|
7912
|
+
}, { id: 'radar', text: css$c });
|
|
7910
7913
|
}
|
|
7911
7914
|
|
|
7912
|
-
var css$
|
|
7915
|
+
var css$b = "usa-sticky-wall{display:flex;flex-wrap:wrap;gap:14px;padding:14px;align-items:flex-start}usa-sticky-wall>.usa-sticky{position:relative;box-sizing:border-box;width:120px;min-height:96px;padding:18px 12px 12px;font:500 13px/1.35 'Comic Sans MS','Segoe Print','Bradley Hand',cursive,system-ui;color:#3f3a2e;background:#fef08a;transform:rotate(var(--tilt,0deg));box-shadow:0 10px 16px -10px rgba(0,0,0,.45),inset 0 -12px 18px -14px rgba(0,0,0,.25);cursor:pointer;outline:none;transition:box-shadow .2s}usa-sticky-wall>.usa-sticky::before{content:'';position:absolute;top:5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fca5a5,#dc2626 70%);box-shadow:0 2px 2px rgba(0,0,0,.3)}usa-sticky-wall>[data-paper=pink]{background:#fbcfe8}usa-sticky-wall>[data-paper=blue]{background:#bae6fd}usa-sticky-wall>[data-paper=green]{background:#bbf7d0}usa-sticky-wall>.usa-sticky:focus-visible{box-shadow:0 0 0 3px #6366f1,0 10px 16px -10px rgba(0,0,0,.45)}usa-sticky-wall>[data-picked]{box-shadow:0 18px 26px -12px rgba(0,0,0,.5)}";
|
|
7913
7916
|
|
|
7914
7917
|
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7915
7918
|
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
@@ -7973,12 +7976,12 @@ function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
|
7973
7976
|
}
|
|
7974
7977
|
}
|
|
7975
7978
|
return UsaStickyWall;
|
|
7976
|
-
}, { id: 'sticky-wall', text: css$
|
|
7979
|
+
}, { id: 'sticky-wall', text: css$b });
|
|
7977
7980
|
}
|
|
7978
7981
|
|
|
7979
|
-
var css$
|
|
7982
|
+
var css$a = "usa-sketch-chart{display:block;max-width:100%;cursor:pointer;color:#334155;--usa-sk-c:#2563eb}usa-sketch-chart .usa-sk{display:block;width:100%;height:auto;overflow:visible}usa-sketch-chart .usa-sk path{fill:none;stroke-linecap:round;stroke-linejoin:round}usa-sketch-chart .usa-sk-axis{stroke:currentColor;stroke-width:1.6}usa-sketch-chart .usa-sk-mark{stroke:var(--usa-sk-c);stroke-width:2.2}usa-sketch-chart .usa-sk-hatch{stroke:var(--usa-sk-c);stroke-width:1;opacity:.55}usa-sketch-chart .usa-sk-dot{fill:#fff;stroke:var(--usa-sk-c);stroke-width:2}usa-sketch-chart text{fill:currentColor;font:12px 'Comic Sans MS','Segoe Print','Bradley Hand',cursive,system-ui;text-anchor:middle}";
|
|
7980
7983
|
|
|
7981
|
-
const esc$
|
|
7984
|
+
const esc$3 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7982
7985
|
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
7983
7986
|
function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
7984
7987
|
return defineElement(tag, (Base) => {
|
|
@@ -8030,7 +8033,7 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8030
8033
|
g += `<path class="usa-sk-hatch" d="${roughLine(x0 + 2, Math.min(B, h + 5), x1 - 2, h - 3, h + i, 0.8)}"/>`;
|
|
8031
8034
|
});
|
|
8032
8035
|
}
|
|
8033
|
-
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc$
|
|
8036
|
+
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc$3(labels[i])}</text>` : '')).join('');
|
|
8034
8037
|
this.insertAdjacentHTML('beforeend', `<svg class="usa-sk" viewBox="0 0 ${W} ${H}" aria-hidden="true" data-usa-part>${g}</svg>`);
|
|
8035
8038
|
if (this.reduced)
|
|
8036
8039
|
return void this.setAttribute('data-drawn', '');
|
|
@@ -8073,10 +8076,10 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8073
8076
|
}
|
|
8074
8077
|
}
|
|
8075
8078
|
return UsaSketchChart;
|
|
8076
|
-
}, { id: 'sketch-chart', text: css$
|
|
8079
|
+
}, { id: 'sketch-chart', text: css$a });
|
|
8077
8080
|
}
|
|
8078
8081
|
|
|
8079
|
-
var css$
|
|
8082
|
+
var css$9 = "usa-theme-switcher{position:relative;display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:rgba(15,23,42,.08);max-width:100%;overflow-x:auto;scrollbar-width:none}usa-theme-switcher .usa-ts-pill{position:absolute;top:4px;bottom:4px;left:0;border-radius:999px;background:#fff;box-shadow:0 2px 8px -2px rgba(15,23,42,.3);transition:transform .35s cubic-bezier(.3,1.3,.5,1),width .35s}usa-theme-switcher .usa-ts-opt{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:0;border-radius:999px;background:none;color:#334155;font:600 13px/1 system-ui,sans-serif;cursor:pointer;white-space:nowrap}usa-theme-switcher .usa-ts-opt[aria-checked=true]{color:#0f172a}usa-theme-switcher .usa-ts-opt:focus-visible{outline:2px solid #6366f1;outline-offset:1px}usa-theme-switcher .usa-ts-sw{width:12px;height:12px;border-radius:50%;background:#f8fafc;box-shadow:inset 0 0 0 1px rgba(15,23,42,.25)}usa-theme-switcher [data-sw=dark]{background:#0f172a}usa-theme-switcher [data-sw=neon]{background:#d946ef;box-shadow:0 0 6px #d946ef}usa-theme-switcher [data-sw=glass]{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(147,197,253,.6))}usa-theme-switcher [data-sw=neu]{background:#e0e5ec;box-shadow:2px 2px 3px #a3b1c6,-2px -2px 3px #fff}@media (prefers-reduced-motion:reduce){usa-theme-switcher .usa-ts-pill{transition:none}}";
|
|
8080
8083
|
|
|
8081
8084
|
const NAMES = { light: 'Light', dark: 'Dark', neon: 'Neon', glass: 'Glass', neu: 'Soft' };
|
|
8082
8085
|
function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
@@ -8178,10 +8181,10 @@ function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
|
8178
8181
|
}
|
|
8179
8182
|
}
|
|
8180
8183
|
return UsaThemeSwitcher;
|
|
8181
|
-
}, { id: 'theme-switcher', text: css$
|
|
8184
|
+
}, { id: 'theme-switcher', text: css$9 });
|
|
8182
8185
|
}
|
|
8183
8186
|
|
|
8184
|
-
var css$
|
|
8187
|
+
var css$8 = "usa-theme-surface{position:relative;display:block;box-sizing:border-box;padding:18px 20px;border-radius:16px;background:#fff;color:#0f172a;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 30px -18px rgba(15,23,42,.45);transition:background .4s,color .4s,box-shadow .4s,border-color .4s}usa-theme-surface[data-look=dark]{background:#0f172a;color:#e2e8f0;border-color:#1e293b}usa-theme-surface[data-look=neon]{background:#0b0614;color:#f5d0fe;border-color:#d946ef;box-shadow:0 0 6px #d946ef,0 0 18px rgba(217,70,239,.55),inset 0 0 12px rgba(217,70,239,.25);animation:usa-sf-neon 2.4s ease-in-out infinite}usa-theme-surface[data-look=glass]{background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.18));color:#0f172a;border-color:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 12px 32px -14px rgba(30,64,175,.45);overflow:hidden}usa-theme-surface[data-look=glass]::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);background-size:250% 100%;animation:usa-sf-sheen 5s ease-in-out infinite}usa-theme-surface[data-look=neu]{background:#e0e5ec;color:#334155;border-color:transparent;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff}@keyframes usa-sf-neon{50%{box-shadow:0 0 10px #d946ef,0 0 30px rgba(217,70,239,.7),inset 0 0 16px rgba(217,70,239,.35)}}@keyframes usa-sf-sheen{0%,60%{background-position:130% 0}100%{background-position:-60% 0}}@media (prefers-reduced-motion:reduce){usa-theme-surface,usa-theme-surface::after{animation:none!important;transition:none}}";
|
|
8185
8188
|
|
|
8186
8189
|
function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
8187
8190
|
return defineElement(tag, (Base) => {
|
|
@@ -8234,10 +8237,10 @@ function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
|
8234
8237
|
}
|
|
8235
8238
|
}
|
|
8236
8239
|
return UsaThemeSurface;
|
|
8237
|
-
}, { id: 'theme-surface', text: css$
|
|
8240
|
+
}, { id: 'theme-surface', text: css$8 });
|
|
8238
8241
|
}
|
|
8239
8242
|
|
|
8240
|
-
var css$
|
|
8243
|
+
var css$7 = "usa-gyro-card{position:relative;display:block;box-sizing:border-box;padding:22px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#6366f1,#ec4899);box-shadow:0 18px 40px -20px rgba(79,70,229,.8);transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .25s ease-out;will-change:transform;overflow:hidden}usa-gyro-card [data-depth]{display:block;transform:translateZ(calc(var(--depth-k,14px) * var(--d,1)))}usa-gyro-card [data-depth=\"2\"]{--d:2}usa-gyro-card [data-depth=\"3\"]{--d:3}usa-gyro-card .usa-gy-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,30%),rgba(255,255,255,.4),transparent 55%);opacity:.5;transition:opacity .3s}usa-gyro-card[data-tilted] .usa-gy-glare{opacity:1}@media (prefers-reduced-motion:reduce){usa-gyro-card{transform:none;transition:none}}";
|
|
8241
8244
|
|
|
8242
8245
|
function defineGyroCard(tag = 'usa-gyro-card') {
|
|
8243
8246
|
return defineElement(tag, (Base) => {
|
|
@@ -8318,10 +8321,10 @@ function defineGyroCard(tag = 'usa-gyro-card') {
|
|
|
8318
8321
|
}
|
|
8319
8322
|
}
|
|
8320
8323
|
return UsaGyroCard;
|
|
8321
|
-
}, { id: 'gyro-card', text: css$
|
|
8324
|
+
}, { id: 'gyro-card', text: css$7 });
|
|
8322
8325
|
}
|
|
8323
8326
|
|
|
8324
|
-
var css$
|
|
8327
|
+
var css$6 = "usa-gesture-sticker{display:inline-block;touch-action:none;cursor:grab;outline:none;-webkit-user-select:none;user-select:none;transform-origin:50% 50%;filter:drop-shadow(0 6px 8px rgba(15,23,42,.25));will-change:transform}usa-gesture-sticker[data-held]{cursor:grabbing;filter:drop-shadow(0 16px 18px rgba(15,23,42,.35))}usa-gesture-sticker:focus-visible{outline:2px dashed #6366f1;outline-offset:4px}usa-gesture-sticker img{display:block;-webkit-user-drag:none;pointer-events:none}";
|
|
8325
8328
|
|
|
8326
8329
|
function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
8327
8330
|
return defineElement(tag, (Base) => {
|
|
@@ -8448,10 +8451,10 @@ function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
|
8448
8451
|
}
|
|
8449
8452
|
}
|
|
8450
8453
|
return UsaGestureSticker;
|
|
8451
|
-
}, { id: 'gesture-sticker', text: css$
|
|
8454
|
+
}, { id: 'gesture-sticker', text: css$6 });
|
|
8452
8455
|
}
|
|
8453
8456
|
|
|
8454
|
-
var css$
|
|
8457
|
+
var css$5 = "usa-panorama{position:relative;display:block;height:220px;border-radius:14px;overflow:hidden;background:#0f172a;cursor:grab;touch-action:pan-y;outline:none;-webkit-user-select:none;user-select:none}usa-panorama[data-dragging]{cursor:grabbing}usa-panorama:focus-visible{box-shadow:0 0 0 3px #6366f1}usa-panorama .usa-pano-view{position:absolute;inset:0;background-repeat:repeat-x;background-size:auto 100%;background-position:0 50%}usa-panorama .usa-pano-procedural{background-size:400% 100%;background-repeat:repeat-x;background-image:radial-gradient(circle at 12% 30%,#fde68a 0 3%,transparent 3.5%),linear-gradient(170deg,transparent 58%,#166534 58.5% 64%,transparent 64.5%),linear-gradient(10deg,transparent 52%,#15803d 52.5% 60%,transparent 60.5%),linear-gradient(160deg,transparent 46%,#475569 46.5% 70%,transparent 70.5%),linear-gradient(20deg,transparent 48%,#64748b 48.5% 70%,transparent 70.5%),linear-gradient(#38bdf8,#bae6fd 55%,#86efac 55.5%,#22c55e)}usa-panorama .usa-pano-compass{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;background:rgba(15,23,42,.55);box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}usa-panorama .usa-pano-compass i{position:absolute;inset:4px;border-radius:50%;transition:transform .25s linear;background:conic-gradient(#ef4444 0 6deg,transparent 6deg 354deg,#ef4444 354deg)}usa-panorama .usa-pano-xr{position:absolute;left:10px;bottom:10px;padding:6px 10px;border:0;border-radius:999px;background:rgba(15,23,42,.7);color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}";
|
|
8455
8458
|
|
|
8456
8459
|
function definePanorama(tag = 'usa-panorama') {
|
|
8457
8460
|
return defineElement(tag, (Base) => {
|
|
@@ -8573,10 +8576,10 @@ function definePanorama(tag = 'usa-panorama') {
|
|
|
8573
8576
|
}
|
|
8574
8577
|
}
|
|
8575
8578
|
return UsaPanorama;
|
|
8576
|
-
}, { id: 'panorama', text: css$
|
|
8579
|
+
}, { id: 'panorama', text: css$5 });
|
|
8577
8580
|
}
|
|
8578
8581
|
|
|
8579
|
-
var css$
|
|
8582
|
+
var css$4 = "usa-spatial-card{position:relative;display:block;box-sizing:border-box;padding:20px 22px;margin-bottom:28px;border-radius:24px;color:#0f172a;background:linear-gradient(140deg,rgba(255,255,255,.62),rgba(255,255,255,.28));border:1px solid rgba(255,255,255,.75);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 22px 44px -26px rgba(15,23,42,.6),inset 0 1px 0 rgba(255,255,255,.8);transform:perspective(900px) translateZ(0);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.9,.25,1),box-shadow .45s}usa-spatial-card[data-active]{transform:perspective(900px) translateZ(18px);box-shadow:0 34px 60px -28px rgba(15,23,42,.55),inset 0 1px 0 rgba(255,255,255,.9)}usa-spatial-card .usa-sp-gaze{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,40%),rgba(255,255,255,.55),transparent 45%);opacity:0;transition:opacity .3s}usa-spatial-card[data-active] .usa-sp-gaze{opacity:1}usa-spatial-card [data-depth]{position:relative;display:block;transform:translateZ(calc(10px * var(--d,1)));transition:transform .45s}usa-spatial-card [data-depth=\"2\"]{--d:2}usa-spatial-card [data-depth=\"3\"]{--d:3}usa-spatial-card .usa-sp-ornament{position:absolute;left:50%;bottom:-22px;display:flex;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 20px -12px rgba(15,23,42,.5);transform:translateX(-50%) translateZ(30px);transition:transform .45s}usa-spatial-card[data-active] .usa-sp-ornament{transform:translateX(-50%) translateZ(40px) translateY(4px)}@media (prefers-reduced-motion:reduce){usa-spatial-card,usa-spatial-card *{transition:none!important}usa-spatial-card[data-active]{transform:none}}";
|
|
8580
8583
|
|
|
8581
8584
|
function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
8582
8585
|
return defineElement(tag, (Base) => {
|
|
@@ -8622,10 +8625,10 @@ function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
|
8622
8625
|
}
|
|
8623
8626
|
}
|
|
8624
8627
|
return UsaSpatialCard;
|
|
8625
|
-
}, { id: 'spatial-card', text: css$
|
|
8628
|
+
}, { id: 'spatial-card', text: css$4 });
|
|
8626
8629
|
}
|
|
8627
8630
|
|
|
8628
|
-
var css$
|
|
8631
|
+
var css$3 = "usa-code-export{display:block;max-width:100%;border-radius:12px;overflow:hidden;background:#0f172a;color:#e2e8f0;font:13px/1.4 system-ui,sans-serif}usa-code-export>:not([data-usa-part]){display:block;margin:12px auto}usa-code-export:not([for])>:not([data-usa-part]){padding:0 12px}usa-code-export .usa-ce-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;background:#1e293b}usa-code-export [role=tablist]{display:flex;gap:2px}usa-code-export button{padding:5px 10px;border:0;border-radius:6px;background:none;color:#94a3b8;font:600 12px/1 system-ui,sans-serif;cursor:pointer}usa-code-export [aria-selected=true]{background:#334155;color:#fff}usa-code-export .usa-ce-copy{background:#4f46e5;color:#fff}usa-code-export button:focus-visible,usa-code-export pre:focus-visible{outline:2px solid #818cf8;outline-offset:1px}usa-code-export pre{margin:0;padding:10px 12px;max-height:220px;overflow:auto;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre;color:#e2e8f0;background:#0f172a}";
|
|
8629
8632
|
|
|
8630
8633
|
const RUNTIME_ATTR = /^(data-usa-|data-look$|data-tint$|data-paper$|data-booted$|data-drawn$|data-active$|data-held$|data-tilted$|data-zoomed$|data-dragging$|data-picked$|data-live$|data-lit$|aria-(checked|valuetext|valuenow|label|roledescription|hidden)$|role$|tabindex$|style$)/;
|
|
8631
8634
|
const RUNTIME_CLASS = /^usa-/;
|
|
@@ -8661,15 +8664,15 @@ function describeComponent(el) {
|
|
|
8661
8664
|
});
|
|
8662
8665
|
return { tag: el.localName, attrs, children };
|
|
8663
8666
|
}
|
|
8664
|
-
const esc$
|
|
8667
|
+
const esc$2 = (s) => s.replace(/&/g, '&').replace(/</g, '<').replace(/"/g, '"');
|
|
8665
8668
|
const VOID = new Set(['img', 'br', 'hr', 'input', 'source', 'meta', 'link', 'wbr', 'area', 'col', 'embed', 'track']);
|
|
8666
8669
|
function markup(n, jsx, ind) {
|
|
8667
8670
|
if (typeof n === 'string')
|
|
8668
|
-
return ind + (jsx ? n.replace(/[{}<>]/g, (c) => `{'${c}'}`) : esc$
|
|
8671
|
+
return ind + (jsx ? n.replace(/[{}<>]/g, (c) => `{'${c}'}`) : esc$2(n));
|
|
8669
8672
|
const at = Object.entries(n.attrs)
|
|
8670
8673
|
.map(([k, v]) => {
|
|
8671
8674
|
const key = jsx && k === 'class' ? 'className' : jsx && k === 'for' ? 'htmlFor' : k;
|
|
8672
|
-
return v === '' ? ` ${key}` : ` ${key}="${esc$
|
|
8675
|
+
return v === '' ? ` ${key}` : ` ${key}="${esc$2(v)}"`;
|
|
8673
8676
|
})
|
|
8674
8677
|
.join('');
|
|
8675
8678
|
if (VOID.has(n.tag))
|
|
@@ -8791,10 +8794,10 @@ function defineCodeExport(tag = 'usa-code-export') {
|
|
|
8791
8794
|
}
|
|
8792
8795
|
}
|
|
8793
8796
|
return UsaCodeExport;
|
|
8794
|
-
}, { id: 'code-export', text: css$
|
|
8797
|
+
}, { id: 'code-export', text: css$3 });
|
|
8795
8798
|
}
|
|
8796
8799
|
|
|
8797
|
-
var css = "usa-prop-panel{display:block;max-width:100%;font:13px/1.4 system-ui,sans-serif;color:#0f172a}usa-prop-panel .usa-pp{display:grid;gap:8px;margin:0;padding:12px;border:1px solid rgba(15,23,42,.12);border-radius:12px;background:#fff}usa-prop-panel .usa-pp-row{display:grid;grid-template-columns:minmax(64px,auto) 1fr auto;align-items:center;gap:8px}usa-prop-panel label{font-weight:600;color:#334155;font-family:ui-monospace,monospace;font-size:12px}usa-prop-panel input[type=text],usa-prop-panel input[type=number],usa-prop-panel select{min-width:0;width:100%;box-sizing:border-box;padding:5px 8px;border:1px solid #cbd5e1;border-radius:6px;font:inherit}usa-prop-panel input[type=range]{width:100%;min-width:0;accent-color:#4f46e5}usa-prop-panel input[type=checkbox]{grid-column:2;justify-self:start;width:16px;height:16px;accent-color:#4f46e5}usa-prop-panel output{min-width:2.5em;text-align:right;font:12px ui-monospace,monospace;color:#64748b}usa-prop-panel .usa-pp-empty{margin:0;color:#64748b}usa-prop-panel .usa-pp-row{border-radius:6px}usa-prop-panel .usa-pp-reset{justify-self:start;padding:5px 12px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font:inherit;cursor:pointer}";
|
|
8800
|
+
var css$2 = "usa-prop-panel{display:block;max-width:100%;font:13px/1.4 system-ui,sans-serif;color:#0f172a}usa-prop-panel .usa-pp{display:grid;gap:8px;margin:0;padding:12px;border:1px solid rgba(15,23,42,.12);border-radius:12px;background:#fff}usa-prop-panel .usa-pp-row{display:grid;grid-template-columns:minmax(64px,auto) 1fr auto;align-items:center;gap:8px}usa-prop-panel label{font-weight:600;color:#334155;font-family:ui-monospace,monospace;font-size:12px}usa-prop-panel input[type=text],usa-prop-panel input[type=number],usa-prop-panel select{min-width:0;width:100%;box-sizing:border-box;padding:5px 8px;border:1px solid #cbd5e1;border-radius:6px;font:inherit}usa-prop-panel input[type=range]{width:100%;min-width:0;accent-color:#4f46e5}usa-prop-panel input[type=checkbox]{grid-column:2;justify-self:start;width:16px;height:16px;accent-color:#4f46e5}usa-prop-panel output{min-width:2.5em;text-align:right;font:12px ui-monospace,monospace;color:#64748b}usa-prop-panel .usa-pp-empty{margin:0;color:#64748b}usa-prop-panel .usa-pp-row{border-radius:6px}usa-prop-panel .usa-pp-reset{justify-self:start;padding:5px 12px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font:inherit;cursor:pointer}";
|
|
8798
8801
|
|
|
8799
8802
|
/** "value:number:0:100, theme:select:leaf|ocean, on:boolean" → prop specs (8.9). */
|
|
8800
8803
|
function parseProps(s) {
|
|
@@ -8810,7 +8813,7 @@ function parseProps(s) {
|
|
|
8810
8813
|
})
|
|
8811
8814
|
.filter((p) => /^[a-z][\w-]*$/i.test(p.name));
|
|
8812
8815
|
}
|
|
8813
|
-
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8816
|
+
const esc$1 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8814
8817
|
function definePropPanel(tag = 'usa-prop-panel') {
|
|
8815
8818
|
return defineElement(tag, (Base) => {
|
|
8816
8819
|
class UsaPropPanel extends Base {
|
|
@@ -8848,15 +8851,15 @@ function definePropPanel(tag = 'usa-prop-panel') {
|
|
|
8848
8851
|
if (p.type === 'boolean')
|
|
8849
8852
|
input = `<input id="${id}" type="checkbox" role="switch" data-p="${p.name}"${v != null ? ' checked' : ''}>`;
|
|
8850
8853
|
else if (p.type === 'select')
|
|
8851
|
-
input = `<select id="${id}" data-p="${p.name}">${p.options.map((o) => `<option${o === v ? ' selected' : ''}>${esc(o)}</option>`).join('')}</select>`;
|
|
8854
|
+
input = `<select id="${id}" data-p="${p.name}">${p.options.map((o) => `<option${o === v ? ' selected' : ''}>${esc$1(o)}</option>`).join('')}</select>`;
|
|
8852
8855
|
else {
|
|
8853
8856
|
const [mn, mx] = p.options;
|
|
8854
8857
|
const range = p.type === 'range' || (p.type === 'number' && mn != null && mx != null);
|
|
8855
|
-
input = `<input id="${id}" type="${p.type === 'color' ? 'color' : range ? 'range' : p.type === 'number' ? 'number' : 'text'}" data-p="${p.name}" value="${esc(v ?? '')}"${mn != null ? ` min="${esc(mn)}"` : ''}${mx != null ? ` max="${esc(mx)}"` : ''}${range ? ' step="any"' : ''}><output for="${id}">${esc(v ?? '')}</output>`;
|
|
8858
|
+
input = `<input id="${id}" type="${p.type === 'color' ? 'color' : range ? 'range' : p.type === 'number' ? 'number' : 'text'}" data-p="${p.name}" value="${esc$1(v ?? '')}"${mn != null ? ` min="${esc$1(mn)}"` : ''}${mx != null ? ` max="${esc$1(mx)}"` : ''}${range ? ' step="any"' : ''}><output for="${id}">${esc$1(v ?? '')}</output>`;
|
|
8856
8859
|
}
|
|
8857
|
-
return `<div class="usa-pp-row"><label for="${id}">${esc(p.name)}</label>${input}</div>`;
|
|
8860
|
+
return `<div class="usa-pp-row"><label for="${id}">${esc$1(p.name)}</label>${input}</div>`;
|
|
8858
8861
|
};
|
|
8859
|
-
this.insertAdjacentHTML('beforeend', `<form class="usa-pp" aria-label="${esc(this.str('label', 'Properties'))}" data-usa-part>${ps.map(field).join('') || '<p class="usa-pp-empty">No properties</p>'}<button type="button" class="usa-pp-reset">Reset</button></form>`);
|
|
8862
|
+
this.insertAdjacentHTML('beforeend', `<form class="usa-pp" aria-label="${esc$1(this.str('label', 'Properties'))}" data-usa-part>${ps.map(field).join('') || '<p class="usa-pp-empty">No properties</p>'}<button type="button" class="usa-pp-reset">Reset</button></form>`);
|
|
8860
8863
|
const form = this.querySelector('form');
|
|
8861
8864
|
this.listen(form, 'submit', (e) => e.preventDefault());
|
|
8862
8865
|
this.listen(this.querySelector('.usa-pp-reset'), 'click', () => this.reset());
|
|
@@ -8898,7 +8901,126 @@ function definePropPanel(tag = 'usa-prop-panel') {
|
|
|
8898
8901
|
}
|
|
8899
8902
|
}
|
|
8900
8903
|
return UsaPropPanel;
|
|
8901
|
-
}, { id: 'prop-panel', text: css });
|
|
8904
|
+
}, { id: 'prop-panel', text: css$2 });
|
|
8905
|
+
}
|
|
8906
|
+
|
|
8907
|
+
var css$1 = "usa-motion{display:block}";
|
|
8908
|
+
|
|
8909
|
+
function defineMotion(tag = 'usa-motion') {
|
|
8910
|
+
return defineElement(tag, (Base) => {
|
|
8911
|
+
class UsaMotion extends Base {
|
|
8912
|
+
constructor() {
|
|
8913
|
+
super(...arguments);
|
|
8914
|
+
this._errors = [];
|
|
8915
|
+
}
|
|
8916
|
+
static get observedAttributes() {
|
|
8917
|
+
return ['rules'];
|
|
8918
|
+
}
|
|
8919
|
+
get parsed() {
|
|
8920
|
+
return parseMotion(this.str('rules')).rules;
|
|
8921
|
+
}
|
|
8922
|
+
get errors() {
|
|
8923
|
+
return this._errors.slice();
|
|
8924
|
+
}
|
|
8925
|
+
mount() {
|
|
8926
|
+
this._errors = [];
|
|
8927
|
+
this.onCleanup(bindMotion(this, this.str('rules'), (m) => {
|
|
8928
|
+
this._errors.push(m);
|
|
8929
|
+
this.emit('motion-error', { message: m });
|
|
8930
|
+
}));
|
|
8931
|
+
}
|
|
8932
|
+
}
|
|
8933
|
+
return UsaMotion;
|
|
8934
|
+
}, { id: 'motion', text: css$1 });
|
|
8935
|
+
}
|
|
8936
|
+
|
|
8937
|
+
var css = "usa-plugin-store{display:block;max-width:100%;font:14px/1.4 system-ui,sans-serif;color:#0f172a}usa-plugin-store .usa-ps-q{width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}usa-plugin-store .usa-ps-q:focus-visible{outline:2px solid #6366f1;outline-offset:1px}usa-plugin-store .usa-ps-count{margin:6px 2px;font-size:12px;color:#64748b}usa-plugin-store .usa-ps-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:10px;margin:0;padding:0;list-style:none}usa-plugin-store .usa-ps-card{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid rgba(15,23,42,.1);border-radius:12px;background:#fff;box-shadow:0 6px 16px -12px rgba(15,23,42,.4);min-width:0}usa-plugin-store .usa-ps-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}usa-plugin-store .usa-ps-head small{margin-left:auto;color:#94a3b8;font-size:11px}usa-plugin-store .usa-ps-badge{padding:1px 6px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:600}usa-plugin-store .usa-ps-card p{margin:0;color:#475569;font-size:13px}usa-plugin-store .usa-ps-fx{display:flex;flex-wrap:wrap;gap:4px}usa-plugin-store .usa-ps-fx code{padding:1px 6px;border-radius:6px;background:#f1f5f9;font-size:11px}usa-plugin-store .usa-ps-install{transition:opacity .3s,background-color .3s;align-self:flex-start;padding:6px 12px;border:0;border-radius:8px;background:#4f46e5;color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}usa-plugin-store .usa-ps-install[data-done]{background:#16a34a;cursor:default}usa-plugin-store .usa-ps-install[data-busy]{opacity:.7}usa-plugin-store .usa-ps-install:focus-visible{outline:2px solid #6366f1;outline-offset:2px}";
|
|
8938
|
+
|
|
8939
|
+
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8940
|
+
function definePluginStore(tag = 'usa-plugin-store') {
|
|
8941
|
+
return defineElement(tag, (Base) => {
|
|
8942
|
+
class UsaPluginStore extends Base {
|
|
8943
|
+
constructor() {
|
|
8944
|
+
super(...arguments);
|
|
8945
|
+
this._list = MARKETPLACE;
|
|
8946
|
+
this.loader = null;
|
|
8947
|
+
}
|
|
8948
|
+
static get observedAttributes() {
|
|
8949
|
+
return ['query', 'label'];
|
|
8950
|
+
}
|
|
8951
|
+
get plugins() {
|
|
8952
|
+
return this._list.slice();
|
|
8953
|
+
}
|
|
8954
|
+
set plugins(v) {
|
|
8955
|
+
this._list = Array.isArray(v) ? v : MARKETPLACE;
|
|
8956
|
+
if (this.isConnected)
|
|
8957
|
+
this.changed('plugins');
|
|
8958
|
+
}
|
|
8959
|
+
mount() {
|
|
8960
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8961
|
+
this.setAttribute('role', 'search');
|
|
8962
|
+
this.setAttribute('aria-label', this.str('label', 'Plugin marketplace'));
|
|
8963
|
+
this.insertAdjacentHTML('beforeend', `<input class="usa-ps-q" type="search" placeholder="Search plugins…" aria-label="Search plugins" value="${esc(this.str('query'))}" data-usa-part><p class="usa-ps-count" aria-live="polite" data-usa-part></p><ul class="usa-ps-list" data-usa-part></ul>`);
|
|
8964
|
+
const q = this.querySelector('.usa-ps-q');
|
|
8965
|
+
this.listen(q, 'input', () => this.search(q.value));
|
|
8966
|
+
this.listen(this, 'click', (e) => {
|
|
8967
|
+
const b = e.target.closest?.('.usa-ps-install');
|
|
8968
|
+
if (b && !b.disabled)
|
|
8969
|
+
void this.install(b.dataset.name);
|
|
8970
|
+
});
|
|
8971
|
+
this.search(q.value);
|
|
8972
|
+
}
|
|
8973
|
+
search(query) {
|
|
8974
|
+
const res = searchPlugins(query, this._list);
|
|
8975
|
+
const ul = this.querySelector('.usa-ps-list');
|
|
8976
|
+
const have = installedPlugins();
|
|
8977
|
+
if (ul) {
|
|
8978
|
+
ul.innerHTML = res
|
|
8979
|
+
.map((p) => `<li class="usa-ps-card"><div class="usa-ps-head"><b>${esc(p.title)}</b>${p.official ? '<span class="usa-ps-badge">official</span>' : ''}<small>${esc(p.since ? `since ${p.since}` : '')}</small></div><p>${esc(p.description)}</p><div class="usa-ps-fx">${p.effects.map((f) => `<code>${esc(f)}</code>`).join('')}</div><button type="button" class="usa-ps-install" data-name="${esc(p.name)}"${have[p.name] ? ' disabled data-done' : ''}>${have[p.name] ? 'Installed ✓' : 'Install'}</button></li>`)
|
|
8980
|
+
.join('');
|
|
8981
|
+
if (!this.reduced)
|
|
8982
|
+
ul.querySelectorAll('.usa-ps-card').forEach((c, i) => this.motion(c, [{ opacity: 0, transform: 'translateY(12px)' }, { opacity: 1, transform: 'none' }], { duration: 320, delay: Math.min(i, 8) * 50, easing: 'cubic-bezier(.2,.8,.2,1)', fill: 'backwards' }));
|
|
8983
|
+
}
|
|
8984
|
+
const c = this.querySelector('.usa-ps-count');
|
|
8985
|
+
if (c)
|
|
8986
|
+
c.textContent = `${res.length} plugin${res.length === 1 ? '' : 's'}`;
|
|
8987
|
+
return res;
|
|
8988
|
+
}
|
|
8989
|
+
async install(name) {
|
|
8990
|
+
const p = this._list.find((x) => x.name === name);
|
|
8991
|
+
const b = this.querySelector(`.usa-ps-install[data-name="${typeof CSS !== 'undefined' && CSS.escape ? CSS.escape(name) : name.replace(/["\\]/g, '\\$&')}"]`);
|
|
8992
|
+
if (!p)
|
|
8993
|
+
return [];
|
|
8994
|
+
if (b) {
|
|
8995
|
+
b.disabled = true;
|
|
8996
|
+
b.setAttribute('data-busy', '');
|
|
8997
|
+
b.textContent = 'Installing…';
|
|
8998
|
+
}
|
|
8999
|
+
try {
|
|
9000
|
+
const fx = await installPlugin(p, this.loader ? { load: this.loader } : {});
|
|
9001
|
+
if (b) {
|
|
9002
|
+
b.removeAttribute('data-busy');
|
|
9003
|
+
b.setAttribute('data-done', '');
|
|
9004
|
+
b.textContent = 'Installed ✓';
|
|
9005
|
+
if (!this.reduced)
|
|
9006
|
+
this.motion(b, [{ transform: 'scale(.9)' }, { transform: 'scale(1.08)', offset: 0.6 }, { transform: 'none' }], { duration: 360 });
|
|
9007
|
+
}
|
|
9008
|
+
this.emit('install', { name, effects: fx });
|
|
9009
|
+
return fx;
|
|
9010
|
+
}
|
|
9011
|
+
catch (e) {
|
|
9012
|
+
if (b) {
|
|
9013
|
+
b.disabled = false;
|
|
9014
|
+
b.removeAttribute('data-busy');
|
|
9015
|
+
b.textContent = 'Retry';
|
|
9016
|
+
}
|
|
9017
|
+
this.emit('install-error', { name, message: String(e?.message || e) });
|
|
9018
|
+
return [];
|
|
9019
|
+
}
|
|
9020
|
+
}
|
|
9021
|
+
}
|
|
9022
|
+
return UsaPluginStore;
|
|
9023
|
+
}, { id: 'plugin-store', text: css });
|
|
8902
9024
|
}
|
|
8903
9025
|
|
|
8904
9026
|
/**
|
|
@@ -8942,6 +9064,7 @@ const WIDGETS = {
|
|
|
8942
9064
|
'8.7': { 'usa-gyro-card': defineGyroCard, 'usa-gesture-sticker': defineGestureSticker },
|
|
8943
9065
|
'8.8': { 'usa-panorama': definePanorama, 'usa-spatial-card': defineSpatialCard },
|
|
8944
9066
|
'8.9': { 'usa-code-export': defineCodeExport, 'usa-prop-panel': definePropPanel },
|
|
9067
|
+
'9.0': { 'usa-motion': defineMotion, 'usa-plugin-store': definePluginStore },
|
|
8945
9068
|
};
|
|
8946
9069
|
/** Every widget tag, in release order. */
|
|
8947
9070
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -8953,5 +9076,5 @@ function defineWidgets(release) {
|
|
|
8953
9076
|
fn(tag);
|
|
8954
9077
|
}
|
|
8955
9078
|
|
|
8956
|
-
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, defineCodeExport, defineColorPicker, defineCommandPalette, defineCompare, defineCountdown, defineCubeGallery, defineDatePicker, defineDisclosure, defineDock, defineEqualizer, defineFestivalBanner, defineField, defineFileDrop, defineGauge, defineGestureSticker, defineGlobe, defineGyroCard, defineHudPanel, defineHydrate, defineKanban, defineKeyframeEditor, defineKpi, defineLeaderboard, defineLiquidNav, defineLocationCard, defineLyrics, defineMasonryFlow, defineMenu, defineMenuToggle, defineMessageList, defineMilestones, defineModal, defineMusicPlayer, defineNavMorph, defineNotificationBell, defineOdometer, defineOrganicCard, defineOtp, definePagination, definePanorama, definePresence, definePrizeWheel, defineProductGallery, defineProgressRing, definePropPanel, definePullCord, defineRadar, defineReactions, defineRedEnvelope, defineRetroButton, defineSegmented, defineSheet, defineShortcut, defineSkeletonReveal, defineSketchChart, defineSparkline, defineSpatialCard, defineStarRating, defineStepper, defineStickyWall, defineStories, defineSuggestionChips, defineSwipeDeck, defineSwitch, defineTabBar, defineTerminal, defineThemeSurface, defineThemeSwitcher, defineTip, defineToastStack, defineUploadProgress, defineVoiceButton, defineVolumeKnob, defineWeatherCard, defineWidgets, defineXpBar, describeComponent, exportComponent, formatBytes, formatDistance, fuzzyMatch, haversine, hexToHsv, hsvToHex, initials, keyLabels, levelFor, matchesKeys, monthGrid, pageWindow, parseChips, parseISODate, parseLRC, parseMarkers, parseProps, parseReactions, parseTargets, passwordStrength, project, rankRows, sanitizeCode, sparkPoints, splitTime, stackToast, waveBars, wheelAngle, wrapIndex };
|
|
9079
|
+
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, defineCodeExport, defineColorPicker, defineCommandPalette, defineCompare, defineCountdown, defineCubeGallery, defineDatePicker, defineDisclosure, defineDock, defineEqualizer, defineFestivalBanner, defineField, defineFileDrop, defineGauge, defineGestureSticker, defineGlobe, defineGyroCard, defineHudPanel, defineHydrate, defineKanban, defineKeyframeEditor, defineKpi, defineLeaderboard, defineLiquidNav, defineLocationCard, defineLyrics, defineMasonryFlow, defineMenu, defineMenuToggle, defineMessageList, defineMilestones, defineModal, defineMotion, defineMusicPlayer, defineNavMorph, defineNotificationBell, defineOdometer, defineOrganicCard, defineOtp, definePagination, definePanorama, definePluginStore, definePresence, definePrizeWheel, defineProductGallery, defineProgressRing, definePropPanel, definePullCord, defineRadar, defineReactions, defineRedEnvelope, defineRetroButton, defineSegmented, defineSheet, defineShortcut, defineSkeletonReveal, defineSketchChart, defineSparkline, defineSpatialCard, defineStarRating, defineStepper, defineStickyWall, defineStories, defineSuggestionChips, defineSwipeDeck, defineSwitch, defineTabBar, defineTerminal, defineThemeSurface, defineThemeSwitcher, defineTip, defineToastStack, defineUploadProgress, defineVoiceButton, defineVolumeKnob, defineWeatherCard, defineWidgets, defineXpBar, describeComponent, exportComponent, formatBytes, formatDistance, fuzzyMatch, haversine, hexToHsv, hsvToHex, initials, keyLabels, levelFor, matchesKeys, monthGrid, pageWindow, parseChips, parseISODate, parseLRC, parseMarkers, parseProps, parseReactions, parseTargets, passwordStrength, project, rankRows, sanitizeCode, sparkPoints, splitTime, stackToast, waveBars, wheelAngle, wrapIndex };
|
|
8957
9080
|
//# sourceMappingURL=widgets.js.map
|