use-scroll-animate 9.0.0 → 9.2.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 +24 -0
- package/dist/components/fx-cinema.cjs +100 -0
- package/dist/components/fx-cinema.cjs.map +1 -0
- package/dist/components/fx-cinema.d.cts +70 -0
- package/dist/components/fx-cinema.d.ts +70 -0
- package/dist/components/fx-cinema.js +95 -0
- package/dist/components/fx-cinema.js.map +1 -0
- package/dist/components/fx-lottie.cjs +216 -0
- package/dist/components/fx-lottie.cjs.map +1 -0
- package/dist/components/fx-lottie.d.cts +88 -0
- package/dist/components/fx-lottie.d.ts +88 -0
- package/dist/components/fx-lottie.js +210 -0
- package/dist/components/fx-lottie.js.map +1 -0
- package/dist/components/fx2.cjs +15 -0
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.d.cts +68 -1
- package/dist/components/fx2.d.ts +68 -1
- package/dist/components/fx2.js +9 -1
- package/dist/components/fx2.js.map +1 -1
- package/dist/components/marketplace.cjs +2 -0
- package/dist/components/marketplace.cjs.map +1 -1
- package/dist/components/marketplace.js +2 -0
- package/dist/components/marketplace.js.map +1 -1
- package/dist/components/widgets.cjs +545 -207
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +106 -2
- package/dist/components/widgets.d.ts +106 -2
- package/dist/components/widgets.js +542 -209
- package/dist/components/widgets.js.map +1 -1
- package/dist/widgets.umd.js +1 -1
- package/dist/widgets.umd.js.map +1 -1
- package/docs/ROADMAP.md +2 -2
- package/docs/components.md +38 -0
- package/package.json +41 -1
|
@@ -14,6 +14,8 @@ var components_fxGesture = require('./fx-gesture.cjs');
|
|
|
14
14
|
var components_fxSpatial = require('./fx-spatial.cjs');
|
|
15
15
|
var components_dsl = require('./dsl.cjs');
|
|
16
16
|
var components_marketplace = require('./marketplace.cjs');
|
|
17
|
+
var components_fxCinema = require('./fx-cinema.cjs');
|
|
18
|
+
var components_fxLottie = require('./fx-lottie.cjs');
|
|
17
19
|
require('../chunks/core-CwO835Wm.cjs');
|
|
18
20
|
require('./tokens.cjs');
|
|
19
21
|
require('../chunks/fx-C-XjLOTc.cjs');
|
|
@@ -54,7 +56,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
54
56
|
return -1;
|
|
55
57
|
}
|
|
56
58
|
|
|
57
|
-
var css$
|
|
59
|
+
var css$1l = "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}";
|
|
58
60
|
|
|
59
61
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
60
62
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -243,10 +245,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
243
245
|
}
|
|
244
246
|
}
|
|
245
247
|
return UsaCarousel;
|
|
246
|
-
}, { id: 'carousel', text: css$
|
|
248
|
+
}, { id: 'carousel', text: css$1l });
|
|
247
249
|
}
|
|
248
250
|
|
|
249
|
-
var css$
|
|
251
|
+
var css$1k = "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}";
|
|
250
252
|
|
|
251
253
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
252
254
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -359,10 +361,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
359
361
|
}
|
|
360
362
|
}
|
|
361
363
|
return UsaTabBar;
|
|
362
|
-
}, { id: 'tab-bar', text: css$
|
|
364
|
+
}, { id: 'tab-bar', text: css$1k });
|
|
363
365
|
}
|
|
364
366
|
|
|
365
|
-
var css$
|
|
367
|
+
var css$1j = "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}}";
|
|
366
368
|
|
|
367
369
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
368
370
|
return base.defineElement(tag, (Base) => {
|
|
@@ -430,10 +432,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
430
432
|
}
|
|
431
433
|
}
|
|
432
434
|
return UsaDisclosure;
|
|
433
|
-
}, { id: 'disclosure', text: css$
|
|
435
|
+
}, { id: 'disclosure', text: css$1j });
|
|
434
436
|
}
|
|
435
437
|
|
|
436
|
-
var css$
|
|
438
|
+
var css$1i = "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}}";
|
|
437
439
|
|
|
438
440
|
function defineStories(tag = 'usa-stories') {
|
|
439
441
|
return base.defineElement(tag, (Base) => {
|
|
@@ -566,10 +568,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
566
568
|
}
|
|
567
569
|
}
|
|
568
570
|
return UsaStories;
|
|
569
|
-
}, { id: 'stories', text: css$
|
|
571
|
+
}, { id: 'stories', text: css$1i });
|
|
570
572
|
}
|
|
571
573
|
|
|
572
|
-
var css$
|
|
574
|
+
var css$1h = "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)}}";
|
|
573
575
|
|
|
574
576
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
575
577
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -796,12 +798,12 @@ function defineOverlay(tag, kind) {
|
|
|
796
798
|
}
|
|
797
799
|
}
|
|
798
800
|
return UsaOverlay;
|
|
799
|
-
}, { id: 'overlay', text: css$
|
|
801
|
+
}, { id: 'overlay', text: css$1h });
|
|
800
802
|
}
|
|
801
803
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
802
804
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
803
805
|
|
|
804
|
-
var css$
|
|
806
|
+
var css$1g = "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}}";
|
|
805
807
|
|
|
806
808
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
807
809
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -972,7 +974,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
972
974
|
}
|
|
973
975
|
}
|
|
974
976
|
return UsaToastStack;
|
|
975
|
-
}, { id: 'toast', text: css$
|
|
977
|
+
}, { id: 'toast', text: css$1g });
|
|
976
978
|
}
|
|
977
979
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
978
980
|
function stackToast(input, stack) {
|
|
@@ -1000,7 +1002,7 @@ function installToastTriggers() {
|
|
|
1000
1002
|
});
|
|
1001
1003
|
}
|
|
1002
1004
|
|
|
1003
|
-
var css$
|
|
1005
|
+
var css$1f = "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)}}";
|
|
1004
1006
|
|
|
1005
1007
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
1006
1008
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1139,10 +1141,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1139
1141
|
}
|
|
1140
1142
|
}
|
|
1141
1143
|
return UsaMenu;
|
|
1142
|
-
}, { id: 'menu', text: css$
|
|
1144
|
+
}, { id: 'menu', text: css$1f });
|
|
1143
1145
|
}
|
|
1144
1146
|
|
|
1145
|
-
var css$
|
|
1147
|
+
var css$1e = "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}}";
|
|
1146
1148
|
|
|
1147
1149
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1148
1150
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1282,7 +1284,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1282
1284
|
}
|
|
1283
1285
|
}
|
|
1284
1286
|
return UsaProgressRing;
|
|
1285
|
-
}, { id: 'meters', text: css$
|
|
1287
|
+
}, { id: 'meters', text: css$1e });
|
|
1286
1288
|
}
|
|
1287
1289
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1288
1290
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1392,10 +1394,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1392
1394
|
}
|
|
1393
1395
|
}
|
|
1394
1396
|
return UsaOdometer;
|
|
1395
|
-
}, { id: 'meters', text: css$
|
|
1397
|
+
}, { id: 'meters', text: css$1e });
|
|
1396
1398
|
}
|
|
1397
1399
|
|
|
1398
|
-
var css$
|
|
1400
|
+
var css$1d = "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}}";
|
|
1399
1401
|
|
|
1400
1402
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1401
1403
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1510,10 +1512,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1510
1512
|
}
|
|
1511
1513
|
}
|
|
1512
1514
|
return UsaSkeletonReveal;
|
|
1513
|
-
}, { id: 'skeleton-reveal', text: css$
|
|
1515
|
+
}, { id: 'skeleton-reveal', text: css$1d });
|
|
1514
1516
|
}
|
|
1515
1517
|
|
|
1516
|
-
var css$
|
|
1518
|
+
var css$1c = "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}}";
|
|
1517
1519
|
|
|
1518
1520
|
const PATHS = {
|
|
1519
1521
|
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',
|
|
@@ -1650,10 +1652,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1650
1652
|
}
|
|
1651
1653
|
UsaStarRating.formAssociated = true;
|
|
1652
1654
|
return UsaStarRating;
|
|
1653
|
-
}, { id: 'star-rating', text: css$
|
|
1655
|
+
}, { id: 'star-rating', text: css$1c });
|
|
1654
1656
|
}
|
|
1655
1657
|
|
|
1656
|
-
var css$
|
|
1658
|
+
var css$1b = "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}}";
|
|
1657
1659
|
|
|
1658
1660
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1659
1661
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1741,10 +1743,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1741
1743
|
}
|
|
1742
1744
|
}
|
|
1743
1745
|
return UsaMilestones;
|
|
1744
|
-
}, { id: 'milestones', text: css$
|
|
1746
|
+
}, { id: 'milestones', text: css$1b });
|
|
1745
1747
|
}
|
|
1746
1748
|
|
|
1747
|
-
var css$
|
|
1749
|
+
var css$1a = "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}";
|
|
1748
1750
|
|
|
1749
1751
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1750
1752
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1865,10 +1867,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1865
1867
|
}
|
|
1866
1868
|
}
|
|
1867
1869
|
return UsaMasonryFlow;
|
|
1868
|
-
}, { id: 'masonry-flow', text: css$
|
|
1870
|
+
}, { id: 'masonry-flow', text: css$1a });
|
|
1869
1871
|
}
|
|
1870
1872
|
|
|
1871
|
-
var css$
|
|
1873
|
+
var css$19 = "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}";
|
|
1872
1874
|
|
|
1873
1875
|
function defineCompare(tag = 'usa-compare') {
|
|
1874
1876
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1992,10 +1994,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1992
1994
|
}
|
|
1993
1995
|
}
|
|
1994
1996
|
return UsaCompare;
|
|
1995
|
-
}, { id: 'compare', text: css$
|
|
1997
|
+
}, { id: 'compare', text: css$19 });
|
|
1996
1998
|
}
|
|
1997
1999
|
|
|
1998
|
-
var css$
|
|
2000
|
+
var css$18 = "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}";
|
|
1999
2001
|
|
|
2000
2002
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
2001
2003
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2128,10 +2130,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2128
2130
|
}
|
|
2129
2131
|
}
|
|
2130
2132
|
return UsaCubeGallery;
|
|
2131
|
-
}, { id: 'cube-gallery', text: css$
|
|
2133
|
+
}, { id: 'cube-gallery', text: css$18 });
|
|
2132
2134
|
}
|
|
2133
2135
|
|
|
2134
|
-
var css$
|
|
2136
|
+
var css$17 = "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}}";
|
|
2135
2137
|
|
|
2136
2138
|
function defineDock(tag = 'usa-dock') {
|
|
2137
2139
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2199,10 +2201,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2199
2201
|
}
|
|
2200
2202
|
}
|
|
2201
2203
|
return UsaDock;
|
|
2202
|
-
}, { id: 'dock', text: css$
|
|
2204
|
+
}, { id: 'dock', text: css$17 });
|
|
2203
2205
|
}
|
|
2204
2206
|
|
|
2205
|
-
var css$
|
|
2207
|
+
var css$16 = "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)}";
|
|
2206
2208
|
|
|
2207
2209
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2208
2210
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2306,10 +2308,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2306
2308
|
}
|
|
2307
2309
|
}
|
|
2308
2310
|
return UsaNavMorph;
|
|
2309
|
-
}, { id: 'nav-morph', text: css$
|
|
2311
|
+
}, { id: 'nav-morph', text: css$16 });
|
|
2310
2312
|
}
|
|
2311
2313
|
|
|
2312
|
-
var css$
|
|
2314
|
+
var css$15 = "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}";
|
|
2313
2315
|
|
|
2314
2316
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2315
2317
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2382,10 +2384,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2382
2384
|
}
|
|
2383
2385
|
}
|
|
2384
2386
|
return UsaMenuToggle;
|
|
2385
|
-
}, { id: 'menu-toggle', text: css$
|
|
2387
|
+
}, { id: 'menu-toggle', text: css$15 });
|
|
2386
2388
|
}
|
|
2387
2389
|
|
|
2388
|
-
var css$
|
|
2390
|
+
var css$14 = "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)}";
|
|
2389
2391
|
|
|
2390
2392
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2391
2393
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2517,10 +2519,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2517
2519
|
}
|
|
2518
2520
|
}
|
|
2519
2521
|
return UsaTip;
|
|
2520
|
-
}, { id: 'tip', text: css$
|
|
2522
|
+
}, { id: 'tip', text: css$14 });
|
|
2521
2523
|
}
|
|
2522
2524
|
|
|
2523
|
-
var css
|
|
2525
|
+
var css$13 = "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}}";
|
|
2524
2526
|
|
|
2525
2527
|
function defineStepper(tag = 'usa-stepper') {
|
|
2526
2528
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2617,10 +2619,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2617
2619
|
}
|
|
2618
2620
|
}
|
|
2619
2621
|
return UsaStepper;
|
|
2620
|
-
}, { id: 'stepper', text: css
|
|
2622
|
+
}, { id: 'stepper', text: css$13 });
|
|
2621
2623
|
}
|
|
2622
2624
|
|
|
2623
|
-
var css$
|
|
2625
|
+
var css$12 = "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}}";
|
|
2624
2626
|
|
|
2625
2627
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2626
2628
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2742,10 +2744,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2742
2744
|
}
|
|
2743
2745
|
}
|
|
2744
2746
|
return UsaPagination;
|
|
2745
|
-
}, { id: 'pagination', text: css$
|
|
2747
|
+
}, { id: 'pagination', text: css$12 });
|
|
2746
2748
|
}
|
|
2747
2749
|
|
|
2748
|
-
var css$
|
|
2750
|
+
var css$11 = "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}}";
|
|
2749
2751
|
|
|
2750
2752
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2751
2753
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2839,10 +2841,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2839
2841
|
}
|
|
2840
2842
|
}
|
|
2841
2843
|
return UsaSegmented;
|
|
2842
|
-
}, { id: 'segmented', text: css$
|
|
2844
|
+
}, { id: 'segmented', text: css$11 });
|
|
2843
2845
|
}
|
|
2844
2846
|
|
|
2845
|
-
var css$
|
|
2847
|
+
var css$10 = "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}}";
|
|
2846
2848
|
|
|
2847
2849
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2848
2850
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2930,10 +2932,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2930
2932
|
}
|
|
2931
2933
|
}
|
|
2932
2934
|
return UsaSwitch;
|
|
2933
|
-
}, { id: 'switch', text: css$
|
|
2935
|
+
}, { id: 'switch', text: css$10 });
|
|
2934
2936
|
}
|
|
2935
2937
|
|
|
2936
|
-
var css
|
|
2938
|
+
var css$$ = "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}}";
|
|
2937
2939
|
|
|
2938
2940
|
function defineKanban(tag = 'usa-kanban') {
|
|
2939
2941
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3138,10 +3140,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3138
3140
|
}
|
|
3139
3141
|
}
|
|
3140
3142
|
return UsaKanban;
|
|
3141
|
-
}, { id: 'kanban', text: css
|
|
3143
|
+
}, { id: 'kanban', text: css$$ });
|
|
3142
3144
|
}
|
|
3143
3145
|
|
|
3144
|
-
var css$
|
|
3146
|
+
var css$_ = "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}}";
|
|
3145
3147
|
|
|
3146
3148
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3147
3149
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3283,14 +3285,14 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3283
3285
|
}
|
|
3284
3286
|
}
|
|
3285
3287
|
return UsaSwipeDeck;
|
|
3286
|
-
}, { id: 'swipe-deck', text: css$
|
|
3288
|
+
}, { id: 'swipe-deck', text: css$_ });
|
|
3287
3289
|
}
|
|
3288
3290
|
|
|
3289
|
-
var css$
|
|
3291
|
+
var css$Z = "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}}";
|
|
3290
3292
|
|
|
3291
3293
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3292
3294
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
3293
|
-
const icon = (c) => {
|
|
3295
|
+
const icon$1 = (c) => {
|
|
3294
3296
|
const drops = (cls, n) => Array.from({ length: n }, (_, i) => `<i class="${cls}" style="--i:${i}"></i>`).join('');
|
|
3295
3297
|
switch (c) {
|
|
3296
3298
|
case 'clear':
|
|
@@ -3337,7 +3339,7 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3337
3339
|
scene.className = 'usa-wc-scene';
|
|
3338
3340
|
scene.setAttribute('aria-hidden', 'true');
|
|
3339
3341
|
scene.setAttribute('data-usa-part', '');
|
|
3340
|
-
scene.innerHTML = `<span class="usa-wc-icon">${icon(cond)}</span>`;
|
|
3342
|
+
scene.innerHTML = `<span class="usa-wc-icon">${icon$1(cond)}</span>`;
|
|
3341
3343
|
const text = document.createElement('div');
|
|
3342
3344
|
text.className = 'usa-wc-text';
|
|
3343
3345
|
text.setAttribute('data-usa-part', '');
|
|
@@ -3367,10 +3369,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3367
3369
|
}
|
|
3368
3370
|
}
|
|
3369
3371
|
return UsaWeatherCard;
|
|
3370
|
-
}, { id: 'weather-card', text: css$
|
|
3372
|
+
}, { id: 'weather-card', text: css$Z });
|
|
3371
3373
|
}
|
|
3372
3374
|
|
|
3373
|
-
var css$
|
|
3375
|
+
var css$Y = "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}}";
|
|
3374
3376
|
|
|
3375
3377
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3376
3378
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3499,10 +3501,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3499
3501
|
}
|
|
3500
3502
|
}
|
|
3501
3503
|
return UsaPullCord;
|
|
3502
|
-
}, { id: 'pull-cord', text: css$
|
|
3504
|
+
}, { id: 'pull-cord', text: css$Y });
|
|
3503
3505
|
}
|
|
3504
3506
|
|
|
3505
|
-
var css$
|
|
3507
|
+
var css$X = "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}}";
|
|
3506
3508
|
|
|
3507
3509
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3508
3510
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3651,10 +3653,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3651
3653
|
}
|
|
3652
3654
|
}
|
|
3653
3655
|
return UsaDatePicker;
|
|
3654
|
-
}, { id: 'date-picker', text: css$
|
|
3656
|
+
}, { id: 'date-picker', text: css$X });
|
|
3655
3657
|
}
|
|
3656
3658
|
|
|
3657
|
-
var css$
|
|
3659
|
+
var css$W = "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}}";
|
|
3658
3660
|
|
|
3659
3661
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3660
3662
|
function hsvToHex(h, s, v) {
|
|
@@ -3774,10 +3776,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3774
3776
|
}
|
|
3775
3777
|
}
|
|
3776
3778
|
return UsaColorPicker;
|
|
3777
|
-
}, { id: 'color-picker', text: css$
|
|
3779
|
+
}, { id: 'color-picker', text: css$W });
|
|
3778
3780
|
}
|
|
3779
3781
|
|
|
3780
|
-
var css$
|
|
3782
|
+
var css$V = "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}}";
|
|
3781
3783
|
|
|
3782
3784
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3783
3785
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3878,10 +3880,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3878
3880
|
}
|
|
3879
3881
|
}
|
|
3880
3882
|
return UsaFileDrop;
|
|
3881
|
-
}, { id: 'file-drop', text: css$
|
|
3883
|
+
}, { id: 'file-drop', text: css$V });
|
|
3882
3884
|
}
|
|
3883
3885
|
|
|
3884
|
-
var css$
|
|
3886
|
+
var css$U = "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}}";
|
|
3885
3887
|
|
|
3886
3888
|
const DEFAULT = {
|
|
3887
3889
|
format: player.ANIMATION_FORMAT,
|
|
@@ -4055,10 +4057,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4055
4057
|
}
|
|
4056
4058
|
}
|
|
4057
4059
|
return UsaKeyframeEditor;
|
|
4058
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4060
|
+
}, { id: 'keyframe-editor', text: css$U });
|
|
4059
4061
|
}
|
|
4060
4062
|
|
|
4061
|
-
var css$
|
|
4063
|
+
var css$T = "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}}";
|
|
4062
4064
|
|
|
4063
4065
|
const fmt = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4064
4066
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4219,10 +4221,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4219
4221
|
}
|
|
4220
4222
|
}
|
|
4221
4223
|
return UsaMusicPlayer;
|
|
4222
|
-
}, { id: 'music-player', text: css$
|
|
4224
|
+
}, { id: 'music-player', text: css$T });
|
|
4223
4225
|
}
|
|
4224
4226
|
|
|
4225
|
-
var css$
|
|
4227
|
+
var css$S = "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}}";
|
|
4226
4228
|
|
|
4227
4229
|
const ARC = 270;
|
|
4228
4230
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4313,10 +4315,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4313
4315
|
}
|
|
4314
4316
|
}
|
|
4315
4317
|
return UsaVolumeKnob;
|
|
4316
|
-
}, { id: 'volume-knob', text: css$
|
|
4318
|
+
}, { id: 'volume-knob', text: css$S });
|
|
4317
4319
|
}
|
|
4318
4320
|
|
|
4319
|
-
var css$
|
|
4321
|
+
var css$R = "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}}";
|
|
4320
4322
|
|
|
4321
4323
|
const EQ_PRESETS = {
|
|
4322
4324
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4414,10 +4416,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4414
4416
|
}
|
|
4415
4417
|
}
|
|
4416
4418
|
return UsaEqualizer;
|
|
4417
|
-
}, { id: 'equalizer', text: css$
|
|
4419
|
+
}, { id: 'equalizer', text: css$R });
|
|
4418
4420
|
}
|
|
4419
4421
|
|
|
4420
|
-
var css$
|
|
4422
|
+
var css$Q = "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}}";
|
|
4421
4423
|
|
|
4422
4424
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4423
4425
|
function parseLRC(src) {
|
|
@@ -4529,10 +4531,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4529
4531
|
}
|
|
4530
4532
|
}
|
|
4531
4533
|
return UsaLyrics;
|
|
4532
|
-
}, { id: 'lyrics', text: css$
|
|
4534
|
+
}, { id: 'lyrics', text: css$Q });
|
|
4533
4535
|
}
|
|
4534
4536
|
|
|
4535
|
-
var css$
|
|
4537
|
+
var css$P = "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}}";
|
|
4536
4538
|
|
|
4537
4539
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4538
4540
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4626,10 +4628,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4626
4628
|
}
|
|
4627
4629
|
}
|
|
4628
4630
|
return UsaBarChart;
|
|
4629
|
-
}, { id: 'bar-chart', text: css$
|
|
4631
|
+
}, { id: 'bar-chart', text: css$P });
|
|
4630
4632
|
}
|
|
4631
4633
|
|
|
4632
|
-
var css$
|
|
4634
|
+
var css$O = "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)}";
|
|
4633
4635
|
|
|
4634
4636
|
function defineGauge(tag = 'usa-gauge') {
|
|
4635
4637
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4714,10 +4716,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4714
4716
|
}
|
|
4715
4717
|
}
|
|
4716
4718
|
return UsaGauge;
|
|
4717
|
-
}, { id: 'gauge', text: css$
|
|
4719
|
+
}, { id: 'gauge', text: css$O });
|
|
4718
4720
|
}
|
|
4719
4721
|
|
|
4720
|
-
var css$
|
|
4722
|
+
var css$N = "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}}";
|
|
4721
4723
|
|
|
4722
4724
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4723
4725
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4840,7 +4842,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4840
4842
|
}
|
|
4841
4843
|
}
|
|
4842
4844
|
return UsaSparkline;
|
|
4843
|
-
}, { id: 'sparkline', text: css$
|
|
4845
|
+
}, { id: 'sparkline', text: css$N });
|
|
4844
4846
|
}
|
|
4845
4847
|
|
|
4846
4848
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4853,7 +4855,7 @@ function parseFigureText(s) {
|
|
|
4853
4855
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4854
4856
|
}
|
|
4855
4857
|
|
|
4856
|
-
var css$
|
|
4858
|
+
var css$M = "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}";
|
|
4857
4859
|
|
|
4858
4860
|
function defineKpi(tag = 'usa-kpi') {
|
|
4859
4861
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4933,10 +4935,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4933
4935
|
}
|
|
4934
4936
|
}
|
|
4935
4937
|
return UsaKpi;
|
|
4936
|
-
}, { id: 'kpi', text: css$
|
|
4938
|
+
}, { id: 'kpi', text: css$M });
|
|
4937
4939
|
}
|
|
4938
4940
|
|
|
4939
|
-
var css$
|
|
4941
|
+
var css$L = "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}}";
|
|
4940
4942
|
|
|
4941
4943
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4942
4944
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4981,10 +4983,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4981
4983
|
}
|
|
4982
4984
|
}
|
|
4983
4985
|
return UsaAddToCart;
|
|
4984
|
-
}, { id: 'add-to-cart', text: css$
|
|
4986
|
+
}, { id: 'add-to-cart', text: css$L });
|
|
4985
4987
|
}
|
|
4986
4988
|
|
|
4987
|
-
var css$
|
|
4989
|
+
var css$K = "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}";
|
|
4988
4990
|
|
|
4989
4991
|
/** Cart total (7.3). */
|
|
4990
4992
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5149,10 +5151,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5149
5151
|
}
|
|
5150
5152
|
}
|
|
5151
5153
|
return UsaCartDrawer;
|
|
5152
|
-
}, { id: 'cart-drawer', text: css$
|
|
5154
|
+
}, { id: 'cart-drawer', text: css$K });
|
|
5153
5155
|
}
|
|
5154
5156
|
|
|
5155
|
-
var css$
|
|
5157
|
+
var css$J = "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}}";
|
|
5156
5158
|
|
|
5157
5159
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5158
5160
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5266,10 +5268,10 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5266
5268
|
}
|
|
5267
5269
|
}
|
|
5268
5270
|
return UsaProductGallery;
|
|
5269
|
-
}, { id: 'product-gallery', text: css$
|
|
5271
|
+
}, { id: 'product-gallery', text: css$J });
|
|
5270
5272
|
}
|
|
5271
5273
|
|
|
5272
|
-
var css$
|
|
5274
|
+
var css$I = "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)}";
|
|
5273
5275
|
|
|
5274
5276
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5275
5277
|
function splitTime(sec) {
|
|
@@ -5357,10 +5359,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5357
5359
|
}
|
|
5358
5360
|
}
|
|
5359
5361
|
return UsaCountdown;
|
|
5360
|
-
}, { id: 'countdown', text: css$
|
|
5362
|
+
}, { id: 'countdown', text: css$I });
|
|
5361
5363
|
}
|
|
5362
5364
|
|
|
5363
|
-
var css$
|
|
5365
|
+
var css$H = "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}}";
|
|
5364
5366
|
|
|
5365
5367
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5366
5368
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5447,10 +5449,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5447
5449
|
}
|
|
5448
5450
|
}
|
|
5449
5451
|
return UsaMessageList;
|
|
5450
|
-
}, { id: 'message-list', text: css$
|
|
5452
|
+
}, { id: 'message-list', text: css$H });
|
|
5451
5453
|
}
|
|
5452
5454
|
|
|
5453
|
-
var css$
|
|
5455
|
+
var css$G = "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}";
|
|
5454
5456
|
|
|
5455
5457
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5456
5458
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5552,10 +5554,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5552
5554
|
}
|
|
5553
5555
|
}
|
|
5554
5556
|
return UsaReactions;
|
|
5555
|
-
}, { id: 'reactions', text: css$
|
|
5557
|
+
}, { id: 'reactions', text: css$G });
|
|
5556
5558
|
}
|
|
5557
5559
|
|
|
5558
|
-
var css$
|
|
5560
|
+
var css$F = "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}";
|
|
5559
5561
|
|
|
5560
5562
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5561
5563
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5650,10 +5652,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5650
5652
|
}
|
|
5651
5653
|
}
|
|
5652
5654
|
return UsaNotificationBell;
|
|
5653
|
-
}, { id: 'notification-bell', text: css$
|
|
5655
|
+
}, { id: 'notification-bell', text: css$F });
|
|
5654
5656
|
}
|
|
5655
5657
|
|
|
5656
|
-
var css$
|
|
5658
|
+
var css$E = "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}}";
|
|
5657
5659
|
|
|
5658
5660
|
/** Presence states (7.4). */
|
|
5659
5661
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5723,10 +5725,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5723
5725
|
}
|
|
5724
5726
|
}
|
|
5725
5727
|
return UsaPresence;
|
|
5726
|
-
}, { id: 'presence', text: css$
|
|
5728
|
+
}, { id: 'presence', text: css$E });
|
|
5727
5729
|
}
|
|
5728
5730
|
|
|
5729
|
-
var css$
|
|
5731
|
+
var css$D = "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)}";
|
|
5730
5732
|
|
|
5731
5733
|
/** Sort rows by score desc, then name (7.5). */
|
|
5732
5734
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5835,10 +5837,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5835
5837
|
}
|
|
5836
5838
|
}
|
|
5837
5839
|
return UsaLeaderboard;
|
|
5838
|
-
}, { id: 'leaderboard', text: css$
|
|
5840
|
+
}, { id: 'leaderboard', text: css$D });
|
|
5839
5841
|
}
|
|
5840
5842
|
|
|
5841
|
-
var css$
|
|
5843
|
+
var css$C = "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)}";
|
|
5842
5844
|
|
|
5843
5845
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5844
5846
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5935,10 +5937,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5935
5937
|
}
|
|
5936
5938
|
}
|
|
5937
5939
|
return UsaXpBar;
|
|
5938
|
-
}, { id: 'xp-bar', text: css$
|
|
5940
|
+
}, { id: 'xp-bar', text: css$C });
|
|
5939
5941
|
}
|
|
5940
5942
|
|
|
5941
|
-
var css$
|
|
5943
|
+
var css$B = "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}}";
|
|
5942
5944
|
|
|
5943
5945
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5944
5946
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -6005,10 +6007,10 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
6005
6007
|
}
|
|
6006
6008
|
}
|
|
6007
6009
|
return UsaBadgeWall;
|
|
6008
|
-
}, { id: 'badge-wall', text: css$
|
|
6010
|
+
}, { id: 'badge-wall', text: css$B });
|
|
6009
6011
|
}
|
|
6010
6012
|
|
|
6011
|
-
var css$
|
|
6013
|
+
var css$A = "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)}";
|
|
6012
6014
|
|
|
6013
6015
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6014
6016
|
function wheelAngle(index, count, turns = 5) {
|
|
@@ -6088,10 +6090,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6088
6090
|
}
|
|
6089
6091
|
}
|
|
6090
6092
|
return UsaPrizeWheel;
|
|
6091
|
-
}, { id: 'prize-wheel', text: css$
|
|
6093
|
+
}, { id: 'prize-wheel', text: css$A });
|
|
6092
6094
|
}
|
|
6093
6095
|
|
|
6094
|
-
var css$
|
|
6096
|
+
var css$z = "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}}";
|
|
6095
6097
|
|
|
6096
6098
|
const RAD = Math.PI / 180;
|
|
6097
6099
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6248,10 +6250,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6248
6250
|
}
|
|
6249
6251
|
}
|
|
6250
6252
|
return UsaGlobe;
|
|
6251
|
-
}, { id: 'globe', text: css$
|
|
6253
|
+
}, { id: 'globe', text: css$z });
|
|
6252
6254
|
}
|
|
6253
6255
|
|
|
6254
|
-
var css$
|
|
6256
|
+
var css$y = "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}";
|
|
6255
6257
|
|
|
6256
6258
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6257
6259
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6267,7 +6269,7 @@ function formatDistance(km, unit = 'km') {
|
|
|
6267
6269
|
}
|
|
6268
6270
|
return km < 1 ? `${Math.round(km * 1000)} m` : `${km < 10 ? km.toFixed(1) : Math.round(km)} km`;
|
|
6269
6271
|
}
|
|
6270
|
-
const esc$
|
|
6272
|
+
const esc$f = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6271
6273
|
function defineLocationCard(tag = 'usa-location-card') {
|
|
6272
6274
|
return base.defineElement(tag, (Base) => {
|
|
6273
6275
|
class UsaLocationCard extends Base {
|
|
@@ -6292,7 +6294,7 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6292
6294
|
const dist = this.str('distance') || (km === null ? '' : formatDistance(km, this.str('unit') === 'mi' ? 'mi' : 'km'));
|
|
6293
6295
|
const href = this.str('href');
|
|
6294
6296
|
const origin = km !== null;
|
|
6295
|
-
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$
|
|
6297
|
+
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$f(name)}"><div class="usa-lc-map" aria-hidden="true"><svg viewBox="0 0 240 120" preserveAspectRatio="xMidYMid slice"><path class="usa-lc-street" d="M0 30H240M0 78H240M40 0V120M120 0V120M196 0V120M0 112L240 8"/>${origin ? '<path class="usa-lc-route" pathLength="100" d="M28 100C60 100 64 78 96 78S120 40 160 40 168 58 168 58"/><circle class="usa-lc-from" cx="28" cy="100" r="4"/>' : ''}</svg><span class="usa-lc-ring"></span><span class="usa-lc-pin"></span></div><div class="usa-lc-body"><h3 class="usa-lc-name">${esc$f(name)}</h3>${this.str('address') ? `<p class="usa-lc-addr">${esc$f(this.str('address'))}</p>` : ''}<p class="usa-lc-meta">${dist ? `<span class="usa-lc-dist">${esc$f(dist)}</span>` : ''}${href ? `<a class="usa-lc-go" href="${esc$f(href)}" target="_blank" rel="noopener">Directions</a>` : ''}</p></div></article>`);
|
|
6296
6298
|
if (origin)
|
|
6297
6299
|
this.setAttribute('data-route', '');
|
|
6298
6300
|
else
|
|
@@ -6325,10 +6327,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6325
6327
|
}
|
|
6326
6328
|
}
|
|
6327
6329
|
return UsaLocationCard;
|
|
6328
|
-
}, { id: 'location-card', text: css$
|
|
6330
|
+
}, { id: 'location-card', text: css$y });
|
|
6329
6331
|
}
|
|
6330
6332
|
|
|
6331
|
-
var css$
|
|
6333
|
+
var css$x = "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}}";
|
|
6332
6334
|
|
|
6333
6335
|
/** 0–4 password strength score with a label (7.7). */
|
|
6334
6336
|
function passwordStrength(pw) {
|
|
@@ -6350,7 +6352,7 @@ function passwordStrength(pw) {
|
|
|
6350
6352
|
const score = Math.min(4, s);
|
|
6351
6353
|
return { score, label: ['Too short', 'Weak', 'Fair', 'Good', 'Strong'][score] };
|
|
6352
6354
|
}
|
|
6353
|
-
const esc$
|
|
6355
|
+
const esc$e = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6354
6356
|
let uid$2 = 0;
|
|
6355
6357
|
const PASS = ['type', 'name', 'required', 'pattern', 'minlength', 'maxlength', 'autocomplete', 'inputmode', 'placeholder'];
|
|
6356
6358
|
function defineField(tag = 'usa-field') {
|
|
@@ -6384,9 +6386,9 @@ function defineField(tag = 'usa-field') {
|
|
|
6384
6386
|
const id = this._id;
|
|
6385
6387
|
const strength = this.flag('strength');
|
|
6386
6388
|
const attrs = PASS.filter((a) => this.hasAttribute(a))
|
|
6387
|
-
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$
|
|
6389
|
+
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$e(this.str(a))}"`))
|
|
6388
6390
|
.join('');
|
|
6389
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-fld" data-usa-part><input class="usa-fld-input" id="${id}"${attrs} aria-describedby="${id}-msg"${this.hasAttribute('type') ? '' : ' type="text"'}><label class="usa-fld-label" for="${id}">${esc$
|
|
6391
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-fld" data-usa-part><input class="usa-fld-input" id="${id}"${attrs} aria-describedby="${id}-msg"${this.hasAttribute('type') ? '' : ' type="text"'}><label class="usa-fld-label" for="${id}">${esc$e(this.str('label', 'Label'))}</label><span class="usa-fld-line" aria-hidden="true"></span><svg class="usa-fld-ok" viewBox="0 0 24 24" aria-hidden="true"><path pathLength="1" d="M5 12.5l4.5 4.5L19 7.5"/></svg>${strength ? '<div class="usa-fld-meter" aria-hidden="true"><i></i><i></i><i></i><i></i></div>' : ''}<p class="usa-fld-msg" id="${id}-msg" aria-live="polite">${esc$e(this.str('hint'))}</p></div>`);
|
|
6390
6392
|
const input = this.input;
|
|
6391
6393
|
input.value = keep;
|
|
6392
6394
|
this.listen(input, 'input', () => {
|
|
@@ -6454,10 +6456,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6454
6456
|
}
|
|
6455
6457
|
}
|
|
6456
6458
|
return UsaField;
|
|
6457
|
-
}, { id: 'field', text: css$
|
|
6459
|
+
}, { id: 'field', text: css$x });
|
|
6458
6460
|
}
|
|
6459
6461
|
|
|
6460
|
-
var css$
|
|
6462
|
+
var css$w = "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}}";
|
|
6461
6463
|
|
|
6462
6464
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6463
6465
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6588,10 +6590,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6588
6590
|
}
|
|
6589
6591
|
}
|
|
6590
6592
|
return UsaOtp;
|
|
6591
|
-
}, { id: 'otp', text: css$
|
|
6593
|
+
}, { id: 'otp', text: css$w });
|
|
6592
6594
|
}
|
|
6593
6595
|
|
|
6594
|
-
var css$
|
|
6596
|
+
var css$v = "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}}";
|
|
6595
6597
|
|
|
6596
6598
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6597
6599
|
function formatBytes(n) {
|
|
@@ -6605,7 +6607,7 @@ function formatBytes(n) {
|
|
|
6605
6607
|
}
|
|
6606
6608
|
return `${i === 0 ? Math.round(n) : n < 10 ? n.toFixed(1) : Math.round(n)} ${u[i]}`;
|
|
6607
6609
|
}
|
|
6608
|
-
const esc$
|
|
6610
|
+
const esc$d = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6609
6611
|
function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
6610
6612
|
return base.defineElement(tag, (Base) => {
|
|
6611
6613
|
class UsaUploadProgress extends Base {
|
|
@@ -6633,7 +6635,7 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6633
6635
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6634
6636
|
const name = this.str('name', 'file');
|
|
6635
6637
|
const size = formatBytes(this.num('size', NaN));
|
|
6636
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$
|
|
6638
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$d((name.split('.').pop() || '').slice(0, 4).toUpperCase())}</span><div class="usa-up-main"><div class="usa-up-top"><span class="usa-up-name">${esc$d(name)}</span><span class="usa-up-pct"></span></div><div class="usa-up-track" role="progressbar" aria-label="Uploading ${esc$d(name)}" aria-valuemin="0" aria-valuemax="100"><span class="usa-up-fill"></span></div><div class="usa-up-sub"><span class="usa-up-size">${esc$d(size)}</span><span class="usa-up-msg" aria-live="polite"></span><button type="button" class="usa-up-retry">Retry</button></div></div><svg class="usa-up-ok" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path pathLength="1" d="M7 12.5l3.2 3.2L17 9"/></svg></div>`);
|
|
6637
6639
|
this.listen(this.querySelector('.usa-up-retry'), 'click', () => this.emit('retry', { name }));
|
|
6638
6640
|
this._shown = 0;
|
|
6639
6641
|
this.render(true);
|
|
@@ -6674,12 +6676,12 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6674
6676
|
}
|
|
6675
6677
|
}
|
|
6676
6678
|
return UsaUploadProgress;
|
|
6677
|
-
}, { id: 'upload-progress', text: css$
|
|
6679
|
+
}, { id: 'upload-progress', text: css$v });
|
|
6678
6680
|
}
|
|
6679
6681
|
|
|
6680
|
-
var css$
|
|
6682
|
+
var css$u = "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}}";
|
|
6681
6683
|
|
|
6682
|
-
const esc$
|
|
6684
|
+
const esc$c = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6683
6685
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
6684
6686
|
return base.defineElement(tag, (Base) => {
|
|
6685
6687
|
class UsaChatComposer extends Base {
|
|
@@ -6709,7 +6711,7 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6709
6711
|
const keep = this.area?.value ?? this.str('value');
|
|
6710
6712
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6711
6713
|
const label = this.str('label', 'Message');
|
|
6712
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-cc" data-usa-part><span class="usa-cc-glow" aria-hidden="true"></span><textarea class="usa-cc-input" rows="1" aria-label="${esc$
|
|
6714
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-cc" data-usa-part><span class="usa-cc-glow" aria-hidden="true"></span><textarea class="usa-cc-input" rows="1" aria-label="${esc$c(label)}" placeholder="${esc$c(this.str('placeholder', 'Ask anything…'))}"></textarea><button type="button" class="usa-cc-send" aria-label="Send"><svg viewBox="0 0 24 24" aria-hidden="true"><path class="usa-cc-arrow" d="M12 19V5M5.5 11.5L12 5l6.5 6.5"/><rect class="usa-cc-stop" x="7" y="7" width="10" height="10" rx="2"/></svg></button></div>`);
|
|
6713
6715
|
const a = this.area;
|
|
6714
6716
|
a.value = keep;
|
|
6715
6717
|
this.listen(a, 'input', () => this.sync());
|
|
@@ -6775,10 +6777,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6775
6777
|
}
|
|
6776
6778
|
}
|
|
6777
6779
|
return UsaChatComposer;
|
|
6778
|
-
}, { id: 'chat-composer', text: css$
|
|
6780
|
+
}, { id: 'chat-composer', text: css$u });
|
|
6779
6781
|
}
|
|
6780
6782
|
|
|
6781
|
-
var css$
|
|
6783
|
+
var css$t = "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}}";
|
|
6782
6784
|
|
|
6783
6785
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6784
6786
|
function parseChips(s) {
|
|
@@ -6787,7 +6789,7 @@ function parseChips(s) {
|
|
|
6787
6789
|
.map((t) => t.trim())
|
|
6788
6790
|
.filter(Boolean);
|
|
6789
6791
|
}
|
|
6790
|
-
const esc$
|
|
6792
|
+
const esc$b = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6791
6793
|
function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
6792
6794
|
return base.defineElement(tag, (Base) => {
|
|
6793
6795
|
class UsaSuggestionChips extends Base {
|
|
@@ -6822,7 +6824,7 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6822
6824
|
Array.from(this.children).forEach((c) => !c.hasAttribute('data-usa-part') && c.setAttribute('hidden', ''));
|
|
6823
6825
|
}
|
|
6824
6826
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6825
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$
|
|
6827
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$b(this.str('label', 'Suggestions'))}" data-usa-part>${items.map((t, i) => `<span role="listitem"><button type="button" class="usa-sc-chip" data-i="${i}">${esc$b(t)}</button></span>`).join('')}</div>`);
|
|
6826
6828
|
const chips = Array.from(this.querySelectorAll('.usa-sc-chip'));
|
|
6827
6829
|
chips.forEach((c, i) => {
|
|
6828
6830
|
this.listen(c, 'click', () => this.pick(i));
|
|
@@ -6863,10 +6865,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6863
6865
|
}
|
|
6864
6866
|
}
|
|
6865
6867
|
return UsaSuggestionChips;
|
|
6866
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6868
|
+
}, { id: 'suggestion-chips', text: css$t });
|
|
6867
6869
|
}
|
|
6868
6870
|
|
|
6869
|
-
var css$
|
|
6871
|
+
var css$s = "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}}";
|
|
6870
6872
|
|
|
6871
6873
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6872
6874
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6938,10 +6940,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6938
6940
|
}
|
|
6939
6941
|
}
|
|
6940
6942
|
return UsaVoiceButton;
|
|
6941
|
-
}, { id: 'voice-button', text: css$
|
|
6943
|
+
}, { id: 'voice-button', text: css$s });
|
|
6942
6944
|
}
|
|
6943
6945
|
|
|
6944
|
-
var css$
|
|
6946
|
+
var css$r = "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)}";
|
|
6945
6947
|
|
|
6946
6948
|
/**
|
|
6947
6949
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -7000,7 +7002,7 @@ function matchesKeys(e, keys, apple = isApple()) {
|
|
|
7000
7002
|
function isApple() {
|
|
7001
7003
|
return typeof navigator !== 'undefined' && /Mac|iPhone|iPad|iPod/.test(navigator.userAgentData?.platform || navigator.platform || navigator.userAgent || '');
|
|
7002
7004
|
}
|
|
7003
|
-
const esc$
|
|
7005
|
+
const esc$a = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7004
7006
|
let uid$1 = 0;
|
|
7005
7007
|
function defineCommandPalette(tag = 'usa-command-palette') {
|
|
7006
7008
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7037,7 +7039,7 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7037
7039
|
mount() {
|
|
7038
7040
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7039
7041
|
const id = this._id;
|
|
7040
|
-
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$
|
|
7042
|
+
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$a(this.str('label', 'Command palette'))}"><div class="usa-cp-box"><input class="usa-cp-q" role="combobox" aria-expanded="true" aria-controls="${id}-list" aria-autocomplete="list" autocomplete="off" spellcheck="false" placeholder="${esc$a(this.str('placeholder', 'Type a command or search…'))}"><div class="usa-cp-list" id="${id}-list" role="listbox"><span class="usa-cp-hl" aria-hidden="true"></span></div><p class="usa-cp-empty" hidden>No results</p></div></dialog>`);
|
|
7041
7043
|
const dlg = this.dlg;
|
|
7042
7044
|
const q = this.querySelector('.usa-cp-q');
|
|
7043
7045
|
this.listen(q, 'input', () => this.render(true));
|
|
@@ -7092,12 +7094,12 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7092
7094
|
if (!q && c.group !== group) {
|
|
7093
7095
|
group = c.group;
|
|
7094
7096
|
if (group)
|
|
7095
|
-
html += `<div class="usa-cp-group" role="presentation">${esc$
|
|
7097
|
+
html += `<div class="usa-cp-group" role="presentation">${esc$a(group)}</div>`;
|
|
7096
7098
|
}
|
|
7097
7099
|
const label = Array.from(c.label)
|
|
7098
|
-
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$
|
|
7100
|
+
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$a(ch)}</mark>` : esc$a(ch)))
|
|
7099
7101
|
.join('');
|
|
7100
|
-
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$
|
|
7102
|
+
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$a(k)}</kbd>`).join('')}</span>` : '';
|
|
7101
7103
|
html += `<div class="usa-cp-item" role="option" id="${this._id}-o${i}" data-i="${i}" aria-selected="false"><span class="usa-cp-label">${label}</span>${keys}</div>`;
|
|
7102
7104
|
});
|
|
7103
7105
|
list.insertAdjacentHTML('beforeend', html);
|
|
@@ -7200,13 +7202,13 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7200
7202
|
}
|
|
7201
7203
|
}
|
|
7202
7204
|
return UsaCommandPalette;
|
|
7203
|
-
}, { id: 'command-palette', text: css$
|
|
7205
|
+
}, { id: 'command-palette', text: css$r });
|
|
7204
7206
|
}
|
|
7205
7207
|
|
|
7206
|
-
var css$
|
|
7208
|
+
var css$q = "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}";
|
|
7207
7209
|
|
|
7208
7210
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7209
|
-
const esc$
|
|
7211
|
+
const esc$9 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7210
7212
|
function defineShortcut(tag = 'usa-shortcut') {
|
|
7211
7213
|
return base.defineElement(tag, (Base) => {
|
|
7212
7214
|
class UsaShortcut extends Base {
|
|
@@ -7221,7 +7223,7 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7221
7223
|
const labels = this.labels;
|
|
7222
7224
|
const spoken = labels.map((l) => SPOKEN[l] || l).join(' ');
|
|
7223
7225
|
const text = this.str('label');
|
|
7224
|
-
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$
|
|
7226
|
+
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$9(spoken)}">${labels.map((l) => `<kbd aria-hidden="true">${esc$9(l)}</kbd>`).join('')}</span>${text ? `<span class="usa-sk-label">${esc$9(text)}</span>` : ''}</span>`);
|
|
7225
7227
|
if (this.str('listen') !== 'false')
|
|
7226
7228
|
this.listen(document, 'keydown', (e) => {
|
|
7227
7229
|
if (!e.repeat && matchesKeys(e, this.str('keys', 'mod+k'))) {
|
|
@@ -7254,10 +7256,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7254
7256
|
}
|
|
7255
7257
|
}
|
|
7256
7258
|
return UsaShortcut;
|
|
7257
|
-
}, { id: 'shortcut', text: css$
|
|
7259
|
+
}, { id: 'shortcut', text: css$q });
|
|
7258
7260
|
}
|
|
7259
7261
|
|
|
7260
|
-
var css$
|
|
7262
|
+
var css$p = "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}}";
|
|
7261
7263
|
|
|
7262
7264
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7263
7265
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7316,10 +7318,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7316
7318
|
}
|
|
7317
7319
|
}
|
|
7318
7320
|
return UsaClockControl;
|
|
7319
|
-
}, { id: 'clock-control', text: css$
|
|
7321
|
+
}, { id: 'clock-control', text: css$p });
|
|
7320
7322
|
}
|
|
7321
7323
|
|
|
7322
|
-
var css$
|
|
7324
|
+
var css$o = "usa-hydrate{display:block}";
|
|
7323
7325
|
|
|
7324
7326
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7325
7327
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7355,12 +7357,12 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7355
7357
|
}
|
|
7356
7358
|
}
|
|
7357
7359
|
return UsaHydrate;
|
|
7358
|
-
}, { id: 'hydrate', text: css$
|
|
7360
|
+
}, { id: 'hydrate', text: css$o });
|
|
7359
7361
|
}
|
|
7360
7362
|
|
|
7361
|
-
var css$
|
|
7363
|
+
var css$n = "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}}";
|
|
7362
7364
|
|
|
7363
|
-
const esc$
|
|
7365
|
+
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7364
7366
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
7365
7367
|
return base.defineElement(tag, (Base) => {
|
|
7366
7368
|
class UsaRedEnvelope extends Base {
|
|
@@ -7373,7 +7375,7 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7373
7375
|
mount() {
|
|
7374
7376
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7375
7377
|
const msg = this.str('message', '恭喜发财');
|
|
7376
|
-
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$
|
|
7378
|
+
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$8(`Open red envelope${this.str('from') ? ` from ${this.str('from')}` : ''}`)}" data-usa-part><span class="usa-re-card" aria-hidden="true"><span class="usa-re-amt"></span><span class="usa-re-from">${esc$8(this.str('from'))}</span></span><span class="usa-re-body"><span class="usa-re-msg">${esc$8(msg)}</span></span><span class="usa-re-flap"><span class="usa-re-seal">福</span></span><span class="usa-re-coins" aria-hidden="true"></span><span class="usa-re-live" aria-live="polite"></span></button>`);
|
|
7377
7379
|
this.listen(this.querySelector('.usa-re'), 'click', () => (this.opened ? this.close() : this.open()));
|
|
7378
7380
|
if (this.flag('opened'))
|
|
7379
7381
|
this.open(true);
|
|
@@ -7422,10 +7424,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7422
7424
|
}
|
|
7423
7425
|
}
|
|
7424
7426
|
return UsaRedEnvelope;
|
|
7425
|
-
}, { id: 'red-envelope', text: css$
|
|
7427
|
+
}, { id: 'red-envelope', text: css$n });
|
|
7426
7428
|
}
|
|
7427
7429
|
|
|
7428
|
-
var css$
|
|
7430
|
+
var css$m = "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}}";
|
|
7429
7431
|
|
|
7430
7432
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7431
7433
|
const SCENES = {
|
|
@@ -7473,12 +7475,12 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7473
7475
|
}
|
|
7474
7476
|
}
|
|
7475
7477
|
return UsaFestivalBanner;
|
|
7476
|
-
}, { id: 'festival-banner', text: css$
|
|
7478
|
+
}, { id: 'festival-banner', text: css$m });
|
|
7477
7479
|
}
|
|
7478
7480
|
|
|
7479
|
-
var css$
|
|
7481
|
+
var css$l = "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}}";
|
|
7480
7482
|
|
|
7481
|
-
const esc$
|
|
7483
|
+
const esc$7 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7482
7484
|
function defineTerminal(tag = 'usa-terminal') {
|
|
7483
7485
|
return base.defineElement(tag, (Base) => {
|
|
7484
7486
|
class UsaTerminal extends Base {
|
|
@@ -7498,7 +7500,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7498
7500
|
src.forEach((c) => c.remove());
|
|
7499
7501
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7500
7502
|
this.setAttribute('data-theme', ['green', 'amber'].includes(this.str('theme')) ? this.str('theme') : 'dark');
|
|
7501
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-term" data-usa-part><div class="usa-term-bar" aria-hidden="true"><i></i><i></i><i></i><span>${esc$
|
|
7503
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-term" data-usa-part><div class="usa-term-bar" aria-hidden="true"><i></i><i></i><i></i><span>${esc$7(this.str('title', 'terminal'))}</span></div><div class="usa-term-body" role="log" aria-label="${esc$7(this.str('title', 'Terminal'))}"></div></div>`);
|
|
7502
7504
|
let started = false;
|
|
7503
7505
|
this.inView((v) => {
|
|
7504
7506
|
if (v && !started) {
|
|
@@ -7513,7 +7515,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7513
7515
|
const p = document.createElement('p');
|
|
7514
7516
|
p.className = l.cmd ? 'usa-term-cmd' : 'usa-term-out';
|
|
7515
7517
|
if (l.cmd)
|
|
7516
|
-
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$
|
|
7518
|
+
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$7(this.str('prompt', '$'))} </span><span class="usa-term-tx"></span>`;
|
|
7517
7519
|
body.appendChild(p);
|
|
7518
7520
|
return p;
|
|
7519
7521
|
}
|
|
@@ -7587,10 +7589,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7587
7589
|
}
|
|
7588
7590
|
}
|
|
7589
7591
|
return UsaTerminal;
|
|
7590
|
-
}, { id: 'terminal', text: css$
|
|
7592
|
+
}, { id: 'terminal', text: css$l });
|
|
7591
7593
|
}
|
|
7592
7594
|
|
|
7593
|
-
var css$
|
|
7595
|
+
var css$k = "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}";
|
|
7594
7596
|
|
|
7595
7597
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7596
7598
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7644,10 +7646,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7644
7646
|
}
|
|
7645
7647
|
}
|
|
7646
7648
|
return UsaRetroButton;
|
|
7647
|
-
}, { id: 'retro-button', text: css$
|
|
7649
|
+
}, { id: 'retro-button', text: css$k });
|
|
7648
7650
|
}
|
|
7649
7651
|
|
|
7650
|
-
var css$
|
|
7652
|
+
var css$j = "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)}";
|
|
7651
7653
|
|
|
7652
7654
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7653
7655
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7686,10 +7688,10 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7686
7688
|
}
|
|
7687
7689
|
}
|
|
7688
7690
|
return UsaOrganicCard;
|
|
7689
|
-
}, { id: 'organic-card', text: css$
|
|
7691
|
+
}, { id: 'organic-card', text: css$j });
|
|
7690
7692
|
}
|
|
7691
7693
|
|
|
7692
|
-
var css$
|
|
7694
|
+
var css$i = "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}";
|
|
7693
7695
|
|
|
7694
7696
|
let uid = 0;
|
|
7695
7697
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
@@ -7770,12 +7772,12 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7770
7772
|
}
|
|
7771
7773
|
}
|
|
7772
7774
|
return UsaLiquidNav;
|
|
7773
|
-
}, { id: 'liquid-nav', text: css$
|
|
7775
|
+
}, { id: 'liquid-nav', text: css$i });
|
|
7774
7776
|
}
|
|
7775
7777
|
|
|
7776
|
-
var css$
|
|
7778
|
+
var css$h = "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}}";
|
|
7777
7779
|
|
|
7778
|
-
const esc$
|
|
7780
|
+
const esc$6 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7779
7781
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
7780
7782
|
return base.defineElement(tag, (Base) => {
|
|
7781
7783
|
class UsaHudPanel extends Base {
|
|
@@ -7788,7 +7790,7 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7788
7790
|
this.setAttribute('aria-label', this.str('title', 'Panel'));
|
|
7789
7791
|
if (this.hasAttribute('color'))
|
|
7790
7792
|
this.style.setProperty('--usa-hud-c', this.str('color'));
|
|
7791
|
-
this.insertAdjacentHTML('afterbegin', `<svg class="usa-hud-frame" aria-hidden="true" preserveAspectRatio="none" viewBox="0 0 100 100" data-usa-part><path pathLength="100" vector-effect="non-scaling-stroke" d="M6 1H94L99 6V94L94 99H6L1 94V6Z"/></svg><header class="usa-hud-head" data-usa-part><span class="usa-hud-dot" aria-hidden="true"></span><span class="usa-hud-title">${esc$
|
|
7793
|
+
this.insertAdjacentHTML('afterbegin', `<svg class="usa-hud-frame" aria-hidden="true" preserveAspectRatio="none" viewBox="0 0 100 100" data-usa-part><path pathLength="100" vector-effect="non-scaling-stroke" d="M6 1H94L99 6V94L94 99H6L1 94V6Z"/></svg><header class="usa-hud-head" data-usa-part><span class="usa-hud-dot" aria-hidden="true"></span><span class="usa-hud-title">${esc$6(this.str('title', 'SYSTEM'))}</span><span class="usa-hud-status">${esc$6(this.str('status', 'ONLINE'))}</span></header>`);
|
|
7792
7794
|
this.querySelectorAll(':scope > [data-value]').forEach((r) => {
|
|
7793
7795
|
if (r.querySelector('.usa-hud-bar'))
|
|
7794
7796
|
return;
|
|
@@ -7822,10 +7824,10 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7822
7824
|
}
|
|
7823
7825
|
}
|
|
7824
7826
|
return UsaHudPanel;
|
|
7825
|
-
}, { id: 'hud-panel', text: css$
|
|
7827
|
+
}, { id: 'hud-panel', text: css$h });
|
|
7826
7828
|
}
|
|
7827
7829
|
|
|
7828
|
-
var css$
|
|
7830
|
+
var css$g = "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)}}";
|
|
7829
7831
|
|
|
7830
7832
|
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7831
7833
|
function parseTargets(s) {
|
|
@@ -7841,7 +7843,7 @@ function parseTargets(s) {
|
|
|
7841
7843
|
})
|
|
7842
7844
|
.filter(Boolean);
|
|
7843
7845
|
}
|
|
7844
|
-
const esc$
|
|
7846
|
+
const esc$5 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7845
7847
|
function defineRadar(tag = 'usa-radar') {
|
|
7846
7848
|
return base.defineElement(tag, (Base) => {
|
|
7847
7849
|
class UsaRadar extends Base {
|
|
@@ -7876,7 +7878,7 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7876
7878
|
const a = ((t.bearing - 90) * Math.PI) / 180;
|
|
7877
7879
|
const x = 50 + Math.cos(a) * t.distance * 48;
|
|
7878
7880
|
const y = 50 + Math.sin(a) * t.distance * 48;
|
|
7879
|
-
return `<span class="usa-rd-dot" data-i="${i}" style="left:${x.toFixed(2)}%;top:${y.toFixed(2)}%"><em>${esc$
|
|
7881
|
+
return `<span class="usa-rd-dot" data-i="${i}" style="left:${x.toFixed(2)}%;top:${y.toFixed(2)}%"><em>${esc$5(t.name)}</em></span>`;
|
|
7880
7882
|
})
|
|
7881
7883
|
.join('');
|
|
7882
7884
|
this.insertAdjacentHTML('beforeend', `<div class="usa-rd" aria-hidden="true" data-usa-part>${ringHtml}<i class="usa-rd-cross"></i><i class="usa-rd-sweep"></i>${dots}</div>`);
|
|
@@ -7911,10 +7913,10 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7911
7913
|
}
|
|
7912
7914
|
}
|
|
7913
7915
|
return UsaRadar;
|
|
7914
|
-
}, { id: 'radar', text: css$
|
|
7916
|
+
}, { id: 'radar', text: css$g });
|
|
7915
7917
|
}
|
|
7916
7918
|
|
|
7917
|
-
var css$
|
|
7919
|
+
var css$f = "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)}";
|
|
7918
7920
|
|
|
7919
7921
|
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7920
7922
|
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
@@ -7978,12 +7980,12 @@ function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
|
7978
7980
|
}
|
|
7979
7981
|
}
|
|
7980
7982
|
return UsaStickyWall;
|
|
7981
|
-
}, { id: 'sticky-wall', text: css$
|
|
7983
|
+
}, { id: 'sticky-wall', text: css$f });
|
|
7982
7984
|
}
|
|
7983
7985
|
|
|
7984
|
-
var css$
|
|
7986
|
+
var css$e = "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}";
|
|
7985
7987
|
|
|
7986
|
-
const esc$
|
|
7988
|
+
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7987
7989
|
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
7988
7990
|
function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
7989
7991
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8035,7 +8037,7 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8035
8037
|
g += `<path class="usa-sk-hatch" d="${components_fxPaper.roughLine(x0 + 2, Math.min(B, h + 5), x1 - 2, h - 3, h + i, 0.8)}"/>`;
|
|
8036
8038
|
});
|
|
8037
8039
|
}
|
|
8038
|
-
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc$
|
|
8040
|
+
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc$4(labels[i])}</text>` : '')).join('');
|
|
8039
8041
|
this.insertAdjacentHTML('beforeend', `<svg class="usa-sk" viewBox="0 0 ${W} ${H}" aria-hidden="true" data-usa-part>${g}</svg>`);
|
|
8040
8042
|
if (this.reduced)
|
|
8041
8043
|
return void this.setAttribute('data-drawn', '');
|
|
@@ -8078,10 +8080,10 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8078
8080
|
}
|
|
8079
8081
|
}
|
|
8080
8082
|
return UsaSketchChart;
|
|
8081
|
-
}, { id: 'sketch-chart', text: css$
|
|
8083
|
+
}, { id: 'sketch-chart', text: css$e });
|
|
8082
8084
|
}
|
|
8083
8085
|
|
|
8084
|
-
var css$
|
|
8086
|
+
var css$d = "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}}";
|
|
8085
8087
|
|
|
8086
8088
|
const NAMES = { light: 'Light', dark: 'Dark', neon: 'Neon', glass: 'Glass', neu: 'Soft' };
|
|
8087
8089
|
function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
@@ -8183,10 +8185,10 @@ function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
|
8183
8185
|
}
|
|
8184
8186
|
}
|
|
8185
8187
|
return UsaThemeSwitcher;
|
|
8186
|
-
}, { id: 'theme-switcher', text: css$
|
|
8188
|
+
}, { id: 'theme-switcher', text: css$d });
|
|
8187
8189
|
}
|
|
8188
8190
|
|
|
8189
|
-
var css$
|
|
8191
|
+
var css$c = "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}}";
|
|
8190
8192
|
|
|
8191
8193
|
function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
8192
8194
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8239,10 +8241,10 @@ function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
|
8239
8241
|
}
|
|
8240
8242
|
}
|
|
8241
8243
|
return UsaThemeSurface;
|
|
8242
|
-
}, { id: 'theme-surface', text: css$
|
|
8244
|
+
}, { id: 'theme-surface', text: css$c });
|
|
8243
8245
|
}
|
|
8244
8246
|
|
|
8245
|
-
var css$
|
|
8247
|
+
var css$b = "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}}";
|
|
8246
8248
|
|
|
8247
8249
|
function defineGyroCard(tag = 'usa-gyro-card') {
|
|
8248
8250
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8323,10 +8325,10 @@ function defineGyroCard(tag = 'usa-gyro-card') {
|
|
|
8323
8325
|
}
|
|
8324
8326
|
}
|
|
8325
8327
|
return UsaGyroCard;
|
|
8326
|
-
}, { id: 'gyro-card', text: css$
|
|
8328
|
+
}, { id: 'gyro-card', text: css$b });
|
|
8327
8329
|
}
|
|
8328
8330
|
|
|
8329
|
-
var css$
|
|
8331
|
+
var css$a = "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}";
|
|
8330
8332
|
|
|
8331
8333
|
function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
8332
8334
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8453,10 +8455,10 @@ function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
|
8453
8455
|
}
|
|
8454
8456
|
}
|
|
8455
8457
|
return UsaGestureSticker;
|
|
8456
|
-
}, { id: 'gesture-sticker', text: css$
|
|
8458
|
+
}, { id: 'gesture-sticker', text: css$a });
|
|
8457
8459
|
}
|
|
8458
8460
|
|
|
8459
|
-
var css$
|
|
8461
|
+
var css$9 = "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}";
|
|
8460
8462
|
|
|
8461
8463
|
function definePanorama(tag = 'usa-panorama') {
|
|
8462
8464
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8578,10 +8580,10 @@ function definePanorama(tag = 'usa-panorama') {
|
|
|
8578
8580
|
}
|
|
8579
8581
|
}
|
|
8580
8582
|
return UsaPanorama;
|
|
8581
|
-
}, { id: 'panorama', text: css$
|
|
8583
|
+
}, { id: 'panorama', text: css$9 });
|
|
8582
8584
|
}
|
|
8583
8585
|
|
|
8584
|
-
var css$
|
|
8586
|
+
var css$8 = "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}}";
|
|
8585
8587
|
|
|
8586
8588
|
function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
8587
8589
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8627,10 +8629,10 @@ function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
|
8627
8629
|
}
|
|
8628
8630
|
}
|
|
8629
8631
|
return UsaSpatialCard;
|
|
8630
|
-
}, { id: 'spatial-card', text: css$
|
|
8632
|
+
}, { id: 'spatial-card', text: css$8 });
|
|
8631
8633
|
}
|
|
8632
8634
|
|
|
8633
|
-
var css$
|
|
8635
|
+
var css$7 = "usa-code-export{display:block;max-width:100%;border-radius:12px;overflow:hidden;background:#0f172a;color:#e2e8f0;font:13px/1.4 system-ui,sans-serif}usa-code-export>:not([data-usa-part]){display:block;margin:12px auto}usa-code-export:not([for])>:not([data-usa-part]){padding:0 12px}usa-code-export .usa-ce-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;background:#1e293b}usa-code-export [role=tablist]{display:flex;gap:2px}usa-code-export button{padding:5px 10px;border:0;border-radius:6px;background:none;color:#94a3b8;font:600 12px/1 system-ui,sans-serif;cursor:pointer}usa-code-export [aria-selected=true]{background:#334155;color:#fff}usa-code-export .usa-ce-copy{background:#4f46e5;color:#fff}usa-code-export button:focus-visible,usa-code-export pre:focus-visible{outline:2px solid #818cf8;outline-offset:1px}usa-code-export pre{margin:0;padding:10px 12px;max-height:220px;overflow:auto;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre;color:#e2e8f0;background:#0f172a}";
|
|
8634
8636
|
|
|
8635
8637
|
const RUNTIME_ATTR = /^(data-usa-|data-look$|data-tint$|data-paper$|data-booted$|data-drawn$|data-active$|data-held$|data-tilted$|data-zoomed$|data-dragging$|data-picked$|data-live$|data-lit$|aria-(checked|valuetext|valuenow|label|roledescription|hidden)$|role$|tabindex$|style$)/;
|
|
8636
8638
|
const RUNTIME_CLASS = /^usa-/;
|
|
@@ -8666,15 +8668,15 @@ function describeComponent(el) {
|
|
|
8666
8668
|
});
|
|
8667
8669
|
return { tag: el.localName, attrs, children };
|
|
8668
8670
|
}
|
|
8669
|
-
const esc$
|
|
8671
|
+
const esc$3 = (s) => s.replace(/&/g, '&').replace(/</g, '<').replace(/"/g, '"');
|
|
8670
8672
|
const VOID = new Set(['img', 'br', 'hr', 'input', 'source', 'meta', 'link', 'wbr', 'area', 'col', 'embed', 'track']);
|
|
8671
8673
|
function markup(n, jsx, ind) {
|
|
8672
8674
|
if (typeof n === 'string')
|
|
8673
|
-
return ind + (jsx ? n.replace(/[{}<>]/g, (c) => `{'${c}'}`) : esc$
|
|
8675
|
+
return ind + (jsx ? n.replace(/[{}<>]/g, (c) => `{'${c}'}`) : esc$3(n));
|
|
8674
8676
|
const at = Object.entries(n.attrs)
|
|
8675
8677
|
.map(([k, v]) => {
|
|
8676
8678
|
const key = jsx && k === 'class' ? 'className' : jsx && k === 'for' ? 'htmlFor' : k;
|
|
8677
|
-
return v === '' ? ` ${key}` : ` ${key}="${esc$
|
|
8679
|
+
return v === '' ? ` ${key}` : ` ${key}="${esc$3(v)}"`;
|
|
8678
8680
|
})
|
|
8679
8681
|
.join('');
|
|
8680
8682
|
if (VOID.has(n.tag))
|
|
@@ -8796,10 +8798,10 @@ function defineCodeExport(tag = 'usa-code-export') {
|
|
|
8796
8798
|
}
|
|
8797
8799
|
}
|
|
8798
8800
|
return UsaCodeExport;
|
|
8799
|
-
}, { id: 'code-export', text: css$
|
|
8801
|
+
}, { id: 'code-export', text: css$7 });
|
|
8800
8802
|
}
|
|
8801
8803
|
|
|
8802
|
-
var css$
|
|
8804
|
+
var css$6 = "usa-prop-panel{display:block;max-width:100%;font:13px/1.4 system-ui,sans-serif;color:#0f172a}usa-prop-panel .usa-pp{display:grid;gap:8px;margin:0;padding:12px;border:1px solid rgba(15,23,42,.12);border-radius:12px;background:#fff}usa-prop-panel .usa-pp-row{display:grid;grid-template-columns:minmax(64px,auto) 1fr auto;align-items:center;gap:8px}usa-prop-panel label{font-weight:600;color:#334155;font-family:ui-monospace,monospace;font-size:12px}usa-prop-panel input[type=text],usa-prop-panel input[type=number],usa-prop-panel select{min-width:0;width:100%;box-sizing:border-box;padding:5px 8px;border:1px solid #cbd5e1;border-radius:6px;font:inherit}usa-prop-panel input[type=range]{width:100%;min-width:0;accent-color:#4f46e5}usa-prop-panel input[type=checkbox]{grid-column:2;justify-self:start;width:16px;height:16px;accent-color:#4f46e5}usa-prop-panel output{min-width:2.5em;text-align:right;font:12px ui-monospace,monospace;color:#64748b}usa-prop-panel .usa-pp-empty{margin:0;color:#64748b}usa-prop-panel .usa-pp-row{border-radius:6px}usa-prop-panel .usa-pp-reset{justify-self:start;padding:5px 12px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font:inherit;cursor:pointer}";
|
|
8803
8805
|
|
|
8804
8806
|
/** "value:number:0:100, theme:select:leaf|ocean, on:boolean" → prop specs (8.9). */
|
|
8805
8807
|
function parseProps(s) {
|
|
@@ -8815,7 +8817,7 @@ function parseProps(s) {
|
|
|
8815
8817
|
})
|
|
8816
8818
|
.filter((p) => /^[a-z][\w-]*$/i.test(p.name));
|
|
8817
8819
|
}
|
|
8818
|
-
const esc$
|
|
8820
|
+
const esc$2 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8819
8821
|
function definePropPanel(tag = 'usa-prop-panel') {
|
|
8820
8822
|
return base.defineElement(tag, (Base) => {
|
|
8821
8823
|
class UsaPropPanel extends Base {
|
|
@@ -8853,15 +8855,15 @@ function definePropPanel(tag = 'usa-prop-panel') {
|
|
|
8853
8855
|
if (p.type === 'boolean')
|
|
8854
8856
|
input = `<input id="${id}" type="checkbox" role="switch" data-p="${p.name}"${v != null ? ' checked' : ''}>`;
|
|
8855
8857
|
else if (p.type === 'select')
|
|
8856
|
-
input = `<select id="${id}" data-p="${p.name}">${p.options.map((o) => `<option${o === v ? ' selected' : ''}>${esc$
|
|
8858
|
+
input = `<select id="${id}" data-p="${p.name}">${p.options.map((o) => `<option${o === v ? ' selected' : ''}>${esc$2(o)}</option>`).join('')}</select>`;
|
|
8857
8859
|
else {
|
|
8858
8860
|
const [mn, mx] = p.options;
|
|
8859
8861
|
const range = p.type === 'range' || (p.type === 'number' && mn != null && mx != null);
|
|
8860
|
-
input = `<input id="${id}" type="${p.type === 'color' ? 'color' : range ? 'range' : p.type === 'number' ? 'number' : 'text'}" data-p="${p.name}" value="${esc$
|
|
8862
|
+
input = `<input id="${id}" type="${p.type === 'color' ? 'color' : range ? 'range' : p.type === 'number' ? 'number' : 'text'}" data-p="${p.name}" value="${esc$2(v ?? '')}"${mn != null ? ` min="${esc$2(mn)}"` : ''}${mx != null ? ` max="${esc$2(mx)}"` : ''}${range ? ' step="any"' : ''}><output for="${id}">${esc$2(v ?? '')}</output>`;
|
|
8861
8863
|
}
|
|
8862
|
-
return `<div class="usa-pp-row"><label for="${id}">${esc$
|
|
8864
|
+
return `<div class="usa-pp-row"><label for="${id}">${esc$2(p.name)}</label>${input}</div>`;
|
|
8863
8865
|
};
|
|
8864
|
-
this.insertAdjacentHTML('beforeend', `<form class="usa-pp" aria-label="${esc$
|
|
8866
|
+
this.insertAdjacentHTML('beforeend', `<form class="usa-pp" aria-label="${esc$2(this.str('label', 'Properties'))}" data-usa-part>${ps.map(field).join('') || '<p class="usa-pp-empty">No properties</p>'}<button type="button" class="usa-pp-reset">Reset</button></form>`);
|
|
8865
8867
|
const form = this.querySelector('form');
|
|
8866
8868
|
this.listen(form, 'submit', (e) => e.preventDefault());
|
|
8867
8869
|
this.listen(this.querySelector('.usa-pp-reset'), 'click', () => this.reset());
|
|
@@ -8903,10 +8905,10 @@ function definePropPanel(tag = 'usa-prop-panel') {
|
|
|
8903
8905
|
}
|
|
8904
8906
|
}
|
|
8905
8907
|
return UsaPropPanel;
|
|
8906
|
-
}, { id: 'prop-panel', text: css$
|
|
8908
|
+
}, { id: 'prop-panel', text: css$6 });
|
|
8907
8909
|
}
|
|
8908
8910
|
|
|
8909
|
-
var css$
|
|
8911
|
+
var css$5 = "usa-motion{display:block}";
|
|
8910
8912
|
|
|
8911
8913
|
function defineMotion(tag = 'usa-motion') {
|
|
8912
8914
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8933,12 +8935,12 @@ function defineMotion(tag = 'usa-motion') {
|
|
|
8933
8935
|
}
|
|
8934
8936
|
}
|
|
8935
8937
|
return UsaMotion;
|
|
8936
|
-
}, { id: 'motion', text: css$
|
|
8938
|
+
}, { id: 'motion', text: css$5 });
|
|
8937
8939
|
}
|
|
8938
8940
|
|
|
8939
|
-
var css = "usa-plugin-store{display:block;max-width:100%;font:14px/1.4 system-ui,sans-serif;color:#0f172a}usa-plugin-store .usa-ps-q{width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}usa-plugin-store .usa-ps-q:focus-visible{outline:2px solid #6366f1;outline-offset:1px}usa-plugin-store .usa-ps-count{margin:6px 2px;font-size:12px;color:#64748b}usa-plugin-store .usa-ps-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:10px;margin:0;padding:0;list-style:none}usa-plugin-store .usa-ps-card{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid rgba(15,23,42,.1);border-radius:12px;background:#fff;box-shadow:0 6px 16px -12px rgba(15,23,42,.4);min-width:0}usa-plugin-store .usa-ps-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}usa-plugin-store .usa-ps-head small{margin-left:auto;color:#94a3b8;font-size:11px}usa-plugin-store .usa-ps-badge{padding:1px 6px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:600}usa-plugin-store .usa-ps-card p{margin:0;color:#475569;font-size:13px}usa-plugin-store .usa-ps-fx{display:flex;flex-wrap:wrap;gap:4px}usa-plugin-store .usa-ps-fx code{padding:1px 6px;border-radius:6px;background:#f1f5f9;font-size:11px}usa-plugin-store .usa-ps-install{transition:opacity .3s,background-color .3s;align-self:flex-start;padding:6px 12px;border:0;border-radius:8px;background:#4f46e5;color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}usa-plugin-store .usa-ps-install[data-done]{background:#16a34a;cursor:default}usa-plugin-store .usa-ps-install[data-busy]{opacity:.7}usa-plugin-store .usa-ps-install:focus-visible{outline:2px solid #6366f1;outline-offset:2px}";
|
|
8941
|
+
var css$4 = "usa-plugin-store{display:block;max-width:100%;font:14px/1.4 system-ui,sans-serif;color:#0f172a}usa-plugin-store .usa-ps-q{width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}usa-plugin-store .usa-ps-q:focus-visible{outline:2px solid #6366f1;outline-offset:1px}usa-plugin-store .usa-ps-count{margin:6px 2px;font-size:12px;color:#64748b}usa-plugin-store .usa-ps-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:10px;margin:0;padding:0;list-style:none}usa-plugin-store .usa-ps-card{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid rgba(15,23,42,.1);border-radius:12px;background:#fff;box-shadow:0 6px 16px -12px rgba(15,23,42,.4);min-width:0}usa-plugin-store .usa-ps-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}usa-plugin-store .usa-ps-head small{margin-left:auto;color:#94a3b8;font-size:11px}usa-plugin-store .usa-ps-badge{padding:1px 6px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:600}usa-plugin-store .usa-ps-card p{margin:0;color:#475569;font-size:13px}usa-plugin-store .usa-ps-fx{display:flex;flex-wrap:wrap;gap:4px}usa-plugin-store .usa-ps-fx code{padding:1px 6px;border-radius:6px;background:#f1f5f9;font-size:11px}usa-plugin-store .usa-ps-install{transition:opacity .3s,background-color .3s;align-self:flex-start;padding:6px 12px;border:0;border-radius:8px;background:#4f46e5;color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}usa-plugin-store .usa-ps-install[data-done]{background:#16a34a;cursor:default}usa-plugin-store .usa-ps-install[data-busy]{opacity:.7}usa-plugin-store .usa-ps-install:focus-visible{outline:2px solid #6366f1;outline-offset:2px}";
|
|
8940
8942
|
|
|
8941
|
-
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8943
|
+
const esc$1 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8942
8944
|
function definePluginStore(tag = 'usa-plugin-store') {
|
|
8943
8945
|
return base.defineElement(tag, (Base) => {
|
|
8944
8946
|
class UsaPluginStore extends Base {
|
|
@@ -8962,7 +8964,7 @@ function definePluginStore(tag = 'usa-plugin-store') {
|
|
|
8962
8964
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8963
8965
|
this.setAttribute('role', 'search');
|
|
8964
8966
|
this.setAttribute('aria-label', this.str('label', 'Plugin marketplace'));
|
|
8965
|
-
this.insertAdjacentHTML('beforeend', `<input class="usa-ps-q" type="search" placeholder="Search plugins…" aria-label="Search plugins" value="${esc(this.str('query'))}" data-usa-part><p class="usa-ps-count" aria-live="polite" data-usa-part></p><ul class="usa-ps-list" data-usa-part></ul>`);
|
|
8967
|
+
this.insertAdjacentHTML('beforeend', `<input class="usa-ps-q" type="search" placeholder="Search plugins…" aria-label="Search plugins" value="${esc$1(this.str('query'))}" data-usa-part><p class="usa-ps-count" aria-live="polite" data-usa-part></p><ul class="usa-ps-list" data-usa-part></ul>`);
|
|
8966
8968
|
const q = this.querySelector('.usa-ps-q');
|
|
8967
8969
|
this.listen(q, 'input', () => this.search(q.value));
|
|
8968
8970
|
this.listen(this, 'click', (e) => {
|
|
@@ -8978,7 +8980,7 @@ function definePluginStore(tag = 'usa-plugin-store') {
|
|
|
8978
8980
|
const have = components_marketplace.installedPlugins();
|
|
8979
8981
|
if (ul) {
|
|
8980
8982
|
ul.innerHTML = res
|
|
8981
|
-
.map((p) => `<li class="usa-ps-card"><div class="usa-ps-head"><b>${esc(p.title)}</b>${p.official ? '<span class="usa-ps-badge">official</span>' : ''}<small>${esc(p.since ? `since ${p.since}` : '')}</small></div><p>${esc(p.description)}</p><div class="usa-ps-fx">${p.effects.map((f) => `<code>${esc(f)}</code>`).join('')}</div><button type="button" class="usa-ps-install" data-name="${esc(p.name)}"${have[p.name] ? ' disabled data-done' : ''}>${have[p.name] ? 'Installed ✓' : 'Install'}</button></li>`)
|
|
8983
|
+
.map((p) => `<li class="usa-ps-card"><div class="usa-ps-head"><b>${esc$1(p.title)}</b>${p.official ? '<span class="usa-ps-badge">official</span>' : ''}<small>${esc$1(p.since ? `since ${p.since}` : '')}</small></div><p>${esc$1(p.description)}</p><div class="usa-ps-fx">${p.effects.map((f) => `<code>${esc$1(f)}</code>`).join('')}</div><button type="button" class="usa-ps-install" data-name="${esc$1(p.name)}"${have[p.name] ? ' disabled data-done' : ''}>${have[p.name] ? 'Installed ✓' : 'Install'}</button></li>`)
|
|
8982
8984
|
.join('');
|
|
8983
8985
|
if (!this.reduced)
|
|
8984
8986
|
ul.querySelectorAll('.usa-ps-card').forEach((c, i) => this.motion(c, [{ opacity: 0, transform: 'translateY(12px)' }, { opacity: 1, transform: 'none' }], { duration: 320, delay: Math.min(i, 8) * 50, easing: 'cubic-bezier(.2,.8,.2,1)', fill: 'backwards' }));
|
|
@@ -9022,7 +9024,336 @@ function definePluginStore(tag = 'usa-plugin-store') {
|
|
|
9022
9024
|
}
|
|
9023
9025
|
}
|
|
9024
9026
|
return UsaPluginStore;
|
|
9025
|
-
}, { id: 'plugin-store', text: css });
|
|
9027
|
+
}, { id: 'plugin-store', text: css$4 });
|
|
9028
|
+
}
|
|
9029
|
+
|
|
9030
|
+
var css$3 = "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
|
+
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
9033
|
+
function defineChapterNav(tag = 'usa-chapter-nav') {
|
|
9034
|
+
return base.defineElement(tag, (Base) => {
|
|
9035
|
+
class UsaChapterNav extends Base {
|
|
9036
|
+
constructor() {
|
|
9037
|
+
super(...arguments);
|
|
9038
|
+
this._cur = -1;
|
|
9039
|
+
this._secs = [];
|
|
9040
|
+
}
|
|
9041
|
+
static get observedAttributes() {
|
|
9042
|
+
return ['for', 'orientation', 'label'];
|
|
9043
|
+
}
|
|
9044
|
+
get current() {
|
|
9045
|
+
return this._cur;
|
|
9046
|
+
}
|
|
9047
|
+
mount() {
|
|
9048
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9049
|
+
const root = (this.str('for') && document.querySelector(this.str('for'))) || document;
|
|
9050
|
+
this._secs = Array.from(root.querySelectorAll('[data-chapter]'));
|
|
9051
|
+
this.setAttribute('role', 'navigation');
|
|
9052
|
+
this.setAttribute('aria-label', this.str('label', 'Chapters'));
|
|
9053
|
+
this.setAttribute('data-orientation', this.str('orientation') === 'vertical' ? 'vertical' : 'horizontal');
|
|
9054
|
+
const title = (s, i) => s.dataset.chapter || s.querySelector('h1,h2,h3,h4')?.textContent?.trim() || `Chapter ${i + 1}`;
|
|
9055
|
+
this.insertAdjacentHTML('beforeend', `<ol class="usa-cn-list" data-usa-part>${this._secs.map((s, i) => `<li><button type="button" class="usa-cn-item" data-i="${i}"><span class="usa-cn-num">${i + 1}</span><span class="usa-cn-title">${esc(title(s, i))}</span><span class="usa-cn-bar" aria-hidden="true"><i></i></span></button></li>`).join('')}</ol>`);
|
|
9056
|
+
this.listen(this, 'click', (e) => {
|
|
9057
|
+
const b = e.target.closest?.('.usa-cn-item');
|
|
9058
|
+
if (b)
|
|
9059
|
+
this.goTo(Number(b.dataset.i));
|
|
9060
|
+
});
|
|
9061
|
+
const update = () => {
|
|
9062
|
+
const vh = innerHeight || 1;
|
|
9063
|
+
let cur = 0;
|
|
9064
|
+
this._secs.forEach((s, i) => {
|
|
9065
|
+
const r = s.getBoundingClientRect();
|
|
9066
|
+
const p = r.height ? Math.min(1, Math.max(0, (vh * 0.35 - r.top) / r.height)) : 0;
|
|
9067
|
+
this.querySelector(`.usa-cn-item[data-i="${i}"] .usa-cn-bar i`)?.style.setProperty('--p', String(Math.round(p * 1000) / 1000));
|
|
9068
|
+
if (r.top <= vh * 0.35)
|
|
9069
|
+
cur = i;
|
|
9070
|
+
});
|
|
9071
|
+
this.setCurrent(cur);
|
|
9072
|
+
};
|
|
9073
|
+
this.listen(window, 'scroll', update, { passive: true });
|
|
9074
|
+
this.listen(window, 'resize', update);
|
|
9075
|
+
update();
|
|
9076
|
+
}
|
|
9077
|
+
setCurrent(i) {
|
|
9078
|
+
if (i === this._cur || !this._secs.length)
|
|
9079
|
+
return;
|
|
9080
|
+
this._cur = i;
|
|
9081
|
+
this.querySelectorAll('.usa-cn-item').forEach((b, k) => {
|
|
9082
|
+
if (k === i)
|
|
9083
|
+
b.setAttribute('aria-current', 'step');
|
|
9084
|
+
else
|
|
9085
|
+
b.removeAttribute('aria-current');
|
|
9086
|
+
});
|
|
9087
|
+
const s = this._secs[i];
|
|
9088
|
+
this.emit('chapter', { index: i, title: this.querySelector(`.usa-cn-item[data-i="${i}"] .usa-cn-title`)?.textContent || '' });
|
|
9089
|
+
if (s && !this.reduced) {
|
|
9090
|
+
const b = this.querySelector(`.usa-cn-item[data-i="${i}"] .usa-cn-num`);
|
|
9091
|
+
if (b)
|
|
9092
|
+
this.motion(b, [{ transform: 'scale(1)' }, { transform: 'scale(1.25)', offset: 0.4 }, { transform: 'scale(1)' }], { duration: 380, easing: 'cubic-bezier(.3,1.4,.5,1)' });
|
|
9093
|
+
}
|
|
9094
|
+
}
|
|
9095
|
+
goTo(i) {
|
|
9096
|
+
const s = this._secs[i];
|
|
9097
|
+
if (!s)
|
|
9098
|
+
return;
|
|
9099
|
+
s.scrollIntoView?.({ behavior: this.reduced ? 'auto' : 'smooth', block: 'start' });
|
|
9100
|
+
this.setCurrent(i);
|
|
9101
|
+
}
|
|
9102
|
+
}
|
|
9103
|
+
return UsaChapterNav;
|
|
9104
|
+
}, { id: 'chapter-nav', text: css$3 });
|
|
9105
|
+
}
|
|
9106
|
+
|
|
9107
|
+
var css$2 = "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
|
+
function defineScene(tag = 'usa-scene') {
|
|
9110
|
+
return base.defineElement(tag, (Base) => {
|
|
9111
|
+
class UsaScene extends Base {
|
|
9112
|
+
constructor() {
|
|
9113
|
+
super(...arguments);
|
|
9114
|
+
this._p = 0;
|
|
9115
|
+
}
|
|
9116
|
+
static get observedAttributes() {
|
|
9117
|
+
return ['camera', 'strength', 'autoplay'];
|
|
9118
|
+
}
|
|
9119
|
+
get progress() {
|
|
9120
|
+
return this._p;
|
|
9121
|
+
}
|
|
9122
|
+
media() {
|
|
9123
|
+
return this.querySelector(':scope > [data-shot], :scope > img, :scope > video, :scope > picture');
|
|
9124
|
+
}
|
|
9125
|
+
mount() {
|
|
9126
|
+
const move = components_fxCinema.CAMERA_MOVES.includes(this.str('camera')) ? this.str('camera') : 'dolly-in';
|
|
9127
|
+
this.setAttribute('data-camera', move);
|
|
9128
|
+
const m = this.media();
|
|
9129
|
+
m?.classList.add('usa-scene-media');
|
|
9130
|
+
const caps = Array.from(this.querySelectorAll(':scope > [data-caption]'));
|
|
9131
|
+
if (this.reduced) {
|
|
9132
|
+
caps.forEach((c) => c.setAttribute('data-shown', ''));
|
|
9133
|
+
return;
|
|
9134
|
+
}
|
|
9135
|
+
if (this.hasAttribute('autoplay')) {
|
|
9136
|
+
caps.forEach((c) => c.setAttribute('data-shown', ''));
|
|
9137
|
+
const st = this.num('strength', 1);
|
|
9138
|
+
this.inView((v) => {
|
|
9139
|
+
m?.getAnimations?.().forEach((a) => a.cancel());
|
|
9140
|
+
if (v && m)
|
|
9141
|
+
this.motion(m, [0, 0.25, 0.5, 0.75, 1].map((p) => ({ transform: components_fxCinema.cameraFrame(move, p, st) })), { duration: 7000, iterations: Infinity, direction: 'alternate', easing: 'ease-in-out' });
|
|
9142
|
+
});
|
|
9143
|
+
return;
|
|
9144
|
+
}
|
|
9145
|
+
let stop = null;
|
|
9146
|
+
this.inView((v) => {
|
|
9147
|
+
stop?.();
|
|
9148
|
+
stop = null;
|
|
9149
|
+
if (!v)
|
|
9150
|
+
return;
|
|
9151
|
+
let last = -1;
|
|
9152
|
+
stop = base.onFrame(() => {
|
|
9153
|
+
const r = this.getBoundingClientRect();
|
|
9154
|
+
const vh = innerHeight || 1;
|
|
9155
|
+
const p = Math.min(1, Math.max(0, (vh - r.top) / (vh + r.height)));
|
|
9156
|
+
if (Math.abs(p - last) < 0.001)
|
|
9157
|
+
return;
|
|
9158
|
+
last = p;
|
|
9159
|
+
this.setProgress(p, move);
|
|
9160
|
+
});
|
|
9161
|
+
});
|
|
9162
|
+
this.onCleanup(() => stop?.());
|
|
9163
|
+
}
|
|
9164
|
+
/** Render the shot at progress `p` (0–1) — also used by tests / scroll timelines. */
|
|
9165
|
+
setProgress(p, move = this.getAttribute('data-camera') || 'dolly-in') {
|
|
9166
|
+
this._p = Math.min(1, Math.max(0, p));
|
|
9167
|
+
const m = this.media();
|
|
9168
|
+
if (m)
|
|
9169
|
+
m.style.transform = components_fxCinema.cameraFrame(move, this._p, this.num('strength', 1));
|
|
9170
|
+
this.querySelectorAll(':scope > [data-caption]').forEach((c) => this.setFlagOn(c, this._p >= Number(c.dataset.at ?? 0.3)));
|
|
9171
|
+
this.emit('shot', { progress: this._p });
|
|
9172
|
+
}
|
|
9173
|
+
setFlagOn(el, on) {
|
|
9174
|
+
if (on)
|
|
9175
|
+
el.setAttribute('data-shown', '');
|
|
9176
|
+
else
|
|
9177
|
+
el.removeAttribute('data-shown');
|
|
9178
|
+
}
|
|
9179
|
+
}
|
|
9180
|
+
return UsaScene;
|
|
9181
|
+
}, { id: 'scene', text: css$2 });
|
|
9182
|
+
}
|
|
9183
|
+
|
|
9184
|
+
var css$1 = "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
|
+
function defineLottie(tag = 'usa-lottie') {
|
|
9187
|
+
return base.defineElement(tag, (Base) => {
|
|
9188
|
+
class UsaLottie extends Base {
|
|
9189
|
+
constructor() {
|
|
9190
|
+
super(...arguments);
|
|
9191
|
+
this._json = null;
|
|
9192
|
+
this._m = null;
|
|
9193
|
+
this._anims = [];
|
|
9194
|
+
}
|
|
9195
|
+
static get observedAttributes() {
|
|
9196
|
+
return ['src', 'loop', 'speed', 'label'];
|
|
9197
|
+
}
|
|
9198
|
+
get json() {
|
|
9199
|
+
return this._json;
|
|
9200
|
+
}
|
|
9201
|
+
set json(v) {
|
|
9202
|
+
this._json = typeof v === 'string' ? JSON.parse(v) : v;
|
|
9203
|
+
if (this.isConnected)
|
|
9204
|
+
this.changed('json');
|
|
9205
|
+
}
|
|
9206
|
+
get parsed() {
|
|
9207
|
+
return this._m;
|
|
9208
|
+
}
|
|
9209
|
+
mount() {
|
|
9210
|
+
this.setAttribute('role', 'img');
|
|
9211
|
+
this.setAttribute('aria-label', this.str('label', 'Animation'));
|
|
9212
|
+
const src = this.str('src');
|
|
9213
|
+
if (this._json)
|
|
9214
|
+
this.render(this._json);
|
|
9215
|
+
else if (src && typeof fetch !== 'undefined')
|
|
9216
|
+
fetch(src)
|
|
9217
|
+
.then((r) => r.json())
|
|
9218
|
+
.then((j) => this.isConnected && this.str('src') === src && ((this._json = j), this.render(j)))
|
|
9219
|
+
.catch(() => this.emit('error', { src }));
|
|
9220
|
+
this.onCleanup(() => this.stop());
|
|
9221
|
+
}
|
|
9222
|
+
render(j) {
|
|
9223
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9224
|
+
this._m = components_fxLottie.lottieToKeyframes(j);
|
|
9225
|
+
this.insertAdjacentHTML('beforeend', components_fxLottie.lottieToSvg(j).replace('<svg ', '<svg data-usa-part class="usa-lt-svg" '));
|
|
9226
|
+
this.emit('load', { duration: this._m.duration, layers: this._m.layers.length });
|
|
9227
|
+
this.frame(0);
|
|
9228
|
+
if (this.hasAttribute('autoplay') && !this.reduced)
|
|
9229
|
+
this.inView((v) => {
|
|
9230
|
+
if (v)
|
|
9231
|
+
this.play();
|
|
9232
|
+
else
|
|
9233
|
+
this.pause();
|
|
9234
|
+
});
|
|
9235
|
+
}
|
|
9236
|
+
frame(i) {
|
|
9237
|
+
this._m?.layers.forEach((l) => {
|
|
9238
|
+
const g = this.querySelector(`[data-layer="${l.index}"]`);
|
|
9239
|
+
const k = l.keyframes[i] || l.keyframes[0];
|
|
9240
|
+
if (g && k) {
|
|
9241
|
+
g.style.transform = String(k.transform || '');
|
|
9242
|
+
if (k.opacity != null)
|
|
9243
|
+
g.style.opacity = String(k.opacity);
|
|
9244
|
+
}
|
|
9245
|
+
});
|
|
9246
|
+
}
|
|
9247
|
+
play() {
|
|
9248
|
+
if (!this._m || this.reduced)
|
|
9249
|
+
return;
|
|
9250
|
+
if (this._anims.length) {
|
|
9251
|
+
this._anims.forEach((a) => a.play());
|
|
9252
|
+
return;
|
|
9253
|
+
}
|
|
9254
|
+
const iterations = this.hasAttribute('loop') ? Infinity : 1;
|
|
9255
|
+
const rate = Math.max(0.1, this.num('speed', 1));
|
|
9256
|
+
this._anims = this._m.layers
|
|
9257
|
+
.map((l) => {
|
|
9258
|
+
const g = this.querySelector(`[data-layer="${l.index}"]`);
|
|
9259
|
+
const a = g ? this.motion(g, l.keyframes, { duration: this._m.duration / rate, iterations, fill: 'both' }) : null;
|
|
9260
|
+
return a;
|
|
9261
|
+
})
|
|
9262
|
+
.filter(Boolean);
|
|
9263
|
+
const first = this._anims[0];
|
|
9264
|
+
if (first && iterations === 1)
|
|
9265
|
+
first.finished.then(() => this.emit('complete'), () => undefined);
|
|
9266
|
+
}
|
|
9267
|
+
pause() {
|
|
9268
|
+
this._anims.forEach((a) => a.pause());
|
|
9269
|
+
}
|
|
9270
|
+
stop() {
|
|
9271
|
+
this._anims.splice(0).forEach((a) => a.cancel());
|
|
9272
|
+
this.frame(0);
|
|
9273
|
+
}
|
|
9274
|
+
}
|
|
9275
|
+
return UsaLottie;
|
|
9276
|
+
}, { id: 'lottie', text: css$1 });
|
|
9277
|
+
}
|
|
9278
|
+
|
|
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
|
+
|
|
9281
|
+
const fill = (r, g, b) => ({ ty: 'fl', c: { k: [r, g, b, 1] } });
|
|
9282
|
+
const sh = (v, c = true) => ({ ty: 'sh', ks: { k: { v, i: v.map(() => [0, 0]), o: v.map(() => [0, 0]), c } } });
|
|
9283
|
+
const anim = (keys) => ({ a: 1, k: keys.map(([t, s]) => ({ t, s })) });
|
|
9284
|
+
const L = (nm, shapes, ks) => ({ nm, ks: { a: { k: [24, 24] }, p: { k: [24, 24] }, ...ks }, shapes });
|
|
9285
|
+
const icon = (layers, op = 30) => ({ v: '5.7.0', fr: 30, ip: 0, op, w: 48, h: 48, layers });
|
|
9286
|
+
/** The built-in Lottie icon set (9.2). */
|
|
9287
|
+
const LOTTIE_ICONS = {
|
|
9288
|
+
heart: icon([L('heart', [sh([[24, 40], [8, 25], [7, 15], [15, 8], [24, 14], [33, 8], [41, 15], [40, 25]]), fill(0.96, 0.25, 0.37)], { s: anim([[0, [100, 100]], [7, [135, 135]], [14, [90, 90]], [22, [108, 108]], [30, [100, 100]]]) })]),
|
|
9289
|
+
bell: icon([L('bell', [sh([[24, 6], [34, 14], [35, 30], [40, 35], [8, 35], [13, 30], [14, 14]]), { ty: 'el', p: { k: [24, 39] }, s: { k: [8, 8] } }, fill(0.98, 0.75, 0.14)], { a: { k: [24, 6] }, p: { k: [24, 6] }, r: anim([[0, [0]], [6, [-20]], [12, [16]], [18, [-10]], [24, [5]], [30, [0]]]) })]),
|
|
9290
|
+
check: icon([
|
|
9291
|
+
L('tick', [sh([[14, 25], [21, 32], [35, 17], [32, 14], [21, 26], [17, 22]]), fill(1, 1, 1)], { s: anim([[0, [0, 0]], [10, [0, 0]], [20, [115, 115]], [28, [100, 100]]]) }),
|
|
9292
|
+
L('disc', [{ ty: 'el', p: { k: [24, 24] }, s: { k: [40, 40] } }, fill(0.13, 0.77, 0.37)], { s: anim([[0, [0, 0]], [10, [110, 110]], [16, [100, 100]]]) }),
|
|
9293
|
+
]),
|
|
9294
|
+
spinner: icon([L('arc', [sh([[24, 4], [38, 10], [44, 24], [40, 24], [35, 13], [24, 8]]), fill(0.31, 0.27, 0.9)], { r: anim([[0, [0]], [30, [360]]]) })]),
|
|
9295
|
+
star: icon([L('star', [sh([[24, 4], [29, 18], [44, 18], [32, 27], [36, 42], [24, 33], [12, 42], [16, 27], [4, 18], [19, 18]]), fill(0.98, 0.8, 0.08)], { r: anim([[0, [0]], [15, [72]], [30, [72]]]), s: anim([[0, [100, 100]], [8, [70, 70]], [18, [120, 120]], [30, [100, 100]]]) })]),
|
|
9296
|
+
bolt: icon([L('bolt', [sh([[27, 4], [12, 27], [22, 27], [19, 44], [36, 19], [26, 19]]), fill(0.55, 0.36, 0.96)], { o: anim([[0, [100]], [4, [20]], [8, [100]], [12, [30]], [16, [100]]]), s: anim([[0, [100, 100]], [6, [120, 120]], [16, [100, 100]]]) })], 20),
|
|
9297
|
+
};
|
|
9298
|
+
function defineLottieIcon(tag = 'usa-lottie-icon') {
|
|
9299
|
+
return base.defineElement(tag, (Base) => {
|
|
9300
|
+
class UsaLottieIcon extends Base {
|
|
9301
|
+
static get observedAttributes() {
|
|
9302
|
+
return ['name', 'size', 'color', 'label', 'trigger'];
|
|
9303
|
+
}
|
|
9304
|
+
lottie() {
|
|
9305
|
+
return this.querySelector(':scope > usa-lottie');
|
|
9306
|
+
}
|
|
9307
|
+
mount() {
|
|
9308
|
+
if (typeof customElements !== 'undefined' && !customElements.get('usa-lottie'))
|
|
9309
|
+
defineLottie();
|
|
9310
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
9311
|
+
const name = LOTTIE_ICONS[this.str('name')] ? this.str('name') : 'heart';
|
|
9312
|
+
this.setAttribute('data-name', name);
|
|
9313
|
+
const label = this.str('label');
|
|
9314
|
+
if (label) {
|
|
9315
|
+
this.setAttribute('role', 'img');
|
|
9316
|
+
this.setAttribute('aria-label', label);
|
|
9317
|
+
}
|
|
9318
|
+
else
|
|
9319
|
+
this.setAttribute('aria-hidden', 'true');
|
|
9320
|
+
this.style.setProperty('--usa-li-size', `${Math.max(12, this.num('size', 32))}px`);
|
|
9321
|
+
let json = LOTTIE_ICONS[name];
|
|
9322
|
+
if (this.hasAttribute('color')) {
|
|
9323
|
+
const m = this.str('color').match(/^#?([0-9a-f]{6})$/i);
|
|
9324
|
+
if (m) {
|
|
9325
|
+
const n = parseInt(m[1], 16);
|
|
9326
|
+
const c = [((n >> 16) & 255) / 255, ((n >> 8) & 255) / 255, (n & 255) / 255, 1];
|
|
9327
|
+
json = JSON.parse(JSON.stringify(json).replace(/"ty":"fl","c":\{"k":\[[^\]]*\]\}/g, `"ty":"fl","c":{"k":${JSON.stringify(c)}}`));
|
|
9328
|
+
}
|
|
9329
|
+
}
|
|
9330
|
+
const lt = document.createElement('usa-lottie');
|
|
9331
|
+
lt.setAttribute('data-usa-part', '');
|
|
9332
|
+
if (this.str('trigger') === 'loop')
|
|
9333
|
+
lt.setAttribute('loop', '');
|
|
9334
|
+
lt.json = json;
|
|
9335
|
+
this.appendChild(lt);
|
|
9336
|
+
const t = this.str('trigger', 'click');
|
|
9337
|
+
if (t === 'hover')
|
|
9338
|
+
this.listen(this, 'pointerenter', () => this.play());
|
|
9339
|
+
else if (t === 'enter')
|
|
9340
|
+
this.inView((v) => v && this.play(), { threshold: 0.5 });
|
|
9341
|
+
else if (t === 'loop')
|
|
9342
|
+
this.inView((v) => (v ? this.play() : this.lottie()?.stop()));
|
|
9343
|
+
else
|
|
9344
|
+
this.listen(this, 'click', () => this.play());
|
|
9345
|
+
}
|
|
9346
|
+
play() {
|
|
9347
|
+
const l = this.lottie();
|
|
9348
|
+
if (!l || this.reduced)
|
|
9349
|
+
return;
|
|
9350
|
+
if (this.str('trigger') !== 'loop')
|
|
9351
|
+
l.stop();
|
|
9352
|
+
l.play();
|
|
9353
|
+
}
|
|
9354
|
+
}
|
|
9355
|
+
return UsaLottieIcon;
|
|
9356
|
+
}, { id: 'lottie-icon', text: css });
|
|
9026
9357
|
}
|
|
9027
9358
|
|
|
9028
9359
|
/**
|
|
@@ -9067,6 +9398,8 @@ const WIDGETS = {
|
|
|
9067
9398
|
'8.8': { 'usa-panorama': definePanorama, 'usa-spatial-card': defineSpatialCard },
|
|
9068
9399
|
'8.9': { 'usa-code-export': defineCodeExport, 'usa-prop-panel': definePropPanel },
|
|
9069
9400
|
'9.0': { 'usa-motion': defineMotion, 'usa-plugin-store': definePluginStore },
|
|
9401
|
+
'9.1': { 'usa-chapter-nav': defineChapterNav, 'usa-scene': defineScene },
|
|
9402
|
+
'9.2': { 'usa-lottie': defineLottie, 'usa-lottie-icon': defineLottieIcon },
|
|
9070
9403
|
};
|
|
9071
9404
|
/** Every widget tag, in release order. */
|
|
9072
9405
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -9081,6 +9414,7 @@ function defineWidgets(release) {
|
|
|
9081
9414
|
exports.CAROUSEL_EFFECTS = CAROUSEL_EFFECTS;
|
|
9082
9415
|
exports.EQ_PRESETS = EQ_PRESETS;
|
|
9083
9416
|
exports.FESTIVAL_THEMES = FESTIVAL_THEMES;
|
|
9417
|
+
exports.LOTTIE_ICONS = LOTTIE_ICONS;
|
|
9084
9418
|
exports.MENU_EFFECTS = MENU_EFFECTS;
|
|
9085
9419
|
exports.MODAL_EFFECTS = MODAL_EFFECTS;
|
|
9086
9420
|
exports.NAV_INDICATORS = NAV_INDICATORS;
|
|
@@ -9106,6 +9440,7 @@ exports.defineBadgeWall = defineBadgeWall;
|
|
|
9106
9440
|
exports.defineBarChart = defineBarChart;
|
|
9107
9441
|
exports.defineCarousel = defineCarousel;
|
|
9108
9442
|
exports.defineCartDrawer = defineCartDrawer;
|
|
9443
|
+
exports.defineChapterNav = defineChapterNav;
|
|
9109
9444
|
exports.defineChatComposer = defineChatComposer;
|
|
9110
9445
|
exports.defineClockControl = defineClockControl;
|
|
9111
9446
|
exports.defineCodeExport = defineCodeExport;
|
|
@@ -9133,6 +9468,8 @@ exports.defineKpi = defineKpi;
|
|
|
9133
9468
|
exports.defineLeaderboard = defineLeaderboard;
|
|
9134
9469
|
exports.defineLiquidNav = defineLiquidNav;
|
|
9135
9470
|
exports.defineLocationCard = defineLocationCard;
|
|
9471
|
+
exports.defineLottie = defineLottie;
|
|
9472
|
+
exports.defineLottieIcon = defineLottieIcon;
|
|
9136
9473
|
exports.defineLyrics = defineLyrics;
|
|
9137
9474
|
exports.defineMasonryFlow = defineMasonryFlow;
|
|
9138
9475
|
exports.defineMenu = defineMenu;
|
|
@@ -9160,6 +9497,7 @@ exports.defineRadar = defineRadar;
|
|
|
9160
9497
|
exports.defineReactions = defineReactions;
|
|
9161
9498
|
exports.defineRedEnvelope = defineRedEnvelope;
|
|
9162
9499
|
exports.defineRetroButton = defineRetroButton;
|
|
9500
|
+
exports.defineScene = defineScene;
|
|
9163
9501
|
exports.defineSegmented = defineSegmented;
|
|
9164
9502
|
exports.defineSheet = defineSheet;
|
|
9165
9503
|
exports.defineShortcut = defineShortcut;
|