use-scroll-animate 8.7.0 → 8.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +31 -0
- package/bin/usa-codemod-9.mjs +71 -0
- package/dist/components/effects.cjs +25 -2
- package/dist/components/effects.cjs.map +1 -1
- package/dist/components/effects.d.cts +13 -2
- package/dist/components/effects.d.ts +13 -2
- package/dist/components/effects.js +23 -4
- package/dist/components/effects.js.map +1 -1
- package/dist/components/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 +642 -182
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +90 -2
- package/dist/components/widgets.d.ts +90 -2
- package/dist/components/widgets.js +636 -183
- package/dist/components/widgets.js.map +1 -1
- package/dist/components.umd.js +2 -2
- package/dist/components.umd.js.map +1 -1
- package/dist/widgets.umd.js +1 -1
- package/dist/widgets.umd.js.map +1 -1
- package/docs/ROADMAP.md +2 -2
- package/docs/components.md +39 -0
- package/docs/deprecations.md +4 -0
- package/docs/upgrading-9.md +27 -0
- package/package.json +23 -2
|
@@ -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$1f = "usa-carousel{display:block;position:relative;--usa-carousel-dur:520ms;--usa-carousel-ease:cubic-bezier(.22,1,.36,1);overflow:hidden;border-radius:var(--usa-radius,14px);touch-action:pan-y}.usa-carousel-viewport{position:relative;overflow:hidden;height:100%;min-height:inherit}.usa-carousel-track{display:flex;height:100%;transition:transform var(--usa-carousel-dur) var(--usa-carousel-ease);will-change:transform}.usa-carousel-track>*{flex:0 0 100%;min-width:0;box-sizing:border-box}usa-carousel:not([data-effect=\"slide\"]) .usa-carousel-track{display:grid}usa-carousel:not([data-effect=\"slide\"]) .usa-carousel-track>*{grid-area:1/1;transition:opacity var(--usa-carousel-dur) ease,transform var(--usa-carousel-dur) var(--usa-carousel-ease),filter var(--usa-carousel-dur) ease}usa-carousel[data-effect=\"cards\"] .usa-carousel-viewport{perspective:900px}usa-carousel[data-dragging] .usa-carousel-track,usa-carousel[data-dragging] .usa-carousel-track>*{transition:none}.usa-carousel-nav{position:absolute;top:50%;translate:0 -50%;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:#111;font:600 18px/1 system-ui;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:transform .2s}.usa-carousel-nav:hover{transform:scale(1.08)}.usa-carousel-nav:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}.usa-carousel-prev{left:10px}.usa-carousel-next{right:10px}.usa-carousel-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px;z-index:2}.usa-carousel-dot{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.55);cursor:pointer;transition:width .35s var(--usa-carousel-ease),background .35s}.usa-carousel-dot[aria-current=\"true\"]{width:22px;background:#fff}@media (prefers-reduced-motion:reduce){usa-carousel .usa-carousel-track,usa-carousel .usa-carousel-track>*,.usa-carousel-dot{transition:none!important}}usa-carousel[data-reduced] .usa-carousel-track,usa-carousel[data-reduced] .usa-carousel-track>*{transition:none!important}";
|
|
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$1f });
|
|
243
244
|
}
|
|
244
245
|
|
|
245
|
-
var css$
|
|
246
|
+
var css$1e = "usa-tab-bar{display:block;--usa-tab-accent:#7c5cff;--usa-tab-ease:cubic-bezier(.22,1,.36,1)}.usa-tab-bar-list{position:relative;display:flex;gap:4px;padding:4px;border-radius:12px;background:rgba(127,127,127,.12);isolation:isolate;overflow-x:auto;scrollbar-width:none}.usa-tab-bar-list::-webkit-scrollbar{display:none}.usa-tab-bar-list>[role=\"tab\"]{position:relative;z-index:1;flex:1 0 auto;border:0;background:none;color:inherit;font:inherit;font-weight:600;padding:8px 14px;border-radius:9px;cursor:pointer;opacity:.7;transition:opacity .25s,color .25s;white-space:nowrap}.usa-tab-bar-list>[role=\"tab\"][aria-selected=\"true\"]{opacity:1}.usa-tab-bar-list>[role=\"tab\"]:focus-visible{outline:2px solid var(--usa-tab-accent);outline-offset:1px}.usa-tab-bar-ink{position:absolute;z-index:0;left:0;top:4px;bottom:4px;width:0;border-radius:9px;background:var(--usa-tab-accent);pointer-events:none}usa-tab-bar[data-indicator=\"pill\"] [aria-selected=\"true\"]{color:#fff}usa-tab-bar[data-indicator=\"underline\"] .usa-tab-bar-list{background:none;border-bottom:1px solid rgba(127,127,127,.25);border-radius:0}usa-tab-bar[data-indicator=\"underline\"] .usa-tab-bar-ink{top:auto;bottom:0;height:3px;border-radius:3px}usa-tab-bar[data-indicator=\"glow\"] .usa-tab-bar-ink{background:transparent;box-shadow:0 0 0 2px var(--usa-tab-accent),0 0 18px var(--usa-tab-accent)}usa-tab-bar[data-indicator=\"gooey\"] .usa-tab-bar-ink{filter:blur(.5px);border-radius:999px}usa-tab-bar[data-indicator=\"gooey\"] [aria-selected=\"true\"]{color:#fff}.usa-tab-bar-panel{padding:14px 2px}.usa-tab-bar-panel[hidden]{display:none}";
|
|
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$1e });
|
|
359
360
|
}
|
|
360
361
|
|
|
361
|
-
var css$
|
|
362
|
+
var css$1d = "usa-disclosure{display:block;--usa-disclosure-accent:#7c5cff}usa-disclosure>details{border-bottom:1px solid rgba(127,127,127,.25);overflow:hidden}usa-disclosure>details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;font-weight:600}usa-disclosure>details>summary::-webkit-details-marker{display:none}usa-disclosure>details>summary::after{content:\"\";flex:none;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg;translate:0 -3px;transition:rotate .35s cubic-bezier(.34,1.56,.64,1),translate .35s}usa-disclosure>details[open]>summary::after{rotate:225deg;translate:0 2px}usa-disclosure>details>summary:focus-visible{outline:2px solid var(--usa-disclosure-accent);outline-offset:2px;border-radius:6px}usa-disclosure>details>:not(summary){padding:0 4px 12px}usa-disclosure[variant=\"cards\"]>details{border:1px solid rgba(127,127,127,.25);border-radius:12px;margin-bottom:8px;padding:0 10px;transition:box-shadow .3s,border-color .3s}usa-disclosure[variant=\"cards\"]>details[open]{border-color:var(--usa-disclosure-accent);box-shadow:0 8px 24px rgba(124,92,255,.16)}@media (prefers-reduced-motion:reduce){usa-disclosure>details>summary::after{transition:none}}";
|
|
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$1d });
|
|
430
431
|
}
|
|
431
432
|
|
|
432
|
-
var css$
|
|
433
|
+
var css$1c = "usa-stories{display:block;position:relative;overflow:hidden;border-radius:var(--usa-radius,16px);background:#111;color:#fff;aspect-ratio:9/14;max-height:520px;user-select:none;-webkit-user-select:none;touch-action:manipulation}usa-stories>:not([data-usa-part]){position:absolute;inset:0;opacity:0;transition:opacity .35s ease,transform .5s cubic-bezier(.22,1,.36,1);transform:scale(1.04);pointer-events:none;box-sizing:border-box}usa-stories>[data-active]:not([data-usa-part]){opacity:1;transform:none;pointer-events:auto}usa-stories>img:not([data-usa-part]){width:100%;height:100%;object-fit:cover}.usa-stories-bars{position:absolute;z-index:3;top:8px;left:8px;right:48px;display:flex;gap:4px}.usa-stories-bar{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}.usa-stories-bar>i{display:block;height:100%;width:100%;background:#fff;transform-origin:left;transform:scaleX(0)}.usa-stories-bar[data-done]>i{transform:scaleX(1)}.usa-stories-toggle{position:absolute;z-index:3;top:2px;right:6px;width:36px;height:30px;border:0;background:none;color:#fff;font:700 14px/1 system-ui;cursor:pointer;border-radius:8px}.usa-stories-toggle:focus-visible{outline:2px solid #fff}@media (prefers-reduced-motion:reduce){usa-stories>*{transition:none!important;transform:none!important}}";
|
|
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$1c });
|
|
566
567
|
}
|
|
567
568
|
|
|
568
|
-
var css$
|
|
569
|
+
var css$1b = "usa-modal,usa-sheet{display:contents}.usa-ov{border:0;padding:0;margin:auto;color:inherit;background:transparent;max-width:min(92vw,520px);max-height:88vh;overflow:visible}.usa-ov::backdrop{background:rgba(10,12,20,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.usa-ov-body{box-sizing:border-box;background:var(--usa-ov-bg,#fff);color:var(--usa-ov-fg,#111827);border-radius:var(--usa-ov-radius,18px);padding:var(--usa-ov-pad,22px);box-shadow:0 30px 80px -20px rgba(0,0,0,.45);max-height:88vh;overflow:auto}.usa-sheet-panel{margin:0;max-width:none;max-height:none}usa-sheet[data-side=\"right\"] .usa-sheet-panel{inset:0 0 0 auto;height:100%;width:min(88vw,var(--usa-sheet-size,380px))}usa-sheet[data-side=\"left\"] .usa-sheet-panel{inset:0 auto 0 0;height:100%;width:min(88vw,var(--usa-sheet-size,380px))}usa-sheet[data-side=\"bottom\"] .usa-sheet-panel{inset:auto 0 0 0;width:100%;max-height:85vh}usa-sheet[data-side=\"top\"] .usa-sheet-panel{inset:0 0 auto 0;width:100%;max-height:85vh}usa-sheet .usa-ov-body{height:100%;max-height:inherit;border-radius:0}usa-sheet[data-side=\"bottom\"] .usa-ov-body{border-radius:var(--usa-ov-radius,18px) var(--usa-ov-radius,18px) 0 0;height:auto;max-height:85vh;touch-action:none}usa-sheet[data-side=\"top\"] .usa-ov-body{border-radius:0 0 var(--usa-ov-radius,18px) var(--usa-ov-radius,18px);height:auto}.usa-ov-grab{width:44px;height:5px;border-radius:3px;background:rgba(127,127,127,.45);margin:-8px auto 14px;cursor:grab}@media (prefers-color-scheme:dark){.usa-ov-body{background:var(--usa-ov-bg,#171a23);color:var(--usa-ov-fg,#e5e7eb)}}";
|
|
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$1b });
|
|
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$1a = "usa-toast-stack{position:fixed;z-index:2147482000;width:min(360px,calc(100vw - 24px));pointer-events:none;--usa-tstack-bg:#111827;--usa-tstack-fg:#f9fafb}usa-toast-stack[contained]{position:absolute;width:min(360px,calc(100% - 24px))}usa-toast-stack[data-position^=\"bottom\"]{bottom:12px}usa-toast-stack[data-position^=\"top\"]{top:12px}usa-toast-stack[data-position$=\"right\"]{right:12px}usa-toast-stack[data-position$=\"left\"]{left:12px}usa-toast-stack[data-position$=\"center\"]{left:50%;transform:translateX(-50%)}.usa-tstack-list{position:relative;list-style:none;margin:0;padding:0;min-height:1px;transition:height .3s}.usa-tstack{position:absolute;left:0;right:0;display:flex;align-items:center;gap:10px;box-sizing:border-box;padding:12px 12px 12px 14px;border-radius:14px;background:var(--usa-tstack-bg);color:var(--usa-tstack-fg);box-shadow:0 12px 32px -10px rgba(0,0,0,.45);font:500 14px/1.35 system-ui,sans-serif;pointer-events:auto;touch-action:pan-y;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .3s;user-select:none}usa-toast-stack[data-position^=\"bottom\"] .usa-tstack{bottom:0;transform-origin:50% 100%}usa-toast-stack[data-position^=\"top\"] .usa-tstack{top:0;transform-origin:50% 0}.usa-tstack-icon{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:13px;font-weight:800;background:#3b82f6;color:#fff}.usa-tstack-success .usa-tstack-icon{background:#22c55e}.usa-tstack-warning .usa-tstack-icon{background:#f59e0b}.usa-tstack-error .usa-tstack-icon{background:#ef4444}.usa-tstack-text{flex:1;min-width:0;display:flex;flex-direction:column}.usa-tstack-text strong{font-weight:700}.usa-tstack-action{border:0;border-radius:8px;padding:6px 10px;background:rgba(255,255,255,.14);color:inherit;font:600 13px system-ui,sans-serif;cursor:pointer}.usa-tstack-close{border:0;background:none;color:inherit;opacity:.6;font-size:18px;line-height:1;cursor:pointer;padding:2px 4px}.usa-tstack-close:hover{opacity:1}@media (prefers-reduced-motion:reduce){.usa-tstack,.usa-tstack-list{transition:none}}";
|
|
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$1a });
|
|
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$19 = "usa-menu{position:relative;display:inline-block}.usa-menu-list{position:absolute;z-index:50;min-width:180px;max-width:min(280px,90vw);box-sizing:border-box;padding:6px;border-radius:12px;background:var(--usa-menu-bg,#fff);color:var(--usa-menu-fg,#111827);box-shadow:0 18px 44px -12px rgba(0,0,0,.35),0 0 0 1px rgba(127,127,127,.15);display:flex;flex-direction:column;gap:2px;text-align:left}.usa-menu-list[hidden]{display:none}usa-menu[data-placement^=\"bottom\"] .usa-menu-list{top:calc(100% + 6px)}usa-menu[data-placement^=\"top\"] .usa-menu-list{bottom:calc(100% + 6px)}usa-menu[data-placement$=\"start\"] .usa-menu-list{left:0;transform-origin:0 0}usa-menu[data-placement$=\"end\"] .usa-menu-list{right:0;transform-origin:100% 0}usa-menu[data-placement=\"top-start\"] .usa-menu-list{transform-origin:0 100%}usa-menu[data-placement=\"top-end\"] .usa-menu-list{transform-origin:100% 100%}.usa-menu-list>[role=\"menuitem\"]{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;border:0;background:none;color:inherit;font:500 14px/1.3 system-ui,sans-serif;text-align:left;text-decoration:none;padding:8px 10px;border-radius:8px;cursor:pointer}.usa-menu-list>[role=\"menuitem\"]:hover,.usa-menu-list>[role=\"menuitem\"]:focus-visible{background:var(--usa-menu-hover,rgba(124,92,255,.14));outline:none}.usa-menu-list>hr{border:0;border-top:1px solid rgba(127,127,127,.2);margin:4px 2px}@media (prefers-color-scheme:dark){.usa-menu-list{background:var(--usa-menu-bg,#1d2130);color:var(--usa-menu-fg,#e5e7eb)}}";
|
|
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$19 });
|
|
1139
1140
|
}
|
|
1140
1141
|
|
|
1141
|
-
var css$
|
|
1142
|
+
var css$18 = "usa-progress-ring{position:relative;display:inline-block;vertical-align:middle;width:var(--usa-pr-size,120px);aspect-ratio:1;--usa-pr-color:#7c5cff;--usa-pr-track:rgba(127,127,127,.18);--usa-pr-width:9;font:700 calc(var(--usa-pr-size,120px)*.2)/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}usa-progress-ring[data-variant=\"semi\"]{aspect-ratio:100/56}.usa-pr-label{position:absolute;inset:0;display:grid;place-items:center}usa-progress-ring[data-variant=\"semi\"] .usa-pr-label{place-items:end center}usa-progress-ring[data-variant=\"bar\"]{display:inline-flex;width:var(--usa-pr-size,100%);aspect-ratio:auto;gap:10px;align-items:center;font-size:14px}usa-progress-ring[data-variant=\"bar\"]>.usa-pr-track{flex:1 1 auto;min-width:40px}usa-progress-ring[data-variant=\"bar\"] .usa-pr-label{position:static;display:inline}usa-progress-ring .usa-pr-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.usa-pr-svg path{fill:none;stroke-width:var(--usa-pr-width);stroke-linecap:round}.usa-pr-svg .usa-pr-track{stroke:var(--usa-pr-track)}.usa-pr-svg .usa-pr-arc{stroke:var(--usa-pr-color)}usa-progress-ring[data-variant=\"semi\"] .usa-pr-label{padding-bottom:2%}.usa-pr-track:is(div){height:10px;border-radius:999px;background:var(--usa-pr-track);overflow:hidden}.usa-pr-fill{height:100%;border-radius:inherit;background:var(--usa-pr-color);transform-origin:0 50%;transform:scaleX(0)}usa-progress-ring[data-indeterminate] .usa-pr-svg{animation:usa-pr-spin 1.1s linear infinite}usa-progress-ring[data-indeterminate] .usa-pr-fill{width:35%;transform:none!important;animation:usa-pr-slide 1.3s ease-in-out infinite}@keyframes usa-pr-spin{to{transform:rotate(360deg)}}@keyframes usa-pr-slide{from{margin-left:-35%}to{margin-left:100%}}usa-odometer{display:inline-flex;align-items:flex-end;font-variant-numeric:tabular-nums;line-height:1.15}.usa-odo-row{display:inline-flex;align-items:flex-end}.usa-odo-col{display:inline-block;height:1.15em;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}.usa-odo-strip{display:block;white-space:pre;line-height:1.15em;text-align:center}.usa-odo-sym{display:inline-block;height:1.15em}@media (prefers-reduced-motion:reduce){usa-progress-ring[data-indeterminate] .usa-pr-svg,usa-progress-ring[data-indeterminate] .usa-pr-fill{animation-duration:4s}}";
|
|
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$18 });
|
|
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$18 });
|
|
1392
1393
|
}
|
|
1393
1394
|
|
|
1394
|
-
var css$
|
|
1395
|
+
var css$17 = "usa-skeleton-reveal{position:relative;display:block;--usa-sk-base:rgba(127,127,127,.16);--usa-sk-hi:rgba(255,255,255,.55)}usa-skeleton-reveal[data-loading]>:not(.usa-sk-layer){visibility:hidden}.usa-sk-layer{position:absolute;inset:0;pointer-events:none}.usa-sk-box{position:absolute;border-radius:6px;background:var(--usa-sk-base);overflow:hidden}usa-skeleton-reveal[data-variant=\"wave\"] .usa-sk-box{background:linear-gradient(100deg,var(--usa-sk-base) 30%,var(--usa-sk-hi) 50%,var(--usa-sk-base) 70%) var(--usa-sk-x,0) 0/var(--usa-sk-w,600px) 100% no-repeat,var(--usa-sk-base);animation:usa-sk-wave 1.4s linear infinite}usa-skeleton-reveal[data-variant=\"pulse\"] .usa-sk-box{animation:usa-sk-pulse 1.2s ease-in-out infinite alternate}usa-skeleton-reveal[data-variant=\"glow\"] .usa-sk-box{animation:usa-sk-glow 1.6s ease-in-out infinite alternate}@keyframes usa-sk-wave{from{background-position:calc(var(--usa-sk-x,0px) - var(--usa-sk-w,600px)) 0,0 0}to{background-position:calc(var(--usa-sk-x,0px) + var(--usa-sk-w,600px)) 0,0 0}}@keyframes usa-sk-pulse{from{opacity:1}to{opacity:.45}}@keyframes usa-sk-glow{from{box-shadow:0 0 0 rgba(124,92,255,0)}to{box-shadow:0 0 14px rgba(124,92,255,.45);background:rgba(124,92,255,.22)}}@media (prefers-color-scheme:dark){usa-skeleton-reveal{--usa-sk-hi:rgba(255,255,255,.16)}}@media (prefers-reduced-motion:reduce){.usa-sk-box{animation:none!important}}";
|
|
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$17 });
|
|
1510
1511
|
}
|
|
1511
1512
|
|
|
1512
|
-
var css$
|
|
1513
|
+
var css$16 = "usa-star-rating{display:inline-flex;gap:var(--usa-star-gap,4px);--usa-star-size:28px;--usa-star-on:#fbbf24;--usa-star-off:rgba(127,127,127,.28);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:8px}usa-star-rating[readonly]{cursor:default}usa-star-rating:focus-visible{outline:2px solid var(--usa-star-on);outline-offset:4px}.usa-star{position:relative;display:inline-block;width:var(--usa-star-size);height:var(--usa-star-size);--usa-star-fill:0%}.usa-star svg{display:block;width:100%;height:100%;overflow:visible;stroke:none}.usa-star-bg{fill:var(--usa-star-off)}.usa-star-fg{position:absolute;left:0;top:0;bottom:0;width:var(--usa-star-fill);overflow:hidden;transition:width .18s ease-out}.usa-star-fg svg{width:var(--usa-star-size);height:var(--usa-star-size);fill:var(--usa-star-on);filter:drop-shadow(0 1px 3px rgba(251,191,36,.45))}usa-star-rating[data-preview] .usa-star-fg{opacity:.8}.usa-star-spark{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:var(--usa-star-on);pointer-events:none}@media (prefers-reduced-motion:reduce){.usa-star-fg{transition:none}}";
|
|
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$16 });
|
|
1650
1651
|
}
|
|
1651
1652
|
|
|
1652
|
-
var css$
|
|
1653
|
+
var css$15 = "usa-milestones{position:relative;display:block;--usa-ms-color:#7c5cff;--usa-ms-rail:rgba(127,127,127,.22);--usa-ms-gap:28px;padding:4px 0}.usa-ms-rail{position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;border-radius:3px;background:var(--usa-ms-rail);overflow:hidden}.usa-ms-fill{position:absolute;inset:0;background:linear-gradient(var(--usa-ms-color),#22d3ee);transform-origin:50% 0;transform:scaleY(0)}.usa-ms-item{position:relative;box-sizing:border-box;width:50%;padding:0 var(--usa-ms-gap) var(--usa-ms-gap);text-align:left}.usa-ms-item[data-side=\"right\"]{margin-left:50%}.usa-ms-item[data-side=\"left\"]{text-align:right}.usa-ms-dot{position:absolute;top:4px;width:14px;height:14px;border-radius:50%;background:var(--usa-ms-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--usa-ms-color) 22%,transparent);transform:scale(0)}.usa-ms-item[data-reached] .usa-ms-dot{transform:none}.usa-ms-item[data-side=\"right\"] .usa-ms-dot{left:-7px}.usa-ms-item[data-side=\"left\"] .usa-ms-dot{right:-7px}.usa-ms-date{display:block;font-size:.8em;font-weight:700;letter-spacing:.04em;color:var(--usa-ms-color);margin-bottom:2px}.usa-ms-item:not([data-reached])>:not(.usa-ms-dot){opacity:0}usa-milestones[data-layout=\"left\"] .usa-ms-rail{left:7px}usa-milestones[data-layout=\"left\"] .usa-ms-item{width:auto;margin-left:0;padding-left:calc(var(--usa-ms-gap) + 8px);text-align:left}usa-milestones[data-layout=\"left\"] .usa-ms-dot{left:1px;right:auto}@media (max-width:640px){usa-milestones .usa-ms-rail{left:7px}usa-milestones .usa-ms-item{width:auto;margin-left:0;padding-left:calc(var(--usa-ms-gap) + 8px);text-align:left}usa-milestones .usa-ms-item .usa-ms-dot{left:1px;right:auto}}";
|
|
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$15 });
|
|
1741
1742
|
}
|
|
1742
1743
|
|
|
1743
|
-
var css$
|
|
1744
|
+
var css$14 = "usa-masonry-flow{position:relative;display:block;width:100%}usa-masonry-flow>*{position:absolute;left:0;top:0;box-sizing:border-box;margin:0;will-change:transform}usa-masonry-flow>[data-hidden]:not([data-leaving]){display:none}usa-masonry-flow>[data-leaving]{pointer-events:none}";
|
|
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$14 });
|
|
1865
1866
|
}
|
|
1866
1867
|
|
|
1867
|
-
var css
|
|
1868
|
+
var css$13 = "usa-compare{position:relative;display:grid;overflow:hidden;border-radius:var(--usa-cmp-radius,14px);user-select:none;touch-action:pan-y;cursor:ew-resize;--usa-cmp-line:#fff;outline-offset:3px}usa-compare[data-orientation=\"vertical\"]{touch-action:pan-x;cursor:ns-resize}usa-compare>.usa-cmp-before,usa-compare>.usa-cmp-after{grid-area:1/1;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.usa-cmp-handle{position:absolute;top:0;bottom:0;left:50%;width:0;z-index:2;pointer-events:none}.usa-cmp-handle::before{content:\"\";position:absolute;top:0;bottom:0;left:-1.5px;width:3px;background:var(--usa-cmp-line);box-shadow:0 0 8px rgba(0,0,0,.35)}usa-compare[data-orientation=\"vertical\"] .usa-cmp-handle{top:50%;bottom:auto;left:0;right:0;width:auto;height:0}usa-compare[data-orientation=\"vertical\"] .usa-cmp-handle::before{left:0;right:0;top:-1.5px;width:auto;height:3px}.usa-cmp-knob{position:absolute;top:50%;left:0;display:grid;place-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:var(--usa-cmp-line);color:#111827;box-shadow:0 6px 18px rgba(0,0,0,.35);pointer-events:auto;cursor:grab;transition:transform .2s}usa-compare[data-orientation=\"vertical\"] .usa-cmp-knob{left:50%;top:0;transform:rotate(90deg)}usa-compare:active .usa-cmp-knob{transform:scale(.92)}usa-compare[data-orientation=\"vertical\"]:active .usa-cmp-knob{transform:rotate(90deg) scale(.92)}.usa-cmp-label{position:absolute;top:10px;z-index:1;padding:3px 9px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font:600 12px/1.4 system-ui,sans-serif;pointer-events:none}.usa-cmp-label-b{left:10px}.usa-cmp-label-a{right:10px}";
|
|
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$13 });
|
|
1992
1993
|
}
|
|
1993
1994
|
|
|
1994
|
-
var css$
|
|
1995
|
+
var css$12 = "usa-cube-gallery{position:relative;display:block;aspect-ratio:4/3;perspective:1100px;outline-offset:4px}.usa-cube-stage{position:absolute;inset:0;transform-style:preserve-3d;touch-action:pan-y}.usa-cube-face{position:absolute;inset:0;box-sizing:border-box;margin:0;backface-visibility:hidden;display:none;overflow:hidden;border-radius:var(--usa-cube-radius,14px)}.usa-cube-face[data-active]{display:block}.usa-cube-face>img{width:100%;height:100%;object-fit:cover;display:block}.usa-cube-btn{position:absolute;top:50%;z-index:2;width:34px;height:34px;margin-top:-17px;border:0;border-radius:50%;background:rgba(255,255,255,.85);color:#111827;font:700 20px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.25)}.usa-cube-prev{left:8px}.usa-cube-next{right:8px}.usa-cube-btn:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}";
|
|
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$12 });
|
|
2128
2129
|
}
|
|
2129
2130
|
|
|
2130
|
-
var css$
|
|
2131
|
+
var css$11 = "usa-dock{display:inline-flex;align-items:flex-end;gap:var(--usa-dock-gap,8px);padding:8px 10px;border-radius:20px;background:var(--usa-dock-bg,rgba(255,255,255,.55));-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);box-shadow:0 10px 30px -10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.45);--usa-dock-size:44px}usa-dock[data-orientation=\"vertical\"]{flex-direction:column;align-items:flex-start}.usa-dock-item{--usa-dock-s:1;position:relative;display:grid;place-items:center;flex:none;width:calc(var(--usa-dock-size) * var(--usa-dock-s));height:calc(var(--usa-dock-size) * var(--usa-dock-s));border:0;padding:0;border-radius:calc(var(--usa-dock-size) * .26 * var(--usa-dock-s));background:var(--usa-dock-item,linear-gradient(135deg,#7c5cff,#22d3ee));color:#fff;font-size:calc(var(--usa-dock-size) * .5 * var(--usa-dock-s));text-decoration:none;cursor:pointer;transition:width .12s ease-out,height .12s ease-out,font-size .12s ease-out,border-radius .12s;box-shadow:0 4px 10px rgba(0,0,0,.18)}.usa-dock-item:focus-visible{outline:2px solid #7c5cff;outline-offset:3px}.usa-dock-item[data-label]::after{content:attr(data-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);padding:3px 8px;border-radius:6px;background:rgba(17,24,39,.9);color:#fff;font:500 12px/1.3 system-ui,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.usa-dock-item[data-near]::after,.usa-dock-item:focus-visible::after{opacity:1;transform:translateX(-50%)}usa-dock[data-orientation=\"vertical\"] .usa-dock-item[data-label]::after{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.usa-dock-item{transition:none}}";
|
|
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$11 });
|
|
2199
2200
|
}
|
|
2200
2201
|
|
|
2201
|
-
var css$
|
|
2202
|
+
var css$10 = "usa-nav-morph{position:relative;display:flex;gap:4px;align-items:center;isolation:isolate;--usa-nm-color:#7c5cff;flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}usa-nav-morph::-webkit-scrollbar{display:none}usa-nav-morph>:not(.usa-nm-ink){position:relative;z-index:1;flex:none;padding:8px 12px;border-radius:10px;color:inherit;text-decoration:none;font-weight:600;white-space:nowrap;transition:color .25s;outline-offset:2px}.usa-nm-ink{position:absolute;left:0;z-index:0;width:0;pointer-events:none;background:var(--usa-nm-color)}usa-nav-morph[data-indicator=\"underline\"] .usa-nm-ink{bottom:0;height:3px;border-radius:3px}usa-nav-morph[data-indicator=\"pill\"] .usa-nm-ink,usa-nav-morph[data-indicator=\"blob\"] .usa-nm-ink{top:0;bottom:0;border-radius:10px;opacity:.16}usa-nav-morph[data-indicator=\"blob\"] .usa-nm-ink{border-radius:999px;opacity:.2}usa-nav-morph[data-indicator=\"dot\"] .usa-nm-ink{bottom:0;height:6px;background:radial-gradient(circle,var(--usa-nm-color) 3px,transparent 3.5px)}usa-nav-morph>[aria-current=\"page\"]{color:var(--usa-nm-color)}";
|
|
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$10 });
|
|
2306
2307
|
}
|
|
2307
2308
|
|
|
2308
|
-
var css
|
|
2309
|
+
var css$$ = "usa-menu-toggle{display:inline-grid;place-items:center;width:var(--usa-mt-size,44px);height:var(--usa-mt-size,44px);border-radius:12px;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;outline-offset:2px;--usa-mt-ease:cubic-bezier(.65,.05,.36,1)}usa-menu-toggle:hover{background:rgba(127,127,127,.12)}.usa-mt-box{position:relative;width:24px;height:18px}.usa-mt-bar{position:absolute;left:0;width:100%;height:2.5px;border-radius:2px;background:currentColor;transform-origin:50% 50%}.usa-mt-bar:nth-child(1){top:0}.usa-mt-bar:nth-child(2){top:7.75px}.usa-mt-bar:nth-child(3){bottom:0}usa-menu-toggle[data-animate] .usa-mt-bar{transition:transform .38s var(--usa-mt-ease),opacity .2s,top .38s var(--usa-mt-ease),bottom .38s var(--usa-mt-ease),width .38s var(--usa-mt-ease)}usa-menu-toggle[data-animate] .usa-mt-box{transition:transform .38s var(--usa-mt-ease)}usa-menu-toggle[data-variant=\"cross\"][data-open] .usa-mt-bar:nth-child(1),usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-bar:nth-child(1){top:7.75px;transform:rotate(45deg)}usa-menu-toggle[data-variant=\"cross\"][data-open] .usa-mt-bar:nth-child(2),usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-bar:nth-child(2){opacity:0;transform:scaleX(.2)}usa-menu-toggle[data-variant=\"cross\"][data-open] .usa-mt-bar:nth-child(3),usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-bar:nth-child(3){bottom:7.75px;transform:rotate(-45deg)}usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-box{transform:rotate(180deg)}usa-menu-toggle[data-variant=\"arrow\"][data-open] .usa-mt-bar:nth-child(1){width:55%;transform:translate(-2px,3.5px) rotate(-40deg)}usa-menu-toggle[data-variant=\"arrow\"][data-open] .usa-mt-bar:nth-child(3){width:55%;transform:translate(-2px,-3.5px) rotate(40deg)}usa-menu-toggle[data-variant=\"arrow\"][data-open] .usa-mt-box{transform:rotate(180deg)}usa-menu-toggle[data-variant=\"minus\"][data-open] .usa-mt-bar:nth-child(1){top:7.75px}usa-menu-toggle[data-variant=\"minus\"][data-open] .usa-mt-bar:nth-child(3){bottom:7.75px}";
|
|
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$$ });
|
|
2382
2383
|
}
|
|
2383
2384
|
|
|
2384
|
-
var css$
|
|
2385
|
+
var css$_ = "usa-tip{position:relative;display:inline-block}.usa-tip-bubble{position:absolute;left:0;top:0;z-index:60;box-sizing:border-box;max-width:min(260px,calc(100vw - 16px));width:max-content;padding:7px 11px;border-radius:9px;background:var(--usa-tip-bg,#111827);color:var(--usa-tip-fg,#f9fafb);font:500 13px/1.4 system-ui,sans-serif;box-shadow:0 10px 26px -8px rgba(0,0,0,.4);text-align:left;white-space:normal}.usa-tip-bubble[hidden]{display:none}.usa-tip-bubble[data-placement=\"top\"]{transform-origin:50% 100%}.usa-tip-bubble[data-placement=\"bottom\"]{transform-origin:50% 0}.usa-tip-bubble[data-placement=\"left\"]{transform-origin:100% 50%}.usa-tip-bubble[data-placement=\"right\"]{transform-origin:0 50%}.usa-tip-arrow{position:absolute;width:10px;height:10px;background:inherit;transform:rotate(45deg)}.usa-tip-bubble[data-placement=\"top\"] .usa-tip-arrow{bottom:-4px;left:calc(50% - 5px + var(--usa-tip-shift,0px))}.usa-tip-bubble[data-placement=\"bottom\"] .usa-tip-arrow{top:-4px;left:calc(50% - 5px + var(--usa-tip-shift,0px))}.usa-tip-bubble[data-placement=\"left\"] .usa-tip-arrow{right:-4px;top:calc(50% - 5px)}.usa-tip-bubble[data-placement=\"right\"] .usa-tip-arrow{left:-4px;top:calc(50% - 5px)}";
|
|
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$_ });
|
|
2517
2518
|
}
|
|
2518
2519
|
|
|
2519
|
-
var css$
|
|
2520
|
+
var css$Z = "usa-stepper{--usa-st-c:#7c5cff;--usa-st-size:30px;position:relative;display:flex;justify-content:space-between;gap:8px;padding:0;counter-reset:s;max-width:100%}usa-stepper[data-orientation=\"vertical\"]{flex-direction:column;gap:22px}.usa-st-rail{position:absolute;left:calc(var(--usa-st-size)/2);right:calc(var(--usa-st-size)/2);top:calc(var(--usa-st-size)/2 - 2px);height:4px;border-radius:4px;background:rgba(127,127,127,.25);pointer-events:none}usa-stepper[data-orientation=\"vertical\"] .usa-st-rail{left:calc(var(--usa-st-size)/2 - 2px);right:auto;top:calc(var(--usa-st-size)/2);bottom:calc(var(--usa-st-size)/2);width:4px;height:auto}.usa-st-fill{position:absolute;inset:0;border-radius:inherit;background:var(--usa-st-c);transform-origin:0 0;transform:scaleX(calc(var(--usa-st-p,0%) / 100%));transition:transform .55s cubic-bezier(.6,.05,.3,1)}usa-stepper[data-orientation=\"vertical\"] .usa-st-fill{transform:scaleY(calc(var(--usa-st-p,0%) / 100%))}.usa-st-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;font:600 12px/1.25 system-ui,sans-serif;text-align:center;color:rgba(127,127,127,.95)}usa-stepper[data-orientation=\"vertical\"] .usa-st-step{flex-direction:row;text-align:left}.usa-st-step[data-current],.usa-st-step[data-done]{color:inherit}.usa-st-dot{position:relative;display:grid;place-items:center;flex:none;width:var(--usa-st-size);height:var(--usa-st-size);border-radius:50%;background:var(--usa-st-bg,#fff);box-shadow:inset 0 0 0 2px rgba(127,127,127,.4);color:#666;font-weight:700;transition:background .3s,box-shadow .3s,color .3s}.usa-st-step[data-current] .usa-st-dot{box-shadow:inset 0 0 0 2px var(--usa-st-c);color:var(--usa-st-c)}.usa-st-step[data-done] .usa-st-dot{background:var(--usa-st-c);box-shadow:none;color:#fff}.usa-st-check{position:absolute;width:60%;height:60%;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;opacity:0}.usa-st-step[data-done] .usa-st-check{stroke-dashoffset:0;opacity:1}.usa-st-step[data-done] .usa-st-num{opacity:0}.usa-st-step[data-clickable],usa-stepper[clickable] .usa-st-step{cursor:pointer}@media (prefers-reduced-motion:reduce){.usa-st-fill,.usa-st-dot{transition:none}}";
|
|
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$Z });
|
|
2617
2618
|
}
|
|
2618
2619
|
|
|
2619
|
-
var css$
|
|
2620
|
+
var css$Y = "usa-pagination{--usa-pg-c:#7c5cff;display:inline-flex;align-items:center;gap:4px;max-width:100%;font:600 14px/1 system-ui,sans-serif}.usa-pg-list{position:relative;display:inline-flex;align-items:center;gap:2px;isolation:isolate}.usa-pg-ink{position:absolute;left:0;top:0;height:100%;width:0;border-radius:10px;background:var(--usa-pg-c);z-index:-1;transition:width .3s}.usa-pg-btn{display:grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;cursor:pointer;transition:color .25s,background .2s}.usa-pg-btn:hover:not(:disabled):not([aria-current]){background:rgba(127,127,127,.14)}.usa-pg-btn[aria-current=\"page\"]{color:#fff}.usa-pg-btn:disabled{opacity:.35;cursor:default}.usa-pg-btn:focus-visible{outline:2px solid var(--usa-pg-c);outline-offset:2px}.usa-pg-gap{min-width:20px;text-align:center;opacity:.6}@media (max-width:420px){.usa-pg-btn{min-width:28px;height:30px;padding:0 3px}}@media (prefers-reduced-motion:reduce){.usa-pg-ink{transition:none}}";
|
|
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$Y });
|
|
2742
2743
|
}
|
|
2743
2744
|
|
|
2744
|
-
var css$
|
|
2745
|
+
var css$X = "usa-segmented{--usa-seg-c:#7c5cff;position:relative;display:inline-flex;align-items:stretch;padding:3px;border-radius:12px;background:rgba(127,127,127,.16);isolation:isolate;max-width:100%;font:600 13px/1 system-ui,sans-serif}.usa-seg-thumb{position:absolute;top:3px;bottom:3px;left:3px;z-index:-1;border-radius:9px;background:var(--usa-seg-thumb,#fff);box-shadow:0 2px 8px rgba(0,0,0,.18),0 0 0 .5px rgba(0,0,0,.05);transform-origin:50% 50%}usa-segmented[data-variant=\"pill\"]{border-radius:999px}usa-segmented[data-variant=\"pill\"] .usa-seg-thumb{border-radius:999px;background:var(--usa-seg-c)}usa-segmented[data-variant=\"pill\"] .usa-seg-item[data-selected]{color:#fff}usa-segmented[data-variant=\"outline\"]{background:none;box-shadow:inset 0 0 0 1.5px rgba(127,127,127,.35)}usa-segmented[data-variant=\"outline\"] .usa-seg-thumb{background:none;box-shadow:inset 0 0 0 2px var(--usa-seg-c)}.usa-seg-item{flex:1 1 0;min-width:0;padding:8px 14px;border:0;border-radius:9px;background:none;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;opacity:.7;transition:opacity .2s,transform .25s cubic-bezier(.3,1.4,.5,1),color .2s}.usa-seg-item[data-selected]{opacity:1;transform:scale(1.04)}.usa-seg-item:focus-visible{outline:2px solid var(--usa-seg-c);outline-offset:1px}@media (max-width:420px){.usa-seg-item{padding:8px 9px}}@media (prefers-reduced-motion:reduce){.usa-seg-item{transition:none}}";
|
|
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$X });
|
|
2839
2840
|
}
|
|
2840
2841
|
|
|
2841
|
-
var css$
|
|
2842
|
+
var css$W = "usa-switch{--usa-sw-c:#34c759;--usa-sw-w:52px;--usa-sw-h:30px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;vertical-align:middle;outline-offset:3px;border-radius:999px}usa-switch[disabled]{opacity:.45;cursor:not-allowed}.usa-sw-track{position:relative;flex:none;width:var(--usa-sw-w);height:var(--usa-sw-h);border-radius:999px;background:rgba(127,127,127,.35);overflow:hidden;transition:background .3s}.usa-sw-fill{position:absolute;inset:0;border-radius:999px;background:var(--usa-sw-c);transform:scale(0);transform-origin:calc(var(--usa-sw-h)/2) 50%;transition:transform .35s cubic-bezier(.4,0,.2,1)}usa-switch[data-on] .usa-sw-fill{transform:scale(1)}.usa-sw-thumb{position:absolute;top:3px;left:3px;width:calc(var(--usa-sw-h) - 6px);height:calc(var(--usa-sw-h) - 6px);border-radius:999px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:left .32s cubic-bezier(.3,1.25,.5,1),width .2s ease,background .3s,box-shadow .3s}usa-switch[data-on] .usa-sw-thumb{left:calc(var(--usa-sw-w) - var(--usa-sw-h) + 3px)}usa-switch[data-variant=\"ios\"][data-press] .usa-sw-thumb{width:calc(var(--usa-sw-h) + 2px)}usa-switch[data-variant=\"ios\"][data-press][data-on] .usa-sw-thumb{left:calc(var(--usa-sw-w) - var(--usa-sw-h) - 5px)}usa-switch[data-variant=\"daynight\"]{--usa-sw-w:64px;--usa-sw-h:32px}usa-switch[data-variant=\"daynight\"] .usa-sw-track{background:linear-gradient(#7dd3fc,#38bdf8)}usa-switch[data-variant=\"daynight\"] .usa-sw-fill{background:linear-gradient(#1e1b4b,#312e81);transform:none;opacity:0;transition:opacity .45s}usa-switch[data-variant=\"daynight\"][data-on] .usa-sw-fill{opacity:1}usa-switch[data-variant=\"daynight\"] .usa-sw-thumb{background:radial-gradient(circle at 40% 40%,#fde68a,#f59e0b);box-shadow:0 0 10px #fbbf24}usa-switch[data-variant=\"daynight\"][data-on] .usa-sw-thumb{background:radial-gradient(circle at 65% 35%,transparent 5px,#e5e7eb 5.5px);box-shadow:0 0 8px rgba(255,255,255,.5)}usa-switch[data-variant=\"daynight\"] .usa-sw-deco{position:absolute;inset:0;background:radial-gradient(circle,#fff 1px,transparent 1.5px) 12px 8px/14px 11px;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .5s}usa-switch[data-variant=\"daynight\"][data-on] .usa-sw-deco{opacity:.9;transform:none}usa-switch[data-variant=\"bounce\"] .usa-sw-thumb{transition:left .28s cubic-bezier(.5,0,.75,0)}usa-switch[data-variant=\"liquid\"] .usa-sw-fill{background:linear-gradient(90deg,#22d3ee,#7c5cff)}usa-switch[data-variant=\"liquid\"] .usa-sw-thumb{transition:left .5s cubic-bezier(.68,-.4,.27,1.4)}usa-switch:focus-visible .usa-sw-track{box-shadow:0 0 0 3px rgba(124,92,255,.5)}@media (prefers-reduced-motion:reduce){.usa-sw-thumb,.usa-sw-fill,.usa-sw-deco,.usa-sw-track{transition:none!important}}";
|
|
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$W });
|
|
2930
2931
|
}
|
|
2931
2932
|
|
|
2932
|
-
var css$
|
|
2933
|
+
var css$V = "usa-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr);gap:12px;max-width:100%;overflow-x:auto;padding:4px;font:500 13px/1.35 system-ui,sans-serif}.usa-kb-col{display:flex;flex-direction:column;gap:8px;min-height:80px;padding:10px;border-radius:14px;background:rgba(127,127,127,.12);margin:0;list-style:none}.usa-kb-col>h1,.usa-kb-col>h2,.usa-kb-col>h3,.usa-kb-col>h4{margin:0 0 2px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.usa-kb-card{padding:10px 12px;border-radius:10px;background:var(--usa-kb-card,#fff);color:#111;box-shadow:0 1px 3px rgba(0,0,0,.14);cursor:grab;touch-action:none;user-select:none;outline-offset:2px}.usa-kb-card:focus-visible{outline:2px solid #7c5cff}.usa-kb-lifted{cursor:grabbing;box-shadow:0 18px 30px -8px rgba(0,0,0,.35);transition:transform .12s}.usa-kb-held{outline:2px dashed #7c5cff;transform:scale(1.03)}.usa-kb-ph{border-radius:10px;border:2px dashed rgba(124,92,255,.5);background:rgba(124,92,255,.08)}.usa-kb-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion:reduce){.usa-kb-lifted,.usa-kb-held{transition:none;transform:none!important}}";
|
|
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$V });
|
|
3138
3139
|
}
|
|
3139
3140
|
|
|
3140
|
-
var css$
|
|
3141
|
+
var css$U = "usa-swipe-deck{position:relative;display:grid;width:var(--usa-sd-w,240px);max-width:100%;height:var(--usa-sd-h,300px);touch-action:pan-y;outline-offset:6px;border-radius:18px}.usa-sd-card{grid-area:1/1;position:relative;display:grid;place-items:center;border-radius:18px;background:var(--usa-sd-bg,linear-gradient(160deg,#7c5cff,#22d3ee));color:#fff;font:800 22px/1.2 system-ui,sans-serif;box-shadow:0 12px 28px -10px rgba(0,0,0,.4);transition:transform .3s cubic-bezier(.3,1.3,.5,1),opacity .3s;user-select:none;cursor:grab;overflow:hidden;touch-action:none}.usa-sd-card.usa-sd-dragging{transition:none;cursor:grabbing}.usa-sd-stamp{position:absolute;top:18px;padding:4px 10px;border:3px solid currentColor;border-radius:8px;font:900 20px/1 system-ui,sans-serif;letter-spacing:.1em;opacity:0;pointer-events:none}.usa-sd-like{left:16px;color:#4ade80;transform:rotate(-14deg)}.usa-sd-nope{right:16px;color:#f87171;transform:rotate(14deg)}@media (prefers-reduced-motion:reduce){.usa-sd-card{transition:none}}";
|
|
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$U });
|
|
3283
3284
|
}
|
|
3284
3285
|
|
|
3285
|
-
var css$
|
|
3286
|
+
var css$T = "usa-weather-card{--usa-wc-sky:linear-gradient(160deg,#38bdf8,#0ea5e9);position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;width:var(--usa-wc-w,260px);max-width:100%;padding:16px 18px;border-radius:20px;background:var(--usa-wc-sky);color:#fff;overflow:hidden;font:500 13px/1.3 system-ui,sans-serif;box-shadow:0 12px 30px -12px rgba(2,6,23,.5);transition:background .6s}usa-weather-card[data-condition=\"cloudy\"]{--usa-wc-sky:linear-gradient(160deg,#94a3b8,#64748b)}usa-weather-card[data-condition=\"rain\"]{--usa-wc-sky:linear-gradient(160deg,#475569,#1e3a8a)}usa-weather-card[data-condition=\"snow\"]{--usa-wc-sky:linear-gradient(160deg,#cbd5e1,#60a5fa);color:#0f172a}usa-weather-card[data-condition=\"storm\"]{--usa-wc-sky:linear-gradient(160deg,#1e293b,#312e81)}usa-weather-card[data-condition=\"fog\"]{--usa-wc-sky:linear-gradient(160deg,#9ca3af,#d1d5db);color:#1f2937}usa-weather-card[data-condition=\"night\"]{--usa-wc-sky:linear-gradient(160deg,#0f172a,#1e1b4b)}.usa-wc-scene{position:relative;width:76px;height:64px}.usa-wc-icon{position:absolute;inset:0}.usa-wc-icon *{position:absolute;display:block}.usa-wc-text{display:flex;flex-direction:column;gap:2px;min-width:0}.usa-wc-temp{font:800 34px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}.usa-wc-place{opacity:.8;font-size:12px}.usa-wc-sun{left:14px;top:8px;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#fde047 55%,transparent 56%);animation:usa-wc-spin 14s linear infinite}.usa-wc-sun::before{content:\"\";position:absolute;inset:-8px;border-radius:50%;background:repeating-conic-gradient(#fde047 0 8deg,transparent 8deg 30deg);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%,#000 70%,transparent 72%);mask:radial-gradient(circle,transparent 58%,#000 60%,#000 70%,transparent 72%)}.usa-wc-moon{left:18px;top:6px;width:40px;height:40px;border-radius:50%;box-shadow:-10px 6px 0 2px #f1f5f9;transform:rotate(-20deg)}.usa-wc-star{width:3px;height:3px;border-radius:50%;background:#fff;left:calc(8px + var(--i) * 14px);top:calc(40px + (var(--i) * 7px) % 20px);animation:usa-wc-tw 1.8s calc(var(--i) * .35s) ease-in-out infinite alternate}.usa-wc-cloud{left:8px;top:14px;width:56px;height:22px;border-radius:12px;background:#f1f5f9;animation:usa-wc-drift 4s ease-in-out infinite alternate}.usa-wc-cloud::before{content:\"\";position:absolute;left:12px;top:-12px;width:26px;height:26px;border-radius:50%;background:inherit}.usa-wc-c2{left:22px;top:6px;transform:scale(.7);opacity:.75;animation-delay:-2s}.usa-wc-dark{background:#94a3b8}.usa-wc-drop{left:calc(16px + var(--i) * 8px);top:38px;width:2px;height:9px;border-radius:2px;background:#bfdbfe;animation:usa-wc-fall .9s calc(var(--i) * .17s) linear infinite}.usa-wc-flake{left:calc(14px + var(--i) * 9px);top:38px;width:6px;height:6px;border-radius:50%;background:#fff;animation:usa-wc-snow 2.4s calc(var(--i) * .4s) linear infinite}.usa-wc-bolt{left:30px;top:30px;width:14px;height:26px;background:#fde047;clip-path:polygon(40% 0,100% 0,60% 45%,100% 45%,20% 100%,40% 55%,0 55%);animation:usa-wc-bolt 4s ease-in-out infinite}.usa-wc-fogband{left:4px;top:calc(14px + var(--i) * 14px);width:66px;height:6px;border-radius:6px;background:rgba(255,255,255,.85);animation:usa-wc-drift calc(3s + var(--i) * .8s) ease-in-out infinite alternate}@keyframes usa-wc-spin{to{transform:rotate(360deg)}}@keyframes usa-wc-tw{from{opacity:.2}to{opacity:1}}@keyframes usa-wc-drift{from{translate:-4px 0}to{translate:6px 0}}@keyframes usa-wc-fall{from{translate:0 0;opacity:1}to{translate:-3px 22px;opacity:0}}@keyframes usa-wc-snow{from{translate:0 0;opacity:1}50%{translate:4px 12px}to{translate:-2px 24px;opacity:0}}@keyframes usa-wc-bolt{0%,86%,100%{opacity:.35}90%{opacity:1}}@media (prefers-reduced-motion:reduce){usa-weather-card *{animation:none!important}}";
|
|
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$T });
|
|
3367
3368
|
}
|
|
3368
3369
|
|
|
3369
|
-
var css$
|
|
3370
|
+
var css$S = "usa-pull-cord{--usa-pc-color:#cbd5e1;--usa-pc-light:#fde68a;position:relative;display:inline-flex;flex-direction:column;align-items:center;width:90px;height:190px;cursor:pointer;touch-action:none;user-select:none;outline-offset:4px;border-radius:12px}.usa-pc-lamp{position:relative;width:76px;height:38px;border-radius:38px 38px 6px 6px;background:linear-gradient(#475569,#334155);box-shadow:0 0 0 rgba(253,230,138,0);transition:box-shadow .35s,background .35s}.usa-pc-lamp::after{content:\"\";position:absolute;left:50%;bottom:-10px;width:22px;height:12px;margin-left:-11px;border-radius:0 0 12px 12px;background:#64748b;transition:background .35s,box-shadow .35s}usa-pull-cord[data-on] .usa-pc-lamp{background:linear-gradient(#f59e0b,#d97706);box-shadow:0 30px 60px 10px rgba(253,230,138,.55)}usa-pull-cord[data-on] .usa-pc-lamp::after{background:var(--usa-pc-light);box-shadow:0 0 22px 8px var(--usa-pc-light)}.usa-pc-svg{width:80px;height:150px;margin-top:-2px;overflow:visible}.usa-pc-cord{fill:none;stroke:var(--usa-pc-color);stroke-width:2.2;stroke-linecap:round}.usa-pc-knob{fill:#e2e8f0;stroke:#94a3b8;stroke-width:1.5}usa-pull-cord[data-on] .usa-pc-knob{fill:var(--usa-pc-light)}@media (prefers-reduced-motion:reduce){.usa-pc-lamp,.usa-pc-lamp::after{transition:none}}";
|
|
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$S });
|
|
3499
3500
|
}
|
|
3500
3501
|
|
|
3501
|
-
var css$
|
|
3502
|
+
var css$R = "usa-date-picker{--usa-dp-c:#7c5cff;display:inline-block;width:var(--usa-dp-w,280px);max-width:100%;padding:12px;border-radius:16px;background:var(--usa-dp-bg,#fff);color:#111827;box-shadow:0 10px 30px -12px rgba(0,0,0,.3);font:500 13px/1 system-ui,sans-serif;user-select:none}.usa-dp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.usa-dp-title{font-weight:700;font-size:14px}.usa-dp-nav{width:30px;height:30px;border:0;border-radius:8px;background:none;color:inherit;font-size:18px;cursor:pointer}.usa-dp-nav:hover{background:rgba(127,127,127,.14)}.usa-dp-viewport{overflow:hidden}.usa-dp-row{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.usa-dp-dow{margin-bottom:4px;font-size:11px;opacity:.55;text-align:center}.usa-dp-day{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:50%;cursor:pointer;font-variant-numeric:tabular-nums;outline:none;transition:background .2s,color .2s}.usa-dp-day:hover{background:rgba(124,92,255,.12)}.usa-dp-day[data-out]{opacity:.35}.usa-dp-day[data-today]{box-shadow:inset 0 0 0 1.5px var(--usa-dp-c)}.usa-dp-day[aria-selected=\"true\"]{background:var(--usa-dp-c);color:#fff}.usa-dp-day[aria-disabled]{opacity:.2;cursor:not-allowed;text-decoration:line-through}.usa-dp-day:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--usa-dp-c)}@media (prefers-reduced-motion:reduce){.usa-dp-day{transition:none}}";
|
|
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$R });
|
|
3651
3652
|
}
|
|
3652
3653
|
|
|
3653
|
-
var css$
|
|
3654
|
+
var css$Q = "usa-color-picker{display:inline-flex;flex-direction:column;gap:10px;width:var(--usa-cp-w,240px);max-width:100%;padding:12px;border-radius:16px;background:var(--usa-cp-bg,#fff);box-shadow:0 10px 30px -12px rgba(0,0,0,.3)}.usa-cp-sv{position:relative;height:140px;border-radius:10px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--usa-cp-h) 100% 50%));cursor:crosshair;touch-action:none;outline-offset:2px}.usa-cp-thumb{position:absolute;left:var(--usa-cp-x);top:var(--usa-cp-y);width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--usa-cp-color);box-shadow:0 0 0 3px #fff,0 2px 6px rgba(0,0,0,.4);pointer-events:none;transition:left .18s cubic-bezier(.3,1.4,.5,1),top .18s cubic-bezier(.3,1.4,.5,1),transform .2s}[data-drag]>.usa-cp-thumb{transition:none;transform:scale(1.2)}.usa-cp-row{display:flex;align-items:center;gap:10px}.usa-cp-chip{flex:none;width:30px;height:30px;border-radius:50%;background:var(--usa-cp-color);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.usa-cp-hue{position:relative;flex:1;height:14px;border-radius:7px;background:linear-gradient(90deg,red,#ff0,lime,cyan,blue,#f0f,red);cursor:pointer;touch-action:none;outline-offset:2px}.usa-cp-hue .usa-cp-thumb{left:var(--usa-cp-hx);top:50%;background:hsl(var(--usa-cp-h) 100% 50%)}.usa-cp-swatches{display:flex;flex-wrap:wrap;gap:6px}.usa-cp-sw{width:22px;height:22px;border:0;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.usa-cp-sv:focus-visible,.usa-cp-hue:focus-visible,.usa-cp-sw:focus-visible{outline:2px solid #7c5cff}@media (prefers-reduced-motion:reduce){.usa-cp-thumb{transition:none}}";
|
|
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$Q });
|
|
3774
3775
|
}
|
|
3775
3776
|
|
|
3776
|
-
var css$
|
|
3777
|
+
var css$P = "usa-file-drop{--usa-fd-c:#7c5cff;display:flex;flex-direction:column;gap:10px;width:var(--usa-fd-w,300px);max-width:100%;font:500 13px/1.3 system-ui,sans-serif}.usa-fd-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:120px;padding:16px;border-radius:16px;background:rgba(124,92,255,.06);cursor:pointer;text-align:center;outline-offset:3px;transition:background .25s,transform .25s}.usa-fd-ants{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.usa-fd-ants rect{fill:none;stroke:rgba(124,92,255,.55);stroke-width:2;stroke-dasharray:8 6}usa-file-drop[data-over] .usa-fd-zone{background:rgba(124,92,255,.14);transform:scale(1.02)}usa-file-drop[data-over] .usa-fd-ants rect{stroke:var(--usa-fd-c);animation:usa-fd-march .6s linear infinite}.usa-fd-icon{font-size:30px;color:var(--usa-fd-c);transition:transform .3s cubic-bezier(.3,1.5,.5,1)}usa-file-drop[data-over] .usa-fd-icon{transform:translateY(-8px) scale(1.15)}.usa-fd-zone:focus-visible{outline:2px solid var(--usa-fd-c)}.usa-fd-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.usa-fd-item{--usa-fd-p:0;position:relative;display:grid;grid-template-columns:1fr auto 18px;align-items:center;gap:4px 8px;padding:8px 10px;border-radius:10px;background:rgba(127,127,127,.1)}.usa-fd-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.usa-fd-size{opacity:.6;font-size:12px}.usa-fd-bar{grid-column:1/3;height:4px;border-radius:4px;background:rgba(127,127,127,.25);overflow:hidden}.usa-fd-fill{display:block;height:100%;background:var(--usa-fd-c);transform-origin:0 50%;transform:scaleX(var(--usa-fd-p));transition:transform .2s}.usa-fd-check{grid-row:1/3;grid-column:3;width:18px;height:18px;fill:none;stroke:#22c55e;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .4s}.usa-fd-item[data-done] .usa-fd-check{stroke-dashoffset:0}@keyframes usa-fd-march{to{stroke-dashoffset:-14}}@media (prefers-reduced-motion:reduce){usa-file-drop *{animation:none!important;transition:none!important}usa-file-drop[data-over] .usa-fd-zone,usa-file-drop[data-over] .usa-fd-icon{transform:none}}";
|
|
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$P });
|
|
3878
3879
|
}
|
|
3879
3880
|
|
|
3880
|
-
var css$
|
|
3881
|
+
var css$O = "usa-keyframe-editor{--usa-ke-c:#7c5cff;--usa-ke-head:100%;display:flex;flex-direction:column;gap:8px;width:var(--usa-ke-w,100%);max-width:100%;padding:10px;border-radius:14px;background:var(--usa-ke-bg,#0f172a);color:#e2e8f0;font:500 12px/1.2 system-ui,sans-serif}.usa-ke-bar{display:flex;align-items:center;gap:8px}.usa-ke-play{width:30px;height:30px;border:0;border-radius:50%;background:var(--usa-ke-c);color:#fff;cursor:pointer}.usa-ke-scrub{flex:1;min-width:0;accent-color:var(--usa-ke-c)}.usa-ke-time{min-width:58px;text-align:right;font-variant-numeric:tabular-nums;opacity:.8}.usa-ke-tracks{position:relative;display:flex;flex-direction:column;gap:4px}.usa-ke-tracks::after{content:\"\";position:absolute;top:0;bottom:0;left:calc(64px + (100% - 64px) * var(--usa-ke-head) / 100%);width:2px;background:#f43f5e;pointer-events:none}.usa-ke-row{display:grid;grid-template-columns:64px 1fr;align-items:center}.usa-ke-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:6px;opacity:.85}.usa-ke-lane{position:relative;height:22px;border-radius:6px;background:rgba(148,163,184,.14)}.usa-ke-clip{position:absolute;top:2px;bottom:2px;border-radius:5px;background:linear-gradient(90deg,var(--usa-ke-c),#22d3ee);cursor:grab;touch-action:none;outline-offset:2px;transition:left .2s,width .2s}.usa-ke-clip[data-drag]{cursor:grabbing;transition:none;box-shadow:0 4px 12px rgba(0,0,0,.4)}.usa-ke-clip:focus-visible{outline:2px solid #fff}.usa-ke-grip{position:absolute;right:0;top:0;bottom:0;width:8px;border-radius:0 5px 5px 0;background:rgba(255,255,255,.35);cursor:ew-resize}@media (prefers-reduced-motion:reduce){.usa-ke-clip{transition:none}}";
|
|
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$O });
|
|
4055
4056
|
}
|
|
4056
4057
|
|
|
4057
|
-
var css$
|
|
4058
|
+
var css$N = "usa-music-player{--usa-mp-c:#7c5cff;--usa-mp-p:0;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;width:var(--usa-mp-w,320px);max-width:100%;padding:14px;border-radius:20px;background:var(--usa-mp-bg,linear-gradient(160deg,#111827,#1e1b4b));color:#f8fafc;font:500 13px/1.3 system-ui,sans-serif;box-shadow:0 14px 34px -14px rgba(0,0,0,.55)}.usa-mp-cover{width:84px;height:84px}.usa-mp-disc{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#0f172a 9%,#e2e8f0 9.5%,#e2e8f0 12%,transparent 12.5%),repeating-radial-gradient(circle,#111 0 2px,#1f2937 2px 4px),#111;background-size:cover;box-shadow:0 6px 18px rgba(0,0,0,.5),inset 0 0 0 2px rgba(255,255,255,.06)}usa-music-player[data-animate] .usa-mp-disc{animation:usa-mp-spin 1.8s linear infinite}.usa-mp-body{display:flex;flex-direction:column;gap:6px;min-width:0}.usa-mp-meta{display:flex;flex-direction:column;min-width:0}.usa-mp-title{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-mp-artist{opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-mp-bars{display:flex;gap:3px;align-items:flex-end;height:14px}.usa-mp-bars i{width:3px;height:30%;border-radius:2px;background:var(--usa-mp-c);transition:height .3s}usa-music-player[data-animate] .usa-mp-bars i{animation:usa-mp-bar .9s ease-in-out infinite alternate}.usa-mp-bars i:nth-child(2){animation-delay:-.3s!important}.usa-mp-bars i:nth-child(3){animation-delay:-.6s!important}.usa-mp-bars i:nth-child(4){animation-delay:-.15s!important}.usa-mp-track{position:relative;height:6px;border-radius:6px;background:rgba(255,255,255,.18);cursor:pointer;touch-action:none;outline-offset:4px}.usa-mp-fill{position:absolute;inset:0;border-radius:inherit;background:var(--usa-mp-c);transform-origin:0 50%;transform:scaleX(var(--usa-mp-p))}.usa-mp-knob{position:absolute;top:50%;left:calc(var(--usa-mp-p) * 100%);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4);transition:transform .2s}.usa-mp-track:hover .usa-mp-knob,.usa-mp-track:focus-visible .usa-mp-knob{transform:scale(1.3)}.usa-mp-times{display:flex;justify-content:space-between;font-size:11px;opacity:.65;font-variant-numeric:tabular-nums}.usa-mp-ctrls{display:flex;align-items:center;justify-content:center;gap:12px}.usa-mp-btn{border:0;background:none;color:inherit;font-size:16px;cursor:pointer;opacity:.85}.usa-mp-play{position:relative;width:40px;height:40px;border:0;border-radius:50%;background:#fff;cursor:pointer}.usa-mp-icon{position:absolute;left:50%;top:50%;width:14px;height:16px;margin:-8px 0 0 -6px;background:var(--usa-mp-c);clip-path:polygon(0 0,100% 50%,100% 50%,0 100%);transition:clip-path .3s cubic-bezier(.6,.05,.3,1)}usa-music-player[data-playing] .usa-mp-icon{margin-left:-7px;clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0)}.usa-mp-btn:focus-visible,.usa-mp-play:focus-visible,.usa-mp-track:focus-visible{outline:2px solid #fff}@keyframes usa-mp-spin{to{transform:rotate(360deg)}}@keyframes usa-mp-bar{from{height:20%}to{height:100%}}@media (prefers-reduced-motion:reduce){usa-music-player *{animation:none!important;transition:none!important}}";
|
|
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$N });
|
|
4219
4220
|
}
|
|
4220
4221
|
|
|
4221
|
-
var css$
|
|
4222
|
+
var css$M = "usa-volume-knob{--usa-vk-c:#22d3ee;--usa-vk-size:120px;position:relative;display:inline-grid;place-items:center;width:var(--usa-vk-size);height:var(--usa-vk-size);border-radius:50%;cursor:ns-resize;touch-action:none;user-select:none;outline-offset:6px}.usa-vk-arc{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.usa-vk-arc path{fill:none;stroke-width:6;stroke-linecap:round}.usa-vk-bg{stroke:rgba(127,127,127,.25)}.usa-vk-val{stroke:var(--usa-vk-c);filter:drop-shadow(0 0 4px var(--usa-vk-c))}.usa-vk-ticks{position:absolute;inset:0}.usa-vk-ticks i{position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px;border-radius:50%;background:rgba(127,127,127,.4);transform:rotate(var(--a)) translateY(calc(var(--usa-vk-size) * -.5 + 2px));transition:background .2s,box-shadow .2s}.usa-vk-ticks i[data-on]{background:var(--usa-vk-c);box-shadow:0 0 6px var(--usa-vk-c)}.usa-vk-cap{position:relative;width:62%;height:62%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4b5563,#111827 70%);box-shadow:0 8px 16px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.15);transform:rotate(var(--usa-vk-angle));transition:transform .35s cubic-bezier(.3,1.5,.5,1)}usa-volume-knob[data-drag] .usa-vk-cap{transition:none}.usa-vk-dot{position:absolute;left:50%;top:10%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--usa-vk-c);box-shadow:0 0 6px var(--usa-vk-c)}usa-volume-knob:focus-visible{outline:2px solid var(--usa-vk-c)}@media (prefers-reduced-motion:reduce){.usa-vk-cap,.usa-vk-ticks i{transition:none}}";
|
|
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$M });
|
|
4313
4314
|
}
|
|
4314
4315
|
|
|
4315
|
-
var css$
|
|
4316
|
+
var css$L = "usa-equalizer{--usa-eq-c:#7c5cff;position:relative;display:block;width:var(--usa-eq-w,320px);max-width:100%;padding:12px 10px 8px;border-radius:16px;background:var(--usa-eq-bg,#0f172a);color:#cbd5e1;font:600 10px/1 system-ui,sans-serif}.usa-eq-curve{position:absolute;left:10px;right:10px;top:12px;height:120px;width:calc(100% - 20px);pointer-events:none;overflow:visible}.usa-eq-curve path{fill:none;stroke:#22d3ee;stroke-width:1.6;vector-effect:non-scaling-stroke;opacity:.8;transition:d .45s cubic-bezier(.3,1.3,.5,1)}.usa-eq-bands{display:flex;justify-content:space-between;gap:4px}.usa-eq-band{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:0}.usa-eq-slot{--usa-eq-k:.5;position:relative;width:8px;height:120px;border-radius:6px;background:rgba(148,163,184,.18);cursor:ns-resize;touch-action:none;outline-offset:4px}.usa-eq-fill{position:absolute;left:0;right:0;top:calc((1 - max(var(--usa-eq-k),.5)) * 100%);bottom:calc(min(var(--usa-eq-k),.5) * 100%);border-radius:6px;background:var(--usa-eq-c)}.usa-eq-cap{position:absolute;left:50%;top:calc((1 - var(--usa-eq-k)) * 100%);width:20px;height:10px;margin:-5px 0 0 -10px;border-radius:4px;background:#f8fafc;box-shadow:0 2px 6px rgba(0,0,0,.5)}usa-equalizer[data-glide] .usa-eq-cap{transition:top .5s cubic-bezier(.3,1.4,.5,1)}usa-equalizer[data-glide] .usa-eq-fill{transition:top .5s cubic-bezier(.3,1.4,.5,1),bottom .5s cubic-bezier(.3,1.4,.5,1)}.usa-eq-slot[data-drag] .usa-eq-cap{transform:scale(1.15)}.usa-eq-slot:focus-visible{outline:2px solid #22d3ee}.usa-eq-label{opacity:.7;white-space:nowrap}@media (prefers-reduced-motion:reduce){.usa-eq-cap,.usa-eq-fill,.usa-eq-curve path{transition:none!important}}";
|
|
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$L });
|
|
4414
4415
|
}
|
|
4415
4416
|
|
|
4416
|
-
var css$
|
|
4417
|
+
var css$K = "usa-lyrics{--usa-ly-c:#f472b6;display:block;width:var(--usa-ly-w,320px);max-width:100%;font:700 18px/1.35 system-ui,sans-serif}.usa-ly-list{height:var(--usa-ly-h,180px);margin:0;padding:70px 0;overflow-y:auto;list-style:none;scrollbar-width:none;-webkit-mask:linear-gradient(transparent,#000 25%,#000 75%,transparent);mask:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.usa-ly-list::-webkit-scrollbar{display:none}.usa-ly-line{--usa-ly-k:0;padding:5px 4px;opacity:.38;cursor:pointer;transform-origin:0 50%;transition:opacity .35s,transform .35s cubic-bezier(.3,1.3,.5,1),filter .35s;filter:blur(.4px)}.usa-ly-line[data-past]{opacity:.22}.usa-ly-line[data-active]{opacity:1;filter:none;transform:scale(1.06);color:transparent;background:linear-gradient(90deg,var(--usa-ly-c) calc(var(--usa-ly-k) * 100%),var(--usa-ly-base,#94a3b8) calc(var(--usa-ly-k) * 100%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 18px rgba(244,114,182,.25)}@media (prefers-reduced-motion:reduce){.usa-ly-line{transition:none;transform:none!important}}";
|
|
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$K });
|
|
4529
4530
|
}
|
|
4530
4531
|
|
|
4531
|
-
var css$
|
|
4532
|
+
var css$J = "usa-bar-chart{--usa-bc-c:#7c5cff;display:block;width:var(--usa-bc-w,100%);max-width:100%;font:600 11px/1.2 system-ui,sans-serif}.usa-bc-list{display:flex;align-items:flex-end;gap:8px;height:var(--usa-bc-h,140px);margin:0;padding:0;list-style:none}.usa-bc-item{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;flex:1;min-width:0;height:100%;gap:4px}.usa-bc-track{position:relative;grid-row:2;width:100%;display:flex;align-items:flex-end;justify-content:center}.usa-bc-bar{display:block;width:min(100%,38px);height:calc(var(--usa-bc-k) * 100%);border-radius:6px 6px 2px 2px;background:linear-gradient(var(--usa-bc-c),#22d3ee);transform-origin:50% 100%}.usa-bc-item[data-glide] .usa-bc-bar{transition:height .6s cubic-bezier(.3,1.25,.5,1)}.usa-bc-val{grid-row:1;font-variant-numeric:tabular-nums;opacity:.8}.usa-bc-label{grid-row:3;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}usa-bar-chart[data-dir=\"h\"] .usa-bc-list{flex-direction:column;align-items:stretch;height:auto}usa-bar-chart[data-dir=\"h\"] .usa-bc-item{grid-template-columns:70px 1fr auto;grid-template-rows:none;align-items:center;height:22px}usa-bar-chart[data-dir=\"h\"] .usa-bc-label{grid-row:auto;grid-column:1;justify-self:start}usa-bar-chart[data-dir=\"h\"] .usa-bc-track{grid-row:auto;grid-column:2;height:100%;justify-content:flex-start;align-items:center}usa-bar-chart[data-dir=\"h\"] .usa-bc-bar{width:calc(var(--usa-bc-k) * 100%);height:14px;border-radius:2px 6px 6px 2px;transform-origin:0 50%;background:linear-gradient(90deg,var(--usa-bc-c),#22d3ee)}usa-bar-chart[data-dir=\"h\"] .usa-bc-item[data-glide] .usa-bc-bar{transition:width .6s cubic-bezier(.3,1.25,.5,1)}usa-bar-chart[data-dir=\"h\"] .usa-bc-val{grid-row:auto;grid-column:3}@media (prefers-reduced-motion:reduce){.usa-bc-bar{transition:none!important}}";
|
|
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$J });
|
|
4626
4627
|
}
|
|
4627
4628
|
|
|
4628
|
-
var css$
|
|
4629
|
+
var css$I = "usa-gauge{--usa-gg-c:#7c5cff;--usa-gg-k:0;position:relative;display:inline-block;width:var(--usa-gg-w,220px);max-width:100%;font:600 12px/1.2 system-ui,sans-serif;text-align:center}.usa-gg-svg{display:block;width:100%;height:auto;overflow:visible}.usa-gg-track,.usa-gg-arc{fill:none;stroke-width:16;stroke-linecap:round}.usa-gg-track{stroke:rgba(127,127,127,.2)}.usa-gg-arc{stroke:var(--usa-gg-c);stroke-dasharray:calc(max(var(--usa-gg-k),0) * 100) 100;transition:stroke .3s}.usa-gg-needle{transform-origin:100px 100px;transform:rotate(var(--usa-gg-angle,-90deg));fill:currentColor}.usa-gg-read{position:absolute;left:0;right:0;bottom:2px;display:flex;flex-direction:column;align-items:center;pointer-events:none}.usa-gg-num{font:800 22px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;transform:translateY(-34px)}.usa-gg-label{opacity:.65;transform:translateY(-34px)}";
|
|
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$I });
|
|
4714
4715
|
}
|
|
4715
4716
|
|
|
4716
|
-
var css$
|
|
4717
|
+
var css$H = "usa-sparkline{--usa-sl-c:#7c5cff;position:relative;display:inline-block;width:var(--usa-sl-w,120px);height:var(--usa-sl-h,32px);vertical-align:middle}.usa-sl-svg{display:block;width:100%;height:100%;overflow:visible}.usa-sl-line{fill:none;stroke:var(--usa-sl-c);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1}.usa-sl-area{fill:var(--usa-sl-c);opacity:0}usa-sparkline[data-variant=\"area\"] .usa-sl-area{opacity:.16;transition:opacity .8s .4s}.usa-sl-bars rect{fill:var(--usa-sl-c);opacity:.75}usa-sparkline:not([data-variant=\"bars\"]) .usa-sl-bars,usa-sparkline[data-variant=\"bars\"] .usa-sl-line,usa-sparkline[data-variant=\"bars\"] .usa-sl-end{display:none}.usa-sl-end{fill:var(--usa-sl-c);vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:usa-sl-pulse 1.8s ease-out infinite}.usa-sl-hover{fill:#fff;stroke:var(--usa-sl-c);stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:0}usa-sparkline[data-hover] .usa-sl-hover{opacity:1}.usa-sl-tip{position:absolute;bottom:calc(100% + 4px);transform:translateX(-50%);padding:2px 6px;border-radius:5px;background:#111827;color:#fff;font:600 11px/1.3 system-ui,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}usa-sparkline[data-hover] .usa-sl-tip{opacity:1}@keyframes usa-sl-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:.4;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.usa-sl-end{animation:none}}";
|
|
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$H });
|
|
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$G = "usa-kpi{display:inline-grid;grid-template-columns:1fr auto;grid-template-areas:\"label label\" \"value delta\" \"trend trend\" \"caption caption\";align-items:end;gap:4px 10px;width:var(--usa-kpi-w,220px);max-width:100%;padding:14px 16px;border-radius:16px;background:var(--usa-kpi-bg,#fff);color:#0f172a;box-shadow:0 8px 24px -12px rgba(15,23,42,.35);font:500 12px/1.3 system-ui,sans-serif}.usa-kpi-label{grid-area:label;opacity:.6;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.usa-kpi-value{grid-area:value;font:800 28px/1.05 system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.usa-kpi-delta{grid-area:delta;display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:999px;font-weight:700;font-size:12px;margin-bottom:4px}.usa-kpi-delta[data-good=\"true\"]{background:rgba(34,197,94,.14);color:#15803d}.usa-kpi-delta[data-good=\"false\"]{background:rgba(239,68,68,.14);color:#b91c1c}.usa-kpi-delta i{font-style:normal;font-size:9px}.usa-kpi-trend{grid-area:trend;--usa-sl-w:100%;--usa-sl-h:34px;margin-top:4px}.usa-kpi-caption{grid-area:caption;opacity:.55;font-size:11px}.usa-kpi-caption:empty{display:none}";
|
|
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$G });
|
|
4933
4934
|
}
|
|
4934
4935
|
|
|
4935
|
-
var css$
|
|
4936
|
+
var css$F = "usa-add-to-cart{display:inline-block}.usa-atc-btn{position:relative;display:inline-grid;place-items:center;min-width:var(--usa-atc-w,150px);padding:11px 18px;border:0;border-radius:999px;background:var(--usa-atc-bg,#7c5cff);color:#fff;font:700 14px/1 system-ui,sans-serif;cursor:pointer;overflow:hidden;transition:background .3s}.usa-atc-btn>span{grid-area:1/1;transition:transform .35s cubic-bezier(.3,1.4,.5,1),opacity .25s}.usa-atc-done{transform:translateY(120%);opacity:0}usa-add-to-cart[data-added] .usa-atc-btn{background:var(--usa-atc-ok,#16a34a)}usa-add-to-cart[data-added] .usa-atc-label{transform:translateY(-120%);opacity:0}usa-add-to-cart[data-added] .usa-atc-done{transform:none;opacity:1}.usa-atc-btn:focus-visible{outline:3px solid #a78bfa;outline-offset:2px}.usa-atc-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.usa-atc-btn>span{transition:none}}";
|
|
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$F });
|
|
4981
4982
|
}
|
|
4982
4983
|
|
|
4983
|
-
var css$
|
|
4984
|
+
var css$E = "usa-cart-drawer{position:relative;display:inline-block;font:500 13px/1.3 system-ui,sans-serif}.usa-cd2-toggle{position:relative;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--usa-cd2-btn,#f1f5f9);font-size:20px;cursor:pointer}.usa-cd2-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font:800 11px/18px system-ui,sans-serif;text-align:center}.usa-cd2-badge:empty{display:none}.usa-cd2-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:2147482000}.usa-cd2-panel{position:fixed;top:0;right:0;bottom:0;width:min(var(--usa-cd2-w,340px),92vw);display:flex;flex-direction:column;background:var(--usa-cd2-bg,#fff);color:#0f172a;box-shadow:-12px 0 40px -12px rgba(15,23,42,.4);z-index:2147482001;outline:none}.usa-cd2-panel header,.usa-cd2-panel footer{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.08)}.usa-cd2-panel footer{border:0;border-top:1px solid rgba(15,23,42,.08);margin-top:auto;font-size:15px}.usa-cd2-close,.usa-cd2-rm{border:0;background:none;font-size:20px;line-height:1;cursor:pointer;color:inherit;opacity:.6}.usa-cd2-list{margin:0;padding:6px 8px;list-style:none;overflow:auto}.usa-cd2-item{display:grid;grid-template-columns:36px 1fr auto auto auto;align-items:center;gap:8px;padding:8px;border-radius:10px;overflow:hidden}.usa-cd2-item img,.usa-cd2-item i{width:36px;height:36px;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,#a78bfa,#22d3ee)}.usa-cd2-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.usa-cd2-qty{opacity:.6}.usa-cd2-price,.usa-cd2-total{font-variant-numeric:tabular-nums;font-weight:700}.usa-cd2-empty{margin:24px;text-align:center;opacity:.55}.usa-cd2-panel[hidden],.usa-cd2-backdrop[hidden]{display:none}";
|
|
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$E });
|
|
5149
5150
|
}
|
|
5150
5151
|
|
|
5151
|
-
var css$
|
|
5152
|
+
var css$D = "usa-product-gallery{display:grid;gap:10px;width:var(--usa-pg2-w,320px);max-width:100%}.usa-pg2-stage{position:relative;aspect-ratio:var(--usa-pg2-ratio,1);border-radius:14px;overflow:hidden;background:#f1f5f9;cursor:zoom-in;outline:none}.usa-pg2-stage:focus-visible{box-shadow:0 0 0 3px #a78bfa}.usa-pg2-main{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease-out}.usa-pg2-thumbs{position:relative;display:flex;gap:8px;overflow-x:auto;padding:3px}.usa-pg2-thumb{flex:0 0 auto;width:var(--usa-pg2-t,56px);height:var(--usa-pg2-t,56px);padding:0;border:0;border-radius:10px;overflow:hidden;background:#e2e8f0;cursor:pointer;opacity:.65;transition:opacity .2s}.usa-pg2-thumb[aria-selected=true]{opacity:1}.usa-pg2-thumb img{width:100%;height:100%;object-fit:cover;display:block}.usa-pg2-thumb:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}.usa-pg2-ring{position:absolute;left:0;top:3px;height:var(--usa-pg2-t,56px);border-radius:10px;box-shadow:0 0 0 2px var(--usa-pg2-accent,#7c5cff);pointer-events:none;transition:transform .35s cubic-bezier(.3,1.3,.5,1),width .35s}@media (prefers-reduced-motion:reduce){.usa-pg2-ring,.usa-pg2-main{transition:none}}";
|
|
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$D });
|
|
5266
5267
|
}
|
|
5267
5268
|
|
|
5268
|
-
var css$
|
|
5269
|
+
var css$C = "usa-countdown{display:inline-block;font:700 12px/1.2 system-ui,sans-serif;color:var(--usa-cd-fg,inherit)}.usa-cd-row{display:flex;gap:var(--usa-cd-gap,10px)}.usa-cd-unit{display:flex;flex-direction:column;align-items:center;gap:4px}.usa-cd-unit small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.usa-cd-digits{display:flex;gap:3px;perspective:300px}.usa-cd-d{display:grid;place-items:center;width:var(--usa-cd-w,28px);height:calc(var(--usa-cd-w,28px) * 1.35);border-radius:6px;background:var(--usa-cd-bg,#111827);color:var(--usa-cd-c,#fff);font:800 calc(var(--usa-cd-w,28px) * .8)/1 ui-monospace,monospace;box-shadow:inset 0 -1px 0 rgba(255,255,255,.08),0 4px 10px -4px rgba(0,0,0,.5);background-image:linear-gradient(transparent 49%,rgba(0,0,0,.35) 50%,transparent 51%);transform-origin:50% 50%}usa-countdown[data-done] .usa-cd-d{background-color:var(--usa-cd-done,#ef4444)}";
|
|
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$C });
|
|
5357
5358
|
}
|
|
5358
5359
|
|
|
5359
|
-
var css$
|
|
5360
|
+
var css$B = "usa-message-list{position:relative;display:block;width:var(--usa-ml-w,320px);max-width:100%;font:400 14px/1.35 system-ui,sans-serif}.usa-ml-list{display:flex;flex-direction:column;gap:6px;height:var(--usa-ml-h,260px);margin:0;padding:10px;list-style:none;overflow-y:auto;overscroll-behavior:contain;border-radius:14px;background:var(--usa-ml-bg,#f8fafc)}.usa-ml-msg{display:flex;flex-direction:column;align-items:flex-start;max-width:80%}.usa-ml-msg[data-side=right]{align-self:flex-end;align-items:flex-end}.usa-ml-msg[data-grouped] .usa-ml-from{display:none}.usa-ml-from{font-size:11px;font-weight:600;opacity:.6;margin:2px 8px}.usa-ml-from:empty,.usa-ml-time:empty{display:none}.usa-ml-bubble{padding:8px 12px;border-radius:16px 16px 16px 4px;background:var(--usa-ml-them,#e2e8f0);color:#0f172a;overflow-wrap:anywhere}.usa-ml-msg[data-side=right] .usa-ml-bubble{border-radius:16px 16px 4px 16px;background:var(--usa-ml-me,#7c5cff);color:#fff}.usa-ml-time{font-size:10px;opacity:.5;margin:2px 8px}.usa-ml-typing .usa-ml-bubble{display:inline-flex;gap:4px;padding:11px 12px}.usa-ml-typing i{width:7px;height:7px;border-radius:50%;background:#64748b;animation:usa-ml-dot 1.1s infinite}.usa-ml-typing i:nth-child(2){animation-delay:.18s}.usa-ml-typing i:nth-child(3){animation-delay:.36s}@keyframes usa-ml-dot{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-5px);opacity:1}}.usa-ml-new{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);border:0;border-radius:999px;padding:6px 12px;background:#0f172a;color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 16px -6px rgba(0,0,0,.5)}.usa-ml-new[hidden]{display:none}@media (prefers-reduced-motion:reduce){.usa-ml-typing i{animation:none}}";
|
|
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$B });
|
|
5447
5448
|
}
|
|
5448
5449
|
|
|
5449
|
-
var css$
|
|
5450
|
+
var css$A = "usa-reactions{position:relative;display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;font:600 13px/1 system-ui,sans-serif}.usa-rx-row{display:inline-flex;flex-wrap:wrap;gap:6px}.usa-rx-pill,.usa-rx-add{position:relative;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid rgba(15,23,42,.12);border-radius:999px;background:var(--usa-rx-bg,#fff);color:inherit;font:inherit;cursor:pointer}.usa-rx-pill[hidden]{display:none}.usa-rx-pill[aria-pressed=true]{border-color:var(--usa-rx-accent,#7c5cff);background:color-mix(in srgb,var(--usa-rx-accent,#7c5cff) 14%,#fff)}.usa-rx-emo{display:inline-block;font-size:15px}.usa-rx-n{display:inline-block;min-width:1ch;font-variant-numeric:tabular-nums}.usa-rx-float{position:absolute;left:50%;top:0;font-size:16px;pointer-events:none}.usa-rx-picker{position:absolute;bottom:calc(100% + 6px);left:0;display:flex;gap:2px;padding:4px;border-radius:999px;background:#fff;box-shadow:0 10px 30px -10px rgba(15,23,42,.45);transform-origin:20% 100%;z-index:5}.usa-rx-picker[hidden]{display:none}.usa-rx-picker button{border:0;background:none;font-size:20px;width:32px;height:32px;border-radius:50%;cursor:pointer}.usa-rx-picker button:hover,.usa-rx-picker button:focus-visible{background:#f1f5f9}.usa-rx-pill:focus-visible,.usa-rx-add:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}";
|
|
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$A });
|
|
5552
5553
|
}
|
|
5553
5554
|
|
|
5554
|
-
var css$
|
|
5555
|
+
var css$z = "usa-notification-bell{position:relative;display:inline-block;font:400 13px/1.35 system-ui,sans-serif}.usa-nb-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:var(--usa-nb-bg,#f1f5f9);color:var(--usa-nb-fg,#0f172a);cursor:pointer}.usa-nb-bell{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 12%}.usa-nb-badge{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ef4444;color:#fff;font:800 10px/17px system-ui,sans-serif;text-align:center}.usa-nb-badge:empty{display:none}.usa-nb-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(280px,86vw);border-radius:14px;background:#fff;color:#0f172a;box-shadow:0 18px 40px -14px rgba(15,23,42,.45);overflow:hidden;z-index:20;transform-origin:90% 0}.usa-nb-panel[hidden]{display:none}.usa-nb-panel header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(15,23,42,.08)}.usa-nb-read{border:0;background:none;color:#7c5cff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}.usa-nb-list{max-height:220px;margin:0;padding:4px;list-style:none;overflow:auto}.usa-nb-item{display:flex;justify-content:space-between;gap:8px;padding:8px;border-radius:8px}.usa-nb-item[data-unread]{background:#f5f3ff;font-weight:600}.usa-nb-item[data-unread]::before{content:\"\";flex:0 0 7px;height:7px;margin-top:6px;border-radius:50%;background:#7c5cff}.usa-nb-item time{opacity:.5;font-size:11px;white-space:nowrap}.usa-nb-text{flex:1;min-width:0}.usa-nb-empty{margin:16px;text-align:center;opacity:.55}.usa-nb-btn:focus-visible,.usa-nb-read:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}";
|
|
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$z });
|
|
5650
5651
|
}
|
|
5651
5652
|
|
|
5652
|
-
var css$
|
|
5653
|
+
var css$y = "usa-presence{--s:var(--usa-pr2-size,48px);position:relative;display:inline-grid;place-items:center;width:var(--s);height:var(--s);vertical-align:middle}.usa-pr2-face{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#a78bfa,#22d3ee);color:#fff;font:700 calc(var(--s) * .36)/1 system-ui,sans-serif}.usa-pr2-face img{width:100%;height:100%;object-fit:cover}.usa-pr2-dot,.usa-pr2-ripple{position:absolute;right:0;bottom:0;width:calc(var(--s) * .28);height:calc(var(--s) * .28);border-radius:50%;box-sizing:border-box}.usa-pr2-dot{border:2px solid var(--usa-pr2-ring,#fff);background:#94a3b8;transition:background-color .3s}.usa-pr2-ripple{background:#22c55e;pointer-events:none}usa-presence[data-state=online] .usa-pr2-dot{background:#22c55e}usa-presence[data-state=away] .usa-pr2-dot{background:#f59e0b}usa-presence[data-state=busy] .usa-pr2-dot{background:#ef4444}usa-presence[speaking] .usa-pr2-face{box-shadow:0 0 0 3px #22c55e;animation:usa-pr2-speak 1.2s ease-in-out infinite}@keyframes usa-pr2-speak{50%{box-shadow:0 0 0 6px rgba(34,197,94,.35)}}usa-presence[story]::before{content:\"\";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(#f59e0b,#ef4444,#d946ef,#7c3aed,#f59e0b);animation:usa-pr2-spin 3s linear infinite;z-index:-1}usa-presence[story] .usa-pr2-face{box-shadow:0 0 0 2px var(--usa-pr2-ring,#fff)}@keyframes usa-pr2-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){usa-presence[speaking] .usa-pr2-face,usa-presence[story]::before{animation:none}.usa-pr2-dot{transition:none}}";
|
|
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$y });
|
|
5723
5724
|
}
|
|
5724
5725
|
|
|
5725
|
-
var css$
|
|
5726
|
+
var css$x = "usa-leaderboard{display:block;width:var(--usa-lb-w,320px);max-width:100%;font:500 14px/1.2 system-ui,sans-serif}.usa-lb-list{margin:0;padding:0;list-style:none;display:grid;gap:4px}.usa-lb-row{display:grid;grid-template-columns:28px 30px 1fr auto auto;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:var(--usa-lb-bg,rgba(15,23,42,.04));position:relative}.usa-lb-row[data-me]{box-shadow:inset 0 0 0 2px var(--usa-lb-accent,#7c5cff)}.usa-lb-rank{text-align:center;font-weight:800;font-size:15px}.usa-lb-av{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#22d3ee) center/cover;color:#fff;font-weight:700;font-size:13px}.usa-lb-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-lb-delta{font:700 11px/1 system-ui,sans-serif;font-style:normal}.usa-lb-row[data-move=up] .usa-lb-delta{color:#16a34a}.usa-lb-row[data-move=down] .usa-lb-delta{color:#dc2626}.usa-lb-score{font-variant-numeric:tabular-nums;font-weight:800}.usa-lb-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}";
|
|
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$x });
|
|
5835
5836
|
}
|
|
5836
5837
|
|
|
5837
|
-
var css$
|
|
5838
|
+
var css$w = "usa-xp-bar{display:flex;align-items:center;gap:10px;width:var(--usa-xp-w,300px);max-width:100%;font:600 13px/1 system-ui,sans-serif}.usa-xp-lvl{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--usa-xp-accent,#7c5cff);color:#fff;font-size:15px;font-weight:800;box-shadow:0 0 0 3px rgba(124,92,255,.25)}.usa-xp-track{flex:1;min-width:0;height:12px;border-radius:99px;background:var(--usa-xp-track,rgba(15,23,42,.1));overflow:hidden}.usa-xp-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--usa-xp-accent,#7c5cff),#22d3ee);transform-origin:0 50%;transform:scaleX(0)}.usa-xp-num{flex:none;font-variant-numeric:tabular-nums;opacity:.75}usa-xp-bar[data-levelup] .usa-xp-lvl{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.35)}.usa-xp-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}";
|
|
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$w });
|
|
5935
5936
|
}
|
|
5936
5937
|
|
|
5937
|
-
var css$
|
|
5938
|
+
var css$v = "usa-badge-wall{display:block;width:var(--usa-bw-w,320px);max-width:100%;font:600 12px/1.2 system-ui,sans-serif}.usa-bw-count{margin:0 0 8px;font-size:13px;opacity:.75;font-variant-numeric:tabular-nums}.usa-bw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;margin:0;padding:0;list-style:none}.usa-bw-badge{position:relative;display:grid;justify-items:center;gap:4px;padding:8px 4px;border-radius:12px;background:linear-gradient(160deg,#fde68a,#f59e0b);color:#422006;text-align:center;overflow:hidden}.usa-bw-icon{font-size:24px;line-height:1}.usa-bw-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-bw-badge[data-locked]{background:var(--usa-bw-locked,#e2e8f0);color:#64748b}.usa-bw-badge[data-locked] .usa-bw-icon{filter:grayscale(1);opacity:.45}.usa-bw-badge[data-locked]::after{content:\"🔒\";position:absolute;top:3px;right:4px;font-size:11px}.usa-bw-badge[data-shine]::before{content:\"\";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%) 120% 0/250% 100%;animation:usa-bw-shine 1s ease-in-out .3s both;pointer-events:none}@keyframes usa-bw-shine{to{background-position:-20% 0}}.usa-bw-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.usa-bw-badge[data-shine]::before{animation:none;display:none}}";
|
|
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$v });
|
|
6005
6006
|
}
|
|
6006
6007
|
|
|
6007
|
-
var css$
|
|
6008
|
+
var css$u = "usa-prize-wheel{display:inline-block;--s:var(--usa-pw-size,200px);font:700 11px/1 system-ui,sans-serif}.usa-pw-box{position:relative;display:grid;place-items:center;width:var(--s);height:var(--s)}.usa-pw-wheel{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 4px #fff,0 0 0 6px rgba(15,23,42,.15),0 8px 24px rgba(15,23,42,.2);will-change:transform}.usa-pw-label{position:absolute;left:50%;top:0;width:0;height:50%;display:flex;justify-content:center;padding-top:10px;transform-origin:0 100%;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);white-space:nowrap}.usa-pw-pointer{position:absolute;top:-10px;left:50%;margin-left:-9px;width:0;height:0;border:9px solid transparent;border-top:16px solid var(--usa-pw-pointer,#0f172a);border-bottom:0;z-index:2;transform-origin:50% 0}.usa-pw-btn{position:relative;z-index:1;width:30%;aspect-ratio:1;border:0;border-radius:50%;background:#fff;color:#0f172a;font:800 13px/1 system-ui,sans-serif;box-shadow:0 2px 8px rgba(15,23,42,.25);cursor:pointer}.usa-pw-btn:disabled{cursor:progress;opacity:.85}usa-prize-wheel[data-done] .usa-pw-wheel{box-shadow:0 0 0 4px #fff,0 0 0 6px #facc15,0 0 28px rgba(250,204,21,.6)}.usa-pw-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}";
|
|
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$u });
|
|
6088
6089
|
}
|
|
6089
6090
|
|
|
6090
|
-
var css$
|
|
6091
|
+
var css$t = "usa-globe{display:inline-block;width:var(--usa-gl-size,200px);max-width:100%;aspect-ratio:1;touch-action:pan-y;cursor:grab;user-select:none}usa-globe:active{cursor:grabbing}.usa-gl-svg{display:block;width:100%;height:100%;overflow:visible}.usa-gl-sea{fill:var(--usa-gl-sea,#1e3a8a)}.usa-gl-grid{fill:none;stroke:var(--usa-gl-grid,rgba(255,255,255,.35));stroke-width:.7}.usa-gl-dot{fill:var(--usa-gl-accent,#f59e0b);stroke:#fff;stroke-width:1}.usa-gl-ring{fill:none;stroke:var(--usa-gl-accent,#f59e0b);stroke-width:1.5;transform-box:fill-box;transform-origin:center;opacity:0}.usa-gl-mark[data-hidden]{display:none}.usa-gl-mark[data-active] .usa-gl-dot{fill:#ef4444}@media (prefers-reduced-motion:no-preference){.usa-gl-ring{animation:usa-gl-pulse 1.8s ease-out infinite}}@keyframes usa-gl-pulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(3.2);opacity:0}}";
|
|
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$t });
|
|
6248
6249
|
}
|
|
6249
6250
|
|
|
6250
|
-
var css$
|
|
6251
|
+
var css$s = "usa-location-card{display:block;width:var(--usa-lc-w,280px);max-width:100%;font:500 13px/1.35 system-ui,sans-serif}.usa-lc{border-radius:16px;overflow:hidden;background:var(--usa-lc-bg,#fff);color:var(--usa-lc-fg,#0f172a);box-shadow:0 10px 28px -14px rgba(15,23,42,.45);border:1px solid rgba(15,23,42,.08)}.usa-lc-map{position:relative;height:var(--usa-lc-map-h,110px);background:var(--usa-lc-land,#e8efe4);overflow:hidden}.usa-lc-map svg{display:block;width:100%;height:100%}.usa-lc-street{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round}.usa-lc-route{fill:none;stroke:var(--usa-lc-accent,#2563eb);stroke-width:4;stroke-linecap:round;stroke-dasharray:100}.usa-lc-from{fill:#fff;stroke:var(--usa-lc-accent,#2563eb);stroke-width:3}.usa-lc-pin{position:absolute;left:70%;top:calc(48% - 8px);width:22px;height:22px;transform:translate(-50%,-100%);border-radius:50%;background:var(--usa-lc-pin,#ef4444);box-shadow:0 4px 8px rgba(0,0,0,.25)}.usa-lc-pin::after{content:\"\";position:absolute;inset:6px;border-radius:50%;background:#fff}.usa-lc-pin::before{content:\"\";position:absolute;left:50%;bottom:-8px;width:0;height:0;border:6px solid transparent;border-top:9px solid var(--usa-lc-pin,#ef4444);border-bottom:0;transform:translateX(-50%)}.usa-lc-ring{position:absolute;left:70%;top:48%;width:18px;height:18px;border-radius:50%;border:2px solid var(--usa-lc-pin,#ef4444);transform:translate(-50%,-50%);opacity:0;pointer-events:none}.usa-lc-body{padding:10px 14px 12px}.usa-lc-name{margin:0;font-size:15px;font-weight:750}.usa-lc-addr{margin:2px 0 0;opacity:.7}.usa-lc-meta{display:flex;align-items:center;gap:10px;margin:8px 0 0}.usa-lc-meta:empty{display:none}.usa-lc-dist{font-weight:700;font-variant-numeric:tabular-nums}.usa-lc-go{margin-left:auto;color:var(--usa-lc-accent,#2563eb);font-weight:700;text-decoration:none}.usa-lc-go:hover,.usa-lc-go:focus-visible{text-decoration:underline}";
|
|
6251
6252
|
|
|
6252
6253
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6253
6254
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6263,7 +6264,7 @@ function formatDistance(km, unit = 'km') {
|
|
|
6263
6264
|
}
|
|
6264
6265
|
return km < 1 ? `${Math.round(km * 1000)} m` : `${km < 10 ? km.toFixed(1) : Math.round(km)} km`;
|
|
6265
6266
|
}
|
|
6266
|
-
const esc$
|
|
6267
|
+
const esc$d = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6267
6268
|
function defineLocationCard(tag = 'usa-location-card') {
|
|
6268
6269
|
return base.defineElement(tag, (Base) => {
|
|
6269
6270
|
class UsaLocationCard extends Base {
|
|
@@ -6288,7 +6289,7 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6288
6289
|
const dist = this.str('distance') || (km === null ? '' : formatDistance(km, this.str('unit') === 'mi' ? 'mi' : 'km'));
|
|
6289
6290
|
const href = this.str('href');
|
|
6290
6291
|
const origin = km !== null;
|
|
6291
|
-
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$
|
|
6292
|
+
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$d(name)}"><div class="usa-lc-map" aria-hidden="true"><svg viewBox="0 0 240 120" preserveAspectRatio="xMidYMid slice"><path class="usa-lc-street" d="M0 30H240M0 78H240M40 0V120M120 0V120M196 0V120M0 112L240 8"/>${origin ? '<path class="usa-lc-route" pathLength="100" d="M28 100C60 100 64 78 96 78S120 40 160 40 168 58 168 58"/><circle class="usa-lc-from" cx="28" cy="100" r="4"/>' : ''}</svg><span class="usa-lc-ring"></span><span class="usa-lc-pin"></span></div><div class="usa-lc-body"><h3 class="usa-lc-name">${esc$d(name)}</h3>${this.str('address') ? `<p class="usa-lc-addr">${esc$d(this.str('address'))}</p>` : ''}<p class="usa-lc-meta">${dist ? `<span class="usa-lc-dist">${esc$d(dist)}</span>` : ''}${href ? `<a class="usa-lc-go" href="${esc$d(href)}" target="_blank" rel="noopener">Directions</a>` : ''}</p></div></article>`);
|
|
6292
6293
|
if (origin)
|
|
6293
6294
|
this.setAttribute('data-route', '');
|
|
6294
6295
|
else
|
|
@@ -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$s });
|
|
6325
6326
|
}
|
|
6326
6327
|
|
|
6327
|
-
var css$
|
|
6328
|
+
var css$r = "usa-field{display:block;width:var(--usa-fld-w,280px);max-width:100%;font:500 14px/1.3 system-ui,sans-serif;--usa-fld-accent:#6366f1;--usa-fld-bad:#e11d48;--usa-fld-good:#16a34a}.usa-fld{position:relative;padding-top:18px}.usa-fld-input{display:block;box-sizing:border-box;width:100%;padding:8px 30px 8px 2px;border:0;border-bottom:2px solid var(--usa-fld-rule,rgba(100,116,139,.45));background:transparent;color:inherit;font:inherit;outline:none;border-radius:0}.usa-fld-label{position:absolute;left:2px;top:26px;color:var(--usa-fld-muted,#64748b);pointer-events:none;transform-origin:0 0;transition:transform .22s cubic-bezier(.2,.8,.2,1),color .2s}usa-field[data-focus] .usa-fld-label,usa-field[data-filled] .usa-fld-label,.usa-fld-input:not(:placeholder-shown)+.usa-fld-label{transform:translateY(-24px) scale(.8)}usa-field[data-focus] .usa-fld-label{color:var(--usa-fld-accent)}.usa-fld-line{position:absolute;left:0;right:0;top:calc(18px + 2.3em - 1px);height:2px;background:var(--usa-fld-accent);transform:scaleX(0);transition:transform .3s cubic-bezier(.2,.8,.2,1)}usa-field[data-focus] .usa-fld-line{transform:scaleX(1)}usa-field[data-invalid] .usa-fld-line{transform:scaleX(1);background:var(--usa-fld-bad)}usa-field[data-invalid] .usa-fld-label{color:var(--usa-fld-bad)}.usa-fld-ok{position:absolute;right:2px;top:24px;width:20px;height:20px;fill:none;stroke:var(--usa-fld-good);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.usa-fld-ok path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .35s ease-out}usa-field[data-valid] .usa-fld-ok path{stroke-dashoffset:0}.usa-fld-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px}.usa-fld-meter i{height:4px;border-radius:2px;background:rgba(100,116,139,.25);transform-origin:0 50%;transition:background .25s}.usa-fld-meter[data-score=\"1\"] i:nth-child(-n+1){background:#ef4444}.usa-fld-meter[data-score=\"2\"] i:nth-child(-n+2){background:#f59e0b}.usa-fld-meter[data-score=\"3\"] i:nth-child(-n+3){background:#84cc16}.usa-fld-meter[data-score=\"4\"] i{background:#16a34a}.usa-fld-msg{margin:4px 0 0;min-height:1.3em;font-size:12px;color:var(--usa-fld-muted,#64748b)}usa-field[data-invalid] .usa-fld-msg{color:var(--usa-fld-bad)}@media (prefers-reduced-motion:reduce){.usa-fld-label,.usa-fld-line,.usa-fld-ok path,.usa-fld-meter i{transition:none}}";
|
|
6328
6329
|
|
|
6329
6330
|
/** 0–4 password strength score with a label (7.7). */
|
|
6330
6331
|
function passwordStrength(pw) {
|
|
@@ -6346,7 +6347,7 @@ function passwordStrength(pw) {
|
|
|
6346
6347
|
const score = Math.min(4, s);
|
|
6347
6348
|
return { score, label: ['Too short', 'Weak', 'Fair', 'Good', 'Strong'][score] };
|
|
6348
6349
|
}
|
|
6349
|
-
const esc$
|
|
6350
|
+
const esc$c = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6350
6351
|
let uid$2 = 0;
|
|
6351
6352
|
const PASS = ['type', 'name', 'required', 'pattern', 'minlength', 'maxlength', 'autocomplete', 'inputmode', 'placeholder'];
|
|
6352
6353
|
function defineField(tag = 'usa-field') {
|
|
@@ -6380,9 +6381,9 @@ function defineField(tag = 'usa-field') {
|
|
|
6380
6381
|
const id = this._id;
|
|
6381
6382
|
const strength = this.flag('strength');
|
|
6382
6383
|
const attrs = PASS.filter((a) => this.hasAttribute(a))
|
|
6383
|
-
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$
|
|
6384
|
+
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$c(this.str(a))}"`))
|
|
6384
6385
|
.join('');
|
|
6385
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-fld" data-usa-part><input class="usa-fld-input" id="${id}"${attrs} aria-describedby="${id}-msg"${this.hasAttribute('type') ? '' : ' type="text"'}><label class="usa-fld-label" for="${id}">${esc$
|
|
6386
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-fld" data-usa-part><input class="usa-fld-input" id="${id}"${attrs} aria-describedby="${id}-msg"${this.hasAttribute('type') ? '' : ' type="text"'}><label class="usa-fld-label" for="${id}">${esc$c(this.str('label', 'Label'))}</label><span class="usa-fld-line" aria-hidden="true"></span><svg class="usa-fld-ok" viewBox="0 0 24 24" aria-hidden="true"><path pathLength="1" d="M5 12.5l4.5 4.5L19 7.5"/></svg>${strength ? '<div class="usa-fld-meter" aria-hidden="true"><i></i><i></i><i></i><i></i></div>' : ''}<p class="usa-fld-msg" id="${id}-msg" aria-live="polite">${esc$c(this.str('hint'))}</p></div>`);
|
|
6386
6387
|
const input = this.input;
|
|
6387
6388
|
input.value = keep;
|
|
6388
6389
|
this.listen(input, 'input', () => {
|
|
@@ -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$r });
|
|
6454
6455
|
}
|
|
6455
6456
|
|
|
6456
|
-
var css$
|
|
6457
|
+
var css$q = "usa-otp{display:inline-block;max-width:100%;--usa-otp-accent:#6366f1;--usa-otp-size:44px}.usa-otp{display:flex;gap:var(--usa-otp-gap,8px)}.usa-otp-box{box-sizing:border-box;width:var(--usa-otp-size);height:calc(var(--usa-otp-size)*1.18);min-width:0;flex:0 1 auto;padding:0;text-align:center;font:700 calc(var(--usa-otp-size)*.48)/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:inherit;background:var(--usa-otp-bg,rgba(148,163,184,.12));border:2px solid var(--usa-otp-rule,rgba(100,116,139,.35));border-radius:10px;outline:none;caret-color:var(--usa-otp-accent);transition:border-color .2s,box-shadow .2s,background .2s}.usa-otp-box:focus{border-color:var(--usa-otp-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--usa-otp-accent) 22%,transparent)}.usa-otp-box[data-filled]{border-color:color-mix(in srgb,var(--usa-otp-accent) 60%,transparent)}usa-otp[data-state=error] .usa-otp-box{border-color:#e11d48;background:rgba(225,29,72,.08)}usa-otp[data-state=success] .usa-otp-box{border-color:#16a34a;background:rgba(22,163,74,.1);color:#15803d}@media (prefers-reduced-motion:reduce){.usa-otp-box{transition:none}}";
|
|
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$q });
|
|
6588
6589
|
}
|
|
6589
6590
|
|
|
6590
|
-
var css$
|
|
6591
|
+
var css$p = "usa-upload-progress{display:block;width:var(--usa-up-w,300px);max-width:100%;font:500 13px/1.3 system-ui,sans-serif;--usa-up-accent:#6366f1}.usa-up{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--usa-up-bg,rgba(148,163,184,.1));border:1px solid rgba(100,116,139,.18)}.usa-up-icon{flex:none;display:grid;place-items:center;width:34px;height:40px;border-radius:6px;background:var(--usa-up-accent);color:#fff;font:800 9px/1 system-ui,sans-serif;letter-spacing:.04em}.usa-up-main{flex:1;min-width:0}.usa-up-top,.usa-up-sub{display:flex;align-items:center;gap:8px}.usa-up-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.usa-up-pct{font-variant-numeric:tabular-nums;font-weight:700;color:var(--usa-up-accent)}.usa-up-track{position:relative;height:6px;margin:6px 0 4px;border-radius:3px;background:rgba(100,116,139,.2);overflow:hidden}.usa-up-fill{position:absolute;inset:0;border-radius:inherit;background:var(--usa-up-accent);transform-origin:0 50%;transform:scaleX(0);overflow:hidden}usa-upload-progress[data-state=uploading] .usa-up-fill::after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:usa-up-shine 1.2s linear infinite}@keyframes usa-up-shine{to{transform:translateX(100%)}}.usa-up-sub{font-size:11.5px;color:var(--usa-up-muted,#64748b)}.usa-up-msg{flex:1;color:#e11d48}.usa-up-retry{display:none;border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--usa-up-accent);cursor:pointer}usa-upload-progress[data-state=error] .usa-up-retry{display:inline}usa-upload-progress[data-state=error] .usa-up-fill{background:#e11d48}usa-upload-progress[data-state=error] .usa-up-icon{background:#e11d48}usa-upload-progress[data-state=done] .usa-up-fill{background:#16a34a}.usa-up-ok{flex:none;width:0;height:24px;fill:none;stroke:#16a34a;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:width .25s}.usa-up-ok circle{opacity:.25}.usa-up-ok path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .4s .15s ease-out}usa-upload-progress[data-state=done] .usa-up-ok{width:24px}usa-upload-progress[data-state=done] .usa-up-ok path{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.usa-up-fill::after{animation:none!important;display:none}.usa-up-ok,.usa-up-ok path{transition:none}}";
|
|
6591
6592
|
|
|
6592
6593
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6593
6594
|
function formatBytes(n) {
|
|
@@ -6601,7 +6602,7 @@ function formatBytes(n) {
|
|
|
6601
6602
|
}
|
|
6602
6603
|
return `${i === 0 ? Math.round(n) : n < 10 ? n.toFixed(1) : Math.round(n)} ${u[i]}`;
|
|
6603
6604
|
}
|
|
6604
|
-
const esc$
|
|
6605
|
+
const esc$b = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6605
6606
|
function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
6606
6607
|
return base.defineElement(tag, (Base) => {
|
|
6607
6608
|
class UsaUploadProgress extends Base {
|
|
@@ -6629,7 +6630,7 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6629
6630
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6630
6631
|
const name = this.str('name', 'file');
|
|
6631
6632
|
const size = formatBytes(this.num('size', NaN));
|
|
6632
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$
|
|
6633
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$b((name.split('.').pop() || '').slice(0, 4).toUpperCase())}</span><div class="usa-up-main"><div class="usa-up-top"><span class="usa-up-name">${esc$b(name)}</span><span class="usa-up-pct"></span></div><div class="usa-up-track" role="progressbar" aria-label="Uploading ${esc$b(name)}" aria-valuemin="0" aria-valuemax="100"><span class="usa-up-fill"></span></div><div class="usa-up-sub"><span class="usa-up-size">${esc$b(size)}</span><span class="usa-up-msg" aria-live="polite"></span><button type="button" class="usa-up-retry">Retry</button></div></div><svg class="usa-up-ok" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path pathLength="1" d="M7 12.5l3.2 3.2L17 9"/></svg></div>`);
|
|
6633
6634
|
this.listen(this.querySelector('.usa-up-retry'), 'click', () => this.emit('retry', { name }));
|
|
6634
6635
|
this._shown = 0;
|
|
6635
6636
|
this.render(true);
|
|
@@ -6670,12 +6671,12 @@ 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$p });
|
|
6674
6675
|
}
|
|
6675
6676
|
|
|
6676
|
-
var css$
|
|
6677
|
+
var css$o = "usa-chat-composer{display:block;width:var(--usa-cc-w,100%);max-width:100%;font:500 14px/1.45 system-ui,sans-serif;--usa-cc-accent:#6366f1}.usa-cc{position:relative;display:flex;align-items:flex-end;gap:8px;padding:8px 8px 8px 14px;border-radius:22px;background:var(--usa-cc-bg,#fff);color:var(--usa-cc-fg,#0f172a);border:1px solid rgba(100,116,139,.28);box-shadow:0 6px 20px -12px rgba(15,23,42,.4)}.usa-cc-glow{position:absolute;inset:-2px;border-radius:24px;padding:2px;background:conic-gradient(from var(--usa-cc-a,0deg),#6366f1,#ec4899,#f59e0b,#22d3ee,#6366f1);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}@property --usa-cc-a{syntax:\"<angle>\";inherits:false;initial-value:0deg}usa-chat-composer[data-busy] .usa-cc-glow{opacity:1;animation:usa-cc-spin 2.4s linear infinite}@keyframes usa-cc-spin{to{--usa-cc-a:360deg}}.usa-cc-input{flex:1;min-width:0;resize:none;border:0;outline:none;background:transparent;color:inherit;font:inherit;padding:6px 0;max-height:12em;overflow-y:auto}.usa-cc-send{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:0;background:rgba(100,116,139,.25);color:#fff;cursor:pointer;transition:background .2s}usa-chat-composer[data-ready] .usa-cc-send{background:var(--usa-cc-accent)}.usa-cc-send:focus-visible{outline:2px solid var(--usa-cc-accent);outline-offset:2px}.usa-cc-send svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.usa-cc-arrow{transition:transform .25s,opacity .2s;transform-origin:center}.usa-cc-stop{fill:currentColor;stroke:none;opacity:0;transform:scale(.4);transform-origin:12px 12px;transition:transform .25s,opacity .2s}usa-chat-composer[data-busy] .usa-cc-arrow{opacity:0;transform:scale(.4)}usa-chat-composer[data-busy] .usa-cc-stop{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){usa-chat-composer[data-busy] .usa-cc-glow{animation:none}.usa-cc-arrow,.usa-cc-stop,.usa-cc-glow{transition:none}}";
|
|
6677
6678
|
|
|
6678
|
-
const esc$
|
|
6679
|
+
const esc$a = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6679
6680
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
6680
6681
|
return base.defineElement(tag, (Base) => {
|
|
6681
6682
|
class UsaChatComposer extends Base {
|
|
@@ -6705,7 +6706,7 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6705
6706
|
const keep = this.area?.value ?? this.str('value');
|
|
6706
6707
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6707
6708
|
const label = this.str('label', 'Message');
|
|
6708
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-cc" data-usa-part><span class="usa-cc-glow" aria-hidden="true"></span><textarea class="usa-cc-input" rows="1" aria-label="${esc$
|
|
6709
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-cc" data-usa-part><span class="usa-cc-glow" aria-hidden="true"></span><textarea class="usa-cc-input" rows="1" aria-label="${esc$a(label)}" placeholder="${esc$a(this.str('placeholder', 'Ask anything…'))}"></textarea><button type="button" class="usa-cc-send" aria-label="Send"><svg viewBox="0 0 24 24" aria-hidden="true"><path class="usa-cc-arrow" d="M12 19V5M5.5 11.5L12 5l6.5 6.5"/><rect class="usa-cc-stop" x="7" y="7" width="10" height="10" rx="2"/></svg></button></div>`);
|
|
6709
6710
|
const a = this.area;
|
|
6710
6711
|
a.value = keep;
|
|
6711
6712
|
this.listen(a, 'input', () => this.sync());
|
|
@@ -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$o });
|
|
6775
6776
|
}
|
|
6776
6777
|
|
|
6777
|
-
var css$
|
|
6778
|
+
var css$n = "usa-suggestion-chips{display:block;max-width:100%;font:500 13px/1.2 system-ui,sans-serif;--usa-sc-accent:#6366f1}.usa-sc{display:flex;flex-wrap:wrap;gap:8px}.usa-sc>span{display:contents}.usa-sc-chip{padding:8px 13px;border-radius:999px;border:1px solid color-mix(in srgb,var(--usa-sc-accent) 35%,transparent);background:color-mix(in srgb,var(--usa-sc-accent) 8%,var(--usa-sc-bg,#fff));color:inherit;font:inherit;cursor:pointer;transition:background .2s,border-color .2s,opacity .3s,transform .3s}.usa-sc-chip:hover,.usa-sc-chip:focus-visible{background:color-mix(in srgb,var(--usa-sc-accent) 16%,var(--usa-sc-bg,#fff));outline:none;border-color:var(--usa-sc-accent)}.usa-sc-chip[data-picked]{background:var(--usa-sc-accent);border-color:var(--usa-sc-accent);color:#fff}.usa-sc-chip[data-gone]{opacity:0;transform:scale(.85);pointer-events:none}@media (prefers-reduced-motion:reduce){.usa-sc-chip{transition:none}}";
|
|
6778
6779
|
|
|
6779
6780
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6780
6781
|
function parseChips(s) {
|
|
@@ -6783,7 +6784,7 @@ function parseChips(s) {
|
|
|
6783
6784
|
.map((t) => t.trim())
|
|
6784
6785
|
.filter(Boolean);
|
|
6785
6786
|
}
|
|
6786
|
-
const esc$
|
|
6787
|
+
const esc$9 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6787
6788
|
function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
6788
6789
|
return base.defineElement(tag, (Base) => {
|
|
6789
6790
|
class UsaSuggestionChips extends Base {
|
|
@@ -6818,7 +6819,7 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6818
6819
|
Array.from(this.children).forEach((c) => !c.hasAttribute('data-usa-part') && c.setAttribute('hidden', ''));
|
|
6819
6820
|
}
|
|
6820
6821
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6821
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$
|
|
6822
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$9(this.str('label', 'Suggestions'))}" data-usa-part>${items.map((t, i) => `<span role="listitem"><button type="button" class="usa-sc-chip" data-i="${i}">${esc$9(t)}</button></span>`).join('')}</div>`);
|
|
6822
6823
|
const chips = Array.from(this.querySelectorAll('.usa-sc-chip'));
|
|
6823
6824
|
chips.forEach((c, i) => {
|
|
6824
6825
|
this.listen(c, 'click', () => this.pick(i));
|
|
@@ -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$n });
|
|
6863
6864
|
}
|
|
6864
6865
|
|
|
6865
|
-
var css$
|
|
6866
|
+
var css$m = "usa-voice-button{display:inline-block;--usa-vb-accent:#6366f1;--usa-vb-size:52px}.usa-vb{display:flex;align-items:center;gap:12px}.usa-vb-btn{position:relative;display:grid;place-items:center;width:var(--usa-vb-size);height:var(--usa-vb-size);border-radius:50%;border:0;background:var(--usa-vb-idle,#e2e8f0);color:#334155;cursor:pointer;transition:background .2s,color .2s}.usa-vb-btn:focus-visible{outline:2px solid var(--usa-vb-accent);outline-offset:3px}.usa-vb-btn svg{position:relative;width:46%;height:46%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.usa-vb-btn svg rect{fill:currentColor;stroke:none}.usa-vb-halo{position:absolute;inset:0;border-radius:50%;background:var(--usa-vb-accent);opacity:0;transition:transform .12s linear}usa-voice-button[listening] .usa-vb-btn{background:var(--usa-vb-accent);color:#fff}usa-voice-button[listening] .usa-vb-halo{opacity:.25;animation:usa-vb-breathe 1.6s ease-in-out infinite}usa-voice-button[data-live] .usa-vb-halo{animation:none}@keyframes usa-vb-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}.usa-vb-bars{display:flex;align-items:center;gap:3px;height:calc(var(--usa-vb-size)*.6);opacity:.25;transition:opacity .2s}.usa-vb-bars i{display:block;width:4px;height:100%;border-radius:2px;background:var(--usa-vb-accent);transform:scaleY(.15);transition:transform .1s linear}usa-voice-button[listening] .usa-vb-bars{opacity:1}usa-voice-button[listening]:not([data-live]) .usa-vb-bars i{animation:usa-vb-wave 1s ease-in-out infinite}.usa-vb-bars i:nth-child(2){animation-delay:-.15s!important}.usa-vb-bars i:nth-child(3){animation-delay:-.3s!important}.usa-vb-bars i:nth-child(4){animation-delay:-.45s!important}.usa-vb-bars i:nth-child(5){animation-delay:-.6s!important}.usa-vb-bars i:nth-child(6){animation-delay:-.75s!important}.usa-vb-bars i:nth-child(7){animation-delay:-.9s!important}@keyframes usa-vb-wave{0%,100%{transform:scaleY(.2)}50%{transform:scaleY(.9)}}@media (prefers-reduced-motion:reduce){usa-voice-button[listening] .usa-vb-halo,usa-voice-button[listening] .usa-vb-bars i{animation:none!important}.usa-vb-bars i{transition:none}}";
|
|
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$m });
|
|
6938
6939
|
}
|
|
6939
6940
|
|
|
6940
|
-
var css$
|
|
6941
|
+
var css$l = "usa-command-palette{display:contents;--usa-cp-accent:#6366f1}usa-command-palette>option{display:none}.usa-cp{width:min(560px,calc(100vw - 24px));max-width:none;padding:0;margin:12vh auto auto;border:0;border-radius:16px;background:transparent;color:inherit;overflow:visible}.usa-cp::backdrop{background:rgba(15,23,42,.35);backdrop-filter:blur(3px)}.usa-cp-box{border-radius:16px;background:var(--usa-cp-bg,#fff);color:var(--usa-cp-fg,#0f172a);box-shadow:0 24px 60px -20px rgba(15,23,42,.55);border:1px solid rgba(100,116,139,.2);overflow:hidden;font:500 14px/1.3 system-ui,sans-serif}.usa-cp-q{box-sizing:border-box;width:100%;padding:16px 18px;border:0;border-bottom:1px solid rgba(100,116,139,.18);background:transparent;color:inherit;font:inherit;font-size:16px;outline:none}.usa-cp-list{position:relative;max-height:min(340px,50vh);overflow-y:auto;padding:6px}.usa-cp-hl{position:absolute;left:6px;right:6px;top:0;border-radius:10px;background:color-mix(in srgb,var(--usa-cp-accent) 12%,transparent);pointer-events:none;opacity:0}.usa-cp-group{padding:8px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.55}.usa-cp-item{position:relative;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;cursor:pointer}.usa-cp-item[aria-selected=true] .usa-cp-label{color:var(--usa-cp-accent)}.usa-cp-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-cp-label mark{background:none;color:var(--usa-cp-accent);font-weight:800}.usa-cp-keys{display:flex;gap:3px}.usa-cp-keys kbd,usa-shortcut kbd{display:inline-grid;place-items:center;min-width:1.6em;padding:2px 5px;border-radius:5px;border:1px solid rgba(100,116,139,.35);border-bottom-width:2px;background:var(--usa-kbd-bg,rgba(148,163,184,.12));font:600 11px/1.3 system-ui,sans-serif;color:inherit}.usa-cp-empty{margin:0;padding:18px;text-align:center;opacity:.6}usa-command-palette[inline]{display:block;width:var(--usa-cp-w,100%);max-width:100%}usa-command-palette[inline] .usa-cp{position:static;width:100%;margin:0}usa-command-palette[inline] .usa-cp-box{box-shadow:0 12px 30px -18px rgba(15,23,42,.45)}";
|
|
6941
6942
|
|
|
6942
6943
|
/**
|
|
6943
6944
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -6996,7 +6997,7 @@ function matchesKeys(e, keys, apple = isApple()) {
|
|
|
6996
6997
|
function isApple() {
|
|
6997
6998
|
return typeof navigator !== 'undefined' && /Mac|iPhone|iPad|iPod/.test(navigator.userAgentData?.platform || navigator.platform || navigator.userAgent || '');
|
|
6998
6999
|
}
|
|
6999
|
-
const esc$
|
|
7000
|
+
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7000
7001
|
let uid$1 = 0;
|
|
7001
7002
|
function defineCommandPalette(tag = 'usa-command-palette') {
|
|
7002
7003
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7033,7 +7034,7 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7033
7034
|
mount() {
|
|
7034
7035
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7035
7036
|
const id = this._id;
|
|
7036
|
-
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$
|
|
7037
|
+
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$8(this.str('label', 'Command palette'))}"><div class="usa-cp-box"><input class="usa-cp-q" role="combobox" aria-expanded="true" aria-controls="${id}-list" aria-autocomplete="list" autocomplete="off" spellcheck="false" placeholder="${esc$8(this.str('placeholder', 'Type a command or search…'))}"><div class="usa-cp-list" id="${id}-list" role="listbox"><span class="usa-cp-hl" aria-hidden="true"></span></div><p class="usa-cp-empty" hidden>No results</p></div></dialog>`);
|
|
7037
7038
|
const dlg = this.dlg;
|
|
7038
7039
|
const q = this.querySelector('.usa-cp-q');
|
|
7039
7040
|
this.listen(q, 'input', () => this.render(true));
|
|
@@ -7088,12 +7089,12 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7088
7089
|
if (!q && c.group !== group) {
|
|
7089
7090
|
group = c.group;
|
|
7090
7091
|
if (group)
|
|
7091
|
-
html += `<div class="usa-cp-group" role="presentation">${esc$
|
|
7092
|
+
html += `<div class="usa-cp-group" role="presentation">${esc$8(group)}</div>`;
|
|
7092
7093
|
}
|
|
7093
7094
|
const label = Array.from(c.label)
|
|
7094
|
-
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$
|
|
7095
|
+
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$8(ch)}</mark>` : esc$8(ch)))
|
|
7095
7096
|
.join('');
|
|
7096
|
-
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$
|
|
7097
|
+
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$8(k)}</kbd>`).join('')}</span>` : '';
|
|
7097
7098
|
html += `<div class="usa-cp-item" role="option" id="${this._id}-o${i}" data-i="${i}" aria-selected="false"><span class="usa-cp-label">${label}</span>${keys}</div>`;
|
|
7098
7099
|
});
|
|
7099
7100
|
list.insertAdjacentHTML('beforeend', html);
|
|
@@ -7196,13 +7197,13 @@ 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$l });
|
|
7200
7201
|
}
|
|
7201
7202
|
|
|
7202
|
-
var css$
|
|
7203
|
+
var css$k = "usa-shortcut{display:inline-block;font:500 13px/1.3 system-ui,sans-serif}.usa-sk{display:inline-flex;align-items:center;gap:8px}.usa-sk-caps{display:inline-flex;gap:4px}usa-shortcut kbd{display:inline-grid;place-items:center;min-width:1.9em;height:1.9em;padding:0 6px;box-sizing:border-box;border-radius:6px;border:1px solid rgba(100,116,139,.4);border-bottom-width:3px;background:var(--usa-kbd-bg,#fff);color:inherit;font:600 12px/1 system-ui,sans-serif;box-shadow:0 1px 0 rgba(15,23,42,.08)}usa-shortcut[data-pressed] kbd{background:var(--usa-kbd-on,#eef2ff);border-color:var(--usa-kbd-accent,#6366f1)}.usa-sk-label{opacity:.75}";
|
|
7203
7204
|
|
|
7204
7205
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7205
|
-
const esc$
|
|
7206
|
+
const esc$7 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7206
7207
|
function defineShortcut(tag = 'usa-shortcut') {
|
|
7207
7208
|
return base.defineElement(tag, (Base) => {
|
|
7208
7209
|
class UsaShortcut extends Base {
|
|
@@ -7217,7 +7218,7 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7217
7218
|
const labels = this.labels;
|
|
7218
7219
|
const spoken = labels.map((l) => SPOKEN[l] || l).join(' ');
|
|
7219
7220
|
const text = this.str('label');
|
|
7220
|
-
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$
|
|
7221
|
+
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$7(spoken)}">${labels.map((l) => `<kbd aria-hidden="true">${esc$7(l)}</kbd>`).join('')}</span>${text ? `<span class="usa-sk-label">${esc$7(text)}</span>` : ''}</span>`);
|
|
7221
7222
|
if (this.str('listen') !== 'false')
|
|
7222
7223
|
this.listen(document, 'keydown', (e) => {
|
|
7223
7224
|
if (!e.repeat && matchesKeys(e, this.str('keys', 'mod+k'))) {
|
|
@@ -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$k });
|
|
7254
7255
|
}
|
|
7255
7256
|
|
|
7256
|
-
var css$
|
|
7257
|
+
var css$j = "usa-clock-control{display:inline-block;font:600 12.5px/1 system-ui,sans-serif;--usa-clk-accent:#6366f1}.usa-clk{display:inline-flex;align-items:center;gap:8px;padding:5px;border-radius:999px;background:var(--usa-clk-bg,rgba(148,163,184,.14));border:1px solid rgba(100,116,139,.2)}.usa-clk-play{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:0;background:var(--usa-clk-accent);color:#fff;cursor:pointer}.usa-clk-play:focus-visible,.usa-clk-speed:focus-visible{outline:2px solid var(--usa-clk-accent);outline-offset:2px}.usa-clk-play svg{width:15px;height:15px;fill:currentColor}.usa-clk-tri{opacity:0;transform-origin:center;transition:opacity .15s}usa-clock-control[data-paused] .usa-clk-tri{opacity:1}usa-clock-control[data-paused] .usa-clk-bar{opacity:0}.usa-clk-speeds{position:relative;display:flex}.usa-clk-ink{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--usa-clk-ink,#fff);box-shadow:0 1px 4px rgba(15,23,42,.18);transition:transform .25s cubic-bezier(.2,.8,.2,1),width .25s;opacity:0}.usa-clk-speed{position:relative;padding:8px 10px;border:0;background:none;color:inherit;font:inherit;cursor:pointer;border-radius:999px;font-variant-numeric:tabular-nums}.usa-clk-speed[aria-checked=true]{color:var(--usa-clk-accent)}@media (prefers-reduced-motion:reduce){.usa-clk-ink{transition:none}}";
|
|
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$j });
|
|
7316
7317
|
}
|
|
7317
7318
|
|
|
7318
|
-
var css$
|
|
7319
|
+
var css$i = "usa-hydrate{display:block}";
|
|
7319
7320
|
|
|
7320
7321
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7321
7322
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7351,12 +7352,12 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7351
7352
|
}
|
|
7352
7353
|
}
|
|
7353
7354
|
return UsaHydrate;
|
|
7354
|
-
}, { id: 'hydrate', text: css$
|
|
7355
|
+
}, { id: 'hydrate', text: css$i });
|
|
7355
7356
|
}
|
|
7356
7357
|
|
|
7357
|
-
var css$
|
|
7358
|
+
var css$h = "usa-red-envelope{display:inline-block;--usa-re-w:150px;--usa-re-red:#dc2626;--usa-re-gold:#facc15}.usa-re{position:relative;display:block;width:var(--usa-re-w);height:calc(var(--usa-re-w)*1.35);padding:0;border:0;background:none;cursor:pointer;perspective:600px;font:600 14px/1.2 system-ui,sans-serif}.usa-re:focus-visible{outline:2px solid var(--usa-re-gold);outline-offset:4px;border-radius:12px}.usa-re-body{position:absolute;inset:0;border-radius:12px;background:linear-gradient(160deg,#ef4444,var(--usa-re-red) 60%,#b91c1c);box-shadow:0 12px 24px -12px rgba(127,29,29,.7);display:flex;align-items:flex-end;justify-content:center;padding-bottom:18%;z-index:2}.usa-re-msg{color:var(--usa-re-gold);font-size:calc(var(--usa-re-w)*.13);letter-spacing:.1em}.usa-re-flap{position:absolute;left:0;right:0;top:0;height:42%;border-radius:12px 12px 50% 50%/12px 12px 40% 40%;background:linear-gradient(#f87171,#dc2626);transform-origin:50% 0;z-index:3;display:grid;place-items:end center;box-shadow:0 4px 8px rgba(127,29,29,.35);transition:transform .45s ease-in-out}usa-red-envelope[data-open] .usa-re-flap{transform:rotateX(180deg);z-index:0;opacity:.85}.usa-re-seal{display:grid;place-items:center;width:30%;aspect-ratio:1;margin-bottom:-15%;border-radius:50%;background:var(--usa-re-gold);color:var(--usa-re-red);font-size:calc(var(--usa-re-w)*.14);font-weight:900;box-shadow:0 2px 6px rgba(0,0,0,.25)}usa-red-envelope[data-open] .usa-re-seal{visibility:hidden}.usa-re-card{position:absolute;left:8%;right:8%;top:6%;height:70%;border-radius:8px;background:#fff7ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:1;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}usa-red-envelope[data-open] .usa-re-card{transform:translateY(-46%);z-index:3;box-shadow:0 6px 14px -6px rgba(127,29,29,.5)}.usa-re-amt{color:var(--usa-re-red);font-size:calc(var(--usa-re-w)*.16);font-weight:900;font-variant-numeric:tabular-nums}.usa-re-from{font-size:11px;color:#92400e}.usa-re-coins{position:absolute;left:50%;top:40%;z-index:4}.usa-re-coins i{position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fef08a,var(--usa-re-gold) 60%,#ca8a04);box-shadow:0 1px 3px rgba(0,0,0,.3)}.usa-re-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.usa-re-flap,.usa-re-card{transition:none}}";
|
|
7358
7359
|
|
|
7359
|
-
const esc$
|
|
7360
|
+
const esc$6 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7360
7361
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
7361
7362
|
return base.defineElement(tag, (Base) => {
|
|
7362
7363
|
class UsaRedEnvelope extends Base {
|
|
@@ -7369,7 +7370,7 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7369
7370
|
mount() {
|
|
7370
7371
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7371
7372
|
const msg = this.str('message', '恭喜发财');
|
|
7372
|
-
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$
|
|
7373
|
+
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$6(`Open red envelope${this.str('from') ? ` from ${this.str('from')}` : ''}`)}" data-usa-part><span class="usa-re-card" aria-hidden="true"><span class="usa-re-amt"></span><span class="usa-re-from">${esc$6(this.str('from'))}</span></span><span class="usa-re-body"><span class="usa-re-msg">${esc$6(msg)}</span></span><span class="usa-re-flap"><span class="usa-re-seal">福</span></span><span class="usa-re-coins" aria-hidden="true"></span><span class="usa-re-live" aria-live="polite"></span></button>`);
|
|
7373
7374
|
this.listen(this.querySelector('.usa-re'), 'click', () => (this.opened ? this.close() : this.open()));
|
|
7374
7375
|
if (this.flag('opened'))
|
|
7375
7376
|
this.open(true);
|
|
@@ -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$h });
|
|
7422
7423
|
}
|
|
7423
7424
|
|
|
7424
|
-
var css$
|
|
7425
|
+
var css$g = "usa-festival-banner{position:relative;display:block;overflow:hidden;padding:18px 44px 18px 20px;border-radius:14px;color:#fff;font:700 15px/1.35 system-ui,sans-serif;isolation:isolate;background:linear-gradient(120deg,#b91c1c,#dc2626 55%,#ea580c)}usa-festival-banner[data-theme=xmas]{background:linear-gradient(120deg,#14532d,#166534 55%,#b91c1c)}usa-festival-banner[data-theme=halloween]{background:linear-gradient(120deg,#1e1b4b,#4c1d95 60%,#c2410c)}usa-festival-banner[data-theme=fireworks]{background:linear-gradient(120deg,#0f172a,#1e293b 60%,#312e81)}.usa-fb-scene{position:absolute;inset:0;z-index:-1;pointer-events:none}.usa-fb-scene i{position:absolute;display:block;font-style:normal;animation-play-state:paused}usa-festival-banner[data-live] .usa-fb-scene i{animation-play-state:running}.usa-fb-lantern{left:var(--x);top:-4px;width:18px;height:24px;border-radius:45%;background:radial-gradient(circle at 50% 40%,#fde68a,#f97316 45%,#b91c1c);box-shadow:0 0 14px rgba(251,191,36,.7);transform-origin:50% -10px;animation:usa-fb-sway 2.6s ease-in-out var(--d) infinite alternate}.usa-fb-lantern::after{content:\"\";position:absolute;left:50%;bottom:-8px;width:2px;height:8px;background:#facc15;transform:translateX(-50%)}@keyframes usa-fb-sway{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.usa-fb-spark{left:var(--x);bottom:-6px;width:4px;height:4px;border-radius:50%;background:#fde047;box-shadow:0 0 6px #fde047;animation:usa-fb-rise 4s linear var(--d) infinite}@keyframes usa-fb-rise{from{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(-90px);opacity:0}}.usa-fb-light{left:var(--x);top:3px;width:8px;height:11px;border-radius:50% 50% 45% 45%;background:#fde047;box-shadow:0 0 8px #fde047;animation:usa-fb-twinkle 1.2s ease-in-out var(--d) infinite alternate}.usa-fb-light:nth-child(3n){background:#f87171;box-shadow:0 0 8px #f87171}.usa-fb-light:nth-child(3n+1){background:#60a5fa;box-shadow:0 0 8px #60a5fa}@keyframes usa-fb-twinkle{from{opacity:.35}to{opacity:1}}.usa-fb-snow{left:var(--x);top:-8px;width:6px;height:6px;border-radius:50%;background:#fff;opacity:.85;animation:usa-fb-fall 6s linear var(--d) infinite}@keyframes usa-fb-fall{to{transform:translate(14px,120px)}}.usa-fb-moon{right:18%;top:10%;width:34px;height:34px;border-radius:50%;background:#fde68a;box-shadow:0 0 24px 6px rgba(253,230,138,.55);animation:usa-fb-glow 3s ease-in-out infinite alternate}@keyframes usa-fb-glow{to{box-shadow:0 0 34px 12px rgba(253,230,138,.75)}}.usa-fb-bat{left:-24px;top:var(--y);font-size:16px;animation:usa-fb-fly 7s linear var(--d) infinite}@keyframes usa-fb-fly{0%{transform:translate(0,0)}25%{transform:translate(28vw,-8px)}50%{transform:translate(56vw,6px)}100%{transform:translate(120vw,-4px)}}.usa-fb-rocket{left:var(--x);bottom:20%;width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 0 0 var(--c),14px 0 0 -1px var(--c),-14px 0 0 -1px var(--c),0 14px 0 -1px var(--c),0 -14px 0 -1px var(--c),10px 10px 0 -1px var(--c),-10px -10px 0 -1px var(--c),10px -10px 0 -1px var(--c),-10px 10px 0 -1px var(--c);animation:usa-fb-boom 2.4s ease-out var(--d) infinite}@keyframes usa-fb-boom{0%{transform:translateY(40px) scale(.1);opacity:0}30%{transform:translateY(0) scale(.2);opacity:1}60%{transform:scale(1.2);opacity:1}100%{transform:scale(1.5);opacity:0}}.usa-fb-x{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:18px;line-height:1;cursor:pointer}.usa-fb-x:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (prefers-reduced-motion:reduce){.usa-fb-scene i{animation:none!important}}";
|
|
7425
7426
|
|
|
7426
7427
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7427
7428
|
const SCENES = {
|
|
@@ -7469,12 +7470,12 @@ 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$g });
|
|
7473
7474
|
}
|
|
7474
7475
|
|
|
7475
|
-
var css$
|
|
7476
|
+
var css$f = "usa-terminal{display:block;width:var(--usa-term-w,100%);max-width:100%;--usa-term-bg:#0f172a;--usa-term-fg:#e2e8f0;--usa-term-accent:#22c55e}usa-terminal[data-theme=green]{--usa-term-bg:#03140a;--usa-term-fg:#4ade80;--usa-term-accent:#86efac}usa-terminal[data-theme=amber]{--usa-term-bg:#1a1003;--usa-term-fg:#fbbf24;--usa-term-accent:#fde68a}.usa-term{border-radius:10px;overflow:hidden;background:var(--usa-term-bg);color:var(--usa-term-fg);box-shadow:0 16px 36px -18px rgba(0,0,0,.6);font:500 12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}usa-terminal[data-theme=green] .usa-term,usa-terminal[data-theme=amber] .usa-term{text-shadow:0 0 6px currentColor}.usa-term-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;background:rgba(255,255,255,.06)}.usa-term-bar i{width:10px;height:10px;border-radius:50%;background:#ef4444}.usa-term-bar i:nth-child(2){background:#f59e0b}.usa-term-bar i:nth-child(3){background:#22c55e}.usa-term-bar span{flex:1;text-align:center;margin-right:40px;opacity:.6;font-size:11px}.usa-term-body{min-height:var(--usa-term-h,120px);padding:10px 12px 12px}.usa-term-body p{margin:0;white-space:pre-wrap;word-break:break-word}.usa-term-ps{color:var(--usa-term-accent)}.usa-term-out{opacity:.8}.usa-term-cursor{display:inline-block;width:.6em;height:1.15em;margin-left:1px;vertical-align:text-bottom;background:currentColor;animation:usa-term-blink 1s steps(1) infinite}@keyframes usa-term-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.usa-term-cursor{animation:none}}";
|
|
7476
7477
|
|
|
7477
|
-
const esc$
|
|
7478
|
+
const esc$5 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7478
7479
|
function defineTerminal(tag = 'usa-terminal') {
|
|
7479
7480
|
return base.defineElement(tag, (Base) => {
|
|
7480
7481
|
class UsaTerminal extends Base {
|
|
@@ -7494,7 +7495,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7494
7495
|
src.forEach((c) => c.remove());
|
|
7495
7496
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7496
7497
|
this.setAttribute('data-theme', ['green', 'amber'].includes(this.str('theme')) ? this.str('theme') : 'dark');
|
|
7497
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-term" data-usa-part><div class="usa-term-bar" aria-hidden="true"><i></i><i></i><i></i><span>${esc$
|
|
7498
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-term" data-usa-part><div class="usa-term-bar" aria-hidden="true"><i></i><i></i><i></i><span>${esc$5(this.str('title', 'terminal'))}</span></div><div class="usa-term-body" role="log" aria-label="${esc$5(this.str('title', 'Terminal'))}"></div></div>`);
|
|
7498
7499
|
let started = false;
|
|
7499
7500
|
this.inView((v) => {
|
|
7500
7501
|
if (v && !started) {
|
|
@@ -7509,7 +7510,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7509
7510
|
const p = document.createElement('p');
|
|
7510
7511
|
p.className = l.cmd ? 'usa-term-cmd' : 'usa-term-out';
|
|
7511
7512
|
if (l.cmd)
|
|
7512
|
-
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$
|
|
7513
|
+
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$5(this.str('prompt', '$'))} </span><span class="usa-term-tx"></span>`;
|
|
7513
7514
|
body.appendChild(p);
|
|
7514
7515
|
return p;
|
|
7515
7516
|
}
|
|
@@ -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$f });
|
|
7587
7588
|
}
|
|
7588
7589
|
|
|
7589
|
-
var css$
|
|
7590
|
+
var css$e = "usa-retro-button{display:inline-block}.usa-rb{font:700 14px/1 system-ui,sans-serif;cursor:pointer;color:inherit}.usa-rb:disabled{opacity:.5;cursor:not-allowed}usa-retro-button[data-variant=pixel] .usa-rb{padding:10px 16px;border:0;background:#f43f5e;color:#fff;font-family:ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;box-shadow:3px 0 0 #111,-3px 0 0 #111,0 3px 0 #111,0 -3px 0 #111,6px 6px 0 #111;image-rendering:pixelated}usa-retro-button[data-variant=pixel] .usa-rb:focus-visible{outline:3px dashed #111;outline-offset:6px}usa-retro-button[data-variant=crt] .usa-rb{padding:10px 18px;border:2px solid #22c55e;border-radius:4px;background:#03140a;color:#4ade80;font-family:ui-monospace,Menlo,monospace;text-shadow:0 0 6px #4ade80;box-shadow:0 0 10px rgba(74,222,128,.45),inset 0 0 12px rgba(74,222,128,.25);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px)}usa-retro-button[data-variant=crt] .usa-rb:focus-visible{outline:2px solid #86efac;outline-offset:3px}usa-retro-button[data-variant=y2k] .usa-rb{padding:11px 22px;border:1px solid rgba(255,255,255,.7);border-radius:999px;color:#1e1b4b;background:linear-gradient(180deg,#f8fafc 0%,#c7d2fe 45%,#818cf8 52%,#e0e7ff 100%);box-shadow:0 6px 14px -6px rgba(79,70,229,.6),inset 0 1px 0 #fff;text-shadow:0 1px 0 rgba(255,255,255,.7)}usa-retro-button[data-variant=y2k] .usa-rb:focus-visible{outline:2px solid #6366f1;outline-offset:3px}usa-retro-button[data-variant=win95] .usa-rb{padding:7px 16px;border:0;border-radius:0;background:#c0c0c0;color:#000;font:400 13px/1 Tahoma,Verdana,sans-serif;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf}usa-retro-button[data-variant=win95] .usa-rb:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px #808080}usa-retro-button[data-variant=win95] .usa-rb:focus-visible{outline:1px dotted #000;outline-offset:-4px}";
|
|
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$e });
|
|
7644
7645
|
}
|
|
7645
7646
|
|
|
7646
|
-
var css$
|
|
7647
|
+
var css$d = "usa-organic-card{position:relative;display:block;padding:22px 24px;color:#0f172a;background:linear-gradient(140deg,#d9f99d,#86efac 55%,#34d399);box-shadow:0 18px 36px -22px rgba(22,101,52,.7);transition:box-shadow .3s;outline:none}usa-organic-card[data-tint=ocean]{background:linear-gradient(140deg,#bae6fd,#7dd3fc 50%,#38bdf8);box-shadow:0 18px 36px -22px rgba(3,105,161,.7)}usa-organic-card[data-tint=petal]{background:linear-gradient(140deg,#fbcfe8,#f9a8d4 50%,#f472b6);box-shadow:0 18px 36px -22px rgba(157,23,77,.6)}usa-organic-card[data-tint=sand]{background:linear-gradient(140deg,#fef3c7,#fde68a 50%,#fbbf24);box-shadow:0 18px 36px -22px rgba(146,64,14,.6)}usa-organic-card:hover{box-shadow:0 24px 44px -20px rgba(15,23,42,.45)}usa-organic-card:focus-within{box-shadow:0 0 0 3px rgba(15,23,42,.25),0 24px 44px -20px rgba(15,23,42,.45)}";
|
|
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$d });
|
|
7686
7687
|
}
|
|
7687
7688
|
|
|
7688
|
-
var css$
|
|
7689
|
+
var css$c = "usa-liquid-nav{position:relative;display:inline-flex;align-items:center;gap:4px;padding:8px 10px 18px;border-radius:18px;background:var(--usa-lq-bg,#0f172a);color:#e2e8f0;font:600 13px/1 system-ui,sans-serif;--usa-lq-accent:#38bdf8}.usa-lq-defs{position:absolute}.usa-lq-goo{position:absolute;left:0;right:0;bottom:4px;height:14px;pointer-events:none}.usa-lq-goo i{position:absolute;left:-6px;top:1px;width:12px;height:12px;border-radius:50%;background:var(--usa-lq-accent)}.usa-lq-tail{width:9px!important;height:9px!important;left:-4.5px!important;top:2.5px!important}.usa-lq-item{position:relative;padding:8px 12px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer;opacity:.7;transition:opacity .2s,color .2s}.usa-lq-item[aria-current]{opacity:1;color:var(--usa-lq-accent)}.usa-lq-item:focus-visible{outline:2px solid var(--usa-lq-accent);outline-offset:1px;opacity:1}";
|
|
7689
7690
|
|
|
7690
7691
|
let uid = 0;
|
|
7691
7692
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
@@ -7766,12 +7767,12 @@ 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$c });
|
|
7770
7771
|
}
|
|
7771
7772
|
|
|
7772
|
-
var css$
|
|
7773
|
+
var css$b = "usa-hud-panel{position:relative;display:block;padding:12px 16px 14px;color:#cffafe;background:linear-gradient(160deg,rgba(8,47,73,.92),rgba(2,6,23,.95));clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);font:500 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;--usa-hud-c:#22d3ee}.usa-hud-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.usa-hud-frame path{fill:none;stroke:var(--usa-hud-c);stroke-width:1.5;stroke-dasharray:100;filter:drop-shadow(0 0 3px var(--usa-hud-c))}.usa-hud-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid color-mix(in srgb,var(--usa-hud-c) 35%,transparent);letter-spacing:.12em}.usa-hud-dot{width:7px;height:7px;border-radius:50%;background:var(--usa-hud-c);box-shadow:0 0 8px var(--usa-hud-c);animation:usa-hud-blink 1.4s steps(1) infinite}@keyframes usa-hud-blink{50%{opacity:.25}}.usa-hud-title{flex:1;font-weight:800;color:var(--usa-hud-c)}.usa-hud-status{font-size:10px;opacity:.75}.usa-hud-row{display:grid;grid-template-columns:5.5em 1fr 3em;align-items:center;gap:8px;margin:5px 0 0}.usa-hud-bar{height:6px;background:color-mix(in srgb,var(--usa-hud-c) 15%,transparent);overflow:hidden}.usa-hud-bar i{display:block;width:var(--v);height:100%;background:var(--usa-hud-c);box-shadow:0 0 8px var(--usa-hud-c);transform-origin:0 50%}.usa-hud-num{text-align:right;color:var(--usa-hud-c);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.usa-hud-dot{animation:none}}";
|
|
7773
7774
|
|
|
7774
|
-
const esc$
|
|
7775
|
+
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7775
7776
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
7776
7777
|
return base.defineElement(tag, (Base) => {
|
|
7777
7778
|
class UsaHudPanel extends Base {
|
|
@@ -7784,7 +7785,7 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7784
7785
|
this.setAttribute('aria-label', this.str('title', 'Panel'));
|
|
7785
7786
|
if (this.hasAttribute('color'))
|
|
7786
7787
|
this.style.setProperty('--usa-hud-c', this.str('color'));
|
|
7787
|
-
this.insertAdjacentHTML('afterbegin', `<svg class="usa-hud-frame" aria-hidden="true" preserveAspectRatio="none" viewBox="0 0 100 100" data-usa-part><path pathLength="100" vector-effect="non-scaling-stroke" d="M6 1H94L99 6V94L94 99H6L1 94V6Z"/></svg><header class="usa-hud-head" data-usa-part><span class="usa-hud-dot" aria-hidden="true"></span><span class="usa-hud-title">${esc$
|
|
7788
|
+
this.insertAdjacentHTML('afterbegin', `<svg class="usa-hud-frame" aria-hidden="true" preserveAspectRatio="none" viewBox="0 0 100 100" data-usa-part><path pathLength="100" vector-effect="non-scaling-stroke" d="M6 1H94L99 6V94L94 99H6L1 94V6Z"/></svg><header class="usa-hud-head" data-usa-part><span class="usa-hud-dot" aria-hidden="true"></span><span class="usa-hud-title">${esc$4(this.str('title', 'SYSTEM'))}</span><span class="usa-hud-status">${esc$4(this.str('status', 'ONLINE'))}</span></header>`);
|
|
7788
7789
|
this.querySelectorAll(':scope > [data-value]').forEach((r) => {
|
|
7789
7790
|
if (r.querySelector('.usa-hud-bar'))
|
|
7790
7791
|
return;
|
|
@@ -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$b });
|
|
7822
7823
|
}
|
|
7823
7824
|
|
|
7824
|
-
var css$
|
|
7825
|
+
var css$a = "usa-radar{display:block;width:var(--usa-rd-size,200px);max-width:100%;aspect-ratio:1;--usa-rd-c:#22d3ee}.usa-rd{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#082f49 0,#020617 75%);box-shadow:0 0 0 2px color-mix(in srgb,var(--usa-rd-c) 45%,transparent),0 0 24px -4px var(--usa-rd-c);overflow:hidden}.usa-rd-ring{position:absolute;left:50%;top:50%;width:var(--r);height:var(--r);border:1px solid color-mix(in srgb,var(--usa-rd-c) 30%,transparent);border-radius:50%;transform:translate(-50%,-50%)}.usa-rd-cross{position:absolute;inset:0;background:linear-gradient(color-mix(in srgb,var(--usa-rd-c) 25%,transparent),color-mix(in srgb,var(--usa-rd-c) 25%,transparent)) 50% 0/1px 100% no-repeat,linear-gradient(color-mix(in srgb,var(--usa-rd-c) 25%,transparent),color-mix(in srgb,var(--usa-rd-c) 25%,transparent)) 0 50%/100% 1px no-repeat}.usa-rd-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 300deg,color-mix(in srgb,var(--usa-rd-c) 15%,transparent) 330deg,color-mix(in srgb,var(--usa-rd-c) 70%,transparent) 360deg);animation:usa-rd-turn var(--usa-rd-period,4s) linear infinite;animation-play-state:paused}usa-radar[data-live] .usa-rd-sweep{animation-play-state:running}@keyframes usa-rd-turn{to{transform:rotate(360deg)}}.usa-rd-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--usa-rd-c);box-shadow:0 0 8px 2px var(--usa-rd-c);transform:translate(-50%,-50%);opacity:.15}.usa-rd-dot[data-lit]{opacity:1}.usa-rd-dot em{position:absolute;left:10px;top:-5px;font:600 9px/1 ui-monospace,Menlo,monospace;font-style:normal;color:var(--usa-rd-c);white-space:nowrap}@media (prefers-reduced-motion:reduce){.usa-rd-sweep{animation:none;transform:rotate(45deg)}}";
|
|
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) {
|
|
@@ -7837,7 +7838,7 @@ function parseTargets(s) {
|
|
|
7837
7838
|
})
|
|
7838
7839
|
.filter(Boolean);
|
|
7839
7840
|
}
|
|
7840
|
-
const esc$
|
|
7841
|
+
const esc$3 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7841
7842
|
function defineRadar(tag = 'usa-radar') {
|
|
7842
7843
|
return base.defineElement(tag, (Base) => {
|
|
7843
7844
|
class UsaRadar extends Base {
|
|
@@ -7872,7 +7873,7 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7872
7873
|
const a = ((t.bearing - 90) * Math.PI) / 180;
|
|
7873
7874
|
const x = 50 + Math.cos(a) * t.distance * 48;
|
|
7874
7875
|
const y = 50 + Math.sin(a) * t.distance * 48;
|
|
7875
|
-
return `<span class="usa-rd-dot" data-i="${i}" style="left:${x.toFixed(2)}%;top:${y.toFixed(2)}%"><em>${esc$
|
|
7876
|
+
return `<span class="usa-rd-dot" data-i="${i}" style="left:${x.toFixed(2)}%;top:${y.toFixed(2)}%"><em>${esc$3(t.name)}</em></span>`;
|
|
7876
7877
|
})
|
|
7877
7878
|
.join('');
|
|
7878
7879
|
this.insertAdjacentHTML('beforeend', `<div class="usa-rd" aria-hidden="true" data-usa-part>${ringHtml}<i class="usa-rd-cross"></i><i class="usa-rd-sweep"></i>${dots}</div>`);
|
|
@@ -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$a });
|
|
7911
7912
|
}
|
|
7912
7913
|
|
|
7913
|
-
var css$
|
|
7914
|
+
var css$9 = "usa-sticky-wall{display:flex;flex-wrap:wrap;gap:14px;padding:14px;align-items:flex-start}usa-sticky-wall>.usa-sticky{position:relative;box-sizing:border-box;width:120px;min-height:96px;padding:18px 12px 12px;font:500 13px/1.35 'Comic Sans MS','Segoe Print','Bradley Hand',cursive,system-ui;color:#3f3a2e;background:#fef08a;transform:rotate(var(--tilt,0deg));box-shadow:0 10px 16px -10px rgba(0,0,0,.45),inset 0 -12px 18px -14px rgba(0,0,0,.25);cursor:pointer;outline:none;transition:box-shadow .2s}usa-sticky-wall>.usa-sticky::before{content:'';position:absolute;top:5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fca5a5,#dc2626 70%);box-shadow:0 2px 2px rgba(0,0,0,.3)}usa-sticky-wall>[data-paper=pink]{background:#fbcfe8}usa-sticky-wall>[data-paper=blue]{background:#bae6fd}usa-sticky-wall>[data-paper=green]{background:#bbf7d0}usa-sticky-wall>.usa-sticky:focus-visible{box-shadow:0 0 0 3px #6366f1,0 10px 16px -10px rgba(0,0,0,.45)}usa-sticky-wall>[data-picked]{box-shadow:0 18px 26px -12px rgba(0,0,0,.5)}";
|
|
7914
7915
|
|
|
7915
7916
|
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7916
7917
|
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
@@ -7974,12 +7975,12 @@ 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$9 });
|
|
7978
7979
|
}
|
|
7979
7980
|
|
|
7980
|
-
var css$
|
|
7981
|
+
var css$8 = "usa-sketch-chart{display:block;max-width:100%;cursor:pointer;color:#334155;--usa-sk-c:#2563eb}usa-sketch-chart .usa-sk{display:block;width:100%;height:auto;overflow:visible}usa-sketch-chart .usa-sk path{fill:none;stroke-linecap:round;stroke-linejoin:round}usa-sketch-chart .usa-sk-axis{stroke:currentColor;stroke-width:1.6}usa-sketch-chart .usa-sk-mark{stroke:var(--usa-sk-c);stroke-width:2.2}usa-sketch-chart .usa-sk-hatch{stroke:var(--usa-sk-c);stroke-width:1;opacity:.55}usa-sketch-chart .usa-sk-dot{fill:#fff;stroke:var(--usa-sk-c);stroke-width:2}usa-sketch-chart text{fill:currentColor;font:12px 'Comic Sans MS','Segoe Print','Bradley Hand',cursive,system-ui;text-anchor:middle}";
|
|
7981
7982
|
|
|
7982
|
-
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7983
|
+
const esc$2 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7983
7984
|
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
7984
7985
|
function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
7985
7986
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8031,7 +8032,7 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8031
8032
|
g += `<path class="usa-sk-hatch" d="${components_fxPaper.roughLine(x0 + 2, Math.min(B, h + 5), x1 - 2, h - 3, h + i, 0.8)}"/>`;
|
|
8032
8033
|
});
|
|
8033
8034
|
}
|
|
8034
|
-
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc(labels[i])}</text>` : '')).join('');
|
|
8035
|
+
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc$2(labels[i])}</text>` : '')).join('');
|
|
8035
8036
|
this.insertAdjacentHTML('beforeend', `<svg class="usa-sk" viewBox="0 0 ${W} ${H}" aria-hidden="true" data-usa-part>${g}</svg>`);
|
|
8036
8037
|
if (this.reduced)
|
|
8037
8038
|
return void this.setAttribute('data-drawn', '');
|
|
@@ -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$8 });
|
|
8078
8079
|
}
|
|
8079
8080
|
|
|
8080
|
-
var css$
|
|
8081
|
+
var css$7 = "usa-theme-switcher{position:relative;display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:rgba(15,23,42,.08);max-width:100%;overflow-x:auto;scrollbar-width:none}usa-theme-switcher .usa-ts-pill{position:absolute;top:4px;bottom:4px;left:0;border-radius:999px;background:#fff;box-shadow:0 2px 8px -2px rgba(15,23,42,.3);transition:transform .35s cubic-bezier(.3,1.3,.5,1),width .35s}usa-theme-switcher .usa-ts-opt{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:0;border-radius:999px;background:none;color:#334155;font:600 13px/1 system-ui,sans-serif;cursor:pointer;white-space:nowrap}usa-theme-switcher .usa-ts-opt[aria-checked=true]{color:#0f172a}usa-theme-switcher .usa-ts-opt:focus-visible{outline:2px solid #6366f1;outline-offset:1px}usa-theme-switcher .usa-ts-sw{width:12px;height:12px;border-radius:50%;background:#f8fafc;box-shadow:inset 0 0 0 1px rgba(15,23,42,.25)}usa-theme-switcher [data-sw=dark]{background:#0f172a}usa-theme-switcher [data-sw=neon]{background:#d946ef;box-shadow:0 0 6px #d946ef}usa-theme-switcher [data-sw=glass]{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(147,197,253,.6))}usa-theme-switcher [data-sw=neu]{background:#e0e5ec;box-shadow:2px 2px 3px #a3b1c6,-2px -2px 3px #fff}@media (prefers-reduced-motion:reduce){usa-theme-switcher .usa-ts-pill{transition:none}}";
|
|
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$7 });
|
|
8183
8184
|
}
|
|
8184
8185
|
|
|
8185
|
-
var css$
|
|
8186
|
+
var css$6 = "usa-theme-surface{position:relative;display:block;box-sizing:border-box;padding:18px 20px;border-radius:16px;background:#fff;color:#0f172a;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 30px -18px rgba(15,23,42,.45);transition:background .4s,color .4s,box-shadow .4s,border-color .4s}usa-theme-surface[data-look=dark]{background:#0f172a;color:#e2e8f0;border-color:#1e293b}usa-theme-surface[data-look=neon]{background:#0b0614;color:#f5d0fe;border-color:#d946ef;box-shadow:0 0 6px #d946ef,0 0 18px rgba(217,70,239,.55),inset 0 0 12px rgba(217,70,239,.25);animation:usa-sf-neon 2.4s ease-in-out infinite}usa-theme-surface[data-look=glass]{background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.18));color:#0f172a;border-color:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 12px 32px -14px rgba(30,64,175,.45);overflow:hidden}usa-theme-surface[data-look=glass]::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);background-size:250% 100%;animation:usa-sf-sheen 5s ease-in-out infinite}usa-theme-surface[data-look=neu]{background:#e0e5ec;color:#334155;border-color:transparent;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff}@keyframes usa-sf-neon{50%{box-shadow:0 0 10px #d946ef,0 0 30px rgba(217,70,239,.7),inset 0 0 16px rgba(217,70,239,.35)}}@keyframes usa-sf-sheen{0%,60%{background-position:130% 0}100%{background-position:-60% 0}}@media (prefers-reduced-motion:reduce){usa-theme-surface,usa-theme-surface::after{animation:none!important;transition:none}}";
|
|
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$6 });
|
|
8239
8240
|
}
|
|
8240
8241
|
|
|
8241
|
-
var css$
|
|
8242
|
+
var css$5 = "usa-gyro-card{position:relative;display:block;box-sizing:border-box;padding:22px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#6366f1,#ec4899);box-shadow:0 18px 40px -20px rgba(79,70,229,.8);transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .25s ease-out;will-change:transform;overflow:hidden}usa-gyro-card [data-depth]{display:block;transform:translateZ(calc(var(--depth-k,14px) * var(--d,1)))}usa-gyro-card [data-depth=\"2\"]{--d:2}usa-gyro-card [data-depth=\"3\"]{--d:3}usa-gyro-card .usa-gy-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,30%),rgba(255,255,255,.4),transparent 55%);opacity:.5;transition:opacity .3s}usa-gyro-card[data-tilted] .usa-gy-glare{opacity:1}@media (prefers-reduced-motion:reduce){usa-gyro-card{transform:none;transition:none}}";
|
|
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$5 });
|
|
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$4 = "usa-gesture-sticker{display:inline-block;touch-action:none;cursor:grab;outline:none;-webkit-user-select:none;user-select:none;transform-origin:50% 50%;filter:drop-shadow(0 6px 8px rgba(15,23,42,.25));will-change:transform}usa-gesture-sticker[data-held]{cursor:grabbing;filter:drop-shadow(0 16px 18px rgba(15,23,42,.35))}usa-gesture-sticker:focus-visible{outline:2px dashed #6366f1;outline-offset:4px}usa-gesture-sticker img{display:block;-webkit-user-drag:none;pointer-events:none}";
|
|
8326
8327
|
|
|
8327
8328
|
function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
8328
8329
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8449,7 +8450,457 @@ 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$4 });
|
|
8454
|
+
}
|
|
8455
|
+
|
|
8456
|
+
var css$3 = "usa-panorama{position:relative;display:block;height:220px;border-radius:14px;overflow:hidden;background:#0f172a;cursor:grab;touch-action:pan-y;outline:none;-webkit-user-select:none;user-select:none}usa-panorama[data-dragging]{cursor:grabbing}usa-panorama:focus-visible{box-shadow:0 0 0 3px #6366f1}usa-panorama .usa-pano-view{position:absolute;inset:0;background-repeat:repeat-x;background-size:auto 100%;background-position:0 50%}usa-panorama .usa-pano-procedural{background-size:400% 100%;background-repeat:repeat-x;background-image:radial-gradient(circle at 12% 30%,#fde68a 0 3%,transparent 3.5%),linear-gradient(170deg,transparent 58%,#166534 58.5% 64%,transparent 64.5%),linear-gradient(10deg,transparent 52%,#15803d 52.5% 60%,transparent 60.5%),linear-gradient(160deg,transparent 46%,#475569 46.5% 70%,transparent 70.5%),linear-gradient(20deg,transparent 48%,#64748b 48.5% 70%,transparent 70.5%),linear-gradient(#38bdf8,#bae6fd 55%,#86efac 55.5%,#22c55e)}usa-panorama .usa-pano-compass{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;background:rgba(15,23,42,.55);box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}usa-panorama .usa-pano-compass i{position:absolute;inset:4px;border-radius:50%;transition:transform .25s linear;background:conic-gradient(#ef4444 0 6deg,transparent 6deg 354deg,#ef4444 354deg)}usa-panorama .usa-pano-xr{position:absolute;left:10px;bottom:10px;padding:6px 10px;border:0;border-radius:999px;background:rgba(15,23,42,.7);color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}";
|
|
8457
|
+
|
|
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$3 });
|
|
8579
|
+
}
|
|
8580
|
+
|
|
8581
|
+
var css$2 = "usa-spatial-card{position:relative;display:block;box-sizing:border-box;padding:20px 22px;margin-bottom:28px;border-radius:24px;color:#0f172a;background:linear-gradient(140deg,rgba(255,255,255,.62),rgba(255,255,255,.28));border:1px solid rgba(255,255,255,.75);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 22px 44px -26px rgba(15,23,42,.6),inset 0 1px 0 rgba(255,255,255,.8);transform:perspective(900px) translateZ(0);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.9,.25,1),box-shadow .45s}usa-spatial-card[data-active]{transform:perspective(900px) translateZ(18px);box-shadow:0 34px 60px -28px rgba(15,23,42,.55),inset 0 1px 0 rgba(255,255,255,.9)}usa-spatial-card .usa-sp-gaze{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,40%),rgba(255,255,255,.55),transparent 45%);opacity:0;transition:opacity .3s}usa-spatial-card[data-active] .usa-sp-gaze{opacity:1}usa-spatial-card [data-depth]{position:relative;display:block;transform:translateZ(calc(10px * var(--d,1)));transition:transform .45s}usa-spatial-card [data-depth=\"2\"]{--d:2}usa-spatial-card [data-depth=\"3\"]{--d:3}usa-spatial-card .usa-sp-ornament{position:absolute;left:50%;bottom:-22px;display:flex;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 20px -12px rgba(15,23,42,.5);transform:translateX(-50%) translateZ(30px);transition:transform .45s}usa-spatial-card[data-active] .usa-sp-ornament{transform:translateX(-50%) translateZ(40px) translateY(4px)}@media (prefers-reduced-motion:reduce){usa-spatial-card,usa-spatial-card *{transition:none!important}usa-spatial-card[data-active]{transform:none}}";
|
|
8582
|
+
|
|
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$2 });
|
|
8628
|
+
}
|
|
8629
|
+
|
|
8630
|
+
var css$1 = "usa-code-export{display:block;max-width:100%;border-radius:12px;overflow:hidden;background:#0f172a;color:#e2e8f0;font:13px/1.4 system-ui,sans-serif}usa-code-export>:not([data-usa-part]){display:block;margin:12px auto}usa-code-export:not([for])>:not([data-usa-part]){padding:0 12px}usa-code-export .usa-ce-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;background:#1e293b}usa-code-export [role=tablist]{display:flex;gap:2px}usa-code-export button{padding:5px 10px;border:0;border-radius:6px;background:none;color:#94a3b8;font:600 12px/1 system-ui,sans-serif;cursor:pointer}usa-code-export [aria-selected=true]{background:#334155;color:#fff}usa-code-export .usa-ce-copy{background:#4f46e5;color:#fff}usa-code-export button:focus-visible,usa-code-export pre:focus-visible{outline:2px solid #818cf8;outline-offset:1px}usa-code-export pre{margin:0;padding:10px 12px;max-height:220px;overflow:auto;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre;color:#e2e8f0;background:#0f172a}";
|
|
8631
|
+
|
|
8632
|
+
const RUNTIME_ATTR = /^(data-usa-|data-look$|data-tint$|data-paper$|data-booted$|data-drawn$|data-active$|data-held$|data-tilted$|data-zoomed$|data-dragging$|data-picked$|data-live$|data-lit$|aria-(checked|valuetext|valuenow|label|roledescription|hidden)$|role$|tabindex$|style$)/;
|
|
8633
|
+
const RUNTIME_CLASS = /^usa-/;
|
|
8634
|
+
/** A clean, portable description of `el` (runtime parts stripped) (8.9). */
|
|
8635
|
+
function describeComponent(el) {
|
|
8636
|
+
const attrs = {};
|
|
8637
|
+
for (const a of Array.from(el.attributes)) {
|
|
8638
|
+
if (RUNTIME_ATTR.test(a.name))
|
|
8639
|
+
continue;
|
|
8640
|
+
if (a.name === 'class') {
|
|
8641
|
+
const c = a.value.split(/\s+/).filter((x) => x && !RUNTIME_CLASS.test(x)).join(' ');
|
|
8642
|
+
if (c)
|
|
8643
|
+
attrs.class = c;
|
|
8644
|
+
continue;
|
|
8645
|
+
}
|
|
8646
|
+
attrs[a.name] = a.value;
|
|
8647
|
+
}
|
|
8648
|
+
const children = [];
|
|
8649
|
+
el.childNodes.forEach((n) => {
|
|
8650
|
+
if (n.nodeType === 3) {
|
|
8651
|
+
const t = (n.textContent || '').replace(/\s+/g, ' ');
|
|
8652
|
+
if (t.trim())
|
|
8653
|
+
children.push(t.trim());
|
|
8654
|
+
}
|
|
8655
|
+
else if (n.nodeType === 1) {
|
|
8656
|
+
const e = n;
|
|
8657
|
+
const cls = (e.getAttribute('class') || '').split(/\s+/).filter(Boolean);
|
|
8658
|
+
// generated by a component: a marked part, or only usa-* classes and runtime attributes (bars, readouts, overlays)
|
|
8659
|
+
if (e.hasAttribute('data-usa-part') || (cls.length && cls.every((c) => RUNTIME_CLASS.test(c)) && Array.from(e.attributes).every((a) => a.name === 'class' || RUNTIME_ATTR.test(a.name))))
|
|
8660
|
+
return;
|
|
8661
|
+
children.push(describeComponent(e));
|
|
8662
|
+
}
|
|
8663
|
+
});
|
|
8664
|
+
return { tag: el.localName, attrs, children };
|
|
8665
|
+
}
|
|
8666
|
+
const esc$1 = (s) => s.replace(/&/g, '&').replace(/</g, '<').replace(/"/g, '"');
|
|
8667
|
+
const VOID = new Set(['img', 'br', 'hr', 'input', 'source', 'meta', 'link', 'wbr', 'area', 'col', 'embed', 'track']);
|
|
8668
|
+
function markup(n, jsx, ind) {
|
|
8669
|
+
if (typeof n === 'string')
|
|
8670
|
+
return ind + (jsx ? n.replace(/[{}<>]/g, (c) => `{'${c}'}`) : esc$1(n));
|
|
8671
|
+
const at = Object.entries(n.attrs)
|
|
8672
|
+
.map(([k, v]) => {
|
|
8673
|
+
const key = jsx && k === 'class' ? 'className' : jsx && k === 'for' ? 'htmlFor' : k;
|
|
8674
|
+
return v === '' ? ` ${key}` : ` ${key}="${esc$1(v)}"`;
|
|
8675
|
+
})
|
|
8676
|
+
.join('');
|
|
8677
|
+
if (VOID.has(n.tag))
|
|
8678
|
+
return `${ind}<${n.tag}${at}${jsx ? ' /' : ''}>`;
|
|
8679
|
+
if (!n.children.length)
|
|
8680
|
+
return `${ind}<${n.tag}${at}></${n.tag}>`;
|
|
8681
|
+
if (n.children.length === 1 && typeof n.children[0] === 'string')
|
|
8682
|
+
return `${ind}<${n.tag}${at}>${markup(n.children[0], jsx, '')}</${n.tag}>`;
|
|
8683
|
+
return `${ind}<${n.tag}${at}>\n${n.children.map((c) => markup(c, jsx, ind + ' ')).join('\n')}\n${ind}</${n.tag}>`;
|
|
8684
|
+
}
|
|
8685
|
+
/** Copy-paste code for a live element in `format` (8.9). */
|
|
8686
|
+
function exportComponent(el, format = 'html') {
|
|
8687
|
+
const d = describeComponent(el);
|
|
8688
|
+
if (format === 'json')
|
|
8689
|
+
return JSON.stringify({ $schema: 'motionary/component@1', ...d }, null, 2);
|
|
8690
|
+
if (format === 'react')
|
|
8691
|
+
return `import { useEffect } from 'react';\nimport { defineWidgets } from 'motionary/components/widgets';\n\nexport function Demo() {\n useEffect(() => defineWidgets(), []);\n return (\n${markup(d, true, ' ')}\n );\n}`;
|
|
8692
|
+
if (format === 'vue')
|
|
8693
|
+
return `<script setup>\nimport { defineWidgets } from 'motionary/components/widgets';\ndefineWidgets();\n</script>\n\n<template>\n${markup(d, false, ' ')}\n</template>`;
|
|
8694
|
+
return `${markup(d, false, '')}\n\n<script type="module">\n import { defineWidgets } from 'https://cdn.jsdelivr.net/npm/motionary/dist/components/widgets.js';\n defineWidgets();\n</script>`;
|
|
8695
|
+
}
|
|
8696
|
+
const FORMATS = ['html', 'react', 'vue', 'json'];
|
|
8697
|
+
const LABELS = { html: 'HTML', react: 'React', vue: 'Vue', json: 'JSON' };
|
|
8698
|
+
function defineCodeExport(tag = 'usa-code-export') {
|
|
8699
|
+
return base.defineElement(tag, (Base) => {
|
|
8700
|
+
class UsaCodeExport extends Base {
|
|
8701
|
+
constructor() {
|
|
8702
|
+
super(...arguments);
|
|
8703
|
+
this._f = 'html';
|
|
8704
|
+
this._mo = null;
|
|
8705
|
+
}
|
|
8706
|
+
static get observedAttributes() {
|
|
8707
|
+
return ['for', 'formats'];
|
|
8708
|
+
}
|
|
8709
|
+
fmts() {
|
|
8710
|
+
const l = this.str('formats').split(',').map((s) => s.trim()).filter((s) => FORMATS.includes(s));
|
|
8711
|
+
return l.length ? l : ['html', 'react', 'vue'];
|
|
8712
|
+
}
|
|
8713
|
+
src() {
|
|
8714
|
+
const f = this.str('for');
|
|
8715
|
+
return f ? document.querySelector(f) : this.querySelector(':scope > :not([data-usa-part])');
|
|
8716
|
+
}
|
|
8717
|
+
get format() {
|
|
8718
|
+
return this._f;
|
|
8719
|
+
}
|
|
8720
|
+
set format(f) {
|
|
8721
|
+
if (!this.fmts().includes(f))
|
|
8722
|
+
return;
|
|
8723
|
+
const changed = f !== this._f;
|
|
8724
|
+
this._f = f;
|
|
8725
|
+
this.render();
|
|
8726
|
+
const pre = this.querySelector('.usa-ce-code');
|
|
8727
|
+
if (changed && pre && !this.reduced)
|
|
8728
|
+
this.motion(pre, [{ opacity: 0.35, transform: 'translateY(4px)' }, { opacity: 1, transform: 'none' }], { duration: 220, easing: 'ease-out' });
|
|
8729
|
+
}
|
|
8730
|
+
get code() {
|
|
8731
|
+
const s = this.src();
|
|
8732
|
+
return s ? exportComponent(s, this._f) : '';
|
|
8733
|
+
}
|
|
8734
|
+
mount() {
|
|
8735
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8736
|
+
const fm = this.fmts();
|
|
8737
|
+
if (!fm.includes(this._f))
|
|
8738
|
+
this._f = fm[0];
|
|
8739
|
+
const id = `usa-ce-${Math.random().toString(36).slice(2, 8)}`;
|
|
8740
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-ce-bar" data-usa-part><div role="tablist" aria-label="Code format">${fm.map((f) => `<button type="button" role="tab" data-f="${f}" aria-controls="${id}">${LABELS[f]}</button>`).join('')}</div><button type="button" class="usa-ce-copy">Copy</button></div><pre class="usa-ce-code" id="${id}" role="tabpanel" tabindex="0" data-usa-part><code></code></pre>`);
|
|
8741
|
+
this.listen(this, 'click', (e) => {
|
|
8742
|
+
const t = e.target;
|
|
8743
|
+
const tab = t.closest?.('[data-f]');
|
|
8744
|
+
if (tab && this.contains(tab))
|
|
8745
|
+
this.format = tab.dataset.f;
|
|
8746
|
+
if (t.closest?.('.usa-ce-copy'))
|
|
8747
|
+
void this.copy();
|
|
8748
|
+
});
|
|
8749
|
+
this.listen(this, 'keydown', (e) => {
|
|
8750
|
+
if (!e.target.closest?.('[role=tab]') || (e.key !== 'ArrowRight' && e.key !== 'ArrowLeft'))
|
|
8751
|
+
return;
|
|
8752
|
+
const l = this.fmts();
|
|
8753
|
+
this.format = l[(l.indexOf(this._f) + (e.key === 'ArrowRight' ? 1 : -1) + l.length) % l.length];
|
|
8754
|
+
this.querySelector(`[data-f="${this._f}"]`)?.focus();
|
|
8755
|
+
});
|
|
8756
|
+
const s = this.src();
|
|
8757
|
+
if (s && typeof MutationObserver !== 'undefined') {
|
|
8758
|
+
this._mo?.disconnect();
|
|
8759
|
+
this._mo = new MutationObserver(() => this.render());
|
|
8760
|
+
this._mo.observe(s, { attributes: true, attributeFilter: undefined });
|
|
8761
|
+
this.onCleanup(() => this._mo?.disconnect());
|
|
8762
|
+
}
|
|
8763
|
+
this.render();
|
|
8764
|
+
}
|
|
8765
|
+
render() {
|
|
8766
|
+
this.querySelectorAll('[data-f]').forEach((b) => {
|
|
8767
|
+
const on = b.dataset.f === this._f;
|
|
8768
|
+
b.setAttribute('aria-selected', String(on));
|
|
8769
|
+
b.tabIndex = on ? 0 : -1;
|
|
8770
|
+
});
|
|
8771
|
+
const c = this.querySelector('.usa-ce-code code');
|
|
8772
|
+
if (c)
|
|
8773
|
+
c.textContent = this.code;
|
|
8774
|
+
}
|
|
8775
|
+
async copy() {
|
|
8776
|
+
let ok = false;
|
|
8777
|
+
try {
|
|
8778
|
+
await navigator.clipboard.writeText(this.code);
|
|
8779
|
+
ok = true;
|
|
8780
|
+
}
|
|
8781
|
+
catch {
|
|
8782
|
+
ok = false;
|
|
8783
|
+
}
|
|
8784
|
+
const b = this.querySelector('.usa-ce-copy');
|
|
8785
|
+
if (b) {
|
|
8786
|
+
b.textContent = ok ? 'Copied ✓' : 'Select & copy';
|
|
8787
|
+
setTimeout(() => (b.textContent = 'Copy'), 1500);
|
|
8788
|
+
}
|
|
8789
|
+
if (ok && !this.reduced)
|
|
8790
|
+
this.motion(this.querySelector('.usa-ce-code'), [{ boxShadow: '0 0 0 2px #22c55e' }, { boxShadow: '0 0 0 0 transparent' }], { duration: 600 });
|
|
8791
|
+
this.emit('copy', { format: this._f, ok });
|
|
8792
|
+
return ok;
|
|
8793
|
+
}
|
|
8794
|
+
}
|
|
8795
|
+
return UsaCodeExport;
|
|
8796
|
+
}, { id: 'code-export', text: css$1 });
|
|
8797
|
+
}
|
|
8798
|
+
|
|
8799
|
+
var css = "usa-prop-panel{display:block;max-width:100%;font:13px/1.4 system-ui,sans-serif;color:#0f172a}usa-prop-panel .usa-pp{display:grid;gap:8px;margin:0;padding:12px;border:1px solid rgba(15,23,42,.12);border-radius:12px;background:#fff}usa-prop-panel .usa-pp-row{display:grid;grid-template-columns:minmax(64px,auto) 1fr auto;align-items:center;gap:8px}usa-prop-panel label{font-weight:600;color:#334155;font-family:ui-monospace,monospace;font-size:12px}usa-prop-panel input[type=text],usa-prop-panel input[type=number],usa-prop-panel select{min-width:0;width:100%;box-sizing:border-box;padding:5px 8px;border:1px solid #cbd5e1;border-radius:6px;font:inherit}usa-prop-panel input[type=range]{width:100%;min-width:0;accent-color:#4f46e5}usa-prop-panel input[type=checkbox]{grid-column:2;justify-self:start;width:16px;height:16px;accent-color:#4f46e5}usa-prop-panel output{min-width:2.5em;text-align:right;font:12px ui-monospace,monospace;color:#64748b}usa-prop-panel .usa-pp-empty{margin:0;color:#64748b}usa-prop-panel .usa-pp-row{border-radius:6px}usa-prop-panel .usa-pp-reset{justify-self:start;padding:5px 12px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font:inherit;cursor:pointer}";
|
|
8800
|
+
|
|
8801
|
+
/** "value:number:0:100, theme:select:leaf|ocean, on:boolean" → prop specs (8.9). */
|
|
8802
|
+
function parseProps(s) {
|
|
8803
|
+
const T = ['text', 'number', 'range', 'color', 'boolean', 'select'];
|
|
8804
|
+
return s
|
|
8805
|
+
.split(',')
|
|
8806
|
+
.map((p) => p.trim())
|
|
8807
|
+
.filter(Boolean)
|
|
8808
|
+
.map((p) => {
|
|
8809
|
+
const [name, type = 'text', ...rest] = p.split(':').map((x) => x.trim());
|
|
8810
|
+
const t = (T.includes(type) ? type : 'text');
|
|
8811
|
+
return { name, type: t, options: t === 'select' ? (rest[0] || '').split('|').filter(Boolean) : rest };
|
|
8812
|
+
})
|
|
8813
|
+
.filter((p) => /^[a-z][\w-]*$/i.test(p.name));
|
|
8814
|
+
}
|
|
8815
|
+
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8816
|
+
function definePropPanel(tag = 'usa-prop-panel') {
|
|
8817
|
+
return base.defineElement(tag, (Base) => {
|
|
8818
|
+
class UsaPropPanel extends Base {
|
|
8819
|
+
constructor() {
|
|
8820
|
+
super(...arguments);
|
|
8821
|
+
this._start = {};
|
|
8822
|
+
}
|
|
8823
|
+
static get observedAttributes() {
|
|
8824
|
+
return ['for', 'props', 'label'];
|
|
8825
|
+
}
|
|
8826
|
+
target() {
|
|
8827
|
+
const f = this.str('for');
|
|
8828
|
+
if (f === 'previous')
|
|
8829
|
+
return this.previousElementSibling;
|
|
8830
|
+
return f ? document.querySelector(f) : null;
|
|
8831
|
+
}
|
|
8832
|
+
get props() {
|
|
8833
|
+
const s = this.str('props');
|
|
8834
|
+
if (s)
|
|
8835
|
+
return parseProps(s);
|
|
8836
|
+
const t = this.target();
|
|
8837
|
+
const obs = t?.constructor?.observedAttributes || [];
|
|
8838
|
+
return obs.map((name) => ({ name, type: 'text', options: [] }));
|
|
8839
|
+
}
|
|
8840
|
+
mount() {
|
|
8841
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8842
|
+
const t = this.target();
|
|
8843
|
+
const ps = this.props;
|
|
8844
|
+
this._start = {};
|
|
8845
|
+
ps.forEach((p) => (this._start[p.name] = t?.getAttribute(p.name) ?? null));
|
|
8846
|
+
const field = (p, i) => {
|
|
8847
|
+
const id = `usa-pp-${i}-${p.name}`;
|
|
8848
|
+
const v = t?.getAttribute(p.name);
|
|
8849
|
+
let input = '';
|
|
8850
|
+
if (p.type === 'boolean')
|
|
8851
|
+
input = `<input id="${id}" type="checkbox" role="switch" data-p="${p.name}"${v != null ? ' checked' : ''}>`;
|
|
8852
|
+
else if (p.type === 'select')
|
|
8853
|
+
input = `<select id="${id}" data-p="${p.name}">${p.options.map((o) => `<option${o === v ? ' selected' : ''}>${esc(o)}</option>`).join('')}</select>`;
|
|
8854
|
+
else {
|
|
8855
|
+
const [mn, mx] = p.options;
|
|
8856
|
+
const range = p.type === 'range' || (p.type === 'number' && mn != null && mx != null);
|
|
8857
|
+
input = `<input id="${id}" type="${p.type === 'color' ? 'color' : range ? 'range' : p.type === 'number' ? 'number' : 'text'}" data-p="${p.name}" value="${esc(v ?? '')}"${mn != null ? ` min="${esc(mn)}"` : ''}${mx != null ? ` max="${esc(mx)}"` : ''}${range ? ' step="any"' : ''}><output for="${id}">${esc(v ?? '')}</output>`;
|
|
8858
|
+
}
|
|
8859
|
+
return `<div class="usa-pp-row"><label for="${id}">${esc(p.name)}</label>${input}</div>`;
|
|
8860
|
+
};
|
|
8861
|
+
this.insertAdjacentHTML('beforeend', `<form class="usa-pp" aria-label="${esc(this.str('label', 'Properties'))}" data-usa-part>${ps.map(field).join('') || '<p class="usa-pp-empty">No properties</p>'}<button type="button" class="usa-pp-reset">Reset</button></form>`);
|
|
8862
|
+
const form = this.querySelector('form');
|
|
8863
|
+
this.listen(form, 'submit', (e) => e.preventDefault());
|
|
8864
|
+
this.listen(this.querySelector('.usa-pp-reset'), 'click', () => this.reset());
|
|
8865
|
+
this.listen(form, 'input', (e) => this.apply(e.target));
|
|
8866
|
+
this.listen(form, 'change', (e) => this.apply(e.target));
|
|
8867
|
+
}
|
|
8868
|
+
apply(inp) {
|
|
8869
|
+
const name = inp.dataset?.p;
|
|
8870
|
+
const t = this.target();
|
|
8871
|
+
if (!name || !t)
|
|
8872
|
+
return;
|
|
8873
|
+
let value;
|
|
8874
|
+
if (inp instanceof HTMLInputElement && inp.type === 'checkbox')
|
|
8875
|
+
value = inp.checked ? '' : null;
|
|
8876
|
+
else
|
|
8877
|
+
value = inp.value;
|
|
8878
|
+
if (value == null)
|
|
8879
|
+
t.removeAttribute(name);
|
|
8880
|
+
else
|
|
8881
|
+
t.setAttribute(name, value);
|
|
8882
|
+
const out = inp.nextElementSibling;
|
|
8883
|
+
if (out?.tagName === 'OUTPUT')
|
|
8884
|
+
out.textContent = value ?? '';
|
|
8885
|
+
this.emit('prop', { name, value });
|
|
8886
|
+
}
|
|
8887
|
+
reset() {
|
|
8888
|
+
const t = this.target();
|
|
8889
|
+
if (!t)
|
|
8890
|
+
return;
|
|
8891
|
+
for (const [k, v] of Object.entries(this._start)) {
|
|
8892
|
+
if (v == null)
|
|
8893
|
+
t.removeAttribute(k);
|
|
8894
|
+
else
|
|
8895
|
+
t.setAttribute(k, v);
|
|
8896
|
+
}
|
|
8897
|
+
this.changed('props');
|
|
8898
|
+
if (!this.reduced)
|
|
8899
|
+
this.querySelectorAll('.usa-pp-row').forEach((r, i) => this.motion(r, [{ backgroundColor: 'rgba(99,102,241,.18)' }, { backgroundColor: 'transparent' }], { duration: 600, delay: i * 40 }));
|
|
8900
|
+
}
|
|
8901
|
+
}
|
|
8902
|
+
return UsaPropPanel;
|
|
8903
|
+
}, { id: 'prop-panel', text: css });
|
|
8453
8904
|
}
|
|
8454
8905
|
|
|
8455
8906
|
/**
|
|
@@ -8491,6 +8942,8 @@ const WIDGETS = {
|
|
|
8491
8942
|
'8.5': { 'usa-sticky-wall': defineStickyWall, 'usa-sketch-chart': defineSketchChart },
|
|
8492
8943
|
'8.6': { 'usa-theme-switcher': defineThemeSwitcher, 'usa-theme-surface': defineThemeSurface },
|
|
8493
8944
|
'8.7': { 'usa-gyro-card': defineGyroCard, 'usa-gesture-sticker': defineGestureSticker },
|
|
8945
|
+
'8.8': { 'usa-panorama': definePanorama, 'usa-spatial-card': defineSpatialCard },
|
|
8946
|
+
'8.9': { 'usa-code-export': defineCodeExport, 'usa-prop-panel': definePropPanel },
|
|
8494
8947
|
};
|
|
8495
8948
|
/** Every widget tag, in release order. */
|
|
8496
8949
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -8532,6 +8985,7 @@ exports.defineCarousel = defineCarousel;
|
|
|
8532
8985
|
exports.defineCartDrawer = defineCartDrawer;
|
|
8533
8986
|
exports.defineChatComposer = defineChatComposer;
|
|
8534
8987
|
exports.defineClockControl = defineClockControl;
|
|
8988
|
+
exports.defineCodeExport = defineCodeExport;
|
|
8535
8989
|
exports.defineColorPicker = defineColorPicker;
|
|
8536
8990
|
exports.defineCommandPalette = defineCommandPalette;
|
|
8537
8991
|
exports.defineCompare = defineCompare;
|
|
@@ -8570,10 +9024,12 @@ exports.defineOdometer = defineOdometer;
|
|
|
8570
9024
|
exports.defineOrganicCard = defineOrganicCard;
|
|
8571
9025
|
exports.defineOtp = defineOtp;
|
|
8572
9026
|
exports.definePagination = definePagination;
|
|
9027
|
+
exports.definePanorama = definePanorama;
|
|
8573
9028
|
exports.definePresence = definePresence;
|
|
8574
9029
|
exports.definePrizeWheel = definePrizeWheel;
|
|
8575
9030
|
exports.defineProductGallery = defineProductGallery;
|
|
8576
9031
|
exports.defineProgressRing = defineProgressRing;
|
|
9032
|
+
exports.definePropPanel = definePropPanel;
|
|
8577
9033
|
exports.definePullCord = definePullCord;
|
|
8578
9034
|
exports.defineRadar = defineRadar;
|
|
8579
9035
|
exports.defineReactions = defineReactions;
|
|
@@ -8585,6 +9041,7 @@ exports.defineShortcut = defineShortcut;
|
|
|
8585
9041
|
exports.defineSkeletonReveal = defineSkeletonReveal;
|
|
8586
9042
|
exports.defineSketchChart = defineSketchChart;
|
|
8587
9043
|
exports.defineSparkline = defineSparkline;
|
|
9044
|
+
exports.defineSpatialCard = defineSpatialCard;
|
|
8588
9045
|
exports.defineStarRating = defineStarRating;
|
|
8589
9046
|
exports.defineStepper = defineStepper;
|
|
8590
9047
|
exports.defineStickyWall = defineStickyWall;
|
|
@@ -8604,6 +9061,8 @@ exports.defineVolumeKnob = defineVolumeKnob;
|
|
|
8604
9061
|
exports.defineWeatherCard = defineWeatherCard;
|
|
8605
9062
|
exports.defineWidgets = defineWidgets;
|
|
8606
9063
|
exports.defineXpBar = defineXpBar;
|
|
9064
|
+
exports.describeComponent = describeComponent;
|
|
9065
|
+
exports.exportComponent = exportComponent;
|
|
8607
9066
|
exports.formatBytes = formatBytes;
|
|
8608
9067
|
exports.formatDistance = formatDistance;
|
|
8609
9068
|
exports.fuzzyMatch = fuzzyMatch;
|
|
@@ -8620,6 +9079,7 @@ exports.parseChips = parseChips;
|
|
|
8620
9079
|
exports.parseISODate = parseISODate;
|
|
8621
9080
|
exports.parseLRC = parseLRC;
|
|
8622
9081
|
exports.parseMarkers = parseMarkers;
|
|
9082
|
+
exports.parseProps = parseProps;
|
|
8623
9083
|
exports.parseReactions = parseReactions;
|
|
8624
9084
|
exports.parseTargets = parseTargets;
|
|
8625
9085
|
exports.passwordStrength = passwordStrength;
|