use-scroll-animate 8.8.0 → 8.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/bin/usa-codemod-9.mjs +71 -0
- package/dist/components/effects.cjs +25 -2
- package/dist/components/effects.cjs.map +1 -1
- package/dist/components/effects.d.cts +13 -2
- package/dist/components/effects.d.ts +13 -2
- package/dist/components/effects.js +23 -4
- package/dist/components/effects.js.map +1 -1
- package/dist/components/widgets.cjs +468 -186
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +59 -2
- package/dist/components/widgets.d.ts +59 -2
- package/dist/components/widgets.js +464 -187
- package/dist/components/widgets.js.map +1 -1
- package/dist/components.umd.js +2 -2
- package/dist/components.umd.js.map +1 -1
- package/dist/widgets.umd.js +1 -1
- package/dist/widgets.umd.js.map +1 -1
- package/docs/ROADMAP.md +1 -1
- package/docs/components.md +16 -0
- package/docs/deprecations.md +4 -0
- package/docs/upgrading-9.md +27 -0
- package/package.json +3 -2
|
@@ -51,7 +51,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
51
51
|
return -1;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
var css$
|
|
54
|
+
var css$1f = "usa-carousel{display:block;position:relative;--usa-carousel-dur:520ms;--usa-carousel-ease:cubic-bezier(.22,1,.36,1);overflow:hidden;border-radius:var(--usa-radius,14px);touch-action:pan-y}.usa-carousel-viewport{position:relative;overflow:hidden;height:100%;min-height:inherit}.usa-carousel-track{display:flex;height:100%;transition:transform var(--usa-carousel-dur) var(--usa-carousel-ease);will-change:transform}.usa-carousel-track>*{flex:0 0 100%;min-width:0;box-sizing:border-box}usa-carousel:not([data-effect=\"slide\"]) .usa-carousel-track{display:grid}usa-carousel:not([data-effect=\"slide\"]) .usa-carousel-track>*{grid-area:1/1;transition:opacity var(--usa-carousel-dur) ease,transform var(--usa-carousel-dur) var(--usa-carousel-ease),filter var(--usa-carousel-dur) ease}usa-carousel[data-effect=\"cards\"] .usa-carousel-viewport{perspective:900px}usa-carousel[data-dragging] .usa-carousel-track,usa-carousel[data-dragging] .usa-carousel-track>*{transition:none}.usa-carousel-nav{position:absolute;top:50%;translate:0 -50%;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:#111;font:600 18px/1 system-ui;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:transform .2s}.usa-carousel-nav:hover{transform:scale(1.08)}.usa-carousel-nav:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}.usa-carousel-prev{left:10px}.usa-carousel-next{right:10px}.usa-carousel-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px;z-index:2}.usa-carousel-dot{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.55);cursor:pointer;transition:width .35s var(--usa-carousel-ease),background .35s}.usa-carousel-dot[aria-current=\"true\"]{width:22px;background:#fff}@media (prefers-reduced-motion:reduce){usa-carousel .usa-carousel-track,usa-carousel .usa-carousel-track>*,.usa-carousel-dot{transition:none!important}}usa-carousel[data-reduced] .usa-carousel-track,usa-carousel[data-reduced] .usa-carousel-track>*{transition:none!important}";
|
|
55
55
|
|
|
56
56
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
57
57
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -240,10 +240,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
240
240
|
}
|
|
241
241
|
}
|
|
242
242
|
return UsaCarousel;
|
|
243
|
-
}, { id: 'carousel', text: css$
|
|
243
|
+
}, { id: 'carousel', text: css$1f });
|
|
244
244
|
}
|
|
245
245
|
|
|
246
|
-
var css$
|
|
246
|
+
var css$1e = "usa-tab-bar{display:block;--usa-tab-accent:#7c5cff;--usa-tab-ease:cubic-bezier(.22,1,.36,1)}.usa-tab-bar-list{position:relative;display:flex;gap:4px;padding:4px;border-radius:12px;background:rgba(127,127,127,.12);isolation:isolate;overflow-x:auto;scrollbar-width:none}.usa-tab-bar-list::-webkit-scrollbar{display:none}.usa-tab-bar-list>[role=\"tab\"]{position:relative;z-index:1;flex:1 0 auto;border:0;background:none;color:inherit;font:inherit;font-weight:600;padding:8px 14px;border-radius:9px;cursor:pointer;opacity:.7;transition:opacity .25s,color .25s;white-space:nowrap}.usa-tab-bar-list>[role=\"tab\"][aria-selected=\"true\"]{opacity:1}.usa-tab-bar-list>[role=\"tab\"]:focus-visible{outline:2px solid var(--usa-tab-accent);outline-offset:1px}.usa-tab-bar-ink{position:absolute;z-index:0;left:0;top:4px;bottom:4px;width:0;border-radius:9px;background:var(--usa-tab-accent);pointer-events:none}usa-tab-bar[data-indicator=\"pill\"] [aria-selected=\"true\"]{color:#fff}usa-tab-bar[data-indicator=\"underline\"] .usa-tab-bar-list{background:none;border-bottom:1px solid rgba(127,127,127,.25);border-radius:0}usa-tab-bar[data-indicator=\"underline\"] .usa-tab-bar-ink{top:auto;bottom:0;height:3px;border-radius:3px}usa-tab-bar[data-indicator=\"glow\"] .usa-tab-bar-ink{background:transparent;box-shadow:0 0 0 2px var(--usa-tab-accent),0 0 18px var(--usa-tab-accent)}usa-tab-bar[data-indicator=\"gooey\"] .usa-tab-bar-ink{filter:blur(.5px);border-radius:999px}usa-tab-bar[data-indicator=\"gooey\"] [aria-selected=\"true\"]{color:#fff}.usa-tab-bar-panel{padding:14px 2px}.usa-tab-bar-panel[hidden]{display:none}";
|
|
247
247
|
|
|
248
248
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
249
249
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -356,10 +356,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
356
356
|
}
|
|
357
357
|
}
|
|
358
358
|
return UsaTabBar;
|
|
359
|
-
}, { id: 'tab-bar', text: css$
|
|
359
|
+
}, { id: 'tab-bar', text: css$1e });
|
|
360
360
|
}
|
|
361
361
|
|
|
362
|
-
var css$
|
|
362
|
+
var css$1d = "usa-disclosure{display:block;--usa-disclosure-accent:#7c5cff}usa-disclosure>details{border-bottom:1px solid rgba(127,127,127,.25);overflow:hidden}usa-disclosure>details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;font-weight:600}usa-disclosure>details>summary::-webkit-details-marker{display:none}usa-disclosure>details>summary::after{content:\"\";flex:none;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg;translate:0 -3px;transition:rotate .35s cubic-bezier(.34,1.56,.64,1),translate .35s}usa-disclosure>details[open]>summary::after{rotate:225deg;translate:0 2px}usa-disclosure>details>summary:focus-visible{outline:2px solid var(--usa-disclosure-accent);outline-offset:2px;border-radius:6px}usa-disclosure>details>:not(summary){padding:0 4px 12px}usa-disclosure[variant=\"cards\"]>details{border:1px solid rgba(127,127,127,.25);border-radius:12px;margin-bottom:8px;padding:0 10px;transition:box-shadow .3s,border-color .3s}usa-disclosure[variant=\"cards\"]>details[open]{border-color:var(--usa-disclosure-accent);box-shadow:0 8px 24px rgba(124,92,255,.16)}@media (prefers-reduced-motion:reduce){usa-disclosure>details>summary::after{transition:none}}";
|
|
363
363
|
|
|
364
364
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
365
365
|
return base.defineElement(tag, (Base) => {
|
|
@@ -427,10 +427,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
427
427
|
}
|
|
428
428
|
}
|
|
429
429
|
return UsaDisclosure;
|
|
430
|
-
}, { id: 'disclosure', text: css$
|
|
430
|
+
}, { id: 'disclosure', text: css$1d });
|
|
431
431
|
}
|
|
432
432
|
|
|
433
|
-
var css$
|
|
433
|
+
var css$1c = "usa-stories{display:block;position:relative;overflow:hidden;border-radius:var(--usa-radius,16px);background:#111;color:#fff;aspect-ratio:9/14;max-height:520px;user-select:none;-webkit-user-select:none;touch-action:manipulation}usa-stories>:not([data-usa-part]){position:absolute;inset:0;opacity:0;transition:opacity .35s ease,transform .5s cubic-bezier(.22,1,.36,1);transform:scale(1.04);pointer-events:none;box-sizing:border-box}usa-stories>[data-active]:not([data-usa-part]){opacity:1;transform:none;pointer-events:auto}usa-stories>img:not([data-usa-part]){width:100%;height:100%;object-fit:cover}.usa-stories-bars{position:absolute;z-index:3;top:8px;left:8px;right:48px;display:flex;gap:4px}.usa-stories-bar{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}.usa-stories-bar>i{display:block;height:100%;width:100%;background:#fff;transform-origin:left;transform:scaleX(0)}.usa-stories-bar[data-done]>i{transform:scaleX(1)}.usa-stories-toggle{position:absolute;z-index:3;top:2px;right:6px;width:36px;height:30px;border:0;background:none;color:#fff;font:700 14px/1 system-ui;cursor:pointer;border-radius:8px}.usa-stories-toggle:focus-visible{outline:2px solid #fff}@media (prefers-reduced-motion:reduce){usa-stories>*{transition:none!important;transform:none!important}}";
|
|
434
434
|
|
|
435
435
|
function defineStories(tag = 'usa-stories') {
|
|
436
436
|
return base.defineElement(tag, (Base) => {
|
|
@@ -563,10 +563,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
563
563
|
}
|
|
564
564
|
}
|
|
565
565
|
return UsaStories;
|
|
566
|
-
}, { id: 'stories', text: css$
|
|
566
|
+
}, { id: 'stories', text: css$1c });
|
|
567
567
|
}
|
|
568
568
|
|
|
569
|
-
var css$
|
|
569
|
+
var css$1b = "usa-modal,usa-sheet{display:contents}.usa-ov{border:0;padding:0;margin:auto;color:inherit;background:transparent;max-width:min(92vw,520px);max-height:88vh;overflow:visible}.usa-ov::backdrop{background:rgba(10,12,20,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.usa-ov-body{box-sizing:border-box;background:var(--usa-ov-bg,#fff);color:var(--usa-ov-fg,#111827);border-radius:var(--usa-ov-radius,18px);padding:var(--usa-ov-pad,22px);box-shadow:0 30px 80px -20px rgba(0,0,0,.45);max-height:88vh;overflow:auto}.usa-sheet-panel{margin:0;max-width:none;max-height:none}usa-sheet[data-side=\"right\"] .usa-sheet-panel{inset:0 0 0 auto;height:100%;width:min(88vw,var(--usa-sheet-size,380px))}usa-sheet[data-side=\"left\"] .usa-sheet-panel{inset:0 auto 0 0;height:100%;width:min(88vw,var(--usa-sheet-size,380px))}usa-sheet[data-side=\"bottom\"] .usa-sheet-panel{inset:auto 0 0 0;width:100%;max-height:85vh}usa-sheet[data-side=\"top\"] .usa-sheet-panel{inset:0 0 auto 0;width:100%;max-height:85vh}usa-sheet .usa-ov-body{height:100%;max-height:inherit;border-radius:0}usa-sheet[data-side=\"bottom\"] .usa-ov-body{border-radius:var(--usa-ov-radius,18px) var(--usa-ov-radius,18px) 0 0;height:auto;max-height:85vh;touch-action:none}usa-sheet[data-side=\"top\"] .usa-ov-body{border-radius:0 0 var(--usa-ov-radius,18px) var(--usa-ov-radius,18px);height:auto}.usa-ov-grab{width:44px;height:5px;border-radius:3px;background:rgba(127,127,127,.45);margin:-8px auto 14px;cursor:grab}@media (prefers-color-scheme:dark){.usa-ov-body{background:var(--usa-ov-bg,#171a23);color:var(--usa-ov-fg,#e5e7eb)}}";
|
|
570
570
|
|
|
571
571
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
572
572
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -793,12 +793,12 @@ function defineOverlay(tag, kind) {
|
|
|
793
793
|
}
|
|
794
794
|
}
|
|
795
795
|
return UsaOverlay;
|
|
796
|
-
}, { id: 'overlay', text: css$
|
|
796
|
+
}, { id: 'overlay', text: css$1b });
|
|
797
797
|
}
|
|
798
798
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
799
799
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
800
800
|
|
|
801
|
-
var css$
|
|
801
|
+
var css$1a = "usa-toast-stack{position:fixed;z-index:2147482000;width:min(360px,calc(100vw - 24px));pointer-events:none;--usa-tstack-bg:#111827;--usa-tstack-fg:#f9fafb}usa-toast-stack[contained]{position:absolute;width:min(360px,calc(100% - 24px))}usa-toast-stack[data-position^=\"bottom\"]{bottom:12px}usa-toast-stack[data-position^=\"top\"]{top:12px}usa-toast-stack[data-position$=\"right\"]{right:12px}usa-toast-stack[data-position$=\"left\"]{left:12px}usa-toast-stack[data-position$=\"center\"]{left:50%;transform:translateX(-50%)}.usa-tstack-list{position:relative;list-style:none;margin:0;padding:0;min-height:1px;transition:height .3s}.usa-tstack{position:absolute;left:0;right:0;display:flex;align-items:center;gap:10px;box-sizing:border-box;padding:12px 12px 12px 14px;border-radius:14px;background:var(--usa-tstack-bg);color:var(--usa-tstack-fg);box-shadow:0 12px 32px -10px rgba(0,0,0,.45);font:500 14px/1.35 system-ui,sans-serif;pointer-events:auto;touch-action:pan-y;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .3s;user-select:none}usa-toast-stack[data-position^=\"bottom\"] .usa-tstack{bottom:0;transform-origin:50% 100%}usa-toast-stack[data-position^=\"top\"] .usa-tstack{top:0;transform-origin:50% 0}.usa-tstack-icon{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:13px;font-weight:800;background:#3b82f6;color:#fff}.usa-tstack-success .usa-tstack-icon{background:#22c55e}.usa-tstack-warning .usa-tstack-icon{background:#f59e0b}.usa-tstack-error .usa-tstack-icon{background:#ef4444}.usa-tstack-text{flex:1;min-width:0;display:flex;flex-direction:column}.usa-tstack-text strong{font-weight:700}.usa-tstack-action{border:0;border-radius:8px;padding:6px 10px;background:rgba(255,255,255,.14);color:inherit;font:600 13px system-ui,sans-serif;cursor:pointer}.usa-tstack-close{border:0;background:none;color:inherit;opacity:.6;font-size:18px;line-height:1;cursor:pointer;padding:2px 4px}.usa-tstack-close:hover{opacity:1}@media (prefers-reduced-motion:reduce){.usa-tstack,.usa-tstack-list{transition:none}}";
|
|
802
802
|
|
|
803
803
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
804
804
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -969,7 +969,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
969
969
|
}
|
|
970
970
|
}
|
|
971
971
|
return UsaToastStack;
|
|
972
|
-
}, { id: 'toast', text: css$
|
|
972
|
+
}, { id: 'toast', text: css$1a });
|
|
973
973
|
}
|
|
974
974
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
975
975
|
function stackToast(input, stack) {
|
|
@@ -997,7 +997,7 @@ function installToastTriggers() {
|
|
|
997
997
|
});
|
|
998
998
|
}
|
|
999
999
|
|
|
1000
|
-
var css$
|
|
1000
|
+
var css$19 = "usa-menu{position:relative;display:inline-block}.usa-menu-list{position:absolute;z-index:50;min-width:180px;max-width:min(280px,90vw);box-sizing:border-box;padding:6px;border-radius:12px;background:var(--usa-menu-bg,#fff);color:var(--usa-menu-fg,#111827);box-shadow:0 18px 44px -12px rgba(0,0,0,.35),0 0 0 1px rgba(127,127,127,.15);display:flex;flex-direction:column;gap:2px;text-align:left}.usa-menu-list[hidden]{display:none}usa-menu[data-placement^=\"bottom\"] .usa-menu-list{top:calc(100% + 6px)}usa-menu[data-placement^=\"top\"] .usa-menu-list{bottom:calc(100% + 6px)}usa-menu[data-placement$=\"start\"] .usa-menu-list{left:0;transform-origin:0 0}usa-menu[data-placement$=\"end\"] .usa-menu-list{right:0;transform-origin:100% 0}usa-menu[data-placement=\"top-start\"] .usa-menu-list{transform-origin:0 100%}usa-menu[data-placement=\"top-end\"] .usa-menu-list{transform-origin:100% 100%}.usa-menu-list>[role=\"menuitem\"]{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;border:0;background:none;color:inherit;font:500 14px/1.3 system-ui,sans-serif;text-align:left;text-decoration:none;padding:8px 10px;border-radius:8px;cursor:pointer}.usa-menu-list>[role=\"menuitem\"]:hover,.usa-menu-list>[role=\"menuitem\"]:focus-visible{background:var(--usa-menu-hover,rgba(124,92,255,.14));outline:none}.usa-menu-list>hr{border:0;border-top:1px solid rgba(127,127,127,.2);margin:4px 2px}@media (prefers-color-scheme:dark){.usa-menu-list{background:var(--usa-menu-bg,#1d2130);color:var(--usa-menu-fg,#e5e7eb)}}";
|
|
1001
1001
|
|
|
1002
1002
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
1003
1003
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1136,10 +1136,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1136
1136
|
}
|
|
1137
1137
|
}
|
|
1138
1138
|
return UsaMenu;
|
|
1139
|
-
}, { id: 'menu', text: css$
|
|
1139
|
+
}, { id: 'menu', text: css$19 });
|
|
1140
1140
|
}
|
|
1141
1141
|
|
|
1142
|
-
var css$
|
|
1142
|
+
var css$18 = "usa-progress-ring{position:relative;display:inline-block;vertical-align:middle;width:var(--usa-pr-size,120px);aspect-ratio:1;--usa-pr-color:#7c5cff;--usa-pr-track:rgba(127,127,127,.18);--usa-pr-width:9;font:700 calc(var(--usa-pr-size,120px)*.2)/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}usa-progress-ring[data-variant=\"semi\"]{aspect-ratio:100/56}.usa-pr-label{position:absolute;inset:0;display:grid;place-items:center}usa-progress-ring[data-variant=\"semi\"] .usa-pr-label{place-items:end center}usa-progress-ring[data-variant=\"bar\"]{display:inline-flex;width:var(--usa-pr-size,100%);aspect-ratio:auto;gap:10px;align-items:center;font-size:14px}usa-progress-ring[data-variant=\"bar\"]>.usa-pr-track{flex:1 1 auto;min-width:40px}usa-progress-ring[data-variant=\"bar\"] .usa-pr-label{position:static;display:inline}usa-progress-ring .usa-pr-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.usa-pr-svg path{fill:none;stroke-width:var(--usa-pr-width);stroke-linecap:round}.usa-pr-svg .usa-pr-track{stroke:var(--usa-pr-track)}.usa-pr-svg .usa-pr-arc{stroke:var(--usa-pr-color)}usa-progress-ring[data-variant=\"semi\"] .usa-pr-label{padding-bottom:2%}.usa-pr-track:is(div){height:10px;border-radius:999px;background:var(--usa-pr-track);overflow:hidden}.usa-pr-fill{height:100%;border-radius:inherit;background:var(--usa-pr-color);transform-origin:0 50%;transform:scaleX(0)}usa-progress-ring[data-indeterminate] .usa-pr-svg{animation:usa-pr-spin 1.1s linear infinite}usa-progress-ring[data-indeterminate] .usa-pr-fill{width:35%;transform:none!important;animation:usa-pr-slide 1.3s ease-in-out infinite}@keyframes usa-pr-spin{to{transform:rotate(360deg)}}@keyframes usa-pr-slide{from{margin-left:-35%}to{margin-left:100%}}usa-odometer{display:inline-flex;align-items:flex-end;font-variant-numeric:tabular-nums;line-height:1.15}.usa-odo-row{display:inline-flex;align-items:flex-end}.usa-odo-col{display:inline-block;height:1.15em;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}.usa-odo-strip{display:block;white-space:pre;line-height:1.15em;text-align:center}.usa-odo-sym{display:inline-block;height:1.15em}@media (prefers-reduced-motion:reduce){usa-progress-ring[data-indeterminate] .usa-pr-svg,usa-progress-ring[data-indeterminate] .usa-pr-fill{animation-duration:4s}}";
|
|
1143
1143
|
|
|
1144
1144
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1145
1145
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1279,7 +1279,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1279
1279
|
}
|
|
1280
1280
|
}
|
|
1281
1281
|
return UsaProgressRing;
|
|
1282
|
-
}, { id: 'meters', text: css$
|
|
1282
|
+
}, { id: 'meters', text: css$18 });
|
|
1283
1283
|
}
|
|
1284
1284
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1285
1285
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1389,10 +1389,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1389
1389
|
}
|
|
1390
1390
|
}
|
|
1391
1391
|
return UsaOdometer;
|
|
1392
|
-
}, { id: 'meters', text: css$
|
|
1392
|
+
}, { id: 'meters', text: css$18 });
|
|
1393
1393
|
}
|
|
1394
1394
|
|
|
1395
|
-
var css$
|
|
1395
|
+
var css$17 = "usa-skeleton-reveal{position:relative;display:block;--usa-sk-base:rgba(127,127,127,.16);--usa-sk-hi:rgba(255,255,255,.55)}usa-skeleton-reveal[data-loading]>:not(.usa-sk-layer){visibility:hidden}.usa-sk-layer{position:absolute;inset:0;pointer-events:none}.usa-sk-box{position:absolute;border-radius:6px;background:var(--usa-sk-base);overflow:hidden}usa-skeleton-reveal[data-variant=\"wave\"] .usa-sk-box{background:linear-gradient(100deg,var(--usa-sk-base) 30%,var(--usa-sk-hi) 50%,var(--usa-sk-base) 70%) var(--usa-sk-x,0) 0/var(--usa-sk-w,600px) 100% no-repeat,var(--usa-sk-base);animation:usa-sk-wave 1.4s linear infinite}usa-skeleton-reveal[data-variant=\"pulse\"] .usa-sk-box{animation:usa-sk-pulse 1.2s ease-in-out infinite alternate}usa-skeleton-reveal[data-variant=\"glow\"] .usa-sk-box{animation:usa-sk-glow 1.6s ease-in-out infinite alternate}@keyframes usa-sk-wave{from{background-position:calc(var(--usa-sk-x,0px) - var(--usa-sk-w,600px)) 0,0 0}to{background-position:calc(var(--usa-sk-x,0px) + var(--usa-sk-w,600px)) 0,0 0}}@keyframes usa-sk-pulse{from{opacity:1}to{opacity:.45}}@keyframes usa-sk-glow{from{box-shadow:0 0 0 rgba(124,92,255,0)}to{box-shadow:0 0 14px rgba(124,92,255,.45);background:rgba(124,92,255,.22)}}@media (prefers-color-scheme:dark){usa-skeleton-reveal{--usa-sk-hi:rgba(255,255,255,.16)}}@media (prefers-reduced-motion:reduce){.usa-sk-box{animation:none!important}}";
|
|
1396
1396
|
|
|
1397
1397
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1398
1398
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1507,10 +1507,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1507
1507
|
}
|
|
1508
1508
|
}
|
|
1509
1509
|
return UsaSkeletonReveal;
|
|
1510
|
-
}, { id: 'skeleton-reveal', text: css$
|
|
1510
|
+
}, { id: 'skeleton-reveal', text: css$17 });
|
|
1511
1511
|
}
|
|
1512
1512
|
|
|
1513
|
-
var css$
|
|
1513
|
+
var css$16 = "usa-star-rating{display:inline-flex;gap:var(--usa-star-gap,4px);--usa-star-size:28px;--usa-star-on:#fbbf24;--usa-star-off:rgba(127,127,127,.28);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:8px}usa-star-rating[readonly]{cursor:default}usa-star-rating:focus-visible{outline:2px solid var(--usa-star-on);outline-offset:4px}.usa-star{position:relative;display:inline-block;width:var(--usa-star-size);height:var(--usa-star-size);--usa-star-fill:0%}.usa-star svg{display:block;width:100%;height:100%;overflow:visible;stroke:none}.usa-star-bg{fill:var(--usa-star-off)}.usa-star-fg{position:absolute;left:0;top:0;bottom:0;width:var(--usa-star-fill);overflow:hidden;transition:width .18s ease-out}.usa-star-fg svg{width:var(--usa-star-size);height:var(--usa-star-size);fill:var(--usa-star-on);filter:drop-shadow(0 1px 3px rgba(251,191,36,.45))}usa-star-rating[data-preview] .usa-star-fg{opacity:.8}.usa-star-spark{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:var(--usa-star-on);pointer-events:none}@media (prefers-reduced-motion:reduce){.usa-star-fg{transition:none}}";
|
|
1514
1514
|
|
|
1515
1515
|
const PATHS = {
|
|
1516
1516
|
star: 'M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6L2.5 9.4l6.6-.8z',
|
|
@@ -1647,10 +1647,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1647
1647
|
}
|
|
1648
1648
|
UsaStarRating.formAssociated = true;
|
|
1649
1649
|
return UsaStarRating;
|
|
1650
|
-
}, { id: 'star-rating', text: css$
|
|
1650
|
+
}, { id: 'star-rating', text: css$16 });
|
|
1651
1651
|
}
|
|
1652
1652
|
|
|
1653
|
-
var css$
|
|
1653
|
+
var css$15 = "usa-milestones{position:relative;display:block;--usa-ms-color:#7c5cff;--usa-ms-rail:rgba(127,127,127,.22);--usa-ms-gap:28px;padding:4px 0}.usa-ms-rail{position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;border-radius:3px;background:var(--usa-ms-rail);overflow:hidden}.usa-ms-fill{position:absolute;inset:0;background:linear-gradient(var(--usa-ms-color),#22d3ee);transform-origin:50% 0;transform:scaleY(0)}.usa-ms-item{position:relative;box-sizing:border-box;width:50%;padding:0 var(--usa-ms-gap) var(--usa-ms-gap);text-align:left}.usa-ms-item[data-side=\"right\"]{margin-left:50%}.usa-ms-item[data-side=\"left\"]{text-align:right}.usa-ms-dot{position:absolute;top:4px;width:14px;height:14px;border-radius:50%;background:var(--usa-ms-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--usa-ms-color) 22%,transparent);transform:scale(0)}.usa-ms-item[data-reached] .usa-ms-dot{transform:none}.usa-ms-item[data-side=\"right\"] .usa-ms-dot{left:-7px}.usa-ms-item[data-side=\"left\"] .usa-ms-dot{right:-7px}.usa-ms-date{display:block;font-size:.8em;font-weight:700;letter-spacing:.04em;color:var(--usa-ms-color);margin-bottom:2px}.usa-ms-item:not([data-reached])>:not(.usa-ms-dot){opacity:0}usa-milestones[data-layout=\"left\"] .usa-ms-rail{left:7px}usa-milestones[data-layout=\"left\"] .usa-ms-item{width:auto;margin-left:0;padding-left:calc(var(--usa-ms-gap) + 8px);text-align:left}usa-milestones[data-layout=\"left\"] .usa-ms-dot{left:1px;right:auto}@media (max-width:640px){usa-milestones .usa-ms-rail{left:7px}usa-milestones .usa-ms-item{width:auto;margin-left:0;padding-left:calc(var(--usa-ms-gap) + 8px);text-align:left}usa-milestones .usa-ms-item .usa-ms-dot{left:1px;right:auto}}";
|
|
1654
1654
|
|
|
1655
1655
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1656
1656
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1738,10 +1738,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1738
1738
|
}
|
|
1739
1739
|
}
|
|
1740
1740
|
return UsaMilestones;
|
|
1741
|
-
}, { id: 'milestones', text: css$
|
|
1741
|
+
}, { id: 'milestones', text: css$15 });
|
|
1742
1742
|
}
|
|
1743
1743
|
|
|
1744
|
-
var css$
|
|
1744
|
+
var css$14 = "usa-masonry-flow{position:relative;display:block;width:100%}usa-masonry-flow>*{position:absolute;left:0;top:0;box-sizing:border-box;margin:0;will-change:transform}usa-masonry-flow>[data-hidden]:not([data-leaving]){display:none}usa-masonry-flow>[data-leaving]{pointer-events:none}";
|
|
1745
1745
|
|
|
1746
1746
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1747
1747
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1862,10 +1862,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1862
1862
|
}
|
|
1863
1863
|
}
|
|
1864
1864
|
return UsaMasonryFlow;
|
|
1865
|
-
}, { id: 'masonry-flow', text: css$
|
|
1865
|
+
}, { id: 'masonry-flow', text: css$14 });
|
|
1866
1866
|
}
|
|
1867
1867
|
|
|
1868
|
-
var css$
|
|
1868
|
+
var css$13 = "usa-compare{position:relative;display:grid;overflow:hidden;border-radius:var(--usa-cmp-radius,14px);user-select:none;touch-action:pan-y;cursor:ew-resize;--usa-cmp-line:#fff;outline-offset:3px}usa-compare[data-orientation=\"vertical\"]{touch-action:pan-x;cursor:ns-resize}usa-compare>.usa-cmp-before,usa-compare>.usa-cmp-after{grid-area:1/1;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.usa-cmp-handle{position:absolute;top:0;bottom:0;left:50%;width:0;z-index:2;pointer-events:none}.usa-cmp-handle::before{content:\"\";position:absolute;top:0;bottom:0;left:-1.5px;width:3px;background:var(--usa-cmp-line);box-shadow:0 0 8px rgba(0,0,0,.35)}usa-compare[data-orientation=\"vertical\"] .usa-cmp-handle{top:50%;bottom:auto;left:0;right:0;width:auto;height:0}usa-compare[data-orientation=\"vertical\"] .usa-cmp-handle::before{left:0;right:0;top:-1.5px;width:auto;height:3px}.usa-cmp-knob{position:absolute;top:50%;left:0;display:grid;place-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:var(--usa-cmp-line);color:#111827;box-shadow:0 6px 18px rgba(0,0,0,.35);pointer-events:auto;cursor:grab;transition:transform .2s}usa-compare[data-orientation=\"vertical\"] .usa-cmp-knob{left:50%;top:0;transform:rotate(90deg)}usa-compare:active .usa-cmp-knob{transform:scale(.92)}usa-compare[data-orientation=\"vertical\"]:active .usa-cmp-knob{transform:rotate(90deg) scale(.92)}.usa-cmp-label{position:absolute;top:10px;z-index:1;padding:3px 9px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font:600 12px/1.4 system-ui,sans-serif;pointer-events:none}.usa-cmp-label-b{left:10px}.usa-cmp-label-a{right:10px}";
|
|
1869
1869
|
|
|
1870
1870
|
function defineCompare(tag = 'usa-compare') {
|
|
1871
1871
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1989,10 +1989,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1989
1989
|
}
|
|
1990
1990
|
}
|
|
1991
1991
|
return UsaCompare;
|
|
1992
|
-
}, { id: 'compare', text: css$
|
|
1992
|
+
}, { id: 'compare', text: css$13 });
|
|
1993
1993
|
}
|
|
1994
1994
|
|
|
1995
|
-
var css$
|
|
1995
|
+
var css$12 = "usa-cube-gallery{position:relative;display:block;aspect-ratio:4/3;perspective:1100px;outline-offset:4px}.usa-cube-stage{position:absolute;inset:0;transform-style:preserve-3d;touch-action:pan-y}.usa-cube-face{position:absolute;inset:0;box-sizing:border-box;margin:0;backface-visibility:hidden;display:none;overflow:hidden;border-radius:var(--usa-cube-radius,14px)}.usa-cube-face[data-active]{display:block}.usa-cube-face>img{width:100%;height:100%;object-fit:cover;display:block}.usa-cube-btn{position:absolute;top:50%;z-index:2;width:34px;height:34px;margin-top:-17px;border:0;border-radius:50%;background:rgba(255,255,255,.85);color:#111827;font:700 20px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.25)}.usa-cube-prev{left:8px}.usa-cube-next{right:8px}.usa-cube-btn:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}";
|
|
1996
1996
|
|
|
1997
1997
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
1998
1998
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2125,10 +2125,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2125
2125
|
}
|
|
2126
2126
|
}
|
|
2127
2127
|
return UsaCubeGallery;
|
|
2128
|
-
}, { id: 'cube-gallery', text: css$
|
|
2128
|
+
}, { id: 'cube-gallery', text: css$12 });
|
|
2129
2129
|
}
|
|
2130
2130
|
|
|
2131
|
-
var css
|
|
2131
|
+
var css$11 = "usa-dock{display:inline-flex;align-items:flex-end;gap:var(--usa-dock-gap,8px);padding:8px 10px;border-radius:20px;background:var(--usa-dock-bg,rgba(255,255,255,.55));-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);box-shadow:0 10px 30px -10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.45);--usa-dock-size:44px}usa-dock[data-orientation=\"vertical\"]{flex-direction:column;align-items:flex-start}.usa-dock-item{--usa-dock-s:1;position:relative;display:grid;place-items:center;flex:none;width:calc(var(--usa-dock-size) * var(--usa-dock-s));height:calc(var(--usa-dock-size) * var(--usa-dock-s));border:0;padding:0;border-radius:calc(var(--usa-dock-size) * .26 * var(--usa-dock-s));background:var(--usa-dock-item,linear-gradient(135deg,#7c5cff,#22d3ee));color:#fff;font-size:calc(var(--usa-dock-size) * .5 * var(--usa-dock-s));text-decoration:none;cursor:pointer;transition:width .12s ease-out,height .12s ease-out,font-size .12s ease-out,border-radius .12s;box-shadow:0 4px 10px rgba(0,0,0,.18)}.usa-dock-item:focus-visible{outline:2px solid #7c5cff;outline-offset:3px}.usa-dock-item[data-label]::after{content:attr(data-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);padding:3px 8px;border-radius:6px;background:rgba(17,24,39,.9);color:#fff;font:500 12px/1.3 system-ui,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.usa-dock-item[data-near]::after,.usa-dock-item:focus-visible::after{opacity:1;transform:translateX(-50%)}usa-dock[data-orientation=\"vertical\"] .usa-dock-item[data-label]::after{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.usa-dock-item{transition:none}}";
|
|
2132
2132
|
|
|
2133
2133
|
function defineDock(tag = 'usa-dock') {
|
|
2134
2134
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2196,10 +2196,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2196
2196
|
}
|
|
2197
2197
|
}
|
|
2198
2198
|
return UsaDock;
|
|
2199
|
-
}, { id: 'dock', text: css
|
|
2199
|
+
}, { id: 'dock', text: css$11 });
|
|
2200
2200
|
}
|
|
2201
2201
|
|
|
2202
|
-
var css$
|
|
2202
|
+
var css$10 = "usa-nav-morph{position:relative;display:flex;gap:4px;align-items:center;isolation:isolate;--usa-nm-color:#7c5cff;flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}usa-nav-morph::-webkit-scrollbar{display:none}usa-nav-morph>:not(.usa-nm-ink){position:relative;z-index:1;flex:none;padding:8px 12px;border-radius:10px;color:inherit;text-decoration:none;font-weight:600;white-space:nowrap;transition:color .25s;outline-offset:2px}.usa-nm-ink{position:absolute;left:0;z-index:0;width:0;pointer-events:none;background:var(--usa-nm-color)}usa-nav-morph[data-indicator=\"underline\"] .usa-nm-ink{bottom:0;height:3px;border-radius:3px}usa-nav-morph[data-indicator=\"pill\"] .usa-nm-ink,usa-nav-morph[data-indicator=\"blob\"] .usa-nm-ink{top:0;bottom:0;border-radius:10px;opacity:.16}usa-nav-morph[data-indicator=\"blob\"] .usa-nm-ink{border-radius:999px;opacity:.2}usa-nav-morph[data-indicator=\"dot\"] .usa-nm-ink{bottom:0;height:6px;background:radial-gradient(circle,var(--usa-nm-color) 3px,transparent 3.5px)}usa-nav-morph>[aria-current=\"page\"]{color:var(--usa-nm-color)}";
|
|
2203
2203
|
|
|
2204
2204
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2205
2205
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2303,10 +2303,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2303
2303
|
}
|
|
2304
2304
|
}
|
|
2305
2305
|
return UsaNavMorph;
|
|
2306
|
-
}, { id: 'nav-morph', text: css$
|
|
2306
|
+
}, { id: 'nav-morph', text: css$10 });
|
|
2307
2307
|
}
|
|
2308
2308
|
|
|
2309
|
-
var css
|
|
2309
|
+
var css$$ = "usa-menu-toggle{display:inline-grid;place-items:center;width:var(--usa-mt-size,44px);height:var(--usa-mt-size,44px);border-radius:12px;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;outline-offset:2px;--usa-mt-ease:cubic-bezier(.65,.05,.36,1)}usa-menu-toggle:hover{background:rgba(127,127,127,.12)}.usa-mt-box{position:relative;width:24px;height:18px}.usa-mt-bar{position:absolute;left:0;width:100%;height:2.5px;border-radius:2px;background:currentColor;transform-origin:50% 50%}.usa-mt-bar:nth-child(1){top:0}.usa-mt-bar:nth-child(2){top:7.75px}.usa-mt-bar:nth-child(3){bottom:0}usa-menu-toggle[data-animate] .usa-mt-bar{transition:transform .38s var(--usa-mt-ease),opacity .2s,top .38s var(--usa-mt-ease),bottom .38s var(--usa-mt-ease),width .38s var(--usa-mt-ease)}usa-menu-toggle[data-animate] .usa-mt-box{transition:transform .38s var(--usa-mt-ease)}usa-menu-toggle[data-variant=\"cross\"][data-open] .usa-mt-bar:nth-child(1),usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-bar:nth-child(1){top:7.75px;transform:rotate(45deg)}usa-menu-toggle[data-variant=\"cross\"][data-open] .usa-mt-bar:nth-child(2),usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-bar:nth-child(2){opacity:0;transform:scaleX(.2)}usa-menu-toggle[data-variant=\"cross\"][data-open] .usa-mt-bar:nth-child(3),usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-bar:nth-child(3){bottom:7.75px;transform:rotate(-45deg)}usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-box{transform:rotate(180deg)}usa-menu-toggle[data-variant=\"arrow\"][data-open] .usa-mt-bar:nth-child(1){width:55%;transform:translate(-2px,3.5px) rotate(-40deg)}usa-menu-toggle[data-variant=\"arrow\"][data-open] .usa-mt-bar:nth-child(3){width:55%;transform:translate(-2px,-3.5px) rotate(40deg)}usa-menu-toggle[data-variant=\"arrow\"][data-open] .usa-mt-box{transform:rotate(180deg)}usa-menu-toggle[data-variant=\"minus\"][data-open] .usa-mt-bar:nth-child(1){top:7.75px}usa-menu-toggle[data-variant=\"minus\"][data-open] .usa-mt-bar:nth-child(3){bottom:7.75px}";
|
|
2310
2310
|
|
|
2311
2311
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2312
2312
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2379,10 +2379,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2379
2379
|
}
|
|
2380
2380
|
}
|
|
2381
2381
|
return UsaMenuToggle;
|
|
2382
|
-
}, { id: 'menu-toggle', text: css
|
|
2382
|
+
}, { id: 'menu-toggle', text: css$$ });
|
|
2383
2383
|
}
|
|
2384
2384
|
|
|
2385
|
-
var css$
|
|
2385
|
+
var css$_ = "usa-tip{position:relative;display:inline-block}.usa-tip-bubble{position:absolute;left:0;top:0;z-index:60;box-sizing:border-box;max-width:min(260px,calc(100vw - 16px));width:max-content;padding:7px 11px;border-radius:9px;background:var(--usa-tip-bg,#111827);color:var(--usa-tip-fg,#f9fafb);font:500 13px/1.4 system-ui,sans-serif;box-shadow:0 10px 26px -8px rgba(0,0,0,.4);text-align:left;white-space:normal}.usa-tip-bubble[hidden]{display:none}.usa-tip-bubble[data-placement=\"top\"]{transform-origin:50% 100%}.usa-tip-bubble[data-placement=\"bottom\"]{transform-origin:50% 0}.usa-tip-bubble[data-placement=\"left\"]{transform-origin:100% 50%}.usa-tip-bubble[data-placement=\"right\"]{transform-origin:0 50%}.usa-tip-arrow{position:absolute;width:10px;height:10px;background:inherit;transform:rotate(45deg)}.usa-tip-bubble[data-placement=\"top\"] .usa-tip-arrow{bottom:-4px;left:calc(50% - 5px + var(--usa-tip-shift,0px))}.usa-tip-bubble[data-placement=\"bottom\"] .usa-tip-arrow{top:-4px;left:calc(50% - 5px + var(--usa-tip-shift,0px))}.usa-tip-bubble[data-placement=\"left\"] .usa-tip-arrow{right:-4px;top:calc(50% - 5px)}.usa-tip-bubble[data-placement=\"right\"] .usa-tip-arrow{left:-4px;top:calc(50% - 5px)}";
|
|
2386
2386
|
|
|
2387
2387
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2388
2388
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2514,10 +2514,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2514
2514
|
}
|
|
2515
2515
|
}
|
|
2516
2516
|
return UsaTip;
|
|
2517
|
-
}, { id: 'tip', text: css$
|
|
2517
|
+
}, { id: 'tip', text: css$_ });
|
|
2518
2518
|
}
|
|
2519
2519
|
|
|
2520
|
-
var css$
|
|
2520
|
+
var css$Z = "usa-stepper{--usa-st-c:#7c5cff;--usa-st-size:30px;position:relative;display:flex;justify-content:space-between;gap:8px;padding:0;counter-reset:s;max-width:100%}usa-stepper[data-orientation=\"vertical\"]{flex-direction:column;gap:22px}.usa-st-rail{position:absolute;left:calc(var(--usa-st-size)/2);right:calc(var(--usa-st-size)/2);top:calc(var(--usa-st-size)/2 - 2px);height:4px;border-radius:4px;background:rgba(127,127,127,.25);pointer-events:none}usa-stepper[data-orientation=\"vertical\"] .usa-st-rail{left:calc(var(--usa-st-size)/2 - 2px);right:auto;top:calc(var(--usa-st-size)/2);bottom:calc(var(--usa-st-size)/2);width:4px;height:auto}.usa-st-fill{position:absolute;inset:0;border-radius:inherit;background:var(--usa-st-c);transform-origin:0 0;transform:scaleX(calc(var(--usa-st-p,0%) / 100%));transition:transform .55s cubic-bezier(.6,.05,.3,1)}usa-stepper[data-orientation=\"vertical\"] .usa-st-fill{transform:scaleY(calc(var(--usa-st-p,0%) / 100%))}.usa-st-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;font:600 12px/1.25 system-ui,sans-serif;text-align:center;color:rgba(127,127,127,.95)}usa-stepper[data-orientation=\"vertical\"] .usa-st-step{flex-direction:row;text-align:left}.usa-st-step[data-current],.usa-st-step[data-done]{color:inherit}.usa-st-dot{position:relative;display:grid;place-items:center;flex:none;width:var(--usa-st-size);height:var(--usa-st-size);border-radius:50%;background:var(--usa-st-bg,#fff);box-shadow:inset 0 0 0 2px rgba(127,127,127,.4);color:#666;font-weight:700;transition:background .3s,box-shadow .3s,color .3s}.usa-st-step[data-current] .usa-st-dot{box-shadow:inset 0 0 0 2px var(--usa-st-c);color:var(--usa-st-c)}.usa-st-step[data-done] .usa-st-dot{background:var(--usa-st-c);box-shadow:none;color:#fff}.usa-st-check{position:absolute;width:60%;height:60%;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;opacity:0}.usa-st-step[data-done] .usa-st-check{stroke-dashoffset:0;opacity:1}.usa-st-step[data-done] .usa-st-num{opacity:0}.usa-st-step[data-clickable],usa-stepper[clickable] .usa-st-step{cursor:pointer}@media (prefers-reduced-motion:reduce){.usa-st-fill,.usa-st-dot{transition:none}}";
|
|
2521
2521
|
|
|
2522
2522
|
function defineStepper(tag = 'usa-stepper') {
|
|
2523
2523
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2614,10 +2614,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2614
2614
|
}
|
|
2615
2615
|
}
|
|
2616
2616
|
return UsaStepper;
|
|
2617
|
-
}, { id: 'stepper', text: css$
|
|
2617
|
+
}, { id: 'stepper', text: css$Z });
|
|
2618
2618
|
}
|
|
2619
2619
|
|
|
2620
|
-
var css$
|
|
2620
|
+
var css$Y = "usa-pagination{--usa-pg-c:#7c5cff;display:inline-flex;align-items:center;gap:4px;max-width:100%;font:600 14px/1 system-ui,sans-serif}.usa-pg-list{position:relative;display:inline-flex;align-items:center;gap:2px;isolation:isolate}.usa-pg-ink{position:absolute;left:0;top:0;height:100%;width:0;border-radius:10px;background:var(--usa-pg-c);z-index:-1;transition:width .3s}.usa-pg-btn{display:grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;cursor:pointer;transition:color .25s,background .2s}.usa-pg-btn:hover:not(:disabled):not([aria-current]){background:rgba(127,127,127,.14)}.usa-pg-btn[aria-current=\"page\"]{color:#fff}.usa-pg-btn:disabled{opacity:.35;cursor:default}.usa-pg-btn:focus-visible{outline:2px solid var(--usa-pg-c);outline-offset:2px}.usa-pg-gap{min-width:20px;text-align:center;opacity:.6}@media (max-width:420px){.usa-pg-btn{min-width:28px;height:30px;padding:0 3px}}@media (prefers-reduced-motion:reduce){.usa-pg-ink{transition:none}}";
|
|
2621
2621
|
|
|
2622
2622
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2623
2623
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2739,10 +2739,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2739
2739
|
}
|
|
2740
2740
|
}
|
|
2741
2741
|
return UsaPagination;
|
|
2742
|
-
}, { id: 'pagination', text: css$
|
|
2742
|
+
}, { id: 'pagination', text: css$Y });
|
|
2743
2743
|
}
|
|
2744
2744
|
|
|
2745
|
-
var css$
|
|
2745
|
+
var css$X = "usa-segmented{--usa-seg-c:#7c5cff;position:relative;display:inline-flex;align-items:stretch;padding:3px;border-radius:12px;background:rgba(127,127,127,.16);isolation:isolate;max-width:100%;font:600 13px/1 system-ui,sans-serif}.usa-seg-thumb{position:absolute;top:3px;bottom:3px;left:3px;z-index:-1;border-radius:9px;background:var(--usa-seg-thumb,#fff);box-shadow:0 2px 8px rgba(0,0,0,.18),0 0 0 .5px rgba(0,0,0,.05);transform-origin:50% 50%}usa-segmented[data-variant=\"pill\"]{border-radius:999px}usa-segmented[data-variant=\"pill\"] .usa-seg-thumb{border-radius:999px;background:var(--usa-seg-c)}usa-segmented[data-variant=\"pill\"] .usa-seg-item[data-selected]{color:#fff}usa-segmented[data-variant=\"outline\"]{background:none;box-shadow:inset 0 0 0 1.5px rgba(127,127,127,.35)}usa-segmented[data-variant=\"outline\"] .usa-seg-thumb{background:none;box-shadow:inset 0 0 0 2px var(--usa-seg-c)}.usa-seg-item{flex:1 1 0;min-width:0;padding:8px 14px;border:0;border-radius:9px;background:none;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;opacity:.7;transition:opacity .2s,transform .25s cubic-bezier(.3,1.4,.5,1),color .2s}.usa-seg-item[data-selected]{opacity:1;transform:scale(1.04)}.usa-seg-item:focus-visible{outline:2px solid var(--usa-seg-c);outline-offset:1px}@media (max-width:420px){.usa-seg-item{padding:8px 9px}}@media (prefers-reduced-motion:reduce){.usa-seg-item{transition:none}}";
|
|
2746
2746
|
|
|
2747
2747
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2748
2748
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2836,10 +2836,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2836
2836
|
}
|
|
2837
2837
|
}
|
|
2838
2838
|
return UsaSegmented;
|
|
2839
|
-
}, { id: 'segmented', text: css$
|
|
2839
|
+
}, { id: 'segmented', text: css$X });
|
|
2840
2840
|
}
|
|
2841
2841
|
|
|
2842
|
-
var css$
|
|
2842
|
+
var css$W = "usa-switch{--usa-sw-c:#34c759;--usa-sw-w:52px;--usa-sw-h:30px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;vertical-align:middle;outline-offset:3px;border-radius:999px}usa-switch[disabled]{opacity:.45;cursor:not-allowed}.usa-sw-track{position:relative;flex:none;width:var(--usa-sw-w);height:var(--usa-sw-h);border-radius:999px;background:rgba(127,127,127,.35);overflow:hidden;transition:background .3s}.usa-sw-fill{position:absolute;inset:0;border-radius:999px;background:var(--usa-sw-c);transform:scale(0);transform-origin:calc(var(--usa-sw-h)/2) 50%;transition:transform .35s cubic-bezier(.4,0,.2,1)}usa-switch[data-on] .usa-sw-fill{transform:scale(1)}.usa-sw-thumb{position:absolute;top:3px;left:3px;width:calc(var(--usa-sw-h) - 6px);height:calc(var(--usa-sw-h) - 6px);border-radius:999px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:left .32s cubic-bezier(.3,1.25,.5,1),width .2s ease,background .3s,box-shadow .3s}usa-switch[data-on] .usa-sw-thumb{left:calc(var(--usa-sw-w) - var(--usa-sw-h) + 3px)}usa-switch[data-variant=\"ios\"][data-press] .usa-sw-thumb{width:calc(var(--usa-sw-h) + 2px)}usa-switch[data-variant=\"ios\"][data-press][data-on] .usa-sw-thumb{left:calc(var(--usa-sw-w) - var(--usa-sw-h) - 5px)}usa-switch[data-variant=\"daynight\"]{--usa-sw-w:64px;--usa-sw-h:32px}usa-switch[data-variant=\"daynight\"] .usa-sw-track{background:linear-gradient(#7dd3fc,#38bdf8)}usa-switch[data-variant=\"daynight\"] .usa-sw-fill{background:linear-gradient(#1e1b4b,#312e81);transform:none;opacity:0;transition:opacity .45s}usa-switch[data-variant=\"daynight\"][data-on] .usa-sw-fill{opacity:1}usa-switch[data-variant=\"daynight\"] .usa-sw-thumb{background:radial-gradient(circle at 40% 40%,#fde68a,#f59e0b);box-shadow:0 0 10px #fbbf24}usa-switch[data-variant=\"daynight\"][data-on] .usa-sw-thumb{background:radial-gradient(circle at 65% 35%,transparent 5px,#e5e7eb 5.5px);box-shadow:0 0 8px rgba(255,255,255,.5)}usa-switch[data-variant=\"daynight\"] .usa-sw-deco{position:absolute;inset:0;background:radial-gradient(circle,#fff 1px,transparent 1.5px) 12px 8px/14px 11px;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .5s}usa-switch[data-variant=\"daynight\"][data-on] .usa-sw-deco{opacity:.9;transform:none}usa-switch[data-variant=\"bounce\"] .usa-sw-thumb{transition:left .28s cubic-bezier(.5,0,.75,0)}usa-switch[data-variant=\"liquid\"] .usa-sw-fill{background:linear-gradient(90deg,#22d3ee,#7c5cff)}usa-switch[data-variant=\"liquid\"] .usa-sw-thumb{transition:left .5s cubic-bezier(.68,-.4,.27,1.4)}usa-switch:focus-visible .usa-sw-track{box-shadow:0 0 0 3px rgba(124,92,255,.5)}@media (prefers-reduced-motion:reduce){.usa-sw-thumb,.usa-sw-fill,.usa-sw-deco,.usa-sw-track{transition:none!important}}";
|
|
2843
2843
|
|
|
2844
2844
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2845
2845
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2927,10 +2927,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2927
2927
|
}
|
|
2928
2928
|
}
|
|
2929
2929
|
return UsaSwitch;
|
|
2930
|
-
}, { id: 'switch', text: css$
|
|
2930
|
+
}, { id: 'switch', text: css$W });
|
|
2931
2931
|
}
|
|
2932
2932
|
|
|
2933
|
-
var css$
|
|
2933
|
+
var css$V = "usa-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr);gap:12px;max-width:100%;overflow-x:auto;padding:4px;font:500 13px/1.35 system-ui,sans-serif}.usa-kb-col{display:flex;flex-direction:column;gap:8px;min-height:80px;padding:10px;border-radius:14px;background:rgba(127,127,127,.12);margin:0;list-style:none}.usa-kb-col>h1,.usa-kb-col>h2,.usa-kb-col>h3,.usa-kb-col>h4{margin:0 0 2px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.usa-kb-card{padding:10px 12px;border-radius:10px;background:var(--usa-kb-card,#fff);color:#111;box-shadow:0 1px 3px rgba(0,0,0,.14);cursor:grab;touch-action:none;user-select:none;outline-offset:2px}.usa-kb-card:focus-visible{outline:2px solid #7c5cff}.usa-kb-lifted{cursor:grabbing;box-shadow:0 18px 30px -8px rgba(0,0,0,.35);transition:transform .12s}.usa-kb-held{outline:2px dashed #7c5cff;transform:scale(1.03)}.usa-kb-ph{border-radius:10px;border:2px dashed rgba(124,92,255,.5);background:rgba(124,92,255,.08)}.usa-kb-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion:reduce){.usa-kb-lifted,.usa-kb-held{transition:none;transform:none!important}}";
|
|
2934
2934
|
|
|
2935
2935
|
function defineKanban(tag = 'usa-kanban') {
|
|
2936
2936
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3135,10 +3135,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3135
3135
|
}
|
|
3136
3136
|
}
|
|
3137
3137
|
return UsaKanban;
|
|
3138
|
-
}, { id: 'kanban', text: css$
|
|
3138
|
+
}, { id: 'kanban', text: css$V });
|
|
3139
3139
|
}
|
|
3140
3140
|
|
|
3141
|
-
var css$
|
|
3141
|
+
var css$U = "usa-swipe-deck{position:relative;display:grid;width:var(--usa-sd-w,240px);max-width:100%;height:var(--usa-sd-h,300px);touch-action:pan-y;outline-offset:6px;border-radius:18px}.usa-sd-card{grid-area:1/1;position:relative;display:grid;place-items:center;border-radius:18px;background:var(--usa-sd-bg,linear-gradient(160deg,#7c5cff,#22d3ee));color:#fff;font:800 22px/1.2 system-ui,sans-serif;box-shadow:0 12px 28px -10px rgba(0,0,0,.4);transition:transform .3s cubic-bezier(.3,1.3,.5,1),opacity .3s;user-select:none;cursor:grab;overflow:hidden;touch-action:none}.usa-sd-card.usa-sd-dragging{transition:none;cursor:grabbing}.usa-sd-stamp{position:absolute;top:18px;padding:4px 10px;border:3px solid currentColor;border-radius:8px;font:900 20px/1 system-ui,sans-serif;letter-spacing:.1em;opacity:0;pointer-events:none}.usa-sd-like{left:16px;color:#4ade80;transform:rotate(-14deg)}.usa-sd-nope{right:16px;color:#f87171;transform:rotate(14deg)}@media (prefers-reduced-motion:reduce){.usa-sd-card{transition:none}}";
|
|
3142
3142
|
|
|
3143
3143
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3144
3144
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3280,10 +3280,10 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3280
3280
|
}
|
|
3281
3281
|
}
|
|
3282
3282
|
return UsaSwipeDeck;
|
|
3283
|
-
}, { id: 'swipe-deck', text: css$
|
|
3283
|
+
}, { id: 'swipe-deck', text: css$U });
|
|
3284
3284
|
}
|
|
3285
3285
|
|
|
3286
|
-
var css$
|
|
3286
|
+
var css$T = "usa-weather-card{--usa-wc-sky:linear-gradient(160deg,#38bdf8,#0ea5e9);position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;width:var(--usa-wc-w,260px);max-width:100%;padding:16px 18px;border-radius:20px;background:var(--usa-wc-sky);color:#fff;overflow:hidden;font:500 13px/1.3 system-ui,sans-serif;box-shadow:0 12px 30px -12px rgba(2,6,23,.5);transition:background .6s}usa-weather-card[data-condition=\"cloudy\"]{--usa-wc-sky:linear-gradient(160deg,#94a3b8,#64748b)}usa-weather-card[data-condition=\"rain\"]{--usa-wc-sky:linear-gradient(160deg,#475569,#1e3a8a)}usa-weather-card[data-condition=\"snow\"]{--usa-wc-sky:linear-gradient(160deg,#cbd5e1,#60a5fa);color:#0f172a}usa-weather-card[data-condition=\"storm\"]{--usa-wc-sky:linear-gradient(160deg,#1e293b,#312e81)}usa-weather-card[data-condition=\"fog\"]{--usa-wc-sky:linear-gradient(160deg,#9ca3af,#d1d5db);color:#1f2937}usa-weather-card[data-condition=\"night\"]{--usa-wc-sky:linear-gradient(160deg,#0f172a,#1e1b4b)}.usa-wc-scene{position:relative;width:76px;height:64px}.usa-wc-icon{position:absolute;inset:0}.usa-wc-icon *{position:absolute;display:block}.usa-wc-text{display:flex;flex-direction:column;gap:2px;min-width:0}.usa-wc-temp{font:800 34px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}.usa-wc-place{opacity:.8;font-size:12px}.usa-wc-sun{left:14px;top:8px;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#fde047 55%,transparent 56%);animation:usa-wc-spin 14s linear infinite}.usa-wc-sun::before{content:\"\";position:absolute;inset:-8px;border-radius:50%;background:repeating-conic-gradient(#fde047 0 8deg,transparent 8deg 30deg);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%,#000 70%,transparent 72%);mask:radial-gradient(circle,transparent 58%,#000 60%,#000 70%,transparent 72%)}.usa-wc-moon{left:18px;top:6px;width:40px;height:40px;border-radius:50%;box-shadow:-10px 6px 0 2px #f1f5f9;transform:rotate(-20deg)}.usa-wc-star{width:3px;height:3px;border-radius:50%;background:#fff;left:calc(8px + var(--i) * 14px);top:calc(40px + (var(--i) * 7px) % 20px);animation:usa-wc-tw 1.8s calc(var(--i) * .35s) ease-in-out infinite alternate}.usa-wc-cloud{left:8px;top:14px;width:56px;height:22px;border-radius:12px;background:#f1f5f9;animation:usa-wc-drift 4s ease-in-out infinite alternate}.usa-wc-cloud::before{content:\"\";position:absolute;left:12px;top:-12px;width:26px;height:26px;border-radius:50%;background:inherit}.usa-wc-c2{left:22px;top:6px;transform:scale(.7);opacity:.75;animation-delay:-2s}.usa-wc-dark{background:#94a3b8}.usa-wc-drop{left:calc(16px + var(--i) * 8px);top:38px;width:2px;height:9px;border-radius:2px;background:#bfdbfe;animation:usa-wc-fall .9s calc(var(--i) * .17s) linear infinite}.usa-wc-flake{left:calc(14px + var(--i) * 9px);top:38px;width:6px;height:6px;border-radius:50%;background:#fff;animation:usa-wc-snow 2.4s calc(var(--i) * .4s) linear infinite}.usa-wc-bolt{left:30px;top:30px;width:14px;height:26px;background:#fde047;clip-path:polygon(40% 0,100% 0,60% 45%,100% 45%,20% 100%,40% 55%,0 55%);animation:usa-wc-bolt 4s ease-in-out infinite}.usa-wc-fogband{left:4px;top:calc(14px + var(--i) * 14px);width:66px;height:6px;border-radius:6px;background:rgba(255,255,255,.85);animation:usa-wc-drift calc(3s + var(--i) * .8s) ease-in-out infinite alternate}@keyframes usa-wc-spin{to{transform:rotate(360deg)}}@keyframes usa-wc-tw{from{opacity:.2}to{opacity:1}}@keyframes usa-wc-drift{from{translate:-4px 0}to{translate:6px 0}}@keyframes usa-wc-fall{from{translate:0 0;opacity:1}to{translate:-3px 22px;opacity:0}}@keyframes usa-wc-snow{from{translate:0 0;opacity:1}50%{translate:4px 12px}to{translate:-2px 24px;opacity:0}}@keyframes usa-wc-bolt{0%,86%,100%{opacity:.35}90%{opacity:1}}@media (prefers-reduced-motion:reduce){usa-weather-card *{animation:none!important}}";
|
|
3287
3287
|
|
|
3288
3288
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3289
3289
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
@@ -3364,10 +3364,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3364
3364
|
}
|
|
3365
3365
|
}
|
|
3366
3366
|
return UsaWeatherCard;
|
|
3367
|
-
}, { id: 'weather-card', text: css$
|
|
3367
|
+
}, { id: 'weather-card', text: css$T });
|
|
3368
3368
|
}
|
|
3369
3369
|
|
|
3370
|
-
var css$
|
|
3370
|
+
var css$S = "usa-pull-cord{--usa-pc-color:#cbd5e1;--usa-pc-light:#fde68a;position:relative;display:inline-flex;flex-direction:column;align-items:center;width:90px;height:190px;cursor:pointer;touch-action:none;user-select:none;outline-offset:4px;border-radius:12px}.usa-pc-lamp{position:relative;width:76px;height:38px;border-radius:38px 38px 6px 6px;background:linear-gradient(#475569,#334155);box-shadow:0 0 0 rgba(253,230,138,0);transition:box-shadow .35s,background .35s}.usa-pc-lamp::after{content:\"\";position:absolute;left:50%;bottom:-10px;width:22px;height:12px;margin-left:-11px;border-radius:0 0 12px 12px;background:#64748b;transition:background .35s,box-shadow .35s}usa-pull-cord[data-on] .usa-pc-lamp{background:linear-gradient(#f59e0b,#d97706);box-shadow:0 30px 60px 10px rgba(253,230,138,.55)}usa-pull-cord[data-on] .usa-pc-lamp::after{background:var(--usa-pc-light);box-shadow:0 0 22px 8px var(--usa-pc-light)}.usa-pc-svg{width:80px;height:150px;margin-top:-2px;overflow:visible}.usa-pc-cord{fill:none;stroke:var(--usa-pc-color);stroke-width:2.2;stroke-linecap:round}.usa-pc-knob{fill:#e2e8f0;stroke:#94a3b8;stroke-width:1.5}usa-pull-cord[data-on] .usa-pc-knob{fill:var(--usa-pc-light)}@media (prefers-reduced-motion:reduce){.usa-pc-lamp,.usa-pc-lamp::after{transition:none}}";
|
|
3371
3371
|
|
|
3372
3372
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3373
3373
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3496,10 +3496,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3496
3496
|
}
|
|
3497
3497
|
}
|
|
3498
3498
|
return UsaPullCord;
|
|
3499
|
-
}, { id: 'pull-cord', text: css$
|
|
3499
|
+
}, { id: 'pull-cord', text: css$S });
|
|
3500
3500
|
}
|
|
3501
3501
|
|
|
3502
|
-
var css$
|
|
3502
|
+
var css$R = "usa-date-picker{--usa-dp-c:#7c5cff;display:inline-block;width:var(--usa-dp-w,280px);max-width:100%;padding:12px;border-radius:16px;background:var(--usa-dp-bg,#fff);color:#111827;box-shadow:0 10px 30px -12px rgba(0,0,0,.3);font:500 13px/1 system-ui,sans-serif;user-select:none}.usa-dp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.usa-dp-title{font-weight:700;font-size:14px}.usa-dp-nav{width:30px;height:30px;border:0;border-radius:8px;background:none;color:inherit;font-size:18px;cursor:pointer}.usa-dp-nav:hover{background:rgba(127,127,127,.14)}.usa-dp-viewport{overflow:hidden}.usa-dp-row{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.usa-dp-dow{margin-bottom:4px;font-size:11px;opacity:.55;text-align:center}.usa-dp-day{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:50%;cursor:pointer;font-variant-numeric:tabular-nums;outline:none;transition:background .2s,color .2s}.usa-dp-day:hover{background:rgba(124,92,255,.12)}.usa-dp-day[data-out]{opacity:.35}.usa-dp-day[data-today]{box-shadow:inset 0 0 0 1.5px var(--usa-dp-c)}.usa-dp-day[aria-selected=\"true\"]{background:var(--usa-dp-c);color:#fff}.usa-dp-day[aria-disabled]{opacity:.2;cursor:not-allowed;text-decoration:line-through}.usa-dp-day:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--usa-dp-c)}@media (prefers-reduced-motion:reduce){.usa-dp-day{transition:none}}";
|
|
3503
3503
|
|
|
3504
3504
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3505
3505
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3648,10 +3648,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3648
3648
|
}
|
|
3649
3649
|
}
|
|
3650
3650
|
return UsaDatePicker;
|
|
3651
|
-
}, { id: 'date-picker', text: css$
|
|
3651
|
+
}, { id: 'date-picker', text: css$R });
|
|
3652
3652
|
}
|
|
3653
3653
|
|
|
3654
|
-
var css$
|
|
3654
|
+
var css$Q = "usa-color-picker{display:inline-flex;flex-direction:column;gap:10px;width:var(--usa-cp-w,240px);max-width:100%;padding:12px;border-radius:16px;background:var(--usa-cp-bg,#fff);box-shadow:0 10px 30px -12px rgba(0,0,0,.3)}.usa-cp-sv{position:relative;height:140px;border-radius:10px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--usa-cp-h) 100% 50%));cursor:crosshair;touch-action:none;outline-offset:2px}.usa-cp-thumb{position:absolute;left:var(--usa-cp-x);top:var(--usa-cp-y);width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--usa-cp-color);box-shadow:0 0 0 3px #fff,0 2px 6px rgba(0,0,0,.4);pointer-events:none;transition:left .18s cubic-bezier(.3,1.4,.5,1),top .18s cubic-bezier(.3,1.4,.5,1),transform .2s}[data-drag]>.usa-cp-thumb{transition:none;transform:scale(1.2)}.usa-cp-row{display:flex;align-items:center;gap:10px}.usa-cp-chip{flex:none;width:30px;height:30px;border-radius:50%;background:var(--usa-cp-color);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.usa-cp-hue{position:relative;flex:1;height:14px;border-radius:7px;background:linear-gradient(90deg,red,#ff0,lime,cyan,blue,#f0f,red);cursor:pointer;touch-action:none;outline-offset:2px}.usa-cp-hue .usa-cp-thumb{left:var(--usa-cp-hx);top:50%;background:hsl(var(--usa-cp-h) 100% 50%)}.usa-cp-swatches{display:flex;flex-wrap:wrap;gap:6px}.usa-cp-sw{width:22px;height:22px;border:0;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.usa-cp-sv:focus-visible,.usa-cp-hue:focus-visible,.usa-cp-sw:focus-visible{outline:2px solid #7c5cff}@media (prefers-reduced-motion:reduce){.usa-cp-thumb{transition:none}}";
|
|
3655
3655
|
|
|
3656
3656
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3657
3657
|
function hsvToHex(h, s, v) {
|
|
@@ -3771,10 +3771,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3771
3771
|
}
|
|
3772
3772
|
}
|
|
3773
3773
|
return UsaColorPicker;
|
|
3774
|
-
}, { id: 'color-picker', text: css$
|
|
3774
|
+
}, { id: 'color-picker', text: css$Q });
|
|
3775
3775
|
}
|
|
3776
3776
|
|
|
3777
|
-
var css$
|
|
3777
|
+
var css$P = "usa-file-drop{--usa-fd-c:#7c5cff;display:flex;flex-direction:column;gap:10px;width:var(--usa-fd-w,300px);max-width:100%;font:500 13px/1.3 system-ui,sans-serif}.usa-fd-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:120px;padding:16px;border-radius:16px;background:rgba(124,92,255,.06);cursor:pointer;text-align:center;outline-offset:3px;transition:background .25s,transform .25s}.usa-fd-ants{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.usa-fd-ants rect{fill:none;stroke:rgba(124,92,255,.55);stroke-width:2;stroke-dasharray:8 6}usa-file-drop[data-over] .usa-fd-zone{background:rgba(124,92,255,.14);transform:scale(1.02)}usa-file-drop[data-over] .usa-fd-ants rect{stroke:var(--usa-fd-c);animation:usa-fd-march .6s linear infinite}.usa-fd-icon{font-size:30px;color:var(--usa-fd-c);transition:transform .3s cubic-bezier(.3,1.5,.5,1)}usa-file-drop[data-over] .usa-fd-icon{transform:translateY(-8px) scale(1.15)}.usa-fd-zone:focus-visible{outline:2px solid var(--usa-fd-c)}.usa-fd-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.usa-fd-item{--usa-fd-p:0;position:relative;display:grid;grid-template-columns:1fr auto 18px;align-items:center;gap:4px 8px;padding:8px 10px;border-radius:10px;background:rgba(127,127,127,.1)}.usa-fd-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.usa-fd-size{opacity:.6;font-size:12px}.usa-fd-bar{grid-column:1/3;height:4px;border-radius:4px;background:rgba(127,127,127,.25);overflow:hidden}.usa-fd-fill{display:block;height:100%;background:var(--usa-fd-c);transform-origin:0 50%;transform:scaleX(var(--usa-fd-p));transition:transform .2s}.usa-fd-check{grid-row:1/3;grid-column:3;width:18px;height:18px;fill:none;stroke:#22c55e;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .4s}.usa-fd-item[data-done] .usa-fd-check{stroke-dashoffset:0}@keyframes usa-fd-march{to{stroke-dashoffset:-14}}@media (prefers-reduced-motion:reduce){usa-file-drop *{animation:none!important;transition:none!important}usa-file-drop[data-over] .usa-fd-zone,usa-file-drop[data-over] .usa-fd-icon{transform:none}}";
|
|
3778
3778
|
|
|
3779
3779
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3780
3780
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3875,10 +3875,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3875
3875
|
}
|
|
3876
3876
|
}
|
|
3877
3877
|
return UsaFileDrop;
|
|
3878
|
-
}, { id: 'file-drop', text: css$
|
|
3878
|
+
}, { id: 'file-drop', text: css$P });
|
|
3879
3879
|
}
|
|
3880
3880
|
|
|
3881
|
-
var css$
|
|
3881
|
+
var css$O = "usa-keyframe-editor{--usa-ke-c:#7c5cff;--usa-ke-head:100%;display:flex;flex-direction:column;gap:8px;width:var(--usa-ke-w,100%);max-width:100%;padding:10px;border-radius:14px;background:var(--usa-ke-bg,#0f172a);color:#e2e8f0;font:500 12px/1.2 system-ui,sans-serif}.usa-ke-bar{display:flex;align-items:center;gap:8px}.usa-ke-play{width:30px;height:30px;border:0;border-radius:50%;background:var(--usa-ke-c);color:#fff;cursor:pointer}.usa-ke-scrub{flex:1;min-width:0;accent-color:var(--usa-ke-c)}.usa-ke-time{min-width:58px;text-align:right;font-variant-numeric:tabular-nums;opacity:.8}.usa-ke-tracks{position:relative;display:flex;flex-direction:column;gap:4px}.usa-ke-tracks::after{content:\"\";position:absolute;top:0;bottom:0;left:calc(64px + (100% - 64px) * var(--usa-ke-head) / 100%);width:2px;background:#f43f5e;pointer-events:none}.usa-ke-row{display:grid;grid-template-columns:64px 1fr;align-items:center}.usa-ke-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:6px;opacity:.85}.usa-ke-lane{position:relative;height:22px;border-radius:6px;background:rgba(148,163,184,.14)}.usa-ke-clip{position:absolute;top:2px;bottom:2px;border-radius:5px;background:linear-gradient(90deg,var(--usa-ke-c),#22d3ee);cursor:grab;touch-action:none;outline-offset:2px;transition:left .2s,width .2s}.usa-ke-clip[data-drag]{cursor:grabbing;transition:none;box-shadow:0 4px 12px rgba(0,0,0,.4)}.usa-ke-clip:focus-visible{outline:2px solid #fff}.usa-ke-grip{position:absolute;right:0;top:0;bottom:0;width:8px;border-radius:0 5px 5px 0;background:rgba(255,255,255,.35);cursor:ew-resize}@media (prefers-reduced-motion:reduce){.usa-ke-clip{transition:none}}";
|
|
3882
3882
|
|
|
3883
3883
|
const DEFAULT = {
|
|
3884
3884
|
format: player.ANIMATION_FORMAT,
|
|
@@ -4052,10 +4052,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4052
4052
|
}
|
|
4053
4053
|
}
|
|
4054
4054
|
return UsaKeyframeEditor;
|
|
4055
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4055
|
+
}, { id: 'keyframe-editor', text: css$O });
|
|
4056
4056
|
}
|
|
4057
4057
|
|
|
4058
|
-
var css$
|
|
4058
|
+
var css$N = "usa-music-player{--usa-mp-c:#7c5cff;--usa-mp-p:0;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;width:var(--usa-mp-w,320px);max-width:100%;padding:14px;border-radius:20px;background:var(--usa-mp-bg,linear-gradient(160deg,#111827,#1e1b4b));color:#f8fafc;font:500 13px/1.3 system-ui,sans-serif;box-shadow:0 14px 34px -14px rgba(0,0,0,.55)}.usa-mp-cover{width:84px;height:84px}.usa-mp-disc{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#0f172a 9%,#e2e8f0 9.5%,#e2e8f0 12%,transparent 12.5%),repeating-radial-gradient(circle,#111 0 2px,#1f2937 2px 4px),#111;background-size:cover;box-shadow:0 6px 18px rgba(0,0,0,.5),inset 0 0 0 2px rgba(255,255,255,.06)}usa-music-player[data-animate] .usa-mp-disc{animation:usa-mp-spin 1.8s linear infinite}.usa-mp-body{display:flex;flex-direction:column;gap:6px;min-width:0}.usa-mp-meta{display:flex;flex-direction:column;min-width:0}.usa-mp-title{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-mp-artist{opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-mp-bars{display:flex;gap:3px;align-items:flex-end;height:14px}.usa-mp-bars i{width:3px;height:30%;border-radius:2px;background:var(--usa-mp-c);transition:height .3s}usa-music-player[data-animate] .usa-mp-bars i{animation:usa-mp-bar .9s ease-in-out infinite alternate}.usa-mp-bars i:nth-child(2){animation-delay:-.3s!important}.usa-mp-bars i:nth-child(3){animation-delay:-.6s!important}.usa-mp-bars i:nth-child(4){animation-delay:-.15s!important}.usa-mp-track{position:relative;height:6px;border-radius:6px;background:rgba(255,255,255,.18);cursor:pointer;touch-action:none;outline-offset:4px}.usa-mp-fill{position:absolute;inset:0;border-radius:inherit;background:var(--usa-mp-c);transform-origin:0 50%;transform:scaleX(var(--usa-mp-p))}.usa-mp-knob{position:absolute;top:50%;left:calc(var(--usa-mp-p) * 100%);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4);transition:transform .2s}.usa-mp-track:hover .usa-mp-knob,.usa-mp-track:focus-visible .usa-mp-knob{transform:scale(1.3)}.usa-mp-times{display:flex;justify-content:space-between;font-size:11px;opacity:.65;font-variant-numeric:tabular-nums}.usa-mp-ctrls{display:flex;align-items:center;justify-content:center;gap:12px}.usa-mp-btn{border:0;background:none;color:inherit;font-size:16px;cursor:pointer;opacity:.85}.usa-mp-play{position:relative;width:40px;height:40px;border:0;border-radius:50%;background:#fff;cursor:pointer}.usa-mp-icon{position:absolute;left:50%;top:50%;width:14px;height:16px;margin:-8px 0 0 -6px;background:var(--usa-mp-c);clip-path:polygon(0 0,100% 50%,100% 50%,0 100%);transition:clip-path .3s cubic-bezier(.6,.05,.3,1)}usa-music-player[data-playing] .usa-mp-icon{margin-left:-7px;clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0)}.usa-mp-btn:focus-visible,.usa-mp-play:focus-visible,.usa-mp-track:focus-visible{outline:2px solid #fff}@keyframes usa-mp-spin{to{transform:rotate(360deg)}}@keyframes usa-mp-bar{from{height:20%}to{height:100%}}@media (prefers-reduced-motion:reduce){usa-music-player *{animation:none!important;transition:none!important}}";
|
|
4059
4059
|
|
|
4060
4060
|
const fmt = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4061
4061
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4216,10 +4216,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4216
4216
|
}
|
|
4217
4217
|
}
|
|
4218
4218
|
return UsaMusicPlayer;
|
|
4219
|
-
}, { id: 'music-player', text: css$
|
|
4219
|
+
}, { id: 'music-player', text: css$N });
|
|
4220
4220
|
}
|
|
4221
4221
|
|
|
4222
|
-
var css$
|
|
4222
|
+
var css$M = "usa-volume-knob{--usa-vk-c:#22d3ee;--usa-vk-size:120px;position:relative;display:inline-grid;place-items:center;width:var(--usa-vk-size);height:var(--usa-vk-size);border-radius:50%;cursor:ns-resize;touch-action:none;user-select:none;outline-offset:6px}.usa-vk-arc{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.usa-vk-arc path{fill:none;stroke-width:6;stroke-linecap:round}.usa-vk-bg{stroke:rgba(127,127,127,.25)}.usa-vk-val{stroke:var(--usa-vk-c);filter:drop-shadow(0 0 4px var(--usa-vk-c))}.usa-vk-ticks{position:absolute;inset:0}.usa-vk-ticks i{position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px;border-radius:50%;background:rgba(127,127,127,.4);transform:rotate(var(--a)) translateY(calc(var(--usa-vk-size) * -.5 + 2px));transition:background .2s,box-shadow .2s}.usa-vk-ticks i[data-on]{background:var(--usa-vk-c);box-shadow:0 0 6px var(--usa-vk-c)}.usa-vk-cap{position:relative;width:62%;height:62%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4b5563,#111827 70%);box-shadow:0 8px 16px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.15);transform:rotate(var(--usa-vk-angle));transition:transform .35s cubic-bezier(.3,1.5,.5,1)}usa-volume-knob[data-drag] .usa-vk-cap{transition:none}.usa-vk-dot{position:absolute;left:50%;top:10%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--usa-vk-c);box-shadow:0 0 6px var(--usa-vk-c)}usa-volume-knob:focus-visible{outline:2px solid var(--usa-vk-c)}@media (prefers-reduced-motion:reduce){.usa-vk-cap,.usa-vk-ticks i{transition:none}}";
|
|
4223
4223
|
|
|
4224
4224
|
const ARC = 270;
|
|
4225
4225
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4310,10 +4310,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4310
4310
|
}
|
|
4311
4311
|
}
|
|
4312
4312
|
return UsaVolumeKnob;
|
|
4313
|
-
}, { id: 'volume-knob', text: css$
|
|
4313
|
+
}, { id: 'volume-knob', text: css$M });
|
|
4314
4314
|
}
|
|
4315
4315
|
|
|
4316
|
-
var css$
|
|
4316
|
+
var css$L = "usa-equalizer{--usa-eq-c:#7c5cff;position:relative;display:block;width:var(--usa-eq-w,320px);max-width:100%;padding:12px 10px 8px;border-radius:16px;background:var(--usa-eq-bg,#0f172a);color:#cbd5e1;font:600 10px/1 system-ui,sans-serif}.usa-eq-curve{position:absolute;left:10px;right:10px;top:12px;height:120px;width:calc(100% - 20px);pointer-events:none;overflow:visible}.usa-eq-curve path{fill:none;stroke:#22d3ee;stroke-width:1.6;vector-effect:non-scaling-stroke;opacity:.8;transition:d .45s cubic-bezier(.3,1.3,.5,1)}.usa-eq-bands{display:flex;justify-content:space-between;gap:4px}.usa-eq-band{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:0}.usa-eq-slot{--usa-eq-k:.5;position:relative;width:8px;height:120px;border-radius:6px;background:rgba(148,163,184,.18);cursor:ns-resize;touch-action:none;outline-offset:4px}.usa-eq-fill{position:absolute;left:0;right:0;top:calc((1 - max(var(--usa-eq-k),.5)) * 100%);bottom:calc(min(var(--usa-eq-k),.5) * 100%);border-radius:6px;background:var(--usa-eq-c)}.usa-eq-cap{position:absolute;left:50%;top:calc((1 - var(--usa-eq-k)) * 100%);width:20px;height:10px;margin:-5px 0 0 -10px;border-radius:4px;background:#f8fafc;box-shadow:0 2px 6px rgba(0,0,0,.5)}usa-equalizer[data-glide] .usa-eq-cap{transition:top .5s cubic-bezier(.3,1.4,.5,1)}usa-equalizer[data-glide] .usa-eq-fill{transition:top .5s cubic-bezier(.3,1.4,.5,1),bottom .5s cubic-bezier(.3,1.4,.5,1)}.usa-eq-slot[data-drag] .usa-eq-cap{transform:scale(1.15)}.usa-eq-slot:focus-visible{outline:2px solid #22d3ee}.usa-eq-label{opacity:.7;white-space:nowrap}@media (prefers-reduced-motion:reduce){.usa-eq-cap,.usa-eq-fill,.usa-eq-curve path{transition:none!important}}";
|
|
4317
4317
|
|
|
4318
4318
|
const EQ_PRESETS = {
|
|
4319
4319
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4411,10 +4411,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4411
4411
|
}
|
|
4412
4412
|
}
|
|
4413
4413
|
return UsaEqualizer;
|
|
4414
|
-
}, { id: 'equalizer', text: css$
|
|
4414
|
+
}, { id: 'equalizer', text: css$L });
|
|
4415
4415
|
}
|
|
4416
4416
|
|
|
4417
|
-
var css$
|
|
4417
|
+
var css$K = "usa-lyrics{--usa-ly-c:#f472b6;display:block;width:var(--usa-ly-w,320px);max-width:100%;font:700 18px/1.35 system-ui,sans-serif}.usa-ly-list{height:var(--usa-ly-h,180px);margin:0;padding:70px 0;overflow-y:auto;list-style:none;scrollbar-width:none;-webkit-mask:linear-gradient(transparent,#000 25%,#000 75%,transparent);mask:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.usa-ly-list::-webkit-scrollbar{display:none}.usa-ly-line{--usa-ly-k:0;padding:5px 4px;opacity:.38;cursor:pointer;transform-origin:0 50%;transition:opacity .35s,transform .35s cubic-bezier(.3,1.3,.5,1),filter .35s;filter:blur(.4px)}.usa-ly-line[data-past]{opacity:.22}.usa-ly-line[data-active]{opacity:1;filter:none;transform:scale(1.06);color:transparent;background:linear-gradient(90deg,var(--usa-ly-c) calc(var(--usa-ly-k) * 100%),var(--usa-ly-base,#94a3b8) calc(var(--usa-ly-k) * 100%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 18px rgba(244,114,182,.25)}@media (prefers-reduced-motion:reduce){.usa-ly-line{transition:none;transform:none!important}}";
|
|
4418
4418
|
|
|
4419
4419
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4420
4420
|
function parseLRC(src) {
|
|
@@ -4526,10 +4526,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4526
4526
|
}
|
|
4527
4527
|
}
|
|
4528
4528
|
return UsaLyrics;
|
|
4529
|
-
}, { id: 'lyrics', text: css$
|
|
4529
|
+
}, { id: 'lyrics', text: css$K });
|
|
4530
4530
|
}
|
|
4531
4531
|
|
|
4532
|
-
var css$
|
|
4532
|
+
var css$J = "usa-bar-chart{--usa-bc-c:#7c5cff;display:block;width:var(--usa-bc-w,100%);max-width:100%;font:600 11px/1.2 system-ui,sans-serif}.usa-bc-list{display:flex;align-items:flex-end;gap:8px;height:var(--usa-bc-h,140px);margin:0;padding:0;list-style:none}.usa-bc-item{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;flex:1;min-width:0;height:100%;gap:4px}.usa-bc-track{position:relative;grid-row:2;width:100%;display:flex;align-items:flex-end;justify-content:center}.usa-bc-bar{display:block;width:min(100%,38px);height:calc(var(--usa-bc-k) * 100%);border-radius:6px 6px 2px 2px;background:linear-gradient(var(--usa-bc-c),#22d3ee);transform-origin:50% 100%}.usa-bc-item[data-glide] .usa-bc-bar{transition:height .6s cubic-bezier(.3,1.25,.5,1)}.usa-bc-val{grid-row:1;font-variant-numeric:tabular-nums;opacity:.8}.usa-bc-label{grid-row:3;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}usa-bar-chart[data-dir=\"h\"] .usa-bc-list{flex-direction:column;align-items:stretch;height:auto}usa-bar-chart[data-dir=\"h\"] .usa-bc-item{grid-template-columns:70px 1fr auto;grid-template-rows:none;align-items:center;height:22px}usa-bar-chart[data-dir=\"h\"] .usa-bc-label{grid-row:auto;grid-column:1;justify-self:start}usa-bar-chart[data-dir=\"h\"] .usa-bc-track{grid-row:auto;grid-column:2;height:100%;justify-content:flex-start;align-items:center}usa-bar-chart[data-dir=\"h\"] .usa-bc-bar{width:calc(var(--usa-bc-k) * 100%);height:14px;border-radius:2px 6px 6px 2px;transform-origin:0 50%;background:linear-gradient(90deg,var(--usa-bc-c),#22d3ee)}usa-bar-chart[data-dir=\"h\"] .usa-bc-item[data-glide] .usa-bc-bar{transition:width .6s cubic-bezier(.3,1.25,.5,1)}usa-bar-chart[data-dir=\"h\"] .usa-bc-val{grid-row:auto;grid-column:3}@media (prefers-reduced-motion:reduce){.usa-bc-bar{transition:none!important}}";
|
|
4533
4533
|
|
|
4534
4534
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4535
4535
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4623,10 +4623,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4623
4623
|
}
|
|
4624
4624
|
}
|
|
4625
4625
|
return UsaBarChart;
|
|
4626
|
-
}, { id: 'bar-chart', text: css$
|
|
4626
|
+
}, { id: 'bar-chart', text: css$J });
|
|
4627
4627
|
}
|
|
4628
4628
|
|
|
4629
|
-
var css$
|
|
4629
|
+
var css$I = "usa-gauge{--usa-gg-c:#7c5cff;--usa-gg-k:0;position:relative;display:inline-block;width:var(--usa-gg-w,220px);max-width:100%;font:600 12px/1.2 system-ui,sans-serif;text-align:center}.usa-gg-svg{display:block;width:100%;height:auto;overflow:visible}.usa-gg-track,.usa-gg-arc{fill:none;stroke-width:16;stroke-linecap:round}.usa-gg-track{stroke:rgba(127,127,127,.2)}.usa-gg-arc{stroke:var(--usa-gg-c);stroke-dasharray:calc(max(var(--usa-gg-k),0) * 100) 100;transition:stroke .3s}.usa-gg-needle{transform-origin:100px 100px;transform:rotate(var(--usa-gg-angle,-90deg));fill:currentColor}.usa-gg-read{position:absolute;left:0;right:0;bottom:2px;display:flex;flex-direction:column;align-items:center;pointer-events:none}.usa-gg-num{font:800 22px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;transform:translateY(-34px)}.usa-gg-label{opacity:.65;transform:translateY(-34px)}";
|
|
4630
4630
|
|
|
4631
4631
|
function defineGauge(tag = 'usa-gauge') {
|
|
4632
4632
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4711,10 +4711,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4711
4711
|
}
|
|
4712
4712
|
}
|
|
4713
4713
|
return UsaGauge;
|
|
4714
|
-
}, { id: 'gauge', text: css$
|
|
4714
|
+
}, { id: 'gauge', text: css$I });
|
|
4715
4715
|
}
|
|
4716
4716
|
|
|
4717
|
-
var css$
|
|
4717
|
+
var css$H = "usa-sparkline{--usa-sl-c:#7c5cff;position:relative;display:inline-block;width:var(--usa-sl-w,120px);height:var(--usa-sl-h,32px);vertical-align:middle}.usa-sl-svg{display:block;width:100%;height:100%;overflow:visible}.usa-sl-line{fill:none;stroke:var(--usa-sl-c);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1}.usa-sl-area{fill:var(--usa-sl-c);opacity:0}usa-sparkline[data-variant=\"area\"] .usa-sl-area{opacity:.16;transition:opacity .8s .4s}.usa-sl-bars rect{fill:var(--usa-sl-c);opacity:.75}usa-sparkline:not([data-variant=\"bars\"]) .usa-sl-bars,usa-sparkline[data-variant=\"bars\"] .usa-sl-line,usa-sparkline[data-variant=\"bars\"] .usa-sl-end{display:none}.usa-sl-end{fill:var(--usa-sl-c);vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:usa-sl-pulse 1.8s ease-out infinite}.usa-sl-hover{fill:#fff;stroke:var(--usa-sl-c);stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:0}usa-sparkline[data-hover] .usa-sl-hover{opacity:1}.usa-sl-tip{position:absolute;bottom:calc(100% + 4px);transform:translateX(-50%);padding:2px 6px;border-radius:5px;background:#111827;color:#fff;font:600 11px/1.3 system-ui,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}usa-sparkline[data-hover] .usa-sl-tip{opacity:1}@keyframes usa-sl-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:.4;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.usa-sl-end{animation:none}}";
|
|
4718
4718
|
|
|
4719
4719
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4720
4720
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4837,7 +4837,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4837
4837
|
}
|
|
4838
4838
|
}
|
|
4839
4839
|
return UsaSparkline;
|
|
4840
|
-
}, { id: 'sparkline', text: css$
|
|
4840
|
+
}, { id: 'sparkline', text: css$H });
|
|
4841
4841
|
}
|
|
4842
4842
|
|
|
4843
4843
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4850,7 +4850,7 @@ function parseFigureText(s) {
|
|
|
4850
4850
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4851
4851
|
}
|
|
4852
4852
|
|
|
4853
|
-
var css$
|
|
4853
|
+
var css$G = "usa-kpi{display:inline-grid;grid-template-columns:1fr auto;grid-template-areas:\"label label\" \"value delta\" \"trend trend\" \"caption caption\";align-items:end;gap:4px 10px;width:var(--usa-kpi-w,220px);max-width:100%;padding:14px 16px;border-radius:16px;background:var(--usa-kpi-bg,#fff);color:#0f172a;box-shadow:0 8px 24px -12px rgba(15,23,42,.35);font:500 12px/1.3 system-ui,sans-serif}.usa-kpi-label{grid-area:label;opacity:.6;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.usa-kpi-value{grid-area:value;font:800 28px/1.05 system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.usa-kpi-delta{grid-area:delta;display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:999px;font-weight:700;font-size:12px;margin-bottom:4px}.usa-kpi-delta[data-good=\"true\"]{background:rgba(34,197,94,.14);color:#15803d}.usa-kpi-delta[data-good=\"false\"]{background:rgba(239,68,68,.14);color:#b91c1c}.usa-kpi-delta i{font-style:normal;font-size:9px}.usa-kpi-trend{grid-area:trend;--usa-sl-w:100%;--usa-sl-h:34px;margin-top:4px}.usa-kpi-caption{grid-area:caption;opacity:.55;font-size:11px}.usa-kpi-caption:empty{display:none}";
|
|
4854
4854
|
|
|
4855
4855
|
function defineKpi(tag = 'usa-kpi') {
|
|
4856
4856
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4930,10 +4930,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4930
4930
|
}
|
|
4931
4931
|
}
|
|
4932
4932
|
return UsaKpi;
|
|
4933
|
-
}, { id: 'kpi', text: css$
|
|
4933
|
+
}, { id: 'kpi', text: css$G });
|
|
4934
4934
|
}
|
|
4935
4935
|
|
|
4936
|
-
var css$
|
|
4936
|
+
var css$F = "usa-add-to-cart{display:inline-block}.usa-atc-btn{position:relative;display:inline-grid;place-items:center;min-width:var(--usa-atc-w,150px);padding:11px 18px;border:0;border-radius:999px;background:var(--usa-atc-bg,#7c5cff);color:#fff;font:700 14px/1 system-ui,sans-serif;cursor:pointer;overflow:hidden;transition:background .3s}.usa-atc-btn>span{grid-area:1/1;transition:transform .35s cubic-bezier(.3,1.4,.5,1),opacity .25s}.usa-atc-done{transform:translateY(120%);opacity:0}usa-add-to-cart[data-added] .usa-atc-btn{background:var(--usa-atc-ok,#16a34a)}usa-add-to-cart[data-added] .usa-atc-label{transform:translateY(-120%);opacity:0}usa-add-to-cart[data-added] .usa-atc-done{transform:none;opacity:1}.usa-atc-btn:focus-visible{outline:3px solid #a78bfa;outline-offset:2px}.usa-atc-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.usa-atc-btn>span{transition:none}}";
|
|
4937
4937
|
|
|
4938
4938
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4939
4939
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4978,10 +4978,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4978
4978
|
}
|
|
4979
4979
|
}
|
|
4980
4980
|
return UsaAddToCart;
|
|
4981
|
-
}, { id: 'add-to-cart', text: css$
|
|
4981
|
+
}, { id: 'add-to-cart', text: css$F });
|
|
4982
4982
|
}
|
|
4983
4983
|
|
|
4984
|
-
var css$
|
|
4984
|
+
var css$E = "usa-cart-drawer{position:relative;display:inline-block;font:500 13px/1.3 system-ui,sans-serif}.usa-cd2-toggle{position:relative;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--usa-cd2-btn,#f1f5f9);font-size:20px;cursor:pointer}.usa-cd2-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font:800 11px/18px system-ui,sans-serif;text-align:center}.usa-cd2-badge:empty{display:none}.usa-cd2-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:2147482000}.usa-cd2-panel{position:fixed;top:0;right:0;bottom:0;width:min(var(--usa-cd2-w,340px),92vw);display:flex;flex-direction:column;background:var(--usa-cd2-bg,#fff);color:#0f172a;box-shadow:-12px 0 40px -12px rgba(15,23,42,.4);z-index:2147482001;outline:none}.usa-cd2-panel header,.usa-cd2-panel footer{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.08)}.usa-cd2-panel footer{border:0;border-top:1px solid rgba(15,23,42,.08);margin-top:auto;font-size:15px}.usa-cd2-close,.usa-cd2-rm{border:0;background:none;font-size:20px;line-height:1;cursor:pointer;color:inherit;opacity:.6}.usa-cd2-list{margin:0;padding:6px 8px;list-style:none;overflow:auto}.usa-cd2-item{display:grid;grid-template-columns:36px 1fr auto auto auto;align-items:center;gap:8px;padding:8px;border-radius:10px;overflow:hidden}.usa-cd2-item img,.usa-cd2-item i{width:36px;height:36px;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,#a78bfa,#22d3ee)}.usa-cd2-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.usa-cd2-qty{opacity:.6}.usa-cd2-price,.usa-cd2-total{font-variant-numeric:tabular-nums;font-weight:700}.usa-cd2-empty{margin:24px;text-align:center;opacity:.55}.usa-cd2-panel[hidden],.usa-cd2-backdrop[hidden]{display:none}";
|
|
4985
4985
|
|
|
4986
4986
|
/** Cart total (7.3). */
|
|
4987
4987
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5146,10 +5146,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5146
5146
|
}
|
|
5147
5147
|
}
|
|
5148
5148
|
return UsaCartDrawer;
|
|
5149
|
-
}, { id: 'cart-drawer', text: css$
|
|
5149
|
+
}, { id: 'cart-drawer', text: css$E });
|
|
5150
5150
|
}
|
|
5151
5151
|
|
|
5152
|
-
var css$
|
|
5152
|
+
var css$D = "usa-product-gallery{display:grid;gap:10px;width:var(--usa-pg2-w,320px);max-width:100%}.usa-pg2-stage{position:relative;aspect-ratio:var(--usa-pg2-ratio,1);border-radius:14px;overflow:hidden;background:#f1f5f9;cursor:zoom-in;outline:none}.usa-pg2-stage:focus-visible{box-shadow:0 0 0 3px #a78bfa}.usa-pg2-main{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease-out}.usa-pg2-thumbs{position:relative;display:flex;gap:8px;overflow-x:auto;padding:3px}.usa-pg2-thumb{flex:0 0 auto;width:var(--usa-pg2-t,56px);height:var(--usa-pg2-t,56px);padding:0;border:0;border-radius:10px;overflow:hidden;background:#e2e8f0;cursor:pointer;opacity:.65;transition:opacity .2s}.usa-pg2-thumb[aria-selected=true]{opacity:1}.usa-pg2-thumb img{width:100%;height:100%;object-fit:cover;display:block}.usa-pg2-thumb:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}.usa-pg2-ring{position:absolute;left:0;top:3px;height:var(--usa-pg2-t,56px);border-radius:10px;box-shadow:0 0 0 2px var(--usa-pg2-accent,#7c5cff);pointer-events:none;transition:transform .35s cubic-bezier(.3,1.3,.5,1),width .35s}@media (prefers-reduced-motion:reduce){.usa-pg2-ring,.usa-pg2-main{transition:none}}";
|
|
5153
5153
|
|
|
5154
5154
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5155
5155
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5263,10 +5263,10 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5263
5263
|
}
|
|
5264
5264
|
}
|
|
5265
5265
|
return UsaProductGallery;
|
|
5266
|
-
}, { id: 'product-gallery', text: css$
|
|
5266
|
+
}, { id: 'product-gallery', text: css$D });
|
|
5267
5267
|
}
|
|
5268
5268
|
|
|
5269
|
-
var css$
|
|
5269
|
+
var css$C = "usa-countdown{display:inline-block;font:700 12px/1.2 system-ui,sans-serif;color:var(--usa-cd-fg,inherit)}.usa-cd-row{display:flex;gap:var(--usa-cd-gap,10px)}.usa-cd-unit{display:flex;flex-direction:column;align-items:center;gap:4px}.usa-cd-unit small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.usa-cd-digits{display:flex;gap:3px;perspective:300px}.usa-cd-d{display:grid;place-items:center;width:var(--usa-cd-w,28px);height:calc(var(--usa-cd-w,28px) * 1.35);border-radius:6px;background:var(--usa-cd-bg,#111827);color:var(--usa-cd-c,#fff);font:800 calc(var(--usa-cd-w,28px) * .8)/1 ui-monospace,monospace;box-shadow:inset 0 -1px 0 rgba(255,255,255,.08),0 4px 10px -4px rgba(0,0,0,.5);background-image:linear-gradient(transparent 49%,rgba(0,0,0,.35) 50%,transparent 51%);transform-origin:50% 50%}usa-countdown[data-done] .usa-cd-d{background-color:var(--usa-cd-done,#ef4444)}";
|
|
5270
5270
|
|
|
5271
5271
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5272
5272
|
function splitTime(sec) {
|
|
@@ -5354,10 +5354,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5354
5354
|
}
|
|
5355
5355
|
}
|
|
5356
5356
|
return UsaCountdown;
|
|
5357
|
-
}, { id: 'countdown', text: css$
|
|
5357
|
+
}, { id: 'countdown', text: css$C });
|
|
5358
5358
|
}
|
|
5359
5359
|
|
|
5360
|
-
var css$
|
|
5360
|
+
var css$B = "usa-message-list{position:relative;display:block;width:var(--usa-ml-w,320px);max-width:100%;font:400 14px/1.35 system-ui,sans-serif}.usa-ml-list{display:flex;flex-direction:column;gap:6px;height:var(--usa-ml-h,260px);margin:0;padding:10px;list-style:none;overflow-y:auto;overscroll-behavior:contain;border-radius:14px;background:var(--usa-ml-bg,#f8fafc)}.usa-ml-msg{display:flex;flex-direction:column;align-items:flex-start;max-width:80%}.usa-ml-msg[data-side=right]{align-self:flex-end;align-items:flex-end}.usa-ml-msg[data-grouped] .usa-ml-from{display:none}.usa-ml-from{font-size:11px;font-weight:600;opacity:.6;margin:2px 8px}.usa-ml-from:empty,.usa-ml-time:empty{display:none}.usa-ml-bubble{padding:8px 12px;border-radius:16px 16px 16px 4px;background:var(--usa-ml-them,#e2e8f0);color:#0f172a;overflow-wrap:anywhere}.usa-ml-msg[data-side=right] .usa-ml-bubble{border-radius:16px 16px 4px 16px;background:var(--usa-ml-me,#7c5cff);color:#fff}.usa-ml-time{font-size:10px;opacity:.5;margin:2px 8px}.usa-ml-typing .usa-ml-bubble{display:inline-flex;gap:4px;padding:11px 12px}.usa-ml-typing i{width:7px;height:7px;border-radius:50%;background:#64748b;animation:usa-ml-dot 1.1s infinite}.usa-ml-typing i:nth-child(2){animation-delay:.18s}.usa-ml-typing i:nth-child(3){animation-delay:.36s}@keyframes usa-ml-dot{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-5px);opacity:1}}.usa-ml-new{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);border:0;border-radius:999px;padding:6px 12px;background:#0f172a;color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 16px -6px rgba(0,0,0,.5)}.usa-ml-new[hidden]{display:none}@media (prefers-reduced-motion:reduce){.usa-ml-typing i{animation:none}}";
|
|
5361
5361
|
|
|
5362
5362
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5363
5363
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5444,10 +5444,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5444
5444
|
}
|
|
5445
5445
|
}
|
|
5446
5446
|
return UsaMessageList;
|
|
5447
|
-
}, { id: 'message-list', text: css$
|
|
5447
|
+
}, { id: 'message-list', text: css$B });
|
|
5448
5448
|
}
|
|
5449
5449
|
|
|
5450
|
-
var css$
|
|
5450
|
+
var css$A = "usa-reactions{position:relative;display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;font:600 13px/1 system-ui,sans-serif}.usa-rx-row{display:inline-flex;flex-wrap:wrap;gap:6px}.usa-rx-pill,.usa-rx-add{position:relative;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid rgba(15,23,42,.12);border-radius:999px;background:var(--usa-rx-bg,#fff);color:inherit;font:inherit;cursor:pointer}.usa-rx-pill[hidden]{display:none}.usa-rx-pill[aria-pressed=true]{border-color:var(--usa-rx-accent,#7c5cff);background:color-mix(in srgb,var(--usa-rx-accent,#7c5cff) 14%,#fff)}.usa-rx-emo{display:inline-block;font-size:15px}.usa-rx-n{display:inline-block;min-width:1ch;font-variant-numeric:tabular-nums}.usa-rx-float{position:absolute;left:50%;top:0;font-size:16px;pointer-events:none}.usa-rx-picker{position:absolute;bottom:calc(100% + 6px);left:0;display:flex;gap:2px;padding:4px;border-radius:999px;background:#fff;box-shadow:0 10px 30px -10px rgba(15,23,42,.45);transform-origin:20% 100%;z-index:5}.usa-rx-picker[hidden]{display:none}.usa-rx-picker button{border:0;background:none;font-size:20px;width:32px;height:32px;border-radius:50%;cursor:pointer}.usa-rx-picker button:hover,.usa-rx-picker button:focus-visible{background:#f1f5f9}.usa-rx-pill:focus-visible,.usa-rx-add:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}";
|
|
5451
5451
|
|
|
5452
5452
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5453
5453
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5549,10 +5549,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5549
5549
|
}
|
|
5550
5550
|
}
|
|
5551
5551
|
return UsaReactions;
|
|
5552
|
-
}, { id: 'reactions', text: css$
|
|
5552
|
+
}, { id: 'reactions', text: css$A });
|
|
5553
5553
|
}
|
|
5554
5554
|
|
|
5555
|
-
var css$
|
|
5555
|
+
var css$z = "usa-notification-bell{position:relative;display:inline-block;font:400 13px/1.35 system-ui,sans-serif}.usa-nb-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:var(--usa-nb-bg,#f1f5f9);color:var(--usa-nb-fg,#0f172a);cursor:pointer}.usa-nb-bell{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 12%}.usa-nb-badge{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ef4444;color:#fff;font:800 10px/17px system-ui,sans-serif;text-align:center}.usa-nb-badge:empty{display:none}.usa-nb-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(280px,86vw);border-radius:14px;background:#fff;color:#0f172a;box-shadow:0 18px 40px -14px rgba(15,23,42,.45);overflow:hidden;z-index:20;transform-origin:90% 0}.usa-nb-panel[hidden]{display:none}.usa-nb-panel header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(15,23,42,.08)}.usa-nb-read{border:0;background:none;color:#7c5cff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}.usa-nb-list{max-height:220px;margin:0;padding:4px;list-style:none;overflow:auto}.usa-nb-item{display:flex;justify-content:space-between;gap:8px;padding:8px;border-radius:8px}.usa-nb-item[data-unread]{background:#f5f3ff;font-weight:600}.usa-nb-item[data-unread]::before{content:\"\";flex:0 0 7px;height:7px;margin-top:6px;border-radius:50%;background:#7c5cff}.usa-nb-item time{opacity:.5;font-size:11px;white-space:nowrap}.usa-nb-text{flex:1;min-width:0}.usa-nb-empty{margin:16px;text-align:center;opacity:.55}.usa-nb-btn:focus-visible,.usa-nb-read:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}";
|
|
5556
5556
|
|
|
5557
5557
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5558
5558
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5647,10 +5647,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5647
5647
|
}
|
|
5648
5648
|
}
|
|
5649
5649
|
return UsaNotificationBell;
|
|
5650
|
-
}, { id: 'notification-bell', text: css$
|
|
5650
|
+
}, { id: 'notification-bell', text: css$z });
|
|
5651
5651
|
}
|
|
5652
5652
|
|
|
5653
|
-
var css$
|
|
5653
|
+
var css$y = "usa-presence{--s:var(--usa-pr2-size,48px);position:relative;display:inline-grid;place-items:center;width:var(--s);height:var(--s);vertical-align:middle}.usa-pr2-face{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#a78bfa,#22d3ee);color:#fff;font:700 calc(var(--s) * .36)/1 system-ui,sans-serif}.usa-pr2-face img{width:100%;height:100%;object-fit:cover}.usa-pr2-dot,.usa-pr2-ripple{position:absolute;right:0;bottom:0;width:calc(var(--s) * .28);height:calc(var(--s) * .28);border-radius:50%;box-sizing:border-box}.usa-pr2-dot{border:2px solid var(--usa-pr2-ring,#fff);background:#94a3b8;transition:background-color .3s}.usa-pr2-ripple{background:#22c55e;pointer-events:none}usa-presence[data-state=online] .usa-pr2-dot{background:#22c55e}usa-presence[data-state=away] .usa-pr2-dot{background:#f59e0b}usa-presence[data-state=busy] .usa-pr2-dot{background:#ef4444}usa-presence[speaking] .usa-pr2-face{box-shadow:0 0 0 3px #22c55e;animation:usa-pr2-speak 1.2s ease-in-out infinite}@keyframes usa-pr2-speak{50%{box-shadow:0 0 0 6px rgba(34,197,94,.35)}}usa-presence[story]::before{content:\"\";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(#f59e0b,#ef4444,#d946ef,#7c3aed,#f59e0b);animation:usa-pr2-spin 3s linear infinite;z-index:-1}usa-presence[story] .usa-pr2-face{box-shadow:0 0 0 2px var(--usa-pr2-ring,#fff)}@keyframes usa-pr2-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){usa-presence[speaking] .usa-pr2-face,usa-presence[story]::before{animation:none}.usa-pr2-dot{transition:none}}";
|
|
5654
5654
|
|
|
5655
5655
|
/** Presence states (7.4). */
|
|
5656
5656
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5720,10 +5720,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5720
5720
|
}
|
|
5721
5721
|
}
|
|
5722
5722
|
return UsaPresence;
|
|
5723
|
-
}, { id: 'presence', text: css$
|
|
5723
|
+
}, { id: 'presence', text: css$y });
|
|
5724
5724
|
}
|
|
5725
5725
|
|
|
5726
|
-
var css$
|
|
5726
|
+
var css$x = "usa-leaderboard{display:block;width:var(--usa-lb-w,320px);max-width:100%;font:500 14px/1.2 system-ui,sans-serif}.usa-lb-list{margin:0;padding:0;list-style:none;display:grid;gap:4px}.usa-lb-row{display:grid;grid-template-columns:28px 30px 1fr auto auto;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:var(--usa-lb-bg,rgba(15,23,42,.04));position:relative}.usa-lb-row[data-me]{box-shadow:inset 0 0 0 2px var(--usa-lb-accent,#7c5cff)}.usa-lb-rank{text-align:center;font-weight:800;font-size:15px}.usa-lb-av{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#22d3ee) center/cover;color:#fff;font-weight:700;font-size:13px}.usa-lb-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-lb-delta{font:700 11px/1 system-ui,sans-serif;font-style:normal}.usa-lb-row[data-move=up] .usa-lb-delta{color:#16a34a}.usa-lb-row[data-move=down] .usa-lb-delta{color:#dc2626}.usa-lb-score{font-variant-numeric:tabular-nums;font-weight:800}.usa-lb-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}";
|
|
5727
5727
|
|
|
5728
5728
|
/** Sort rows by score desc, then name (7.5). */
|
|
5729
5729
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5832,10 +5832,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5832
5832
|
}
|
|
5833
5833
|
}
|
|
5834
5834
|
return UsaLeaderboard;
|
|
5835
|
-
}, { id: 'leaderboard', text: css$
|
|
5835
|
+
}, { id: 'leaderboard', text: css$x });
|
|
5836
5836
|
}
|
|
5837
5837
|
|
|
5838
|
-
var css$
|
|
5838
|
+
var css$w = "usa-xp-bar{display:flex;align-items:center;gap:10px;width:var(--usa-xp-w,300px);max-width:100%;font:600 13px/1 system-ui,sans-serif}.usa-xp-lvl{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--usa-xp-accent,#7c5cff);color:#fff;font-size:15px;font-weight:800;box-shadow:0 0 0 3px rgba(124,92,255,.25)}.usa-xp-track{flex:1;min-width:0;height:12px;border-radius:99px;background:var(--usa-xp-track,rgba(15,23,42,.1));overflow:hidden}.usa-xp-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--usa-xp-accent,#7c5cff),#22d3ee);transform-origin:0 50%;transform:scaleX(0)}.usa-xp-num{flex:none;font-variant-numeric:tabular-nums;opacity:.75}usa-xp-bar[data-levelup] .usa-xp-lvl{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.35)}.usa-xp-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}";
|
|
5839
5839
|
|
|
5840
5840
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5841
5841
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5932,10 +5932,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5932
5932
|
}
|
|
5933
5933
|
}
|
|
5934
5934
|
return UsaXpBar;
|
|
5935
|
-
}, { id: 'xp-bar', text: css$
|
|
5935
|
+
}, { id: 'xp-bar', text: css$w });
|
|
5936
5936
|
}
|
|
5937
5937
|
|
|
5938
|
-
var css$
|
|
5938
|
+
var css$v = "usa-badge-wall{display:block;width:var(--usa-bw-w,320px);max-width:100%;font:600 12px/1.2 system-ui,sans-serif}.usa-bw-count{margin:0 0 8px;font-size:13px;opacity:.75;font-variant-numeric:tabular-nums}.usa-bw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;margin:0;padding:0;list-style:none}.usa-bw-badge{position:relative;display:grid;justify-items:center;gap:4px;padding:8px 4px;border-radius:12px;background:linear-gradient(160deg,#fde68a,#f59e0b);color:#422006;text-align:center;overflow:hidden}.usa-bw-icon{font-size:24px;line-height:1}.usa-bw-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-bw-badge[data-locked]{background:var(--usa-bw-locked,#e2e8f0);color:#64748b}.usa-bw-badge[data-locked] .usa-bw-icon{filter:grayscale(1);opacity:.45}.usa-bw-badge[data-locked]::after{content:\"🔒\";position:absolute;top:3px;right:4px;font-size:11px}.usa-bw-badge[data-shine]::before{content:\"\";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%) 120% 0/250% 100%;animation:usa-bw-shine 1s ease-in-out .3s both;pointer-events:none}@keyframes usa-bw-shine{to{background-position:-20% 0}}.usa-bw-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.usa-bw-badge[data-shine]::before{animation:none;display:none}}";
|
|
5939
5939
|
|
|
5940
5940
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5941
5941
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -6002,10 +6002,10 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
6002
6002
|
}
|
|
6003
6003
|
}
|
|
6004
6004
|
return UsaBadgeWall;
|
|
6005
|
-
}, { id: 'badge-wall', text: css$
|
|
6005
|
+
}, { id: 'badge-wall', text: css$v });
|
|
6006
6006
|
}
|
|
6007
6007
|
|
|
6008
|
-
var css$
|
|
6008
|
+
var css$u = "usa-prize-wheel{display:inline-block;--s:var(--usa-pw-size,200px);font:700 11px/1 system-ui,sans-serif}.usa-pw-box{position:relative;display:grid;place-items:center;width:var(--s);height:var(--s)}.usa-pw-wheel{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 4px #fff,0 0 0 6px rgba(15,23,42,.15),0 8px 24px rgba(15,23,42,.2);will-change:transform}.usa-pw-label{position:absolute;left:50%;top:0;width:0;height:50%;display:flex;justify-content:center;padding-top:10px;transform-origin:0 100%;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);white-space:nowrap}.usa-pw-pointer{position:absolute;top:-10px;left:50%;margin-left:-9px;width:0;height:0;border:9px solid transparent;border-top:16px solid var(--usa-pw-pointer,#0f172a);border-bottom:0;z-index:2;transform-origin:50% 0}.usa-pw-btn{position:relative;z-index:1;width:30%;aspect-ratio:1;border:0;border-radius:50%;background:#fff;color:#0f172a;font:800 13px/1 system-ui,sans-serif;box-shadow:0 2px 8px rgba(15,23,42,.25);cursor:pointer}.usa-pw-btn:disabled{cursor:progress;opacity:.85}usa-prize-wheel[data-done] .usa-pw-wheel{box-shadow:0 0 0 4px #fff,0 0 0 6px #facc15,0 0 28px rgba(250,204,21,.6)}.usa-pw-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}";
|
|
6009
6009
|
|
|
6010
6010
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6011
6011
|
function wheelAngle(index, count, turns = 5) {
|
|
@@ -6085,10 +6085,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6085
6085
|
}
|
|
6086
6086
|
}
|
|
6087
6087
|
return UsaPrizeWheel;
|
|
6088
|
-
}, { id: 'prize-wheel', text: css$
|
|
6088
|
+
}, { id: 'prize-wheel', text: css$u });
|
|
6089
6089
|
}
|
|
6090
6090
|
|
|
6091
|
-
var css$
|
|
6091
|
+
var css$t = "usa-globe{display:inline-block;width:var(--usa-gl-size,200px);max-width:100%;aspect-ratio:1;touch-action:pan-y;cursor:grab;user-select:none}usa-globe:active{cursor:grabbing}.usa-gl-svg{display:block;width:100%;height:100%;overflow:visible}.usa-gl-sea{fill:var(--usa-gl-sea,#1e3a8a)}.usa-gl-grid{fill:none;stroke:var(--usa-gl-grid,rgba(255,255,255,.35));stroke-width:.7}.usa-gl-dot{fill:var(--usa-gl-accent,#f59e0b);stroke:#fff;stroke-width:1}.usa-gl-ring{fill:none;stroke:var(--usa-gl-accent,#f59e0b);stroke-width:1.5;transform-box:fill-box;transform-origin:center;opacity:0}.usa-gl-mark[data-hidden]{display:none}.usa-gl-mark[data-active] .usa-gl-dot{fill:#ef4444}@media (prefers-reduced-motion:no-preference){.usa-gl-ring{animation:usa-gl-pulse 1.8s ease-out infinite}}@keyframes usa-gl-pulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(3.2);opacity:0}}";
|
|
6092
6092
|
|
|
6093
6093
|
const RAD = Math.PI / 180;
|
|
6094
6094
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6245,10 +6245,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6245
6245
|
}
|
|
6246
6246
|
}
|
|
6247
6247
|
return UsaGlobe;
|
|
6248
|
-
}, { id: 'globe', text: css$
|
|
6248
|
+
}, { id: 'globe', text: css$t });
|
|
6249
6249
|
}
|
|
6250
6250
|
|
|
6251
|
-
var css$
|
|
6251
|
+
var css$s = "usa-location-card{display:block;width:var(--usa-lc-w,280px);max-width:100%;font:500 13px/1.35 system-ui,sans-serif}.usa-lc{border-radius:16px;overflow:hidden;background:var(--usa-lc-bg,#fff);color:var(--usa-lc-fg,#0f172a);box-shadow:0 10px 28px -14px rgba(15,23,42,.45);border:1px solid rgba(15,23,42,.08)}.usa-lc-map{position:relative;height:var(--usa-lc-map-h,110px);background:var(--usa-lc-land,#e8efe4);overflow:hidden}.usa-lc-map svg{display:block;width:100%;height:100%}.usa-lc-street{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round}.usa-lc-route{fill:none;stroke:var(--usa-lc-accent,#2563eb);stroke-width:4;stroke-linecap:round;stroke-dasharray:100}.usa-lc-from{fill:#fff;stroke:var(--usa-lc-accent,#2563eb);stroke-width:3}.usa-lc-pin{position:absolute;left:70%;top:calc(48% - 8px);width:22px;height:22px;transform:translate(-50%,-100%);border-radius:50%;background:var(--usa-lc-pin,#ef4444);box-shadow:0 4px 8px rgba(0,0,0,.25)}.usa-lc-pin::after{content:\"\";position:absolute;inset:6px;border-radius:50%;background:#fff}.usa-lc-pin::before{content:\"\";position:absolute;left:50%;bottom:-8px;width:0;height:0;border:6px solid transparent;border-top:9px solid var(--usa-lc-pin,#ef4444);border-bottom:0;transform:translateX(-50%)}.usa-lc-ring{position:absolute;left:70%;top:48%;width:18px;height:18px;border-radius:50%;border:2px solid var(--usa-lc-pin,#ef4444);transform:translate(-50%,-50%);opacity:0;pointer-events:none}.usa-lc-body{padding:10px 14px 12px}.usa-lc-name{margin:0;font-size:15px;font-weight:750}.usa-lc-addr{margin:2px 0 0;opacity:.7}.usa-lc-meta{display:flex;align-items:center;gap:10px;margin:8px 0 0}.usa-lc-meta:empty{display:none}.usa-lc-dist{font-weight:700;font-variant-numeric:tabular-nums}.usa-lc-go{margin-left:auto;color:var(--usa-lc-accent,#2563eb);font-weight:700;text-decoration:none}.usa-lc-go:hover,.usa-lc-go:focus-visible{text-decoration:underline}";
|
|
6252
6252
|
|
|
6253
6253
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6254
6254
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6264,7 +6264,7 @@ function formatDistance(km, unit = 'km') {
|
|
|
6264
6264
|
}
|
|
6265
6265
|
return km < 1 ? `${Math.round(km * 1000)} m` : `${km < 10 ? km.toFixed(1) : Math.round(km)} km`;
|
|
6266
6266
|
}
|
|
6267
|
-
const esc$
|
|
6267
|
+
const esc$d = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6268
6268
|
function defineLocationCard(tag = 'usa-location-card') {
|
|
6269
6269
|
return base.defineElement(tag, (Base) => {
|
|
6270
6270
|
class UsaLocationCard extends Base {
|
|
@@ -6289,7 +6289,7 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6289
6289
|
const dist = this.str('distance') || (km === null ? '' : formatDistance(km, this.str('unit') === 'mi' ? 'mi' : 'km'));
|
|
6290
6290
|
const href = this.str('href');
|
|
6291
6291
|
const origin = km !== null;
|
|
6292
|
-
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$
|
|
6292
|
+
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$d(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$d(name)}</h3>${this.str('address') ? `<p class="usa-lc-addr">${esc$d(this.str('address'))}</p>` : ''}<p class="usa-lc-meta">${dist ? `<span class="usa-lc-dist">${esc$d(dist)}</span>` : ''}${href ? `<a class="usa-lc-go" href="${esc$d(href)}" target="_blank" rel="noopener">Directions</a>` : ''}</p></div></article>`);
|
|
6293
6293
|
if (origin)
|
|
6294
6294
|
this.setAttribute('data-route', '');
|
|
6295
6295
|
else
|
|
@@ -6322,10 +6322,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6322
6322
|
}
|
|
6323
6323
|
}
|
|
6324
6324
|
return UsaLocationCard;
|
|
6325
|
-
}, { id: 'location-card', text: css$
|
|
6325
|
+
}, { id: 'location-card', text: css$s });
|
|
6326
6326
|
}
|
|
6327
6327
|
|
|
6328
|
-
var css$
|
|
6328
|
+
var css$r = "usa-field{display:block;width:var(--usa-fld-w,280px);max-width:100%;font:500 14px/1.3 system-ui,sans-serif;--usa-fld-accent:#6366f1;--usa-fld-bad:#e11d48;--usa-fld-good:#16a34a}.usa-fld{position:relative;padding-top:18px}.usa-fld-input{display:block;box-sizing:border-box;width:100%;padding:8px 30px 8px 2px;border:0;border-bottom:2px solid var(--usa-fld-rule,rgba(100,116,139,.45));background:transparent;color:inherit;font:inherit;outline:none;border-radius:0}.usa-fld-label{position:absolute;left:2px;top:26px;color:var(--usa-fld-muted,#64748b);pointer-events:none;transform-origin:0 0;transition:transform .22s cubic-bezier(.2,.8,.2,1),color .2s}usa-field[data-focus] .usa-fld-label,usa-field[data-filled] .usa-fld-label,.usa-fld-input:not(:placeholder-shown)+.usa-fld-label{transform:translateY(-24px) scale(.8)}usa-field[data-focus] .usa-fld-label{color:var(--usa-fld-accent)}.usa-fld-line{position:absolute;left:0;right:0;top:calc(18px + 2.3em - 1px);height:2px;background:var(--usa-fld-accent);transform:scaleX(0);transition:transform .3s cubic-bezier(.2,.8,.2,1)}usa-field[data-focus] .usa-fld-line{transform:scaleX(1)}usa-field[data-invalid] .usa-fld-line{transform:scaleX(1);background:var(--usa-fld-bad)}usa-field[data-invalid] .usa-fld-label{color:var(--usa-fld-bad)}.usa-fld-ok{position:absolute;right:2px;top:24px;width:20px;height:20px;fill:none;stroke:var(--usa-fld-good);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.usa-fld-ok path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .35s ease-out}usa-field[data-valid] .usa-fld-ok path{stroke-dashoffset:0}.usa-fld-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px}.usa-fld-meter i{height:4px;border-radius:2px;background:rgba(100,116,139,.25);transform-origin:0 50%;transition:background .25s}.usa-fld-meter[data-score=\"1\"] i:nth-child(-n+1){background:#ef4444}.usa-fld-meter[data-score=\"2\"] i:nth-child(-n+2){background:#f59e0b}.usa-fld-meter[data-score=\"3\"] i:nth-child(-n+3){background:#84cc16}.usa-fld-meter[data-score=\"4\"] i{background:#16a34a}.usa-fld-msg{margin:4px 0 0;min-height:1.3em;font-size:12px;color:var(--usa-fld-muted,#64748b)}usa-field[data-invalid] .usa-fld-msg{color:var(--usa-fld-bad)}@media (prefers-reduced-motion:reduce){.usa-fld-label,.usa-fld-line,.usa-fld-ok path,.usa-fld-meter i{transition:none}}";
|
|
6329
6329
|
|
|
6330
6330
|
/** 0–4 password strength score with a label (7.7). */
|
|
6331
6331
|
function passwordStrength(pw) {
|
|
@@ -6347,7 +6347,7 @@ function passwordStrength(pw) {
|
|
|
6347
6347
|
const score = Math.min(4, s);
|
|
6348
6348
|
return { score, label: ['Too short', 'Weak', 'Fair', 'Good', 'Strong'][score] };
|
|
6349
6349
|
}
|
|
6350
|
-
const esc$
|
|
6350
|
+
const esc$c = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6351
6351
|
let uid$2 = 0;
|
|
6352
6352
|
const PASS = ['type', 'name', 'required', 'pattern', 'minlength', 'maxlength', 'autocomplete', 'inputmode', 'placeholder'];
|
|
6353
6353
|
function defineField(tag = 'usa-field') {
|
|
@@ -6381,9 +6381,9 @@ function defineField(tag = 'usa-field') {
|
|
|
6381
6381
|
const id = this._id;
|
|
6382
6382
|
const strength = this.flag('strength');
|
|
6383
6383
|
const attrs = PASS.filter((a) => this.hasAttribute(a))
|
|
6384
|
-
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$
|
|
6384
|
+
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$c(this.str(a))}"`))
|
|
6385
6385
|
.join('');
|
|
6386
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-fld" data-usa-part><input class="usa-fld-input" id="${id}"${attrs} aria-describedby="${id}-msg"${this.hasAttribute('type') ? '' : ' type="text"'}><label class="usa-fld-label" for="${id}">${esc$
|
|
6386
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-fld" data-usa-part><input class="usa-fld-input" id="${id}"${attrs} aria-describedby="${id}-msg"${this.hasAttribute('type') ? '' : ' type="text"'}><label class="usa-fld-label" for="${id}">${esc$c(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$c(this.str('hint'))}</p></div>`);
|
|
6387
6387
|
const input = this.input;
|
|
6388
6388
|
input.value = keep;
|
|
6389
6389
|
this.listen(input, 'input', () => {
|
|
@@ -6451,10 +6451,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6451
6451
|
}
|
|
6452
6452
|
}
|
|
6453
6453
|
return UsaField;
|
|
6454
|
-
}, { id: 'field', text: css$
|
|
6454
|
+
}, { id: 'field', text: css$r });
|
|
6455
6455
|
}
|
|
6456
6456
|
|
|
6457
|
-
var css$
|
|
6457
|
+
var css$q = "usa-otp{display:inline-block;max-width:100%;--usa-otp-accent:#6366f1;--usa-otp-size:44px}.usa-otp{display:flex;gap:var(--usa-otp-gap,8px)}.usa-otp-box{box-sizing:border-box;width:var(--usa-otp-size);height:calc(var(--usa-otp-size)*1.18);min-width:0;flex:0 1 auto;padding:0;text-align:center;font:700 calc(var(--usa-otp-size)*.48)/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:inherit;background:var(--usa-otp-bg,rgba(148,163,184,.12));border:2px solid var(--usa-otp-rule,rgba(100,116,139,.35));border-radius:10px;outline:none;caret-color:var(--usa-otp-accent);transition:border-color .2s,box-shadow .2s,background .2s}.usa-otp-box:focus{border-color:var(--usa-otp-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--usa-otp-accent) 22%,transparent)}.usa-otp-box[data-filled]{border-color:color-mix(in srgb,var(--usa-otp-accent) 60%,transparent)}usa-otp[data-state=error] .usa-otp-box{border-color:#e11d48;background:rgba(225,29,72,.08)}usa-otp[data-state=success] .usa-otp-box{border-color:#16a34a;background:rgba(22,163,74,.1);color:#15803d}@media (prefers-reduced-motion:reduce){.usa-otp-box{transition:none}}";
|
|
6458
6458
|
|
|
6459
6459
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6460
6460
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6585,10 +6585,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6585
6585
|
}
|
|
6586
6586
|
}
|
|
6587
6587
|
return UsaOtp;
|
|
6588
|
-
}, { id: 'otp', text: css$
|
|
6588
|
+
}, { id: 'otp', text: css$q });
|
|
6589
6589
|
}
|
|
6590
6590
|
|
|
6591
|
-
var css$
|
|
6591
|
+
var css$p = "usa-upload-progress{display:block;width:var(--usa-up-w,300px);max-width:100%;font:500 13px/1.3 system-ui,sans-serif;--usa-up-accent:#6366f1}.usa-up{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--usa-up-bg,rgba(148,163,184,.1));border:1px solid rgba(100,116,139,.18)}.usa-up-icon{flex:none;display:grid;place-items:center;width:34px;height:40px;border-radius:6px;background:var(--usa-up-accent);color:#fff;font:800 9px/1 system-ui,sans-serif;letter-spacing:.04em}.usa-up-main{flex:1;min-width:0}.usa-up-top,.usa-up-sub{display:flex;align-items:center;gap:8px}.usa-up-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.usa-up-pct{font-variant-numeric:tabular-nums;font-weight:700;color:var(--usa-up-accent)}.usa-up-track{position:relative;height:6px;margin:6px 0 4px;border-radius:3px;background:rgba(100,116,139,.2);overflow:hidden}.usa-up-fill{position:absolute;inset:0;border-radius:inherit;background:var(--usa-up-accent);transform-origin:0 50%;transform:scaleX(0);overflow:hidden}usa-upload-progress[data-state=uploading] .usa-up-fill::after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:usa-up-shine 1.2s linear infinite}@keyframes usa-up-shine{to{transform:translateX(100%)}}.usa-up-sub{font-size:11.5px;color:var(--usa-up-muted,#64748b)}.usa-up-msg{flex:1;color:#e11d48}.usa-up-retry{display:none;border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--usa-up-accent);cursor:pointer}usa-upload-progress[data-state=error] .usa-up-retry{display:inline}usa-upload-progress[data-state=error] .usa-up-fill{background:#e11d48}usa-upload-progress[data-state=error] .usa-up-icon{background:#e11d48}usa-upload-progress[data-state=done] .usa-up-fill{background:#16a34a}.usa-up-ok{flex:none;width:0;height:24px;fill:none;stroke:#16a34a;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:width .25s}.usa-up-ok circle{opacity:.25}.usa-up-ok path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .4s .15s ease-out}usa-upload-progress[data-state=done] .usa-up-ok{width:24px}usa-upload-progress[data-state=done] .usa-up-ok path{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.usa-up-fill::after{animation:none!important;display:none}.usa-up-ok,.usa-up-ok path{transition:none}}";
|
|
6592
6592
|
|
|
6593
6593
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6594
6594
|
function formatBytes(n) {
|
|
@@ -6602,7 +6602,7 @@ function formatBytes(n) {
|
|
|
6602
6602
|
}
|
|
6603
6603
|
return `${i === 0 ? Math.round(n) : n < 10 ? n.toFixed(1) : Math.round(n)} ${u[i]}`;
|
|
6604
6604
|
}
|
|
6605
|
-
const esc$
|
|
6605
|
+
const esc$b = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6606
6606
|
function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
6607
6607
|
return base.defineElement(tag, (Base) => {
|
|
6608
6608
|
class UsaUploadProgress extends Base {
|
|
@@ -6630,7 +6630,7 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6630
6630
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6631
6631
|
const name = this.str('name', 'file');
|
|
6632
6632
|
const size = formatBytes(this.num('size', NaN));
|
|
6633
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$
|
|
6633
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$b((name.split('.').pop() || '').slice(0, 4).toUpperCase())}</span><div class="usa-up-main"><div class="usa-up-top"><span class="usa-up-name">${esc$b(name)}</span><span class="usa-up-pct"></span></div><div class="usa-up-track" role="progressbar" aria-label="Uploading ${esc$b(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$b(size)}</span><span class="usa-up-msg" aria-live="polite"></span><button type="button" class="usa-up-retry">Retry</button></div></div><svg class="usa-up-ok" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path pathLength="1" d="M7 12.5l3.2 3.2L17 9"/></svg></div>`);
|
|
6634
6634
|
this.listen(this.querySelector('.usa-up-retry'), 'click', () => this.emit('retry', { name }));
|
|
6635
6635
|
this._shown = 0;
|
|
6636
6636
|
this.render(true);
|
|
@@ -6671,12 +6671,12 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6671
6671
|
}
|
|
6672
6672
|
}
|
|
6673
6673
|
return UsaUploadProgress;
|
|
6674
|
-
}, { id: 'upload-progress', text: css$
|
|
6674
|
+
}, { id: 'upload-progress', text: css$p });
|
|
6675
6675
|
}
|
|
6676
6676
|
|
|
6677
|
-
var css$
|
|
6677
|
+
var css$o = "usa-chat-composer{display:block;width:var(--usa-cc-w,100%);max-width:100%;font:500 14px/1.45 system-ui,sans-serif;--usa-cc-accent:#6366f1}.usa-cc{position:relative;display:flex;align-items:flex-end;gap:8px;padding:8px 8px 8px 14px;border-radius:22px;background:var(--usa-cc-bg,#fff);color:var(--usa-cc-fg,#0f172a);border:1px solid rgba(100,116,139,.28);box-shadow:0 6px 20px -12px rgba(15,23,42,.4)}.usa-cc-glow{position:absolute;inset:-2px;border-radius:24px;padding:2px;background:conic-gradient(from var(--usa-cc-a,0deg),#6366f1,#ec4899,#f59e0b,#22d3ee,#6366f1);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}@property --usa-cc-a{syntax:\"<angle>\";inherits:false;initial-value:0deg}usa-chat-composer[data-busy] .usa-cc-glow{opacity:1;animation:usa-cc-spin 2.4s linear infinite}@keyframes usa-cc-spin{to{--usa-cc-a:360deg}}.usa-cc-input{flex:1;min-width:0;resize:none;border:0;outline:none;background:transparent;color:inherit;font:inherit;padding:6px 0;max-height:12em;overflow-y:auto}.usa-cc-send{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:0;background:rgba(100,116,139,.25);color:#fff;cursor:pointer;transition:background .2s}usa-chat-composer[data-ready] .usa-cc-send{background:var(--usa-cc-accent)}.usa-cc-send:focus-visible{outline:2px solid var(--usa-cc-accent);outline-offset:2px}.usa-cc-send svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.usa-cc-arrow{transition:transform .25s,opacity .2s;transform-origin:center}.usa-cc-stop{fill:currentColor;stroke:none;opacity:0;transform:scale(.4);transform-origin:12px 12px;transition:transform .25s,opacity .2s}usa-chat-composer[data-busy] .usa-cc-arrow{opacity:0;transform:scale(.4)}usa-chat-composer[data-busy] .usa-cc-stop{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){usa-chat-composer[data-busy] .usa-cc-glow{animation:none}.usa-cc-arrow,.usa-cc-stop,.usa-cc-glow{transition:none}}";
|
|
6678
6678
|
|
|
6679
|
-
const esc$
|
|
6679
|
+
const esc$a = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6680
6680
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
6681
6681
|
return base.defineElement(tag, (Base) => {
|
|
6682
6682
|
class UsaChatComposer extends Base {
|
|
@@ -6706,7 +6706,7 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6706
6706
|
const keep = this.area?.value ?? this.str('value');
|
|
6707
6707
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6708
6708
|
const label = this.str('label', 'Message');
|
|
6709
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-cc" data-usa-part><span class="usa-cc-glow" aria-hidden="true"></span><textarea class="usa-cc-input" rows="1" aria-label="${esc$
|
|
6709
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-cc" data-usa-part><span class="usa-cc-glow" aria-hidden="true"></span><textarea class="usa-cc-input" rows="1" aria-label="${esc$a(label)}" placeholder="${esc$a(this.str('placeholder', 'Ask anything…'))}"></textarea><button type="button" class="usa-cc-send" aria-label="Send"><svg viewBox="0 0 24 24" aria-hidden="true"><path class="usa-cc-arrow" d="M12 19V5M5.5 11.5L12 5l6.5 6.5"/><rect class="usa-cc-stop" x="7" y="7" width="10" height="10" rx="2"/></svg></button></div>`);
|
|
6710
6710
|
const a = this.area;
|
|
6711
6711
|
a.value = keep;
|
|
6712
6712
|
this.listen(a, 'input', () => this.sync());
|
|
@@ -6772,10 +6772,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6772
6772
|
}
|
|
6773
6773
|
}
|
|
6774
6774
|
return UsaChatComposer;
|
|
6775
|
-
}, { id: 'chat-composer', text: css$
|
|
6775
|
+
}, { id: 'chat-composer', text: css$o });
|
|
6776
6776
|
}
|
|
6777
6777
|
|
|
6778
|
-
var css$
|
|
6778
|
+
var css$n = "usa-suggestion-chips{display:block;max-width:100%;font:500 13px/1.2 system-ui,sans-serif;--usa-sc-accent:#6366f1}.usa-sc{display:flex;flex-wrap:wrap;gap:8px}.usa-sc>span{display:contents}.usa-sc-chip{padding:8px 13px;border-radius:999px;border:1px solid color-mix(in srgb,var(--usa-sc-accent) 35%,transparent);background:color-mix(in srgb,var(--usa-sc-accent) 8%,var(--usa-sc-bg,#fff));color:inherit;font:inherit;cursor:pointer;transition:background .2s,border-color .2s,opacity .3s,transform .3s}.usa-sc-chip:hover,.usa-sc-chip:focus-visible{background:color-mix(in srgb,var(--usa-sc-accent) 16%,var(--usa-sc-bg,#fff));outline:none;border-color:var(--usa-sc-accent)}.usa-sc-chip[data-picked]{background:var(--usa-sc-accent);border-color:var(--usa-sc-accent);color:#fff}.usa-sc-chip[data-gone]{opacity:0;transform:scale(.85);pointer-events:none}@media (prefers-reduced-motion:reduce){.usa-sc-chip{transition:none}}";
|
|
6779
6779
|
|
|
6780
6780
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6781
6781
|
function parseChips(s) {
|
|
@@ -6784,7 +6784,7 @@ function parseChips(s) {
|
|
|
6784
6784
|
.map((t) => t.trim())
|
|
6785
6785
|
.filter(Boolean);
|
|
6786
6786
|
}
|
|
6787
|
-
const esc$
|
|
6787
|
+
const esc$9 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6788
6788
|
function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
6789
6789
|
return base.defineElement(tag, (Base) => {
|
|
6790
6790
|
class UsaSuggestionChips extends Base {
|
|
@@ -6819,7 +6819,7 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6819
6819
|
Array.from(this.children).forEach((c) => !c.hasAttribute('data-usa-part') && c.setAttribute('hidden', ''));
|
|
6820
6820
|
}
|
|
6821
6821
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6822
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$
|
|
6822
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$9(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$9(t)}</button></span>`).join('')}</div>`);
|
|
6823
6823
|
const chips = Array.from(this.querySelectorAll('.usa-sc-chip'));
|
|
6824
6824
|
chips.forEach((c, i) => {
|
|
6825
6825
|
this.listen(c, 'click', () => this.pick(i));
|
|
@@ -6860,10 +6860,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6860
6860
|
}
|
|
6861
6861
|
}
|
|
6862
6862
|
return UsaSuggestionChips;
|
|
6863
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6863
|
+
}, { id: 'suggestion-chips', text: css$n });
|
|
6864
6864
|
}
|
|
6865
6865
|
|
|
6866
|
-
var css$
|
|
6866
|
+
var css$m = "usa-voice-button{display:inline-block;--usa-vb-accent:#6366f1;--usa-vb-size:52px}.usa-vb{display:flex;align-items:center;gap:12px}.usa-vb-btn{position:relative;display:grid;place-items:center;width:var(--usa-vb-size);height:var(--usa-vb-size);border-radius:50%;border:0;background:var(--usa-vb-idle,#e2e8f0);color:#334155;cursor:pointer;transition:background .2s,color .2s}.usa-vb-btn:focus-visible{outline:2px solid var(--usa-vb-accent);outline-offset:3px}.usa-vb-btn svg{position:relative;width:46%;height:46%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.usa-vb-btn svg rect{fill:currentColor;stroke:none}.usa-vb-halo{position:absolute;inset:0;border-radius:50%;background:var(--usa-vb-accent);opacity:0;transition:transform .12s linear}usa-voice-button[listening] .usa-vb-btn{background:var(--usa-vb-accent);color:#fff}usa-voice-button[listening] .usa-vb-halo{opacity:.25;animation:usa-vb-breathe 1.6s ease-in-out infinite}usa-voice-button[data-live] .usa-vb-halo{animation:none}@keyframes usa-vb-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}.usa-vb-bars{display:flex;align-items:center;gap:3px;height:calc(var(--usa-vb-size)*.6);opacity:.25;transition:opacity .2s}.usa-vb-bars i{display:block;width:4px;height:100%;border-radius:2px;background:var(--usa-vb-accent);transform:scaleY(.15);transition:transform .1s linear}usa-voice-button[listening] .usa-vb-bars{opacity:1}usa-voice-button[listening]:not([data-live]) .usa-vb-bars i{animation:usa-vb-wave 1s ease-in-out infinite}.usa-vb-bars i:nth-child(2){animation-delay:-.15s!important}.usa-vb-bars i:nth-child(3){animation-delay:-.3s!important}.usa-vb-bars i:nth-child(4){animation-delay:-.45s!important}.usa-vb-bars i:nth-child(5){animation-delay:-.6s!important}.usa-vb-bars i:nth-child(6){animation-delay:-.75s!important}.usa-vb-bars i:nth-child(7){animation-delay:-.9s!important}@keyframes usa-vb-wave{0%,100%{transform:scaleY(.2)}50%{transform:scaleY(.9)}}@media (prefers-reduced-motion:reduce){usa-voice-button[listening] .usa-vb-halo,usa-voice-button[listening] .usa-vb-bars i{animation:none!important}.usa-vb-bars i{transition:none}}";
|
|
6867
6867
|
|
|
6868
6868
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6869
6869
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6935,10 +6935,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6935
6935
|
}
|
|
6936
6936
|
}
|
|
6937
6937
|
return UsaVoiceButton;
|
|
6938
|
-
}, { id: 'voice-button', text: css$
|
|
6938
|
+
}, { id: 'voice-button', text: css$m });
|
|
6939
6939
|
}
|
|
6940
6940
|
|
|
6941
|
-
var css$
|
|
6941
|
+
var css$l = "usa-command-palette{display:contents;--usa-cp-accent:#6366f1}usa-command-palette>option{display:none}.usa-cp{width:min(560px,calc(100vw - 24px));max-width:none;padding:0;margin:12vh auto auto;border:0;border-radius:16px;background:transparent;color:inherit;overflow:visible}.usa-cp::backdrop{background:rgba(15,23,42,.35);backdrop-filter:blur(3px)}.usa-cp-box{border-radius:16px;background:var(--usa-cp-bg,#fff);color:var(--usa-cp-fg,#0f172a);box-shadow:0 24px 60px -20px rgba(15,23,42,.55);border:1px solid rgba(100,116,139,.2);overflow:hidden;font:500 14px/1.3 system-ui,sans-serif}.usa-cp-q{box-sizing:border-box;width:100%;padding:16px 18px;border:0;border-bottom:1px solid rgba(100,116,139,.18);background:transparent;color:inherit;font:inherit;font-size:16px;outline:none}.usa-cp-list{position:relative;max-height:min(340px,50vh);overflow-y:auto;padding:6px}.usa-cp-hl{position:absolute;left:6px;right:6px;top:0;border-radius:10px;background:color-mix(in srgb,var(--usa-cp-accent) 12%,transparent);pointer-events:none;opacity:0}.usa-cp-group{padding:8px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.55}.usa-cp-item{position:relative;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;cursor:pointer}.usa-cp-item[aria-selected=true] .usa-cp-label{color:var(--usa-cp-accent)}.usa-cp-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-cp-label mark{background:none;color:var(--usa-cp-accent);font-weight:800}.usa-cp-keys{display:flex;gap:3px}.usa-cp-keys kbd,usa-shortcut kbd{display:inline-grid;place-items:center;min-width:1.6em;padding:2px 5px;border-radius:5px;border:1px solid rgba(100,116,139,.35);border-bottom-width:2px;background:var(--usa-kbd-bg,rgba(148,163,184,.12));font:600 11px/1.3 system-ui,sans-serif;color:inherit}.usa-cp-empty{margin:0;padding:18px;text-align:center;opacity:.6}usa-command-palette[inline]{display:block;width:var(--usa-cp-w,100%);max-width:100%}usa-command-palette[inline] .usa-cp{position:static;width:100%;margin:0}usa-command-palette[inline] .usa-cp-box{box-shadow:0 12px 30px -18px rgba(15,23,42,.45)}";
|
|
6942
6942
|
|
|
6943
6943
|
/**
|
|
6944
6944
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -6997,7 +6997,7 @@ function matchesKeys(e, keys, apple = isApple()) {
|
|
|
6997
6997
|
function isApple() {
|
|
6998
6998
|
return typeof navigator !== 'undefined' && /Mac|iPhone|iPad|iPod/.test(navigator.userAgentData?.platform || navigator.platform || navigator.userAgent || '');
|
|
6999
6999
|
}
|
|
7000
|
-
const esc$
|
|
7000
|
+
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7001
7001
|
let uid$1 = 0;
|
|
7002
7002
|
function defineCommandPalette(tag = 'usa-command-palette') {
|
|
7003
7003
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7034,7 +7034,7 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7034
7034
|
mount() {
|
|
7035
7035
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7036
7036
|
const id = this._id;
|
|
7037
|
-
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$
|
|
7037
|
+
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$8(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$8(this.str('placeholder', 'Type a command or search…'))}"><div class="usa-cp-list" id="${id}-list" role="listbox"><span class="usa-cp-hl" aria-hidden="true"></span></div><p class="usa-cp-empty" hidden>No results</p></div></dialog>`);
|
|
7038
7038
|
const dlg = this.dlg;
|
|
7039
7039
|
const q = this.querySelector('.usa-cp-q');
|
|
7040
7040
|
this.listen(q, 'input', () => this.render(true));
|
|
@@ -7089,12 +7089,12 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7089
7089
|
if (!q && c.group !== group) {
|
|
7090
7090
|
group = c.group;
|
|
7091
7091
|
if (group)
|
|
7092
|
-
html += `<div class="usa-cp-group" role="presentation">${esc$
|
|
7092
|
+
html += `<div class="usa-cp-group" role="presentation">${esc$8(group)}</div>`;
|
|
7093
7093
|
}
|
|
7094
7094
|
const label = Array.from(c.label)
|
|
7095
|
-
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$
|
|
7095
|
+
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$8(ch)}</mark>` : esc$8(ch)))
|
|
7096
7096
|
.join('');
|
|
7097
|
-
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$
|
|
7097
|
+
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$8(k)}</kbd>`).join('')}</span>` : '';
|
|
7098
7098
|
html += `<div class="usa-cp-item" role="option" id="${this._id}-o${i}" data-i="${i}" aria-selected="false"><span class="usa-cp-label">${label}</span>${keys}</div>`;
|
|
7099
7099
|
});
|
|
7100
7100
|
list.insertAdjacentHTML('beforeend', html);
|
|
@@ -7197,13 +7197,13 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7197
7197
|
}
|
|
7198
7198
|
}
|
|
7199
7199
|
return UsaCommandPalette;
|
|
7200
|
-
}, { id: 'command-palette', text: css$
|
|
7200
|
+
}, { id: 'command-palette', text: css$l });
|
|
7201
7201
|
}
|
|
7202
7202
|
|
|
7203
|
-
var css$
|
|
7203
|
+
var css$k = "usa-shortcut{display:inline-block;font:500 13px/1.3 system-ui,sans-serif}.usa-sk{display:inline-flex;align-items:center;gap:8px}.usa-sk-caps{display:inline-flex;gap:4px}usa-shortcut kbd{display:inline-grid;place-items:center;min-width:1.9em;height:1.9em;padding:0 6px;box-sizing:border-box;border-radius:6px;border:1px solid rgba(100,116,139,.4);border-bottom-width:3px;background:var(--usa-kbd-bg,#fff);color:inherit;font:600 12px/1 system-ui,sans-serif;box-shadow:0 1px 0 rgba(15,23,42,.08)}usa-shortcut[data-pressed] kbd{background:var(--usa-kbd-on,#eef2ff);border-color:var(--usa-kbd-accent,#6366f1)}.usa-sk-label{opacity:.75}";
|
|
7204
7204
|
|
|
7205
7205
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7206
|
-
const esc$
|
|
7206
|
+
const esc$7 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7207
7207
|
function defineShortcut(tag = 'usa-shortcut') {
|
|
7208
7208
|
return base.defineElement(tag, (Base) => {
|
|
7209
7209
|
class UsaShortcut extends Base {
|
|
@@ -7218,7 +7218,7 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7218
7218
|
const labels = this.labels;
|
|
7219
7219
|
const spoken = labels.map((l) => SPOKEN[l] || l).join(' ');
|
|
7220
7220
|
const text = this.str('label');
|
|
7221
|
-
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$
|
|
7221
|
+
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$7(spoken)}">${labels.map((l) => `<kbd aria-hidden="true">${esc$7(l)}</kbd>`).join('')}</span>${text ? `<span class="usa-sk-label">${esc$7(text)}</span>` : ''}</span>`);
|
|
7222
7222
|
if (this.str('listen') !== 'false')
|
|
7223
7223
|
this.listen(document, 'keydown', (e) => {
|
|
7224
7224
|
if (!e.repeat && matchesKeys(e, this.str('keys', 'mod+k'))) {
|
|
@@ -7251,10 +7251,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7251
7251
|
}
|
|
7252
7252
|
}
|
|
7253
7253
|
return UsaShortcut;
|
|
7254
|
-
}, { id: 'shortcut', text: css$
|
|
7254
|
+
}, { id: 'shortcut', text: css$k });
|
|
7255
7255
|
}
|
|
7256
7256
|
|
|
7257
|
-
var css$
|
|
7257
|
+
var css$j = "usa-clock-control{display:inline-block;font:600 12.5px/1 system-ui,sans-serif;--usa-clk-accent:#6366f1}.usa-clk{display:inline-flex;align-items:center;gap:8px;padding:5px;border-radius:999px;background:var(--usa-clk-bg,rgba(148,163,184,.14));border:1px solid rgba(100,116,139,.2)}.usa-clk-play{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:0;background:var(--usa-clk-accent);color:#fff;cursor:pointer}.usa-clk-play:focus-visible,.usa-clk-speed:focus-visible{outline:2px solid var(--usa-clk-accent);outline-offset:2px}.usa-clk-play svg{width:15px;height:15px;fill:currentColor}.usa-clk-tri{opacity:0;transform-origin:center;transition:opacity .15s}usa-clock-control[data-paused] .usa-clk-tri{opacity:1}usa-clock-control[data-paused] .usa-clk-bar{opacity:0}.usa-clk-speeds{position:relative;display:flex}.usa-clk-ink{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--usa-clk-ink,#fff);box-shadow:0 1px 4px rgba(15,23,42,.18);transition:transform .25s cubic-bezier(.2,.8,.2,1),width .25s;opacity:0}.usa-clk-speed{position:relative;padding:8px 10px;border:0;background:none;color:inherit;font:inherit;cursor:pointer;border-radius:999px;font-variant-numeric:tabular-nums}.usa-clk-speed[aria-checked=true]{color:var(--usa-clk-accent)}@media (prefers-reduced-motion:reduce){.usa-clk-ink{transition:none}}";
|
|
7258
7258
|
|
|
7259
7259
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7260
7260
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7313,10 +7313,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7313
7313
|
}
|
|
7314
7314
|
}
|
|
7315
7315
|
return UsaClockControl;
|
|
7316
|
-
}, { id: 'clock-control', text: css$
|
|
7316
|
+
}, { id: 'clock-control', text: css$j });
|
|
7317
7317
|
}
|
|
7318
7318
|
|
|
7319
|
-
var css$
|
|
7319
|
+
var css$i = "usa-hydrate{display:block}";
|
|
7320
7320
|
|
|
7321
7321
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7322
7322
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7352,12 +7352,12 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7352
7352
|
}
|
|
7353
7353
|
}
|
|
7354
7354
|
return UsaHydrate;
|
|
7355
|
-
}, { id: 'hydrate', text: css$
|
|
7355
|
+
}, { id: 'hydrate', text: css$i });
|
|
7356
7356
|
}
|
|
7357
7357
|
|
|
7358
|
-
var css$
|
|
7358
|
+
var css$h = "usa-red-envelope{display:inline-block;--usa-re-w:150px;--usa-re-red:#dc2626;--usa-re-gold:#facc15}.usa-re{position:relative;display:block;width:var(--usa-re-w);height:calc(var(--usa-re-w)*1.35);padding:0;border:0;background:none;cursor:pointer;perspective:600px;font:600 14px/1.2 system-ui,sans-serif}.usa-re:focus-visible{outline:2px solid var(--usa-re-gold);outline-offset:4px;border-radius:12px}.usa-re-body{position:absolute;inset:0;border-radius:12px;background:linear-gradient(160deg,#ef4444,var(--usa-re-red) 60%,#b91c1c);box-shadow:0 12px 24px -12px rgba(127,29,29,.7);display:flex;align-items:flex-end;justify-content:center;padding-bottom:18%;z-index:2}.usa-re-msg{color:var(--usa-re-gold);font-size:calc(var(--usa-re-w)*.13);letter-spacing:.1em}.usa-re-flap{position:absolute;left:0;right:0;top:0;height:42%;border-radius:12px 12px 50% 50%/12px 12px 40% 40%;background:linear-gradient(#f87171,#dc2626);transform-origin:50% 0;z-index:3;display:grid;place-items:end center;box-shadow:0 4px 8px rgba(127,29,29,.35);transition:transform .45s ease-in-out}usa-red-envelope[data-open] .usa-re-flap{transform:rotateX(180deg);z-index:0;opacity:.85}.usa-re-seal{display:grid;place-items:center;width:30%;aspect-ratio:1;margin-bottom:-15%;border-radius:50%;background:var(--usa-re-gold);color:var(--usa-re-red);font-size:calc(var(--usa-re-w)*.14);font-weight:900;box-shadow:0 2px 6px rgba(0,0,0,.25)}usa-red-envelope[data-open] .usa-re-seal{visibility:hidden}.usa-re-card{position:absolute;left:8%;right:8%;top:6%;height:70%;border-radius:8px;background:#fff7ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:1;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}usa-red-envelope[data-open] .usa-re-card{transform:translateY(-46%);z-index:3;box-shadow:0 6px 14px -6px rgba(127,29,29,.5)}.usa-re-amt{color:var(--usa-re-red);font-size:calc(var(--usa-re-w)*.16);font-weight:900;font-variant-numeric:tabular-nums}.usa-re-from{font-size:11px;color:#92400e}.usa-re-coins{position:absolute;left:50%;top:40%;z-index:4}.usa-re-coins i{position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fef08a,var(--usa-re-gold) 60%,#ca8a04);box-shadow:0 1px 3px rgba(0,0,0,.3)}.usa-re-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.usa-re-flap,.usa-re-card{transition:none}}";
|
|
7359
7359
|
|
|
7360
|
-
const esc$
|
|
7360
|
+
const esc$6 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7361
7361
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
7362
7362
|
return base.defineElement(tag, (Base) => {
|
|
7363
7363
|
class UsaRedEnvelope extends Base {
|
|
@@ -7370,7 +7370,7 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7370
7370
|
mount() {
|
|
7371
7371
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7372
7372
|
const msg = this.str('message', '恭喜发财');
|
|
7373
|
-
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$
|
|
7373
|
+
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$6(`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$6(this.str('from'))}</span></span><span class="usa-re-body"><span class="usa-re-msg">${esc$6(msg)}</span></span><span class="usa-re-flap"><span class="usa-re-seal">福</span></span><span class="usa-re-coins" aria-hidden="true"></span><span class="usa-re-live" aria-live="polite"></span></button>`);
|
|
7374
7374
|
this.listen(this.querySelector('.usa-re'), 'click', () => (this.opened ? this.close() : this.open()));
|
|
7375
7375
|
if (this.flag('opened'))
|
|
7376
7376
|
this.open(true);
|
|
@@ -7419,10 +7419,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7419
7419
|
}
|
|
7420
7420
|
}
|
|
7421
7421
|
return UsaRedEnvelope;
|
|
7422
|
-
}, { id: 'red-envelope', text: css$
|
|
7422
|
+
}, { id: 'red-envelope', text: css$h });
|
|
7423
7423
|
}
|
|
7424
7424
|
|
|
7425
|
-
var css$
|
|
7425
|
+
var css$g = "usa-festival-banner{position:relative;display:block;overflow:hidden;padding:18px 44px 18px 20px;border-radius:14px;color:#fff;font:700 15px/1.35 system-ui,sans-serif;isolation:isolate;background:linear-gradient(120deg,#b91c1c,#dc2626 55%,#ea580c)}usa-festival-banner[data-theme=xmas]{background:linear-gradient(120deg,#14532d,#166534 55%,#b91c1c)}usa-festival-banner[data-theme=halloween]{background:linear-gradient(120deg,#1e1b4b,#4c1d95 60%,#c2410c)}usa-festival-banner[data-theme=fireworks]{background:linear-gradient(120deg,#0f172a,#1e293b 60%,#312e81)}.usa-fb-scene{position:absolute;inset:0;z-index:-1;pointer-events:none}.usa-fb-scene i{position:absolute;display:block;font-style:normal;animation-play-state:paused}usa-festival-banner[data-live] .usa-fb-scene i{animation-play-state:running}.usa-fb-lantern{left:var(--x);top:-4px;width:18px;height:24px;border-radius:45%;background:radial-gradient(circle at 50% 40%,#fde68a,#f97316 45%,#b91c1c);box-shadow:0 0 14px rgba(251,191,36,.7);transform-origin:50% -10px;animation:usa-fb-sway 2.6s ease-in-out var(--d) infinite alternate}.usa-fb-lantern::after{content:\"\";position:absolute;left:50%;bottom:-8px;width:2px;height:8px;background:#facc15;transform:translateX(-50%)}@keyframes usa-fb-sway{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.usa-fb-spark{left:var(--x);bottom:-6px;width:4px;height:4px;border-radius:50%;background:#fde047;box-shadow:0 0 6px #fde047;animation:usa-fb-rise 4s linear var(--d) infinite}@keyframes usa-fb-rise{from{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(-90px);opacity:0}}.usa-fb-light{left:var(--x);top:3px;width:8px;height:11px;border-radius:50% 50% 45% 45%;background:#fde047;box-shadow:0 0 8px #fde047;animation:usa-fb-twinkle 1.2s ease-in-out var(--d) infinite alternate}.usa-fb-light:nth-child(3n){background:#f87171;box-shadow:0 0 8px #f87171}.usa-fb-light:nth-child(3n+1){background:#60a5fa;box-shadow:0 0 8px #60a5fa}@keyframes usa-fb-twinkle{from{opacity:.35}to{opacity:1}}.usa-fb-snow{left:var(--x);top:-8px;width:6px;height:6px;border-radius:50%;background:#fff;opacity:.85;animation:usa-fb-fall 6s linear var(--d) infinite}@keyframes usa-fb-fall{to{transform:translate(14px,120px)}}.usa-fb-moon{right:18%;top:10%;width:34px;height:34px;border-radius:50%;background:#fde68a;box-shadow:0 0 24px 6px rgba(253,230,138,.55);animation:usa-fb-glow 3s ease-in-out infinite alternate}@keyframes usa-fb-glow{to{box-shadow:0 0 34px 12px rgba(253,230,138,.75)}}.usa-fb-bat{left:-24px;top:var(--y);font-size:16px;animation:usa-fb-fly 7s linear var(--d) infinite}@keyframes usa-fb-fly{0%{transform:translate(0,0)}25%{transform:translate(28vw,-8px)}50%{transform:translate(56vw,6px)}100%{transform:translate(120vw,-4px)}}.usa-fb-rocket{left:var(--x);bottom:20%;width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 0 0 var(--c),14px 0 0 -1px var(--c),-14px 0 0 -1px var(--c),0 14px 0 -1px var(--c),0 -14px 0 -1px var(--c),10px 10px 0 -1px var(--c),-10px -10px 0 -1px var(--c),10px -10px 0 -1px var(--c),-10px 10px 0 -1px var(--c);animation:usa-fb-boom 2.4s ease-out var(--d) infinite}@keyframes usa-fb-boom{0%{transform:translateY(40px) scale(.1);opacity:0}30%{transform:translateY(0) scale(.2);opacity:1}60%{transform:scale(1.2);opacity:1}100%{transform:scale(1.5);opacity:0}}.usa-fb-x{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:18px;line-height:1;cursor:pointer}.usa-fb-x:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (prefers-reduced-motion:reduce){.usa-fb-scene i{animation:none!important}}";
|
|
7426
7426
|
|
|
7427
7427
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7428
7428
|
const SCENES = {
|
|
@@ -7470,12 +7470,12 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7470
7470
|
}
|
|
7471
7471
|
}
|
|
7472
7472
|
return UsaFestivalBanner;
|
|
7473
|
-
}, { id: 'festival-banner', text: css$
|
|
7473
|
+
}, { id: 'festival-banner', text: css$g });
|
|
7474
7474
|
}
|
|
7475
7475
|
|
|
7476
|
-
var css$
|
|
7476
|
+
var css$f = "usa-terminal{display:block;width:var(--usa-term-w,100%);max-width:100%;--usa-term-bg:#0f172a;--usa-term-fg:#e2e8f0;--usa-term-accent:#22c55e}usa-terminal[data-theme=green]{--usa-term-bg:#03140a;--usa-term-fg:#4ade80;--usa-term-accent:#86efac}usa-terminal[data-theme=amber]{--usa-term-bg:#1a1003;--usa-term-fg:#fbbf24;--usa-term-accent:#fde68a}.usa-term{border-radius:10px;overflow:hidden;background:var(--usa-term-bg);color:var(--usa-term-fg);box-shadow:0 16px 36px -18px rgba(0,0,0,.6);font:500 12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}usa-terminal[data-theme=green] .usa-term,usa-terminal[data-theme=amber] .usa-term{text-shadow:0 0 6px currentColor}.usa-term-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;background:rgba(255,255,255,.06)}.usa-term-bar i{width:10px;height:10px;border-radius:50%;background:#ef4444}.usa-term-bar i:nth-child(2){background:#f59e0b}.usa-term-bar i:nth-child(3){background:#22c55e}.usa-term-bar span{flex:1;text-align:center;margin-right:40px;opacity:.6;font-size:11px}.usa-term-body{min-height:var(--usa-term-h,120px);padding:10px 12px 12px}.usa-term-body p{margin:0;white-space:pre-wrap;word-break:break-word}.usa-term-ps{color:var(--usa-term-accent)}.usa-term-out{opacity:.8}.usa-term-cursor{display:inline-block;width:.6em;height:1.15em;margin-left:1px;vertical-align:text-bottom;background:currentColor;animation:usa-term-blink 1s steps(1) infinite}@keyframes usa-term-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.usa-term-cursor{animation:none}}";
|
|
7477
7477
|
|
|
7478
|
-
const esc$
|
|
7478
|
+
const esc$5 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7479
7479
|
function defineTerminal(tag = 'usa-terminal') {
|
|
7480
7480
|
return base.defineElement(tag, (Base) => {
|
|
7481
7481
|
class UsaTerminal extends Base {
|
|
@@ -7495,7 +7495,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7495
7495
|
src.forEach((c) => c.remove());
|
|
7496
7496
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7497
7497
|
this.setAttribute('data-theme', ['green', 'amber'].includes(this.str('theme')) ? this.str('theme') : 'dark');
|
|
7498
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-term" data-usa-part><div class="usa-term-bar" aria-hidden="true"><i></i><i></i><i></i><span>${esc$
|
|
7498
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-term" data-usa-part><div class="usa-term-bar" aria-hidden="true"><i></i><i></i><i></i><span>${esc$5(this.str('title', 'terminal'))}</span></div><div class="usa-term-body" role="log" aria-label="${esc$5(this.str('title', 'Terminal'))}"></div></div>`);
|
|
7499
7499
|
let started = false;
|
|
7500
7500
|
this.inView((v) => {
|
|
7501
7501
|
if (v && !started) {
|
|
@@ -7510,7 +7510,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7510
7510
|
const p = document.createElement('p');
|
|
7511
7511
|
p.className = l.cmd ? 'usa-term-cmd' : 'usa-term-out';
|
|
7512
7512
|
if (l.cmd)
|
|
7513
|
-
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$
|
|
7513
|
+
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$5(this.str('prompt', '$'))} </span><span class="usa-term-tx"></span>`;
|
|
7514
7514
|
body.appendChild(p);
|
|
7515
7515
|
return p;
|
|
7516
7516
|
}
|
|
@@ -7584,10 +7584,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7584
7584
|
}
|
|
7585
7585
|
}
|
|
7586
7586
|
return UsaTerminal;
|
|
7587
|
-
}, { id: 'terminal', text: css$
|
|
7587
|
+
}, { id: 'terminal', text: css$f });
|
|
7588
7588
|
}
|
|
7589
7589
|
|
|
7590
|
-
var css$
|
|
7590
|
+
var css$e = "usa-retro-button{display:inline-block}.usa-rb{font:700 14px/1 system-ui,sans-serif;cursor:pointer;color:inherit}.usa-rb:disabled{opacity:.5;cursor:not-allowed}usa-retro-button[data-variant=pixel] .usa-rb{padding:10px 16px;border:0;background:#f43f5e;color:#fff;font-family:ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;box-shadow:3px 0 0 #111,-3px 0 0 #111,0 3px 0 #111,0 -3px 0 #111,6px 6px 0 #111;image-rendering:pixelated}usa-retro-button[data-variant=pixel] .usa-rb:focus-visible{outline:3px dashed #111;outline-offset:6px}usa-retro-button[data-variant=crt] .usa-rb{padding:10px 18px;border:2px solid #22c55e;border-radius:4px;background:#03140a;color:#4ade80;font-family:ui-monospace,Menlo,monospace;text-shadow:0 0 6px #4ade80;box-shadow:0 0 10px rgba(74,222,128,.45),inset 0 0 12px rgba(74,222,128,.25);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px)}usa-retro-button[data-variant=crt] .usa-rb:focus-visible{outline:2px solid #86efac;outline-offset:3px}usa-retro-button[data-variant=y2k] .usa-rb{padding:11px 22px;border:1px solid rgba(255,255,255,.7);border-radius:999px;color:#1e1b4b;background:linear-gradient(180deg,#f8fafc 0%,#c7d2fe 45%,#818cf8 52%,#e0e7ff 100%);box-shadow:0 6px 14px -6px rgba(79,70,229,.6),inset 0 1px 0 #fff;text-shadow:0 1px 0 rgba(255,255,255,.7)}usa-retro-button[data-variant=y2k] .usa-rb:focus-visible{outline:2px solid #6366f1;outline-offset:3px}usa-retro-button[data-variant=win95] .usa-rb{padding:7px 16px;border:0;border-radius:0;background:#c0c0c0;color:#000;font:400 13px/1 Tahoma,Verdana,sans-serif;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf}usa-retro-button[data-variant=win95] .usa-rb:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px #808080}usa-retro-button[data-variant=win95] .usa-rb:focus-visible{outline:1px dotted #000;outline-offset:-4px}";
|
|
7591
7591
|
|
|
7592
7592
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7593
7593
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7641,10 +7641,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7641
7641
|
}
|
|
7642
7642
|
}
|
|
7643
7643
|
return UsaRetroButton;
|
|
7644
|
-
}, { id: 'retro-button', text: css$
|
|
7644
|
+
}, { id: 'retro-button', text: css$e });
|
|
7645
7645
|
}
|
|
7646
7646
|
|
|
7647
|
-
var css$
|
|
7647
|
+
var css$d = "usa-organic-card{position:relative;display:block;padding:22px 24px;color:#0f172a;background:linear-gradient(140deg,#d9f99d,#86efac 55%,#34d399);box-shadow:0 18px 36px -22px rgba(22,101,52,.7);transition:box-shadow .3s;outline:none}usa-organic-card[data-tint=ocean]{background:linear-gradient(140deg,#bae6fd,#7dd3fc 50%,#38bdf8);box-shadow:0 18px 36px -22px rgba(3,105,161,.7)}usa-organic-card[data-tint=petal]{background:linear-gradient(140deg,#fbcfe8,#f9a8d4 50%,#f472b6);box-shadow:0 18px 36px -22px rgba(157,23,77,.6)}usa-organic-card[data-tint=sand]{background:linear-gradient(140deg,#fef3c7,#fde68a 50%,#fbbf24);box-shadow:0 18px 36px -22px rgba(146,64,14,.6)}usa-organic-card:hover{box-shadow:0 24px 44px -20px rgba(15,23,42,.45)}usa-organic-card:focus-within{box-shadow:0 0 0 3px rgba(15,23,42,.25),0 24px 44px -20px rgba(15,23,42,.45)}";
|
|
7648
7648
|
|
|
7649
7649
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7650
7650
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7683,10 +7683,10 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7683
7683
|
}
|
|
7684
7684
|
}
|
|
7685
7685
|
return UsaOrganicCard;
|
|
7686
|
-
}, { id: 'organic-card', text: css$
|
|
7686
|
+
}, { id: 'organic-card', text: css$d });
|
|
7687
7687
|
}
|
|
7688
7688
|
|
|
7689
|
-
var css$
|
|
7689
|
+
var css$c = "usa-liquid-nav{position:relative;display:inline-flex;align-items:center;gap:4px;padding:8px 10px 18px;border-radius:18px;background:var(--usa-lq-bg,#0f172a);color:#e2e8f0;font:600 13px/1 system-ui,sans-serif;--usa-lq-accent:#38bdf8}.usa-lq-defs{position:absolute}.usa-lq-goo{position:absolute;left:0;right:0;bottom:4px;height:14px;pointer-events:none}.usa-lq-goo i{position:absolute;left:-6px;top:1px;width:12px;height:12px;border-radius:50%;background:var(--usa-lq-accent)}.usa-lq-tail{width:9px!important;height:9px!important;left:-4.5px!important;top:2.5px!important}.usa-lq-item{position:relative;padding:8px 12px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer;opacity:.7;transition:opacity .2s,color .2s}.usa-lq-item[aria-current]{opacity:1;color:var(--usa-lq-accent)}.usa-lq-item:focus-visible{outline:2px solid var(--usa-lq-accent);outline-offset:1px;opacity:1}";
|
|
7690
7690
|
|
|
7691
7691
|
let uid = 0;
|
|
7692
7692
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
@@ -7767,12 +7767,12 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7767
7767
|
}
|
|
7768
7768
|
}
|
|
7769
7769
|
return UsaLiquidNav;
|
|
7770
|
-
}, { id: 'liquid-nav', text: css$
|
|
7770
|
+
}, { id: 'liquid-nav', text: css$c });
|
|
7771
7771
|
}
|
|
7772
7772
|
|
|
7773
|
-
var css$
|
|
7773
|
+
var css$b = "usa-hud-panel{position:relative;display:block;padding:12px 16px 14px;color:#cffafe;background:linear-gradient(160deg,rgba(8,47,73,.92),rgba(2,6,23,.95));clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);font:500 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;--usa-hud-c:#22d3ee}.usa-hud-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.usa-hud-frame path{fill:none;stroke:var(--usa-hud-c);stroke-width:1.5;stroke-dasharray:100;filter:drop-shadow(0 0 3px var(--usa-hud-c))}.usa-hud-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid color-mix(in srgb,var(--usa-hud-c) 35%,transparent);letter-spacing:.12em}.usa-hud-dot{width:7px;height:7px;border-radius:50%;background:var(--usa-hud-c);box-shadow:0 0 8px var(--usa-hud-c);animation:usa-hud-blink 1.4s steps(1) infinite}@keyframes usa-hud-blink{50%{opacity:.25}}.usa-hud-title{flex:1;font-weight:800;color:var(--usa-hud-c)}.usa-hud-status{font-size:10px;opacity:.75}.usa-hud-row{display:grid;grid-template-columns:5.5em 1fr 3em;align-items:center;gap:8px;margin:5px 0 0}.usa-hud-bar{height:6px;background:color-mix(in srgb,var(--usa-hud-c) 15%,transparent);overflow:hidden}.usa-hud-bar i{display:block;width:var(--v);height:100%;background:var(--usa-hud-c);box-shadow:0 0 8px var(--usa-hud-c);transform-origin:0 50%}.usa-hud-num{text-align:right;color:var(--usa-hud-c);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.usa-hud-dot{animation:none}}";
|
|
7774
7774
|
|
|
7775
|
-
const esc$
|
|
7775
|
+
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7776
7776
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
7777
7777
|
return base.defineElement(tag, (Base) => {
|
|
7778
7778
|
class UsaHudPanel extends Base {
|
|
@@ -7785,7 +7785,7 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7785
7785
|
this.setAttribute('aria-label', this.str('title', 'Panel'));
|
|
7786
7786
|
if (this.hasAttribute('color'))
|
|
7787
7787
|
this.style.setProperty('--usa-hud-c', this.str('color'));
|
|
7788
|
-
this.insertAdjacentHTML('afterbegin', `<svg class="usa-hud-frame" aria-hidden="true" preserveAspectRatio="none" viewBox="0 0 100 100" data-usa-part><path pathLength="100" vector-effect="non-scaling-stroke" d="M6 1H94L99 6V94L94 99H6L1 94V6Z"/></svg><header class="usa-hud-head" data-usa-part><span class="usa-hud-dot" aria-hidden="true"></span><span class="usa-hud-title">${esc$
|
|
7788
|
+
this.insertAdjacentHTML('afterbegin', `<svg class="usa-hud-frame" aria-hidden="true" preserveAspectRatio="none" viewBox="0 0 100 100" data-usa-part><path pathLength="100" vector-effect="non-scaling-stroke" d="M6 1H94L99 6V94L94 99H6L1 94V6Z"/></svg><header class="usa-hud-head" data-usa-part><span class="usa-hud-dot" aria-hidden="true"></span><span class="usa-hud-title">${esc$4(this.str('title', 'SYSTEM'))}</span><span class="usa-hud-status">${esc$4(this.str('status', 'ONLINE'))}</span></header>`);
|
|
7789
7789
|
this.querySelectorAll(':scope > [data-value]').forEach((r) => {
|
|
7790
7790
|
if (r.querySelector('.usa-hud-bar'))
|
|
7791
7791
|
return;
|
|
@@ -7819,10 +7819,10 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7819
7819
|
}
|
|
7820
7820
|
}
|
|
7821
7821
|
return UsaHudPanel;
|
|
7822
|
-
}, { id: 'hud-panel', text: css$
|
|
7822
|
+
}, { id: 'hud-panel', text: css$b });
|
|
7823
7823
|
}
|
|
7824
7824
|
|
|
7825
|
-
var css$
|
|
7825
|
+
var css$a = "usa-radar{display:block;width:var(--usa-rd-size,200px);max-width:100%;aspect-ratio:1;--usa-rd-c:#22d3ee}.usa-rd{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#082f49 0,#020617 75%);box-shadow:0 0 0 2px color-mix(in srgb,var(--usa-rd-c) 45%,transparent),0 0 24px -4px var(--usa-rd-c);overflow:hidden}.usa-rd-ring{position:absolute;left:50%;top:50%;width:var(--r);height:var(--r);border:1px solid color-mix(in srgb,var(--usa-rd-c) 30%,transparent);border-radius:50%;transform:translate(-50%,-50%)}.usa-rd-cross{position:absolute;inset:0;background:linear-gradient(color-mix(in srgb,var(--usa-rd-c) 25%,transparent),color-mix(in srgb,var(--usa-rd-c) 25%,transparent)) 50% 0/1px 100% no-repeat,linear-gradient(color-mix(in srgb,var(--usa-rd-c) 25%,transparent),color-mix(in srgb,var(--usa-rd-c) 25%,transparent)) 0 50%/100% 1px no-repeat}.usa-rd-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 300deg,color-mix(in srgb,var(--usa-rd-c) 15%,transparent) 330deg,color-mix(in srgb,var(--usa-rd-c) 70%,transparent) 360deg);animation:usa-rd-turn var(--usa-rd-period,4s) linear infinite;animation-play-state:paused}usa-radar[data-live] .usa-rd-sweep{animation-play-state:running}@keyframes usa-rd-turn{to{transform:rotate(360deg)}}.usa-rd-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--usa-rd-c);box-shadow:0 0 8px 2px var(--usa-rd-c);transform:translate(-50%,-50%);opacity:.15}.usa-rd-dot[data-lit]{opacity:1}.usa-rd-dot em{position:absolute;left:10px;top:-5px;font:600 9px/1 ui-monospace,Menlo,monospace;font-style:normal;color:var(--usa-rd-c);white-space:nowrap}@media (prefers-reduced-motion:reduce){.usa-rd-sweep{animation:none;transform:rotate(45deg)}}";
|
|
7826
7826
|
|
|
7827
7827
|
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7828
7828
|
function parseTargets(s) {
|
|
@@ -7838,7 +7838,7 @@ function parseTargets(s) {
|
|
|
7838
7838
|
})
|
|
7839
7839
|
.filter(Boolean);
|
|
7840
7840
|
}
|
|
7841
|
-
const esc$
|
|
7841
|
+
const esc$3 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7842
7842
|
function defineRadar(tag = 'usa-radar') {
|
|
7843
7843
|
return base.defineElement(tag, (Base) => {
|
|
7844
7844
|
class UsaRadar extends Base {
|
|
@@ -7873,7 +7873,7 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7873
7873
|
const a = ((t.bearing - 90) * Math.PI) / 180;
|
|
7874
7874
|
const x = 50 + Math.cos(a) * t.distance * 48;
|
|
7875
7875
|
const y = 50 + Math.sin(a) * t.distance * 48;
|
|
7876
|
-
return `<span class="usa-rd-dot" data-i="${i}" style="left:${x.toFixed(2)}%;top:${y.toFixed(2)}%"><em>${esc$
|
|
7876
|
+
return `<span class="usa-rd-dot" data-i="${i}" style="left:${x.toFixed(2)}%;top:${y.toFixed(2)}%"><em>${esc$3(t.name)}</em></span>`;
|
|
7877
7877
|
})
|
|
7878
7878
|
.join('');
|
|
7879
7879
|
this.insertAdjacentHTML('beforeend', `<div class="usa-rd" aria-hidden="true" data-usa-part>${ringHtml}<i class="usa-rd-cross"></i><i class="usa-rd-sweep"></i>${dots}</div>`);
|
|
@@ -7908,10 +7908,10 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7908
7908
|
}
|
|
7909
7909
|
}
|
|
7910
7910
|
return UsaRadar;
|
|
7911
|
-
}, { id: 'radar', text: css$
|
|
7911
|
+
}, { id: 'radar', text: css$a });
|
|
7912
7912
|
}
|
|
7913
7913
|
|
|
7914
|
-
var css$
|
|
7914
|
+
var css$9 = "usa-sticky-wall{display:flex;flex-wrap:wrap;gap:14px;padding:14px;align-items:flex-start}usa-sticky-wall>.usa-sticky{position:relative;box-sizing:border-box;width:120px;min-height:96px;padding:18px 12px 12px;font:500 13px/1.35 'Comic Sans MS','Segoe Print','Bradley Hand',cursive,system-ui;color:#3f3a2e;background:#fef08a;transform:rotate(var(--tilt,0deg));box-shadow:0 10px 16px -10px rgba(0,0,0,.45),inset 0 -12px 18px -14px rgba(0,0,0,.25);cursor:pointer;outline:none;transition:box-shadow .2s}usa-sticky-wall>.usa-sticky::before{content:'';position:absolute;top:5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fca5a5,#dc2626 70%);box-shadow:0 2px 2px rgba(0,0,0,.3)}usa-sticky-wall>[data-paper=pink]{background:#fbcfe8}usa-sticky-wall>[data-paper=blue]{background:#bae6fd}usa-sticky-wall>[data-paper=green]{background:#bbf7d0}usa-sticky-wall>.usa-sticky:focus-visible{box-shadow:0 0 0 3px #6366f1,0 10px 16px -10px rgba(0,0,0,.45)}usa-sticky-wall>[data-picked]{box-shadow:0 18px 26px -12px rgba(0,0,0,.5)}";
|
|
7915
7915
|
|
|
7916
7916
|
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7917
7917
|
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
@@ -7975,12 +7975,12 @@ function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
|
7975
7975
|
}
|
|
7976
7976
|
}
|
|
7977
7977
|
return UsaStickyWall;
|
|
7978
|
-
}, { id: 'sticky-wall', text: css$
|
|
7978
|
+
}, { id: 'sticky-wall', text: css$9 });
|
|
7979
7979
|
}
|
|
7980
7980
|
|
|
7981
|
-
var css$
|
|
7981
|
+
var css$8 = "usa-sketch-chart{display:block;max-width:100%;cursor:pointer;color:#334155;--usa-sk-c:#2563eb}usa-sketch-chart .usa-sk{display:block;width:100%;height:auto;overflow:visible}usa-sketch-chart .usa-sk path{fill:none;stroke-linecap:round;stroke-linejoin:round}usa-sketch-chart .usa-sk-axis{stroke:currentColor;stroke-width:1.6}usa-sketch-chart .usa-sk-mark{stroke:var(--usa-sk-c);stroke-width:2.2}usa-sketch-chart .usa-sk-hatch{stroke:var(--usa-sk-c);stroke-width:1;opacity:.55}usa-sketch-chart .usa-sk-dot{fill:#fff;stroke:var(--usa-sk-c);stroke-width:2}usa-sketch-chart text{fill:currentColor;font:12px 'Comic Sans MS','Segoe Print','Bradley Hand',cursive,system-ui;text-anchor:middle}";
|
|
7982
7982
|
|
|
7983
|
-
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7983
|
+
const esc$2 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7984
7984
|
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
7985
7985
|
function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
7986
7986
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8032,7 +8032,7 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8032
8032
|
g += `<path class="usa-sk-hatch" d="${components_fxPaper.roughLine(x0 + 2, Math.min(B, h + 5), x1 - 2, h - 3, h + i, 0.8)}"/>`;
|
|
8033
8033
|
});
|
|
8034
8034
|
}
|
|
8035
|
-
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc(labels[i])}</text>` : '')).join('');
|
|
8035
|
+
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc$2(labels[i])}</text>` : '')).join('');
|
|
8036
8036
|
this.insertAdjacentHTML('beforeend', `<svg class="usa-sk" viewBox="0 0 ${W} ${H}" aria-hidden="true" data-usa-part>${g}</svg>`);
|
|
8037
8037
|
if (this.reduced)
|
|
8038
8038
|
return void this.setAttribute('data-drawn', '');
|
|
@@ -8075,10 +8075,10 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8075
8075
|
}
|
|
8076
8076
|
}
|
|
8077
8077
|
return UsaSketchChart;
|
|
8078
|
-
}, { id: 'sketch-chart', text: css$
|
|
8078
|
+
}, { id: 'sketch-chart', text: css$8 });
|
|
8079
8079
|
}
|
|
8080
8080
|
|
|
8081
|
-
var css$
|
|
8081
|
+
var css$7 = "usa-theme-switcher{position:relative;display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:rgba(15,23,42,.08);max-width:100%;overflow-x:auto;scrollbar-width:none}usa-theme-switcher .usa-ts-pill{position:absolute;top:4px;bottom:4px;left:0;border-radius:999px;background:#fff;box-shadow:0 2px 8px -2px rgba(15,23,42,.3);transition:transform .35s cubic-bezier(.3,1.3,.5,1),width .35s}usa-theme-switcher .usa-ts-opt{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:0;border-radius:999px;background:none;color:#334155;font:600 13px/1 system-ui,sans-serif;cursor:pointer;white-space:nowrap}usa-theme-switcher .usa-ts-opt[aria-checked=true]{color:#0f172a}usa-theme-switcher .usa-ts-opt:focus-visible{outline:2px solid #6366f1;outline-offset:1px}usa-theme-switcher .usa-ts-sw{width:12px;height:12px;border-radius:50%;background:#f8fafc;box-shadow:inset 0 0 0 1px rgba(15,23,42,.25)}usa-theme-switcher [data-sw=dark]{background:#0f172a}usa-theme-switcher [data-sw=neon]{background:#d946ef;box-shadow:0 0 6px #d946ef}usa-theme-switcher [data-sw=glass]{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(147,197,253,.6))}usa-theme-switcher [data-sw=neu]{background:#e0e5ec;box-shadow:2px 2px 3px #a3b1c6,-2px -2px 3px #fff}@media (prefers-reduced-motion:reduce){usa-theme-switcher .usa-ts-pill{transition:none}}";
|
|
8082
8082
|
|
|
8083
8083
|
const NAMES = { light: 'Light', dark: 'Dark', neon: 'Neon', glass: 'Glass', neu: 'Soft' };
|
|
8084
8084
|
function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
@@ -8180,10 +8180,10 @@ function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
|
8180
8180
|
}
|
|
8181
8181
|
}
|
|
8182
8182
|
return UsaThemeSwitcher;
|
|
8183
|
-
}, { id: 'theme-switcher', text: css$
|
|
8183
|
+
}, { id: 'theme-switcher', text: css$7 });
|
|
8184
8184
|
}
|
|
8185
8185
|
|
|
8186
|
-
var css$
|
|
8186
|
+
var css$6 = "usa-theme-surface{position:relative;display:block;box-sizing:border-box;padding:18px 20px;border-radius:16px;background:#fff;color:#0f172a;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 30px -18px rgba(15,23,42,.45);transition:background .4s,color .4s,box-shadow .4s,border-color .4s}usa-theme-surface[data-look=dark]{background:#0f172a;color:#e2e8f0;border-color:#1e293b}usa-theme-surface[data-look=neon]{background:#0b0614;color:#f5d0fe;border-color:#d946ef;box-shadow:0 0 6px #d946ef,0 0 18px rgba(217,70,239,.55),inset 0 0 12px rgba(217,70,239,.25);animation:usa-sf-neon 2.4s ease-in-out infinite}usa-theme-surface[data-look=glass]{background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.18));color:#0f172a;border-color:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 12px 32px -14px rgba(30,64,175,.45);overflow:hidden}usa-theme-surface[data-look=glass]::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);background-size:250% 100%;animation:usa-sf-sheen 5s ease-in-out infinite}usa-theme-surface[data-look=neu]{background:#e0e5ec;color:#334155;border-color:transparent;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff}@keyframes usa-sf-neon{50%{box-shadow:0 0 10px #d946ef,0 0 30px rgba(217,70,239,.7),inset 0 0 16px rgba(217,70,239,.35)}}@keyframes usa-sf-sheen{0%,60%{background-position:130% 0}100%{background-position:-60% 0}}@media (prefers-reduced-motion:reduce){usa-theme-surface,usa-theme-surface::after{animation:none!important;transition:none}}";
|
|
8187
8187
|
|
|
8188
8188
|
function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
8189
8189
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8236,10 +8236,10 @@ function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
|
8236
8236
|
}
|
|
8237
8237
|
}
|
|
8238
8238
|
return UsaThemeSurface;
|
|
8239
|
-
}, { id: 'theme-surface', text: css$
|
|
8239
|
+
}, { id: 'theme-surface', text: css$6 });
|
|
8240
8240
|
}
|
|
8241
8241
|
|
|
8242
|
-
var css$
|
|
8242
|
+
var css$5 = "usa-gyro-card{position:relative;display:block;box-sizing:border-box;padding:22px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#6366f1,#ec4899);box-shadow:0 18px 40px -20px rgba(79,70,229,.8);transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .25s ease-out;will-change:transform;overflow:hidden}usa-gyro-card [data-depth]{display:block;transform:translateZ(calc(var(--depth-k,14px) * var(--d,1)))}usa-gyro-card [data-depth=\"2\"]{--d:2}usa-gyro-card [data-depth=\"3\"]{--d:3}usa-gyro-card .usa-gy-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,30%),rgba(255,255,255,.4),transparent 55%);opacity:.5;transition:opacity .3s}usa-gyro-card[data-tilted] .usa-gy-glare{opacity:1}@media (prefers-reduced-motion:reduce){usa-gyro-card{transform:none;transition:none}}";
|
|
8243
8243
|
|
|
8244
8244
|
function defineGyroCard(tag = 'usa-gyro-card') {
|
|
8245
8245
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8320,10 +8320,10 @@ function defineGyroCard(tag = 'usa-gyro-card') {
|
|
|
8320
8320
|
}
|
|
8321
8321
|
}
|
|
8322
8322
|
return UsaGyroCard;
|
|
8323
|
-
}, { id: 'gyro-card', text: css$
|
|
8323
|
+
}, { id: 'gyro-card', text: css$5 });
|
|
8324
8324
|
}
|
|
8325
8325
|
|
|
8326
|
-
var css$
|
|
8326
|
+
var css$4 = "usa-gesture-sticker{display:inline-block;touch-action:none;cursor:grab;outline:none;-webkit-user-select:none;user-select:none;transform-origin:50% 50%;filter:drop-shadow(0 6px 8px rgba(15,23,42,.25));will-change:transform}usa-gesture-sticker[data-held]{cursor:grabbing;filter:drop-shadow(0 16px 18px rgba(15,23,42,.35))}usa-gesture-sticker:focus-visible{outline:2px dashed #6366f1;outline-offset:4px}usa-gesture-sticker img{display:block;-webkit-user-drag:none;pointer-events:none}";
|
|
8327
8327
|
|
|
8328
8328
|
function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
8329
8329
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8450,10 +8450,10 @@ function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
|
8450
8450
|
}
|
|
8451
8451
|
}
|
|
8452
8452
|
return UsaGestureSticker;
|
|
8453
|
-
}, { id: 'gesture-sticker', text: css$
|
|
8453
|
+
}, { id: 'gesture-sticker', text: css$4 });
|
|
8454
8454
|
}
|
|
8455
8455
|
|
|
8456
|
-
var css$
|
|
8456
|
+
var css$3 = "usa-panorama{position:relative;display:block;height:220px;border-radius:14px;overflow:hidden;background:#0f172a;cursor:grab;touch-action:pan-y;outline:none;-webkit-user-select:none;user-select:none}usa-panorama[data-dragging]{cursor:grabbing}usa-panorama:focus-visible{box-shadow:0 0 0 3px #6366f1}usa-panorama .usa-pano-view{position:absolute;inset:0;background-repeat:repeat-x;background-size:auto 100%;background-position:0 50%}usa-panorama .usa-pano-procedural{background-size:400% 100%;background-repeat:repeat-x;background-image:radial-gradient(circle at 12% 30%,#fde68a 0 3%,transparent 3.5%),linear-gradient(170deg,transparent 58%,#166534 58.5% 64%,transparent 64.5%),linear-gradient(10deg,transparent 52%,#15803d 52.5% 60%,transparent 60.5%),linear-gradient(160deg,transparent 46%,#475569 46.5% 70%,transparent 70.5%),linear-gradient(20deg,transparent 48%,#64748b 48.5% 70%,transparent 70.5%),linear-gradient(#38bdf8,#bae6fd 55%,#86efac 55.5%,#22c55e)}usa-panorama .usa-pano-compass{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;background:rgba(15,23,42,.55);box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}usa-panorama .usa-pano-compass i{position:absolute;inset:4px;border-radius:50%;transition:transform .25s linear;background:conic-gradient(#ef4444 0 6deg,transparent 6deg 354deg,#ef4444 354deg)}usa-panorama .usa-pano-xr{position:absolute;left:10px;bottom:10px;padding:6px 10px;border:0;border-radius:999px;background:rgba(15,23,42,.7);color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}";
|
|
8457
8457
|
|
|
8458
8458
|
function definePanorama(tag = 'usa-panorama') {
|
|
8459
8459
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8575,10 +8575,10 @@ function definePanorama(tag = 'usa-panorama') {
|
|
|
8575
8575
|
}
|
|
8576
8576
|
}
|
|
8577
8577
|
return UsaPanorama;
|
|
8578
|
-
}, { id: 'panorama', text: css$
|
|
8578
|
+
}, { id: 'panorama', text: css$3 });
|
|
8579
8579
|
}
|
|
8580
8580
|
|
|
8581
|
-
var css = "usa-spatial-card{position:relative;display:block;box-sizing:border-box;padding:20px 22px;margin-bottom:28px;border-radius:24px;color:#0f172a;background:linear-gradient(140deg,rgba(255,255,255,.62),rgba(255,255,255,.28));border:1px solid rgba(255,255,255,.75);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 22px 44px -26px rgba(15,23,42,.6),inset 0 1px 0 rgba(255,255,255,.8);transform:perspective(900px) translateZ(0);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.9,.25,1),box-shadow .45s}usa-spatial-card[data-active]{transform:perspective(900px) translateZ(18px);box-shadow:0 34px 60px -28px rgba(15,23,42,.55),inset 0 1px 0 rgba(255,255,255,.9)}usa-spatial-card .usa-sp-gaze{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,40%),rgba(255,255,255,.55),transparent 45%);opacity:0;transition:opacity .3s}usa-spatial-card[data-active] .usa-sp-gaze{opacity:1}usa-spatial-card [data-depth]{position:relative;display:block;transform:translateZ(calc(10px * var(--d,1)));transition:transform .45s}usa-spatial-card [data-depth=\"2\"]{--d:2}usa-spatial-card [data-depth=\"3\"]{--d:3}usa-spatial-card .usa-sp-ornament{position:absolute;left:50%;bottom:-22px;display:flex;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 20px -12px rgba(15,23,42,.5);transform:translateX(-50%) translateZ(30px);transition:transform .45s}usa-spatial-card[data-active] .usa-sp-ornament{transform:translateX(-50%) translateZ(40px) translateY(4px)}@media (prefers-reduced-motion:reduce){usa-spatial-card,usa-spatial-card *{transition:none!important}usa-spatial-card[data-active]{transform:none}}";
|
|
8581
|
+
var css$2 = "usa-spatial-card{position:relative;display:block;box-sizing:border-box;padding:20px 22px;margin-bottom:28px;border-radius:24px;color:#0f172a;background:linear-gradient(140deg,rgba(255,255,255,.62),rgba(255,255,255,.28));border:1px solid rgba(255,255,255,.75);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 22px 44px -26px rgba(15,23,42,.6),inset 0 1px 0 rgba(255,255,255,.8);transform:perspective(900px) translateZ(0);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.9,.25,1),box-shadow .45s}usa-spatial-card[data-active]{transform:perspective(900px) translateZ(18px);box-shadow:0 34px 60px -28px rgba(15,23,42,.55),inset 0 1px 0 rgba(255,255,255,.9)}usa-spatial-card .usa-sp-gaze{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,40%),rgba(255,255,255,.55),transparent 45%);opacity:0;transition:opacity .3s}usa-spatial-card[data-active] .usa-sp-gaze{opacity:1}usa-spatial-card [data-depth]{position:relative;display:block;transform:translateZ(calc(10px * var(--d,1)));transition:transform .45s}usa-spatial-card [data-depth=\"2\"]{--d:2}usa-spatial-card [data-depth=\"3\"]{--d:3}usa-spatial-card .usa-sp-ornament{position:absolute;left:50%;bottom:-22px;display:flex;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 20px -12px rgba(15,23,42,.5);transform:translateX(-50%) translateZ(30px);transition:transform .45s}usa-spatial-card[data-active] .usa-sp-ornament{transform:translateX(-50%) translateZ(40px) translateY(4px)}@media (prefers-reduced-motion:reduce){usa-spatial-card,usa-spatial-card *{transition:none!important}usa-spatial-card[data-active]{transform:none}}";
|
|
8582
8582
|
|
|
8583
8583
|
function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
8584
8584
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8624,7 +8624,283 @@ function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
|
8624
8624
|
}
|
|
8625
8625
|
}
|
|
8626
8626
|
return UsaSpatialCard;
|
|
8627
|
-
}, { id: 'spatial-card', text: css });
|
|
8627
|
+
}, { id: 'spatial-card', text: css$2 });
|
|
8628
|
+
}
|
|
8629
|
+
|
|
8630
|
+
var css$1 = "usa-code-export{display:block;max-width:100%;border-radius:12px;overflow:hidden;background:#0f172a;color:#e2e8f0;font:13px/1.4 system-ui,sans-serif}usa-code-export>:not([data-usa-part]){display:block;margin:12px auto}usa-code-export:not([for])>:not([data-usa-part]){padding:0 12px}usa-code-export .usa-ce-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;background:#1e293b}usa-code-export [role=tablist]{display:flex;gap:2px}usa-code-export button{padding:5px 10px;border:0;border-radius:6px;background:none;color:#94a3b8;font:600 12px/1 system-ui,sans-serif;cursor:pointer}usa-code-export [aria-selected=true]{background:#334155;color:#fff}usa-code-export .usa-ce-copy{background:#4f46e5;color:#fff}usa-code-export button:focus-visible,usa-code-export pre:focus-visible{outline:2px solid #818cf8;outline-offset:1px}usa-code-export pre{margin:0;padding:10px 12px;max-height:220px;overflow:auto;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre;color:#e2e8f0;background:#0f172a}";
|
|
8631
|
+
|
|
8632
|
+
const RUNTIME_ATTR = /^(data-usa-|data-look$|data-tint$|data-paper$|data-booted$|data-drawn$|data-active$|data-held$|data-tilted$|data-zoomed$|data-dragging$|data-picked$|data-live$|data-lit$|aria-(checked|valuetext|valuenow|label|roledescription|hidden)$|role$|tabindex$|style$)/;
|
|
8633
|
+
const RUNTIME_CLASS = /^usa-/;
|
|
8634
|
+
/** A clean, portable description of `el` (runtime parts stripped) (8.9). */
|
|
8635
|
+
function describeComponent(el) {
|
|
8636
|
+
const attrs = {};
|
|
8637
|
+
for (const a of Array.from(el.attributes)) {
|
|
8638
|
+
if (RUNTIME_ATTR.test(a.name))
|
|
8639
|
+
continue;
|
|
8640
|
+
if (a.name === 'class') {
|
|
8641
|
+
const c = a.value.split(/\s+/).filter((x) => x && !RUNTIME_CLASS.test(x)).join(' ');
|
|
8642
|
+
if (c)
|
|
8643
|
+
attrs.class = c;
|
|
8644
|
+
continue;
|
|
8645
|
+
}
|
|
8646
|
+
attrs[a.name] = a.value;
|
|
8647
|
+
}
|
|
8648
|
+
const children = [];
|
|
8649
|
+
el.childNodes.forEach((n) => {
|
|
8650
|
+
if (n.nodeType === 3) {
|
|
8651
|
+
const t = (n.textContent || '').replace(/\s+/g, ' ');
|
|
8652
|
+
if (t.trim())
|
|
8653
|
+
children.push(t.trim());
|
|
8654
|
+
}
|
|
8655
|
+
else if (n.nodeType === 1) {
|
|
8656
|
+
const e = n;
|
|
8657
|
+
const cls = (e.getAttribute('class') || '').split(/\s+/).filter(Boolean);
|
|
8658
|
+
// generated by a component: a marked part, or only usa-* classes and runtime attributes (bars, readouts, overlays)
|
|
8659
|
+
if (e.hasAttribute('data-usa-part') || (cls.length && cls.every((c) => RUNTIME_CLASS.test(c)) && Array.from(e.attributes).every((a) => a.name === 'class' || RUNTIME_ATTR.test(a.name))))
|
|
8660
|
+
return;
|
|
8661
|
+
children.push(describeComponent(e));
|
|
8662
|
+
}
|
|
8663
|
+
});
|
|
8664
|
+
return { tag: el.localName, attrs, children };
|
|
8665
|
+
}
|
|
8666
|
+
const esc$1 = (s) => s.replace(/&/g, '&').replace(/</g, '<').replace(/"/g, '"');
|
|
8667
|
+
const VOID = new Set(['img', 'br', 'hr', 'input', 'source', 'meta', 'link', 'wbr', 'area', 'col', 'embed', 'track']);
|
|
8668
|
+
function markup(n, jsx, ind) {
|
|
8669
|
+
if (typeof n === 'string')
|
|
8670
|
+
return ind + (jsx ? n.replace(/[{}<>]/g, (c) => `{'${c}'}`) : esc$1(n));
|
|
8671
|
+
const at = Object.entries(n.attrs)
|
|
8672
|
+
.map(([k, v]) => {
|
|
8673
|
+
const key = jsx && k === 'class' ? 'className' : jsx && k === 'for' ? 'htmlFor' : k;
|
|
8674
|
+
return v === '' ? ` ${key}` : ` ${key}="${esc$1(v)}"`;
|
|
8675
|
+
})
|
|
8676
|
+
.join('');
|
|
8677
|
+
if (VOID.has(n.tag))
|
|
8678
|
+
return `${ind}<${n.tag}${at}${jsx ? ' /' : ''}>`;
|
|
8679
|
+
if (!n.children.length)
|
|
8680
|
+
return `${ind}<${n.tag}${at}></${n.tag}>`;
|
|
8681
|
+
if (n.children.length === 1 && typeof n.children[0] === 'string')
|
|
8682
|
+
return `${ind}<${n.tag}${at}>${markup(n.children[0], jsx, '')}</${n.tag}>`;
|
|
8683
|
+
return `${ind}<${n.tag}${at}>\n${n.children.map((c) => markup(c, jsx, ind + ' ')).join('\n')}\n${ind}</${n.tag}>`;
|
|
8684
|
+
}
|
|
8685
|
+
/** Copy-paste code for a live element in `format` (8.9). */
|
|
8686
|
+
function exportComponent(el, format = 'html') {
|
|
8687
|
+
const d = describeComponent(el);
|
|
8688
|
+
if (format === 'json')
|
|
8689
|
+
return JSON.stringify({ $schema: 'motionary/component@1', ...d }, null, 2);
|
|
8690
|
+
if (format === 'react')
|
|
8691
|
+
return `import { useEffect } from 'react';\nimport { defineWidgets } from 'motionary/components/widgets';\n\nexport function Demo() {\n useEffect(() => defineWidgets(), []);\n return (\n${markup(d, true, ' ')}\n );\n}`;
|
|
8692
|
+
if (format === 'vue')
|
|
8693
|
+
return `<script setup>\nimport { defineWidgets } from 'motionary/components/widgets';\ndefineWidgets();\n</script>\n\n<template>\n${markup(d, false, ' ')}\n</template>`;
|
|
8694
|
+
return `${markup(d, false, '')}\n\n<script type="module">\n import { defineWidgets } from 'https://cdn.jsdelivr.net/npm/motionary/dist/components/widgets.js';\n defineWidgets();\n</script>`;
|
|
8695
|
+
}
|
|
8696
|
+
const FORMATS = ['html', 'react', 'vue', 'json'];
|
|
8697
|
+
const LABELS = { html: 'HTML', react: 'React', vue: 'Vue', json: 'JSON' };
|
|
8698
|
+
function defineCodeExport(tag = 'usa-code-export') {
|
|
8699
|
+
return base.defineElement(tag, (Base) => {
|
|
8700
|
+
class UsaCodeExport extends Base {
|
|
8701
|
+
constructor() {
|
|
8702
|
+
super(...arguments);
|
|
8703
|
+
this._f = 'html';
|
|
8704
|
+
this._mo = null;
|
|
8705
|
+
}
|
|
8706
|
+
static get observedAttributes() {
|
|
8707
|
+
return ['for', 'formats'];
|
|
8708
|
+
}
|
|
8709
|
+
fmts() {
|
|
8710
|
+
const l = this.str('formats').split(',').map((s) => s.trim()).filter((s) => FORMATS.includes(s));
|
|
8711
|
+
return l.length ? l : ['html', 'react', 'vue'];
|
|
8712
|
+
}
|
|
8713
|
+
src() {
|
|
8714
|
+
const f = this.str('for');
|
|
8715
|
+
return f ? document.querySelector(f) : this.querySelector(':scope > :not([data-usa-part])');
|
|
8716
|
+
}
|
|
8717
|
+
get format() {
|
|
8718
|
+
return this._f;
|
|
8719
|
+
}
|
|
8720
|
+
set format(f) {
|
|
8721
|
+
if (!this.fmts().includes(f))
|
|
8722
|
+
return;
|
|
8723
|
+
const changed = f !== this._f;
|
|
8724
|
+
this._f = f;
|
|
8725
|
+
this.render();
|
|
8726
|
+
const pre = this.querySelector('.usa-ce-code');
|
|
8727
|
+
if (changed && pre && !this.reduced)
|
|
8728
|
+
this.motion(pre, [{ opacity: 0.35, transform: 'translateY(4px)' }, { opacity: 1, transform: 'none' }], { duration: 220, easing: 'ease-out' });
|
|
8729
|
+
}
|
|
8730
|
+
get code() {
|
|
8731
|
+
const s = this.src();
|
|
8732
|
+
return s ? exportComponent(s, this._f) : '';
|
|
8733
|
+
}
|
|
8734
|
+
mount() {
|
|
8735
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8736
|
+
const fm = this.fmts();
|
|
8737
|
+
if (!fm.includes(this._f))
|
|
8738
|
+
this._f = fm[0];
|
|
8739
|
+
const id = `usa-ce-${Math.random().toString(36).slice(2, 8)}`;
|
|
8740
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-ce-bar" data-usa-part><div role="tablist" aria-label="Code format">${fm.map((f) => `<button type="button" role="tab" data-f="${f}" aria-controls="${id}">${LABELS[f]}</button>`).join('')}</div><button type="button" class="usa-ce-copy">Copy</button></div><pre class="usa-ce-code" id="${id}" role="tabpanel" tabindex="0" data-usa-part><code></code></pre>`);
|
|
8741
|
+
this.listen(this, 'click', (e) => {
|
|
8742
|
+
const t = e.target;
|
|
8743
|
+
const tab = t.closest?.('[data-f]');
|
|
8744
|
+
if (tab && this.contains(tab))
|
|
8745
|
+
this.format = tab.dataset.f;
|
|
8746
|
+
if (t.closest?.('.usa-ce-copy'))
|
|
8747
|
+
void this.copy();
|
|
8748
|
+
});
|
|
8749
|
+
this.listen(this, 'keydown', (e) => {
|
|
8750
|
+
if (!e.target.closest?.('[role=tab]') || (e.key !== 'ArrowRight' && e.key !== 'ArrowLeft'))
|
|
8751
|
+
return;
|
|
8752
|
+
const l = this.fmts();
|
|
8753
|
+
this.format = l[(l.indexOf(this._f) + (e.key === 'ArrowRight' ? 1 : -1) + l.length) % l.length];
|
|
8754
|
+
this.querySelector(`[data-f="${this._f}"]`)?.focus();
|
|
8755
|
+
});
|
|
8756
|
+
const s = this.src();
|
|
8757
|
+
if (s && typeof MutationObserver !== 'undefined') {
|
|
8758
|
+
this._mo?.disconnect();
|
|
8759
|
+
this._mo = new MutationObserver(() => this.render());
|
|
8760
|
+
this._mo.observe(s, { attributes: true, attributeFilter: undefined });
|
|
8761
|
+
this.onCleanup(() => this._mo?.disconnect());
|
|
8762
|
+
}
|
|
8763
|
+
this.render();
|
|
8764
|
+
}
|
|
8765
|
+
render() {
|
|
8766
|
+
this.querySelectorAll('[data-f]').forEach((b) => {
|
|
8767
|
+
const on = b.dataset.f === this._f;
|
|
8768
|
+
b.setAttribute('aria-selected', String(on));
|
|
8769
|
+
b.tabIndex = on ? 0 : -1;
|
|
8770
|
+
});
|
|
8771
|
+
const c = this.querySelector('.usa-ce-code code');
|
|
8772
|
+
if (c)
|
|
8773
|
+
c.textContent = this.code;
|
|
8774
|
+
}
|
|
8775
|
+
async copy() {
|
|
8776
|
+
let ok = false;
|
|
8777
|
+
try {
|
|
8778
|
+
await navigator.clipboard.writeText(this.code);
|
|
8779
|
+
ok = true;
|
|
8780
|
+
}
|
|
8781
|
+
catch {
|
|
8782
|
+
ok = false;
|
|
8783
|
+
}
|
|
8784
|
+
const b = this.querySelector('.usa-ce-copy');
|
|
8785
|
+
if (b) {
|
|
8786
|
+
b.textContent = ok ? 'Copied ✓' : 'Select & copy';
|
|
8787
|
+
setTimeout(() => (b.textContent = 'Copy'), 1500);
|
|
8788
|
+
}
|
|
8789
|
+
if (ok && !this.reduced)
|
|
8790
|
+
this.motion(this.querySelector('.usa-ce-code'), [{ boxShadow: '0 0 0 2px #22c55e' }, { boxShadow: '0 0 0 0 transparent' }], { duration: 600 });
|
|
8791
|
+
this.emit('copy', { format: this._f, ok });
|
|
8792
|
+
return ok;
|
|
8793
|
+
}
|
|
8794
|
+
}
|
|
8795
|
+
return UsaCodeExport;
|
|
8796
|
+
}, { id: 'code-export', text: css$1 });
|
|
8797
|
+
}
|
|
8798
|
+
|
|
8799
|
+
var css = "usa-prop-panel{display:block;max-width:100%;font:13px/1.4 system-ui,sans-serif;color:#0f172a}usa-prop-panel .usa-pp{display:grid;gap:8px;margin:0;padding:12px;border:1px solid rgba(15,23,42,.12);border-radius:12px;background:#fff}usa-prop-panel .usa-pp-row{display:grid;grid-template-columns:minmax(64px,auto) 1fr auto;align-items:center;gap:8px}usa-prop-panel label{font-weight:600;color:#334155;font-family:ui-monospace,monospace;font-size:12px}usa-prop-panel input[type=text],usa-prop-panel input[type=number],usa-prop-panel select{min-width:0;width:100%;box-sizing:border-box;padding:5px 8px;border:1px solid #cbd5e1;border-radius:6px;font:inherit}usa-prop-panel input[type=range]{width:100%;min-width:0;accent-color:#4f46e5}usa-prop-panel input[type=checkbox]{grid-column:2;justify-self:start;width:16px;height:16px;accent-color:#4f46e5}usa-prop-panel output{min-width:2.5em;text-align:right;font:12px ui-monospace,monospace;color:#64748b}usa-prop-panel .usa-pp-empty{margin:0;color:#64748b}usa-prop-panel .usa-pp-row{border-radius:6px}usa-prop-panel .usa-pp-reset{justify-self:start;padding:5px 12px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font:inherit;cursor:pointer}";
|
|
8800
|
+
|
|
8801
|
+
/** "value:number:0:100, theme:select:leaf|ocean, on:boolean" → prop specs (8.9). */
|
|
8802
|
+
function parseProps(s) {
|
|
8803
|
+
const T = ['text', 'number', 'range', 'color', 'boolean', 'select'];
|
|
8804
|
+
return s
|
|
8805
|
+
.split(',')
|
|
8806
|
+
.map((p) => p.trim())
|
|
8807
|
+
.filter(Boolean)
|
|
8808
|
+
.map((p) => {
|
|
8809
|
+
const [name, type = 'text', ...rest] = p.split(':').map((x) => x.trim());
|
|
8810
|
+
const t = (T.includes(type) ? type : 'text');
|
|
8811
|
+
return { name, type: t, options: t === 'select' ? (rest[0] || '').split('|').filter(Boolean) : rest };
|
|
8812
|
+
})
|
|
8813
|
+
.filter((p) => /^[a-z][\w-]*$/i.test(p.name));
|
|
8814
|
+
}
|
|
8815
|
+
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8816
|
+
function definePropPanel(tag = 'usa-prop-panel') {
|
|
8817
|
+
return base.defineElement(tag, (Base) => {
|
|
8818
|
+
class UsaPropPanel extends Base {
|
|
8819
|
+
constructor() {
|
|
8820
|
+
super(...arguments);
|
|
8821
|
+
this._start = {};
|
|
8822
|
+
}
|
|
8823
|
+
static get observedAttributes() {
|
|
8824
|
+
return ['for', 'props', 'label'];
|
|
8825
|
+
}
|
|
8826
|
+
target() {
|
|
8827
|
+
const f = this.str('for');
|
|
8828
|
+
if (f === 'previous')
|
|
8829
|
+
return this.previousElementSibling;
|
|
8830
|
+
return f ? document.querySelector(f) : null;
|
|
8831
|
+
}
|
|
8832
|
+
get props() {
|
|
8833
|
+
const s = this.str('props');
|
|
8834
|
+
if (s)
|
|
8835
|
+
return parseProps(s);
|
|
8836
|
+
const t = this.target();
|
|
8837
|
+
const obs = t?.constructor?.observedAttributes || [];
|
|
8838
|
+
return obs.map((name) => ({ name, type: 'text', options: [] }));
|
|
8839
|
+
}
|
|
8840
|
+
mount() {
|
|
8841
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8842
|
+
const t = this.target();
|
|
8843
|
+
const ps = this.props;
|
|
8844
|
+
this._start = {};
|
|
8845
|
+
ps.forEach((p) => (this._start[p.name] = t?.getAttribute(p.name) ?? null));
|
|
8846
|
+
const field = (p, i) => {
|
|
8847
|
+
const id = `usa-pp-${i}-${p.name}`;
|
|
8848
|
+
const v = t?.getAttribute(p.name);
|
|
8849
|
+
let input = '';
|
|
8850
|
+
if (p.type === 'boolean')
|
|
8851
|
+
input = `<input id="${id}" type="checkbox" role="switch" data-p="${p.name}"${v != null ? ' checked' : ''}>`;
|
|
8852
|
+
else if (p.type === 'select')
|
|
8853
|
+
input = `<select id="${id}" data-p="${p.name}">${p.options.map((o) => `<option${o === v ? ' selected' : ''}>${esc(o)}</option>`).join('')}</select>`;
|
|
8854
|
+
else {
|
|
8855
|
+
const [mn, mx] = p.options;
|
|
8856
|
+
const range = p.type === 'range' || (p.type === 'number' && mn != null && mx != null);
|
|
8857
|
+
input = `<input id="${id}" type="${p.type === 'color' ? 'color' : range ? 'range' : p.type === 'number' ? 'number' : 'text'}" data-p="${p.name}" value="${esc(v ?? '')}"${mn != null ? ` min="${esc(mn)}"` : ''}${mx != null ? ` max="${esc(mx)}"` : ''}${range ? ' step="any"' : ''}><output for="${id}">${esc(v ?? '')}</output>`;
|
|
8858
|
+
}
|
|
8859
|
+
return `<div class="usa-pp-row"><label for="${id}">${esc(p.name)}</label>${input}</div>`;
|
|
8860
|
+
};
|
|
8861
|
+
this.insertAdjacentHTML('beforeend', `<form class="usa-pp" aria-label="${esc(this.str('label', 'Properties'))}" data-usa-part>${ps.map(field).join('') || '<p class="usa-pp-empty">No properties</p>'}<button type="button" class="usa-pp-reset">Reset</button></form>`);
|
|
8862
|
+
const form = this.querySelector('form');
|
|
8863
|
+
this.listen(form, 'submit', (e) => e.preventDefault());
|
|
8864
|
+
this.listen(this.querySelector('.usa-pp-reset'), 'click', () => this.reset());
|
|
8865
|
+
this.listen(form, 'input', (e) => this.apply(e.target));
|
|
8866
|
+
this.listen(form, 'change', (e) => this.apply(e.target));
|
|
8867
|
+
}
|
|
8868
|
+
apply(inp) {
|
|
8869
|
+
const name = inp.dataset?.p;
|
|
8870
|
+
const t = this.target();
|
|
8871
|
+
if (!name || !t)
|
|
8872
|
+
return;
|
|
8873
|
+
let value;
|
|
8874
|
+
if (inp instanceof HTMLInputElement && inp.type === 'checkbox')
|
|
8875
|
+
value = inp.checked ? '' : null;
|
|
8876
|
+
else
|
|
8877
|
+
value = inp.value;
|
|
8878
|
+
if (value == null)
|
|
8879
|
+
t.removeAttribute(name);
|
|
8880
|
+
else
|
|
8881
|
+
t.setAttribute(name, value);
|
|
8882
|
+
const out = inp.nextElementSibling;
|
|
8883
|
+
if (out?.tagName === 'OUTPUT')
|
|
8884
|
+
out.textContent = value ?? '';
|
|
8885
|
+
this.emit('prop', { name, value });
|
|
8886
|
+
}
|
|
8887
|
+
reset() {
|
|
8888
|
+
const t = this.target();
|
|
8889
|
+
if (!t)
|
|
8890
|
+
return;
|
|
8891
|
+
for (const [k, v] of Object.entries(this._start)) {
|
|
8892
|
+
if (v == null)
|
|
8893
|
+
t.removeAttribute(k);
|
|
8894
|
+
else
|
|
8895
|
+
t.setAttribute(k, v);
|
|
8896
|
+
}
|
|
8897
|
+
this.changed('props');
|
|
8898
|
+
if (!this.reduced)
|
|
8899
|
+
this.querySelectorAll('.usa-pp-row').forEach((r, i) => this.motion(r, [{ backgroundColor: 'rgba(99,102,241,.18)' }, { backgroundColor: 'transparent' }], { duration: 600, delay: i * 40 }));
|
|
8900
|
+
}
|
|
8901
|
+
}
|
|
8902
|
+
return UsaPropPanel;
|
|
8903
|
+
}, { id: 'prop-panel', text: css });
|
|
8628
8904
|
}
|
|
8629
8905
|
|
|
8630
8906
|
/**
|
|
@@ -8667,6 +8943,7 @@ const WIDGETS = {
|
|
|
8667
8943
|
'8.6': { 'usa-theme-switcher': defineThemeSwitcher, 'usa-theme-surface': defineThemeSurface },
|
|
8668
8944
|
'8.7': { 'usa-gyro-card': defineGyroCard, 'usa-gesture-sticker': defineGestureSticker },
|
|
8669
8945
|
'8.8': { 'usa-panorama': definePanorama, 'usa-spatial-card': defineSpatialCard },
|
|
8946
|
+
'8.9': { 'usa-code-export': defineCodeExport, 'usa-prop-panel': definePropPanel },
|
|
8670
8947
|
};
|
|
8671
8948
|
/** Every widget tag, in release order. */
|
|
8672
8949
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -8708,6 +8985,7 @@ exports.defineCarousel = defineCarousel;
|
|
|
8708
8985
|
exports.defineCartDrawer = defineCartDrawer;
|
|
8709
8986
|
exports.defineChatComposer = defineChatComposer;
|
|
8710
8987
|
exports.defineClockControl = defineClockControl;
|
|
8988
|
+
exports.defineCodeExport = defineCodeExport;
|
|
8711
8989
|
exports.defineColorPicker = defineColorPicker;
|
|
8712
8990
|
exports.defineCommandPalette = defineCommandPalette;
|
|
8713
8991
|
exports.defineCompare = defineCompare;
|
|
@@ -8751,6 +9029,7 @@ exports.definePresence = definePresence;
|
|
|
8751
9029
|
exports.definePrizeWheel = definePrizeWheel;
|
|
8752
9030
|
exports.defineProductGallery = defineProductGallery;
|
|
8753
9031
|
exports.defineProgressRing = defineProgressRing;
|
|
9032
|
+
exports.definePropPanel = definePropPanel;
|
|
8754
9033
|
exports.definePullCord = definePullCord;
|
|
8755
9034
|
exports.defineRadar = defineRadar;
|
|
8756
9035
|
exports.defineReactions = defineReactions;
|
|
@@ -8782,6 +9061,8 @@ exports.defineVolumeKnob = defineVolumeKnob;
|
|
|
8782
9061
|
exports.defineWeatherCard = defineWeatherCard;
|
|
8783
9062
|
exports.defineWidgets = defineWidgets;
|
|
8784
9063
|
exports.defineXpBar = defineXpBar;
|
|
9064
|
+
exports.describeComponent = describeComponent;
|
|
9065
|
+
exports.exportComponent = exportComponent;
|
|
8785
9066
|
exports.formatBytes = formatBytes;
|
|
8786
9067
|
exports.formatDistance = formatDistance;
|
|
8787
9068
|
exports.fuzzyMatch = fuzzyMatch;
|
|
@@ -8798,6 +9079,7 @@ exports.parseChips = parseChips;
|
|
|
8798
9079
|
exports.parseISODate = parseISODate;
|
|
8799
9080
|
exports.parseLRC = parseLRC;
|
|
8800
9081
|
exports.parseMarkers = parseMarkers;
|
|
9082
|
+
exports.parseProps = parseProps;
|
|
8801
9083
|
exports.parseReactions = parseReactions;
|
|
8802
9084
|
exports.parseTargets = parseTargets;
|
|
8803
9085
|
exports.passwordStrength = passwordStrength;
|