use-scroll-animate 8.0.0 → 8.2.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 +27 -0
- package/dist/components/fx-festival.cjs +121 -0
- package/dist/components/fx-festival.cjs.map +1 -0
- package/dist/components/fx-festival.d.cts +69 -0
- package/dist/components/fx-festival.d.ts +69 -0
- package/dist/components/fx-festival.js +117 -0
- package/dist/components/fx-festival.js.map +1 -0
- package/dist/components/fx-retro.cjs +96 -0
- package/dist/components/fx-retro.cjs.map +1 -0
- package/dist/components/fx-retro.d.cts +66 -0
- package/dist/components/fx-retro.d.ts +66 -0
- package/dist/components/fx-retro.js +92 -0
- package/dist/components/fx-retro.js.map +1 -0
- package/dist/components/fx2.cjs +12 -0
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.d.cts +48 -1
- package/dist/components/fx2.d.ts +48 -1
- package/dist/components/fx2.js +9 -1
- package/dist/components/fx2.js.map +1 -1
- package/dist/components/widgets.cjs +440 -143
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +70 -2
- package/dist/components/widgets.d.ts +70 -2
- package/dist/components/widgets.js +435 -144
- package/dist/components/widgets.js.map +1 -1
- package/dist/widgets.umd.js +1 -1
- package/dist/widgets.umd.js.map +1 -1
- package/docs/ROADMAP.md +2 -2
- package/docs/components.md +42 -0
- package/package.json +41 -1
|
@@ -46,7 +46,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
46
46
|
return -1;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
var css$
|
|
49
|
+
var css$11 = "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}";
|
|
50
50
|
|
|
51
51
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
52
52
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -235,10 +235,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
235
235
|
}
|
|
236
236
|
}
|
|
237
237
|
return UsaCarousel;
|
|
238
|
-
}, { id: 'carousel', text: css$
|
|
238
|
+
}, { id: 'carousel', text: css$11 });
|
|
239
239
|
}
|
|
240
240
|
|
|
241
|
-
var css$
|
|
241
|
+
var css$10 = "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}";
|
|
242
242
|
|
|
243
243
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
244
244
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -351,10 +351,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
351
351
|
}
|
|
352
352
|
}
|
|
353
353
|
return UsaTabBar;
|
|
354
|
-
}, { id: 'tab-bar', text: css$
|
|
354
|
+
}, { id: 'tab-bar', text: css$10 });
|
|
355
355
|
}
|
|
356
356
|
|
|
357
|
-
var css
|
|
357
|
+
var css$$ = "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}}";
|
|
358
358
|
|
|
359
359
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
360
360
|
return base.defineElement(tag, (Base) => {
|
|
@@ -422,10 +422,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
422
422
|
}
|
|
423
423
|
}
|
|
424
424
|
return UsaDisclosure;
|
|
425
|
-
}, { id: 'disclosure', text: css
|
|
425
|
+
}, { id: 'disclosure', text: css$$ });
|
|
426
426
|
}
|
|
427
427
|
|
|
428
|
-
var css$
|
|
428
|
+
var css$_ = "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}}";
|
|
429
429
|
|
|
430
430
|
function defineStories(tag = 'usa-stories') {
|
|
431
431
|
return base.defineElement(tag, (Base) => {
|
|
@@ -558,10 +558,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
558
558
|
}
|
|
559
559
|
}
|
|
560
560
|
return UsaStories;
|
|
561
|
-
}, { id: 'stories', text: css$
|
|
561
|
+
}, { id: 'stories', text: css$_ });
|
|
562
562
|
}
|
|
563
563
|
|
|
564
|
-
var css$
|
|
564
|
+
var css$Z = "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)}}";
|
|
565
565
|
|
|
566
566
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
567
567
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -788,12 +788,12 @@ function defineOverlay(tag, kind) {
|
|
|
788
788
|
}
|
|
789
789
|
}
|
|
790
790
|
return UsaOverlay;
|
|
791
|
-
}, { id: 'overlay', text: css$
|
|
791
|
+
}, { id: 'overlay', text: css$Z });
|
|
792
792
|
}
|
|
793
793
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
794
794
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
795
795
|
|
|
796
|
-
var css$
|
|
796
|
+
var css$Y = "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}}";
|
|
797
797
|
|
|
798
798
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
799
799
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -964,7 +964,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
964
964
|
}
|
|
965
965
|
}
|
|
966
966
|
return UsaToastStack;
|
|
967
|
-
}, { id: 'toast', text: css$
|
|
967
|
+
}, { id: 'toast', text: css$Y });
|
|
968
968
|
}
|
|
969
969
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
970
970
|
function stackToast(input, stack) {
|
|
@@ -992,7 +992,7 @@ function installToastTriggers() {
|
|
|
992
992
|
});
|
|
993
993
|
}
|
|
994
994
|
|
|
995
|
-
var css$
|
|
995
|
+
var css$X = "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)}}";
|
|
996
996
|
|
|
997
997
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
998
998
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1131,10 +1131,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1131
1131
|
}
|
|
1132
1132
|
}
|
|
1133
1133
|
return UsaMenu;
|
|
1134
|
-
}, { id: 'menu', text: css$
|
|
1134
|
+
}, { id: 'menu', text: css$X });
|
|
1135
1135
|
}
|
|
1136
1136
|
|
|
1137
|
-
var css$
|
|
1137
|
+
var css$W = "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}}";
|
|
1138
1138
|
|
|
1139
1139
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1140
1140
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1274,7 +1274,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1274
1274
|
}
|
|
1275
1275
|
}
|
|
1276
1276
|
return UsaProgressRing;
|
|
1277
|
-
}, { id: 'meters', text: css$
|
|
1277
|
+
}, { id: 'meters', text: css$W });
|
|
1278
1278
|
}
|
|
1279
1279
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1280
1280
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1384,10 +1384,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1384
1384
|
}
|
|
1385
1385
|
}
|
|
1386
1386
|
return UsaOdometer;
|
|
1387
|
-
}, { id: 'meters', text: css$
|
|
1387
|
+
}, { id: 'meters', text: css$W });
|
|
1388
1388
|
}
|
|
1389
1389
|
|
|
1390
|
-
var css$
|
|
1390
|
+
var css$V = "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}}";
|
|
1391
1391
|
|
|
1392
1392
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1393
1393
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1502,10 +1502,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1502
1502
|
}
|
|
1503
1503
|
}
|
|
1504
1504
|
return UsaSkeletonReveal;
|
|
1505
|
-
}, { id: 'skeleton-reveal', text: css$
|
|
1505
|
+
}, { id: 'skeleton-reveal', text: css$V });
|
|
1506
1506
|
}
|
|
1507
1507
|
|
|
1508
|
-
var css$
|
|
1508
|
+
var css$U = "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}}";
|
|
1509
1509
|
|
|
1510
1510
|
const PATHS = {
|
|
1511
1511
|
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',
|
|
@@ -1642,10 +1642,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1642
1642
|
}
|
|
1643
1643
|
UsaStarRating.formAssociated = true;
|
|
1644
1644
|
return UsaStarRating;
|
|
1645
|
-
}, { id: 'star-rating', text: css$
|
|
1645
|
+
}, { id: 'star-rating', text: css$U });
|
|
1646
1646
|
}
|
|
1647
1647
|
|
|
1648
|
-
var css$
|
|
1648
|
+
var css$T = "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}}";
|
|
1649
1649
|
|
|
1650
1650
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1651
1651
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1733,10 +1733,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1733
1733
|
}
|
|
1734
1734
|
}
|
|
1735
1735
|
return UsaMilestones;
|
|
1736
|
-
}, { id: 'milestones', text: css$
|
|
1736
|
+
}, { id: 'milestones', text: css$T });
|
|
1737
1737
|
}
|
|
1738
1738
|
|
|
1739
|
-
var css$
|
|
1739
|
+
var css$S = "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}";
|
|
1740
1740
|
|
|
1741
1741
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1742
1742
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1857,10 +1857,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1857
1857
|
}
|
|
1858
1858
|
}
|
|
1859
1859
|
return UsaMasonryFlow;
|
|
1860
|
-
}, { id: 'masonry-flow', text: css$
|
|
1860
|
+
}, { id: 'masonry-flow', text: css$S });
|
|
1861
1861
|
}
|
|
1862
1862
|
|
|
1863
|
-
var css$
|
|
1863
|
+
var css$R = "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}";
|
|
1864
1864
|
|
|
1865
1865
|
function defineCompare(tag = 'usa-compare') {
|
|
1866
1866
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1984,10 +1984,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1984
1984
|
}
|
|
1985
1985
|
}
|
|
1986
1986
|
return UsaCompare;
|
|
1987
|
-
}, { id: 'compare', text: css$
|
|
1987
|
+
}, { id: 'compare', text: css$R });
|
|
1988
1988
|
}
|
|
1989
1989
|
|
|
1990
|
-
var css$
|
|
1990
|
+
var css$Q = "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}";
|
|
1991
1991
|
|
|
1992
1992
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
1993
1993
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2120,10 +2120,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2120
2120
|
}
|
|
2121
2121
|
}
|
|
2122
2122
|
return UsaCubeGallery;
|
|
2123
|
-
}, { id: 'cube-gallery', text: css$
|
|
2123
|
+
}, { id: 'cube-gallery', text: css$Q });
|
|
2124
2124
|
}
|
|
2125
2125
|
|
|
2126
|
-
var css$
|
|
2126
|
+
var css$P = "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}}";
|
|
2127
2127
|
|
|
2128
2128
|
function defineDock(tag = 'usa-dock') {
|
|
2129
2129
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2191,10 +2191,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2191
2191
|
}
|
|
2192
2192
|
}
|
|
2193
2193
|
return UsaDock;
|
|
2194
|
-
}, { id: 'dock', text: css$
|
|
2194
|
+
}, { id: 'dock', text: css$P });
|
|
2195
2195
|
}
|
|
2196
2196
|
|
|
2197
|
-
var css$
|
|
2197
|
+
var css$O = "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)}";
|
|
2198
2198
|
|
|
2199
2199
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2200
2200
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2298,10 +2298,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2298
2298
|
}
|
|
2299
2299
|
}
|
|
2300
2300
|
return UsaNavMorph;
|
|
2301
|
-
}, { id: 'nav-morph', text: css$
|
|
2301
|
+
}, { id: 'nav-morph', text: css$O });
|
|
2302
2302
|
}
|
|
2303
2303
|
|
|
2304
|
-
var css$
|
|
2304
|
+
var css$N = "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}";
|
|
2305
2305
|
|
|
2306
2306
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2307
2307
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2374,10 +2374,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2374
2374
|
}
|
|
2375
2375
|
}
|
|
2376
2376
|
return UsaMenuToggle;
|
|
2377
|
-
}, { id: 'menu-toggle', text: css$
|
|
2377
|
+
}, { id: 'menu-toggle', text: css$N });
|
|
2378
2378
|
}
|
|
2379
2379
|
|
|
2380
|
-
var css$
|
|
2380
|
+
var css$M = "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)}";
|
|
2381
2381
|
|
|
2382
2382
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2383
2383
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2509,10 +2509,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2509
2509
|
}
|
|
2510
2510
|
}
|
|
2511
2511
|
return UsaTip;
|
|
2512
|
-
}, { id: 'tip', text: css$
|
|
2512
|
+
}, { id: 'tip', text: css$M });
|
|
2513
2513
|
}
|
|
2514
2514
|
|
|
2515
|
-
var css$
|
|
2515
|
+
var css$L = "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}}";
|
|
2516
2516
|
|
|
2517
2517
|
function defineStepper(tag = 'usa-stepper') {
|
|
2518
2518
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2609,10 +2609,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2609
2609
|
}
|
|
2610
2610
|
}
|
|
2611
2611
|
return UsaStepper;
|
|
2612
|
-
}, { id: 'stepper', text: css$
|
|
2612
|
+
}, { id: 'stepper', text: css$L });
|
|
2613
2613
|
}
|
|
2614
2614
|
|
|
2615
|
-
var css$
|
|
2615
|
+
var css$K = "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}}";
|
|
2616
2616
|
|
|
2617
2617
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2618
2618
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2734,10 +2734,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2734
2734
|
}
|
|
2735
2735
|
}
|
|
2736
2736
|
return UsaPagination;
|
|
2737
|
-
}, { id: 'pagination', text: css$
|
|
2737
|
+
}, { id: 'pagination', text: css$K });
|
|
2738
2738
|
}
|
|
2739
2739
|
|
|
2740
|
-
var css$
|
|
2740
|
+
var css$J = "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}}";
|
|
2741
2741
|
|
|
2742
2742
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2743
2743
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2831,10 +2831,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2831
2831
|
}
|
|
2832
2832
|
}
|
|
2833
2833
|
return UsaSegmented;
|
|
2834
|
-
}, { id: 'segmented', text: css$
|
|
2834
|
+
}, { id: 'segmented', text: css$J });
|
|
2835
2835
|
}
|
|
2836
2836
|
|
|
2837
|
-
var css$
|
|
2837
|
+
var css$I = "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}}";
|
|
2838
2838
|
|
|
2839
2839
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2840
2840
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2922,10 +2922,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2922
2922
|
}
|
|
2923
2923
|
}
|
|
2924
2924
|
return UsaSwitch;
|
|
2925
|
-
}, { id: 'switch', text: css$
|
|
2925
|
+
}, { id: 'switch', text: css$I });
|
|
2926
2926
|
}
|
|
2927
2927
|
|
|
2928
|
-
var css$
|
|
2928
|
+
var css$H = "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}}";
|
|
2929
2929
|
|
|
2930
2930
|
function defineKanban(tag = 'usa-kanban') {
|
|
2931
2931
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3130,10 +3130,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3130
3130
|
}
|
|
3131
3131
|
}
|
|
3132
3132
|
return UsaKanban;
|
|
3133
|
-
}, { id: 'kanban', text: css$
|
|
3133
|
+
}, { id: 'kanban', text: css$H });
|
|
3134
3134
|
}
|
|
3135
3135
|
|
|
3136
|
-
var css$
|
|
3136
|
+
var css$G = "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}}";
|
|
3137
3137
|
|
|
3138
3138
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3139
3139
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3275,10 +3275,10 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3275
3275
|
}
|
|
3276
3276
|
}
|
|
3277
3277
|
return UsaSwipeDeck;
|
|
3278
|
-
}, { id: 'swipe-deck', text: css$
|
|
3278
|
+
}, { id: 'swipe-deck', text: css$G });
|
|
3279
3279
|
}
|
|
3280
3280
|
|
|
3281
|
-
var css$
|
|
3281
|
+
var css$F = "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}}";
|
|
3282
3282
|
|
|
3283
3283
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3284
3284
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
@@ -3359,10 +3359,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3359
3359
|
}
|
|
3360
3360
|
}
|
|
3361
3361
|
return UsaWeatherCard;
|
|
3362
|
-
}, { id: 'weather-card', text: css$
|
|
3362
|
+
}, { id: 'weather-card', text: css$F });
|
|
3363
3363
|
}
|
|
3364
3364
|
|
|
3365
|
-
var css$
|
|
3365
|
+
var css$E = "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}}";
|
|
3366
3366
|
|
|
3367
3367
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3368
3368
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3491,10 +3491,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3491
3491
|
}
|
|
3492
3492
|
}
|
|
3493
3493
|
return UsaPullCord;
|
|
3494
|
-
}, { id: 'pull-cord', text: css$
|
|
3494
|
+
}, { id: 'pull-cord', text: css$E });
|
|
3495
3495
|
}
|
|
3496
3496
|
|
|
3497
|
-
var css$
|
|
3497
|
+
var css$D = "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}}";
|
|
3498
3498
|
|
|
3499
3499
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3500
3500
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3643,10 +3643,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3643
3643
|
}
|
|
3644
3644
|
}
|
|
3645
3645
|
return UsaDatePicker;
|
|
3646
|
-
}, { id: 'date-picker', text: css$
|
|
3646
|
+
}, { id: 'date-picker', text: css$D });
|
|
3647
3647
|
}
|
|
3648
3648
|
|
|
3649
|
-
var css$
|
|
3649
|
+
var css$C = "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}}";
|
|
3650
3650
|
|
|
3651
3651
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3652
3652
|
function hsvToHex(h, s, v) {
|
|
@@ -3766,10 +3766,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3766
3766
|
}
|
|
3767
3767
|
}
|
|
3768
3768
|
return UsaColorPicker;
|
|
3769
|
-
}, { id: 'color-picker', text: css$
|
|
3769
|
+
}, { id: 'color-picker', text: css$C });
|
|
3770
3770
|
}
|
|
3771
3771
|
|
|
3772
|
-
var css$
|
|
3772
|
+
var css$B = "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}}";
|
|
3773
3773
|
|
|
3774
3774
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3775
3775
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3870,10 +3870,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3870
3870
|
}
|
|
3871
3871
|
}
|
|
3872
3872
|
return UsaFileDrop;
|
|
3873
|
-
}, { id: 'file-drop', text: css$
|
|
3873
|
+
}, { id: 'file-drop', text: css$B });
|
|
3874
3874
|
}
|
|
3875
3875
|
|
|
3876
|
-
var css$
|
|
3876
|
+
var css$A = "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}}";
|
|
3877
3877
|
|
|
3878
3878
|
const DEFAULT = {
|
|
3879
3879
|
format: player.ANIMATION_FORMAT,
|
|
@@ -4047,10 +4047,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4047
4047
|
}
|
|
4048
4048
|
}
|
|
4049
4049
|
return UsaKeyframeEditor;
|
|
4050
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4050
|
+
}, { id: 'keyframe-editor', text: css$A });
|
|
4051
4051
|
}
|
|
4052
4052
|
|
|
4053
|
-
var css$
|
|
4053
|
+
var css$z = "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}}";
|
|
4054
4054
|
|
|
4055
4055
|
const fmt = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4056
4056
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4211,10 +4211,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4211
4211
|
}
|
|
4212
4212
|
}
|
|
4213
4213
|
return UsaMusicPlayer;
|
|
4214
|
-
}, { id: 'music-player', text: css$
|
|
4214
|
+
}, { id: 'music-player', text: css$z });
|
|
4215
4215
|
}
|
|
4216
4216
|
|
|
4217
|
-
var css$
|
|
4217
|
+
var css$y = "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}}";
|
|
4218
4218
|
|
|
4219
4219
|
const ARC = 270;
|
|
4220
4220
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4305,10 +4305,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4305
4305
|
}
|
|
4306
4306
|
}
|
|
4307
4307
|
return UsaVolumeKnob;
|
|
4308
|
-
}, { id: 'volume-knob', text: css$
|
|
4308
|
+
}, { id: 'volume-knob', text: css$y });
|
|
4309
4309
|
}
|
|
4310
4310
|
|
|
4311
|
-
var css$
|
|
4311
|
+
var css$x = "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}}";
|
|
4312
4312
|
|
|
4313
4313
|
const EQ_PRESETS = {
|
|
4314
4314
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4406,10 +4406,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4406
4406
|
}
|
|
4407
4407
|
}
|
|
4408
4408
|
return UsaEqualizer;
|
|
4409
|
-
}, { id: 'equalizer', text: css$
|
|
4409
|
+
}, { id: 'equalizer', text: css$x });
|
|
4410
4410
|
}
|
|
4411
4411
|
|
|
4412
|
-
var css$
|
|
4412
|
+
var css$w = "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}}";
|
|
4413
4413
|
|
|
4414
4414
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4415
4415
|
function parseLRC(src) {
|
|
@@ -4521,10 +4521,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4521
4521
|
}
|
|
4522
4522
|
}
|
|
4523
4523
|
return UsaLyrics;
|
|
4524
|
-
}, { id: 'lyrics', text: css$
|
|
4524
|
+
}, { id: 'lyrics', text: css$w });
|
|
4525
4525
|
}
|
|
4526
4526
|
|
|
4527
|
-
var css$
|
|
4527
|
+
var css$v = "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}}";
|
|
4528
4528
|
|
|
4529
4529
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4530
4530
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4618,10 +4618,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4618
4618
|
}
|
|
4619
4619
|
}
|
|
4620
4620
|
return UsaBarChart;
|
|
4621
|
-
}, { id: 'bar-chart', text: css$
|
|
4621
|
+
}, { id: 'bar-chart', text: css$v });
|
|
4622
4622
|
}
|
|
4623
4623
|
|
|
4624
|
-
var css$
|
|
4624
|
+
var css$u = "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)}";
|
|
4625
4625
|
|
|
4626
4626
|
function defineGauge(tag = 'usa-gauge') {
|
|
4627
4627
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4706,10 +4706,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4706
4706
|
}
|
|
4707
4707
|
}
|
|
4708
4708
|
return UsaGauge;
|
|
4709
|
-
}, { id: 'gauge', text: css$
|
|
4709
|
+
}, { id: 'gauge', text: css$u });
|
|
4710
4710
|
}
|
|
4711
4711
|
|
|
4712
|
-
var css$
|
|
4712
|
+
var css$t = "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}}";
|
|
4713
4713
|
|
|
4714
4714
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4715
4715
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4832,7 +4832,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4832
4832
|
}
|
|
4833
4833
|
}
|
|
4834
4834
|
return UsaSparkline;
|
|
4835
|
-
}, { id: 'sparkline', text: css$
|
|
4835
|
+
}, { id: 'sparkline', text: css$t });
|
|
4836
4836
|
}
|
|
4837
4837
|
|
|
4838
4838
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4845,7 +4845,7 @@ function parseFigureText(s) {
|
|
|
4845
4845
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4846
4846
|
}
|
|
4847
4847
|
|
|
4848
|
-
var css$
|
|
4848
|
+
var css$s = "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}";
|
|
4849
4849
|
|
|
4850
4850
|
function defineKpi(tag = 'usa-kpi') {
|
|
4851
4851
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4925,10 +4925,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4925
4925
|
}
|
|
4926
4926
|
}
|
|
4927
4927
|
return UsaKpi;
|
|
4928
|
-
}, { id: 'kpi', text: css$
|
|
4928
|
+
}, { id: 'kpi', text: css$s });
|
|
4929
4929
|
}
|
|
4930
4930
|
|
|
4931
|
-
var css$
|
|
4931
|
+
var css$r = "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}}";
|
|
4932
4932
|
|
|
4933
4933
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4934
4934
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4973,10 +4973,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4973
4973
|
}
|
|
4974
4974
|
}
|
|
4975
4975
|
return UsaAddToCart;
|
|
4976
|
-
}, { id: 'add-to-cart', text: css$
|
|
4976
|
+
}, { id: 'add-to-cart', text: css$r });
|
|
4977
4977
|
}
|
|
4978
4978
|
|
|
4979
|
-
var css$
|
|
4979
|
+
var css$q = "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}";
|
|
4980
4980
|
|
|
4981
4981
|
/** Cart total (7.3). */
|
|
4982
4982
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5141,10 +5141,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5141
5141
|
}
|
|
5142
5142
|
}
|
|
5143
5143
|
return UsaCartDrawer;
|
|
5144
|
-
}, { id: 'cart-drawer', text: css$
|
|
5144
|
+
}, { id: 'cart-drawer', text: css$q });
|
|
5145
5145
|
}
|
|
5146
5146
|
|
|
5147
|
-
var css$
|
|
5147
|
+
var css$p = "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}}";
|
|
5148
5148
|
|
|
5149
5149
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5150
5150
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5258,10 +5258,10 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5258
5258
|
}
|
|
5259
5259
|
}
|
|
5260
5260
|
return UsaProductGallery;
|
|
5261
|
-
}, { id: 'product-gallery', text: css$
|
|
5261
|
+
}, { id: 'product-gallery', text: css$p });
|
|
5262
5262
|
}
|
|
5263
5263
|
|
|
5264
|
-
var css$
|
|
5264
|
+
var css$o = "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)}";
|
|
5265
5265
|
|
|
5266
5266
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5267
5267
|
function splitTime(sec) {
|
|
@@ -5349,10 +5349,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5349
5349
|
}
|
|
5350
5350
|
}
|
|
5351
5351
|
return UsaCountdown;
|
|
5352
|
-
}, { id: 'countdown', text: css$
|
|
5352
|
+
}, { id: 'countdown', text: css$o });
|
|
5353
5353
|
}
|
|
5354
5354
|
|
|
5355
|
-
var css$
|
|
5355
|
+
var css$n = "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}}";
|
|
5356
5356
|
|
|
5357
5357
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5358
5358
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5439,10 +5439,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5439
5439
|
}
|
|
5440
5440
|
}
|
|
5441
5441
|
return UsaMessageList;
|
|
5442
|
-
}, { id: 'message-list', text: css$
|
|
5442
|
+
}, { id: 'message-list', text: css$n });
|
|
5443
5443
|
}
|
|
5444
5444
|
|
|
5445
|
-
var css$
|
|
5445
|
+
var css$m = "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}";
|
|
5446
5446
|
|
|
5447
5447
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5448
5448
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5544,10 +5544,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5544
5544
|
}
|
|
5545
5545
|
}
|
|
5546
5546
|
return UsaReactions;
|
|
5547
|
-
}, { id: 'reactions', text: css$
|
|
5547
|
+
}, { id: 'reactions', text: css$m });
|
|
5548
5548
|
}
|
|
5549
5549
|
|
|
5550
|
-
var css$
|
|
5550
|
+
var css$l = "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}";
|
|
5551
5551
|
|
|
5552
5552
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5553
5553
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5642,10 +5642,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5642
5642
|
}
|
|
5643
5643
|
}
|
|
5644
5644
|
return UsaNotificationBell;
|
|
5645
|
-
}, { id: 'notification-bell', text: css$
|
|
5645
|
+
}, { id: 'notification-bell', text: css$l });
|
|
5646
5646
|
}
|
|
5647
5647
|
|
|
5648
|
-
var css$
|
|
5648
|
+
var css$k = "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}}";
|
|
5649
5649
|
|
|
5650
5650
|
/** Presence states (7.4). */
|
|
5651
5651
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5715,10 +5715,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5715
5715
|
}
|
|
5716
5716
|
}
|
|
5717
5717
|
return UsaPresence;
|
|
5718
|
-
}, { id: 'presence', text: css$
|
|
5718
|
+
}, { id: 'presence', text: css$k });
|
|
5719
5719
|
}
|
|
5720
5720
|
|
|
5721
|
-
var css$
|
|
5721
|
+
var css$j = "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)}";
|
|
5722
5722
|
|
|
5723
5723
|
/** Sort rows by score desc, then name (7.5). */
|
|
5724
5724
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5827,10 +5827,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5827
5827
|
}
|
|
5828
5828
|
}
|
|
5829
5829
|
return UsaLeaderboard;
|
|
5830
|
-
}, { id: 'leaderboard', text: css$
|
|
5830
|
+
}, { id: 'leaderboard', text: css$j });
|
|
5831
5831
|
}
|
|
5832
5832
|
|
|
5833
|
-
var css$
|
|
5833
|
+
var css$i = "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)}";
|
|
5834
5834
|
|
|
5835
5835
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5836
5836
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5927,10 +5927,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5927
5927
|
}
|
|
5928
5928
|
}
|
|
5929
5929
|
return UsaXpBar;
|
|
5930
|
-
}, { id: 'xp-bar', text: css$
|
|
5930
|
+
}, { id: 'xp-bar', text: css$i });
|
|
5931
5931
|
}
|
|
5932
5932
|
|
|
5933
|
-
var css$
|
|
5933
|
+
var css$h = "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}}";
|
|
5934
5934
|
|
|
5935
5935
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5936
5936
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -5997,10 +5997,10 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
5997
5997
|
}
|
|
5998
5998
|
}
|
|
5999
5999
|
return UsaBadgeWall;
|
|
6000
|
-
}, { id: 'badge-wall', text: css$
|
|
6000
|
+
}, { id: 'badge-wall', text: css$h });
|
|
6001
6001
|
}
|
|
6002
6002
|
|
|
6003
|
-
var css$
|
|
6003
|
+
var css$g = "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)}";
|
|
6004
6004
|
|
|
6005
6005
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6006
6006
|
function wheelAngle(index, count, turns = 5) {
|
|
@@ -6080,10 +6080,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6080
6080
|
}
|
|
6081
6081
|
}
|
|
6082
6082
|
return UsaPrizeWheel;
|
|
6083
|
-
}, { id: 'prize-wheel', text: css$
|
|
6083
|
+
}, { id: 'prize-wheel', text: css$g });
|
|
6084
6084
|
}
|
|
6085
6085
|
|
|
6086
|
-
var css$
|
|
6086
|
+
var css$f = "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}}";
|
|
6087
6087
|
|
|
6088
6088
|
const RAD = Math.PI / 180;
|
|
6089
6089
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6240,10 +6240,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6240
6240
|
}
|
|
6241
6241
|
}
|
|
6242
6242
|
return UsaGlobe;
|
|
6243
|
-
}, { id: 'globe', text: css$
|
|
6243
|
+
}, { id: 'globe', text: css$f });
|
|
6244
6244
|
}
|
|
6245
6245
|
|
|
6246
|
-
var css$
|
|
6246
|
+
var css$e = "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}";
|
|
6247
6247
|
|
|
6248
6248
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6249
6249
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6259,7 +6259,7 @@ function formatDistance(km, unit = 'km') {
|
|
|
6259
6259
|
}
|
|
6260
6260
|
return km < 1 ? `${Math.round(km * 1000)} m` : `${km < 10 ? km.toFixed(1) : Math.round(km)} km`;
|
|
6261
6261
|
}
|
|
6262
|
-
const esc$
|
|
6262
|
+
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6263
6263
|
function defineLocationCard(tag = 'usa-location-card') {
|
|
6264
6264
|
return base.defineElement(tag, (Base) => {
|
|
6265
6265
|
class UsaLocationCard extends Base {
|
|
@@ -6284,7 +6284,7 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6284
6284
|
const dist = this.str('distance') || (km === null ? '' : formatDistance(km, this.str('unit') === 'mi' ? 'mi' : 'km'));
|
|
6285
6285
|
const href = this.str('href');
|
|
6286
6286
|
const origin = km !== null;
|
|
6287
|
-
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$
|
|
6287
|
+
this.insertAdjacentHTML('beforeend', `<article class="usa-lc" data-usa-part aria-label="${esc$8(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$8(name)}</h3>${this.str('address') ? `<p class="usa-lc-addr">${esc$8(this.str('address'))}</p>` : ''}<p class="usa-lc-meta">${dist ? `<span class="usa-lc-dist">${esc$8(dist)}</span>` : ''}${href ? `<a class="usa-lc-go" href="${esc$8(href)}" target="_blank" rel="noopener">Directions</a>` : ''}</p></div></article>`);
|
|
6288
6288
|
if (origin)
|
|
6289
6289
|
this.setAttribute('data-route', '');
|
|
6290
6290
|
else
|
|
@@ -6317,10 +6317,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6317
6317
|
}
|
|
6318
6318
|
}
|
|
6319
6319
|
return UsaLocationCard;
|
|
6320
|
-
}, { id: 'location-card', text: css$
|
|
6320
|
+
}, { id: 'location-card', text: css$e });
|
|
6321
6321
|
}
|
|
6322
6322
|
|
|
6323
|
-
var css$
|
|
6323
|
+
var css$d = "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}}";
|
|
6324
6324
|
|
|
6325
6325
|
/** 0–4 password strength score with a label (7.7). */
|
|
6326
6326
|
function passwordStrength(pw) {
|
|
@@ -6342,7 +6342,7 @@ function passwordStrength(pw) {
|
|
|
6342
6342
|
const score = Math.min(4, s);
|
|
6343
6343
|
return { score, label: ['Too short', 'Weak', 'Fair', 'Good', 'Strong'][score] };
|
|
6344
6344
|
}
|
|
6345
|
-
const esc$
|
|
6345
|
+
const esc$7 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6346
6346
|
let uid$1 = 0;
|
|
6347
6347
|
const PASS = ['type', 'name', 'required', 'pattern', 'minlength', 'maxlength', 'autocomplete', 'inputmode', 'placeholder'];
|
|
6348
6348
|
function defineField(tag = 'usa-field') {
|
|
@@ -6376,9 +6376,9 @@ function defineField(tag = 'usa-field') {
|
|
|
6376
6376
|
const id = this._id;
|
|
6377
6377
|
const strength = this.flag('strength');
|
|
6378
6378
|
const attrs = PASS.filter((a) => this.hasAttribute(a))
|
|
6379
|
-
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$
|
|
6379
|
+
.map((a) => (a === 'required' ? ' required' : ` ${a}="${esc$7(this.str(a))}"`))
|
|
6380
6380
|
.join('');
|
|
6381
|
-
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$
|
|
6381
|
+
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$7(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$7(this.str('hint'))}</p></div>`);
|
|
6382
6382
|
const input = this.input;
|
|
6383
6383
|
input.value = keep;
|
|
6384
6384
|
this.listen(input, 'input', () => {
|
|
@@ -6446,10 +6446,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6446
6446
|
}
|
|
6447
6447
|
}
|
|
6448
6448
|
return UsaField;
|
|
6449
|
-
}, { id: 'field', text: css$
|
|
6449
|
+
}, { id: 'field', text: css$d });
|
|
6450
6450
|
}
|
|
6451
6451
|
|
|
6452
|
-
var css$
|
|
6452
|
+
var css$c = "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}}";
|
|
6453
6453
|
|
|
6454
6454
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6455
6455
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6580,10 +6580,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6580
6580
|
}
|
|
6581
6581
|
}
|
|
6582
6582
|
return UsaOtp;
|
|
6583
|
-
}, { id: 'otp', text: css$
|
|
6583
|
+
}, { id: 'otp', text: css$c });
|
|
6584
6584
|
}
|
|
6585
6585
|
|
|
6586
|
-
var css$
|
|
6586
|
+
var css$b = "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}}";
|
|
6587
6587
|
|
|
6588
6588
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6589
6589
|
function formatBytes(n) {
|
|
@@ -6597,7 +6597,7 @@ function formatBytes(n) {
|
|
|
6597
6597
|
}
|
|
6598
6598
|
return `${i === 0 ? Math.round(n) : n < 10 ? n.toFixed(1) : Math.round(n)} ${u[i]}`;
|
|
6599
6599
|
}
|
|
6600
|
-
const esc$
|
|
6600
|
+
const esc$6 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6601
6601
|
function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
6602
6602
|
return base.defineElement(tag, (Base) => {
|
|
6603
6603
|
class UsaUploadProgress extends Base {
|
|
@@ -6625,7 +6625,7 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6625
6625
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6626
6626
|
const name = this.str('name', 'file');
|
|
6627
6627
|
const size = formatBytes(this.num('size', NaN));
|
|
6628
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$
|
|
6628
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-up" data-usa-part><span class="usa-up-icon" aria-hidden="true">${esc$6((name.split('.').pop() || '').slice(0, 4).toUpperCase())}</span><div class="usa-up-main"><div class="usa-up-top"><span class="usa-up-name">${esc$6(name)}</span><span class="usa-up-pct"></span></div><div class="usa-up-track" role="progressbar" aria-label="Uploading ${esc$6(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$6(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>`);
|
|
6629
6629
|
this.listen(this.querySelector('.usa-up-retry'), 'click', () => this.emit('retry', { name }));
|
|
6630
6630
|
this._shown = 0;
|
|
6631
6631
|
this.render(true);
|
|
@@ -6666,12 +6666,12 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6666
6666
|
}
|
|
6667
6667
|
}
|
|
6668
6668
|
return UsaUploadProgress;
|
|
6669
|
-
}, { id: 'upload-progress', text: css$
|
|
6669
|
+
}, { id: 'upload-progress', text: css$b });
|
|
6670
6670
|
}
|
|
6671
6671
|
|
|
6672
|
-
var css$
|
|
6672
|
+
var css$a = "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}}";
|
|
6673
6673
|
|
|
6674
|
-
const esc$
|
|
6674
|
+
const esc$5 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6675
6675
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
6676
6676
|
return base.defineElement(tag, (Base) => {
|
|
6677
6677
|
class UsaChatComposer extends Base {
|
|
@@ -6701,7 +6701,7 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6701
6701
|
const keep = this.area?.value ?? this.str('value');
|
|
6702
6702
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6703
6703
|
const label = this.str('label', 'Message');
|
|
6704
|
-
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$
|
|
6704
|
+
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$5(label)}" placeholder="${esc$5(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>`);
|
|
6705
6705
|
const a = this.area;
|
|
6706
6706
|
a.value = keep;
|
|
6707
6707
|
this.listen(a, 'input', () => this.sync());
|
|
@@ -6767,10 +6767,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6767
6767
|
}
|
|
6768
6768
|
}
|
|
6769
6769
|
return UsaChatComposer;
|
|
6770
|
-
}, { id: 'chat-composer', text: css$
|
|
6770
|
+
}, { id: 'chat-composer', text: css$a });
|
|
6771
6771
|
}
|
|
6772
6772
|
|
|
6773
|
-
var css$
|
|
6773
|
+
var css$9 = "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}}";
|
|
6774
6774
|
|
|
6775
6775
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6776
6776
|
function parseChips(s) {
|
|
@@ -6779,7 +6779,7 @@ function parseChips(s) {
|
|
|
6779
6779
|
.map((t) => t.trim())
|
|
6780
6780
|
.filter(Boolean);
|
|
6781
6781
|
}
|
|
6782
|
-
const esc$
|
|
6782
|
+
const esc$4 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6783
6783
|
function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
6784
6784
|
return base.defineElement(tag, (Base) => {
|
|
6785
6785
|
class UsaSuggestionChips extends Base {
|
|
@@ -6814,7 +6814,7 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6814
6814
|
Array.from(this.children).forEach((c) => !c.hasAttribute('data-usa-part') && c.setAttribute('hidden', ''));
|
|
6815
6815
|
}
|
|
6816
6816
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
6817
|
-
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$
|
|
6817
|
+
this.insertAdjacentHTML('beforeend', `<div class="usa-sc" role="list" aria-label="${esc$4(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$4(t)}</button></span>`).join('')}</div>`);
|
|
6818
6818
|
const chips = Array.from(this.querySelectorAll('.usa-sc-chip'));
|
|
6819
6819
|
chips.forEach((c, i) => {
|
|
6820
6820
|
this.listen(c, 'click', () => this.pick(i));
|
|
@@ -6855,10 +6855,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6855
6855
|
}
|
|
6856
6856
|
}
|
|
6857
6857
|
return UsaSuggestionChips;
|
|
6858
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6858
|
+
}, { id: 'suggestion-chips', text: css$9 });
|
|
6859
6859
|
}
|
|
6860
6860
|
|
|
6861
|
-
var css$
|
|
6861
|
+
var css$8 = "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}}";
|
|
6862
6862
|
|
|
6863
6863
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6864
6864
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6930,10 +6930,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6930
6930
|
}
|
|
6931
6931
|
}
|
|
6932
6932
|
return UsaVoiceButton;
|
|
6933
|
-
}, { id: 'voice-button', text: css$
|
|
6933
|
+
}, { id: 'voice-button', text: css$8 });
|
|
6934
6934
|
}
|
|
6935
6935
|
|
|
6936
|
-
var css$
|
|
6936
|
+
var css$7 = "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)}";
|
|
6937
6937
|
|
|
6938
6938
|
/**
|
|
6939
6939
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -6992,7 +6992,7 @@ function matchesKeys(e, keys, apple = isApple()) {
|
|
|
6992
6992
|
function isApple() {
|
|
6993
6993
|
return typeof navigator !== 'undefined' && /Mac|iPhone|iPad|iPod/.test(navigator.userAgentData?.platform || navigator.platform || navigator.userAgent || '');
|
|
6994
6994
|
}
|
|
6995
|
-
const esc$
|
|
6995
|
+
const esc$3 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6996
6996
|
let uid = 0;
|
|
6997
6997
|
function defineCommandPalette(tag = 'usa-command-palette') {
|
|
6998
6998
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7029,7 +7029,7 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7029
7029
|
mount() {
|
|
7030
7030
|
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7031
7031
|
const id = this._id;
|
|
7032
|
-
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$
|
|
7032
|
+
this.insertAdjacentHTML('beforeend', `<dialog class="usa-cp" data-usa-part aria-label="${esc$3(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$3(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>`);
|
|
7033
7033
|
const dlg = this.dlg;
|
|
7034
7034
|
const q = this.querySelector('.usa-cp-q');
|
|
7035
7035
|
this.listen(q, 'input', () => this.render(true));
|
|
@@ -7084,12 +7084,12 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7084
7084
|
if (!q && c.group !== group) {
|
|
7085
7085
|
group = c.group;
|
|
7086
7086
|
if (group)
|
|
7087
|
-
html += `<div class="usa-cp-group" role="presentation">${esc$
|
|
7087
|
+
html += `<div class="usa-cp-group" role="presentation">${esc$3(group)}</div>`;
|
|
7088
7088
|
}
|
|
7089
7089
|
const label = Array.from(c.label)
|
|
7090
|
-
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$
|
|
7090
|
+
.map((ch, j) => (m.hits.includes(j) ? `<mark>${esc$3(ch)}</mark>` : esc$3(ch)))
|
|
7091
7091
|
.join('');
|
|
7092
|
-
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$
|
|
7092
|
+
const keys = c.keys ? `<span class="usa-cp-keys">${keyLabels(c.keys).map((k) => `<kbd>${esc$3(k)}</kbd>`).join('')}</span>` : '';
|
|
7093
7093
|
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>`;
|
|
7094
7094
|
});
|
|
7095
7095
|
list.insertAdjacentHTML('beforeend', html);
|
|
@@ -7192,13 +7192,13 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7192
7192
|
}
|
|
7193
7193
|
}
|
|
7194
7194
|
return UsaCommandPalette;
|
|
7195
|
-
}, { id: 'command-palette', text: css$
|
|
7195
|
+
}, { id: 'command-palette', text: css$7 });
|
|
7196
7196
|
}
|
|
7197
7197
|
|
|
7198
|
-
var css$
|
|
7198
|
+
var css$6 = "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}";
|
|
7199
7199
|
|
|
7200
7200
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7201
|
-
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7201
|
+
const esc$2 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7202
7202
|
function defineShortcut(tag = 'usa-shortcut') {
|
|
7203
7203
|
return base.defineElement(tag, (Base) => {
|
|
7204
7204
|
class UsaShortcut extends Base {
|
|
@@ -7213,7 +7213,7 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7213
7213
|
const labels = this.labels;
|
|
7214
7214
|
const spoken = labels.map((l) => SPOKEN[l] || l).join(' ');
|
|
7215
7215
|
const text = this.str('label');
|
|
7216
|
-
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc(spoken)}">${labels.map((l) => `<kbd aria-hidden="true">${esc(l)}</kbd>`).join('')}</span>${text ? `<span class="usa-sk-label">${esc(text)}</span>` : ''}</span>`);
|
|
7216
|
+
this.insertAdjacentHTML('beforeend', `<span class="usa-sk" data-usa-part><span class="usa-sk-caps" role="img" aria-label="${esc$2(spoken)}">${labels.map((l) => `<kbd aria-hidden="true">${esc$2(l)}</kbd>`).join('')}</span>${text ? `<span class="usa-sk-label">${esc$2(text)}</span>` : ''}</span>`);
|
|
7217
7217
|
if (this.str('listen') !== 'false')
|
|
7218
7218
|
this.listen(document, 'keydown', (e) => {
|
|
7219
7219
|
if (!e.repeat && matchesKeys(e, this.str('keys', 'mod+k'))) {
|
|
@@ -7246,10 +7246,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7246
7246
|
}
|
|
7247
7247
|
}
|
|
7248
7248
|
return UsaShortcut;
|
|
7249
|
-
}, { id: 'shortcut', text: css$
|
|
7249
|
+
}, { id: 'shortcut', text: css$6 });
|
|
7250
7250
|
}
|
|
7251
7251
|
|
|
7252
|
-
var css$
|
|
7252
|
+
var css$5 = "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}}";
|
|
7253
7253
|
|
|
7254
7254
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7255
7255
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7308,10 +7308,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7308
7308
|
}
|
|
7309
7309
|
}
|
|
7310
7310
|
return UsaClockControl;
|
|
7311
|
-
}, { id: 'clock-control', text: css$
|
|
7311
|
+
}, { id: 'clock-control', text: css$5 });
|
|
7312
7312
|
}
|
|
7313
7313
|
|
|
7314
|
-
var css = "usa-hydrate{display:block}";
|
|
7314
|
+
var css$4 = "usa-hydrate{display:block}";
|
|
7315
7315
|
|
|
7316
7316
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7317
7317
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7347,7 +7347,296 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7347
7347
|
}
|
|
7348
7348
|
}
|
|
7349
7349
|
return UsaHydrate;
|
|
7350
|
-
}, { id: 'hydrate', text: css });
|
|
7350
|
+
}, { id: 'hydrate', text: css$4 });
|
|
7351
|
+
}
|
|
7352
|
+
|
|
7353
|
+
var css$3 = "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}}";
|
|
7354
|
+
|
|
7355
|
+
const esc$1 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7356
|
+
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
7357
|
+
return base.defineElement(tag, (Base) => {
|
|
7358
|
+
class UsaRedEnvelope extends Base {
|
|
7359
|
+
static get observedAttributes() {
|
|
7360
|
+
return ['amount', 'currency', 'message', 'from'];
|
|
7361
|
+
}
|
|
7362
|
+
get opened() {
|
|
7363
|
+
return this.hasAttribute('data-open');
|
|
7364
|
+
}
|
|
7365
|
+
mount() {
|
|
7366
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7367
|
+
const msg = this.str('message', '恭喜发财');
|
|
7368
|
+
this.insertAdjacentHTML('beforeend', `<button type="button" class="usa-re" aria-expanded="false" aria-label="${esc$1(`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$1(this.str('from'))}</span></span><span class="usa-re-body"><span class="usa-re-msg">${esc$1(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>`);
|
|
7369
|
+
this.listen(this.querySelector('.usa-re'), 'click', () => (this.opened ? this.close() : this.open()));
|
|
7370
|
+
if (this.flag('opened'))
|
|
7371
|
+
this.open(true);
|
|
7372
|
+
}
|
|
7373
|
+
open(quiet = false) {
|
|
7374
|
+
if (this.opened)
|
|
7375
|
+
return;
|
|
7376
|
+
this.setAttribute('data-open', '');
|
|
7377
|
+
const btn = this.querySelector('.usa-re');
|
|
7378
|
+
btn.setAttribute('aria-expanded', 'true');
|
|
7379
|
+
const amount = this.num('amount', 8.88);
|
|
7380
|
+
const cur = this.str('currency', '¥');
|
|
7381
|
+
const amt = this.querySelector('.usa-re-amt');
|
|
7382
|
+
const fmt = (v) => `${cur}${v.toFixed(Number.isInteger(amount) ? 0 : 2)}`;
|
|
7383
|
+
amt.textContent = fmt(amount);
|
|
7384
|
+
this.querySelector('.usa-re-live').textContent = `${fmt(amount)}${this.str('from') ? ` from ${this.str('from')}` : ''}`;
|
|
7385
|
+
if (!quiet && !this.reduced) {
|
|
7386
|
+
this.motion(this.querySelector('.usa-re-flap'), [{ transform: 'rotateX(0)' }, { transform: 'rotateX(180deg)' }], { duration: 450, easing: 'ease-in-out' });
|
|
7387
|
+
this.motion(this.querySelector('.usa-re-card'), [{ transform: 'translateY(0)' }, { transform: 'translateY(-46%)' }], { duration: 520, delay: 300, easing: 'cubic-bezier(.3,1.4,.5,1)', fill: 'backwards' });
|
|
7388
|
+
const t0 = performance.now();
|
|
7389
|
+
const step = () => {
|
|
7390
|
+
const k = Math.min(1, (performance.now() - t0 - 350) / 700);
|
|
7391
|
+
amt.textContent = fmt(amount * Math.max(0, 1 - Math.pow(1 - Math.max(0, k), 3)));
|
|
7392
|
+
if (k < 1 && this.isConnected)
|
|
7393
|
+
requestAnimationFrame(step);
|
|
7394
|
+
};
|
|
7395
|
+
requestAnimationFrame(step);
|
|
7396
|
+
const coins = this.querySelector('.usa-re-coins');
|
|
7397
|
+
for (let i = 0; i < 7; i++) {
|
|
7398
|
+
const c = document.createElement('i');
|
|
7399
|
+
coins.appendChild(c);
|
|
7400
|
+
const x = (i - 3) * 22;
|
|
7401
|
+
const a = this.motion(c, [{ transform: 'translate(-50%,0) scale(.3)', opacity: 0 }, { transform: `translate(calc(-50% + ${x}px), -${70 + (i % 3) * 18}px) scale(1) rotateY(360deg)`, opacity: 1, offset: 0.5 }, { transform: `translate(calc(-50% + ${x * 1.3}px), 10px) scale(.8) rotateY(720deg)`, opacity: 0 }], { duration: 1100, delay: 450 + i * 40, easing: 'ease-out', fill: 'backwards' });
|
|
7402
|
+
const rm = () => c.remove();
|
|
7403
|
+
if (a)
|
|
7404
|
+
a.finished.then(rm, rm);
|
|
7405
|
+
else
|
|
7406
|
+
rm();
|
|
7407
|
+
}
|
|
7408
|
+
}
|
|
7409
|
+
this.emit('open', { amount });
|
|
7410
|
+
}
|
|
7411
|
+
close() {
|
|
7412
|
+
this.removeAttribute('data-open');
|
|
7413
|
+
this.querySelector('.usa-re')?.setAttribute('aria-expanded', 'false');
|
|
7414
|
+
}
|
|
7415
|
+
}
|
|
7416
|
+
return UsaRedEnvelope;
|
|
7417
|
+
}, { id: 'red-envelope', text: css$3 });
|
|
7418
|
+
}
|
|
7419
|
+
|
|
7420
|
+
var css$2 = "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}}";
|
|
7421
|
+
|
|
7422
|
+
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7423
|
+
const SCENES = {
|
|
7424
|
+
lunar: (i) => (i < 4 ? `<i class="usa-fb-lantern" style="--x:${8 + i * 26}%;--d:${i * -0.6}s"></i>` : `<i class="usa-fb-spark" style="--x:${(i * 37) % 100}%;--d:${(i * -0.7) % 4}s"></i>`),
|
|
7425
|
+
xmas: (i) => (i < 7 ? `<i class="usa-fb-light" style="--x:${6 + i * 14.5}%;--d:${i * -0.3}s"></i>` : `<i class="usa-fb-snow" style="--x:${(i * 29) % 100}%;--d:${(i * -0.9) % 6}s"></i>`),
|
|
7426
|
+
halloween: (i) => (i === 0 ? '<i class="usa-fb-moon"></i>' : i < 5 ? `<i class="usa-fb-bat" style="--y:${10 + i * 12}%;--d:${i * -1.4}s">🦇</i>` : ''),
|
|
7427
|
+
fireworks: (i) => (i < 4 ? `<i class="usa-fb-rocket" style="--x:${12 + i * 25}%;--d:${i * -0.7}s;--c:${['#f43f5e', '#facc15', '#22d3ee', '#a855f7'][i]}"></i>` : ''),
|
|
7428
|
+
};
|
|
7429
|
+
function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
7430
|
+
return base.defineElement(tag, (Base) => {
|
|
7431
|
+
class UsaFestivalBanner extends Base {
|
|
7432
|
+
static get observedAttributes() {
|
|
7433
|
+
return ['theme', 'label', 'dismissible'];
|
|
7434
|
+
}
|
|
7435
|
+
get theme() {
|
|
7436
|
+
const t = this.str('theme', 'lunar');
|
|
7437
|
+
return FESTIVAL_THEMES.includes(t) ? t : 'lunar';
|
|
7438
|
+
}
|
|
7439
|
+
set theme(t) {
|
|
7440
|
+
this.setAttribute('theme', t);
|
|
7441
|
+
}
|
|
7442
|
+
mount() {
|
|
7443
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7444
|
+
this.setAttribute('role', 'region');
|
|
7445
|
+
this.setAttribute('aria-label', this.str('label', 'Announcement'));
|
|
7446
|
+
this.setAttribute('data-theme', this.theme);
|
|
7447
|
+
const scene = Array.from({ length: 16 }, (_, i) => SCENES[this.theme](i)).join('');
|
|
7448
|
+
this.insertAdjacentHTML('afterbegin', `<span class="usa-fb-scene" aria-hidden="true" data-usa-part>${scene}</span>`);
|
|
7449
|
+
if (this.flag('dismissible')) {
|
|
7450
|
+
this.insertAdjacentHTML('beforeend', '<button type="button" class="usa-fb-x" aria-label="Dismiss" data-usa-part>×</button>');
|
|
7451
|
+
this.listen(this.querySelector('.usa-fb-x'), 'click', () => this.dismiss());
|
|
7452
|
+
}
|
|
7453
|
+
this.inView((v) => this.setFlag('data-live', v && !this.reduced));
|
|
7454
|
+
}
|
|
7455
|
+
dismiss() {
|
|
7456
|
+
const done = () => {
|
|
7457
|
+
this.hidden = true;
|
|
7458
|
+
this.emit('dismiss');
|
|
7459
|
+
};
|
|
7460
|
+
const a = this.reduced ? null : this.motion(this, [{ opacity: 1, transform: 'none' }, { opacity: 0, transform: 'translateY(-8px)' }], { duration: 220, easing: 'ease-in' });
|
|
7461
|
+
if (a)
|
|
7462
|
+
a.finished.then(done, done);
|
|
7463
|
+
else
|
|
7464
|
+
done();
|
|
7465
|
+
}
|
|
7466
|
+
}
|
|
7467
|
+
return UsaFestivalBanner;
|
|
7468
|
+
}, { id: 'festival-banner', text: css$2 });
|
|
7469
|
+
}
|
|
7470
|
+
|
|
7471
|
+
var css$1 = "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}}";
|
|
7472
|
+
|
|
7473
|
+
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7474
|
+
function defineTerminal(tag = 'usa-terminal') {
|
|
7475
|
+
return base.defineElement(tag, (Base) => {
|
|
7476
|
+
class UsaTerminal extends Base {
|
|
7477
|
+
constructor() {
|
|
7478
|
+
super(...arguments);
|
|
7479
|
+
this._lines = [];
|
|
7480
|
+
this._timer = 0;
|
|
7481
|
+
this._run = 0;
|
|
7482
|
+
}
|
|
7483
|
+
static get observedAttributes() {
|
|
7484
|
+
return ['title', 'prompt', 'theme', 'speed'];
|
|
7485
|
+
}
|
|
7486
|
+
mount() {
|
|
7487
|
+
const src = Array.from(this.children).filter((c) => !c.hasAttribute('data-usa-part'));
|
|
7488
|
+
if (src.length)
|
|
7489
|
+
this._lines = src.map((c) => ({ cmd: c.hasAttribute('data-cmd'), text: (c.textContent || '').replace(/\s+$/, '') }));
|
|
7490
|
+
src.forEach((c) => c.remove());
|
|
7491
|
+
this.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
7492
|
+
this.setAttribute('data-theme', ['green', 'amber'].includes(this.str('theme')) ? this.str('theme') : 'dark');
|
|
7493
|
+
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(this.str('title', 'terminal'))}</span></div><div class="usa-term-body" role="log" aria-label="${esc(this.str('title', 'Terminal'))}"></div></div>`);
|
|
7494
|
+
let started = false;
|
|
7495
|
+
this.inView((v) => {
|
|
7496
|
+
if (v && !started) {
|
|
7497
|
+
started = true;
|
|
7498
|
+
this.replay();
|
|
7499
|
+
}
|
|
7500
|
+
}, { threshold: 0.3 });
|
|
7501
|
+
this.onCleanup(() => clearTimeout(this._timer));
|
|
7502
|
+
}
|
|
7503
|
+
line(l) {
|
|
7504
|
+
const body = this.querySelector('.usa-term-body');
|
|
7505
|
+
const p = document.createElement('p');
|
|
7506
|
+
p.className = l.cmd ? 'usa-term-cmd' : 'usa-term-out';
|
|
7507
|
+
if (l.cmd)
|
|
7508
|
+
p.innerHTML = `<span class="usa-term-ps" aria-hidden="true">${esc(this.str('prompt', '$'))} </span><span class="usa-term-tx"></span>`;
|
|
7509
|
+
body.appendChild(p);
|
|
7510
|
+
return p;
|
|
7511
|
+
}
|
|
7512
|
+
/** Clear and type everything again. */
|
|
7513
|
+
replay() {
|
|
7514
|
+
clearTimeout(this._timer);
|
|
7515
|
+
const run = ++this._run;
|
|
7516
|
+
const body = this.querySelector('.usa-term-body');
|
|
7517
|
+
if (!body)
|
|
7518
|
+
return;
|
|
7519
|
+
body.textContent = '';
|
|
7520
|
+
if (this.reduced)
|
|
7521
|
+
return this.skip();
|
|
7522
|
+
const speed = Math.max(5, this.num('speed', 45));
|
|
7523
|
+
let i = 0;
|
|
7524
|
+
const next = () => {
|
|
7525
|
+
if (run !== this._run || !this.isConnected)
|
|
7526
|
+
return;
|
|
7527
|
+
body.querySelectorAll('.usa-term-cursor').forEach((c) => c.remove());
|
|
7528
|
+
const l = this._lines[i++];
|
|
7529
|
+
if (!l) {
|
|
7530
|
+
const last = this.line({ cmd: true, text: '' });
|
|
7531
|
+
last.insertAdjacentHTML('beforeend', '<span class="usa-term-cursor" aria-hidden="true"></span>');
|
|
7532
|
+
this.emit('done');
|
|
7533
|
+
if (this.flag('loop'))
|
|
7534
|
+
this._timer = setTimeout(() => this.replay(), 2500);
|
|
7535
|
+
return;
|
|
7536
|
+
}
|
|
7537
|
+
const p = this.line(l);
|
|
7538
|
+
if (!l.cmd) {
|
|
7539
|
+
p.textContent = l.text;
|
|
7540
|
+
this.motion(p, [{ opacity: 0 }, { opacity: 1 }], { duration: 150 });
|
|
7541
|
+
this._timer = setTimeout(next, 120);
|
|
7542
|
+
return;
|
|
7543
|
+
}
|
|
7544
|
+
const tx = p.querySelector('.usa-term-tx');
|
|
7545
|
+
const cur = document.createElement('span');
|
|
7546
|
+
cur.className = 'usa-term-cursor';
|
|
7547
|
+
cur.setAttribute('aria-hidden', 'true');
|
|
7548
|
+
p.appendChild(cur);
|
|
7549
|
+
let k = 0;
|
|
7550
|
+
const type = () => {
|
|
7551
|
+
if (run !== this._run)
|
|
7552
|
+
return;
|
|
7553
|
+
tx.textContent = l.text.slice(0, ++k);
|
|
7554
|
+
if (k < l.text.length)
|
|
7555
|
+
this._timer = setTimeout(type, speed * (0.6 + Math.random() * 0.8));
|
|
7556
|
+
else
|
|
7557
|
+
this._timer = setTimeout(next, 350);
|
|
7558
|
+
};
|
|
7559
|
+
this._timer = setTimeout(type, 250);
|
|
7560
|
+
};
|
|
7561
|
+
next();
|
|
7562
|
+
}
|
|
7563
|
+
/** Show every line at once. */
|
|
7564
|
+
skip() {
|
|
7565
|
+
clearTimeout(this._timer);
|
|
7566
|
+
this._run++;
|
|
7567
|
+
const body = this.querySelector('.usa-term-body');
|
|
7568
|
+
if (!body)
|
|
7569
|
+
return;
|
|
7570
|
+
body.textContent = '';
|
|
7571
|
+
for (const l of this._lines) {
|
|
7572
|
+
const p = this.line(l);
|
|
7573
|
+
if (l.cmd)
|
|
7574
|
+
p.querySelector('.usa-term-tx').textContent = l.text;
|
|
7575
|
+
else
|
|
7576
|
+
p.textContent = l.text;
|
|
7577
|
+
}
|
|
7578
|
+
this.emit('done');
|
|
7579
|
+
}
|
|
7580
|
+
}
|
|
7581
|
+
return UsaTerminal;
|
|
7582
|
+
}, { id: 'terminal', text: css$1 });
|
|
7583
|
+
}
|
|
7584
|
+
|
|
7585
|
+
var css = "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}";
|
|
7586
|
+
|
|
7587
|
+
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7588
|
+
function defineRetroButton(tag = 'usa-retro-button') {
|
|
7589
|
+
return base.defineElement(tag, (Base) => {
|
|
7590
|
+
class UsaRetroButton extends Base {
|
|
7591
|
+
static get observedAttributes() {
|
|
7592
|
+
return ['variant', 'disabled'];
|
|
7593
|
+
}
|
|
7594
|
+
get button() {
|
|
7595
|
+
return this.querySelector('.usa-rb');
|
|
7596
|
+
}
|
|
7597
|
+
get variant() {
|
|
7598
|
+
const v = this.str('variant', 'pixel');
|
|
7599
|
+
return RETRO_VARIANTS.includes(v) ? v : 'pixel';
|
|
7600
|
+
}
|
|
7601
|
+
set variant(v) {
|
|
7602
|
+
this.setAttribute('variant', v);
|
|
7603
|
+
}
|
|
7604
|
+
mount() {
|
|
7605
|
+
let btn = this.button;
|
|
7606
|
+
if (!btn) {
|
|
7607
|
+
btn = document.createElement('button');
|
|
7608
|
+
btn.className = 'usa-rb';
|
|
7609
|
+
btn.setAttribute('data-usa-part', '');
|
|
7610
|
+
while (this.firstChild)
|
|
7611
|
+
btn.appendChild(this.firstChild);
|
|
7612
|
+
this.appendChild(btn);
|
|
7613
|
+
}
|
|
7614
|
+
btn.type = this.str('type', 'button') || 'button';
|
|
7615
|
+
btn.disabled = this.flag('disabled');
|
|
7616
|
+
for (const a of ['name', 'value'])
|
|
7617
|
+
if (this.hasAttribute(a))
|
|
7618
|
+
btn.setAttribute(a, this.str(a));
|
|
7619
|
+
this.setAttribute('data-variant', this.variant);
|
|
7620
|
+
const b = btn;
|
|
7621
|
+
this.listen(b, 'pointerdown', () => this.press(b));
|
|
7622
|
+
this.listen(b, 'keydown', (e) => (e.key === 'Enter' || e.key === ' ') && !e.repeat && this.press(b));
|
|
7623
|
+
}
|
|
7624
|
+
press(b) {
|
|
7625
|
+
if (this.reduced || b.hasAttribute('disabled'))
|
|
7626
|
+
return;
|
|
7627
|
+
const v = this.variant;
|
|
7628
|
+
if (v === 'pixel')
|
|
7629
|
+
this.motion(b, [{ transform: 'none' }, { transform: 'translate(3px,3px)' }, { transform: 'translate(3px,3px)', offset: 0.6 }, { transform: 'none' }], { duration: 260, easing: 'steps(3, end)' });
|
|
7630
|
+
else if (v === 'crt')
|
|
7631
|
+
this.motion(b, [{ filter: 'brightness(1)' }, { filter: 'brightness(1.8)' }, { filter: 'brightness(.7)' }, { filter: 'brightness(1.4)' }, { filter: 'brightness(1)' }], { duration: 300, easing: 'steps(4, end)' });
|
|
7632
|
+
else if (v === 'y2k')
|
|
7633
|
+
this.motion(b, [{ transform: 'scale(1)' }, { transform: 'scale(.92)' }, { transform: 'scale(1.06)' }, { transform: 'scale(1)' }], { duration: 420, easing: 'cubic-bezier(.3,1.5,.5,1)' });
|
|
7634
|
+
else
|
|
7635
|
+
this.motion(b, [{ transform: 'none' }, { transform: 'translate(1px,1px)' }, { transform: 'none' }], { duration: 180 });
|
|
7636
|
+
}
|
|
7637
|
+
}
|
|
7638
|
+
return UsaRetroButton;
|
|
7639
|
+
}, { id: 'retro-button', text: css });
|
|
7351
7640
|
}
|
|
7352
7641
|
|
|
7353
7642
|
/**
|
|
@@ -7382,6 +7671,8 @@ const WIDGETS = {
|
|
|
7382
7671
|
'7.8': { 'usa-chat-composer': defineChatComposer, 'usa-suggestion-chips': defineSuggestionChips, 'usa-voice-button': defineVoiceButton },
|
|
7383
7672
|
'7.9': { 'usa-command-palette': defineCommandPalette, 'usa-shortcut': defineShortcut },
|
|
7384
7673
|
'8.0': { 'usa-clock-control': defineClockControl, 'usa-hydrate': defineHydrate },
|
|
7674
|
+
'8.1': { 'usa-red-envelope': defineRedEnvelope, 'usa-festival-banner': defineFestivalBanner },
|
|
7675
|
+
'8.2': { 'usa-terminal': defineTerminal, 'usa-retro-button': defineRetroButton },
|
|
7385
7676
|
};
|
|
7386
7677
|
/** Every widget tag, in release order. */
|
|
7387
7678
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -7395,11 +7686,13 @@ function defineWidgets(release) {
|
|
|
7395
7686
|
|
|
7396
7687
|
exports.CAROUSEL_EFFECTS = CAROUSEL_EFFECTS;
|
|
7397
7688
|
exports.EQ_PRESETS = EQ_PRESETS;
|
|
7689
|
+
exports.FESTIVAL_THEMES = FESTIVAL_THEMES;
|
|
7398
7690
|
exports.MENU_EFFECTS = MENU_EFFECTS;
|
|
7399
7691
|
exports.MODAL_EFFECTS = MODAL_EFFECTS;
|
|
7400
7692
|
exports.NAV_INDICATORS = NAV_INDICATORS;
|
|
7401
7693
|
exports.PRESENCE_STATES = PRESENCE_STATES;
|
|
7402
7694
|
exports.PROGRESS_VARIANTS = PROGRESS_VARIANTS;
|
|
7695
|
+
exports.RETRO_VARIANTS = RETRO_VARIANTS;
|
|
7403
7696
|
exports.SEGMENTED_VARIANTS = SEGMENTED_VARIANTS;
|
|
7404
7697
|
exports.SHEET_SIDES = SHEET_SIDES;
|
|
7405
7698
|
exports.SKELETON_VARIANTS = SKELETON_VARIANTS;
|
|
@@ -7430,6 +7723,7 @@ exports.defineDatePicker = defineDatePicker;
|
|
|
7430
7723
|
exports.defineDisclosure = defineDisclosure;
|
|
7431
7724
|
exports.defineDock = defineDock;
|
|
7432
7725
|
exports.defineEqualizer = defineEqualizer;
|
|
7726
|
+
exports.defineFestivalBanner = defineFestivalBanner;
|
|
7433
7727
|
exports.defineField = defineField;
|
|
7434
7728
|
exports.defineFileDrop = defineFileDrop;
|
|
7435
7729
|
exports.defineGauge = defineGauge;
|
|
@@ -7459,6 +7753,8 @@ exports.defineProductGallery = defineProductGallery;
|
|
|
7459
7753
|
exports.defineProgressRing = defineProgressRing;
|
|
7460
7754
|
exports.definePullCord = definePullCord;
|
|
7461
7755
|
exports.defineReactions = defineReactions;
|
|
7756
|
+
exports.defineRedEnvelope = defineRedEnvelope;
|
|
7757
|
+
exports.defineRetroButton = defineRetroButton;
|
|
7462
7758
|
exports.defineSegmented = defineSegmented;
|
|
7463
7759
|
exports.defineSheet = defineSheet;
|
|
7464
7760
|
exports.defineShortcut = defineShortcut;
|
|
@@ -7471,6 +7767,7 @@ exports.defineSuggestionChips = defineSuggestionChips;
|
|
|
7471
7767
|
exports.defineSwipeDeck = defineSwipeDeck;
|
|
7472
7768
|
exports.defineSwitch = defineSwitch;
|
|
7473
7769
|
exports.defineTabBar = defineTabBar;
|
|
7770
|
+
exports.defineTerminal = defineTerminal;
|
|
7474
7771
|
exports.defineTip = defineTip;
|
|
7475
7772
|
exports.defineToastStack = defineToastStack;
|
|
7476
7773
|
exports.defineUploadProgress = defineUploadProgress;
|