use-scroll-animate 8.3.0 → 8.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +33 -0
- package/dist/components/fx-cyber.cjs +140 -0
- package/dist/components/fx-cyber.cjs.map +1 -0
- package/dist/components/fx-cyber.d.cts +66 -0
- package/dist/components/fx-cyber.d.ts +66 -0
- package/dist/components/fx-cyber.js +136 -0
- package/dist/components/fx-cyber.js.map +1 -0
- package/dist/components/fx-paper.cjs +108 -0
- package/dist/components/fx-paper.cjs.map +1 -0
- package/dist/components/fx-paper.d.cts +68 -0
- package/dist/components/fx-paper.d.ts +68 -0
- package/dist/components/fx-paper.js +103 -0
- package/dist/components/fx-paper.js.map +1 -0
- package/dist/components/fx2.cjs +13 -0
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.d.cts +47 -1
- package/dist/components/fx2.d.ts +47 -1
- package/dist/components/fx2.js +9 -1
- package/dist/components/fx2.js.map +1 -1
- package/dist/components/widgets.cjs +478 -162
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +71 -2
- package/dist/components/widgets.d.ts +71 -2
- package/dist/components/widgets.js +474 -163
- 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 +44 -0
- package/package.json +41 -1
|
@@ -6,6 +6,7 @@ import '../chunks/builtins-Bs4smevg.js';
|
|
|
6
6
|
import { registerShopPack } from './fx-shop.js';
|
|
7
7
|
import { HYDRATE_PRESETS, createTimeline } from './engine.js';
|
|
8
8
|
import { blobRadius } from './fx-organic.js';
|
|
9
|
+
import { paperRandom, roughLine } from './fx-paper.js';
|
|
9
10
|
import '../chunks/core-CiN5sqxB.js';
|
|
10
11
|
import './tokens.js';
|
|
11
12
|
import '../chunks/fx-CQv3IxMf.js';
|
|
@@ -45,7 +46,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
45
46
|
return -1;
|
|
46
47
|
}
|
|
47
48
|
|
|
48
|
-
var css$
|
|
49
|
+
var css$17 = "usa-carousel{display:block;position:relative;--usa-carousel-dur:520ms;--usa-carousel-ease:cubic-bezier(.22,1,.36,1);overflow:hidden;border-radius:var(--usa-radius,14px);touch-action:pan-y}.usa-carousel-viewport{position:relative;overflow:hidden;height:100%;min-height:inherit}.usa-carousel-track{display:flex;height:100%;transition:transform var(--usa-carousel-dur) var(--usa-carousel-ease);will-change:transform}.usa-carousel-track>*{flex:0 0 100%;min-width:0;box-sizing:border-box}usa-carousel:not([data-effect=\"slide\"]) .usa-carousel-track{display:grid}usa-carousel:not([data-effect=\"slide\"]) .usa-carousel-track>*{grid-area:1/1;transition:opacity var(--usa-carousel-dur) ease,transform var(--usa-carousel-dur) var(--usa-carousel-ease),filter var(--usa-carousel-dur) ease}usa-carousel[data-effect=\"cards\"] .usa-carousel-viewport{perspective:900px}usa-carousel[data-dragging] .usa-carousel-track,usa-carousel[data-dragging] .usa-carousel-track>*{transition:none}.usa-carousel-nav{position:absolute;top:50%;translate:0 -50%;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:#111;font:600 18px/1 system-ui;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:transform .2s}.usa-carousel-nav:hover{transform:scale(1.08)}.usa-carousel-nav:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}.usa-carousel-prev{left:10px}.usa-carousel-next{right:10px}.usa-carousel-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px;z-index:2}.usa-carousel-dot{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.55);cursor:pointer;transition:width .35s var(--usa-carousel-ease),background .35s}.usa-carousel-dot[aria-current=\"true\"]{width:22px;background:#fff}@media (prefers-reduced-motion:reduce){usa-carousel .usa-carousel-track,usa-carousel .usa-carousel-track>*,.usa-carousel-dot{transition:none!important}}usa-carousel[data-reduced] .usa-carousel-track,usa-carousel[data-reduced] .usa-carousel-track>*{transition:none!important}";
|
|
49
50
|
|
|
50
51
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
51
52
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -234,10 +235,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
234
235
|
}
|
|
235
236
|
}
|
|
236
237
|
return UsaCarousel;
|
|
237
|
-
}, { id: 'carousel', text: css$
|
|
238
|
+
}, { id: 'carousel', text: css$17 });
|
|
238
239
|
}
|
|
239
240
|
|
|
240
|
-
var css$
|
|
241
|
+
var css$16 = "usa-tab-bar{display:block;--usa-tab-accent:#7c5cff;--usa-tab-ease:cubic-bezier(.22,1,.36,1)}.usa-tab-bar-list{position:relative;display:flex;gap:4px;padding:4px;border-radius:12px;background:rgba(127,127,127,.12);isolation:isolate;overflow-x:auto;scrollbar-width:none}.usa-tab-bar-list::-webkit-scrollbar{display:none}.usa-tab-bar-list>[role=\"tab\"]{position:relative;z-index:1;flex:1 0 auto;border:0;background:none;color:inherit;font:inherit;font-weight:600;padding:8px 14px;border-radius:9px;cursor:pointer;opacity:.7;transition:opacity .25s,color .25s;white-space:nowrap}.usa-tab-bar-list>[role=\"tab\"][aria-selected=\"true\"]{opacity:1}.usa-tab-bar-list>[role=\"tab\"]:focus-visible{outline:2px solid var(--usa-tab-accent);outline-offset:1px}.usa-tab-bar-ink{position:absolute;z-index:0;left:0;top:4px;bottom:4px;width:0;border-radius:9px;background:var(--usa-tab-accent);pointer-events:none}usa-tab-bar[data-indicator=\"pill\"] [aria-selected=\"true\"]{color:#fff}usa-tab-bar[data-indicator=\"underline\"] .usa-tab-bar-list{background:none;border-bottom:1px solid rgba(127,127,127,.25);border-radius:0}usa-tab-bar[data-indicator=\"underline\"] .usa-tab-bar-ink{top:auto;bottom:0;height:3px;border-radius:3px}usa-tab-bar[data-indicator=\"glow\"] .usa-tab-bar-ink{background:transparent;box-shadow:0 0 0 2px var(--usa-tab-accent),0 0 18px var(--usa-tab-accent)}usa-tab-bar[data-indicator=\"gooey\"] .usa-tab-bar-ink{filter:blur(.5px);border-radius:999px}usa-tab-bar[data-indicator=\"gooey\"] [aria-selected=\"true\"]{color:#fff}.usa-tab-bar-panel{padding:14px 2px}.usa-tab-bar-panel[hidden]{display:none}";
|
|
241
242
|
|
|
242
243
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
243
244
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -350,10 +351,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
350
351
|
}
|
|
351
352
|
}
|
|
352
353
|
return UsaTabBar;
|
|
353
|
-
}, { id: 'tab-bar', text: css$
|
|
354
|
+
}, { id: 'tab-bar', text: css$16 });
|
|
354
355
|
}
|
|
355
356
|
|
|
356
|
-
var css$
|
|
357
|
+
var css$15 = "usa-disclosure{display:block;--usa-disclosure-accent:#7c5cff}usa-disclosure>details{border-bottom:1px solid rgba(127,127,127,.25);overflow:hidden}usa-disclosure>details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;font-weight:600}usa-disclosure>details>summary::-webkit-details-marker{display:none}usa-disclosure>details>summary::after{content:\"\";flex:none;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg;translate:0 -3px;transition:rotate .35s cubic-bezier(.34,1.56,.64,1),translate .35s}usa-disclosure>details[open]>summary::after{rotate:225deg;translate:0 2px}usa-disclosure>details>summary:focus-visible{outline:2px solid var(--usa-disclosure-accent);outline-offset:2px;border-radius:6px}usa-disclosure>details>:not(summary){padding:0 4px 12px}usa-disclosure[variant=\"cards\"]>details{border:1px solid rgba(127,127,127,.25);border-radius:12px;margin-bottom:8px;padding:0 10px;transition:box-shadow .3s,border-color .3s}usa-disclosure[variant=\"cards\"]>details[open]{border-color:var(--usa-disclosure-accent);box-shadow:0 8px 24px rgba(124,92,255,.16)}@media (prefers-reduced-motion:reduce){usa-disclosure>details>summary::after{transition:none}}";
|
|
357
358
|
|
|
358
359
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
359
360
|
return defineElement(tag, (Base) => {
|
|
@@ -421,10 +422,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
421
422
|
}
|
|
422
423
|
}
|
|
423
424
|
return UsaDisclosure;
|
|
424
|
-
}, { id: 'disclosure', text: css$
|
|
425
|
+
}, { id: 'disclosure', text: css$15 });
|
|
425
426
|
}
|
|
426
427
|
|
|
427
|
-
var css$
|
|
428
|
+
var css$14 = "usa-stories{display:block;position:relative;overflow:hidden;border-radius:var(--usa-radius,16px);background:#111;color:#fff;aspect-ratio:9/14;max-height:520px;user-select:none;-webkit-user-select:none;touch-action:manipulation}usa-stories>:not([data-usa-part]){position:absolute;inset:0;opacity:0;transition:opacity .35s ease,transform .5s cubic-bezier(.22,1,.36,1);transform:scale(1.04);pointer-events:none;box-sizing:border-box}usa-stories>[data-active]:not([data-usa-part]){opacity:1;transform:none;pointer-events:auto}usa-stories>img:not([data-usa-part]){width:100%;height:100%;object-fit:cover}.usa-stories-bars{position:absolute;z-index:3;top:8px;left:8px;right:48px;display:flex;gap:4px}.usa-stories-bar{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}.usa-stories-bar>i{display:block;height:100%;width:100%;background:#fff;transform-origin:left;transform:scaleX(0)}.usa-stories-bar[data-done]>i{transform:scaleX(1)}.usa-stories-toggle{position:absolute;z-index:3;top:2px;right:6px;width:36px;height:30px;border:0;background:none;color:#fff;font:700 14px/1 system-ui;cursor:pointer;border-radius:8px}.usa-stories-toggle:focus-visible{outline:2px solid #fff}@media (prefers-reduced-motion:reduce){usa-stories>*{transition:none!important;transform:none!important}}";
|
|
428
429
|
|
|
429
430
|
function defineStories(tag = 'usa-stories') {
|
|
430
431
|
return defineElement(tag, (Base) => {
|
|
@@ -557,10 +558,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
557
558
|
}
|
|
558
559
|
}
|
|
559
560
|
return UsaStories;
|
|
560
|
-
}, { id: 'stories', text: css$
|
|
561
|
+
}, { id: 'stories', text: css$14 });
|
|
561
562
|
}
|
|
562
563
|
|
|
563
|
-
var css
|
|
564
|
+
var css$13 = "usa-modal,usa-sheet{display:contents}.usa-ov{border:0;padding:0;margin:auto;color:inherit;background:transparent;max-width:min(92vw,520px);max-height:88vh;overflow:visible}.usa-ov::backdrop{background:rgba(10,12,20,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.usa-ov-body{box-sizing:border-box;background:var(--usa-ov-bg,#fff);color:var(--usa-ov-fg,#111827);border-radius:var(--usa-ov-radius,18px);padding:var(--usa-ov-pad,22px);box-shadow:0 30px 80px -20px rgba(0,0,0,.45);max-height:88vh;overflow:auto}.usa-sheet-panel{margin:0;max-width:none;max-height:none}usa-sheet[data-side=\"right\"] .usa-sheet-panel{inset:0 0 0 auto;height:100%;width:min(88vw,var(--usa-sheet-size,380px))}usa-sheet[data-side=\"left\"] .usa-sheet-panel{inset:0 auto 0 0;height:100%;width:min(88vw,var(--usa-sheet-size,380px))}usa-sheet[data-side=\"bottom\"] .usa-sheet-panel{inset:auto 0 0 0;width:100%;max-height:85vh}usa-sheet[data-side=\"top\"] .usa-sheet-panel{inset:0 0 auto 0;width:100%;max-height:85vh}usa-sheet .usa-ov-body{height:100%;max-height:inherit;border-radius:0}usa-sheet[data-side=\"bottom\"] .usa-ov-body{border-radius:var(--usa-ov-radius,18px) var(--usa-ov-radius,18px) 0 0;height:auto;max-height:85vh;touch-action:none}usa-sheet[data-side=\"top\"] .usa-ov-body{border-radius:0 0 var(--usa-ov-radius,18px) var(--usa-ov-radius,18px);height:auto}.usa-ov-grab{width:44px;height:5px;border-radius:3px;background:rgba(127,127,127,.45);margin:-8px auto 14px;cursor:grab}@media (prefers-color-scheme:dark){.usa-ov-body{background:var(--usa-ov-bg,#171a23);color:var(--usa-ov-fg,#e5e7eb)}}";
|
|
564
565
|
|
|
565
566
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
566
567
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -787,12 +788,12 @@ function defineOverlay(tag, kind) {
|
|
|
787
788
|
}
|
|
788
789
|
}
|
|
789
790
|
return UsaOverlay;
|
|
790
|
-
}, { id: 'overlay', text: css
|
|
791
|
+
}, { id: 'overlay', text: css$13 });
|
|
791
792
|
}
|
|
792
793
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
793
794
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
794
795
|
|
|
795
|
-
var css$
|
|
796
|
+
var css$12 = "usa-toast-stack{position:fixed;z-index:2147482000;width:min(360px,calc(100vw - 24px));pointer-events:none;--usa-tstack-bg:#111827;--usa-tstack-fg:#f9fafb}usa-toast-stack[contained]{position:absolute;width:min(360px,calc(100% - 24px))}usa-toast-stack[data-position^=\"bottom\"]{bottom:12px}usa-toast-stack[data-position^=\"top\"]{top:12px}usa-toast-stack[data-position$=\"right\"]{right:12px}usa-toast-stack[data-position$=\"left\"]{left:12px}usa-toast-stack[data-position$=\"center\"]{left:50%;transform:translateX(-50%)}.usa-tstack-list{position:relative;list-style:none;margin:0;padding:0;min-height:1px;transition:height .3s}.usa-tstack{position:absolute;left:0;right:0;display:flex;align-items:center;gap:10px;box-sizing:border-box;padding:12px 12px 12px 14px;border-radius:14px;background:var(--usa-tstack-bg);color:var(--usa-tstack-fg);box-shadow:0 12px 32px -10px rgba(0,0,0,.45);font:500 14px/1.35 system-ui,sans-serif;pointer-events:auto;touch-action:pan-y;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .3s;user-select:none}usa-toast-stack[data-position^=\"bottom\"] .usa-tstack{bottom:0;transform-origin:50% 100%}usa-toast-stack[data-position^=\"top\"] .usa-tstack{top:0;transform-origin:50% 0}.usa-tstack-icon{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:13px;font-weight:800;background:#3b82f6;color:#fff}.usa-tstack-success .usa-tstack-icon{background:#22c55e}.usa-tstack-warning .usa-tstack-icon{background:#f59e0b}.usa-tstack-error .usa-tstack-icon{background:#ef4444}.usa-tstack-text{flex:1;min-width:0;display:flex;flex-direction:column}.usa-tstack-text strong{font-weight:700}.usa-tstack-action{border:0;border-radius:8px;padding:6px 10px;background:rgba(255,255,255,.14);color:inherit;font:600 13px system-ui,sans-serif;cursor:pointer}.usa-tstack-close{border:0;background:none;color:inherit;opacity:.6;font-size:18px;line-height:1;cursor:pointer;padding:2px 4px}.usa-tstack-close:hover{opacity:1}@media (prefers-reduced-motion:reduce){.usa-tstack,.usa-tstack-list{transition:none}}";
|
|
796
797
|
|
|
797
798
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
798
799
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -963,7 +964,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
963
964
|
}
|
|
964
965
|
}
|
|
965
966
|
return UsaToastStack;
|
|
966
|
-
}, { id: 'toast', text: css$
|
|
967
|
+
}, { id: 'toast', text: css$12 });
|
|
967
968
|
}
|
|
968
969
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
969
970
|
function stackToast(input, stack) {
|
|
@@ -991,7 +992,7 @@ function installToastTriggers() {
|
|
|
991
992
|
});
|
|
992
993
|
}
|
|
993
994
|
|
|
994
|
-
var css$
|
|
995
|
+
var css$11 = "usa-menu{position:relative;display:inline-block}.usa-menu-list{position:absolute;z-index:50;min-width:180px;max-width:min(280px,90vw);box-sizing:border-box;padding:6px;border-radius:12px;background:var(--usa-menu-bg,#fff);color:var(--usa-menu-fg,#111827);box-shadow:0 18px 44px -12px rgba(0,0,0,.35),0 0 0 1px rgba(127,127,127,.15);display:flex;flex-direction:column;gap:2px;text-align:left}.usa-menu-list[hidden]{display:none}usa-menu[data-placement^=\"bottom\"] .usa-menu-list{top:calc(100% + 6px)}usa-menu[data-placement^=\"top\"] .usa-menu-list{bottom:calc(100% + 6px)}usa-menu[data-placement$=\"start\"] .usa-menu-list{left:0;transform-origin:0 0}usa-menu[data-placement$=\"end\"] .usa-menu-list{right:0;transform-origin:100% 0}usa-menu[data-placement=\"top-start\"] .usa-menu-list{transform-origin:0 100%}usa-menu[data-placement=\"top-end\"] .usa-menu-list{transform-origin:100% 100%}.usa-menu-list>[role=\"menuitem\"]{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;border:0;background:none;color:inherit;font:500 14px/1.3 system-ui,sans-serif;text-align:left;text-decoration:none;padding:8px 10px;border-radius:8px;cursor:pointer}.usa-menu-list>[role=\"menuitem\"]:hover,.usa-menu-list>[role=\"menuitem\"]:focus-visible{background:var(--usa-menu-hover,rgba(124,92,255,.14));outline:none}.usa-menu-list>hr{border:0;border-top:1px solid rgba(127,127,127,.2);margin:4px 2px}@media (prefers-color-scheme:dark){.usa-menu-list{background:var(--usa-menu-bg,#1d2130);color:var(--usa-menu-fg,#e5e7eb)}}";
|
|
995
996
|
|
|
996
997
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
997
998
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1130,10 +1131,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1130
1131
|
}
|
|
1131
1132
|
}
|
|
1132
1133
|
return UsaMenu;
|
|
1133
|
-
}, { id: 'menu', text: css$
|
|
1134
|
+
}, { id: 'menu', text: css$11 });
|
|
1134
1135
|
}
|
|
1135
1136
|
|
|
1136
|
-
var css$
|
|
1137
|
+
var css$10 = "usa-progress-ring{position:relative;display:inline-block;vertical-align:middle;width:var(--usa-pr-size,120px);aspect-ratio:1;--usa-pr-color:#7c5cff;--usa-pr-track:rgba(127,127,127,.18);--usa-pr-width:9;font:700 calc(var(--usa-pr-size,120px)*.2)/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}usa-progress-ring[data-variant=\"semi\"]{aspect-ratio:100/56}.usa-pr-label{position:absolute;inset:0;display:grid;place-items:center}usa-progress-ring[data-variant=\"semi\"] .usa-pr-label{place-items:end center}usa-progress-ring[data-variant=\"bar\"]{display:inline-flex;width:var(--usa-pr-size,100%);aspect-ratio:auto;gap:10px;align-items:center;font-size:14px}usa-progress-ring[data-variant=\"bar\"]>.usa-pr-track{flex:1 1 auto;min-width:40px}usa-progress-ring[data-variant=\"bar\"] .usa-pr-label{position:static;display:inline}usa-progress-ring .usa-pr-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.usa-pr-svg path{fill:none;stroke-width:var(--usa-pr-width);stroke-linecap:round}.usa-pr-svg .usa-pr-track{stroke:var(--usa-pr-track)}.usa-pr-svg .usa-pr-arc{stroke:var(--usa-pr-color)}usa-progress-ring[data-variant=\"semi\"] .usa-pr-label{padding-bottom:2%}.usa-pr-track:is(div){height:10px;border-radius:999px;background:var(--usa-pr-track);overflow:hidden}.usa-pr-fill{height:100%;border-radius:inherit;background:var(--usa-pr-color);transform-origin:0 50%;transform:scaleX(0)}usa-progress-ring[data-indeterminate] .usa-pr-svg{animation:usa-pr-spin 1.1s linear infinite}usa-progress-ring[data-indeterminate] .usa-pr-fill{width:35%;transform:none!important;animation:usa-pr-slide 1.3s ease-in-out infinite}@keyframes usa-pr-spin{to{transform:rotate(360deg)}}@keyframes usa-pr-slide{from{margin-left:-35%}to{margin-left:100%}}usa-odometer{display:inline-flex;align-items:flex-end;font-variant-numeric:tabular-nums;line-height:1.15}.usa-odo-row{display:inline-flex;align-items:flex-end}.usa-odo-col{display:inline-block;height:1.15em;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}.usa-odo-strip{display:block;white-space:pre;line-height:1.15em;text-align:center}.usa-odo-sym{display:inline-block;height:1.15em}@media (prefers-reduced-motion:reduce){usa-progress-ring[data-indeterminate] .usa-pr-svg,usa-progress-ring[data-indeterminate] .usa-pr-fill{animation-duration:4s}}";
|
|
1137
1138
|
|
|
1138
1139
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1139
1140
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1273,7 +1274,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1273
1274
|
}
|
|
1274
1275
|
}
|
|
1275
1276
|
return UsaProgressRing;
|
|
1276
|
-
}, { id: 'meters', text: css$
|
|
1277
|
+
}, { id: 'meters', text: css$10 });
|
|
1277
1278
|
}
|
|
1278
1279
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1279
1280
|
return defineElement(tag, (Base) => {
|
|
@@ -1383,10 +1384,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1383
1384
|
}
|
|
1384
1385
|
}
|
|
1385
1386
|
return UsaOdometer;
|
|
1386
|
-
}, { id: 'meters', text: css$
|
|
1387
|
+
}, { id: 'meters', text: css$10 });
|
|
1387
1388
|
}
|
|
1388
1389
|
|
|
1389
|
-
var css
|
|
1390
|
+
var css$$ = "usa-skeleton-reveal{position:relative;display:block;--usa-sk-base:rgba(127,127,127,.16);--usa-sk-hi:rgba(255,255,255,.55)}usa-skeleton-reveal[data-loading]>:not(.usa-sk-layer){visibility:hidden}.usa-sk-layer{position:absolute;inset:0;pointer-events:none}.usa-sk-box{position:absolute;border-radius:6px;background:var(--usa-sk-base);overflow:hidden}usa-skeleton-reveal[data-variant=\"wave\"] .usa-sk-box{background:linear-gradient(100deg,var(--usa-sk-base) 30%,var(--usa-sk-hi) 50%,var(--usa-sk-base) 70%) var(--usa-sk-x,0) 0/var(--usa-sk-w,600px) 100% no-repeat,var(--usa-sk-base);animation:usa-sk-wave 1.4s linear infinite}usa-skeleton-reveal[data-variant=\"pulse\"] .usa-sk-box{animation:usa-sk-pulse 1.2s ease-in-out infinite alternate}usa-skeleton-reveal[data-variant=\"glow\"] .usa-sk-box{animation:usa-sk-glow 1.6s ease-in-out infinite alternate}@keyframes usa-sk-wave{from{background-position:calc(var(--usa-sk-x,0px) - var(--usa-sk-w,600px)) 0,0 0}to{background-position:calc(var(--usa-sk-x,0px) + var(--usa-sk-w,600px)) 0,0 0}}@keyframes usa-sk-pulse{from{opacity:1}to{opacity:.45}}@keyframes usa-sk-glow{from{box-shadow:0 0 0 rgba(124,92,255,0)}to{box-shadow:0 0 14px rgba(124,92,255,.45);background:rgba(124,92,255,.22)}}@media (prefers-color-scheme:dark){usa-skeleton-reveal{--usa-sk-hi:rgba(255,255,255,.16)}}@media (prefers-reduced-motion:reduce){.usa-sk-box{animation:none!important}}";
|
|
1390
1391
|
|
|
1391
1392
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1392
1393
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1501,10 +1502,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1501
1502
|
}
|
|
1502
1503
|
}
|
|
1503
1504
|
return UsaSkeletonReveal;
|
|
1504
|
-
}, { id: 'skeleton-reveal', text: css
|
|
1505
|
+
}, { id: 'skeleton-reveal', text: css$$ });
|
|
1505
1506
|
}
|
|
1506
1507
|
|
|
1507
|
-
var css$
|
|
1508
|
+
var css$_ = "usa-star-rating{display:inline-flex;gap:var(--usa-star-gap,4px);--usa-star-size:28px;--usa-star-on:#fbbf24;--usa-star-off:rgba(127,127,127,.28);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:8px}usa-star-rating[readonly]{cursor:default}usa-star-rating:focus-visible{outline:2px solid var(--usa-star-on);outline-offset:4px}.usa-star{position:relative;display:inline-block;width:var(--usa-star-size);height:var(--usa-star-size);--usa-star-fill:0%}.usa-star svg{display:block;width:100%;height:100%;overflow:visible;stroke:none}.usa-star-bg{fill:var(--usa-star-off)}.usa-star-fg{position:absolute;left:0;top:0;bottom:0;width:var(--usa-star-fill);overflow:hidden;transition:width .18s ease-out}.usa-star-fg svg{width:var(--usa-star-size);height:var(--usa-star-size);fill:var(--usa-star-on);filter:drop-shadow(0 1px 3px rgba(251,191,36,.45))}usa-star-rating[data-preview] .usa-star-fg{opacity:.8}.usa-star-spark{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:var(--usa-star-on);pointer-events:none}@media (prefers-reduced-motion:reduce){.usa-star-fg{transition:none}}";
|
|
1508
1509
|
|
|
1509
1510
|
const PATHS = {
|
|
1510
1511
|
star: 'M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6L2.5 9.4l6.6-.8z',
|
|
@@ -1641,10 +1642,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1641
1642
|
}
|
|
1642
1643
|
UsaStarRating.formAssociated = true;
|
|
1643
1644
|
return UsaStarRating;
|
|
1644
|
-
}, { id: 'star-rating', text: css$
|
|
1645
|
+
}, { id: 'star-rating', text: css$_ });
|
|
1645
1646
|
}
|
|
1646
1647
|
|
|
1647
|
-
var css$
|
|
1648
|
+
var css$Z = "usa-milestones{position:relative;display:block;--usa-ms-color:#7c5cff;--usa-ms-rail:rgba(127,127,127,.22);--usa-ms-gap:28px;padding:4px 0}.usa-ms-rail{position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;border-radius:3px;background:var(--usa-ms-rail);overflow:hidden}.usa-ms-fill{position:absolute;inset:0;background:linear-gradient(var(--usa-ms-color),#22d3ee);transform-origin:50% 0;transform:scaleY(0)}.usa-ms-item{position:relative;box-sizing:border-box;width:50%;padding:0 var(--usa-ms-gap) var(--usa-ms-gap);text-align:left}.usa-ms-item[data-side=\"right\"]{margin-left:50%}.usa-ms-item[data-side=\"left\"]{text-align:right}.usa-ms-dot{position:absolute;top:4px;width:14px;height:14px;border-radius:50%;background:var(--usa-ms-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--usa-ms-color) 22%,transparent);transform:scale(0)}.usa-ms-item[data-reached] .usa-ms-dot{transform:none}.usa-ms-item[data-side=\"right\"] .usa-ms-dot{left:-7px}.usa-ms-item[data-side=\"left\"] .usa-ms-dot{right:-7px}.usa-ms-date{display:block;font-size:.8em;font-weight:700;letter-spacing:.04em;color:var(--usa-ms-color);margin-bottom:2px}.usa-ms-item:not([data-reached])>:not(.usa-ms-dot){opacity:0}usa-milestones[data-layout=\"left\"] .usa-ms-rail{left:7px}usa-milestones[data-layout=\"left\"] .usa-ms-item{width:auto;margin-left:0;padding-left:calc(var(--usa-ms-gap) + 8px);text-align:left}usa-milestones[data-layout=\"left\"] .usa-ms-dot{left:1px;right:auto}@media (max-width:640px){usa-milestones .usa-ms-rail{left:7px}usa-milestones .usa-ms-item{width:auto;margin-left:0;padding-left:calc(var(--usa-ms-gap) + 8px);text-align:left}usa-milestones .usa-ms-item .usa-ms-dot{left:1px;right:auto}}";
|
|
1648
1649
|
|
|
1649
1650
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1650
1651
|
return defineElement(tag, (Base) => {
|
|
@@ -1732,10 +1733,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1732
1733
|
}
|
|
1733
1734
|
}
|
|
1734
1735
|
return UsaMilestones;
|
|
1735
|
-
}, { id: 'milestones', text: css$
|
|
1736
|
+
}, { id: 'milestones', text: css$Z });
|
|
1736
1737
|
}
|
|
1737
1738
|
|
|
1738
|
-
var css$
|
|
1739
|
+
var css$Y = "usa-masonry-flow{position:relative;display:block;width:100%}usa-masonry-flow>*{position:absolute;left:0;top:0;box-sizing:border-box;margin:0;will-change:transform}usa-masonry-flow>[data-hidden]:not([data-leaving]){display:none}usa-masonry-flow>[data-leaving]{pointer-events:none}";
|
|
1739
1740
|
|
|
1740
1741
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1741
1742
|
return defineElement(tag, (Base) => {
|
|
@@ -1856,10 +1857,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1856
1857
|
}
|
|
1857
1858
|
}
|
|
1858
1859
|
return UsaMasonryFlow;
|
|
1859
|
-
}, { id: 'masonry-flow', text: css$
|
|
1860
|
+
}, { id: 'masonry-flow', text: css$Y });
|
|
1860
1861
|
}
|
|
1861
1862
|
|
|
1862
|
-
var css$
|
|
1863
|
+
var css$X = "usa-compare{position:relative;display:grid;overflow:hidden;border-radius:var(--usa-cmp-radius,14px);user-select:none;touch-action:pan-y;cursor:ew-resize;--usa-cmp-line:#fff;outline-offset:3px}usa-compare[data-orientation=\"vertical\"]{touch-action:pan-x;cursor:ns-resize}usa-compare>.usa-cmp-before,usa-compare>.usa-cmp-after{grid-area:1/1;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.usa-cmp-handle{position:absolute;top:0;bottom:0;left:50%;width:0;z-index:2;pointer-events:none}.usa-cmp-handle::before{content:\"\";position:absolute;top:0;bottom:0;left:-1.5px;width:3px;background:var(--usa-cmp-line);box-shadow:0 0 8px rgba(0,0,0,.35)}usa-compare[data-orientation=\"vertical\"] .usa-cmp-handle{top:50%;bottom:auto;left:0;right:0;width:auto;height:0}usa-compare[data-orientation=\"vertical\"] .usa-cmp-handle::before{left:0;right:0;top:-1.5px;width:auto;height:3px}.usa-cmp-knob{position:absolute;top:50%;left:0;display:grid;place-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:var(--usa-cmp-line);color:#111827;box-shadow:0 6px 18px rgba(0,0,0,.35);pointer-events:auto;cursor:grab;transition:transform .2s}usa-compare[data-orientation=\"vertical\"] .usa-cmp-knob{left:50%;top:0;transform:rotate(90deg)}usa-compare:active .usa-cmp-knob{transform:scale(.92)}usa-compare[data-orientation=\"vertical\"]:active .usa-cmp-knob{transform:rotate(90deg) scale(.92)}.usa-cmp-label{position:absolute;top:10px;z-index:1;padding:3px 9px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font:600 12px/1.4 system-ui,sans-serif;pointer-events:none}.usa-cmp-label-b{left:10px}.usa-cmp-label-a{right:10px}";
|
|
1863
1864
|
|
|
1864
1865
|
function defineCompare(tag = 'usa-compare') {
|
|
1865
1866
|
return defineElement(tag, (Base) => {
|
|
@@ -1983,10 +1984,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1983
1984
|
}
|
|
1984
1985
|
}
|
|
1985
1986
|
return UsaCompare;
|
|
1986
|
-
}, { id: 'compare', text: css$
|
|
1987
|
+
}, { id: 'compare', text: css$X });
|
|
1987
1988
|
}
|
|
1988
1989
|
|
|
1989
|
-
var css$
|
|
1990
|
+
var css$W = "usa-cube-gallery{position:relative;display:block;aspect-ratio:4/3;perspective:1100px;outline-offset:4px}.usa-cube-stage{position:absolute;inset:0;transform-style:preserve-3d;touch-action:pan-y}.usa-cube-face{position:absolute;inset:0;box-sizing:border-box;margin:0;backface-visibility:hidden;display:none;overflow:hidden;border-radius:var(--usa-cube-radius,14px)}.usa-cube-face[data-active]{display:block}.usa-cube-face>img{width:100%;height:100%;object-fit:cover;display:block}.usa-cube-btn{position:absolute;top:50%;z-index:2;width:34px;height:34px;margin-top:-17px;border:0;border-radius:50%;background:rgba(255,255,255,.85);color:#111827;font:700 20px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.25)}.usa-cube-prev{left:8px}.usa-cube-next{right:8px}.usa-cube-btn:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}";
|
|
1990
1991
|
|
|
1991
1992
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
1992
1993
|
return defineElement(tag, (Base) => {
|
|
@@ -2119,10 +2120,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2119
2120
|
}
|
|
2120
2121
|
}
|
|
2121
2122
|
return UsaCubeGallery;
|
|
2122
|
-
}, { id: 'cube-gallery', text: css$
|
|
2123
|
+
}, { id: 'cube-gallery', text: css$W });
|
|
2123
2124
|
}
|
|
2124
2125
|
|
|
2125
|
-
var css$
|
|
2126
|
+
var css$V = "usa-dock{display:inline-flex;align-items:flex-end;gap:var(--usa-dock-gap,8px);padding:8px 10px;border-radius:20px;background:var(--usa-dock-bg,rgba(255,255,255,.55));-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);box-shadow:0 10px 30px -10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.45);--usa-dock-size:44px}usa-dock[data-orientation=\"vertical\"]{flex-direction:column;align-items:flex-start}.usa-dock-item{--usa-dock-s:1;position:relative;display:grid;place-items:center;flex:none;width:calc(var(--usa-dock-size) * var(--usa-dock-s));height:calc(var(--usa-dock-size) * var(--usa-dock-s));border:0;padding:0;border-radius:calc(var(--usa-dock-size) * .26 * var(--usa-dock-s));background:var(--usa-dock-item,linear-gradient(135deg,#7c5cff,#22d3ee));color:#fff;font-size:calc(var(--usa-dock-size) * .5 * var(--usa-dock-s));text-decoration:none;cursor:pointer;transition:width .12s ease-out,height .12s ease-out,font-size .12s ease-out,border-radius .12s;box-shadow:0 4px 10px rgba(0,0,0,.18)}.usa-dock-item:focus-visible{outline:2px solid #7c5cff;outline-offset:3px}.usa-dock-item[data-label]::after{content:attr(data-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);padding:3px 8px;border-radius:6px;background:rgba(17,24,39,.9);color:#fff;font:500 12px/1.3 system-ui,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.usa-dock-item[data-near]::after,.usa-dock-item:focus-visible::after{opacity:1;transform:translateX(-50%)}usa-dock[data-orientation=\"vertical\"] .usa-dock-item[data-label]::after{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.usa-dock-item{transition:none}}";
|
|
2126
2127
|
|
|
2127
2128
|
function defineDock(tag = 'usa-dock') {
|
|
2128
2129
|
return defineElement(tag, (Base) => {
|
|
@@ -2190,10 +2191,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2190
2191
|
}
|
|
2191
2192
|
}
|
|
2192
2193
|
return UsaDock;
|
|
2193
|
-
}, { id: 'dock', text: css$
|
|
2194
|
+
}, { id: 'dock', text: css$V });
|
|
2194
2195
|
}
|
|
2195
2196
|
|
|
2196
|
-
var css$
|
|
2197
|
+
var css$U = "usa-nav-morph{position:relative;display:flex;gap:4px;align-items:center;isolation:isolate;--usa-nm-color:#7c5cff;flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}usa-nav-morph::-webkit-scrollbar{display:none}usa-nav-morph>:not(.usa-nm-ink){position:relative;z-index:1;flex:none;padding:8px 12px;border-radius:10px;color:inherit;text-decoration:none;font-weight:600;white-space:nowrap;transition:color .25s;outline-offset:2px}.usa-nm-ink{position:absolute;left:0;z-index:0;width:0;pointer-events:none;background:var(--usa-nm-color)}usa-nav-morph[data-indicator=\"underline\"] .usa-nm-ink{bottom:0;height:3px;border-radius:3px}usa-nav-morph[data-indicator=\"pill\"] .usa-nm-ink,usa-nav-morph[data-indicator=\"blob\"] .usa-nm-ink{top:0;bottom:0;border-radius:10px;opacity:.16}usa-nav-morph[data-indicator=\"blob\"] .usa-nm-ink{border-radius:999px;opacity:.2}usa-nav-morph[data-indicator=\"dot\"] .usa-nm-ink{bottom:0;height:6px;background:radial-gradient(circle,var(--usa-nm-color) 3px,transparent 3.5px)}usa-nav-morph>[aria-current=\"page\"]{color:var(--usa-nm-color)}";
|
|
2197
2198
|
|
|
2198
2199
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2199
2200
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2297,10 +2298,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2297
2298
|
}
|
|
2298
2299
|
}
|
|
2299
2300
|
return UsaNavMorph;
|
|
2300
|
-
}, { id: 'nav-morph', text: css$
|
|
2301
|
+
}, { id: 'nav-morph', text: css$U });
|
|
2301
2302
|
}
|
|
2302
2303
|
|
|
2303
|
-
var css$
|
|
2304
|
+
var css$T = "usa-menu-toggle{display:inline-grid;place-items:center;width:var(--usa-mt-size,44px);height:var(--usa-mt-size,44px);border-radius:12px;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;outline-offset:2px;--usa-mt-ease:cubic-bezier(.65,.05,.36,1)}usa-menu-toggle:hover{background:rgba(127,127,127,.12)}.usa-mt-box{position:relative;width:24px;height:18px}.usa-mt-bar{position:absolute;left:0;width:100%;height:2.5px;border-radius:2px;background:currentColor;transform-origin:50% 50%}.usa-mt-bar:nth-child(1){top:0}.usa-mt-bar:nth-child(2){top:7.75px}.usa-mt-bar:nth-child(3){bottom:0}usa-menu-toggle[data-animate] .usa-mt-bar{transition:transform .38s var(--usa-mt-ease),opacity .2s,top .38s var(--usa-mt-ease),bottom .38s var(--usa-mt-ease),width .38s var(--usa-mt-ease)}usa-menu-toggle[data-animate] .usa-mt-box{transition:transform .38s var(--usa-mt-ease)}usa-menu-toggle[data-variant=\"cross\"][data-open] .usa-mt-bar:nth-child(1),usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-bar:nth-child(1){top:7.75px;transform:rotate(45deg)}usa-menu-toggle[data-variant=\"cross\"][data-open] .usa-mt-bar:nth-child(2),usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-bar:nth-child(2){opacity:0;transform:scaleX(.2)}usa-menu-toggle[data-variant=\"cross\"][data-open] .usa-mt-bar:nth-child(3),usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-bar:nth-child(3){bottom:7.75px;transform:rotate(-45deg)}usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-box{transform:rotate(180deg)}usa-menu-toggle[data-variant=\"arrow\"][data-open] .usa-mt-bar:nth-child(1){width:55%;transform:translate(-2px,3.5px) rotate(-40deg)}usa-menu-toggle[data-variant=\"arrow\"][data-open] .usa-mt-bar:nth-child(3){width:55%;transform:translate(-2px,-3.5px) rotate(40deg)}usa-menu-toggle[data-variant=\"arrow\"][data-open] .usa-mt-box{transform:rotate(180deg)}usa-menu-toggle[data-variant=\"minus\"][data-open] .usa-mt-bar:nth-child(1){top:7.75px}usa-menu-toggle[data-variant=\"minus\"][data-open] .usa-mt-bar:nth-child(3){bottom:7.75px}";
|
|
2304
2305
|
|
|
2305
2306
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2306
2307
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2373,10 +2374,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2373
2374
|
}
|
|
2374
2375
|
}
|
|
2375
2376
|
return UsaMenuToggle;
|
|
2376
|
-
}, { id: 'menu-toggle', text: css$
|
|
2377
|
+
}, { id: 'menu-toggle', text: css$T });
|
|
2377
2378
|
}
|
|
2378
2379
|
|
|
2379
|
-
var css$
|
|
2380
|
+
var css$S = "usa-tip{position:relative;display:inline-block}.usa-tip-bubble{position:absolute;left:0;top:0;z-index:60;box-sizing:border-box;max-width:min(260px,calc(100vw - 16px));width:max-content;padding:7px 11px;border-radius:9px;background:var(--usa-tip-bg,#111827);color:var(--usa-tip-fg,#f9fafb);font:500 13px/1.4 system-ui,sans-serif;box-shadow:0 10px 26px -8px rgba(0,0,0,.4);text-align:left;white-space:normal}.usa-tip-bubble[hidden]{display:none}.usa-tip-bubble[data-placement=\"top\"]{transform-origin:50% 100%}.usa-tip-bubble[data-placement=\"bottom\"]{transform-origin:50% 0}.usa-tip-bubble[data-placement=\"left\"]{transform-origin:100% 50%}.usa-tip-bubble[data-placement=\"right\"]{transform-origin:0 50%}.usa-tip-arrow{position:absolute;width:10px;height:10px;background:inherit;transform:rotate(45deg)}.usa-tip-bubble[data-placement=\"top\"] .usa-tip-arrow{bottom:-4px;left:calc(50% - 5px + var(--usa-tip-shift,0px))}.usa-tip-bubble[data-placement=\"bottom\"] .usa-tip-arrow{top:-4px;left:calc(50% - 5px + var(--usa-tip-shift,0px))}.usa-tip-bubble[data-placement=\"left\"] .usa-tip-arrow{right:-4px;top:calc(50% - 5px)}.usa-tip-bubble[data-placement=\"right\"] .usa-tip-arrow{left:-4px;top:calc(50% - 5px)}";
|
|
2380
2381
|
|
|
2381
2382
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2382
2383
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2508,10 +2509,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2508
2509
|
}
|
|
2509
2510
|
}
|
|
2510
2511
|
return UsaTip;
|
|
2511
|
-
}, { id: 'tip', text: css$
|
|
2512
|
+
}, { id: 'tip', text: css$S });
|
|
2512
2513
|
}
|
|
2513
2514
|
|
|
2514
|
-
var css$
|
|
2515
|
+
var css$R = "usa-stepper{--usa-st-c:#7c5cff;--usa-st-size:30px;position:relative;display:flex;justify-content:space-between;gap:8px;padding:0;counter-reset:s;max-width:100%}usa-stepper[data-orientation=\"vertical\"]{flex-direction:column;gap:22px}.usa-st-rail{position:absolute;left:calc(var(--usa-st-size)/2);right:calc(var(--usa-st-size)/2);top:calc(var(--usa-st-size)/2 - 2px);height:4px;border-radius:4px;background:rgba(127,127,127,.25);pointer-events:none}usa-stepper[data-orientation=\"vertical\"] .usa-st-rail{left:calc(var(--usa-st-size)/2 - 2px);right:auto;top:calc(var(--usa-st-size)/2);bottom:calc(var(--usa-st-size)/2);width:4px;height:auto}.usa-st-fill{position:absolute;inset:0;border-radius:inherit;background:var(--usa-st-c);transform-origin:0 0;transform:scaleX(calc(var(--usa-st-p,0%) / 100%));transition:transform .55s cubic-bezier(.6,.05,.3,1)}usa-stepper[data-orientation=\"vertical\"] .usa-st-fill{transform:scaleY(calc(var(--usa-st-p,0%) / 100%))}.usa-st-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;font:600 12px/1.25 system-ui,sans-serif;text-align:center;color:rgba(127,127,127,.95)}usa-stepper[data-orientation=\"vertical\"] .usa-st-step{flex-direction:row;text-align:left}.usa-st-step[data-current],.usa-st-step[data-done]{color:inherit}.usa-st-dot{position:relative;display:grid;place-items:center;flex:none;width:var(--usa-st-size);height:var(--usa-st-size);border-radius:50%;background:var(--usa-st-bg,#fff);box-shadow:inset 0 0 0 2px rgba(127,127,127,.4);color:#666;font-weight:700;transition:background .3s,box-shadow .3s,color .3s}.usa-st-step[data-current] .usa-st-dot{box-shadow:inset 0 0 0 2px var(--usa-st-c);color:var(--usa-st-c)}.usa-st-step[data-done] .usa-st-dot{background:var(--usa-st-c);box-shadow:none;color:#fff}.usa-st-check{position:absolute;width:60%;height:60%;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;opacity:0}.usa-st-step[data-done] .usa-st-check{stroke-dashoffset:0;opacity:1}.usa-st-step[data-done] .usa-st-num{opacity:0}.usa-st-step[data-clickable],usa-stepper[clickable] .usa-st-step{cursor:pointer}@media (prefers-reduced-motion:reduce){.usa-st-fill,.usa-st-dot{transition:none}}";
|
|
2515
2516
|
|
|
2516
2517
|
function defineStepper(tag = 'usa-stepper') {
|
|
2517
2518
|
return defineElement(tag, (Base) => {
|
|
@@ -2608,10 +2609,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2608
2609
|
}
|
|
2609
2610
|
}
|
|
2610
2611
|
return UsaStepper;
|
|
2611
|
-
}, { id: 'stepper', text: css$
|
|
2612
|
+
}, { id: 'stepper', text: css$R });
|
|
2612
2613
|
}
|
|
2613
2614
|
|
|
2614
|
-
var css$
|
|
2615
|
+
var css$Q = "usa-pagination{--usa-pg-c:#7c5cff;display:inline-flex;align-items:center;gap:4px;max-width:100%;font:600 14px/1 system-ui,sans-serif}.usa-pg-list{position:relative;display:inline-flex;align-items:center;gap:2px;isolation:isolate}.usa-pg-ink{position:absolute;left:0;top:0;height:100%;width:0;border-radius:10px;background:var(--usa-pg-c);z-index:-1;transition:width .3s}.usa-pg-btn{display:grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;cursor:pointer;transition:color .25s,background .2s}.usa-pg-btn:hover:not(:disabled):not([aria-current]){background:rgba(127,127,127,.14)}.usa-pg-btn[aria-current=\"page\"]{color:#fff}.usa-pg-btn:disabled{opacity:.35;cursor:default}.usa-pg-btn:focus-visible{outline:2px solid var(--usa-pg-c);outline-offset:2px}.usa-pg-gap{min-width:20px;text-align:center;opacity:.6}@media (max-width:420px){.usa-pg-btn{min-width:28px;height:30px;padding:0 3px}}@media (prefers-reduced-motion:reduce){.usa-pg-ink{transition:none}}";
|
|
2615
2616
|
|
|
2616
2617
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2617
2618
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2733,10 +2734,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2733
2734
|
}
|
|
2734
2735
|
}
|
|
2735
2736
|
return UsaPagination;
|
|
2736
|
-
}, { id: 'pagination', text: css$
|
|
2737
|
+
}, { id: 'pagination', text: css$Q });
|
|
2737
2738
|
}
|
|
2738
2739
|
|
|
2739
|
-
var css$
|
|
2740
|
+
var css$P = "usa-segmented{--usa-seg-c:#7c5cff;position:relative;display:inline-flex;align-items:stretch;padding:3px;border-radius:12px;background:rgba(127,127,127,.16);isolation:isolate;max-width:100%;font:600 13px/1 system-ui,sans-serif}.usa-seg-thumb{position:absolute;top:3px;bottom:3px;left:3px;z-index:-1;border-radius:9px;background:var(--usa-seg-thumb,#fff);box-shadow:0 2px 8px rgba(0,0,0,.18),0 0 0 .5px rgba(0,0,0,.05);transform-origin:50% 50%}usa-segmented[data-variant=\"pill\"]{border-radius:999px}usa-segmented[data-variant=\"pill\"] .usa-seg-thumb{border-radius:999px;background:var(--usa-seg-c)}usa-segmented[data-variant=\"pill\"] .usa-seg-item[data-selected]{color:#fff}usa-segmented[data-variant=\"outline\"]{background:none;box-shadow:inset 0 0 0 1.5px rgba(127,127,127,.35)}usa-segmented[data-variant=\"outline\"] .usa-seg-thumb{background:none;box-shadow:inset 0 0 0 2px var(--usa-seg-c)}.usa-seg-item{flex:1 1 0;min-width:0;padding:8px 14px;border:0;border-radius:9px;background:none;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;opacity:.7;transition:opacity .2s,transform .25s cubic-bezier(.3,1.4,.5,1),color .2s}.usa-seg-item[data-selected]{opacity:1;transform:scale(1.04)}.usa-seg-item:focus-visible{outline:2px solid var(--usa-seg-c);outline-offset:1px}@media (max-width:420px){.usa-seg-item{padding:8px 9px}}@media (prefers-reduced-motion:reduce){.usa-seg-item{transition:none}}";
|
|
2740
2741
|
|
|
2741
2742
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2742
2743
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2830,10 +2831,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2830
2831
|
}
|
|
2831
2832
|
}
|
|
2832
2833
|
return UsaSegmented;
|
|
2833
|
-
}, { id: 'segmented', text: css$
|
|
2834
|
+
}, { id: 'segmented', text: css$P });
|
|
2834
2835
|
}
|
|
2835
2836
|
|
|
2836
|
-
var css$
|
|
2837
|
+
var css$O = "usa-switch{--usa-sw-c:#34c759;--usa-sw-w:52px;--usa-sw-h:30px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;vertical-align:middle;outline-offset:3px;border-radius:999px}usa-switch[disabled]{opacity:.45;cursor:not-allowed}.usa-sw-track{position:relative;flex:none;width:var(--usa-sw-w);height:var(--usa-sw-h);border-radius:999px;background:rgba(127,127,127,.35);overflow:hidden;transition:background .3s}.usa-sw-fill{position:absolute;inset:0;border-radius:999px;background:var(--usa-sw-c);transform:scale(0);transform-origin:calc(var(--usa-sw-h)/2) 50%;transition:transform .35s cubic-bezier(.4,0,.2,1)}usa-switch[data-on] .usa-sw-fill{transform:scale(1)}.usa-sw-thumb{position:absolute;top:3px;left:3px;width:calc(var(--usa-sw-h) - 6px);height:calc(var(--usa-sw-h) - 6px);border-radius:999px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:left .32s cubic-bezier(.3,1.25,.5,1),width .2s ease,background .3s,box-shadow .3s}usa-switch[data-on] .usa-sw-thumb{left:calc(var(--usa-sw-w) - var(--usa-sw-h) + 3px)}usa-switch[data-variant=\"ios\"][data-press] .usa-sw-thumb{width:calc(var(--usa-sw-h) + 2px)}usa-switch[data-variant=\"ios\"][data-press][data-on] .usa-sw-thumb{left:calc(var(--usa-sw-w) - var(--usa-sw-h) - 5px)}usa-switch[data-variant=\"daynight\"]{--usa-sw-w:64px;--usa-sw-h:32px}usa-switch[data-variant=\"daynight\"] .usa-sw-track{background:linear-gradient(#7dd3fc,#38bdf8)}usa-switch[data-variant=\"daynight\"] .usa-sw-fill{background:linear-gradient(#1e1b4b,#312e81);transform:none;opacity:0;transition:opacity .45s}usa-switch[data-variant=\"daynight\"][data-on] .usa-sw-fill{opacity:1}usa-switch[data-variant=\"daynight\"] .usa-sw-thumb{background:radial-gradient(circle at 40% 40%,#fde68a,#f59e0b);box-shadow:0 0 10px #fbbf24}usa-switch[data-variant=\"daynight\"][data-on] .usa-sw-thumb{background:radial-gradient(circle at 65% 35%,transparent 5px,#e5e7eb 5.5px);box-shadow:0 0 8px rgba(255,255,255,.5)}usa-switch[data-variant=\"daynight\"] .usa-sw-deco{position:absolute;inset:0;background:radial-gradient(circle,#fff 1px,transparent 1.5px) 12px 8px/14px 11px;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .5s}usa-switch[data-variant=\"daynight\"][data-on] .usa-sw-deco{opacity:.9;transform:none}usa-switch[data-variant=\"bounce\"] .usa-sw-thumb{transition:left .28s cubic-bezier(.5,0,.75,0)}usa-switch[data-variant=\"liquid\"] .usa-sw-fill{background:linear-gradient(90deg,#22d3ee,#7c5cff)}usa-switch[data-variant=\"liquid\"] .usa-sw-thumb{transition:left .5s cubic-bezier(.68,-.4,.27,1.4)}usa-switch:focus-visible .usa-sw-track{box-shadow:0 0 0 3px rgba(124,92,255,.5)}@media (prefers-reduced-motion:reduce){.usa-sw-thumb,.usa-sw-fill,.usa-sw-deco,.usa-sw-track{transition:none!important}}";
|
|
2837
2838
|
|
|
2838
2839
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2839
2840
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2921,10 +2922,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2921
2922
|
}
|
|
2922
2923
|
}
|
|
2923
2924
|
return UsaSwitch;
|
|
2924
|
-
}, { id: 'switch', text: css$
|
|
2925
|
+
}, { id: 'switch', text: css$O });
|
|
2925
2926
|
}
|
|
2926
2927
|
|
|
2927
|
-
var css$
|
|
2928
|
+
var css$N = "usa-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr);gap:12px;max-width:100%;overflow-x:auto;padding:4px;font:500 13px/1.35 system-ui,sans-serif}.usa-kb-col{display:flex;flex-direction:column;gap:8px;min-height:80px;padding:10px;border-radius:14px;background:rgba(127,127,127,.12);margin:0;list-style:none}.usa-kb-col>h1,.usa-kb-col>h2,.usa-kb-col>h3,.usa-kb-col>h4{margin:0 0 2px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.usa-kb-card{padding:10px 12px;border-radius:10px;background:var(--usa-kb-card,#fff);color:#111;box-shadow:0 1px 3px rgba(0,0,0,.14);cursor:grab;touch-action:none;user-select:none;outline-offset:2px}.usa-kb-card:focus-visible{outline:2px solid #7c5cff}.usa-kb-lifted{cursor:grabbing;box-shadow:0 18px 30px -8px rgba(0,0,0,.35);transition:transform .12s}.usa-kb-held{outline:2px dashed #7c5cff;transform:scale(1.03)}.usa-kb-ph{border-radius:10px;border:2px dashed rgba(124,92,255,.5);background:rgba(124,92,255,.08)}.usa-kb-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion:reduce){.usa-kb-lifted,.usa-kb-held{transition:none;transform:none!important}}";
|
|
2928
2929
|
|
|
2929
2930
|
function defineKanban(tag = 'usa-kanban') {
|
|
2930
2931
|
return defineElement(tag, (Base) => {
|
|
@@ -3129,10 +3130,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3129
3130
|
}
|
|
3130
3131
|
}
|
|
3131
3132
|
return UsaKanban;
|
|
3132
|
-
}, { id: 'kanban', text: css$
|
|
3133
|
+
}, { id: 'kanban', text: css$N });
|
|
3133
3134
|
}
|
|
3134
3135
|
|
|
3135
|
-
var css$
|
|
3136
|
+
var css$M = "usa-swipe-deck{position:relative;display:grid;width:var(--usa-sd-w,240px);max-width:100%;height:var(--usa-sd-h,300px);touch-action:pan-y;outline-offset:6px;border-radius:18px}.usa-sd-card{grid-area:1/1;position:relative;display:grid;place-items:center;border-radius:18px;background:var(--usa-sd-bg,linear-gradient(160deg,#7c5cff,#22d3ee));color:#fff;font:800 22px/1.2 system-ui,sans-serif;box-shadow:0 12px 28px -10px rgba(0,0,0,.4);transition:transform .3s cubic-bezier(.3,1.3,.5,1),opacity .3s;user-select:none;cursor:grab;overflow:hidden;touch-action:none}.usa-sd-card.usa-sd-dragging{transition:none;cursor:grabbing}.usa-sd-stamp{position:absolute;top:18px;padding:4px 10px;border:3px solid currentColor;border-radius:8px;font:900 20px/1 system-ui,sans-serif;letter-spacing:.1em;opacity:0;pointer-events:none}.usa-sd-like{left:16px;color:#4ade80;transform:rotate(-14deg)}.usa-sd-nope{right:16px;color:#f87171;transform:rotate(14deg)}@media (prefers-reduced-motion:reduce){.usa-sd-card{transition:none}}";
|
|
3136
3137
|
|
|
3137
3138
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3138
3139
|
return defineElement(tag, (Base) => {
|
|
@@ -3274,10 +3275,10 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3274
3275
|
}
|
|
3275
3276
|
}
|
|
3276
3277
|
return UsaSwipeDeck;
|
|
3277
|
-
}, { id: 'swipe-deck', text: css$
|
|
3278
|
+
}, { id: 'swipe-deck', text: css$M });
|
|
3278
3279
|
}
|
|
3279
3280
|
|
|
3280
|
-
var css$
|
|
3281
|
+
var css$L = "usa-weather-card{--usa-wc-sky:linear-gradient(160deg,#38bdf8,#0ea5e9);position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;width:var(--usa-wc-w,260px);max-width:100%;padding:16px 18px;border-radius:20px;background:var(--usa-wc-sky);color:#fff;overflow:hidden;font:500 13px/1.3 system-ui,sans-serif;box-shadow:0 12px 30px -12px rgba(2,6,23,.5);transition:background .6s}usa-weather-card[data-condition=\"cloudy\"]{--usa-wc-sky:linear-gradient(160deg,#94a3b8,#64748b)}usa-weather-card[data-condition=\"rain\"]{--usa-wc-sky:linear-gradient(160deg,#475569,#1e3a8a)}usa-weather-card[data-condition=\"snow\"]{--usa-wc-sky:linear-gradient(160deg,#cbd5e1,#60a5fa);color:#0f172a}usa-weather-card[data-condition=\"storm\"]{--usa-wc-sky:linear-gradient(160deg,#1e293b,#312e81)}usa-weather-card[data-condition=\"fog\"]{--usa-wc-sky:linear-gradient(160deg,#9ca3af,#d1d5db);color:#1f2937}usa-weather-card[data-condition=\"night\"]{--usa-wc-sky:linear-gradient(160deg,#0f172a,#1e1b4b)}.usa-wc-scene{position:relative;width:76px;height:64px}.usa-wc-icon{position:absolute;inset:0}.usa-wc-icon *{position:absolute;display:block}.usa-wc-text{display:flex;flex-direction:column;gap:2px;min-width:0}.usa-wc-temp{font:800 34px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}.usa-wc-place{opacity:.8;font-size:12px}.usa-wc-sun{left:14px;top:8px;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#fde047 55%,transparent 56%);animation:usa-wc-spin 14s linear infinite}.usa-wc-sun::before{content:\"\";position:absolute;inset:-8px;border-radius:50%;background:repeating-conic-gradient(#fde047 0 8deg,transparent 8deg 30deg);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%,#000 70%,transparent 72%);mask:radial-gradient(circle,transparent 58%,#000 60%,#000 70%,transparent 72%)}.usa-wc-moon{left:18px;top:6px;width:40px;height:40px;border-radius:50%;box-shadow:-10px 6px 0 2px #f1f5f9;transform:rotate(-20deg)}.usa-wc-star{width:3px;height:3px;border-radius:50%;background:#fff;left:calc(8px + var(--i) * 14px);top:calc(40px + (var(--i) * 7px) % 20px);animation:usa-wc-tw 1.8s calc(var(--i) * .35s) ease-in-out infinite alternate}.usa-wc-cloud{left:8px;top:14px;width:56px;height:22px;border-radius:12px;background:#f1f5f9;animation:usa-wc-drift 4s ease-in-out infinite alternate}.usa-wc-cloud::before{content:\"\";position:absolute;left:12px;top:-12px;width:26px;height:26px;border-radius:50%;background:inherit}.usa-wc-c2{left:22px;top:6px;transform:scale(.7);opacity:.75;animation-delay:-2s}.usa-wc-dark{background:#94a3b8}.usa-wc-drop{left:calc(16px + var(--i) * 8px);top:38px;width:2px;height:9px;border-radius:2px;background:#bfdbfe;animation:usa-wc-fall .9s calc(var(--i) * .17s) linear infinite}.usa-wc-flake{left:calc(14px + var(--i) * 9px);top:38px;width:6px;height:6px;border-radius:50%;background:#fff;animation:usa-wc-snow 2.4s calc(var(--i) * .4s) linear infinite}.usa-wc-bolt{left:30px;top:30px;width:14px;height:26px;background:#fde047;clip-path:polygon(40% 0,100% 0,60% 45%,100% 45%,20% 100%,40% 55%,0 55%);animation:usa-wc-bolt 4s ease-in-out infinite}.usa-wc-fogband{left:4px;top:calc(14px + var(--i) * 14px);width:66px;height:6px;border-radius:6px;background:rgba(255,255,255,.85);animation:usa-wc-drift calc(3s + var(--i) * .8s) ease-in-out infinite alternate}@keyframes usa-wc-spin{to{transform:rotate(360deg)}}@keyframes usa-wc-tw{from{opacity:.2}to{opacity:1}}@keyframes usa-wc-drift{from{translate:-4px 0}to{translate:6px 0}}@keyframes usa-wc-fall{from{translate:0 0;opacity:1}to{translate:-3px 22px;opacity:0}}@keyframes usa-wc-snow{from{translate:0 0;opacity:1}50%{translate:4px 12px}to{translate:-2px 24px;opacity:0}}@keyframes usa-wc-bolt{0%,86%,100%{opacity:.35}90%{opacity:1}}@media (prefers-reduced-motion:reduce){usa-weather-card *{animation:none!important}}";
|
|
3281
3282
|
|
|
3282
3283
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3283
3284
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
@@ -3358,10 +3359,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3358
3359
|
}
|
|
3359
3360
|
}
|
|
3360
3361
|
return UsaWeatherCard;
|
|
3361
|
-
}, { id: 'weather-card', text: css$
|
|
3362
|
+
}, { id: 'weather-card', text: css$L });
|
|
3362
3363
|
}
|
|
3363
3364
|
|
|
3364
|
-
var css$
|
|
3365
|
+
var css$K = "usa-pull-cord{--usa-pc-color:#cbd5e1;--usa-pc-light:#fde68a;position:relative;display:inline-flex;flex-direction:column;align-items:center;width:90px;height:190px;cursor:pointer;touch-action:none;user-select:none;outline-offset:4px;border-radius:12px}.usa-pc-lamp{position:relative;width:76px;height:38px;border-radius:38px 38px 6px 6px;background:linear-gradient(#475569,#334155);box-shadow:0 0 0 rgba(253,230,138,0);transition:box-shadow .35s,background .35s}.usa-pc-lamp::after{content:\"\";position:absolute;left:50%;bottom:-10px;width:22px;height:12px;margin-left:-11px;border-radius:0 0 12px 12px;background:#64748b;transition:background .35s,box-shadow .35s}usa-pull-cord[data-on] .usa-pc-lamp{background:linear-gradient(#f59e0b,#d97706);box-shadow:0 30px 60px 10px rgba(253,230,138,.55)}usa-pull-cord[data-on] .usa-pc-lamp::after{background:var(--usa-pc-light);box-shadow:0 0 22px 8px var(--usa-pc-light)}.usa-pc-svg{width:80px;height:150px;margin-top:-2px;overflow:visible}.usa-pc-cord{fill:none;stroke:var(--usa-pc-color);stroke-width:2.2;stroke-linecap:round}.usa-pc-knob{fill:#e2e8f0;stroke:#94a3b8;stroke-width:1.5}usa-pull-cord[data-on] .usa-pc-knob{fill:var(--usa-pc-light)}@media (prefers-reduced-motion:reduce){.usa-pc-lamp,.usa-pc-lamp::after{transition:none}}";
|
|
3365
3366
|
|
|
3366
3367
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3367
3368
|
return defineElement(tag, (Base) => {
|
|
@@ -3490,10 +3491,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3490
3491
|
}
|
|
3491
3492
|
}
|
|
3492
3493
|
return UsaPullCord;
|
|
3493
|
-
}, { id: 'pull-cord', text: css$
|
|
3494
|
+
}, { id: 'pull-cord', text: css$K });
|
|
3494
3495
|
}
|
|
3495
3496
|
|
|
3496
|
-
var css$
|
|
3497
|
+
var css$J = "usa-date-picker{--usa-dp-c:#7c5cff;display:inline-block;width:var(--usa-dp-w,280px);max-width:100%;padding:12px;border-radius:16px;background:var(--usa-dp-bg,#fff);color:#111827;box-shadow:0 10px 30px -12px rgba(0,0,0,.3);font:500 13px/1 system-ui,sans-serif;user-select:none}.usa-dp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.usa-dp-title{font-weight:700;font-size:14px}.usa-dp-nav{width:30px;height:30px;border:0;border-radius:8px;background:none;color:inherit;font-size:18px;cursor:pointer}.usa-dp-nav:hover{background:rgba(127,127,127,.14)}.usa-dp-viewport{overflow:hidden}.usa-dp-row{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.usa-dp-dow{margin-bottom:4px;font-size:11px;opacity:.55;text-align:center}.usa-dp-day{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:50%;cursor:pointer;font-variant-numeric:tabular-nums;outline:none;transition:background .2s,color .2s}.usa-dp-day:hover{background:rgba(124,92,255,.12)}.usa-dp-day[data-out]{opacity:.35}.usa-dp-day[data-today]{box-shadow:inset 0 0 0 1.5px var(--usa-dp-c)}.usa-dp-day[aria-selected=\"true\"]{background:var(--usa-dp-c);color:#fff}.usa-dp-day[aria-disabled]{opacity:.2;cursor:not-allowed;text-decoration:line-through}.usa-dp-day:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--usa-dp-c)}@media (prefers-reduced-motion:reduce){.usa-dp-day{transition:none}}";
|
|
3497
3498
|
|
|
3498
3499
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3499
3500
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3642,10 +3643,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3642
3643
|
}
|
|
3643
3644
|
}
|
|
3644
3645
|
return UsaDatePicker;
|
|
3645
|
-
}, { id: 'date-picker', text: css$
|
|
3646
|
+
}, { id: 'date-picker', text: css$J });
|
|
3646
3647
|
}
|
|
3647
3648
|
|
|
3648
|
-
var css$
|
|
3649
|
+
var css$I = "usa-color-picker{display:inline-flex;flex-direction:column;gap:10px;width:var(--usa-cp-w,240px);max-width:100%;padding:12px;border-radius:16px;background:var(--usa-cp-bg,#fff);box-shadow:0 10px 30px -12px rgba(0,0,0,.3)}.usa-cp-sv{position:relative;height:140px;border-radius:10px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--usa-cp-h) 100% 50%));cursor:crosshair;touch-action:none;outline-offset:2px}.usa-cp-thumb{position:absolute;left:var(--usa-cp-x);top:var(--usa-cp-y);width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--usa-cp-color);box-shadow:0 0 0 3px #fff,0 2px 6px rgba(0,0,0,.4);pointer-events:none;transition:left .18s cubic-bezier(.3,1.4,.5,1),top .18s cubic-bezier(.3,1.4,.5,1),transform .2s}[data-drag]>.usa-cp-thumb{transition:none;transform:scale(1.2)}.usa-cp-row{display:flex;align-items:center;gap:10px}.usa-cp-chip{flex:none;width:30px;height:30px;border-radius:50%;background:var(--usa-cp-color);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.usa-cp-hue{position:relative;flex:1;height:14px;border-radius:7px;background:linear-gradient(90deg,red,#ff0,lime,cyan,blue,#f0f,red);cursor:pointer;touch-action:none;outline-offset:2px}.usa-cp-hue .usa-cp-thumb{left:var(--usa-cp-hx);top:50%;background:hsl(var(--usa-cp-h) 100% 50%)}.usa-cp-swatches{display:flex;flex-wrap:wrap;gap:6px}.usa-cp-sw{width:22px;height:22px;border:0;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.usa-cp-sv:focus-visible,.usa-cp-hue:focus-visible,.usa-cp-sw:focus-visible{outline:2px solid #7c5cff}@media (prefers-reduced-motion:reduce){.usa-cp-thumb{transition:none}}";
|
|
3649
3650
|
|
|
3650
3651
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3651
3652
|
function hsvToHex(h, s, v) {
|
|
@@ -3765,10 +3766,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3765
3766
|
}
|
|
3766
3767
|
}
|
|
3767
3768
|
return UsaColorPicker;
|
|
3768
|
-
}, { id: 'color-picker', text: css$
|
|
3769
|
+
}, { id: 'color-picker', text: css$I });
|
|
3769
3770
|
}
|
|
3770
3771
|
|
|
3771
|
-
var css$
|
|
3772
|
+
var css$H = "usa-file-drop{--usa-fd-c:#7c5cff;display:flex;flex-direction:column;gap:10px;width:var(--usa-fd-w,300px);max-width:100%;font:500 13px/1.3 system-ui,sans-serif}.usa-fd-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:120px;padding:16px;border-radius:16px;background:rgba(124,92,255,.06);cursor:pointer;text-align:center;outline-offset:3px;transition:background .25s,transform .25s}.usa-fd-ants{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.usa-fd-ants rect{fill:none;stroke:rgba(124,92,255,.55);stroke-width:2;stroke-dasharray:8 6}usa-file-drop[data-over] .usa-fd-zone{background:rgba(124,92,255,.14);transform:scale(1.02)}usa-file-drop[data-over] .usa-fd-ants rect{stroke:var(--usa-fd-c);animation:usa-fd-march .6s linear infinite}.usa-fd-icon{font-size:30px;color:var(--usa-fd-c);transition:transform .3s cubic-bezier(.3,1.5,.5,1)}usa-file-drop[data-over] .usa-fd-icon{transform:translateY(-8px) scale(1.15)}.usa-fd-zone:focus-visible{outline:2px solid var(--usa-fd-c)}.usa-fd-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.usa-fd-item{--usa-fd-p:0;position:relative;display:grid;grid-template-columns:1fr auto 18px;align-items:center;gap:4px 8px;padding:8px 10px;border-radius:10px;background:rgba(127,127,127,.1)}.usa-fd-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.usa-fd-size{opacity:.6;font-size:12px}.usa-fd-bar{grid-column:1/3;height:4px;border-radius:4px;background:rgba(127,127,127,.25);overflow:hidden}.usa-fd-fill{display:block;height:100%;background:var(--usa-fd-c);transform-origin:0 50%;transform:scaleX(var(--usa-fd-p));transition:transform .2s}.usa-fd-check{grid-row:1/3;grid-column:3;width:18px;height:18px;fill:none;stroke:#22c55e;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .4s}.usa-fd-item[data-done] .usa-fd-check{stroke-dashoffset:0}@keyframes usa-fd-march{to{stroke-dashoffset:-14}}@media (prefers-reduced-motion:reduce){usa-file-drop *{animation:none!important;transition:none!important}usa-file-drop[data-over] .usa-fd-zone,usa-file-drop[data-over] .usa-fd-icon{transform:none}}";
|
|
3772
3773
|
|
|
3773
3774
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3774
3775
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3869,10 +3870,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3869
3870
|
}
|
|
3870
3871
|
}
|
|
3871
3872
|
return UsaFileDrop;
|
|
3872
|
-
}, { id: 'file-drop', text: css$
|
|
3873
|
+
}, { id: 'file-drop', text: css$H });
|
|
3873
3874
|
}
|
|
3874
3875
|
|
|
3875
|
-
var css$
|
|
3876
|
+
var css$G = "usa-keyframe-editor{--usa-ke-c:#7c5cff;--usa-ke-head:100%;display:flex;flex-direction:column;gap:8px;width:var(--usa-ke-w,100%);max-width:100%;padding:10px;border-radius:14px;background:var(--usa-ke-bg,#0f172a);color:#e2e8f0;font:500 12px/1.2 system-ui,sans-serif}.usa-ke-bar{display:flex;align-items:center;gap:8px}.usa-ke-play{width:30px;height:30px;border:0;border-radius:50%;background:var(--usa-ke-c);color:#fff;cursor:pointer}.usa-ke-scrub{flex:1;min-width:0;accent-color:var(--usa-ke-c)}.usa-ke-time{min-width:58px;text-align:right;font-variant-numeric:tabular-nums;opacity:.8}.usa-ke-tracks{position:relative;display:flex;flex-direction:column;gap:4px}.usa-ke-tracks::after{content:\"\";position:absolute;top:0;bottom:0;left:calc(64px + (100% - 64px) * var(--usa-ke-head) / 100%);width:2px;background:#f43f5e;pointer-events:none}.usa-ke-row{display:grid;grid-template-columns:64px 1fr;align-items:center}.usa-ke-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:6px;opacity:.85}.usa-ke-lane{position:relative;height:22px;border-radius:6px;background:rgba(148,163,184,.14)}.usa-ke-clip{position:absolute;top:2px;bottom:2px;border-radius:5px;background:linear-gradient(90deg,var(--usa-ke-c),#22d3ee);cursor:grab;touch-action:none;outline-offset:2px;transition:left .2s,width .2s}.usa-ke-clip[data-drag]{cursor:grabbing;transition:none;box-shadow:0 4px 12px rgba(0,0,0,.4)}.usa-ke-clip:focus-visible{outline:2px solid #fff}.usa-ke-grip{position:absolute;right:0;top:0;bottom:0;width:8px;border-radius:0 5px 5px 0;background:rgba(255,255,255,.35);cursor:ew-resize}@media (prefers-reduced-motion:reduce){.usa-ke-clip{transition:none}}";
|
|
3876
3877
|
|
|
3877
3878
|
const DEFAULT = {
|
|
3878
3879
|
format: ANIMATION_FORMAT,
|
|
@@ -4046,10 +4047,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4046
4047
|
}
|
|
4047
4048
|
}
|
|
4048
4049
|
return UsaKeyframeEditor;
|
|
4049
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4050
|
+
}, { id: 'keyframe-editor', text: css$G });
|
|
4050
4051
|
}
|
|
4051
4052
|
|
|
4052
|
-
var css$
|
|
4053
|
+
var css$F = "usa-music-player{--usa-mp-c:#7c5cff;--usa-mp-p:0;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;width:var(--usa-mp-w,320px);max-width:100%;padding:14px;border-radius:20px;background:var(--usa-mp-bg,linear-gradient(160deg,#111827,#1e1b4b));color:#f8fafc;font:500 13px/1.3 system-ui,sans-serif;box-shadow:0 14px 34px -14px rgba(0,0,0,.55)}.usa-mp-cover{width:84px;height:84px}.usa-mp-disc{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#0f172a 9%,#e2e8f0 9.5%,#e2e8f0 12%,transparent 12.5%),repeating-radial-gradient(circle,#111 0 2px,#1f2937 2px 4px),#111;background-size:cover;box-shadow:0 6px 18px rgba(0,0,0,.5),inset 0 0 0 2px rgba(255,255,255,.06)}usa-music-player[data-animate] .usa-mp-disc{animation:usa-mp-spin 1.8s linear infinite}.usa-mp-body{display:flex;flex-direction:column;gap:6px;min-width:0}.usa-mp-meta{display:flex;flex-direction:column;min-width:0}.usa-mp-title{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-mp-artist{opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-mp-bars{display:flex;gap:3px;align-items:flex-end;height:14px}.usa-mp-bars i{width:3px;height:30%;border-radius:2px;background:var(--usa-mp-c);transition:height .3s}usa-music-player[data-animate] .usa-mp-bars i{animation:usa-mp-bar .9s ease-in-out infinite alternate}.usa-mp-bars i:nth-child(2){animation-delay:-.3s!important}.usa-mp-bars i:nth-child(3){animation-delay:-.6s!important}.usa-mp-bars i:nth-child(4){animation-delay:-.15s!important}.usa-mp-track{position:relative;height:6px;border-radius:6px;background:rgba(255,255,255,.18);cursor:pointer;touch-action:none;outline-offset:4px}.usa-mp-fill{position:absolute;inset:0;border-radius:inherit;background:var(--usa-mp-c);transform-origin:0 50%;transform:scaleX(var(--usa-mp-p))}.usa-mp-knob{position:absolute;top:50%;left:calc(var(--usa-mp-p) * 100%);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4);transition:transform .2s}.usa-mp-track:hover .usa-mp-knob,.usa-mp-track:focus-visible .usa-mp-knob{transform:scale(1.3)}.usa-mp-times{display:flex;justify-content:space-between;font-size:11px;opacity:.65;font-variant-numeric:tabular-nums}.usa-mp-ctrls{display:flex;align-items:center;justify-content:center;gap:12px}.usa-mp-btn{border:0;background:none;color:inherit;font-size:16px;cursor:pointer;opacity:.85}.usa-mp-play{position:relative;width:40px;height:40px;border:0;border-radius:50%;background:#fff;cursor:pointer}.usa-mp-icon{position:absolute;left:50%;top:50%;width:14px;height:16px;margin:-8px 0 0 -6px;background:var(--usa-mp-c);clip-path:polygon(0 0,100% 50%,100% 50%,0 100%);transition:clip-path .3s cubic-bezier(.6,.05,.3,1)}usa-music-player[data-playing] .usa-mp-icon{margin-left:-7px;clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0)}.usa-mp-btn:focus-visible,.usa-mp-play:focus-visible,.usa-mp-track:focus-visible{outline:2px solid #fff}@keyframes usa-mp-spin{to{transform:rotate(360deg)}}@keyframes usa-mp-bar{from{height:20%}to{height:100%}}@media (prefers-reduced-motion:reduce){usa-music-player *{animation:none!important;transition:none!important}}";
|
|
4053
4054
|
|
|
4054
4055
|
const fmt = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4055
4056
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4210,10 +4211,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4210
4211
|
}
|
|
4211
4212
|
}
|
|
4212
4213
|
return UsaMusicPlayer;
|
|
4213
|
-
}, { id: 'music-player', text: css$
|
|
4214
|
+
}, { id: 'music-player', text: css$F });
|
|
4214
4215
|
}
|
|
4215
4216
|
|
|
4216
|
-
var css$
|
|
4217
|
+
var css$E = "usa-volume-knob{--usa-vk-c:#22d3ee;--usa-vk-size:120px;position:relative;display:inline-grid;place-items:center;width:var(--usa-vk-size);height:var(--usa-vk-size);border-radius:50%;cursor:ns-resize;touch-action:none;user-select:none;outline-offset:6px}.usa-vk-arc{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.usa-vk-arc path{fill:none;stroke-width:6;stroke-linecap:round}.usa-vk-bg{stroke:rgba(127,127,127,.25)}.usa-vk-val{stroke:var(--usa-vk-c);filter:drop-shadow(0 0 4px var(--usa-vk-c))}.usa-vk-ticks{position:absolute;inset:0}.usa-vk-ticks i{position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px;border-radius:50%;background:rgba(127,127,127,.4);transform:rotate(var(--a)) translateY(calc(var(--usa-vk-size) * -.5 + 2px));transition:background .2s,box-shadow .2s}.usa-vk-ticks i[data-on]{background:var(--usa-vk-c);box-shadow:0 0 6px var(--usa-vk-c)}.usa-vk-cap{position:relative;width:62%;height:62%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4b5563,#111827 70%);box-shadow:0 8px 16px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.15);transform:rotate(var(--usa-vk-angle));transition:transform .35s cubic-bezier(.3,1.5,.5,1)}usa-volume-knob[data-drag] .usa-vk-cap{transition:none}.usa-vk-dot{position:absolute;left:50%;top:10%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--usa-vk-c);box-shadow:0 0 6px var(--usa-vk-c)}usa-volume-knob:focus-visible{outline:2px solid var(--usa-vk-c)}@media (prefers-reduced-motion:reduce){.usa-vk-cap,.usa-vk-ticks i{transition:none}}";
|
|
4217
4218
|
|
|
4218
4219
|
const ARC = 270;
|
|
4219
4220
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4304,10 +4305,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4304
4305
|
}
|
|
4305
4306
|
}
|
|
4306
4307
|
return UsaVolumeKnob;
|
|
4307
|
-
}, { id: 'volume-knob', text: css$
|
|
4308
|
+
}, { id: 'volume-knob', text: css$E });
|
|
4308
4309
|
}
|
|
4309
4310
|
|
|
4310
|
-
var css$
|
|
4311
|
+
var css$D = "usa-equalizer{--usa-eq-c:#7c5cff;position:relative;display:block;width:var(--usa-eq-w,320px);max-width:100%;padding:12px 10px 8px;border-radius:16px;background:var(--usa-eq-bg,#0f172a);color:#cbd5e1;font:600 10px/1 system-ui,sans-serif}.usa-eq-curve{position:absolute;left:10px;right:10px;top:12px;height:120px;width:calc(100% - 20px);pointer-events:none;overflow:visible}.usa-eq-curve path{fill:none;stroke:#22d3ee;stroke-width:1.6;vector-effect:non-scaling-stroke;opacity:.8;transition:d .45s cubic-bezier(.3,1.3,.5,1)}.usa-eq-bands{display:flex;justify-content:space-between;gap:4px}.usa-eq-band{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:0}.usa-eq-slot{--usa-eq-k:.5;position:relative;width:8px;height:120px;border-radius:6px;background:rgba(148,163,184,.18);cursor:ns-resize;touch-action:none;outline-offset:4px}.usa-eq-fill{position:absolute;left:0;right:0;top:calc((1 - max(var(--usa-eq-k),.5)) * 100%);bottom:calc(min(var(--usa-eq-k),.5) * 100%);border-radius:6px;background:var(--usa-eq-c)}.usa-eq-cap{position:absolute;left:50%;top:calc((1 - var(--usa-eq-k)) * 100%);width:20px;height:10px;margin:-5px 0 0 -10px;border-radius:4px;background:#f8fafc;box-shadow:0 2px 6px rgba(0,0,0,.5)}usa-equalizer[data-glide] .usa-eq-cap{transition:top .5s cubic-bezier(.3,1.4,.5,1)}usa-equalizer[data-glide] .usa-eq-fill{transition:top .5s cubic-bezier(.3,1.4,.5,1),bottom .5s cubic-bezier(.3,1.4,.5,1)}.usa-eq-slot[data-drag] .usa-eq-cap{transform:scale(1.15)}.usa-eq-slot:focus-visible{outline:2px solid #22d3ee}.usa-eq-label{opacity:.7;white-space:nowrap}@media (prefers-reduced-motion:reduce){.usa-eq-cap,.usa-eq-fill,.usa-eq-curve path{transition:none!important}}";
|
|
4311
4312
|
|
|
4312
4313
|
const EQ_PRESETS = {
|
|
4313
4314
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4405,10 +4406,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4405
4406
|
}
|
|
4406
4407
|
}
|
|
4407
4408
|
return UsaEqualizer;
|
|
4408
|
-
}, { id: 'equalizer', text: css$
|
|
4409
|
+
}, { id: 'equalizer', text: css$D });
|
|
4409
4410
|
}
|
|
4410
4411
|
|
|
4411
|
-
var css$
|
|
4412
|
+
var css$C = "usa-lyrics{--usa-ly-c:#f472b6;display:block;width:var(--usa-ly-w,320px);max-width:100%;font:700 18px/1.35 system-ui,sans-serif}.usa-ly-list{height:var(--usa-ly-h,180px);margin:0;padding:70px 0;overflow-y:auto;list-style:none;scrollbar-width:none;-webkit-mask:linear-gradient(transparent,#000 25%,#000 75%,transparent);mask:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.usa-ly-list::-webkit-scrollbar{display:none}.usa-ly-line{--usa-ly-k:0;padding:5px 4px;opacity:.38;cursor:pointer;transform-origin:0 50%;transition:opacity .35s,transform .35s cubic-bezier(.3,1.3,.5,1),filter .35s;filter:blur(.4px)}.usa-ly-line[data-past]{opacity:.22}.usa-ly-line[data-active]{opacity:1;filter:none;transform:scale(1.06);color:transparent;background:linear-gradient(90deg,var(--usa-ly-c) calc(var(--usa-ly-k) * 100%),var(--usa-ly-base,#94a3b8) calc(var(--usa-ly-k) * 100%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 18px rgba(244,114,182,.25)}@media (prefers-reduced-motion:reduce){.usa-ly-line{transition:none;transform:none!important}}";
|
|
4412
4413
|
|
|
4413
4414
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4414
4415
|
function parseLRC(src) {
|
|
@@ -4520,10 +4521,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4520
4521
|
}
|
|
4521
4522
|
}
|
|
4522
4523
|
return UsaLyrics;
|
|
4523
|
-
}, { id: 'lyrics', text: css$
|
|
4524
|
+
}, { id: 'lyrics', text: css$C });
|
|
4524
4525
|
}
|
|
4525
4526
|
|
|
4526
|
-
var css$
|
|
4527
|
+
var css$B = "usa-bar-chart{--usa-bc-c:#7c5cff;display:block;width:var(--usa-bc-w,100%);max-width:100%;font:600 11px/1.2 system-ui,sans-serif}.usa-bc-list{display:flex;align-items:flex-end;gap:8px;height:var(--usa-bc-h,140px);margin:0;padding:0;list-style:none}.usa-bc-item{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;flex:1;min-width:0;height:100%;gap:4px}.usa-bc-track{position:relative;grid-row:2;width:100%;display:flex;align-items:flex-end;justify-content:center}.usa-bc-bar{display:block;width:min(100%,38px);height:calc(var(--usa-bc-k) * 100%);border-radius:6px 6px 2px 2px;background:linear-gradient(var(--usa-bc-c),#22d3ee);transform-origin:50% 100%}.usa-bc-item[data-glide] .usa-bc-bar{transition:height .6s cubic-bezier(.3,1.25,.5,1)}.usa-bc-val{grid-row:1;font-variant-numeric:tabular-nums;opacity:.8}.usa-bc-label{grid-row:3;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}usa-bar-chart[data-dir=\"h\"] .usa-bc-list{flex-direction:column;align-items:stretch;height:auto}usa-bar-chart[data-dir=\"h\"] .usa-bc-item{grid-template-columns:70px 1fr auto;grid-template-rows:none;align-items:center;height:22px}usa-bar-chart[data-dir=\"h\"] .usa-bc-label{grid-row:auto;grid-column:1;justify-self:start}usa-bar-chart[data-dir=\"h\"] .usa-bc-track{grid-row:auto;grid-column:2;height:100%;justify-content:flex-start;align-items:center}usa-bar-chart[data-dir=\"h\"] .usa-bc-bar{width:calc(var(--usa-bc-k) * 100%);height:14px;border-radius:2px 6px 6px 2px;transform-origin:0 50%;background:linear-gradient(90deg,var(--usa-bc-c),#22d3ee)}usa-bar-chart[data-dir=\"h\"] .usa-bc-item[data-glide] .usa-bc-bar{transition:width .6s cubic-bezier(.3,1.25,.5,1)}usa-bar-chart[data-dir=\"h\"] .usa-bc-val{grid-row:auto;grid-column:3}@media (prefers-reduced-motion:reduce){.usa-bc-bar{transition:none!important}}";
|
|
4527
4528
|
|
|
4528
4529
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4529
4530
|
return defineElement(tag, (Base) => {
|
|
@@ -4617,10 +4618,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4617
4618
|
}
|
|
4618
4619
|
}
|
|
4619
4620
|
return UsaBarChart;
|
|
4620
|
-
}, { id: 'bar-chart', text: css$
|
|
4621
|
+
}, { id: 'bar-chart', text: css$B });
|
|
4621
4622
|
}
|
|
4622
4623
|
|
|
4623
|
-
var css$
|
|
4624
|
+
var css$A = "usa-gauge{--usa-gg-c:#7c5cff;--usa-gg-k:0;position:relative;display:inline-block;width:var(--usa-gg-w,220px);max-width:100%;font:600 12px/1.2 system-ui,sans-serif;text-align:center}.usa-gg-svg{display:block;width:100%;height:auto;overflow:visible}.usa-gg-track,.usa-gg-arc{fill:none;stroke-width:16;stroke-linecap:round}.usa-gg-track{stroke:rgba(127,127,127,.2)}.usa-gg-arc{stroke:var(--usa-gg-c);stroke-dasharray:calc(max(var(--usa-gg-k),0) * 100) 100;transition:stroke .3s}.usa-gg-needle{transform-origin:100px 100px;transform:rotate(var(--usa-gg-angle,-90deg));fill:currentColor}.usa-gg-read{position:absolute;left:0;right:0;bottom:2px;display:flex;flex-direction:column;align-items:center;pointer-events:none}.usa-gg-num{font:800 22px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;transform:translateY(-34px)}.usa-gg-label{opacity:.65;transform:translateY(-34px)}";
|
|
4624
4625
|
|
|
4625
4626
|
function defineGauge(tag = 'usa-gauge') {
|
|
4626
4627
|
return defineElement(tag, (Base) => {
|
|
@@ -4705,10 +4706,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4705
4706
|
}
|
|
4706
4707
|
}
|
|
4707
4708
|
return UsaGauge;
|
|
4708
|
-
}, { id: 'gauge', text: css$
|
|
4709
|
+
}, { id: 'gauge', text: css$A });
|
|
4709
4710
|
}
|
|
4710
4711
|
|
|
4711
|
-
var css$
|
|
4712
|
+
var css$z = "usa-sparkline{--usa-sl-c:#7c5cff;position:relative;display:inline-block;width:var(--usa-sl-w,120px);height:var(--usa-sl-h,32px);vertical-align:middle}.usa-sl-svg{display:block;width:100%;height:100%;overflow:visible}.usa-sl-line{fill:none;stroke:var(--usa-sl-c);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1}.usa-sl-area{fill:var(--usa-sl-c);opacity:0}usa-sparkline[data-variant=\"area\"] .usa-sl-area{opacity:.16;transition:opacity .8s .4s}.usa-sl-bars rect{fill:var(--usa-sl-c);opacity:.75}usa-sparkline:not([data-variant=\"bars\"]) .usa-sl-bars,usa-sparkline[data-variant=\"bars\"] .usa-sl-line,usa-sparkline[data-variant=\"bars\"] .usa-sl-end{display:none}.usa-sl-end{fill:var(--usa-sl-c);vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:usa-sl-pulse 1.8s ease-out infinite}.usa-sl-hover{fill:#fff;stroke:var(--usa-sl-c);stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:0}usa-sparkline[data-hover] .usa-sl-hover{opacity:1}.usa-sl-tip{position:absolute;bottom:calc(100% + 4px);transform:translateX(-50%);padding:2px 6px;border-radius:5px;background:#111827;color:#fff;font:600 11px/1.3 system-ui,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}usa-sparkline[data-hover] .usa-sl-tip{opacity:1}@keyframes usa-sl-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:.4;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.usa-sl-end{animation:none}}";
|
|
4712
4713
|
|
|
4713
4714
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4714
4715
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4831,7 +4832,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4831
4832
|
}
|
|
4832
4833
|
}
|
|
4833
4834
|
return UsaSparkline;
|
|
4834
|
-
}, { id: 'sparkline', text: css$
|
|
4835
|
+
}, { id: 'sparkline', text: css$z });
|
|
4835
4836
|
}
|
|
4836
4837
|
|
|
4837
4838
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4844,7 +4845,7 @@ function parseFigureText(s) {
|
|
|
4844
4845
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4845
4846
|
}
|
|
4846
4847
|
|
|
4847
|
-
var css$
|
|
4848
|
+
var css$y = "usa-kpi{display:inline-grid;grid-template-columns:1fr auto;grid-template-areas:\"label label\" \"value delta\" \"trend trend\" \"caption caption\";align-items:end;gap:4px 10px;width:var(--usa-kpi-w,220px);max-width:100%;padding:14px 16px;border-radius:16px;background:var(--usa-kpi-bg,#fff);color:#0f172a;box-shadow:0 8px 24px -12px rgba(15,23,42,.35);font:500 12px/1.3 system-ui,sans-serif}.usa-kpi-label{grid-area:label;opacity:.6;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.usa-kpi-value{grid-area:value;font:800 28px/1.05 system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.usa-kpi-delta{grid-area:delta;display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:999px;font-weight:700;font-size:12px;margin-bottom:4px}.usa-kpi-delta[data-good=\"true\"]{background:rgba(34,197,94,.14);color:#15803d}.usa-kpi-delta[data-good=\"false\"]{background:rgba(239,68,68,.14);color:#b91c1c}.usa-kpi-delta i{font-style:normal;font-size:9px}.usa-kpi-trend{grid-area:trend;--usa-sl-w:100%;--usa-sl-h:34px;margin-top:4px}.usa-kpi-caption{grid-area:caption;opacity:.55;font-size:11px}.usa-kpi-caption:empty{display:none}";
|
|
4848
4849
|
|
|
4849
4850
|
function defineKpi(tag = 'usa-kpi') {
|
|
4850
4851
|
return defineElement(tag, (Base) => {
|
|
@@ -4924,10 +4925,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4924
4925
|
}
|
|
4925
4926
|
}
|
|
4926
4927
|
return UsaKpi;
|
|
4927
|
-
}, { id: 'kpi', text: css$
|
|
4928
|
+
}, { id: 'kpi', text: css$y });
|
|
4928
4929
|
}
|
|
4929
4930
|
|
|
4930
|
-
var css$
|
|
4931
|
+
var css$x = "usa-add-to-cart{display:inline-block}.usa-atc-btn{position:relative;display:inline-grid;place-items:center;min-width:var(--usa-atc-w,150px);padding:11px 18px;border:0;border-radius:999px;background:var(--usa-atc-bg,#7c5cff);color:#fff;font:700 14px/1 system-ui,sans-serif;cursor:pointer;overflow:hidden;transition:background .3s}.usa-atc-btn>span{grid-area:1/1;transition:transform .35s cubic-bezier(.3,1.4,.5,1),opacity .25s}.usa-atc-done{transform:translateY(120%);opacity:0}usa-add-to-cart[data-added] .usa-atc-btn{background:var(--usa-atc-ok,#16a34a)}usa-add-to-cart[data-added] .usa-atc-label{transform:translateY(-120%);opacity:0}usa-add-to-cart[data-added] .usa-atc-done{transform:none;opacity:1}.usa-atc-btn:focus-visible{outline:3px solid #a78bfa;outline-offset:2px}.usa-atc-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.usa-atc-btn>span{transition:none}}";
|
|
4931
4932
|
|
|
4932
4933
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4933
4934
|
return defineElement(tag, (Base) => {
|
|
@@ -4972,10 +4973,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4972
4973
|
}
|
|
4973
4974
|
}
|
|
4974
4975
|
return UsaAddToCart;
|
|
4975
|
-
}, { id: 'add-to-cart', text: css$
|
|
4976
|
+
}, { id: 'add-to-cart', text: css$x });
|
|
4976
4977
|
}
|
|
4977
4978
|
|
|
4978
|
-
var css$
|
|
4979
|
+
var css$w = "usa-cart-drawer{position:relative;display:inline-block;font:500 13px/1.3 system-ui,sans-serif}.usa-cd2-toggle{position:relative;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--usa-cd2-btn,#f1f5f9);font-size:20px;cursor:pointer}.usa-cd2-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font:800 11px/18px system-ui,sans-serif;text-align:center}.usa-cd2-badge:empty{display:none}.usa-cd2-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:2147482000}.usa-cd2-panel{position:fixed;top:0;right:0;bottom:0;width:min(var(--usa-cd2-w,340px),92vw);display:flex;flex-direction:column;background:var(--usa-cd2-bg,#fff);color:#0f172a;box-shadow:-12px 0 40px -12px rgba(15,23,42,.4);z-index:2147482001;outline:none}.usa-cd2-panel header,.usa-cd2-panel footer{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.08)}.usa-cd2-panel footer{border:0;border-top:1px solid rgba(15,23,42,.08);margin-top:auto;font-size:15px}.usa-cd2-close,.usa-cd2-rm{border:0;background:none;font-size:20px;line-height:1;cursor:pointer;color:inherit;opacity:.6}.usa-cd2-list{margin:0;padding:6px 8px;list-style:none;overflow:auto}.usa-cd2-item{display:grid;grid-template-columns:36px 1fr auto auto auto;align-items:center;gap:8px;padding:8px;border-radius:10px;overflow:hidden}.usa-cd2-item img,.usa-cd2-item i{width:36px;height:36px;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,#a78bfa,#22d3ee)}.usa-cd2-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.usa-cd2-qty{opacity:.6}.usa-cd2-price,.usa-cd2-total{font-variant-numeric:tabular-nums;font-weight:700}.usa-cd2-empty{margin:24px;text-align:center;opacity:.55}.usa-cd2-panel[hidden],.usa-cd2-backdrop[hidden]{display:none}";
|
|
4979
4980
|
|
|
4980
4981
|
/** Cart total (7.3). */
|
|
4981
4982
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5140,10 +5141,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5140
5141
|
}
|
|
5141
5142
|
}
|
|
5142
5143
|
return UsaCartDrawer;
|
|
5143
|
-
}, { id: 'cart-drawer', text: css$
|
|
5144
|
+
}, { id: 'cart-drawer', text: css$w });
|
|
5144
5145
|
}
|
|
5145
5146
|
|
|
5146
|
-
var css$
|
|
5147
|
+
var css$v = "usa-product-gallery{display:grid;gap:10px;width:var(--usa-pg2-w,320px);max-width:100%}.usa-pg2-stage{position:relative;aspect-ratio:var(--usa-pg2-ratio,1);border-radius:14px;overflow:hidden;background:#f1f5f9;cursor:zoom-in;outline:none}.usa-pg2-stage:focus-visible{box-shadow:0 0 0 3px #a78bfa}.usa-pg2-main{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease-out}.usa-pg2-thumbs{position:relative;display:flex;gap:8px;overflow-x:auto;padding:3px}.usa-pg2-thumb{flex:0 0 auto;width:var(--usa-pg2-t,56px);height:var(--usa-pg2-t,56px);padding:0;border:0;border-radius:10px;overflow:hidden;background:#e2e8f0;cursor:pointer;opacity:.65;transition:opacity .2s}.usa-pg2-thumb[aria-selected=true]{opacity:1}.usa-pg2-thumb img{width:100%;height:100%;object-fit:cover;display:block}.usa-pg2-thumb:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}.usa-pg2-ring{position:absolute;left:0;top:3px;height:var(--usa-pg2-t,56px);border-radius:10px;box-shadow:0 0 0 2px var(--usa-pg2-accent,#7c5cff);pointer-events:none;transition:transform .35s cubic-bezier(.3,1.3,.5,1),width .35s}@media (prefers-reduced-motion:reduce){.usa-pg2-ring,.usa-pg2-main{transition:none}}";
|
|
5147
5148
|
|
|
5148
5149
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5149
5150
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5257,10 +5258,10 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5257
5258
|
}
|
|
5258
5259
|
}
|
|
5259
5260
|
return UsaProductGallery;
|
|
5260
|
-
}, { id: 'product-gallery', text: css$
|
|
5261
|
+
}, { id: 'product-gallery', text: css$v });
|
|
5261
5262
|
}
|
|
5262
5263
|
|
|
5263
|
-
var css$
|
|
5264
|
+
var css$u = "usa-countdown{display:inline-block;font:700 12px/1.2 system-ui,sans-serif;color:var(--usa-cd-fg,inherit)}.usa-cd-row{display:flex;gap:var(--usa-cd-gap,10px)}.usa-cd-unit{display:flex;flex-direction:column;align-items:center;gap:4px}.usa-cd-unit small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.usa-cd-digits{display:flex;gap:3px;perspective:300px}.usa-cd-d{display:grid;place-items:center;width:var(--usa-cd-w,28px);height:calc(var(--usa-cd-w,28px) * 1.35);border-radius:6px;background:var(--usa-cd-bg,#111827);color:var(--usa-cd-c,#fff);font:800 calc(var(--usa-cd-w,28px) * .8)/1 ui-monospace,monospace;box-shadow:inset 0 -1px 0 rgba(255,255,255,.08),0 4px 10px -4px rgba(0,0,0,.5);background-image:linear-gradient(transparent 49%,rgba(0,0,0,.35) 50%,transparent 51%);transform-origin:50% 50%}usa-countdown[data-done] .usa-cd-d{background-color:var(--usa-cd-done,#ef4444)}";
|
|
5264
5265
|
|
|
5265
5266
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5266
5267
|
function splitTime(sec) {
|
|
@@ -5348,10 +5349,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5348
5349
|
}
|
|
5349
5350
|
}
|
|
5350
5351
|
return UsaCountdown;
|
|
5351
|
-
}, { id: 'countdown', text: css$
|
|
5352
|
+
}, { id: 'countdown', text: css$u });
|
|
5352
5353
|
}
|
|
5353
5354
|
|
|
5354
|
-
var css$
|
|
5355
|
+
var css$t = "usa-message-list{position:relative;display:block;width:var(--usa-ml-w,320px);max-width:100%;font:400 14px/1.35 system-ui,sans-serif}.usa-ml-list{display:flex;flex-direction:column;gap:6px;height:var(--usa-ml-h,260px);margin:0;padding:10px;list-style:none;overflow-y:auto;overscroll-behavior:contain;border-radius:14px;background:var(--usa-ml-bg,#f8fafc)}.usa-ml-msg{display:flex;flex-direction:column;align-items:flex-start;max-width:80%}.usa-ml-msg[data-side=right]{align-self:flex-end;align-items:flex-end}.usa-ml-msg[data-grouped] .usa-ml-from{display:none}.usa-ml-from{font-size:11px;font-weight:600;opacity:.6;margin:2px 8px}.usa-ml-from:empty,.usa-ml-time:empty{display:none}.usa-ml-bubble{padding:8px 12px;border-radius:16px 16px 16px 4px;background:var(--usa-ml-them,#e2e8f0);color:#0f172a;overflow-wrap:anywhere}.usa-ml-msg[data-side=right] .usa-ml-bubble{border-radius:16px 16px 4px 16px;background:var(--usa-ml-me,#7c5cff);color:#fff}.usa-ml-time{font-size:10px;opacity:.5;margin:2px 8px}.usa-ml-typing .usa-ml-bubble{display:inline-flex;gap:4px;padding:11px 12px}.usa-ml-typing i{width:7px;height:7px;border-radius:50%;background:#64748b;animation:usa-ml-dot 1.1s infinite}.usa-ml-typing i:nth-child(2){animation-delay:.18s}.usa-ml-typing i:nth-child(3){animation-delay:.36s}@keyframes usa-ml-dot{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-5px);opacity:1}}.usa-ml-new{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);border:0;border-radius:999px;padding:6px 12px;background:#0f172a;color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 16px -6px rgba(0,0,0,.5)}.usa-ml-new[hidden]{display:none}@media (prefers-reduced-motion:reduce){.usa-ml-typing i{animation:none}}";
|
|
5355
5356
|
|
|
5356
5357
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5357
5358
|
return defineElement(tag, (Base) => {
|
|
@@ -5438,10 +5439,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5438
5439
|
}
|
|
5439
5440
|
}
|
|
5440
5441
|
return UsaMessageList;
|
|
5441
|
-
}, { id: 'message-list', text: css$
|
|
5442
|
+
}, { id: 'message-list', text: css$t });
|
|
5442
5443
|
}
|
|
5443
5444
|
|
|
5444
|
-
var css$
|
|
5445
|
+
var css$s = "usa-reactions{position:relative;display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;font:600 13px/1 system-ui,sans-serif}.usa-rx-row{display:inline-flex;flex-wrap:wrap;gap:6px}.usa-rx-pill,.usa-rx-add{position:relative;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid rgba(15,23,42,.12);border-radius:999px;background:var(--usa-rx-bg,#fff);color:inherit;font:inherit;cursor:pointer}.usa-rx-pill[hidden]{display:none}.usa-rx-pill[aria-pressed=true]{border-color:var(--usa-rx-accent,#7c5cff);background:color-mix(in srgb,var(--usa-rx-accent,#7c5cff) 14%,#fff)}.usa-rx-emo{display:inline-block;font-size:15px}.usa-rx-n{display:inline-block;min-width:1ch;font-variant-numeric:tabular-nums}.usa-rx-float{position:absolute;left:50%;top:0;font-size:16px;pointer-events:none}.usa-rx-picker{position:absolute;bottom:calc(100% + 6px);left:0;display:flex;gap:2px;padding:4px;border-radius:999px;background:#fff;box-shadow:0 10px 30px -10px rgba(15,23,42,.45);transform-origin:20% 100%;z-index:5}.usa-rx-picker[hidden]{display:none}.usa-rx-picker button{border:0;background:none;font-size:20px;width:32px;height:32px;border-radius:50%;cursor:pointer}.usa-rx-picker button:hover,.usa-rx-picker button:focus-visible{background:#f1f5f9}.usa-rx-pill:focus-visible,.usa-rx-add:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}";
|
|
5445
5446
|
|
|
5446
5447
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5447
5448
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5543,10 +5544,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5543
5544
|
}
|
|
5544
5545
|
}
|
|
5545
5546
|
return UsaReactions;
|
|
5546
|
-
}, { id: 'reactions', text: css$
|
|
5547
|
+
}, { id: 'reactions', text: css$s });
|
|
5547
5548
|
}
|
|
5548
5549
|
|
|
5549
|
-
var css$
|
|
5550
|
+
var css$r = "usa-notification-bell{position:relative;display:inline-block;font:400 13px/1.35 system-ui,sans-serif}.usa-nb-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:var(--usa-nb-bg,#f1f5f9);color:var(--usa-nb-fg,#0f172a);cursor:pointer}.usa-nb-bell{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 12%}.usa-nb-badge{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ef4444;color:#fff;font:800 10px/17px system-ui,sans-serif;text-align:center}.usa-nb-badge:empty{display:none}.usa-nb-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(280px,86vw);border-radius:14px;background:#fff;color:#0f172a;box-shadow:0 18px 40px -14px rgba(15,23,42,.45);overflow:hidden;z-index:20;transform-origin:90% 0}.usa-nb-panel[hidden]{display:none}.usa-nb-panel header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(15,23,42,.08)}.usa-nb-read{border:0;background:none;color:#7c5cff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}.usa-nb-list{max-height:220px;margin:0;padding:4px;list-style:none;overflow:auto}.usa-nb-item{display:flex;justify-content:space-between;gap:8px;padding:8px;border-radius:8px}.usa-nb-item[data-unread]{background:#f5f3ff;font-weight:600}.usa-nb-item[data-unread]::before{content:\"\";flex:0 0 7px;height:7px;margin-top:6px;border-radius:50%;background:#7c5cff}.usa-nb-item time{opacity:.5;font-size:11px;white-space:nowrap}.usa-nb-text{flex:1;min-width:0}.usa-nb-empty{margin:16px;text-align:center;opacity:.55}.usa-nb-btn:focus-visible,.usa-nb-read:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}";
|
|
5550
5551
|
|
|
5551
5552
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5552
5553
|
return defineElement(tag, (Base) => {
|
|
@@ -5641,10 +5642,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5641
5642
|
}
|
|
5642
5643
|
}
|
|
5643
5644
|
return UsaNotificationBell;
|
|
5644
|
-
}, { id: 'notification-bell', text: css$
|
|
5645
|
+
}, { id: 'notification-bell', text: css$r });
|
|
5645
5646
|
}
|
|
5646
5647
|
|
|
5647
|
-
var css$
|
|
5648
|
+
var css$q = "usa-presence{--s:var(--usa-pr2-size,48px);position:relative;display:inline-grid;place-items:center;width:var(--s);height:var(--s);vertical-align:middle}.usa-pr2-face{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#a78bfa,#22d3ee);color:#fff;font:700 calc(var(--s) * .36)/1 system-ui,sans-serif}.usa-pr2-face img{width:100%;height:100%;object-fit:cover}.usa-pr2-dot,.usa-pr2-ripple{position:absolute;right:0;bottom:0;width:calc(var(--s) * .28);height:calc(var(--s) * .28);border-radius:50%;box-sizing:border-box}.usa-pr2-dot{border:2px solid var(--usa-pr2-ring,#fff);background:#94a3b8;transition:background-color .3s}.usa-pr2-ripple{background:#22c55e;pointer-events:none}usa-presence[data-state=online] .usa-pr2-dot{background:#22c55e}usa-presence[data-state=away] .usa-pr2-dot{background:#f59e0b}usa-presence[data-state=busy] .usa-pr2-dot{background:#ef4444}usa-presence[speaking] .usa-pr2-face{box-shadow:0 0 0 3px #22c55e;animation:usa-pr2-speak 1.2s ease-in-out infinite}@keyframes usa-pr2-speak{50%{box-shadow:0 0 0 6px rgba(34,197,94,.35)}}usa-presence[story]::before{content:\"\";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(#f59e0b,#ef4444,#d946ef,#7c3aed,#f59e0b);animation:usa-pr2-spin 3s linear infinite;z-index:-1}usa-presence[story] .usa-pr2-face{box-shadow:0 0 0 2px var(--usa-pr2-ring,#fff)}@keyframes usa-pr2-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){usa-presence[speaking] .usa-pr2-face,usa-presence[story]::before{animation:none}.usa-pr2-dot{transition:none}}";
|
|
5648
5649
|
|
|
5649
5650
|
/** Presence states (7.4). */
|
|
5650
5651
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5714,10 +5715,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5714
5715
|
}
|
|
5715
5716
|
}
|
|
5716
5717
|
return UsaPresence;
|
|
5717
|
-
}, { id: 'presence', text: css$
|
|
5718
|
+
}, { id: 'presence', text: css$q });
|
|
5718
5719
|
}
|
|
5719
5720
|
|
|
5720
|
-
var css$
|
|
5721
|
+
var css$p = "usa-leaderboard{display:block;width:var(--usa-lb-w,320px);max-width:100%;font:500 14px/1.2 system-ui,sans-serif}.usa-lb-list{margin:0;padding:0;list-style:none;display:grid;gap:4px}.usa-lb-row{display:grid;grid-template-columns:28px 30px 1fr auto auto;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:var(--usa-lb-bg,rgba(15,23,42,.04));position:relative}.usa-lb-row[data-me]{box-shadow:inset 0 0 0 2px var(--usa-lb-accent,#7c5cff)}.usa-lb-rank{text-align:center;font-weight:800;font-size:15px}.usa-lb-av{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#22d3ee) center/cover;color:#fff;font-weight:700;font-size:13px}.usa-lb-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-lb-delta{font:700 11px/1 system-ui,sans-serif;font-style:normal}.usa-lb-row[data-move=up] .usa-lb-delta{color:#16a34a}.usa-lb-row[data-move=down] .usa-lb-delta{color:#dc2626}.usa-lb-score{font-variant-numeric:tabular-nums;font-weight:800}.usa-lb-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}";
|
|
5721
5722
|
|
|
5722
5723
|
/** Sort rows by score desc, then name (7.5). */
|
|
5723
5724
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5826,10 +5827,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5826
5827
|
}
|
|
5827
5828
|
}
|
|
5828
5829
|
return UsaLeaderboard;
|
|
5829
|
-
}, { id: 'leaderboard', text: css$
|
|
5830
|
+
}, { id: 'leaderboard', text: css$p });
|
|
5830
5831
|
}
|
|
5831
5832
|
|
|
5832
|
-
var css$
|
|
5833
|
+
var css$o = "usa-xp-bar{display:flex;align-items:center;gap:10px;width:var(--usa-xp-w,300px);max-width:100%;font:600 13px/1 system-ui,sans-serif}.usa-xp-lvl{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--usa-xp-accent,#7c5cff);color:#fff;font-size:15px;font-weight:800;box-shadow:0 0 0 3px rgba(124,92,255,.25)}.usa-xp-track{flex:1;min-width:0;height:12px;border-radius:99px;background:var(--usa-xp-track,rgba(15,23,42,.1));overflow:hidden}.usa-xp-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--usa-xp-accent,#7c5cff),#22d3ee);transform-origin:0 50%;transform:scaleX(0)}.usa-xp-num{flex:none;font-variant-numeric:tabular-nums;opacity:.75}usa-xp-bar[data-levelup] .usa-xp-lvl{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.35)}.usa-xp-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}";
|
|
5833
5834
|
|
|
5834
5835
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5835
5836
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5926,10 +5927,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5926
5927
|
}
|
|
5927
5928
|
}
|
|
5928
5929
|
return UsaXpBar;
|
|
5929
|
-
}, { id: 'xp-bar', text: css$
|
|
5930
|
+
}, { id: 'xp-bar', text: css$o });
|
|
5930
5931
|
}
|
|
5931
5932
|
|
|
5932
|
-
var css$
|
|
5933
|
+
var css$n = "usa-badge-wall{display:block;width:var(--usa-bw-w,320px);max-width:100%;font:600 12px/1.2 system-ui,sans-serif}.usa-bw-count{margin:0 0 8px;font-size:13px;opacity:.75;font-variant-numeric:tabular-nums}.usa-bw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;margin:0;padding:0;list-style:none}.usa-bw-badge{position:relative;display:grid;justify-items:center;gap:4px;padding:8px 4px;border-radius:12px;background:linear-gradient(160deg,#fde68a,#f59e0b);color:#422006;text-align:center;overflow:hidden}.usa-bw-icon{font-size:24px;line-height:1}.usa-bw-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-bw-badge[data-locked]{background:var(--usa-bw-locked,#e2e8f0);color:#64748b}.usa-bw-badge[data-locked] .usa-bw-icon{filter:grayscale(1);opacity:.45}.usa-bw-badge[data-locked]::after{content:\"🔒\";position:absolute;top:3px;right:4px;font-size:11px}.usa-bw-badge[data-shine]::before{content:\"\";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%) 120% 0/250% 100%;animation:usa-bw-shine 1s ease-in-out .3s both;pointer-events:none}@keyframes usa-bw-shine{to{background-position:-20% 0}}.usa-bw-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.usa-bw-badge[data-shine]::before{animation:none;display:none}}";
|
|
5933
5934
|
|
|
5934
5935
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5935
5936
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -5996,17 +5997,17 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
5996
5997
|
}
|
|
5997
5998
|
}
|
|
5998
5999
|
return UsaBadgeWall;
|
|
5999
|
-
}, { id: 'badge-wall', text: css$
|
|
6000
|
+
}, { id: 'badge-wall', text: css$n });
|
|
6000
6001
|
}
|
|
6001
6002
|
|
|
6002
|
-
var css$
|
|
6003
|
+
var css$m = "usa-prize-wheel{display:inline-block;--s:var(--usa-pw-size,200px);font:700 11px/1 system-ui,sans-serif}.usa-pw-box{position:relative;display:grid;place-items:center;width:var(--s);height:var(--s)}.usa-pw-wheel{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 4px #fff,0 0 0 6px rgba(15,23,42,.15),0 8px 24px rgba(15,23,42,.2);will-change:transform}.usa-pw-label{position:absolute;left:50%;top:0;width:0;height:50%;display:flex;justify-content:center;padding-top:10px;transform-origin:0 100%;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);white-space:nowrap}.usa-pw-pointer{position:absolute;top:-10px;left:50%;margin-left:-9px;width:0;height:0;border:9px solid transparent;border-top:16px solid var(--usa-pw-pointer,#0f172a);border-bottom:0;z-index:2;transform-origin:50% 0}.usa-pw-btn{position:relative;z-index:1;width:30%;aspect-ratio:1;border:0;border-radius:50%;background:#fff;color:#0f172a;font:800 13px/1 system-ui,sans-serif;box-shadow:0 2px 8px rgba(15,23,42,.25);cursor:pointer}.usa-pw-btn:disabled{cursor:progress;opacity:.85}usa-prize-wheel[data-done] .usa-pw-wheel{box-shadow:0 0 0 4px #fff,0 0 0 6px #facc15,0 0 28px rgba(250,204,21,.6)}.usa-pw-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}";
|
|
6003
6004
|
|
|
6004
6005
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6005
6006
|
function wheelAngle(index, count, turns = 5) {
|
|
6006
6007
|
const seg = 360 / Math.max(1, count);
|
|
6007
6008
|
return turns * 360 + (360 - (index * seg + seg / 2));
|
|
6008
6009
|
}
|
|
6009
|
-
const COLORS = ['#7c5cff', '#22d3ee', '#f59e0b', '#ef4444', '#22c55e', '#ec4899', '#3b82f6', '#a3e635'];
|
|
6010
|
+
const COLORS$1 = ['#7c5cff', '#22d3ee', '#f59e0b', '#ef4444', '#22c55e', '#ec4899', '#3b82f6', '#a3e635'];
|
|
6010
6011
|
function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
6011
6012
|
return defineElement(tag, (Base) => {
|
|
6012
6013
|
class UsaPrizeWheel extends Base {
|
|
@@ -6029,7 +6030,7 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6029
6030
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6030
6031
|
const s = this.segments;
|
|
6031
6032
|
const seg = 360 / s.length;
|
|
6032
|
-
const grad = s.map((_, i) => `${COLORS[i % COLORS.length]} ${(i * seg).toFixed(2)}deg ${((i + 1) * seg).toFixed(2)}deg`).join(',');
|
|
6033
|
+
const grad = s.map((_, i) => `${COLORS$1[i % COLORS$1.length]} ${(i * seg).toFixed(2)}deg ${((i + 1) * seg).toFixed(2)}deg`).join(',');
|
|
6033
6034
|
this.insertAdjacentHTML('beforeend', '<span class="usa-pw-box" data-usa-part><i class="usa-pw-pointer" aria-hidden="true"></i><span class="usa-pw-wheel" aria-hidden="true"></span><button type="button" class="usa-pw-btn"></button></span><span class="usa-pw-live" data-usa-part aria-live="polite"></span>');
|
|
6034
6035
|
const wheel = this.querySelector('.usa-pw-wheel');
|
|
6035
6036
|
wheel.style.background = `conic-gradient(${grad})`;
|
|
@@ -6079,10 +6080,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6079
6080
|
}
|
|
6080
6081
|
}
|
|
6081
6082
|
return UsaPrizeWheel;
|
|
6082
|
-
}, { id: 'prize-wheel', text: css$
|
|
6083
|
+
}, { id: 'prize-wheel', text: css$m });
|
|
6083
6084
|
}
|
|
6084
6085
|
|
|
6085
|
-
var css$
|
|
6086
|
+
var css$l = "usa-globe{display:inline-block;width:var(--usa-gl-size,200px);max-width:100%;aspect-ratio:1;touch-action:pan-y;cursor:grab;user-select:none}usa-globe:active{cursor:grabbing}.usa-gl-svg{display:block;width:100%;height:100%;overflow:visible}.usa-gl-sea{fill:var(--usa-gl-sea,#1e3a8a)}.usa-gl-grid{fill:none;stroke:var(--usa-gl-grid,rgba(255,255,255,.35));stroke-width:.7}.usa-gl-dot{fill:var(--usa-gl-accent,#f59e0b);stroke:#fff;stroke-width:1}.usa-gl-ring{fill:none;stroke:var(--usa-gl-accent,#f59e0b);stroke-width:1.5;transform-box:fill-box;transform-origin:center;opacity:0}.usa-gl-mark[data-hidden]{display:none}.usa-gl-mark[data-active] .usa-gl-dot{fill:#ef4444}@media (prefers-reduced-motion:no-preference){.usa-gl-ring{animation:usa-gl-pulse 1.8s ease-out infinite}}@keyframes usa-gl-pulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(3.2);opacity:0}}";
|
|
6086
6087
|
|
|
6087
6088
|
const RAD = Math.PI / 180;
|
|
6088
6089
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6239,10 +6240,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6239
6240
|
}
|
|
6240
6241
|
}
|
|
6241
6242
|
return UsaGlobe;
|
|
6242
|
-
}, { id: 'globe', text: css$
|
|
6243
|
+
}, { id: 'globe', text: css$l });
|
|
6243
6244
|
}
|
|
6244
6245
|
|
|
6245
|
-
var css$
|
|
6246
|
+
var css$k = "usa-location-card{display:block;width:var(--usa-lc-w,280px);max-width:100%;font:500 13px/1.35 system-ui,sans-serif}.usa-lc{border-radius:16px;overflow:hidden;background:var(--usa-lc-bg,#fff);color:var(--usa-lc-fg,#0f172a);box-shadow:0 10px 28px -14px rgba(15,23,42,.45);border:1px solid rgba(15,23,42,.08)}.usa-lc-map{position:relative;height:var(--usa-lc-map-h,110px);background:var(--usa-lc-land,#e8efe4);overflow:hidden}.usa-lc-map svg{display:block;width:100%;height:100%}.usa-lc-street{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round}.usa-lc-route{fill:none;stroke:var(--usa-lc-accent,#2563eb);stroke-width:4;stroke-linecap:round;stroke-dasharray:100}.usa-lc-from{fill:#fff;stroke:var(--usa-lc-accent,#2563eb);stroke-width:3}.usa-lc-pin{position:absolute;left:70%;top:calc(48% - 8px);width:22px;height:22px;transform:translate(-50%,-100%);border-radius:50%;background:var(--usa-lc-pin,#ef4444);box-shadow:0 4px 8px rgba(0,0,0,.25)}.usa-lc-pin::after{content:\"\";position:absolute;inset:6px;border-radius:50%;background:#fff}.usa-lc-pin::before{content:\"\";position:absolute;left:50%;bottom:-8px;width:0;height:0;border:6px solid transparent;border-top:9px solid var(--usa-lc-pin,#ef4444);border-bottom:0;transform:translateX(-50%)}.usa-lc-ring{position:absolute;left:70%;top:48%;width:18px;height:18px;border-radius:50%;border:2px solid var(--usa-lc-pin,#ef4444);transform:translate(-50%,-50%);opacity:0;pointer-events:none}.usa-lc-body{padding:10px 14px 12px}.usa-lc-name{margin:0;font-size:15px;font-weight:750}.usa-lc-addr{margin:2px 0 0;opacity:.7}.usa-lc-meta{display:flex;align-items:center;gap:10px;margin:8px 0 0}.usa-lc-meta:empty{display:none}.usa-lc-dist{font-weight:700;font-variant-numeric:tabular-nums}.usa-lc-go{margin-left:auto;color:var(--usa-lc-accent,#2563eb);font-weight:700;text-decoration:none}.usa-lc-go:hover,.usa-lc-go:focus-visible{text-decoration:underline}";
|
|
6246
6247
|
|
|
6247
6248
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6248
6249
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6258,7 +6259,7 @@ function formatDistance(km, unit = 'km') {
|
|
|
6258
6259
|
}
|
|
6259
6260
|
return km < 1 ? `${Math.round(km * 1000)} m` : `${km < 10 ? km.toFixed(1) : Math.round(km)} km`;
|
|
6260
6261
|
}
|
|
6261
|
-
const esc$
|
|
6262
|
+
const esc$b = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6262
6263
|
function defineLocationCard(tag = 'usa-location-card') {
|
|
6263
6264
|
return defineElement(tag, (Base) => {
|
|
6264
6265
|
class UsaLocationCard extends Base {
|
|
@@ -6283,7 +6284,7 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6283
6284
|
const dist = this.str('distance') || (km === null ? '' : formatDistance(km, this.str('unit') === 'mi' ? 'mi' : 'km'));
|
|
6284
6285
|
const href = this.str('href');
|
|
6285
6286
|
const origin = km !== null;
|
|
6286
|
-
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$
|
|
6287
|
+
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$b(name)}"><div class="usa-lc-map" aria-hidden="true"><svg viewBox="0 0 240 120" preserveAspectRatio="xMidYMid slice"><path class="usa-lc-street" d="M0 30H240M0 78H240M40 0V120M120 0V120M196 0V120M0 112L240 8"/>${origin ? '<path class="usa-lc-route" pathLength="100" d="M28 100C60 100 64 78 96 78S120 40 160 40 168 58 168 58"/><circle class="usa-lc-from" cx="28" cy="100" r="4"/>' : ''}</svg><span class="usa-lc-ring"></span><span class="usa-lc-pin"></span></div><div class="usa-lc-body"><h3 class="usa-lc-name">${esc$b(name)}</h3>${this.str('address') ? `<p class="usa-lc-addr">${esc$b(this.str('address'))}</p>` : ''}<p class="usa-lc-meta">${dist ? `<span class="usa-lc-dist">${esc$b(dist)}</span>` : ''}${href ? `<a class="usa-lc-go" href="${esc$b(href)}" target="_blank" rel="noopener">Directions</a>` : ''}</p></div></article>`);
|
|
6287
6288
|
if (origin)
|
|
6288
6289
|
this.setAttribute('data-route', '');
|
|
6289
6290
|
else
|
|
@@ -6316,10 +6317,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6316
6317
|
}
|
|
6317
6318
|
}
|
|
6318
6319
|
return UsaLocationCard;
|
|
6319
|
-
}, { id: 'location-card', text: css$
|
|
6320
|
+
}, { id: 'location-card', text: css$k });
|
|
6320
6321
|
}
|
|
6321
6322
|
|
|
6322
|
-
var css$
|
|
6323
|
+
var css$j = "usa-field{display:block;width:var(--usa-fld-w,280px);max-width:100%;font:500 14px/1.3 system-ui,sans-serif;--usa-fld-accent:#6366f1;--usa-fld-bad:#e11d48;--usa-fld-good:#16a34a}.usa-fld{position:relative;padding-top:18px}.usa-fld-input{display:block;box-sizing:border-box;width:100%;padding:8px 30px 8px 2px;border:0;border-bottom:2px solid var(--usa-fld-rule,rgba(100,116,139,.45));background:transparent;color:inherit;font:inherit;outline:none;border-radius:0}.usa-fld-label{position:absolute;left:2px;top:26px;color:var(--usa-fld-muted,#64748b);pointer-events:none;transform-origin:0 0;transition:transform .22s cubic-bezier(.2,.8,.2,1),color .2s}usa-field[data-focus] .usa-fld-label,usa-field[data-filled] .usa-fld-label,.usa-fld-input:not(:placeholder-shown)+.usa-fld-label{transform:translateY(-24px) scale(.8)}usa-field[data-focus] .usa-fld-label{color:var(--usa-fld-accent)}.usa-fld-line{position:absolute;left:0;right:0;top:calc(18px + 2.3em - 1px);height:2px;background:var(--usa-fld-accent);transform:scaleX(0);transition:transform .3s cubic-bezier(.2,.8,.2,1)}usa-field[data-focus] .usa-fld-line{transform:scaleX(1)}usa-field[data-invalid] .usa-fld-line{transform:scaleX(1);background:var(--usa-fld-bad)}usa-field[data-invalid] .usa-fld-label{color:var(--usa-fld-bad)}.usa-fld-ok{position:absolute;right:2px;top:24px;width:20px;height:20px;fill:none;stroke:var(--usa-fld-good);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.usa-fld-ok path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .35s ease-out}usa-field[data-valid] .usa-fld-ok path{stroke-dashoffset:0}.usa-fld-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px}.usa-fld-meter i{height:4px;border-radius:2px;background:rgba(100,116,139,.25);transform-origin:0 50%;transition:background .25s}.usa-fld-meter[data-score=\"1\"] i:nth-child(-n+1){background:#ef4444}.usa-fld-meter[data-score=\"2\"] i:nth-child(-n+2){background:#f59e0b}.usa-fld-meter[data-score=\"3\"] i:nth-child(-n+3){background:#84cc16}.usa-fld-meter[data-score=\"4\"] i{background:#16a34a}.usa-fld-msg{margin:4px 0 0;min-height:1.3em;font-size:12px;color:var(--usa-fld-muted,#64748b)}usa-field[data-invalid] .usa-fld-msg{color:var(--usa-fld-bad)}@media (prefers-reduced-motion:reduce){.usa-fld-label,.usa-fld-line,.usa-fld-ok path,.usa-fld-meter i{transition:none}}";
|
|
6323
6324
|
|
|
6324
6325
|
/** 0–4 password strength score with a label (7.7). */
|
|
6325
6326
|
function passwordStrength(pw) {
|
|
@@ -6341,7 +6342,7 @@ function passwordStrength(pw) {
|
|
|
6341
6342
|
const score = Math.min(4, s);
|
|
6342
6343
|
return { score, label: ['Too short', 'Weak', 'Fair', 'Good', 'Strong'][score] };
|
|
6343
6344
|
}
|
|
6344
|
-
const esc$
|
|
6345
|
+
const esc$a = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6345
6346
|
let uid$2 = 0;
|
|
6346
6347
|
const PASS = ['type', 'name', 'required', 'pattern', 'minlength', 'maxlength', 'autocomplete', 'inputmode', 'placeholder'];
|
|
6347
6348
|
function defineField(tag = 'usa-field') {
|
|
@@ -6375,9 +6376,9 @@ function defineField(tag = 'usa-field') {
|
|
|
6375
6376
|
const id = this._id;
|
|
6376
6377
|
const strength = this.flag('strength');
|
|
6377
6378
|
const attrs = PASS.filter((a) => this.hasAttribute(a))
|
|
6378
|
-
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$
|
|
6379
|
+
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$a(this.str(a))}"`))
|
|
6379
6380
|
.join('');
|
|
6380
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-fld" data-usa-part><input class="usa-fld-input" id="${id}"${attrs} aria-describedby="${id}-msg"${this.hasAttribute('type') ? '' : ' type="text"'}><label class="usa-fld-label" for="${id}">${esc$
|
|
6381
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-fld" data-usa-part><input class="usa-fld-input" id="${id}"${attrs} aria-describedby="${id}-msg"${this.hasAttribute('type') ? '' : ' type="text"'}><label class="usa-fld-label" for="${id}">${esc$a(this.str('label', 'Label'))}</label><span class="usa-fld-line" aria-hidden="true"></span><svg class="usa-fld-ok" viewBox="0 0 24 24" aria-hidden="true"><path pathLength="1" d="M5 12.5l4.5 4.5L19 7.5"/></svg>${strength ? '<div class="usa-fld-meter" aria-hidden="true"><i></i><i></i><i></i><i></i></div>' : ''}<p class="usa-fld-msg" id="${id}-msg" aria-live="polite">${esc$a(this.str('hint'))}</p></div>`);
|
|
6381
6382
|
const input = this.input;
|
|
6382
6383
|
input.value = keep;
|
|
6383
6384
|
this.listen(input, 'input', () => {
|
|
@@ -6445,10 +6446,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6445
6446
|
}
|
|
6446
6447
|
}
|
|
6447
6448
|
return UsaField;
|
|
6448
|
-
}, { id: 'field', text: css$
|
|
6449
|
+
}, { id: 'field', text: css$j });
|
|
6449
6450
|
}
|
|
6450
6451
|
|
|
6451
|
-
var css$
|
|
6452
|
+
var css$i = "usa-otp{display:inline-block;max-width:100%;--usa-otp-accent:#6366f1;--usa-otp-size:44px}.usa-otp{display:flex;gap:var(--usa-otp-gap,8px)}.usa-otp-box{box-sizing:border-box;width:var(--usa-otp-size);height:calc(var(--usa-otp-size)*1.18);min-width:0;flex:0 1 auto;padding:0;text-align:center;font:700 calc(var(--usa-otp-size)*.48)/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:inherit;background:var(--usa-otp-bg,rgba(148,163,184,.12));border:2px solid var(--usa-otp-rule,rgba(100,116,139,.35));border-radius:10px;outline:none;caret-color:var(--usa-otp-accent);transition:border-color .2s,box-shadow .2s,background .2s}.usa-otp-box:focus{border-color:var(--usa-otp-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--usa-otp-accent) 22%,transparent)}.usa-otp-box[data-filled]{border-color:color-mix(in srgb,var(--usa-otp-accent) 60%,transparent)}usa-otp[data-state=error] .usa-otp-box{border-color:#e11d48;background:rgba(225,29,72,.08)}usa-otp[data-state=success] .usa-otp-box{border-color:#16a34a;background:rgba(22,163,74,.1);color:#15803d}@media (prefers-reduced-motion:reduce){.usa-otp-box{transition:none}}";
|
|
6452
6453
|
|
|
6453
6454
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6454
6455
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6579,10 +6580,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6579
6580
|
}
|
|
6580
6581
|
}
|
|
6581
6582
|
return UsaOtp;
|
|
6582
|
-
}, { id: 'otp', text: css$
|
|
6583
|
+
}, { id: 'otp', text: css$i });
|
|
6583
6584
|
}
|
|
6584
6585
|
|
|
6585
|
-
var css$
|
|
6586
|
+
var css$h = "usa-upload-progress{display:block;width:var(--usa-up-w,300px);max-width:100%;font:500 13px/1.3 system-ui,sans-serif;--usa-up-accent:#6366f1}.usa-up{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--usa-up-bg,rgba(148,163,184,.1));border:1px solid rgba(100,116,139,.18)}.usa-up-icon{flex:none;display:grid;place-items:center;width:34px;height:40px;border-radius:6px;background:var(--usa-up-accent);color:#fff;font:800 9px/1 system-ui,sans-serif;letter-spacing:.04em}.usa-up-main{flex:1;min-width:0}.usa-up-top,.usa-up-sub{display:flex;align-items:center;gap:8px}.usa-up-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.usa-up-pct{font-variant-numeric:tabular-nums;font-weight:700;color:var(--usa-up-accent)}.usa-up-track{position:relative;height:6px;margin:6px 0 4px;border-radius:3px;background:rgba(100,116,139,.2);overflow:hidden}.usa-up-fill{position:absolute;inset:0;border-radius:inherit;background:var(--usa-up-accent);transform-origin:0 50%;transform:scaleX(0);overflow:hidden}usa-upload-progress[data-state=uploading] .usa-up-fill::after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:usa-up-shine 1.2s linear infinite}@keyframes usa-up-shine{to{transform:translateX(100%)}}.usa-up-sub{font-size:11.5px;color:var(--usa-up-muted,#64748b)}.usa-up-msg{flex:1;color:#e11d48}.usa-up-retry{display:none;border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--usa-up-accent);cursor:pointer}usa-upload-progress[data-state=error] .usa-up-retry{display:inline}usa-upload-progress[data-state=error] .usa-up-fill{background:#e11d48}usa-upload-progress[data-state=error] .usa-up-icon{background:#e11d48}usa-upload-progress[data-state=done] .usa-up-fill{background:#16a34a}.usa-up-ok{flex:none;width:0;height:24px;fill:none;stroke:#16a34a;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:width .25s}.usa-up-ok circle{opacity:.25}.usa-up-ok path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .4s .15s ease-out}usa-upload-progress[data-state=done] .usa-up-ok{width:24px}usa-upload-progress[data-state=done] .usa-up-ok path{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.usa-up-fill::after{animation:none!important;display:none}.usa-up-ok,.usa-up-ok path{transition:none}}";
|
|
6586
6587
|
|
|
6587
6588
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6588
6589
|
function formatBytes(n) {
|
|
@@ -6596,7 +6597,7 @@ function formatBytes(n) {
|
|
|
6596
6597
|
}
|
|
6597
6598
|
return `${i === 0 ? Math.round(n) : n < 10 ? n.toFixed(1) : Math.round(n)} ${u[i]}`;
|
|
6598
6599
|
}
|
|
6599
|
-
const esc$
|
|
6600
|
+
const esc$9 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6600
6601
|
function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
6601
6602
|
return defineElement(tag, (Base) => {
|
|
6602
6603
|
class UsaUploadProgress extends Base {
|
|
@@ -6624,7 +6625,7 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6624
6625
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6625
6626
|
const name = this.str('name', 'file');
|
|
6626
6627
|
const size = formatBytes(this.num('size', NaN));
|
|
6627
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$
|
|
6628
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$9((name.split('.').pop() || '').slice(0, 4).toUpperCase())}</span><div class="usa-up-main"><div class="usa-up-top"><span class="usa-up-name">${esc$9(name)}</span><span class="usa-up-pct"></span></div><div class="usa-up-track" role="progressbar" aria-label="Uploading ${esc$9(name)}" aria-valuemin="0" aria-valuemax="100"><span class="usa-up-fill"></span></div><div class="usa-up-sub"><span class="usa-up-size">${esc$9(size)}</span><span class="usa-up-msg" aria-live="polite"></span><button type="button" class="usa-up-retry">Retry</button></div></div><svg class="usa-up-ok" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path pathLength="1" d="M7 12.5l3.2 3.2L17 9"/></svg></div>`);
|
|
6628
6629
|
this.listen(this.querySelector('.usa-up-retry'), 'click', () => this.emit('retry', { name }));
|
|
6629
6630
|
this._shown = 0;
|
|
6630
6631
|
this.render(true);
|
|
@@ -6665,12 +6666,12 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6665
6666
|
}
|
|
6666
6667
|
}
|
|
6667
6668
|
return UsaUploadProgress;
|
|
6668
|
-
}, { id: 'upload-progress', text: css$
|
|
6669
|
+
}, { id: 'upload-progress', text: css$h });
|
|
6669
6670
|
}
|
|
6670
6671
|
|
|
6671
|
-
var css$
|
|
6672
|
+
var css$g = "usa-chat-composer{display:block;width:var(--usa-cc-w,100%);max-width:100%;font:500 14px/1.45 system-ui,sans-serif;--usa-cc-accent:#6366f1}.usa-cc{position:relative;display:flex;align-items:flex-end;gap:8px;padding:8px 8px 8px 14px;border-radius:22px;background:var(--usa-cc-bg,#fff);color:var(--usa-cc-fg,#0f172a);border:1px solid rgba(100,116,139,.28);box-shadow:0 6px 20px -12px rgba(15,23,42,.4)}.usa-cc-glow{position:absolute;inset:-2px;border-radius:24px;padding:2px;background:conic-gradient(from var(--usa-cc-a,0deg),#6366f1,#ec4899,#f59e0b,#22d3ee,#6366f1);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}@property --usa-cc-a{syntax:\"<angle>\";inherits:false;initial-value:0deg}usa-chat-composer[data-busy] .usa-cc-glow{opacity:1;animation:usa-cc-spin 2.4s linear infinite}@keyframes usa-cc-spin{to{--usa-cc-a:360deg}}.usa-cc-input{flex:1;min-width:0;resize:none;border:0;outline:none;background:transparent;color:inherit;font:inherit;padding:6px 0;max-height:12em;overflow-y:auto}.usa-cc-send{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:0;background:rgba(100,116,139,.25);color:#fff;cursor:pointer;transition:background .2s}usa-chat-composer[data-ready] .usa-cc-send{background:var(--usa-cc-accent)}.usa-cc-send:focus-visible{outline:2px solid var(--usa-cc-accent);outline-offset:2px}.usa-cc-send svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.usa-cc-arrow{transition:transform .25s,opacity .2s;transform-origin:center}.usa-cc-stop{fill:currentColor;stroke:none;opacity:0;transform:scale(.4);transform-origin:12px 12px;transition:transform .25s,opacity .2s}usa-chat-composer[data-busy] .usa-cc-arrow{opacity:0;transform:scale(.4)}usa-chat-composer[data-busy] .usa-cc-stop{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){usa-chat-composer[data-busy] .usa-cc-glow{animation:none}.usa-cc-arrow,.usa-cc-stop,.usa-cc-glow{transition:none}}";
|
|
6672
6673
|
|
|
6673
|
-
const esc$
|
|
6674
|
+
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6674
6675
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
6675
6676
|
return defineElement(tag, (Base) => {
|
|
6676
6677
|
class UsaChatComposer extends Base {
|
|
@@ -6700,7 +6701,7 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6700
6701
|
const keep = this.area?.value ?? this.str('value');
|
|
6701
6702
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6702
6703
|
const label = this.str('label', 'Message');
|
|
6703
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-cc" data-usa-part><span class="usa-cc-glow" aria-hidden="true"></span><textarea class="usa-cc-input" rows="1" aria-label="${esc$
|
|
6704
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-cc" data-usa-part><span class="usa-cc-glow" aria-hidden="true"></span><textarea class="usa-cc-input" rows="1" aria-label="${esc$8(label)}" placeholder="${esc$8(this.str('placeholder', 'Ask anything…'))}"></textarea><button type="button" class="usa-cc-send" aria-label="Send"><svg viewBox="0 0 24 24" aria-hidden="true"><path class="usa-cc-arrow" d="M12 19V5M5.5 11.5L12 5l6.5 6.5"/><rect class="usa-cc-stop" x="7" y="7" width="10" height="10" rx="2"/></svg></button></div>`);
|
|
6704
6705
|
const a = this.area;
|
|
6705
6706
|
a.value = keep;
|
|
6706
6707
|
this.listen(a, 'input', () => this.sync());
|
|
@@ -6766,10 +6767,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6766
6767
|
}
|
|
6767
6768
|
}
|
|
6768
6769
|
return UsaChatComposer;
|
|
6769
|
-
}, { id: 'chat-composer', text: css$
|
|
6770
|
+
}, { id: 'chat-composer', text: css$g });
|
|
6770
6771
|
}
|
|
6771
6772
|
|
|
6772
|
-
var css$
|
|
6773
|
+
var css$f = "usa-suggestion-chips{display:block;max-width:100%;font:500 13px/1.2 system-ui,sans-serif;--usa-sc-accent:#6366f1}.usa-sc{display:flex;flex-wrap:wrap;gap:8px}.usa-sc>span{display:contents}.usa-sc-chip{padding:8px 13px;border-radius:999px;border:1px solid color-mix(in srgb,var(--usa-sc-accent) 35%,transparent);background:color-mix(in srgb,var(--usa-sc-accent) 8%,var(--usa-sc-bg,#fff));color:inherit;font:inherit;cursor:pointer;transition:background .2s,border-color .2s,opacity .3s,transform .3s}.usa-sc-chip:hover,.usa-sc-chip:focus-visible{background:color-mix(in srgb,var(--usa-sc-accent) 16%,var(--usa-sc-bg,#fff));outline:none;border-color:var(--usa-sc-accent)}.usa-sc-chip[data-picked]{background:var(--usa-sc-accent);border-color:var(--usa-sc-accent);color:#fff}.usa-sc-chip[data-gone]{opacity:0;transform:scale(.85);pointer-events:none}@media (prefers-reduced-motion:reduce){.usa-sc-chip{transition:none}}";
|
|
6773
6774
|
|
|
6774
6775
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6775
6776
|
function parseChips(s) {
|
|
@@ -6778,7 +6779,7 @@ function parseChips(s) {
|
|
|
6778
6779
|
.map((t) => t.trim())
|
|
6779
6780
|
.filter(Boolean);
|
|
6780
6781
|
}
|
|
6781
|
-
const esc$
|
|
6782
|
+
const esc$7 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6782
6783
|
function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
6783
6784
|
return defineElement(tag, (Base) => {
|
|
6784
6785
|
class UsaSuggestionChips extends Base {
|
|
@@ -6813,7 +6814,7 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6813
6814
|
Array.from(this.children).forEach((c) => !c.hasAttribute('data-usa-part') && c.setAttribute('hidden', ''));
|
|
6814
6815
|
}
|
|
6815
6816
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6816
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$
|
|
6817
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$7(this.str('label', 'Suggestions'))}" data-usa-part>${items.map((t, i) => `<span role="listitem"><button type="button" class="usa-sc-chip" data-i="${i}">${esc$7(t)}</button></span>`).join('')}</div>`);
|
|
6817
6818
|
const chips = Array.from(this.querySelectorAll('.usa-sc-chip'));
|
|
6818
6819
|
chips.forEach((c, i) => {
|
|
6819
6820
|
this.listen(c, 'click', () => this.pick(i));
|
|
@@ -6854,10 +6855,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6854
6855
|
}
|
|
6855
6856
|
}
|
|
6856
6857
|
return UsaSuggestionChips;
|
|
6857
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6858
|
+
}, { id: 'suggestion-chips', text: css$f });
|
|
6858
6859
|
}
|
|
6859
6860
|
|
|
6860
|
-
var css$
|
|
6861
|
+
var css$e = "usa-voice-button{display:inline-block;--usa-vb-accent:#6366f1;--usa-vb-size:52px}.usa-vb{display:flex;align-items:center;gap:12px}.usa-vb-btn{position:relative;display:grid;place-items:center;width:var(--usa-vb-size);height:var(--usa-vb-size);border-radius:50%;border:0;background:var(--usa-vb-idle,#e2e8f0);color:#334155;cursor:pointer;transition:background .2s,color .2s}.usa-vb-btn:focus-visible{outline:2px solid var(--usa-vb-accent);outline-offset:3px}.usa-vb-btn svg{position:relative;width:46%;height:46%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.usa-vb-btn svg rect{fill:currentColor;stroke:none}.usa-vb-halo{position:absolute;inset:0;border-radius:50%;background:var(--usa-vb-accent);opacity:0;transition:transform .12s linear}usa-voice-button[listening] .usa-vb-btn{background:var(--usa-vb-accent);color:#fff}usa-voice-button[listening] .usa-vb-halo{opacity:.25;animation:usa-vb-breathe 1.6s ease-in-out infinite}usa-voice-button[data-live] .usa-vb-halo{animation:none}@keyframes usa-vb-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}.usa-vb-bars{display:flex;align-items:center;gap:3px;height:calc(var(--usa-vb-size)*.6);opacity:.25;transition:opacity .2s}.usa-vb-bars i{display:block;width:4px;height:100%;border-radius:2px;background:var(--usa-vb-accent);transform:scaleY(.15);transition:transform .1s linear}usa-voice-button[listening] .usa-vb-bars{opacity:1}usa-voice-button[listening]:not([data-live]) .usa-vb-bars i{animation:usa-vb-wave 1s ease-in-out infinite}.usa-vb-bars i:nth-child(2){animation-delay:-.15s!important}.usa-vb-bars i:nth-child(3){animation-delay:-.3s!important}.usa-vb-bars i:nth-child(4){animation-delay:-.45s!important}.usa-vb-bars i:nth-child(5){animation-delay:-.6s!important}.usa-vb-bars i:nth-child(6){animation-delay:-.75s!important}.usa-vb-bars i:nth-child(7){animation-delay:-.9s!important}@keyframes usa-vb-wave{0%,100%{transform:scaleY(.2)}50%{transform:scaleY(.9)}}@media (prefers-reduced-motion:reduce){usa-voice-button[listening] .usa-vb-halo,usa-voice-button[listening] .usa-vb-bars i{animation:none!important}.usa-vb-bars i{transition:none}}";
|
|
6861
6862
|
|
|
6862
6863
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6863
6864
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6929,10 +6930,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6929
6930
|
}
|
|
6930
6931
|
}
|
|
6931
6932
|
return UsaVoiceButton;
|
|
6932
|
-
}, { id: 'voice-button', text: css$
|
|
6933
|
+
}, { id: 'voice-button', text: css$e });
|
|
6933
6934
|
}
|
|
6934
6935
|
|
|
6935
|
-
var css$
|
|
6936
|
+
var css$d = "usa-command-palette{display:contents;--usa-cp-accent:#6366f1}usa-command-palette>option{display:none}.usa-cp{width:min(560px,calc(100vw - 24px));max-width:none;padding:0;margin:12vh auto auto;border:0;border-radius:16px;background:transparent;color:inherit;overflow:visible}.usa-cp::backdrop{background:rgba(15,23,42,.35);backdrop-filter:blur(3px)}.usa-cp-box{border-radius:16px;background:var(--usa-cp-bg,#fff);color:var(--usa-cp-fg,#0f172a);box-shadow:0 24px 60px -20px rgba(15,23,42,.55);border:1px solid rgba(100,116,139,.2);overflow:hidden;font:500 14px/1.3 system-ui,sans-serif}.usa-cp-q{box-sizing:border-box;width:100%;padding:16px 18px;border:0;border-bottom:1px solid rgba(100,116,139,.18);background:transparent;color:inherit;font:inherit;font-size:16px;outline:none}.usa-cp-list{position:relative;max-height:min(340px,50vh);overflow-y:auto;padding:6px}.usa-cp-hl{position:absolute;left:6px;right:6px;top:0;border-radius:10px;background:color-mix(in srgb,var(--usa-cp-accent) 12%,transparent);pointer-events:none;opacity:0}.usa-cp-group{padding:8px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.55}.usa-cp-item{position:relative;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;cursor:pointer}.usa-cp-item[aria-selected=true] .usa-cp-label{color:var(--usa-cp-accent)}.usa-cp-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-cp-label mark{background:none;color:var(--usa-cp-accent);font-weight:800}.usa-cp-keys{display:flex;gap:3px}.usa-cp-keys kbd,usa-shortcut kbd{display:inline-grid;place-items:center;min-width:1.6em;padding:2px 5px;border-radius:5px;border:1px solid rgba(100,116,139,.35);border-bottom-width:2px;background:var(--usa-kbd-bg,rgba(148,163,184,.12));font:600 11px/1.3 system-ui,sans-serif;color:inherit}.usa-cp-empty{margin:0;padding:18px;text-align:center;opacity:.6}usa-command-palette[inline]{display:block;width:var(--usa-cp-w,100%);max-width:100%}usa-command-palette[inline] .usa-cp{position:static;width:100%;margin:0}usa-command-palette[inline] .usa-cp-box{box-shadow:0 12px 30px -18px rgba(15,23,42,.45)}";
|
|
6936
6937
|
|
|
6937
6938
|
/**
|
|
6938
6939
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -6991,7 +6992,7 @@ function matchesKeys(e, keys, apple = isApple()) {
|
|
|
6991
6992
|
function isApple() {
|
|
6992
6993
|
return typeof navigator !== 'undefined' && /Mac|iPhone|iPad|iPod/.test(navigator.userAgentData?.platform || navigator.platform || navigator.userAgent || '');
|
|
6993
6994
|
}
|
|
6994
|
-
const esc$
|
|
6995
|
+
const esc$6 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6995
6996
|
let uid$1 = 0;
|
|
6996
6997
|
function defineCommandPalette(tag = 'usa-command-palette') {
|
|
6997
6998
|
return defineElement(tag, (Base) => {
|
|
@@ -7028,7 +7029,7 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7028
7029
|
mount() {
|
|
7029
7030
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7030
7031
|
const id = this._id;
|
|
7031
|
-
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$
|
|
7032
|
+
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$6(this.str('label', 'Command palette'))}"><div class="usa-cp-box"><input class="usa-cp-q" role="combobox" aria-expanded="true" aria-controls="${id}-list" aria-autocomplete="list" autocomplete="off" spellcheck="false" placeholder="${esc$6(this.str('placeholder', 'Type a command or search…'))}"><div class="usa-cp-list" id="${id}-list" role="listbox"><span class="usa-cp-hl" aria-hidden="true"></span></div><p class="usa-cp-empty" hidden>No results</p></div></dialog>`);
|
|
7032
7033
|
const dlg = this.dlg;
|
|
7033
7034
|
const q = this.querySelector('.usa-cp-q');
|
|
7034
7035
|
this.listen(q, 'input', () => this.render(true));
|
|
@@ -7083,12 +7084,12 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7083
7084
|
if (!q && c.group !== group) {
|
|
7084
7085
|
group = c.group;
|
|
7085
7086
|
if (group)
|
|
7086
|
-
html += `<div class="usa-cp-group" role="presentation">${esc$
|
|
7087
|
+
html += `<div class="usa-cp-group" role="presentation">${esc$6(group)}</div>`;
|
|
7087
7088
|
}
|
|
7088
7089
|
const label = Array.from(c.label)
|
|
7089
|
-
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$
|
|
7090
|
+
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$6(ch)}</mark>` : esc$6(ch)))
|
|
7090
7091
|
.join('');
|
|
7091
|
-
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$
|
|
7092
|
+
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$6(k)}</kbd>`).join('')}</span>` : '';
|
|
7092
7093
|
html += `<div class="usa-cp-item" role="option" id="${this._id}-o${i}" data-i="${i}" aria-selected="false"><span class="usa-cp-label">${label}</span>${keys}</div>`;
|
|
7093
7094
|
});
|
|
7094
7095
|
list.insertAdjacentHTML('beforeend', html);
|
|
@@ -7191,13 +7192,13 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7191
7192
|
}
|
|
7192
7193
|
}
|
|
7193
7194
|
return UsaCommandPalette;
|
|
7194
|
-
}, { id: 'command-palette', text: css$
|
|
7195
|
+
}, { id: 'command-palette', text: css$d });
|
|
7195
7196
|
}
|
|
7196
7197
|
|
|
7197
|
-
var css$
|
|
7198
|
+
var css$c = "usa-shortcut{display:inline-block;font:500 13px/1.3 system-ui,sans-serif}.usa-sk{display:inline-flex;align-items:center;gap:8px}.usa-sk-caps{display:inline-flex;gap:4px}usa-shortcut kbd{display:inline-grid;place-items:center;min-width:1.9em;height:1.9em;padding:0 6px;box-sizing:border-box;border-radius:6px;border:1px solid rgba(100,116,139,.4);border-bottom-width:3px;background:var(--usa-kbd-bg,#fff);color:inherit;font:600 12px/1 system-ui,sans-serif;box-shadow:0 1px 0 rgba(15,23,42,.08)}usa-shortcut[data-pressed] kbd{background:var(--usa-kbd-on,#eef2ff);border-color:var(--usa-kbd-accent,#6366f1)}.usa-sk-label{opacity:.75}";
|
|
7198
7199
|
|
|
7199
7200
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7200
|
-
const esc$
|
|
7201
|
+
const esc$5 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7201
7202
|
function defineShortcut(tag = 'usa-shortcut') {
|
|
7202
7203
|
return defineElement(tag, (Base) => {
|
|
7203
7204
|
class UsaShortcut extends Base {
|
|
@@ -7212,7 +7213,7 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7212
7213
|
const labels = this.labels;
|
|
7213
7214
|
const spoken = labels.map((l) => SPOKEN[l] || l).join(' ');
|
|
7214
7215
|
const text = this.str('label');
|
|
7215
|
-
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$
|
|
7216
|
+
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$5(spoken)}">${labels.map((l) => `<kbd aria-hidden="true">${esc$5(l)}</kbd>`).join('')}</span>${text ? `<span class="usa-sk-label">${esc$5(text)}</span>` : ''}</span>`);
|
|
7216
7217
|
if (this.str('listen') !== 'false')
|
|
7217
7218
|
this.listen(document, 'keydown', (e) => {
|
|
7218
7219
|
if (!e.repeat && matchesKeys(e, this.str('keys', 'mod+k'))) {
|
|
@@ -7245,10 +7246,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7245
7246
|
}
|
|
7246
7247
|
}
|
|
7247
7248
|
return UsaShortcut;
|
|
7248
|
-
}, { id: 'shortcut', text: css$
|
|
7249
|
+
}, { id: 'shortcut', text: css$c });
|
|
7249
7250
|
}
|
|
7250
7251
|
|
|
7251
|
-
var css$
|
|
7252
|
+
var css$b = "usa-clock-control{display:inline-block;font:600 12.5px/1 system-ui,sans-serif;--usa-clk-accent:#6366f1}.usa-clk{display:inline-flex;align-items:center;gap:8px;padding:5px;border-radius:999px;background:var(--usa-clk-bg,rgba(148,163,184,.14));border:1px solid rgba(100,116,139,.2)}.usa-clk-play{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:0;background:var(--usa-clk-accent);color:#fff;cursor:pointer}.usa-clk-play:focus-visible,.usa-clk-speed:focus-visible{outline:2px solid var(--usa-clk-accent);outline-offset:2px}.usa-clk-play svg{width:15px;height:15px;fill:currentColor}.usa-clk-tri{opacity:0;transform-origin:center;transition:opacity .15s}usa-clock-control[data-paused] .usa-clk-tri{opacity:1}usa-clock-control[data-paused] .usa-clk-bar{opacity:0}.usa-clk-speeds{position:relative;display:flex}.usa-clk-ink{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--usa-clk-ink,#fff);box-shadow:0 1px 4px rgba(15,23,42,.18);transition:transform .25s cubic-bezier(.2,.8,.2,1),width .25s;opacity:0}.usa-clk-speed{position:relative;padding:8px 10px;border:0;background:none;color:inherit;font:inherit;cursor:pointer;border-radius:999px;font-variant-numeric:tabular-nums}.usa-clk-speed[aria-checked=true]{color:var(--usa-clk-accent)}@media (prefers-reduced-motion:reduce){.usa-clk-ink{transition:none}}";
|
|
7252
7253
|
|
|
7253
7254
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7254
7255
|
return defineElement(tag, (Base) => {
|
|
@@ -7307,10 +7308,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7307
7308
|
}
|
|
7308
7309
|
}
|
|
7309
7310
|
return UsaClockControl;
|
|
7310
|
-
}, { id: 'clock-control', text: css$
|
|
7311
|
+
}, { id: 'clock-control', text: css$b });
|
|
7311
7312
|
}
|
|
7312
7313
|
|
|
7313
|
-
var css$
|
|
7314
|
+
var css$a = "usa-hydrate{display:block}";
|
|
7314
7315
|
|
|
7315
7316
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7316
7317
|
return defineElement(tag, (Base) => {
|
|
@@ -7346,12 +7347,12 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7346
7347
|
}
|
|
7347
7348
|
}
|
|
7348
7349
|
return UsaHydrate;
|
|
7349
|
-
}, { id: 'hydrate', text: css$
|
|
7350
|
+
}, { id: 'hydrate', text: css$a });
|
|
7350
7351
|
}
|
|
7351
7352
|
|
|
7352
|
-
var css$
|
|
7353
|
+
var css$9 = "usa-red-envelope{display:inline-block;--usa-re-w:150px;--usa-re-red:#dc2626;--usa-re-gold:#facc15}.usa-re{position:relative;display:block;width:var(--usa-re-w);height:calc(var(--usa-re-w)*1.35);padding:0;border:0;background:none;cursor:pointer;perspective:600px;font:600 14px/1.2 system-ui,sans-serif}.usa-re:focus-visible{outline:2px solid var(--usa-re-gold);outline-offset:4px;border-radius:12px}.usa-re-body{position:absolute;inset:0;border-radius:12px;background:linear-gradient(160deg,#ef4444,var(--usa-re-red) 60%,#b91c1c);box-shadow:0 12px 24px -12px rgba(127,29,29,.7);display:flex;align-items:flex-end;justify-content:center;padding-bottom:18%;z-index:2}.usa-re-msg{color:var(--usa-re-gold);font-size:calc(var(--usa-re-w)*.13);letter-spacing:.1em}.usa-re-flap{position:absolute;left:0;right:0;top:0;height:42%;border-radius:12px 12px 50% 50%/12px 12px 40% 40%;background:linear-gradient(#f87171,#dc2626);transform-origin:50% 0;z-index:3;display:grid;place-items:end center;box-shadow:0 4px 8px rgba(127,29,29,.35);transition:transform .45s ease-in-out}usa-red-envelope[data-open] .usa-re-flap{transform:rotateX(180deg);z-index:0;opacity:.85}.usa-re-seal{display:grid;place-items:center;width:30%;aspect-ratio:1;margin-bottom:-15%;border-radius:50%;background:var(--usa-re-gold);color:var(--usa-re-red);font-size:calc(var(--usa-re-w)*.14);font-weight:900;box-shadow:0 2px 6px rgba(0,0,0,.25)}usa-red-envelope[data-open] .usa-re-seal{visibility:hidden}.usa-re-card{position:absolute;left:8%;right:8%;top:6%;height:70%;border-radius:8px;background:#fff7ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:1;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}usa-red-envelope[data-open] .usa-re-card{transform:translateY(-46%);z-index:3;box-shadow:0 6px 14px -6px rgba(127,29,29,.5)}.usa-re-amt{color:var(--usa-re-red);font-size:calc(var(--usa-re-w)*.16);font-weight:900;font-variant-numeric:tabular-nums}.usa-re-from{font-size:11px;color:#92400e}.usa-re-coins{position:absolute;left:50%;top:40%;z-index:4}.usa-re-coins i{position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fef08a,var(--usa-re-gold) 60%,#ca8a04);box-shadow:0 1px 3px rgba(0,0,0,.3)}.usa-re-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.usa-re-flap,.usa-re-card{transition:none}}";
|
|
7353
7354
|
|
|
7354
|
-
const esc$
|
|
7355
|
+
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7355
7356
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
7356
7357
|
return defineElement(tag, (Base) => {
|
|
7357
7358
|
class UsaRedEnvelope extends Base {
|
|
@@ -7364,7 +7365,7 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7364
7365
|
mount() {
|
|
7365
7366
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7366
7367
|
const msg = this.str('message', '恭喜发财');
|
|
7367
|
-
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$
|
|
7368
|
+
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$4(`Open red envelope${this.str('from') ? ` from ${this.str('from')}` : ''}`)}" data-usa-part><span class="usa-re-card" aria-hidden="true"><span class="usa-re-amt"></span><span class="usa-re-from">${esc$4(this.str('from'))}</span></span><span class="usa-re-body"><span class="usa-re-msg">${esc$4(msg)}</span></span><span class="usa-re-flap"><span class="usa-re-seal">福</span></span><span class="usa-re-coins" aria-hidden="true"></span><span class="usa-re-live" aria-live="polite"></span></button>`);
|
|
7368
7369
|
this.listen(this.querySelector('.usa-re'), 'click', () => (this.opened ? this.close() : this.open()));
|
|
7369
7370
|
if (this.flag('opened'))
|
|
7370
7371
|
this.open(true);
|
|
@@ -7413,10 +7414,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7413
7414
|
}
|
|
7414
7415
|
}
|
|
7415
7416
|
return UsaRedEnvelope;
|
|
7416
|
-
}, { id: 'red-envelope', text: css$
|
|
7417
|
+
}, { id: 'red-envelope', text: css$9 });
|
|
7417
7418
|
}
|
|
7418
7419
|
|
|
7419
|
-
var css$
|
|
7420
|
+
var css$8 = "usa-festival-banner{position:relative;display:block;overflow:hidden;padding:18px 44px 18px 20px;border-radius:14px;color:#fff;font:700 15px/1.35 system-ui,sans-serif;isolation:isolate;background:linear-gradient(120deg,#b91c1c,#dc2626 55%,#ea580c)}usa-festival-banner[data-theme=xmas]{background:linear-gradient(120deg,#14532d,#166534 55%,#b91c1c)}usa-festival-banner[data-theme=halloween]{background:linear-gradient(120deg,#1e1b4b,#4c1d95 60%,#c2410c)}usa-festival-banner[data-theme=fireworks]{background:linear-gradient(120deg,#0f172a,#1e293b 60%,#312e81)}.usa-fb-scene{position:absolute;inset:0;z-index:-1;pointer-events:none}.usa-fb-scene i{position:absolute;display:block;font-style:normal;animation-play-state:paused}usa-festival-banner[data-live] .usa-fb-scene i{animation-play-state:running}.usa-fb-lantern{left:var(--x);top:-4px;width:18px;height:24px;border-radius:45%;background:radial-gradient(circle at 50% 40%,#fde68a,#f97316 45%,#b91c1c);box-shadow:0 0 14px rgba(251,191,36,.7);transform-origin:50% -10px;animation:usa-fb-sway 2.6s ease-in-out var(--d) infinite alternate}.usa-fb-lantern::after{content:\"\";position:absolute;left:50%;bottom:-8px;width:2px;height:8px;background:#facc15;transform:translateX(-50%)}@keyframes usa-fb-sway{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.usa-fb-spark{left:var(--x);bottom:-6px;width:4px;height:4px;border-radius:50%;background:#fde047;box-shadow:0 0 6px #fde047;animation:usa-fb-rise 4s linear var(--d) infinite}@keyframes usa-fb-rise{from{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(-90px);opacity:0}}.usa-fb-light{left:var(--x);top:3px;width:8px;height:11px;border-radius:50% 50% 45% 45%;background:#fde047;box-shadow:0 0 8px #fde047;animation:usa-fb-twinkle 1.2s ease-in-out var(--d) infinite alternate}.usa-fb-light:nth-child(3n){background:#f87171;box-shadow:0 0 8px #f87171}.usa-fb-light:nth-child(3n+1){background:#60a5fa;box-shadow:0 0 8px #60a5fa}@keyframes usa-fb-twinkle{from{opacity:.35}to{opacity:1}}.usa-fb-snow{left:var(--x);top:-8px;width:6px;height:6px;border-radius:50%;background:#fff;opacity:.85;animation:usa-fb-fall 6s linear var(--d) infinite}@keyframes usa-fb-fall{to{transform:translate(14px,120px)}}.usa-fb-moon{right:18%;top:10%;width:34px;height:34px;border-radius:50%;background:#fde68a;box-shadow:0 0 24px 6px rgba(253,230,138,.55);animation:usa-fb-glow 3s ease-in-out infinite alternate}@keyframes usa-fb-glow{to{box-shadow:0 0 34px 12px rgba(253,230,138,.75)}}.usa-fb-bat{left:-24px;top:var(--y);font-size:16px;animation:usa-fb-fly 7s linear var(--d) infinite}@keyframes usa-fb-fly{0%{transform:translate(0,0)}25%{transform:translate(28vw,-8px)}50%{transform:translate(56vw,6px)}100%{transform:translate(120vw,-4px)}}.usa-fb-rocket{left:var(--x);bottom:20%;width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 0 0 var(--c),14px 0 0 -1px var(--c),-14px 0 0 -1px var(--c),0 14px 0 -1px var(--c),0 -14px 0 -1px var(--c),10px 10px 0 -1px var(--c),-10px -10px 0 -1px var(--c),10px -10px 0 -1px var(--c),-10px 10px 0 -1px var(--c);animation:usa-fb-boom 2.4s ease-out var(--d) infinite}@keyframes usa-fb-boom{0%{transform:translateY(40px) scale(.1);opacity:0}30%{transform:translateY(0) scale(.2);opacity:1}60%{transform:scale(1.2);opacity:1}100%{transform:scale(1.5);opacity:0}}.usa-fb-x{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:18px;line-height:1;cursor:pointer}.usa-fb-x:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (prefers-reduced-motion:reduce){.usa-fb-scene i{animation:none!important}}";
|
|
7420
7421
|
|
|
7421
7422
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7422
7423
|
const SCENES = {
|
|
@@ -7464,12 +7465,12 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7464
7465
|
}
|
|
7465
7466
|
}
|
|
7466
7467
|
return UsaFestivalBanner;
|
|
7467
|
-
}, { id: 'festival-banner', text: css$
|
|
7468
|
+
}, { id: 'festival-banner', text: css$8 });
|
|
7468
7469
|
}
|
|
7469
7470
|
|
|
7470
|
-
var css$
|
|
7471
|
+
var css$7 = "usa-terminal{display:block;width:var(--usa-term-w,100%);max-width:100%;--usa-term-bg:#0f172a;--usa-term-fg:#e2e8f0;--usa-term-accent:#22c55e}usa-terminal[data-theme=green]{--usa-term-bg:#03140a;--usa-term-fg:#4ade80;--usa-term-accent:#86efac}usa-terminal[data-theme=amber]{--usa-term-bg:#1a1003;--usa-term-fg:#fbbf24;--usa-term-accent:#fde68a}.usa-term{border-radius:10px;overflow:hidden;background:var(--usa-term-bg);color:var(--usa-term-fg);box-shadow:0 16px 36px -18px rgba(0,0,0,.6);font:500 12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}usa-terminal[data-theme=green] .usa-term,usa-terminal[data-theme=amber] .usa-term{text-shadow:0 0 6px currentColor}.usa-term-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;background:rgba(255,255,255,.06)}.usa-term-bar i{width:10px;height:10px;border-radius:50%;background:#ef4444}.usa-term-bar i:nth-child(2){background:#f59e0b}.usa-term-bar i:nth-child(3){background:#22c55e}.usa-term-bar span{flex:1;text-align:center;margin-right:40px;opacity:.6;font-size:11px}.usa-term-body{min-height:var(--usa-term-h,120px);padding:10px 12px 12px}.usa-term-body p{margin:0;white-space:pre-wrap;word-break:break-word}.usa-term-ps{color:var(--usa-term-accent)}.usa-term-out{opacity:.8}.usa-term-cursor{display:inline-block;width:.6em;height:1.15em;margin-left:1px;vertical-align:text-bottom;background:currentColor;animation:usa-term-blink 1s steps(1) infinite}@keyframes usa-term-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.usa-term-cursor{animation:none}}";
|
|
7471
7472
|
|
|
7472
|
-
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7473
|
+
const esc$3 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7473
7474
|
function defineTerminal(tag = 'usa-terminal') {
|
|
7474
7475
|
return defineElement(tag, (Base) => {
|
|
7475
7476
|
class UsaTerminal extends Base {
|
|
@@ -7489,7 +7490,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7489
7490
|
src.forEach((c) => c.remove());
|
|
7490
7491
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7491
7492
|
this.setAttribute('data-theme', ['green', 'amber'].includes(this.str('theme')) ? this.str('theme') : 'dark');
|
|
7492
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-term" data-usa-part><div class="usa-term-bar" aria-hidden="true"><i></i><i></i><i></i><span>${esc(this.str('title', 'terminal'))}</span></div><div class="usa-term-body" role="log" aria-label="${esc(this.str('title', 'Terminal'))}"></div></div>`);
|
|
7493
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-term" data-usa-part><div class="usa-term-bar" aria-hidden="true"><i></i><i></i><i></i><span>${esc$3(this.str('title', 'terminal'))}</span></div><div class="usa-term-body" role="log" aria-label="${esc$3(this.str('title', 'Terminal'))}"></div></div>`);
|
|
7493
7494
|
let started = false;
|
|
7494
7495
|
this.inView((v) => {
|
|
7495
7496
|
if (v && !started) {
|
|
@@ -7504,7 +7505,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7504
7505
|
const p = document.createElement('p');
|
|
7505
7506
|
p.className = l.cmd ? 'usa-term-cmd' : 'usa-term-out';
|
|
7506
7507
|
if (l.cmd)
|
|
7507
|
-
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc(this.str('prompt', '$'))} </span><span class="usa-term-tx"></span>`;
|
|
7508
|
+
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$3(this.str('prompt', '$'))} </span><span class="usa-term-tx"></span>`;
|
|
7508
7509
|
body.appendChild(p);
|
|
7509
7510
|
return p;
|
|
7510
7511
|
}
|
|
@@ -7578,10 +7579,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7578
7579
|
}
|
|
7579
7580
|
}
|
|
7580
7581
|
return UsaTerminal;
|
|
7581
|
-
}, { id: 'terminal', text: css$
|
|
7582
|
+
}, { id: 'terminal', text: css$7 });
|
|
7582
7583
|
}
|
|
7583
7584
|
|
|
7584
|
-
var css$
|
|
7585
|
+
var css$6 = "usa-retro-button{display:inline-block}.usa-rb{font:700 14px/1 system-ui,sans-serif;cursor:pointer;color:inherit}.usa-rb:disabled{opacity:.5;cursor:not-allowed}usa-retro-button[data-variant=pixel] .usa-rb{padding:10px 16px;border:0;background:#f43f5e;color:#fff;font-family:ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;box-shadow:3px 0 0 #111,-3px 0 0 #111,0 3px 0 #111,0 -3px 0 #111,6px 6px 0 #111;image-rendering:pixelated}usa-retro-button[data-variant=pixel] .usa-rb:focus-visible{outline:3px dashed #111;outline-offset:6px}usa-retro-button[data-variant=crt] .usa-rb{padding:10px 18px;border:2px solid #22c55e;border-radius:4px;background:#03140a;color:#4ade80;font-family:ui-monospace,Menlo,monospace;text-shadow:0 0 6px #4ade80;box-shadow:0 0 10px rgba(74,222,128,.45),inset 0 0 12px rgba(74,222,128,.25);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px)}usa-retro-button[data-variant=crt] .usa-rb:focus-visible{outline:2px solid #86efac;outline-offset:3px}usa-retro-button[data-variant=y2k] .usa-rb{padding:11px 22px;border:1px solid rgba(255,255,255,.7);border-radius:999px;color:#1e1b4b;background:linear-gradient(180deg,#f8fafc 0%,#c7d2fe 45%,#818cf8 52%,#e0e7ff 100%);box-shadow:0 6px 14px -6px rgba(79,70,229,.6),inset 0 1px 0 #fff;text-shadow:0 1px 0 rgba(255,255,255,.7)}usa-retro-button[data-variant=y2k] .usa-rb:focus-visible{outline:2px solid #6366f1;outline-offset:3px}usa-retro-button[data-variant=win95] .usa-rb{padding:7px 16px;border:0;border-radius:0;background:#c0c0c0;color:#000;font:400 13px/1 Tahoma,Verdana,sans-serif;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf}usa-retro-button[data-variant=win95] .usa-rb:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px #808080}usa-retro-button[data-variant=win95] .usa-rb:focus-visible{outline:1px dotted #000;outline-offset:-4px}";
|
|
7585
7586
|
|
|
7586
7587
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7587
7588
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7635,10 +7636,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7635
7636
|
}
|
|
7636
7637
|
}
|
|
7637
7638
|
return UsaRetroButton;
|
|
7638
|
-
}, { id: 'retro-button', text: css$
|
|
7639
|
+
}, { id: 'retro-button', text: css$6 });
|
|
7639
7640
|
}
|
|
7640
7641
|
|
|
7641
|
-
var css$
|
|
7642
|
+
var css$5 = "usa-organic-card{position:relative;display:block;padding:22px 24px;color:#0f172a;background:linear-gradient(140deg,#d9f99d,#86efac 55%,#34d399);box-shadow:0 18px 36px -22px rgba(22,101,52,.7);transition:box-shadow .3s;outline:none}usa-organic-card[data-tint=ocean]{background:linear-gradient(140deg,#bae6fd,#7dd3fc 50%,#38bdf8);box-shadow:0 18px 36px -22px rgba(3,105,161,.7)}usa-organic-card[data-tint=petal]{background:linear-gradient(140deg,#fbcfe8,#f9a8d4 50%,#f472b6);box-shadow:0 18px 36px -22px rgba(157,23,77,.6)}usa-organic-card[data-tint=sand]{background:linear-gradient(140deg,#fef3c7,#fde68a 50%,#fbbf24);box-shadow:0 18px 36px -22px rgba(146,64,14,.6)}usa-organic-card:hover{box-shadow:0 24px 44px -20px rgba(15,23,42,.45)}usa-organic-card:focus-within{box-shadow:0 0 0 3px rgba(15,23,42,.25),0 24px 44px -20px rgba(15,23,42,.45)}";
|
|
7642
7643
|
|
|
7643
7644
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7644
7645
|
return defineElement(tag, (Base) => {
|
|
@@ -7677,10 +7678,10 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7677
7678
|
}
|
|
7678
7679
|
}
|
|
7679
7680
|
return UsaOrganicCard;
|
|
7680
|
-
}, { id: 'organic-card', text: css$
|
|
7681
|
+
}, { id: 'organic-card', text: css$5 });
|
|
7681
7682
|
}
|
|
7682
7683
|
|
|
7683
|
-
var css = "usa-liquid-nav{position:relative;display:inline-flex;align-items:center;gap:4px;padding:8px 10px 18px;border-radius:18px;background:var(--usa-lq-bg,#0f172a);color:#e2e8f0;font:600 13px/1 system-ui,sans-serif;--usa-lq-accent:#38bdf8}.usa-lq-defs{position:absolute}.usa-lq-goo{position:absolute;left:0;right:0;bottom:4px;height:14px;pointer-events:none}.usa-lq-goo i{position:absolute;left:-6px;top:1px;width:12px;height:12px;border-radius:50%;background:var(--usa-lq-accent)}.usa-lq-tail{width:9px!important;height:9px!important;left:-4.5px!important;top:2.5px!important}.usa-lq-item{position:relative;padding:8px 12px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer;opacity:.7;transition:opacity .2s,color .2s}.usa-lq-item[aria-current]{opacity:1;color:var(--usa-lq-accent)}.usa-lq-item:focus-visible{outline:2px solid var(--usa-lq-accent);outline-offset:1px;opacity:1}";
|
|
7684
|
+
var css$4 = "usa-liquid-nav{position:relative;display:inline-flex;align-items:center;gap:4px;padding:8px 10px 18px;border-radius:18px;background:var(--usa-lq-bg,#0f172a);color:#e2e8f0;font:600 13px/1 system-ui,sans-serif;--usa-lq-accent:#38bdf8}.usa-lq-defs{position:absolute}.usa-lq-goo{position:absolute;left:0;right:0;bottom:4px;height:14px;pointer-events:none}.usa-lq-goo i{position:absolute;left:-6px;top:1px;width:12px;height:12px;border-radius:50%;background:var(--usa-lq-accent)}.usa-lq-tail{width:9px!important;height:9px!important;left:-4.5px!important;top:2.5px!important}.usa-lq-item{position:relative;padding:8px 12px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer;opacity:.7;transition:opacity .2s,color .2s}.usa-lq-item[aria-current]{opacity:1;color:var(--usa-lq-accent)}.usa-lq-item:focus-visible{outline:2px solid var(--usa-lq-accent);outline-offset:1px;opacity:1}";
|
|
7684
7685
|
|
|
7685
7686
|
let uid = 0;
|
|
7686
7687
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
@@ -7761,7 +7762,315 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7761
7762
|
}
|
|
7762
7763
|
}
|
|
7763
7764
|
return UsaLiquidNav;
|
|
7764
|
-
}, { id: 'liquid-nav', text: css });
|
|
7765
|
+
}, { id: 'liquid-nav', text: css$4 });
|
|
7766
|
+
}
|
|
7767
|
+
|
|
7768
|
+
var css$3 = "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}}";
|
|
7769
|
+
|
|
7770
|
+
const esc$2 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7771
|
+
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
7772
|
+
return defineElement(tag, (Base) => {
|
|
7773
|
+
class UsaHudPanel extends Base {
|
|
7774
|
+
static get observedAttributes() {
|
|
7775
|
+
return ['title', 'status', 'color'];
|
|
7776
|
+
}
|
|
7777
|
+
mount() {
|
|
7778
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7779
|
+
this.setAttribute('role', 'region');
|
|
7780
|
+
this.setAttribute('aria-label', this.str('title', 'Panel'));
|
|
7781
|
+
if (this.hasAttribute('color'))
|
|
7782
|
+
this.style.setProperty('--usa-hud-c', this.str('color'));
|
|
7783
|
+
this.insertAdjacentHTML('afterbegin', `<svg class="usa-hud-frame" aria-hidden="true" preserveAspectRatio="none" viewBox="0 0 100 100" data-usa-part><path pathLength="100" vector-effect="non-scaling-stroke" d="M6 1H94L99 6V94L94 99H6L1 94V6Z"/></svg><header class="usa-hud-head" data-usa-part><span class="usa-hud-dot" aria-hidden="true"></span><span class="usa-hud-title">${esc$2(this.str('title', 'SYSTEM'))}</span><span class="usa-hud-status">${esc$2(this.str('status', 'ONLINE'))}</span></header>`);
|
|
7784
|
+
this.querySelectorAll(':scope > [data-value]').forEach((r) => {
|
|
7785
|
+
if (r.querySelector('.usa-hud-bar'))
|
|
7786
|
+
return;
|
|
7787
|
+
const v = Math.min(100, Math.max(0, Number(r.dataset.value) || 0));
|
|
7788
|
+
r.classList.add('usa-hud-row');
|
|
7789
|
+
r.insertAdjacentHTML('beforeend', `<span class="usa-hud-bar" aria-hidden="true"><i style="--v:${v}%"></i></span><span class="usa-hud-num">${v}%</span>`);
|
|
7790
|
+
});
|
|
7791
|
+
let booted = false;
|
|
7792
|
+
this.inView((v) => {
|
|
7793
|
+
if (v && !booted) {
|
|
7794
|
+
booted = true;
|
|
7795
|
+
this.boot();
|
|
7796
|
+
}
|
|
7797
|
+
}, { threshold: 0.3 });
|
|
7798
|
+
}
|
|
7799
|
+
boot() {
|
|
7800
|
+
this.setAttribute('data-booted', '');
|
|
7801
|
+
if (this.reduced)
|
|
7802
|
+
return void this.emit('boot');
|
|
7803
|
+
const frame = this.querySelector('.usa-hud-frame path');
|
|
7804
|
+
if (frame)
|
|
7805
|
+
this.motion(frame, [{ strokeDashoffset: '100' }, { strokeDashoffset: '0' }], { duration: 900, easing: 'ease-in-out', fill: 'backwards' });
|
|
7806
|
+
this.motion(this.querySelector('.usa-hud-head'), [{ opacity: 0, transform: 'translateX(-8px)' }, { opacity: 1, transform: 'none' }], { duration: 400, delay: 300, easing: 'steps(4, end)', fill: 'backwards' });
|
|
7807
|
+
const rows = Array.from(this.querySelectorAll('.usa-hud-bar i'));
|
|
7808
|
+
rows.forEach((b, i) => this.motion(b, [{ transform: 'scaleX(0)' }, { transform: 'scaleX(1)' }], { duration: 700, delay: 500 + i * 120, easing: 'cubic-bezier(.2,.8,.2,1)', fill: 'backwards' }));
|
|
7809
|
+
const last = this.motion(this, [{ filter: 'brightness(1.6)' }, { filter: 'none' }], { duration: 500, delay: 500 + rows.length * 120 });
|
|
7810
|
+
if (last)
|
|
7811
|
+
last.finished.then(() => this.emit('boot'), () => undefined);
|
|
7812
|
+
else
|
|
7813
|
+
this.emit('boot');
|
|
7814
|
+
}
|
|
7815
|
+
}
|
|
7816
|
+
return UsaHudPanel;
|
|
7817
|
+
}, { id: 'hud-panel', text: css$3 });
|
|
7818
|
+
}
|
|
7819
|
+
|
|
7820
|
+
var css$2 = "usa-radar{display:block;width:var(--usa-rd-size,200px);max-width:100%;aspect-ratio:1;--usa-rd-c:#22d3ee}.usa-rd{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#082f49 0,#020617 75%);box-shadow:0 0 0 2px color-mix(in srgb,var(--usa-rd-c) 45%,transparent),0 0 24px -4px var(--usa-rd-c);overflow:hidden}.usa-rd-ring{position:absolute;left:50%;top:50%;width:var(--r);height:var(--r);border:1px solid color-mix(in srgb,var(--usa-rd-c) 30%,transparent);border-radius:50%;transform:translate(-50%,-50%)}.usa-rd-cross{position:absolute;inset:0;background:linear-gradient(color-mix(in srgb,var(--usa-rd-c) 25%,transparent),color-mix(in srgb,var(--usa-rd-c) 25%,transparent)) 50% 0/1px 100% no-repeat,linear-gradient(color-mix(in srgb,var(--usa-rd-c) 25%,transparent),color-mix(in srgb,var(--usa-rd-c) 25%,transparent)) 0 50%/100% 1px no-repeat}.usa-rd-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 300deg,color-mix(in srgb,var(--usa-rd-c) 15%,transparent) 330deg,color-mix(in srgb,var(--usa-rd-c) 70%,transparent) 360deg);animation:usa-rd-turn var(--usa-rd-period,4s) linear infinite;animation-play-state:paused}usa-radar[data-live] .usa-rd-sweep{animation-play-state:running}@keyframes usa-rd-turn{to{transform:rotate(360deg)}}.usa-rd-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--usa-rd-c);box-shadow:0 0 8px 2px var(--usa-rd-c);transform:translate(-50%,-50%);opacity:.15}.usa-rd-dot[data-lit]{opacity:1}.usa-rd-dot em{position:absolute;left:10px;top:-5px;font:600 9px/1 ui-monospace,Menlo,monospace;font-style:normal;color:var(--usa-rd-c);white-space:nowrap}@media (prefers-reduced-motion:reduce){.usa-rd-sweep{animation:none;transform:rotate(45deg)}}";
|
|
7821
|
+
|
|
7822
|
+
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7823
|
+
function parseTargets(s) {
|
|
7824
|
+
return s
|
|
7825
|
+
.split(';')
|
|
7826
|
+
.map((p) => p.trim())
|
|
7827
|
+
.filter(Boolean)
|
|
7828
|
+
.map((p) => {
|
|
7829
|
+
const m = p.match(/^(.*?):\s*(-?[\d.]+)\s*,\s*(-?[\d.]+)$/);
|
|
7830
|
+
if (!m)
|
|
7831
|
+
return null;
|
|
7832
|
+
return { name: m[1].trim(), bearing: ((Number(m[2]) % 360) + 360) % 360, distance: Math.min(1, Math.max(0, Number(m[3]))) };
|
|
7833
|
+
})
|
|
7834
|
+
.filter(Boolean);
|
|
7835
|
+
}
|
|
7836
|
+
const esc$1 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7837
|
+
function defineRadar(tag = 'usa-radar') {
|
|
7838
|
+
return defineElement(tag, (Base) => {
|
|
7839
|
+
class UsaRadar extends Base {
|
|
7840
|
+
constructor() {
|
|
7841
|
+
super(...arguments);
|
|
7842
|
+
this._t = null;
|
|
7843
|
+
this._timers = [];
|
|
7844
|
+
}
|
|
7845
|
+
static get observedAttributes() {
|
|
7846
|
+
return ['targets', 'rings', 'speed', 'label'];
|
|
7847
|
+
}
|
|
7848
|
+
get targets() {
|
|
7849
|
+
return (this._t || parseTargets(this.str('targets'))).map((t) => ({ ...t }));
|
|
7850
|
+
}
|
|
7851
|
+
set targets(v) {
|
|
7852
|
+
this.setTargets(v);
|
|
7853
|
+
}
|
|
7854
|
+
setTargets(list) {
|
|
7855
|
+
this._t = list.map((t) => ({ name: String(t.name), bearing: ((Number(t.bearing) % 360) + 360) % 360, distance: Math.min(1, Math.max(0, Number(t.distance))) }));
|
|
7856
|
+
if (this.isConnected)
|
|
7857
|
+
this.changed('targets');
|
|
7858
|
+
}
|
|
7859
|
+
mount() {
|
|
7860
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7861
|
+
const ts = this.targets;
|
|
7862
|
+
const rings = Math.max(1, Math.min(8, Math.round(this.num('rings', 4))));
|
|
7863
|
+
this.setAttribute('role', 'img');
|
|
7864
|
+
this.setAttribute('aria-label', `${this.str('label', 'Radar')}: ${ts.length ? ts.map((t) => `${t.name} at ${Math.round(t.bearing)}°`).join(', ') : 'no targets'}`);
|
|
7865
|
+
const ringHtml = Array.from({ length: rings }, (_, i) => `<i class="usa-rd-ring" style="--r:${((i + 1) / rings) * 100}%"></i>`).join('');
|
|
7866
|
+
const dots = ts
|
|
7867
|
+
.map((t, i) => {
|
|
7868
|
+
const a = ((t.bearing - 90) * Math.PI) / 180;
|
|
7869
|
+
const x = 50 + Math.cos(a) * t.distance * 48;
|
|
7870
|
+
const y = 50 + Math.sin(a) * t.distance * 48;
|
|
7871
|
+
return `<span class="usa-rd-dot" data-i="${i}" style="left:${x.toFixed(2)}%;top:${y.toFixed(2)}%"><em>${esc$1(t.name)}</em></span>`;
|
|
7872
|
+
})
|
|
7873
|
+
.join('');
|
|
7874
|
+
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>`);
|
|
7875
|
+
const period = Math.max(1, this.num('speed', 4)) * 1000;
|
|
7876
|
+
this.querySelector('.usa-rd').style.setProperty('--usa-rd-period', `${period}ms`);
|
|
7877
|
+
if (this.reduced) {
|
|
7878
|
+
this.querySelectorAll('.usa-rd-dot').forEach((d) => d.setAttribute('data-lit', ''));
|
|
7879
|
+
return;
|
|
7880
|
+
}
|
|
7881
|
+
this.inView((v) => {
|
|
7882
|
+
this.setFlag('data-live', v);
|
|
7883
|
+
this._timers.forEach(clearTimeout);
|
|
7884
|
+
this._timers = [];
|
|
7885
|
+
if (!v)
|
|
7886
|
+
return;
|
|
7887
|
+
const start = performance.now();
|
|
7888
|
+
const ping = (t, i) => {
|
|
7889
|
+
const d = this.querySelector(`.usa-rd-dot[data-i="${i}"]`);
|
|
7890
|
+
if (!d || !this.isConnected)
|
|
7891
|
+
return;
|
|
7892
|
+
this.motion(d, [{ opacity: 1, transform: 'translate(-50%,-50%) scale(1.5)' }, { opacity: 0.15, transform: 'translate(-50%,-50%) scale(1)' }], { duration: period * 0.85, easing: 'ease-out', fill: 'forwards' });
|
|
7893
|
+
this.emit('ping', { name: t.name });
|
|
7894
|
+
this._timers.push(setTimeout(() => ping(t, i), period));
|
|
7895
|
+
};
|
|
7896
|
+
ts.forEach((t, i) => {
|
|
7897
|
+
const elapsed = (performance.now() - start) % period;
|
|
7898
|
+
const at = ((t.bearing / 360) * period - elapsed + period) % period;
|
|
7899
|
+
this._timers.push(setTimeout(() => ping(t, i), at));
|
|
7900
|
+
});
|
|
7901
|
+
});
|
|
7902
|
+
this.onCleanup(() => this._timers.forEach(clearTimeout));
|
|
7903
|
+
}
|
|
7904
|
+
}
|
|
7905
|
+
return UsaRadar;
|
|
7906
|
+
}, { id: 'radar', text: css$2 });
|
|
7907
|
+
}
|
|
7908
|
+
|
|
7909
|
+
var css$1 = "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)}";
|
|
7910
|
+
|
|
7911
|
+
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7912
|
+
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
7913
|
+
return defineElement(tag, (Base) => {
|
|
7914
|
+
class UsaStickyWall extends Base {
|
|
7915
|
+
constructor() {
|
|
7916
|
+
super(...arguments);
|
|
7917
|
+
this._z = 1;
|
|
7918
|
+
}
|
|
7919
|
+
static get observedAttributes() {
|
|
7920
|
+
return ['seed', 'label'];
|
|
7921
|
+
}
|
|
7922
|
+
get notes() {
|
|
7923
|
+
return Array.from(this.children).filter((c) => !c.hasAttribute('data-usa-part'));
|
|
7924
|
+
}
|
|
7925
|
+
mount() {
|
|
7926
|
+
this.setAttribute('role', 'list');
|
|
7927
|
+
if (this.hasAttribute('label'))
|
|
7928
|
+
this.setAttribute('aria-label', this.str('label'));
|
|
7929
|
+
const r = paperRandom(this.num('seed', 3));
|
|
7930
|
+
const notes = this.notes;
|
|
7931
|
+
notes.forEach((n, i) => {
|
|
7932
|
+
n.classList.add('usa-sticky');
|
|
7933
|
+
n.setAttribute('role', 'listitem');
|
|
7934
|
+
n.tabIndex = 0;
|
|
7935
|
+
const c = COLORS.includes(n.dataset.color || '') ? n.dataset.color : COLORS[i % COLORS.length];
|
|
7936
|
+
n.setAttribute('data-paper', c);
|
|
7937
|
+
n.style.setProperty('--tilt', `${((r() - 0.5) * 8).toFixed(1)}deg`);
|
|
7938
|
+
});
|
|
7939
|
+
let shown = false;
|
|
7940
|
+
this.inView((v) => {
|
|
7941
|
+
if (!v || shown || this.reduced)
|
|
7942
|
+
return;
|
|
7943
|
+
shown = true;
|
|
7944
|
+
notes.forEach((n, i) => this.motion(n, [{ transform: 'translateY(-40px) rotate(calc(var(--tilt) * 3)) scale(1.1)', opacity: 0 }, { transform: 'translateY(4px) rotate(var(--tilt))', opacity: 1, offset: 0.75 }, { transform: 'rotate(var(--tilt))', opacity: 1 }], { duration: 520, delay: i * 110, easing: 'cubic-bezier(.3,1.2,.5,1)', fill: 'backwards' }));
|
|
7945
|
+
}, { threshold: 0.2 });
|
|
7946
|
+
this.listen(this, 'click', (e) => {
|
|
7947
|
+
const n = e.target.closest?.('.usa-sticky');
|
|
7948
|
+
if (n && n.parentElement === this)
|
|
7949
|
+
this.pick(this.notes.indexOf(n));
|
|
7950
|
+
});
|
|
7951
|
+
this.listen(this, 'keydown', (e) => {
|
|
7952
|
+
const n = e.target.closest?.('.usa-sticky');
|
|
7953
|
+
if (n && n.parentElement === this && (e.key === 'Enter' || e.key === ' ')) {
|
|
7954
|
+
e.preventDefault();
|
|
7955
|
+
this.pick(this.notes.indexOf(n));
|
|
7956
|
+
}
|
|
7957
|
+
});
|
|
7958
|
+
}
|
|
7959
|
+
/** Lift note `index` to the front with a little wiggle. */
|
|
7960
|
+
pick(index) {
|
|
7961
|
+
const n = this.notes[index];
|
|
7962
|
+
if (!n)
|
|
7963
|
+
return;
|
|
7964
|
+
n.style.zIndex = String(++this._z);
|
|
7965
|
+
this.notes.forEach((x) => x.removeAttribute('data-picked'));
|
|
7966
|
+
n.setAttribute('data-picked', '');
|
|
7967
|
+
if (!this.reduced)
|
|
7968
|
+
this.motion(n, [{ transform: 'rotate(var(--tilt)) scale(1)' }, { transform: 'rotate(0deg) scale(1.08)', offset: 0.4 }, { transform: 'rotate(var(--tilt)) scale(1.04)' }], { duration: 360, easing: 'ease-out' });
|
|
7969
|
+
this.emit('pick', { index });
|
|
7970
|
+
}
|
|
7971
|
+
}
|
|
7972
|
+
return UsaStickyWall;
|
|
7973
|
+
}, { id: 'sticky-wall', text: css$1 });
|
|
7974
|
+
}
|
|
7975
|
+
|
|
7976
|
+
var css = "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}";
|
|
7977
|
+
|
|
7978
|
+
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7979
|
+
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
7980
|
+
function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
7981
|
+
return defineElement(tag, (Base) => {
|
|
7982
|
+
class UsaSketchChart extends Base {
|
|
7983
|
+
constructor() {
|
|
7984
|
+
super(...arguments);
|
|
7985
|
+
this._v = null;
|
|
7986
|
+
}
|
|
7987
|
+
static get observedAttributes() {
|
|
7988
|
+
return ['values', 'labels', 'type', 'color', 'label'];
|
|
7989
|
+
}
|
|
7990
|
+
get values() {
|
|
7991
|
+
return (this._v || nums(this.str('values'))).slice();
|
|
7992
|
+
}
|
|
7993
|
+
set values(v) {
|
|
7994
|
+
this.setValues(v);
|
|
7995
|
+
}
|
|
7996
|
+
setValues(v) {
|
|
7997
|
+
this._v = v.map(Number).filter((x) => Number.isFinite(x));
|
|
7998
|
+
if (this.isConnected)
|
|
7999
|
+
this.changed('values');
|
|
8000
|
+
}
|
|
8001
|
+
mount() {
|
|
8002
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8003
|
+
const vs = this.values;
|
|
8004
|
+
const labels = this.str('labels').split(',').map((s) => s.trim());
|
|
8005
|
+
const line = this.str('type') === 'line';
|
|
8006
|
+
if (this.hasAttribute('color'))
|
|
8007
|
+
this.style.setProperty('--usa-sk-c', this.str('color'));
|
|
8008
|
+
this.setAttribute('role', 'img');
|
|
8009
|
+
this.setAttribute('aria-label', `${this.str('label', 'Chart')}: ${vs.map((v, i) => `${labels[i] || i + 1} ${v}`).join(', ') || 'no data'}`);
|
|
8010
|
+
const W = 240, H = 140, L = 22, B = 120, T = 12;
|
|
8011
|
+
const max = Math.max(1, ...vs);
|
|
8012
|
+
const step = vs.length ? (W - L - 8) / vs.length : 0;
|
|
8013
|
+
const y = (v) => B - (Math.max(0, v) / max) * (B - T);
|
|
8014
|
+
let g = `<path class="usa-sk-axis" d="${roughLine(L, T - 4, L, B, 1)} ${roughLine(L, B, W - 4, B, 2)}"/>`;
|
|
8015
|
+
if (line) {
|
|
8016
|
+
const pts = vs.map((v, i) => [L + step * (i + 0.5), y(v)]);
|
|
8017
|
+
g += pts.slice(1).map((p, i) => `<path class="usa-sk-mark" d="${roughLine(pts[i][0], pts[i][1], p[0], p[1], i + 5, 1.2)}"/>`).join('');
|
|
8018
|
+
g += pts.map(([x, yy]) => `<circle class="usa-sk-dot" cx="${x.toFixed(1)}" cy="${yy.toFixed(1)}" r="3.5"/>`).join('');
|
|
8019
|
+
}
|
|
8020
|
+
else {
|
|
8021
|
+
vs.forEach((v, i) => {
|
|
8022
|
+
const x0 = L + step * i + step * 0.2;
|
|
8023
|
+
const x1 = x0 + step * 0.6;
|
|
8024
|
+
const yy = y(v);
|
|
8025
|
+
g += `<path class="usa-sk-mark" d="${roughLine(x0, B, x0, yy, i * 3 + 7)} ${roughLine(x0, yy, x1, yy, i * 3 + 8)} ${roughLine(x1, yy, x1, B, i * 3 + 9)}"/>`;
|
|
8026
|
+
for (let h = yy + 8; h < B - 2; h += 9)
|
|
8027
|
+
g += `<path class="usa-sk-hatch" d="${roughLine(x0 + 2, Math.min(B, h + 5), x1 - 2, h - 3, h + i, 0.8)}"/>`;
|
|
8028
|
+
});
|
|
8029
|
+
}
|
|
8030
|
+
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc(labels[i])}</text>` : '')).join('');
|
|
8031
|
+
this.insertAdjacentHTML('beforeend', `<svg class="usa-sk" viewBox="0 0 ${W} ${H}" aria-hidden="true" data-usa-part>${g}</svg>`);
|
|
8032
|
+
if (this.reduced)
|
|
8033
|
+
return void this.setAttribute('data-drawn', '');
|
|
8034
|
+
this.listen(this, 'click', () => this.redraw());
|
|
8035
|
+
let done = false;
|
|
8036
|
+
this.inView((v) => {
|
|
8037
|
+
if (v && !done) {
|
|
8038
|
+
done = true;
|
|
8039
|
+
this.draw();
|
|
8040
|
+
}
|
|
8041
|
+
}, { threshold: 0.3 });
|
|
8042
|
+
}
|
|
8043
|
+
/** Sketch the chart in again. */
|
|
8044
|
+
redraw() {
|
|
8045
|
+
if (this.reduced)
|
|
8046
|
+
return;
|
|
8047
|
+
this.querySelectorAll('.usa-sk path, .usa-sk circle').forEach((p) => p.getAnimations?.().forEach((a) => a.cancel()));
|
|
8048
|
+
this.draw();
|
|
8049
|
+
}
|
|
8050
|
+
draw() {
|
|
8051
|
+
const strokes = Array.from(this.querySelectorAll('.usa-sk-axis, .usa-sk-mark, .usa-sk-hatch, .usa-sk-dot'));
|
|
8052
|
+
let last = null;
|
|
8053
|
+
strokes.forEach((p, i) => {
|
|
8054
|
+
let len = 150;
|
|
8055
|
+
try {
|
|
8056
|
+
len = p.getTotalLength?.() || 150;
|
|
8057
|
+
}
|
|
8058
|
+
catch {
|
|
8059
|
+
/* not rendered */
|
|
8060
|
+
}
|
|
8061
|
+
p.style.strokeDasharray = `${len}`;
|
|
8062
|
+
last = this.motion(p, [{ strokeDashoffset: `${len}` }, { strokeDashoffset: '0' }], { duration: 380, delay: i * 45, easing: 'ease-out', fill: 'backwards' }) || last;
|
|
8063
|
+
});
|
|
8064
|
+
this.setAttribute('data-drawn', '');
|
|
8065
|
+
const end = () => this.emit('drawn');
|
|
8066
|
+
if (last)
|
|
8067
|
+
last.finished.then(end, () => undefined);
|
|
8068
|
+
else
|
|
8069
|
+
end();
|
|
8070
|
+
}
|
|
8071
|
+
}
|
|
8072
|
+
return UsaSketchChart;
|
|
8073
|
+
}, { id: 'sketch-chart', text: css });
|
|
7765
8074
|
}
|
|
7766
8075
|
|
|
7767
8076
|
/**
|
|
@@ -7799,6 +8108,8 @@ const WIDGETS = {
|
|
|
7799
8108
|
'8.1': { 'usa-red-envelope': defineRedEnvelope, 'usa-festival-banner': defineFestivalBanner },
|
|
7800
8109
|
'8.2': { 'usa-terminal': defineTerminal, 'usa-retro-button': defineRetroButton },
|
|
7801
8110
|
'8.3': { 'usa-organic-card': defineOrganicCard, 'usa-liquid-nav': defineLiquidNav },
|
|
8111
|
+
'8.4': { 'usa-hud-panel': defineHudPanel, 'usa-radar': defineRadar },
|
|
8112
|
+
'8.5': { 'usa-sticky-wall': defineStickyWall, 'usa-sketch-chart': defineSketchChart },
|
|
7802
8113
|
};
|
|
7803
8114
|
/** Every widget tag, in release order. */
|
|
7804
8115
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -7810,5 +8121,5 @@ function defineWidgets(release) {
|
|
|
7810
8121
|
fn(tag);
|
|
7811
8122
|
}
|
|
7812
8123
|
|
|
7813
|
-
export { CAROUSEL_EFFECTS, EQ_PRESETS, FESTIVAL_THEMES, MENU_EFFECTS, MODAL_EFFECTS, NAV_INDICATORS, PRESENCE_STATES, PROGRESS_VARIANTS, RETRO_VARIANTS, SEGMENTED_VARIANTS, SHEET_SIDES, SKELETON_VARIANTS, SPARK_VARIANTS, SWITCH_VARIANTS, TAB_INDICATORS, TIP_PLACEMENTS, TOAST_POSITIONS, TOGGLE_VARIANTS, WEATHER_CONDITIONS, WIDGETS, WIDGET_TAGS, badgeProgress, cartTotal, defineAddToCart, defineBadgeWall, defineBarChart, defineCarousel, defineCartDrawer, defineChatComposer, defineClockControl, defineColorPicker, defineCommandPalette, defineCompare, defineCountdown, defineCubeGallery, defineDatePicker, defineDisclosure, defineDock, defineEqualizer, defineFestivalBanner, defineField, defineFileDrop, defineGauge, defineGlobe, defineHydrate, defineKanban, defineKeyframeEditor, defineKpi, defineLeaderboard, defineLiquidNav, defineLocationCard, defineLyrics, defineMasonryFlow, defineMenu, defineMenuToggle, defineMessageList, defineMilestones, defineModal, defineMusicPlayer, defineNavMorph, defineNotificationBell, defineOdometer, defineOrganicCard, defineOtp, definePagination, definePresence, definePrizeWheel, defineProductGallery, defineProgressRing, definePullCord, defineReactions, defineRedEnvelope, defineRetroButton, defineSegmented, defineSheet, defineShortcut, defineSkeletonReveal, defineSparkline, defineStarRating, defineStepper, defineStories, defineSuggestionChips, defineSwipeDeck, defineSwitch, defineTabBar, defineTerminal, defineTip, defineToastStack, defineUploadProgress, defineVoiceButton, defineVolumeKnob, defineWeatherCard, defineWidgets, defineXpBar, formatBytes, formatDistance, fuzzyMatch, haversine, hexToHsv, hsvToHex, initials, keyLabels, levelFor, matchesKeys, monthGrid, pageWindow, parseChips, parseISODate, parseLRC, parseMarkers, parseReactions, passwordStrength, project, rankRows, sanitizeCode, sparkPoints, splitTime, stackToast, waveBars, wheelAngle, wrapIndex };
|
|
8124
|
+
export { CAROUSEL_EFFECTS, EQ_PRESETS, FESTIVAL_THEMES, MENU_EFFECTS, MODAL_EFFECTS, NAV_INDICATORS, PRESENCE_STATES, PROGRESS_VARIANTS, RETRO_VARIANTS, SEGMENTED_VARIANTS, SHEET_SIDES, SKELETON_VARIANTS, SPARK_VARIANTS, SWITCH_VARIANTS, TAB_INDICATORS, TIP_PLACEMENTS, TOAST_POSITIONS, TOGGLE_VARIANTS, WEATHER_CONDITIONS, WIDGETS, WIDGET_TAGS, badgeProgress, cartTotal, defineAddToCart, defineBadgeWall, defineBarChart, defineCarousel, defineCartDrawer, defineChatComposer, defineClockControl, defineColorPicker, defineCommandPalette, defineCompare, defineCountdown, defineCubeGallery, defineDatePicker, defineDisclosure, defineDock, defineEqualizer, defineFestivalBanner, defineField, defineFileDrop, defineGauge, defineGlobe, defineHudPanel, defineHydrate, defineKanban, defineKeyframeEditor, defineKpi, defineLeaderboard, defineLiquidNav, defineLocationCard, defineLyrics, defineMasonryFlow, defineMenu, defineMenuToggle, defineMessageList, defineMilestones, defineModal, defineMusicPlayer, defineNavMorph, defineNotificationBell, defineOdometer, defineOrganicCard, defineOtp, definePagination, definePresence, definePrizeWheel, defineProductGallery, defineProgressRing, definePullCord, defineRadar, defineReactions, defineRedEnvelope, defineRetroButton, defineSegmented, defineSheet, defineShortcut, defineSkeletonReveal, defineSketchChart, defineSparkline, defineStarRating, defineStepper, defineStickyWall, defineStories, defineSuggestionChips, defineSwipeDeck, defineSwitch, defineTabBar, defineTerminal, defineTip, defineToastStack, defineUploadProgress, defineVoiceButton, defineVolumeKnob, defineWeatherCard, defineWidgets, defineXpBar, formatBytes, formatDistance, fuzzyMatch, haversine, hexToHsv, hsvToHex, initials, keyLabels, levelFor, matchesKeys, monthGrid, pageWindow, parseChips, parseISODate, parseLRC, parseMarkers, parseReactions, parseTargets, passwordStrength, project, rankRows, sanitizeCode, sparkPoints, splitTime, stackToast, waveBars, wheelAngle, wrapIndex };
|
|
7814
8125
|
//# sourceMappingURL=widgets.js.map
|