use-scroll-animate 8.4.0 → 8.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +33 -0
- package/dist/components/fx-paper.cjs +108 -0
- package/dist/components/fx-paper.cjs.map +1 -0
- package/dist/components/fx-paper.d.cts +68 -0
- package/dist/components/fx-paper.d.ts +68 -0
- package/dist/components/fx-paper.js +103 -0
- package/dist/components/fx-paper.js.map +1 -0
- package/dist/components/fx-surface.cjs +89 -0
- package/dist/components/fx-surface.cjs.map +1 -0
- package/dist/components/fx-surface.d.cts +70 -0
- package/dist/components/fx-surface.d.ts +70 -0
- package/dist/components/fx-surface.js +84 -0
- package/dist/components/fx-surface.js.map +1 -0
- package/dist/components/fx2.cjs +14 -0
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.d.cts +50 -1
- package/dist/components/fx2.d.ts +50 -1
- package/dist/components/fx2.js +9 -1
- package/dist/components/fx2.js.map +1 -1
- package/dist/components/widgets.cjs +509 -173
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +65 -2
- package/dist/components/widgets.d.ts +65 -2
- package/dist/components/widgets.js +506 -174
- package/dist/components/widgets.js.map +1 -1
- package/dist/widgets.umd.js +1 -1
- package/dist/widgets.umd.js.map +1 -1
- package/docs/ROADMAP.md +2 -2
- package/docs/components.md +43 -0
- package/package.json +41 -1
|
@@ -8,6 +8,8 @@ require('../chunks/builtins-ClXshqj-.cjs');
|
|
|
8
8
|
var components_fxShop = require('./fx-shop.cjs');
|
|
9
9
|
var components_engine = require('./engine.cjs');
|
|
10
10
|
var components_fxOrganic = require('./fx-organic.cjs');
|
|
11
|
+
var components_fxPaper = require('./fx-paper.cjs');
|
|
12
|
+
var components_fxSurface = require('./fx-surface.cjs');
|
|
11
13
|
require('../chunks/core-CwO835Wm.cjs');
|
|
12
14
|
require('./tokens.cjs');
|
|
13
15
|
require('../chunks/fx-C-XjLOTc.cjs');
|
|
@@ -47,7 +49,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
47
49
|
return -1;
|
|
48
50
|
}
|
|
49
51
|
|
|
50
|
-
var css$
|
|
52
|
+
var css$19 = "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}";
|
|
51
53
|
|
|
52
54
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
53
55
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -236,10 +238,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
236
238
|
}
|
|
237
239
|
}
|
|
238
240
|
return UsaCarousel;
|
|
239
|
-
}, { id: 'carousel', text: css$
|
|
241
|
+
}, { id: 'carousel', text: css$19 });
|
|
240
242
|
}
|
|
241
243
|
|
|
242
|
-
var css$
|
|
244
|
+
var css$18 = "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}";
|
|
243
245
|
|
|
244
246
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
245
247
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -352,10 +354,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
352
354
|
}
|
|
353
355
|
}
|
|
354
356
|
return UsaTabBar;
|
|
355
|
-
}, { id: 'tab-bar', text: css$
|
|
357
|
+
}, { id: 'tab-bar', text: css$18 });
|
|
356
358
|
}
|
|
357
359
|
|
|
358
|
-
var css$
|
|
360
|
+
var css$17 = "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}}";
|
|
359
361
|
|
|
360
362
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
361
363
|
return base.defineElement(tag, (Base) => {
|
|
@@ -423,10 +425,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
423
425
|
}
|
|
424
426
|
}
|
|
425
427
|
return UsaDisclosure;
|
|
426
|
-
}, { id: 'disclosure', text: css$
|
|
428
|
+
}, { id: 'disclosure', text: css$17 });
|
|
427
429
|
}
|
|
428
430
|
|
|
429
|
-
var css$
|
|
431
|
+
var css$16 = "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}}";
|
|
430
432
|
|
|
431
433
|
function defineStories(tag = 'usa-stories') {
|
|
432
434
|
return base.defineElement(tag, (Base) => {
|
|
@@ -559,10 +561,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
559
561
|
}
|
|
560
562
|
}
|
|
561
563
|
return UsaStories;
|
|
562
|
-
}, { id: 'stories', text: css$
|
|
564
|
+
}, { id: 'stories', text: css$16 });
|
|
563
565
|
}
|
|
564
566
|
|
|
565
|
-
var css$
|
|
567
|
+
var css$15 = "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)}}";
|
|
566
568
|
|
|
567
569
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
568
570
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -789,12 +791,12 @@ function defineOverlay(tag, kind) {
|
|
|
789
791
|
}
|
|
790
792
|
}
|
|
791
793
|
return UsaOverlay;
|
|
792
|
-
}, { id: 'overlay', text: css$
|
|
794
|
+
}, { id: 'overlay', text: css$15 });
|
|
793
795
|
}
|
|
794
796
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
795
797
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
796
798
|
|
|
797
|
-
var css$
|
|
799
|
+
var css$14 = "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}}";
|
|
798
800
|
|
|
799
801
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
800
802
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -965,7 +967,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
965
967
|
}
|
|
966
968
|
}
|
|
967
969
|
return UsaToastStack;
|
|
968
|
-
}, { id: 'toast', text: css$
|
|
970
|
+
}, { id: 'toast', text: css$14 });
|
|
969
971
|
}
|
|
970
972
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
971
973
|
function stackToast(input, stack) {
|
|
@@ -993,7 +995,7 @@ function installToastTriggers() {
|
|
|
993
995
|
});
|
|
994
996
|
}
|
|
995
997
|
|
|
996
|
-
var css
|
|
998
|
+
var css$13 = "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)}}";
|
|
997
999
|
|
|
998
1000
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
999
1001
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1132,10 +1134,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1132
1134
|
}
|
|
1133
1135
|
}
|
|
1134
1136
|
return UsaMenu;
|
|
1135
|
-
}, { id: 'menu', text: css
|
|
1137
|
+
}, { id: 'menu', text: css$13 });
|
|
1136
1138
|
}
|
|
1137
1139
|
|
|
1138
|
-
var css$
|
|
1140
|
+
var css$12 = "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}}";
|
|
1139
1141
|
|
|
1140
1142
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1141
1143
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1275,7 +1277,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1275
1277
|
}
|
|
1276
1278
|
}
|
|
1277
1279
|
return UsaProgressRing;
|
|
1278
|
-
}, { id: 'meters', text: css$
|
|
1280
|
+
}, { id: 'meters', text: css$12 });
|
|
1279
1281
|
}
|
|
1280
1282
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1281
1283
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1385,10 +1387,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1385
1387
|
}
|
|
1386
1388
|
}
|
|
1387
1389
|
return UsaOdometer;
|
|
1388
|
-
}, { id: 'meters', text: css$
|
|
1390
|
+
}, { id: 'meters', text: css$12 });
|
|
1389
1391
|
}
|
|
1390
1392
|
|
|
1391
|
-
var css$
|
|
1393
|
+
var css$11 = "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}}";
|
|
1392
1394
|
|
|
1393
1395
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1394
1396
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1503,10 +1505,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1503
1505
|
}
|
|
1504
1506
|
}
|
|
1505
1507
|
return UsaSkeletonReveal;
|
|
1506
|
-
}, { id: 'skeleton-reveal', text: css$
|
|
1508
|
+
}, { id: 'skeleton-reveal', text: css$11 });
|
|
1507
1509
|
}
|
|
1508
1510
|
|
|
1509
|
-
var css$
|
|
1511
|
+
var css$10 = "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}}";
|
|
1510
1512
|
|
|
1511
1513
|
const PATHS = {
|
|
1512
1514
|
star: 'M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6L2.5 9.4l6.6-.8z',
|
|
@@ -1643,10 +1645,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1643
1645
|
}
|
|
1644
1646
|
UsaStarRating.formAssociated = true;
|
|
1645
1647
|
return UsaStarRating;
|
|
1646
|
-
}, { id: 'star-rating', text: css$
|
|
1648
|
+
}, { id: 'star-rating', text: css$10 });
|
|
1647
1649
|
}
|
|
1648
1650
|
|
|
1649
|
-
var css
|
|
1651
|
+
var css$$ = "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}}";
|
|
1650
1652
|
|
|
1651
1653
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1652
1654
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1734,10 +1736,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1734
1736
|
}
|
|
1735
1737
|
}
|
|
1736
1738
|
return UsaMilestones;
|
|
1737
|
-
}, { id: 'milestones', text: css
|
|
1739
|
+
}, { id: 'milestones', text: css$$ });
|
|
1738
1740
|
}
|
|
1739
1741
|
|
|
1740
|
-
var css$
|
|
1742
|
+
var css$_ = "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}";
|
|
1741
1743
|
|
|
1742
1744
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1743
1745
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1858,10 +1860,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1858
1860
|
}
|
|
1859
1861
|
}
|
|
1860
1862
|
return UsaMasonryFlow;
|
|
1861
|
-
}, { id: 'masonry-flow', text: css$
|
|
1863
|
+
}, { id: 'masonry-flow', text: css$_ });
|
|
1862
1864
|
}
|
|
1863
1865
|
|
|
1864
|
-
var css$
|
|
1866
|
+
var css$Z = "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}";
|
|
1865
1867
|
|
|
1866
1868
|
function defineCompare(tag = 'usa-compare') {
|
|
1867
1869
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1985,10 +1987,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1985
1987
|
}
|
|
1986
1988
|
}
|
|
1987
1989
|
return UsaCompare;
|
|
1988
|
-
}, { id: 'compare', text: css$
|
|
1990
|
+
}, { id: 'compare', text: css$Z });
|
|
1989
1991
|
}
|
|
1990
1992
|
|
|
1991
|
-
var css$
|
|
1993
|
+
var css$Y = "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}";
|
|
1992
1994
|
|
|
1993
1995
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
1994
1996
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2121,10 +2123,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2121
2123
|
}
|
|
2122
2124
|
}
|
|
2123
2125
|
return UsaCubeGallery;
|
|
2124
|
-
}, { id: 'cube-gallery', text: css$
|
|
2126
|
+
}, { id: 'cube-gallery', text: css$Y });
|
|
2125
2127
|
}
|
|
2126
2128
|
|
|
2127
|
-
var css$
|
|
2129
|
+
var css$X = "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}}";
|
|
2128
2130
|
|
|
2129
2131
|
function defineDock(tag = 'usa-dock') {
|
|
2130
2132
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2192,10 +2194,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2192
2194
|
}
|
|
2193
2195
|
}
|
|
2194
2196
|
return UsaDock;
|
|
2195
|
-
}, { id: 'dock', text: css$
|
|
2197
|
+
}, { id: 'dock', text: css$X });
|
|
2196
2198
|
}
|
|
2197
2199
|
|
|
2198
|
-
var css$
|
|
2200
|
+
var css$W = "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)}";
|
|
2199
2201
|
|
|
2200
2202
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2201
2203
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2299,10 +2301,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2299
2301
|
}
|
|
2300
2302
|
}
|
|
2301
2303
|
return UsaNavMorph;
|
|
2302
|
-
}, { id: 'nav-morph', text: css$
|
|
2304
|
+
}, { id: 'nav-morph', text: css$W });
|
|
2303
2305
|
}
|
|
2304
2306
|
|
|
2305
|
-
var css$
|
|
2307
|
+
var css$V = "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}";
|
|
2306
2308
|
|
|
2307
2309
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2308
2310
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2375,10 +2377,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2375
2377
|
}
|
|
2376
2378
|
}
|
|
2377
2379
|
return UsaMenuToggle;
|
|
2378
|
-
}, { id: 'menu-toggle', text: css$
|
|
2380
|
+
}, { id: 'menu-toggle', text: css$V });
|
|
2379
2381
|
}
|
|
2380
2382
|
|
|
2381
|
-
var css$
|
|
2383
|
+
var css$U = "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)}";
|
|
2382
2384
|
|
|
2383
2385
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2384
2386
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2510,10 +2512,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2510
2512
|
}
|
|
2511
2513
|
}
|
|
2512
2514
|
return UsaTip;
|
|
2513
|
-
}, { id: 'tip', text: css$
|
|
2515
|
+
}, { id: 'tip', text: css$U });
|
|
2514
2516
|
}
|
|
2515
2517
|
|
|
2516
|
-
var css$
|
|
2518
|
+
var css$T = "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}}";
|
|
2517
2519
|
|
|
2518
2520
|
function defineStepper(tag = 'usa-stepper') {
|
|
2519
2521
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2610,10 +2612,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2610
2612
|
}
|
|
2611
2613
|
}
|
|
2612
2614
|
return UsaStepper;
|
|
2613
|
-
}, { id: 'stepper', text: css$
|
|
2615
|
+
}, { id: 'stepper', text: css$T });
|
|
2614
2616
|
}
|
|
2615
2617
|
|
|
2616
|
-
var css$
|
|
2618
|
+
var css$S = "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}}";
|
|
2617
2619
|
|
|
2618
2620
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2619
2621
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2735,10 +2737,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2735
2737
|
}
|
|
2736
2738
|
}
|
|
2737
2739
|
return UsaPagination;
|
|
2738
|
-
}, { id: 'pagination', text: css$
|
|
2740
|
+
}, { id: 'pagination', text: css$S });
|
|
2739
2741
|
}
|
|
2740
2742
|
|
|
2741
|
-
var css$
|
|
2743
|
+
var css$R = "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}}";
|
|
2742
2744
|
|
|
2743
2745
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2744
2746
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2832,10 +2834,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2832
2834
|
}
|
|
2833
2835
|
}
|
|
2834
2836
|
return UsaSegmented;
|
|
2835
|
-
}, { id: 'segmented', text: css$
|
|
2837
|
+
}, { id: 'segmented', text: css$R });
|
|
2836
2838
|
}
|
|
2837
2839
|
|
|
2838
|
-
var css$
|
|
2840
|
+
var css$Q = "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}}";
|
|
2839
2841
|
|
|
2840
2842
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2841
2843
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2923,10 +2925,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2923
2925
|
}
|
|
2924
2926
|
}
|
|
2925
2927
|
return UsaSwitch;
|
|
2926
|
-
}, { id: 'switch', text: css$
|
|
2928
|
+
}, { id: 'switch', text: css$Q });
|
|
2927
2929
|
}
|
|
2928
2930
|
|
|
2929
|
-
var css$
|
|
2931
|
+
var css$P = "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}}";
|
|
2930
2932
|
|
|
2931
2933
|
function defineKanban(tag = 'usa-kanban') {
|
|
2932
2934
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3131,10 +3133,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3131
3133
|
}
|
|
3132
3134
|
}
|
|
3133
3135
|
return UsaKanban;
|
|
3134
|
-
}, { id: 'kanban', text: css$
|
|
3136
|
+
}, { id: 'kanban', text: css$P });
|
|
3135
3137
|
}
|
|
3136
3138
|
|
|
3137
|
-
var css$
|
|
3139
|
+
var css$O = "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}}";
|
|
3138
3140
|
|
|
3139
3141
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3140
3142
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3276,10 +3278,10 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3276
3278
|
}
|
|
3277
3279
|
}
|
|
3278
3280
|
return UsaSwipeDeck;
|
|
3279
|
-
}, { id: 'swipe-deck', text: css$
|
|
3281
|
+
}, { id: 'swipe-deck', text: css$O });
|
|
3280
3282
|
}
|
|
3281
3283
|
|
|
3282
|
-
var css$
|
|
3284
|
+
var css$N = "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}}";
|
|
3283
3285
|
|
|
3284
3286
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3285
3287
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
@@ -3360,10 +3362,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3360
3362
|
}
|
|
3361
3363
|
}
|
|
3362
3364
|
return UsaWeatherCard;
|
|
3363
|
-
}, { id: 'weather-card', text: css$
|
|
3365
|
+
}, { id: 'weather-card', text: css$N });
|
|
3364
3366
|
}
|
|
3365
3367
|
|
|
3366
|
-
var css$
|
|
3368
|
+
var css$M = "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}}";
|
|
3367
3369
|
|
|
3368
3370
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3369
3371
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3492,10 +3494,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3492
3494
|
}
|
|
3493
3495
|
}
|
|
3494
3496
|
return UsaPullCord;
|
|
3495
|
-
}, { id: 'pull-cord', text: css$
|
|
3497
|
+
}, { id: 'pull-cord', text: css$M });
|
|
3496
3498
|
}
|
|
3497
3499
|
|
|
3498
|
-
var css$
|
|
3500
|
+
var css$L = "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}}";
|
|
3499
3501
|
|
|
3500
3502
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3501
3503
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3644,10 +3646,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3644
3646
|
}
|
|
3645
3647
|
}
|
|
3646
3648
|
return UsaDatePicker;
|
|
3647
|
-
}, { id: 'date-picker', text: css$
|
|
3649
|
+
}, { id: 'date-picker', text: css$L });
|
|
3648
3650
|
}
|
|
3649
3651
|
|
|
3650
|
-
var css$
|
|
3652
|
+
var css$K = "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}}";
|
|
3651
3653
|
|
|
3652
3654
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3653
3655
|
function hsvToHex(h, s, v) {
|
|
@@ -3767,10 +3769,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3767
3769
|
}
|
|
3768
3770
|
}
|
|
3769
3771
|
return UsaColorPicker;
|
|
3770
|
-
}, { id: 'color-picker', text: css$
|
|
3772
|
+
}, { id: 'color-picker', text: css$K });
|
|
3771
3773
|
}
|
|
3772
3774
|
|
|
3773
|
-
var css$
|
|
3775
|
+
var css$J = "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}}";
|
|
3774
3776
|
|
|
3775
3777
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3776
3778
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3871,10 +3873,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3871
3873
|
}
|
|
3872
3874
|
}
|
|
3873
3875
|
return UsaFileDrop;
|
|
3874
|
-
}, { id: 'file-drop', text: css$
|
|
3876
|
+
}, { id: 'file-drop', text: css$J });
|
|
3875
3877
|
}
|
|
3876
3878
|
|
|
3877
|
-
var css$
|
|
3879
|
+
var css$I = "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}}";
|
|
3878
3880
|
|
|
3879
3881
|
const DEFAULT = {
|
|
3880
3882
|
format: player.ANIMATION_FORMAT,
|
|
@@ -4048,10 +4050,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4048
4050
|
}
|
|
4049
4051
|
}
|
|
4050
4052
|
return UsaKeyframeEditor;
|
|
4051
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4053
|
+
}, { id: 'keyframe-editor', text: css$I });
|
|
4052
4054
|
}
|
|
4053
4055
|
|
|
4054
|
-
var css$
|
|
4056
|
+
var css$H = "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}}";
|
|
4055
4057
|
|
|
4056
4058
|
const fmt = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4057
4059
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4212,10 +4214,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4212
4214
|
}
|
|
4213
4215
|
}
|
|
4214
4216
|
return UsaMusicPlayer;
|
|
4215
|
-
}, { id: 'music-player', text: css$
|
|
4217
|
+
}, { id: 'music-player', text: css$H });
|
|
4216
4218
|
}
|
|
4217
4219
|
|
|
4218
|
-
var css$
|
|
4220
|
+
var css$G = "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}}";
|
|
4219
4221
|
|
|
4220
4222
|
const ARC = 270;
|
|
4221
4223
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4306,10 +4308,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4306
4308
|
}
|
|
4307
4309
|
}
|
|
4308
4310
|
return UsaVolumeKnob;
|
|
4309
|
-
}, { id: 'volume-knob', text: css$
|
|
4311
|
+
}, { id: 'volume-knob', text: css$G });
|
|
4310
4312
|
}
|
|
4311
4313
|
|
|
4312
|
-
var css$
|
|
4314
|
+
var css$F = "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}}";
|
|
4313
4315
|
|
|
4314
4316
|
const EQ_PRESETS = {
|
|
4315
4317
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4407,10 +4409,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4407
4409
|
}
|
|
4408
4410
|
}
|
|
4409
4411
|
return UsaEqualizer;
|
|
4410
|
-
}, { id: 'equalizer', text: css$
|
|
4412
|
+
}, { id: 'equalizer', text: css$F });
|
|
4411
4413
|
}
|
|
4412
4414
|
|
|
4413
|
-
var css$
|
|
4415
|
+
var css$E = "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}}";
|
|
4414
4416
|
|
|
4415
4417
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4416
4418
|
function parseLRC(src) {
|
|
@@ -4522,10 +4524,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4522
4524
|
}
|
|
4523
4525
|
}
|
|
4524
4526
|
return UsaLyrics;
|
|
4525
|
-
}, { id: 'lyrics', text: css$
|
|
4527
|
+
}, { id: 'lyrics', text: css$E });
|
|
4526
4528
|
}
|
|
4527
4529
|
|
|
4528
|
-
var css$
|
|
4530
|
+
var css$D = "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}}";
|
|
4529
4531
|
|
|
4530
4532
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4531
4533
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4619,10 +4621,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4619
4621
|
}
|
|
4620
4622
|
}
|
|
4621
4623
|
return UsaBarChart;
|
|
4622
|
-
}, { id: 'bar-chart', text: css$
|
|
4624
|
+
}, { id: 'bar-chart', text: css$D });
|
|
4623
4625
|
}
|
|
4624
4626
|
|
|
4625
|
-
var css$
|
|
4627
|
+
var css$C = "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)}";
|
|
4626
4628
|
|
|
4627
4629
|
function defineGauge(tag = 'usa-gauge') {
|
|
4628
4630
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4707,10 +4709,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4707
4709
|
}
|
|
4708
4710
|
}
|
|
4709
4711
|
return UsaGauge;
|
|
4710
|
-
}, { id: 'gauge', text: css$
|
|
4712
|
+
}, { id: 'gauge', text: css$C });
|
|
4711
4713
|
}
|
|
4712
4714
|
|
|
4713
|
-
var css$
|
|
4715
|
+
var css$B = "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}}";
|
|
4714
4716
|
|
|
4715
4717
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4716
4718
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4833,7 +4835,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4833
4835
|
}
|
|
4834
4836
|
}
|
|
4835
4837
|
return UsaSparkline;
|
|
4836
|
-
}, { id: 'sparkline', text: css$
|
|
4838
|
+
}, { id: 'sparkline', text: css$B });
|
|
4837
4839
|
}
|
|
4838
4840
|
|
|
4839
4841
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4846,7 +4848,7 @@ function parseFigureText(s) {
|
|
|
4846
4848
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4847
4849
|
}
|
|
4848
4850
|
|
|
4849
|
-
var css$
|
|
4851
|
+
var css$A = "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}";
|
|
4850
4852
|
|
|
4851
4853
|
function defineKpi(tag = 'usa-kpi') {
|
|
4852
4854
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4926,10 +4928,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4926
4928
|
}
|
|
4927
4929
|
}
|
|
4928
4930
|
return UsaKpi;
|
|
4929
|
-
}, { id: 'kpi', text: css$
|
|
4931
|
+
}, { id: 'kpi', text: css$A });
|
|
4930
4932
|
}
|
|
4931
4933
|
|
|
4932
|
-
var css$
|
|
4934
|
+
var css$z = "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}}";
|
|
4933
4935
|
|
|
4934
4936
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4935
4937
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4974,10 +4976,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4974
4976
|
}
|
|
4975
4977
|
}
|
|
4976
4978
|
return UsaAddToCart;
|
|
4977
|
-
}, { id: 'add-to-cart', text: css$
|
|
4979
|
+
}, { id: 'add-to-cart', text: css$z });
|
|
4978
4980
|
}
|
|
4979
4981
|
|
|
4980
|
-
var css$
|
|
4982
|
+
var css$y = "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}";
|
|
4981
4983
|
|
|
4982
4984
|
/** Cart total (7.3). */
|
|
4983
4985
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5142,10 +5144,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5142
5144
|
}
|
|
5143
5145
|
}
|
|
5144
5146
|
return UsaCartDrawer;
|
|
5145
|
-
}, { id: 'cart-drawer', text: css$
|
|
5147
|
+
}, { id: 'cart-drawer', text: css$y });
|
|
5146
5148
|
}
|
|
5147
5149
|
|
|
5148
|
-
var css$
|
|
5150
|
+
var css$x = "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}}";
|
|
5149
5151
|
|
|
5150
5152
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5151
5153
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5259,17 +5261,17 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5259
5261
|
}
|
|
5260
5262
|
}
|
|
5261
5263
|
return UsaProductGallery;
|
|
5262
|
-
}, { id: 'product-gallery', text: css$
|
|
5264
|
+
}, { id: 'product-gallery', text: css$x });
|
|
5263
5265
|
}
|
|
5264
5266
|
|
|
5265
|
-
var css$
|
|
5267
|
+
var css$w = "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)}";
|
|
5266
5268
|
|
|
5267
5269
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5268
5270
|
function splitTime(sec) {
|
|
5269
5271
|
const t = Math.max(0, Math.floor(sec));
|
|
5270
5272
|
return { d: Math.floor(t / 86400), h: Math.floor((t % 86400) / 3600), m: Math.floor((t % 3600) / 60), s: t % 60 };
|
|
5271
5273
|
}
|
|
5272
|
-
const NAMES = { d: 'days', h: 'hours', m: 'minutes', s: 'seconds' };
|
|
5274
|
+
const NAMES$1 = { d: 'days', h: 'hours', m: 'minutes', s: 'seconds' };
|
|
5273
5275
|
function defineCountdown(tag = 'usa-countdown') {
|
|
5274
5276
|
return base.defineElement(tag, (Base) => {
|
|
5275
5277
|
class UsaCountdown extends Base {
|
|
@@ -5286,10 +5288,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5286
5288
|
return Math.max(0, Math.round((this._end - Date.now()) / 1000));
|
|
5287
5289
|
}
|
|
5288
5290
|
mount() {
|
|
5289
|
-
const units = this.str('units', 'd,h,m,s').split(',').map((u) => u.trim()).filter((u) => u in NAMES);
|
|
5291
|
+
const units = this.str('units', 'd,h,m,s').split(',').map((u) => u.trim()).filter((u) => u in NAMES$1);
|
|
5290
5292
|
const labels = this.str('labels', '').split(',');
|
|
5291
5293
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
5292
|
-
this.insertAdjacentHTML('afterbegin', `<span class="usa-cd-row" data-usa-part aria-hidden="true">${units.map((u, i) => `<span class="usa-cd-unit" data-u="${u}"><span class="usa-cd-digits"></span><small>${labels[i]?.trim() || NAMES[u]}</small></span>`).join('')}</span>`);
|
|
5294
|
+
this.insertAdjacentHTML('afterbegin', `<span class="usa-cd-row" data-usa-part aria-hidden="true">${units.map((u, i) => `<span class="usa-cd-unit" data-u="${u}"><span class="usa-cd-digits"></span><small>${labels[i]?.trim() || NAMES$1[u]}</small></span>`).join('')}</span>`);
|
|
5293
5295
|
this.setAttribute('role', 'timer');
|
|
5294
5296
|
this.reset();
|
|
5295
5297
|
this.onCleanup(() => this.stop());
|
|
@@ -5350,10 +5352,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5350
5352
|
}
|
|
5351
5353
|
}
|
|
5352
5354
|
return UsaCountdown;
|
|
5353
|
-
}, { id: 'countdown', text: css$
|
|
5355
|
+
}, { id: 'countdown', text: css$w });
|
|
5354
5356
|
}
|
|
5355
5357
|
|
|
5356
|
-
var css$
|
|
5358
|
+
var css$v = "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}}";
|
|
5357
5359
|
|
|
5358
5360
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5359
5361
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5440,10 +5442,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5440
5442
|
}
|
|
5441
5443
|
}
|
|
5442
5444
|
return UsaMessageList;
|
|
5443
|
-
}, { id: 'message-list', text: css$
|
|
5445
|
+
}, { id: 'message-list', text: css$v });
|
|
5444
5446
|
}
|
|
5445
5447
|
|
|
5446
|
-
var css$
|
|
5448
|
+
var css$u = "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}";
|
|
5447
5449
|
|
|
5448
5450
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5449
5451
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5545,10 +5547,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5545
5547
|
}
|
|
5546
5548
|
}
|
|
5547
5549
|
return UsaReactions;
|
|
5548
|
-
}, { id: 'reactions', text: css$
|
|
5550
|
+
}, { id: 'reactions', text: css$u });
|
|
5549
5551
|
}
|
|
5550
5552
|
|
|
5551
|
-
var css$
|
|
5553
|
+
var css$t = "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}";
|
|
5552
5554
|
|
|
5553
5555
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5554
5556
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5643,10 +5645,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5643
5645
|
}
|
|
5644
5646
|
}
|
|
5645
5647
|
return UsaNotificationBell;
|
|
5646
|
-
}, { id: 'notification-bell', text: css$
|
|
5648
|
+
}, { id: 'notification-bell', text: css$t });
|
|
5647
5649
|
}
|
|
5648
5650
|
|
|
5649
|
-
var css$
|
|
5651
|
+
var css$s = "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}}";
|
|
5650
5652
|
|
|
5651
5653
|
/** Presence states (7.4). */
|
|
5652
5654
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5716,10 +5718,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5716
5718
|
}
|
|
5717
5719
|
}
|
|
5718
5720
|
return UsaPresence;
|
|
5719
|
-
}, { id: 'presence', text: css$
|
|
5721
|
+
}, { id: 'presence', text: css$s });
|
|
5720
5722
|
}
|
|
5721
5723
|
|
|
5722
|
-
var css$
|
|
5724
|
+
var css$r = "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)}";
|
|
5723
5725
|
|
|
5724
5726
|
/** Sort rows by score desc, then name (7.5). */
|
|
5725
5727
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5828,10 +5830,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5828
5830
|
}
|
|
5829
5831
|
}
|
|
5830
5832
|
return UsaLeaderboard;
|
|
5831
|
-
}, { id: 'leaderboard', text: css$
|
|
5833
|
+
}, { id: 'leaderboard', text: css$r });
|
|
5832
5834
|
}
|
|
5833
5835
|
|
|
5834
|
-
var css$
|
|
5836
|
+
var css$q = "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)}";
|
|
5835
5837
|
|
|
5836
5838
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5837
5839
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5928,10 +5930,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5928
5930
|
}
|
|
5929
5931
|
}
|
|
5930
5932
|
return UsaXpBar;
|
|
5931
|
-
}, { id: 'xp-bar', text: css$
|
|
5933
|
+
}, { id: 'xp-bar', text: css$q });
|
|
5932
5934
|
}
|
|
5933
5935
|
|
|
5934
|
-
var css$
|
|
5936
|
+
var css$p = "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}}";
|
|
5935
5937
|
|
|
5936
5938
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5937
5939
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -5998,17 +6000,17 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
5998
6000
|
}
|
|
5999
6001
|
}
|
|
6000
6002
|
return UsaBadgeWall;
|
|
6001
|
-
}, { id: 'badge-wall', text: css$
|
|
6003
|
+
}, { id: 'badge-wall', text: css$p });
|
|
6002
6004
|
}
|
|
6003
6005
|
|
|
6004
|
-
var css$
|
|
6006
|
+
var css$o = "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)}";
|
|
6005
6007
|
|
|
6006
6008
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6007
6009
|
function wheelAngle(index, count, turns = 5) {
|
|
6008
6010
|
const seg = 360 / Math.max(1, count);
|
|
6009
6011
|
return turns * 360 + (360 - (index * seg + seg / 2));
|
|
6010
6012
|
}
|
|
6011
|
-
const COLORS = ['#7c5cff', '#22d3ee', '#f59e0b', '#ef4444', '#22c55e', '#ec4899', '#3b82f6', '#a3e635'];
|
|
6013
|
+
const COLORS$1 = ['#7c5cff', '#22d3ee', '#f59e0b', '#ef4444', '#22c55e', '#ec4899', '#3b82f6', '#a3e635'];
|
|
6012
6014
|
function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
6013
6015
|
return base.defineElement(tag, (Base) => {
|
|
6014
6016
|
class UsaPrizeWheel extends Base {
|
|
@@ -6031,7 +6033,7 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6031
6033
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6032
6034
|
const s = this.segments;
|
|
6033
6035
|
const seg = 360 / s.length;
|
|
6034
|
-
const grad = s.map((_, i) => `${COLORS[i % COLORS.length]} ${(i * seg).toFixed(2)}deg ${((i + 1) * seg).toFixed(2)}deg`).join(',');
|
|
6036
|
+
const grad = s.map((_, i) => `${COLORS$1[i % COLORS$1.length]} ${(i * seg).toFixed(2)}deg ${((i + 1) * seg).toFixed(2)}deg`).join(',');
|
|
6035
6037
|
this.insertAdjacentHTML('beforeend', '<span class="usa-pw-box" data-usa-part><i class="usa-pw-pointer" aria-hidden="true"></i><span class="usa-pw-wheel" aria-hidden="true"></span><button type="button" class="usa-pw-btn"></button></span><span class="usa-pw-live" data-usa-part aria-live="polite"></span>');
|
|
6036
6038
|
const wheel = this.querySelector('.usa-pw-wheel');
|
|
6037
6039
|
wheel.style.background = `conic-gradient(${grad})`;
|
|
@@ -6081,10 +6083,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6081
6083
|
}
|
|
6082
6084
|
}
|
|
6083
6085
|
return UsaPrizeWheel;
|
|
6084
|
-
}, { id: 'prize-wheel', text: css$
|
|
6086
|
+
}, { id: 'prize-wheel', text: css$o });
|
|
6085
6087
|
}
|
|
6086
6088
|
|
|
6087
|
-
var css$
|
|
6089
|
+
var css$n = "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}}";
|
|
6088
6090
|
|
|
6089
6091
|
const RAD = Math.PI / 180;
|
|
6090
6092
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6241,10 +6243,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6241
6243
|
}
|
|
6242
6244
|
}
|
|
6243
6245
|
return UsaGlobe;
|
|
6244
|
-
}, { id: 'globe', text: css$
|
|
6246
|
+
}, { id: 'globe', text: css$n });
|
|
6245
6247
|
}
|
|
6246
6248
|
|
|
6247
|
-
var css$
|
|
6249
|
+
var css$m = "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}";
|
|
6248
6250
|
|
|
6249
6251
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6250
6252
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6260,7 +6262,7 @@ function formatDistance(km, unit = 'km') {
|
|
|
6260
6262
|
}
|
|
6261
6263
|
return km < 1 ? `${Math.round(km * 1000)} m` : `${km < 10 ? km.toFixed(1) : Math.round(km)} km`;
|
|
6262
6264
|
}
|
|
6263
|
-
const esc$
|
|
6265
|
+
const esc$b = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6264
6266
|
function defineLocationCard(tag = 'usa-location-card') {
|
|
6265
6267
|
return base.defineElement(tag, (Base) => {
|
|
6266
6268
|
class UsaLocationCard extends Base {
|
|
@@ -6285,7 +6287,7 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6285
6287
|
const dist = this.str('distance') || (km === null ? '' : formatDistance(km, this.str('unit') === 'mi' ? 'mi' : 'km'));
|
|
6286
6288
|
const href = this.str('href');
|
|
6287
6289
|
const origin = km !== null;
|
|
6288
|
-
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$
|
|
6290
|
+
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$b(name)}"><div class="usa-lc-map" aria-hidden="true"><svg viewBox="0 0 240 120" preserveAspectRatio="xMidYMid slice"><path class="usa-lc-street" d="M0 30H240M0 78H240M40 0V120M120 0V120M196 0V120M0 112L240 8"/>${origin ? '<path class="usa-lc-route" pathLength="100" d="M28 100C60 100 64 78 96 78S120 40 160 40 168 58 168 58"/><circle class="usa-lc-from" cx="28" cy="100" r="4"/>' : ''}</svg><span class="usa-lc-ring"></span><span class="usa-lc-pin"></span></div><div class="usa-lc-body"><h3 class="usa-lc-name">${esc$b(name)}</h3>${this.str('address') ? `<p class="usa-lc-addr">${esc$b(this.str('address'))}</p>` : ''}<p class="usa-lc-meta">${dist ? `<span class="usa-lc-dist">${esc$b(dist)}</span>` : ''}${href ? `<a class="usa-lc-go" href="${esc$b(href)}" target="_blank" rel="noopener">Directions</a>` : ''}</p></div></article>`);
|
|
6289
6291
|
if (origin)
|
|
6290
6292
|
this.setAttribute('data-route', '');
|
|
6291
6293
|
else
|
|
@@ -6318,10 +6320,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6318
6320
|
}
|
|
6319
6321
|
}
|
|
6320
6322
|
return UsaLocationCard;
|
|
6321
|
-
}, { id: 'location-card', text: css$
|
|
6323
|
+
}, { id: 'location-card', text: css$m });
|
|
6322
6324
|
}
|
|
6323
6325
|
|
|
6324
|
-
var css$
|
|
6326
|
+
var css$l = "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}}";
|
|
6325
6327
|
|
|
6326
6328
|
/** 0–4 password strength score with a label (7.7). */
|
|
6327
6329
|
function passwordStrength(pw) {
|
|
@@ -6343,7 +6345,7 @@ function passwordStrength(pw) {
|
|
|
6343
6345
|
const score = Math.min(4, s);
|
|
6344
6346
|
return { score, label: ['Too short', 'Weak', 'Fair', 'Good', 'Strong'][score] };
|
|
6345
6347
|
}
|
|
6346
|
-
const esc$
|
|
6348
|
+
const esc$a = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6347
6349
|
let uid$2 = 0;
|
|
6348
6350
|
const PASS = ['type', 'name', 'required', 'pattern', 'minlength', 'maxlength', 'autocomplete', 'inputmode', 'placeholder'];
|
|
6349
6351
|
function defineField(tag = 'usa-field') {
|
|
@@ -6377,9 +6379,9 @@ function defineField(tag = 'usa-field') {
|
|
|
6377
6379
|
const id = this._id;
|
|
6378
6380
|
const strength = this.flag('strength');
|
|
6379
6381
|
const attrs = PASS.filter((a) => this.hasAttribute(a))
|
|
6380
|
-
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$
|
|
6382
|
+
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$a(this.str(a))}"`))
|
|
6381
6383
|
.join('');
|
|
6382
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-fld" data-usa-part><input class="usa-fld-input" id="${id}"${attrs} aria-describedby="${id}-msg"${this.hasAttribute('type') ? '' : ' type="text"'}><label class="usa-fld-label" for="${id}">${esc$
|
|
6384
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-fld" data-usa-part><input class="usa-fld-input" id="${id}"${attrs} aria-describedby="${id}-msg"${this.hasAttribute('type') ? '' : ' type="text"'}><label class="usa-fld-label" for="${id}">${esc$a(this.str('label', 'Label'))}</label><span class="usa-fld-line" aria-hidden="true"></span><svg class="usa-fld-ok" viewBox="0 0 24 24" aria-hidden="true"><path pathLength="1" d="M5 12.5l4.5 4.5L19 7.5"/></svg>${strength ? '<div class="usa-fld-meter" aria-hidden="true"><i></i><i></i><i></i><i></i></div>' : ''}<p class="usa-fld-msg" id="${id}-msg" aria-live="polite">${esc$a(this.str('hint'))}</p></div>`);
|
|
6383
6385
|
const input = this.input;
|
|
6384
6386
|
input.value = keep;
|
|
6385
6387
|
this.listen(input, 'input', () => {
|
|
@@ -6447,10 +6449,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6447
6449
|
}
|
|
6448
6450
|
}
|
|
6449
6451
|
return UsaField;
|
|
6450
|
-
}, { id: 'field', text: css$
|
|
6452
|
+
}, { id: 'field', text: css$l });
|
|
6451
6453
|
}
|
|
6452
6454
|
|
|
6453
|
-
var css$
|
|
6455
|
+
var css$k = "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}}";
|
|
6454
6456
|
|
|
6455
6457
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6456
6458
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6581,10 +6583,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6581
6583
|
}
|
|
6582
6584
|
}
|
|
6583
6585
|
return UsaOtp;
|
|
6584
|
-
}, { id: 'otp', text: css$
|
|
6586
|
+
}, { id: 'otp', text: css$k });
|
|
6585
6587
|
}
|
|
6586
6588
|
|
|
6587
|
-
var css$
|
|
6589
|
+
var css$j = "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}}";
|
|
6588
6590
|
|
|
6589
6591
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6590
6592
|
function formatBytes(n) {
|
|
@@ -6598,7 +6600,7 @@ function formatBytes(n) {
|
|
|
6598
6600
|
}
|
|
6599
6601
|
return `${i === 0 ? Math.round(n) : n < 10 ? n.toFixed(1) : Math.round(n)} ${u[i]}`;
|
|
6600
6602
|
}
|
|
6601
|
-
const esc$
|
|
6603
|
+
const esc$9 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6602
6604
|
function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
6603
6605
|
return base.defineElement(tag, (Base) => {
|
|
6604
6606
|
class UsaUploadProgress extends Base {
|
|
@@ -6626,7 +6628,7 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6626
6628
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6627
6629
|
const name = this.str('name', 'file');
|
|
6628
6630
|
const size = formatBytes(this.num('size', NaN));
|
|
6629
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$
|
|
6631
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$9((name.split('.').pop() || '').slice(0, 4).toUpperCase())}</span><div class="usa-up-main"><div class="usa-up-top"><span class="usa-up-name">${esc$9(name)}</span><span class="usa-up-pct"></span></div><div class="usa-up-track" role="progressbar" aria-label="Uploading ${esc$9(name)}" aria-valuemin="0" aria-valuemax="100"><span class="usa-up-fill"></span></div><div class="usa-up-sub"><span class="usa-up-size">${esc$9(size)}</span><span class="usa-up-msg" aria-live="polite"></span><button type="button" class="usa-up-retry">Retry</button></div></div><svg class="usa-up-ok" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path pathLength="1" d="M7 12.5l3.2 3.2L17 9"/></svg></div>`);
|
|
6630
6632
|
this.listen(this.querySelector('.usa-up-retry'), 'click', () => this.emit('retry', { name }));
|
|
6631
6633
|
this._shown = 0;
|
|
6632
6634
|
this.render(true);
|
|
@@ -6667,12 +6669,12 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6667
6669
|
}
|
|
6668
6670
|
}
|
|
6669
6671
|
return UsaUploadProgress;
|
|
6670
|
-
}, { id: 'upload-progress', text: css$
|
|
6672
|
+
}, { id: 'upload-progress', text: css$j });
|
|
6671
6673
|
}
|
|
6672
6674
|
|
|
6673
|
-
var css$
|
|
6675
|
+
var css$i = "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}}";
|
|
6674
6676
|
|
|
6675
|
-
const esc$
|
|
6677
|
+
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6676
6678
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
6677
6679
|
return base.defineElement(tag, (Base) => {
|
|
6678
6680
|
class UsaChatComposer extends Base {
|
|
@@ -6702,7 +6704,7 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6702
6704
|
const keep = this.area?.value ?? this.str('value');
|
|
6703
6705
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6704
6706
|
const label = this.str('label', 'Message');
|
|
6705
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-cc" data-usa-part><span class="usa-cc-glow" aria-hidden="true"></span><textarea class="usa-cc-input" rows="1" aria-label="${esc$
|
|
6707
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-cc" data-usa-part><span class="usa-cc-glow" aria-hidden="true"></span><textarea class="usa-cc-input" rows="1" aria-label="${esc$8(label)}" placeholder="${esc$8(this.str('placeholder', 'Ask anything…'))}"></textarea><button type="button" class="usa-cc-send" aria-label="Send"><svg viewBox="0 0 24 24" aria-hidden="true"><path class="usa-cc-arrow" d="M12 19V5M5.5 11.5L12 5l6.5 6.5"/><rect class="usa-cc-stop" x="7" y="7" width="10" height="10" rx="2"/></svg></button></div>`);
|
|
6706
6708
|
const a = this.area;
|
|
6707
6709
|
a.value = keep;
|
|
6708
6710
|
this.listen(a, 'input', () => this.sync());
|
|
@@ -6768,10 +6770,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6768
6770
|
}
|
|
6769
6771
|
}
|
|
6770
6772
|
return UsaChatComposer;
|
|
6771
|
-
}, { id: 'chat-composer', text: css$
|
|
6773
|
+
}, { id: 'chat-composer', text: css$i });
|
|
6772
6774
|
}
|
|
6773
6775
|
|
|
6774
|
-
var css$
|
|
6776
|
+
var css$h = "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}}";
|
|
6775
6777
|
|
|
6776
6778
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6777
6779
|
function parseChips(s) {
|
|
@@ -6780,7 +6782,7 @@ function parseChips(s) {
|
|
|
6780
6782
|
.map((t) => t.trim())
|
|
6781
6783
|
.filter(Boolean);
|
|
6782
6784
|
}
|
|
6783
|
-
const esc$
|
|
6785
|
+
const esc$7 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6784
6786
|
function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
6785
6787
|
return base.defineElement(tag, (Base) => {
|
|
6786
6788
|
class UsaSuggestionChips extends Base {
|
|
@@ -6815,7 +6817,7 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6815
6817
|
Array.from(this.children).forEach((c) => !c.hasAttribute('data-usa-part') && c.setAttribute('hidden', ''));
|
|
6816
6818
|
}
|
|
6817
6819
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6818
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$
|
|
6820
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$7(this.str('label', 'Suggestions'))}" data-usa-part>${items.map((t, i) => `<span role="listitem"><button type="button" class="usa-sc-chip" data-i="${i}">${esc$7(t)}</button></span>`).join('')}</div>`);
|
|
6819
6821
|
const chips = Array.from(this.querySelectorAll('.usa-sc-chip'));
|
|
6820
6822
|
chips.forEach((c, i) => {
|
|
6821
6823
|
this.listen(c, 'click', () => this.pick(i));
|
|
@@ -6856,10 +6858,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6856
6858
|
}
|
|
6857
6859
|
}
|
|
6858
6860
|
return UsaSuggestionChips;
|
|
6859
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6861
|
+
}, { id: 'suggestion-chips', text: css$h });
|
|
6860
6862
|
}
|
|
6861
6863
|
|
|
6862
|
-
var css$
|
|
6864
|
+
var css$g = "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}}";
|
|
6863
6865
|
|
|
6864
6866
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6865
6867
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6931,10 +6933,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6931
6933
|
}
|
|
6932
6934
|
}
|
|
6933
6935
|
return UsaVoiceButton;
|
|
6934
|
-
}, { id: 'voice-button', text: css$
|
|
6936
|
+
}, { id: 'voice-button', text: css$g });
|
|
6935
6937
|
}
|
|
6936
6938
|
|
|
6937
|
-
var css$
|
|
6939
|
+
var css$f = "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)}";
|
|
6938
6940
|
|
|
6939
6941
|
/**
|
|
6940
6942
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -6993,7 +6995,7 @@ function matchesKeys(e, keys, apple = isApple()) {
|
|
|
6993
6995
|
function isApple() {
|
|
6994
6996
|
return typeof navigator !== 'undefined' && /Mac|iPhone|iPad|iPod/.test(navigator.userAgentData?.platform || navigator.platform || navigator.userAgent || '');
|
|
6995
6997
|
}
|
|
6996
|
-
const esc$
|
|
6998
|
+
const esc$6 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6997
6999
|
let uid$1 = 0;
|
|
6998
7000
|
function defineCommandPalette(tag = 'usa-command-palette') {
|
|
6999
7001
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7030,7 +7032,7 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7030
7032
|
mount() {
|
|
7031
7033
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7032
7034
|
const id = this._id;
|
|
7033
|
-
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$
|
|
7035
|
+
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$6(this.str('label', 'Command palette'))}"><div class="usa-cp-box"><input class="usa-cp-q" role="combobox" aria-expanded="true" aria-controls="${id}-list" aria-autocomplete="list" autocomplete="off" spellcheck="false" placeholder="${esc$6(this.str('placeholder', 'Type a command or search…'))}"><div class="usa-cp-list" id="${id}-list" role="listbox"><span class="usa-cp-hl" aria-hidden="true"></span></div><p class="usa-cp-empty" hidden>No results</p></div></dialog>`);
|
|
7034
7036
|
const dlg = this.dlg;
|
|
7035
7037
|
const q = this.querySelector('.usa-cp-q');
|
|
7036
7038
|
this.listen(q, 'input', () => this.render(true));
|
|
@@ -7085,12 +7087,12 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7085
7087
|
if (!q && c.group !== group) {
|
|
7086
7088
|
group = c.group;
|
|
7087
7089
|
if (group)
|
|
7088
|
-
html += `<div class="usa-cp-group" role="presentation">${esc$
|
|
7090
|
+
html += `<div class="usa-cp-group" role="presentation">${esc$6(group)}</div>`;
|
|
7089
7091
|
}
|
|
7090
7092
|
const label = Array.from(c.label)
|
|
7091
|
-
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$
|
|
7093
|
+
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$6(ch)}</mark>` : esc$6(ch)))
|
|
7092
7094
|
.join('');
|
|
7093
|
-
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$
|
|
7095
|
+
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$6(k)}</kbd>`).join('')}</span>` : '';
|
|
7094
7096
|
html += `<div class="usa-cp-item" role="option" id="${this._id}-o${i}" data-i="${i}" aria-selected="false"><span class="usa-cp-label">${label}</span>${keys}</div>`;
|
|
7095
7097
|
});
|
|
7096
7098
|
list.insertAdjacentHTML('beforeend', html);
|
|
@@ -7193,13 +7195,13 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7193
7195
|
}
|
|
7194
7196
|
}
|
|
7195
7197
|
return UsaCommandPalette;
|
|
7196
|
-
}, { id: 'command-palette', text: css$
|
|
7198
|
+
}, { id: 'command-palette', text: css$f });
|
|
7197
7199
|
}
|
|
7198
7200
|
|
|
7199
|
-
var css$
|
|
7201
|
+
var css$e = "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}";
|
|
7200
7202
|
|
|
7201
7203
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7202
|
-
const esc$
|
|
7204
|
+
const esc$5 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7203
7205
|
function defineShortcut(tag = 'usa-shortcut') {
|
|
7204
7206
|
return base.defineElement(tag, (Base) => {
|
|
7205
7207
|
class UsaShortcut extends Base {
|
|
@@ -7214,7 +7216,7 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7214
7216
|
const labels = this.labels;
|
|
7215
7217
|
const spoken = labels.map((l) => SPOKEN[l] || l).join(' ');
|
|
7216
7218
|
const text = this.str('label');
|
|
7217
|
-
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$
|
|
7219
|
+
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$5(spoken)}">${labels.map((l) => `<kbd aria-hidden="true">${esc$5(l)}</kbd>`).join('')}</span>${text ? `<span class="usa-sk-label">${esc$5(text)}</span>` : ''}</span>`);
|
|
7218
7220
|
if (this.str('listen') !== 'false')
|
|
7219
7221
|
this.listen(document, 'keydown', (e) => {
|
|
7220
7222
|
if (!e.repeat && matchesKeys(e, this.str('keys', 'mod+k'))) {
|
|
@@ -7247,10 +7249,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7247
7249
|
}
|
|
7248
7250
|
}
|
|
7249
7251
|
return UsaShortcut;
|
|
7250
|
-
}, { id: 'shortcut', text: css$
|
|
7252
|
+
}, { id: 'shortcut', text: css$e });
|
|
7251
7253
|
}
|
|
7252
7254
|
|
|
7253
|
-
var css$
|
|
7255
|
+
var css$d = "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}}";
|
|
7254
7256
|
|
|
7255
7257
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7256
7258
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7309,10 +7311,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7309
7311
|
}
|
|
7310
7312
|
}
|
|
7311
7313
|
return UsaClockControl;
|
|
7312
|
-
}, { id: 'clock-control', text: css$
|
|
7314
|
+
}, { id: 'clock-control', text: css$d });
|
|
7313
7315
|
}
|
|
7314
7316
|
|
|
7315
|
-
var css$
|
|
7317
|
+
var css$c = "usa-hydrate{display:block}";
|
|
7316
7318
|
|
|
7317
7319
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7318
7320
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7348,12 +7350,12 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7348
7350
|
}
|
|
7349
7351
|
}
|
|
7350
7352
|
return UsaHydrate;
|
|
7351
|
-
}, { id: 'hydrate', text: css$
|
|
7353
|
+
}, { id: 'hydrate', text: css$c });
|
|
7352
7354
|
}
|
|
7353
7355
|
|
|
7354
|
-
var css$
|
|
7356
|
+
var css$b = "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}}";
|
|
7355
7357
|
|
|
7356
|
-
const esc$
|
|
7358
|
+
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7357
7359
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
7358
7360
|
return base.defineElement(tag, (Base) => {
|
|
7359
7361
|
class UsaRedEnvelope extends Base {
|
|
@@ -7366,7 +7368,7 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7366
7368
|
mount() {
|
|
7367
7369
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7368
7370
|
const msg = this.str('message', '恭喜发财');
|
|
7369
|
-
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$
|
|
7371
|
+
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$4(`Open red envelope${this.str('from') ? ` from ${this.str('from')}` : ''}`)}" data-usa-part><span class="usa-re-card" aria-hidden="true"><span class="usa-re-amt"></span><span class="usa-re-from">${esc$4(this.str('from'))}</span></span><span class="usa-re-body"><span class="usa-re-msg">${esc$4(msg)}</span></span><span class="usa-re-flap"><span class="usa-re-seal">福</span></span><span class="usa-re-coins" aria-hidden="true"></span><span class="usa-re-live" aria-live="polite"></span></button>`);
|
|
7370
7372
|
this.listen(this.querySelector('.usa-re'), 'click', () => (this.opened ? this.close() : this.open()));
|
|
7371
7373
|
if (this.flag('opened'))
|
|
7372
7374
|
this.open(true);
|
|
@@ -7415,10 +7417,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7415
7417
|
}
|
|
7416
7418
|
}
|
|
7417
7419
|
return UsaRedEnvelope;
|
|
7418
|
-
}, { id: 'red-envelope', text: css$
|
|
7420
|
+
}, { id: 'red-envelope', text: css$b });
|
|
7419
7421
|
}
|
|
7420
7422
|
|
|
7421
|
-
var css$
|
|
7423
|
+
var css$a = "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}}";
|
|
7422
7424
|
|
|
7423
7425
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7424
7426
|
const SCENES = {
|
|
@@ -7466,12 +7468,12 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7466
7468
|
}
|
|
7467
7469
|
}
|
|
7468
7470
|
return UsaFestivalBanner;
|
|
7469
|
-
}, { id: 'festival-banner', text: css$
|
|
7471
|
+
}, { id: 'festival-banner', text: css$a });
|
|
7470
7472
|
}
|
|
7471
7473
|
|
|
7472
|
-
var css$
|
|
7474
|
+
var css$9 = "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}}";
|
|
7473
7475
|
|
|
7474
|
-
const esc$
|
|
7476
|
+
const esc$3 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7475
7477
|
function defineTerminal(tag = 'usa-terminal') {
|
|
7476
7478
|
return base.defineElement(tag, (Base) => {
|
|
7477
7479
|
class UsaTerminal extends Base {
|
|
@@ -7491,7 +7493,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7491
7493
|
src.forEach((c) => c.remove());
|
|
7492
7494
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7493
7495
|
this.setAttribute('data-theme', ['green', 'amber'].includes(this.str('theme')) ? this.str('theme') : 'dark');
|
|
7494
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-term" data-usa-part><div class="usa-term-bar" aria-hidden="true"><i></i><i></i><i></i><span>${esc$
|
|
7496
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-term" data-usa-part><div class="usa-term-bar" aria-hidden="true"><i></i><i></i><i></i><span>${esc$3(this.str('title', 'terminal'))}</span></div><div class="usa-term-body" role="log" aria-label="${esc$3(this.str('title', 'Terminal'))}"></div></div>`);
|
|
7495
7497
|
let started = false;
|
|
7496
7498
|
this.inView((v) => {
|
|
7497
7499
|
if (v && !started) {
|
|
@@ -7506,7 +7508,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7506
7508
|
const p = document.createElement('p');
|
|
7507
7509
|
p.className = l.cmd ? 'usa-term-cmd' : 'usa-term-out';
|
|
7508
7510
|
if (l.cmd)
|
|
7509
|
-
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$
|
|
7511
|
+
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$3(this.str('prompt', '$'))} </span><span class="usa-term-tx"></span>`;
|
|
7510
7512
|
body.appendChild(p);
|
|
7511
7513
|
return p;
|
|
7512
7514
|
}
|
|
@@ -7580,10 +7582,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7580
7582
|
}
|
|
7581
7583
|
}
|
|
7582
7584
|
return UsaTerminal;
|
|
7583
|
-
}, { id: 'terminal', text: css$
|
|
7585
|
+
}, { id: 'terminal', text: css$9 });
|
|
7584
7586
|
}
|
|
7585
7587
|
|
|
7586
|
-
var css$
|
|
7588
|
+
var css$8 = "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}";
|
|
7587
7589
|
|
|
7588
7590
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7589
7591
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7637,10 +7639,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7637
7639
|
}
|
|
7638
7640
|
}
|
|
7639
7641
|
return UsaRetroButton;
|
|
7640
|
-
}, { id: 'retro-button', text: css$
|
|
7642
|
+
}, { id: 'retro-button', text: css$8 });
|
|
7641
7643
|
}
|
|
7642
7644
|
|
|
7643
|
-
var css$
|
|
7645
|
+
var css$7 = "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)}";
|
|
7644
7646
|
|
|
7645
7647
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7646
7648
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7679,10 +7681,10 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7679
7681
|
}
|
|
7680
7682
|
}
|
|
7681
7683
|
return UsaOrganicCard;
|
|
7682
|
-
}, { id: 'organic-card', text: css$
|
|
7684
|
+
}, { id: 'organic-card', text: css$7 });
|
|
7683
7685
|
}
|
|
7684
7686
|
|
|
7685
|
-
var css$
|
|
7687
|
+
var css$6 = "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}";
|
|
7686
7688
|
|
|
7687
7689
|
let uid = 0;
|
|
7688
7690
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
@@ -7763,12 +7765,12 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7763
7765
|
}
|
|
7764
7766
|
}
|
|
7765
7767
|
return UsaLiquidNav;
|
|
7766
|
-
}, { id: 'liquid-nav', text: css$
|
|
7768
|
+
}, { id: 'liquid-nav', text: css$6 });
|
|
7767
7769
|
}
|
|
7768
7770
|
|
|
7769
|
-
var css$
|
|
7771
|
+
var css$5 = "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}}";
|
|
7770
7772
|
|
|
7771
|
-
const esc$
|
|
7773
|
+
const esc$2 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7772
7774
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
7773
7775
|
return base.defineElement(tag, (Base) => {
|
|
7774
7776
|
class UsaHudPanel extends Base {
|
|
@@ -7781,7 +7783,7 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7781
7783
|
this.setAttribute('aria-label', this.str('title', 'Panel'));
|
|
7782
7784
|
if (this.hasAttribute('color'))
|
|
7783
7785
|
this.style.setProperty('--usa-hud-c', this.str('color'));
|
|
7784
|
-
this.insertAdjacentHTML('afterbegin', `<svg class="usa-hud-frame" aria-hidden="true" preserveAspectRatio="none" viewBox="0 0 100 100" data-usa-part><path pathLength="100" vector-effect="non-scaling-stroke" d="M6 1H94L99 6V94L94 99H6L1 94V6Z"/></svg><header class="usa-hud-head" data-usa-part><span class="usa-hud-dot" aria-hidden="true"></span><span class="usa-hud-title">${esc$
|
|
7786
|
+
this.insertAdjacentHTML('afterbegin', `<svg class="usa-hud-frame" aria-hidden="true" preserveAspectRatio="none" viewBox="0 0 100 100" data-usa-part><path pathLength="100" vector-effect="non-scaling-stroke" d="M6 1H94L99 6V94L94 99H6L1 94V6Z"/></svg><header class="usa-hud-head" data-usa-part><span class="usa-hud-dot" aria-hidden="true"></span><span class="usa-hud-title">${esc$2(this.str('title', 'SYSTEM'))}</span><span class="usa-hud-status">${esc$2(this.str('status', 'ONLINE'))}</span></header>`);
|
|
7785
7787
|
this.querySelectorAll(':scope > [data-value]').forEach((r) => {
|
|
7786
7788
|
if (r.querySelector('.usa-hud-bar'))
|
|
7787
7789
|
return;
|
|
@@ -7815,10 +7817,10 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7815
7817
|
}
|
|
7816
7818
|
}
|
|
7817
7819
|
return UsaHudPanel;
|
|
7818
|
-
}, { id: 'hud-panel', text: css$
|
|
7820
|
+
}, { id: 'hud-panel', text: css$5 });
|
|
7819
7821
|
}
|
|
7820
7822
|
|
|
7821
|
-
var css = "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)}}";
|
|
7823
|
+
var css$4 = "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)}}";
|
|
7822
7824
|
|
|
7823
7825
|
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7824
7826
|
function parseTargets(s) {
|
|
@@ -7834,7 +7836,7 @@ function parseTargets(s) {
|
|
|
7834
7836
|
})
|
|
7835
7837
|
.filter(Boolean);
|
|
7836
7838
|
}
|
|
7837
|
-
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7839
|
+
const esc$1 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7838
7840
|
function defineRadar(tag = 'usa-radar') {
|
|
7839
7841
|
return base.defineElement(tag, (Base) => {
|
|
7840
7842
|
class UsaRadar extends Base {
|
|
@@ -7869,7 +7871,7 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7869
7871
|
const a = ((t.bearing - 90) * Math.PI) / 180;
|
|
7870
7872
|
const x = 50 + Math.cos(a) * t.distance * 48;
|
|
7871
7873
|
const y = 50 + Math.sin(a) * t.distance * 48;
|
|
7872
|
-
return `<span class="usa-rd-dot" data-i="${i}" style="left:${x.toFixed(2)}%;top:${y.toFixed(2)}%"><em>${esc(t.name)}</em></span>`;
|
|
7874
|
+
return `<span class="usa-rd-dot" data-i="${i}" style="left:${x.toFixed(2)}%;top:${y.toFixed(2)}%"><em>${esc$1(t.name)}</em></span>`;
|
|
7873
7875
|
})
|
|
7874
7876
|
.join('');
|
|
7875
7877
|
this.insertAdjacentHTML('beforeend', `<div class="usa-rd" aria-hidden="true" data-usa-part>${ringHtml}<i class="usa-rd-cross"></i><i class="usa-rd-sweep"></i>${dots}</div>`);
|
|
@@ -7904,7 +7906,335 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7904
7906
|
}
|
|
7905
7907
|
}
|
|
7906
7908
|
return UsaRadar;
|
|
7907
|
-
}, { id: 'radar', text: css });
|
|
7909
|
+
}, { id: 'radar', text: css$4 });
|
|
7910
|
+
}
|
|
7911
|
+
|
|
7912
|
+
var css$3 = "usa-sticky-wall{display:flex;flex-wrap:wrap;gap:14px;padding:14px;align-items:flex-start}usa-sticky-wall>.usa-sticky{position:relative;box-sizing:border-box;width:120px;min-height:96px;padding:18px 12px 12px;font:500 13px/1.35 'Comic Sans MS','Segoe Print','Bradley Hand',cursive,system-ui;color:#3f3a2e;background:#fef08a;transform:rotate(var(--tilt,0deg));box-shadow:0 10px 16px -10px rgba(0,0,0,.45),inset 0 -12px 18px -14px rgba(0,0,0,.25);cursor:pointer;outline:none;transition:box-shadow .2s}usa-sticky-wall>.usa-sticky::before{content:'';position:absolute;top:5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fca5a5,#dc2626 70%);box-shadow:0 2px 2px rgba(0,0,0,.3)}usa-sticky-wall>[data-paper=pink]{background:#fbcfe8}usa-sticky-wall>[data-paper=blue]{background:#bae6fd}usa-sticky-wall>[data-paper=green]{background:#bbf7d0}usa-sticky-wall>.usa-sticky:focus-visible{box-shadow:0 0 0 3px #6366f1,0 10px 16px -10px rgba(0,0,0,.45)}usa-sticky-wall>[data-picked]{box-shadow:0 18px 26px -12px rgba(0,0,0,.5)}";
|
|
7913
|
+
|
|
7914
|
+
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7915
|
+
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
7916
|
+
return base.defineElement(tag, (Base) => {
|
|
7917
|
+
class UsaStickyWall extends Base {
|
|
7918
|
+
constructor() {
|
|
7919
|
+
super(...arguments);
|
|
7920
|
+
this._z = 1;
|
|
7921
|
+
}
|
|
7922
|
+
static get observedAttributes() {
|
|
7923
|
+
return ['seed', 'label'];
|
|
7924
|
+
}
|
|
7925
|
+
get notes() {
|
|
7926
|
+
return Array.from(this.children).filter((c) => !c.hasAttribute('data-usa-part'));
|
|
7927
|
+
}
|
|
7928
|
+
mount() {
|
|
7929
|
+
this.setAttribute('role', 'list');
|
|
7930
|
+
if (this.hasAttribute('label'))
|
|
7931
|
+
this.setAttribute('aria-label', this.str('label'));
|
|
7932
|
+
const r = components_fxPaper.paperRandom(this.num('seed', 3));
|
|
7933
|
+
const notes = this.notes;
|
|
7934
|
+
notes.forEach((n, i) => {
|
|
7935
|
+
n.classList.add('usa-sticky');
|
|
7936
|
+
n.setAttribute('role', 'listitem');
|
|
7937
|
+
n.tabIndex = 0;
|
|
7938
|
+
const c = COLORS.includes(n.dataset.color || '') ? n.dataset.color : COLORS[i % COLORS.length];
|
|
7939
|
+
n.setAttribute('data-paper', c);
|
|
7940
|
+
n.style.setProperty('--tilt', `${((r() - 0.5) * 8).toFixed(1)}deg`);
|
|
7941
|
+
});
|
|
7942
|
+
let shown = false;
|
|
7943
|
+
this.inView((v) => {
|
|
7944
|
+
if (!v || shown || this.reduced)
|
|
7945
|
+
return;
|
|
7946
|
+
shown = true;
|
|
7947
|
+
notes.forEach((n, i) => this.motion(n, [{ transform: 'translateY(-40px) rotate(calc(var(--tilt) * 3)) scale(1.1)', opacity: 0 }, { transform: 'translateY(4px) rotate(var(--tilt))', opacity: 1, offset: 0.75 }, { transform: 'rotate(var(--tilt))', opacity: 1 }], { duration: 520, delay: i * 110, easing: 'cubic-bezier(.3,1.2,.5,1)', fill: 'backwards' }));
|
|
7948
|
+
}, { threshold: 0.2 });
|
|
7949
|
+
this.listen(this, 'click', (e) => {
|
|
7950
|
+
const n = e.target.closest?.('.usa-sticky');
|
|
7951
|
+
if (n && n.parentElement === this)
|
|
7952
|
+
this.pick(this.notes.indexOf(n));
|
|
7953
|
+
});
|
|
7954
|
+
this.listen(this, 'keydown', (e) => {
|
|
7955
|
+
const n = e.target.closest?.('.usa-sticky');
|
|
7956
|
+
if (n && n.parentElement === this && (e.key === 'Enter' || e.key === ' ')) {
|
|
7957
|
+
e.preventDefault();
|
|
7958
|
+
this.pick(this.notes.indexOf(n));
|
|
7959
|
+
}
|
|
7960
|
+
});
|
|
7961
|
+
}
|
|
7962
|
+
/** Lift note `index` to the front with a little wiggle. */
|
|
7963
|
+
pick(index) {
|
|
7964
|
+
const n = this.notes[index];
|
|
7965
|
+
if (!n)
|
|
7966
|
+
return;
|
|
7967
|
+
n.style.zIndex = String(++this._z);
|
|
7968
|
+
this.notes.forEach((x) => x.removeAttribute('data-picked'));
|
|
7969
|
+
n.setAttribute('data-picked', '');
|
|
7970
|
+
if (!this.reduced)
|
|
7971
|
+
this.motion(n, [{ transform: 'rotate(var(--tilt)) scale(1)' }, { transform: 'rotate(0deg) scale(1.08)', offset: 0.4 }, { transform: 'rotate(var(--tilt)) scale(1.04)' }], { duration: 360, easing: 'ease-out' });
|
|
7972
|
+
this.emit('pick', { index });
|
|
7973
|
+
}
|
|
7974
|
+
}
|
|
7975
|
+
return UsaStickyWall;
|
|
7976
|
+
}, { id: 'sticky-wall', text: css$3 });
|
|
7977
|
+
}
|
|
7978
|
+
|
|
7979
|
+
var css$2 = "usa-sketch-chart{display:block;max-width:100%;cursor:pointer;color:#334155;--usa-sk-c:#2563eb}usa-sketch-chart .usa-sk{display:block;width:100%;height:auto;overflow:visible}usa-sketch-chart .usa-sk path{fill:none;stroke-linecap:round;stroke-linejoin:round}usa-sketch-chart .usa-sk-axis{stroke:currentColor;stroke-width:1.6}usa-sketch-chart .usa-sk-mark{stroke:var(--usa-sk-c);stroke-width:2.2}usa-sketch-chart .usa-sk-hatch{stroke:var(--usa-sk-c);stroke-width:1;opacity:.55}usa-sketch-chart .usa-sk-dot{fill:#fff;stroke:var(--usa-sk-c);stroke-width:2}usa-sketch-chart text{fill:currentColor;font:12px 'Comic Sans MS','Segoe Print','Bradley Hand',cursive,system-ui;text-anchor:middle}";
|
|
7980
|
+
|
|
7981
|
+
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7982
|
+
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
7983
|
+
function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
7984
|
+
return base.defineElement(tag, (Base) => {
|
|
7985
|
+
class UsaSketchChart extends Base {
|
|
7986
|
+
constructor() {
|
|
7987
|
+
super(...arguments);
|
|
7988
|
+
this._v = null;
|
|
7989
|
+
}
|
|
7990
|
+
static get observedAttributes() {
|
|
7991
|
+
return ['values', 'labels', 'type', 'color', 'label'];
|
|
7992
|
+
}
|
|
7993
|
+
get values() {
|
|
7994
|
+
return (this._v || nums(this.str('values'))).slice();
|
|
7995
|
+
}
|
|
7996
|
+
set values(v) {
|
|
7997
|
+
this.setValues(v);
|
|
7998
|
+
}
|
|
7999
|
+
setValues(v) {
|
|
8000
|
+
this._v = v.map(Number).filter((x) => Number.isFinite(x));
|
|
8001
|
+
if (this.isConnected)
|
|
8002
|
+
this.changed('values');
|
|
8003
|
+
}
|
|
8004
|
+
mount() {
|
|
8005
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8006
|
+
const vs = this.values;
|
|
8007
|
+
const labels = this.str('labels').split(',').map((s) => s.trim());
|
|
8008
|
+
const line = this.str('type') === 'line';
|
|
8009
|
+
if (this.hasAttribute('color'))
|
|
8010
|
+
this.style.setProperty('--usa-sk-c', this.str('color'));
|
|
8011
|
+
this.setAttribute('role', 'img');
|
|
8012
|
+
this.setAttribute('aria-label', `${this.str('label', 'Chart')}: ${vs.map((v, i) => `${labels[i] || i + 1} ${v}`).join(', ') || 'no data'}`);
|
|
8013
|
+
const W = 240, H = 140, L = 22, B = 120, T = 12;
|
|
8014
|
+
const max = Math.max(1, ...vs);
|
|
8015
|
+
const step = vs.length ? (W - L - 8) / vs.length : 0;
|
|
8016
|
+
const y = (v) => B - (Math.max(0, v) / max) * (B - T);
|
|
8017
|
+
let g = `<path class="usa-sk-axis" d="${components_fxPaper.roughLine(L, T - 4, L, B, 1)} ${components_fxPaper.roughLine(L, B, W - 4, B, 2)}"/>`;
|
|
8018
|
+
if (line) {
|
|
8019
|
+
const pts = vs.map((v, i) => [L + step * (i + 0.5), y(v)]);
|
|
8020
|
+
g += pts.slice(1).map((p, i) => `<path class="usa-sk-mark" d="${components_fxPaper.roughLine(pts[i][0], pts[i][1], p[0], p[1], i + 5, 1.2)}"/>`).join('');
|
|
8021
|
+
g += pts.map(([x, yy]) => `<circle class="usa-sk-dot" cx="${x.toFixed(1)}" cy="${yy.toFixed(1)}" r="3.5"/>`).join('');
|
|
8022
|
+
}
|
|
8023
|
+
else {
|
|
8024
|
+
vs.forEach((v, i) => {
|
|
8025
|
+
const x0 = L + step * i + step * 0.2;
|
|
8026
|
+
const x1 = x0 + step * 0.6;
|
|
8027
|
+
const yy = y(v);
|
|
8028
|
+
g += `<path class="usa-sk-mark" d="${components_fxPaper.roughLine(x0, B, x0, yy, i * 3 + 7)} ${components_fxPaper.roughLine(x0, yy, x1, yy, i * 3 + 8)} ${components_fxPaper.roughLine(x1, yy, x1, B, i * 3 + 9)}"/>`;
|
|
8029
|
+
for (let h = yy + 8; h < B - 2; h += 9)
|
|
8030
|
+
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)}"/>`;
|
|
8031
|
+
});
|
|
8032
|
+
}
|
|
8033
|
+
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc(labels[i])}</text>` : '')).join('');
|
|
8034
|
+
this.insertAdjacentHTML('beforeend', `<svg class="usa-sk" viewBox="0 0 ${W} ${H}" aria-hidden="true" data-usa-part>${g}</svg>`);
|
|
8035
|
+
if (this.reduced)
|
|
8036
|
+
return void this.setAttribute('data-drawn', '');
|
|
8037
|
+
this.listen(this, 'click', () => this.redraw());
|
|
8038
|
+
let done = false;
|
|
8039
|
+
this.inView((v) => {
|
|
8040
|
+
if (v && !done) {
|
|
8041
|
+
done = true;
|
|
8042
|
+
this.draw();
|
|
8043
|
+
}
|
|
8044
|
+
}, { threshold: 0.3 });
|
|
8045
|
+
}
|
|
8046
|
+
/** Sketch the chart in again. */
|
|
8047
|
+
redraw() {
|
|
8048
|
+
if (this.reduced)
|
|
8049
|
+
return;
|
|
8050
|
+
this.querySelectorAll('.usa-sk path, .usa-sk circle').forEach((p) => p.getAnimations?.().forEach((a) => a.cancel()));
|
|
8051
|
+
this.draw();
|
|
8052
|
+
}
|
|
8053
|
+
draw() {
|
|
8054
|
+
const strokes = Array.from(this.querySelectorAll('.usa-sk-axis, .usa-sk-mark, .usa-sk-hatch, .usa-sk-dot'));
|
|
8055
|
+
let last = null;
|
|
8056
|
+
strokes.forEach((p, i) => {
|
|
8057
|
+
let len = 150;
|
|
8058
|
+
try {
|
|
8059
|
+
len = p.getTotalLength?.() || 150;
|
|
8060
|
+
}
|
|
8061
|
+
catch {
|
|
8062
|
+
/* not rendered */
|
|
8063
|
+
}
|
|
8064
|
+
p.style.strokeDasharray = `${len}`;
|
|
8065
|
+
last = this.motion(p, [{ strokeDashoffset: `${len}` }, { strokeDashoffset: '0' }], { duration: 380, delay: i * 45, easing: 'ease-out', fill: 'backwards' }) || last;
|
|
8066
|
+
});
|
|
8067
|
+
this.setAttribute('data-drawn', '');
|
|
8068
|
+
const end = () => this.emit('drawn');
|
|
8069
|
+
if (last)
|
|
8070
|
+
last.finished.then(end, () => undefined);
|
|
8071
|
+
else
|
|
8072
|
+
end();
|
|
8073
|
+
}
|
|
8074
|
+
}
|
|
8075
|
+
return UsaSketchChart;
|
|
8076
|
+
}, { id: 'sketch-chart', text: css$2 });
|
|
8077
|
+
}
|
|
8078
|
+
|
|
8079
|
+
var css$1 = "usa-theme-switcher{position:relative;display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:rgba(15,23,42,.08);max-width:100%;overflow-x:auto;scrollbar-width:none}usa-theme-switcher .usa-ts-pill{position:absolute;top:4px;bottom:4px;left:0;border-radius:999px;background:#fff;box-shadow:0 2px 8px -2px rgba(15,23,42,.3);transition:transform .35s cubic-bezier(.3,1.3,.5,1),width .35s}usa-theme-switcher .usa-ts-opt{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:0;border-radius:999px;background:none;color:#334155;font:600 13px/1 system-ui,sans-serif;cursor:pointer;white-space:nowrap}usa-theme-switcher .usa-ts-opt[aria-checked=true]{color:#0f172a}usa-theme-switcher .usa-ts-opt:focus-visible{outline:2px solid #6366f1;outline-offset:1px}usa-theme-switcher .usa-ts-sw{width:12px;height:12px;border-radius:50%;background:#f8fafc;box-shadow:inset 0 0 0 1px rgba(15,23,42,.25)}usa-theme-switcher [data-sw=dark]{background:#0f172a}usa-theme-switcher [data-sw=neon]{background:#d946ef;box-shadow:0 0 6px #d946ef}usa-theme-switcher [data-sw=glass]{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(147,197,253,.6))}usa-theme-switcher [data-sw=neu]{background:#e0e5ec;box-shadow:2px 2px 3px #a3b1c6,-2px -2px 3px #fff}@media (prefers-reduced-motion:reduce){usa-theme-switcher .usa-ts-pill{transition:none}}";
|
|
8080
|
+
|
|
8081
|
+
const NAMES = { light: 'Light', dark: 'Dark', neon: 'Neon', glass: 'Glass', neu: 'Soft' };
|
|
8082
|
+
function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
8083
|
+
return base.defineElement(tag, (Base) => {
|
|
8084
|
+
class UsaThemeSwitcher extends Base {
|
|
8085
|
+
constructor() {
|
|
8086
|
+
super(...arguments);
|
|
8087
|
+
this._v = '';
|
|
8088
|
+
}
|
|
8089
|
+
static get observedAttributes() {
|
|
8090
|
+
return ['themes', 'target', 'label'];
|
|
8091
|
+
}
|
|
8092
|
+
list() {
|
|
8093
|
+
const l = this.str('themes').split(',').map((s) => s.trim()).filter((s) => components_fxSurface.SURFACE_THEMES.includes(s));
|
|
8094
|
+
return l.length ? l : [...components_fxSurface.SURFACE_THEMES];
|
|
8095
|
+
}
|
|
8096
|
+
tgt() {
|
|
8097
|
+
const s = this.str('target');
|
|
8098
|
+
return s ? document.querySelector(s) : document.documentElement;
|
|
8099
|
+
}
|
|
8100
|
+
get value() {
|
|
8101
|
+
return this._v;
|
|
8102
|
+
}
|
|
8103
|
+
set value(t) {
|
|
8104
|
+
this.select(t, false);
|
|
8105
|
+
}
|
|
8106
|
+
mount() {
|
|
8107
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8108
|
+
const l = this.list();
|
|
8109
|
+
this.setAttribute('role', 'radiogroup');
|
|
8110
|
+
this.setAttribute('aria-label', this.str('label', 'Theme'));
|
|
8111
|
+
let saved = '';
|
|
8112
|
+
try {
|
|
8113
|
+
saved = this.hasAttribute('persist') ? localStorage.getItem(this.str('persist') || 'usa-theme') || '' : '';
|
|
8114
|
+
}
|
|
8115
|
+
catch {
|
|
8116
|
+
/* storage blocked */
|
|
8117
|
+
}
|
|
8118
|
+
const start = l.includes(saved) ? saved : l.includes(this.str('value')) ? this.str('value') : l.includes(this.tgt()?.getAttribute('data-usa-surface') || '') ? this.tgt()?.getAttribute('data-usa-surface') : l[0];
|
|
8119
|
+
this.insertAdjacentHTML('beforeend', `<span class="usa-ts-pill" aria-hidden="true" data-usa-part></span>` + l.map((t) => `<button type="button" role="radio" class="usa-ts-opt" data-theme="${t}" data-usa-part><i class="usa-ts-sw" data-sw="${t}" aria-hidden="true"></i>${NAMES[t]}</button>`).join(''));
|
|
8120
|
+
this.listen(this, 'click', (e) => {
|
|
8121
|
+
const b = e.target.closest?.('.usa-ts-opt');
|
|
8122
|
+
if (b)
|
|
8123
|
+
this.select(b.dataset.theme, true, e);
|
|
8124
|
+
});
|
|
8125
|
+
this.listen(this, 'keydown', (e) => {
|
|
8126
|
+
const d = e.key === 'ArrowRight' || e.key === 'ArrowDown' ? 1 : e.key === 'ArrowLeft' || e.key === 'ArrowUp' ? -1 : 0;
|
|
8127
|
+
if (!d)
|
|
8128
|
+
return;
|
|
8129
|
+
e.preventDefault();
|
|
8130
|
+
const ls = this.list();
|
|
8131
|
+
const n = ls[(ls.indexOf(this._v) + d + ls.length) % ls.length];
|
|
8132
|
+
this.select(n, true);
|
|
8133
|
+
this.querySelector(`.usa-ts-opt[data-theme="${n}"]`)?.focus();
|
|
8134
|
+
});
|
|
8135
|
+
this._v = '';
|
|
8136
|
+
this.select(start, false);
|
|
8137
|
+
}
|
|
8138
|
+
select(t, user, ev) {
|
|
8139
|
+
if (!this.list().includes(t) || t === this._v)
|
|
8140
|
+
return;
|
|
8141
|
+
const prev = this._v;
|
|
8142
|
+
this._v = t;
|
|
8143
|
+
this.querySelectorAll('.usa-ts-opt').forEach((b) => {
|
|
8144
|
+
const on = b.dataset.theme === t;
|
|
8145
|
+
b.setAttribute('aria-checked', String(on));
|
|
8146
|
+
b.tabIndex = on ? 0 : -1;
|
|
8147
|
+
});
|
|
8148
|
+
const b = this.querySelector(`.usa-ts-opt[data-theme="${t}"]`);
|
|
8149
|
+
const pill = this.querySelector('.usa-ts-pill');
|
|
8150
|
+
if (b && pill) {
|
|
8151
|
+
pill.style.width = `${b.offsetWidth}px`;
|
|
8152
|
+
pill.style.transform = `translateX(${b.offsetLeft}px)`;
|
|
8153
|
+
}
|
|
8154
|
+
const apply = () => components_fxSurface.applySurfaceTheme(t, this.tgt());
|
|
8155
|
+
const doc = document;
|
|
8156
|
+
if (user && prev && !this.reduced && doc.startViewTransition && !this.str('target')) {
|
|
8157
|
+
const x = ev?.clientX ?? innerWidth / 2;
|
|
8158
|
+
const y = ev?.clientY ?? innerHeight / 2;
|
|
8159
|
+
const r = Math.hypot(Math.max(x, innerWidth - x), Math.max(y, innerHeight - y));
|
|
8160
|
+
try {
|
|
8161
|
+
doc.startViewTransition(apply).ready.then(() => document.documentElement.animate({ clipPath: [`circle(0 at ${x}px ${y}px)`, `circle(${r}px at ${x}px ${y}px)`] }, { duration: 500, easing: 'ease-in-out', pseudoElement: '::view-transition-new(root)' }), () => undefined);
|
|
8162
|
+
}
|
|
8163
|
+
catch {
|
|
8164
|
+
apply();
|
|
8165
|
+
}
|
|
8166
|
+
}
|
|
8167
|
+
else
|
|
8168
|
+
apply();
|
|
8169
|
+
if (this.hasAttribute('persist'))
|
|
8170
|
+
try {
|
|
8171
|
+
localStorage.setItem(this.str('persist') || 'usa-theme', t);
|
|
8172
|
+
}
|
|
8173
|
+
catch {
|
|
8174
|
+
/* storage blocked */
|
|
8175
|
+
}
|
|
8176
|
+
if (user)
|
|
8177
|
+
this.emit('change', { theme: t });
|
|
8178
|
+
}
|
|
8179
|
+
}
|
|
8180
|
+
return UsaThemeSwitcher;
|
|
8181
|
+
}, { id: 'theme-switcher', text: css$1 });
|
|
8182
|
+
}
|
|
8183
|
+
|
|
8184
|
+
var css = "usa-theme-surface{position:relative;display:block;box-sizing:border-box;padding:18px 20px;border-radius:16px;background:#fff;color:#0f172a;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 30px -18px rgba(15,23,42,.45);transition:background .4s,color .4s,box-shadow .4s,border-color .4s}usa-theme-surface[data-look=dark]{background:#0f172a;color:#e2e8f0;border-color:#1e293b}usa-theme-surface[data-look=neon]{background:#0b0614;color:#f5d0fe;border-color:#d946ef;box-shadow:0 0 6px #d946ef,0 0 18px rgba(217,70,239,.55),inset 0 0 12px rgba(217,70,239,.25);animation:usa-sf-neon 2.4s ease-in-out infinite}usa-theme-surface[data-look=glass]{background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.18));color:#0f172a;border-color:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 12px 32px -14px rgba(30,64,175,.45);overflow:hidden}usa-theme-surface[data-look=glass]::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);background-size:250% 100%;animation:usa-sf-sheen 5s ease-in-out infinite}usa-theme-surface[data-look=neu]{background:#e0e5ec;color:#334155;border-color:transparent;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff}@keyframes usa-sf-neon{50%{box-shadow:0 0 10px #d946ef,0 0 30px rgba(217,70,239,.7),inset 0 0 16px rgba(217,70,239,.35)}}@keyframes usa-sf-sheen{0%,60%{background-position:130% 0}100%{background-position:-60% 0}}@media (prefers-reduced-motion:reduce){usa-theme-surface,usa-theme-surface::after{animation:none!important;transition:none}}";
|
|
8185
|
+
|
|
8186
|
+
function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
8187
|
+
return base.defineElement(tag, (Base) => {
|
|
8188
|
+
class UsaThemeSurface extends Base {
|
|
8189
|
+
constructor() {
|
|
8190
|
+
super(...arguments);
|
|
8191
|
+
this._t = '';
|
|
8192
|
+
this._mo = null;
|
|
8193
|
+
}
|
|
8194
|
+
static get observedAttributes() {
|
|
8195
|
+
return ['theme'];
|
|
8196
|
+
}
|
|
8197
|
+
get theme() {
|
|
8198
|
+
return this._t;
|
|
8199
|
+
}
|
|
8200
|
+
resolve() {
|
|
8201
|
+
const own = this.str('theme');
|
|
8202
|
+
const near = own || this.parentElement?.closest('[data-usa-surface]')?.getAttribute('data-usa-surface') || document.documentElement.getAttribute('data-usa-surface') || 'light';
|
|
8203
|
+
return components_fxSurface.SURFACE_THEMES.includes(near) ? near : 'light';
|
|
8204
|
+
}
|
|
8205
|
+
sync() {
|
|
8206
|
+
const t = this.resolve();
|
|
8207
|
+
if (t === this._t)
|
|
8208
|
+
return;
|
|
8209
|
+
const first = !this._t;
|
|
8210
|
+
this._t = t;
|
|
8211
|
+
this.setAttribute('data-look', t);
|
|
8212
|
+
if (first)
|
|
8213
|
+
return;
|
|
8214
|
+
if (!this.reduced)
|
|
8215
|
+
this.motion(this, [{ opacity: 0.4, transform: 'scale(.97)' }, { opacity: 1, transform: 'none' }], { duration: 420, easing: 'cubic-bezier(.2,.8,.2,1)' });
|
|
8216
|
+
this.emit('theme', { theme: t });
|
|
8217
|
+
}
|
|
8218
|
+
mount() {
|
|
8219
|
+
this.sync();
|
|
8220
|
+
if (typeof MutationObserver !== 'undefined') {
|
|
8221
|
+
this._mo?.disconnect();
|
|
8222
|
+
this._mo = new MutationObserver(() => this.sync());
|
|
8223
|
+
for (let n = this.parentElement; n; n = n.parentElement)
|
|
8224
|
+
this._mo.observe(n, { attributes: true, attributeFilter: ['data-usa-surface'] });
|
|
8225
|
+
this.onCleanup(() => this._mo?.disconnect());
|
|
8226
|
+
}
|
|
8227
|
+
this.listen(this, 'pointerdown', () => {
|
|
8228
|
+
if (this._t === 'neu' && !this.reduced)
|
|
8229
|
+
this.motion(this, [{ transform: 'scale(1)' }, { transform: 'scale(.98)', offset: 0.4 }, { transform: 'scale(1)' }], { duration: 300 });
|
|
8230
|
+
});
|
|
8231
|
+
}
|
|
8232
|
+
changed() {
|
|
8233
|
+
this.sync();
|
|
8234
|
+
}
|
|
8235
|
+
}
|
|
8236
|
+
return UsaThemeSurface;
|
|
8237
|
+
}, { id: 'theme-surface', text: css });
|
|
7908
8238
|
}
|
|
7909
8239
|
|
|
7910
8240
|
/**
|
|
@@ -7943,6 +8273,8 @@ const WIDGETS = {
|
|
|
7943
8273
|
'8.2': { 'usa-terminal': defineTerminal, 'usa-retro-button': defineRetroButton },
|
|
7944
8274
|
'8.3': { 'usa-organic-card': defineOrganicCard, 'usa-liquid-nav': defineLiquidNav },
|
|
7945
8275
|
'8.4': { 'usa-hud-panel': defineHudPanel, 'usa-radar': defineRadar },
|
|
8276
|
+
'8.5': { 'usa-sticky-wall': defineStickyWall, 'usa-sketch-chart': defineSketchChart },
|
|
8277
|
+
'8.6': { 'usa-theme-switcher': defineThemeSwitcher, 'usa-theme-surface': defineThemeSurface },
|
|
7946
8278
|
};
|
|
7947
8279
|
/** Every widget tag, in release order. */
|
|
7948
8280
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -8033,15 +8365,19 @@ exports.defineSegmented = defineSegmented;
|
|
|
8033
8365
|
exports.defineSheet = defineSheet;
|
|
8034
8366
|
exports.defineShortcut = defineShortcut;
|
|
8035
8367
|
exports.defineSkeletonReveal = defineSkeletonReveal;
|
|
8368
|
+
exports.defineSketchChart = defineSketchChart;
|
|
8036
8369
|
exports.defineSparkline = defineSparkline;
|
|
8037
8370
|
exports.defineStarRating = defineStarRating;
|
|
8038
8371
|
exports.defineStepper = defineStepper;
|
|
8372
|
+
exports.defineStickyWall = defineStickyWall;
|
|
8039
8373
|
exports.defineStories = defineStories;
|
|
8040
8374
|
exports.defineSuggestionChips = defineSuggestionChips;
|
|
8041
8375
|
exports.defineSwipeDeck = defineSwipeDeck;
|
|
8042
8376
|
exports.defineSwitch = defineSwitch;
|
|
8043
8377
|
exports.defineTabBar = defineTabBar;
|
|
8044
8378
|
exports.defineTerminal = defineTerminal;
|
|
8379
|
+
exports.defineThemeSurface = defineThemeSurface;
|
|
8380
|
+
exports.defineThemeSwitcher = defineThemeSwitcher;
|
|
8045
8381
|
exports.defineTip = defineTip;
|
|
8046
8382
|
exports.defineToastStack = defineToastStack;
|
|
8047
8383
|
exports.defineUploadProgress = defineUploadProgress;
|