use-scroll-animate 9.2.0 → 9.3.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 +12 -0
- package/dist/components/fx-genart.cjs +137 -0
- package/dist/components/fx-genart.cjs.map +1 -0
- package/dist/components/fx-genart.d.cts +69 -0
- package/dist/components/fx-genart.d.ts +69 -0
- package/dist/components/fx-genart.js +131 -0
- package/dist/components/fx-genart.js.map +1 -0
- package/dist/components/fx2.cjs +8 -0
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.d.cts +26 -1
- package/dist/components/fx2.d.ts +26 -1
- package/dist/components/fx2.js +5 -1
- package/dist/components/fx2.js.map +1 -1
- package/dist/components/marketplace.cjs +1 -0
- package/dist/components/marketplace.cjs.map +1 -1
- package/dist/components/marketplace.js +1 -0
- package/dist/components/marketplace.js.map +1 -1
- package/dist/components/widgets.cjs +451 -173
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +37 -2
- package/dist/components/widgets.d.ts +37 -2
- package/dist/components/widgets.js +449 -174
- package/dist/components/widgets.js.map +1 -1
- package/dist/widgets.umd.js +1 -1
- package/dist/widgets.umd.js.map +1 -1
- package/docs/ROADMAP.md +1 -1
- package/docs/components.md +16 -0
- package/package.json +21 -1
|
@@ -16,6 +16,7 @@ var components_dsl = require('./dsl.cjs');
|
|
|
16
16
|
var components_marketplace = require('./marketplace.cjs');
|
|
17
17
|
var components_fxCinema = require('./fx-cinema.cjs');
|
|
18
18
|
var components_fxLottie = require('./fx-lottie.cjs');
|
|
19
|
+
var components_fxGenart = require('./fx-genart.cjs');
|
|
19
20
|
require('../chunks/core-CwO835Wm.cjs');
|
|
20
21
|
require('./tokens.cjs');
|
|
21
22
|
require('../chunks/fx-C-XjLOTc.cjs');
|
|
@@ -56,7 +57,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
56
57
|
return -1;
|
|
57
58
|
}
|
|
58
59
|
|
|
59
|
-
var css$
|
|
60
|
+
var css$1n = "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}";
|
|
60
61
|
|
|
61
62
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
62
63
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -245,10 +246,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
245
246
|
}
|
|
246
247
|
}
|
|
247
248
|
return UsaCarousel;
|
|
248
|
-
}, { id: 'carousel', text: css$
|
|
249
|
+
}, { id: 'carousel', text: css$1n });
|
|
249
250
|
}
|
|
250
251
|
|
|
251
|
-
var css$
|
|
252
|
+
var css$1m = "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}";
|
|
252
253
|
|
|
253
254
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
254
255
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -361,10 +362,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
361
362
|
}
|
|
362
363
|
}
|
|
363
364
|
return UsaTabBar;
|
|
364
|
-
}, { id: 'tab-bar', text: css$
|
|
365
|
+
}, { id: 'tab-bar', text: css$1m });
|
|
365
366
|
}
|
|
366
367
|
|
|
367
|
-
var css$
|
|
368
|
+
var css$1l = "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}}";
|
|
368
369
|
|
|
369
370
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
370
371
|
return base.defineElement(tag, (Base) => {
|
|
@@ -432,10 +433,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
432
433
|
}
|
|
433
434
|
}
|
|
434
435
|
return UsaDisclosure;
|
|
435
|
-
}, { id: 'disclosure', text: css$
|
|
436
|
+
}, { id: 'disclosure', text: css$1l });
|
|
436
437
|
}
|
|
437
438
|
|
|
438
|
-
var css$
|
|
439
|
+
var css$1k = "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}}";
|
|
439
440
|
|
|
440
441
|
function defineStories(tag = 'usa-stories') {
|
|
441
442
|
return base.defineElement(tag, (Base) => {
|
|
@@ -568,10 +569,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
568
569
|
}
|
|
569
570
|
}
|
|
570
571
|
return UsaStories;
|
|
571
|
-
}, { id: 'stories', text: css$
|
|
572
|
+
}, { id: 'stories', text: css$1k });
|
|
572
573
|
}
|
|
573
574
|
|
|
574
|
-
var css$
|
|
575
|
+
var css$1j = "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)}}";
|
|
575
576
|
|
|
576
577
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
577
578
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -798,12 +799,12 @@ function defineOverlay(tag, kind) {
|
|
|
798
799
|
}
|
|
799
800
|
}
|
|
800
801
|
return UsaOverlay;
|
|
801
|
-
}, { id: 'overlay', text: css$
|
|
802
|
+
}, { id: 'overlay', text: css$1j });
|
|
802
803
|
}
|
|
803
804
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
804
805
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
805
806
|
|
|
806
|
-
var css$
|
|
807
|
+
var css$1i = "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}}";
|
|
807
808
|
|
|
808
809
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
809
810
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -974,7 +975,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
974
975
|
}
|
|
975
976
|
}
|
|
976
977
|
return UsaToastStack;
|
|
977
|
-
}, { id: 'toast', text: css$
|
|
978
|
+
}, { id: 'toast', text: css$1i });
|
|
978
979
|
}
|
|
979
980
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
980
981
|
function stackToast(input, stack) {
|
|
@@ -1002,7 +1003,7 @@ function installToastTriggers() {
|
|
|
1002
1003
|
});
|
|
1003
1004
|
}
|
|
1004
1005
|
|
|
1005
|
-
var css$
|
|
1006
|
+
var css$1h = "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)}}";
|
|
1006
1007
|
|
|
1007
1008
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
1008
1009
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1141,10 +1142,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1141
1142
|
}
|
|
1142
1143
|
}
|
|
1143
1144
|
return UsaMenu;
|
|
1144
|
-
}, { id: 'menu', text: css$
|
|
1145
|
+
}, { id: 'menu', text: css$1h });
|
|
1145
1146
|
}
|
|
1146
1147
|
|
|
1147
|
-
var css$
|
|
1148
|
+
var css$1g = "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}}";
|
|
1148
1149
|
|
|
1149
1150
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1150
1151
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1284,7 +1285,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1284
1285
|
}
|
|
1285
1286
|
}
|
|
1286
1287
|
return UsaProgressRing;
|
|
1287
|
-
}, { id: 'meters', text: css$
|
|
1288
|
+
}, { id: 'meters', text: css$1g });
|
|
1288
1289
|
}
|
|
1289
1290
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1290
1291
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1394,10 +1395,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1394
1395
|
}
|
|
1395
1396
|
}
|
|
1396
1397
|
return UsaOdometer;
|
|
1397
|
-
}, { id: 'meters', text: css$
|
|
1398
|
+
}, { id: 'meters', text: css$1g });
|
|
1398
1399
|
}
|
|
1399
1400
|
|
|
1400
|
-
var css$
|
|
1401
|
+
var css$1f = "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}}";
|
|
1401
1402
|
|
|
1402
1403
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1403
1404
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1512,10 +1513,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1512
1513
|
}
|
|
1513
1514
|
}
|
|
1514
1515
|
return UsaSkeletonReveal;
|
|
1515
|
-
}, { id: 'skeleton-reveal', text: css$
|
|
1516
|
+
}, { id: 'skeleton-reveal', text: css$1f });
|
|
1516
1517
|
}
|
|
1517
1518
|
|
|
1518
|
-
var css$
|
|
1519
|
+
var css$1e = "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}}";
|
|
1519
1520
|
|
|
1520
1521
|
const PATHS = {
|
|
1521
1522
|
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',
|
|
@@ -1652,10 +1653,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1652
1653
|
}
|
|
1653
1654
|
UsaStarRating.formAssociated = true;
|
|
1654
1655
|
return UsaStarRating;
|
|
1655
|
-
}, { id: 'star-rating', text: css$
|
|
1656
|
+
}, { id: 'star-rating', text: css$1e });
|
|
1656
1657
|
}
|
|
1657
1658
|
|
|
1658
|
-
var css$
|
|
1659
|
+
var css$1d = "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}}";
|
|
1659
1660
|
|
|
1660
1661
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1661
1662
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1743,10 +1744,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1743
1744
|
}
|
|
1744
1745
|
}
|
|
1745
1746
|
return UsaMilestones;
|
|
1746
|
-
}, { id: 'milestones', text: css$
|
|
1747
|
+
}, { id: 'milestones', text: css$1d });
|
|
1747
1748
|
}
|
|
1748
1749
|
|
|
1749
|
-
var css$
|
|
1750
|
+
var css$1c = "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}";
|
|
1750
1751
|
|
|
1751
1752
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1752
1753
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1867,10 +1868,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1867
1868
|
}
|
|
1868
1869
|
}
|
|
1869
1870
|
return UsaMasonryFlow;
|
|
1870
|
-
}, { id: 'masonry-flow', text: css$
|
|
1871
|
+
}, { id: 'masonry-flow', text: css$1c });
|
|
1871
1872
|
}
|
|
1872
1873
|
|
|
1873
|
-
var css$
|
|
1874
|
+
var css$1b = "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}";
|
|
1874
1875
|
|
|
1875
1876
|
function defineCompare(tag = 'usa-compare') {
|
|
1876
1877
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1994,10 +1995,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1994
1995
|
}
|
|
1995
1996
|
}
|
|
1996
1997
|
return UsaCompare;
|
|
1997
|
-
}, { id: 'compare', text: css$
|
|
1998
|
+
}, { id: 'compare', text: css$1b });
|
|
1998
1999
|
}
|
|
1999
2000
|
|
|
2000
|
-
var css$
|
|
2001
|
+
var css$1a = "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}";
|
|
2001
2002
|
|
|
2002
2003
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
2003
2004
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2130,10 +2131,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2130
2131
|
}
|
|
2131
2132
|
}
|
|
2132
2133
|
return UsaCubeGallery;
|
|
2133
|
-
}, { id: 'cube-gallery', text: css$
|
|
2134
|
+
}, { id: 'cube-gallery', text: css$1a });
|
|
2134
2135
|
}
|
|
2135
2136
|
|
|
2136
|
-
var css$
|
|
2137
|
+
var css$19 = "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}}";
|
|
2137
2138
|
|
|
2138
2139
|
function defineDock(tag = 'usa-dock') {
|
|
2139
2140
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2201,10 +2202,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2201
2202
|
}
|
|
2202
2203
|
}
|
|
2203
2204
|
return UsaDock;
|
|
2204
|
-
}, { id: 'dock', text: css$
|
|
2205
|
+
}, { id: 'dock', text: css$19 });
|
|
2205
2206
|
}
|
|
2206
2207
|
|
|
2207
|
-
var css$
|
|
2208
|
+
var css$18 = "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)}";
|
|
2208
2209
|
|
|
2209
2210
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2210
2211
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2308,10 +2309,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2308
2309
|
}
|
|
2309
2310
|
}
|
|
2310
2311
|
return UsaNavMorph;
|
|
2311
|
-
}, { id: 'nav-morph', text: css$
|
|
2312
|
+
}, { id: 'nav-morph', text: css$18 });
|
|
2312
2313
|
}
|
|
2313
2314
|
|
|
2314
|
-
var css$
|
|
2315
|
+
var css$17 = "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}";
|
|
2315
2316
|
|
|
2316
2317
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2317
2318
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2384,10 +2385,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2384
2385
|
}
|
|
2385
2386
|
}
|
|
2386
2387
|
return UsaMenuToggle;
|
|
2387
|
-
}, { id: 'menu-toggle', text: css$
|
|
2388
|
+
}, { id: 'menu-toggle', text: css$17 });
|
|
2388
2389
|
}
|
|
2389
2390
|
|
|
2390
|
-
var css$
|
|
2391
|
+
var css$16 = "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)}";
|
|
2391
2392
|
|
|
2392
2393
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2393
2394
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2519,10 +2520,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2519
2520
|
}
|
|
2520
2521
|
}
|
|
2521
2522
|
return UsaTip;
|
|
2522
|
-
}, { id: 'tip', text: css$
|
|
2523
|
+
}, { id: 'tip', text: css$16 });
|
|
2523
2524
|
}
|
|
2524
2525
|
|
|
2525
|
-
var css$
|
|
2526
|
+
var css$15 = "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}}";
|
|
2526
2527
|
|
|
2527
2528
|
function defineStepper(tag = 'usa-stepper') {
|
|
2528
2529
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2619,10 +2620,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2619
2620
|
}
|
|
2620
2621
|
}
|
|
2621
2622
|
return UsaStepper;
|
|
2622
|
-
}, { id: 'stepper', text: css$
|
|
2623
|
+
}, { id: 'stepper', text: css$15 });
|
|
2623
2624
|
}
|
|
2624
2625
|
|
|
2625
|
-
var css$
|
|
2626
|
+
var css$14 = "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}}";
|
|
2626
2627
|
|
|
2627
2628
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2628
2629
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2744,10 +2745,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2744
2745
|
}
|
|
2745
2746
|
}
|
|
2746
2747
|
return UsaPagination;
|
|
2747
|
-
}, { id: 'pagination', text: css$
|
|
2748
|
+
}, { id: 'pagination', text: css$14 });
|
|
2748
2749
|
}
|
|
2749
2750
|
|
|
2750
|
-
var css$
|
|
2751
|
+
var css$13 = "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}}";
|
|
2751
2752
|
|
|
2752
2753
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2753
2754
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2841,10 +2842,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2841
2842
|
}
|
|
2842
2843
|
}
|
|
2843
2844
|
return UsaSegmented;
|
|
2844
|
-
}, { id: 'segmented', text: css$
|
|
2845
|
+
}, { id: 'segmented', text: css$13 });
|
|
2845
2846
|
}
|
|
2846
2847
|
|
|
2847
|
-
var css$
|
|
2848
|
+
var css$12 = "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}}";
|
|
2848
2849
|
|
|
2849
2850
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2850
2851
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2932,10 +2933,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2932
2933
|
}
|
|
2933
2934
|
}
|
|
2934
2935
|
return UsaSwitch;
|
|
2935
|
-
}, { id: 'switch', text: css$
|
|
2936
|
+
}, { id: 'switch', text: css$12 });
|
|
2936
2937
|
}
|
|
2937
2938
|
|
|
2938
|
-
var css
|
|
2939
|
+
var css$11 = "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}}";
|
|
2939
2940
|
|
|
2940
2941
|
function defineKanban(tag = 'usa-kanban') {
|
|
2941
2942
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3140,10 +3141,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3140
3141
|
}
|
|
3141
3142
|
}
|
|
3142
3143
|
return UsaKanban;
|
|
3143
|
-
}, { id: 'kanban', text: css
|
|
3144
|
+
}, { id: 'kanban', text: css$11 });
|
|
3144
3145
|
}
|
|
3145
3146
|
|
|
3146
|
-
var css$
|
|
3147
|
+
var css$10 = "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}}";
|
|
3147
3148
|
|
|
3148
3149
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3149
3150
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3285,10 +3286,10 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3285
3286
|
}
|
|
3286
3287
|
}
|
|
3287
3288
|
return UsaSwipeDeck;
|
|
3288
|
-
}, { id: 'swipe-deck', text: css$
|
|
3289
|
+
}, { id: 'swipe-deck', text: css$10 });
|
|
3289
3290
|
}
|
|
3290
3291
|
|
|
3291
|
-
var css
|
|
3292
|
+
var css$$ = "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}}";
|
|
3292
3293
|
|
|
3293
3294
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3294
3295
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
@@ -3369,10 +3370,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3369
3370
|
}
|
|
3370
3371
|
}
|
|
3371
3372
|
return UsaWeatherCard;
|
|
3372
|
-
}, { id: 'weather-card', text: css
|
|
3373
|
+
}, { id: 'weather-card', text: css$$ });
|
|
3373
3374
|
}
|
|
3374
3375
|
|
|
3375
|
-
var css$
|
|
3376
|
+
var css$_ = "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}}";
|
|
3376
3377
|
|
|
3377
3378
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3378
3379
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3501,10 +3502,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3501
3502
|
}
|
|
3502
3503
|
}
|
|
3503
3504
|
return UsaPullCord;
|
|
3504
|
-
}, { id: 'pull-cord', text: css$
|
|
3505
|
+
}, { id: 'pull-cord', text: css$_ });
|
|
3505
3506
|
}
|
|
3506
3507
|
|
|
3507
|
-
var css$
|
|
3508
|
+
var css$Z = "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}}";
|
|
3508
3509
|
|
|
3509
3510
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3510
3511
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3653,10 +3654,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3653
3654
|
}
|
|
3654
3655
|
}
|
|
3655
3656
|
return UsaDatePicker;
|
|
3656
|
-
}, { id: 'date-picker', text: css$
|
|
3657
|
+
}, { id: 'date-picker', text: css$Z });
|
|
3657
3658
|
}
|
|
3658
3659
|
|
|
3659
|
-
var css$
|
|
3660
|
+
var css$Y = "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}}";
|
|
3660
3661
|
|
|
3661
3662
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3662
3663
|
function hsvToHex(h, s, v) {
|
|
@@ -3776,10 +3777,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3776
3777
|
}
|
|
3777
3778
|
}
|
|
3778
3779
|
return UsaColorPicker;
|
|
3779
|
-
}, { id: 'color-picker', text: css$
|
|
3780
|
+
}, { id: 'color-picker', text: css$Y });
|
|
3780
3781
|
}
|
|
3781
3782
|
|
|
3782
|
-
var css$
|
|
3783
|
+
var css$X = "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}}";
|
|
3783
3784
|
|
|
3784
3785
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3785
3786
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3880,10 +3881,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3880
3881
|
}
|
|
3881
3882
|
}
|
|
3882
3883
|
return UsaFileDrop;
|
|
3883
|
-
}, { id: 'file-drop', text: css$
|
|
3884
|
+
}, { id: 'file-drop', text: css$X });
|
|
3884
3885
|
}
|
|
3885
3886
|
|
|
3886
|
-
var css$
|
|
3887
|
+
var css$W = "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}}";
|
|
3887
3888
|
|
|
3888
3889
|
const DEFAULT = {
|
|
3889
3890
|
format: player.ANIMATION_FORMAT,
|
|
@@ -4057,10 +4058,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4057
4058
|
}
|
|
4058
4059
|
}
|
|
4059
4060
|
return UsaKeyframeEditor;
|
|
4060
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4061
|
+
}, { id: 'keyframe-editor', text: css$W });
|
|
4061
4062
|
}
|
|
4062
4063
|
|
|
4063
|
-
var css$
|
|
4064
|
+
var css$V = "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}}";
|
|
4064
4065
|
|
|
4065
4066
|
const fmt = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4066
4067
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4221,10 +4222,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4221
4222
|
}
|
|
4222
4223
|
}
|
|
4223
4224
|
return UsaMusicPlayer;
|
|
4224
|
-
}, { id: 'music-player', text: css$
|
|
4225
|
+
}, { id: 'music-player', text: css$V });
|
|
4225
4226
|
}
|
|
4226
4227
|
|
|
4227
|
-
var css$
|
|
4228
|
+
var css$U = "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}}";
|
|
4228
4229
|
|
|
4229
4230
|
const ARC = 270;
|
|
4230
4231
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4315,10 +4316,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4315
4316
|
}
|
|
4316
4317
|
}
|
|
4317
4318
|
return UsaVolumeKnob;
|
|
4318
|
-
}, { id: 'volume-knob', text: css$
|
|
4319
|
+
}, { id: 'volume-knob', text: css$U });
|
|
4319
4320
|
}
|
|
4320
4321
|
|
|
4321
|
-
var css$
|
|
4322
|
+
var css$T = "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}}";
|
|
4322
4323
|
|
|
4323
4324
|
const EQ_PRESETS = {
|
|
4324
4325
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4416,10 +4417,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4416
4417
|
}
|
|
4417
4418
|
}
|
|
4418
4419
|
return UsaEqualizer;
|
|
4419
|
-
}, { id: 'equalizer', text: css$
|
|
4420
|
+
}, { id: 'equalizer', text: css$T });
|
|
4420
4421
|
}
|
|
4421
4422
|
|
|
4422
|
-
var css$
|
|
4423
|
+
var css$S = "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}}";
|
|
4423
4424
|
|
|
4424
4425
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4425
4426
|
function parseLRC(src) {
|
|
@@ -4531,10 +4532,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4531
4532
|
}
|
|
4532
4533
|
}
|
|
4533
4534
|
return UsaLyrics;
|
|
4534
|
-
}, { id: 'lyrics', text: css$
|
|
4535
|
+
}, { id: 'lyrics', text: css$S });
|
|
4535
4536
|
}
|
|
4536
4537
|
|
|
4537
|
-
var css$
|
|
4538
|
+
var css$R = "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}}";
|
|
4538
4539
|
|
|
4539
4540
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4540
4541
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4628,10 +4629,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4628
4629
|
}
|
|
4629
4630
|
}
|
|
4630
4631
|
return UsaBarChart;
|
|
4631
|
-
}, { id: 'bar-chart', text: css$
|
|
4632
|
+
}, { id: 'bar-chart', text: css$R });
|
|
4632
4633
|
}
|
|
4633
4634
|
|
|
4634
|
-
var css$
|
|
4635
|
+
var css$Q = "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)}";
|
|
4635
4636
|
|
|
4636
4637
|
function defineGauge(tag = 'usa-gauge') {
|
|
4637
4638
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4716,10 +4717,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4716
4717
|
}
|
|
4717
4718
|
}
|
|
4718
4719
|
return UsaGauge;
|
|
4719
|
-
}, { id: 'gauge', text: css$
|
|
4720
|
+
}, { id: 'gauge', text: css$Q });
|
|
4720
4721
|
}
|
|
4721
4722
|
|
|
4722
|
-
var css$
|
|
4723
|
+
var css$P = "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}}";
|
|
4723
4724
|
|
|
4724
4725
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4725
4726
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4842,7 +4843,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4842
4843
|
}
|
|
4843
4844
|
}
|
|
4844
4845
|
return UsaSparkline;
|
|
4845
|
-
}, { id: 'sparkline', text: css$
|
|
4846
|
+
}, { id: 'sparkline', text: css$P });
|
|
4846
4847
|
}
|
|
4847
4848
|
|
|
4848
4849
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4855,7 +4856,7 @@ function parseFigureText(s) {
|
|
|
4855
4856
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4856
4857
|
}
|
|
4857
4858
|
|
|
4858
|
-
var css$
|
|
4859
|
+
var css$O = "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}";
|
|
4859
4860
|
|
|
4860
4861
|
function defineKpi(tag = 'usa-kpi') {
|
|
4861
4862
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4935,10 +4936,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4935
4936
|
}
|
|
4936
4937
|
}
|
|
4937
4938
|
return UsaKpi;
|
|
4938
|
-
}, { id: 'kpi', text: css$
|
|
4939
|
+
}, { id: 'kpi', text: css$O });
|
|
4939
4940
|
}
|
|
4940
4941
|
|
|
4941
|
-
var css$
|
|
4942
|
+
var css$N = "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}}";
|
|
4942
4943
|
|
|
4943
4944
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4944
4945
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4983,10 +4984,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4983
4984
|
}
|
|
4984
4985
|
}
|
|
4985
4986
|
return UsaAddToCart;
|
|
4986
|
-
}, { id: 'add-to-cart', text: css$
|
|
4987
|
+
}, { id: 'add-to-cart', text: css$N });
|
|
4987
4988
|
}
|
|
4988
4989
|
|
|
4989
|
-
var css$
|
|
4990
|
+
var css$M = "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}";
|
|
4990
4991
|
|
|
4991
4992
|
/** Cart total (7.3). */
|
|
4992
4993
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5151,10 +5152,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5151
5152
|
}
|
|
5152
5153
|
}
|
|
5153
5154
|
return UsaCartDrawer;
|
|
5154
|
-
}, { id: 'cart-drawer', text: css$
|
|
5155
|
+
}, { id: 'cart-drawer', text: css$M });
|
|
5155
5156
|
}
|
|
5156
5157
|
|
|
5157
|
-
var css$
|
|
5158
|
+
var css$L = "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}}";
|
|
5158
5159
|
|
|
5159
5160
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5160
5161
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5268,10 +5269,10 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5268
5269
|
}
|
|
5269
5270
|
}
|
|
5270
5271
|
return UsaProductGallery;
|
|
5271
|
-
}, { id: 'product-gallery', text: css$
|
|
5272
|
+
}, { id: 'product-gallery', text: css$L });
|
|
5272
5273
|
}
|
|
5273
5274
|
|
|
5274
|
-
var css$
|
|
5275
|
+
var css$K = "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)}";
|
|
5275
5276
|
|
|
5276
5277
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5277
5278
|
function splitTime(sec) {
|
|
@@ -5359,10 +5360,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5359
5360
|
}
|
|
5360
5361
|
}
|
|
5361
5362
|
return UsaCountdown;
|
|
5362
|
-
}, { id: 'countdown', text: css$
|
|
5363
|
+
}, { id: 'countdown', text: css$K });
|
|
5363
5364
|
}
|
|
5364
5365
|
|
|
5365
|
-
var css$
|
|
5366
|
+
var css$J = "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}}";
|
|
5366
5367
|
|
|
5367
5368
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5368
5369
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5449,10 +5450,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5449
5450
|
}
|
|
5450
5451
|
}
|
|
5451
5452
|
return UsaMessageList;
|
|
5452
|
-
}, { id: 'message-list', text: css$
|
|
5453
|
+
}, { id: 'message-list', text: css$J });
|
|
5453
5454
|
}
|
|
5454
5455
|
|
|
5455
|
-
var css$
|
|
5456
|
+
var css$I = "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}";
|
|
5456
5457
|
|
|
5457
5458
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5458
5459
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5554,10 +5555,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5554
5555
|
}
|
|
5555
5556
|
}
|
|
5556
5557
|
return UsaReactions;
|
|
5557
|
-
}, { id: 'reactions', text: css$
|
|
5558
|
+
}, { id: 'reactions', text: css$I });
|
|
5558
5559
|
}
|
|
5559
5560
|
|
|
5560
|
-
var css$
|
|
5561
|
+
var css$H = "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}";
|
|
5561
5562
|
|
|
5562
5563
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5563
5564
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5652,10 +5653,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5652
5653
|
}
|
|
5653
5654
|
}
|
|
5654
5655
|
return UsaNotificationBell;
|
|
5655
|
-
}, { id: 'notification-bell', text: css$
|
|
5656
|
+
}, { id: 'notification-bell', text: css$H });
|
|
5656
5657
|
}
|
|
5657
5658
|
|
|
5658
|
-
var css$
|
|
5659
|
+
var css$G = "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}}";
|
|
5659
5660
|
|
|
5660
5661
|
/** Presence states (7.4). */
|
|
5661
5662
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5725,10 +5726,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5725
5726
|
}
|
|
5726
5727
|
}
|
|
5727
5728
|
return UsaPresence;
|
|
5728
|
-
}, { id: 'presence', text: css$
|
|
5729
|
+
}, { id: 'presence', text: css$G });
|
|
5729
5730
|
}
|
|
5730
5731
|
|
|
5731
|
-
var css$
|
|
5732
|
+
var css$F = "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)}";
|
|
5732
5733
|
|
|
5733
5734
|
/** Sort rows by score desc, then name (7.5). */
|
|
5734
5735
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5837,10 +5838,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5837
5838
|
}
|
|
5838
5839
|
}
|
|
5839
5840
|
return UsaLeaderboard;
|
|
5840
|
-
}, { id: 'leaderboard', text: css$
|
|
5841
|
+
}, { id: 'leaderboard', text: css$F });
|
|
5841
5842
|
}
|
|
5842
5843
|
|
|
5843
|
-
var css$
|
|
5844
|
+
var css$E = "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)}";
|
|
5844
5845
|
|
|
5845
5846
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5846
5847
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5937,10 +5938,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5937
5938
|
}
|
|
5938
5939
|
}
|
|
5939
5940
|
return UsaXpBar;
|
|
5940
|
-
}, { id: 'xp-bar', text: css$
|
|
5941
|
+
}, { id: 'xp-bar', text: css$E });
|
|
5941
5942
|
}
|
|
5942
5943
|
|
|
5943
|
-
var css$
|
|
5944
|
+
var css$D = "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}}";
|
|
5944
5945
|
|
|
5945
5946
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5946
5947
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -6007,10 +6008,10 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
6007
6008
|
}
|
|
6008
6009
|
}
|
|
6009
6010
|
return UsaBadgeWall;
|
|
6010
|
-
}, { id: 'badge-wall', text: css$
|
|
6011
|
+
}, { id: 'badge-wall', text: css$D });
|
|
6011
6012
|
}
|
|
6012
6013
|
|
|
6013
|
-
var css$
|
|
6014
|
+
var css$C = "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)}";
|
|
6014
6015
|
|
|
6015
6016
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6016
6017
|
function wheelAngle(index, count, turns = 5) {
|
|
@@ -6090,10 +6091,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6090
6091
|
}
|
|
6091
6092
|
}
|
|
6092
6093
|
return UsaPrizeWheel;
|
|
6093
|
-
}, { id: 'prize-wheel', text: css$
|
|
6094
|
+
}, { id: 'prize-wheel', text: css$C });
|
|
6094
6095
|
}
|
|
6095
6096
|
|
|
6096
|
-
var css$
|
|
6097
|
+
var css$B = "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}}";
|
|
6097
6098
|
|
|
6098
6099
|
const RAD = Math.PI / 180;
|
|
6099
6100
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6250,10 +6251,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6250
6251
|
}
|
|
6251
6252
|
}
|
|
6252
6253
|
return UsaGlobe;
|
|
6253
|
-
}, { id: 'globe', text: css$
|
|
6254
|
+
}, { id: 'globe', text: css$B });
|
|
6254
6255
|
}
|
|
6255
6256
|
|
|
6256
|
-
var css$
|
|
6257
|
+
var css$A = "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}";
|
|
6257
6258
|
|
|
6258
6259
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6259
6260
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6327,10 +6328,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6327
6328
|
}
|
|
6328
6329
|
}
|
|
6329
6330
|
return UsaLocationCard;
|
|
6330
|
-
}, { id: 'location-card', text: css$
|
|
6331
|
+
}, { id: 'location-card', text: css$A });
|
|
6331
6332
|
}
|
|
6332
6333
|
|
|
6333
|
-
var css$
|
|
6334
|
+
var css$z = "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}}";
|
|
6334
6335
|
|
|
6335
6336
|
/** 0–4 password strength score with a label (7.7). */
|
|
6336
6337
|
function passwordStrength(pw) {
|
|
@@ -6456,10 +6457,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6456
6457
|
}
|
|
6457
6458
|
}
|
|
6458
6459
|
return UsaField;
|
|
6459
|
-
}, { id: 'field', text: css$
|
|
6460
|
+
}, { id: 'field', text: css$z });
|
|
6460
6461
|
}
|
|
6461
6462
|
|
|
6462
|
-
var css$
|
|
6463
|
+
var css$y = "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}}";
|
|
6463
6464
|
|
|
6464
6465
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6465
6466
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6590,10 +6591,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6590
6591
|
}
|
|
6591
6592
|
}
|
|
6592
6593
|
return UsaOtp;
|
|
6593
|
-
}, { id: 'otp', text: css$
|
|
6594
|
+
}, { id: 'otp', text: css$y });
|
|
6594
6595
|
}
|
|
6595
6596
|
|
|
6596
|
-
var css$
|
|
6597
|
+
var css$x = "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}}";
|
|
6597
6598
|
|
|
6598
6599
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6599
6600
|
function formatBytes(n) {
|
|
@@ -6676,10 +6677,10 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6676
6677
|
}
|
|
6677
6678
|
}
|
|
6678
6679
|
return UsaUploadProgress;
|
|
6679
|
-
}, { id: 'upload-progress', text: css$
|
|
6680
|
+
}, { id: 'upload-progress', text: css$x });
|
|
6680
6681
|
}
|
|
6681
6682
|
|
|
6682
|
-
var css$
|
|
6683
|
+
var css$w = "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}}";
|
|
6683
6684
|
|
|
6684
6685
|
const esc$c = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6685
6686
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
@@ -6777,10 +6778,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6777
6778
|
}
|
|
6778
6779
|
}
|
|
6779
6780
|
return UsaChatComposer;
|
|
6780
|
-
}, { id: 'chat-composer', text: css$
|
|
6781
|
+
}, { id: 'chat-composer', text: css$w });
|
|
6781
6782
|
}
|
|
6782
6783
|
|
|
6783
|
-
var css$
|
|
6784
|
+
var css$v = "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}}";
|
|
6784
6785
|
|
|
6785
6786
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6786
6787
|
function parseChips(s) {
|
|
@@ -6865,10 +6866,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6865
6866
|
}
|
|
6866
6867
|
}
|
|
6867
6868
|
return UsaSuggestionChips;
|
|
6868
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6869
|
+
}, { id: 'suggestion-chips', text: css$v });
|
|
6869
6870
|
}
|
|
6870
6871
|
|
|
6871
|
-
var css$
|
|
6872
|
+
var css$u = "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}}";
|
|
6872
6873
|
|
|
6873
6874
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6874
6875
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6940,10 +6941,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6940
6941
|
}
|
|
6941
6942
|
}
|
|
6942
6943
|
return UsaVoiceButton;
|
|
6943
|
-
}, { id: 'voice-button', text: css$
|
|
6944
|
+
}, { id: 'voice-button', text: css$u });
|
|
6944
6945
|
}
|
|
6945
6946
|
|
|
6946
|
-
var css$
|
|
6947
|
+
var css$t = "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)}";
|
|
6947
6948
|
|
|
6948
6949
|
/**
|
|
6949
6950
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -7202,10 +7203,10 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7202
7203
|
}
|
|
7203
7204
|
}
|
|
7204
7205
|
return UsaCommandPalette;
|
|
7205
|
-
}, { id: 'command-palette', text: css$
|
|
7206
|
+
}, { id: 'command-palette', text: css$t });
|
|
7206
7207
|
}
|
|
7207
7208
|
|
|
7208
|
-
var css$
|
|
7209
|
+
var css$s = "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}";
|
|
7209
7210
|
|
|
7210
7211
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7211
7212
|
const esc$9 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
@@ -7256,10 +7257,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7256
7257
|
}
|
|
7257
7258
|
}
|
|
7258
7259
|
return UsaShortcut;
|
|
7259
|
-
}, { id: 'shortcut', text: css$
|
|
7260
|
+
}, { id: 'shortcut', text: css$s });
|
|
7260
7261
|
}
|
|
7261
7262
|
|
|
7262
|
-
var css$
|
|
7263
|
+
var css$r = "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}}";
|
|
7263
7264
|
|
|
7264
7265
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7265
7266
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7318,10 +7319,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7318
7319
|
}
|
|
7319
7320
|
}
|
|
7320
7321
|
return UsaClockControl;
|
|
7321
|
-
}, { id: 'clock-control', text: css$
|
|
7322
|
+
}, { id: 'clock-control', text: css$r });
|
|
7322
7323
|
}
|
|
7323
7324
|
|
|
7324
|
-
var css$
|
|
7325
|
+
var css$q = "usa-hydrate{display:block}";
|
|
7325
7326
|
|
|
7326
7327
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7327
7328
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7357,10 +7358,10 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7357
7358
|
}
|
|
7358
7359
|
}
|
|
7359
7360
|
return UsaHydrate;
|
|
7360
|
-
}, { id: 'hydrate', text: css$
|
|
7361
|
+
}, { id: 'hydrate', text: css$q });
|
|
7361
7362
|
}
|
|
7362
7363
|
|
|
7363
|
-
var css$
|
|
7364
|
+
var css$p = "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}}";
|
|
7364
7365
|
|
|
7365
7366
|
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7366
7367
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
@@ -7424,10 +7425,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7424
7425
|
}
|
|
7425
7426
|
}
|
|
7426
7427
|
return UsaRedEnvelope;
|
|
7427
|
-
}, { id: 'red-envelope', text: css$
|
|
7428
|
+
}, { id: 'red-envelope', text: css$p });
|
|
7428
7429
|
}
|
|
7429
7430
|
|
|
7430
|
-
var css$
|
|
7431
|
+
var css$o = "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}}";
|
|
7431
7432
|
|
|
7432
7433
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7433
7434
|
const SCENES = {
|
|
@@ -7475,10 +7476,10 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7475
7476
|
}
|
|
7476
7477
|
}
|
|
7477
7478
|
return UsaFestivalBanner;
|
|
7478
|
-
}, { id: 'festival-banner', text: css$
|
|
7479
|
+
}, { id: 'festival-banner', text: css$o });
|
|
7479
7480
|
}
|
|
7480
7481
|
|
|
7481
|
-
var css$
|
|
7482
|
+
var css$n = "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}}";
|
|
7482
7483
|
|
|
7483
7484
|
const esc$7 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7484
7485
|
function defineTerminal(tag = 'usa-terminal') {
|
|
@@ -7589,10 +7590,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7589
7590
|
}
|
|
7590
7591
|
}
|
|
7591
7592
|
return UsaTerminal;
|
|
7592
|
-
}, { id: 'terminal', text: css$
|
|
7593
|
+
}, { id: 'terminal', text: css$n });
|
|
7593
7594
|
}
|
|
7594
7595
|
|
|
7595
|
-
var css$
|
|
7596
|
+
var css$m = "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}";
|
|
7596
7597
|
|
|
7597
7598
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7598
7599
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7646,10 +7647,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7646
7647
|
}
|
|
7647
7648
|
}
|
|
7648
7649
|
return UsaRetroButton;
|
|
7649
|
-
}, { id: 'retro-button', text: css$
|
|
7650
|
+
}, { id: 'retro-button', text: css$m });
|
|
7650
7651
|
}
|
|
7651
7652
|
|
|
7652
|
-
var css$
|
|
7653
|
+
var css$l = "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)}";
|
|
7653
7654
|
|
|
7654
7655
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7655
7656
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7688,10 +7689,10 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7688
7689
|
}
|
|
7689
7690
|
}
|
|
7690
7691
|
return UsaOrganicCard;
|
|
7691
|
-
}, { id: 'organic-card', text: css$
|
|
7692
|
+
}, { id: 'organic-card', text: css$l });
|
|
7692
7693
|
}
|
|
7693
7694
|
|
|
7694
|
-
var css$
|
|
7695
|
+
var css$k = "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}";
|
|
7695
7696
|
|
|
7696
7697
|
let uid = 0;
|
|
7697
7698
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
@@ -7772,10 +7773,10 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7772
7773
|
}
|
|
7773
7774
|
}
|
|
7774
7775
|
return UsaLiquidNav;
|
|
7775
|
-
}, { id: 'liquid-nav', text: css$
|
|
7776
|
+
}, { id: 'liquid-nav', text: css$k });
|
|
7776
7777
|
}
|
|
7777
7778
|
|
|
7778
|
-
var css$
|
|
7779
|
+
var css$j = "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}}";
|
|
7779
7780
|
|
|
7780
7781
|
const esc$6 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7781
7782
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
@@ -7824,10 +7825,10 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7824
7825
|
}
|
|
7825
7826
|
}
|
|
7826
7827
|
return UsaHudPanel;
|
|
7827
|
-
}, { id: 'hud-panel', text: css$
|
|
7828
|
+
}, { id: 'hud-panel', text: css$j });
|
|
7828
7829
|
}
|
|
7829
7830
|
|
|
7830
|
-
var css$
|
|
7831
|
+
var css$i = "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)}}";
|
|
7831
7832
|
|
|
7832
7833
|
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7833
7834
|
function parseTargets(s) {
|
|
@@ -7913,10 +7914,10 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7913
7914
|
}
|
|
7914
7915
|
}
|
|
7915
7916
|
return UsaRadar;
|
|
7916
|
-
}, { id: 'radar', text: css$
|
|
7917
|
+
}, { id: 'radar', text: css$i });
|
|
7917
7918
|
}
|
|
7918
7919
|
|
|
7919
|
-
var css$
|
|
7920
|
+
var css$h = "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)}";
|
|
7920
7921
|
|
|
7921
7922
|
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7922
7923
|
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
@@ -7980,10 +7981,10 @@ function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
|
7980
7981
|
}
|
|
7981
7982
|
}
|
|
7982
7983
|
return UsaStickyWall;
|
|
7983
|
-
}, { id: 'sticky-wall', text: css$
|
|
7984
|
+
}, { id: 'sticky-wall', text: css$h });
|
|
7984
7985
|
}
|
|
7985
7986
|
|
|
7986
|
-
var css$
|
|
7987
|
+
var css$g = "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}";
|
|
7987
7988
|
|
|
7988
7989
|
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7989
7990
|
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
@@ -8080,10 +8081,10 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8080
8081
|
}
|
|
8081
8082
|
}
|
|
8082
8083
|
return UsaSketchChart;
|
|
8083
|
-
}, { id: 'sketch-chart', text: css$
|
|
8084
|
+
}, { id: 'sketch-chart', text: css$g });
|
|
8084
8085
|
}
|
|
8085
8086
|
|
|
8086
|
-
var css$
|
|
8087
|
+
var css$f = "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}}";
|
|
8087
8088
|
|
|
8088
8089
|
const NAMES = { light: 'Light', dark: 'Dark', neon: 'Neon', glass: 'Glass', neu: 'Soft' };
|
|
8089
8090
|
function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
@@ -8185,10 +8186,10 @@ function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
|
8185
8186
|
}
|
|
8186
8187
|
}
|
|
8187
8188
|
return UsaThemeSwitcher;
|
|
8188
|
-
}, { id: 'theme-switcher', text: css$
|
|
8189
|
+
}, { id: 'theme-switcher', text: css$f });
|
|
8189
8190
|
}
|
|
8190
8191
|
|
|
8191
|
-
var css$
|
|
8192
|
+
var css$e = "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}}";
|
|
8192
8193
|
|
|
8193
8194
|
function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
8194
8195
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8241,10 +8242,10 @@ function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
|
8241
8242
|
}
|
|
8242
8243
|
}
|
|
8243
8244
|
return UsaThemeSurface;
|
|
8244
|
-
}, { id: 'theme-surface', text: css$
|
|
8245
|
+
}, { id: 'theme-surface', text: css$e });
|
|
8245
8246
|
}
|
|
8246
8247
|
|
|
8247
|
-
var css$
|
|
8248
|
+
var css$d = "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}}";
|
|
8248
8249
|
|
|
8249
8250
|
function defineGyroCard(tag = 'usa-gyro-card') {
|
|
8250
8251
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8325,10 +8326,10 @@ function defineGyroCard(tag = 'usa-gyro-card') {
|
|
|
8325
8326
|
}
|
|
8326
8327
|
}
|
|
8327
8328
|
return UsaGyroCard;
|
|
8328
|
-
}, { id: 'gyro-card', text: css$
|
|
8329
|
+
}, { id: 'gyro-card', text: css$d });
|
|
8329
8330
|
}
|
|
8330
8331
|
|
|
8331
|
-
var css$
|
|
8332
|
+
var css$c = "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}";
|
|
8332
8333
|
|
|
8333
8334
|
function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
8334
8335
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8455,10 +8456,10 @@ function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
|
8455
8456
|
}
|
|
8456
8457
|
}
|
|
8457
8458
|
return UsaGestureSticker;
|
|
8458
|
-
}, { id: 'gesture-sticker', text: css$
|
|
8459
|
+
}, { id: 'gesture-sticker', text: css$c });
|
|
8459
8460
|
}
|
|
8460
8461
|
|
|
8461
|
-
var css$
|
|
8462
|
+
var css$b = "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}";
|
|
8462
8463
|
|
|
8463
8464
|
function definePanorama(tag = 'usa-panorama') {
|
|
8464
8465
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8580,10 +8581,10 @@ function definePanorama(tag = 'usa-panorama') {
|
|
|
8580
8581
|
}
|
|
8581
8582
|
}
|
|
8582
8583
|
return UsaPanorama;
|
|
8583
|
-
}, { id: 'panorama', text: css$
|
|
8584
|
+
}, { id: 'panorama', text: css$b });
|
|
8584
8585
|
}
|
|
8585
8586
|
|
|
8586
|
-
var css$
|
|
8587
|
+
var css$a = "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}}";
|
|
8587
8588
|
|
|
8588
8589
|
function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
8589
8590
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8629,10 +8630,10 @@ function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
|
8629
8630
|
}
|
|
8630
8631
|
}
|
|
8631
8632
|
return UsaSpatialCard;
|
|
8632
|
-
}, { id: 'spatial-card', text: css$
|
|
8633
|
+
}, { id: 'spatial-card', text: css$a });
|
|
8633
8634
|
}
|
|
8634
8635
|
|
|
8635
|
-
var css$
|
|
8636
|
+
var css$9 = "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}";
|
|
8636
8637
|
|
|
8637
8638
|
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$)/;
|
|
8638
8639
|
const RUNTIME_CLASS = /^usa-/;
|
|
@@ -8798,10 +8799,10 @@ function defineCodeExport(tag = 'usa-code-export') {
|
|
|
8798
8799
|
}
|
|
8799
8800
|
}
|
|
8800
8801
|
return UsaCodeExport;
|
|
8801
|
-
}, { id: 'code-export', text: css$
|
|
8802
|
+
}, { id: 'code-export', text: css$9 });
|
|
8802
8803
|
}
|
|
8803
8804
|
|
|
8804
|
-
var css$
|
|
8805
|
+
var css$8 = "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}";
|
|
8805
8806
|
|
|
8806
8807
|
/** "value:number:0:100, theme:select:leaf|ocean, on:boolean" → prop specs (8.9). */
|
|
8807
8808
|
function parseProps(s) {
|
|
@@ -8905,10 +8906,10 @@ function definePropPanel(tag = 'usa-prop-panel') {
|
|
|
8905
8906
|
}
|
|
8906
8907
|
}
|
|
8907
8908
|
return UsaPropPanel;
|
|
8908
|
-
}, { id: 'prop-panel', text: css$
|
|
8909
|
+
}, { id: 'prop-panel', text: css$8 });
|
|
8909
8910
|
}
|
|
8910
8911
|
|
|
8911
|
-
var css$
|
|
8912
|
+
var css$7 = "usa-motion{display:block}";
|
|
8912
8913
|
|
|
8913
8914
|
function defineMotion(tag = 'usa-motion') {
|
|
8914
8915
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8935,10 +8936,10 @@ function defineMotion(tag = 'usa-motion') {
|
|
|
8935
8936
|
}
|
|
8936
8937
|
}
|
|
8937
8938
|
return UsaMotion;
|
|
8938
|
-
}, { id: 'motion', text: css$
|
|
8939
|
+
}, { id: 'motion', text: css$7 });
|
|
8939
8940
|
}
|
|
8940
8941
|
|
|
8941
|
-
var css$
|
|
8942
|
+
var css$6 = "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}";
|
|
8942
8943
|
|
|
8943
8944
|
const esc$1 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8944
8945
|
function definePluginStore(tag = 'usa-plugin-store') {
|
|
@@ -9024,10 +9025,10 @@ function definePluginStore(tag = 'usa-plugin-store') {
|
|
|
9024
9025
|
}
|
|
9025
9026
|
}
|
|
9026
9027
|
return UsaPluginStore;
|
|
9027
|
-
}, { id: 'plugin-store', text: css$
|
|
9028
|
+
}, { id: 'plugin-store', text: css$6 });
|
|
9028
9029
|
}
|
|
9029
9030
|
|
|
9030
|
-
var css$
|
|
9031
|
+
var css$5 = "usa-chapter-nav{display:block;max-width:100%;font:13px/1.3 system-ui,sans-serif;color:#0f172a}usa-chapter-nav .usa-cn-list{display:flex;gap:6px;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}usa-chapter-nav[data-orientation=vertical] .usa-cn-list{flex-direction:column;overflow:visible}usa-chapter-nav li{flex:1 1 0;min-width:84px}usa-chapter-nav .usa-cn-item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:4px 8px;width:100%;padding:8px 10px;border:0;border-radius:10px;background:rgba(15,23,42,.05);color:inherit;font:inherit;text-align:left;cursor:pointer}usa-chapter-nav .usa-cn-item[aria-current]{background:#eef2ff;color:#3730a3}usa-chapter-nav .usa-cn-item:focus-visible{outline:2px solid #6366f1;outline-offset:1px}usa-chapter-nav .usa-cn-num{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e2e8f0;font-weight:700;font-size:11px}usa-chapter-nav [aria-current] .usa-cn-num{background:#4f46e5;color:#fff}usa-chapter-nav .usa-cn-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}usa-chapter-nav .usa-cn-bar{grid-column:1/-1;height:3px;border-radius:2px;background:rgba(15,23,42,.1);overflow:hidden}usa-chapter-nav .usa-cn-bar i{display:block;height:100%;background:#4f46e5;transform:scaleX(var(--p,0));transform-origin:0 50%;transition:transform .15s linear}@media (prefers-reduced-motion:reduce){usa-chapter-nav .usa-cn-bar i{transition:none}}";
|
|
9031
9032
|
|
|
9032
9033
|
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
9033
9034
|
function defineChapterNav(tag = 'usa-chapter-nav') {
|
|
@@ -9101,10 +9102,10 @@ function defineChapterNav(tag = 'usa-chapter-nav') {
|
|
|
9101
9102
|
}
|
|
9102
9103
|
}
|
|
9103
9104
|
return UsaChapterNav;
|
|
9104
|
-
}, { id: 'chapter-nav', text: css$
|
|
9105
|
+
}, { id: 'chapter-nav', text: css$5 });
|
|
9105
9106
|
}
|
|
9106
9107
|
|
|
9107
|
-
var css$
|
|
9108
|
+
var css$4 = "usa-scene{position:relative;display:block;overflow:hidden;border-radius:14px;background:#000;color:#fff;isolation:isolate}usa-scene>.usa-scene-media{display:block;width:100%;height:100%;object-fit:cover;transform-origin:50% 50%;will-change:transform}usa-scene>[data-caption]{position:absolute;left:5%;right:5%;bottom:8%;margin:0;font:700 clamp(15px,2.4vw,24px)/1.25 system-ui,sans-serif;text-shadow:0 2px 12px rgba(0,0,0,.7);opacity:0;transform:translateY(10px);transition:opacity .6s,transform .6s}usa-scene>[data-caption][data-shown]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){usa-scene>[data-caption]{transition:none}}";
|
|
9108
9109
|
|
|
9109
9110
|
function defineScene(tag = 'usa-scene') {
|
|
9110
9111
|
return base.defineElement(tag, (Base) => {
|
|
@@ -9178,10 +9179,10 @@ function defineScene(tag = 'usa-scene') {
|
|
|
9178
9179
|
}
|
|
9179
9180
|
}
|
|
9180
9181
|
return UsaScene;
|
|
9181
|
-
}, { id: 'scene', text: css$
|
|
9182
|
+
}, { id: 'scene', text: css$4 });
|
|
9182
9183
|
}
|
|
9183
9184
|
|
|
9184
|
-
var css$
|
|
9185
|
+
var css$3 = "usa-lottie{display:inline-block;line-height:0;max-width:100%}usa-lottie .usa-lt-svg{max-width:100%;height:auto;overflow:visible}usa-lottie [data-layer]{transform-box:view-box;transform-origin:0 0}";
|
|
9185
9186
|
|
|
9186
9187
|
function defineLottie(tag = 'usa-lottie') {
|
|
9187
9188
|
return base.defineElement(tag, (Base) => {
|
|
@@ -9273,10 +9274,10 @@ function defineLottie(tag = 'usa-lottie') {
|
|
|
9273
9274
|
}
|
|
9274
9275
|
}
|
|
9275
9276
|
return UsaLottie;
|
|
9276
|
-
}, { id: 'lottie', text: css$
|
|
9277
|
+
}, { id: 'lottie', text: css$3 });
|
|
9277
9278
|
}
|
|
9278
9279
|
|
|
9279
|
-
var css = "usa-lottie-icon{display:inline-block;width:var(--usa-li-size,32px);height:var(--usa-li-size,32px);line-height:0;cursor:pointer;vertical-align:middle}usa-lottie-icon>usa-lottie,usa-lottie-icon .usa-lt-svg{width:100%;height:100%}";
|
|
9280
|
+
var css$2 = "usa-lottie-icon{display:inline-block;width:var(--usa-li-size,32px);height:var(--usa-li-size,32px);line-height:0;cursor:pointer;vertical-align:middle}usa-lottie-icon>usa-lottie,usa-lottie-icon .usa-lt-svg{width:100%;height:100%}";
|
|
9280
9281
|
|
|
9281
9282
|
const fill = (r, g, b) => ({ ty: 'fl', c: { k: [r, g, b, 1] } });
|
|
9282
9283
|
const sh = (v, c = true) => ({ ty: 'sh', ks: { k: { v, i: v.map(() => [0, 0]), o: v.map(() => [0, 0]), c } } });
|
|
@@ -9353,7 +9354,280 @@ function defineLottieIcon(tag = 'usa-lottie-icon') {
|
|
|
9353
9354
|
}
|
|
9354
9355
|
}
|
|
9355
9356
|
return UsaLottieIcon;
|
|
9356
|
-
}, { id: 'lottie-icon', text: css });
|
|
9357
|
+
}, { id: 'lottie-icon', text: css$2 });
|
|
9358
|
+
}
|
|
9359
|
+
|
|
9360
|
+
var css$1 = "usa-gen-art{position:relative;display:block;min-height:120px;border-radius:12px;overflow:hidden;cursor:pointer;outline:none}usa-gen-art>canvas{display:block;width:100%;height:100%;position:absolute;inset:0}usa-gen-art:focus-visible{box-shadow:0 0 0 3px #6366f1}";
|
|
9361
|
+
|
|
9362
|
+
const ARTS = ['flow', 'circles', 'truchet', 'waves'];
|
|
9363
|
+
function defineGenArt(tag = 'usa-gen-art') {
|
|
9364
|
+
return base.defineElement(tag, (Base) => {
|
|
9365
|
+
class UsaGenArt extends Base {
|
|
9366
|
+
constructor() {
|
|
9367
|
+
super(...arguments);
|
|
9368
|
+
this._seed = 1;
|
|
9369
|
+
this._raf = 0;
|
|
9370
|
+
}
|
|
9371
|
+
static get observedAttributes() {
|
|
9372
|
+
return ['art', 'seed', 'palette', 'label'];
|
|
9373
|
+
}
|
|
9374
|
+
get seed() {
|
|
9375
|
+
return this._seed;
|
|
9376
|
+
}
|
|
9377
|
+
canvas() {
|
|
9378
|
+
return this.querySelector(':scope > canvas');
|
|
9379
|
+
}
|
|
9380
|
+
mount() {
|
|
9381
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9382
|
+
this._seed = this.num('seed', 1);
|
|
9383
|
+
const art = ARTS.includes(this.str('art')) ? this.str('art') : 'flow';
|
|
9384
|
+
this.setAttribute('data-art', art);
|
|
9385
|
+
this.setAttribute('role', 'img');
|
|
9386
|
+
this.setAttribute('aria-label', this.str('label', `Generative ${art} artwork, seed ${this._seed}`));
|
|
9387
|
+
if (!this.hasAttribute('tabindex'))
|
|
9388
|
+
this.tabIndex = 0;
|
|
9389
|
+
this.insertAdjacentHTML('afterbegin', '<canvas data-usa-part></canvas>');
|
|
9390
|
+
this.listen(this, 'click', () => this.generate());
|
|
9391
|
+
this.listen(this, 'keydown', (e) => {
|
|
9392
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
9393
|
+
e.preventDefault();
|
|
9394
|
+
this.generate();
|
|
9395
|
+
}
|
|
9396
|
+
});
|
|
9397
|
+
let drawn = false;
|
|
9398
|
+
this.inView((v) => {
|
|
9399
|
+
if (v && !drawn) {
|
|
9400
|
+
drawn = true;
|
|
9401
|
+
this.draw();
|
|
9402
|
+
}
|
|
9403
|
+
});
|
|
9404
|
+
this.onCleanup(() => cancelAnimationFrame(this._raf));
|
|
9405
|
+
}
|
|
9406
|
+
generate(seed = Math.floor(Math.random() * 1e6)) {
|
|
9407
|
+
this._seed = seed;
|
|
9408
|
+
this.setAttribute('aria-label', this.str('label', `Generative ${this.getAttribute('data-art')} artwork, seed ${seed}`));
|
|
9409
|
+
this.draw();
|
|
9410
|
+
this.emit('generate', { seed });
|
|
9411
|
+
}
|
|
9412
|
+
toDataURL(type = 'image/png') {
|
|
9413
|
+
return this.canvas()?.toDataURL(type) || '';
|
|
9414
|
+
}
|
|
9415
|
+
draw() {
|
|
9416
|
+
const c = this.canvas();
|
|
9417
|
+
const ctx = c?.getContext?.('2d');
|
|
9418
|
+
if (!c || !ctx)
|
|
9419
|
+
return;
|
|
9420
|
+
cancelAnimationFrame(this._raf);
|
|
9421
|
+
const w = Math.max(60, Math.round(this.clientWidth || 300));
|
|
9422
|
+
const h = Math.max(60, Math.round(this.clientHeight || 180));
|
|
9423
|
+
const dpr = Math.min(2, (typeof devicePixelRatio === 'number' && devicePixelRatio) || 1);
|
|
9424
|
+
c.width = w * dpr;
|
|
9425
|
+
c.height = h * dpr;
|
|
9426
|
+
ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
|
|
9427
|
+
const pal = components_fxGenart.PALETTES[this.str('palette')] || components_fxGenart.PALETTES.sunset;
|
|
9428
|
+
const r = components_fxGenart.seededRandom(this._seed);
|
|
9429
|
+
ctx.fillStyle = pal[pal.length - 1];
|
|
9430
|
+
ctx.fillRect(0, 0, w, h);
|
|
9431
|
+
const art = this.getAttribute('data-art');
|
|
9432
|
+
const steps = [];
|
|
9433
|
+
if (art === 'circles') {
|
|
9434
|
+
const cs = [];
|
|
9435
|
+
for (let i = 0; i < 900 && cs.length < 140; i++) {
|
|
9436
|
+
const x = r() * w;
|
|
9437
|
+
const y = r() * h;
|
|
9438
|
+
let rad = 2 + r() * Math.min(w, h) * 0.14;
|
|
9439
|
+
for (const [cx, cy, cr] of cs)
|
|
9440
|
+
rad = Math.min(rad, Math.hypot(x - cx, y - cy) - cr - 1.5);
|
|
9441
|
+
if (rad < 2)
|
|
9442
|
+
continue;
|
|
9443
|
+
cs.push([x, y, rad]);
|
|
9444
|
+
const col = pal[Math.floor(r() * (pal.length - 1))];
|
|
9445
|
+
steps.push(() => {
|
|
9446
|
+
ctx.beginPath();
|
|
9447
|
+
ctx.arc(x, y, rad, 0, Math.PI * 2);
|
|
9448
|
+
ctx.fillStyle = col;
|
|
9449
|
+
ctx.fill();
|
|
9450
|
+
});
|
|
9451
|
+
}
|
|
9452
|
+
}
|
|
9453
|
+
else if (art === 'truchet') {
|
|
9454
|
+
const s = Math.max(16, Math.round(Math.min(w, h) / 8));
|
|
9455
|
+
ctx.lineWidth = s / 5;
|
|
9456
|
+
ctx.lineCap = 'round';
|
|
9457
|
+
for (let y = 0; y < h; y += s)
|
|
9458
|
+
for (let x = 0; x < w; x += s) {
|
|
9459
|
+
const flip = r() > 0.5;
|
|
9460
|
+
const col = pal[Math.floor(r() * (pal.length - 1))];
|
|
9461
|
+
steps.push(() => {
|
|
9462
|
+
ctx.strokeStyle = col;
|
|
9463
|
+
ctx.beginPath();
|
|
9464
|
+
if (flip) {
|
|
9465
|
+
ctx.arc(x, y, s / 2, 0, Math.PI / 2);
|
|
9466
|
+
ctx.moveTo(x + s, y + s / 2);
|
|
9467
|
+
ctx.arc(x + s, y + s, s / 2, -Math.PI / 2, Math.PI, true);
|
|
9468
|
+
}
|
|
9469
|
+
else {
|
|
9470
|
+
ctx.arc(x + s, y, s / 2, Math.PI / 2, Math.PI);
|
|
9471
|
+
ctx.moveTo(x + s / 2, y + s);
|
|
9472
|
+
ctx.arc(x, y + s, s / 2, 0, -Math.PI / 2, true);
|
|
9473
|
+
}
|
|
9474
|
+
ctx.stroke();
|
|
9475
|
+
});
|
|
9476
|
+
}
|
|
9477
|
+
}
|
|
9478
|
+
else if (art === 'waves') {
|
|
9479
|
+
const n = 7;
|
|
9480
|
+
for (let i = 0; i < n; i++) {
|
|
9481
|
+
const base = (h / (n + 1)) * (i + 1);
|
|
9482
|
+
const amp = 6 + r() * h * 0.08;
|
|
9483
|
+
const f = 1 + r() * 3;
|
|
9484
|
+
const ph = r() * Math.PI * 2;
|
|
9485
|
+
const col = pal[i % (pal.length - 1)];
|
|
9486
|
+
steps.push(() => {
|
|
9487
|
+
ctx.beginPath();
|
|
9488
|
+
ctx.moveTo(0, h);
|
|
9489
|
+
for (let x = 0; x <= w; x += 4)
|
|
9490
|
+
ctx.lineTo(x, base + Math.sin((x / w) * Math.PI * 2 * f + ph) * amp);
|
|
9491
|
+
ctx.lineTo(w, h);
|
|
9492
|
+
ctx.closePath();
|
|
9493
|
+
ctx.fillStyle = col;
|
|
9494
|
+
ctx.globalAlpha = 0.85;
|
|
9495
|
+
ctx.fill();
|
|
9496
|
+
ctx.globalAlpha = 1;
|
|
9497
|
+
});
|
|
9498
|
+
}
|
|
9499
|
+
}
|
|
9500
|
+
else {
|
|
9501
|
+
const z = 0.004 + r() * 0.006;
|
|
9502
|
+
const ph = r() * 10;
|
|
9503
|
+
for (let i = 0; i < 160; i++) {
|
|
9504
|
+
let x = r() * w;
|
|
9505
|
+
let y = r() * h;
|
|
9506
|
+
const col = pal[Math.floor(r() * (pal.length - 1))];
|
|
9507
|
+
steps.push(() => {
|
|
9508
|
+
ctx.strokeStyle = col;
|
|
9509
|
+
ctx.lineWidth = 1.4;
|
|
9510
|
+
ctx.globalAlpha = 0.8;
|
|
9511
|
+
ctx.beginPath();
|
|
9512
|
+
ctx.moveTo(x, y);
|
|
9513
|
+
for (let k = 0; k < 40; k++) {
|
|
9514
|
+
const a = (Math.sin(x * z + ph) + Math.cos(y * z - ph)) * Math.PI;
|
|
9515
|
+
x += Math.cos(a) * 3;
|
|
9516
|
+
y += Math.sin(a) * 3;
|
|
9517
|
+
ctx.lineTo(x, y);
|
|
9518
|
+
}
|
|
9519
|
+
ctx.stroke();
|
|
9520
|
+
ctx.globalAlpha = 1;
|
|
9521
|
+
});
|
|
9522
|
+
}
|
|
9523
|
+
}
|
|
9524
|
+
if (this.reduced || typeof requestAnimationFrame === 'undefined') {
|
|
9525
|
+
steps.forEach((f) => f());
|
|
9526
|
+
return;
|
|
9527
|
+
}
|
|
9528
|
+
const per = Math.max(1, Math.ceil(steps.length / 40));
|
|
9529
|
+
let i = 0;
|
|
9530
|
+
const tick = () => {
|
|
9531
|
+
for (let k = 0; k < per && i < steps.length; k++)
|
|
9532
|
+
steps[i++]();
|
|
9533
|
+
if (i < steps.length)
|
|
9534
|
+
this._raf = requestAnimationFrame(tick);
|
|
9535
|
+
};
|
|
9536
|
+
tick();
|
|
9537
|
+
}
|
|
9538
|
+
}
|
|
9539
|
+
return UsaGenArt;
|
|
9540
|
+
}, { id: 'gen-art', text: css$1 });
|
|
9541
|
+
}
|
|
9542
|
+
|
|
9543
|
+
var css = "usa-bg-generator{display:block;max-width:100%;font:13px/1.3 system-ui,sans-serif;color:#0f172a}usa-bg-generator .usa-bg-preview{height:120px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.1)}usa-bg-generator .usa-bg-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}usa-bg-generator label{display:inline-flex;gap:4px;align-items:center;font-weight:600}usa-bg-generator select,usa-bg-generator button{padding:5px 8px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font:inherit;cursor:pointer}usa-bg-generator .usa-bg-copy{background:#4f46e5;border-color:#4f46e5;color:#fff}usa-bg-generator .usa-bg-code{display:block;margin-top:6px;padding:6px 8px;border-radius:7px;background:#0f172a;color:#e2e8f0;font:11px/1.4 ui-monospace,monospace;white-space:nowrap;overflow-x:auto}";
|
|
9544
|
+
|
|
9545
|
+
const STYLES = ['mesh', 'grain', 'stripes', 'dots'];
|
|
9546
|
+
const GRAIN = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E\")";
|
|
9547
|
+
/** The CSS background for a generator state (9.3). */
|
|
9548
|
+
function backgroundCss(style, seed, palette) {
|
|
9549
|
+
const pal = components_fxGenart.PALETTES[palette] || components_fxGenart.PALETTES.sunset;
|
|
9550
|
+
if (style === 'stripes')
|
|
9551
|
+
return `repeating-linear-gradient(${(seed * 37) % 180}deg, ${pal[0]} 0 14px, ${pal[1]} 14px 28px, ${pal[2]} 28px 42px)`;
|
|
9552
|
+
if (style === 'dots')
|
|
9553
|
+
return `radial-gradient(${pal[1]} 22%, transparent 24%) 0 0 / 22px 22px, radial-gradient(${pal[2]} 22%, transparent 24%) 11px 11px / 22px 22px, ${pal[0]}`;
|
|
9554
|
+
if (style === 'grain')
|
|
9555
|
+
return `${GRAIN}, ${components_fxGenart.meshGradient(seed, palette)}`;
|
|
9556
|
+
return components_fxGenart.meshGradient(seed, palette);
|
|
9557
|
+
}
|
|
9558
|
+
function defineBgGenerator(tag = 'usa-bg-generator') {
|
|
9559
|
+
return base.defineElement(tag, (Base) => {
|
|
9560
|
+
class UsaBgGenerator extends Base {
|
|
9561
|
+
constructor() {
|
|
9562
|
+
super(...arguments);
|
|
9563
|
+
this._st = { palette: 'sunset', style: 'mesh', seed: 1 };
|
|
9564
|
+
}
|
|
9565
|
+
static get observedAttributes() {
|
|
9566
|
+
return ['label'];
|
|
9567
|
+
}
|
|
9568
|
+
get css() {
|
|
9569
|
+
return `background: ${backgroundCss(this._st.style, this._st.seed, this._st.palette)};`;
|
|
9570
|
+
}
|
|
9571
|
+
mount() {
|
|
9572
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9573
|
+
this._st = { palette: components_fxGenart.PALETTES[this.str('palette')] ? this.str('palette') : 'sunset', style: STYLES.includes(this.str('style')) ? this.str('style') : 'mesh', seed: this.num('seed', 1) };
|
|
9574
|
+
this.setAttribute('role', 'group');
|
|
9575
|
+
this.setAttribute('aria-label', this.str('label', 'Background generator'));
|
|
9576
|
+
const opt = (l, v) => l.map((x) => `<option${x === v ? ' selected' : ''}>${x}</option>`).join('');
|
|
9577
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-bg-preview" aria-hidden="true" data-usa-part></div><div class="usa-bg-controls" data-usa-part><label>Palette <select data-k="palette">${opt(Object.keys(components_fxGenart.PALETTES), this._st.palette)}</select></label><label>Style <select data-k="style">${opt(STYLES, this._st.style)}</select></label><button type="button" class="usa-bg-shuffle">Shuffle</button><button type="button" class="usa-bg-copy">Copy CSS</button></div><code class="usa-bg-code" data-usa-part></code>`);
|
|
9578
|
+
this.listen(this, 'change', (e) => {
|
|
9579
|
+
const s = e.target;
|
|
9580
|
+
if (s.dataset?.k === 'palette' || s.dataset?.k === 'style') {
|
|
9581
|
+
this._st[s.dataset.k] = s.value;
|
|
9582
|
+
this.render(true);
|
|
9583
|
+
}
|
|
9584
|
+
});
|
|
9585
|
+
this.listen(this, 'click', (e) => {
|
|
9586
|
+
const t = e.target;
|
|
9587
|
+
if (t.closest?.('.usa-bg-shuffle'))
|
|
9588
|
+
this.shuffle();
|
|
9589
|
+
if (t.closest?.('.usa-bg-copy'))
|
|
9590
|
+
void this.copy();
|
|
9591
|
+
});
|
|
9592
|
+
this.render(false);
|
|
9593
|
+
}
|
|
9594
|
+
render(user) {
|
|
9595
|
+
const p = this.querySelector('.usa-bg-preview');
|
|
9596
|
+
const bg = backgroundCss(this._st.style, this._st.seed, this._st.palette);
|
|
9597
|
+
if (p) {
|
|
9598
|
+
p.style.background = bg;
|
|
9599
|
+
if (user && !this.reduced)
|
|
9600
|
+
this.motion(p, [{ opacity: 0.4, filter: 'blur(6px)' }, { opacity: 1, filter: 'none' }], { duration: 450, easing: 'ease-out' });
|
|
9601
|
+
}
|
|
9602
|
+
const c = this.querySelector('.usa-bg-code');
|
|
9603
|
+
if (c)
|
|
9604
|
+
c.textContent = this.css;
|
|
9605
|
+
if (user)
|
|
9606
|
+
this.emit('change', { css: this.css, seed: this._st.seed });
|
|
9607
|
+
}
|
|
9608
|
+
shuffle() {
|
|
9609
|
+
this._st.seed = 1 + Math.floor(Math.random() * 9999);
|
|
9610
|
+
this.render(true);
|
|
9611
|
+
}
|
|
9612
|
+
async copy() {
|
|
9613
|
+
let ok = false;
|
|
9614
|
+
try {
|
|
9615
|
+
await navigator.clipboard.writeText(this.css);
|
|
9616
|
+
ok = true;
|
|
9617
|
+
}
|
|
9618
|
+
catch {
|
|
9619
|
+
ok = false;
|
|
9620
|
+
}
|
|
9621
|
+
const b = this.querySelector('.usa-bg-copy');
|
|
9622
|
+
if (b) {
|
|
9623
|
+
b.textContent = ok ? 'Copied ✓' : 'Copy failed';
|
|
9624
|
+
setTimeout(() => (b.textContent = 'Copy CSS'), 1500);
|
|
9625
|
+
}
|
|
9626
|
+
return ok;
|
|
9627
|
+
}
|
|
9628
|
+
}
|
|
9629
|
+
return UsaBgGenerator;
|
|
9630
|
+
}, { id: 'bg-generator', text: css });
|
|
9357
9631
|
}
|
|
9358
9632
|
|
|
9359
9633
|
/**
|
|
@@ -9400,6 +9674,7 @@ const WIDGETS = {
|
|
|
9400
9674
|
'9.0': { 'usa-motion': defineMotion, 'usa-plugin-store': definePluginStore },
|
|
9401
9675
|
'9.1': { 'usa-chapter-nav': defineChapterNav, 'usa-scene': defineScene },
|
|
9402
9676
|
'9.2': { 'usa-lottie': defineLottie, 'usa-lottie-icon': defineLottieIcon },
|
|
9677
|
+
'9.3': { 'usa-gen-art': defineGenArt, 'usa-bg-generator': defineBgGenerator },
|
|
9403
9678
|
};
|
|
9404
9679
|
/** Every widget tag, in release order. */
|
|
9405
9680
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -9433,11 +9708,13 @@ exports.TOGGLE_VARIANTS = TOGGLE_VARIANTS;
|
|
|
9433
9708
|
exports.WEATHER_CONDITIONS = WEATHER_CONDITIONS;
|
|
9434
9709
|
exports.WIDGETS = WIDGETS;
|
|
9435
9710
|
exports.WIDGET_TAGS = WIDGET_TAGS;
|
|
9711
|
+
exports.backgroundCss = backgroundCss;
|
|
9436
9712
|
exports.badgeProgress = badgeProgress;
|
|
9437
9713
|
exports.cartTotal = cartTotal;
|
|
9438
9714
|
exports.defineAddToCart = defineAddToCart;
|
|
9439
9715
|
exports.defineBadgeWall = defineBadgeWall;
|
|
9440
9716
|
exports.defineBarChart = defineBarChart;
|
|
9717
|
+
exports.defineBgGenerator = defineBgGenerator;
|
|
9441
9718
|
exports.defineCarousel = defineCarousel;
|
|
9442
9719
|
exports.defineCartDrawer = defineCartDrawer;
|
|
9443
9720
|
exports.defineChapterNav = defineChapterNav;
|
|
@@ -9457,6 +9734,7 @@ exports.defineFestivalBanner = defineFestivalBanner;
|
|
|
9457
9734
|
exports.defineField = defineField;
|
|
9458
9735
|
exports.defineFileDrop = defineFileDrop;
|
|
9459
9736
|
exports.defineGauge = defineGauge;
|
|
9737
|
+
exports.defineGenArt = defineGenArt;
|
|
9460
9738
|
exports.defineGestureSticker = defineGestureSticker;
|
|
9461
9739
|
exports.defineGlobe = defineGlobe;
|
|
9462
9740
|
exports.defineGyroCard = defineGyroCard;
|