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
|
@@ -49,7 +49,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
49
49
|
return -1;
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
-
var css$
|
|
52
|
+
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}";
|
|
53
53
|
|
|
54
54
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
55
55
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -238,10 +238,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
238
238
|
}
|
|
239
239
|
}
|
|
240
240
|
return UsaCarousel;
|
|
241
|
-
}, { id: 'carousel', text: css$
|
|
241
|
+
}, { id: 'carousel', text: css$1f });
|
|
242
242
|
}
|
|
243
243
|
|
|
244
|
-
var css$
|
|
244
|
+
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}";
|
|
245
245
|
|
|
246
246
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
247
247
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -354,10 +354,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
354
354
|
}
|
|
355
355
|
}
|
|
356
356
|
return UsaTabBar;
|
|
357
|
-
}, { id: 'tab-bar', text: css$
|
|
357
|
+
}, { id: 'tab-bar', text: css$1e });
|
|
358
358
|
}
|
|
359
359
|
|
|
360
|
-
var css$
|
|
360
|
+
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}}";
|
|
361
361
|
|
|
362
362
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
363
363
|
return defineElement(tag, (Base) => {
|
|
@@ -425,10 +425,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
425
425
|
}
|
|
426
426
|
}
|
|
427
427
|
return UsaDisclosure;
|
|
428
|
-
}, { id: 'disclosure', text: css$
|
|
428
|
+
}, { id: 'disclosure', text: css$1d });
|
|
429
429
|
}
|
|
430
430
|
|
|
431
|
-
var css$
|
|
431
|
+
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}}";
|
|
432
432
|
|
|
433
433
|
function defineStories(tag = 'usa-stories') {
|
|
434
434
|
return defineElement(tag, (Base) => {
|
|
@@ -561,10 +561,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
561
561
|
}
|
|
562
562
|
}
|
|
563
563
|
return UsaStories;
|
|
564
|
-
}, { id: 'stories', text: css$
|
|
564
|
+
}, { id: 'stories', text: css$1c });
|
|
565
565
|
}
|
|
566
566
|
|
|
567
|
-
var css$
|
|
567
|
+
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)}}";
|
|
568
568
|
|
|
569
569
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
570
570
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -791,12 +791,12 @@ function defineOverlay(tag, kind) {
|
|
|
791
791
|
}
|
|
792
792
|
}
|
|
793
793
|
return UsaOverlay;
|
|
794
|
-
}, { id: 'overlay', text: css$
|
|
794
|
+
}, { id: 'overlay', text: css$1b });
|
|
795
795
|
}
|
|
796
796
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
797
797
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
798
798
|
|
|
799
|
-
var css$
|
|
799
|
+
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}}";
|
|
800
800
|
|
|
801
801
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
802
802
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -967,7 +967,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
967
967
|
}
|
|
968
968
|
}
|
|
969
969
|
return UsaToastStack;
|
|
970
|
-
}, { id: 'toast', text: css$
|
|
970
|
+
}, { id: 'toast', text: css$1a });
|
|
971
971
|
}
|
|
972
972
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
973
973
|
function stackToast(input, stack) {
|
|
@@ -995,7 +995,7 @@ function installToastTriggers() {
|
|
|
995
995
|
});
|
|
996
996
|
}
|
|
997
997
|
|
|
998
|
-
var css$
|
|
998
|
+
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)}}";
|
|
999
999
|
|
|
1000
1000
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
1001
1001
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1134,10 +1134,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1134
1134
|
}
|
|
1135
1135
|
}
|
|
1136
1136
|
return UsaMenu;
|
|
1137
|
-
}, { id: 'menu', text: css$
|
|
1137
|
+
}, { id: 'menu', text: css$19 });
|
|
1138
1138
|
}
|
|
1139
1139
|
|
|
1140
|
-
var css$
|
|
1140
|
+
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}}";
|
|
1141
1141
|
|
|
1142
1142
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1143
1143
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1277,7 +1277,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1277
1277
|
}
|
|
1278
1278
|
}
|
|
1279
1279
|
return UsaProgressRing;
|
|
1280
|
-
}, { id: 'meters', text: css$
|
|
1280
|
+
}, { id: 'meters', text: css$18 });
|
|
1281
1281
|
}
|
|
1282
1282
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1283
1283
|
return defineElement(tag, (Base) => {
|
|
@@ -1387,10 +1387,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1387
1387
|
}
|
|
1388
1388
|
}
|
|
1389
1389
|
return UsaOdometer;
|
|
1390
|
-
}, { id: 'meters', text: css$
|
|
1390
|
+
}, { id: 'meters', text: css$18 });
|
|
1391
1391
|
}
|
|
1392
1392
|
|
|
1393
|
-
var css$
|
|
1393
|
+
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}}";
|
|
1394
1394
|
|
|
1395
1395
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1396
1396
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1505,10 +1505,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1505
1505
|
}
|
|
1506
1506
|
}
|
|
1507
1507
|
return UsaSkeletonReveal;
|
|
1508
|
-
}, { id: 'skeleton-reveal', text: css$
|
|
1508
|
+
}, { id: 'skeleton-reveal', text: css$17 });
|
|
1509
1509
|
}
|
|
1510
1510
|
|
|
1511
|
-
var css$
|
|
1511
|
+
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}}";
|
|
1512
1512
|
|
|
1513
1513
|
const PATHS = {
|
|
1514
1514
|
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',
|
|
@@ -1645,10 +1645,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1645
1645
|
}
|
|
1646
1646
|
UsaStarRating.formAssociated = true;
|
|
1647
1647
|
return UsaStarRating;
|
|
1648
|
-
}, { id: 'star-rating', text: css$
|
|
1648
|
+
}, { id: 'star-rating', text: css$16 });
|
|
1649
1649
|
}
|
|
1650
1650
|
|
|
1651
|
-
var css$
|
|
1651
|
+
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}}";
|
|
1652
1652
|
|
|
1653
1653
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1654
1654
|
return defineElement(tag, (Base) => {
|
|
@@ -1736,10 +1736,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1736
1736
|
}
|
|
1737
1737
|
}
|
|
1738
1738
|
return UsaMilestones;
|
|
1739
|
-
}, { id: 'milestones', text: css$
|
|
1739
|
+
}, { id: 'milestones', text: css$15 });
|
|
1740
1740
|
}
|
|
1741
1741
|
|
|
1742
|
-
var css$
|
|
1742
|
+
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}";
|
|
1743
1743
|
|
|
1744
1744
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1745
1745
|
return defineElement(tag, (Base) => {
|
|
@@ -1860,10 +1860,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1860
1860
|
}
|
|
1861
1861
|
}
|
|
1862
1862
|
return UsaMasonryFlow;
|
|
1863
|
-
}, { id: 'masonry-flow', text: css$
|
|
1863
|
+
}, { id: 'masonry-flow', text: css$14 });
|
|
1864
1864
|
}
|
|
1865
1865
|
|
|
1866
|
-
var css$
|
|
1866
|
+
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}";
|
|
1867
1867
|
|
|
1868
1868
|
function defineCompare(tag = 'usa-compare') {
|
|
1869
1869
|
return defineElement(tag, (Base) => {
|
|
@@ -1987,10 +1987,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1987
1987
|
}
|
|
1988
1988
|
}
|
|
1989
1989
|
return UsaCompare;
|
|
1990
|
-
}, { id: 'compare', text: css$
|
|
1990
|
+
}, { id: 'compare', text: css$13 });
|
|
1991
1991
|
}
|
|
1992
1992
|
|
|
1993
|
-
var css$
|
|
1993
|
+
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}";
|
|
1994
1994
|
|
|
1995
1995
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
1996
1996
|
return defineElement(tag, (Base) => {
|
|
@@ -2123,10 +2123,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2123
2123
|
}
|
|
2124
2124
|
}
|
|
2125
2125
|
return UsaCubeGallery;
|
|
2126
|
-
}, { id: 'cube-gallery', text: css$
|
|
2126
|
+
}, { id: 'cube-gallery', text: css$12 });
|
|
2127
2127
|
}
|
|
2128
2128
|
|
|
2129
|
-
var css
|
|
2129
|
+
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}}";
|
|
2130
2130
|
|
|
2131
2131
|
function defineDock(tag = 'usa-dock') {
|
|
2132
2132
|
return defineElement(tag, (Base) => {
|
|
@@ -2194,10 +2194,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2194
2194
|
}
|
|
2195
2195
|
}
|
|
2196
2196
|
return UsaDock;
|
|
2197
|
-
}, { id: 'dock', text: css
|
|
2197
|
+
}, { id: 'dock', text: css$11 });
|
|
2198
2198
|
}
|
|
2199
2199
|
|
|
2200
|
-
var css$
|
|
2200
|
+
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)}";
|
|
2201
2201
|
|
|
2202
2202
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2203
2203
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2301,10 +2301,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2301
2301
|
}
|
|
2302
2302
|
}
|
|
2303
2303
|
return UsaNavMorph;
|
|
2304
|
-
}, { id: 'nav-morph', text: css$
|
|
2304
|
+
}, { id: 'nav-morph', text: css$10 });
|
|
2305
2305
|
}
|
|
2306
2306
|
|
|
2307
|
-
var css
|
|
2307
|
+
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}";
|
|
2308
2308
|
|
|
2309
2309
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2310
2310
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2377,10 +2377,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2377
2377
|
}
|
|
2378
2378
|
}
|
|
2379
2379
|
return UsaMenuToggle;
|
|
2380
|
-
}, { id: 'menu-toggle', text: css
|
|
2380
|
+
}, { id: 'menu-toggle', text: css$$ });
|
|
2381
2381
|
}
|
|
2382
2382
|
|
|
2383
|
-
var css$
|
|
2383
|
+
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)}";
|
|
2384
2384
|
|
|
2385
2385
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2386
2386
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2512,10 +2512,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2512
2512
|
}
|
|
2513
2513
|
}
|
|
2514
2514
|
return UsaTip;
|
|
2515
|
-
}, { id: 'tip', text: css$
|
|
2515
|
+
}, { id: 'tip', text: css$_ });
|
|
2516
2516
|
}
|
|
2517
2517
|
|
|
2518
|
-
var css$
|
|
2518
|
+
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}}";
|
|
2519
2519
|
|
|
2520
2520
|
function defineStepper(tag = 'usa-stepper') {
|
|
2521
2521
|
return defineElement(tag, (Base) => {
|
|
@@ -2612,10 +2612,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2612
2612
|
}
|
|
2613
2613
|
}
|
|
2614
2614
|
return UsaStepper;
|
|
2615
|
-
}, { id: 'stepper', text: css$
|
|
2615
|
+
}, { id: 'stepper', text: css$Z });
|
|
2616
2616
|
}
|
|
2617
2617
|
|
|
2618
|
-
var css$
|
|
2618
|
+
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}}";
|
|
2619
2619
|
|
|
2620
2620
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2621
2621
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2737,10 +2737,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2737
2737
|
}
|
|
2738
2738
|
}
|
|
2739
2739
|
return UsaPagination;
|
|
2740
|
-
}, { id: 'pagination', text: css$
|
|
2740
|
+
}, { id: 'pagination', text: css$Y });
|
|
2741
2741
|
}
|
|
2742
2742
|
|
|
2743
|
-
var css$
|
|
2743
|
+
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}}";
|
|
2744
2744
|
|
|
2745
2745
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2746
2746
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2834,10 +2834,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2834
2834
|
}
|
|
2835
2835
|
}
|
|
2836
2836
|
return UsaSegmented;
|
|
2837
|
-
}, { id: 'segmented', text: css$
|
|
2837
|
+
}, { id: 'segmented', text: css$X });
|
|
2838
2838
|
}
|
|
2839
2839
|
|
|
2840
|
-
var css$
|
|
2840
|
+
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}}";
|
|
2841
2841
|
|
|
2842
2842
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2843
2843
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2925,10 +2925,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2925
2925
|
}
|
|
2926
2926
|
}
|
|
2927
2927
|
return UsaSwitch;
|
|
2928
|
-
}, { id: 'switch', text: css$
|
|
2928
|
+
}, { id: 'switch', text: css$W });
|
|
2929
2929
|
}
|
|
2930
2930
|
|
|
2931
|
-
var css$
|
|
2931
|
+
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}}";
|
|
2932
2932
|
|
|
2933
2933
|
function defineKanban(tag = 'usa-kanban') {
|
|
2934
2934
|
return defineElement(tag, (Base) => {
|
|
@@ -3133,10 +3133,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3133
3133
|
}
|
|
3134
3134
|
}
|
|
3135
3135
|
return UsaKanban;
|
|
3136
|
-
}, { id: 'kanban', text: css$
|
|
3136
|
+
}, { id: 'kanban', text: css$V });
|
|
3137
3137
|
}
|
|
3138
3138
|
|
|
3139
|
-
var css$
|
|
3139
|
+
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}}";
|
|
3140
3140
|
|
|
3141
3141
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3142
3142
|
return defineElement(tag, (Base) => {
|
|
@@ -3278,10 +3278,10 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3278
3278
|
}
|
|
3279
3279
|
}
|
|
3280
3280
|
return UsaSwipeDeck;
|
|
3281
|
-
}, { id: 'swipe-deck', text: css$
|
|
3281
|
+
}, { id: 'swipe-deck', text: css$U });
|
|
3282
3282
|
}
|
|
3283
3283
|
|
|
3284
|
-
var css$
|
|
3284
|
+
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}}";
|
|
3285
3285
|
|
|
3286
3286
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3287
3287
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
@@ -3362,10 +3362,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3362
3362
|
}
|
|
3363
3363
|
}
|
|
3364
3364
|
return UsaWeatherCard;
|
|
3365
|
-
}, { id: 'weather-card', text: css$
|
|
3365
|
+
}, { id: 'weather-card', text: css$T });
|
|
3366
3366
|
}
|
|
3367
3367
|
|
|
3368
|
-
var css$
|
|
3368
|
+
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}}";
|
|
3369
3369
|
|
|
3370
3370
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3371
3371
|
return defineElement(tag, (Base) => {
|
|
@@ -3494,10 +3494,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3494
3494
|
}
|
|
3495
3495
|
}
|
|
3496
3496
|
return UsaPullCord;
|
|
3497
|
-
}, { id: 'pull-cord', text: css$
|
|
3497
|
+
}, { id: 'pull-cord', text: css$S });
|
|
3498
3498
|
}
|
|
3499
3499
|
|
|
3500
|
-
var css$
|
|
3500
|
+
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}}";
|
|
3501
3501
|
|
|
3502
3502
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3503
3503
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3646,10 +3646,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3646
3646
|
}
|
|
3647
3647
|
}
|
|
3648
3648
|
return UsaDatePicker;
|
|
3649
|
-
}, { id: 'date-picker', text: css$
|
|
3649
|
+
}, { id: 'date-picker', text: css$R });
|
|
3650
3650
|
}
|
|
3651
3651
|
|
|
3652
|
-
var css$
|
|
3652
|
+
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}}";
|
|
3653
3653
|
|
|
3654
3654
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3655
3655
|
function hsvToHex(h, s, v) {
|
|
@@ -3769,10 +3769,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3769
3769
|
}
|
|
3770
3770
|
}
|
|
3771
3771
|
return UsaColorPicker;
|
|
3772
|
-
}, { id: 'color-picker', text: css$
|
|
3772
|
+
}, { id: 'color-picker', text: css$Q });
|
|
3773
3773
|
}
|
|
3774
3774
|
|
|
3775
|
-
var css$
|
|
3775
|
+
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}}";
|
|
3776
3776
|
|
|
3777
3777
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3778
3778
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3873,10 +3873,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3873
3873
|
}
|
|
3874
3874
|
}
|
|
3875
3875
|
return UsaFileDrop;
|
|
3876
|
-
}, { id: 'file-drop', text: css$
|
|
3876
|
+
}, { id: 'file-drop', text: css$P });
|
|
3877
3877
|
}
|
|
3878
3878
|
|
|
3879
|
-
var css$
|
|
3879
|
+
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}}";
|
|
3880
3880
|
|
|
3881
3881
|
const DEFAULT = {
|
|
3882
3882
|
format: ANIMATION_FORMAT,
|
|
@@ -4050,10 +4050,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4050
4050
|
}
|
|
4051
4051
|
}
|
|
4052
4052
|
return UsaKeyframeEditor;
|
|
4053
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4053
|
+
}, { id: 'keyframe-editor', text: css$O });
|
|
4054
4054
|
}
|
|
4055
4055
|
|
|
4056
|
-
var css$
|
|
4056
|
+
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}}";
|
|
4057
4057
|
|
|
4058
4058
|
const fmt = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4059
4059
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4214,10 +4214,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4214
4214
|
}
|
|
4215
4215
|
}
|
|
4216
4216
|
return UsaMusicPlayer;
|
|
4217
|
-
}, { id: 'music-player', text: css$
|
|
4217
|
+
}, { id: 'music-player', text: css$N });
|
|
4218
4218
|
}
|
|
4219
4219
|
|
|
4220
|
-
var css$
|
|
4220
|
+
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}}";
|
|
4221
4221
|
|
|
4222
4222
|
const ARC = 270;
|
|
4223
4223
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4308,10 +4308,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4308
4308
|
}
|
|
4309
4309
|
}
|
|
4310
4310
|
return UsaVolumeKnob;
|
|
4311
|
-
}, { id: 'volume-knob', text: css$
|
|
4311
|
+
}, { id: 'volume-knob', text: css$M });
|
|
4312
4312
|
}
|
|
4313
4313
|
|
|
4314
|
-
var css$
|
|
4314
|
+
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}}";
|
|
4315
4315
|
|
|
4316
4316
|
const EQ_PRESETS = {
|
|
4317
4317
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4409,10 +4409,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4409
4409
|
}
|
|
4410
4410
|
}
|
|
4411
4411
|
return UsaEqualizer;
|
|
4412
|
-
}, { id: 'equalizer', text: css$
|
|
4412
|
+
}, { id: 'equalizer', text: css$L });
|
|
4413
4413
|
}
|
|
4414
4414
|
|
|
4415
|
-
var css$
|
|
4415
|
+
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}}";
|
|
4416
4416
|
|
|
4417
4417
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4418
4418
|
function parseLRC(src) {
|
|
@@ -4524,10 +4524,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4524
4524
|
}
|
|
4525
4525
|
}
|
|
4526
4526
|
return UsaLyrics;
|
|
4527
|
-
}, { id: 'lyrics', text: css$
|
|
4527
|
+
}, { id: 'lyrics', text: css$K });
|
|
4528
4528
|
}
|
|
4529
4529
|
|
|
4530
|
-
var css$
|
|
4530
|
+
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}}";
|
|
4531
4531
|
|
|
4532
4532
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4533
4533
|
return defineElement(tag, (Base) => {
|
|
@@ -4621,10 +4621,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4621
4621
|
}
|
|
4622
4622
|
}
|
|
4623
4623
|
return UsaBarChart;
|
|
4624
|
-
}, { id: 'bar-chart', text: css$
|
|
4624
|
+
}, { id: 'bar-chart', text: css$J });
|
|
4625
4625
|
}
|
|
4626
4626
|
|
|
4627
|
-
var css$
|
|
4627
|
+
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)}";
|
|
4628
4628
|
|
|
4629
4629
|
function defineGauge(tag = 'usa-gauge') {
|
|
4630
4630
|
return defineElement(tag, (Base) => {
|
|
@@ -4709,10 +4709,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4709
4709
|
}
|
|
4710
4710
|
}
|
|
4711
4711
|
return UsaGauge;
|
|
4712
|
-
}, { id: 'gauge', text: css$
|
|
4712
|
+
}, { id: 'gauge', text: css$I });
|
|
4713
4713
|
}
|
|
4714
4714
|
|
|
4715
|
-
var css$
|
|
4715
|
+
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}}";
|
|
4716
4716
|
|
|
4717
4717
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4718
4718
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4835,7 +4835,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4835
4835
|
}
|
|
4836
4836
|
}
|
|
4837
4837
|
return UsaSparkline;
|
|
4838
|
-
}, { id: 'sparkline', text: css$
|
|
4838
|
+
}, { id: 'sparkline', text: css$H });
|
|
4839
4839
|
}
|
|
4840
4840
|
|
|
4841
4841
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4848,7 +4848,7 @@ function parseFigureText(s) {
|
|
|
4848
4848
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4849
4849
|
}
|
|
4850
4850
|
|
|
4851
|
-
var css$
|
|
4851
|
+
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}";
|
|
4852
4852
|
|
|
4853
4853
|
function defineKpi(tag = 'usa-kpi') {
|
|
4854
4854
|
return defineElement(tag, (Base) => {
|
|
@@ -4928,10 +4928,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4928
4928
|
}
|
|
4929
4929
|
}
|
|
4930
4930
|
return UsaKpi;
|
|
4931
|
-
}, { id: 'kpi', text: css$
|
|
4931
|
+
}, { id: 'kpi', text: css$G });
|
|
4932
4932
|
}
|
|
4933
4933
|
|
|
4934
|
-
var css$
|
|
4934
|
+
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}}";
|
|
4935
4935
|
|
|
4936
4936
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4937
4937
|
return defineElement(tag, (Base) => {
|
|
@@ -4976,10 +4976,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4976
4976
|
}
|
|
4977
4977
|
}
|
|
4978
4978
|
return UsaAddToCart;
|
|
4979
|
-
}, { id: 'add-to-cart', text: css$
|
|
4979
|
+
}, { id: 'add-to-cart', text: css$F });
|
|
4980
4980
|
}
|
|
4981
4981
|
|
|
4982
|
-
var css$
|
|
4982
|
+
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}";
|
|
4983
4983
|
|
|
4984
4984
|
/** Cart total (7.3). */
|
|
4985
4985
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5144,10 +5144,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5144
5144
|
}
|
|
5145
5145
|
}
|
|
5146
5146
|
return UsaCartDrawer;
|
|
5147
|
-
}, { id: 'cart-drawer', text: css$
|
|
5147
|
+
}, { id: 'cart-drawer', text: css$E });
|
|
5148
5148
|
}
|
|
5149
5149
|
|
|
5150
|
-
var css$
|
|
5150
|
+
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}}";
|
|
5151
5151
|
|
|
5152
5152
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5153
5153
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5261,10 +5261,10 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5261
5261
|
}
|
|
5262
5262
|
}
|
|
5263
5263
|
return UsaProductGallery;
|
|
5264
|
-
}, { id: 'product-gallery', text: css$
|
|
5264
|
+
}, { id: 'product-gallery', text: css$D });
|
|
5265
5265
|
}
|
|
5266
5266
|
|
|
5267
|
-
var css$
|
|
5267
|
+
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)}";
|
|
5268
5268
|
|
|
5269
5269
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5270
5270
|
function splitTime(sec) {
|
|
@@ -5352,10 +5352,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5352
5352
|
}
|
|
5353
5353
|
}
|
|
5354
5354
|
return UsaCountdown;
|
|
5355
|
-
}, { id: 'countdown', text: css$
|
|
5355
|
+
}, { id: 'countdown', text: css$C });
|
|
5356
5356
|
}
|
|
5357
5357
|
|
|
5358
|
-
var css$
|
|
5358
|
+
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}}";
|
|
5359
5359
|
|
|
5360
5360
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5361
5361
|
return defineElement(tag, (Base) => {
|
|
@@ -5442,10 +5442,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5442
5442
|
}
|
|
5443
5443
|
}
|
|
5444
5444
|
return UsaMessageList;
|
|
5445
|
-
}, { id: 'message-list', text: css$
|
|
5445
|
+
}, { id: 'message-list', text: css$B });
|
|
5446
5446
|
}
|
|
5447
5447
|
|
|
5448
|
-
var css$
|
|
5448
|
+
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}";
|
|
5449
5449
|
|
|
5450
5450
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5451
5451
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5547,10 +5547,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5547
5547
|
}
|
|
5548
5548
|
}
|
|
5549
5549
|
return UsaReactions;
|
|
5550
|
-
}, { id: 'reactions', text: css$
|
|
5550
|
+
}, { id: 'reactions', text: css$A });
|
|
5551
5551
|
}
|
|
5552
5552
|
|
|
5553
|
-
var css$
|
|
5553
|
+
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}";
|
|
5554
5554
|
|
|
5555
5555
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5556
5556
|
return defineElement(tag, (Base) => {
|
|
@@ -5645,10 +5645,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5645
5645
|
}
|
|
5646
5646
|
}
|
|
5647
5647
|
return UsaNotificationBell;
|
|
5648
|
-
}, { id: 'notification-bell', text: css$
|
|
5648
|
+
}, { id: 'notification-bell', text: css$z });
|
|
5649
5649
|
}
|
|
5650
5650
|
|
|
5651
|
-
var css$
|
|
5651
|
+
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}}";
|
|
5652
5652
|
|
|
5653
5653
|
/** Presence states (7.4). */
|
|
5654
5654
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5718,10 +5718,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5718
5718
|
}
|
|
5719
5719
|
}
|
|
5720
5720
|
return UsaPresence;
|
|
5721
|
-
}, { id: 'presence', text: css$
|
|
5721
|
+
}, { id: 'presence', text: css$y });
|
|
5722
5722
|
}
|
|
5723
5723
|
|
|
5724
|
-
var css$
|
|
5724
|
+
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)}";
|
|
5725
5725
|
|
|
5726
5726
|
/** Sort rows by score desc, then name (7.5). */
|
|
5727
5727
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5830,10 +5830,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5830
5830
|
}
|
|
5831
5831
|
}
|
|
5832
5832
|
return UsaLeaderboard;
|
|
5833
|
-
}, { id: 'leaderboard', text: css$
|
|
5833
|
+
}, { id: 'leaderboard', text: css$x });
|
|
5834
5834
|
}
|
|
5835
5835
|
|
|
5836
|
-
var css$
|
|
5836
|
+
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)}";
|
|
5837
5837
|
|
|
5838
5838
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5839
5839
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5930,10 +5930,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5930
5930
|
}
|
|
5931
5931
|
}
|
|
5932
5932
|
return UsaXpBar;
|
|
5933
|
-
}, { id: 'xp-bar', text: css$
|
|
5933
|
+
}, { id: 'xp-bar', text: css$w });
|
|
5934
5934
|
}
|
|
5935
5935
|
|
|
5936
|
-
var css$
|
|
5936
|
+
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}}";
|
|
5937
5937
|
|
|
5938
5938
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5939
5939
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -6000,10 +6000,10 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
6000
6000
|
}
|
|
6001
6001
|
}
|
|
6002
6002
|
return UsaBadgeWall;
|
|
6003
|
-
}, { id: 'badge-wall', text: css$
|
|
6003
|
+
}, { id: 'badge-wall', text: css$v });
|
|
6004
6004
|
}
|
|
6005
6005
|
|
|
6006
|
-
var css$
|
|
6006
|
+
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)}";
|
|
6007
6007
|
|
|
6008
6008
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6009
6009
|
function wheelAngle(index, count, turns = 5) {
|
|
@@ -6083,10 +6083,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6083
6083
|
}
|
|
6084
6084
|
}
|
|
6085
6085
|
return UsaPrizeWheel;
|
|
6086
|
-
}, { id: 'prize-wheel', text: css$
|
|
6086
|
+
}, { id: 'prize-wheel', text: css$u });
|
|
6087
6087
|
}
|
|
6088
6088
|
|
|
6089
|
-
var css$
|
|
6089
|
+
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}}";
|
|
6090
6090
|
|
|
6091
6091
|
const RAD = Math.PI / 180;
|
|
6092
6092
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6243,10 +6243,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6243
6243
|
}
|
|
6244
6244
|
}
|
|
6245
6245
|
return UsaGlobe;
|
|
6246
|
-
}, { id: 'globe', text: css$
|
|
6246
|
+
}, { id: 'globe', text: css$t });
|
|
6247
6247
|
}
|
|
6248
6248
|
|
|
6249
|
-
var css$
|
|
6249
|
+
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}";
|
|
6250
6250
|
|
|
6251
6251
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6252
6252
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6262,7 +6262,7 @@ function formatDistance(km, unit = 'km') {
|
|
|
6262
6262
|
}
|
|
6263
6263
|
return km < 1 ? `${Math.round(km * 1000)} m` : `${km < 10 ? km.toFixed(1) : Math.round(km)} km`;
|
|
6264
6264
|
}
|
|
6265
|
-
const esc$
|
|
6265
|
+
const esc$d = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6266
6266
|
function defineLocationCard(tag = 'usa-location-card') {
|
|
6267
6267
|
return defineElement(tag, (Base) => {
|
|
6268
6268
|
class UsaLocationCard extends Base {
|
|
@@ -6287,7 +6287,7 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6287
6287
|
const dist = this.str('distance') || (km === null ? '' : formatDistance(km, this.str('unit') === 'mi' ? 'mi' : 'km'));
|
|
6288
6288
|
const href = this.str('href');
|
|
6289
6289
|
const origin = km !== null;
|
|
6290
|
-
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$
|
|
6290
|
+
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>`);
|
|
6291
6291
|
if (origin)
|
|
6292
6292
|
this.setAttribute('data-route', '');
|
|
6293
6293
|
else
|
|
@@ -6320,10 +6320,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6320
6320
|
}
|
|
6321
6321
|
}
|
|
6322
6322
|
return UsaLocationCard;
|
|
6323
|
-
}, { id: 'location-card', text: css$
|
|
6323
|
+
}, { id: 'location-card', text: css$s });
|
|
6324
6324
|
}
|
|
6325
6325
|
|
|
6326
|
-
var css$
|
|
6326
|
+
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}}";
|
|
6327
6327
|
|
|
6328
6328
|
/** 0–4 password strength score with a label (7.7). */
|
|
6329
6329
|
function passwordStrength(pw) {
|
|
@@ -6345,7 +6345,7 @@ function passwordStrength(pw) {
|
|
|
6345
6345
|
const score = Math.min(4, s);
|
|
6346
6346
|
return { score, label: ['Too short', 'Weak', 'Fair', 'Good', 'Strong'][score] };
|
|
6347
6347
|
}
|
|
6348
|
-
const esc$
|
|
6348
|
+
const esc$c = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6349
6349
|
let uid$2 = 0;
|
|
6350
6350
|
const PASS = ['type', 'name', 'required', 'pattern', 'minlength', 'maxlength', 'autocomplete', 'inputmode', 'placeholder'];
|
|
6351
6351
|
function defineField(tag = 'usa-field') {
|
|
@@ -6379,9 +6379,9 @@ function defineField(tag = 'usa-field') {
|
|
|
6379
6379
|
const id = this._id;
|
|
6380
6380
|
const strength = this.flag('strength');
|
|
6381
6381
|
const attrs = PASS.filter((a) => this.hasAttribute(a))
|
|
6382
|
-
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$
|
|
6382
|
+
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$c(this.str(a))}"`))
|
|
6383
6383
|
.join('');
|
|
6384
|
-
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$
|
|
6384
|
+
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>`);
|
|
6385
6385
|
const input = this.input;
|
|
6386
6386
|
input.value = keep;
|
|
6387
6387
|
this.listen(input, 'input', () => {
|
|
@@ -6449,10 +6449,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6449
6449
|
}
|
|
6450
6450
|
}
|
|
6451
6451
|
return UsaField;
|
|
6452
|
-
}, { id: 'field', text: css$
|
|
6452
|
+
}, { id: 'field', text: css$r });
|
|
6453
6453
|
}
|
|
6454
6454
|
|
|
6455
|
-
var css$
|
|
6455
|
+
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}}";
|
|
6456
6456
|
|
|
6457
6457
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6458
6458
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6583,10 +6583,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6583
6583
|
}
|
|
6584
6584
|
}
|
|
6585
6585
|
return UsaOtp;
|
|
6586
|
-
}, { id: 'otp', text: css$
|
|
6586
|
+
}, { id: 'otp', text: css$q });
|
|
6587
6587
|
}
|
|
6588
6588
|
|
|
6589
|
-
var css$
|
|
6589
|
+
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}}";
|
|
6590
6590
|
|
|
6591
6591
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6592
6592
|
function formatBytes(n) {
|
|
@@ -6600,7 +6600,7 @@ function formatBytes(n) {
|
|
|
6600
6600
|
}
|
|
6601
6601
|
return `${i === 0 ? Math.round(n) : n < 10 ? n.toFixed(1) : Math.round(n)} ${u[i]}`;
|
|
6602
6602
|
}
|
|
6603
|
-
const esc$
|
|
6603
|
+
const esc$b = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6604
6604
|
function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
6605
6605
|
return defineElement(tag, (Base) => {
|
|
6606
6606
|
class UsaUploadProgress extends Base {
|
|
@@ -6628,7 +6628,7 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6628
6628
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6629
6629
|
const name = this.str('name', 'file');
|
|
6630
6630
|
const size = formatBytes(this.num('size', NaN));
|
|
6631
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$
|
|
6631
|
+
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>`);
|
|
6632
6632
|
this.listen(this.querySelector('.usa-up-retry'), 'click', () => this.emit('retry', { name }));
|
|
6633
6633
|
this._shown = 0;
|
|
6634
6634
|
this.render(true);
|
|
@@ -6669,12 +6669,12 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6669
6669
|
}
|
|
6670
6670
|
}
|
|
6671
6671
|
return UsaUploadProgress;
|
|
6672
|
-
}, { id: 'upload-progress', text: css$
|
|
6672
|
+
}, { id: 'upload-progress', text: css$p });
|
|
6673
6673
|
}
|
|
6674
6674
|
|
|
6675
|
-
var css$
|
|
6675
|
+
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}}";
|
|
6676
6676
|
|
|
6677
|
-
const esc$
|
|
6677
|
+
const esc$a = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6678
6678
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
6679
6679
|
return defineElement(tag, (Base) => {
|
|
6680
6680
|
class UsaChatComposer extends Base {
|
|
@@ -6704,7 +6704,7 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6704
6704
|
const keep = this.area?.value ?? this.str('value');
|
|
6705
6705
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6706
6706
|
const label = this.str('label', 'Message');
|
|
6707
|
-
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$
|
|
6707
|
+
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>`);
|
|
6708
6708
|
const a = this.area;
|
|
6709
6709
|
a.value = keep;
|
|
6710
6710
|
this.listen(a, 'input', () => this.sync());
|
|
@@ -6770,10 +6770,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6770
6770
|
}
|
|
6771
6771
|
}
|
|
6772
6772
|
return UsaChatComposer;
|
|
6773
|
-
}, { id: 'chat-composer', text: css$
|
|
6773
|
+
}, { id: 'chat-composer', text: css$o });
|
|
6774
6774
|
}
|
|
6775
6775
|
|
|
6776
|
-
var css$
|
|
6776
|
+
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}}";
|
|
6777
6777
|
|
|
6778
6778
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6779
6779
|
function parseChips(s) {
|
|
@@ -6782,7 +6782,7 @@ function parseChips(s) {
|
|
|
6782
6782
|
.map((t) => t.trim())
|
|
6783
6783
|
.filter(Boolean);
|
|
6784
6784
|
}
|
|
6785
|
-
const esc$
|
|
6785
|
+
const esc$9 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6786
6786
|
function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
6787
6787
|
return defineElement(tag, (Base) => {
|
|
6788
6788
|
class UsaSuggestionChips extends Base {
|
|
@@ -6817,7 +6817,7 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6817
6817
|
Array.from(this.children).forEach((c) => !c.hasAttribute('data-usa-part') && c.setAttribute('hidden', ''));
|
|
6818
6818
|
}
|
|
6819
6819
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6820
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$
|
|
6820
|
+
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>`);
|
|
6821
6821
|
const chips = Array.from(this.querySelectorAll('.usa-sc-chip'));
|
|
6822
6822
|
chips.forEach((c, i) => {
|
|
6823
6823
|
this.listen(c, 'click', () => this.pick(i));
|
|
@@ -6858,10 +6858,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6858
6858
|
}
|
|
6859
6859
|
}
|
|
6860
6860
|
return UsaSuggestionChips;
|
|
6861
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6861
|
+
}, { id: 'suggestion-chips', text: css$n });
|
|
6862
6862
|
}
|
|
6863
6863
|
|
|
6864
|
-
var css$
|
|
6864
|
+
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}}";
|
|
6865
6865
|
|
|
6866
6866
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6867
6867
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6933,10 +6933,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6933
6933
|
}
|
|
6934
6934
|
}
|
|
6935
6935
|
return UsaVoiceButton;
|
|
6936
|
-
}, { id: 'voice-button', text: css$
|
|
6936
|
+
}, { id: 'voice-button', text: css$m });
|
|
6937
6937
|
}
|
|
6938
6938
|
|
|
6939
|
-
var css$
|
|
6939
|
+
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)}";
|
|
6940
6940
|
|
|
6941
6941
|
/**
|
|
6942
6942
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -6995,7 +6995,7 @@ function matchesKeys(e, keys, apple = isApple()) {
|
|
|
6995
6995
|
function isApple() {
|
|
6996
6996
|
return typeof navigator !== 'undefined' && /Mac|iPhone|iPad|iPod/.test(navigator.userAgentData?.platform || navigator.platform || navigator.userAgent || '');
|
|
6997
6997
|
}
|
|
6998
|
-
const esc$
|
|
6998
|
+
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6999
6999
|
let uid$1 = 0;
|
|
7000
7000
|
function defineCommandPalette(tag = 'usa-command-palette') {
|
|
7001
7001
|
return defineElement(tag, (Base) => {
|
|
@@ -7032,7 +7032,7 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7032
7032
|
mount() {
|
|
7033
7033
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7034
7034
|
const id = this._id;
|
|
7035
|
-
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$
|
|
7035
|
+
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>`);
|
|
7036
7036
|
const dlg = this.dlg;
|
|
7037
7037
|
const q = this.querySelector('.usa-cp-q');
|
|
7038
7038
|
this.listen(q, 'input', () => this.render(true));
|
|
@@ -7087,12 +7087,12 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7087
7087
|
if (!q && c.group !== group) {
|
|
7088
7088
|
group = c.group;
|
|
7089
7089
|
if (group)
|
|
7090
|
-
html += `<div class="usa-cp-group" role="presentation">${esc$
|
|
7090
|
+
html += `<div class="usa-cp-group" role="presentation">${esc$8(group)}</div>`;
|
|
7091
7091
|
}
|
|
7092
7092
|
const label = Array.from(c.label)
|
|
7093
|
-
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$
|
|
7093
|
+
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$8(ch)}</mark>` : esc$8(ch)))
|
|
7094
7094
|
.join('');
|
|
7095
|
-
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$
|
|
7095
|
+
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$8(k)}</kbd>`).join('')}</span>` : '';
|
|
7096
7096
|
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>`;
|
|
7097
7097
|
});
|
|
7098
7098
|
list.insertAdjacentHTML('beforeend', html);
|
|
@@ -7195,13 +7195,13 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7195
7195
|
}
|
|
7196
7196
|
}
|
|
7197
7197
|
return UsaCommandPalette;
|
|
7198
|
-
}, { id: 'command-palette', text: css$
|
|
7198
|
+
}, { id: 'command-palette', text: css$l });
|
|
7199
7199
|
}
|
|
7200
7200
|
|
|
7201
|
-
var css$
|
|
7201
|
+
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}";
|
|
7202
7202
|
|
|
7203
7203
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7204
|
-
const esc$
|
|
7204
|
+
const esc$7 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7205
7205
|
function defineShortcut(tag = 'usa-shortcut') {
|
|
7206
7206
|
return defineElement(tag, (Base) => {
|
|
7207
7207
|
class UsaShortcut extends Base {
|
|
@@ -7216,7 +7216,7 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7216
7216
|
const labels = this.labels;
|
|
7217
7217
|
const spoken = labels.map((l) => SPOKEN[l] || l).join(' ');
|
|
7218
7218
|
const text = this.str('label');
|
|
7219
|
-
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$
|
|
7219
|
+
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>`);
|
|
7220
7220
|
if (this.str('listen') !== 'false')
|
|
7221
7221
|
this.listen(document, 'keydown', (e) => {
|
|
7222
7222
|
if (!e.repeat && matchesKeys(e, this.str('keys', 'mod+k'))) {
|
|
@@ -7249,10 +7249,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7249
7249
|
}
|
|
7250
7250
|
}
|
|
7251
7251
|
return UsaShortcut;
|
|
7252
|
-
}, { id: 'shortcut', text: css$
|
|
7252
|
+
}, { id: 'shortcut', text: css$k });
|
|
7253
7253
|
}
|
|
7254
7254
|
|
|
7255
|
-
var css$
|
|
7255
|
+
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}}";
|
|
7256
7256
|
|
|
7257
7257
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7258
7258
|
return defineElement(tag, (Base) => {
|
|
@@ -7311,10 +7311,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7311
7311
|
}
|
|
7312
7312
|
}
|
|
7313
7313
|
return UsaClockControl;
|
|
7314
|
-
}, { id: 'clock-control', text: css$
|
|
7314
|
+
}, { id: 'clock-control', text: css$j });
|
|
7315
7315
|
}
|
|
7316
7316
|
|
|
7317
|
-
var css$
|
|
7317
|
+
var css$i = "usa-hydrate{display:block}";
|
|
7318
7318
|
|
|
7319
7319
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7320
7320
|
return defineElement(tag, (Base) => {
|
|
@@ -7350,12 +7350,12 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7350
7350
|
}
|
|
7351
7351
|
}
|
|
7352
7352
|
return UsaHydrate;
|
|
7353
|
-
}, { id: 'hydrate', text: css$
|
|
7353
|
+
}, { id: 'hydrate', text: css$i });
|
|
7354
7354
|
}
|
|
7355
7355
|
|
|
7356
|
-
var css$
|
|
7356
|
+
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}}";
|
|
7357
7357
|
|
|
7358
|
-
const esc$
|
|
7358
|
+
const esc$6 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7359
7359
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
7360
7360
|
return defineElement(tag, (Base) => {
|
|
7361
7361
|
class UsaRedEnvelope extends Base {
|
|
@@ -7368,7 +7368,7 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7368
7368
|
mount() {
|
|
7369
7369
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7370
7370
|
const msg = this.str('message', '恭喜发财');
|
|
7371
|
-
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$
|
|
7371
|
+
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>`);
|
|
7372
7372
|
this.listen(this.querySelector('.usa-re'), 'click', () => (this.opened ? this.close() : this.open()));
|
|
7373
7373
|
if (this.flag('opened'))
|
|
7374
7374
|
this.open(true);
|
|
@@ -7417,10 +7417,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7417
7417
|
}
|
|
7418
7418
|
}
|
|
7419
7419
|
return UsaRedEnvelope;
|
|
7420
|
-
}, { id: 'red-envelope', text: css$
|
|
7420
|
+
}, { id: 'red-envelope', text: css$h });
|
|
7421
7421
|
}
|
|
7422
7422
|
|
|
7423
|
-
var css$
|
|
7423
|
+
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}}";
|
|
7424
7424
|
|
|
7425
7425
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7426
7426
|
const SCENES = {
|
|
@@ -7468,12 +7468,12 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7468
7468
|
}
|
|
7469
7469
|
}
|
|
7470
7470
|
return UsaFestivalBanner;
|
|
7471
|
-
}, { id: 'festival-banner', text: css$
|
|
7471
|
+
}, { id: 'festival-banner', text: css$g });
|
|
7472
7472
|
}
|
|
7473
7473
|
|
|
7474
|
-
var css$
|
|
7474
|
+
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}}";
|
|
7475
7475
|
|
|
7476
|
-
const esc$
|
|
7476
|
+
const esc$5 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7477
7477
|
function defineTerminal(tag = 'usa-terminal') {
|
|
7478
7478
|
return defineElement(tag, (Base) => {
|
|
7479
7479
|
class UsaTerminal extends Base {
|
|
@@ -7493,7 +7493,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7493
7493
|
src.forEach((c) => c.remove());
|
|
7494
7494
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7495
7495
|
this.setAttribute('data-theme', ['green', 'amber'].includes(this.str('theme')) ? this.str('theme') : 'dark');
|
|
7496
|
-
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$
|
|
7496
|
+
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>`);
|
|
7497
7497
|
let started = false;
|
|
7498
7498
|
this.inView((v) => {
|
|
7499
7499
|
if (v && !started) {
|
|
@@ -7508,7 +7508,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7508
7508
|
const p = document.createElement('p');
|
|
7509
7509
|
p.className = l.cmd ? 'usa-term-cmd' : 'usa-term-out';
|
|
7510
7510
|
if (l.cmd)
|
|
7511
|
-
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$
|
|
7511
|
+
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$5(this.str('prompt', '$'))} </span><span class="usa-term-tx"></span>`;
|
|
7512
7512
|
body.appendChild(p);
|
|
7513
7513
|
return p;
|
|
7514
7514
|
}
|
|
@@ -7582,10 +7582,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7582
7582
|
}
|
|
7583
7583
|
}
|
|
7584
7584
|
return UsaTerminal;
|
|
7585
|
-
}, { id: 'terminal', text: css$
|
|
7585
|
+
}, { id: 'terminal', text: css$f });
|
|
7586
7586
|
}
|
|
7587
7587
|
|
|
7588
|
-
var css$
|
|
7588
|
+
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}";
|
|
7589
7589
|
|
|
7590
7590
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7591
7591
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7639,10 +7639,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7639
7639
|
}
|
|
7640
7640
|
}
|
|
7641
7641
|
return UsaRetroButton;
|
|
7642
|
-
}, { id: 'retro-button', text: css$
|
|
7642
|
+
}, { id: 'retro-button', text: css$e });
|
|
7643
7643
|
}
|
|
7644
7644
|
|
|
7645
|
-
var css$
|
|
7645
|
+
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)}";
|
|
7646
7646
|
|
|
7647
7647
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7648
7648
|
return defineElement(tag, (Base) => {
|
|
@@ -7681,10 +7681,10 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7681
7681
|
}
|
|
7682
7682
|
}
|
|
7683
7683
|
return UsaOrganicCard;
|
|
7684
|
-
}, { id: 'organic-card', text: css$
|
|
7684
|
+
}, { id: 'organic-card', text: css$d });
|
|
7685
7685
|
}
|
|
7686
7686
|
|
|
7687
|
-
var css$
|
|
7687
|
+
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}";
|
|
7688
7688
|
|
|
7689
7689
|
let uid = 0;
|
|
7690
7690
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
@@ -7765,12 +7765,12 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7765
7765
|
}
|
|
7766
7766
|
}
|
|
7767
7767
|
return UsaLiquidNav;
|
|
7768
|
-
}, { id: 'liquid-nav', text: css$
|
|
7768
|
+
}, { id: 'liquid-nav', text: css$c });
|
|
7769
7769
|
}
|
|
7770
7770
|
|
|
7771
|
-
var css$
|
|
7771
|
+
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}}";
|
|
7772
7772
|
|
|
7773
|
-
const esc$
|
|
7773
|
+
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7774
7774
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
7775
7775
|
return defineElement(tag, (Base) => {
|
|
7776
7776
|
class UsaHudPanel extends Base {
|
|
@@ -7783,7 +7783,7 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7783
7783
|
this.setAttribute('aria-label', this.str('title', 'Panel'));
|
|
7784
7784
|
if (this.hasAttribute('color'))
|
|
7785
7785
|
this.style.setProperty('--usa-hud-c', this.str('color'));
|
|
7786
|
-
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$
|
|
7786
|
+
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>`);
|
|
7787
7787
|
this.querySelectorAll(':scope > [data-value]').forEach((r) => {
|
|
7788
7788
|
if (r.querySelector('.usa-hud-bar'))
|
|
7789
7789
|
return;
|
|
@@ -7817,10 +7817,10 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7817
7817
|
}
|
|
7818
7818
|
}
|
|
7819
7819
|
return UsaHudPanel;
|
|
7820
|
-
}, { id: 'hud-panel', text: css$
|
|
7820
|
+
}, { id: 'hud-panel', text: css$b });
|
|
7821
7821
|
}
|
|
7822
7822
|
|
|
7823
|
-
var css$
|
|
7823
|
+
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)}}";
|
|
7824
7824
|
|
|
7825
7825
|
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7826
7826
|
function parseTargets(s) {
|
|
@@ -7836,7 +7836,7 @@ function parseTargets(s) {
|
|
|
7836
7836
|
})
|
|
7837
7837
|
.filter(Boolean);
|
|
7838
7838
|
}
|
|
7839
|
-
const esc$
|
|
7839
|
+
const esc$3 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7840
7840
|
function defineRadar(tag = 'usa-radar') {
|
|
7841
7841
|
return defineElement(tag, (Base) => {
|
|
7842
7842
|
class UsaRadar extends Base {
|
|
@@ -7871,7 +7871,7 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7871
7871
|
const a = ((t.bearing - 90) * Math.PI) / 180;
|
|
7872
7872
|
const x = 50 + Math.cos(a) * t.distance * 48;
|
|
7873
7873
|
const y = 50 + Math.sin(a) * t.distance * 48;
|
|
7874
|
-
return `<span class="usa-rd-dot" data-i="${i}" style="left:${x.toFixed(2)}%;top:${y.toFixed(2)}%"><em>${esc$
|
|
7874
|
+
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>`;
|
|
7875
7875
|
})
|
|
7876
7876
|
.join('');
|
|
7877
7877
|
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>`);
|
|
@@ -7906,10 +7906,10 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7906
7906
|
}
|
|
7907
7907
|
}
|
|
7908
7908
|
return UsaRadar;
|
|
7909
|
-
}, { id: 'radar', text: css$
|
|
7909
|
+
}, { id: 'radar', text: css$a });
|
|
7910
7910
|
}
|
|
7911
7911
|
|
|
7912
|
-
var css$
|
|
7912
|
+
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)}";
|
|
7913
7913
|
|
|
7914
7914
|
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7915
7915
|
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
@@ -7973,12 +7973,12 @@ function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
|
7973
7973
|
}
|
|
7974
7974
|
}
|
|
7975
7975
|
return UsaStickyWall;
|
|
7976
|
-
}, { id: 'sticky-wall', text: css$
|
|
7976
|
+
}, { id: 'sticky-wall', text: css$9 });
|
|
7977
7977
|
}
|
|
7978
7978
|
|
|
7979
|
-
var css$
|
|
7979
|
+
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}";
|
|
7980
7980
|
|
|
7981
|
-
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7981
|
+
const esc$2 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7982
7982
|
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
7983
7983
|
function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
7984
7984
|
return defineElement(tag, (Base) => {
|
|
@@ -8030,7 +8030,7 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8030
8030
|
g += `<path class="usa-sk-hatch" d="${roughLine(x0 + 2, Math.min(B, h + 5), x1 - 2, h - 3, h + i, 0.8)}"/>`;
|
|
8031
8031
|
});
|
|
8032
8032
|
}
|
|
8033
|
-
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc(labels[i])}</text>` : '')).join('');
|
|
8033
|
+
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc$2(labels[i])}</text>` : '')).join('');
|
|
8034
8034
|
this.insertAdjacentHTML('beforeend', `<svg class="usa-sk" viewBox="0 0 ${W} ${H}" aria-hidden="true" data-usa-part>${g}</svg>`);
|
|
8035
8035
|
if (this.reduced)
|
|
8036
8036
|
return void this.setAttribute('data-drawn', '');
|
|
@@ -8073,10 +8073,10 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8073
8073
|
}
|
|
8074
8074
|
}
|
|
8075
8075
|
return UsaSketchChart;
|
|
8076
|
-
}, { id: 'sketch-chart', text: css$
|
|
8076
|
+
}, { id: 'sketch-chart', text: css$8 });
|
|
8077
8077
|
}
|
|
8078
8078
|
|
|
8079
|
-
var css$
|
|
8079
|
+
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}}";
|
|
8080
8080
|
|
|
8081
8081
|
const NAMES = { light: 'Light', dark: 'Dark', neon: 'Neon', glass: 'Glass', neu: 'Soft' };
|
|
8082
8082
|
function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
@@ -8178,10 +8178,10 @@ function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
|
8178
8178
|
}
|
|
8179
8179
|
}
|
|
8180
8180
|
return UsaThemeSwitcher;
|
|
8181
|
-
}, { id: 'theme-switcher', text: css$
|
|
8181
|
+
}, { id: 'theme-switcher', text: css$7 });
|
|
8182
8182
|
}
|
|
8183
8183
|
|
|
8184
|
-
var css$
|
|
8184
|
+
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}}";
|
|
8185
8185
|
|
|
8186
8186
|
function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
8187
8187
|
return defineElement(tag, (Base) => {
|
|
@@ -8234,10 +8234,10 @@ function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
|
8234
8234
|
}
|
|
8235
8235
|
}
|
|
8236
8236
|
return UsaThemeSurface;
|
|
8237
|
-
}, { id: 'theme-surface', text: css$
|
|
8237
|
+
}, { id: 'theme-surface', text: css$6 });
|
|
8238
8238
|
}
|
|
8239
8239
|
|
|
8240
|
-
var css$
|
|
8240
|
+
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}}";
|
|
8241
8241
|
|
|
8242
8242
|
function defineGyroCard(tag = 'usa-gyro-card') {
|
|
8243
8243
|
return defineElement(tag, (Base) => {
|
|
@@ -8318,10 +8318,10 @@ function defineGyroCard(tag = 'usa-gyro-card') {
|
|
|
8318
8318
|
}
|
|
8319
8319
|
}
|
|
8320
8320
|
return UsaGyroCard;
|
|
8321
|
-
}, { id: 'gyro-card', text: css$
|
|
8321
|
+
}, { id: 'gyro-card', text: css$5 });
|
|
8322
8322
|
}
|
|
8323
8323
|
|
|
8324
|
-
var css$
|
|
8324
|
+
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}";
|
|
8325
8325
|
|
|
8326
8326
|
function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
8327
8327
|
return defineElement(tag, (Base) => {
|
|
@@ -8448,10 +8448,10 @@ function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
|
8448
8448
|
}
|
|
8449
8449
|
}
|
|
8450
8450
|
return UsaGestureSticker;
|
|
8451
|
-
}, { id: 'gesture-sticker', text: css$
|
|
8451
|
+
}, { id: 'gesture-sticker', text: css$4 });
|
|
8452
8452
|
}
|
|
8453
8453
|
|
|
8454
|
-
var css$
|
|
8454
|
+
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}";
|
|
8455
8455
|
|
|
8456
8456
|
function definePanorama(tag = 'usa-panorama') {
|
|
8457
8457
|
return defineElement(tag, (Base) => {
|
|
@@ -8573,10 +8573,10 @@ function definePanorama(tag = 'usa-panorama') {
|
|
|
8573
8573
|
}
|
|
8574
8574
|
}
|
|
8575
8575
|
return UsaPanorama;
|
|
8576
|
-
}, { id: 'panorama', text: css$
|
|
8576
|
+
}, { id: 'panorama', text: css$3 });
|
|
8577
8577
|
}
|
|
8578
8578
|
|
|
8579
|
-
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}}";
|
|
8579
|
+
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}}";
|
|
8580
8580
|
|
|
8581
8581
|
function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
8582
8582
|
return defineElement(tag, (Base) => {
|
|
@@ -8622,7 +8622,283 @@ function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
|
8622
8622
|
}
|
|
8623
8623
|
}
|
|
8624
8624
|
return UsaSpatialCard;
|
|
8625
|
-
}, { id: 'spatial-card', text: css });
|
|
8625
|
+
}, { id: 'spatial-card', text: css$2 });
|
|
8626
|
+
}
|
|
8627
|
+
|
|
8628
|
+
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}";
|
|
8629
|
+
|
|
8630
|
+
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$)/;
|
|
8631
|
+
const RUNTIME_CLASS = /^usa-/;
|
|
8632
|
+
/** A clean, portable description of `el` (runtime parts stripped) (8.9). */
|
|
8633
|
+
function describeComponent(el) {
|
|
8634
|
+
const attrs = {};
|
|
8635
|
+
for (const a of Array.from(el.attributes)) {
|
|
8636
|
+
if (RUNTIME_ATTR.test(a.name))
|
|
8637
|
+
continue;
|
|
8638
|
+
if (a.name === 'class') {
|
|
8639
|
+
const c = a.value.split(/\s+/).filter((x) => x && !RUNTIME_CLASS.test(x)).join(' ');
|
|
8640
|
+
if (c)
|
|
8641
|
+
attrs.class = c;
|
|
8642
|
+
continue;
|
|
8643
|
+
}
|
|
8644
|
+
attrs[a.name] = a.value;
|
|
8645
|
+
}
|
|
8646
|
+
const children = [];
|
|
8647
|
+
el.childNodes.forEach((n) => {
|
|
8648
|
+
if (n.nodeType === 3) {
|
|
8649
|
+
const t = (n.textContent || '').replace(/\s+/g, ' ');
|
|
8650
|
+
if (t.trim())
|
|
8651
|
+
children.push(t.trim());
|
|
8652
|
+
}
|
|
8653
|
+
else if (n.nodeType === 1) {
|
|
8654
|
+
const e = n;
|
|
8655
|
+
const cls = (e.getAttribute('class') || '').split(/\s+/).filter(Boolean);
|
|
8656
|
+
// generated by a component: a marked part, or only usa-* classes and runtime attributes (bars, readouts, overlays)
|
|
8657
|
+
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))))
|
|
8658
|
+
return;
|
|
8659
|
+
children.push(describeComponent(e));
|
|
8660
|
+
}
|
|
8661
|
+
});
|
|
8662
|
+
return { tag: el.localName, attrs, children };
|
|
8663
|
+
}
|
|
8664
|
+
const esc$1 = (s) => s.replace(/&/g, '&').replace(/</g, '<').replace(/"/g, '"');
|
|
8665
|
+
const VOID = new Set(['img', 'br', 'hr', 'input', 'source', 'meta', 'link', 'wbr', 'area', 'col', 'embed', 'track']);
|
|
8666
|
+
function markup(n, jsx, ind) {
|
|
8667
|
+
if (typeof n === 'string')
|
|
8668
|
+
return ind + (jsx ? n.replace(/[{}<>]/g, (c) => `{'${c}'}`) : esc$1(n));
|
|
8669
|
+
const at = Object.entries(n.attrs)
|
|
8670
|
+
.map(([k, v]) => {
|
|
8671
|
+
const key = jsx && k === 'class' ? 'className' : jsx && k === 'for' ? 'htmlFor' : k;
|
|
8672
|
+
return v === '' ? ` ${key}` : ` ${key}="${esc$1(v)}"`;
|
|
8673
|
+
})
|
|
8674
|
+
.join('');
|
|
8675
|
+
if (VOID.has(n.tag))
|
|
8676
|
+
return `${ind}<${n.tag}${at}${jsx ? ' /' : ''}>`;
|
|
8677
|
+
if (!n.children.length)
|
|
8678
|
+
return `${ind}<${n.tag}${at}></${n.tag}>`;
|
|
8679
|
+
if (n.children.length === 1 && typeof n.children[0] === 'string')
|
|
8680
|
+
return `${ind}<${n.tag}${at}>${markup(n.children[0], jsx, '')}</${n.tag}>`;
|
|
8681
|
+
return `${ind}<${n.tag}${at}>\n${n.children.map((c) => markup(c, jsx, ind + ' ')).join('\n')}\n${ind}</${n.tag}>`;
|
|
8682
|
+
}
|
|
8683
|
+
/** Copy-paste code for a live element in `format` (8.9). */
|
|
8684
|
+
function exportComponent(el, format = 'html') {
|
|
8685
|
+
const d = describeComponent(el);
|
|
8686
|
+
if (format === 'json')
|
|
8687
|
+
return JSON.stringify({ $schema: 'motionary/component@1', ...d }, null, 2);
|
|
8688
|
+
if (format === 'react')
|
|
8689
|
+
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}`;
|
|
8690
|
+
if (format === 'vue')
|
|
8691
|
+
return `<script setup>\nimport { defineWidgets } from 'motionary/components/widgets';\ndefineWidgets();\n</script>\n\n<template>\n${markup(d, false, ' ')}\n</template>`;
|
|
8692
|
+
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>`;
|
|
8693
|
+
}
|
|
8694
|
+
const FORMATS = ['html', 'react', 'vue', 'json'];
|
|
8695
|
+
const LABELS = { html: 'HTML', react: 'React', vue: 'Vue', json: 'JSON' };
|
|
8696
|
+
function defineCodeExport(tag = 'usa-code-export') {
|
|
8697
|
+
return defineElement(tag, (Base) => {
|
|
8698
|
+
class UsaCodeExport extends Base {
|
|
8699
|
+
constructor() {
|
|
8700
|
+
super(...arguments);
|
|
8701
|
+
this._f = 'html';
|
|
8702
|
+
this._mo = null;
|
|
8703
|
+
}
|
|
8704
|
+
static get observedAttributes() {
|
|
8705
|
+
return ['for', 'formats'];
|
|
8706
|
+
}
|
|
8707
|
+
fmts() {
|
|
8708
|
+
const l = this.str('formats').split(',').map((s) => s.trim()).filter((s) => FORMATS.includes(s));
|
|
8709
|
+
return l.length ? l : ['html', 'react', 'vue'];
|
|
8710
|
+
}
|
|
8711
|
+
src() {
|
|
8712
|
+
const f = this.str('for');
|
|
8713
|
+
return f ? document.querySelector(f) : this.querySelector(':scope > :not([data-usa-part])');
|
|
8714
|
+
}
|
|
8715
|
+
get format() {
|
|
8716
|
+
return this._f;
|
|
8717
|
+
}
|
|
8718
|
+
set format(f) {
|
|
8719
|
+
if (!this.fmts().includes(f))
|
|
8720
|
+
return;
|
|
8721
|
+
const changed = f !== this._f;
|
|
8722
|
+
this._f = f;
|
|
8723
|
+
this.render();
|
|
8724
|
+
const pre = this.querySelector('.usa-ce-code');
|
|
8725
|
+
if (changed && pre && !this.reduced)
|
|
8726
|
+
this.motion(pre, [{ opacity: 0.35, transform: 'translateY(4px)' }, { opacity: 1, transform: 'none' }], { duration: 220, easing: 'ease-out' });
|
|
8727
|
+
}
|
|
8728
|
+
get code() {
|
|
8729
|
+
const s = this.src();
|
|
8730
|
+
return s ? exportComponent(s, this._f) : '';
|
|
8731
|
+
}
|
|
8732
|
+
mount() {
|
|
8733
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8734
|
+
const fm = this.fmts();
|
|
8735
|
+
if (!fm.includes(this._f))
|
|
8736
|
+
this._f = fm[0];
|
|
8737
|
+
const id = `usa-ce-${Math.random().toString(36).slice(2, 8)}`;
|
|
8738
|
+
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>`);
|
|
8739
|
+
this.listen(this, 'click', (e) => {
|
|
8740
|
+
const t = e.target;
|
|
8741
|
+
const tab = t.closest?.('[data-f]');
|
|
8742
|
+
if (tab && this.contains(tab))
|
|
8743
|
+
this.format = tab.dataset.f;
|
|
8744
|
+
if (t.closest?.('.usa-ce-copy'))
|
|
8745
|
+
void this.copy();
|
|
8746
|
+
});
|
|
8747
|
+
this.listen(this, 'keydown', (e) => {
|
|
8748
|
+
if (!e.target.closest?.('[role=tab]') || (e.key !== 'ArrowRight' && e.key !== 'ArrowLeft'))
|
|
8749
|
+
return;
|
|
8750
|
+
const l = this.fmts();
|
|
8751
|
+
this.format = l[(l.indexOf(this._f) + (e.key === 'ArrowRight' ? 1 : -1) + l.length) % l.length];
|
|
8752
|
+
this.querySelector(`[data-f="${this._f}"]`)?.focus();
|
|
8753
|
+
});
|
|
8754
|
+
const s = this.src();
|
|
8755
|
+
if (s && typeof MutationObserver !== 'undefined') {
|
|
8756
|
+
this._mo?.disconnect();
|
|
8757
|
+
this._mo = new MutationObserver(() => this.render());
|
|
8758
|
+
this._mo.observe(s, { attributes: true, attributeFilter: undefined });
|
|
8759
|
+
this.onCleanup(() => this._mo?.disconnect());
|
|
8760
|
+
}
|
|
8761
|
+
this.render();
|
|
8762
|
+
}
|
|
8763
|
+
render() {
|
|
8764
|
+
this.querySelectorAll('[data-f]').forEach((b) => {
|
|
8765
|
+
const on = b.dataset.f === this._f;
|
|
8766
|
+
b.setAttribute('aria-selected', String(on));
|
|
8767
|
+
b.tabIndex = on ? 0 : -1;
|
|
8768
|
+
});
|
|
8769
|
+
const c = this.querySelector('.usa-ce-code code');
|
|
8770
|
+
if (c)
|
|
8771
|
+
c.textContent = this.code;
|
|
8772
|
+
}
|
|
8773
|
+
async copy() {
|
|
8774
|
+
let ok = false;
|
|
8775
|
+
try {
|
|
8776
|
+
await navigator.clipboard.writeText(this.code);
|
|
8777
|
+
ok = true;
|
|
8778
|
+
}
|
|
8779
|
+
catch {
|
|
8780
|
+
ok = false;
|
|
8781
|
+
}
|
|
8782
|
+
const b = this.querySelector('.usa-ce-copy');
|
|
8783
|
+
if (b) {
|
|
8784
|
+
b.textContent = ok ? 'Copied ✓' : 'Select & copy';
|
|
8785
|
+
setTimeout(() => (b.textContent = 'Copy'), 1500);
|
|
8786
|
+
}
|
|
8787
|
+
if (ok && !this.reduced)
|
|
8788
|
+
this.motion(this.querySelector('.usa-ce-code'), [{ boxShadow: '0 0 0 2px #22c55e' }, { boxShadow: '0 0 0 0 transparent' }], { duration: 600 });
|
|
8789
|
+
this.emit('copy', { format: this._f, ok });
|
|
8790
|
+
return ok;
|
|
8791
|
+
}
|
|
8792
|
+
}
|
|
8793
|
+
return UsaCodeExport;
|
|
8794
|
+
}, { id: 'code-export', text: css$1 });
|
|
8795
|
+
}
|
|
8796
|
+
|
|
8797
|
+
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}";
|
|
8798
|
+
|
|
8799
|
+
/** "value:number:0:100, theme:select:leaf|ocean, on:boolean" → prop specs (8.9). */
|
|
8800
|
+
function parseProps(s) {
|
|
8801
|
+
const T = ['text', 'number', 'range', 'color', 'boolean', 'select'];
|
|
8802
|
+
return s
|
|
8803
|
+
.split(',')
|
|
8804
|
+
.map((p) => p.trim())
|
|
8805
|
+
.filter(Boolean)
|
|
8806
|
+
.map((p) => {
|
|
8807
|
+
const [name, type = 'text', ...rest] = p.split(':').map((x) => x.trim());
|
|
8808
|
+
const t = (T.includes(type) ? type : 'text');
|
|
8809
|
+
return { name, type: t, options: t === 'select' ? (rest[0] || '').split('|').filter(Boolean) : rest };
|
|
8810
|
+
})
|
|
8811
|
+
.filter((p) => /^[a-z][\w-]*$/i.test(p.name));
|
|
8812
|
+
}
|
|
8813
|
+
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8814
|
+
function definePropPanel(tag = 'usa-prop-panel') {
|
|
8815
|
+
return defineElement(tag, (Base) => {
|
|
8816
|
+
class UsaPropPanel extends Base {
|
|
8817
|
+
constructor() {
|
|
8818
|
+
super(...arguments);
|
|
8819
|
+
this._start = {};
|
|
8820
|
+
}
|
|
8821
|
+
static get observedAttributes() {
|
|
8822
|
+
return ['for', 'props', 'label'];
|
|
8823
|
+
}
|
|
8824
|
+
target() {
|
|
8825
|
+
const f = this.str('for');
|
|
8826
|
+
if (f === 'previous')
|
|
8827
|
+
return this.previousElementSibling;
|
|
8828
|
+
return f ? document.querySelector(f) : null;
|
|
8829
|
+
}
|
|
8830
|
+
get props() {
|
|
8831
|
+
const s = this.str('props');
|
|
8832
|
+
if (s)
|
|
8833
|
+
return parseProps(s);
|
|
8834
|
+
const t = this.target();
|
|
8835
|
+
const obs = t?.constructor?.observedAttributes || [];
|
|
8836
|
+
return obs.map((name) => ({ name, type: 'text', options: [] }));
|
|
8837
|
+
}
|
|
8838
|
+
mount() {
|
|
8839
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8840
|
+
const t = this.target();
|
|
8841
|
+
const ps = this.props;
|
|
8842
|
+
this._start = {};
|
|
8843
|
+
ps.forEach((p) => (this._start[p.name] = t?.getAttribute(p.name) ?? null));
|
|
8844
|
+
const field = (p, i) => {
|
|
8845
|
+
const id = `usa-pp-${i}-${p.name}`;
|
|
8846
|
+
const v = t?.getAttribute(p.name);
|
|
8847
|
+
let input = '';
|
|
8848
|
+
if (p.type === 'boolean')
|
|
8849
|
+
input = `<input id="${id}" type="checkbox" role="switch" data-p="${p.name}"${v != null ? ' checked' : ''}>`;
|
|
8850
|
+
else if (p.type === 'select')
|
|
8851
|
+
input = `<select id="${id}" data-p="${p.name}">${p.options.map((o) => `<option${o === v ? ' selected' : ''}>${esc(o)}</option>`).join('')}</select>`;
|
|
8852
|
+
else {
|
|
8853
|
+
const [mn, mx] = p.options;
|
|
8854
|
+
const range = p.type === 'range' || (p.type === 'number' && mn != null && mx != null);
|
|
8855
|
+
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>`;
|
|
8856
|
+
}
|
|
8857
|
+
return `<div class="usa-pp-row"><label for="${id}">${esc(p.name)}</label>${input}</div>`;
|
|
8858
|
+
};
|
|
8859
|
+
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>`);
|
|
8860
|
+
const form = this.querySelector('form');
|
|
8861
|
+
this.listen(form, 'submit', (e) => e.preventDefault());
|
|
8862
|
+
this.listen(this.querySelector('.usa-pp-reset'), 'click', () => this.reset());
|
|
8863
|
+
this.listen(form, 'input', (e) => this.apply(e.target));
|
|
8864
|
+
this.listen(form, 'change', (e) => this.apply(e.target));
|
|
8865
|
+
}
|
|
8866
|
+
apply(inp) {
|
|
8867
|
+
const name = inp.dataset?.p;
|
|
8868
|
+
const t = this.target();
|
|
8869
|
+
if (!name || !t)
|
|
8870
|
+
return;
|
|
8871
|
+
let value;
|
|
8872
|
+
if (inp instanceof HTMLInputElement && inp.type === 'checkbox')
|
|
8873
|
+
value = inp.checked ? '' : null;
|
|
8874
|
+
else
|
|
8875
|
+
value = inp.value;
|
|
8876
|
+
if (value == null)
|
|
8877
|
+
t.removeAttribute(name);
|
|
8878
|
+
else
|
|
8879
|
+
t.setAttribute(name, value);
|
|
8880
|
+
const out = inp.nextElementSibling;
|
|
8881
|
+
if (out?.tagName === 'OUTPUT')
|
|
8882
|
+
out.textContent = value ?? '';
|
|
8883
|
+
this.emit('prop', { name, value });
|
|
8884
|
+
}
|
|
8885
|
+
reset() {
|
|
8886
|
+
const t = this.target();
|
|
8887
|
+
if (!t)
|
|
8888
|
+
return;
|
|
8889
|
+
for (const [k, v] of Object.entries(this._start)) {
|
|
8890
|
+
if (v == null)
|
|
8891
|
+
t.removeAttribute(k);
|
|
8892
|
+
else
|
|
8893
|
+
t.setAttribute(k, v);
|
|
8894
|
+
}
|
|
8895
|
+
this.changed('props');
|
|
8896
|
+
if (!this.reduced)
|
|
8897
|
+
this.querySelectorAll('.usa-pp-row').forEach((r, i) => this.motion(r, [{ backgroundColor: 'rgba(99,102,241,.18)' }, { backgroundColor: 'transparent' }], { duration: 600, delay: i * 40 }));
|
|
8898
|
+
}
|
|
8899
|
+
}
|
|
8900
|
+
return UsaPropPanel;
|
|
8901
|
+
}, { id: 'prop-panel', text: css });
|
|
8626
8902
|
}
|
|
8627
8903
|
|
|
8628
8904
|
/**
|
|
@@ -8665,6 +8941,7 @@ const WIDGETS = {
|
|
|
8665
8941
|
'8.6': { 'usa-theme-switcher': defineThemeSwitcher, 'usa-theme-surface': defineThemeSurface },
|
|
8666
8942
|
'8.7': { 'usa-gyro-card': defineGyroCard, 'usa-gesture-sticker': defineGestureSticker },
|
|
8667
8943
|
'8.8': { 'usa-panorama': definePanorama, 'usa-spatial-card': defineSpatialCard },
|
|
8944
|
+
'8.9': { 'usa-code-export': defineCodeExport, 'usa-prop-panel': definePropPanel },
|
|
8668
8945
|
};
|
|
8669
8946
|
/** Every widget tag, in release order. */
|
|
8670
8947
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -8676,5 +8953,5 @@ function defineWidgets(release) {
|
|
|
8676
8953
|
fn(tag);
|
|
8677
8954
|
}
|
|
8678
8955
|
|
|
8679
|
-
export { CAROUSEL_EFFECTS, EQ_PRESETS, FESTIVAL_THEMES, MENU_EFFECTS, MODAL_EFFECTS, NAV_INDICATORS, PRESENCE_STATES, PROGRESS_VARIANTS, RETRO_VARIANTS, SEGMENTED_VARIANTS, SHEET_SIDES, SKELETON_VARIANTS, SPARK_VARIANTS, SWITCH_VARIANTS, TAB_INDICATORS, TIP_PLACEMENTS, TOAST_POSITIONS, TOGGLE_VARIANTS, WEATHER_CONDITIONS, WIDGETS, WIDGET_TAGS, badgeProgress, cartTotal, defineAddToCart, defineBadgeWall, defineBarChart, defineCarousel, defineCartDrawer, defineChatComposer, defineClockControl, defineColorPicker, defineCommandPalette, defineCompare, defineCountdown, defineCubeGallery, defineDatePicker, defineDisclosure, defineDock, defineEqualizer, defineFestivalBanner, defineField, defineFileDrop, defineGauge, defineGestureSticker, defineGlobe, defineGyroCard, defineHudPanel, defineHydrate, defineKanban, defineKeyframeEditor, defineKpi, defineLeaderboard, defineLiquidNav, defineLocationCard, defineLyrics, defineMasonryFlow, defineMenu, defineMenuToggle, defineMessageList, defineMilestones, defineModal, defineMusicPlayer, defineNavMorph, defineNotificationBell, defineOdometer, defineOrganicCard, defineOtp, definePagination, definePanorama, definePresence, definePrizeWheel, defineProductGallery, defineProgressRing, definePullCord, defineRadar, defineReactions, defineRedEnvelope, defineRetroButton, defineSegmented, defineSheet, defineShortcut, defineSkeletonReveal, defineSketchChart, defineSparkline, defineSpatialCard, defineStarRating, defineStepper, defineStickyWall, defineStories, defineSuggestionChips, defineSwipeDeck, defineSwitch, defineTabBar, defineTerminal, defineThemeSurface, defineThemeSwitcher, defineTip, defineToastStack, defineUploadProgress, defineVoiceButton, defineVolumeKnob, defineWeatherCard, defineWidgets, defineXpBar, formatBytes, formatDistance, fuzzyMatch, haversine, hexToHsv, hsvToHex, initials, keyLabels, levelFor, matchesKeys, monthGrid, pageWindow, parseChips, parseISODate, parseLRC, parseMarkers, parseReactions, parseTargets, passwordStrength, project, rankRows, sanitizeCode, sparkPoints, splitTime, stackToast, waveBars, wheelAngle, wrapIndex };
|
|
8956
|
+
export { CAROUSEL_EFFECTS, EQ_PRESETS, FESTIVAL_THEMES, MENU_EFFECTS, MODAL_EFFECTS, NAV_INDICATORS, PRESENCE_STATES, PROGRESS_VARIANTS, RETRO_VARIANTS, SEGMENTED_VARIANTS, SHEET_SIDES, SKELETON_VARIANTS, SPARK_VARIANTS, SWITCH_VARIANTS, TAB_INDICATORS, TIP_PLACEMENTS, TOAST_POSITIONS, TOGGLE_VARIANTS, WEATHER_CONDITIONS, WIDGETS, WIDGET_TAGS, badgeProgress, cartTotal, defineAddToCart, defineBadgeWall, defineBarChart, defineCarousel, defineCartDrawer, defineChatComposer, defineClockControl, defineCodeExport, defineColorPicker, defineCommandPalette, defineCompare, defineCountdown, defineCubeGallery, defineDatePicker, defineDisclosure, defineDock, defineEqualizer, defineFestivalBanner, defineField, defineFileDrop, defineGauge, defineGestureSticker, defineGlobe, defineGyroCard, defineHudPanel, defineHydrate, defineKanban, defineKeyframeEditor, defineKpi, defineLeaderboard, defineLiquidNav, defineLocationCard, defineLyrics, defineMasonryFlow, defineMenu, defineMenuToggle, defineMessageList, defineMilestones, defineModal, defineMusicPlayer, defineNavMorph, defineNotificationBell, defineOdometer, defineOrganicCard, defineOtp, definePagination, definePanorama, definePresence, definePrizeWheel, defineProductGallery, defineProgressRing, definePropPanel, definePullCord, defineRadar, defineReactions, defineRedEnvelope, defineRetroButton, defineSegmented, defineSheet, defineShortcut, defineSkeletonReveal, defineSketchChart, defineSparkline, defineSpatialCard, defineStarRating, defineStepper, defineStickyWall, defineStories, defineSuggestionChips, defineSwipeDeck, defineSwitch, defineTabBar, defineTerminal, defineThemeSurface, defineThemeSwitcher, defineTip, defineToastStack, defineUploadProgress, defineVoiceButton, defineVolumeKnob, defineWeatherCard, defineWidgets, defineXpBar, describeComponent, exportComponent, formatBytes, formatDistance, fuzzyMatch, haversine, hexToHsv, hsvToHex, initials, keyLabels, levelFor, matchesKeys, monthGrid, pageWindow, parseChips, parseISODate, parseLRC, parseMarkers, parseProps, parseReactions, parseTargets, passwordStrength, project, rankRows, sanitizeCode, sparkPoints, splitTime, stackToast, waveBars, wheelAngle, wrapIndex };
|
|
8680
8957
|
//# sourceMappingURL=widgets.js.map
|