use-scroll-animate 6.5.0 → 6.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/dist/components/fx-morph.cjs +292 -0
- package/dist/components/fx-morph.cjs.map +1 -0
- package/dist/components/fx-morph.d.cts +71 -0
- package/dist/components/fx-morph.d.ts +71 -0
- package/dist/components/fx-morph.js +287 -0
- package/dist/components/fx-morph.js.map +1 -0
- package/dist/components/fx2.cjs +7 -0
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.d.cts +28 -1
- package/dist/components/fx2.d.ts +28 -1
- package/dist/components/fx2.js +5 -1
- package/dist/components/fx2.js.map +1 -1
- package/dist/components/widgets.cjs +426 -29
- 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 +420 -30
- package/dist/components/widgets.js.map +1 -1
- package/dist/widgets.umd.js +1 -1
- package/dist/widgets.umd.js.map +1 -1
- package/docs/ROADMAP.md +1 -1
- package/docs/components.md +25 -0
- package/package.json +11 -1
|
@@ -38,7 +38,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
38
38
|
return -1;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
var css$
|
|
41
|
+
var css$h = "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}";
|
|
42
42
|
|
|
43
43
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
44
44
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -227,10 +227,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
227
227
|
}
|
|
228
228
|
}
|
|
229
229
|
return UsaCarousel;
|
|
230
|
-
}, { id: 'carousel', text: css$
|
|
230
|
+
}, { id: 'carousel', text: css$h });
|
|
231
231
|
}
|
|
232
232
|
|
|
233
|
-
var css$
|
|
233
|
+
var css$g = "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}";
|
|
234
234
|
|
|
235
235
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
236
236
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -343,10 +343,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
343
343
|
}
|
|
344
344
|
}
|
|
345
345
|
return UsaTabBar;
|
|
346
|
-
}, { id: 'tab-bar', text: css$
|
|
346
|
+
}, { id: 'tab-bar', text: css$g });
|
|
347
347
|
}
|
|
348
348
|
|
|
349
|
-
var css$
|
|
349
|
+
var css$f = "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}}";
|
|
350
350
|
|
|
351
351
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
352
352
|
return base.defineElement(tag, (Base) => {
|
|
@@ -414,10 +414,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
414
414
|
}
|
|
415
415
|
}
|
|
416
416
|
return UsaDisclosure;
|
|
417
|
-
}, { id: 'disclosure', text: css$
|
|
417
|
+
}, { id: 'disclosure', text: css$f });
|
|
418
418
|
}
|
|
419
419
|
|
|
420
|
-
var css$
|
|
420
|
+
var css$e = "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}}";
|
|
421
421
|
|
|
422
422
|
function defineStories(tag = 'usa-stories') {
|
|
423
423
|
return base.defineElement(tag, (Base) => {
|
|
@@ -550,10 +550,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
550
550
|
}
|
|
551
551
|
}
|
|
552
552
|
return UsaStories;
|
|
553
|
-
}, { id: 'stories', text: css$
|
|
553
|
+
}, { id: 'stories', text: css$e });
|
|
554
554
|
}
|
|
555
555
|
|
|
556
|
-
var css$
|
|
556
|
+
var css$d = "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)}}";
|
|
557
557
|
|
|
558
558
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
559
559
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -780,12 +780,12 @@ function defineOverlay(tag, kind) {
|
|
|
780
780
|
}
|
|
781
781
|
}
|
|
782
782
|
return UsaOverlay;
|
|
783
|
-
}, { id: 'overlay', text: css$
|
|
783
|
+
}, { id: 'overlay', text: css$d });
|
|
784
784
|
}
|
|
785
785
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
786
786
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
787
787
|
|
|
788
|
-
var css$
|
|
788
|
+
var css$c = "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}}";
|
|
789
789
|
|
|
790
790
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
791
791
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -956,7 +956,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
956
956
|
}
|
|
957
957
|
}
|
|
958
958
|
return UsaToastStack;
|
|
959
|
-
}, { id: 'toast', text: css$
|
|
959
|
+
}, { id: 'toast', text: css$c });
|
|
960
960
|
}
|
|
961
961
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
962
962
|
function stackToast(input, stack) {
|
|
@@ -984,7 +984,7 @@ function installToastTriggers() {
|
|
|
984
984
|
});
|
|
985
985
|
}
|
|
986
986
|
|
|
987
|
-
var css$
|
|
987
|
+
var css$b = "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)}}";
|
|
988
988
|
|
|
989
989
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
990
990
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1123,10 +1123,10 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1123
1123
|
}
|
|
1124
1124
|
}
|
|
1125
1125
|
return UsaMenu;
|
|
1126
|
-
}, { id: 'menu', text: css$
|
|
1126
|
+
}, { id: 'menu', text: css$b });
|
|
1127
1127
|
}
|
|
1128
1128
|
|
|
1129
|
-
var css$
|
|
1129
|
+
var css$a = "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}}";
|
|
1130
1130
|
|
|
1131
1131
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1132
1132
|
const NS = 'http://www.w3.org/2000/svg';
|
|
@@ -1266,7 +1266,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1266
1266
|
}
|
|
1267
1267
|
}
|
|
1268
1268
|
return UsaProgressRing;
|
|
1269
|
-
}, { id: 'meters', text: css$
|
|
1269
|
+
}, { id: 'meters', text: css$a });
|
|
1270
1270
|
}
|
|
1271
1271
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1272
1272
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1376,10 +1376,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1376
1376
|
}
|
|
1377
1377
|
}
|
|
1378
1378
|
return UsaOdometer;
|
|
1379
|
-
}, { id: 'meters', text: css$
|
|
1379
|
+
}, { id: 'meters', text: css$a });
|
|
1380
1380
|
}
|
|
1381
1381
|
|
|
1382
|
-
var css$
|
|
1382
|
+
var css$9 = "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}}";
|
|
1383
1383
|
|
|
1384
1384
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1385
1385
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1494,10 +1494,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1494
1494
|
}
|
|
1495
1495
|
}
|
|
1496
1496
|
return UsaSkeletonReveal;
|
|
1497
|
-
}, { id: 'skeleton-reveal', text: css$
|
|
1497
|
+
}, { id: 'skeleton-reveal', text: css$9 });
|
|
1498
1498
|
}
|
|
1499
1499
|
|
|
1500
|
-
var css$
|
|
1500
|
+
var css$8 = "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}}";
|
|
1501
1501
|
|
|
1502
1502
|
const PATHS = {
|
|
1503
1503
|
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',
|
|
@@ -1621,10 +1621,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1621
1621
|
}
|
|
1622
1622
|
}
|
|
1623
1623
|
return UsaStarRating;
|
|
1624
|
-
}, { id: 'star-rating', text: css$
|
|
1624
|
+
}, { id: 'star-rating', text: css$8 });
|
|
1625
1625
|
}
|
|
1626
1626
|
|
|
1627
|
-
var css$
|
|
1627
|
+
var css$7 = "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}}";
|
|
1628
1628
|
|
|
1629
1629
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1630
1630
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1712,10 +1712,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1712
1712
|
}
|
|
1713
1713
|
}
|
|
1714
1714
|
return UsaMilestones;
|
|
1715
|
-
}, { id: 'milestones', text: css$
|
|
1715
|
+
}, { id: 'milestones', text: css$7 });
|
|
1716
1716
|
}
|
|
1717
1717
|
|
|
1718
|
-
var css$
|
|
1718
|
+
var css$6 = "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}";
|
|
1719
1719
|
|
|
1720
1720
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1721
1721
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1836,10 +1836,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1836
1836
|
}
|
|
1837
1837
|
}
|
|
1838
1838
|
return UsaMasonryFlow;
|
|
1839
|
-
}, { id: 'masonry-flow', text: css$
|
|
1839
|
+
}, { id: 'masonry-flow', text: css$6 });
|
|
1840
1840
|
}
|
|
1841
1841
|
|
|
1842
|
-
var css$
|
|
1842
|
+
var css$5 = "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}";
|
|
1843
1843
|
|
|
1844
1844
|
function defineCompare(tag = 'usa-compare') {
|
|
1845
1845
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1963,10 +1963,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1963
1963
|
}
|
|
1964
1964
|
}
|
|
1965
1965
|
return UsaCompare;
|
|
1966
|
-
}, { id: 'compare', text: css$
|
|
1966
|
+
}, { id: 'compare', text: css$5 });
|
|
1967
1967
|
}
|
|
1968
1968
|
|
|
1969
|
-
var css = "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}";
|
|
1969
|
+
var css$4 = "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}";
|
|
1970
1970
|
|
|
1971
1971
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
1972
1972
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2099,7 +2099,396 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2099
2099
|
}
|
|
2100
2100
|
}
|
|
2101
2101
|
return UsaCubeGallery;
|
|
2102
|
-
}, { id: 'cube-gallery', text: css });
|
|
2102
|
+
}, { id: 'cube-gallery', text: css$4 });
|
|
2103
|
+
}
|
|
2104
|
+
|
|
2105
|
+
var css$3 = "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}}";
|
|
2106
|
+
|
|
2107
|
+
function defineDock(tag = 'usa-dock') {
|
|
2108
|
+
return base.defineElement(tag, (Base) => {
|
|
2109
|
+
class UsaDock extends Base {
|
|
2110
|
+
constructor() {
|
|
2111
|
+
super(...arguments);
|
|
2112
|
+
this._items = [];
|
|
2113
|
+
this._raf = 0;
|
|
2114
|
+
}
|
|
2115
|
+
static get observedAttributes() {
|
|
2116
|
+
return ['orientation', 'magnify', 'range'];
|
|
2117
|
+
}
|
|
2118
|
+
get items() {
|
|
2119
|
+
return this._items;
|
|
2120
|
+
}
|
|
2121
|
+
mount() {
|
|
2122
|
+
this.dataset.orientation = this.str('orientation', 'horizontal') === 'vertical' ? 'vertical' : 'horizontal';
|
|
2123
|
+
this.setAttribute('role', this.getAttribute('role') || 'toolbar');
|
|
2124
|
+
if (!this.hasAttribute('aria-label'))
|
|
2125
|
+
this.setAttribute('aria-label', this.str('label', 'Dock'));
|
|
2126
|
+
this._items = ownChildren(this);
|
|
2127
|
+
this._items.forEach((it) => {
|
|
2128
|
+
it.classList.add('usa-dock-item');
|
|
2129
|
+
if (it.dataset.label && !it.getAttribute('aria-label') && !it.textContent?.trim())
|
|
2130
|
+
it.setAttribute('aria-label', it.dataset.label);
|
|
2131
|
+
this.listen(it, 'click', () => this.bounce(it));
|
|
2132
|
+
this.listen(it, 'focus', () => this.magnifyAt(this.center(it)));
|
|
2133
|
+
this.listen(it, 'blur', () => this.magnifyAt(null));
|
|
2134
|
+
});
|
|
2135
|
+
this.listen(this, 'pointermove', (e) => {
|
|
2136
|
+
const v = this.dataset.orientation === 'vertical' ? e.clientY : e.clientX;
|
|
2137
|
+
if (!this._raf)
|
|
2138
|
+
this._raf = typeof requestAnimationFrame === 'function' ? requestAnimationFrame(() => ((this._raf = 0), this.magnifyAt(v))) : (this.magnifyAt(v), 0);
|
|
2139
|
+
});
|
|
2140
|
+
this.listen(this, 'pointerleave', () => this.magnifyAt(null));
|
|
2141
|
+
this.onCleanup(() => {
|
|
2142
|
+
if (this._raf && typeof cancelAnimationFrame === 'function')
|
|
2143
|
+
cancelAnimationFrame(this._raf);
|
|
2144
|
+
});
|
|
2145
|
+
}
|
|
2146
|
+
center(it) {
|
|
2147
|
+
const r = it.getBoundingClientRect();
|
|
2148
|
+
return this.dataset.orientation === 'vertical' ? r.top + r.height / 2 : r.left + r.width / 2;
|
|
2149
|
+
}
|
|
2150
|
+
/** Scale every item by its distance to `pos` (client px), or reset with `null`. */
|
|
2151
|
+
magnifyAt(pos) {
|
|
2152
|
+
const max = this.num('magnify', 1.9);
|
|
2153
|
+
const range = Math.max(20, this.num('range', 140));
|
|
2154
|
+
for (const it of this._items) {
|
|
2155
|
+
let s = 1;
|
|
2156
|
+
if (pos !== null && !this.reduced) {
|
|
2157
|
+
const d = Math.abs(this.center(it) - pos);
|
|
2158
|
+
if (d < range)
|
|
2159
|
+
s = 1 + (max - 1) * (0.5 + 0.5 * Math.cos((d / range) * Math.PI));
|
|
2160
|
+
}
|
|
2161
|
+
it.style.setProperty('--usa-dock-s', s.toFixed(3));
|
|
2162
|
+
it.toggleAttribute('data-near', s > 1.5 || (pos !== null && this.reduced && Math.abs(this.center(it) - pos) < 24));
|
|
2163
|
+
}
|
|
2164
|
+
}
|
|
2165
|
+
bounce(it) {
|
|
2166
|
+
if (this.reduced || !this.flag('bounce'))
|
|
2167
|
+
return;
|
|
2168
|
+
const v = this.dataset.orientation === 'vertical';
|
|
2169
|
+
this.motion(it, [{ translate: '0 0' }, { translate: v ? '18px 0' : '0 -22px', offset: 0.3 }, { translate: '0 0', offset: 0.55 }, { translate: v ? '8px 0' : '0 -9px', offset: 0.75 }, { translate: '0 0' }], { duration: 760, easing: 'ease-out' });
|
|
2170
|
+
}
|
|
2171
|
+
}
|
|
2172
|
+
return UsaDock;
|
|
2173
|
+
}, { id: 'dock', text: css$3 });
|
|
2174
|
+
}
|
|
2175
|
+
|
|
2176
|
+
var css$2 = "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)}";
|
|
2177
|
+
|
|
2178
|
+
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2179
|
+
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
2180
|
+
return base.defineElement(tag, (Base) => {
|
|
2181
|
+
class UsaNavMorph extends Base {
|
|
2182
|
+
constructor() {
|
|
2183
|
+
super(...arguments);
|
|
2184
|
+
this._links = [];
|
|
2185
|
+
this._ink = null;
|
|
2186
|
+
this._active = 0;
|
|
2187
|
+
this._at = -1;
|
|
2188
|
+
}
|
|
2189
|
+
static get observedAttributes() {
|
|
2190
|
+
return ['indicator'];
|
|
2191
|
+
}
|
|
2192
|
+
get active() {
|
|
2193
|
+
return this._active;
|
|
2194
|
+
}
|
|
2195
|
+
set active(i) {
|
|
2196
|
+
this.setActive(i, false);
|
|
2197
|
+
}
|
|
2198
|
+
mount() {
|
|
2199
|
+
const ind = this.str('indicator', 'underline');
|
|
2200
|
+
this.dataset.indicator = NAV_INDICATORS.includes(ind) ? ind : 'underline';
|
|
2201
|
+
if (this.localName !== 'nav' && !this.hasAttribute('role'))
|
|
2202
|
+
this.setAttribute('role', 'navigation');
|
|
2203
|
+
if (!this.hasAttribute('aria-label'))
|
|
2204
|
+
this.setAttribute('aria-label', this.str('label', 'Main'));
|
|
2205
|
+
this.querySelectorAll(':scope > .usa-nm-ink').forEach((n) => n.remove());
|
|
2206
|
+
this._links = ownChildren(this);
|
|
2207
|
+
this._ink = part('span', 'usa-nm-ink', { 'aria-hidden': 'true' });
|
|
2208
|
+
this.prepend(this._ink);
|
|
2209
|
+
const cur = this._links.findIndex((l) => l.getAttribute('aria-current') === 'page');
|
|
2210
|
+
this._active = cur >= 0 ? cur : Math.max(0, Math.min(this._links.length - 1, Math.round(this.num('active', 0))));
|
|
2211
|
+
this._at = -1;
|
|
2212
|
+
this._links.forEach((l, i) => {
|
|
2213
|
+
this.listen(l, 'pointerenter', () => this.moveTo(i));
|
|
2214
|
+
this.listen(l, 'focus', () => this.moveTo(i));
|
|
2215
|
+
this.listen(l, 'click', () => this.setActive(i, true));
|
|
2216
|
+
this.listen(l, 'keydown', (e) => {
|
|
2217
|
+
const n = arrowIndex(e, i, this._links.length);
|
|
2218
|
+
if (n >= 0) {
|
|
2219
|
+
e.preventDefault();
|
|
2220
|
+
this._links[n].focus();
|
|
2221
|
+
}
|
|
2222
|
+
});
|
|
2223
|
+
});
|
|
2224
|
+
this.listen(this, 'pointerleave', () => this.moveTo(this._active));
|
|
2225
|
+
this.listen(this, 'focusout', (e) => !this.contains(e.relatedTarget) && this.moveTo(this._active));
|
|
2226
|
+
this.sync();
|
|
2227
|
+
this.moveTo(this._active);
|
|
2228
|
+
if (typeof ResizeObserver === 'function') {
|
|
2229
|
+
const ro = new ResizeObserver(() => this.place(this._at < 0 ? this._active : this._at));
|
|
2230
|
+
ro.observe(this);
|
|
2231
|
+
this.onCleanup(() => ro.disconnect());
|
|
2232
|
+
}
|
|
2233
|
+
}
|
|
2234
|
+
rect(i) {
|
|
2235
|
+
const l = this._links[i];
|
|
2236
|
+
return l ? [l.offsetLeft, l.offsetWidth] : [0, 0];
|
|
2237
|
+
}
|
|
2238
|
+
place(i) {
|
|
2239
|
+
if (!this._ink)
|
|
2240
|
+
return;
|
|
2241
|
+
const [x, w] = this.rect(i);
|
|
2242
|
+
this._ink.style.transform = `translateX(${x}px)`;
|
|
2243
|
+
this._ink.style.width = `${w}px`;
|
|
2244
|
+
}
|
|
2245
|
+
moveTo(i) {
|
|
2246
|
+
const from = this._at;
|
|
2247
|
+
this._at = i;
|
|
2248
|
+
this.place(i);
|
|
2249
|
+
if (from < 0 || from === i || this.reduced || !this._ink)
|
|
2250
|
+
return;
|
|
2251
|
+
const [x0, w0] = this.rect(from);
|
|
2252
|
+
const [x1, w1] = this.rect(i);
|
|
2253
|
+
const mid = x1 > x0 ? { transform: `translateX(${x0}px)`, width: `${x1 + w1 - x0}px` } : { transform: `translateX(${x1}px)`, width: `${x0 + w0 - x1}px` };
|
|
2254
|
+
const blob = this.dataset.indicator === 'blob';
|
|
2255
|
+
this.motion(this._ink, [
|
|
2256
|
+
{ transform: `translateX(${x0}px)`, width: `${w0}px` },
|
|
2257
|
+
{ ...mid, offset: 0.4, ...(blob ? { borderRadius: '40% 60% 55% 45% / 60% 40% 60% 40%' } : {}) },
|
|
2258
|
+
{ transform: `translateX(${x1}px)`, width: `${w1}px` },
|
|
2259
|
+
], { duration: 420, easing: 'cubic-bezier(.22,1,.36,1)' });
|
|
2260
|
+
}
|
|
2261
|
+
sync() {
|
|
2262
|
+
this._links.forEach((l, k) => {
|
|
2263
|
+
if (k === this._active)
|
|
2264
|
+
l.setAttribute('aria-current', 'page');
|
|
2265
|
+
else if (l.getAttribute('aria-current') === 'page')
|
|
2266
|
+
l.removeAttribute('aria-current');
|
|
2267
|
+
});
|
|
2268
|
+
}
|
|
2269
|
+
setActive(i, user) {
|
|
2270
|
+
const n = Math.max(0, Math.min(this._links.length - 1, Math.round(i)));
|
|
2271
|
+
const changed = n !== this._active;
|
|
2272
|
+
this._active = n;
|
|
2273
|
+
this.sync();
|
|
2274
|
+
this.moveTo(n);
|
|
2275
|
+
if (changed && user)
|
|
2276
|
+
this.emit('change', { index: n });
|
|
2277
|
+
}
|
|
2278
|
+
}
|
|
2279
|
+
return UsaNavMorph;
|
|
2280
|
+
}, { id: 'nav-morph', text: css$2 });
|
|
2281
|
+
}
|
|
2282
|
+
|
|
2283
|
+
var css$1 = "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}";
|
|
2284
|
+
|
|
2285
|
+
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2286
|
+
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
2287
|
+
return base.defineElement(tag, (Base) => {
|
|
2288
|
+
class UsaMenuToggle extends Base {
|
|
2289
|
+
constructor() {
|
|
2290
|
+
super(...arguments);
|
|
2291
|
+
this._open = false;
|
|
2292
|
+
}
|
|
2293
|
+
static get observedAttributes() {
|
|
2294
|
+
return ['variant'];
|
|
2295
|
+
}
|
|
2296
|
+
get open() {
|
|
2297
|
+
return this._open;
|
|
2298
|
+
}
|
|
2299
|
+
set open(v) {
|
|
2300
|
+
this.toggle(v);
|
|
2301
|
+
}
|
|
2302
|
+
mount() {
|
|
2303
|
+
const v = this.str('variant', 'cross');
|
|
2304
|
+
this.dataset.variant = TOGGLE_VARIANTS.includes(v) ? v : 'cross';
|
|
2305
|
+
if (!this.querySelector(':scope > .usa-mt-box')) {
|
|
2306
|
+
const box = document.createElement('span');
|
|
2307
|
+
box.className = 'usa-mt-box';
|
|
2308
|
+
box.setAttribute('aria-hidden', 'true');
|
|
2309
|
+
box.setAttribute('data-usa-part', '');
|
|
2310
|
+
box.innerHTML = '<span class="usa-mt-bar"></span><span class="usa-mt-bar"></span><span class="usa-mt-bar"></span>';
|
|
2311
|
+
this.prepend(box);
|
|
2312
|
+
}
|
|
2313
|
+
this.setAttribute('role', 'button');
|
|
2314
|
+
if (!this.hasAttribute('tabindex'))
|
|
2315
|
+
this.tabIndex = 0;
|
|
2316
|
+
if (!this.hasAttribute('aria-label') && !this.textContent?.trim())
|
|
2317
|
+
this.setAttribute('aria-label', this.str('label', 'Menu'));
|
|
2318
|
+
const id = this.str('for', '');
|
|
2319
|
+
if (id)
|
|
2320
|
+
this.setAttribute('aria-controls', id);
|
|
2321
|
+
this._open = this.flag('pressed');
|
|
2322
|
+
this.sync(false);
|
|
2323
|
+
this.listen(this, 'click', () => this.toggle());
|
|
2324
|
+
this.listen(this, 'keydown', (e) => {
|
|
2325
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
2326
|
+
e.preventDefault();
|
|
2327
|
+
this.toggle();
|
|
2328
|
+
}
|
|
2329
|
+
});
|
|
2330
|
+
}
|
|
2331
|
+
sync(animate) {
|
|
2332
|
+
this.setAttribute('aria-expanded', String(this._open));
|
|
2333
|
+
this.toggleAttribute('data-open', this._open);
|
|
2334
|
+
this.toggleAttribute('data-animate', animate && !this.reduced);
|
|
2335
|
+
const target = this.str('for', '') ? document.getElementById(this.str('for', '')) : null;
|
|
2336
|
+
if (!target || !animate)
|
|
2337
|
+
return;
|
|
2338
|
+
if (this._open && typeof target.show === 'function')
|
|
2339
|
+
target.show();
|
|
2340
|
+
else if (!this._open && typeof target.close === 'function')
|
|
2341
|
+
target.close();
|
|
2342
|
+
else
|
|
2343
|
+
target.hidden = !this._open;
|
|
2344
|
+
}
|
|
2345
|
+
toggle(force) {
|
|
2346
|
+
const next = typeof force === 'boolean' ? force : !this._open;
|
|
2347
|
+
if (next === this._open)
|
|
2348
|
+
return;
|
|
2349
|
+
this._open = next;
|
|
2350
|
+
this.toggleAttribute('pressed', next);
|
|
2351
|
+
this.sync(true);
|
|
2352
|
+
this.emit('toggle', { open: next });
|
|
2353
|
+
}
|
|
2354
|
+
}
|
|
2355
|
+
return UsaMenuToggle;
|
|
2356
|
+
}, { id: 'menu-toggle', text: css$1 });
|
|
2357
|
+
}
|
|
2358
|
+
|
|
2359
|
+
var css = "usa-tip{position:relative;display:inline-block}.usa-tip-bubble{position:absolute;left:0;top:0;z-index:60;box-sizing:border-box;max-width:min(260px,calc(100vw - 16px));width:max-content;padding:7px 11px;border-radius:9px;background:var(--usa-tip-bg,#111827);color:var(--usa-tip-fg,#f9fafb);font:500 13px/1.4 system-ui,sans-serif;box-shadow:0 10px 26px -8px rgba(0,0,0,.4);text-align:left;white-space:normal}.usa-tip-bubble[hidden]{display:none}.usa-tip-bubble[data-placement=\"top\"]{transform-origin:50% 100%}.usa-tip-bubble[data-placement=\"bottom\"]{transform-origin:50% 0}.usa-tip-bubble[data-placement=\"left\"]{transform-origin:100% 50%}.usa-tip-bubble[data-placement=\"right\"]{transform-origin:0 50%}.usa-tip-arrow{position:absolute;width:10px;height:10px;background:inherit;transform:rotate(45deg)}.usa-tip-bubble[data-placement=\"top\"] .usa-tip-arrow{bottom:-4px;left:calc(50% - 5px + var(--usa-tip-shift,0px))}.usa-tip-bubble[data-placement=\"bottom\"] .usa-tip-arrow{top:-4px;left:calc(50% - 5px + var(--usa-tip-shift,0px))}.usa-tip-bubble[data-placement=\"left\"] .usa-tip-arrow{right:-4px;top:calc(50% - 5px)}.usa-tip-bubble[data-placement=\"right\"] .usa-tip-arrow{left:-4px;top:calc(50% - 5px)}";
|
|
2360
|
+
|
|
2361
|
+
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2362
|
+
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
2363
|
+
function defineTip(tag = 'usa-tip') {
|
|
2364
|
+
return base.defineElement(tag, (Base) => {
|
|
2365
|
+
class UsaTip extends Base {
|
|
2366
|
+
constructor() {
|
|
2367
|
+
super(...arguments);
|
|
2368
|
+
this._bubble = null;
|
|
2369
|
+
this._trigger = null;
|
|
2370
|
+
this._open = false;
|
|
2371
|
+
this._t = 0;
|
|
2372
|
+
}
|
|
2373
|
+
static get observedAttributes() {
|
|
2374
|
+
return ['text', 'placement', 'trigger'];
|
|
2375
|
+
}
|
|
2376
|
+
get opened() {
|
|
2377
|
+
return this._open;
|
|
2378
|
+
}
|
|
2379
|
+
mount() {
|
|
2380
|
+
this.querySelectorAll(':scope > .usa-tip-bubble[data-usa-part]').forEach((n) => n.remove());
|
|
2381
|
+
const rich = this.querySelector(':scope > [slot="tip"], :scope > [data-tip]');
|
|
2382
|
+
this._trigger = Array.from(this.children).find((c) => c !== rich && !c.matches('.usa-tip-bubble'));
|
|
2383
|
+
const b = rich || part('span', 'usa-tip-bubble');
|
|
2384
|
+
b.classList.add('usa-tip-bubble');
|
|
2385
|
+
if (!rich)
|
|
2386
|
+
b.textContent = this.str('text', '');
|
|
2387
|
+
b.id || (b.id = nextId('usa-tipb'));
|
|
2388
|
+
b.hidden = true;
|
|
2389
|
+
if (!b.querySelector(':scope > .usa-tip-arrow'))
|
|
2390
|
+
b.append(part('span', 'usa-tip-arrow', { 'aria-hidden': 'true' }));
|
|
2391
|
+
if (!b.isConnected)
|
|
2392
|
+
this.append(b);
|
|
2393
|
+
this._bubble = b;
|
|
2394
|
+
const click = this.str('trigger', 'hover') === 'click';
|
|
2395
|
+
b.setAttribute('role', click ? 'dialog' : 'tooltip');
|
|
2396
|
+
const t = this._trigger;
|
|
2397
|
+
if (t) {
|
|
2398
|
+
if (click) {
|
|
2399
|
+
t.setAttribute('aria-expanded', 'false');
|
|
2400
|
+
t.setAttribute('aria-controls', b.id);
|
|
2401
|
+
t.setAttribute('aria-haspopup', 'dialog');
|
|
2402
|
+
this.listen(t, 'click', () => (this._open ? this.hide() : this.show()));
|
|
2403
|
+
this.listen(document, 'pointerdown', (e) => this._open && !this.contains(e.target) && this.hide());
|
|
2404
|
+
}
|
|
2405
|
+
else {
|
|
2406
|
+
t.setAttribute('aria-describedby', b.id);
|
|
2407
|
+
const delay = this.num('delay', 120);
|
|
2408
|
+
const later = (fn, ms) => {
|
|
2409
|
+
if (this._t)
|
|
2410
|
+
clearTimeout(this._t);
|
|
2411
|
+
this._t = setTimeout(fn, ms);
|
|
2412
|
+
};
|
|
2413
|
+
this.listen(this, 'pointerenter', () => later(() => this.show(), delay));
|
|
2414
|
+
this.listen(this, 'pointerleave', () => later(() => this.hide(), 80));
|
|
2415
|
+
this.listen(t, 'focusin', () => this.show());
|
|
2416
|
+
this.listen(t, 'focusout', () => this.hide());
|
|
2417
|
+
this.onCleanup(() => this._t && clearTimeout(this._t));
|
|
2418
|
+
}
|
|
2419
|
+
}
|
|
2420
|
+
this.listen(document, 'keydown', (e) => {
|
|
2421
|
+
if (e.key === 'Escape' && this._open) {
|
|
2422
|
+
this.hide();
|
|
2423
|
+
if (click)
|
|
2424
|
+
t?.focus();
|
|
2425
|
+
}
|
|
2426
|
+
});
|
|
2427
|
+
}
|
|
2428
|
+
position() {
|
|
2429
|
+
const b = this._bubble;
|
|
2430
|
+
const t = this._trigger || this;
|
|
2431
|
+
const want = TIP_PLACEMENTS.includes(this.str('placement', 'top')) ? this.str('placement', 'top') : 'top';
|
|
2432
|
+
const tr = t.getBoundingClientRect();
|
|
2433
|
+
const br = b.getBoundingClientRect();
|
|
2434
|
+
const vw = document.documentElement.clientWidth || window.innerWidth || 1024;
|
|
2435
|
+
const vh = window.innerHeight || 768;
|
|
2436
|
+
const gap = 10;
|
|
2437
|
+
const fits = (p) => (p === 'top' ? tr.top - br.height - gap >= 4 : p === 'bottom' ? tr.bottom + br.height + gap <= vh - 4 : p === 'left' ? tr.left - br.width - gap >= 4 : tr.right + br.width + gap <= vw - 4);
|
|
2438
|
+
const place = fits(want) || !fits(FLIP[want]) ? want : FLIP[want];
|
|
2439
|
+
const host = this.getBoundingClientRect();
|
|
2440
|
+
let x;
|
|
2441
|
+
let y;
|
|
2442
|
+
if (place === 'top' || place === 'bottom') {
|
|
2443
|
+
x = tr.left + tr.width / 2 - br.width / 2;
|
|
2444
|
+
y = place === 'top' ? tr.top - br.height - gap : tr.bottom + gap;
|
|
2445
|
+
}
|
|
2446
|
+
else {
|
|
2447
|
+
x = place === 'left' ? tr.left - br.width - gap : tr.right + gap;
|
|
2448
|
+
y = tr.top + tr.height / 2 - br.height / 2;
|
|
2449
|
+
}
|
|
2450
|
+
const cx = Math.min(Math.max(4, x), Math.max(4, vw - br.width - 4)); // shift inside the viewport
|
|
2451
|
+
b.style.left = `${(cx - host.left).toFixed(1)}px`;
|
|
2452
|
+
b.style.top = `${(y - host.top).toFixed(1)}px`;
|
|
2453
|
+
b.style.setProperty('--usa-tip-shift', `${(x - cx).toFixed(1)}px`);
|
|
2454
|
+
b.dataset.placement = place;
|
|
2455
|
+
return place;
|
|
2456
|
+
}
|
|
2457
|
+
show() {
|
|
2458
|
+
const b = this._bubble;
|
|
2459
|
+
if (!b || this._open)
|
|
2460
|
+
return;
|
|
2461
|
+
this._open = true;
|
|
2462
|
+
b.hidden = false;
|
|
2463
|
+
const place = this.position();
|
|
2464
|
+
this._trigger?.setAttribute('aria-expanded', this._trigger.hasAttribute('aria-expanded') ? 'true' : '');
|
|
2465
|
+
if (this._trigger?.getAttribute('aria-expanded') === '')
|
|
2466
|
+
this._trigger.removeAttribute('aria-expanded');
|
|
2467
|
+
const off = place === 'top' ? '0 6px' : place === 'bottom' ? '0 -6px' : place === 'left' ? '6px 0' : '-6px 0';
|
|
2468
|
+
this.motion(b, this.reduced ? [{ opacity: 0 }, { opacity: 1 }] : [{ opacity: 0, translate: off, scale: '0.6' }, { opacity: 1, translate: '0 0', scale: '1.04', offset: 0.65 }, { opacity: 1, translate: '0 0', scale: '1' }], { duration: this.reduced ? 120 : 340, easing: 'cubic-bezier(.3,1.3,.5,1)' });
|
|
2469
|
+
this.emit('open');
|
|
2470
|
+
}
|
|
2471
|
+
hide() {
|
|
2472
|
+
const b = this._bubble;
|
|
2473
|
+
if (!b || !this._open)
|
|
2474
|
+
return;
|
|
2475
|
+
this._open = false;
|
|
2476
|
+
if (this._trigger?.hasAttribute('aria-expanded'))
|
|
2477
|
+
this._trigger.setAttribute('aria-expanded', 'false');
|
|
2478
|
+
const a = this.motion(b, [{ opacity: 1 }, { opacity: 0, scale: this.reduced ? '1' : '0.9' }], { duration: 120, easing: 'ease-in' });
|
|
2479
|
+
const done = () => {
|
|
2480
|
+
if (!this._open)
|
|
2481
|
+
b.hidden = true;
|
|
2482
|
+
};
|
|
2483
|
+
if (a)
|
|
2484
|
+
a.finished.then(done, done);
|
|
2485
|
+
else
|
|
2486
|
+
done();
|
|
2487
|
+
this.emit('close');
|
|
2488
|
+
}
|
|
2489
|
+
}
|
|
2490
|
+
return UsaTip;
|
|
2491
|
+
}, { id: 'tip', text: css });
|
|
2103
2492
|
}
|
|
2104
2493
|
|
|
2105
2494
|
/**
|
|
@@ -2120,6 +2509,7 @@ const WIDGETS = {
|
|
|
2120
2509
|
'6.3': { 'usa-toast-stack': defineToastStack, 'usa-modal': defineModal, 'usa-sheet': defineSheet, 'usa-menu': defineMenu },
|
|
2121
2510
|
'6.4': { 'usa-progress-ring': defineProgressRing, 'usa-odometer': defineOdometer, 'usa-skeleton-reveal': defineSkeletonReveal, 'usa-star-rating': defineStarRating },
|
|
2122
2511
|
'6.5': { 'usa-milestones': defineMilestones, 'usa-masonry-flow': defineMasonryFlow, 'usa-compare': defineCompare, 'usa-cube-gallery': defineCubeGallery },
|
|
2512
|
+
'6.6': { 'usa-dock': defineDock, 'usa-nav-morph': defineNavMorph, 'usa-menu-toggle': defineMenuToggle, 'usa-tip': defineTip },
|
|
2123
2513
|
};
|
|
2124
2514
|
/** Every widget tag, in release order. */
|
|
2125
2515
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -2134,21 +2524,27 @@ function defineWidgets(release) {
|
|
|
2134
2524
|
exports.CAROUSEL_EFFECTS = CAROUSEL_EFFECTS;
|
|
2135
2525
|
exports.MENU_EFFECTS = MENU_EFFECTS;
|
|
2136
2526
|
exports.MODAL_EFFECTS = MODAL_EFFECTS;
|
|
2527
|
+
exports.NAV_INDICATORS = NAV_INDICATORS;
|
|
2137
2528
|
exports.PROGRESS_VARIANTS = PROGRESS_VARIANTS;
|
|
2138
2529
|
exports.SHEET_SIDES = SHEET_SIDES;
|
|
2139
2530
|
exports.SKELETON_VARIANTS = SKELETON_VARIANTS;
|
|
2140
2531
|
exports.TAB_INDICATORS = TAB_INDICATORS;
|
|
2532
|
+
exports.TIP_PLACEMENTS = TIP_PLACEMENTS;
|
|
2141
2533
|
exports.TOAST_POSITIONS = TOAST_POSITIONS;
|
|
2534
|
+
exports.TOGGLE_VARIANTS = TOGGLE_VARIANTS;
|
|
2142
2535
|
exports.WIDGETS = WIDGETS;
|
|
2143
2536
|
exports.WIDGET_TAGS = WIDGET_TAGS;
|
|
2144
2537
|
exports.defineCarousel = defineCarousel;
|
|
2145
2538
|
exports.defineCompare = defineCompare;
|
|
2146
2539
|
exports.defineCubeGallery = defineCubeGallery;
|
|
2147
2540
|
exports.defineDisclosure = defineDisclosure;
|
|
2541
|
+
exports.defineDock = defineDock;
|
|
2148
2542
|
exports.defineMasonryFlow = defineMasonryFlow;
|
|
2149
2543
|
exports.defineMenu = defineMenu;
|
|
2544
|
+
exports.defineMenuToggle = defineMenuToggle;
|
|
2150
2545
|
exports.defineMilestones = defineMilestones;
|
|
2151
2546
|
exports.defineModal = defineModal;
|
|
2547
|
+
exports.defineNavMorph = defineNavMorph;
|
|
2152
2548
|
exports.defineOdometer = defineOdometer;
|
|
2153
2549
|
exports.defineProgressRing = defineProgressRing;
|
|
2154
2550
|
exports.defineSheet = defineSheet;
|
|
@@ -2156,6 +2552,7 @@ exports.defineSkeletonReveal = defineSkeletonReveal;
|
|
|
2156
2552
|
exports.defineStarRating = defineStarRating;
|
|
2157
2553
|
exports.defineStories = defineStories;
|
|
2158
2554
|
exports.defineTabBar = defineTabBar;
|
|
2555
|
+
exports.defineTip = defineTip;
|
|
2159
2556
|
exports.defineToastStack = defineToastStack;
|
|
2160
2557
|
exports.defineWidgets = defineWidgets;
|
|
2161
2558
|
exports.stackToast = stackToast;
|