motionary 8.4.0 → 8.5.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 +17 -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/fx2.cjs +7 -0
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.d.cts +25 -1
- package/dist/components/fx2.d.ts +25 -1
- package/dist/components/fx2.js +5 -1
- package/dist/components/fx2.js.map +1 -1
- package/dist/components/widgets.cjs +341 -170
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +34 -2
- package/dist/components/widgets.d.ts +34 -2
- package/dist/components/widgets.js +340 -171
- package/dist/components/widgets.js.map +1 -1
- package/dist/widgets.umd.js +1 -1
- package/dist/widgets.umd.js.map +1 -1
- package/docs/ROADMAP.md +1 -1
- package/docs/components.md +22 -0
- package/package.json +21 -1
|
@@ -8,6 +8,7 @@ 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');
|
|
11
12
|
require('../chunks/core-CwO835Wm.cjs');
|
|
12
13
|
require('./tokens.cjs');
|
|
13
14
|
require('../chunks/fx-C-XjLOTc.cjs');
|
|
@@ -47,7 +48,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
47
48
|
return -1;
|
|
48
49
|
}
|
|
49
50
|
|
|
50
|
-
var css$
|
|
51
|
+
var css$17 = "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
52
|
|
|
52
53
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
53
54
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -236,10 +237,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
236
237
|
}
|
|
237
238
|
}
|
|
238
239
|
return UsaCarousel;
|
|
239
|
-
}, { id: 'carousel', text: css$
|
|
240
|
+
}, { id: 'carousel', text: css$17 });
|
|
240
241
|
}
|
|
241
242
|
|
|
242
|
-
var css$
|
|
243
|
+
var css$16 = "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
244
|
|
|
244
245
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
245
246
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -352,10 +353,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
352
353
|
}
|
|
353
354
|
}
|
|
354
355
|
return UsaTabBar;
|
|
355
|
-
}, { id: 'tab-bar', text: css$
|
|
356
|
+
}, { id: 'tab-bar', text: css$16 });
|
|
356
357
|
}
|
|
357
358
|
|
|
358
|
-
var css$
|
|
359
|
+
var css$15 = "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
360
|
|
|
360
361
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
361
362
|
return base.defineElement(tag, (Base) => {
|
|
@@ -423,10 +424,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
423
424
|
}
|
|
424
425
|
}
|
|
425
426
|
return UsaDisclosure;
|
|
426
|
-
}, { id: 'disclosure', text: css$
|
|
427
|
+
}, { id: 'disclosure', text: css$15 });
|
|
427
428
|
}
|
|
428
429
|
|
|
429
|
-
var css$
|
|
430
|
+
var css$14 = "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
431
|
|
|
431
432
|
function defineStories(tag = 'usa-stories') {
|
|
432
433
|
return base.defineElement(tag, (Base) => {
|
|
@@ -559,10 +560,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
559
560
|
}
|
|
560
561
|
}
|
|
561
562
|
return UsaStories;
|
|
562
|
-
}, { id: 'stories', text: css$
|
|
563
|
+
}, { id: 'stories', text: css$14 });
|
|
563
564
|
}
|
|
564
565
|
|
|
565
|
-
var css$
|
|
566
|
+
var css$13 = "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
567
|
|
|
567
568
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
568
569
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -789,12 +790,12 @@ function defineOverlay(tag, kind) {
|
|
|
789
790
|
}
|
|
790
791
|
}
|
|
791
792
|
return UsaOverlay;
|
|
792
|
-
}, { id: 'overlay', text: css$
|
|
793
|
+
}, { id: 'overlay', text: css$13 });
|
|
793
794
|
}
|
|
794
795
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
795
796
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
796
797
|
|
|
797
|
-
var css$
|
|
798
|
+
var css$12 = "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
799
|
|
|
799
800
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
800
801
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -965,7 +966,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
965
966
|
}
|
|
966
967
|
}
|
|
967
968
|
return UsaToastStack;
|
|
968
|
-
}, { id: 'toast', text: css$
|
|
969
|
+
}, { id: 'toast', text: css$12 });
|
|
969
970
|
}
|
|
970
971
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
971
972
|
function stackToast(input, stack) {
|
|
@@ -993,7 +994,7 @@ function installToastTriggers() {
|
|
|
993
994
|
});
|
|
994
995
|
}
|
|
995
996
|
|
|
996
|
-
var css
|
|
997
|
+
var css$11 = "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
998
|
|
|
998
999
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
999
1000
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1132,10 +1133,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1132
1133
|
}
|
|
1133
1134
|
}
|
|
1134
1135
|
return UsaMenu;
|
|
1135
|
-
}, { id: 'menu', text: css
|
|
1136
|
+
}, { id: 'menu', text: css$11 });
|
|
1136
1137
|
}
|
|
1137
1138
|
|
|
1138
|
-
var css$
|
|
1139
|
+
var css$10 = "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
1140
|
|
|
1140
1141
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1141
1142
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1275,7 +1276,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1275
1276
|
}
|
|
1276
1277
|
}
|
|
1277
1278
|
return UsaProgressRing;
|
|
1278
|
-
}, { id: 'meters', text: css$
|
|
1279
|
+
}, { id: 'meters', text: css$10 });
|
|
1279
1280
|
}
|
|
1280
1281
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1281
1282
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1385,10 +1386,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1385
1386
|
}
|
|
1386
1387
|
}
|
|
1387
1388
|
return UsaOdometer;
|
|
1388
|
-
}, { id: 'meters', text: css$
|
|
1389
|
+
}, { id: 'meters', text: css$10 });
|
|
1389
1390
|
}
|
|
1390
1391
|
|
|
1391
|
-
var css
|
|
1392
|
+
var css$$ = "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
1393
|
|
|
1393
1394
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1394
1395
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1503,10 +1504,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1503
1504
|
}
|
|
1504
1505
|
}
|
|
1505
1506
|
return UsaSkeletonReveal;
|
|
1506
|
-
}, { id: 'skeleton-reveal', text: css
|
|
1507
|
+
}, { id: 'skeleton-reveal', text: css$$ });
|
|
1507
1508
|
}
|
|
1508
1509
|
|
|
1509
|
-
var css$
|
|
1510
|
+
var css$_ = "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
1511
|
|
|
1511
1512
|
const PATHS = {
|
|
1512
1513
|
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 +1644,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1643
1644
|
}
|
|
1644
1645
|
UsaStarRating.formAssociated = true;
|
|
1645
1646
|
return UsaStarRating;
|
|
1646
|
-
}, { id: 'star-rating', text: css$
|
|
1647
|
+
}, { id: 'star-rating', text: css$_ });
|
|
1647
1648
|
}
|
|
1648
1649
|
|
|
1649
|
-
var css$
|
|
1650
|
+
var css$Z = "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
1651
|
|
|
1651
1652
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1652
1653
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1734,10 +1735,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1734
1735
|
}
|
|
1735
1736
|
}
|
|
1736
1737
|
return UsaMilestones;
|
|
1737
|
-
}, { id: 'milestones', text: css$
|
|
1738
|
+
}, { id: 'milestones', text: css$Z });
|
|
1738
1739
|
}
|
|
1739
1740
|
|
|
1740
|
-
var css$
|
|
1741
|
+
var css$Y = "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
1742
|
|
|
1742
1743
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1743
1744
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1858,10 +1859,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1858
1859
|
}
|
|
1859
1860
|
}
|
|
1860
1861
|
return UsaMasonryFlow;
|
|
1861
|
-
}, { id: 'masonry-flow', text: css$
|
|
1862
|
+
}, { id: 'masonry-flow', text: css$Y });
|
|
1862
1863
|
}
|
|
1863
1864
|
|
|
1864
|
-
var css$
|
|
1865
|
+
var css$X = "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
1866
|
|
|
1866
1867
|
function defineCompare(tag = 'usa-compare') {
|
|
1867
1868
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1985,10 +1986,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1985
1986
|
}
|
|
1986
1987
|
}
|
|
1987
1988
|
return UsaCompare;
|
|
1988
|
-
}, { id: 'compare', text: css$
|
|
1989
|
+
}, { id: 'compare', text: css$X });
|
|
1989
1990
|
}
|
|
1990
1991
|
|
|
1991
|
-
var css$
|
|
1992
|
+
var css$W = "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
1993
|
|
|
1993
1994
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
1994
1995
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2121,10 +2122,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2121
2122
|
}
|
|
2122
2123
|
}
|
|
2123
2124
|
return UsaCubeGallery;
|
|
2124
|
-
}, { id: 'cube-gallery', text: css$
|
|
2125
|
+
}, { id: 'cube-gallery', text: css$W });
|
|
2125
2126
|
}
|
|
2126
2127
|
|
|
2127
|
-
var css$
|
|
2128
|
+
var css$V = "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
2129
|
|
|
2129
2130
|
function defineDock(tag = 'usa-dock') {
|
|
2130
2131
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2192,10 +2193,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2192
2193
|
}
|
|
2193
2194
|
}
|
|
2194
2195
|
return UsaDock;
|
|
2195
|
-
}, { id: 'dock', text: css$
|
|
2196
|
+
}, { id: 'dock', text: css$V });
|
|
2196
2197
|
}
|
|
2197
2198
|
|
|
2198
|
-
var css$
|
|
2199
|
+
var css$U = "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
2200
|
|
|
2200
2201
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2201
2202
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2299,10 +2300,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2299
2300
|
}
|
|
2300
2301
|
}
|
|
2301
2302
|
return UsaNavMorph;
|
|
2302
|
-
}, { id: 'nav-morph', text: css$
|
|
2303
|
+
}, { id: 'nav-morph', text: css$U });
|
|
2303
2304
|
}
|
|
2304
2305
|
|
|
2305
|
-
var css$
|
|
2306
|
+
var css$T = "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
2307
|
|
|
2307
2308
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2308
2309
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2375,10 +2376,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2375
2376
|
}
|
|
2376
2377
|
}
|
|
2377
2378
|
return UsaMenuToggle;
|
|
2378
|
-
}, { id: 'menu-toggle', text: css$
|
|
2379
|
+
}, { id: 'menu-toggle', text: css$T });
|
|
2379
2380
|
}
|
|
2380
2381
|
|
|
2381
|
-
var css$
|
|
2382
|
+
var css$S = "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
2383
|
|
|
2383
2384
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2384
2385
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2510,10 +2511,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2510
2511
|
}
|
|
2511
2512
|
}
|
|
2512
2513
|
return UsaTip;
|
|
2513
|
-
}, { id: 'tip', text: css$
|
|
2514
|
+
}, { id: 'tip', text: css$S });
|
|
2514
2515
|
}
|
|
2515
2516
|
|
|
2516
|
-
var css$
|
|
2517
|
+
var css$R = "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
2518
|
|
|
2518
2519
|
function defineStepper(tag = 'usa-stepper') {
|
|
2519
2520
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2610,10 +2611,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2610
2611
|
}
|
|
2611
2612
|
}
|
|
2612
2613
|
return UsaStepper;
|
|
2613
|
-
}, { id: 'stepper', text: css$
|
|
2614
|
+
}, { id: 'stepper', text: css$R });
|
|
2614
2615
|
}
|
|
2615
2616
|
|
|
2616
|
-
var css$
|
|
2617
|
+
var css$Q = "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
2618
|
|
|
2618
2619
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2619
2620
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2735,10 +2736,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2735
2736
|
}
|
|
2736
2737
|
}
|
|
2737
2738
|
return UsaPagination;
|
|
2738
|
-
}, { id: 'pagination', text: css$
|
|
2739
|
+
}, { id: 'pagination', text: css$Q });
|
|
2739
2740
|
}
|
|
2740
2741
|
|
|
2741
|
-
var css$
|
|
2742
|
+
var css$P = "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
2743
|
|
|
2743
2744
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2744
2745
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2832,10 +2833,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2832
2833
|
}
|
|
2833
2834
|
}
|
|
2834
2835
|
return UsaSegmented;
|
|
2835
|
-
}, { id: 'segmented', text: css$
|
|
2836
|
+
}, { id: 'segmented', text: css$P });
|
|
2836
2837
|
}
|
|
2837
2838
|
|
|
2838
|
-
var css$
|
|
2839
|
+
var css$O = "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
2840
|
|
|
2840
2841
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2841
2842
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2923,10 +2924,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2923
2924
|
}
|
|
2924
2925
|
}
|
|
2925
2926
|
return UsaSwitch;
|
|
2926
|
-
}, { id: 'switch', text: css$
|
|
2927
|
+
}, { id: 'switch', text: css$O });
|
|
2927
2928
|
}
|
|
2928
2929
|
|
|
2929
|
-
var css$
|
|
2930
|
+
var css$N = "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
2931
|
|
|
2931
2932
|
function defineKanban(tag = 'usa-kanban') {
|
|
2932
2933
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3131,10 +3132,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3131
3132
|
}
|
|
3132
3133
|
}
|
|
3133
3134
|
return UsaKanban;
|
|
3134
|
-
}, { id: 'kanban', text: css$
|
|
3135
|
+
}, { id: 'kanban', text: css$N });
|
|
3135
3136
|
}
|
|
3136
3137
|
|
|
3137
|
-
var css$
|
|
3138
|
+
var css$M = "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
3139
|
|
|
3139
3140
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3140
3141
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3276,10 +3277,10 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3276
3277
|
}
|
|
3277
3278
|
}
|
|
3278
3279
|
return UsaSwipeDeck;
|
|
3279
|
-
}, { id: 'swipe-deck', text: css$
|
|
3280
|
+
}, { id: 'swipe-deck', text: css$M });
|
|
3280
3281
|
}
|
|
3281
3282
|
|
|
3282
|
-
var css$
|
|
3283
|
+
var css$L = "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
3284
|
|
|
3284
3285
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3285
3286
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
@@ -3360,10 +3361,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3360
3361
|
}
|
|
3361
3362
|
}
|
|
3362
3363
|
return UsaWeatherCard;
|
|
3363
|
-
}, { id: 'weather-card', text: css$
|
|
3364
|
+
}, { id: 'weather-card', text: css$L });
|
|
3364
3365
|
}
|
|
3365
3366
|
|
|
3366
|
-
var css$
|
|
3367
|
+
var css$K = "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
3368
|
|
|
3368
3369
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3369
3370
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3492,10 +3493,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3492
3493
|
}
|
|
3493
3494
|
}
|
|
3494
3495
|
return UsaPullCord;
|
|
3495
|
-
}, { id: 'pull-cord', text: css$
|
|
3496
|
+
}, { id: 'pull-cord', text: css$K });
|
|
3496
3497
|
}
|
|
3497
3498
|
|
|
3498
|
-
var css$
|
|
3499
|
+
var css$J = "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
3500
|
|
|
3500
3501
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3501
3502
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3644,10 +3645,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3644
3645
|
}
|
|
3645
3646
|
}
|
|
3646
3647
|
return UsaDatePicker;
|
|
3647
|
-
}, { id: 'date-picker', text: css$
|
|
3648
|
+
}, { id: 'date-picker', text: css$J });
|
|
3648
3649
|
}
|
|
3649
3650
|
|
|
3650
|
-
var css$
|
|
3651
|
+
var css$I = "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
3652
|
|
|
3652
3653
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3653
3654
|
function hsvToHex(h, s, v) {
|
|
@@ -3767,10 +3768,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3767
3768
|
}
|
|
3768
3769
|
}
|
|
3769
3770
|
return UsaColorPicker;
|
|
3770
|
-
}, { id: 'color-picker', text: css$
|
|
3771
|
+
}, { id: 'color-picker', text: css$I });
|
|
3771
3772
|
}
|
|
3772
3773
|
|
|
3773
|
-
var css$
|
|
3774
|
+
var css$H = "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
3775
|
|
|
3775
3776
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3776
3777
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3871,10 +3872,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3871
3872
|
}
|
|
3872
3873
|
}
|
|
3873
3874
|
return UsaFileDrop;
|
|
3874
|
-
}, { id: 'file-drop', text: css$
|
|
3875
|
+
}, { id: 'file-drop', text: css$H });
|
|
3875
3876
|
}
|
|
3876
3877
|
|
|
3877
|
-
var css$
|
|
3878
|
+
var css$G = "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
3879
|
|
|
3879
3880
|
const DEFAULT = {
|
|
3880
3881
|
format: player.ANIMATION_FORMAT,
|
|
@@ -4048,10 +4049,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4048
4049
|
}
|
|
4049
4050
|
}
|
|
4050
4051
|
return UsaKeyframeEditor;
|
|
4051
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4052
|
+
}, { id: 'keyframe-editor', text: css$G });
|
|
4052
4053
|
}
|
|
4053
4054
|
|
|
4054
|
-
var css$
|
|
4055
|
+
var css$F = "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
4056
|
|
|
4056
4057
|
const fmt = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4057
4058
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4212,10 +4213,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4212
4213
|
}
|
|
4213
4214
|
}
|
|
4214
4215
|
return UsaMusicPlayer;
|
|
4215
|
-
}, { id: 'music-player', text: css$
|
|
4216
|
+
}, { id: 'music-player', text: css$F });
|
|
4216
4217
|
}
|
|
4217
4218
|
|
|
4218
|
-
var css$
|
|
4219
|
+
var css$E = "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
4220
|
|
|
4220
4221
|
const ARC = 270;
|
|
4221
4222
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4306,10 +4307,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4306
4307
|
}
|
|
4307
4308
|
}
|
|
4308
4309
|
return UsaVolumeKnob;
|
|
4309
|
-
}, { id: 'volume-knob', text: css$
|
|
4310
|
+
}, { id: 'volume-knob', text: css$E });
|
|
4310
4311
|
}
|
|
4311
4312
|
|
|
4312
|
-
var css$
|
|
4313
|
+
var css$D = "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
4314
|
|
|
4314
4315
|
const EQ_PRESETS = {
|
|
4315
4316
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4407,10 +4408,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4407
4408
|
}
|
|
4408
4409
|
}
|
|
4409
4410
|
return UsaEqualizer;
|
|
4410
|
-
}, { id: 'equalizer', text: css$
|
|
4411
|
+
}, { id: 'equalizer', text: css$D });
|
|
4411
4412
|
}
|
|
4412
4413
|
|
|
4413
|
-
var css$
|
|
4414
|
+
var css$C = "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
4415
|
|
|
4415
4416
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4416
4417
|
function parseLRC(src) {
|
|
@@ -4522,10 +4523,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4522
4523
|
}
|
|
4523
4524
|
}
|
|
4524
4525
|
return UsaLyrics;
|
|
4525
|
-
}, { id: 'lyrics', text: css$
|
|
4526
|
+
}, { id: 'lyrics', text: css$C });
|
|
4526
4527
|
}
|
|
4527
4528
|
|
|
4528
|
-
var css$
|
|
4529
|
+
var css$B = "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
4530
|
|
|
4530
4531
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4531
4532
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4619,10 +4620,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4619
4620
|
}
|
|
4620
4621
|
}
|
|
4621
4622
|
return UsaBarChart;
|
|
4622
|
-
}, { id: 'bar-chart', text: css$
|
|
4623
|
+
}, { id: 'bar-chart', text: css$B });
|
|
4623
4624
|
}
|
|
4624
4625
|
|
|
4625
|
-
var css$
|
|
4626
|
+
var css$A = "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
4627
|
|
|
4627
4628
|
function defineGauge(tag = 'usa-gauge') {
|
|
4628
4629
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4707,10 +4708,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4707
4708
|
}
|
|
4708
4709
|
}
|
|
4709
4710
|
return UsaGauge;
|
|
4710
|
-
}, { id: 'gauge', text: css$
|
|
4711
|
+
}, { id: 'gauge', text: css$A });
|
|
4711
4712
|
}
|
|
4712
4713
|
|
|
4713
|
-
var css$
|
|
4714
|
+
var css$z = "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
4715
|
|
|
4715
4716
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4716
4717
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4833,7 +4834,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4833
4834
|
}
|
|
4834
4835
|
}
|
|
4835
4836
|
return UsaSparkline;
|
|
4836
|
-
}, { id: 'sparkline', text: css$
|
|
4837
|
+
}, { id: 'sparkline', text: css$z });
|
|
4837
4838
|
}
|
|
4838
4839
|
|
|
4839
4840
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4846,7 +4847,7 @@ function parseFigureText(s) {
|
|
|
4846
4847
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4847
4848
|
}
|
|
4848
4849
|
|
|
4849
|
-
var css$
|
|
4850
|
+
var css$y = "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
4851
|
|
|
4851
4852
|
function defineKpi(tag = 'usa-kpi') {
|
|
4852
4853
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4926,10 +4927,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4926
4927
|
}
|
|
4927
4928
|
}
|
|
4928
4929
|
return UsaKpi;
|
|
4929
|
-
}, { id: 'kpi', text: css$
|
|
4930
|
+
}, { id: 'kpi', text: css$y });
|
|
4930
4931
|
}
|
|
4931
4932
|
|
|
4932
|
-
var css$
|
|
4933
|
+
var css$x = "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
4934
|
|
|
4934
4935
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4935
4936
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4974,10 +4975,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4974
4975
|
}
|
|
4975
4976
|
}
|
|
4976
4977
|
return UsaAddToCart;
|
|
4977
|
-
}, { id: 'add-to-cart', text: css$
|
|
4978
|
+
}, { id: 'add-to-cart', text: css$x });
|
|
4978
4979
|
}
|
|
4979
4980
|
|
|
4980
|
-
var css$
|
|
4981
|
+
var css$w = "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
4982
|
|
|
4982
4983
|
/** Cart total (7.3). */
|
|
4983
4984
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5142,10 +5143,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5142
5143
|
}
|
|
5143
5144
|
}
|
|
5144
5145
|
return UsaCartDrawer;
|
|
5145
|
-
}, { id: 'cart-drawer', text: css$
|
|
5146
|
+
}, { id: 'cart-drawer', text: css$w });
|
|
5146
5147
|
}
|
|
5147
5148
|
|
|
5148
|
-
var css$
|
|
5149
|
+
var css$v = "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
5150
|
|
|
5150
5151
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5151
5152
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5259,10 +5260,10 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5259
5260
|
}
|
|
5260
5261
|
}
|
|
5261
5262
|
return UsaProductGallery;
|
|
5262
|
-
}, { id: 'product-gallery', text: css$
|
|
5263
|
+
}, { id: 'product-gallery', text: css$v });
|
|
5263
5264
|
}
|
|
5264
5265
|
|
|
5265
|
-
var css$
|
|
5266
|
+
var css$u = "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
5267
|
|
|
5267
5268
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5268
5269
|
function splitTime(sec) {
|
|
@@ -5350,10 +5351,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5350
5351
|
}
|
|
5351
5352
|
}
|
|
5352
5353
|
return UsaCountdown;
|
|
5353
|
-
}, { id: 'countdown', text: css$
|
|
5354
|
+
}, { id: 'countdown', text: css$u });
|
|
5354
5355
|
}
|
|
5355
5356
|
|
|
5356
|
-
var css$
|
|
5357
|
+
var css$t = "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
5358
|
|
|
5358
5359
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5359
5360
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5440,10 +5441,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5440
5441
|
}
|
|
5441
5442
|
}
|
|
5442
5443
|
return UsaMessageList;
|
|
5443
|
-
}, { id: 'message-list', text: css$
|
|
5444
|
+
}, { id: 'message-list', text: css$t });
|
|
5444
5445
|
}
|
|
5445
5446
|
|
|
5446
|
-
var css$
|
|
5447
|
+
var css$s = "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
5448
|
|
|
5448
5449
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5449
5450
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5545,10 +5546,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5545
5546
|
}
|
|
5546
5547
|
}
|
|
5547
5548
|
return UsaReactions;
|
|
5548
|
-
}, { id: 'reactions', text: css$
|
|
5549
|
+
}, { id: 'reactions', text: css$s });
|
|
5549
5550
|
}
|
|
5550
5551
|
|
|
5551
|
-
var css$
|
|
5552
|
+
var css$r = "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
5553
|
|
|
5553
5554
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5554
5555
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5643,10 +5644,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5643
5644
|
}
|
|
5644
5645
|
}
|
|
5645
5646
|
return UsaNotificationBell;
|
|
5646
|
-
}, { id: 'notification-bell', text: css$
|
|
5647
|
+
}, { id: 'notification-bell', text: css$r });
|
|
5647
5648
|
}
|
|
5648
5649
|
|
|
5649
|
-
var css$
|
|
5650
|
+
var css$q = "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
5651
|
|
|
5651
5652
|
/** Presence states (7.4). */
|
|
5652
5653
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5716,10 +5717,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5716
5717
|
}
|
|
5717
5718
|
}
|
|
5718
5719
|
return UsaPresence;
|
|
5719
|
-
}, { id: 'presence', text: css$
|
|
5720
|
+
}, { id: 'presence', text: css$q });
|
|
5720
5721
|
}
|
|
5721
5722
|
|
|
5722
|
-
var css$
|
|
5723
|
+
var css$p = "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
5724
|
|
|
5724
5725
|
/** Sort rows by score desc, then name (7.5). */
|
|
5725
5726
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5828,10 +5829,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5828
5829
|
}
|
|
5829
5830
|
}
|
|
5830
5831
|
return UsaLeaderboard;
|
|
5831
|
-
}, { id: 'leaderboard', text: css$
|
|
5832
|
+
}, { id: 'leaderboard', text: css$p });
|
|
5832
5833
|
}
|
|
5833
5834
|
|
|
5834
|
-
var css$
|
|
5835
|
+
var css$o = "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
5836
|
|
|
5836
5837
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5837
5838
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5928,10 +5929,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5928
5929
|
}
|
|
5929
5930
|
}
|
|
5930
5931
|
return UsaXpBar;
|
|
5931
|
-
}, { id: 'xp-bar', text: css$
|
|
5932
|
+
}, { id: 'xp-bar', text: css$o });
|
|
5932
5933
|
}
|
|
5933
5934
|
|
|
5934
|
-
var css$
|
|
5935
|
+
var css$n = "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
5936
|
|
|
5936
5937
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5937
5938
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -5998,17 +5999,17 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
5998
5999
|
}
|
|
5999
6000
|
}
|
|
6000
6001
|
return UsaBadgeWall;
|
|
6001
|
-
}, { id: 'badge-wall', text: css$
|
|
6002
|
+
}, { id: 'badge-wall', text: css$n });
|
|
6002
6003
|
}
|
|
6003
6004
|
|
|
6004
|
-
var css$
|
|
6005
|
+
var css$m = "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
6006
|
|
|
6006
6007
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6007
6008
|
function wheelAngle(index, count, turns = 5) {
|
|
6008
6009
|
const seg = 360 / Math.max(1, count);
|
|
6009
6010
|
return turns * 360 + (360 - (index * seg + seg / 2));
|
|
6010
6011
|
}
|
|
6011
|
-
const COLORS = ['#7c5cff', '#22d3ee', '#f59e0b', '#ef4444', '#22c55e', '#ec4899', '#3b82f6', '#a3e635'];
|
|
6012
|
+
const COLORS$1 = ['#7c5cff', '#22d3ee', '#f59e0b', '#ef4444', '#22c55e', '#ec4899', '#3b82f6', '#a3e635'];
|
|
6012
6013
|
function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
6013
6014
|
return base.defineElement(tag, (Base) => {
|
|
6014
6015
|
class UsaPrizeWheel extends Base {
|
|
@@ -6031,7 +6032,7 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6031
6032
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6032
6033
|
const s = this.segments;
|
|
6033
6034
|
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(',');
|
|
6035
|
+
const grad = s.map((_, i) => `${COLORS$1[i % COLORS$1.length]} ${(i * seg).toFixed(2)}deg ${((i + 1) * seg).toFixed(2)}deg`).join(',');
|
|
6035
6036
|
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
6037
|
const wheel = this.querySelector('.usa-pw-wheel');
|
|
6037
6038
|
wheel.style.background = `conic-gradient(${grad})`;
|
|
@@ -6081,10 +6082,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6081
6082
|
}
|
|
6082
6083
|
}
|
|
6083
6084
|
return UsaPrizeWheel;
|
|
6084
|
-
}, { id: 'prize-wheel', text: css$
|
|
6085
|
+
}, { id: 'prize-wheel', text: css$m });
|
|
6085
6086
|
}
|
|
6086
6087
|
|
|
6087
|
-
var css$
|
|
6088
|
+
var css$l = "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
6089
|
|
|
6089
6090
|
const RAD = Math.PI / 180;
|
|
6090
6091
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6241,10 +6242,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6241
6242
|
}
|
|
6242
6243
|
}
|
|
6243
6244
|
return UsaGlobe;
|
|
6244
|
-
}, { id: 'globe', text: css$
|
|
6245
|
+
}, { id: 'globe', text: css$l });
|
|
6245
6246
|
}
|
|
6246
6247
|
|
|
6247
|
-
var css$
|
|
6248
|
+
var css$k = "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
6249
|
|
|
6249
6250
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6250
6251
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6260,7 +6261,7 @@ function formatDistance(km, unit = 'km') {
|
|
|
6260
6261
|
}
|
|
6261
6262
|
return km < 1 ? `${Math.round(km * 1000)} m` : `${km < 10 ? km.toFixed(1) : Math.round(km)} km`;
|
|
6262
6263
|
}
|
|
6263
|
-
const esc$
|
|
6264
|
+
const esc$b = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6264
6265
|
function defineLocationCard(tag = 'usa-location-card') {
|
|
6265
6266
|
return base.defineElement(tag, (Base) => {
|
|
6266
6267
|
class UsaLocationCard extends Base {
|
|
@@ -6285,7 +6286,7 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6285
6286
|
const dist = this.str('distance') || (km === null ? '' : formatDistance(km, this.str('unit') === 'mi' ? 'mi' : 'km'));
|
|
6286
6287
|
const href = this.str('href');
|
|
6287
6288
|
const origin = km !== null;
|
|
6288
|
-
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$
|
|
6289
|
+
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
6290
|
if (origin)
|
|
6290
6291
|
this.setAttribute('data-route', '');
|
|
6291
6292
|
else
|
|
@@ -6318,10 +6319,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6318
6319
|
}
|
|
6319
6320
|
}
|
|
6320
6321
|
return UsaLocationCard;
|
|
6321
|
-
}, { id: 'location-card', text: css$
|
|
6322
|
+
}, { id: 'location-card', text: css$k });
|
|
6322
6323
|
}
|
|
6323
6324
|
|
|
6324
|
-
var css$
|
|
6325
|
+
var css$j = "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
6326
|
|
|
6326
6327
|
/** 0–4 password strength score with a label (7.7). */
|
|
6327
6328
|
function passwordStrength(pw) {
|
|
@@ -6343,7 +6344,7 @@ function passwordStrength(pw) {
|
|
|
6343
6344
|
const score = Math.min(4, s);
|
|
6344
6345
|
return { score, label: ['Too short', 'Weak', 'Fair', 'Good', 'Strong'][score] };
|
|
6345
6346
|
}
|
|
6346
|
-
const esc$
|
|
6347
|
+
const esc$a = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6347
6348
|
let uid$2 = 0;
|
|
6348
6349
|
const PASS = ['type', 'name', 'required', 'pattern', 'minlength', 'maxlength', 'autocomplete', 'inputmode', 'placeholder'];
|
|
6349
6350
|
function defineField(tag = 'usa-field') {
|
|
@@ -6377,9 +6378,9 @@ function defineField(tag = 'usa-field') {
|
|
|
6377
6378
|
const id = this._id;
|
|
6378
6379
|
const strength = this.flag('strength');
|
|
6379
6380
|
const attrs = PASS.filter((a) => this.hasAttribute(a))
|
|
6380
|
-
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$
|
|
6381
|
+
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$a(this.str(a))}"`))
|
|
6381
6382
|
.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$
|
|
6383
|
+
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
6384
|
const input = this.input;
|
|
6384
6385
|
input.value = keep;
|
|
6385
6386
|
this.listen(input, 'input', () => {
|
|
@@ -6447,10 +6448,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6447
6448
|
}
|
|
6448
6449
|
}
|
|
6449
6450
|
return UsaField;
|
|
6450
|
-
}, { id: 'field', text: css$
|
|
6451
|
+
}, { id: 'field', text: css$j });
|
|
6451
6452
|
}
|
|
6452
6453
|
|
|
6453
|
-
var css$
|
|
6454
|
+
var css$i = "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
6455
|
|
|
6455
6456
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6456
6457
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6581,10 +6582,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6581
6582
|
}
|
|
6582
6583
|
}
|
|
6583
6584
|
return UsaOtp;
|
|
6584
|
-
}, { id: 'otp', text: css$
|
|
6585
|
+
}, { id: 'otp', text: css$i });
|
|
6585
6586
|
}
|
|
6586
6587
|
|
|
6587
|
-
var css$
|
|
6588
|
+
var css$h = "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
6589
|
|
|
6589
6590
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6590
6591
|
function formatBytes(n) {
|
|
@@ -6598,7 +6599,7 @@ function formatBytes(n) {
|
|
|
6598
6599
|
}
|
|
6599
6600
|
return `${i === 0 ? Math.round(n) : n < 10 ? n.toFixed(1) : Math.round(n)} ${u[i]}`;
|
|
6600
6601
|
}
|
|
6601
|
-
const esc$
|
|
6602
|
+
const esc$9 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6602
6603
|
function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
6603
6604
|
return base.defineElement(tag, (Base) => {
|
|
6604
6605
|
class UsaUploadProgress extends Base {
|
|
@@ -6626,7 +6627,7 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6626
6627
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6627
6628
|
const name = this.str('name', 'file');
|
|
6628
6629
|
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$
|
|
6630
|
+
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
6631
|
this.listen(this.querySelector('.usa-up-retry'), 'click', () => this.emit('retry', { name }));
|
|
6631
6632
|
this._shown = 0;
|
|
6632
6633
|
this.render(true);
|
|
@@ -6667,12 +6668,12 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6667
6668
|
}
|
|
6668
6669
|
}
|
|
6669
6670
|
return UsaUploadProgress;
|
|
6670
|
-
}, { id: 'upload-progress', text: css$
|
|
6671
|
+
}, { id: 'upload-progress', text: css$h });
|
|
6671
6672
|
}
|
|
6672
6673
|
|
|
6673
|
-
var css$
|
|
6674
|
+
var css$g = "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
6675
|
|
|
6675
|
-
const esc$
|
|
6676
|
+
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6676
6677
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
6677
6678
|
return base.defineElement(tag, (Base) => {
|
|
6678
6679
|
class UsaChatComposer extends Base {
|
|
@@ -6702,7 +6703,7 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6702
6703
|
const keep = this.area?.value ?? this.str('value');
|
|
6703
6704
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6704
6705
|
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$
|
|
6706
|
+
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
6707
|
const a = this.area;
|
|
6707
6708
|
a.value = keep;
|
|
6708
6709
|
this.listen(a, 'input', () => this.sync());
|
|
@@ -6768,10 +6769,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6768
6769
|
}
|
|
6769
6770
|
}
|
|
6770
6771
|
return UsaChatComposer;
|
|
6771
|
-
}, { id: 'chat-composer', text: css$
|
|
6772
|
+
}, { id: 'chat-composer', text: css$g });
|
|
6772
6773
|
}
|
|
6773
6774
|
|
|
6774
|
-
var css$
|
|
6775
|
+
var css$f = "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
6776
|
|
|
6776
6777
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6777
6778
|
function parseChips(s) {
|
|
@@ -6780,7 +6781,7 @@ function parseChips(s) {
|
|
|
6780
6781
|
.map((t) => t.trim())
|
|
6781
6782
|
.filter(Boolean);
|
|
6782
6783
|
}
|
|
6783
|
-
const esc$
|
|
6784
|
+
const esc$7 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6784
6785
|
function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
6785
6786
|
return base.defineElement(tag, (Base) => {
|
|
6786
6787
|
class UsaSuggestionChips extends Base {
|
|
@@ -6815,7 +6816,7 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6815
6816
|
Array.from(this.children).forEach((c) => !c.hasAttribute('data-usa-part') && c.setAttribute('hidden', ''));
|
|
6816
6817
|
}
|
|
6817
6818
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6818
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$
|
|
6819
|
+
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
6820
|
const chips = Array.from(this.querySelectorAll('.usa-sc-chip'));
|
|
6820
6821
|
chips.forEach((c, i) => {
|
|
6821
6822
|
this.listen(c, 'click', () => this.pick(i));
|
|
@@ -6856,10 +6857,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6856
6857
|
}
|
|
6857
6858
|
}
|
|
6858
6859
|
return UsaSuggestionChips;
|
|
6859
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6860
|
+
}, { id: 'suggestion-chips', text: css$f });
|
|
6860
6861
|
}
|
|
6861
6862
|
|
|
6862
|
-
var css$
|
|
6863
|
+
var css$e = "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
6864
|
|
|
6864
6865
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6865
6866
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6931,10 +6932,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6931
6932
|
}
|
|
6932
6933
|
}
|
|
6933
6934
|
return UsaVoiceButton;
|
|
6934
|
-
}, { id: 'voice-button', text: css$
|
|
6935
|
+
}, { id: 'voice-button', text: css$e });
|
|
6935
6936
|
}
|
|
6936
6937
|
|
|
6937
|
-
var css$
|
|
6938
|
+
var css$d = "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
6939
|
|
|
6939
6940
|
/**
|
|
6940
6941
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -6993,7 +6994,7 @@ function matchesKeys(e, keys, apple = isApple()) {
|
|
|
6993
6994
|
function isApple() {
|
|
6994
6995
|
return typeof navigator !== 'undefined' && /Mac|iPhone|iPad|iPod/.test(navigator.userAgentData?.platform || navigator.platform || navigator.userAgent || '');
|
|
6995
6996
|
}
|
|
6996
|
-
const esc$
|
|
6997
|
+
const esc$6 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6997
6998
|
let uid$1 = 0;
|
|
6998
6999
|
function defineCommandPalette(tag = 'usa-command-palette') {
|
|
6999
7000
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7030,7 +7031,7 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7030
7031
|
mount() {
|
|
7031
7032
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7032
7033
|
const id = this._id;
|
|
7033
|
-
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$
|
|
7034
|
+
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
7035
|
const dlg = this.dlg;
|
|
7035
7036
|
const q = this.querySelector('.usa-cp-q');
|
|
7036
7037
|
this.listen(q, 'input', () => this.render(true));
|
|
@@ -7085,12 +7086,12 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7085
7086
|
if (!q && c.group !== group) {
|
|
7086
7087
|
group = c.group;
|
|
7087
7088
|
if (group)
|
|
7088
|
-
html += `<div class="usa-cp-group" role="presentation">${esc$
|
|
7089
|
+
html += `<div class="usa-cp-group" role="presentation">${esc$6(group)}</div>`;
|
|
7089
7090
|
}
|
|
7090
7091
|
const label = Array.from(c.label)
|
|
7091
|
-
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$
|
|
7092
|
+
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$6(ch)}</mark>` : esc$6(ch)))
|
|
7092
7093
|
.join('');
|
|
7093
|
-
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$
|
|
7094
|
+
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$6(k)}</kbd>`).join('')}</span>` : '';
|
|
7094
7095
|
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
7096
|
});
|
|
7096
7097
|
list.insertAdjacentHTML('beforeend', html);
|
|
@@ -7193,13 +7194,13 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7193
7194
|
}
|
|
7194
7195
|
}
|
|
7195
7196
|
return UsaCommandPalette;
|
|
7196
|
-
}, { id: 'command-palette', text: css$
|
|
7197
|
+
}, { id: 'command-palette', text: css$d });
|
|
7197
7198
|
}
|
|
7198
7199
|
|
|
7199
|
-
var css$
|
|
7200
|
+
var css$c = "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
7201
|
|
|
7201
7202
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7202
|
-
const esc$
|
|
7203
|
+
const esc$5 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7203
7204
|
function defineShortcut(tag = 'usa-shortcut') {
|
|
7204
7205
|
return base.defineElement(tag, (Base) => {
|
|
7205
7206
|
class UsaShortcut extends Base {
|
|
@@ -7214,7 +7215,7 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7214
7215
|
const labels = this.labels;
|
|
7215
7216
|
const spoken = labels.map((l) => SPOKEN[l] || l).join(' ');
|
|
7216
7217
|
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$
|
|
7218
|
+
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
7219
|
if (this.str('listen') !== 'false')
|
|
7219
7220
|
this.listen(document, 'keydown', (e) => {
|
|
7220
7221
|
if (!e.repeat && matchesKeys(e, this.str('keys', 'mod+k'))) {
|
|
@@ -7247,10 +7248,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7247
7248
|
}
|
|
7248
7249
|
}
|
|
7249
7250
|
return UsaShortcut;
|
|
7250
|
-
}, { id: 'shortcut', text: css$
|
|
7251
|
+
}, { id: 'shortcut', text: css$c });
|
|
7251
7252
|
}
|
|
7252
7253
|
|
|
7253
|
-
var css$
|
|
7254
|
+
var css$b = "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
7255
|
|
|
7255
7256
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7256
7257
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7309,10 +7310,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7309
7310
|
}
|
|
7310
7311
|
}
|
|
7311
7312
|
return UsaClockControl;
|
|
7312
|
-
}, { id: 'clock-control', text: css$
|
|
7313
|
+
}, { id: 'clock-control', text: css$b });
|
|
7313
7314
|
}
|
|
7314
7315
|
|
|
7315
|
-
var css$
|
|
7316
|
+
var css$a = "usa-hydrate{display:block}";
|
|
7316
7317
|
|
|
7317
7318
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7318
7319
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7348,12 +7349,12 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7348
7349
|
}
|
|
7349
7350
|
}
|
|
7350
7351
|
return UsaHydrate;
|
|
7351
|
-
}, { id: 'hydrate', text: css$
|
|
7352
|
+
}, { id: 'hydrate', text: css$a });
|
|
7352
7353
|
}
|
|
7353
7354
|
|
|
7354
|
-
var css$
|
|
7355
|
+
var css$9 = "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
7356
|
|
|
7356
|
-
const esc$
|
|
7357
|
+
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7357
7358
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
7358
7359
|
return base.defineElement(tag, (Base) => {
|
|
7359
7360
|
class UsaRedEnvelope extends Base {
|
|
@@ -7366,7 +7367,7 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7366
7367
|
mount() {
|
|
7367
7368
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7368
7369
|
const msg = this.str('message', '恭喜发财');
|
|
7369
|
-
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$
|
|
7370
|
+
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
7371
|
this.listen(this.querySelector('.usa-re'), 'click', () => (this.opened ? this.close() : this.open()));
|
|
7371
7372
|
if (this.flag('opened'))
|
|
7372
7373
|
this.open(true);
|
|
@@ -7415,10 +7416,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7415
7416
|
}
|
|
7416
7417
|
}
|
|
7417
7418
|
return UsaRedEnvelope;
|
|
7418
|
-
}, { id: 'red-envelope', text: css$
|
|
7419
|
+
}, { id: 'red-envelope', text: css$9 });
|
|
7419
7420
|
}
|
|
7420
7421
|
|
|
7421
|
-
var css$
|
|
7422
|
+
var css$8 = "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
7423
|
|
|
7423
7424
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7424
7425
|
const SCENES = {
|
|
@@ -7466,12 +7467,12 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7466
7467
|
}
|
|
7467
7468
|
}
|
|
7468
7469
|
return UsaFestivalBanner;
|
|
7469
|
-
}, { id: 'festival-banner', text: css$
|
|
7470
|
+
}, { id: 'festival-banner', text: css$8 });
|
|
7470
7471
|
}
|
|
7471
7472
|
|
|
7472
|
-
var css$
|
|
7473
|
+
var css$7 = "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
7474
|
|
|
7474
|
-
const esc$
|
|
7475
|
+
const esc$3 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7475
7476
|
function defineTerminal(tag = 'usa-terminal') {
|
|
7476
7477
|
return base.defineElement(tag, (Base) => {
|
|
7477
7478
|
class UsaTerminal extends Base {
|
|
@@ -7491,7 +7492,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7491
7492
|
src.forEach((c) => c.remove());
|
|
7492
7493
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7493
7494
|
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$
|
|
7495
|
+
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
7496
|
let started = false;
|
|
7496
7497
|
this.inView((v) => {
|
|
7497
7498
|
if (v && !started) {
|
|
@@ -7506,7 +7507,7 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7506
7507
|
const p = document.createElement('p');
|
|
7507
7508
|
p.className = l.cmd ? 'usa-term-cmd' : 'usa-term-out';
|
|
7508
7509
|
if (l.cmd)
|
|
7509
|
-
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$
|
|
7510
|
+
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc$3(this.str('prompt', '$'))} </span><span class="usa-term-tx"></span>`;
|
|
7510
7511
|
body.appendChild(p);
|
|
7511
7512
|
return p;
|
|
7512
7513
|
}
|
|
@@ -7580,10 +7581,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7580
7581
|
}
|
|
7581
7582
|
}
|
|
7582
7583
|
return UsaTerminal;
|
|
7583
|
-
}, { id: 'terminal', text: css$
|
|
7584
|
+
}, { id: 'terminal', text: css$7 });
|
|
7584
7585
|
}
|
|
7585
7586
|
|
|
7586
|
-
var css$
|
|
7587
|
+
var css$6 = "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
7588
|
|
|
7588
7589
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7589
7590
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7637,10 +7638,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7637
7638
|
}
|
|
7638
7639
|
}
|
|
7639
7640
|
return UsaRetroButton;
|
|
7640
|
-
}, { id: 'retro-button', text: css$
|
|
7641
|
+
}, { id: 'retro-button', text: css$6 });
|
|
7641
7642
|
}
|
|
7642
7643
|
|
|
7643
|
-
var css$
|
|
7644
|
+
var css$5 = "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
7645
|
|
|
7645
7646
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7646
7647
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7679,10 +7680,10 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7679
7680
|
}
|
|
7680
7681
|
}
|
|
7681
7682
|
return UsaOrganicCard;
|
|
7682
|
-
}, { id: 'organic-card', text: css$
|
|
7683
|
+
}, { id: 'organic-card', text: css$5 });
|
|
7683
7684
|
}
|
|
7684
7685
|
|
|
7685
|
-
var css$
|
|
7686
|
+
var css$4 = "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
7687
|
|
|
7687
7688
|
let uid = 0;
|
|
7688
7689
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
@@ -7763,12 +7764,12 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7763
7764
|
}
|
|
7764
7765
|
}
|
|
7765
7766
|
return UsaLiquidNav;
|
|
7766
|
-
}, { id: 'liquid-nav', text: css$
|
|
7767
|
+
}, { id: 'liquid-nav', text: css$4 });
|
|
7767
7768
|
}
|
|
7768
7769
|
|
|
7769
|
-
var css$
|
|
7770
|
+
var css$3 = "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
7771
|
|
|
7771
|
-
const esc$
|
|
7772
|
+
const esc$2 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7772
7773
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
7773
7774
|
return base.defineElement(tag, (Base) => {
|
|
7774
7775
|
class UsaHudPanel extends Base {
|
|
@@ -7781,7 +7782,7 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7781
7782
|
this.setAttribute('aria-label', this.str('title', 'Panel'));
|
|
7782
7783
|
if (this.hasAttribute('color'))
|
|
7783
7784
|
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$
|
|
7785
|
+
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
7786
|
this.querySelectorAll(':scope > [data-value]').forEach((r) => {
|
|
7786
7787
|
if (r.querySelector('.usa-hud-bar'))
|
|
7787
7788
|
return;
|
|
@@ -7815,10 +7816,10 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7815
7816
|
}
|
|
7816
7817
|
}
|
|
7817
7818
|
return UsaHudPanel;
|
|
7818
|
-
}, { id: 'hud-panel', text: css$
|
|
7819
|
+
}, { id: 'hud-panel', text: css$3 });
|
|
7819
7820
|
}
|
|
7820
7821
|
|
|
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)}}";
|
|
7822
|
+
var css$2 = "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
7823
|
|
|
7823
7824
|
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7824
7825
|
function parseTargets(s) {
|
|
@@ -7834,7 +7835,7 @@ function parseTargets(s) {
|
|
|
7834
7835
|
})
|
|
7835
7836
|
.filter(Boolean);
|
|
7836
7837
|
}
|
|
7837
|
-
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7838
|
+
const esc$1 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7838
7839
|
function defineRadar(tag = 'usa-radar') {
|
|
7839
7840
|
return base.defineElement(tag, (Base) => {
|
|
7840
7841
|
class UsaRadar extends Base {
|
|
@@ -7869,7 +7870,7 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7869
7870
|
const a = ((t.bearing - 90) * Math.PI) / 180;
|
|
7870
7871
|
const x = 50 + Math.cos(a) * t.distance * 48;
|
|
7871
7872
|
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>`;
|
|
7873
|
+
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
7874
|
})
|
|
7874
7875
|
.join('');
|
|
7875
7876
|
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 +7905,174 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7904
7905
|
}
|
|
7905
7906
|
}
|
|
7906
7907
|
return UsaRadar;
|
|
7907
|
-
}, { id: 'radar', text: css });
|
|
7908
|
+
}, { id: 'radar', text: css$2 });
|
|
7909
|
+
}
|
|
7910
|
+
|
|
7911
|
+
var css$1 = "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)}";
|
|
7912
|
+
|
|
7913
|
+
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7914
|
+
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
7915
|
+
return base.defineElement(tag, (Base) => {
|
|
7916
|
+
class UsaStickyWall extends Base {
|
|
7917
|
+
constructor() {
|
|
7918
|
+
super(...arguments);
|
|
7919
|
+
this._z = 1;
|
|
7920
|
+
}
|
|
7921
|
+
static get observedAttributes() {
|
|
7922
|
+
return ['seed', 'label'];
|
|
7923
|
+
}
|
|
7924
|
+
get notes() {
|
|
7925
|
+
return Array.from(this.children).filter((c) => !c.hasAttribute('data-usa-part'));
|
|
7926
|
+
}
|
|
7927
|
+
mount() {
|
|
7928
|
+
this.setAttribute('role', 'list');
|
|
7929
|
+
if (this.hasAttribute('label'))
|
|
7930
|
+
this.setAttribute('aria-label', this.str('label'));
|
|
7931
|
+
const r = components_fxPaper.paperRandom(this.num('seed', 3));
|
|
7932
|
+
const notes = this.notes;
|
|
7933
|
+
notes.forEach((n, i) => {
|
|
7934
|
+
n.classList.add('usa-sticky');
|
|
7935
|
+
n.setAttribute('role', 'listitem');
|
|
7936
|
+
n.tabIndex = 0;
|
|
7937
|
+
const c = COLORS.includes(n.dataset.color || '') ? n.dataset.color : COLORS[i % COLORS.length];
|
|
7938
|
+
n.setAttribute('data-paper', c);
|
|
7939
|
+
n.style.setProperty('--tilt', `${((r() - 0.5) * 8).toFixed(1)}deg`);
|
|
7940
|
+
});
|
|
7941
|
+
let shown = false;
|
|
7942
|
+
this.inView((v) => {
|
|
7943
|
+
if (!v || shown || this.reduced)
|
|
7944
|
+
return;
|
|
7945
|
+
shown = true;
|
|
7946
|
+
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' }));
|
|
7947
|
+
}, { threshold: 0.2 });
|
|
7948
|
+
this.listen(this, 'click', (e) => {
|
|
7949
|
+
const n = e.target.closest?.('.usa-sticky');
|
|
7950
|
+
if (n && n.parentElement === this)
|
|
7951
|
+
this.pick(this.notes.indexOf(n));
|
|
7952
|
+
});
|
|
7953
|
+
this.listen(this, 'keydown', (e) => {
|
|
7954
|
+
const n = e.target.closest?.('.usa-sticky');
|
|
7955
|
+
if (n && n.parentElement === this && (e.key === 'Enter' || e.key === ' ')) {
|
|
7956
|
+
e.preventDefault();
|
|
7957
|
+
this.pick(this.notes.indexOf(n));
|
|
7958
|
+
}
|
|
7959
|
+
});
|
|
7960
|
+
}
|
|
7961
|
+
/** Lift note `index` to the front with a little wiggle. */
|
|
7962
|
+
pick(index) {
|
|
7963
|
+
const n = this.notes[index];
|
|
7964
|
+
if (!n)
|
|
7965
|
+
return;
|
|
7966
|
+
n.style.zIndex = String(++this._z);
|
|
7967
|
+
this.notes.forEach((x) => x.removeAttribute('data-picked'));
|
|
7968
|
+
n.setAttribute('data-picked', '');
|
|
7969
|
+
if (!this.reduced)
|
|
7970
|
+
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' });
|
|
7971
|
+
this.emit('pick', { index });
|
|
7972
|
+
}
|
|
7973
|
+
}
|
|
7974
|
+
return UsaStickyWall;
|
|
7975
|
+
}, { id: 'sticky-wall', text: css$1 });
|
|
7976
|
+
}
|
|
7977
|
+
|
|
7978
|
+
var css = "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}";
|
|
7979
|
+
|
|
7980
|
+
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7981
|
+
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
7982
|
+
function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
7983
|
+
return base.defineElement(tag, (Base) => {
|
|
7984
|
+
class UsaSketchChart extends Base {
|
|
7985
|
+
constructor() {
|
|
7986
|
+
super(...arguments);
|
|
7987
|
+
this._v = null;
|
|
7988
|
+
}
|
|
7989
|
+
static get observedAttributes() {
|
|
7990
|
+
return ['values', 'labels', 'type', 'color', 'label'];
|
|
7991
|
+
}
|
|
7992
|
+
get values() {
|
|
7993
|
+
return (this._v || nums(this.str('values'))).slice();
|
|
7994
|
+
}
|
|
7995
|
+
set values(v) {
|
|
7996
|
+
this.setValues(v);
|
|
7997
|
+
}
|
|
7998
|
+
setValues(v) {
|
|
7999
|
+
this._v = v.map(Number).filter((x) => Number.isFinite(x));
|
|
8000
|
+
if (this.isConnected)
|
|
8001
|
+
this.changed('values');
|
|
8002
|
+
}
|
|
8003
|
+
mount() {
|
|
8004
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
8005
|
+
const vs = this.values;
|
|
8006
|
+
const labels = this.str('labels').split(',').map((s) => s.trim());
|
|
8007
|
+
const line = this.str('type') === 'line';
|
|
8008
|
+
if (this.hasAttribute('color'))
|
|
8009
|
+
this.style.setProperty('--usa-sk-c', this.str('color'));
|
|
8010
|
+
this.setAttribute('role', 'img');
|
|
8011
|
+
this.setAttribute('aria-label', `${this.str('label', 'Chart')}: ${vs.map((v, i) => `${labels[i] || i + 1} ${v}`).join(', ') || 'no data'}`);
|
|
8012
|
+
const W = 240, H = 140, L = 22, B = 120, T = 12;
|
|
8013
|
+
const max = Math.max(1, ...vs);
|
|
8014
|
+
const step = vs.length ? (W - L - 8) / vs.length : 0;
|
|
8015
|
+
const y = (v) => B - (Math.max(0, v) / max) * (B - T);
|
|
8016
|
+
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)}"/>`;
|
|
8017
|
+
if (line) {
|
|
8018
|
+
const pts = vs.map((v, i) => [L + step * (i + 0.5), y(v)]);
|
|
8019
|
+
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('');
|
|
8020
|
+
g += pts.map(([x, yy]) => `<circle class="usa-sk-dot" cx="${x.toFixed(1)}" cy="${yy.toFixed(1)}" r="3.5"/>`).join('');
|
|
8021
|
+
}
|
|
8022
|
+
else {
|
|
8023
|
+
vs.forEach((v, i) => {
|
|
8024
|
+
const x0 = L + step * i + step * 0.2;
|
|
8025
|
+
const x1 = x0 + step * 0.6;
|
|
8026
|
+
const yy = y(v);
|
|
8027
|
+
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)}"/>`;
|
|
8028
|
+
for (let h = yy + 8; h < B - 2; h += 9)
|
|
8029
|
+
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)}"/>`;
|
|
8030
|
+
});
|
|
8031
|
+
}
|
|
8032
|
+
g += vs.map((_, i) => (labels[i] ? `<text x="${(L + step * (i + 0.5)).toFixed(1)}" y="${B + 14}">${esc(labels[i])}</text>` : '')).join('');
|
|
8033
|
+
this.insertAdjacentHTML('beforeend', `<svg class="usa-sk" viewBox="0 0 ${W} ${H}" aria-hidden="true" data-usa-part>${g}</svg>`);
|
|
8034
|
+
if (this.reduced)
|
|
8035
|
+
return void this.setAttribute('data-drawn', '');
|
|
8036
|
+
this.listen(this, 'click', () => this.redraw());
|
|
8037
|
+
let done = false;
|
|
8038
|
+
this.inView((v) => {
|
|
8039
|
+
if (v && !done) {
|
|
8040
|
+
done = true;
|
|
8041
|
+
this.draw();
|
|
8042
|
+
}
|
|
8043
|
+
}, { threshold: 0.3 });
|
|
8044
|
+
}
|
|
8045
|
+
/** Sketch the chart in again. */
|
|
8046
|
+
redraw() {
|
|
8047
|
+
if (this.reduced)
|
|
8048
|
+
return;
|
|
8049
|
+
this.querySelectorAll('.usa-sk path, .usa-sk circle').forEach((p) => p.getAnimations?.().forEach((a) => a.cancel()));
|
|
8050
|
+
this.draw();
|
|
8051
|
+
}
|
|
8052
|
+
draw() {
|
|
8053
|
+
const strokes = Array.from(this.querySelectorAll('.usa-sk-axis, .usa-sk-mark, .usa-sk-hatch, .usa-sk-dot'));
|
|
8054
|
+
let last = null;
|
|
8055
|
+
strokes.forEach((p, i) => {
|
|
8056
|
+
let len = 150;
|
|
8057
|
+
try {
|
|
8058
|
+
len = p.getTotalLength?.() || 150;
|
|
8059
|
+
}
|
|
8060
|
+
catch {
|
|
8061
|
+
/* not rendered */
|
|
8062
|
+
}
|
|
8063
|
+
p.style.strokeDasharray = `${len}`;
|
|
8064
|
+
last = this.motion(p, [{ strokeDashoffset: `${len}` }, { strokeDashoffset: '0' }], { duration: 380, delay: i * 45, easing: 'ease-out', fill: 'backwards' }) || last;
|
|
8065
|
+
});
|
|
8066
|
+
this.setAttribute('data-drawn', '');
|
|
8067
|
+
const end = () => this.emit('drawn');
|
|
8068
|
+
if (last)
|
|
8069
|
+
last.finished.then(end, () => undefined);
|
|
8070
|
+
else
|
|
8071
|
+
end();
|
|
8072
|
+
}
|
|
8073
|
+
}
|
|
8074
|
+
return UsaSketchChart;
|
|
8075
|
+
}, { id: 'sketch-chart', text: css });
|
|
7908
8076
|
}
|
|
7909
8077
|
|
|
7910
8078
|
/**
|
|
@@ -7943,6 +8111,7 @@ const WIDGETS = {
|
|
|
7943
8111
|
'8.2': { 'usa-terminal': defineTerminal, 'usa-retro-button': defineRetroButton },
|
|
7944
8112
|
'8.3': { 'usa-organic-card': defineOrganicCard, 'usa-liquid-nav': defineLiquidNav },
|
|
7945
8113
|
'8.4': { 'usa-hud-panel': defineHudPanel, 'usa-radar': defineRadar },
|
|
8114
|
+
'8.5': { 'usa-sticky-wall': defineStickyWall, 'usa-sketch-chart': defineSketchChart },
|
|
7946
8115
|
};
|
|
7947
8116
|
/** Every widget tag, in release order. */
|
|
7948
8117
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -8033,9 +8202,11 @@ exports.defineSegmented = defineSegmented;
|
|
|
8033
8202
|
exports.defineSheet = defineSheet;
|
|
8034
8203
|
exports.defineShortcut = defineShortcut;
|
|
8035
8204
|
exports.defineSkeletonReveal = defineSkeletonReveal;
|
|
8205
|
+
exports.defineSketchChart = defineSketchChart;
|
|
8036
8206
|
exports.defineSparkline = defineSparkline;
|
|
8037
8207
|
exports.defineStarRating = defineStarRating;
|
|
8038
8208
|
exports.defineStepper = defineStepper;
|
|
8209
|
+
exports.defineStickyWall = defineStickyWall;
|
|
8039
8210
|
exports.defineStories = defineStories;
|
|
8040
8211
|
exports.defineSuggestionChips = defineSuggestionChips;
|
|
8041
8212
|
exports.defineSwipeDeck = defineSwipeDeck;
|