motionary 6.8.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 +39 -0
- package/README.md +2 -2
- package/README_ja.md +2 -2
- package/README_zh.md +2 -2
- package/bin/usa-codemod-7.mjs +91 -0
- package/dist/chunks/{gpu-CsP2ZB3x.js → gpu-Bkw605Ds.js} +183 -5
- package/dist/chunks/gpu-Bkw605Ds.js.map +1 -0
- package/dist/chunks/{gpu-BBRLgEzM.cjs → gpu-Dx0H875w.cjs} +187 -4
- 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-C-TwEEy6.js +516 -0
- package/dist/chunks/player-C-TwEEy6.js.map +1 -0
- package/dist/chunks/player-PS6_FzNw.cjs +525 -0
- package/dist/chunks/player-PS6_FzNw.cjs.map +1 -0
- 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 +1 -1
- 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 +2 -2
- package/dist/components/angular.js.map +1 -1
- package/dist/components/effects.cjs +13 -522
- package/dist/components/effects.cjs.map +1 -1
- package/dist/components/effects.js +5 -513
- package/dist/components/effects.js.map +1 -1
- package/dist/components/fx-3d.cjs +2 -2
- package/dist/components/fx-3d.cjs.map +1 -1
- package/dist/components/fx-3d.d.cts +2 -2
- package/dist/components/fx-3d.d.ts +2 -2
- package/dist/components/fx-3d.js +2 -2
- package/dist/components/fx-3d.js.map +1 -1
- package/dist/components/fx-focus.cjs +125 -0
- package/dist/components/fx-focus.cjs.map +1 -0
- package/dist/components/fx-focus.d.cts +65 -0
- package/dist/components/fx-focus.d.ts +65 -0
- package/dist/components/fx-focus.js +122 -0
- package/dist/components/fx-focus.js.map +1 -0
- package/dist/components/fx-gpu.cjs +2 -2
- package/dist/components/fx-gpu.d.cts +2 -2
- package/dist/components/fx-gpu.d.ts +2 -2
- package/dist/components/fx-gpu.js +1 -1
- package/dist/components/fx-light.cjs +2 -2
- package/dist/components/fx-light.cjs.map +1 -1
- package/dist/components/fx-light.d.cts +2 -2
- package/dist/components/fx-light.d.ts +2 -2
- package/dist/components/fx-light.js +2 -2
- package/dist/components/fx-light.js.map +1 -1
- package/dist/components/fx-morph.cjs +2 -2
- package/dist/components/fx-morph.cjs.map +1 -1
- package/dist/components/fx-morph.d.cts +2 -2
- package/dist/components/fx-morph.d.ts +2 -2
- package/dist/components/fx-morph.js +2 -2
- package/dist/components/fx-morph.js.map +1 -1
- package/dist/components/fx-physics.cjs +2 -2
- package/dist/components/fx-physics.cjs.map +1 -1
- package/dist/components/fx-physics.d.cts +2 -2
- package/dist/components/fx-physics.d.ts +2 -2
- package/dist/components/fx-physics.js +2 -2
- package/dist/components/fx-physics.js.map +1 -1
- package/dist/components/fx-text.cjs +2 -2
- package/dist/components/fx-text.cjs.map +1 -1
- package/dist/components/fx-text.d.cts +2 -2
- package/dist/components/fx-text.d.ts +2 -2
- package/dist/components/fx-text.js +2 -2
- package/dist/components/fx-text.js.map +1 -1
- package/dist/components/fx-transitions.cjs +2 -2
- package/dist/components/fx-transitions.cjs.map +1 -1
- package/dist/components/fx-transitions.d.cts +2 -2
- package/dist/components/fx-transitions.d.ts +2 -2
- package/dist/components/fx-transitions.js +2 -2
- package/dist/components/fx-transitions.js.map +1 -1
- package/dist/components/fx-weather.cjs +2 -2
- package/dist/components/fx-weather.cjs.map +1 -1
- package/dist/components/fx-weather.d.cts +2 -2
- package/dist/components/fx-weather.d.ts +2 -2
- package/dist/components/fx-weather.js +2 -2
- package/dist/components/fx-weather.js.map +1 -1
- package/dist/components/fx2.cjs +37 -22
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.d.cts +135 -14
- package/dist/components/fx2.d.ts +135 -14
- package/dist/components/fx2.js +25 -21
- package/dist/components/fx2.js.map +1 -1
- package/dist/components/interaction.cjs +11 -94
- 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 +12 -94
- 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/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 -256
- package/dist/components/lite.cjs.map +1 -1
- package/dist/components/lite.js +116 -255
- package/dist/components/lite.js.map +1 -1
- package/dist/components/marketplace.cjs +82 -0
- package/dist/components/marketplace.cjs.map +1 -0
- package/dist/components/marketplace.d.cts +108 -0
- package/dist/components/marketplace.d.ts +108 -0
- package/dist/components/marketplace.js +77 -0
- package/dist/components/marketplace.js.map +1 -0
- 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 +1 -1
- 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/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 +2 -2
- 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 +2 -2
- package/dist/components/svelte.js.map +1 -1
- package/dist/components/ui.cjs +16 -74
- 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 +17 -74
- 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 +2 -2
- package/dist/components/vue.js.map +1 -1
- package/dist/components/widgets.cjs +622 -53
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +106 -2
- package/dist/components/widgets.d.ts +106 -2
- package/dist/components/widgets.js +615 -54
- package/dist/components/widgets.js.map +1 -1
- 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 +3 -3
- package/dist/components.umd.js +2 -2
- package/dist/components.umd.js.map +1 -1
- 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 +41 -2
- package/docs/deprecations.md +4 -0
- package/docs/frameworks-ssr.md +4 -4
- package/docs/hybrid-apps.md +2 -2
- package/docs/upgrading-7.md +43 -0
- package/docs/windows-apps.md +1 -1
- package/package.json +133 -2
- package/dist/chunks/gpu-BBRLgEzM.cjs.map +0 -1
- package/dist/chunks/gpu-CsP2ZB3x.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,94 +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
|
-
if (!this.querySelector(':scope > .usa-toggle-track')) {
|
|
2644
|
-
const track = document.createElement('span');
|
|
2645
|
-
track.className = 'usa-toggle-track';
|
|
2646
|
-
track.setAttribute('aria-hidden', 'true');
|
|
2647
|
-
const knob = document.createElement('span');
|
|
2648
|
-
knob.className = 'usa-toggle-knob';
|
|
2649
|
-
track.append(knob);
|
|
2650
|
-
this.prepend(track);
|
|
2651
|
-
}
|
|
2652
|
-
this.setAttribute('role', 'switch');
|
|
2653
|
-
this.sync();
|
|
2654
|
-
this.listen(this, 'click', () => this.toggle());
|
|
2655
|
-
this.listen(this, 'keydown', (e) => {
|
|
2656
|
-
if (e.key === ' ' || e.key === 'Enter') {
|
|
2657
|
-
e.preventDefault();
|
|
2658
|
-
if (!e.repeat)
|
|
2659
|
-
this.toggle();
|
|
2660
|
-
}
|
|
2661
|
-
});
|
|
2662
|
-
this.listen(this, 'pointerdown', () => !this.disabled && this.setAttribute('data-pressed', ''));
|
|
2663
|
-
for (const t of ['pointerup', 'pointerleave', 'pointercancel'])
|
|
2664
|
-
this.listen(this, t, () => this.removeAttribute('data-pressed'));
|
|
2665
|
-
}
|
|
2666
|
-
toggle(force) {
|
|
2667
|
-
if (this.disabled)
|
|
2668
|
-
return;
|
|
2669
|
-
const next = force === undefined ? !this.checked : force;
|
|
2670
|
-
if (next === this.checked)
|
|
2671
|
-
return;
|
|
2672
|
-
this.checked = next;
|
|
2673
|
-
this.sync();
|
|
2674
|
-
this.dispatchEvent(new Event('change', { bubbles: true }));
|
|
2675
|
-
this.emit('change', { checked: next });
|
|
2676
|
-
}
|
|
2677
|
-
},
|
|
2678
|
-
_a.formAssociated = true,
|
|
2679
|
-
_a; }, { id: 'toggle', text: css$U });
|
|
2598
|
+
}, { id: 'press', text: css$T });
|
|
2680
2599
|
}
|
|
2681
2600
|
|
|
2682
2601
|
/**
|
|
2683
2602
|
* motionary/components/interaction — micro-interactions.
|
|
2684
2603
|
* `<usa-ripple>`, `<usa-magnetic>`, `<usa-tilt>`, `<usa-spotlight>`,
|
|
2685
|
-
* `<usa-press
|
|
2604
|
+
* `<usa-press>`.
|
|
2686
2605
|
*/
|
|
2687
2606
|
/** Register every component of this category under its default tag. */
|
|
2688
2607
|
function defineInteractionComponents() {
|
|
@@ -2691,10 +2610,9 @@ function defineInteractionComponents() {
|
|
|
2691
2610
|
defineTilt();
|
|
2692
2611
|
defineSpotlight();
|
|
2693
2612
|
definePress();
|
|
2694
|
-
defineToggle();
|
|
2695
2613
|
}
|
|
2696
2614
|
|
|
2697
|
-
var css$
|
|
2615
|
+
var css$S = "";
|
|
2698
2616
|
|
|
2699
2617
|
const SPINNER_VARIANTS = ['fluent', 'windows', 'ring', 'dots', 'pulse', 'bars'];
|
|
2700
2618
|
function markup(variant) {
|
|
@@ -2740,10 +2658,10 @@ function defineSpinner(tag = 'usa-spinner') {
|
|
|
2740
2658
|
if (!this.hasAttribute('aria-label') || this.hasAttribute('label'))
|
|
2741
2659
|
this.setAttribute('aria-label', this.str('label', 'Loading'));
|
|
2742
2660
|
}
|
|
2743
|
-
}, { id: 'spinner', text: css$
|
|
2661
|
+
}, { id: 'spinner', text: css$S });
|
|
2744
2662
|
}
|
|
2745
2663
|
|
|
2746
|
-
var css$
|
|
2664
|
+
var css$R = "";
|
|
2747
2665
|
|
|
2748
2666
|
function defineSkeleton(tag = 'usa-skeleton') {
|
|
2749
2667
|
return defineElement(tag, (Base) => class UsaSkeleton extends Base {
|
|
@@ -2823,10 +2741,10 @@ function defineSkeleton(tag = 'usa-skeleton') {
|
|
|
2823
2741
|
}
|
|
2824
2742
|
this.emit('loaded');
|
|
2825
2743
|
}
|
|
2826
|
-
}, { id: 'skeleton', text: css$
|
|
2744
|
+
}, { id: 'skeleton', text: css$R });
|
|
2827
2745
|
}
|
|
2828
2746
|
|
|
2829
|
-
var css$
|
|
2747
|
+
var css$Q = "";
|
|
2830
2748
|
|
|
2831
2749
|
function defineProgress(tag = 'usa-progress') {
|
|
2832
2750
|
return defineElement(tag, (Base) => class UsaProgress extends Base {
|
|
@@ -2889,10 +2807,10 @@ function defineProgress(tag = 'usa-progress') {
|
|
|
2889
2807
|
if (ratio === 1)
|
|
2890
2808
|
this.emit('complete');
|
|
2891
2809
|
}
|
|
2892
|
-
}, { id: 'progress', text: css$
|
|
2810
|
+
}, { id: 'progress', text: css$Q });
|
|
2893
2811
|
}
|
|
2894
2812
|
|
|
2895
|
-
var css$
|
|
2813
|
+
var css$P = "";
|
|
2896
2814
|
|
|
2897
2815
|
const ICONS = {
|
|
2898
2816
|
info: '<path d="M12 8h.01M11 12h1v5h1"/>',
|
|
@@ -3008,7 +2926,7 @@ function defineToaster(tag = 'usa-toaster') {
|
|
|
3008
2926
|
clear() {
|
|
3009
2927
|
this.querySelectorAll('.usa-toast').forEach((t) => t._close?.());
|
|
3010
2928
|
}
|
|
3011
|
-
}, { id: 'toast', text: css$
|
|
2929
|
+
}, { id: 'toast', text: css$P });
|
|
3012
2930
|
}
|
|
3013
2931
|
/**
|
|
3014
2932
|
* Show a toast. Defines `<usa-toaster>` and adds one to `<body>` if the
|
|
@@ -3029,7 +2947,7 @@ function toast(message, options = {}) {
|
|
|
3029
2947
|
return host.show(message, options);
|
|
3030
2948
|
}
|
|
3031
2949
|
|
|
3032
|
-
var css$
|
|
2950
|
+
var css$O = "";
|
|
3033
2951
|
|
|
3034
2952
|
const PATHS = {
|
|
3035
2953
|
success: 'M15 27 l7 7 l14 -15',
|
|
@@ -3106,7 +3024,7 @@ function defineCheck(tag = 'usa-check') {
|
|
|
3106
3024
|
done();
|
|
3107
3025
|
});
|
|
3108
3026
|
}
|
|
3109
|
-
}, { id: 'check', text: css$
|
|
3027
|
+
}, { id: 'check', text: css$O });
|
|
3110
3028
|
}
|
|
3111
3029
|
|
|
3112
3030
|
/**
|
|
@@ -3123,7 +3041,7 @@ function defineFeedbackComponents() {
|
|
|
3123
3041
|
defineCheck();
|
|
3124
3042
|
}
|
|
3125
3043
|
|
|
3126
|
-
var css$
|
|
3044
|
+
var css$N = "";
|
|
3127
3045
|
|
|
3128
3046
|
function defineAurora(tag = 'usa-aurora') {
|
|
3129
3047
|
return defineElement(tag, (Base) => class UsaAurora extends Base {
|
|
@@ -3151,10 +3069,10 @@ function defineAurora(tag = 'usa-aurora') {
|
|
|
3151
3069
|
this.style.setProperty('--usa-aurora-opacity', String(this.num('intensity', 0.7)));
|
|
3152
3070
|
this.inView((v) => this.toggleAttribute('data-offscreen', !v));
|
|
3153
3071
|
}
|
|
3154
|
-
}, { id: 'aurora', text: css$
|
|
3072
|
+
}, { id: 'aurora', text: css$N });
|
|
3155
3073
|
}
|
|
3156
3074
|
|
|
3157
|
-
var css$
|
|
3075
|
+
var css$M = "";
|
|
3158
3076
|
|
|
3159
3077
|
function defineParticles(tag = 'usa-particles') {
|
|
3160
3078
|
return defineElement(tag, (Base) => class UsaParticles extends Base {
|
|
@@ -3313,10 +3231,10 @@ function defineParticles(tag = 'usa-particles') {
|
|
|
3313
3231
|
}
|
|
3314
3232
|
ctx.globalAlpha = 1;
|
|
3315
3233
|
}
|
|
3316
|
-
}, { id: 'particles', text: css$
|
|
3234
|
+
}, { id: 'particles', text: css$M });
|
|
3317
3235
|
}
|
|
3318
3236
|
|
|
3319
|
-
var css$
|
|
3237
|
+
var css$L = "";
|
|
3320
3238
|
|
|
3321
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")`;
|
|
3322
3240
|
function defineGrain(tag = 'usa-grain') {
|
|
@@ -3341,10 +3259,10 @@ function defineGrain(tag = 'usa-grain') {
|
|
|
3341
3259
|
s.opacity = String(this.num('opacity', 0.12));
|
|
3342
3260
|
s.mixBlendMode = this.str('blend', 'overlay');
|
|
3343
3261
|
}
|
|
3344
|
-
}, { id: 'grain', text: css$
|
|
3262
|
+
}, { id: 'grain', text: css$L });
|
|
3345
3263
|
}
|
|
3346
3264
|
|
|
3347
|
-
var css$
|
|
3265
|
+
var css$K = "";
|
|
3348
3266
|
|
|
3349
3267
|
function defineMarquee(tag = 'usa-marquee') {
|
|
3350
3268
|
return defineElement(tag, (Base) => class UsaMarquee extends Base {
|
|
@@ -3464,10 +3382,10 @@ function defineMarquee(tag = 'usa-marquee') {
|
|
|
3464
3382
|
else
|
|
3465
3383
|
super.changed(name);
|
|
3466
3384
|
}
|
|
3467
|
-
}, { id: 'marquee', text: css$
|
|
3385
|
+
}, { id: 'marquee', text: css$K });
|
|
3468
3386
|
}
|
|
3469
3387
|
|
|
3470
|
-
var css$
|
|
3388
|
+
var css$J = "";
|
|
3471
3389
|
|
|
3472
3390
|
function defineAcrylic(tag = 'usa-acrylic') {
|
|
3473
3391
|
return defineElement(tag, (Base) => class UsaAcrylic extends Base {
|
|
@@ -3488,10 +3406,10 @@ function defineAcrylic(tag = 'usa-acrylic') {
|
|
|
3488
3406
|
this.setAttribute('data-shine', '');
|
|
3489
3407
|
}
|
|
3490
3408
|
}
|
|
3491
|
-
}, { id: 'acrylic', text: css$
|
|
3409
|
+
}, { id: 'acrylic', text: css$J });
|
|
3492
3410
|
}
|
|
3493
3411
|
|
|
3494
|
-
var css$
|
|
3412
|
+
var css$I = "";
|
|
3495
3413
|
|
|
3496
3414
|
/** Shared canvas setup: DPR ≤ 2, resize with the host, run only while visible & tab shown. */
|
|
3497
3415
|
function canvasLoop(host, draw, still) {
|
|
@@ -3566,7 +3484,7 @@ function defineGridGlow(tag = 'usa-grid-glow') {
|
|
|
3566
3484
|
});
|
|
3567
3485
|
this.onCleanup(() => caf(f));
|
|
3568
3486
|
}
|
|
3569
|
-
}, { id: 'bg-fx', text: css$
|
|
3487
|
+
}, { id: 'bg-fx', text: css$I });
|
|
3570
3488
|
}
|
|
3571
3489
|
function defineBlobs(tag = 'usa-blobs') {
|
|
3572
3490
|
return defineElement(tag, (Base) => class extends Base {
|
|
@@ -3581,7 +3499,7 @@ function defineBlobs(tag = 'usa-blobs') {
|
|
|
3581
3499
|
this.style.setProperty('--usa-blobs-speed', String(this.num('speed', 1)));
|
|
3582
3500
|
this.style.setProperty('--usa-blobs-blur', `${this.num('blur', 60)}px`);
|
|
3583
3501
|
}
|
|
3584
|
-
}, { id: 'bg-fx', text: css$
|
|
3502
|
+
}, { id: 'bg-fx', text: css$I });
|
|
3585
3503
|
}
|
|
3586
3504
|
function defineWaterRipple(tag = 'usa-water-ripple') {
|
|
3587
3505
|
return defineElement(tag, (Base) => class extends Base {
|
|
@@ -3643,7 +3561,7 @@ function defineWaterRipple(tag = 'usa-water-ripple') {
|
|
|
3643
3561
|
this.drop(e.clientX - r.left, e.clientY - r.top, 1.5);
|
|
3644
3562
|
});
|
|
3645
3563
|
}
|
|
3646
|
-
}, { id: 'bg-fx', text: css$
|
|
3564
|
+
}, { id: 'bg-fx', text: css$I });
|
|
3647
3565
|
}
|
|
3648
3566
|
function defineDotNetwork(tag = 'usa-dot-network') {
|
|
3649
3567
|
return defineElement(tag, (Base) => class extends Base {
|
|
@@ -3686,10 +3604,10 @@ function defineDotNetwork(tag = 'usa-dot-network') {
|
|
|
3686
3604
|
}
|
|
3687
3605
|
}, this.reduced);
|
|
3688
3606
|
}
|
|
3689
|
-
}, { id: 'bg-fx', text: css$
|
|
3607
|
+
}, { id: 'bg-fx', text: css$I });
|
|
3690
3608
|
}
|
|
3691
3609
|
|
|
3692
|
-
var css$
|
|
3610
|
+
var css$H = "";
|
|
3693
3611
|
|
|
3694
3612
|
/**
|
|
3695
3613
|
* Style variants (v2.6): `variant="minimal | neon | glass | brutalist |
|
|
@@ -3707,7 +3625,7 @@ var css$I = "";
|
|
|
3707
3625
|
const VARIANTS = ['minimal', 'neon', 'glass', 'brutalist', 'fluent', 'material'];
|
|
3708
3626
|
/** Inject the variant token sheet (done automatically by every `ui` component). */
|
|
3709
3627
|
function adoptVariants() {
|
|
3710
|
-
adoptStyles('variants', css$
|
|
3628
|
+
adoptStyles('variants', css$H);
|
|
3711
3629
|
}
|
|
3712
3630
|
/** Apply a variant to the whole page (or `root`); `null` removes it. */
|
|
3713
3631
|
function setVariant(variant, root = typeof document !== 'undefined' ? document.documentElement : null) {
|
|
@@ -3720,7 +3638,7 @@ function setVariant(variant, root = typeof document !== 'undefined' ? document.d
|
|
|
3720
3638
|
root.removeAttribute('data-usa-variant');
|
|
3721
3639
|
}
|
|
3722
3640
|
|
|
3723
|
-
var css$
|
|
3641
|
+
var css$G = "";
|
|
3724
3642
|
|
|
3725
3643
|
/**
|
|
3726
3644
|
* Windows 11 **Fluent preset** (v2.8): applies the `fluent` variant
|
|
@@ -3735,7 +3653,7 @@ function fluentPreset(options = {}) {
|
|
|
3735
3653
|
if (typeof document === 'undefined')
|
|
3736
3654
|
return () => undefined;
|
|
3737
3655
|
const root = options.root || document.documentElement;
|
|
3738
|
-
adoptStyles('fluent-preset', css$
|
|
3656
|
+
adoptStyles('fluent-preset', css$G);
|
|
3739
3657
|
setVariant('fluent', root);
|
|
3740
3658
|
root.classList.add('usa-fluent');
|
|
3741
3659
|
if (options.mica !== false)
|
|
@@ -3798,7 +3716,7 @@ function defineBackgroundComponents() {
|
|
|
3798
3716
|
|
|
3799
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)}";
|
|
3800
3718
|
|
|
3801
|
-
var css$
|
|
3719
|
+
var css$F = "";
|
|
3802
3720
|
|
|
3803
3721
|
const FROM = {
|
|
3804
3722
|
modal: 'scale(0.94)',
|
|
@@ -3953,10 +3871,10 @@ function defineDialog(tag = 'usa-dialog') {
|
|
|
3953
3871
|
const b = this._backdrop ? this.motion(this._backdrop, backdrop, { duration, easing: 'linear', fill }) : null;
|
|
3954
3872
|
return Promise.all([a?.finished, b?.finished].map((p) => p?.catch(() => undefined))).then(() => undefined);
|
|
3955
3873
|
}
|
|
3956
|
-
}, { id: 'dialog', text: css$
|
|
3874
|
+
}, { id: 'dialog', text: css$F });
|
|
3957
3875
|
}
|
|
3958
3876
|
|
|
3959
|
-
var css$
|
|
3877
|
+
var css$E = "";
|
|
3960
3878
|
|
|
3961
3879
|
function defineAccordion(tag = 'usa-accordion') {
|
|
3962
3880
|
return defineElement(tag, (Base) => class UsaAccordion extends Base {
|
|
@@ -4022,10 +3940,10 @@ function defineAccordion(tag = 'usa-accordion') {
|
|
|
4022
3940
|
d.removeAttribute('data-closing');
|
|
4023
3941
|
}
|
|
4024
3942
|
}
|
|
4025
|
-
}, { id: 'accordion', text: css$
|
|
3943
|
+
}, { id: 'accordion', text: css$E });
|
|
4026
3944
|
}
|
|
4027
3945
|
|
|
4028
|
-
var css$
|
|
3946
|
+
var css$D = "";
|
|
4029
3947
|
|
|
4030
3948
|
function defineViewSwitch(tag = 'usa-view-switch') {
|
|
4031
3949
|
return defineElement(tag, (Base) => class UsaViewSwitch extends Base {
|
|
@@ -4118,7 +4036,7 @@ function defineViewSwitch(tag = 'usa-view-switch') {
|
|
|
4118
4036
|
this.setVisible(from, false);
|
|
4119
4037
|
a?.cancel();
|
|
4120
4038
|
}
|
|
4121
|
-
}, { id: 'view-switch', text: css$
|
|
4039
|
+
}, { id: 'view-switch', text: css$D });
|
|
4122
4040
|
}
|
|
4123
4041
|
|
|
4124
4042
|
/**
|
|
@@ -4430,7 +4348,7 @@ function rubberBand(distance, dimension, constant = 0.55) {
|
|
|
4430
4348
|
return sign * (1 - 1 / ((d * constant) / dimension + 1)) * dimension;
|
|
4431
4349
|
}
|
|
4432
4350
|
|
|
4433
|
-
var css$
|
|
4351
|
+
var css$C = "";
|
|
4434
4352
|
|
|
4435
4353
|
const SPRING_EFFECTS = ['bounce-in', 'pop', 'drop', 'jelly', 'rubber-band'];
|
|
4436
4354
|
/** Entrance effects start hidden; attention effects (jelly, rubber-band) play on visible content. */
|
|
@@ -4545,10 +4463,10 @@ function defineSpring(tag = 'usa-spring') {
|
|
|
4545
4463
|
this.setAttribute('data-state', 'done');
|
|
4546
4464
|
this.emit('complete', { effect });
|
|
4547
4465
|
}
|
|
4548
|
-
}, { id: 'spring', text: css$
|
|
4466
|
+
}, { id: 'spring', text: css$C });
|
|
4549
4467
|
}
|
|
4550
4468
|
|
|
4551
|
-
var css$
|
|
4469
|
+
var css$B = "";
|
|
4552
4470
|
|
|
4553
4471
|
const parseSnap = (s) => {
|
|
4554
4472
|
if (!s.trim())
|
|
@@ -4745,10 +4663,10 @@ function defineDraggable(tag = 'usa-draggable') {
|
|
|
4745
4663
|
reset() {
|
|
4746
4664
|
this.go(0, 0);
|
|
4747
4665
|
}
|
|
4748
|
-
}, { id: 'draggable', text: css$
|
|
4666
|
+
}, { id: 'draggable', text: css$B });
|
|
4749
4667
|
}
|
|
4750
4668
|
|
|
4751
|
-
var css$
|
|
4669
|
+
var css$A = "";
|
|
4752
4670
|
|
|
4753
4671
|
function defineOverscroll(tag = 'usa-overscroll') {
|
|
4754
4672
|
return defineElement(tag, (Base) => class UsaOverscroll extends Base {
|
|
@@ -4837,7 +4755,7 @@ function defineOverscroll(tag = 'usa-overscroll') {
|
|
|
4837
4755
|
this._spring?.stop();
|
|
4838
4756
|
this.set(0);
|
|
4839
4757
|
}
|
|
4840
|
-
}, { id: 'overscroll', text: css$
|
|
4758
|
+
}, { id: 'overscroll', text: css$A });
|
|
4841
4759
|
}
|
|
4842
4760
|
|
|
4843
4761
|
/**
|
|
@@ -4854,7 +4772,7 @@ function definePhysicsComponents() {
|
|
|
4854
4772
|
defineOverscroll();
|
|
4855
4773
|
}
|
|
4856
4774
|
|
|
4857
|
-
var css$
|
|
4775
|
+
var css$z = "";
|
|
4858
4776
|
|
|
4859
4777
|
const CARD_EFFECTS = ['flip', 'holo', 'glass', 'border-glow', 'conic-border', 'lift', 'spotlight', 'sheen', 'parallax-layers', 'expand'];
|
|
4860
4778
|
/** Effects that follow the pointer (they share one rAF-throttled tracker). */
|
|
@@ -5059,7 +4977,7 @@ function defineCard(tag = 'usa-card') {
|
|
|
5059
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 });
|
|
5060
4978
|
await a?.finished.catch(() => undefined);
|
|
5061
4979
|
}
|
|
5062
|
-
}, { id: 'card', text: css$
|
|
4980
|
+
}, { id: 'card', text: css$z });
|
|
5063
4981
|
}
|
|
5064
4982
|
function deco(cls) {
|
|
5065
4983
|
const s = document.createElement('span');
|
|
@@ -5073,7 +4991,7 @@ function interactive(t, host) {
|
|
|
5073
4991
|
return !!el && el !== host && host.contains(el);
|
|
5074
4992
|
}
|
|
5075
4993
|
|
|
5076
|
-
var css$
|
|
4994
|
+
var css$y = "";
|
|
5077
4995
|
|
|
5078
4996
|
function defineCardStack(tag = 'usa-card-stack') {
|
|
5079
4997
|
return defineElement(tag, (Base) => class UsaCardStack extends Base {
|
|
@@ -5196,10 +5114,10 @@ function defineCardStack(tag = 'usa-card-stack') {
|
|
|
5196
5114
|
if (!this.top)
|
|
5197
5115
|
this.emit('empty');
|
|
5198
5116
|
}
|
|
5199
|
-
}, { id: 'card-stack', text: css$
|
|
5117
|
+
}, { id: 'card-stack', text: css$y });
|
|
5200
5118
|
}
|
|
5201
5119
|
|
|
5202
|
-
var css$
|
|
5120
|
+
var css$x = "";
|
|
5203
5121
|
|
|
5204
5122
|
function defineStickyStack(tag = 'usa-sticky-stack') {
|
|
5205
5123
|
return defineElement(tag, (Base) => class UsaStickyStack extends Base {
|
|
@@ -5263,10 +5181,10 @@ function defineStickyStack(tag = 'usa-sticky-stack') {
|
|
|
5263
5181
|
c.style.filter = covered > 0.001 ? `brightness(${(1 - Math.min(0.35, covered * 0.12)).toFixed(3)})` : '';
|
|
5264
5182
|
});
|
|
5265
5183
|
}
|
|
5266
|
-
}, { id: 'sticky-stack', text: css$
|
|
5184
|
+
}, { id: 'sticky-stack', text: css$x });
|
|
5267
5185
|
}
|
|
5268
5186
|
|
|
5269
|
-
var css$
|
|
5187
|
+
var css$w = "";
|
|
5270
5188
|
|
|
5271
5189
|
function defineCarousel3d(tag = 'usa-carousel-3d') {
|
|
5272
5190
|
return defineElement(tag, (Base) => class UsaCarousel3d extends Base {
|
|
@@ -5385,7 +5303,7 @@ function defineCarousel3d(tag = 'usa-carousel-3d') {
|
|
|
5385
5303
|
prev() {
|
|
5386
5304
|
this.goTo(this._i - 1);
|
|
5387
5305
|
}
|
|
5388
|
-
}, { id: 'carousel-3d', text: css$
|
|
5306
|
+
}, { id: 'carousel-3d', text: css$w });
|
|
5389
5307
|
}
|
|
5390
5308
|
|
|
5391
5309
|
/**
|
|
@@ -5508,7 +5426,7 @@ function haptic(pattern = 10) {
|
|
|
5508
5426
|
}
|
|
5509
5427
|
}
|
|
5510
5428
|
|
|
5511
|
-
var css$
|
|
5429
|
+
var css$v = "";
|
|
5512
5430
|
|
|
5513
5431
|
const CLICK_EFFECTS = ['ripple', 'burst', 'confetti', 'squish', 'press-spring', 'shake'];
|
|
5514
5432
|
function defineClick(tag = 'usa-click') {
|
|
@@ -5632,10 +5550,10 @@ function defineClick(tag = 'usa-click') {
|
|
|
5632
5550
|
: [{ transform: from }, { transform: 'none' }];
|
|
5633
5551
|
this._press = this.motion(this, frames, fx.includes('squish') ? { duration: 520, easing: 'ease-out' } : springEasing('bouncy'));
|
|
5634
5552
|
}
|
|
5635
|
-
}, { id: 'click', text: css$
|
|
5553
|
+
}, { id: 'click', text: css$v });
|
|
5636
5554
|
}
|
|
5637
5555
|
|
|
5638
|
-
var css$
|
|
5556
|
+
var css$u = "";
|
|
5639
5557
|
|
|
5640
5558
|
const BUTTON_DEFORMS = ['squash', 'wobble', 'gooey', 'dent'];
|
|
5641
5559
|
let gooInjected = false;
|
|
@@ -5902,10 +5820,10 @@ function defineButton(tag = 'usa-button') {
|
|
|
5902
5820
|
}
|
|
5903
5821
|
this.emit('state', { state: s });
|
|
5904
5822
|
}
|
|
5905
|
-
}, { id: 'button', text: css$
|
|
5823
|
+
}, { id: 'button', text: css$u });
|
|
5906
5824
|
}
|
|
5907
5825
|
|
|
5908
|
-
var css$
|
|
5826
|
+
var css$t = "";
|
|
5909
5827
|
|
|
5910
5828
|
const C = [[12, 12], [12, 12], [12, 12], [12, 12]];
|
|
5911
5829
|
/**
|
|
@@ -6013,10 +5931,10 @@ function defineIconMorph(tag = 'usa-icon-morph') {
|
|
|
6013
5931
|
next() {
|
|
6014
5932
|
this.show(this._i + 1);
|
|
6015
5933
|
}
|
|
6016
|
-
}, { id: 'icon-morph', text: css$
|
|
5934
|
+
}, { id: 'icon-morph', text: css$t });
|
|
6017
5935
|
}
|
|
6018
5936
|
|
|
6019
|
-
var css$
|
|
5937
|
+
var css$s = "";
|
|
6020
5938
|
|
|
6021
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';
|
|
6022
5940
|
function defineLike(tag = 'usa-like') {
|
|
@@ -6092,10 +6010,10 @@ function defineLike(tag = 'usa-like') {
|
|
|
6092
6010
|
this.dispatchEvent(new Event('change', { bubbles: true }));
|
|
6093
6011
|
this.emit('change', { liked: next, count: this.count });
|
|
6094
6012
|
}
|
|
6095
|
-
}, { id: 'like', text: css$
|
|
6013
|
+
}, { id: 'like', text: css$s });
|
|
6096
6014
|
}
|
|
6097
6015
|
|
|
6098
|
-
var css$
|
|
6016
|
+
var css$r = "";
|
|
6099
6017
|
|
|
6100
6018
|
function defineHold(tag = 'usa-hold') {
|
|
6101
6019
|
return defineElement(tag, (Base) => class UsaHold extends Base {
|
|
@@ -6206,10 +6124,10 @@ function defineHold(tag = 'usa-hold') {
|
|
|
6206
6124
|
cancel() {
|
|
6207
6125
|
this.stop();
|
|
6208
6126
|
}
|
|
6209
|
-
}, { id: 'hold', text: css$
|
|
6127
|
+
}, { id: 'hold', text: css$r });
|
|
6210
6128
|
}
|
|
6211
6129
|
|
|
6212
|
-
var css$
|
|
6130
|
+
var css$q = "";
|
|
6213
6131
|
|
|
6214
6132
|
function defineDoubleTap(tag = 'usa-double-tap') {
|
|
6215
6133
|
return defineElement(tag, (Base) => class UsaDoubleTap extends Base {
|
|
@@ -6267,10 +6185,10 @@ function defineDoubleTap(tag = 'usa-double-tap') {
|
|
|
6267
6185
|
haptic(15);
|
|
6268
6186
|
this.emit('double-tap', { x: x - r.left, y: y - r.top });
|
|
6269
6187
|
}
|
|
6270
|
-
}, { id: 'double-tap', text: css$
|
|
6188
|
+
}, { id: 'double-tap', text: css$q });
|
|
6271
6189
|
}
|
|
6272
6190
|
|
|
6273
|
-
var css$
|
|
6191
|
+
var css$p = "";
|
|
6274
6192
|
|
|
6275
6193
|
function defineCheckbox(tag = 'usa-checkbox') {
|
|
6276
6194
|
return defineElement(tag, (Base) => {
|
|
@@ -6342,7 +6260,7 @@ function defineCheckbox(tag = 'usa-checkbox') {
|
|
|
6342
6260
|
}
|
|
6343
6261
|
UsaCheckbox.formAssociated = true;
|
|
6344
6262
|
return UsaCheckbox;
|
|
6345
|
-
}, { id: 'checkbox', text: css$
|
|
6263
|
+
}, { id: 'checkbox', text: css$p });
|
|
6346
6264
|
}
|
|
6347
6265
|
|
|
6348
6266
|
/**
|
|
@@ -6397,7 +6315,7 @@ function place(floating, anchor, placement = 'top', gap = 8) {
|
|
|
6397
6315
|
let uid = 0;
|
|
6398
6316
|
const nextId = (prefix) => `${prefix}-${++uid}`;
|
|
6399
6317
|
|
|
6400
|
-
var css$
|
|
6318
|
+
var css$o = "";
|
|
6401
6319
|
|
|
6402
6320
|
function defineTabs(tag = 'usa-tabs') {
|
|
6403
6321
|
adoptVariants();
|
|
@@ -6500,10 +6418,10 @@ function defineTabs(tag = 'usa-tabs') {
|
|
|
6500
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)' });
|
|
6501
6419
|
this.emit('change', { index: i });
|
|
6502
6420
|
}
|
|
6503
|
-
}, { id: 'tabs', text: css$
|
|
6421
|
+
}, { id: 'tabs', text: css$o });
|
|
6504
6422
|
}
|
|
6505
6423
|
|
|
6506
|
-
var css$
|
|
6424
|
+
var css$n = "";
|
|
6507
6425
|
|
|
6508
6426
|
/** Shared machinery of `<usa-drawer>` and `<usa-bottom-sheet>`: backdrop, focus, Esc, drag-to-dismiss. */
|
|
6509
6427
|
function makePanel(Base, kind) {
|
|
@@ -6660,7 +6578,7 @@ function makePanel(Base, kind) {
|
|
|
6660
6578
|
}
|
|
6661
6579
|
function defineDrawer(tag = 'usa-drawer') {
|
|
6662
6580
|
adoptVariants();
|
|
6663
|
-
return defineElement(tag, (Base) => makePanel(Base, 'drawer'), { id: 'sheet', text: css$
|
|
6581
|
+
return defineElement(tag, (Base) => makePanel(Base, 'drawer'), { id: 'sheet', text: css$n });
|
|
6664
6582
|
}
|
|
6665
6583
|
function defineBottomSheet(tag = 'usa-bottom-sheet') {
|
|
6666
6584
|
adoptVariants();
|
|
@@ -6703,10 +6621,10 @@ function defineBottomSheet(tag = 'usa-bottom-sheet') {
|
|
|
6703
6621
|
super.render(v);
|
|
6704
6622
|
}
|
|
6705
6623
|
};
|
|
6706
|
-
}, { id: 'sheet', text: css$
|
|
6624
|
+
}, { id: 'sheet', text: css$n });
|
|
6707
6625
|
}
|
|
6708
6626
|
|
|
6709
|
-
var css$
|
|
6627
|
+
var css$m = "";
|
|
6710
6628
|
|
|
6711
6629
|
function definePullRefresh(tag = 'usa-pull-refresh') {
|
|
6712
6630
|
adoptVariants();
|
|
@@ -6805,10 +6723,10 @@ function definePullRefresh(tag = 'usa-pull-refresh') {
|
|
|
6805
6723
|
Promise.resolve(fn(ev)).then(done, done);
|
|
6806
6724
|
});
|
|
6807
6725
|
}
|
|
6808
|
-
}, { id: 'pull-refresh', text: css$
|
|
6726
|
+
}, { id: 'pull-refresh', text: css$m });
|
|
6809
6727
|
}
|
|
6810
6728
|
|
|
6811
|
-
var css$
|
|
6729
|
+
var css$l = "";
|
|
6812
6730
|
|
|
6813
6731
|
function defineFab(tag = 'usa-fab') {
|
|
6814
6732
|
adoptVariants();
|
|
@@ -6894,10 +6812,10 @@ function defineFab(tag = 'usa-fab') {
|
|
|
6894
6812
|
this.apply(true);
|
|
6895
6813
|
this.emit('toggle', { open: next });
|
|
6896
6814
|
}
|
|
6897
|
-
}, { id: 'fab', text: css$
|
|
6815
|
+
}, { id: 'fab', text: css$l });
|
|
6898
6816
|
}
|
|
6899
6817
|
|
|
6900
|
-
var css$
|
|
6818
|
+
var css$k = "";
|
|
6901
6819
|
|
|
6902
6820
|
function defineNavbar(tag = 'usa-navbar') {
|
|
6903
6821
|
adoptVariants();
|
|
@@ -6950,10 +6868,10 @@ function defineNavbar(tag = 'usa-navbar') {
|
|
|
6950
6868
|
this.removeAttribute('data-hidden');
|
|
6951
6869
|
this.emit('show');
|
|
6952
6870
|
}
|
|
6953
|
-
}, { id: 'navbar', text: css$
|
|
6871
|
+
}, { id: 'navbar', text: css$k });
|
|
6954
6872
|
}
|
|
6955
6873
|
|
|
6956
|
-
var css$
|
|
6874
|
+
var css$j = "";
|
|
6957
6875
|
|
|
6958
6876
|
function defineSlider(tag = 'usa-slider') {
|
|
6959
6877
|
adoptVariants();
|
|
@@ -7074,10 +6992,10 @@ function defineSlider(tag = 'usa-slider') {
|
|
|
7074
6992
|
}
|
|
7075
6993
|
UsaSlider.formAssociated = true;
|
|
7076
6994
|
return UsaSlider;
|
|
7077
|
-
}, { id: 'slider', text: css$
|
|
6995
|
+
}, { id: 'slider', text: css$j });
|
|
7078
6996
|
}
|
|
7079
6997
|
|
|
7080
|
-
var css$
|
|
6998
|
+
var css$i = "";
|
|
7081
6999
|
|
|
7082
7000
|
function defineRating(tag = 'usa-rating') {
|
|
7083
7001
|
adoptVariants();
|
|
@@ -7162,63 +7080,7 @@ function defineRating(tag = 'usa-rating') {
|
|
|
7162
7080
|
}
|
|
7163
7081
|
UsaRating.formAssociated = true;
|
|
7164
7082
|
return UsaRating;
|
|
7165
|
-
}, { id: 'rating', text: css$
|
|
7166
|
-
}
|
|
7167
|
-
|
|
7168
|
-
var css$i = "";
|
|
7169
|
-
|
|
7170
|
-
function defineTooltip(tag = 'usa-tooltip') {
|
|
7171
|
-
adoptVariants();
|
|
7172
|
-
return defineElement(tag, (Base) => class UsaTooltip extends Base {
|
|
7173
|
-
constructor() {
|
|
7174
|
-
super(...arguments);
|
|
7175
|
-
this._tip = null;
|
|
7176
|
-
}
|
|
7177
|
-
static get observedAttributes() {
|
|
7178
|
-
return ['text'];
|
|
7179
|
-
}
|
|
7180
|
-
mount() {
|
|
7181
|
-
const trigger = this.firstElementChild || this;
|
|
7182
|
-
const tip = document.createElement('span');
|
|
7183
|
-
tip.className = 'usa-tooltip-bubble usa-surface';
|
|
7184
|
-
tip.setAttribute('role', 'tooltip');
|
|
7185
|
-
tip.id = nextId('usa-tip');
|
|
7186
|
-
tip.textContent = this.str('text');
|
|
7187
|
-
tip.hidden = true;
|
|
7188
|
-
this.append(tip);
|
|
7189
|
-
this._tip = tip;
|
|
7190
|
-
trigger.setAttribute('aria-describedby', tip.id);
|
|
7191
|
-
const later = () => {
|
|
7192
|
-
clearTimeout(this._t);
|
|
7193
|
-
this._t = setTimeout(() => this.show(), this.num('delay', 300));
|
|
7194
|
-
};
|
|
7195
|
-
this.listen(this, 'pointerenter', later);
|
|
7196
|
-
this.listen(this, 'pointerleave', () => this.hide());
|
|
7197
|
-
this.listen(this, 'focusin', () => this.show());
|
|
7198
|
-
this.listen(this, 'focusout', () => this.hide());
|
|
7199
|
-
this.listen(document, 'keydown', (e) => e.key === 'Escape' && this.hide());
|
|
7200
|
-
this.onCleanup(() => {
|
|
7201
|
-
clearTimeout(this._t);
|
|
7202
|
-
tip.remove();
|
|
7203
|
-
trigger.removeAttribute('aria-describedby');
|
|
7204
|
-
});
|
|
7205
|
-
}
|
|
7206
|
-
show() {
|
|
7207
|
-
const tip = this._tip;
|
|
7208
|
-
if (!tip || !tip.hidden || !this.str('text'))
|
|
7209
|
-
return;
|
|
7210
|
-
clearTimeout(this._t);
|
|
7211
|
-
tip.hidden = false;
|
|
7212
|
-
const p = place(tip, this.firstElementChild || this, this.str('placement', 'top'));
|
|
7213
|
-
const d = { top: [0, 6], bottom: [0, -6], left: [6, 0], right: [-6, 0] }[p];
|
|
7214
|
-
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'));
|
|
7215
|
-
}
|
|
7216
|
-
hide() {
|
|
7217
|
-
clearTimeout(this._t);
|
|
7218
|
-
if (this._tip)
|
|
7219
|
-
this._tip.hidden = true;
|
|
7220
|
-
}
|
|
7221
|
-
}, { id: 'tooltip', text: css$i });
|
|
7083
|
+
}, { id: 'rating', text: css$i });
|
|
7222
7084
|
}
|
|
7223
7085
|
|
|
7224
7086
|
var css$h = "";
|
|
@@ -7372,7 +7234,7 @@ function defineAvatarStack(tag = 'usa-avatar-stack') {
|
|
|
7372
7234
|
* motionary/components/ui — animated UI components + style variants (v2.6).
|
|
7373
7235
|
* `<usa-tabs>`, `<usa-drawer>`, `<usa-bottom-sheet>`, `<usa-pull-refresh>`,
|
|
7374
7236
|
* `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`, `<usa-rating>`,
|
|
7375
|
-
* `<usa-
|
|
7237
|
+
* `<usa-popover>`, `<usa-badge>`, `<usa-avatar-stack>`,
|
|
7376
7238
|
* and `variant="minimal | neon | glass | brutalist | fluent | material"`
|
|
7377
7239
|
* design tokens (`setVariant()`, `VARIANTS`).
|
|
7378
7240
|
*/
|
|
@@ -7386,7 +7248,6 @@ function defineUiComponents() {
|
|
|
7386
7248
|
defineNavbar();
|
|
7387
7249
|
defineSlider();
|
|
7388
7250
|
defineRating();
|
|
7389
|
-
defineTooltip();
|
|
7390
7251
|
definePopover();
|
|
7391
7252
|
defineBadge();
|
|
7392
7253
|
defineAvatarStack();
|
|
@@ -10823,5 +10684,5 @@ function defineComponents(categories) {
|
|
|
10823
10684
|
const STYLE_BASE = new URL('../', import.meta.url).href;
|
|
10824
10685
|
onDemandStyles(STYLE_BASE);
|
|
10825
10686
|
|
|
10826
|
-
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 };
|
|
10827
10688
|
//# sourceMappingURL=lite.js.map
|