use-scroll-animate 8.8.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 +38 -0
- package/README.md +2 -2
- package/README_ja.md +2 -2
- package/README_zh.md +2 -2
- package/bin/usa-codemod-9.mjs +71 -0
- 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 +14 -14
- package/dist/components/effects.cjs.map +1 -1
- package/dist/components/effects.d.cts +8 -8
- package/dist/components/effects.d.ts +8 -8
- package/dist/components/effects.js +11 -11
- 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 +593 -186
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +152 -2
- package/dist/components/widgets.d.ts +152 -2
- package/dist/components/widgets.js +587 -187
- 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 +40 -4
- package/docs/deprecations.md +4 -0
- package/docs/upgrading-9.md +37 -0
- package/package.json +33 -2
|
@@ -12,9 +12,12 @@ var components_fxPaper = require('./fx-paper.cjs');
|
|
|
12
12
|
var components_fxSurface = require('./fx-surface.cjs');
|
|
13
13
|
var components_fxGesture = require('./fx-gesture.cjs');
|
|
14
14
|
var components_fxSpatial = require('./fx-spatial.cjs');
|
|
15
|
+
var components_dsl = require('./dsl.cjs');
|
|
16
|
+
var components_marketplace = require('./marketplace.cjs');
|
|
15
17
|
require('../chunks/core-CwO835Wm.cjs');
|
|
16
18
|
require('./tokens.cjs');
|
|
17
19
|
require('../chunks/fx-C-XjLOTc.cjs');
|
|
20
|
+
require('../chunks/manifest-B08-vo9G.cjs');
|
|
18
21
|
|
|
19
22
|
/** Helpers shared by the 6.x widgets (`motionary/components/widgets`). */
|
|
20
23
|
const clampN = (v, a, b) => Math.min(b, Math.max(a, v));
|
|
@@ -51,7 +54,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
51
54
|
return -1;
|
|
52
55
|
}
|
|
53
56
|
|
|
54
|
-
var css$
|
|
57
|
+
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}";
|
|
55
58
|
|
|
56
59
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
57
60
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -240,10 +243,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
240
243
|
}
|
|
241
244
|
}
|
|
242
245
|
return UsaCarousel;
|
|
243
|
-
}, { id: 'carousel', text: css$
|
|
246
|
+
}, { id: 'carousel', text: css$1h });
|
|
244
247
|
}
|
|
245
248
|
|
|
246
|
-
var css$
|
|
249
|
+
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}";
|
|
247
250
|
|
|
248
251
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
249
252
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -356,10 +359,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
356
359
|
}
|
|
357
360
|
}
|
|
358
361
|
return UsaTabBar;
|
|
359
|
-
}, { id: 'tab-bar', text: css$
|
|
362
|
+
}, { id: 'tab-bar', text: css$1g });
|
|
360
363
|
}
|
|
361
364
|
|
|
362
|
-
var css$
|
|
365
|
+
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}}";
|
|
363
366
|
|
|
364
367
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
365
368
|
return base.defineElement(tag, (Base) => {
|
|
@@ -427,10 +430,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
427
430
|
}
|
|
428
431
|
}
|
|
429
432
|
return UsaDisclosure;
|
|
430
|
-
}, { id: 'disclosure', text: css$
|
|
433
|
+
}, { id: 'disclosure', text: css$1f });
|
|
431
434
|
}
|
|
432
435
|
|
|
433
|
-
var css$
|
|
436
|
+
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}}";
|
|
434
437
|
|
|
435
438
|
function defineStories(tag = 'usa-stories') {
|
|
436
439
|
return base.defineElement(tag, (Base) => {
|
|
@@ -563,10 +566,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
563
566
|
}
|
|
564
567
|
}
|
|
565
568
|
return UsaStories;
|
|
566
|
-
}, { id: 'stories', text: css$
|
|
569
|
+
}, { id: 'stories', text: css$1e });
|
|
567
570
|
}
|
|
568
571
|
|
|
569
|
-
var css$
|
|
572
|
+
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)}}";
|
|
570
573
|
|
|
571
574
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
572
575
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -793,12 +796,12 @@ function defineOverlay(tag, kind) {
|
|
|
793
796
|
}
|
|
794
797
|
}
|
|
795
798
|
return UsaOverlay;
|
|
796
|
-
}, { id: 'overlay', text: css$
|
|
799
|
+
}, { id: 'overlay', text: css$1d });
|
|
797
800
|
}
|
|
798
801
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
799
802
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
800
803
|
|
|
801
|
-
var css$
|
|
804
|
+
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}}";
|
|
802
805
|
|
|
803
806
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
804
807
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -969,7 +972,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
969
972
|
}
|
|
970
973
|
}
|
|
971
974
|
return UsaToastStack;
|
|
972
|
-
}, { id: 'toast', text: css$
|
|
975
|
+
}, { id: 'toast', text: css$1c });
|
|
973
976
|
}
|
|
974
977
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
975
978
|
function stackToast(input, stack) {
|
|
@@ -997,7 +1000,7 @@ function installToastTriggers() {
|
|
|
997
1000
|
});
|
|
998
1001
|
}
|
|
999
1002
|
|
|
1000
|
-
var css$
|
|
1003
|
+
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)}}";
|
|
1001
1004
|
|
|
1002
1005
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
1003
1006
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1136,10 +1139,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1136
1139
|
}
|
|
1137
1140
|
}
|
|
1138
1141
|
return UsaMenu;
|
|
1139
|
-
}, { id: 'menu', text: css$
|
|
1142
|
+
}, { id: 'menu', text: css$1b });
|
|
1140
1143
|
}
|
|
1141
1144
|
|
|
1142
|
-
var css$
|
|
1145
|
+
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}}";
|
|
1143
1146
|
|
|
1144
1147
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1145
1148
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1279,7 +1282,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1279
1282
|
}
|
|
1280
1283
|
}
|
|
1281
1284
|
return UsaProgressRing;
|
|
1282
|
-
}, { id: 'meters', text: css$
|
|
1285
|
+
}, { id: 'meters', text: css$1a });
|
|
1283
1286
|
}
|
|
1284
1287
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1285
1288
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1389,10 +1392,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1389
1392
|
}
|
|
1390
1393
|
}
|
|
1391
1394
|
return UsaOdometer;
|
|
1392
|
-
}, { id: 'meters', text: css$
|
|
1395
|
+
}, { id: 'meters', text: css$1a });
|
|
1393
1396
|
}
|
|
1394
1397
|
|
|
1395
|
-
var css$
|
|
1398
|
+
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}}";
|
|
1396
1399
|
|
|
1397
1400
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1398
1401
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1507,10 +1510,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1507
1510
|
}
|
|
1508
1511
|
}
|
|
1509
1512
|
return UsaSkeletonReveal;
|
|
1510
|
-
}, { id: 'skeleton-reveal', text: css$
|
|
1513
|
+
}, { id: 'skeleton-reveal', text: css$19 });
|
|
1511
1514
|
}
|
|
1512
1515
|
|
|
1513
|
-
var css$
|
|
1516
|
+
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}}";
|
|
1514
1517
|
|
|
1515
1518
|
const PATHS = {
|
|
1516
1519
|
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',
|
|
@@ -1647,10 +1650,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1647
1650
|
}
|
|
1648
1651
|
UsaStarRating.formAssociated = true;
|
|
1649
1652
|
return UsaStarRating;
|
|
1650
|
-
}, { id: 'star-rating', text: css$
|
|
1653
|
+
}, { id: 'star-rating', text: css$18 });
|
|
1651
1654
|
}
|
|
1652
1655
|
|
|
1653
|
-
var css$
|
|
1656
|
+
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}}";
|
|
1654
1657
|
|
|
1655
1658
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1656
1659
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1738,10 +1741,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1738
1741
|
}
|
|
1739
1742
|
}
|
|
1740
1743
|
return UsaMilestones;
|
|
1741
|
-
}, { id: 'milestones', text: css$
|
|
1744
|
+
}, { id: 'milestones', text: css$17 });
|
|
1742
1745
|
}
|
|
1743
1746
|
|
|
1744
|
-
var css$
|
|
1747
|
+
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}";
|
|
1745
1748
|
|
|
1746
1749
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1747
1750
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1862,10 +1865,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1862
1865
|
}
|
|
1863
1866
|
}
|
|
1864
1867
|
return UsaMasonryFlow;
|
|
1865
|
-
}, { id: 'masonry-flow', text: css$
|
|
1868
|
+
}, { id: 'masonry-flow', text: css$16 });
|
|
1866
1869
|
}
|
|
1867
1870
|
|
|
1868
|
-
var css$
|
|
1871
|
+
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}";
|
|
1869
1872
|
|
|
1870
1873
|
function defineCompare(tag = 'usa-compare') {
|
|
1871
1874
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1989,10 +1992,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1989
1992
|
}
|
|
1990
1993
|
}
|
|
1991
1994
|
return UsaCompare;
|
|
1992
|
-
}, { id: 'compare', text: css$
|
|
1995
|
+
}, { id: 'compare', text: css$15 });
|
|
1993
1996
|
}
|
|
1994
1997
|
|
|
1995
|
-
var css$
|
|
1998
|
+
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}";
|
|
1996
1999
|
|
|
1997
2000
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
1998
2001
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2125,10 +2128,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2125
2128
|
}
|
|
2126
2129
|
}
|
|
2127
2130
|
return UsaCubeGallery;
|
|
2128
|
-
}, { id: 'cube-gallery', text: css$
|
|
2131
|
+
}, { id: 'cube-gallery', text: css$14 });
|
|
2129
2132
|
}
|
|
2130
2133
|
|
|
2131
|
-
var css
|
|
2134
|
+
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}}";
|
|
2132
2135
|
|
|
2133
2136
|
function defineDock(tag = 'usa-dock') {
|
|
2134
2137
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2196,10 +2199,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2196
2199
|
}
|
|
2197
2200
|
}
|
|
2198
2201
|
return UsaDock;
|
|
2199
|
-
}, { id: 'dock', text: css
|
|
2202
|
+
}, { id: 'dock', text: css$13 });
|
|
2200
2203
|
}
|
|
2201
2204
|
|
|
2202
|
-
var css$
|
|
2205
|
+
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)}";
|
|
2203
2206
|
|
|
2204
2207
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2205
2208
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2303,10 +2306,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2303
2306
|
}
|
|
2304
2307
|
}
|
|
2305
2308
|
return UsaNavMorph;
|
|
2306
|
-
}, { id: 'nav-morph', text: css$
|
|
2309
|
+
}, { id: 'nav-morph', text: css$12 });
|
|
2307
2310
|
}
|
|
2308
2311
|
|
|
2309
|
-
var css$
|
|
2312
|
+
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}";
|
|
2310
2313
|
|
|
2311
2314
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2312
2315
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2379,10 +2382,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2379
2382
|
}
|
|
2380
2383
|
}
|
|
2381
2384
|
return UsaMenuToggle;
|
|
2382
|
-
}, { id: 'menu-toggle', text: css$
|
|
2385
|
+
}, { id: 'menu-toggle', text: css$11 });
|
|
2383
2386
|
}
|
|
2384
2387
|
|
|
2385
|
-
var css$
|
|
2388
|
+
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)}";
|
|
2386
2389
|
|
|
2387
2390
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2388
2391
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2514,10 +2517,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2514
2517
|
}
|
|
2515
2518
|
}
|
|
2516
2519
|
return UsaTip;
|
|
2517
|
-
}, { id: 'tip', text: css$
|
|
2520
|
+
}, { id: 'tip', text: css$10 });
|
|
2518
2521
|
}
|
|
2519
2522
|
|
|
2520
|
-
var css
|
|
2523
|
+
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}}";
|
|
2521
2524
|
|
|
2522
2525
|
function defineStepper(tag = 'usa-stepper') {
|
|
2523
2526
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2614,10 +2617,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2614
2617
|
}
|
|
2615
2618
|
}
|
|
2616
2619
|
return UsaStepper;
|
|
2617
|
-
}, { id: 'stepper', text: css
|
|
2620
|
+
}, { id: 'stepper', text: css$$ });
|
|
2618
2621
|
}
|
|
2619
2622
|
|
|
2620
|
-
var css$
|
|
2623
|
+
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}}";
|
|
2621
2624
|
|
|
2622
2625
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2623
2626
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2739,10 +2742,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2739
2742
|
}
|
|
2740
2743
|
}
|
|
2741
2744
|
return UsaPagination;
|
|
2742
|
-
}, { id: 'pagination', text: css$
|
|
2745
|
+
}, { id: 'pagination', text: css$_ });
|
|
2743
2746
|
}
|
|
2744
2747
|
|
|
2745
|
-
var css$
|
|
2748
|
+
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}}";
|
|
2746
2749
|
|
|
2747
2750
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2748
2751
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2836,10 +2839,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2836
2839
|
}
|
|
2837
2840
|
}
|
|
2838
2841
|
return UsaSegmented;
|
|
2839
|
-
}, { id: 'segmented', text: css$
|
|
2842
|
+
}, { id: 'segmented', text: css$Z });
|
|
2840
2843
|
}
|
|
2841
2844
|
|
|
2842
|
-
var css$
|
|
2845
|
+
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}}";
|
|
2843
2846
|
|
|
2844
2847
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2845
2848
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2927,10 +2930,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2927
2930
|
}
|
|
2928
2931
|
}
|
|
2929
2932
|
return UsaSwitch;
|
|
2930
|
-
}, { id: 'switch', text: css$
|
|
2933
|
+
}, { id: 'switch', text: css$Y });
|
|
2931
2934
|
}
|
|
2932
2935
|
|
|
2933
|
-
var css$
|
|
2936
|
+
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}}";
|
|
2934
2937
|
|
|
2935
2938
|
function defineKanban(tag = 'usa-kanban') {
|
|
2936
2939
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3135,10 +3138,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3135
3138
|
}
|
|
3136
3139
|
}
|
|
3137
3140
|
return UsaKanban;
|
|
3138
|
-
}, { id: 'kanban', text: css$
|
|
3141
|
+
}, { id: 'kanban', text: css$X });
|
|
3139
3142
|
}
|
|
3140
3143
|
|
|
3141
|
-
var css$
|
|
3144
|
+
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}}";
|
|
3142
3145
|
|
|
3143
3146
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3144
3147
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3280,10 +3283,10 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3280
3283
|
}
|
|
3281
3284
|
}
|
|
3282
3285
|
return UsaSwipeDeck;
|
|
3283
|
-
}, { id: 'swipe-deck', text: css$
|
|
3286
|
+
}, { id: 'swipe-deck', text: css$W });
|
|
3284
3287
|
}
|
|
3285
3288
|
|
|
3286
|
-
var css$
|
|
3289
|
+
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}}";
|
|
3287
3290
|
|
|
3288
3291
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3289
3292
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
@@ -3364,10 +3367,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3364
3367
|
}
|
|
3365
3368
|
}
|
|
3366
3369
|
return UsaWeatherCard;
|
|
3367
|
-
}, { id: 'weather-card', text: css$
|
|
3370
|
+
}, { id: 'weather-card', text: css$V });
|
|
3368
3371
|
}
|
|
3369
3372
|
|
|
3370
|
-
var css$
|
|
3373
|
+
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}}";
|
|
3371
3374
|
|
|
3372
3375
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3373
3376
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3496,10 +3499,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3496
3499
|
}
|
|
3497
3500
|
}
|
|
3498
3501
|
return UsaPullCord;
|
|
3499
|
-
}, { id: 'pull-cord', text: css$
|
|
3502
|
+
}, { id: 'pull-cord', text: css$U });
|
|
3500
3503
|
}
|
|
3501
3504
|
|
|
3502
|
-
var css$
|
|
3505
|
+
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}}";
|
|
3503
3506
|
|
|
3504
3507
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3505
3508
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3648,10 +3651,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3648
3651
|
}
|
|
3649
3652
|
}
|
|
3650
3653
|
return UsaDatePicker;
|
|
3651
|
-
}, { id: 'date-picker', text: css$
|
|
3654
|
+
}, { id: 'date-picker', text: css$T });
|
|
3652
3655
|
}
|
|
3653
3656
|
|
|
3654
|
-
var css$
|
|
3657
|
+
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}}";
|
|
3655
3658
|
|
|
3656
3659
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3657
3660
|
function hsvToHex(h, s, v) {
|
|
@@ -3771,10 +3774,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3771
3774
|
}
|
|
3772
3775
|
}
|
|
3773
3776
|
return UsaColorPicker;
|
|
3774
|
-
}, { id: 'color-picker', text: css$
|
|
3777
|
+
}, { id: 'color-picker', text: css$S });
|
|
3775
3778
|
}
|
|
3776
3779
|
|
|
3777
|
-
var css$
|
|
3780
|
+
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}}";
|
|
3778
3781
|
|
|
3779
3782
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3780
3783
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3875,10 +3878,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3875
3878
|
}
|
|
3876
3879
|
}
|
|
3877
3880
|
return UsaFileDrop;
|
|
3878
|
-
}, { id: 'file-drop', text: css$
|
|
3881
|
+
}, { id: 'file-drop', text: css$R });
|
|
3879
3882
|
}
|
|
3880
3883
|
|
|
3881
|
-
var css$
|
|
3884
|
+
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}}";
|
|
3882
3885
|
|
|
3883
3886
|
const DEFAULT = {
|
|
3884
3887
|
format: player.ANIMATION_FORMAT,
|
|
@@ -4052,10 +4055,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4052
4055
|
}
|
|
4053
4056
|
}
|
|
4054
4057
|
return UsaKeyframeEditor;
|
|
4055
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4058
|
+
}, { id: 'keyframe-editor', text: css$Q });
|
|
4056
4059
|
}
|
|
4057
4060
|
|
|
4058
|
-
var css$
|
|
4061
|
+
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}}";
|
|
4059
4062
|
|
|
4060
4063
|
const fmt = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4061
4064
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4216,10 +4219,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4216
4219
|
}
|
|
4217
4220
|
}
|
|
4218
4221
|
return UsaMusicPlayer;
|
|
4219
|
-
}, { id: 'music-player', text: css$
|
|
4222
|
+
}, { id: 'music-player', text: css$P });
|
|
4220
4223
|
}
|
|
4221
4224
|
|
|
4222
|
-
var css$
|
|
4225
|
+
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}}";
|
|
4223
4226
|
|
|
4224
4227
|
const ARC = 270;
|
|
4225
4228
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4310,10 +4313,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4310
4313
|
}
|
|
4311
4314
|
}
|
|
4312
4315
|
return UsaVolumeKnob;
|
|
4313
|
-
}, { id: 'volume-knob', text: css$
|
|
4316
|
+
}, { id: 'volume-knob', text: css$O });
|
|
4314
4317
|
}
|
|
4315
4318
|
|
|
4316
|
-
var css$
|
|
4319
|
+
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}}";
|
|
4317
4320
|
|
|
4318
4321
|
const EQ_PRESETS = {
|
|
4319
4322
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4411,10 +4414,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4411
4414
|
}
|
|
4412
4415
|
}
|
|
4413
4416
|
return UsaEqualizer;
|
|
4414
|
-
}, { id: 'equalizer', text: css$
|
|
4417
|
+
}, { id: 'equalizer', text: css$N });
|
|
4415
4418
|
}
|
|
4416
4419
|
|
|
4417
|
-
var css$
|
|
4420
|
+
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}}";
|
|
4418
4421
|
|
|
4419
4422
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4420
4423
|
function parseLRC(src) {
|
|
@@ -4526,10 +4529,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4526
4529
|
}
|
|
4527
4530
|
}
|
|
4528
4531
|
return UsaLyrics;
|
|
4529
|
-
}, { id: 'lyrics', text: css$
|
|
4532
|
+
}, { id: 'lyrics', text: css$M });
|
|
4530
4533
|
}
|
|
4531
4534
|
|
|
4532
|
-
var css$
|
|
4535
|
+
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}}";
|
|
4533
4536
|
|
|
4534
4537
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4535
4538
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4623,10 +4626,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4623
4626
|
}
|
|
4624
4627
|
}
|
|
4625
4628
|
return UsaBarChart;
|
|
4626
|
-
}, { id: 'bar-chart', text: css$
|
|
4629
|
+
}, { id: 'bar-chart', text: css$L });
|
|
4627
4630
|
}
|
|
4628
4631
|
|
|
4629
|
-
var css$
|
|
4632
|
+
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)}";
|
|
4630
4633
|
|
|
4631
4634
|
function defineGauge(tag = 'usa-gauge') {
|
|
4632
4635
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4711,10 +4714,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4711
4714
|
}
|
|
4712
4715
|
}
|
|
4713
4716
|
return UsaGauge;
|
|
4714
|
-
}, { id: 'gauge', text: css$
|
|
4717
|
+
}, { id: 'gauge', text: css$K });
|
|
4715
4718
|
}
|
|
4716
4719
|
|
|
4717
|
-
var css$
|
|
4720
|
+
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}}";
|
|
4718
4721
|
|
|
4719
4722
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4720
4723
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4837,7 +4840,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4837
4840
|
}
|
|
4838
4841
|
}
|
|
4839
4842
|
return UsaSparkline;
|
|
4840
|
-
}, { id: 'sparkline', text: css$
|
|
4843
|
+
}, { id: 'sparkline', text: css$J });
|
|
4841
4844
|
}
|
|
4842
4845
|
|
|
4843
4846
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4850,7 +4853,7 @@ function parseFigureText(s) {
|
|
|
4850
4853
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4851
4854
|
}
|
|
4852
4855
|
|
|
4853
|
-
var css$
|
|
4856
|
+
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}";
|
|
4854
4857
|
|
|
4855
4858
|
function defineKpi(tag = 'usa-kpi') {
|
|
4856
4859
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4930,10 +4933,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4930
4933
|
}
|
|
4931
4934
|
}
|
|
4932
4935
|
return UsaKpi;
|
|
4933
|
-
}, { id: 'kpi', text: css$
|
|
4936
|
+
}, { id: 'kpi', text: css$I });
|
|
4934
4937
|
}
|
|
4935
4938
|
|
|
4936
|
-
var css$
|
|
4939
|
+
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}}";
|
|
4937
4940
|
|
|
4938
4941
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4939
4942
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4978,10 +4981,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4978
4981
|
}
|
|
4979
4982
|
}
|
|
4980
4983
|
return UsaAddToCart;
|
|
4981
|
-
}, { id: 'add-to-cart', text: css$
|
|
4984
|
+
}, { id: 'add-to-cart', text: css$H });
|
|
4982
4985
|
}
|
|
4983
4986
|
|
|
4984
|
-
var css$
|
|
4987
|
+
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}";
|
|
4985
4988
|
|
|
4986
4989
|
/** Cart total (7.3). */
|
|
4987
4990
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5146,10 +5149,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5146
5149
|
}
|
|
5147
5150
|
}
|
|
5148
5151
|
return UsaCartDrawer;
|
|
5149
|
-
}, { id: 'cart-drawer', text: css$
|
|
5152
|
+
}, { id: 'cart-drawer', text: css$G });
|
|
5150
5153
|
}
|
|
5151
5154
|
|
|
5152
|
-
var css$
|
|
5155
|
+
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}}";
|
|
5153
5156
|
|
|
5154
5157
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5155
5158
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5263,10 +5266,10 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5263
5266
|
}
|
|
5264
5267
|
}
|
|
5265
5268
|
return UsaProductGallery;
|
|
5266
|
-
}, { id: 'product-gallery', text: css$
|
|
5269
|
+
}, { id: 'product-gallery', text: css$F });
|
|
5267
5270
|
}
|
|
5268
5271
|
|
|
5269
|
-
var css$
|
|
5272
|
+
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)}";
|
|
5270
5273
|
|
|
5271
5274
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5272
5275
|
function splitTime(sec) {
|
|
@@ -5354,10 +5357,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5354
5357
|
}
|
|
5355
5358
|
}
|
|
5356
5359
|
return UsaCountdown;
|
|
5357
|
-
}, { id: 'countdown', text: css$
|
|
5360
|
+
}, { id: 'countdown', text: css$E });
|
|
5358
5361
|
}
|
|
5359
5362
|
|
|
5360
|
-
var css$
|
|
5363
|
+
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}}";
|
|
5361
5364
|
|
|
5362
5365
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5363
5366
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5444,10 +5447,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5444
5447
|
}
|
|
5445
5448
|
}
|
|
5446
5449
|
return UsaMessageList;
|
|
5447
|
-
}, { id: 'message-list', text: css$
|
|
5450
|
+
}, { id: 'message-list', text: css$D });
|
|
5448
5451
|
}
|
|
5449
5452
|
|
|
5450
|
-
var css$
|
|
5453
|
+
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}";
|
|
5451
5454
|
|
|
5452
5455
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5453
5456
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5549,10 +5552,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5549
5552
|
}
|
|
5550
5553
|
}
|
|
5551
5554
|
return UsaReactions;
|
|
5552
|
-
}, { id: 'reactions', text: css$
|
|
5555
|
+
}, { id: 'reactions', text: css$C });
|
|
5553
5556
|
}
|
|
5554
5557
|
|
|
5555
|
-
var css$
|
|
5558
|
+
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}";
|
|
5556
5559
|
|
|
5557
5560
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5558
5561
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5647,10 +5650,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5647
5650
|
}
|
|
5648
5651
|
}
|
|
5649
5652
|
return UsaNotificationBell;
|
|
5650
|
-
}, { id: 'notification-bell', text: css$
|
|
5653
|
+
}, { id: 'notification-bell', text: css$B });
|
|
5651
5654
|
}
|
|
5652
5655
|
|
|
5653
|
-
var css$
|
|
5656
|
+
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}}";
|
|
5654
5657
|
|
|
5655
5658
|
/** Presence states (7.4). */
|
|
5656
5659
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5720,10 +5723,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5720
5723
|
}
|
|
5721
5724
|
}
|
|
5722
5725
|
return UsaPresence;
|
|
5723
|
-
}, { id: 'presence', text: css$
|
|
5726
|
+
}, { id: 'presence', text: css$A });
|
|
5724
5727
|
}
|
|
5725
5728
|
|
|
5726
|
-
var css$
|
|
5729
|
+
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)}";
|
|
5727
5730
|
|
|
5728
5731
|
/** Sort rows by score desc, then name (7.5). */
|
|
5729
5732
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5832,10 +5835,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5832
5835
|
}
|
|
5833
5836
|
}
|
|
5834
5837
|
return UsaLeaderboard;
|
|
5835
|
-
}, { id: 'leaderboard', text: css$
|
|
5838
|
+
}, { id: 'leaderboard', text: css$z });
|
|
5836
5839
|
}
|
|
5837
5840
|
|
|
5838
|
-
var css$
|
|
5841
|
+
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)}";
|
|
5839
5842
|
|
|
5840
5843
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5841
5844
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5932,10 +5935,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5932
5935
|
}
|
|
5933
5936
|
}
|
|
5934
5937
|
return UsaXpBar;
|
|
5935
|
-
}, { id: 'xp-bar', text: css$
|
|
5938
|
+
}, { id: 'xp-bar', text: css$y });
|
|
5936
5939
|
}
|
|
5937
5940
|
|
|
5938
|
-
var css$
|
|
5941
|
+
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}}";
|
|
5939
5942
|
|
|
5940
5943
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5941
5944
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -6002,10 +6005,10 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
6002
6005
|
}
|
|
6003
6006
|
}
|
|
6004
6007
|
return UsaBadgeWall;
|
|
6005
|
-
}, { id: 'badge-wall', text: css$
|
|
6008
|
+
}, { id: 'badge-wall', text: css$x });
|
|
6006
6009
|
}
|
|
6007
6010
|
|
|
6008
|
-
var css$
|
|
6011
|
+
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)}";
|
|
6009
6012
|
|
|
6010
6013
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6011
6014
|
function wheelAngle(index, count, turns = 5) {
|
|
@@ -6085,10 +6088,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6085
6088
|
}
|
|
6086
6089
|
}
|
|
6087
6090
|
return UsaPrizeWheel;
|
|
6088
|
-
}, { id: 'prize-wheel', text: css$
|
|
6091
|
+
}, { id: 'prize-wheel', text: css$w });
|
|
6089
6092
|
}
|
|
6090
6093
|
|
|
6091
|
-
var css$
|
|
6094
|
+
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}}";
|
|
6092
6095
|
|
|
6093
6096
|
const RAD = Math.PI / 180;
|
|
6094
6097
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6245,10 +6248,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6245
6248
|
}
|
|
6246
6249
|
}
|
|
6247
6250
|
return UsaGlobe;
|
|
6248
|
-
}, { id: 'globe', text: css$
|
|
6251
|
+
}, { id: 'globe', text: css$v });
|
|
6249
6252
|
}
|
|
6250
6253
|
|
|
6251
|
-
var css$
|
|
6254
|
+
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}";
|
|
6252
6255
|
|
|
6253
6256
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6254
6257
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6264,7 +6267,7 @@ function formatDistance(km, unit = 'km') {
|
|
|
6264
6267
|
}
|
|
6265
6268
|
return km < 1 ? `${Math.round(km * 1000)} m` : `${km < 10 ? km.toFixed(1) : Math.round(km)} km`;
|
|
6266
6269
|
}
|
|
6267
|
-
const esc$
|
|
6270
|
+
const esc$e = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6268
6271
|
function defineLocationCard(tag = 'usa-location-card') {
|
|
6269
6272
|
return base.defineElement(tag, (Base) => {
|
|
6270
6273
|
class UsaLocationCard extends Base {
|
|
@@ -6289,7 +6292,7 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6289
6292
|
const dist = this.str('distance') || (km === null ? '' : formatDistance(km, this.str('unit') === 'mi' ? 'mi' : 'km'));
|
|
6290
6293
|
const href = this.str('href');
|
|
6291
6294
|
const origin = km !== null;
|
|
6292
|
-
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$
|
|
6295
|
+
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>`);
|
|
6293
6296
|
if (origin)
|
|
6294
6297
|
this.setAttribute('data-route', '');
|
|
6295
6298
|
else
|
|
@@ -6322,10 +6325,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6322
6325
|
}
|
|
6323
6326
|
}
|
|
6324
6327
|
return UsaLocationCard;
|
|
6325
|
-
}, { id: 'location-card', text: css$
|
|
6328
|
+
}, { id: 'location-card', text: css$u });
|
|
6326
6329
|
}
|
|
6327
6330
|
|
|
6328
|
-
var css$
|
|
6331
|
+
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}}";
|
|
6329
6332
|
|
|
6330
6333
|
/** 0–4 password strength score with a label (7.7). */
|
|
6331
6334
|
function passwordStrength(pw) {
|
|
@@ -6347,7 +6350,7 @@ function passwordStrength(pw) {
|
|
|
6347
6350
|
const score = Math.min(4, s);
|
|
6348
6351
|
return { score, label: ['Too short', 'Weak', 'Fair', 'Good', 'Strong'][score] };
|
|
6349
6352
|
}
|
|
6350
|
-
const esc$
|
|
6353
|
+
const esc$d = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6351
6354
|
let uid$2 = 0;
|
|
6352
6355
|
const PASS = ['type', 'name', 'required', 'pattern', 'minlength', 'maxlength', 'autocomplete', 'inputmode', 'placeholder'];
|
|
6353
6356
|
function defineField(tag = 'usa-field') {
|
|
@@ -6381,9 +6384,9 @@ function defineField(tag = 'usa-field') {
|
|
|
6381
6384
|
const id = this._id;
|
|
6382
6385
|
const strength = this.flag('strength');
|
|
6383
6386
|
const attrs = PASS.filter((a) => this.hasAttribute(a))
|
|
6384
|
-
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$
|
|
6387
|
+
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$d(this.str(a))}"`))
|
|
6385
6388
|
.join('');
|
|
6386
|
-
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$
|
|
6389
|
+
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>`);
|
|
6387
6390
|
const input = this.input;
|
|
6388
6391
|
input.value = keep;
|
|
6389
6392
|
this.listen(input, 'input', () => {
|
|
@@ -6451,10 +6454,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6451
6454
|
}
|
|
6452
6455
|
}
|
|
6453
6456
|
return UsaField;
|
|
6454
|
-
}, { id: 'field', text: css$
|
|
6457
|
+
}, { id: 'field', text: css$t });
|
|
6455
6458
|
}
|
|
6456
6459
|
|
|
6457
|
-
var css$
|
|
6460
|
+
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}}";
|
|
6458
6461
|
|
|
6459
6462
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6460
6463
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6585,10 +6588,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6585
6588
|
}
|
|
6586
6589
|
}
|
|
6587
6590
|
return UsaOtp;
|
|
6588
|
-
}, { id: 'otp', text: css$
|
|
6591
|
+
}, { id: 'otp', text: css$s });
|
|
6589
6592
|
}
|
|
6590
6593
|
|
|
6591
|
-
var css$
|
|
6594
|
+
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}}";
|
|
6592
6595
|
|
|
6593
6596
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6594
6597
|
function formatBytes(n) {
|
|
@@ -6602,7 +6605,7 @@ function formatBytes(n) {
|
|
|
6602
6605
|
}
|
|
6603
6606
|
return `${i === 0 ? Math.round(n) : n < 10 ? n.toFixed(1) : Math.round(n)} ${u[i]}`;
|
|
6604
6607
|
}
|
|
6605
|
-
const esc$
|
|
6608
|
+
const esc$c = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6606
6609
|
function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
6607
6610
|
return base.defineElement(tag, (Base) => {
|
|
6608
6611
|
class UsaUploadProgress extends Base {
|
|
@@ -6630,7 +6633,7 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6630
6633
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6631
6634
|
const name = this.str('name', 'file');
|
|
6632
6635
|
const size = formatBytes(this.num('size', NaN));
|
|
6633
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$
|
|
6636
|
+
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>`);
|
|
6634
6637
|
this.listen(this.querySelector('.usa-up-retry'), 'click', () => this.emit('retry', { name }));
|
|
6635
6638
|
this._shown = 0;
|
|
6636
6639
|
this.render(true);
|
|
@@ -6671,12 +6674,12 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6671
6674
|
}
|
|
6672
6675
|
}
|
|
6673
6676
|
return UsaUploadProgress;
|
|
6674
|
-
}, { id: 'upload-progress', text: css$
|
|
6677
|
+
}, { id: 'upload-progress', text: css$r });
|
|
6675
6678
|
}
|
|
6676
6679
|
|
|
6677
|
-
var css$
|
|
6680
|
+
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}}";
|
|
6678
6681
|
|
|
6679
|
-
const esc$
|
|
6682
|
+
const esc$b = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6680
6683
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
6681
6684
|
return base.defineElement(tag, (Base) => {
|
|
6682
6685
|
class UsaChatComposer extends Base {
|
|
@@ -6706,7 +6709,7 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6706
6709
|
const keep = this.area?.value ?? this.str('value');
|
|
6707
6710
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6708
6711
|
const label = this.str('label', 'Message');
|
|
6709
|
-
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$
|
|
6712
|
+
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>`);
|
|
6710
6713
|
const a = this.area;
|
|
6711
6714
|
a.value = keep;
|
|
6712
6715
|
this.listen(a, 'input', () => this.sync());
|
|
@@ -6772,10 +6775,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6772
6775
|
}
|
|
6773
6776
|
}
|
|
6774
6777
|
return UsaChatComposer;
|
|
6775
|
-
}, { id: 'chat-composer', text: css$
|
|
6778
|
+
}, { id: 'chat-composer', text: css$q });
|
|
6776
6779
|
}
|
|
6777
6780
|
|
|
6778
|
-
var css$
|
|
6781
|
+
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}}";
|
|
6779
6782
|
|
|
6780
6783
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6781
6784
|
function parseChips(s) {
|
|
@@ -6784,7 +6787,7 @@ function parseChips(s) {
|
|
|
6784
6787
|
.map((t) => t.trim())
|
|
6785
6788
|
.filter(Boolean);
|
|
6786
6789
|
}
|
|
6787
|
-
const esc$
|
|
6790
|
+
const esc$a = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6788
6791
|
function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
6789
6792
|
return base.defineElement(tag, (Base) => {
|
|
6790
6793
|
class UsaSuggestionChips extends Base {
|
|
@@ -6819,7 +6822,7 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6819
6822
|
Array.from(this.children).forEach((c) => !c.hasAttribute('data-usa-part') && c.setAttribute('hidden', ''));
|
|
6820
6823
|
}
|
|
6821
6824
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6822
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$
|
|
6825
|
+
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>`);
|
|
6823
6826
|
const chips = Array.from(this.querySelectorAll('.usa-sc-chip'));
|
|
6824
6827
|
chips.forEach((c, i) => {
|
|
6825
6828
|
this.listen(c, 'click', () => this.pick(i));
|
|
@@ -6860,10 +6863,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6860
6863
|
}
|
|
6861
6864
|
}
|
|
6862
6865
|
return UsaSuggestionChips;
|
|
6863
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6866
|
+
}, { id: 'suggestion-chips', text: css$p });
|
|
6864
6867
|
}
|
|
6865
6868
|
|
|
6866
|
-
var css$
|
|
6869
|
+
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}}";
|
|
6867
6870
|
|
|
6868
6871
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6869
6872
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6935,10 +6938,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6935
6938
|
}
|
|
6936
6939
|
}
|
|
6937
6940
|
return UsaVoiceButton;
|
|
6938
|
-
}, { id: 'voice-button', text: css$
|
|
6941
|
+
}, { id: 'voice-button', text: css$o });
|
|
6939
6942
|
}
|
|
6940
6943
|
|
|
6941
|
-
var css$
|
|
6944
|
+
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)}";
|
|
6942
6945
|
|
|
6943
6946
|
/**
|
|
6944
6947
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -6997,7 +7000,7 @@ function matchesKeys(e, keys, apple = isApple()) {
|
|
|
6997
7000
|
function isApple() {
|
|
6998
7001
|
return typeof navigator !== 'undefined' && /Mac|iPhone|iPad|iPod/.test(navigator.userAgentData?.platform || navigator.platform || navigator.userAgent || '');
|
|
6999
7002
|
}
|
|
7000
|
-
const esc$
|
|
7003
|
+
const esc$9 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7001
7004
|
let uid$1 = 0;
|
|
7002
7005
|
function defineCommandPalette(tag = 'usa-command-palette') {
|
|
7003
7006
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7034,7 +7037,7 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7034
7037
|
mount() {
|
|
7035
7038
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7036
7039
|
const id = this._id;
|
|
7037
|
-
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$
|
|
7040
|
+
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>`);
|
|
7038
7041
|
const dlg = this.dlg;
|
|
7039
7042
|
const q = this.querySelector('.usa-cp-q');
|
|
7040
7043
|
this.listen(q, 'input', () => this.render(true));
|
|
@@ -7089,12 +7092,12 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7089
7092
|
if (!q && c.group !== group) {
|
|
7090
7093
|
group = c.group;
|
|
7091
7094
|
if (group)
|
|
7092
|
-
html += `<div class="usa-cp-group" role="presentation">${esc$
|
|
7095
|
+
html += `<div class="usa-cp-group" role="presentation">${esc$9(group)}</div>`;
|
|
7093
7096
|
}
|
|
7094
7097
|
const label = Array.from(c.label)
|
|
7095
|
-
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$
|
|
7098
|
+
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$9(ch)}</mark>` : esc$9(ch)))
|
|
7096
7099
|
.join('');
|
|
7097
|
-
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$
|
|
7100
|
+
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$9(k)}</kbd>`).join('')}</span>` : '';
|
|
7098
7101
|
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>`;
|
|
7099
7102
|
});
|
|
7100
7103
|
list.insertAdjacentHTML('beforeend', html);
|
|
@@ -7197,13 +7200,13 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7197
7200
|
}
|
|
7198
7201
|
}
|
|
7199
7202
|
return UsaCommandPalette;
|
|
7200
|
-
}, { id: 'command-palette', text: css$
|
|
7203
|
+
}, { id: 'command-palette', text: css$n });
|
|
7201
7204
|
}
|
|
7202
7205
|
|
|
7203
|
-
var css$
|
|
7206
|
+
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}";
|
|
7204
7207
|
|
|
7205
7208
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7206
|
-
const esc$
|
|
7209
|
+
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7207
7210
|
function defineShortcut(tag = 'usa-shortcut') {
|
|
7208
7211
|
return base.defineElement(tag, (Base) => {
|
|
7209
7212
|
class UsaShortcut extends Base {
|
|
@@ -7218,7 +7221,7 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7218
7221
|
const labels = this.labels;
|
|
7219
7222
|
const spoken = labels.map((l) => SPOKEN[l] || l).join(' ');
|
|
7220
7223
|
const text = this.str('label');
|
|
7221
|
-
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$
|
|
7224
|
+
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>`);
|
|
7222
7225
|
if (this.str('listen') !== 'false')
|
|
7223
7226
|
this.listen(document, 'keydown', (e) => {
|
|
7224
7227
|
if (!e.repeat && matchesKeys(e, this.str('keys', 'mod+k'))) {
|
|
@@ -7251,10 +7254,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7251
7254
|
}
|
|
7252
7255
|
}
|
|
7253
7256
|
return UsaShortcut;
|
|
7254
|
-
}, { id: 'shortcut', text: css$
|
|
7257
|
+
}, { id: 'shortcut', text: css$m });
|
|
7255
7258
|
}
|
|
7256
7259
|
|
|
7257
|
-
var css$
|
|
7260
|
+
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}}";
|
|
7258
7261
|
|
|
7259
7262
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7260
7263
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7313,10 +7316,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7313
7316
|
}
|
|
7314
7317
|
}
|
|
7315
7318
|
return UsaClockControl;
|
|
7316
|
-
}, { id: 'clock-control', text: css$
|
|
7319
|
+
}, { id: 'clock-control', text: css$l });
|
|
7317
7320
|
}
|
|
7318
7321
|
|
|
7319
|
-
var css$
|
|
7322
|
+
var css$k = "usa-hydrate{display:block}";
|
|
7320
7323
|
|
|
7321
7324
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7322
7325
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7352,12 +7355,12 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7352
7355
|
}
|
|
7353
7356
|
}
|
|
7354
7357
|
return UsaHydrate;
|
|
7355
|
-
}, { id: 'hydrate', text: css$
|
|
7358
|
+
}, { id: 'hydrate', text: css$k });
|
|
7356
7359
|
}
|
|
7357
7360
|
|
|
7358
|
-
var css$
|
|
7361
|
+
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}}";
|
|
7359
7362
|
|
|
7360
|
-
const esc$
|
|
7363
|
+
const esc$7 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7361
7364
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
7362
7365
|
return base.defineElement(tag, (Base) => {
|
|
7363
7366
|
class UsaRedEnvelope extends Base {
|
|
@@ -7370,7 +7373,7 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7370
7373
|
mount() {
|
|
7371
7374
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7372
7375
|
const msg = this.str('message', '恭喜发财');
|
|
7373
|
-
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$
|
|
7376
|
+
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>`);
|
|
7374
7377
|
this.listen(this.querySelector('.usa-re'), 'click', () => (this.opened ? this.close() : this.open()));
|
|
7375
7378
|
if (this.flag('opened'))
|
|
7376
7379
|
this.open(true);
|
|
@@ -7419,10 +7422,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7419
7422
|
}
|
|
7420
7423
|
}
|
|
7421
7424
|
return UsaRedEnvelope;
|
|
7422
|
-
}, { id: 'red-envelope', text: css$
|
|
7425
|
+
}, { id: 'red-envelope', text: css$j });
|
|
7423
7426
|
}
|
|
7424
7427
|
|
|
7425
|
-
var css$
|
|
7428
|
+
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}}";
|
|
7426
7429
|
|
|
7427
7430
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7428
7431
|
const SCENES = {
|
|
@@ -7470,12 +7473,12 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7470
7473
|
}
|
|
7471
7474
|
}
|
|
7472
7475
|
return UsaFestivalBanner;
|
|
7473
|
-
}, { id: 'festival-banner', text: css$
|
|
7476
|
+
}, { id: 'festival-banner', text: css$i });
|
|
7474
7477
|
}
|
|
7475
7478
|
|
|
7476
|
-
var css$
|
|
7479
|
+
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}}";
|
|
7477
7480
|
|
|
7478
|
-
const esc$
|
|
7481
|
+
const esc$6 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7479
7482
|
function defineTerminal(tag = 'usa-terminal') {
|
|
7480
7483
|
return base.defineElement(tag, (Base) => {
|
|
7481
7484
|
class UsaTerminal extends Base {
|
|
@@ -7495,7 +7498,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7495
7498
|
src.forEach((c) => c.remove());
|
|
7496
7499
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7497
7500
|
this.setAttribute('data-theme', ['green', 'amber'].includes(this.str('theme')) ? this.str('theme') : 'dark');
|
|
7498
|
-
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$
|
|
7501
|
+
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>`);
|
|
7499
7502
|
let started = false;
|
|
7500
7503
|
this.inView((v) => {
|
|
7501
7504
|
if (v && !started) {
|
|
@@ -7510,7 +7513,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7510
7513
|
const p = document.createElement('p');
|
|
7511
7514
|
p.className = l.cmd ? 'usa-term-cmd' : 'usa-term-out';
|
|
7512
7515
|
if (l.cmd)
|
|
7513
|
-
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$
|
|
7516
|
+
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$6(this.str('prompt', '$'))} </span><span class="usa-term-tx"></span>`;
|
|
7514
7517
|
body.appendChild(p);
|
|
7515
7518
|
return p;
|
|
7516
7519
|
}
|
|
@@ -7584,10 +7587,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7584
7587
|
}
|
|
7585
7588
|
}
|
|
7586
7589
|
return UsaTerminal;
|
|
7587
|
-
}, { id: 'terminal', text: css$
|
|
7590
|
+
}, { id: 'terminal', text: css$h });
|
|
7588
7591
|
}
|
|
7589
7592
|
|
|
7590
|
-
var css$
|
|
7593
|
+
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}";
|
|
7591
7594
|
|
|
7592
7595
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7593
7596
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7641,10 +7644,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7641
7644
|
}
|
|
7642
7645
|
}
|
|
7643
7646
|
return UsaRetroButton;
|
|
7644
|
-
}, { id: 'retro-button', text: css$
|
|
7647
|
+
}, { id: 'retro-button', text: css$g });
|
|
7645
7648
|
}
|
|
7646
7649
|
|
|
7647
|
-
var css$
|
|
7650
|
+
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)}";
|
|
7648
7651
|
|
|
7649
7652
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7650
7653
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7683,10 +7686,10 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7683
7686
|
}
|
|
7684
7687
|
}
|
|
7685
7688
|
return UsaOrganicCard;
|
|
7686
|
-
}, { id: 'organic-card', text: css$
|
|
7689
|
+
}, { id: 'organic-card', text: css$f });
|
|
7687
7690
|
}
|
|
7688
7691
|
|
|
7689
|
-
var css$
|
|
7692
|
+
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}";
|
|
7690
7693
|
|
|
7691
7694
|
let uid = 0;
|
|
7692
7695
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
@@ -7767,12 +7770,12 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7767
7770
|
}
|
|
7768
7771
|
}
|
|
7769
7772
|
return UsaLiquidNav;
|
|
7770
|
-
}, { id: 'liquid-nav', text: css$
|
|
7773
|
+
}, { id: 'liquid-nav', text: css$e });
|
|
7771
7774
|
}
|
|
7772
7775
|
|
|
7773
|
-
var css$
|
|
7776
|
+
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}}";
|
|
7774
7777
|
|
|
7775
|
-
const esc$
|
|
7778
|
+
const esc$5 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7776
7779
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
7777
7780
|
return base.defineElement(tag, (Base) => {
|
|
7778
7781
|
class UsaHudPanel extends Base {
|
|
@@ -7785,7 +7788,7 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7785
7788
|
this.setAttribute('aria-label', this.str('title', 'Panel'));
|
|
7786
7789
|
if (this.hasAttribute('color'))
|
|
7787
7790
|
this.style.setProperty('--usa-hud-c', this.str('color'));
|
|
7788
|
-
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$
|
|
7791
|
+
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>`);
|
|
7789
7792
|
this.querySelectorAll(':scope > [data-value]').forEach((r) => {
|
|
7790
7793
|
if (r.querySelector('.usa-hud-bar'))
|
|
7791
7794
|
return;
|
|
@@ -7819,10 +7822,10 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7819
7822
|
}
|
|
7820
7823
|
}
|
|
7821
7824
|
return UsaHudPanel;
|
|
7822
|
-
}, { id: 'hud-panel', text: css$
|
|
7825
|
+
}, { id: 'hud-panel', text: css$d });
|
|
7823
7826
|
}
|
|
7824
7827
|
|
|
7825
|
-
var css$
|
|
7828
|
+
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)}}";
|
|
7826
7829
|
|
|
7827
7830
|
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7828
7831
|
function parseTargets(s) {
|
|
@@ -7838,7 +7841,7 @@ function parseTargets(s) {
|
|
|
7838
7841
|
})
|
|
7839
7842
|
.filter(Boolean);
|
|
7840
7843
|
}
|
|
7841
|
-
const esc$
|
|
7844
|
+
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7842
7845
|
function defineRadar(tag = 'usa-radar') {
|
|
7843
7846
|
return base.defineElement(tag, (Base) => {
|
|
7844
7847
|
class UsaRadar extends Base {
|
|
@@ -7873,7 +7876,7 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7873
7876
|
const a = ((t.bearing - 90) * Math.PI) / 180;
|
|
7874
7877
|
const x = 50 + Math.cos(a) * t.distance * 48;
|
|
7875
7878
|
const y = 50 + Math.sin(a) * t.distance * 48;
|
|
7876
|
-
return `<span class="usa-rd-dot" data-i="${i}" style="left:${x.toFixed(2)}%;top:${y.toFixed(2)}%"><em>${esc$
|
|
7879
|
+
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>`;
|
|
7877
7880
|
})
|
|
7878
7881
|
.join('');
|
|
7879
7882
|
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>`);
|
|
@@ -7908,10 +7911,10 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7908
7911
|
}
|
|
7909
7912
|
}
|
|
7910
7913
|
return UsaRadar;
|
|
7911
|
-
}, { id: 'radar', text: css$
|
|
7914
|
+
}, { id: 'radar', text: css$c });
|
|
7912
7915
|
}
|
|
7913
7916
|
|
|
7914
|
-
var css$
|
|
7917
|
+
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)}";
|
|
7915
7918
|
|
|
7916
7919
|
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7917
7920
|
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
@@ -7975,12 +7978,12 @@ function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
|
7975
7978
|
}
|
|
7976
7979
|
}
|
|
7977
7980
|
return UsaStickyWall;
|
|
7978
|
-
}, { id: 'sticky-wall', text: css$
|
|
7981
|
+
}, { id: 'sticky-wall', text: css$b });
|
|
7979
7982
|
}
|
|
7980
7983
|
|
|
7981
|
-
var css$
|
|
7984
|
+
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}";
|
|
7982
7985
|
|
|
7983
|
-
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7986
|
+
const esc$3 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7984
7987
|
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
7985
7988
|
function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
7986
7989
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8032,7 +8035,7 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8032
8035
|
g += `<path class="usa-sk-hatch" d="${components_fxPaper.roughLine(x0 + 2, Math.min(B, h + 5), x1 - 2, h - 3, h + i, 0.8)}"/>`;
|
|
8033
8036
|
});
|
|
8034
8037
|
}
|
|
8035
|
-
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc(labels[i])}</text>` : '')).join('');
|
|
8038
|
+
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc$3(labels[i])}</text>` : '')).join('');
|
|
8036
8039
|
this.insertAdjacentHTML('beforeend', `<svg class="usa-sk" viewBox="0 0 ${W} ${H}" aria-hidden="true" data-usa-part>${g}</svg>`);
|
|
8037
8040
|
if (this.reduced)
|
|
8038
8041
|
return void this.setAttribute('data-drawn', '');
|
|
@@ -8075,10 +8078,10 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8075
8078
|
}
|
|
8076
8079
|
}
|
|
8077
8080
|
return UsaSketchChart;
|
|
8078
|
-
}, { id: 'sketch-chart', text: css$
|
|
8081
|
+
}, { id: 'sketch-chart', text: css$a });
|
|
8079
8082
|
}
|
|
8080
8083
|
|
|
8081
|
-
var css$
|
|
8084
|
+
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}}";
|
|
8082
8085
|
|
|
8083
8086
|
const NAMES = { light: 'Light', dark: 'Dark', neon: 'Neon', glass: 'Glass', neu: 'Soft' };
|
|
8084
8087
|
function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
@@ -8180,10 +8183,10 @@ function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
|
8180
8183
|
}
|
|
8181
8184
|
}
|
|
8182
8185
|
return UsaThemeSwitcher;
|
|
8183
|
-
}, { id: 'theme-switcher', text: css$
|
|
8186
|
+
}, { id: 'theme-switcher', text: css$9 });
|
|
8184
8187
|
}
|
|
8185
8188
|
|
|
8186
|
-
var css$
|
|
8189
|
+
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}}";
|
|
8187
8190
|
|
|
8188
8191
|
function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
8189
8192
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8236,10 +8239,10 @@ function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
|
8236
8239
|
}
|
|
8237
8240
|
}
|
|
8238
8241
|
return UsaThemeSurface;
|
|
8239
|
-
}, { id: 'theme-surface', text: css$
|
|
8242
|
+
}, { id: 'theme-surface', text: css$8 });
|
|
8240
8243
|
}
|
|
8241
8244
|
|
|
8242
|
-
var css$
|
|
8245
|
+
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}}";
|
|
8243
8246
|
|
|
8244
8247
|
function defineGyroCard(tag = 'usa-gyro-card') {
|
|
8245
8248
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8320,10 +8323,10 @@ function defineGyroCard(tag = 'usa-gyro-card') {
|
|
|
8320
8323
|
}
|
|
8321
8324
|
}
|
|
8322
8325
|
return UsaGyroCard;
|
|
8323
|
-
}, { id: 'gyro-card', text: css$
|
|
8326
|
+
}, { id: 'gyro-card', text: css$7 });
|
|
8324
8327
|
}
|
|
8325
8328
|
|
|
8326
|
-
var css$
|
|
8329
|
+
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}";
|
|
8327
8330
|
|
|
8328
8331
|
function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
8329
8332
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8450,10 +8453,10 @@ function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
|
8450
8453
|
}
|
|
8451
8454
|
}
|
|
8452
8455
|
return UsaGestureSticker;
|
|
8453
|
-
}, { id: 'gesture-sticker', text: css$
|
|
8456
|
+
}, { id: 'gesture-sticker', text: css$6 });
|
|
8454
8457
|
}
|
|
8455
8458
|
|
|
8456
|
-
var css$
|
|
8459
|
+
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}";
|
|
8457
8460
|
|
|
8458
8461
|
function definePanorama(tag = 'usa-panorama') {
|
|
8459
8462
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8575,10 +8578,10 @@ function definePanorama(tag = 'usa-panorama') {
|
|
|
8575
8578
|
}
|
|
8576
8579
|
}
|
|
8577
8580
|
return UsaPanorama;
|
|
8578
|
-
}, { id: 'panorama', text: css$
|
|
8581
|
+
}, { id: 'panorama', text: css$5 });
|
|
8579
8582
|
}
|
|
8580
8583
|
|
|
8581
|
-
var css = "usa-spatial-card{position:relative;display:block;box-sizing:border-box;padding:20px 22px;margin-bottom:28px;border-radius:24px;color:#0f172a;background:linear-gradient(140deg,rgba(255,255,255,.62),rgba(255,255,255,.28));border:1px solid rgba(255,255,255,.75);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 22px 44px -26px rgba(15,23,42,.6),inset 0 1px 0 rgba(255,255,255,.8);transform:perspective(900px) translateZ(0);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.9,.25,1),box-shadow .45s}usa-spatial-card[data-active]{transform:perspective(900px) translateZ(18px);box-shadow:0 34px 60px -28px rgba(15,23,42,.55),inset 0 1px 0 rgba(255,255,255,.9)}usa-spatial-card .usa-sp-gaze{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,40%),rgba(255,255,255,.55),transparent 45%);opacity:0;transition:opacity .3s}usa-spatial-card[data-active] .usa-sp-gaze{opacity:1}usa-spatial-card [data-depth]{position:relative;display:block;transform:translateZ(calc(10px * var(--d,1)));transition:transform .45s}usa-spatial-card [data-depth=\"2\"]{--d:2}usa-spatial-card [data-depth=\"3\"]{--d:3}usa-spatial-card .usa-sp-ornament{position:absolute;left:50%;bottom:-22px;display:flex;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 20px -12px rgba(15,23,42,.5);transform:translateX(-50%) translateZ(30px);transition:transform .45s}usa-spatial-card[data-active] .usa-sp-ornament{transform:translateX(-50%) translateZ(40px) translateY(4px)}@media (prefers-reduced-motion:reduce){usa-spatial-card,usa-spatial-card *{transition:none!important}usa-spatial-card[data-active]{transform:none}}";
|
|
8584
|
+
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}}";
|
|
8582
8585
|
|
|
8583
8586
|
function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
8584
8587
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8624,7 +8627,402 @@ function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
|
8624
8627
|
}
|
|
8625
8628
|
}
|
|
8626
8629
|
return UsaSpatialCard;
|
|
8627
|
-
}, { id: 'spatial-card', text: css });
|
|
8630
|
+
}, { id: 'spatial-card', text: css$4 });
|
|
8631
|
+
}
|
|
8632
|
+
|
|
8633
|
+
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}";
|
|
8634
|
+
|
|
8635
|
+
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$)/;
|
|
8636
|
+
const RUNTIME_CLASS = /^usa-/;
|
|
8637
|
+
/** A clean, portable description of `el` (runtime parts stripped) (8.9). */
|
|
8638
|
+
function describeComponent(el) {
|
|
8639
|
+
const attrs = {};
|
|
8640
|
+
for (const a of Array.from(el.attributes)) {
|
|
8641
|
+
if (RUNTIME_ATTR.test(a.name))
|
|
8642
|
+
continue;
|
|
8643
|
+
if (a.name === 'class') {
|
|
8644
|
+
const c = a.value.split(/\s+/).filter((x) => x && !RUNTIME_CLASS.test(x)).join(' ');
|
|
8645
|
+
if (c)
|
|
8646
|
+
attrs.class = c;
|
|
8647
|
+
continue;
|
|
8648
|
+
}
|
|
8649
|
+
attrs[a.name] = a.value;
|
|
8650
|
+
}
|
|
8651
|
+
const children = [];
|
|
8652
|
+
el.childNodes.forEach((n) => {
|
|
8653
|
+
if (n.nodeType === 3) {
|
|
8654
|
+
const t = (n.textContent || '').replace(/\s+/g, ' ');
|
|
8655
|
+
if (t.trim())
|
|
8656
|
+
children.push(t.trim());
|
|
8657
|
+
}
|
|
8658
|
+
else if (n.nodeType === 1) {
|
|
8659
|
+
const e = n;
|
|
8660
|
+
const cls = (e.getAttribute('class') || '').split(/\s+/).filter(Boolean);
|
|
8661
|
+
// generated by a component: a marked part, or only usa-* classes and runtime attributes (bars, readouts, overlays)
|
|
8662
|
+
if (e.hasAttribute('data-usa-part') || (cls.length && cls.every((c) => RUNTIME_CLASS.test(c)) && Array.from(e.attributes).every((a) => a.name === 'class' || RUNTIME_ATTR.test(a.name))))
|
|
8663
|
+
return;
|
|
8664
|
+
children.push(describeComponent(e));
|
|
8665
|
+
}
|
|
8666
|
+
});
|
|
8667
|
+
return { tag: el.localName, attrs, children };
|
|
8668
|
+
}
|
|
8669
|
+
const esc$2 = (s) => s.replace(/&/g, '&').replace(/</g, '<').replace(/"/g, '"');
|
|
8670
|
+
const VOID = new Set(['img', 'br', 'hr', 'input', 'source', 'meta', 'link', 'wbr', 'area', 'col', 'embed', 'track']);
|
|
8671
|
+
function markup(n, jsx, ind) {
|
|
8672
|
+
if (typeof n === 'string')
|
|
8673
|
+
return ind + (jsx ? n.replace(/[{}<>]/g, (c) => `{'${c}'}`) : esc$2(n));
|
|
8674
|
+
const at = Object.entries(n.attrs)
|
|
8675
|
+
.map(([k, v]) => {
|
|
8676
|
+
const key = jsx && k === 'class' ? 'className' : jsx && k === 'for' ? 'htmlFor' : k;
|
|
8677
|
+
return v === '' ? ` ${key}` : ` ${key}="${esc$2(v)}"`;
|
|
8678
|
+
})
|
|
8679
|
+
.join('');
|
|
8680
|
+
if (VOID.has(n.tag))
|
|
8681
|
+
return `${ind}<${n.tag}${at}${jsx ? ' /' : ''}>`;
|
|
8682
|
+
if (!n.children.length)
|
|
8683
|
+
return `${ind}<${n.tag}${at}></${n.tag}>`;
|
|
8684
|
+
if (n.children.length === 1 && typeof n.children[0] === 'string')
|
|
8685
|
+
return `${ind}<${n.tag}${at}>${markup(n.children[0], jsx, '')}</${n.tag}>`;
|
|
8686
|
+
return `${ind}<${n.tag}${at}>\n${n.children.map((c) => markup(c, jsx, ind + ' ')).join('\n')}\n${ind}</${n.tag}>`;
|
|
8687
|
+
}
|
|
8688
|
+
/** Copy-paste code for a live element in `format` (8.9). */
|
|
8689
|
+
function exportComponent(el, format = 'html') {
|
|
8690
|
+
const d = describeComponent(el);
|
|
8691
|
+
if (format === 'json')
|
|
8692
|
+
return JSON.stringify({ $schema: 'motionary/component@1', ...d }, null, 2);
|
|
8693
|
+
if (format === 'react')
|
|
8694
|
+
return `import { useEffect } from 'react';\nimport { defineWidgets } from 'motionary/components/widgets';\n\nexport function Demo() {\n useEffect(() => defineWidgets(), []);\n return (\n${markup(d, true, ' ')}\n );\n}`;
|
|
8695
|
+
if (format === 'vue')
|
|
8696
|
+
return `<script setup>\nimport { defineWidgets } from 'motionary/components/widgets';\ndefineWidgets();\n</script>\n\n<template>\n${markup(d, false, ' ')}\n</template>`;
|
|
8697
|
+
return `${markup(d, false, '')}\n\n<script type="module">\n import { defineWidgets } from 'https://cdn.jsdelivr.net/npm/motionary/dist/components/widgets.js';\n defineWidgets();\n</script>`;
|
|
8698
|
+
}
|
|
8699
|
+
const FORMATS = ['html', 'react', 'vue', 'json'];
|
|
8700
|
+
const LABELS = { html: 'HTML', react: 'React', vue: 'Vue', json: 'JSON' };
|
|
8701
|
+
function defineCodeExport(tag = 'usa-code-export') {
|
|
8702
|
+
return base.defineElement(tag, (Base) => {
|
|
8703
|
+
class UsaCodeExport extends Base {
|
|
8704
|
+
constructor() {
|
|
8705
|
+
super(...arguments);
|
|
8706
|
+
this._f = 'html';
|
|
8707
|
+
this._mo = null;
|
|
8708
|
+
}
|
|
8709
|
+
static get observedAttributes() {
|
|
8710
|
+
return ['for', 'formats'];
|
|
8711
|
+
}
|
|
8712
|
+
fmts() {
|
|
8713
|
+
const l = this.str('formats').split(',').map((s) => s.trim()).filter((s) => FORMATS.includes(s));
|
|
8714
|
+
return l.length ? l : ['html', 'react', 'vue'];
|
|
8715
|
+
}
|
|
8716
|
+
src() {
|
|
8717
|
+
const f = this.str('for');
|
|
8718
|
+
return f ? document.querySelector(f) : this.querySelector(':scope > :not([data-usa-part])');
|
|
8719
|
+
}
|
|
8720
|
+
get format() {
|
|
8721
|
+
return this._f;
|
|
8722
|
+
}
|
|
8723
|
+
set format(f) {
|
|
8724
|
+
if (!this.fmts().includes(f))
|
|
8725
|
+
return;
|
|
8726
|
+
const changed = f !== this._f;
|
|
8727
|
+
this._f = f;
|
|
8728
|
+
this.render();
|
|
8729
|
+
const pre = this.querySelector('.usa-ce-code');
|
|
8730
|
+
if (changed && pre && !this.reduced)
|
|
8731
|
+
this.motion(pre, [{ opacity: 0.35, transform: 'translateY(4px)' }, { opacity: 1, transform: 'none' }], { duration: 220, easing: 'ease-out' });
|
|
8732
|
+
}
|
|
8733
|
+
get code() {
|
|
8734
|
+
const s = this.src();
|
|
8735
|
+
return s ? exportComponent(s, this._f) : '';
|
|
8736
|
+
}
|
|
8737
|
+
mount() {
|
|
8738
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8739
|
+
const fm = this.fmts();
|
|
8740
|
+
if (!fm.includes(this._f))
|
|
8741
|
+
this._f = fm[0];
|
|
8742
|
+
const id = `usa-ce-${Math.random().toString(36).slice(2, 8)}`;
|
|
8743
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-ce-bar" data-usa-part><div role="tablist" aria-label="Code format">${fm.map((f) => `<button type="button" role="tab" data-f="${f}" aria-controls="${id}">${LABELS[f]}</button>`).join('')}</div><button type="button" class="usa-ce-copy">Copy</button></div><pre class="usa-ce-code" id="${id}" role="tabpanel" tabindex="0" data-usa-part><code></code></pre>`);
|
|
8744
|
+
this.listen(this, 'click', (e) => {
|
|
8745
|
+
const t = e.target;
|
|
8746
|
+
const tab = t.closest?.('[data-f]');
|
|
8747
|
+
if (tab && this.contains(tab))
|
|
8748
|
+
this.format = tab.dataset.f;
|
|
8749
|
+
if (t.closest?.('.usa-ce-copy'))
|
|
8750
|
+
void this.copy();
|
|
8751
|
+
});
|
|
8752
|
+
this.listen(this, 'keydown', (e) => {
|
|
8753
|
+
if (!e.target.closest?.('[role=tab]') || (e.key !== 'ArrowRight' && e.key !== 'ArrowLeft'))
|
|
8754
|
+
return;
|
|
8755
|
+
const l = this.fmts();
|
|
8756
|
+
this.format = l[(l.indexOf(this._f) + (e.key === 'ArrowRight' ? 1 : -1) + l.length) % l.length];
|
|
8757
|
+
this.querySelector(`[data-f="${this._f}"]`)?.focus();
|
|
8758
|
+
});
|
|
8759
|
+
const s = this.src();
|
|
8760
|
+
if (s && typeof MutationObserver !== 'undefined') {
|
|
8761
|
+
this._mo?.disconnect();
|
|
8762
|
+
this._mo = new MutationObserver(() => this.render());
|
|
8763
|
+
this._mo.observe(s, { attributes: true, attributeFilter: undefined });
|
|
8764
|
+
this.onCleanup(() => this._mo?.disconnect());
|
|
8765
|
+
}
|
|
8766
|
+
this.render();
|
|
8767
|
+
}
|
|
8768
|
+
render() {
|
|
8769
|
+
this.querySelectorAll('[data-f]').forEach((b) => {
|
|
8770
|
+
const on = b.dataset.f === this._f;
|
|
8771
|
+
b.setAttribute('aria-selected', String(on));
|
|
8772
|
+
b.tabIndex = on ? 0 : -1;
|
|
8773
|
+
});
|
|
8774
|
+
const c = this.querySelector('.usa-ce-code code');
|
|
8775
|
+
if (c)
|
|
8776
|
+
c.textContent = this.code;
|
|
8777
|
+
}
|
|
8778
|
+
async copy() {
|
|
8779
|
+
let ok = false;
|
|
8780
|
+
try {
|
|
8781
|
+
await navigator.clipboard.writeText(this.code);
|
|
8782
|
+
ok = true;
|
|
8783
|
+
}
|
|
8784
|
+
catch {
|
|
8785
|
+
ok = false;
|
|
8786
|
+
}
|
|
8787
|
+
const b = this.querySelector('.usa-ce-copy');
|
|
8788
|
+
if (b) {
|
|
8789
|
+
b.textContent = ok ? 'Copied ✓' : 'Select & copy';
|
|
8790
|
+
setTimeout(() => (b.textContent = 'Copy'), 1500);
|
|
8791
|
+
}
|
|
8792
|
+
if (ok && !this.reduced)
|
|
8793
|
+
this.motion(this.querySelector('.usa-ce-code'), [{ boxShadow: '0 0 0 2px #22c55e' }, { boxShadow: '0 0 0 0 transparent' }], { duration: 600 });
|
|
8794
|
+
this.emit('copy', { format: this._f, ok });
|
|
8795
|
+
return ok;
|
|
8796
|
+
}
|
|
8797
|
+
}
|
|
8798
|
+
return UsaCodeExport;
|
|
8799
|
+
}, { id: 'code-export', text: css$3 });
|
|
8800
|
+
}
|
|
8801
|
+
|
|
8802
|
+
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}";
|
|
8803
|
+
|
|
8804
|
+
/** "value:number:0:100, theme:select:leaf|ocean, on:boolean" → prop specs (8.9). */
|
|
8805
|
+
function parseProps(s) {
|
|
8806
|
+
const T = ['text', 'number', 'range', 'color', 'boolean', 'select'];
|
|
8807
|
+
return s
|
|
8808
|
+
.split(',')
|
|
8809
|
+
.map((p) => p.trim())
|
|
8810
|
+
.filter(Boolean)
|
|
8811
|
+
.map((p) => {
|
|
8812
|
+
const [name, type = 'text', ...rest] = p.split(':').map((x) => x.trim());
|
|
8813
|
+
const t = (T.includes(type) ? type : 'text');
|
|
8814
|
+
return { name, type: t, options: t === 'select' ? (rest[0] || '').split('|').filter(Boolean) : rest };
|
|
8815
|
+
})
|
|
8816
|
+
.filter((p) => /^[a-z][\w-]*$/i.test(p.name));
|
|
8817
|
+
}
|
|
8818
|
+
const esc$1 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8819
|
+
function definePropPanel(tag = 'usa-prop-panel') {
|
|
8820
|
+
return base.defineElement(tag, (Base) => {
|
|
8821
|
+
class UsaPropPanel extends Base {
|
|
8822
|
+
constructor() {
|
|
8823
|
+
super(...arguments);
|
|
8824
|
+
this._start = {};
|
|
8825
|
+
}
|
|
8826
|
+
static get observedAttributes() {
|
|
8827
|
+
return ['for', 'props', 'label'];
|
|
8828
|
+
}
|
|
8829
|
+
target() {
|
|
8830
|
+
const f = this.str('for');
|
|
8831
|
+
if (f === 'previous')
|
|
8832
|
+
return this.previousElementSibling;
|
|
8833
|
+
return f ? document.querySelector(f) : null;
|
|
8834
|
+
}
|
|
8835
|
+
get props() {
|
|
8836
|
+
const s = this.str('props');
|
|
8837
|
+
if (s)
|
|
8838
|
+
return parseProps(s);
|
|
8839
|
+
const t = this.target();
|
|
8840
|
+
const obs = t?.constructor?.observedAttributes || [];
|
|
8841
|
+
return obs.map((name) => ({ name, type: 'text', options: [] }));
|
|
8842
|
+
}
|
|
8843
|
+
mount() {
|
|
8844
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8845
|
+
const t = this.target();
|
|
8846
|
+
const ps = this.props;
|
|
8847
|
+
this._start = {};
|
|
8848
|
+
ps.forEach((p) => (this._start[p.name] = t?.getAttribute(p.name) ?? null));
|
|
8849
|
+
const field = (p, i) => {
|
|
8850
|
+
const id = `usa-pp-${i}-${p.name}`;
|
|
8851
|
+
const v = t?.getAttribute(p.name);
|
|
8852
|
+
let input = '';
|
|
8853
|
+
if (p.type === 'boolean')
|
|
8854
|
+
input = `<input id="${id}" type="checkbox" role="switch" data-p="${p.name}"${v != null ? ' checked' : ''}>`;
|
|
8855
|
+
else if (p.type === 'select')
|
|
8856
|
+
input = `<select id="${id}" data-p="${p.name}">${p.options.map((o) => `<option${o === v ? ' selected' : ''}>${esc$1(o)}</option>`).join('')}</select>`;
|
|
8857
|
+
else {
|
|
8858
|
+
const [mn, mx] = p.options;
|
|
8859
|
+
const range = p.type === 'range' || (p.type === 'number' && mn != null && mx != null);
|
|
8860
|
+
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>`;
|
|
8861
|
+
}
|
|
8862
|
+
return `<div class="usa-pp-row"><label for="${id}">${esc$1(p.name)}</label>${input}</div>`;
|
|
8863
|
+
};
|
|
8864
|
+
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>`);
|
|
8865
|
+
const form = this.querySelector('form');
|
|
8866
|
+
this.listen(form, 'submit', (e) => e.preventDefault());
|
|
8867
|
+
this.listen(this.querySelector('.usa-pp-reset'), 'click', () => this.reset());
|
|
8868
|
+
this.listen(form, 'input', (e) => this.apply(e.target));
|
|
8869
|
+
this.listen(form, 'change', (e) => this.apply(e.target));
|
|
8870
|
+
}
|
|
8871
|
+
apply(inp) {
|
|
8872
|
+
const name = inp.dataset?.p;
|
|
8873
|
+
const t = this.target();
|
|
8874
|
+
if (!name || !t)
|
|
8875
|
+
return;
|
|
8876
|
+
let value;
|
|
8877
|
+
if (inp instanceof HTMLInputElement && inp.type === 'checkbox')
|
|
8878
|
+
value = inp.checked ? '' : null;
|
|
8879
|
+
else
|
|
8880
|
+
value = inp.value;
|
|
8881
|
+
if (value == null)
|
|
8882
|
+
t.removeAttribute(name);
|
|
8883
|
+
else
|
|
8884
|
+
t.setAttribute(name, value);
|
|
8885
|
+
const out = inp.nextElementSibling;
|
|
8886
|
+
if (out?.tagName === 'OUTPUT')
|
|
8887
|
+
out.textContent = value ?? '';
|
|
8888
|
+
this.emit('prop', { name, value });
|
|
8889
|
+
}
|
|
8890
|
+
reset() {
|
|
8891
|
+
const t = this.target();
|
|
8892
|
+
if (!t)
|
|
8893
|
+
return;
|
|
8894
|
+
for (const [k, v] of Object.entries(this._start)) {
|
|
8895
|
+
if (v == null)
|
|
8896
|
+
t.removeAttribute(k);
|
|
8897
|
+
else
|
|
8898
|
+
t.setAttribute(k, v);
|
|
8899
|
+
}
|
|
8900
|
+
this.changed('props');
|
|
8901
|
+
if (!this.reduced)
|
|
8902
|
+
this.querySelectorAll('.usa-pp-row').forEach((r, i) => this.motion(r, [{ backgroundColor: 'rgba(99,102,241,.18)' }, { backgroundColor: 'transparent' }], { duration: 600, delay: i * 40 }));
|
|
8903
|
+
}
|
|
8904
|
+
}
|
|
8905
|
+
return UsaPropPanel;
|
|
8906
|
+
}, { id: 'prop-panel', text: css$2 });
|
|
8907
|
+
}
|
|
8908
|
+
|
|
8909
|
+
var css$1 = "usa-motion{display:block}";
|
|
8910
|
+
|
|
8911
|
+
function defineMotion(tag = 'usa-motion') {
|
|
8912
|
+
return base.defineElement(tag, (Base) => {
|
|
8913
|
+
class UsaMotion extends Base {
|
|
8914
|
+
constructor() {
|
|
8915
|
+
super(...arguments);
|
|
8916
|
+
this._errors = [];
|
|
8917
|
+
}
|
|
8918
|
+
static get observedAttributes() {
|
|
8919
|
+
return ['rules'];
|
|
8920
|
+
}
|
|
8921
|
+
get parsed() {
|
|
8922
|
+
return components_dsl.parseMotion(this.str('rules')).rules;
|
|
8923
|
+
}
|
|
8924
|
+
get errors() {
|
|
8925
|
+
return this._errors.slice();
|
|
8926
|
+
}
|
|
8927
|
+
mount() {
|
|
8928
|
+
this._errors = [];
|
|
8929
|
+
this.onCleanup(components_dsl.bindMotion(this, this.str('rules'), (m) => {
|
|
8930
|
+
this._errors.push(m);
|
|
8931
|
+
this.emit('motion-error', { message: m });
|
|
8932
|
+
}));
|
|
8933
|
+
}
|
|
8934
|
+
}
|
|
8935
|
+
return UsaMotion;
|
|
8936
|
+
}, { id: 'motion', text: css$1 });
|
|
8937
|
+
}
|
|
8938
|
+
|
|
8939
|
+
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}";
|
|
8940
|
+
|
|
8941
|
+
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8942
|
+
function definePluginStore(tag = 'usa-plugin-store') {
|
|
8943
|
+
return base.defineElement(tag, (Base) => {
|
|
8944
|
+
class UsaPluginStore extends Base {
|
|
8945
|
+
constructor() {
|
|
8946
|
+
super(...arguments);
|
|
8947
|
+
this._list = components_marketplace.MARKETPLACE;
|
|
8948
|
+
this.loader = null;
|
|
8949
|
+
}
|
|
8950
|
+
static get observedAttributes() {
|
|
8951
|
+
return ['query', 'label'];
|
|
8952
|
+
}
|
|
8953
|
+
get plugins() {
|
|
8954
|
+
return this._list.slice();
|
|
8955
|
+
}
|
|
8956
|
+
set plugins(v) {
|
|
8957
|
+
this._list = Array.isArray(v) ? v : components_marketplace.MARKETPLACE;
|
|
8958
|
+
if (this.isConnected)
|
|
8959
|
+
this.changed('plugins');
|
|
8960
|
+
}
|
|
8961
|
+
mount() {
|
|
8962
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8963
|
+
this.setAttribute('role', 'search');
|
|
8964
|
+
this.setAttribute('aria-label', this.str('label', 'Plugin marketplace'));
|
|
8965
|
+
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>`);
|
|
8966
|
+
const q = this.querySelector('.usa-ps-q');
|
|
8967
|
+
this.listen(q, 'input', () => this.search(q.value));
|
|
8968
|
+
this.listen(this, 'click', (e) => {
|
|
8969
|
+
const b = e.target.closest?.('.usa-ps-install');
|
|
8970
|
+
if (b && !b.disabled)
|
|
8971
|
+
void this.install(b.dataset.name);
|
|
8972
|
+
});
|
|
8973
|
+
this.search(q.value);
|
|
8974
|
+
}
|
|
8975
|
+
search(query) {
|
|
8976
|
+
const res = components_marketplace.searchPlugins(query, this._list);
|
|
8977
|
+
const ul = this.querySelector('.usa-ps-list');
|
|
8978
|
+
const have = components_marketplace.installedPlugins();
|
|
8979
|
+
if (ul) {
|
|
8980
|
+
ul.innerHTML = res
|
|
8981
|
+
.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>`)
|
|
8982
|
+
.join('');
|
|
8983
|
+
if (!this.reduced)
|
|
8984
|
+
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' }));
|
|
8985
|
+
}
|
|
8986
|
+
const c = this.querySelector('.usa-ps-count');
|
|
8987
|
+
if (c)
|
|
8988
|
+
c.textContent = `${res.length} plugin${res.length === 1 ? '' : 's'}`;
|
|
8989
|
+
return res;
|
|
8990
|
+
}
|
|
8991
|
+
async install(name) {
|
|
8992
|
+
const p = this._list.find((x) => x.name === name);
|
|
8993
|
+
const b = this.querySelector(`.usa-ps-install[data-name="${typeof CSS !== 'undefined' && CSS.escape ? CSS.escape(name) : name.replace(/["\\]/g, '\\$&')}"]`);
|
|
8994
|
+
if (!p)
|
|
8995
|
+
return [];
|
|
8996
|
+
if (b) {
|
|
8997
|
+
b.disabled = true;
|
|
8998
|
+
b.setAttribute('data-busy', '');
|
|
8999
|
+
b.textContent = 'Installing…';
|
|
9000
|
+
}
|
|
9001
|
+
try {
|
|
9002
|
+
const fx = await components_marketplace.installPlugin(p, this.loader ? { load: this.loader } : {});
|
|
9003
|
+
if (b) {
|
|
9004
|
+
b.removeAttribute('data-busy');
|
|
9005
|
+
b.setAttribute('data-done', '');
|
|
9006
|
+
b.textContent = 'Installed ✓';
|
|
9007
|
+
if (!this.reduced)
|
|
9008
|
+
this.motion(b, [{ transform: 'scale(.9)' }, { transform: 'scale(1.08)', offset: 0.6 }, { transform: 'none' }], { duration: 360 });
|
|
9009
|
+
}
|
|
9010
|
+
this.emit('install', { name, effects: fx });
|
|
9011
|
+
return fx;
|
|
9012
|
+
}
|
|
9013
|
+
catch (e) {
|
|
9014
|
+
if (b) {
|
|
9015
|
+
b.disabled = false;
|
|
9016
|
+
b.removeAttribute('data-busy');
|
|
9017
|
+
b.textContent = 'Retry';
|
|
9018
|
+
}
|
|
9019
|
+
this.emit('install-error', { name, message: String(e?.message || e) });
|
|
9020
|
+
return [];
|
|
9021
|
+
}
|
|
9022
|
+
}
|
|
9023
|
+
}
|
|
9024
|
+
return UsaPluginStore;
|
|
9025
|
+
}, { id: 'plugin-store', text: css });
|
|
8628
9026
|
}
|
|
8629
9027
|
|
|
8630
9028
|
/**
|
|
@@ -8667,6 +9065,8 @@ const WIDGETS = {
|
|
|
8667
9065
|
'8.6': { 'usa-theme-switcher': defineThemeSwitcher, 'usa-theme-surface': defineThemeSurface },
|
|
8668
9066
|
'8.7': { 'usa-gyro-card': defineGyroCard, 'usa-gesture-sticker': defineGestureSticker },
|
|
8669
9067
|
'8.8': { 'usa-panorama': definePanorama, 'usa-spatial-card': defineSpatialCard },
|
|
9068
|
+
'8.9': { 'usa-code-export': defineCodeExport, 'usa-prop-panel': definePropPanel },
|
|
9069
|
+
'9.0': { 'usa-motion': defineMotion, 'usa-plugin-store': definePluginStore },
|
|
8670
9070
|
};
|
|
8671
9071
|
/** Every widget tag, in release order. */
|
|
8672
9072
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -8708,6 +9108,7 @@ exports.defineCarousel = defineCarousel;
|
|
|
8708
9108
|
exports.defineCartDrawer = defineCartDrawer;
|
|
8709
9109
|
exports.defineChatComposer = defineChatComposer;
|
|
8710
9110
|
exports.defineClockControl = defineClockControl;
|
|
9111
|
+
exports.defineCodeExport = defineCodeExport;
|
|
8711
9112
|
exports.defineColorPicker = defineColorPicker;
|
|
8712
9113
|
exports.defineCommandPalette = defineCommandPalette;
|
|
8713
9114
|
exports.defineCompare = defineCompare;
|
|
@@ -8739,6 +9140,7 @@ exports.defineMenuToggle = defineMenuToggle;
|
|
|
8739
9140
|
exports.defineMessageList = defineMessageList;
|
|
8740
9141
|
exports.defineMilestones = defineMilestones;
|
|
8741
9142
|
exports.defineModal = defineModal;
|
|
9143
|
+
exports.defineMotion = defineMotion;
|
|
8742
9144
|
exports.defineMusicPlayer = defineMusicPlayer;
|
|
8743
9145
|
exports.defineNavMorph = defineNavMorph;
|
|
8744
9146
|
exports.defineNotificationBell = defineNotificationBell;
|
|
@@ -8747,10 +9149,12 @@ exports.defineOrganicCard = defineOrganicCard;
|
|
|
8747
9149
|
exports.defineOtp = defineOtp;
|
|
8748
9150
|
exports.definePagination = definePagination;
|
|
8749
9151
|
exports.definePanorama = definePanorama;
|
|
9152
|
+
exports.definePluginStore = definePluginStore;
|
|
8750
9153
|
exports.definePresence = definePresence;
|
|
8751
9154
|
exports.definePrizeWheel = definePrizeWheel;
|
|
8752
9155
|
exports.defineProductGallery = defineProductGallery;
|
|
8753
9156
|
exports.defineProgressRing = defineProgressRing;
|
|
9157
|
+
exports.definePropPanel = definePropPanel;
|
|
8754
9158
|
exports.definePullCord = definePullCord;
|
|
8755
9159
|
exports.defineRadar = defineRadar;
|
|
8756
9160
|
exports.defineReactions = defineReactions;
|
|
@@ -8782,6 +9186,8 @@ exports.defineVolumeKnob = defineVolumeKnob;
|
|
|
8782
9186
|
exports.defineWeatherCard = defineWeatherCard;
|
|
8783
9187
|
exports.defineWidgets = defineWidgets;
|
|
8784
9188
|
exports.defineXpBar = defineXpBar;
|
|
9189
|
+
exports.describeComponent = describeComponent;
|
|
9190
|
+
exports.exportComponent = exportComponent;
|
|
8785
9191
|
exports.formatBytes = formatBytes;
|
|
8786
9192
|
exports.formatDistance = formatDistance;
|
|
8787
9193
|
exports.fuzzyMatch = fuzzyMatch;
|
|
@@ -8798,6 +9204,7 @@ exports.parseChips = parseChips;
|
|
|
8798
9204
|
exports.parseISODate = parseISODate;
|
|
8799
9205
|
exports.parseLRC = parseLRC;
|
|
8800
9206
|
exports.parseMarkers = parseMarkers;
|
|
9207
|
+
exports.parseProps = parseProps;
|
|
8801
9208
|
exports.parseReactions = parseReactions;
|
|
8802
9209
|
exports.parseTargets = parseTargets;
|
|
8803
9210
|
exports.passwordStrength = passwordStrength;
|