motionary 6.9.0 → 7.0.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 +16 -0
- package/README.md +2 -2
- package/README_ja.md +2 -2
- package/README_zh.md +2 -2
- package/dist/chunks/{base-D5MHqeDd.js → base-DchG4q_S.js} +2 -2
- package/dist/chunks/{base-D5MHqeDd.js.map → base-DchG4q_S.js.map} +1 -1
- package/dist/chunks/{core-ZGo4hOEk.js → core-D2vF8kZb.js} +2 -2
- package/dist/chunks/{core-ZGo4hOEk.js.map → core-D2vF8kZb.js.map} +1 -1
- package/dist/chunks/{core-DyJu5r5a.js → core-DVyTlo9Q.js} +2 -2
- package/dist/chunks/{core-DyJu5r5a.js.map → core-DVyTlo9Q.js.map} +1 -1
- package/dist/chunks/{fx-DlGRMJ-Z.js → fx-DUMVKSvg.js} +2 -2
- package/dist/chunks/{fx-DlGRMJ-Z.js.map → fx-DUMVKSvg.js.map} +1 -1
- package/dist/chunks/{gpu-DPhMkJq6.js → gpu-Bkw605Ds.js} +183 -11
- package/dist/chunks/gpu-Bkw605Ds.js.map +1 -0
- package/dist/chunks/{gpu-C2D4T9Q-.cjs → gpu-Dx0H875w.cjs} +185 -9
- package/dist/chunks/gpu-Dx0H875w.cjs.map +1 -0
- package/dist/chunks/{index-tags-wv0R_vkO.cjs → index-tags-BTMwrfgV.cjs} +3 -3
- package/dist/chunks/index-tags-BTMwrfgV.cjs.map +1 -0
- package/dist/chunks/{index-tags-DucKMQr_.js → index-tags-C04JP8g4.js} +3 -3
- package/dist/chunks/index-tags-C04JP8g4.js.map +1 -0
- package/dist/chunks/{player-DH3TIz-t.js → player-C-TwEEy6.js} +4 -4
- package/dist/chunks/{player-DH3TIz-t.js.map → player-C-TwEEy6.js.map} +1 -1
- package/dist/chunks/{registry-CTLWeg-J.js → registry-D23neB4M.js} +2 -2
- package/dist/chunks/{registry-CTLWeg-J.js.map → registry-D23neB4M.js.map} +1 -1
- package/dist/chunks/{spring-B-9MZOrW.js → spring-BhoT09Qb.js} +2 -2
- package/dist/chunks/{spring-B-9MZOrW.js.map → spring-BhoT09Qb.js.map} +1 -1
- package/dist/chunks/{variants-CoZn3k_5.js → variants-C_hv_s23.js} +2 -2
- package/dist/chunks/{variants-CoZn3k_5.js.map → variants-C_hv_s23.js.map} +1 -1
- package/dist/components/a11y.cjs +1 -1
- package/dist/components/a11y.d.cts +2 -2
- package/dist/components/a11y.d.ts +2 -2
- package/dist/components/a11y.js +3 -3
- package/dist/components/angular.cjs +2 -2
- package/dist/components/angular.cjs.map +1 -1
- package/dist/components/angular.d.cts +5 -36
- package/dist/components/angular.d.ts +5 -36
- package/dist/components/angular.js +9 -9
- package/dist/components/angular.js.map +1 -1
- package/dist/components/background.js +2 -2
- package/dist/components/bridge.js +1 -1
- package/dist/components/cards.js +2 -2
- package/dist/components/click.js +3 -3
- package/dist/components/depth.js +3 -3
- package/dist/components/effects.js +6 -6
- package/dist/components/feedback.js +1 -1
- package/dist/components/fx-3d.cjs +1 -7
- package/dist/components/fx-3d.cjs.map +1 -1
- package/dist/components/fx-3d.d.cts +1 -3
- package/dist/components/fx-3d.d.ts +1 -3
- package/dist/components/fx-3d.js +3 -8
- package/dist/components/fx-3d.js.map +1 -1
- package/dist/components/fx-focus.js +2 -2
- package/dist/components/fx-gpu.cjs +2 -3
- package/dist/components/fx-gpu.cjs.map +1 -1
- package/dist/components/fx-gpu.d.cts +1 -3
- package/dist/components/fx-gpu.d.ts +1 -3
- package/dist/components/fx-gpu.js +3 -3
- package/dist/components/fx-light.cjs +1 -7
- package/dist/components/fx-light.cjs.map +1 -1
- package/dist/components/fx-light.d.cts +1 -3
- package/dist/components/fx-light.d.ts +1 -3
- package/dist/components/fx-light.js +3 -8
- package/dist/components/fx-light.js.map +1 -1
- package/dist/components/fx-morph.cjs +1 -7
- package/dist/components/fx-morph.cjs.map +1 -1
- package/dist/components/fx-morph.d.cts +1 -3
- package/dist/components/fx-morph.d.ts +1 -3
- package/dist/components/fx-morph.js +3 -8
- package/dist/components/fx-morph.js.map +1 -1
- package/dist/components/fx-physics.cjs +1 -7
- package/dist/components/fx-physics.cjs.map +1 -1
- package/dist/components/fx-physics.d.cts +1 -3
- package/dist/components/fx-physics.d.ts +1 -3
- package/dist/components/fx-physics.js +3 -8
- package/dist/components/fx-physics.js.map +1 -1
- package/dist/components/fx-text.cjs +1 -7
- package/dist/components/fx-text.cjs.map +1 -1
- package/dist/components/fx-text.d.cts +1 -3
- package/dist/components/fx-text.d.ts +1 -3
- package/dist/components/fx-text.js +3 -8
- package/dist/components/fx-text.js.map +1 -1
- package/dist/components/fx-transitions.cjs +1 -7
- package/dist/components/fx-transitions.cjs.map +1 -1
- package/dist/components/fx-transitions.d.cts +1 -3
- package/dist/components/fx-transitions.d.ts +1 -3
- package/dist/components/fx-transitions.js +4 -9
- package/dist/components/fx-transitions.js.map +1 -1
- package/dist/components/fx-weather.cjs +1 -7
- package/dist/components/fx-weather.cjs.map +1 -1
- package/dist/components/fx-weather.d.cts +1 -3
- package/dist/components/fx-weather.d.ts +1 -3
- package/dist/components/fx-weather.js +3 -8
- package/dist/components/fx-weather.js.map +1 -1
- package/dist/components/fx.js +5 -5
- package/dist/components/fx2.cjs +7 -19
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.d.cts +39 -22
- package/dist/components/fx2.d.ts +39 -22
- package/dist/components/fx2.js +11 -19
- package/dist/components/fx2.js.map +1 -1
- package/dist/components/gesture.js +4 -4
- package/dist/components/interaction.cjs +11 -95
- package/dist/components/interaction.cjs.map +1 -1
- package/dist/components/interaction.css +0 -1
- package/dist/components/interaction.d.cts +3 -21
- package/dist/components/interaction.d.ts +3 -21
- package/dist/components/interaction.js +13 -96
- package/dist/components/interaction.js.map +1 -1
- package/dist/components/jsx.d.cts +2 -2
- package/dist/components/jsx.d.ts +2 -2
- package/dist/components/layout.js +1 -1
- package/dist/components/lazy.cjs +1 -1
- package/dist/components/lazy.d.cts +2 -2
- package/dist/components/lazy.d.ts +2 -2
- package/dist/components/lazy.js +1 -1
- package/dist/components/lite.cjs +115 -258
- package/dist/components/lite.cjs.map +1 -1
- package/dist/components/lite.js +116 -257
- package/dist/components/lite.js.map +1 -1
- package/dist/components/marketplace.js +2 -2
- package/dist/components/packs.js +1 -1
- package/dist/components/page.js +3 -3
- package/dist/components/perf.cjs +1 -1
- package/dist/components/perf.d.cts +2 -2
- package/dist/components/perf.d.ts +2 -2
- package/dist/components/perf.js +3 -3
- package/dist/components/physics.js +3 -3
- package/dist/components/react.cjs +2 -2
- package/dist/components/react.cjs.map +1 -1
- package/dist/components/react.js +2 -2
- package/dist/components/react.js.map +1 -1
- package/dist/components/reveal.js +1 -1
- package/dist/components/solid.cjs +2 -2
- package/dist/components/solid.cjs.map +1 -1
- package/dist/components/solid.d.cts +4 -35
- package/dist/components/solid.d.ts +4 -35
- package/dist/components/solid.js +9 -9
- package/dist/components/solid.js.map +1 -1
- package/dist/components/svelte.cjs +2 -2
- package/dist/components/svelte.cjs.map +1 -1
- package/dist/components/svelte.d.cts +5 -36
- package/dist/components/svelte.d.ts +5 -36
- package/dist/components/svelte.js +9 -9
- package/dist/components/svelte.js.map +1 -1
- package/dist/components/svg.js +1 -1
- package/dist/components/text.js +2 -2
- package/dist/components/timeline.js +3 -3
- package/dist/components/transitions.js +1 -1
- package/dist/components/ui.cjs +16 -75
- package/dist/components/ui.cjs.map +1 -1
- package/dist/components/ui.css +0 -1
- package/dist/components/ui.d.cts +3 -18
- package/dist/components/ui.d.ts +3 -18
- package/dist/components/ui.js +21 -79
- package/dist/components/ui.js.map +1 -1
- package/dist/components/vue.cjs +2 -2
- package/dist/components/vue.cjs.map +1 -1
- package/dist/components/vue.d.cts +5 -36
- package/dist/components/vue.d.ts +5 -36
- package/dist/components/vue.js +9 -9
- package/dist/components/vue.js.map +1 -1
- package/dist/components/webgl.js +1 -1
- package/dist/components/widgets.js +5 -5
- package/dist/components.cjs +1 -3
- package/dist/components.cjs.map +1 -1
- package/dist/components.css +0 -2
- package/dist/components.d.cts +6 -39
- package/dist/components.d.ts +6 -39
- package/dist/components.js +12 -12
- package/dist/components.umd.js +2 -2
- package/dist/components.umd.js.map +1 -1
- package/dist/index.js +2 -2
- package/dist/widgets.umd.js +1 -1
- package/dist/widgets.umd.js.map +1 -1
- package/docs/ROADMAP.md +12 -12
- package/docs/accessibility.md +2 -2
- package/docs/components.md +13 -2
- package/docs/frameworks-ssr.md +4 -4
- package/docs/hybrid-apps.md +2 -2
- package/docs/upgrading-7.md +11 -1
- package/docs/windows-apps.md +1 -1
- package/package.json +111 -1
- package/dist/chunks/gpu-C2D4T9Q-.cjs.map +0 -1
- package/dist/chunks/gpu-DPhMkJq6.js.map +0 -1
- package/dist/chunks/index-tags-DucKMQr_.js.map +0 -1
- package/dist/chunks/index-tags-wv0R_vkO.cjs.map +0 -1
package/dist/components/lite.js
CHANGED
|
@@ -405,14 +405,14 @@ const clamp = (v, min, max) => Math.min(max, Math.max(min, v));
|
|
|
405
405
|
const COMPONENT_CATEGORIES = {
|
|
406
406
|
reveal: ['usa-reveal', 'usa-stagger', 'usa-scroll-progress', 'usa-scrolly'],
|
|
407
407
|
text: ['usa-typewriter', 'usa-split-text', 'usa-scramble', 'usa-counter', 'usa-shimmer-text', 'usa-text-rotate', 'usa-wave-text', 'usa-glitch', 'usa-gradient-text', 'usa-handwriting', 'usa-scroll-highlight'],
|
|
408
|
-
interaction: ['usa-ripple', 'usa-magnetic', 'usa-tilt', 'usa-spotlight', 'usa-press'
|
|
408
|
+
interaction: ['usa-ripple', 'usa-magnetic', 'usa-tilt', 'usa-spotlight', 'usa-press'],
|
|
409
409
|
feedback: ['usa-spinner', 'usa-skeleton', 'usa-progress', 'usa-toaster', 'usa-check'],
|
|
410
410
|
background: ['usa-aurora', 'usa-particles', 'usa-grain', 'usa-marquee', 'usa-acrylic', 'usa-grid-glow', 'usa-blobs', 'usa-water-ripple', 'usa-dot-network'],
|
|
411
411
|
transitions: ['usa-dialog', 'usa-accordion', 'usa-view-switch'],
|
|
412
412
|
physics: ['usa-spring', 'usa-draggable', 'usa-overscroll'],
|
|
413
413
|
cards: ['usa-card', 'usa-card-stack', 'usa-sticky-stack', 'usa-carousel-3d'],
|
|
414
414
|
click: ['usa-click', 'usa-button', 'usa-icon-morph', 'usa-like', 'usa-hold', 'usa-double-tap', 'usa-checkbox'],
|
|
415
|
-
ui: ['usa-tabs', 'usa-drawer', 'usa-bottom-sheet', 'usa-pull-refresh', 'usa-fab', 'usa-navbar', 'usa-slider', 'usa-rating', 'usa-
|
|
415
|
+
ui: ['usa-tabs', 'usa-drawer', 'usa-bottom-sheet', 'usa-pull-refresh', 'usa-fab', 'usa-navbar', 'usa-slider', 'usa-rating', 'usa-popover', 'usa-badge', 'usa-avatar-stack'],
|
|
416
416
|
page: ['usa-cursor', 'usa-fullpage', 'usa-loading-bar', 'usa-back-to-top', 'usa-ambient', 'usa-splash', 'usa-auto-skeleton', 'usa-motion-switch'],
|
|
417
417
|
timeline: ['usa-timeline'],
|
|
418
418
|
gesture: ['usa-swipeable', 'usa-pinch-zoom'],
|
|
@@ -595,7 +595,7 @@ function revealKeyframes(effect, distance) {
|
|
|
595
595
|
return [from, to];
|
|
596
596
|
}
|
|
597
597
|
|
|
598
|
-
var css$
|
|
598
|
+
var css$14 = "";
|
|
599
599
|
|
|
600
600
|
function defineReveal(tag = 'usa-reveal') {
|
|
601
601
|
return defineElement(tag, (Base) => class UsaReveal extends Base {
|
|
@@ -670,7 +670,7 @@ function defineReveal(tag = 'usa-reveal') {
|
|
|
670
670
|
if (!this.reduced)
|
|
671
671
|
this.setAttribute('data-state', 'hidden');
|
|
672
672
|
}
|
|
673
|
-
}, { id: 'reveal', text: css$
|
|
673
|
+
}, { id: 'reveal', text: css$14 });
|
|
674
674
|
}
|
|
675
675
|
|
|
676
676
|
function defineStagger(tag = 'usa-stagger') {
|
|
@@ -736,10 +736,10 @@ function defineStagger(tag = 'usa-stagger') {
|
|
|
736
736
|
if (!this.reduced)
|
|
737
737
|
this.setAttribute('data-state', 'hidden');
|
|
738
738
|
}
|
|
739
|
-
}, { id: 'reveal', text: css$
|
|
739
|
+
}, { id: 'reveal', text: css$14 });
|
|
740
740
|
}
|
|
741
741
|
|
|
742
|
-
var css$
|
|
742
|
+
var css$13 = "";
|
|
743
743
|
|
|
744
744
|
/** Progress (0–1) of `target` scrolling through the viewport, or of the page. */
|
|
745
745
|
function readScrollProgress(target) {
|
|
@@ -807,10 +807,10 @@ function defineScrollProgress(tag = 'usa-scroll-progress') {
|
|
|
807
807
|
this.setAttribute('aria-valuenow', pct);
|
|
808
808
|
this.emit('progress', { progress: p });
|
|
809
809
|
}
|
|
810
|
-
}, { id: 'scroll-progress', text: css$
|
|
810
|
+
}, { id: 'scroll-progress', text: css$13 });
|
|
811
811
|
}
|
|
812
812
|
|
|
813
|
-
var css$
|
|
813
|
+
var css$12 = "";
|
|
814
814
|
|
|
815
815
|
function defineScrolly(tag = 'usa-scrolly') {
|
|
816
816
|
return defineElement(tag, (Base) => class UsaScrolly extends Base {
|
|
@@ -862,7 +862,7 @@ function defineScrolly(tag = 'usa-scrolly') {
|
|
|
862
862
|
if (!silent)
|
|
863
863
|
this.emit('step', { index, step, name: step.dataset.step || '' });
|
|
864
864
|
}
|
|
865
|
-
}, { id: 'scrolly', text: css$
|
|
865
|
+
}, { id: 'scrolly', text: css$12 });
|
|
866
866
|
}
|
|
867
867
|
|
|
868
868
|
/**
|
|
@@ -877,7 +877,7 @@ function defineRevealComponents() {
|
|
|
877
877
|
defineScrolly();
|
|
878
878
|
}
|
|
879
879
|
|
|
880
|
-
var css$
|
|
880
|
+
var css$11 = "";
|
|
881
881
|
|
|
882
882
|
function defineTypewriter(tag = 'usa-typewriter') {
|
|
883
883
|
return defineElement(tag, (Base) => class UsaTypewriter extends Base {
|
|
@@ -991,10 +991,10 @@ function defineTypewriter(tag = 'usa-typewriter') {
|
|
|
991
991
|
};
|
|
992
992
|
this._timer = setTimeout(tick, this.num('delay', 0));
|
|
993
993
|
}
|
|
994
|
-
}, { id: 'typewriter', text: css$
|
|
994
|
+
}, { id: 'typewriter', text: css$11 });
|
|
995
995
|
}
|
|
996
996
|
|
|
997
|
-
var css$
|
|
997
|
+
var css$10 = "";
|
|
998
998
|
|
|
999
999
|
/**
|
|
1000
1000
|
* motionary/components/tokens — motion design tokens (4.2).
|
|
@@ -1808,7 +1808,7 @@ function defineSplitText(tag = 'usa-split-text') {
|
|
|
1808
1808
|
clearTimeout(this._timer);
|
|
1809
1809
|
this.setAttribute('data-state', this.reduced ? 'shown' : 'hidden');
|
|
1810
1810
|
}
|
|
1811
|
-
}, { id: 'split-text', text: css$
|
|
1811
|
+
}, { id: 'split-text', text: css$10 });
|
|
1812
1812
|
}
|
|
1813
1813
|
|
|
1814
1814
|
const GLYPHS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789#%&*+=<>/\\?!';
|
|
@@ -1902,7 +1902,7 @@ function defineScramble(tag = 'usa-scramble') {
|
|
|
1902
1902
|
}, undefined);
|
|
1903
1903
|
}
|
|
1904
1904
|
|
|
1905
|
-
var css
|
|
1905
|
+
var css$$ = "";
|
|
1906
1906
|
|
|
1907
1907
|
/** easeOutExpo */
|
|
1908
1908
|
const easeOutExpo = (t) => (t >= 1 ? 1 : 1 - Math.pow(2, -10 * t));
|
|
@@ -2002,10 +2002,10 @@ function defineCounter(tag = 'usa-counter') {
|
|
|
2002
2002
|
this._frame = raf(step);
|
|
2003
2003
|
});
|
|
2004
2004
|
}
|
|
2005
|
-
}, { id: 'counter', text: css
|
|
2005
|
+
}, { id: 'counter', text: css$$ });
|
|
2006
2006
|
}
|
|
2007
2007
|
|
|
2008
|
-
var css$
|
|
2008
|
+
var css$_ = "";
|
|
2009
2009
|
|
|
2010
2010
|
function defineShimmerText(tag = 'usa-shimmer-text') {
|
|
2011
2011
|
return defineElement(tag, (Base) => class UsaShimmerText extends Base {
|
|
@@ -2025,10 +2025,10 @@ function defineShimmerText(tag = 'usa-shimmer-text') {
|
|
|
2025
2025
|
set('shine', '--usa-shimmer-shine');
|
|
2026
2026
|
set('angle', '--usa-shimmer-angle', 'deg');
|
|
2027
2027
|
}
|
|
2028
|
-
}, { id: 'shimmer-text', text: css$
|
|
2028
|
+
}, { id: 'shimmer-text', text: css$_ });
|
|
2029
2029
|
}
|
|
2030
2030
|
|
|
2031
|
-
var css
|
|
2031
|
+
var css$Z = "";
|
|
2032
2032
|
|
|
2033
2033
|
function defineTextRotate(tag = 'usa-text-rotate') {
|
|
2034
2034
|
return defineElement(tag, (Base) => class UsaTextRotate extends Base {
|
|
@@ -2100,10 +2100,10 @@ function defineTextRotate(tag = 'usa-text-rotate') {
|
|
|
2100
2100
|
this.motion(cur, [inFrom, pick(inFrom)], { duration: 520, easing: effect === 'slide' ? EASE_SPRING : EASE_OUT });
|
|
2101
2101
|
this.emit('change', { index: this._index, word: cur.textContent });
|
|
2102
2102
|
}
|
|
2103
|
-
}, { id: 'text-rotate', text: css
|
|
2103
|
+
}, { id: 'text-rotate', text: css$Z });
|
|
2104
2104
|
}
|
|
2105
2105
|
|
|
2106
|
-
var css$
|
|
2106
|
+
var css$Y = "";
|
|
2107
2107
|
|
|
2108
2108
|
/** Split `text` into per-character spans (words never break). The animated copy is aria-hidden. */
|
|
2109
2109
|
function splitChars(host, text) {
|
|
@@ -2140,7 +2140,7 @@ function defineWaveText(tag = 'usa-wave-text') {
|
|
|
2140
2140
|
this.style.setProperty('--usa-wave-s', `${this.num('speed', 1.6)}s`);
|
|
2141
2141
|
this.style.setProperty('--usa-wave-d', `${this.num('stagger', 0.06)}s`);
|
|
2142
2142
|
}
|
|
2143
|
-
}, { id: 'text-fx', text: css$
|
|
2143
|
+
}, { id: 'text-fx', text: css$Y });
|
|
2144
2144
|
}
|
|
2145
2145
|
function defineGlitch(tag = 'usa-glitch') {
|
|
2146
2146
|
return defineElement(tag, (Base) => class extends Base {
|
|
@@ -2152,7 +2152,7 @@ function defineGlitch(tag = 'usa-glitch') {
|
|
|
2152
2152
|
if (!this.firstChild)
|
|
2153
2153
|
this.textContent = t;
|
|
2154
2154
|
}
|
|
2155
|
-
}, { id: 'text-fx', text: css$
|
|
2155
|
+
}, { id: 'text-fx', text: css$Y });
|
|
2156
2156
|
}
|
|
2157
2157
|
function defineGradientText(tag = 'usa-gradient-text') {
|
|
2158
2158
|
return defineElement(tag, (Base) => class extends Base {
|
|
@@ -2162,7 +2162,7 @@ function defineGradientText(tag = 'usa-gradient-text') {
|
|
|
2162
2162
|
this.style.setProperty('--usa-grad', `linear-gradient(${this.num('angle', 90)}deg, ${[...c, c[0]].join(', ')})`);
|
|
2163
2163
|
this.style.setProperty('--usa-grad-s', `${this.num('speed', 6)}s`);
|
|
2164
2164
|
}
|
|
2165
|
-
}, { id: 'text-fx', text: css$
|
|
2165
|
+
}, { id: 'text-fx', text: css$Y });
|
|
2166
2166
|
}
|
|
2167
2167
|
function defineHandwriting(tag = 'usa-handwriting') {
|
|
2168
2168
|
return defineElement(tag, (Base) => class extends Base {
|
|
@@ -2195,7 +2195,7 @@ function defineHandwriting(tag = 'usa-handwriting') {
|
|
|
2195
2195
|
this.emit('complete');
|
|
2196
2196
|
}, this.reduced ? 0 : this.num('duration', 2400));
|
|
2197
2197
|
}
|
|
2198
|
-
}, { id: 'text-fx', text: css$
|
|
2198
|
+
}, { id: 'text-fx', text: css$Y });
|
|
2199
2199
|
}
|
|
2200
2200
|
function defineScrollHighlight(tag = 'usa-scroll-highlight') {
|
|
2201
2201
|
return defineElement(tag, (Base) => class extends Base {
|
|
@@ -2259,7 +2259,7 @@ function defineScrollHighlight(tag = 'usa-scroll-highlight') {
|
|
|
2259
2259
|
caf(this._f);
|
|
2260
2260
|
this._f = 0;
|
|
2261
2261
|
}
|
|
2262
|
-
}, { id: 'text-fx', text: css$
|
|
2262
|
+
}, { id: 'text-fx', text: css$Y });
|
|
2263
2263
|
}
|
|
2264
2264
|
|
|
2265
2265
|
/**
|
|
@@ -2282,7 +2282,7 @@ function defineTextComponents() {
|
|
|
2282
2282
|
defineScrollHighlight();
|
|
2283
2283
|
}
|
|
2284
2284
|
|
|
2285
|
-
var css$
|
|
2285
|
+
var css$X = "";
|
|
2286
2286
|
|
|
2287
2287
|
function defineRipple(tag = 'usa-ripple') {
|
|
2288
2288
|
return defineElement(tag, (Base) => class UsaRipple extends Base {
|
|
@@ -2329,10 +2329,10 @@ function defineRipple(tag = 'usa-ripple') {
|
|
|
2329
2329
|
else
|
|
2330
2330
|
setTimeout(() => wave.remove(), 0);
|
|
2331
2331
|
}
|
|
2332
|
-
}, { id: 'ripple', text: css$
|
|
2332
|
+
}, { id: 'ripple', text: css$X });
|
|
2333
2333
|
}
|
|
2334
2334
|
|
|
2335
|
-
var css$
|
|
2335
|
+
var css$W = "";
|
|
2336
2336
|
|
|
2337
2337
|
function defineMagnetic(tag = 'usa-magnetic') {
|
|
2338
2338
|
return defineElement(tag, (Base) => class UsaMagnetic extends Base {
|
|
@@ -2389,10 +2389,10 @@ function defineMagnetic(tag = 'usa-magnetic') {
|
|
|
2389
2389
|
this._frame = 0;
|
|
2390
2390
|
this.release();
|
|
2391
2391
|
}
|
|
2392
|
-
}, { id: 'magnetic', text: css$
|
|
2392
|
+
}, { id: 'magnetic', text: css$W });
|
|
2393
2393
|
}
|
|
2394
2394
|
|
|
2395
|
-
var css$
|
|
2395
|
+
var css$V = "";
|
|
2396
2396
|
|
|
2397
2397
|
function defineTilt(tag = 'usa-tilt') {
|
|
2398
2398
|
return defineElement(tag, (Base) => class UsaTilt extends Base {
|
|
@@ -2461,10 +2461,10 @@ function defineTilt(tag = 'usa-tilt') {
|
|
|
2461
2461
|
unmount() {
|
|
2462
2462
|
this.reset();
|
|
2463
2463
|
}
|
|
2464
|
-
}, { id: 'tilt', text: css$
|
|
2464
|
+
}, { id: 'tilt', text: css$V });
|
|
2465
2465
|
}
|
|
2466
2466
|
|
|
2467
|
-
var css$
|
|
2467
|
+
var css$U = "";
|
|
2468
2468
|
|
|
2469
2469
|
function defineSpotlight(tag = 'usa-spotlight') {
|
|
2470
2470
|
return defineElement(tag, (Base) => class UsaSpotlight extends Base {
|
|
@@ -2526,10 +2526,10 @@ function defineSpotlight(tag = 'usa-spotlight') {
|
|
|
2526
2526
|
this._frame = 0;
|
|
2527
2527
|
this.removeAttribute('data-lit');
|
|
2528
2528
|
}
|
|
2529
|
-
}, { id: 'spotlight', text: css$
|
|
2529
|
+
}, { id: 'spotlight', text: css$U });
|
|
2530
2530
|
}
|
|
2531
2531
|
|
|
2532
|
-
var css$
|
|
2532
|
+
var css$T = "";
|
|
2533
2533
|
|
|
2534
2534
|
function definePress(tag = 'usa-press') {
|
|
2535
2535
|
return defineElement(tag, (Base) => class UsaPress extends Base {
|
|
@@ -2595,95 +2595,13 @@ function definePress(tag = 'usa-press') {
|
|
|
2595
2595
|
this._anim = null;
|
|
2596
2596
|
this._down = false;
|
|
2597
2597
|
}
|
|
2598
|
-
}, { id: 'press', text: css$
|
|
2599
|
-
}
|
|
2600
|
-
|
|
2601
|
-
var css$U = "";
|
|
2602
|
-
|
|
2603
|
-
function defineToggle(tag = 'usa-toggle') {
|
|
2604
|
-
return defineElement(tag, (Base) => { var _a; return _a = class UsaToggle extends Base {
|
|
2605
|
-
static get observedAttributes() {
|
|
2606
|
-
return ['checked', 'disabled', 'label'];
|
|
2607
|
-
}
|
|
2608
|
-
constructor() {
|
|
2609
|
-
super();
|
|
2610
|
-
this._internals = null;
|
|
2611
|
-
try {
|
|
2612
|
-
this._internals = typeof this.attachInternals === 'function' ? this.attachInternals() : null;
|
|
2613
|
-
}
|
|
2614
|
-
catch {
|
|
2615
|
-
this._internals = null;
|
|
2616
|
-
}
|
|
2617
|
-
}
|
|
2618
|
-
get checked() {
|
|
2619
|
-
return this.hasAttribute('checked');
|
|
2620
|
-
}
|
|
2621
|
-
set checked(v) {
|
|
2622
|
-
this.toggleAttribute('checked', !!v);
|
|
2623
|
-
}
|
|
2624
|
-
get disabled() {
|
|
2625
|
-
return this.hasAttribute('disabled');
|
|
2626
|
-
}
|
|
2627
|
-
set disabled(v) {
|
|
2628
|
-
this.toggleAttribute('disabled', !!v);
|
|
2629
|
-
}
|
|
2630
|
-
changed() {
|
|
2631
|
-
this.sync();
|
|
2632
|
-
}
|
|
2633
|
-
sync() {
|
|
2634
|
-
this.setAttribute('aria-checked', String(this.checked));
|
|
2635
|
-
this.setAttribute('aria-disabled', String(this.disabled));
|
|
2636
|
-
this.tabIndex = this.disabled ? -1 : 0;
|
|
2637
|
-
const label = this.getAttribute('label');
|
|
2638
|
-
if (label && !this.hasAttribute('aria-label'))
|
|
2639
|
-
this.setAttribute('aria-label', label);
|
|
2640
|
-
this._internals?.setFormValue?.(this.checked ? this.str('value', 'on') : null);
|
|
2641
|
-
}
|
|
2642
|
-
mount() {
|
|
2643
|
-
deprecate('usa-toggle', '<usa-toggle> is deprecated since 6.9 and removed in 7.0 — use <usa-switch> (motionary/components/widgets; npx usa-codemod-7).');
|
|
2644
|
-
if (!this.querySelector(':scope > .usa-toggle-track')) {
|
|
2645
|
-
const track = document.createElement('span');
|
|
2646
|
-
track.className = 'usa-toggle-track';
|
|
2647
|
-
track.setAttribute('aria-hidden', 'true');
|
|
2648
|
-
const knob = document.createElement('span');
|
|
2649
|
-
knob.className = 'usa-toggle-knob';
|
|
2650
|
-
track.append(knob);
|
|
2651
|
-
this.prepend(track);
|
|
2652
|
-
}
|
|
2653
|
-
this.setAttribute('role', 'switch');
|
|
2654
|
-
this.sync();
|
|
2655
|
-
this.listen(this, 'click', () => this.toggle());
|
|
2656
|
-
this.listen(this, 'keydown', (e) => {
|
|
2657
|
-
if (e.key === ' ' || e.key === 'Enter') {
|
|
2658
|
-
e.preventDefault();
|
|
2659
|
-
if (!e.repeat)
|
|
2660
|
-
this.toggle();
|
|
2661
|
-
}
|
|
2662
|
-
});
|
|
2663
|
-
this.listen(this, 'pointerdown', () => !this.disabled && this.setAttribute('data-pressed', ''));
|
|
2664
|
-
for (const t of ['pointerup', 'pointerleave', 'pointercancel'])
|
|
2665
|
-
this.listen(this, t, () => this.removeAttribute('data-pressed'));
|
|
2666
|
-
}
|
|
2667
|
-
toggle(force) {
|
|
2668
|
-
if (this.disabled)
|
|
2669
|
-
return;
|
|
2670
|
-
const next = force === undefined ? !this.checked : force;
|
|
2671
|
-
if (next === this.checked)
|
|
2672
|
-
return;
|
|
2673
|
-
this.checked = next;
|
|
2674
|
-
this.sync();
|
|
2675
|
-
this.dispatchEvent(new Event('change', { bubbles: true }));
|
|
2676
|
-
this.emit('change', { checked: next });
|
|
2677
|
-
}
|
|
2678
|
-
},
|
|
2679
|
-
_a.formAssociated = true,
|
|
2680
|
-
_a; }, { id: 'toggle', text: css$U });
|
|
2598
|
+
}, { id: 'press', text: css$T });
|
|
2681
2599
|
}
|
|
2682
2600
|
|
|
2683
2601
|
/**
|
|
2684
2602
|
* motionary/components/interaction — micro-interactions.
|
|
2685
2603
|
* `<usa-ripple>`, `<usa-magnetic>`, `<usa-tilt>`, `<usa-spotlight>`,
|
|
2686
|
-
* `<usa-press
|
|
2604
|
+
* `<usa-press>`.
|
|
2687
2605
|
*/
|
|
2688
2606
|
/** Register every component of this category under its default tag. */
|
|
2689
2607
|
function defineInteractionComponents() {
|
|
@@ -2692,10 +2610,9 @@ function defineInteractionComponents() {
|
|
|
2692
2610
|
defineTilt();
|
|
2693
2611
|
defineSpotlight();
|
|
2694
2612
|
definePress();
|
|
2695
|
-
defineToggle();
|
|
2696
2613
|
}
|
|
2697
2614
|
|
|
2698
|
-
var css$
|
|
2615
|
+
var css$S = "";
|
|
2699
2616
|
|
|
2700
2617
|
const SPINNER_VARIANTS = ['fluent', 'windows', 'ring', 'dots', 'pulse', 'bars'];
|
|
2701
2618
|
function markup(variant) {
|
|
@@ -2741,10 +2658,10 @@ function defineSpinner(tag = 'usa-spinner') {
|
|
|
2741
2658
|
if (!this.hasAttribute('aria-label') || this.hasAttribute('label'))
|
|
2742
2659
|
this.setAttribute('aria-label', this.str('label', 'Loading'));
|
|
2743
2660
|
}
|
|
2744
|
-
}, { id: 'spinner', text: css$
|
|
2661
|
+
}, { id: 'spinner', text: css$S });
|
|
2745
2662
|
}
|
|
2746
2663
|
|
|
2747
|
-
var css$
|
|
2664
|
+
var css$R = "";
|
|
2748
2665
|
|
|
2749
2666
|
function defineSkeleton(tag = 'usa-skeleton') {
|
|
2750
2667
|
return defineElement(tag, (Base) => class UsaSkeleton extends Base {
|
|
@@ -2824,10 +2741,10 @@ function defineSkeleton(tag = 'usa-skeleton') {
|
|
|
2824
2741
|
}
|
|
2825
2742
|
this.emit('loaded');
|
|
2826
2743
|
}
|
|
2827
|
-
}, { id: 'skeleton', text: css$
|
|
2744
|
+
}, { id: 'skeleton', text: css$R });
|
|
2828
2745
|
}
|
|
2829
2746
|
|
|
2830
|
-
var css$
|
|
2747
|
+
var css$Q = "";
|
|
2831
2748
|
|
|
2832
2749
|
function defineProgress(tag = 'usa-progress') {
|
|
2833
2750
|
return defineElement(tag, (Base) => class UsaProgress extends Base {
|
|
@@ -2890,10 +2807,10 @@ function defineProgress(tag = 'usa-progress') {
|
|
|
2890
2807
|
if (ratio === 1)
|
|
2891
2808
|
this.emit('complete');
|
|
2892
2809
|
}
|
|
2893
|
-
}, { id: 'progress', text: css$
|
|
2810
|
+
}, { id: 'progress', text: css$Q });
|
|
2894
2811
|
}
|
|
2895
2812
|
|
|
2896
|
-
var css$
|
|
2813
|
+
var css$P = "";
|
|
2897
2814
|
|
|
2898
2815
|
const ICONS = {
|
|
2899
2816
|
info: '<path d="M12 8h.01M11 12h1v5h1"/>',
|
|
@@ -3009,7 +2926,7 @@ function defineToaster(tag = 'usa-toaster') {
|
|
|
3009
2926
|
clear() {
|
|
3010
2927
|
this.querySelectorAll('.usa-toast').forEach((t) => t._close?.());
|
|
3011
2928
|
}
|
|
3012
|
-
}, { id: 'toast', text: css$
|
|
2929
|
+
}, { id: 'toast', text: css$P });
|
|
3013
2930
|
}
|
|
3014
2931
|
/**
|
|
3015
2932
|
* Show a toast. Defines `<usa-toaster>` and adds one to `<body>` if the
|
|
@@ -3030,7 +2947,7 @@ function toast(message, options = {}) {
|
|
|
3030
2947
|
return host.show(message, options);
|
|
3031
2948
|
}
|
|
3032
2949
|
|
|
3033
|
-
var css$
|
|
2950
|
+
var css$O = "";
|
|
3034
2951
|
|
|
3035
2952
|
const PATHS = {
|
|
3036
2953
|
success: 'M15 27 l7 7 l14 -15',
|
|
@@ -3107,7 +3024,7 @@ function defineCheck(tag = 'usa-check') {
|
|
|
3107
3024
|
done();
|
|
3108
3025
|
});
|
|
3109
3026
|
}
|
|
3110
|
-
}, { id: 'check', text: css$
|
|
3027
|
+
}, { id: 'check', text: css$O });
|
|
3111
3028
|
}
|
|
3112
3029
|
|
|
3113
3030
|
/**
|
|
@@ -3124,7 +3041,7 @@ function defineFeedbackComponents() {
|
|
|
3124
3041
|
defineCheck();
|
|
3125
3042
|
}
|
|
3126
3043
|
|
|
3127
|
-
var css$
|
|
3044
|
+
var css$N = "";
|
|
3128
3045
|
|
|
3129
3046
|
function defineAurora(tag = 'usa-aurora') {
|
|
3130
3047
|
return defineElement(tag, (Base) => class UsaAurora extends Base {
|
|
@@ -3152,10 +3069,10 @@ function defineAurora(tag = 'usa-aurora') {
|
|
|
3152
3069
|
this.style.setProperty('--usa-aurora-opacity', String(this.num('intensity', 0.7)));
|
|
3153
3070
|
this.inView((v) => this.toggleAttribute('data-offscreen', !v));
|
|
3154
3071
|
}
|
|
3155
|
-
}, { id: 'aurora', text: css$
|
|
3072
|
+
}, { id: 'aurora', text: css$N });
|
|
3156
3073
|
}
|
|
3157
3074
|
|
|
3158
|
-
var css$
|
|
3075
|
+
var css$M = "";
|
|
3159
3076
|
|
|
3160
3077
|
function defineParticles(tag = 'usa-particles') {
|
|
3161
3078
|
return defineElement(tag, (Base) => class UsaParticles extends Base {
|
|
@@ -3314,10 +3231,10 @@ function defineParticles(tag = 'usa-particles') {
|
|
|
3314
3231
|
}
|
|
3315
3232
|
ctx.globalAlpha = 1;
|
|
3316
3233
|
}
|
|
3317
|
-
}, { id: 'particles', text: css$
|
|
3234
|
+
}, { id: 'particles', text: css$M });
|
|
3318
3235
|
}
|
|
3319
3236
|
|
|
3320
|
-
var css$
|
|
3237
|
+
var css$L = "";
|
|
3321
3238
|
|
|
3322
3239
|
const noise = (freq) => `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='${freq}' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 1.6 -0.3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")`;
|
|
3323
3240
|
function defineGrain(tag = 'usa-grain') {
|
|
@@ -3342,10 +3259,10 @@ function defineGrain(tag = 'usa-grain') {
|
|
|
3342
3259
|
s.opacity = String(this.num('opacity', 0.12));
|
|
3343
3260
|
s.mixBlendMode = this.str('blend', 'overlay');
|
|
3344
3261
|
}
|
|
3345
|
-
}, { id: 'grain', text: css$
|
|
3262
|
+
}, { id: 'grain', text: css$L });
|
|
3346
3263
|
}
|
|
3347
3264
|
|
|
3348
|
-
var css$
|
|
3265
|
+
var css$K = "";
|
|
3349
3266
|
|
|
3350
3267
|
function defineMarquee(tag = 'usa-marquee') {
|
|
3351
3268
|
return defineElement(tag, (Base) => class UsaMarquee extends Base {
|
|
@@ -3465,10 +3382,10 @@ function defineMarquee(tag = 'usa-marquee') {
|
|
|
3465
3382
|
else
|
|
3466
3383
|
super.changed(name);
|
|
3467
3384
|
}
|
|
3468
|
-
}, { id: 'marquee', text: css$
|
|
3385
|
+
}, { id: 'marquee', text: css$K });
|
|
3469
3386
|
}
|
|
3470
3387
|
|
|
3471
|
-
var css$
|
|
3388
|
+
var css$J = "";
|
|
3472
3389
|
|
|
3473
3390
|
function defineAcrylic(tag = 'usa-acrylic') {
|
|
3474
3391
|
return defineElement(tag, (Base) => class UsaAcrylic extends Base {
|
|
@@ -3489,10 +3406,10 @@ function defineAcrylic(tag = 'usa-acrylic') {
|
|
|
3489
3406
|
this.setAttribute('data-shine', '');
|
|
3490
3407
|
}
|
|
3491
3408
|
}
|
|
3492
|
-
}, { id: 'acrylic', text: css$
|
|
3409
|
+
}, { id: 'acrylic', text: css$J });
|
|
3493
3410
|
}
|
|
3494
3411
|
|
|
3495
|
-
var css$
|
|
3412
|
+
var css$I = "";
|
|
3496
3413
|
|
|
3497
3414
|
/** Shared canvas setup: DPR ≤ 2, resize with the host, run only while visible & tab shown. */
|
|
3498
3415
|
function canvasLoop(host, draw, still) {
|
|
@@ -3567,7 +3484,7 @@ function defineGridGlow(tag = 'usa-grid-glow') {
|
|
|
3567
3484
|
});
|
|
3568
3485
|
this.onCleanup(() => caf(f));
|
|
3569
3486
|
}
|
|
3570
|
-
}, { id: 'bg-fx', text: css$
|
|
3487
|
+
}, { id: 'bg-fx', text: css$I });
|
|
3571
3488
|
}
|
|
3572
3489
|
function defineBlobs(tag = 'usa-blobs') {
|
|
3573
3490
|
return defineElement(tag, (Base) => class extends Base {
|
|
@@ -3582,7 +3499,7 @@ function defineBlobs(tag = 'usa-blobs') {
|
|
|
3582
3499
|
this.style.setProperty('--usa-blobs-speed', String(this.num('speed', 1)));
|
|
3583
3500
|
this.style.setProperty('--usa-blobs-blur', `${this.num('blur', 60)}px`);
|
|
3584
3501
|
}
|
|
3585
|
-
}, { id: 'bg-fx', text: css$
|
|
3502
|
+
}, { id: 'bg-fx', text: css$I });
|
|
3586
3503
|
}
|
|
3587
3504
|
function defineWaterRipple(tag = 'usa-water-ripple') {
|
|
3588
3505
|
return defineElement(tag, (Base) => class extends Base {
|
|
@@ -3644,7 +3561,7 @@ function defineWaterRipple(tag = 'usa-water-ripple') {
|
|
|
3644
3561
|
this.drop(e.clientX - r.left, e.clientY - r.top, 1.5);
|
|
3645
3562
|
});
|
|
3646
3563
|
}
|
|
3647
|
-
}, { id: 'bg-fx', text: css$
|
|
3564
|
+
}, { id: 'bg-fx', text: css$I });
|
|
3648
3565
|
}
|
|
3649
3566
|
function defineDotNetwork(tag = 'usa-dot-network') {
|
|
3650
3567
|
return defineElement(tag, (Base) => class extends Base {
|
|
@@ -3687,10 +3604,10 @@ function defineDotNetwork(tag = 'usa-dot-network') {
|
|
|
3687
3604
|
}
|
|
3688
3605
|
}, this.reduced);
|
|
3689
3606
|
}
|
|
3690
|
-
}, { id: 'bg-fx', text: css$
|
|
3607
|
+
}, { id: 'bg-fx', text: css$I });
|
|
3691
3608
|
}
|
|
3692
3609
|
|
|
3693
|
-
var css$
|
|
3610
|
+
var css$H = "";
|
|
3694
3611
|
|
|
3695
3612
|
/**
|
|
3696
3613
|
* Style variants (v2.6): `variant="minimal | neon | glass | brutalist |
|
|
@@ -3708,7 +3625,7 @@ var css$I = "";
|
|
|
3708
3625
|
const VARIANTS = ['minimal', 'neon', 'glass', 'brutalist', 'fluent', 'material'];
|
|
3709
3626
|
/** Inject the variant token sheet (done automatically by every `ui` component). */
|
|
3710
3627
|
function adoptVariants() {
|
|
3711
|
-
adoptStyles('variants', css$
|
|
3628
|
+
adoptStyles('variants', css$H);
|
|
3712
3629
|
}
|
|
3713
3630
|
/** Apply a variant to the whole page (or `root`); `null` removes it. */
|
|
3714
3631
|
function setVariant(variant, root = typeof document !== 'undefined' ? document.documentElement : null) {
|
|
@@ -3721,7 +3638,7 @@ function setVariant(variant, root = typeof document !== 'undefined' ? document.d
|
|
|
3721
3638
|
root.removeAttribute('data-usa-variant');
|
|
3722
3639
|
}
|
|
3723
3640
|
|
|
3724
|
-
var css$
|
|
3641
|
+
var css$G = "";
|
|
3725
3642
|
|
|
3726
3643
|
/**
|
|
3727
3644
|
* Windows 11 **Fluent preset** (v2.8): applies the `fluent` variant
|
|
@@ -3736,7 +3653,7 @@ function fluentPreset(options = {}) {
|
|
|
3736
3653
|
if (typeof document === 'undefined')
|
|
3737
3654
|
return () => undefined;
|
|
3738
3655
|
const root = options.root || document.documentElement;
|
|
3739
|
-
adoptStyles('fluent-preset', css$
|
|
3656
|
+
adoptStyles('fluent-preset', css$G);
|
|
3740
3657
|
setVariant('fluent', root);
|
|
3741
3658
|
root.classList.add('usa-fluent');
|
|
3742
3659
|
if (options.mica !== false)
|
|
@@ -3799,7 +3716,7 @@ function defineBackgroundComponents() {
|
|
|
3799
3716
|
|
|
3800
3717
|
var shadowCss = ":host{display:contents}dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:inherit;overflow:hidden}dialog:not([open]){display:none}dialog::backdrop{background:transparent}[part=\"backdrop\"]{position:absolute;inset:0;background:var(--usa-dialog-backdrop,rgb(0 0 0 / 0.42))}[part=\"panel\"]{position:absolute;left:50%;top:50%;translate:-50% -50%;box-sizing:border-box;width:min(var(--usa-dialog-width,480px),calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:var(--usa-dialog-padding,24px);border-radius:var(--usa-dialog-radius,12px);background:var(--usa-dialog-bg,Canvas);color:var(--usa-dialog-fg,CanvasText);box-shadow:0 32px 64px -12px rgb(0 0 0 / 0.45),0 0 0 1px rgb(127 127 127 / 0.18)}dialog[data-kind^=\"drawer\"] [part=\"panel\"]{top:0;bottom:0;translate:none;max-height:none;height:100%;border-radius:0;width:min(var(--usa-dialog-width,380px),88vw)}dialog[data-kind=\"drawer-start\"] [part=\"panel\"]{left:0}dialog[data-kind=\"drawer-end\"] [part=\"panel\"]{left:auto;right:0}dialog[data-kind=\"drawer-bottom\"] [part=\"panel\"],dialog[data-kind=\"sheet\"] [part=\"panel\"]{top:auto;bottom:0;left:0;right:0;translate:none;width:100%;height:auto;max-height:85vh;border-radius:var(--usa-dialog-radius,16px) var(--usa-dialog-radius,16px) 0 0}dialog[data-kind=\"sheet\"] [part=\"panel\"]{left:50%;translate:-50% 0;width:min(var(--usa-dialog-width,560px),100vw)}";
|
|
3801
3718
|
|
|
3802
|
-
var css$
|
|
3719
|
+
var css$F = "";
|
|
3803
3720
|
|
|
3804
3721
|
const FROM = {
|
|
3805
3722
|
modal: 'scale(0.94)',
|
|
@@ -3954,10 +3871,10 @@ function defineDialog(tag = 'usa-dialog') {
|
|
|
3954
3871
|
const b = this._backdrop ? this.motion(this._backdrop, backdrop, { duration, easing: 'linear', fill }) : null;
|
|
3955
3872
|
return Promise.all([a?.finished, b?.finished].map((p) => p?.catch(() => undefined))).then(() => undefined);
|
|
3956
3873
|
}
|
|
3957
|
-
}, { id: 'dialog', text: css$
|
|
3874
|
+
}, { id: 'dialog', text: css$F });
|
|
3958
3875
|
}
|
|
3959
3876
|
|
|
3960
|
-
var css$
|
|
3877
|
+
var css$E = "";
|
|
3961
3878
|
|
|
3962
3879
|
function defineAccordion(tag = 'usa-accordion') {
|
|
3963
3880
|
return defineElement(tag, (Base) => class UsaAccordion extends Base {
|
|
@@ -4023,10 +3940,10 @@ function defineAccordion(tag = 'usa-accordion') {
|
|
|
4023
3940
|
d.removeAttribute('data-closing');
|
|
4024
3941
|
}
|
|
4025
3942
|
}
|
|
4026
|
-
}, { id: 'accordion', text: css$
|
|
3943
|
+
}, { id: 'accordion', text: css$E });
|
|
4027
3944
|
}
|
|
4028
3945
|
|
|
4029
|
-
var css$
|
|
3946
|
+
var css$D = "";
|
|
4030
3947
|
|
|
4031
3948
|
function defineViewSwitch(tag = 'usa-view-switch') {
|
|
4032
3949
|
return defineElement(tag, (Base) => class UsaViewSwitch extends Base {
|
|
@@ -4119,7 +4036,7 @@ function defineViewSwitch(tag = 'usa-view-switch') {
|
|
|
4119
4036
|
this.setVisible(from, false);
|
|
4120
4037
|
a?.cancel();
|
|
4121
4038
|
}
|
|
4122
|
-
}, { id: 'view-switch', text: css$
|
|
4039
|
+
}, { id: 'view-switch', text: css$D });
|
|
4123
4040
|
}
|
|
4124
4041
|
|
|
4125
4042
|
/**
|
|
@@ -4431,7 +4348,7 @@ function rubberBand(distance, dimension, constant = 0.55) {
|
|
|
4431
4348
|
return sign * (1 - 1 / ((d * constant) / dimension + 1)) * dimension;
|
|
4432
4349
|
}
|
|
4433
4350
|
|
|
4434
|
-
var css$
|
|
4351
|
+
var css$C = "";
|
|
4435
4352
|
|
|
4436
4353
|
const SPRING_EFFECTS = ['bounce-in', 'pop', 'drop', 'jelly', 'rubber-band'];
|
|
4437
4354
|
/** Entrance effects start hidden; attention effects (jelly, rubber-band) play on visible content. */
|
|
@@ -4546,10 +4463,10 @@ function defineSpring(tag = 'usa-spring') {
|
|
|
4546
4463
|
this.setAttribute('data-state', 'done');
|
|
4547
4464
|
this.emit('complete', { effect });
|
|
4548
4465
|
}
|
|
4549
|
-
}, { id: 'spring', text: css$
|
|
4466
|
+
}, { id: 'spring', text: css$C });
|
|
4550
4467
|
}
|
|
4551
4468
|
|
|
4552
|
-
var css$
|
|
4469
|
+
var css$B = "";
|
|
4553
4470
|
|
|
4554
4471
|
const parseSnap = (s) => {
|
|
4555
4472
|
if (!s.trim())
|
|
@@ -4746,10 +4663,10 @@ function defineDraggable(tag = 'usa-draggable') {
|
|
|
4746
4663
|
reset() {
|
|
4747
4664
|
this.go(0, 0);
|
|
4748
4665
|
}
|
|
4749
|
-
}, { id: 'draggable', text: css$
|
|
4666
|
+
}, { id: 'draggable', text: css$B });
|
|
4750
4667
|
}
|
|
4751
4668
|
|
|
4752
|
-
var css$
|
|
4669
|
+
var css$A = "";
|
|
4753
4670
|
|
|
4754
4671
|
function defineOverscroll(tag = 'usa-overscroll') {
|
|
4755
4672
|
return defineElement(tag, (Base) => class UsaOverscroll extends Base {
|
|
@@ -4838,7 +4755,7 @@ function defineOverscroll(tag = 'usa-overscroll') {
|
|
|
4838
4755
|
this._spring?.stop();
|
|
4839
4756
|
this.set(0);
|
|
4840
4757
|
}
|
|
4841
|
-
}, { id: 'overscroll', text: css$
|
|
4758
|
+
}, { id: 'overscroll', text: css$A });
|
|
4842
4759
|
}
|
|
4843
4760
|
|
|
4844
4761
|
/**
|
|
@@ -4855,7 +4772,7 @@ function definePhysicsComponents() {
|
|
|
4855
4772
|
defineOverscroll();
|
|
4856
4773
|
}
|
|
4857
4774
|
|
|
4858
|
-
var css$
|
|
4775
|
+
var css$z = "";
|
|
4859
4776
|
|
|
4860
4777
|
const CARD_EFFECTS = ['flip', 'holo', 'glass', 'border-glow', 'conic-border', 'lift', 'spotlight', 'sheen', 'parallax-layers', 'expand'];
|
|
4861
4778
|
/** Effects that follow the pointer (they share one rAF-throttled tracker). */
|
|
@@ -5060,7 +4977,7 @@ function defineCard(tag = 'usa-card') {
|
|
|
5060
4977
|
const a = this.motion(this, [{ transformOrigin: '0 0', transform: `translate(${dx}px, ${dy}px) scale(${sx}, ${sy})` }, { transformOrigin: '0 0', transform: 'none' }], { duration: Math.min(duration, 900), easing: easing || EASE_OUT });
|
|
5061
4978
|
await a?.finished.catch(() => undefined);
|
|
5062
4979
|
}
|
|
5063
|
-
}, { id: 'card', text: css$
|
|
4980
|
+
}, { id: 'card', text: css$z });
|
|
5064
4981
|
}
|
|
5065
4982
|
function deco(cls) {
|
|
5066
4983
|
const s = document.createElement('span');
|
|
@@ -5074,7 +4991,7 @@ function interactive(t, host) {
|
|
|
5074
4991
|
return !!el && el !== host && host.contains(el);
|
|
5075
4992
|
}
|
|
5076
4993
|
|
|
5077
|
-
var css$
|
|
4994
|
+
var css$y = "";
|
|
5078
4995
|
|
|
5079
4996
|
function defineCardStack(tag = 'usa-card-stack') {
|
|
5080
4997
|
return defineElement(tag, (Base) => class UsaCardStack extends Base {
|
|
@@ -5197,10 +5114,10 @@ function defineCardStack(tag = 'usa-card-stack') {
|
|
|
5197
5114
|
if (!this.top)
|
|
5198
5115
|
this.emit('empty');
|
|
5199
5116
|
}
|
|
5200
|
-
}, { id: 'card-stack', text: css$
|
|
5117
|
+
}, { id: 'card-stack', text: css$y });
|
|
5201
5118
|
}
|
|
5202
5119
|
|
|
5203
|
-
var css$
|
|
5120
|
+
var css$x = "";
|
|
5204
5121
|
|
|
5205
5122
|
function defineStickyStack(tag = 'usa-sticky-stack') {
|
|
5206
5123
|
return defineElement(tag, (Base) => class UsaStickyStack extends Base {
|
|
@@ -5264,10 +5181,10 @@ function defineStickyStack(tag = 'usa-sticky-stack') {
|
|
|
5264
5181
|
c.style.filter = covered > 0.001 ? `brightness(${(1 - Math.min(0.35, covered * 0.12)).toFixed(3)})` : '';
|
|
5265
5182
|
});
|
|
5266
5183
|
}
|
|
5267
|
-
}, { id: 'sticky-stack', text: css$
|
|
5184
|
+
}, { id: 'sticky-stack', text: css$x });
|
|
5268
5185
|
}
|
|
5269
5186
|
|
|
5270
|
-
var css$
|
|
5187
|
+
var css$w = "";
|
|
5271
5188
|
|
|
5272
5189
|
function defineCarousel3d(tag = 'usa-carousel-3d') {
|
|
5273
5190
|
return defineElement(tag, (Base) => class UsaCarousel3d extends Base {
|
|
@@ -5386,7 +5303,7 @@ function defineCarousel3d(tag = 'usa-carousel-3d') {
|
|
|
5386
5303
|
prev() {
|
|
5387
5304
|
this.goTo(this._i - 1);
|
|
5388
5305
|
}
|
|
5389
|
-
}, { id: 'carousel-3d', text: css$
|
|
5306
|
+
}, { id: 'carousel-3d', text: css$w });
|
|
5390
5307
|
}
|
|
5391
5308
|
|
|
5392
5309
|
/**
|
|
@@ -5509,7 +5426,7 @@ function haptic(pattern = 10) {
|
|
|
5509
5426
|
}
|
|
5510
5427
|
}
|
|
5511
5428
|
|
|
5512
|
-
var css$
|
|
5429
|
+
var css$v = "";
|
|
5513
5430
|
|
|
5514
5431
|
const CLICK_EFFECTS = ['ripple', 'burst', 'confetti', 'squish', 'press-spring', 'shake'];
|
|
5515
5432
|
function defineClick(tag = 'usa-click') {
|
|
@@ -5633,10 +5550,10 @@ function defineClick(tag = 'usa-click') {
|
|
|
5633
5550
|
: [{ transform: from }, { transform: 'none' }];
|
|
5634
5551
|
this._press = this.motion(this, frames, fx.includes('squish') ? { duration: 520, easing: 'ease-out' } : springEasing('bouncy'));
|
|
5635
5552
|
}
|
|
5636
|
-
}, { id: 'click', text: css$
|
|
5553
|
+
}, { id: 'click', text: css$v });
|
|
5637
5554
|
}
|
|
5638
5555
|
|
|
5639
|
-
var css$
|
|
5556
|
+
var css$u = "";
|
|
5640
5557
|
|
|
5641
5558
|
const BUTTON_DEFORMS = ['squash', 'wobble', 'gooey', 'dent'];
|
|
5642
5559
|
let gooInjected = false;
|
|
@@ -5903,10 +5820,10 @@ function defineButton(tag = 'usa-button') {
|
|
|
5903
5820
|
}
|
|
5904
5821
|
this.emit('state', { state: s });
|
|
5905
5822
|
}
|
|
5906
|
-
}, { id: 'button', text: css$
|
|
5823
|
+
}, { id: 'button', text: css$u });
|
|
5907
5824
|
}
|
|
5908
5825
|
|
|
5909
|
-
var css$
|
|
5826
|
+
var css$t = "";
|
|
5910
5827
|
|
|
5911
5828
|
const C = [[12, 12], [12, 12], [12, 12], [12, 12]];
|
|
5912
5829
|
/**
|
|
@@ -6014,10 +5931,10 @@ function defineIconMorph(tag = 'usa-icon-morph') {
|
|
|
6014
5931
|
next() {
|
|
6015
5932
|
this.show(this._i + 1);
|
|
6016
5933
|
}
|
|
6017
|
-
}, { id: 'icon-morph', text: css$
|
|
5934
|
+
}, { id: 'icon-morph', text: css$t });
|
|
6018
5935
|
}
|
|
6019
5936
|
|
|
6020
|
-
var css$
|
|
5937
|
+
var css$s = "";
|
|
6021
5938
|
|
|
6022
5939
|
const HEART = 'M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.7 4.5c2.1 0 3.6 1.2 5.3 3.2 1.7-2 3.2-3.2 5.3-3.2 3.7 0 5.8 3.9 4.3 7.3C19.5 16.4 12 21 12 21z';
|
|
6023
5940
|
function defineLike(tag = 'usa-like') {
|
|
@@ -6093,10 +6010,10 @@ function defineLike(tag = 'usa-like') {
|
|
|
6093
6010
|
this.dispatchEvent(new Event('change', { bubbles: true }));
|
|
6094
6011
|
this.emit('change', { liked: next, count: this.count });
|
|
6095
6012
|
}
|
|
6096
|
-
}, { id: 'like', text: css$
|
|
6013
|
+
}, { id: 'like', text: css$s });
|
|
6097
6014
|
}
|
|
6098
6015
|
|
|
6099
|
-
var css$
|
|
6016
|
+
var css$r = "";
|
|
6100
6017
|
|
|
6101
6018
|
function defineHold(tag = 'usa-hold') {
|
|
6102
6019
|
return defineElement(tag, (Base) => class UsaHold extends Base {
|
|
@@ -6207,10 +6124,10 @@ function defineHold(tag = 'usa-hold') {
|
|
|
6207
6124
|
cancel() {
|
|
6208
6125
|
this.stop();
|
|
6209
6126
|
}
|
|
6210
|
-
}, { id: 'hold', text: css$
|
|
6127
|
+
}, { id: 'hold', text: css$r });
|
|
6211
6128
|
}
|
|
6212
6129
|
|
|
6213
|
-
var css$
|
|
6130
|
+
var css$q = "";
|
|
6214
6131
|
|
|
6215
6132
|
function defineDoubleTap(tag = 'usa-double-tap') {
|
|
6216
6133
|
return defineElement(tag, (Base) => class UsaDoubleTap extends Base {
|
|
@@ -6268,10 +6185,10 @@ function defineDoubleTap(tag = 'usa-double-tap') {
|
|
|
6268
6185
|
haptic(15);
|
|
6269
6186
|
this.emit('double-tap', { x: x - r.left, y: y - r.top });
|
|
6270
6187
|
}
|
|
6271
|
-
}, { id: 'double-tap', text: css$
|
|
6188
|
+
}, { id: 'double-tap', text: css$q });
|
|
6272
6189
|
}
|
|
6273
6190
|
|
|
6274
|
-
var css$
|
|
6191
|
+
var css$p = "";
|
|
6275
6192
|
|
|
6276
6193
|
function defineCheckbox(tag = 'usa-checkbox') {
|
|
6277
6194
|
return defineElement(tag, (Base) => {
|
|
@@ -6343,7 +6260,7 @@ function defineCheckbox(tag = 'usa-checkbox') {
|
|
|
6343
6260
|
}
|
|
6344
6261
|
UsaCheckbox.formAssociated = true;
|
|
6345
6262
|
return UsaCheckbox;
|
|
6346
|
-
}, { id: 'checkbox', text: css$
|
|
6263
|
+
}, { id: 'checkbox', text: css$p });
|
|
6347
6264
|
}
|
|
6348
6265
|
|
|
6349
6266
|
/**
|
|
@@ -6398,7 +6315,7 @@ function place(floating, anchor, placement = 'top', gap = 8) {
|
|
|
6398
6315
|
let uid = 0;
|
|
6399
6316
|
const nextId = (prefix) => `${prefix}-${++uid}`;
|
|
6400
6317
|
|
|
6401
|
-
var css$
|
|
6318
|
+
var css$o = "";
|
|
6402
6319
|
|
|
6403
6320
|
function defineTabs(tag = 'usa-tabs') {
|
|
6404
6321
|
adoptVariants();
|
|
@@ -6501,10 +6418,10 @@ function defineTabs(tag = 'usa-tabs') {
|
|
|
6501
6418
|
this.motion(p, [{ opacity: 0, transform: `translateX(${i > prev ? 16 : -16}px)` }, { opacity: 1, transform: 'none' }], { duration: 280, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' });
|
|
6502
6419
|
this.emit('change', { index: i });
|
|
6503
6420
|
}
|
|
6504
|
-
}, { id: 'tabs', text: css$
|
|
6421
|
+
}, { id: 'tabs', text: css$o });
|
|
6505
6422
|
}
|
|
6506
6423
|
|
|
6507
|
-
var css$
|
|
6424
|
+
var css$n = "";
|
|
6508
6425
|
|
|
6509
6426
|
/** Shared machinery of `<usa-drawer>` and `<usa-bottom-sheet>`: backdrop, focus, Esc, drag-to-dismiss. */
|
|
6510
6427
|
function makePanel(Base, kind) {
|
|
@@ -6661,7 +6578,7 @@ function makePanel(Base, kind) {
|
|
|
6661
6578
|
}
|
|
6662
6579
|
function defineDrawer(tag = 'usa-drawer') {
|
|
6663
6580
|
adoptVariants();
|
|
6664
|
-
return defineElement(tag, (Base) => makePanel(Base, 'drawer'), { id: 'sheet', text: css$
|
|
6581
|
+
return defineElement(tag, (Base) => makePanel(Base, 'drawer'), { id: 'sheet', text: css$n });
|
|
6665
6582
|
}
|
|
6666
6583
|
function defineBottomSheet(tag = 'usa-bottom-sheet') {
|
|
6667
6584
|
adoptVariants();
|
|
@@ -6704,10 +6621,10 @@ function defineBottomSheet(tag = 'usa-bottom-sheet') {
|
|
|
6704
6621
|
super.render(v);
|
|
6705
6622
|
}
|
|
6706
6623
|
};
|
|
6707
|
-
}, { id: 'sheet', text: css$
|
|
6624
|
+
}, { id: 'sheet', text: css$n });
|
|
6708
6625
|
}
|
|
6709
6626
|
|
|
6710
|
-
var css$
|
|
6627
|
+
var css$m = "";
|
|
6711
6628
|
|
|
6712
6629
|
function definePullRefresh(tag = 'usa-pull-refresh') {
|
|
6713
6630
|
adoptVariants();
|
|
@@ -6806,10 +6723,10 @@ function definePullRefresh(tag = 'usa-pull-refresh') {
|
|
|
6806
6723
|
Promise.resolve(fn(ev)).then(done, done);
|
|
6807
6724
|
});
|
|
6808
6725
|
}
|
|
6809
|
-
}, { id: 'pull-refresh', text: css$
|
|
6726
|
+
}, { id: 'pull-refresh', text: css$m });
|
|
6810
6727
|
}
|
|
6811
6728
|
|
|
6812
|
-
var css$
|
|
6729
|
+
var css$l = "";
|
|
6813
6730
|
|
|
6814
6731
|
function defineFab(tag = 'usa-fab') {
|
|
6815
6732
|
adoptVariants();
|
|
@@ -6895,10 +6812,10 @@ function defineFab(tag = 'usa-fab') {
|
|
|
6895
6812
|
this.apply(true);
|
|
6896
6813
|
this.emit('toggle', { open: next });
|
|
6897
6814
|
}
|
|
6898
|
-
}, { id: 'fab', text: css$
|
|
6815
|
+
}, { id: 'fab', text: css$l });
|
|
6899
6816
|
}
|
|
6900
6817
|
|
|
6901
|
-
var css$
|
|
6818
|
+
var css$k = "";
|
|
6902
6819
|
|
|
6903
6820
|
function defineNavbar(tag = 'usa-navbar') {
|
|
6904
6821
|
adoptVariants();
|
|
@@ -6951,10 +6868,10 @@ function defineNavbar(tag = 'usa-navbar') {
|
|
|
6951
6868
|
this.removeAttribute('data-hidden');
|
|
6952
6869
|
this.emit('show');
|
|
6953
6870
|
}
|
|
6954
|
-
}, { id: 'navbar', text: css$
|
|
6871
|
+
}, { id: 'navbar', text: css$k });
|
|
6955
6872
|
}
|
|
6956
6873
|
|
|
6957
|
-
var css$
|
|
6874
|
+
var css$j = "";
|
|
6958
6875
|
|
|
6959
6876
|
function defineSlider(tag = 'usa-slider') {
|
|
6960
6877
|
adoptVariants();
|
|
@@ -7075,10 +6992,10 @@ function defineSlider(tag = 'usa-slider') {
|
|
|
7075
6992
|
}
|
|
7076
6993
|
UsaSlider.formAssociated = true;
|
|
7077
6994
|
return UsaSlider;
|
|
7078
|
-
}, { id: 'slider', text: css$
|
|
6995
|
+
}, { id: 'slider', text: css$j });
|
|
7079
6996
|
}
|
|
7080
6997
|
|
|
7081
|
-
var css$
|
|
6998
|
+
var css$i = "";
|
|
7082
6999
|
|
|
7083
7000
|
function defineRating(tag = 'usa-rating') {
|
|
7084
7001
|
adoptVariants();
|
|
@@ -7163,64 +7080,7 @@ function defineRating(tag = 'usa-rating') {
|
|
|
7163
7080
|
}
|
|
7164
7081
|
UsaRating.formAssociated = true;
|
|
7165
7082
|
return UsaRating;
|
|
7166
|
-
}, { id: 'rating', text: css$
|
|
7167
|
-
}
|
|
7168
|
-
|
|
7169
|
-
var css$i = "";
|
|
7170
|
-
|
|
7171
|
-
function defineTooltip(tag = 'usa-tooltip') {
|
|
7172
|
-
adoptVariants();
|
|
7173
|
-
return defineElement(tag, (Base) => class UsaTooltip extends Base {
|
|
7174
|
-
constructor() {
|
|
7175
|
-
super(...arguments);
|
|
7176
|
-
this._tip = null;
|
|
7177
|
-
}
|
|
7178
|
-
static get observedAttributes() {
|
|
7179
|
-
return ['text'];
|
|
7180
|
-
}
|
|
7181
|
-
mount() {
|
|
7182
|
-
deprecate('usa-tooltip', '<usa-tooltip> is deprecated since 6.9 and removed in 7.0 — use <usa-tip> (motionary/components/widgets; npx usa-codemod-7).');
|
|
7183
|
-
const trigger = this.firstElementChild || this;
|
|
7184
|
-
const tip = document.createElement('span');
|
|
7185
|
-
tip.className = 'usa-tooltip-bubble usa-surface';
|
|
7186
|
-
tip.setAttribute('role', 'tooltip');
|
|
7187
|
-
tip.id = nextId('usa-tip');
|
|
7188
|
-
tip.textContent = this.str('text');
|
|
7189
|
-
tip.hidden = true;
|
|
7190
|
-
this.append(tip);
|
|
7191
|
-
this._tip = tip;
|
|
7192
|
-
trigger.setAttribute('aria-describedby', tip.id);
|
|
7193
|
-
const later = () => {
|
|
7194
|
-
clearTimeout(this._t);
|
|
7195
|
-
this._t = setTimeout(() => this.show(), this.num('delay', 300));
|
|
7196
|
-
};
|
|
7197
|
-
this.listen(this, 'pointerenter', later);
|
|
7198
|
-
this.listen(this, 'pointerleave', () => this.hide());
|
|
7199
|
-
this.listen(this, 'focusin', () => this.show());
|
|
7200
|
-
this.listen(this, 'focusout', () => this.hide());
|
|
7201
|
-
this.listen(document, 'keydown', (e) => e.key === 'Escape' && this.hide());
|
|
7202
|
-
this.onCleanup(() => {
|
|
7203
|
-
clearTimeout(this._t);
|
|
7204
|
-
tip.remove();
|
|
7205
|
-
trigger.removeAttribute('aria-describedby');
|
|
7206
|
-
});
|
|
7207
|
-
}
|
|
7208
|
-
show() {
|
|
7209
|
-
const tip = this._tip;
|
|
7210
|
-
if (!tip || !tip.hidden || !this.str('text'))
|
|
7211
|
-
return;
|
|
7212
|
-
clearTimeout(this._t);
|
|
7213
|
-
tip.hidden = false;
|
|
7214
|
-
const p = place(tip, this.firstElementChild || this, this.str('placement', 'top'));
|
|
7215
|
-
const d = { top: [0, 6], bottom: [0, -6], left: [6, 0], right: [-6, 0] }[p];
|
|
7216
|
-
this.motion(tip, this.reduced ? [{ opacity: 0 }, { opacity: 1 }] : [{ opacity: 0, transform: `translate(${d[0]}px, ${d[1]}px) scale(0.85)` }, { opacity: 1, transform: 'none' }], this.reduced ? { duration: 120 } : springEasing('stiff'));
|
|
7217
|
-
}
|
|
7218
|
-
hide() {
|
|
7219
|
-
clearTimeout(this._t);
|
|
7220
|
-
if (this._tip)
|
|
7221
|
-
this._tip.hidden = true;
|
|
7222
|
-
}
|
|
7223
|
-
}, { id: 'tooltip', text: css$i });
|
|
7083
|
+
}, { id: 'rating', text: css$i });
|
|
7224
7084
|
}
|
|
7225
7085
|
|
|
7226
7086
|
var css$h = "";
|
|
@@ -7374,7 +7234,7 @@ function defineAvatarStack(tag = 'usa-avatar-stack') {
|
|
|
7374
7234
|
* motionary/components/ui — animated UI components + style variants (v2.6).
|
|
7375
7235
|
* `<usa-tabs>`, `<usa-drawer>`, `<usa-bottom-sheet>`, `<usa-pull-refresh>`,
|
|
7376
7236
|
* `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`, `<usa-rating>`,
|
|
7377
|
-
* `<usa-
|
|
7237
|
+
* `<usa-popover>`, `<usa-badge>`, `<usa-avatar-stack>`,
|
|
7378
7238
|
* and `variant="minimal | neon | glass | brutalist | fluent | material"`
|
|
7379
7239
|
* design tokens (`setVariant()`, `VARIANTS`).
|
|
7380
7240
|
*/
|
|
@@ -7388,7 +7248,6 @@ function defineUiComponents() {
|
|
|
7388
7248
|
defineNavbar();
|
|
7389
7249
|
defineSlider();
|
|
7390
7250
|
defineRating();
|
|
7391
|
-
defineTooltip();
|
|
7392
7251
|
definePopover();
|
|
7393
7252
|
defineBadge();
|
|
7394
7253
|
defineAvatarStack();
|
|
@@ -10825,5 +10684,5 @@ function defineComponents(categories) {
|
|
|
10825
10684
|
const STYLE_BASE = new URL('../', import.meta.url).href;
|
|
10826
10685
|
onDemandStyles(STYLE_BASE);
|
|
10827
10686
|
|
|
10828
|
-
export { ALL_TAGS, AMBIENT_EFFECTS, ANIM_ICONS, BRIDGE_PROTOCOL_VERSION, BUILTIN_EFFECTS, BUTTON_DEFORMS, CARD_EFFECTS, CLICK_EFFECTS, COMPONENT_CATEGORIES, CURSOR_MODES, EFFECT_KINDS, EFFECT_TRIGGERS, GL_FALLBACKS, JOINING_SCRIPT, LIVE_REGION_IDS, MASK_SHAPES, MORPH_ICONS, MOTION_SCALE, MOTION_SENSITIVITY, MOTION_SENSITIVITY_LEVELS, MOTION_TOKENS, PACKS, PACK_PRIMITIVES, PAGE_EFFECTS, PARTICLE_PRESETS, POST_EFFECTS, REVEAL_EFFECTS, SENSITIVITY_CSS, SHADERS, SPINNER_VARIANTS, SPRING_EFFECTS, SPRING_PRESETS, STATIC_ALTERNATIVES, STYLE_BASE, TIMELINE_PRESETS, VARIANTS, activeAnimations, adaptKeyframes, adoptVariants, animateWithMotion, animationBudget, announce, applyMotionTokens, applyNativeSettings, applyPack, auditMotionA11y, autoAnimate, autoDegrade, baselineReport, bindEffect, categoryOf, configureComponents, connectNativeShell, countUp, createSpring, defineAccordion, defineAcrylic, defineAmbient, defineAnimIcon, defineAurora, defineAutoAnimate, defineAutoSkeleton, defineAvatarStack, defineBackToTop, defineBackgroundComponents, defineBadge, defineBlobs, defineBottomSheet, defineButton, defineCard, defineCardComponents, defineCardStack, defineCarousel3d, defineCheck, defineCheckbox, defineClick, defineClickComponents, defineComponents, defineCounter, defineCube, defineCursor, defineDepth, defineDepthComponents, defineDialog, defineDistort, defineDotNetwork, defineDoubleTap, defineDraggable, defineDraw, defineDrawer, defineFab, defineFeedbackComponents, defineFullpage, defineFx, defineFxComponents, defineGestureComponents, defineGlitch, defineGradientText, defineGrain, defineGridGlow, defineHandwriting, defineHold, defineIconMorph, defineInteractionComponents, defineLayoutComponents, defineLike, defineLiquid, defineLoadingBar, defineMagnetic, defineMarquee, defineMaskReveal, defineMasonry, defineMorph, defineMotionSwitch, defineNavbar, defineOverscroll, definePack, definePacksComponents, definePageComponents, defineParticles, definePhysicsComponents, definePinchZoom, definePopover, definePostFx, definePress, defineProgress, definePullRefresh, defineRating, defineReveal, defineRevealComponents, defineRipple, defineScramble, defineScrollHighlight, defineScrollProgress, defineScrolly, defineShader, defineShimmerText, defineSkeleton, defineSlider, defineSpinner, defineSplash, defineSplitText, defineSpotlight, defineSpring, defineStagger, defineStickyStack, defineSvgComponents, defineSwipeable, defineTabs, defineTextComponents, defineTextRotate, defineTilt, defineTimeline, defineTimelineComponents, defineToaster,
|
|
10687
|
+
export { ALL_TAGS, AMBIENT_EFFECTS, ANIM_ICONS, BRIDGE_PROTOCOL_VERSION, BUILTIN_EFFECTS, BUTTON_DEFORMS, CARD_EFFECTS, CLICK_EFFECTS, COMPONENT_CATEGORIES, CURSOR_MODES, EFFECT_KINDS, EFFECT_TRIGGERS, GL_FALLBACKS, JOINING_SCRIPT, LIVE_REGION_IDS, MASK_SHAPES, MORPH_ICONS, MOTION_SCALE, MOTION_SENSITIVITY, MOTION_SENSITIVITY_LEVELS, MOTION_TOKENS, PACKS, PACK_PRIMITIVES, PAGE_EFFECTS, PARTICLE_PRESETS, POST_EFFECTS, REVEAL_EFFECTS, SENSITIVITY_CSS, SHADERS, SPINNER_VARIANTS, SPRING_EFFECTS, SPRING_PRESETS, STATIC_ALTERNATIVES, STYLE_BASE, TIMELINE_PRESETS, VARIANTS, activeAnimations, adaptKeyframes, adoptVariants, animateWithMotion, animationBudget, announce, applyMotionTokens, applyNativeSettings, applyPack, auditMotionA11y, autoAnimate, autoDegrade, baselineReport, bindEffect, categoryOf, configureComponents, connectNativeShell, countUp, createSpring, defineAccordion, defineAcrylic, defineAmbient, defineAnimIcon, defineAurora, defineAutoAnimate, defineAutoSkeleton, defineAvatarStack, defineBackToTop, defineBackgroundComponents, defineBadge, defineBlobs, defineBottomSheet, defineButton, defineCard, defineCardComponents, defineCardStack, defineCarousel3d, defineCheck, defineCheckbox, defineClick, defineClickComponents, defineComponents, defineCounter, defineCube, defineCursor, defineDepth, defineDepthComponents, defineDialog, defineDistort, defineDotNetwork, defineDoubleTap, defineDraggable, defineDraw, defineDrawer, defineFab, defineFeedbackComponents, defineFullpage, defineFx, defineFxComponents, defineGestureComponents, defineGlitch, defineGradientText, defineGrain, defineGridGlow, defineHandwriting, defineHold, defineIconMorph, defineInteractionComponents, defineLayoutComponents, defineLike, defineLiquid, defineLoadingBar, defineMagnetic, defineMarquee, defineMaskReveal, defineMasonry, defineMorph, defineMotionSwitch, defineNavbar, defineOverscroll, definePack, definePacksComponents, definePageComponents, defineParticles, definePhysicsComponents, definePinchZoom, definePopover, definePostFx, definePress, defineProgress, definePullRefresh, defineRating, defineReveal, defineRevealComponents, defineRipple, defineScramble, defineScrollHighlight, defineScrollProgress, defineScrolly, defineShader, defineShimmerText, defineSkeleton, defineSlider, defineSpinner, defineSplash, defineSplitText, defineSpotlight, defineSpring, defineStagger, defineStickyStack, defineSvgComponents, defineSwipeable, defineTabs, defineTextComponents, defineTextRotate, defineTilt, defineTimeline, defineTimelineComponents, defineToaster, defineTransitionComponents, defineTypewriter, defineUiComponents, defineViewSwitch, defineWaterRipple, defineWaveText, defineWebglComponents, detectNativeHost, deviceTilt, drawLines, easeOutExpo, enableMpaTransitions, flip, flipFrames, fluentPreset, flyToCart, fragmentSource, gesture, getEffect, getMotionIntensity, getMotionLevel, getMotionSensitivity, getMotionTokens, glFallbackCss, glGovernor, glQuad, graphemes, haptic, hasEffect, importMotionTokens, interpolatePath, linearEasing, listEffects, liveRegion, loadCategoryStyles, loadedStyles, loadingBar, masonryLayout, mergeMotionTokens, morphPath, morphTo, motionAllowed, motionScale, motionToken, motionTokensToCss, motionTokensToJSON, motionTokensToVars, motionVar, onDemandStyles, onFrame, orientationToTilt, pageTransition, parseDuration, parseEasing, parseNativeSettings, pathsCompatible, pinchScale, playEffect, postFxShader, postToNative, prefersReducedMotion, projectInertia, readScrollProgress, registerBuiltinEffects, registerEffect, registerEffects, requestOrientationPermission, resolveDurationToken, resolveEasingToken, resolvePosition, resolveSpring, restoreMotionIntensity, restoreMotionSensitivity, revealKeyframes, rubberBand, schedulerStats, scrambleFrame, scrollToTarget, setAnimationBudget, setMotionIntensity, setMotionLevel, setMotionSensitivity, setVariant, sharedTransition, smoothScroll, snapTo, splitOrder, splitText, splitTimeline, words as splitWords, spring, springEasing, springEffectKeyframes, springSamples, staticAlternative, stepSpring, supportsLinearEasing, supportsNativeScrub, supportsOrientation, supportsViewTransitions, supportsWebGL, swipeDirection, themeTransition, timeline, toast, viewTransition, warnBaseline, watchPowerSaver, withoutDeprecations };
|
|
10829
10688
|
//# sourceMappingURL=lite.js.map
|