motionary 8.7.0 → 8.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/components/fx-spatial.cjs +100 -0
- package/dist/components/fx-spatial.cjs.map +1 -0
- package/dist/components/fx-spatial.d.cts +68 -0
- package/dist/components/fx-spatial.d.ts +68 -0
- package/dist/components/fx-spatial.js +95 -0
- package/dist/components/fx-spatial.js.map +1 -0
- package/dist/components/fx2.cjs +7 -0
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.d.cts +25 -1
- package/dist/components/fx2.d.ts +25 -1
- package/dist/components/fx2.js +5 -1
- package/dist/components/fx2.js.map +1 -1
- package/dist/components/widgets.cjs +331 -153
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +33 -2
- package/dist/components/widgets.d.ts +33 -2
- package/dist/components/widgets.js +330 -154
- package/dist/components/widgets.js.map +1 -1
- package/dist/widgets.umd.js +1 -1
- package/dist/widgets.umd.js.map +1 -1
- package/docs/ROADMAP.md +1 -1
- package/docs/components.md +23 -0
- package/package.json +21 -1
|
@@ -11,6 +11,7 @@ var components_fxOrganic = require('./fx-organic.cjs');
|
|
|
11
11
|
var components_fxPaper = require('./fx-paper.cjs');
|
|
12
12
|
var components_fxSurface = require('./fx-surface.cjs');
|
|
13
13
|
var components_fxGesture = require('./fx-gesture.cjs');
|
|
14
|
+
var components_fxSpatial = require('./fx-spatial.cjs');
|
|
14
15
|
require('../chunks/core-CwO835Wm.cjs');
|
|
15
16
|
require('./tokens.cjs');
|
|
16
17
|
require('../chunks/fx-C-XjLOTc.cjs');
|
|
@@ -50,7 +51,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
50
51
|
return -1;
|
|
51
52
|
}
|
|
52
53
|
|
|
53
|
-
var css$
|
|
54
|
+
var css$1d = "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}";
|
|
54
55
|
|
|
55
56
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
56
57
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -239,10 +240,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
239
240
|
}
|
|
240
241
|
}
|
|
241
242
|
return UsaCarousel;
|
|
242
|
-
}, { id: 'carousel', text: css$
|
|
243
|
+
}, { id: 'carousel', text: css$1d });
|
|
243
244
|
}
|
|
244
245
|
|
|
245
|
-
var css$
|
|
246
|
+
var css$1c = "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}";
|
|
246
247
|
|
|
247
248
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
248
249
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -355,10 +356,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
355
356
|
}
|
|
356
357
|
}
|
|
357
358
|
return UsaTabBar;
|
|
358
|
-
}, { id: 'tab-bar', text: css$
|
|
359
|
+
}, { id: 'tab-bar', text: css$1c });
|
|
359
360
|
}
|
|
360
361
|
|
|
361
|
-
var css$
|
|
362
|
+
var css$1b = "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}}";
|
|
362
363
|
|
|
363
364
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
364
365
|
return base.defineElement(tag, (Base) => {
|
|
@@ -426,10 +427,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
426
427
|
}
|
|
427
428
|
}
|
|
428
429
|
return UsaDisclosure;
|
|
429
|
-
}, { id: 'disclosure', text: css$
|
|
430
|
+
}, { id: 'disclosure', text: css$1b });
|
|
430
431
|
}
|
|
431
432
|
|
|
432
|
-
var css$
|
|
433
|
+
var css$1a = "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}}";
|
|
433
434
|
|
|
434
435
|
function defineStories(tag = 'usa-stories') {
|
|
435
436
|
return base.defineElement(tag, (Base) => {
|
|
@@ -562,10 +563,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
562
563
|
}
|
|
563
564
|
}
|
|
564
565
|
return UsaStories;
|
|
565
|
-
}, { id: 'stories', text: css$
|
|
566
|
+
}, { id: 'stories', text: css$1a });
|
|
566
567
|
}
|
|
567
568
|
|
|
568
|
-
var css$
|
|
569
|
+
var css$19 = "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)}}";
|
|
569
570
|
|
|
570
571
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
571
572
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -792,12 +793,12 @@ function defineOverlay(tag, kind) {
|
|
|
792
793
|
}
|
|
793
794
|
}
|
|
794
795
|
return UsaOverlay;
|
|
795
|
-
}, { id: 'overlay', text: css$
|
|
796
|
+
}, { id: 'overlay', text: css$19 });
|
|
796
797
|
}
|
|
797
798
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
798
799
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
799
800
|
|
|
800
|
-
var css$
|
|
801
|
+
var css$18 = "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}}";
|
|
801
802
|
|
|
802
803
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
803
804
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -968,7 +969,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
968
969
|
}
|
|
969
970
|
}
|
|
970
971
|
return UsaToastStack;
|
|
971
|
-
}, { id: 'toast', text: css$
|
|
972
|
+
}, { id: 'toast', text: css$18 });
|
|
972
973
|
}
|
|
973
974
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
974
975
|
function stackToast(input, stack) {
|
|
@@ -996,7 +997,7 @@ function installToastTriggers() {
|
|
|
996
997
|
});
|
|
997
998
|
}
|
|
998
999
|
|
|
999
|
-
var css$
|
|
1000
|
+
var css$17 = "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)}}";
|
|
1000
1001
|
|
|
1001
1002
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
1002
1003
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1135,10 +1136,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1135
1136
|
}
|
|
1136
1137
|
}
|
|
1137
1138
|
return UsaMenu;
|
|
1138
|
-
}, { id: 'menu', text: css$
|
|
1139
|
+
}, { id: 'menu', text: css$17 });
|
|
1139
1140
|
}
|
|
1140
1141
|
|
|
1141
|
-
var css$
|
|
1142
|
+
var css$16 = "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}}";
|
|
1142
1143
|
|
|
1143
1144
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1144
1145
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1278,7 +1279,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1278
1279
|
}
|
|
1279
1280
|
}
|
|
1280
1281
|
return UsaProgressRing;
|
|
1281
|
-
}, { id: 'meters', text: css$
|
|
1282
|
+
}, { id: 'meters', text: css$16 });
|
|
1282
1283
|
}
|
|
1283
1284
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1284
1285
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1388,10 +1389,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1388
1389
|
}
|
|
1389
1390
|
}
|
|
1390
1391
|
return UsaOdometer;
|
|
1391
|
-
}, { id: 'meters', text: css$
|
|
1392
|
+
}, { id: 'meters', text: css$16 });
|
|
1392
1393
|
}
|
|
1393
1394
|
|
|
1394
|
-
var css$
|
|
1395
|
+
var css$15 = "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}}";
|
|
1395
1396
|
|
|
1396
1397
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1397
1398
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1506,10 +1507,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1506
1507
|
}
|
|
1507
1508
|
}
|
|
1508
1509
|
return UsaSkeletonReveal;
|
|
1509
|
-
}, { id: 'skeleton-reveal', text: css$
|
|
1510
|
+
}, { id: 'skeleton-reveal', text: css$15 });
|
|
1510
1511
|
}
|
|
1511
1512
|
|
|
1512
|
-
var css$
|
|
1513
|
+
var css$14 = "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}}";
|
|
1513
1514
|
|
|
1514
1515
|
const PATHS = {
|
|
1515
1516
|
star: 'M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6L2.5 9.4l6.6-.8z',
|
|
@@ -1646,10 +1647,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1646
1647
|
}
|
|
1647
1648
|
UsaStarRating.formAssociated = true;
|
|
1648
1649
|
return UsaStarRating;
|
|
1649
|
-
}, { id: 'star-rating', text: css$
|
|
1650
|
+
}, { id: 'star-rating', text: css$14 });
|
|
1650
1651
|
}
|
|
1651
1652
|
|
|
1652
|
-
var css$
|
|
1653
|
+
var css$13 = "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}}";
|
|
1653
1654
|
|
|
1654
1655
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1655
1656
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1737,10 +1738,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1737
1738
|
}
|
|
1738
1739
|
}
|
|
1739
1740
|
return UsaMilestones;
|
|
1740
|
-
}, { id: 'milestones', text: css$
|
|
1741
|
+
}, { id: 'milestones', text: css$13 });
|
|
1741
1742
|
}
|
|
1742
1743
|
|
|
1743
|
-
var css$
|
|
1744
|
+
var css$12 = "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}";
|
|
1744
1745
|
|
|
1745
1746
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1746
1747
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1861,10 +1862,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1861
1862
|
}
|
|
1862
1863
|
}
|
|
1863
1864
|
return UsaMasonryFlow;
|
|
1864
|
-
}, { id: 'masonry-flow', text: css$
|
|
1865
|
+
}, { id: 'masonry-flow', text: css$12 });
|
|
1865
1866
|
}
|
|
1866
1867
|
|
|
1867
|
-
var css
|
|
1868
|
+
var css$11 = "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}";
|
|
1868
1869
|
|
|
1869
1870
|
function defineCompare(tag = 'usa-compare') {
|
|
1870
1871
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1988,10 +1989,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1988
1989
|
}
|
|
1989
1990
|
}
|
|
1990
1991
|
return UsaCompare;
|
|
1991
|
-
}, { id: 'compare', text: css
|
|
1992
|
+
}, { id: 'compare', text: css$11 });
|
|
1992
1993
|
}
|
|
1993
1994
|
|
|
1994
|
-
var css$
|
|
1995
|
+
var css$10 = "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}";
|
|
1995
1996
|
|
|
1996
1997
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
1997
1998
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2124,10 +2125,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2124
2125
|
}
|
|
2125
2126
|
}
|
|
2126
2127
|
return UsaCubeGallery;
|
|
2127
|
-
}, { id: 'cube-gallery', text: css$
|
|
2128
|
+
}, { id: 'cube-gallery', text: css$10 });
|
|
2128
2129
|
}
|
|
2129
2130
|
|
|
2130
|
-
var css
|
|
2131
|
+
var css$$ = "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}}";
|
|
2131
2132
|
|
|
2132
2133
|
function defineDock(tag = 'usa-dock') {
|
|
2133
2134
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2195,10 +2196,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2195
2196
|
}
|
|
2196
2197
|
}
|
|
2197
2198
|
return UsaDock;
|
|
2198
|
-
}, { id: 'dock', text: css
|
|
2199
|
+
}, { id: 'dock', text: css$$ });
|
|
2199
2200
|
}
|
|
2200
2201
|
|
|
2201
|
-
var css$
|
|
2202
|
+
var css$_ = "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)}";
|
|
2202
2203
|
|
|
2203
2204
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2204
2205
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2302,10 +2303,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2302
2303
|
}
|
|
2303
2304
|
}
|
|
2304
2305
|
return UsaNavMorph;
|
|
2305
|
-
}, { id: 'nav-morph', text: css$
|
|
2306
|
+
}, { id: 'nav-morph', text: css$_ });
|
|
2306
2307
|
}
|
|
2307
2308
|
|
|
2308
|
-
var css$
|
|
2309
|
+
var css$Z = "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}";
|
|
2309
2310
|
|
|
2310
2311
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2311
2312
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2378,10 +2379,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2378
2379
|
}
|
|
2379
2380
|
}
|
|
2380
2381
|
return UsaMenuToggle;
|
|
2381
|
-
}, { id: 'menu-toggle', text: css$
|
|
2382
|
+
}, { id: 'menu-toggle', text: css$Z });
|
|
2382
2383
|
}
|
|
2383
2384
|
|
|
2384
|
-
var css$
|
|
2385
|
+
var css$Y = "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)}";
|
|
2385
2386
|
|
|
2386
2387
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2387
2388
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2513,10 +2514,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2513
2514
|
}
|
|
2514
2515
|
}
|
|
2515
2516
|
return UsaTip;
|
|
2516
|
-
}, { id: 'tip', text: css$
|
|
2517
|
+
}, { id: 'tip', text: css$Y });
|
|
2517
2518
|
}
|
|
2518
2519
|
|
|
2519
|
-
var css$
|
|
2520
|
+
var css$X = "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}}";
|
|
2520
2521
|
|
|
2521
2522
|
function defineStepper(tag = 'usa-stepper') {
|
|
2522
2523
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2613,10 +2614,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2613
2614
|
}
|
|
2614
2615
|
}
|
|
2615
2616
|
return UsaStepper;
|
|
2616
|
-
}, { id: 'stepper', text: css$
|
|
2617
|
+
}, { id: 'stepper', text: css$X });
|
|
2617
2618
|
}
|
|
2618
2619
|
|
|
2619
|
-
var css$
|
|
2620
|
+
var css$W = "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}}";
|
|
2620
2621
|
|
|
2621
2622
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2622
2623
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2738,10 +2739,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2738
2739
|
}
|
|
2739
2740
|
}
|
|
2740
2741
|
return UsaPagination;
|
|
2741
|
-
}, { id: 'pagination', text: css$
|
|
2742
|
+
}, { id: 'pagination', text: css$W });
|
|
2742
2743
|
}
|
|
2743
2744
|
|
|
2744
|
-
var css$
|
|
2745
|
+
var css$V = "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}}";
|
|
2745
2746
|
|
|
2746
2747
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2747
2748
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2835,10 +2836,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2835
2836
|
}
|
|
2836
2837
|
}
|
|
2837
2838
|
return UsaSegmented;
|
|
2838
|
-
}, { id: 'segmented', text: css$
|
|
2839
|
+
}, { id: 'segmented', text: css$V });
|
|
2839
2840
|
}
|
|
2840
2841
|
|
|
2841
|
-
var css$
|
|
2842
|
+
var css$U = "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}}";
|
|
2842
2843
|
|
|
2843
2844
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2844
2845
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2926,10 +2927,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2926
2927
|
}
|
|
2927
2928
|
}
|
|
2928
2929
|
return UsaSwitch;
|
|
2929
|
-
}, { id: 'switch', text: css$
|
|
2930
|
+
}, { id: 'switch', text: css$U });
|
|
2930
2931
|
}
|
|
2931
2932
|
|
|
2932
|
-
var css$
|
|
2933
|
+
var css$T = "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}}";
|
|
2933
2934
|
|
|
2934
2935
|
function defineKanban(tag = 'usa-kanban') {
|
|
2935
2936
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3134,10 +3135,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3134
3135
|
}
|
|
3135
3136
|
}
|
|
3136
3137
|
return UsaKanban;
|
|
3137
|
-
}, { id: 'kanban', text: css$
|
|
3138
|
+
}, { id: 'kanban', text: css$T });
|
|
3138
3139
|
}
|
|
3139
3140
|
|
|
3140
|
-
var css$
|
|
3141
|
+
var css$S = "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}}";
|
|
3141
3142
|
|
|
3142
3143
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3143
3144
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3279,10 +3280,10 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3279
3280
|
}
|
|
3280
3281
|
}
|
|
3281
3282
|
return UsaSwipeDeck;
|
|
3282
|
-
}, { id: 'swipe-deck', text: css$
|
|
3283
|
+
}, { id: 'swipe-deck', text: css$S });
|
|
3283
3284
|
}
|
|
3284
3285
|
|
|
3285
|
-
var css$
|
|
3286
|
+
var css$R = "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}}";
|
|
3286
3287
|
|
|
3287
3288
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3288
3289
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
@@ -3363,10 +3364,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3363
3364
|
}
|
|
3364
3365
|
}
|
|
3365
3366
|
return UsaWeatherCard;
|
|
3366
|
-
}, { id: 'weather-card', text: css$
|
|
3367
|
+
}, { id: 'weather-card', text: css$R });
|
|
3367
3368
|
}
|
|
3368
3369
|
|
|
3369
|
-
var css$
|
|
3370
|
+
var css$Q = "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}}";
|
|
3370
3371
|
|
|
3371
3372
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3372
3373
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3495,10 +3496,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3495
3496
|
}
|
|
3496
3497
|
}
|
|
3497
3498
|
return UsaPullCord;
|
|
3498
|
-
}, { id: 'pull-cord', text: css$
|
|
3499
|
+
}, { id: 'pull-cord', text: css$Q });
|
|
3499
3500
|
}
|
|
3500
3501
|
|
|
3501
|
-
var css$
|
|
3502
|
+
var css$P = "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}}";
|
|
3502
3503
|
|
|
3503
3504
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3504
3505
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3647,10 +3648,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3647
3648
|
}
|
|
3648
3649
|
}
|
|
3649
3650
|
return UsaDatePicker;
|
|
3650
|
-
}, { id: 'date-picker', text: css$
|
|
3651
|
+
}, { id: 'date-picker', text: css$P });
|
|
3651
3652
|
}
|
|
3652
3653
|
|
|
3653
|
-
var css$
|
|
3654
|
+
var css$O = "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}}";
|
|
3654
3655
|
|
|
3655
3656
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3656
3657
|
function hsvToHex(h, s, v) {
|
|
@@ -3770,10 +3771,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3770
3771
|
}
|
|
3771
3772
|
}
|
|
3772
3773
|
return UsaColorPicker;
|
|
3773
|
-
}, { id: 'color-picker', text: css$
|
|
3774
|
+
}, { id: 'color-picker', text: css$O });
|
|
3774
3775
|
}
|
|
3775
3776
|
|
|
3776
|
-
var css$
|
|
3777
|
+
var css$N = "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}}";
|
|
3777
3778
|
|
|
3778
3779
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3779
3780
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3874,10 +3875,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3874
3875
|
}
|
|
3875
3876
|
}
|
|
3876
3877
|
return UsaFileDrop;
|
|
3877
|
-
}, { id: 'file-drop', text: css$
|
|
3878
|
+
}, { id: 'file-drop', text: css$N });
|
|
3878
3879
|
}
|
|
3879
3880
|
|
|
3880
|
-
var css$
|
|
3881
|
+
var css$M = "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}}";
|
|
3881
3882
|
|
|
3882
3883
|
const DEFAULT = {
|
|
3883
3884
|
format: player.ANIMATION_FORMAT,
|
|
@@ -4051,10 +4052,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4051
4052
|
}
|
|
4052
4053
|
}
|
|
4053
4054
|
return UsaKeyframeEditor;
|
|
4054
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4055
|
+
}, { id: 'keyframe-editor', text: css$M });
|
|
4055
4056
|
}
|
|
4056
4057
|
|
|
4057
|
-
var css$
|
|
4058
|
+
var css$L = "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}}";
|
|
4058
4059
|
|
|
4059
4060
|
const fmt = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4060
4061
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4215,10 +4216,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4215
4216
|
}
|
|
4216
4217
|
}
|
|
4217
4218
|
return UsaMusicPlayer;
|
|
4218
|
-
}, { id: 'music-player', text: css$
|
|
4219
|
+
}, { id: 'music-player', text: css$L });
|
|
4219
4220
|
}
|
|
4220
4221
|
|
|
4221
|
-
var css$
|
|
4222
|
+
var css$K = "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}}";
|
|
4222
4223
|
|
|
4223
4224
|
const ARC = 270;
|
|
4224
4225
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4309,10 +4310,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4309
4310
|
}
|
|
4310
4311
|
}
|
|
4311
4312
|
return UsaVolumeKnob;
|
|
4312
|
-
}, { id: 'volume-knob', text: css$
|
|
4313
|
+
}, { id: 'volume-knob', text: css$K });
|
|
4313
4314
|
}
|
|
4314
4315
|
|
|
4315
|
-
var css$
|
|
4316
|
+
var css$J = "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}}";
|
|
4316
4317
|
|
|
4317
4318
|
const EQ_PRESETS = {
|
|
4318
4319
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4410,10 +4411,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4410
4411
|
}
|
|
4411
4412
|
}
|
|
4412
4413
|
return UsaEqualizer;
|
|
4413
|
-
}, { id: 'equalizer', text: css$
|
|
4414
|
+
}, { id: 'equalizer', text: css$J });
|
|
4414
4415
|
}
|
|
4415
4416
|
|
|
4416
|
-
var css$
|
|
4417
|
+
var css$I = "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}}";
|
|
4417
4418
|
|
|
4418
4419
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4419
4420
|
function parseLRC(src) {
|
|
@@ -4525,10 +4526,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4525
4526
|
}
|
|
4526
4527
|
}
|
|
4527
4528
|
return UsaLyrics;
|
|
4528
|
-
}, { id: 'lyrics', text: css$
|
|
4529
|
+
}, { id: 'lyrics', text: css$I });
|
|
4529
4530
|
}
|
|
4530
4531
|
|
|
4531
|
-
var css$
|
|
4532
|
+
var css$H = "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}}";
|
|
4532
4533
|
|
|
4533
4534
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4534
4535
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4622,10 +4623,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4622
4623
|
}
|
|
4623
4624
|
}
|
|
4624
4625
|
return UsaBarChart;
|
|
4625
|
-
}, { id: 'bar-chart', text: css$
|
|
4626
|
+
}, { id: 'bar-chart', text: css$H });
|
|
4626
4627
|
}
|
|
4627
4628
|
|
|
4628
|
-
var css$
|
|
4629
|
+
var css$G = "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)}";
|
|
4629
4630
|
|
|
4630
4631
|
function defineGauge(tag = 'usa-gauge') {
|
|
4631
4632
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4710,10 +4711,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4710
4711
|
}
|
|
4711
4712
|
}
|
|
4712
4713
|
return UsaGauge;
|
|
4713
|
-
}, { id: 'gauge', text: css$
|
|
4714
|
+
}, { id: 'gauge', text: css$G });
|
|
4714
4715
|
}
|
|
4715
4716
|
|
|
4716
|
-
var css$
|
|
4717
|
+
var css$F = "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}}";
|
|
4717
4718
|
|
|
4718
4719
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4719
4720
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4836,7 +4837,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4836
4837
|
}
|
|
4837
4838
|
}
|
|
4838
4839
|
return UsaSparkline;
|
|
4839
|
-
}, { id: 'sparkline', text: css$
|
|
4840
|
+
}, { id: 'sparkline', text: css$F });
|
|
4840
4841
|
}
|
|
4841
4842
|
|
|
4842
4843
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4849,7 +4850,7 @@ function parseFigureText(s) {
|
|
|
4849
4850
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4850
4851
|
}
|
|
4851
4852
|
|
|
4852
|
-
var css$
|
|
4853
|
+
var css$E = "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}";
|
|
4853
4854
|
|
|
4854
4855
|
function defineKpi(tag = 'usa-kpi') {
|
|
4855
4856
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4929,10 +4930,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4929
4930
|
}
|
|
4930
4931
|
}
|
|
4931
4932
|
return UsaKpi;
|
|
4932
|
-
}, { id: 'kpi', text: css$
|
|
4933
|
+
}, { id: 'kpi', text: css$E });
|
|
4933
4934
|
}
|
|
4934
4935
|
|
|
4935
|
-
var css$
|
|
4936
|
+
var css$D = "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}}";
|
|
4936
4937
|
|
|
4937
4938
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4938
4939
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4977,10 +4978,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4977
4978
|
}
|
|
4978
4979
|
}
|
|
4979
4980
|
return UsaAddToCart;
|
|
4980
|
-
}, { id: 'add-to-cart', text: css$
|
|
4981
|
+
}, { id: 'add-to-cart', text: css$D });
|
|
4981
4982
|
}
|
|
4982
4983
|
|
|
4983
|
-
var css$
|
|
4984
|
+
var css$C = "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}";
|
|
4984
4985
|
|
|
4985
4986
|
/** Cart total (7.3). */
|
|
4986
4987
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5145,10 +5146,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5145
5146
|
}
|
|
5146
5147
|
}
|
|
5147
5148
|
return UsaCartDrawer;
|
|
5148
|
-
}, { id: 'cart-drawer', text: css$
|
|
5149
|
+
}, { id: 'cart-drawer', text: css$C });
|
|
5149
5150
|
}
|
|
5150
5151
|
|
|
5151
|
-
var css$
|
|
5152
|
+
var css$B = "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}}";
|
|
5152
5153
|
|
|
5153
5154
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5154
5155
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5262,10 +5263,10 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5262
5263
|
}
|
|
5263
5264
|
}
|
|
5264
5265
|
return UsaProductGallery;
|
|
5265
|
-
}, { id: 'product-gallery', text: css$
|
|
5266
|
+
}, { id: 'product-gallery', text: css$B });
|
|
5266
5267
|
}
|
|
5267
5268
|
|
|
5268
|
-
var css$
|
|
5269
|
+
var css$A = "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)}";
|
|
5269
5270
|
|
|
5270
5271
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5271
5272
|
function splitTime(sec) {
|
|
@@ -5353,10 +5354,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5353
5354
|
}
|
|
5354
5355
|
}
|
|
5355
5356
|
return UsaCountdown;
|
|
5356
|
-
}, { id: 'countdown', text: css$
|
|
5357
|
+
}, { id: 'countdown', text: css$A });
|
|
5357
5358
|
}
|
|
5358
5359
|
|
|
5359
|
-
var css$
|
|
5360
|
+
var css$z = "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}}";
|
|
5360
5361
|
|
|
5361
5362
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5362
5363
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5443,10 +5444,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5443
5444
|
}
|
|
5444
5445
|
}
|
|
5445
5446
|
return UsaMessageList;
|
|
5446
|
-
}, { id: 'message-list', text: css$
|
|
5447
|
+
}, { id: 'message-list', text: css$z });
|
|
5447
5448
|
}
|
|
5448
5449
|
|
|
5449
|
-
var css$
|
|
5450
|
+
var css$y = "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}";
|
|
5450
5451
|
|
|
5451
5452
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5452
5453
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5548,10 +5549,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5548
5549
|
}
|
|
5549
5550
|
}
|
|
5550
5551
|
return UsaReactions;
|
|
5551
|
-
}, { id: 'reactions', text: css$
|
|
5552
|
+
}, { id: 'reactions', text: css$y });
|
|
5552
5553
|
}
|
|
5553
5554
|
|
|
5554
|
-
var css$
|
|
5555
|
+
var css$x = "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}";
|
|
5555
5556
|
|
|
5556
5557
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5557
5558
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5646,10 +5647,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5646
5647
|
}
|
|
5647
5648
|
}
|
|
5648
5649
|
return UsaNotificationBell;
|
|
5649
|
-
}, { id: 'notification-bell', text: css$
|
|
5650
|
+
}, { id: 'notification-bell', text: css$x });
|
|
5650
5651
|
}
|
|
5651
5652
|
|
|
5652
|
-
var css$
|
|
5653
|
+
var css$w = "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}}";
|
|
5653
5654
|
|
|
5654
5655
|
/** Presence states (7.4). */
|
|
5655
5656
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5719,10 +5720,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5719
5720
|
}
|
|
5720
5721
|
}
|
|
5721
5722
|
return UsaPresence;
|
|
5722
|
-
}, { id: 'presence', text: css$
|
|
5723
|
+
}, { id: 'presence', text: css$w });
|
|
5723
5724
|
}
|
|
5724
5725
|
|
|
5725
|
-
var css$
|
|
5726
|
+
var css$v = "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)}";
|
|
5726
5727
|
|
|
5727
5728
|
/** Sort rows by score desc, then name (7.5). */
|
|
5728
5729
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5831,10 +5832,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5831
5832
|
}
|
|
5832
5833
|
}
|
|
5833
5834
|
return UsaLeaderboard;
|
|
5834
|
-
}, { id: 'leaderboard', text: css$
|
|
5835
|
+
}, { id: 'leaderboard', text: css$v });
|
|
5835
5836
|
}
|
|
5836
5837
|
|
|
5837
|
-
var css$
|
|
5838
|
+
var css$u = "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)}";
|
|
5838
5839
|
|
|
5839
5840
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5840
5841
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5931,10 +5932,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5931
5932
|
}
|
|
5932
5933
|
}
|
|
5933
5934
|
return UsaXpBar;
|
|
5934
|
-
}, { id: 'xp-bar', text: css$
|
|
5935
|
+
}, { id: 'xp-bar', text: css$u });
|
|
5935
5936
|
}
|
|
5936
5937
|
|
|
5937
|
-
var css$
|
|
5938
|
+
var css$t = "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}}";
|
|
5938
5939
|
|
|
5939
5940
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5940
5941
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -6001,10 +6002,10 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
6001
6002
|
}
|
|
6002
6003
|
}
|
|
6003
6004
|
return UsaBadgeWall;
|
|
6004
|
-
}, { id: 'badge-wall', text: css$
|
|
6005
|
+
}, { id: 'badge-wall', text: css$t });
|
|
6005
6006
|
}
|
|
6006
6007
|
|
|
6007
|
-
var css$
|
|
6008
|
+
var css$s = "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)}";
|
|
6008
6009
|
|
|
6009
6010
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6010
6011
|
function wheelAngle(index, count, turns = 5) {
|
|
@@ -6084,10 +6085,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6084
6085
|
}
|
|
6085
6086
|
}
|
|
6086
6087
|
return UsaPrizeWheel;
|
|
6087
|
-
}, { id: 'prize-wheel', text: css$
|
|
6088
|
+
}, { id: 'prize-wheel', text: css$s });
|
|
6088
6089
|
}
|
|
6089
6090
|
|
|
6090
|
-
var css$
|
|
6091
|
+
var css$r = "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}}";
|
|
6091
6092
|
|
|
6092
6093
|
const RAD = Math.PI / 180;
|
|
6093
6094
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6244,10 +6245,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6244
6245
|
}
|
|
6245
6246
|
}
|
|
6246
6247
|
return UsaGlobe;
|
|
6247
|
-
}, { id: 'globe', text: css$
|
|
6248
|
+
}, { id: 'globe', text: css$r });
|
|
6248
6249
|
}
|
|
6249
6250
|
|
|
6250
|
-
var css$
|
|
6251
|
+
var css$q = "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}";
|
|
6251
6252
|
|
|
6252
6253
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6253
6254
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6321,10 +6322,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6321
6322
|
}
|
|
6322
6323
|
}
|
|
6323
6324
|
return UsaLocationCard;
|
|
6324
|
-
}, { id: 'location-card', text: css$
|
|
6325
|
+
}, { id: 'location-card', text: css$q });
|
|
6325
6326
|
}
|
|
6326
6327
|
|
|
6327
|
-
var css$
|
|
6328
|
+
var css$p = "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}}";
|
|
6328
6329
|
|
|
6329
6330
|
/** 0–4 password strength score with a label (7.7). */
|
|
6330
6331
|
function passwordStrength(pw) {
|
|
@@ -6450,10 +6451,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6450
6451
|
}
|
|
6451
6452
|
}
|
|
6452
6453
|
return UsaField;
|
|
6453
|
-
}, { id: 'field', text: css$
|
|
6454
|
+
}, { id: 'field', text: css$p });
|
|
6454
6455
|
}
|
|
6455
6456
|
|
|
6456
|
-
var css$
|
|
6457
|
+
var css$o = "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}}";
|
|
6457
6458
|
|
|
6458
6459
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6459
6460
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6584,10 +6585,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6584
6585
|
}
|
|
6585
6586
|
}
|
|
6586
6587
|
return UsaOtp;
|
|
6587
|
-
}, { id: 'otp', text: css$
|
|
6588
|
+
}, { id: 'otp', text: css$o });
|
|
6588
6589
|
}
|
|
6589
6590
|
|
|
6590
|
-
var css$
|
|
6591
|
+
var css$n = "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}}";
|
|
6591
6592
|
|
|
6592
6593
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6593
6594
|
function formatBytes(n) {
|
|
@@ -6670,10 +6671,10 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6670
6671
|
}
|
|
6671
6672
|
}
|
|
6672
6673
|
return UsaUploadProgress;
|
|
6673
|
-
}, { id: 'upload-progress', text: css$
|
|
6674
|
+
}, { id: 'upload-progress', text: css$n });
|
|
6674
6675
|
}
|
|
6675
6676
|
|
|
6676
|
-
var css$
|
|
6677
|
+
var css$m = "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}}";
|
|
6677
6678
|
|
|
6678
6679
|
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6679
6680
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
@@ -6771,10 +6772,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6771
6772
|
}
|
|
6772
6773
|
}
|
|
6773
6774
|
return UsaChatComposer;
|
|
6774
|
-
}, { id: 'chat-composer', text: css$
|
|
6775
|
+
}, { id: 'chat-composer', text: css$m });
|
|
6775
6776
|
}
|
|
6776
6777
|
|
|
6777
|
-
var css$
|
|
6778
|
+
var css$l = "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}}";
|
|
6778
6779
|
|
|
6779
6780
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6780
6781
|
function parseChips(s) {
|
|
@@ -6859,10 +6860,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6859
6860
|
}
|
|
6860
6861
|
}
|
|
6861
6862
|
return UsaSuggestionChips;
|
|
6862
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6863
|
+
}, { id: 'suggestion-chips', text: css$l });
|
|
6863
6864
|
}
|
|
6864
6865
|
|
|
6865
|
-
var css$
|
|
6866
|
+
var css$k = "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}}";
|
|
6866
6867
|
|
|
6867
6868
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6868
6869
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6934,10 +6935,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6934
6935
|
}
|
|
6935
6936
|
}
|
|
6936
6937
|
return UsaVoiceButton;
|
|
6937
|
-
}, { id: 'voice-button', text: css$
|
|
6938
|
+
}, { id: 'voice-button', text: css$k });
|
|
6938
6939
|
}
|
|
6939
6940
|
|
|
6940
|
-
var css$
|
|
6941
|
+
var css$j = "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)}";
|
|
6941
6942
|
|
|
6942
6943
|
/**
|
|
6943
6944
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -7196,10 +7197,10 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7196
7197
|
}
|
|
7197
7198
|
}
|
|
7198
7199
|
return UsaCommandPalette;
|
|
7199
|
-
}, { id: 'command-palette', text: css$
|
|
7200
|
+
}, { id: 'command-palette', text: css$j });
|
|
7200
7201
|
}
|
|
7201
7202
|
|
|
7202
|
-
var css$
|
|
7203
|
+
var css$i = "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}";
|
|
7203
7204
|
|
|
7204
7205
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7205
7206
|
const esc$5 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
@@ -7250,10 +7251,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7250
7251
|
}
|
|
7251
7252
|
}
|
|
7252
7253
|
return UsaShortcut;
|
|
7253
|
-
}, { id: 'shortcut', text: css$
|
|
7254
|
+
}, { id: 'shortcut', text: css$i });
|
|
7254
7255
|
}
|
|
7255
7256
|
|
|
7256
|
-
var css$
|
|
7257
|
+
var css$h = "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}}";
|
|
7257
7258
|
|
|
7258
7259
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7259
7260
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7312,10 +7313,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7312
7313
|
}
|
|
7313
7314
|
}
|
|
7314
7315
|
return UsaClockControl;
|
|
7315
|
-
}, { id: 'clock-control', text: css$
|
|
7316
|
+
}, { id: 'clock-control', text: css$h });
|
|
7316
7317
|
}
|
|
7317
7318
|
|
|
7318
|
-
var css$
|
|
7319
|
+
var css$g = "usa-hydrate{display:block}";
|
|
7319
7320
|
|
|
7320
7321
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7321
7322
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7351,10 +7352,10 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7351
7352
|
}
|
|
7352
7353
|
}
|
|
7353
7354
|
return UsaHydrate;
|
|
7354
|
-
}, { id: 'hydrate', text: css$
|
|
7355
|
+
}, { id: 'hydrate', text: css$g });
|
|
7355
7356
|
}
|
|
7356
7357
|
|
|
7357
|
-
var css$
|
|
7358
|
+
var css$f = "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}}";
|
|
7358
7359
|
|
|
7359
7360
|
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7360
7361
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
@@ -7418,10 +7419,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7418
7419
|
}
|
|
7419
7420
|
}
|
|
7420
7421
|
return UsaRedEnvelope;
|
|
7421
|
-
}, { id: 'red-envelope', text: css$
|
|
7422
|
+
}, { id: 'red-envelope', text: css$f });
|
|
7422
7423
|
}
|
|
7423
7424
|
|
|
7424
|
-
var css$
|
|
7425
|
+
var css$e = "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}}";
|
|
7425
7426
|
|
|
7426
7427
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7427
7428
|
const SCENES = {
|
|
@@ -7469,10 +7470,10 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7469
7470
|
}
|
|
7470
7471
|
}
|
|
7471
7472
|
return UsaFestivalBanner;
|
|
7472
|
-
}, { id: 'festival-banner', text: css$
|
|
7473
|
+
}, { id: 'festival-banner', text: css$e });
|
|
7473
7474
|
}
|
|
7474
7475
|
|
|
7475
|
-
var css$
|
|
7476
|
+
var css$d = "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}}";
|
|
7476
7477
|
|
|
7477
7478
|
const esc$3 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7478
7479
|
function defineTerminal(tag = 'usa-terminal') {
|
|
@@ -7583,10 +7584,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7583
7584
|
}
|
|
7584
7585
|
}
|
|
7585
7586
|
return UsaTerminal;
|
|
7586
|
-
}, { id: 'terminal', text: css$
|
|
7587
|
+
}, { id: 'terminal', text: css$d });
|
|
7587
7588
|
}
|
|
7588
7589
|
|
|
7589
|
-
var css$
|
|
7590
|
+
var css$c = "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}";
|
|
7590
7591
|
|
|
7591
7592
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7592
7593
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7640,10 +7641,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7640
7641
|
}
|
|
7641
7642
|
}
|
|
7642
7643
|
return UsaRetroButton;
|
|
7643
|
-
}, { id: 'retro-button', text: css$
|
|
7644
|
+
}, { id: 'retro-button', text: css$c });
|
|
7644
7645
|
}
|
|
7645
7646
|
|
|
7646
|
-
var css$
|
|
7647
|
+
var css$b = "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)}";
|
|
7647
7648
|
|
|
7648
7649
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7649
7650
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7682,10 +7683,10 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7682
7683
|
}
|
|
7683
7684
|
}
|
|
7684
7685
|
return UsaOrganicCard;
|
|
7685
|
-
}, { id: 'organic-card', text: css$
|
|
7686
|
+
}, { id: 'organic-card', text: css$b });
|
|
7686
7687
|
}
|
|
7687
7688
|
|
|
7688
|
-
var css$
|
|
7689
|
+
var css$a = "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}";
|
|
7689
7690
|
|
|
7690
7691
|
let uid = 0;
|
|
7691
7692
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
@@ -7766,10 +7767,10 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7766
7767
|
}
|
|
7767
7768
|
}
|
|
7768
7769
|
return UsaLiquidNav;
|
|
7769
|
-
}, { id: 'liquid-nav', text: css$
|
|
7770
|
+
}, { id: 'liquid-nav', text: css$a });
|
|
7770
7771
|
}
|
|
7771
7772
|
|
|
7772
|
-
var css$
|
|
7773
|
+
var css$9 = "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}}";
|
|
7773
7774
|
|
|
7774
7775
|
const esc$2 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7775
7776
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
@@ -7818,10 +7819,10 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7818
7819
|
}
|
|
7819
7820
|
}
|
|
7820
7821
|
return UsaHudPanel;
|
|
7821
|
-
}, { id: 'hud-panel', text: css$
|
|
7822
|
+
}, { id: 'hud-panel', text: css$9 });
|
|
7822
7823
|
}
|
|
7823
7824
|
|
|
7824
|
-
var css$
|
|
7825
|
+
var css$8 = "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)}}";
|
|
7825
7826
|
|
|
7826
7827
|
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7827
7828
|
function parseTargets(s) {
|
|
@@ -7907,10 +7908,10 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7907
7908
|
}
|
|
7908
7909
|
}
|
|
7909
7910
|
return UsaRadar;
|
|
7910
|
-
}, { id: 'radar', text: css$
|
|
7911
|
+
}, { id: 'radar', text: css$8 });
|
|
7911
7912
|
}
|
|
7912
7913
|
|
|
7913
|
-
var css$
|
|
7914
|
+
var css$7 = "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)}";
|
|
7914
7915
|
|
|
7915
7916
|
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7916
7917
|
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
@@ -7974,10 +7975,10 @@ function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
|
7974
7975
|
}
|
|
7975
7976
|
}
|
|
7976
7977
|
return UsaStickyWall;
|
|
7977
|
-
}, { id: 'sticky-wall', text: css$
|
|
7978
|
+
}, { id: 'sticky-wall', text: css$7 });
|
|
7978
7979
|
}
|
|
7979
7980
|
|
|
7980
|
-
var css$
|
|
7981
|
+
var css$6 = "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}";
|
|
7981
7982
|
|
|
7982
7983
|
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7983
7984
|
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
@@ -8074,10 +8075,10 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8074
8075
|
}
|
|
8075
8076
|
}
|
|
8076
8077
|
return UsaSketchChart;
|
|
8077
|
-
}, { id: 'sketch-chart', text: css$
|
|
8078
|
+
}, { id: 'sketch-chart', text: css$6 });
|
|
8078
8079
|
}
|
|
8079
8080
|
|
|
8080
|
-
var css$
|
|
8081
|
+
var css$5 = "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}}";
|
|
8081
8082
|
|
|
8082
8083
|
const NAMES = { light: 'Light', dark: 'Dark', neon: 'Neon', glass: 'Glass', neu: 'Soft' };
|
|
8083
8084
|
function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
@@ -8179,10 +8180,10 @@ function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
|
8179
8180
|
}
|
|
8180
8181
|
}
|
|
8181
8182
|
return UsaThemeSwitcher;
|
|
8182
|
-
}, { id: 'theme-switcher', text: css$
|
|
8183
|
+
}, { id: 'theme-switcher', text: css$5 });
|
|
8183
8184
|
}
|
|
8184
8185
|
|
|
8185
|
-
var css$
|
|
8186
|
+
var css$4 = "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}}";
|
|
8186
8187
|
|
|
8187
8188
|
function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
8188
8189
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8235,10 +8236,10 @@ function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
|
8235
8236
|
}
|
|
8236
8237
|
}
|
|
8237
8238
|
return UsaThemeSurface;
|
|
8238
|
-
}, { id: 'theme-surface', text: css$
|
|
8239
|
+
}, { id: 'theme-surface', text: css$4 });
|
|
8239
8240
|
}
|
|
8240
8241
|
|
|
8241
|
-
var css$
|
|
8242
|
+
var css$3 = "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}}";
|
|
8242
8243
|
|
|
8243
8244
|
function defineGyroCard(tag = 'usa-gyro-card') {
|
|
8244
8245
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8319,10 +8320,10 @@ function defineGyroCard(tag = 'usa-gyro-card') {
|
|
|
8319
8320
|
}
|
|
8320
8321
|
}
|
|
8321
8322
|
return UsaGyroCard;
|
|
8322
|
-
}, { id: 'gyro-card', text: css$
|
|
8323
|
+
}, { id: 'gyro-card', text: css$3 });
|
|
8323
8324
|
}
|
|
8324
8325
|
|
|
8325
|
-
var css = "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}";
|
|
8326
|
+
var css$2 = "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}";
|
|
8326
8327
|
|
|
8327
8328
|
function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
8328
8329
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8449,7 +8450,181 @@ function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
|
8449
8450
|
}
|
|
8450
8451
|
}
|
|
8451
8452
|
return UsaGestureSticker;
|
|
8452
|
-
}, { id: 'gesture-sticker', text: css });
|
|
8453
|
+
}, { id: 'gesture-sticker', text: css$2 });
|
|
8454
|
+
}
|
|
8455
|
+
|
|
8456
|
+
var css$1 = "usa-panorama{position:relative;display:block;height:220px;border-radius:14px;overflow:hidden;background:#0f172a;cursor:grab;touch-action:pan-y;outline:none;-webkit-user-select:none;user-select:none}usa-panorama[data-dragging]{cursor:grabbing}usa-panorama:focus-visible{box-shadow:0 0 0 3px #6366f1}usa-panorama .usa-pano-view{position:absolute;inset:0;background-repeat:repeat-x;background-size:auto 100%;background-position:0 50%}usa-panorama .usa-pano-procedural{background-size:400% 100%;background-repeat:repeat-x;background-image:radial-gradient(circle at 12% 30%,#fde68a 0 3%,transparent 3.5%),linear-gradient(170deg,transparent 58%,#166534 58.5% 64%,transparent 64.5%),linear-gradient(10deg,transparent 52%,#15803d 52.5% 60%,transparent 60.5%),linear-gradient(160deg,transparent 46%,#475569 46.5% 70%,transparent 70.5%),linear-gradient(20deg,transparent 48%,#64748b 48.5% 70%,transparent 70.5%),linear-gradient(#38bdf8,#bae6fd 55%,#86efac 55.5%,#22c55e)}usa-panorama .usa-pano-compass{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;background:rgba(15,23,42,.55);box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}usa-panorama .usa-pano-compass i{position:absolute;inset:4px;border-radius:50%;transition:transform .25s linear;background:conic-gradient(#ef4444 0 6deg,transparent 6deg 354deg,#ef4444 354deg)}usa-panorama .usa-pano-xr{position:absolute;left:10px;bottom:10px;padding:6px 10px;border:0;border-radius:999px;background:rgba(15,23,42,.7);color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}";
|
|
8457
|
+
|
|
8458
|
+
function definePanorama(tag = 'usa-panorama') {
|
|
8459
|
+
return base.defineElement(tag, (Base) => {
|
|
8460
|
+
class UsaPanorama extends Base {
|
|
8461
|
+
constructor() {
|
|
8462
|
+
super(...arguments);
|
|
8463
|
+
this._yaw = 0;
|
|
8464
|
+
this._raf = 0;
|
|
8465
|
+
}
|
|
8466
|
+
static get observedAttributes() {
|
|
8467
|
+
return ['src', 'autorotate', 'label'];
|
|
8468
|
+
}
|
|
8469
|
+
get yaw() {
|
|
8470
|
+
return this._yaw;
|
|
8471
|
+
}
|
|
8472
|
+
set yaw(v) {
|
|
8473
|
+
this.lookAt(v);
|
|
8474
|
+
}
|
|
8475
|
+
mount() {
|
|
8476
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8477
|
+
this.setAttribute('role', 'img');
|
|
8478
|
+
this.setAttribute('aria-label', this.str('label', '360° panorama'));
|
|
8479
|
+
this.setAttribute('aria-roledescription', 'panorama');
|
|
8480
|
+
if (!this.hasAttribute('tabindex'))
|
|
8481
|
+
this.tabIndex = 0;
|
|
8482
|
+
const src = this.str('src');
|
|
8483
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-pano-view${src ? '' : ' usa-pano-procedural'}" data-usa-part></div><span class="usa-pano-compass" aria-hidden="true" data-usa-part><i></i></span><button type="button" class="usa-pano-xr" hidden data-usa-part>View in XR</button>`);
|
|
8484
|
+
const view = this.querySelector('.usa-pano-view');
|
|
8485
|
+
if (src)
|
|
8486
|
+
view.style.backgroundImage = `url("${src.replace(/"/g, '%22')}")`;
|
|
8487
|
+
let vel = 0;
|
|
8488
|
+
let drag = null;
|
|
8489
|
+
this.listen(this, 'pointerdown', (e) => {
|
|
8490
|
+
if (e.target.closest?.('.usa-pano-xr'))
|
|
8491
|
+
return;
|
|
8492
|
+
drag = { x: e.clientX, yaw: this._yaw, t: performance.now(), lx: e.clientX };
|
|
8493
|
+
vel = 0;
|
|
8494
|
+
this.setFlag('data-dragging', true);
|
|
8495
|
+
try {
|
|
8496
|
+
this.setPointerCapture?.(e.pointerId);
|
|
8497
|
+
}
|
|
8498
|
+
catch {
|
|
8499
|
+
/* synthetic */
|
|
8500
|
+
}
|
|
8501
|
+
});
|
|
8502
|
+
this.listen(this, 'pointermove', (e) => {
|
|
8503
|
+
if (!drag)
|
|
8504
|
+
return;
|
|
8505
|
+
const w = this.clientWidth || 300;
|
|
8506
|
+
const now = performance.now();
|
|
8507
|
+
vel = ((drag.lx - e.clientX) / w) * 90 / Math.max(1, now - drag.t) * 16;
|
|
8508
|
+
drag.t = now;
|
|
8509
|
+
drag.lx = e.clientX;
|
|
8510
|
+
this.lookAt(drag.yaw + ((drag.x - e.clientX) / w) * 90);
|
|
8511
|
+
});
|
|
8512
|
+
const up = () => {
|
|
8513
|
+
if (!drag)
|
|
8514
|
+
return;
|
|
8515
|
+
drag = null;
|
|
8516
|
+
this.setFlag('data-dragging', false);
|
|
8517
|
+
};
|
|
8518
|
+
this.listen(this, 'pointerup', up);
|
|
8519
|
+
this.listen(this, 'pointercancel', up);
|
|
8520
|
+
this.listen(this, 'keydown', (e) => {
|
|
8521
|
+
if (e.key === 'ArrowLeft')
|
|
8522
|
+
this.lookAt(this._yaw - 15);
|
|
8523
|
+
else if (e.key === 'ArrowRight')
|
|
8524
|
+
this.lookAt(this._yaw + 15);
|
|
8525
|
+
else
|
|
8526
|
+
return;
|
|
8527
|
+
e.preventDefault();
|
|
8528
|
+
});
|
|
8529
|
+
const xr = this.querySelector('.usa-pano-xr');
|
|
8530
|
+
components_fxSpatial.xrSupport().then((m) => {
|
|
8531
|
+
if (m === 'none' || m === 'inline' || !this.isConnected)
|
|
8532
|
+
return;
|
|
8533
|
+
xr.hidden = false;
|
|
8534
|
+
this.emit('xr', { mode: m });
|
|
8535
|
+
});
|
|
8536
|
+
this.listen(xr, 'click', () => this.emit('xr-request', { yaw: this._yaw }));
|
|
8537
|
+
this.lookAt(this._yaw);
|
|
8538
|
+
if (this.reduced)
|
|
8539
|
+
return;
|
|
8540
|
+
const rate = this.num('autorotate', 6);
|
|
8541
|
+
this.inView((v) => {
|
|
8542
|
+
cancelAnimationFrame(this._raf);
|
|
8543
|
+
if (!v)
|
|
8544
|
+
return;
|
|
8545
|
+
let last = performance.now();
|
|
8546
|
+
const tick = (t) => {
|
|
8547
|
+
const dt = Math.min(64, t - last);
|
|
8548
|
+
last = t;
|
|
8549
|
+
if (!drag) {
|
|
8550
|
+
if (Math.abs(vel) > 0.02) {
|
|
8551
|
+
this.lookAt(this._yaw + vel * (dt / 16));
|
|
8552
|
+
vel *= 0.94;
|
|
8553
|
+
}
|
|
8554
|
+
else if (rate && !this.matches(':focus-within, :hover'))
|
|
8555
|
+
this.lookAt(this._yaw + (rate * dt) / 1000, true);
|
|
8556
|
+
}
|
|
8557
|
+
this._raf = requestAnimationFrame(tick);
|
|
8558
|
+
};
|
|
8559
|
+
this._raf = requestAnimationFrame(tick);
|
|
8560
|
+
});
|
|
8561
|
+
this.onCleanup(() => cancelAnimationFrame(this._raf));
|
|
8562
|
+
}
|
|
8563
|
+
lookAt(deg, quiet = false) {
|
|
8564
|
+
this._yaw = ((deg % 360) + 360) % 360;
|
|
8565
|
+
const view = this.querySelector('.usa-pano-view');
|
|
8566
|
+
if (view) {
|
|
8567
|
+
const tile = view.clientHeight ? view.clientHeight * 4 : 1200;
|
|
8568
|
+
view.style.backgroundPositionX = `${components_fxSpatial.yawToOffset(this._yaw, tile)}px`;
|
|
8569
|
+
}
|
|
8570
|
+
const c = this.querySelector('.usa-pano-compass i');
|
|
8571
|
+
if (c)
|
|
8572
|
+
c.style.transform = `rotate(${-this._yaw}deg)`;
|
|
8573
|
+
if (!quiet)
|
|
8574
|
+
this.emit('look', { yaw: Math.round(this._yaw) });
|
|
8575
|
+
}
|
|
8576
|
+
}
|
|
8577
|
+
return UsaPanorama;
|
|
8578
|
+
}, { id: 'panorama', text: css$1 });
|
|
8579
|
+
}
|
|
8580
|
+
|
|
8581
|
+
var css = "usa-spatial-card{position:relative;display:block;box-sizing:border-box;padding:20px 22px;margin-bottom:28px;border-radius:24px;color:#0f172a;background:linear-gradient(140deg,rgba(255,255,255,.62),rgba(255,255,255,.28));border:1px solid rgba(255,255,255,.75);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 22px 44px -26px rgba(15,23,42,.6),inset 0 1px 0 rgba(255,255,255,.8);transform:perspective(900px) translateZ(0);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.9,.25,1),box-shadow .45s}usa-spatial-card[data-active]{transform:perspective(900px) translateZ(18px);box-shadow:0 34px 60px -28px rgba(15,23,42,.55),inset 0 1px 0 rgba(255,255,255,.9)}usa-spatial-card .usa-sp-gaze{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,40%),rgba(255,255,255,.55),transparent 45%);opacity:0;transition:opacity .3s}usa-spatial-card[data-active] .usa-sp-gaze{opacity:1}usa-spatial-card [data-depth]{position:relative;display:block;transform:translateZ(calc(10px * var(--d,1)));transition:transform .45s}usa-spatial-card [data-depth=\"2\"]{--d:2}usa-spatial-card [data-depth=\"3\"]{--d:3}usa-spatial-card .usa-sp-ornament{position:absolute;left:50%;bottom:-22px;display:flex;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 20px -12px rgba(15,23,42,.5);transform:translateX(-50%) translateZ(30px);transition:transform .45s}usa-spatial-card[data-active] .usa-sp-ornament{transform:translateX(-50%) translateZ(40px) translateY(4px)}@media (prefers-reduced-motion:reduce){usa-spatial-card,usa-spatial-card *{transition:none!important}usa-spatial-card[data-active]{transform:none}}";
|
|
8582
|
+
|
|
8583
|
+
function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
8584
|
+
return base.defineElement(tag, (Base) => {
|
|
8585
|
+
class UsaSpatialCard extends Base {
|
|
8586
|
+
constructor() {
|
|
8587
|
+
super(...arguments);
|
|
8588
|
+
this._a = false;
|
|
8589
|
+
}
|
|
8590
|
+
get active() {
|
|
8591
|
+
return this._a;
|
|
8592
|
+
}
|
|
8593
|
+
mount() {
|
|
8594
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8595
|
+
this.insertAdjacentHTML('afterbegin', '<span class="usa-sp-gaze" aria-hidden="true" data-usa-part></span>');
|
|
8596
|
+
const orn = this.querySelector(':scope > [slot=ornament]');
|
|
8597
|
+
if (orn)
|
|
8598
|
+
orn.classList.add('usa-sp-ornament');
|
|
8599
|
+
const set = (on) => {
|
|
8600
|
+
if (on === this._a)
|
|
8601
|
+
return;
|
|
8602
|
+
this._a = on;
|
|
8603
|
+
this.setFlag('data-active', on);
|
|
8604
|
+
this.emit('focus-depth', { active: on });
|
|
8605
|
+
};
|
|
8606
|
+
this.listen(this, 'pointermove', (e) => {
|
|
8607
|
+
const r = this.getBoundingClientRect();
|
|
8608
|
+
if (!r.width)
|
|
8609
|
+
return;
|
|
8610
|
+
this.style.setProperty('--gx', `${(((e.clientX - r.left) / r.width) * 100).toFixed(1)}%`);
|
|
8611
|
+
this.style.setProperty('--gy', `${(((e.clientY - r.top) / r.height) * 100).toFixed(1)}%`);
|
|
8612
|
+
});
|
|
8613
|
+
this.listen(this, 'pointerenter', () => set(true));
|
|
8614
|
+
this.listen(this, 'pointerleave', () => set(this.matches(':focus-within')));
|
|
8615
|
+
this.listen(this, 'focusin', () => set(true));
|
|
8616
|
+
this.listen(this, 'focusout', (e) => {
|
|
8617
|
+
if (!this.contains(e.relatedTarget))
|
|
8618
|
+
set(false);
|
|
8619
|
+
});
|
|
8620
|
+
this.listen(this, 'pointerdown', () => {
|
|
8621
|
+
if (!this.reduced)
|
|
8622
|
+
this.motion(this, [{ transform: 'perspective(900px) translateZ(18px)' }, { transform: 'perspective(900px) translateZ(-6px)', offset: 0.4 }, { transform: 'perspective(900px) translateZ(18px)' }], { duration: 320, easing: 'ease-out' });
|
|
8623
|
+
});
|
|
8624
|
+
}
|
|
8625
|
+
}
|
|
8626
|
+
return UsaSpatialCard;
|
|
8627
|
+
}, { id: 'spatial-card', text: css });
|
|
8453
8628
|
}
|
|
8454
8629
|
|
|
8455
8630
|
/**
|
|
@@ -8491,6 +8666,7 @@ const WIDGETS = {
|
|
|
8491
8666
|
'8.5': { 'usa-sticky-wall': defineStickyWall, 'usa-sketch-chart': defineSketchChart },
|
|
8492
8667
|
'8.6': { 'usa-theme-switcher': defineThemeSwitcher, 'usa-theme-surface': defineThemeSurface },
|
|
8493
8668
|
'8.7': { 'usa-gyro-card': defineGyroCard, 'usa-gesture-sticker': defineGestureSticker },
|
|
8669
|
+
'8.8': { 'usa-panorama': definePanorama, 'usa-spatial-card': defineSpatialCard },
|
|
8494
8670
|
};
|
|
8495
8671
|
/** Every widget tag, in release order. */
|
|
8496
8672
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -8570,6 +8746,7 @@ exports.defineOdometer = defineOdometer;
|
|
|
8570
8746
|
exports.defineOrganicCard = defineOrganicCard;
|
|
8571
8747
|
exports.defineOtp = defineOtp;
|
|
8572
8748
|
exports.definePagination = definePagination;
|
|
8749
|
+
exports.definePanorama = definePanorama;
|
|
8573
8750
|
exports.definePresence = definePresence;
|
|
8574
8751
|
exports.definePrizeWheel = definePrizeWheel;
|
|
8575
8752
|
exports.defineProductGallery = defineProductGallery;
|
|
@@ -8585,6 +8762,7 @@ exports.defineShortcut = defineShortcut;
|
|
|
8585
8762
|
exports.defineSkeletonReveal = defineSkeletonReveal;
|
|
8586
8763
|
exports.defineSketchChart = defineSketchChart;
|
|
8587
8764
|
exports.defineSparkline = defineSparkline;
|
|
8765
|
+
exports.defineSpatialCard = defineSpatialCard;
|
|
8588
8766
|
exports.defineStarRating = defineStarRating;
|
|
8589
8767
|
exports.defineStepper = defineStepper;
|
|
8590
8768
|
exports.defineStickyWall = defineStickyWall;
|