use-scroll-animate 10.2.0 → 10.4.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/AGENTS.md +4 -0
- package/CHANGELOG.md +35 -0
- package/README.md +67 -0
- package/bin/motionary-mcp.mjs +265 -0
- package/dist/chunks/anim-image-DDdb9q3X.js +166 -0
- package/dist/chunks/anim-image-DDdb9q3X.js.map +1 -0
- package/dist/chunks/anim-image-blQgPFFS.cjs +174 -0
- package/dist/chunks/anim-image-blQgPFFS.cjs.map +1 -0
- package/dist/chunks/audio-BpU-A1m1.cjs.map +1 -1
- package/dist/chunks/{audio-D95jwlOh.js → audio-CWt1xdZB.js} +3 -3
- package/dist/chunks/{audio-D95jwlOh.js.map → audio-CWt1xdZB.js.map} +1 -1
- package/dist/chunks/{base-BnRyfuyM.js → base-BTev8qxg.js} +2 -2
- package/dist/chunks/{base-BnRyfuyM.js.map → base-BTev8qxg.js.map} +1 -1
- package/dist/chunks/base-DBheNxJu.cjs.map +1 -1
- package/dist/chunks/bind-B_CTL6Qn.js.map +1 -1
- package/dist/chunks/bind-Ui43-n2d.cjs.map +1 -1
- package/dist/chunks/builtins-CKKZNR95.cjs.map +1 -1
- package/dist/chunks/{builtins-CqIq1zBv.js → builtins-CPmS6aDB.js} +3 -3
- package/dist/chunks/{builtins-CqIq1zBv.js.map → builtins-CPmS6aDB.js.map} +1 -1
- package/dist/chunks/core-B5T0dhFH.cjs.map +1 -1
- package/dist/chunks/{core-DsGoL9EY.js → core-BviA7nFa.js} +2 -2
- package/dist/chunks/{core-DsGoL9EY.js.map → core-BviA7nFa.js.map} +1 -1
- package/dist/chunks/core-D74Fz-dL.cjs.map +1 -1
- package/dist/chunks/core-D7cVumUu.js.map +1 -1
- package/dist/chunks/{core-XA2yhn1b.js → core-KiM7MXjL.js} +2 -2
- package/dist/chunks/{core-XA2yhn1b.js.map → core-KiM7MXjL.js.map} +1 -1
- package/dist/chunks/core-MQlXZKUG.cjs.map +1 -1
- package/dist/chunks/ease-HwYZnZat.cjs +94 -0
- package/dist/chunks/ease-HwYZnZat.cjs.map +1 -0
- package/dist/chunks/ease-XN8_0sXu.js +89 -0
- package/dist/chunks/ease-XN8_0sXu.js.map +1 -0
- package/dist/chunks/fx-B_pbhpDp.cjs.map +1 -1
- package/dist/chunks/{fx-CtnrFEg9.js → fx-CgWKqVsn.js} +2 -2
- package/dist/chunks/{fx-CtnrFEg9.js.map → fx-CgWKqVsn.js.map} +1 -1
- package/dist/chunks/generative-2LhxG5BJ.js.map +1 -1
- package/dist/chunks/generative-BHIj-NU0.cjs.map +1 -1
- package/dist/chunks/{gpu-CDcXiNA8.js → gpu-BWfgYWMY.js} +2 -2
- package/dist/chunks/{gpu-CDcXiNA8.js.map → gpu-BWfgYWMY.js.map} +1 -1
- package/dist/chunks/gpu-cUixt7kT.cjs.map +1 -1
- package/dist/chunks/index-tags-B-JBecYg.js.map +1 -1
- package/dist/chunks/index-tags-hLIF2Clq.cjs.map +1 -1
- package/dist/chunks/{keyframes-W-474DMc.js → keyframes-B5PWe5bU.js} +3 -2
- package/dist/chunks/keyframes-B5PWe5bU.js.map +1 -0
- package/dist/chunks/{keyframes-ZheOkpt0.cjs → keyframes-tC3I7anQ.cjs} +4 -3
- package/dist/chunks/keyframes-tC3I7anQ.cjs.map +1 -0
- package/dist/chunks/{manifest-D58HXVY-.js → manifest-BHx5yPN6.js} +2 -2
- package/dist/chunks/{manifest-D58HXVY-.js.map → manifest-BHx5yPN6.js.map} +1 -1
- package/dist/chunks/manifest-PaF9B8Vt.cjs.map +1 -1
- package/dist/chunks/{player-48Zy_NBG.js → player-BfHMNtiM.js} +4 -4
- package/dist/chunks/{player-48Zy_NBG.js.map → player-BfHMNtiM.js.map} +1 -1
- package/dist/chunks/player-C4y4jXSv.cjs.map +1 -1
- package/dist/chunks/presets-BYBVJVeP.js.map +1 -1
- package/dist/chunks/presets-CUHys3sK.cjs.map +1 -1
- package/dist/chunks/{registry-gFJRpPES.js → registry-BKzyg1JV.js} +2 -2
- package/dist/chunks/{registry-gFJRpPES.js.map → registry-BKzyg1JV.js.map} +1 -1
- package/dist/chunks/{registry-BIEjKngP.js → registry-CT-TT_bx.js} +3 -3
- package/dist/chunks/{registry-BIEjKngP.js.map → registry-CT-TT_bx.js.map} +1 -1
- package/dist/chunks/{registry-eJgpFAzI.cjs → registry-tzwKkldE.cjs} +2 -2
- package/dist/chunks/{registry-eJgpFAzI.cjs.map → registry-tzwKkldE.cjs.map} +1 -1
- package/dist/chunks/registry-xQZnSqqV.cjs.map +1 -1
- package/dist/chunks/shared-CkKHWrtJ.js.map +1 -1
- package/dist/chunks/shared-jkgRH-Hx.cjs.map +1 -1
- package/dist/chunks/{spring-CZDNyqWp.js → spring-BHuP55DR.js} +2 -2
- package/dist/chunks/{spring-CZDNyqWp.js.map → spring-BHuP55DR.js.map} +1 -1
- package/dist/chunks/spring-BlTQD2AV.cjs.map +1 -1
- package/dist/chunks/stagger-CCFyhzSw.cjs.map +1 -1
- package/dist/chunks/stagger-DtMKo2SK.js.map +1 -1
- package/dist/chunks/{ticker-CM_56oVy.js → ticker-C8lSGml9.js} +2 -2
- package/dist/chunks/{ticker-CM_56oVy.js.map → ticker-C8lSGml9.js.map} +1 -1
- package/dist/chunks/{ticker-D4o6enH0.cjs → ticker-Un0bvTWR.cjs} +2 -2
- package/dist/chunks/{ticker-D4o6enH0.cjs.map → ticker-Un0bvTWR.cjs.map} +1 -1
- package/dist/chunks/{tween-CqX1JBuj.js → tween-BcejKpsx.js} +15 -91
- package/dist/chunks/tween-BcejKpsx.js.map +1 -0
- package/dist/chunks/{tween-CBuWYpI-.cjs → tween-CwLLC3Ko.cjs} +15 -95
- package/dist/chunks/tween-CwLLC3Ko.cjs.map +1 -0
- package/dist/chunks/variants-CrDDJoYK.cjs.map +1 -1
- package/dist/chunks/{variants-GU3yIL4F.js → variants-CsRGUIyA.js} +2 -2
- package/dist/chunks/{variants-GU3yIL4F.js.map → variants-CsRGUIyA.js.map} +1 -1
- package/dist/components/a11y.cjs.map +1 -1
- package/dist/components/a11y.js +2 -2
- package/dist/components/a11y.js.map +1 -1
- package/dist/components/angular.cjs.map +1 -1
- package/dist/components/angular.js +8 -8
- package/dist/components/angular.js.map +1 -1
- package/dist/components/background.cjs.map +1 -1
- package/dist/components/background.js +2 -2
- package/dist/components/background.js.map +1 -1
- package/dist/components/bridge.cjs.map +1 -1
- package/dist/components/bridge.js +1 -1
- package/dist/components/bridge.js.map +1 -1
- package/dist/components/cards.cjs.map +1 -1
- package/dist/components/cards.js +2 -2
- package/dist/components/cards.js.map +1 -1
- package/dist/components/click.cjs.map +1 -1
- package/dist/components/click.js +3 -3
- package/dist/components/click.js.map +1 -1
- package/dist/components/core.cjs.map +1 -1
- package/dist/components/core.js.map +1 -1
- package/dist/components/depth.cjs.map +1 -1
- package/dist/components/depth.js +3 -3
- package/dist/components/depth.js.map +1 -1
- package/dist/components/design.cjs.map +1 -1
- package/dist/components/design.js +3 -3
- package/dist/components/design.js.map +1 -1
- package/dist/components/dsl.cjs.map +1 -1
- package/dist/components/dsl.js +2 -2
- package/dist/components/dsl.js.map +1 -1
- package/dist/components/effects.cjs.map +1 -1
- package/dist/components/effects.js +9 -9
- package/dist/components/effects.js.map +1 -1
- package/dist/components/engine.cjs.map +1 -1
- package/dist/components/engine.js +2 -2
- package/dist/components/engine.js.map +1 -1
- package/dist/components/feedback.cjs.map +1 -1
- package/dist/components/feedback.js +1 -1
- package/dist/components/feedback.js.map +1 -1
- package/dist/components/fx-3d.cjs.map +1 -1
- package/dist/components/fx-3d.js +2 -2
- package/dist/components/fx-3d.js.map +1 -1
- package/dist/components/fx-ai.cjs.map +1 -1
- package/dist/components/fx-ai.js +2 -2
- package/dist/components/fx-ai.js.map +1 -1
- package/dist/components/fx-chart.cjs.map +1 -1
- package/dist/components/fx-chart.js +2 -2
- package/dist/components/fx-chart.js.map +1 -1
- package/dist/components/fx-cinema.cjs.map +1 -1
- package/dist/components/fx-cinema.js +2 -2
- package/dist/components/fx-cinema.js.map +1 -1
- package/dist/components/fx-cyber.cjs.map +1 -1
- package/dist/components/fx-cyber.js +2 -2
- package/dist/components/fx-cyber.js.map +1 -1
- package/dist/components/fx-festival.cjs.map +1 -1
- package/dist/components/fx-festival.js +2 -2
- package/dist/components/fx-festival.js.map +1 -1
- package/dist/components/fx-focus.cjs.map +1 -1
- package/dist/components/fx-focus.js +2 -2
- package/dist/components/fx-focus.js.map +1 -1
- package/dist/components/fx-form.cjs.map +1 -1
- package/dist/components/fx-form.js +2 -2
- package/dist/components/fx-form.js.map +1 -1
- package/dist/components/fx-game.cjs.map +1 -1
- package/dist/components/fx-game.js +2 -2
- package/dist/components/fx-game.js.map +1 -1
- package/dist/components/fx-genart.cjs.map +1 -1
- package/dist/components/fx-genart.js +2 -2
- package/dist/components/fx-genart.js.map +1 -1
- package/dist/components/fx-geo.cjs.map +1 -1
- package/dist/components/fx-geo.js +2 -2
- package/dist/components/fx-geo.js.map +1 -1
- package/dist/components/fx-gesture.cjs.map +1 -1
- package/dist/components/fx-gesture.js +2 -2
- package/dist/components/fx-gesture.js.map +1 -1
- package/dist/components/fx-gpu.js +3 -3
- package/dist/components/fx-light.cjs.map +1 -1
- package/dist/components/fx-light.js +2 -2
- package/dist/components/fx-light.js.map +1 -1
- package/dist/components/fx-lottie.cjs.map +1 -1
- package/dist/components/fx-lottie.js +2 -2
- package/dist/components/fx-lottie.js.map +1 -1
- package/dist/components/fx-morph.cjs.map +1 -1
- package/dist/components/fx-morph.js +2 -2
- package/dist/components/fx-morph.js.map +1 -1
- package/dist/components/fx-music.cjs.map +1 -1
- package/dist/components/fx-music.js +3 -3
- package/dist/components/fx-music.js.map +1 -1
- package/dist/components/fx-organic.cjs.map +1 -1
- package/dist/components/fx-organic.js +2 -2
- package/dist/components/fx-organic.js.map +1 -1
- package/dist/components/fx-paper.cjs.map +1 -1
- package/dist/components/fx-paper.js +2 -2
- package/dist/components/fx-paper.js.map +1 -1
- package/dist/components/fx-perf.cjs.map +1 -1
- package/dist/components/fx-perf.js +2 -2
- package/dist/components/fx-perf.js.map +1 -1
- package/dist/components/fx-physics.cjs.map +1 -1
- package/dist/components/fx-physics.js +2 -2
- package/dist/components/fx-physics.js.map +1 -1
- package/dist/components/fx-retro.cjs.map +1 -1
- package/dist/components/fx-retro.js +2 -2
- package/dist/components/fx-retro.js.map +1 -1
- package/dist/components/fx-safe.cjs.map +1 -1
- package/dist/components/fx-safe.js +2 -2
- package/dist/components/fx-safe.js.map +1 -1
- package/dist/components/fx-shop.cjs.map +1 -1
- package/dist/components/fx-shop.js +2 -2
- package/dist/components/fx-shop.js.map +1 -1
- package/dist/components/fx-social.cjs.map +1 -1
- package/dist/components/fx-social.js +2 -2
- package/dist/components/fx-social.js.map +1 -1
- package/dist/components/fx-spatial.cjs.map +1 -1
- package/dist/components/fx-spatial.js +2 -2
- package/dist/components/fx-spatial.js.map +1 -1
- package/dist/components/fx-surface.cjs.map +1 -1
- package/dist/components/fx-surface.js +2 -2
- package/dist/components/fx-surface.js.map +1 -1
- package/dist/components/fx-text.cjs.map +1 -1
- package/dist/components/fx-text.js +2 -2
- package/dist/components/fx-text.js.map +1 -1
- package/dist/components/fx-transitions.cjs.map +1 -1
- package/dist/components/fx-transitions.js +3 -3
- package/dist/components/fx-transitions.js.map +1 -1
- package/dist/components/fx-video.cjs.map +1 -1
- package/dist/components/fx-video.js +2 -2
- package/dist/components/fx-video.js.map +1 -1
- package/dist/components/fx-weather.cjs.map +1 -1
- package/dist/components/fx-weather.js +2 -2
- package/dist/components/fx-weather.js.map +1 -1
- package/dist/components/fx.cjs.map +1 -1
- package/dist/components/fx.js +6 -6
- package/dist/components/fx.js.map +1 -1
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.js +6 -6
- package/dist/components/fx2.js.map +1 -1
- package/dist/components/gesture.cjs.map +1 -1
- package/dist/components/gesture.js +4 -4
- package/dist/components/gesture.js.map +1 -1
- package/dist/components/interaction.cjs.map +1 -1
- package/dist/components/interaction.js +1 -1
- package/dist/components/interaction.js.map +1 -1
- package/dist/components/layout.cjs.map +1 -1
- package/dist/components/layout.js +1 -1
- package/dist/components/layout.js.map +1 -1
- package/dist/components/lazy.cjs.map +1 -1
- package/dist/components/lazy.js.map +1 -1
- package/dist/components/lite.cjs.map +1 -1
- package/dist/components/lite.js.map +1 -1
- package/dist/components/marketplace.cjs.map +1 -1
- package/dist/components/marketplace.js +4 -4
- package/dist/components/marketplace.js.map +1 -1
- package/dist/components/native.cjs.map +1 -1
- package/dist/components/native.js +3 -3
- package/dist/components/native.js.map +1 -1
- package/dist/components/packs.cjs.map +1 -1
- package/dist/components/packs.js +1 -1
- package/dist/components/packs.js.map +1 -1
- package/dist/components/page.cjs.map +1 -1
- package/dist/components/page.js +3 -3
- package/dist/components/page.js.map +1 -1
- package/dist/components/perf.cjs.map +1 -1
- package/dist/components/perf.js +2 -2
- package/dist/components/perf.js.map +1 -1
- package/dist/components/physics.cjs.map +1 -1
- package/dist/components/physics.js +3 -3
- package/dist/components/physics.js.map +1 -1
- package/dist/components/plugins.cjs.map +1 -1
- package/dist/components/plugins.js +4 -4
- package/dist/components/plugins.js.map +1 -1
- package/dist/components/react.cjs.map +1 -1
- package/dist/components/react.js.map +1 -1
- package/dist/components/reveal.cjs.map +1 -1
- package/dist/components/reveal.js +1 -1
- package/dist/components/reveal.js.map +1 -1
- package/dist/components/solid.cjs.map +1 -1
- package/dist/components/solid.js +8 -8
- package/dist/components/solid.js.map +1 -1
- package/dist/components/svelte.cjs.map +1 -1
- package/dist/components/svelte.js +8 -8
- package/dist/components/svelte.js.map +1 -1
- package/dist/components/svg.cjs.map +1 -1
- package/dist/components/svg.js +1 -1
- package/dist/components/svg.js.map +1 -1
- package/dist/components/text.cjs.map +1 -1
- package/dist/components/text.js +2 -2
- package/dist/components/text.js.map +1 -1
- package/dist/components/timeline.cjs.map +1 -1
- package/dist/components/timeline.js +3 -3
- package/dist/components/timeline.js.map +1 -1
- package/dist/components/tokens.cjs.map +1 -1
- package/dist/components/tokens.js.map +1 -1
- package/dist/components/transitions.cjs.map +1 -1
- package/dist/components/transitions.js +1 -1
- package/dist/components/transitions.js.map +1 -1
- package/dist/components/ui.cjs.map +1 -1
- package/dist/components/ui.js +4 -4
- package/dist/components/ui.js.map +1 -1
- package/dist/components/vue.cjs.map +1 -1
- package/dist/components/vue.js +8 -8
- package/dist/components/vue.js.map +1 -1
- package/dist/components/webgl.cjs.map +1 -1
- package/dist/components/webgl.js +1 -1
- package/dist/components/webgl.js.map +1 -1
- package/dist/components/widgets.cjs +766 -212
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +207 -2
- package/dist/components/widgets.d.ts +207 -2
- package/dist/components/widgets.js +770 -221
- package/dist/components/widgets.js.map +1 -1
- package/dist/components.cjs.map +1 -1
- package/dist/components.js +10 -10
- package/dist/components.js.map +1 -1
- package/dist/element.cjs.map +1 -1
- package/dist/element.js.map +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/llms-full.txt +250 -1
- package/dist/llms.txt +13 -2
- package/dist/manifest.json +646 -1
- package/dist/presets/extended.cjs.map +1 -1
- package/dist/presets/extended.js.map +1 -1
- package/dist/react.cjs.map +1 -1
- package/dist/react.js.map +1 -1
- package/dist/runtime/format-apng.cjs +131 -0
- package/dist/runtime/format-apng.cjs.map +1 -0
- package/dist/runtime/format-apng.d.cts +250 -0
- package/dist/runtime/format-apng.d.ts +250 -0
- package/dist/runtime/format-apng.iife.js +2 -0
- package/dist/runtime/format-apng.iife.js.map +1 -0
- package/dist/runtime/format-apng.js +123 -0
- package/dist/runtime/format-apng.js.map +1 -0
- package/dist/runtime/format-css.cjs +5 -4
- package/dist/runtime/format-css.cjs.map +1 -1
- package/dist/runtime/format-css.js +5 -4
- package/dist/runtime/format-css.js.map +1 -1
- package/dist/runtime/format-gif.cjs +206 -0
- package/dist/runtime/format-gif.cjs.map +1 -0
- package/dist/runtime/format-gif.d.cts +223 -0
- package/dist/runtime/format-gif.d.ts +223 -0
- package/dist/runtime/format-gif.iife.js +2 -0
- package/dist/runtime/format-gif.iife.js.map +1 -0
- package/dist/runtime/format-gif.js +199 -0
- package/dist/runtime/format-gif.js.map +1 -0
- package/dist/runtime/format-motion.cjs +9 -8
- package/dist/runtime/format-motion.cjs.map +1 -1
- package/dist/runtime/format-motion.js +5 -4
- package/dist/runtime/format-motion.js.map +1 -1
- package/dist/runtime/format-sprite.cjs +226 -0
- package/dist/runtime/format-sprite.cjs.map +1 -0
- package/dist/runtime/format-sprite.d.cts +224 -0
- package/dist/runtime/format-sprite.d.ts +224 -0
- package/dist/runtime/format-sprite.iife.js +2 -0
- package/dist/runtime/format-sprite.iife.js.map +1 -0
- package/dist/runtime/format-sprite.js +216 -0
- package/dist/runtime/format-sprite.js.map +1 -0
- package/dist/runtime/format-svg.cjs +5 -4
- package/dist/runtime/format-svg.cjs.map +1 -1
- package/dist/runtime/format-svg.iife.js.map +1 -1
- package/dist/runtime/format-svg.js +4 -3
- package/dist/runtime/format-svg.js.map +1 -1
- package/dist/runtime/format-webp.cjs +123 -0
- package/dist/runtime/format-webp.cjs.map +1 -0
- package/dist/runtime/format-webp.d.cts +245 -0
- package/dist/runtime/format-webp.d.ts +245 -0
- package/dist/runtime/format-webp.iife.js +2 -0
- package/dist/runtime/format-webp.iife.js.map +1 -0
- package/dist/runtime/format-webp.js +115 -0
- package/dist/runtime/format-webp.js.map +1 -0
- package/dist/runtime/scroll.cjs +2 -2
- package/dist/runtime/scroll.cjs.map +1 -1
- package/dist/runtime/scroll.js +2 -2
- package/dist/runtime/scroll.js.map +1 -1
- package/dist/runtime/smooth.cjs +284 -0
- package/dist/runtime/smooth.cjs.map +1 -0
- package/dist/runtime/smooth.d.cts +137 -0
- package/dist/runtime/smooth.d.ts +137 -0
- package/dist/runtime/smooth.iife.js +2 -0
- package/dist/runtime/smooth.iife.js.map +1 -0
- package/dist/runtime/smooth.js +279 -0
- package/dist/runtime/smooth.js.map +1 -0
- package/dist/runtime/text.cjs +147 -0
- package/dist/runtime/text.cjs.map +1 -0
- package/dist/runtime/text.d.cts +65 -0
- package/dist/runtime/text.d.ts +65 -0
- package/dist/runtime/text.iife.js +2 -0
- package/dist/runtime/text.iife.js.map +1 -0
- package/dist/runtime/text.js +143 -0
- package/dist/runtime/text.js.map +1 -0
- package/dist/runtime.cjs +9 -8
- package/dist/runtime.cjs.map +1 -1
- package/dist/runtime.d.cts +9 -2
- package/dist/runtime.d.ts +9 -2
- package/dist/runtime.iife.js +1 -1
- package/dist/runtime.iife.js.map +1 -1
- package/dist/runtime.js +6 -5
- package/dist/runtime.js.map +1 -1
- package/dist/solid.cjs.map +1 -1
- package/dist/solid.js.map +1 -1
- package/dist/svelte.cjs.map +1 -1
- package/dist/svelte.js.map +1 -1
- package/dist/vue.cjs.map +1 -1
- package/dist/vue.js.map +1 -1
- package/dist/widgets.umd.js +1 -1
- package/dist/widgets.umd.js.map +1 -1
- package/docs/ROADMAP.md +2 -2
- package/docs/components/README.md +12 -7
- package/docs/components/usa-parallax-layers.md +38 -0
- package/docs/components/usa-route-transition.md +38 -0
- package/docs/components/usa-scroll-ring.md +32 -0
- package/docs/components/usa-smooth-scroll.md +60 -0
- package/docs/components/usa-text-splitter.md +60 -0
- package/docs/components.md +94 -0
- package/docs/mcp.md +50 -0
- package/docs/runtime/format-apng.md +59 -0
- package/docs/runtime/format-gif.md +60 -0
- package/docs/runtime/format-sprite.md +60 -0
- package/docs/runtime/format-webp.md +58 -0
- package/docs/runtime/smooth.md +60 -0
- package/docs/runtime/text.md +59 -0
- package/package.json +64 -2
- package/dist/chunks/keyframes-W-474DMc.js.map +0 -1
- package/dist/chunks/keyframes-ZheOkpt0.cjs.map +0 -1
- package/dist/chunks/tween-CBuWYpI-.cjs.map +0 -1
- package/dist/chunks/tween-CqX1JBuj.js.map +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { d as springEasing } from '../chunks/spring-
|
|
3
|
-
import { A as ANIMATION_FORMAT, c as createPlayer } from '../chunks/player-
|
|
4
|
-
import { getEffect, playEffect } from '../chunks/registry-
|
|
5
|
-
import '../chunks/builtins-
|
|
1
|
+
import { f as defineElement, d as clamp, h as getClock, s as setClock, o as onClockChange, v as onFrame, w as schedulerStats, k as activeAnimations } from '../chunks/base-BTev8qxg.js';
|
|
2
|
+
import { d as springEasing } from '../chunks/spring-BHuP55DR.js';
|
|
3
|
+
import { A as ANIMATION_FORMAT, c as createPlayer } from '../chunks/player-BfHMNtiM.js';
|
|
4
|
+
import { getEffect, playEffect } from '../chunks/registry-BKzyg1JV.js';
|
|
5
|
+
import '../chunks/builtins-CPmS6aDB.js';
|
|
6
6
|
import { registerShopPack } from './fx-shop.js';
|
|
7
7
|
import { HYDRATE_PRESETS, createTimeline } from './engine.js';
|
|
8
8
|
import { blobRadius } from './fx-organic.js';
|
|
@@ -20,11 +20,11 @@ import { loadMotionPreferences, applyMotionPreferences } from './fx-safe.js';
|
|
|
20
20
|
import { fpsMeter, offscreenRender } from './fx-perf.js';
|
|
21
21
|
import { motionToCss, easingPoints } from './design.js';
|
|
22
22
|
import { toFlutter, toReactNative, entranceFrom } from './native.js';
|
|
23
|
-
import { g as requireModule, m as missingMessage, R as RUNTIME_VERSION, h as hasModule } from '../chunks/registry-
|
|
24
|
-
import '../chunks/core-
|
|
23
|
+
import { g as requireModule, m as missingMessage, R as RUNTIME_VERSION, h as hasModule } from '../chunks/registry-CT-TT_bx.js';
|
|
24
|
+
import '../chunks/core-BviA7nFa.js';
|
|
25
25
|
import './tokens.js';
|
|
26
|
-
import '../chunks/fx-
|
|
27
|
-
import '../chunks/manifest-
|
|
26
|
+
import '../chunks/fx-CgWKqVsn.js';
|
|
27
|
+
import '../chunks/manifest-BHx5yPN6.js';
|
|
28
28
|
|
|
29
29
|
/** Helpers shared by the 6.x widgets (`motionary/components/widgets`). */
|
|
30
30
|
const clampN = (v, a, b) => Math.min(b, Math.max(a, v));
|
|
@@ -43,9 +43,9 @@ function part(tag, cls, attrs = {}, html = '') {
|
|
|
43
43
|
}
|
|
44
44
|
/** Remove the parts a previous mount created. */
|
|
45
45
|
const dropParts = (el) => el.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
46
|
-
let uid$
|
|
46
|
+
let uid$4 = 0;
|
|
47
47
|
/** A document-unique id with a prefix. */
|
|
48
|
-
const nextId = (p) => `${p}-${++uid$
|
|
48
|
+
const nextId = (p) => `${p}-${++uid$4}`;
|
|
49
49
|
/** Roving arrow-key focus over `items` (horizontal or vertical); returns the new index or -1. */
|
|
50
50
|
function arrowIndex(e, i, n, vertical = false) {
|
|
51
51
|
const prev = vertical ? 'ArrowUp' : 'ArrowLeft';
|
|
@@ -61,7 +61,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
61
61
|
return -1;
|
|
62
62
|
}
|
|
63
63
|
|
|
64
|
-
var css$
|
|
64
|
+
var css$1E = "usa-carousel{display:block;position:relative;--usa-carousel-dur:520ms;--usa-carousel-ease:cubic-bezier(.22,1,.36,1);overflow:hidden;border-radius:var(--usa-radius,14px);touch-action:pan-y}.usa-carousel-viewport{position:relative;overflow:hidden;height:100%;min-height:inherit}.usa-carousel-track{display:flex;height:100%;transition:transform var(--usa-carousel-dur) var(--usa-carousel-ease);will-change:transform}.usa-carousel-track>*{flex:0 0 100%;min-width:0;box-sizing:border-box}usa-carousel:not([data-effect=\"slide\"]) .usa-carousel-track{display:grid}usa-carousel:not([data-effect=\"slide\"]) .usa-carousel-track>*{grid-area:1/1;transition:opacity var(--usa-carousel-dur) ease,transform var(--usa-carousel-dur) var(--usa-carousel-ease),filter var(--usa-carousel-dur) ease}usa-carousel[data-effect=\"cards\"] .usa-carousel-viewport{perspective:900px}usa-carousel[data-dragging] .usa-carousel-track,usa-carousel[data-dragging] .usa-carousel-track>*{transition:none}.usa-carousel-nav{position:absolute;top:50%;translate:0 -50%;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:#111;font:600 18px/1 system-ui;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:transform .2s}.usa-carousel-nav:hover{transform:scale(1.08)}.usa-carousel-nav:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}.usa-carousel-prev{left:10px}.usa-carousel-next{right:10px}.usa-carousel-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px;z-index:2}.usa-carousel-dot{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.55);cursor:pointer;transition:width .35s var(--usa-carousel-ease),background .35s}.usa-carousel-dot[aria-current=\"true\"]{width:22px;background:#fff}@media (prefers-reduced-motion:reduce){usa-carousel .usa-carousel-track,usa-carousel .usa-carousel-track>*,.usa-carousel-dot{transition:none!important}}usa-carousel[data-reduced] .usa-carousel-track,usa-carousel[data-reduced] .usa-carousel-track>*{transition:none!important}";
|
|
65
65
|
|
|
66
66
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
67
67
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -250,10 +250,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
250
250
|
}
|
|
251
251
|
}
|
|
252
252
|
return UsaCarousel;
|
|
253
|
-
}, { id: 'carousel', text: css$
|
|
253
|
+
}, { id: 'carousel', text: css$1E });
|
|
254
254
|
}
|
|
255
255
|
|
|
256
|
-
var css$
|
|
256
|
+
var css$1D = "usa-tab-bar{display:block;--usa-tab-accent:#7c5cff;--usa-tab-ease:cubic-bezier(.22,1,.36,1)}.usa-tab-bar-list{position:relative;display:flex;gap:4px;padding:4px;border-radius:12px;background:rgba(127,127,127,.12);isolation:isolate;overflow-x:auto;scrollbar-width:none}.usa-tab-bar-list::-webkit-scrollbar{display:none}.usa-tab-bar-list>[role=\"tab\"]{position:relative;z-index:1;flex:1 0 auto;border:0;background:none;color:inherit;font:inherit;font-weight:600;padding:8px 14px;border-radius:9px;cursor:pointer;opacity:.7;transition:opacity .25s,color .25s;white-space:nowrap}.usa-tab-bar-list>[role=\"tab\"][aria-selected=\"true\"]{opacity:1}.usa-tab-bar-list>[role=\"tab\"]:focus-visible{outline:2px solid var(--usa-tab-accent);outline-offset:1px}.usa-tab-bar-ink{position:absolute;z-index:0;left:0;top:4px;bottom:4px;width:0;border-radius:9px;background:var(--usa-tab-accent);pointer-events:none}usa-tab-bar[data-indicator=\"pill\"] [aria-selected=\"true\"]{color:#fff}usa-tab-bar[data-indicator=\"underline\"] .usa-tab-bar-list{background:none;border-bottom:1px solid rgba(127,127,127,.25);border-radius:0}usa-tab-bar[data-indicator=\"underline\"] .usa-tab-bar-ink{top:auto;bottom:0;height:3px;border-radius:3px}usa-tab-bar[data-indicator=\"glow\"] .usa-tab-bar-ink{background:transparent;box-shadow:0 0 0 2px var(--usa-tab-accent),0 0 18px var(--usa-tab-accent)}usa-tab-bar[data-indicator=\"gooey\"] .usa-tab-bar-ink{filter:blur(.5px);border-radius:999px}usa-tab-bar[data-indicator=\"gooey\"] [aria-selected=\"true\"]{color:#fff}.usa-tab-bar-panel{padding:14px 2px}.usa-tab-bar-panel[hidden]{display:none}";
|
|
257
257
|
|
|
258
258
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
259
259
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -366,10 +366,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
366
366
|
}
|
|
367
367
|
}
|
|
368
368
|
return UsaTabBar;
|
|
369
|
-
}, { id: 'tab-bar', text: css$
|
|
369
|
+
}, { id: 'tab-bar', text: css$1D });
|
|
370
370
|
}
|
|
371
371
|
|
|
372
|
-
var css$
|
|
372
|
+
var css$1C = "usa-disclosure{display:block;--usa-disclosure-accent:#7c5cff}usa-disclosure>details{border-bottom:1px solid rgba(127,127,127,.25);overflow:hidden}usa-disclosure>details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;font-weight:600}usa-disclosure>details>summary::-webkit-details-marker{display:none}usa-disclosure>details>summary::after{content:\"\";flex:none;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg;translate:0 -3px;transition:rotate .35s cubic-bezier(.34,1.56,.64,1),translate .35s}usa-disclosure>details[open]>summary::after{rotate:225deg;translate:0 2px}usa-disclosure>details>summary:focus-visible{outline:2px solid var(--usa-disclosure-accent);outline-offset:2px;border-radius:6px}usa-disclosure>details>:not(summary){padding:0 4px 12px}usa-disclosure[variant=\"cards\"]>details{border:1px solid rgba(127,127,127,.25);border-radius:12px;margin-bottom:8px;padding:0 10px;transition:box-shadow .3s,border-color .3s}usa-disclosure[variant=\"cards\"]>details[open]{border-color:var(--usa-disclosure-accent);box-shadow:0 8px 24px rgba(124,92,255,.16)}@media (prefers-reduced-motion:reduce){usa-disclosure>details>summary::after{transition:none}}";
|
|
373
373
|
|
|
374
374
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
375
375
|
return defineElement(tag, (Base) => {
|
|
@@ -437,10 +437,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
437
437
|
}
|
|
438
438
|
}
|
|
439
439
|
return UsaDisclosure;
|
|
440
|
-
}, { id: 'disclosure', text: css$
|
|
440
|
+
}, { id: 'disclosure', text: css$1C });
|
|
441
441
|
}
|
|
442
442
|
|
|
443
|
-
var css$
|
|
443
|
+
var css$1B = "usa-stories{display:block;position:relative;overflow:hidden;border-radius:var(--usa-radius,16px);background:#111;color:#fff;aspect-ratio:9/14;max-height:520px;user-select:none;-webkit-user-select:none;touch-action:manipulation}usa-stories>:not([data-usa-part]){position:absolute;inset:0;opacity:0;transition:opacity .35s ease,transform .5s cubic-bezier(.22,1,.36,1);transform:scale(1.04);pointer-events:none;box-sizing:border-box}usa-stories>[data-active]:not([data-usa-part]){opacity:1;transform:none;pointer-events:auto}usa-stories>img:not([data-usa-part]){width:100%;height:100%;object-fit:cover}.usa-stories-bars{position:absolute;z-index:3;top:8px;left:8px;right:48px;display:flex;gap:4px}.usa-stories-bar{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}.usa-stories-bar>i{display:block;height:100%;width:100%;background:#fff;transform-origin:left;transform:scaleX(0)}.usa-stories-bar[data-done]>i{transform:scaleX(1)}.usa-stories-toggle{position:absolute;z-index:3;top:2px;right:6px;width:36px;height:30px;border:0;background:none;color:#fff;font:700 14px/1 system-ui;cursor:pointer;border-radius:8px}.usa-stories-toggle:focus-visible{outline:2px solid #fff}@media (prefers-reduced-motion:reduce){usa-stories>*{transition:none!important;transform:none!important}}";
|
|
444
444
|
|
|
445
445
|
function defineStories(tag = 'usa-stories') {
|
|
446
446
|
return defineElement(tag, (Base) => {
|
|
@@ -573,10 +573,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
573
573
|
}
|
|
574
574
|
}
|
|
575
575
|
return UsaStories;
|
|
576
|
-
}, { id: 'stories', text: css$
|
|
576
|
+
}, { id: 'stories', text: css$1B });
|
|
577
577
|
}
|
|
578
578
|
|
|
579
|
-
var css$
|
|
579
|
+
var css$1A = "usa-modal,usa-sheet{display:contents}.usa-ov{border:0;padding:0;margin:auto;color:inherit;background:transparent;max-width:min(92vw,520px);max-height:88vh;overflow:visible}.usa-ov::backdrop{background:rgba(10,12,20,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.usa-ov-body{box-sizing:border-box;background:var(--usa-ov-bg,#fff);color:var(--usa-ov-fg,#111827);border-radius:var(--usa-ov-radius,18px);padding:var(--usa-ov-pad,22px);box-shadow:0 30px 80px -20px rgba(0,0,0,.45);max-height:88vh;overflow:auto}.usa-sheet-panel{margin:0;max-width:none;max-height:none}usa-sheet[data-side=\"right\"] .usa-sheet-panel{inset:0 0 0 auto;height:100%;width:min(88vw,var(--usa-sheet-size,380px))}usa-sheet[data-side=\"left\"] .usa-sheet-panel{inset:0 auto 0 0;height:100%;width:min(88vw,var(--usa-sheet-size,380px))}usa-sheet[data-side=\"bottom\"] .usa-sheet-panel{inset:auto 0 0 0;width:100%;max-height:85vh}usa-sheet[data-side=\"top\"] .usa-sheet-panel{inset:0 0 auto 0;width:100%;max-height:85vh}usa-sheet .usa-ov-body{height:100%;max-height:inherit;border-radius:0}usa-sheet[data-side=\"bottom\"] .usa-ov-body{border-radius:var(--usa-ov-radius,18px) var(--usa-ov-radius,18px) 0 0;height:auto;max-height:85vh;touch-action:none}usa-sheet[data-side=\"top\"] .usa-ov-body{border-radius:0 0 var(--usa-ov-radius,18px) var(--usa-ov-radius,18px);height:auto}.usa-ov-grab{width:44px;height:5px;border-radius:3px;background:rgba(127,127,127,.45);margin:-8px auto 14px;cursor:grab}@media (prefers-color-scheme:dark){.usa-ov-body{background:var(--usa-ov-bg,#171a23);color:var(--usa-ov-fg,#e5e7eb)}}";
|
|
580
580
|
|
|
581
581
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
582
582
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -803,12 +803,12 @@ function defineOverlay(tag, kind) {
|
|
|
803
803
|
}
|
|
804
804
|
}
|
|
805
805
|
return UsaOverlay;
|
|
806
|
-
}, { id: 'overlay', text: css$
|
|
806
|
+
}, { id: 'overlay', text: css$1A });
|
|
807
807
|
}
|
|
808
808
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
809
809
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
810
810
|
|
|
811
|
-
var css$
|
|
811
|
+
var css$1z = "usa-toast-stack{position:fixed;z-index:2147482000;width:min(360px,calc(100vw - 24px));pointer-events:none;--usa-tstack-bg:#111827;--usa-tstack-fg:#f9fafb}usa-toast-stack[contained]{position:absolute;width:min(360px,calc(100% - 24px))}usa-toast-stack[data-position^=\"bottom\"]{bottom:12px}usa-toast-stack[data-position^=\"top\"]{top:12px}usa-toast-stack[data-position$=\"right\"]{right:12px}usa-toast-stack[data-position$=\"left\"]{left:12px}usa-toast-stack[data-position$=\"center\"]{left:50%;transform:translateX(-50%)}.usa-tstack-list{position:relative;list-style:none;margin:0;padding:0;min-height:1px;transition:height .3s}.usa-tstack{position:absolute;left:0;right:0;display:flex;align-items:center;gap:10px;box-sizing:border-box;padding:12px 12px 12px 14px;border-radius:14px;background:var(--usa-tstack-bg);color:var(--usa-tstack-fg);box-shadow:0 12px 32px -10px rgba(0,0,0,.45);font:500 14px/1.35 system-ui,sans-serif;pointer-events:auto;touch-action:pan-y;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .3s;user-select:none}usa-toast-stack[data-position^=\"bottom\"] .usa-tstack{bottom:0;transform-origin:50% 100%}usa-toast-stack[data-position^=\"top\"] .usa-tstack{top:0;transform-origin:50% 0}.usa-tstack-icon{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:13px;font-weight:800;background:#3b82f6;color:#fff}.usa-tstack-success .usa-tstack-icon{background:#22c55e}.usa-tstack-warning .usa-tstack-icon{background:#f59e0b}.usa-tstack-error .usa-tstack-icon{background:#ef4444}.usa-tstack-text{flex:1;min-width:0;display:flex;flex-direction:column}.usa-tstack-text strong{font-weight:700}.usa-tstack-action{border:0;border-radius:8px;padding:6px 10px;background:rgba(255,255,255,.14);color:inherit;font:600 13px system-ui,sans-serif;cursor:pointer}.usa-tstack-close{border:0;background:none;color:inherit;opacity:.6;font-size:18px;line-height:1;cursor:pointer;padding:2px 4px}.usa-tstack-close:hover{opacity:1}@media (prefers-reduced-motion:reduce){.usa-tstack,.usa-tstack-list{transition:none}}";
|
|
812
812
|
|
|
813
813
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
814
814
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -979,7 +979,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
979
979
|
}
|
|
980
980
|
}
|
|
981
981
|
return UsaToastStack;
|
|
982
|
-
}, { id: 'toast', text: css$
|
|
982
|
+
}, { id: 'toast', text: css$1z });
|
|
983
983
|
}
|
|
984
984
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
985
985
|
function stackToast(input, stack) {
|
|
@@ -1007,7 +1007,7 @@ function installToastTriggers() {
|
|
|
1007
1007
|
});
|
|
1008
1008
|
}
|
|
1009
1009
|
|
|
1010
|
-
var css$
|
|
1010
|
+
var css$1y = "usa-menu{position:relative;display:inline-block}.usa-menu-list{position:absolute;z-index:50;min-width:180px;max-width:min(280px,90vw);box-sizing:border-box;padding:6px;border-radius:12px;background:var(--usa-menu-bg,#fff);color:var(--usa-menu-fg,#111827);box-shadow:0 18px 44px -12px rgba(0,0,0,.35),0 0 0 1px rgba(127,127,127,.15);display:flex;flex-direction:column;gap:2px;text-align:left}.usa-menu-list[hidden]{display:none}usa-menu[data-placement^=\"bottom\"] .usa-menu-list{top:calc(100% + 6px)}usa-menu[data-placement^=\"top\"] .usa-menu-list{bottom:calc(100% + 6px)}usa-menu[data-placement$=\"start\"] .usa-menu-list{left:0;transform-origin:0 0}usa-menu[data-placement$=\"end\"] .usa-menu-list{right:0;transform-origin:100% 0}usa-menu[data-placement=\"top-start\"] .usa-menu-list{transform-origin:0 100%}usa-menu[data-placement=\"top-end\"] .usa-menu-list{transform-origin:100% 100%}.usa-menu-list>[role=\"menuitem\"]{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;border:0;background:none;color:inherit;font:500 14px/1.3 system-ui,sans-serif;text-align:left;text-decoration:none;padding:8px 10px;border-radius:8px;cursor:pointer}.usa-menu-list>[role=\"menuitem\"]:hover,.usa-menu-list>[role=\"menuitem\"]:focus-visible{background:var(--usa-menu-hover,rgba(124,92,255,.14));outline:none}.usa-menu-list>hr{border:0;border-top:1px solid rgba(127,127,127,.2);margin:4px 2px}@media (prefers-color-scheme:dark){.usa-menu-list{background:var(--usa-menu-bg,#1d2130);color:var(--usa-menu-fg,#e5e7eb)}}";
|
|
1011
1011
|
|
|
1012
1012
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
1013
1013
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1146,13 +1146,13 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1146
1146
|
}
|
|
1147
1147
|
}
|
|
1148
1148
|
return UsaMenu;
|
|
1149
|
-
}, { id: 'menu', text: css$
|
|
1149
|
+
}, { id: 'menu', text: css$1y });
|
|
1150
1150
|
}
|
|
1151
1151
|
|
|
1152
|
-
var css$
|
|
1152
|
+
var css$1x = "usa-progress-ring{position:relative;display:inline-block;vertical-align:middle;width:var(--usa-pr-size,120px);aspect-ratio:1;--usa-pr-color:#7c5cff;--usa-pr-track:rgba(127,127,127,.18);--usa-pr-width:9;font:700 calc(var(--usa-pr-size,120px)*.2)/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}usa-progress-ring[data-variant=\"semi\"]{aspect-ratio:100/56}.usa-pr-label{position:absolute;inset:0;display:grid;place-items:center}usa-progress-ring[data-variant=\"semi\"] .usa-pr-label{place-items:end center}usa-progress-ring[data-variant=\"bar\"]{display:inline-flex;width:var(--usa-pr-size,100%);aspect-ratio:auto;gap:10px;align-items:center;font-size:14px}usa-progress-ring[data-variant=\"bar\"]>.usa-pr-track{flex:1 1 auto;min-width:40px}usa-progress-ring[data-variant=\"bar\"] .usa-pr-label{position:static;display:inline}usa-progress-ring .usa-pr-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.usa-pr-svg path{fill:none;stroke-width:var(--usa-pr-width);stroke-linecap:round}.usa-pr-svg .usa-pr-track{stroke:var(--usa-pr-track)}.usa-pr-svg .usa-pr-arc{stroke:var(--usa-pr-color)}usa-progress-ring[data-variant=\"semi\"] .usa-pr-label{padding-bottom:2%}.usa-pr-track:is(div){height:10px;border-radius:999px;background:var(--usa-pr-track);overflow:hidden}.usa-pr-fill{height:100%;border-radius:inherit;background:var(--usa-pr-color);transform-origin:0 50%;transform:scaleX(0)}usa-progress-ring[data-indeterminate] .usa-pr-svg{animation:usa-pr-spin 1.1s linear infinite}usa-progress-ring[data-indeterminate] .usa-pr-fill{width:35%;transform:none!important;animation:usa-pr-slide 1.3s ease-in-out infinite}@keyframes usa-pr-spin{to{transform:rotate(360deg)}}@keyframes usa-pr-slide{from{margin-left:-35%}to{margin-left:100%}}usa-odometer{display:inline-flex;align-items:flex-end;font-variant-numeric:tabular-nums;line-height:1.15}.usa-odo-row{display:inline-flex;align-items:flex-end}.usa-odo-col{display:inline-block;height:1.15em;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}.usa-odo-strip{display:block;white-space:pre;line-height:1.15em;text-align:center}.usa-odo-sym{display:inline-block;height:1.15em}@media (prefers-reduced-motion:reduce){usa-progress-ring[data-indeterminate] .usa-pr-svg,usa-progress-ring[data-indeterminate] .usa-pr-fill{animation-duration:4s}}";
|
|
1153
1153
|
|
|
1154
1154
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1155
|
-
const NS = 'http://www.w3.org/2000/svg';
|
|
1155
|
+
const NS$1 = 'http://www.w3.org/2000/svg';
|
|
1156
1156
|
function defineProgressRing(tag = 'usa-progress-ring') {
|
|
1157
1157
|
return defineElement(tag, (Base) => {
|
|
1158
1158
|
class UsaProgressRing extends Base {
|
|
@@ -1206,7 +1206,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1206
1206
|
this._arc = fill;
|
|
1207
1207
|
}
|
|
1208
1208
|
else {
|
|
1209
|
-
const svg = document.createElementNS(NS, 'svg');
|
|
1209
|
+
const svg = document.createElementNS(NS$1, 'svg');
|
|
1210
1210
|
svg.setAttribute('data-usa-part', '');
|
|
1211
1211
|
svg.setAttribute('aria-hidden', 'true');
|
|
1212
1212
|
svg.setAttribute('class', 'usa-pr-svg');
|
|
@@ -1289,7 +1289,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1289
1289
|
}
|
|
1290
1290
|
}
|
|
1291
1291
|
return UsaProgressRing;
|
|
1292
|
-
}, { id: 'meters', text: css$
|
|
1292
|
+
}, { id: 'meters', text: css$1x });
|
|
1293
1293
|
}
|
|
1294
1294
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1295
1295
|
return defineElement(tag, (Base) => {
|
|
@@ -1399,10 +1399,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1399
1399
|
}
|
|
1400
1400
|
}
|
|
1401
1401
|
return UsaOdometer;
|
|
1402
|
-
}, { id: 'meters', text: css$
|
|
1402
|
+
}, { id: 'meters', text: css$1x });
|
|
1403
1403
|
}
|
|
1404
1404
|
|
|
1405
|
-
var css$
|
|
1405
|
+
var css$1w = "usa-skeleton-reveal{position:relative;display:block;--usa-sk-base:rgba(127,127,127,.16);--usa-sk-hi:rgba(255,255,255,.55)}usa-skeleton-reveal[data-loading]>:not(.usa-sk-layer){visibility:hidden}.usa-sk-layer{position:absolute;inset:0;pointer-events:none}.usa-sk-box{position:absolute;border-radius:6px;background:var(--usa-sk-base);overflow:hidden}usa-skeleton-reveal[data-variant=\"wave\"] .usa-sk-box{background:linear-gradient(100deg,var(--usa-sk-base) 30%,var(--usa-sk-hi) 50%,var(--usa-sk-base) 70%) var(--usa-sk-x,0) 0/var(--usa-sk-w,600px) 100% no-repeat,var(--usa-sk-base);animation:usa-sk-wave 1.4s linear infinite}usa-skeleton-reveal[data-variant=\"pulse\"] .usa-sk-box{animation:usa-sk-pulse 1.2s ease-in-out infinite alternate}usa-skeleton-reveal[data-variant=\"glow\"] .usa-sk-box{animation:usa-sk-glow 1.6s ease-in-out infinite alternate}@keyframes usa-sk-wave{from{background-position:calc(var(--usa-sk-x,0px) - var(--usa-sk-w,600px)) 0,0 0}to{background-position:calc(var(--usa-sk-x,0px) + var(--usa-sk-w,600px)) 0,0 0}}@keyframes usa-sk-pulse{from{opacity:1}to{opacity:.45}}@keyframes usa-sk-glow{from{box-shadow:0 0 0 rgba(124,92,255,0)}to{box-shadow:0 0 14px rgba(124,92,255,.45);background:rgba(124,92,255,.22)}}@media (prefers-color-scheme:dark){usa-skeleton-reveal{--usa-sk-hi:rgba(255,255,255,.16)}}@media (prefers-reduced-motion:reduce){.usa-sk-box{animation:none!important}}";
|
|
1406
1406
|
|
|
1407
1407
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1408
1408
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1517,10 +1517,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1517
1517
|
}
|
|
1518
1518
|
}
|
|
1519
1519
|
return UsaSkeletonReveal;
|
|
1520
|
-
}, { id: 'skeleton-reveal', text: css$
|
|
1520
|
+
}, { id: 'skeleton-reveal', text: css$1w });
|
|
1521
1521
|
}
|
|
1522
1522
|
|
|
1523
|
-
var css$
|
|
1523
|
+
var css$1v = "usa-star-rating{display:inline-flex;gap:var(--usa-star-gap,4px);--usa-star-size:28px;--usa-star-on:#fbbf24;--usa-star-off:rgba(127,127,127,.28);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:8px}usa-star-rating[readonly]{cursor:default}usa-star-rating:focus-visible{outline:2px solid var(--usa-star-on);outline-offset:4px}.usa-star{position:relative;display:inline-block;width:var(--usa-star-size);height:var(--usa-star-size);--usa-star-fill:0%}.usa-star svg{display:block;width:100%;height:100%;overflow:visible;stroke:none}.usa-star-bg{fill:var(--usa-star-off)}.usa-star-fg{position:absolute;left:0;top:0;bottom:0;width:var(--usa-star-fill);overflow:hidden;transition:width .18s ease-out}.usa-star-fg svg{width:var(--usa-star-size);height:var(--usa-star-size);fill:var(--usa-star-on);filter:drop-shadow(0 1px 3px rgba(251,191,36,.45))}usa-star-rating[data-preview] .usa-star-fg{opacity:.8}.usa-star-spark{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:var(--usa-star-on);pointer-events:none}@media (prefers-reduced-motion:reduce){.usa-star-fg{transition:none}}";
|
|
1524
1524
|
|
|
1525
1525
|
const PATHS = {
|
|
1526
1526
|
star: 'M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6L2.5 9.4l6.6-.8z',
|
|
@@ -1657,10 +1657,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1657
1657
|
}
|
|
1658
1658
|
UsaStarRating.formAssociated = true;
|
|
1659
1659
|
return UsaStarRating;
|
|
1660
|
-
}, { id: 'star-rating', text: css$
|
|
1660
|
+
}, { id: 'star-rating', text: css$1v });
|
|
1661
1661
|
}
|
|
1662
1662
|
|
|
1663
|
-
var css$
|
|
1663
|
+
var css$1u = "usa-milestones{position:relative;display:block;--usa-ms-color:#7c5cff;--usa-ms-rail:rgba(127,127,127,.22);--usa-ms-gap:28px;padding:4px 0}.usa-ms-rail{position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;border-radius:3px;background:var(--usa-ms-rail);overflow:hidden}.usa-ms-fill{position:absolute;inset:0;background:linear-gradient(var(--usa-ms-color),#22d3ee);transform-origin:50% 0;transform:scaleY(0)}.usa-ms-item{position:relative;box-sizing:border-box;width:50%;padding:0 var(--usa-ms-gap) var(--usa-ms-gap);text-align:left}.usa-ms-item[data-side=\"right\"]{margin-left:50%}.usa-ms-item[data-side=\"left\"]{text-align:right}.usa-ms-dot{position:absolute;top:4px;width:14px;height:14px;border-radius:50%;background:var(--usa-ms-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--usa-ms-color) 22%,transparent);transform:scale(0)}.usa-ms-item[data-reached] .usa-ms-dot{transform:none}.usa-ms-item[data-side=\"right\"] .usa-ms-dot{left:-7px}.usa-ms-item[data-side=\"left\"] .usa-ms-dot{right:-7px}.usa-ms-date{display:block;font-size:.8em;font-weight:700;letter-spacing:.04em;color:var(--usa-ms-color);margin-bottom:2px}.usa-ms-item:not([data-reached])>:not(.usa-ms-dot){opacity:0}usa-milestones[data-layout=\"left\"] .usa-ms-rail{left:7px}usa-milestones[data-layout=\"left\"] .usa-ms-item{width:auto;margin-left:0;padding-left:calc(var(--usa-ms-gap) + 8px);text-align:left}usa-milestones[data-layout=\"left\"] .usa-ms-dot{left:1px;right:auto}@media (max-width:640px){usa-milestones .usa-ms-rail{left:7px}usa-milestones .usa-ms-item{width:auto;margin-left:0;padding-left:calc(var(--usa-ms-gap) + 8px);text-align:left}usa-milestones .usa-ms-item .usa-ms-dot{left:1px;right:auto}}";
|
|
1664
1664
|
|
|
1665
1665
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1666
1666
|
return defineElement(tag, (Base) => {
|
|
@@ -1748,10 +1748,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1748
1748
|
}
|
|
1749
1749
|
}
|
|
1750
1750
|
return UsaMilestones;
|
|
1751
|
-
}, { id: 'milestones', text: css$
|
|
1751
|
+
}, { id: 'milestones', text: css$1u });
|
|
1752
1752
|
}
|
|
1753
1753
|
|
|
1754
|
-
var css$
|
|
1754
|
+
var css$1t = "usa-masonry-flow{position:relative;display:block;width:100%}usa-masonry-flow>*{position:absolute;left:0;top:0;box-sizing:border-box;margin:0;will-change:transform}usa-masonry-flow>[data-hidden]:not([data-leaving]){display:none}usa-masonry-flow>[data-leaving]{pointer-events:none}";
|
|
1755
1755
|
|
|
1756
1756
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1757
1757
|
return defineElement(tag, (Base) => {
|
|
@@ -1872,10 +1872,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1872
1872
|
}
|
|
1873
1873
|
}
|
|
1874
1874
|
return UsaMasonryFlow;
|
|
1875
|
-
}, { id: 'masonry-flow', text: css$
|
|
1875
|
+
}, { id: 'masonry-flow', text: css$1t });
|
|
1876
1876
|
}
|
|
1877
1877
|
|
|
1878
|
-
var css$
|
|
1878
|
+
var css$1s = "usa-compare{position:relative;display:grid;overflow:hidden;border-radius:var(--usa-cmp-radius,14px);user-select:none;touch-action:pan-y;cursor:ew-resize;--usa-cmp-line:#fff;outline-offset:3px}usa-compare[data-orientation=\"vertical\"]{touch-action:pan-x;cursor:ns-resize}usa-compare>.usa-cmp-before,usa-compare>.usa-cmp-after{grid-area:1/1;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.usa-cmp-handle{position:absolute;top:0;bottom:0;left:50%;width:0;z-index:2;pointer-events:none}.usa-cmp-handle::before{content:\"\";position:absolute;top:0;bottom:0;left:-1.5px;width:3px;background:var(--usa-cmp-line);box-shadow:0 0 8px rgba(0,0,0,.35)}usa-compare[data-orientation=\"vertical\"] .usa-cmp-handle{top:50%;bottom:auto;left:0;right:0;width:auto;height:0}usa-compare[data-orientation=\"vertical\"] .usa-cmp-handle::before{left:0;right:0;top:-1.5px;width:auto;height:3px}.usa-cmp-knob{position:absolute;top:50%;left:0;display:grid;place-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:var(--usa-cmp-line);color:#111827;box-shadow:0 6px 18px rgba(0,0,0,.35);pointer-events:auto;cursor:grab;transition:transform .2s}usa-compare[data-orientation=\"vertical\"] .usa-cmp-knob{left:50%;top:0;transform:rotate(90deg)}usa-compare:active .usa-cmp-knob{transform:scale(.92)}usa-compare[data-orientation=\"vertical\"]:active .usa-cmp-knob{transform:rotate(90deg) scale(.92)}.usa-cmp-label{position:absolute;top:10px;z-index:1;padding:3px 9px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font:600 12px/1.4 system-ui,sans-serif;pointer-events:none}.usa-cmp-label-b{left:10px}.usa-cmp-label-a{right:10px}";
|
|
1879
1879
|
|
|
1880
1880
|
function defineCompare(tag = 'usa-compare') {
|
|
1881
1881
|
return defineElement(tag, (Base) => {
|
|
@@ -1999,10 +1999,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
1999
1999
|
}
|
|
2000
2000
|
}
|
|
2001
2001
|
return UsaCompare;
|
|
2002
|
-
}, { id: 'compare', text: css$
|
|
2002
|
+
}, { id: 'compare', text: css$1s });
|
|
2003
2003
|
}
|
|
2004
2004
|
|
|
2005
|
-
var css$
|
|
2005
|
+
var css$1r = "usa-cube-gallery{position:relative;display:block;aspect-ratio:4/3;perspective:1100px;outline-offset:4px}.usa-cube-stage{position:absolute;inset:0;transform-style:preserve-3d;touch-action:pan-y}.usa-cube-face{position:absolute;inset:0;box-sizing:border-box;margin:0;backface-visibility:hidden;display:none;overflow:hidden;border-radius:var(--usa-cube-radius,14px)}.usa-cube-face[data-active]{display:block}.usa-cube-face>img{width:100%;height:100%;object-fit:cover;display:block}.usa-cube-btn{position:absolute;top:50%;z-index:2;width:34px;height:34px;margin-top:-17px;border:0;border-radius:50%;background:rgba(255,255,255,.85);color:#111827;font:700 20px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.25)}.usa-cube-prev{left:8px}.usa-cube-next{right:8px}.usa-cube-btn:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}";
|
|
2006
2006
|
|
|
2007
2007
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
2008
2008
|
return defineElement(tag, (Base) => {
|
|
@@ -2135,10 +2135,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2135
2135
|
}
|
|
2136
2136
|
}
|
|
2137
2137
|
return UsaCubeGallery;
|
|
2138
|
-
}, { id: 'cube-gallery', text: css$
|
|
2138
|
+
}, { id: 'cube-gallery', text: css$1r });
|
|
2139
2139
|
}
|
|
2140
2140
|
|
|
2141
|
-
var css$
|
|
2141
|
+
var css$1q = "usa-dock{display:inline-flex;align-items:flex-end;gap:var(--usa-dock-gap,8px);padding:8px 10px;border-radius:20px;background:var(--usa-dock-bg,rgba(255,255,255,.55));-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);box-shadow:0 10px 30px -10px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.45);--usa-dock-size:44px}usa-dock[data-orientation=\"vertical\"]{flex-direction:column;align-items:flex-start}.usa-dock-item{--usa-dock-s:1;position:relative;display:grid;place-items:center;flex:none;width:calc(var(--usa-dock-size) * var(--usa-dock-s));height:calc(var(--usa-dock-size) * var(--usa-dock-s));border:0;padding:0;border-radius:calc(var(--usa-dock-size) * .26 * var(--usa-dock-s));background:var(--usa-dock-item,linear-gradient(135deg,#7c5cff,#22d3ee));color:#fff;font-size:calc(var(--usa-dock-size) * .5 * var(--usa-dock-s));text-decoration:none;cursor:pointer;transition:width .12s ease-out,height .12s ease-out,font-size .12s ease-out,border-radius .12s;box-shadow:0 4px 10px rgba(0,0,0,.18)}.usa-dock-item:focus-visible{outline:2px solid #7c5cff;outline-offset:3px}.usa-dock-item[data-label]::after{content:attr(data-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);padding:3px 8px;border-radius:6px;background:rgba(17,24,39,.9);color:#fff;font:500 12px/1.3 system-ui,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.usa-dock-item[data-near]::after,.usa-dock-item:focus-visible::after{opacity:1;transform:translateX(-50%)}usa-dock[data-orientation=\"vertical\"] .usa-dock-item[data-label]::after{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.usa-dock-item{transition:none}}";
|
|
2142
2142
|
|
|
2143
2143
|
function defineDock(tag = 'usa-dock') {
|
|
2144
2144
|
return defineElement(tag, (Base) => {
|
|
@@ -2206,10 +2206,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2206
2206
|
}
|
|
2207
2207
|
}
|
|
2208
2208
|
return UsaDock;
|
|
2209
|
-
}, { id: 'dock', text: css$
|
|
2209
|
+
}, { id: 'dock', text: css$1q });
|
|
2210
2210
|
}
|
|
2211
2211
|
|
|
2212
|
-
var css$
|
|
2212
|
+
var css$1p = "usa-nav-morph{position:relative;display:flex;gap:4px;align-items:center;isolation:isolate;--usa-nm-color:#7c5cff;flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}usa-nav-morph::-webkit-scrollbar{display:none}usa-nav-morph>:not(.usa-nm-ink){position:relative;z-index:1;flex:none;padding:8px 12px;border-radius:10px;color:inherit;text-decoration:none;font-weight:600;white-space:nowrap;transition:color .25s;outline-offset:2px}.usa-nm-ink{position:absolute;left:0;z-index:0;width:0;pointer-events:none;background:var(--usa-nm-color)}usa-nav-morph[data-indicator=\"underline\"] .usa-nm-ink{bottom:0;height:3px;border-radius:3px}usa-nav-morph[data-indicator=\"pill\"] .usa-nm-ink,usa-nav-morph[data-indicator=\"blob\"] .usa-nm-ink{top:0;bottom:0;border-radius:10px;opacity:.16}usa-nav-morph[data-indicator=\"blob\"] .usa-nm-ink{border-radius:999px;opacity:.2}usa-nav-morph[data-indicator=\"dot\"] .usa-nm-ink{bottom:0;height:6px;background:radial-gradient(circle,var(--usa-nm-color) 3px,transparent 3.5px)}usa-nav-morph>[aria-current=\"page\"]{color:var(--usa-nm-color)}";
|
|
2213
2213
|
|
|
2214
2214
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2215
2215
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2313,10 +2313,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2313
2313
|
}
|
|
2314
2314
|
}
|
|
2315
2315
|
return UsaNavMorph;
|
|
2316
|
-
}, { id: 'nav-morph', text: css$
|
|
2316
|
+
}, { id: 'nav-morph', text: css$1p });
|
|
2317
2317
|
}
|
|
2318
2318
|
|
|
2319
|
-
var css$
|
|
2319
|
+
var css$1o = "usa-menu-toggle{display:inline-grid;place-items:center;width:var(--usa-mt-size,44px);height:var(--usa-mt-size,44px);border-radius:12px;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;outline-offset:2px;--usa-mt-ease:cubic-bezier(.65,.05,.36,1)}usa-menu-toggle:hover{background:rgba(127,127,127,.12)}.usa-mt-box{position:relative;width:24px;height:18px}.usa-mt-bar{position:absolute;left:0;width:100%;height:2.5px;border-radius:2px;background:currentColor;transform-origin:50% 50%}.usa-mt-bar:nth-child(1){top:0}.usa-mt-bar:nth-child(2){top:7.75px}.usa-mt-bar:nth-child(3){bottom:0}usa-menu-toggle[data-animate] .usa-mt-bar{transition:transform .38s var(--usa-mt-ease),opacity .2s,top .38s var(--usa-mt-ease),bottom .38s var(--usa-mt-ease),width .38s var(--usa-mt-ease)}usa-menu-toggle[data-animate] .usa-mt-box{transition:transform .38s var(--usa-mt-ease)}usa-menu-toggle[data-variant=\"cross\"][data-open] .usa-mt-bar:nth-child(1),usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-bar:nth-child(1){top:7.75px;transform:rotate(45deg)}usa-menu-toggle[data-variant=\"cross\"][data-open] .usa-mt-bar:nth-child(2),usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-bar:nth-child(2){opacity:0;transform:scaleX(.2)}usa-menu-toggle[data-variant=\"cross\"][data-open] .usa-mt-bar:nth-child(3),usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-bar:nth-child(3){bottom:7.75px;transform:rotate(-45deg)}usa-menu-toggle[data-variant=\"plus-x\"][data-open] .usa-mt-box{transform:rotate(180deg)}usa-menu-toggle[data-variant=\"arrow\"][data-open] .usa-mt-bar:nth-child(1){width:55%;transform:translate(-2px,3.5px) rotate(-40deg)}usa-menu-toggle[data-variant=\"arrow\"][data-open] .usa-mt-bar:nth-child(3){width:55%;transform:translate(-2px,-3.5px) rotate(40deg)}usa-menu-toggle[data-variant=\"arrow\"][data-open] .usa-mt-box{transform:rotate(180deg)}usa-menu-toggle[data-variant=\"minus\"][data-open] .usa-mt-bar:nth-child(1){top:7.75px}usa-menu-toggle[data-variant=\"minus\"][data-open] .usa-mt-bar:nth-child(3){bottom:7.75px}";
|
|
2320
2320
|
|
|
2321
2321
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2322
2322
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2389,10 +2389,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2389
2389
|
}
|
|
2390
2390
|
}
|
|
2391
2391
|
return UsaMenuToggle;
|
|
2392
|
-
}, { id: 'menu-toggle', text: css$
|
|
2392
|
+
}, { id: 'menu-toggle', text: css$1o });
|
|
2393
2393
|
}
|
|
2394
2394
|
|
|
2395
|
-
var css$
|
|
2395
|
+
var css$1n = "usa-tip{position:relative;display:inline-block}.usa-tip-bubble{position:absolute;left:0;top:0;z-index:60;box-sizing:border-box;max-width:min(260px,calc(100vw - 16px));width:max-content;padding:7px 11px;border-radius:9px;background:var(--usa-tip-bg,#111827);color:var(--usa-tip-fg,#f9fafb);font:500 13px/1.4 system-ui,sans-serif;box-shadow:0 10px 26px -8px rgba(0,0,0,.4);text-align:left;white-space:normal}.usa-tip-bubble[hidden]{display:none}.usa-tip-bubble[data-placement=\"top\"]{transform-origin:50% 100%}.usa-tip-bubble[data-placement=\"bottom\"]{transform-origin:50% 0}.usa-tip-bubble[data-placement=\"left\"]{transform-origin:100% 50%}.usa-tip-bubble[data-placement=\"right\"]{transform-origin:0 50%}.usa-tip-arrow{position:absolute;width:10px;height:10px;background:inherit;transform:rotate(45deg)}.usa-tip-bubble[data-placement=\"top\"] .usa-tip-arrow{bottom:-4px;left:calc(50% - 5px + var(--usa-tip-shift,0px))}.usa-tip-bubble[data-placement=\"bottom\"] .usa-tip-arrow{top:-4px;left:calc(50% - 5px + var(--usa-tip-shift,0px))}.usa-tip-bubble[data-placement=\"left\"] .usa-tip-arrow{right:-4px;top:calc(50% - 5px)}.usa-tip-bubble[data-placement=\"right\"] .usa-tip-arrow{left:-4px;top:calc(50% - 5px)}";
|
|
2396
2396
|
|
|
2397
2397
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2398
2398
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2524,10 +2524,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2524
2524
|
}
|
|
2525
2525
|
}
|
|
2526
2526
|
return UsaTip;
|
|
2527
|
-
}, { id: 'tip', text: css$
|
|
2527
|
+
}, { id: 'tip', text: css$1n });
|
|
2528
2528
|
}
|
|
2529
2529
|
|
|
2530
|
-
var css$
|
|
2530
|
+
var css$1m = "usa-stepper{--usa-st-c:#7c5cff;--usa-st-size:30px;position:relative;display:flex;justify-content:space-between;gap:8px;padding:0;counter-reset:s;max-width:100%}usa-stepper[data-orientation=\"vertical\"]{flex-direction:column;gap:22px}.usa-st-rail{position:absolute;left:calc(var(--usa-st-size)/2);right:calc(var(--usa-st-size)/2);top:calc(var(--usa-st-size)/2 - 2px);height:4px;border-radius:4px;background:rgba(127,127,127,.25);pointer-events:none}usa-stepper[data-orientation=\"vertical\"] .usa-st-rail{left:calc(var(--usa-st-size)/2 - 2px);right:auto;top:calc(var(--usa-st-size)/2);bottom:calc(var(--usa-st-size)/2);width:4px;height:auto}.usa-st-fill{position:absolute;inset:0;border-radius:inherit;background:var(--usa-st-c);transform-origin:0 0;transform:scaleX(calc(var(--usa-st-p,0%) / 100%));transition:transform .55s cubic-bezier(.6,.05,.3,1)}usa-stepper[data-orientation=\"vertical\"] .usa-st-fill{transform:scaleY(calc(var(--usa-st-p,0%) / 100%))}.usa-st-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;font:600 12px/1.25 system-ui,sans-serif;text-align:center;color:rgba(127,127,127,.95)}usa-stepper[data-orientation=\"vertical\"] .usa-st-step{flex-direction:row;text-align:left}.usa-st-step[data-current],.usa-st-step[data-done]{color:inherit}.usa-st-dot{position:relative;display:grid;place-items:center;flex:none;width:var(--usa-st-size);height:var(--usa-st-size);border-radius:50%;background:var(--usa-st-bg,#fff);box-shadow:inset 0 0 0 2px rgba(127,127,127,.4);color:#666;font-weight:700;transition:background .3s,box-shadow .3s,color .3s}.usa-st-step[data-current] .usa-st-dot{box-shadow:inset 0 0 0 2px var(--usa-st-c);color:var(--usa-st-c)}.usa-st-step[data-done] .usa-st-dot{background:var(--usa-st-c);box-shadow:none;color:#fff}.usa-st-check{position:absolute;width:60%;height:60%;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;opacity:0}.usa-st-step[data-done] .usa-st-check{stroke-dashoffset:0;opacity:1}.usa-st-step[data-done] .usa-st-num{opacity:0}.usa-st-step[data-clickable],usa-stepper[clickable] .usa-st-step{cursor:pointer}@media (prefers-reduced-motion:reduce){.usa-st-fill,.usa-st-dot{transition:none}}";
|
|
2531
2531
|
|
|
2532
2532
|
function defineStepper(tag = 'usa-stepper') {
|
|
2533
2533
|
return defineElement(tag, (Base) => {
|
|
@@ -2624,10 +2624,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2624
2624
|
}
|
|
2625
2625
|
}
|
|
2626
2626
|
return UsaStepper;
|
|
2627
|
-
}, { id: 'stepper', text: css$
|
|
2627
|
+
}, { id: 'stepper', text: css$1m });
|
|
2628
2628
|
}
|
|
2629
2629
|
|
|
2630
|
-
var css$
|
|
2630
|
+
var css$1l = "usa-pagination{--usa-pg-c:#7c5cff;display:inline-flex;align-items:center;gap:4px;max-width:100%;font:600 14px/1 system-ui,sans-serif}.usa-pg-list{position:relative;display:inline-flex;align-items:center;gap:2px;isolation:isolate}.usa-pg-ink{position:absolute;left:0;top:0;height:100%;width:0;border-radius:10px;background:var(--usa-pg-c);z-index:-1;transition:width .3s}.usa-pg-btn{display:grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;cursor:pointer;transition:color .25s,background .2s}.usa-pg-btn:hover:not(:disabled):not([aria-current]){background:rgba(127,127,127,.14)}.usa-pg-btn[aria-current=\"page\"]{color:#fff}.usa-pg-btn:disabled{opacity:.35;cursor:default}.usa-pg-btn:focus-visible{outline:2px solid var(--usa-pg-c);outline-offset:2px}.usa-pg-gap{min-width:20px;text-align:center;opacity:.6}@media (max-width:420px){.usa-pg-btn{min-width:28px;height:30px;padding:0 3px}}@media (prefers-reduced-motion:reduce){.usa-pg-ink{transition:none}}";
|
|
2631
2631
|
|
|
2632
2632
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2633
2633
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2749,10 +2749,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2749
2749
|
}
|
|
2750
2750
|
}
|
|
2751
2751
|
return UsaPagination;
|
|
2752
|
-
}, { id: 'pagination', text: css$
|
|
2752
|
+
}, { id: 'pagination', text: css$1l });
|
|
2753
2753
|
}
|
|
2754
2754
|
|
|
2755
|
-
var css$
|
|
2755
|
+
var css$1k = "usa-segmented{--usa-seg-c:#7c5cff;position:relative;display:inline-flex;align-items:stretch;padding:3px;border-radius:12px;background:rgba(127,127,127,.16);isolation:isolate;max-width:100%;font:600 13px/1 system-ui,sans-serif}.usa-seg-thumb{position:absolute;top:3px;bottom:3px;left:3px;z-index:-1;border-radius:9px;background:var(--usa-seg-thumb,#fff);box-shadow:0 2px 8px rgba(0,0,0,.18),0 0 0 .5px rgba(0,0,0,.05);transform-origin:50% 50%}usa-segmented[data-variant=\"pill\"]{border-radius:999px}usa-segmented[data-variant=\"pill\"] .usa-seg-thumb{border-radius:999px;background:var(--usa-seg-c)}usa-segmented[data-variant=\"pill\"] .usa-seg-item[data-selected]{color:#fff}usa-segmented[data-variant=\"outline\"]{background:none;box-shadow:inset 0 0 0 1.5px rgba(127,127,127,.35)}usa-segmented[data-variant=\"outline\"] .usa-seg-thumb{background:none;box-shadow:inset 0 0 0 2px var(--usa-seg-c)}.usa-seg-item{flex:1 1 0;min-width:0;padding:8px 14px;border:0;border-radius:9px;background:none;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;opacity:.7;transition:opacity .2s,transform .25s cubic-bezier(.3,1.4,.5,1),color .2s}.usa-seg-item[data-selected]{opacity:1;transform:scale(1.04)}.usa-seg-item:focus-visible{outline:2px solid var(--usa-seg-c);outline-offset:1px}@media (max-width:420px){.usa-seg-item{padding:8px 9px}}@media (prefers-reduced-motion:reduce){.usa-seg-item{transition:none}}";
|
|
2756
2756
|
|
|
2757
2757
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2758
2758
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2846,10 +2846,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2846
2846
|
}
|
|
2847
2847
|
}
|
|
2848
2848
|
return UsaSegmented;
|
|
2849
|
-
}, { id: 'segmented', text: css$
|
|
2849
|
+
}, { id: 'segmented', text: css$1k });
|
|
2850
2850
|
}
|
|
2851
2851
|
|
|
2852
|
-
var css$
|
|
2852
|
+
var css$1j = "usa-switch{--usa-sw-c:#34c759;--usa-sw-w:52px;--usa-sw-h:30px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;vertical-align:middle;outline-offset:3px;border-radius:999px}usa-switch[disabled]{opacity:.45;cursor:not-allowed}.usa-sw-track{position:relative;flex:none;width:var(--usa-sw-w);height:var(--usa-sw-h);border-radius:999px;background:rgba(127,127,127,.35);overflow:hidden;transition:background .3s}.usa-sw-fill{position:absolute;inset:0;border-radius:999px;background:var(--usa-sw-c);transform:scale(0);transform-origin:calc(var(--usa-sw-h)/2) 50%;transition:transform .35s cubic-bezier(.4,0,.2,1)}usa-switch[data-on] .usa-sw-fill{transform:scale(1)}.usa-sw-thumb{position:absolute;top:3px;left:3px;width:calc(var(--usa-sw-h) - 6px);height:calc(var(--usa-sw-h) - 6px);border-radius:999px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:left .32s cubic-bezier(.3,1.25,.5,1),width .2s ease,background .3s,box-shadow .3s}usa-switch[data-on] .usa-sw-thumb{left:calc(var(--usa-sw-w) - var(--usa-sw-h) + 3px)}usa-switch[data-variant=\"ios\"][data-press] .usa-sw-thumb{width:calc(var(--usa-sw-h) + 2px)}usa-switch[data-variant=\"ios\"][data-press][data-on] .usa-sw-thumb{left:calc(var(--usa-sw-w) - var(--usa-sw-h) - 5px)}usa-switch[data-variant=\"daynight\"]{--usa-sw-w:64px;--usa-sw-h:32px}usa-switch[data-variant=\"daynight\"] .usa-sw-track{background:linear-gradient(#7dd3fc,#38bdf8)}usa-switch[data-variant=\"daynight\"] .usa-sw-fill{background:linear-gradient(#1e1b4b,#312e81);transform:none;opacity:0;transition:opacity .45s}usa-switch[data-variant=\"daynight\"][data-on] .usa-sw-fill{opacity:1}usa-switch[data-variant=\"daynight\"] .usa-sw-thumb{background:radial-gradient(circle at 40% 40%,#fde68a,#f59e0b);box-shadow:0 0 10px #fbbf24}usa-switch[data-variant=\"daynight\"][data-on] .usa-sw-thumb{background:radial-gradient(circle at 65% 35%,transparent 5px,#e5e7eb 5.5px);box-shadow:0 0 8px rgba(255,255,255,.5)}usa-switch[data-variant=\"daynight\"] .usa-sw-deco{position:absolute;inset:0;background:radial-gradient(circle,#fff 1px,transparent 1.5px) 12px 8px/14px 11px;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .5s}usa-switch[data-variant=\"daynight\"][data-on] .usa-sw-deco{opacity:.9;transform:none}usa-switch[data-variant=\"bounce\"] .usa-sw-thumb{transition:left .28s cubic-bezier(.5,0,.75,0)}usa-switch[data-variant=\"liquid\"] .usa-sw-fill{background:linear-gradient(90deg,#22d3ee,#7c5cff)}usa-switch[data-variant=\"liquid\"] .usa-sw-thumb{transition:left .5s cubic-bezier(.68,-.4,.27,1.4)}usa-switch:focus-visible .usa-sw-track{box-shadow:0 0 0 3px rgba(124,92,255,.5)}@media (prefers-reduced-motion:reduce){.usa-sw-thumb,.usa-sw-fill,.usa-sw-deco,.usa-sw-track{transition:none!important}}";
|
|
2853
2853
|
|
|
2854
2854
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2855
2855
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2937,10 +2937,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2937
2937
|
}
|
|
2938
2938
|
}
|
|
2939
2939
|
return UsaSwitch;
|
|
2940
|
-
}, { id: 'switch', text: css$
|
|
2940
|
+
}, { id: 'switch', text: css$1j });
|
|
2941
2941
|
}
|
|
2942
2942
|
|
|
2943
|
-
var css$
|
|
2943
|
+
var css$1i = "usa-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr);gap:12px;max-width:100%;overflow-x:auto;padding:4px;font:500 13px/1.35 system-ui,sans-serif}.usa-kb-col{display:flex;flex-direction:column;gap:8px;min-height:80px;padding:10px;border-radius:14px;background:rgba(127,127,127,.12);margin:0;list-style:none}.usa-kb-col>h1,.usa-kb-col>h2,.usa-kb-col>h3,.usa-kb-col>h4{margin:0 0 2px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.usa-kb-card{padding:10px 12px;border-radius:10px;background:var(--usa-kb-card,#fff);color:#111;box-shadow:0 1px 3px rgba(0,0,0,.14);cursor:grab;touch-action:none;user-select:none;outline-offset:2px}.usa-kb-card:focus-visible{outline:2px solid #7c5cff}.usa-kb-lifted{cursor:grabbing;box-shadow:0 18px 30px -8px rgba(0,0,0,.35);transition:transform .12s}.usa-kb-held{outline:2px dashed #7c5cff;transform:scale(1.03)}.usa-kb-ph{border-radius:10px;border:2px dashed rgba(124,92,255,.5);background:rgba(124,92,255,.08)}.usa-kb-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion:reduce){.usa-kb-lifted,.usa-kb-held{transition:none;transform:none!important}}";
|
|
2944
2944
|
|
|
2945
2945
|
function defineKanban(tag = 'usa-kanban') {
|
|
2946
2946
|
return defineElement(tag, (Base) => {
|
|
@@ -3145,10 +3145,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3145
3145
|
}
|
|
3146
3146
|
}
|
|
3147
3147
|
return UsaKanban;
|
|
3148
|
-
}, { id: 'kanban', text: css$
|
|
3148
|
+
}, { id: 'kanban', text: css$1i });
|
|
3149
3149
|
}
|
|
3150
3150
|
|
|
3151
|
-
var css$
|
|
3151
|
+
var css$1h = "usa-swipe-deck{position:relative;display:grid;width:var(--usa-sd-w,240px);max-width:100%;height:var(--usa-sd-h,300px);touch-action:pan-y;outline-offset:6px;border-radius:18px}.usa-sd-card{grid-area:1/1;position:relative;display:grid;place-items:center;border-radius:18px;background:var(--usa-sd-bg,linear-gradient(160deg,#7c5cff,#22d3ee));color:#fff;font:800 22px/1.2 system-ui,sans-serif;box-shadow:0 12px 28px -10px rgba(0,0,0,.4);transition:transform .3s cubic-bezier(.3,1.3,.5,1),opacity .3s;user-select:none;cursor:grab;overflow:hidden;touch-action:none}.usa-sd-card.usa-sd-dragging{transition:none;cursor:grabbing}.usa-sd-stamp{position:absolute;top:18px;padding:4px 10px;border:3px solid currentColor;border-radius:8px;font:900 20px/1 system-ui,sans-serif;letter-spacing:.1em;opacity:0;pointer-events:none}.usa-sd-like{left:16px;color:#4ade80;transform:rotate(-14deg)}.usa-sd-nope{right:16px;color:#f87171;transform:rotate(14deg)}@media (prefers-reduced-motion:reduce){.usa-sd-card{transition:none}}";
|
|
3152
3152
|
|
|
3153
3153
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3154
3154
|
return defineElement(tag, (Base) => {
|
|
@@ -3290,10 +3290,10 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3290
3290
|
}
|
|
3291
3291
|
}
|
|
3292
3292
|
return UsaSwipeDeck;
|
|
3293
|
-
}, { id: 'swipe-deck', text: css$
|
|
3293
|
+
}, { id: 'swipe-deck', text: css$1h });
|
|
3294
3294
|
}
|
|
3295
3295
|
|
|
3296
|
-
var css$
|
|
3296
|
+
var css$1g = "usa-weather-card{--usa-wc-sky:linear-gradient(160deg,#38bdf8,#0ea5e9);position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;width:var(--usa-wc-w,260px);max-width:100%;padding:16px 18px;border-radius:20px;background:var(--usa-wc-sky);color:#fff;overflow:hidden;font:500 13px/1.3 system-ui,sans-serif;box-shadow:0 12px 30px -12px rgba(2,6,23,.5);transition:background .6s}usa-weather-card[data-condition=\"cloudy\"]{--usa-wc-sky:linear-gradient(160deg,#94a3b8,#64748b)}usa-weather-card[data-condition=\"rain\"]{--usa-wc-sky:linear-gradient(160deg,#475569,#1e3a8a)}usa-weather-card[data-condition=\"snow\"]{--usa-wc-sky:linear-gradient(160deg,#cbd5e1,#60a5fa);color:#0f172a}usa-weather-card[data-condition=\"storm\"]{--usa-wc-sky:linear-gradient(160deg,#1e293b,#312e81)}usa-weather-card[data-condition=\"fog\"]{--usa-wc-sky:linear-gradient(160deg,#9ca3af,#d1d5db);color:#1f2937}usa-weather-card[data-condition=\"night\"]{--usa-wc-sky:linear-gradient(160deg,#0f172a,#1e1b4b)}.usa-wc-scene{position:relative;width:76px;height:64px}.usa-wc-icon{position:absolute;inset:0}.usa-wc-icon *{position:absolute;display:block}.usa-wc-text{display:flex;flex-direction:column;gap:2px;min-width:0}.usa-wc-temp{font:800 34px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}.usa-wc-place{opacity:.8;font-size:12px}.usa-wc-sun{left:14px;top:8px;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#fde047 55%,transparent 56%);animation:usa-wc-spin 14s linear infinite}.usa-wc-sun::before{content:\"\";position:absolute;inset:-8px;border-radius:50%;background:repeating-conic-gradient(#fde047 0 8deg,transparent 8deg 30deg);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%,#000 70%,transparent 72%);mask:radial-gradient(circle,transparent 58%,#000 60%,#000 70%,transparent 72%)}.usa-wc-moon{left:18px;top:6px;width:40px;height:40px;border-radius:50%;box-shadow:-10px 6px 0 2px #f1f5f9;transform:rotate(-20deg)}.usa-wc-star{width:3px;height:3px;border-radius:50%;background:#fff;left:calc(8px + var(--i) * 14px);top:calc(40px + (var(--i) * 7px) % 20px);animation:usa-wc-tw 1.8s calc(var(--i) * .35s) ease-in-out infinite alternate}.usa-wc-cloud{left:8px;top:14px;width:56px;height:22px;border-radius:12px;background:#f1f5f9;animation:usa-wc-drift 4s ease-in-out infinite alternate}.usa-wc-cloud::before{content:\"\";position:absolute;left:12px;top:-12px;width:26px;height:26px;border-radius:50%;background:inherit}.usa-wc-c2{left:22px;top:6px;transform:scale(.7);opacity:.75;animation-delay:-2s}.usa-wc-dark{background:#94a3b8}.usa-wc-drop{left:calc(16px + var(--i) * 8px);top:38px;width:2px;height:9px;border-radius:2px;background:#bfdbfe;animation:usa-wc-fall .9s calc(var(--i) * .17s) linear infinite}.usa-wc-flake{left:calc(14px + var(--i) * 9px);top:38px;width:6px;height:6px;border-radius:50%;background:#fff;animation:usa-wc-snow 2.4s calc(var(--i) * .4s) linear infinite}.usa-wc-bolt{left:30px;top:30px;width:14px;height:26px;background:#fde047;clip-path:polygon(40% 0,100% 0,60% 45%,100% 45%,20% 100%,40% 55%,0 55%);animation:usa-wc-bolt 4s ease-in-out infinite}.usa-wc-fogband{left:4px;top:calc(14px + var(--i) * 14px);width:66px;height:6px;border-radius:6px;background:rgba(255,255,255,.85);animation:usa-wc-drift calc(3s + var(--i) * .8s) ease-in-out infinite alternate}@keyframes usa-wc-spin{to{transform:rotate(360deg)}}@keyframes usa-wc-tw{from{opacity:.2}to{opacity:1}}@keyframes usa-wc-drift{from{translate:-4px 0}to{translate:6px 0}}@keyframes usa-wc-fall{from{translate:0 0;opacity:1}to{translate:-3px 22px;opacity:0}}@keyframes usa-wc-snow{from{translate:0 0;opacity:1}50%{translate:4px 12px}to{translate:-2px 24px;opacity:0}}@keyframes usa-wc-bolt{0%,86%,100%{opacity:.35}90%{opacity:1}}@media (prefers-reduced-motion:reduce){usa-weather-card *{animation:none!important}}";
|
|
3297
3297
|
|
|
3298
3298
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3299
3299
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
@@ -3374,10 +3374,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3374
3374
|
}
|
|
3375
3375
|
}
|
|
3376
3376
|
return UsaWeatherCard;
|
|
3377
|
-
}, { id: 'weather-card', text: css$
|
|
3377
|
+
}, { id: 'weather-card', text: css$1g });
|
|
3378
3378
|
}
|
|
3379
3379
|
|
|
3380
|
-
var css$
|
|
3380
|
+
var css$1f = "usa-pull-cord{--usa-pc-color:#cbd5e1;--usa-pc-light:#fde68a;position:relative;display:inline-flex;flex-direction:column;align-items:center;width:90px;height:190px;cursor:pointer;touch-action:none;user-select:none;outline-offset:4px;border-radius:12px}.usa-pc-lamp{position:relative;width:76px;height:38px;border-radius:38px 38px 6px 6px;background:linear-gradient(#475569,#334155);box-shadow:0 0 0 rgba(253,230,138,0);transition:box-shadow .35s,background .35s}.usa-pc-lamp::after{content:\"\";position:absolute;left:50%;bottom:-10px;width:22px;height:12px;margin-left:-11px;border-radius:0 0 12px 12px;background:#64748b;transition:background .35s,box-shadow .35s}usa-pull-cord[data-on] .usa-pc-lamp{background:linear-gradient(#f59e0b,#d97706);box-shadow:0 30px 60px 10px rgba(253,230,138,.55)}usa-pull-cord[data-on] .usa-pc-lamp::after{background:var(--usa-pc-light);box-shadow:0 0 22px 8px var(--usa-pc-light)}.usa-pc-svg{width:80px;height:150px;margin-top:-2px;overflow:visible}.usa-pc-cord{fill:none;stroke:var(--usa-pc-color);stroke-width:2.2;stroke-linecap:round}.usa-pc-knob{fill:#e2e8f0;stroke:#94a3b8;stroke-width:1.5}usa-pull-cord[data-on] .usa-pc-knob{fill:var(--usa-pc-light)}@media (prefers-reduced-motion:reduce){.usa-pc-lamp,.usa-pc-lamp::after{transition:none}}";
|
|
3381
3381
|
|
|
3382
3382
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3383
3383
|
return defineElement(tag, (Base) => {
|
|
@@ -3506,10 +3506,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3506
3506
|
}
|
|
3507
3507
|
}
|
|
3508
3508
|
return UsaPullCord;
|
|
3509
|
-
}, { id: 'pull-cord', text: css$
|
|
3509
|
+
}, { id: 'pull-cord', text: css$1f });
|
|
3510
3510
|
}
|
|
3511
3511
|
|
|
3512
|
-
var css$
|
|
3512
|
+
var css$1e = "usa-date-picker{--usa-dp-c:#7c5cff;display:inline-block;width:var(--usa-dp-w,280px);max-width:100%;padding:12px;border-radius:16px;background:var(--usa-dp-bg,#fff);color:#111827;box-shadow:0 10px 30px -12px rgba(0,0,0,.3);font:500 13px/1 system-ui,sans-serif;user-select:none}.usa-dp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.usa-dp-title{font-weight:700;font-size:14px}.usa-dp-nav{width:30px;height:30px;border:0;border-radius:8px;background:none;color:inherit;font-size:18px;cursor:pointer}.usa-dp-nav:hover{background:rgba(127,127,127,.14)}.usa-dp-viewport{overflow:hidden}.usa-dp-row{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.usa-dp-dow{margin-bottom:4px;font-size:11px;opacity:.55;text-align:center}.usa-dp-day{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:50%;cursor:pointer;font-variant-numeric:tabular-nums;outline:none;transition:background .2s,color .2s}.usa-dp-day:hover{background:rgba(124,92,255,.12)}.usa-dp-day[data-out]{opacity:.35}.usa-dp-day[data-today]{box-shadow:inset 0 0 0 1.5px var(--usa-dp-c)}.usa-dp-day[aria-selected=\"true\"]{background:var(--usa-dp-c);color:#fff}.usa-dp-day[aria-disabled]{opacity:.2;cursor:not-allowed;text-decoration:line-through}.usa-dp-day:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--usa-dp-c)}@media (prefers-reduced-motion:reduce){.usa-dp-day{transition:none}}";
|
|
3513
3513
|
|
|
3514
3514
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3515
3515
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3658,10 +3658,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3658
3658
|
}
|
|
3659
3659
|
}
|
|
3660
3660
|
return UsaDatePicker;
|
|
3661
|
-
}, { id: 'date-picker', text: css$
|
|
3661
|
+
}, { id: 'date-picker', text: css$1e });
|
|
3662
3662
|
}
|
|
3663
3663
|
|
|
3664
|
-
var css$
|
|
3664
|
+
var css$1d = "usa-color-picker{display:inline-flex;flex-direction:column;gap:10px;width:var(--usa-cp-w,240px);max-width:100%;padding:12px;border-radius:16px;background:var(--usa-cp-bg,#fff);box-shadow:0 10px 30px -12px rgba(0,0,0,.3)}.usa-cp-sv{position:relative;height:140px;border-radius:10px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--usa-cp-h) 100% 50%));cursor:crosshair;touch-action:none;outline-offset:2px}.usa-cp-thumb{position:absolute;left:var(--usa-cp-x);top:var(--usa-cp-y);width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--usa-cp-color);box-shadow:0 0 0 3px #fff,0 2px 6px rgba(0,0,0,.4);pointer-events:none;transition:left .18s cubic-bezier(.3,1.4,.5,1),top .18s cubic-bezier(.3,1.4,.5,1),transform .2s}[data-drag]>.usa-cp-thumb{transition:none;transform:scale(1.2)}.usa-cp-row{display:flex;align-items:center;gap:10px}.usa-cp-chip{flex:none;width:30px;height:30px;border-radius:50%;background:var(--usa-cp-color);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.usa-cp-hue{position:relative;flex:1;height:14px;border-radius:7px;background:linear-gradient(90deg,red,#ff0,lime,cyan,blue,#f0f,red);cursor:pointer;touch-action:none;outline-offset:2px}.usa-cp-hue .usa-cp-thumb{left:var(--usa-cp-hx);top:50%;background:hsl(var(--usa-cp-h) 100% 50%)}.usa-cp-swatches{display:flex;flex-wrap:wrap;gap:6px}.usa-cp-sw{width:22px;height:22px;border:0;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.usa-cp-sv:focus-visible,.usa-cp-hue:focus-visible,.usa-cp-sw:focus-visible{outline:2px solid #7c5cff}@media (prefers-reduced-motion:reduce){.usa-cp-thumb{transition:none}}";
|
|
3665
3665
|
|
|
3666
3666
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3667
3667
|
function hsvToHex(h, s, v) {
|
|
@@ -3781,10 +3781,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3781
3781
|
}
|
|
3782
3782
|
}
|
|
3783
3783
|
return UsaColorPicker;
|
|
3784
|
-
}, { id: 'color-picker', text: css$
|
|
3784
|
+
}, { id: 'color-picker', text: css$1d });
|
|
3785
3785
|
}
|
|
3786
3786
|
|
|
3787
|
-
var css$
|
|
3787
|
+
var css$1c = "usa-file-drop{--usa-fd-c:#7c5cff;display:flex;flex-direction:column;gap:10px;width:var(--usa-fd-w,300px);max-width:100%;font:500 13px/1.3 system-ui,sans-serif}.usa-fd-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:120px;padding:16px;border-radius:16px;background:rgba(124,92,255,.06);cursor:pointer;text-align:center;outline-offset:3px;transition:background .25s,transform .25s}.usa-fd-ants{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.usa-fd-ants rect{fill:none;stroke:rgba(124,92,255,.55);stroke-width:2;stroke-dasharray:8 6}usa-file-drop[data-over] .usa-fd-zone{background:rgba(124,92,255,.14);transform:scale(1.02)}usa-file-drop[data-over] .usa-fd-ants rect{stroke:var(--usa-fd-c);animation:usa-fd-march .6s linear infinite}.usa-fd-icon{font-size:30px;color:var(--usa-fd-c);transition:transform .3s cubic-bezier(.3,1.5,.5,1)}usa-file-drop[data-over] .usa-fd-icon{transform:translateY(-8px) scale(1.15)}.usa-fd-zone:focus-visible{outline:2px solid var(--usa-fd-c)}.usa-fd-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.usa-fd-item{--usa-fd-p:0;position:relative;display:grid;grid-template-columns:1fr auto 18px;align-items:center;gap:4px 8px;padding:8px 10px;border-radius:10px;background:rgba(127,127,127,.1)}.usa-fd-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.usa-fd-size{opacity:.6;font-size:12px}.usa-fd-bar{grid-column:1/3;height:4px;border-radius:4px;background:rgba(127,127,127,.25);overflow:hidden}.usa-fd-fill{display:block;height:100%;background:var(--usa-fd-c);transform-origin:0 50%;transform:scaleX(var(--usa-fd-p));transition:transform .2s}.usa-fd-check{grid-row:1/3;grid-column:3;width:18px;height:18px;fill:none;stroke:#22c55e;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .4s}.usa-fd-item[data-done] .usa-fd-check{stroke-dashoffset:0}@keyframes usa-fd-march{to{stroke-dashoffset:-14}}@media (prefers-reduced-motion:reduce){usa-file-drop *{animation:none!important;transition:none!important}usa-file-drop[data-over] .usa-fd-zone,usa-file-drop[data-over] .usa-fd-icon{transform:none}}";
|
|
3788
3788
|
|
|
3789
3789
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3790
3790
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3885,10 +3885,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3885
3885
|
}
|
|
3886
3886
|
}
|
|
3887
3887
|
return UsaFileDrop;
|
|
3888
|
-
}, { id: 'file-drop', text: css$
|
|
3888
|
+
}, { id: 'file-drop', text: css$1c });
|
|
3889
3889
|
}
|
|
3890
3890
|
|
|
3891
|
-
var css$
|
|
3891
|
+
var css$1b = "usa-keyframe-editor{--usa-ke-c:#7c5cff;--usa-ke-head:100%;display:flex;flex-direction:column;gap:8px;width:var(--usa-ke-w,100%);max-width:100%;padding:10px;border-radius:14px;background:var(--usa-ke-bg,#0f172a);color:#e2e8f0;font:500 12px/1.2 system-ui,sans-serif}.usa-ke-bar{display:flex;align-items:center;gap:8px}.usa-ke-play{width:30px;height:30px;border:0;border-radius:50%;background:var(--usa-ke-c);color:#fff;cursor:pointer}.usa-ke-scrub{flex:1;min-width:0;accent-color:var(--usa-ke-c)}.usa-ke-time{min-width:58px;text-align:right;font-variant-numeric:tabular-nums;opacity:.8}.usa-ke-tracks{position:relative;display:flex;flex-direction:column;gap:4px}.usa-ke-tracks::after{content:\"\";position:absolute;top:0;bottom:0;left:calc(64px + (100% - 64px) * var(--usa-ke-head) / 100%);width:2px;background:#f43f5e;pointer-events:none}.usa-ke-row{display:grid;grid-template-columns:64px 1fr;align-items:center}.usa-ke-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:6px;opacity:.85}.usa-ke-lane{position:relative;height:22px;border-radius:6px;background:rgba(148,163,184,.14)}.usa-ke-clip{position:absolute;top:2px;bottom:2px;border-radius:5px;background:linear-gradient(90deg,var(--usa-ke-c),#22d3ee);cursor:grab;touch-action:none;outline-offset:2px;transition:left .2s,width .2s}.usa-ke-clip[data-drag]{cursor:grabbing;transition:none;box-shadow:0 4px 12px rgba(0,0,0,.4)}.usa-ke-clip:focus-visible{outline:2px solid #fff}.usa-ke-grip{position:absolute;right:0;top:0;bottom:0;width:8px;border-radius:0 5px 5px 0;background:rgba(255,255,255,.35);cursor:ew-resize}@media (prefers-reduced-motion:reduce){.usa-ke-clip{transition:none}}";
|
|
3892
3892
|
|
|
3893
3893
|
const DEFAULT = {
|
|
3894
3894
|
format: ANIMATION_FORMAT,
|
|
@@ -4062,10 +4062,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4062
4062
|
}
|
|
4063
4063
|
}
|
|
4064
4064
|
return UsaKeyframeEditor;
|
|
4065
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4065
|
+
}, { id: 'keyframe-editor', text: css$1b });
|
|
4066
4066
|
}
|
|
4067
4067
|
|
|
4068
|
-
var css$
|
|
4068
|
+
var css$1a = "usa-music-player{--usa-mp-c:#7c5cff;--usa-mp-p:0;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;width:var(--usa-mp-w,320px);max-width:100%;padding:14px;border-radius:20px;background:var(--usa-mp-bg,linear-gradient(160deg,#111827,#1e1b4b));color:#f8fafc;font:500 13px/1.3 system-ui,sans-serif;box-shadow:0 14px 34px -14px rgba(0,0,0,.55)}.usa-mp-cover{width:84px;height:84px}.usa-mp-disc{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#0f172a 9%,#e2e8f0 9.5%,#e2e8f0 12%,transparent 12.5%),repeating-radial-gradient(circle,#111 0 2px,#1f2937 2px 4px),#111;background-size:cover;box-shadow:0 6px 18px rgba(0,0,0,.5),inset 0 0 0 2px rgba(255,255,255,.06)}usa-music-player[data-animate] .usa-mp-disc{animation:usa-mp-spin 1.8s linear infinite}.usa-mp-body{display:flex;flex-direction:column;gap:6px;min-width:0}.usa-mp-meta{display:flex;flex-direction:column;min-width:0}.usa-mp-title{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-mp-artist{opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-mp-bars{display:flex;gap:3px;align-items:flex-end;height:14px}.usa-mp-bars i{width:3px;height:30%;border-radius:2px;background:var(--usa-mp-c);transition:height .3s}usa-music-player[data-animate] .usa-mp-bars i{animation:usa-mp-bar .9s ease-in-out infinite alternate}.usa-mp-bars i:nth-child(2){animation-delay:-.3s!important}.usa-mp-bars i:nth-child(3){animation-delay:-.6s!important}.usa-mp-bars i:nth-child(4){animation-delay:-.15s!important}.usa-mp-track{position:relative;height:6px;border-radius:6px;background:rgba(255,255,255,.18);cursor:pointer;touch-action:none;outline-offset:4px}.usa-mp-fill{position:absolute;inset:0;border-radius:inherit;background:var(--usa-mp-c);transform-origin:0 50%;transform:scaleX(var(--usa-mp-p))}.usa-mp-knob{position:absolute;top:50%;left:calc(var(--usa-mp-p) * 100%);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4);transition:transform .2s}.usa-mp-track:hover .usa-mp-knob,.usa-mp-track:focus-visible .usa-mp-knob{transform:scale(1.3)}.usa-mp-times{display:flex;justify-content:space-between;font-size:11px;opacity:.65;font-variant-numeric:tabular-nums}.usa-mp-ctrls{display:flex;align-items:center;justify-content:center;gap:12px}.usa-mp-btn{border:0;background:none;color:inherit;font-size:16px;cursor:pointer;opacity:.85}.usa-mp-play{position:relative;width:40px;height:40px;border:0;border-radius:50%;background:#fff;cursor:pointer}.usa-mp-icon{position:absolute;left:50%;top:50%;width:14px;height:16px;margin:-8px 0 0 -6px;background:var(--usa-mp-c);clip-path:polygon(0 0,100% 50%,100% 50%,0 100%);transition:clip-path .3s cubic-bezier(.6,.05,.3,1)}usa-music-player[data-playing] .usa-mp-icon{margin-left:-7px;clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0)}.usa-mp-btn:focus-visible,.usa-mp-play:focus-visible,.usa-mp-track:focus-visible{outline:2px solid #fff}@keyframes usa-mp-spin{to{transform:rotate(360deg)}}@keyframes usa-mp-bar{from{height:20%}to{height:100%}}@media (prefers-reduced-motion:reduce){usa-music-player *{animation:none!important;transition:none!important}}";
|
|
4069
4069
|
|
|
4070
4070
|
const fmt$2 = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4071
4071
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4226,10 +4226,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4226
4226
|
}
|
|
4227
4227
|
}
|
|
4228
4228
|
return UsaMusicPlayer;
|
|
4229
|
-
}, { id: 'music-player', text: css$
|
|
4229
|
+
}, { id: 'music-player', text: css$1a });
|
|
4230
4230
|
}
|
|
4231
4231
|
|
|
4232
|
-
var css$
|
|
4232
|
+
var css$19 = "usa-volume-knob{--usa-vk-c:#22d3ee;--usa-vk-size:120px;position:relative;display:inline-grid;place-items:center;width:var(--usa-vk-size);height:var(--usa-vk-size);border-radius:50%;cursor:ns-resize;touch-action:none;user-select:none;outline-offset:6px}.usa-vk-arc{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.usa-vk-arc path{fill:none;stroke-width:6;stroke-linecap:round}.usa-vk-bg{stroke:rgba(127,127,127,.25)}.usa-vk-val{stroke:var(--usa-vk-c);filter:drop-shadow(0 0 4px var(--usa-vk-c))}.usa-vk-ticks{position:absolute;inset:0}.usa-vk-ticks i{position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px;border-radius:50%;background:rgba(127,127,127,.4);transform:rotate(var(--a)) translateY(calc(var(--usa-vk-size) * -.5 + 2px));transition:background .2s,box-shadow .2s}.usa-vk-ticks i[data-on]{background:var(--usa-vk-c);box-shadow:0 0 6px var(--usa-vk-c)}.usa-vk-cap{position:relative;width:62%;height:62%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4b5563,#111827 70%);box-shadow:0 8px 16px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.15);transform:rotate(var(--usa-vk-angle));transition:transform .35s cubic-bezier(.3,1.5,.5,1)}usa-volume-knob[data-drag] .usa-vk-cap{transition:none}.usa-vk-dot{position:absolute;left:50%;top:10%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--usa-vk-c);box-shadow:0 0 6px var(--usa-vk-c)}usa-volume-knob:focus-visible{outline:2px solid var(--usa-vk-c)}@media (prefers-reduced-motion:reduce){.usa-vk-cap,.usa-vk-ticks i{transition:none}}";
|
|
4233
4233
|
|
|
4234
4234
|
const ARC = 270;
|
|
4235
4235
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4320,10 +4320,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4320
4320
|
}
|
|
4321
4321
|
}
|
|
4322
4322
|
return UsaVolumeKnob;
|
|
4323
|
-
}, { id: 'volume-knob', text: css$
|
|
4323
|
+
}, { id: 'volume-knob', text: css$19 });
|
|
4324
4324
|
}
|
|
4325
4325
|
|
|
4326
|
-
var css$
|
|
4326
|
+
var css$18 = "usa-equalizer{--usa-eq-c:#7c5cff;position:relative;display:block;width:var(--usa-eq-w,320px);max-width:100%;padding:12px 10px 8px;border-radius:16px;background:var(--usa-eq-bg,#0f172a);color:#cbd5e1;font:600 10px/1 system-ui,sans-serif}.usa-eq-curve{position:absolute;left:10px;right:10px;top:12px;height:120px;width:calc(100% - 20px);pointer-events:none;overflow:visible}.usa-eq-curve path{fill:none;stroke:#22d3ee;stroke-width:1.6;vector-effect:non-scaling-stroke;opacity:.8;transition:d .45s cubic-bezier(.3,1.3,.5,1)}.usa-eq-bands{display:flex;justify-content:space-between;gap:4px}.usa-eq-band{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:0}.usa-eq-slot{--usa-eq-k:.5;position:relative;width:8px;height:120px;border-radius:6px;background:rgba(148,163,184,.18);cursor:ns-resize;touch-action:none;outline-offset:4px}.usa-eq-fill{position:absolute;left:0;right:0;top:calc((1 - max(var(--usa-eq-k),.5)) * 100%);bottom:calc(min(var(--usa-eq-k),.5) * 100%);border-radius:6px;background:var(--usa-eq-c)}.usa-eq-cap{position:absolute;left:50%;top:calc((1 - var(--usa-eq-k)) * 100%);width:20px;height:10px;margin:-5px 0 0 -10px;border-radius:4px;background:#f8fafc;box-shadow:0 2px 6px rgba(0,0,0,.5)}usa-equalizer[data-glide] .usa-eq-cap{transition:top .5s cubic-bezier(.3,1.4,.5,1)}usa-equalizer[data-glide] .usa-eq-fill{transition:top .5s cubic-bezier(.3,1.4,.5,1),bottom .5s cubic-bezier(.3,1.4,.5,1)}.usa-eq-slot[data-drag] .usa-eq-cap{transform:scale(1.15)}.usa-eq-slot:focus-visible{outline:2px solid #22d3ee}.usa-eq-label{opacity:.7;white-space:nowrap}@media (prefers-reduced-motion:reduce){.usa-eq-cap,.usa-eq-fill,.usa-eq-curve path{transition:none!important}}";
|
|
4327
4327
|
|
|
4328
4328
|
const EQ_PRESETS = {
|
|
4329
4329
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4421,10 +4421,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4421
4421
|
}
|
|
4422
4422
|
}
|
|
4423
4423
|
return UsaEqualizer;
|
|
4424
|
-
}, { id: 'equalizer', text: css$
|
|
4424
|
+
}, { id: 'equalizer', text: css$18 });
|
|
4425
4425
|
}
|
|
4426
4426
|
|
|
4427
|
-
var css$
|
|
4427
|
+
var css$17 = "usa-lyrics{--usa-ly-c:#f472b6;display:block;width:var(--usa-ly-w,320px);max-width:100%;font:700 18px/1.35 system-ui,sans-serif}.usa-ly-list{height:var(--usa-ly-h,180px);margin:0;padding:70px 0;overflow-y:auto;list-style:none;scrollbar-width:none;-webkit-mask:linear-gradient(transparent,#000 25%,#000 75%,transparent);mask:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.usa-ly-list::-webkit-scrollbar{display:none}.usa-ly-line{--usa-ly-k:0;padding:5px 4px;opacity:.38;cursor:pointer;transform-origin:0 50%;transition:opacity .35s,transform .35s cubic-bezier(.3,1.3,.5,1),filter .35s;filter:blur(.4px)}.usa-ly-line[data-past]{opacity:.22}.usa-ly-line[data-active]{opacity:1;filter:none;transform:scale(1.06);color:transparent;background:linear-gradient(90deg,var(--usa-ly-c) calc(var(--usa-ly-k) * 100%),var(--usa-ly-base,#94a3b8) calc(var(--usa-ly-k) * 100%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 18px rgba(244,114,182,.25)}@media (prefers-reduced-motion:reduce){.usa-ly-line{transition:none;transform:none!important}}";
|
|
4428
4428
|
|
|
4429
4429
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4430
4430
|
function parseLRC(src) {
|
|
@@ -4536,10 +4536,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4536
4536
|
}
|
|
4537
4537
|
}
|
|
4538
4538
|
return UsaLyrics;
|
|
4539
|
-
}, { id: 'lyrics', text: css$
|
|
4539
|
+
}, { id: 'lyrics', text: css$17 });
|
|
4540
4540
|
}
|
|
4541
4541
|
|
|
4542
|
-
var css$
|
|
4542
|
+
var css$16 = "usa-bar-chart{--usa-bc-c:#7c5cff;display:block;width:var(--usa-bc-w,100%);max-width:100%;font:600 11px/1.2 system-ui,sans-serif}.usa-bc-list{display:flex;align-items:flex-end;gap:8px;height:var(--usa-bc-h,140px);margin:0;padding:0;list-style:none}.usa-bc-item{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;flex:1;min-width:0;height:100%;gap:4px}.usa-bc-track{position:relative;grid-row:2;width:100%;display:flex;align-items:flex-end;justify-content:center}.usa-bc-bar{display:block;width:min(100%,38px);height:calc(var(--usa-bc-k) * 100%);border-radius:6px 6px 2px 2px;background:linear-gradient(var(--usa-bc-c),#22d3ee);transform-origin:50% 100%}.usa-bc-item[data-glide] .usa-bc-bar{transition:height .6s cubic-bezier(.3,1.25,.5,1)}.usa-bc-val{grid-row:1;font-variant-numeric:tabular-nums;opacity:.8}.usa-bc-label{grid-row:3;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}usa-bar-chart[data-dir=\"h\"] .usa-bc-list{flex-direction:column;align-items:stretch;height:auto}usa-bar-chart[data-dir=\"h\"] .usa-bc-item{grid-template-columns:70px 1fr auto;grid-template-rows:none;align-items:center;height:22px}usa-bar-chart[data-dir=\"h\"] .usa-bc-label{grid-row:auto;grid-column:1;justify-self:start}usa-bar-chart[data-dir=\"h\"] .usa-bc-track{grid-row:auto;grid-column:2;height:100%;justify-content:flex-start;align-items:center}usa-bar-chart[data-dir=\"h\"] .usa-bc-bar{width:calc(var(--usa-bc-k) * 100%);height:14px;border-radius:2px 6px 6px 2px;transform-origin:0 50%;background:linear-gradient(90deg,var(--usa-bc-c),#22d3ee)}usa-bar-chart[data-dir=\"h\"] .usa-bc-item[data-glide] .usa-bc-bar{transition:width .6s cubic-bezier(.3,1.25,.5,1)}usa-bar-chart[data-dir=\"h\"] .usa-bc-val{grid-row:auto;grid-column:3}@media (prefers-reduced-motion:reduce){.usa-bc-bar{transition:none!important}}";
|
|
4543
4543
|
|
|
4544
4544
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4545
4545
|
return defineElement(tag, (Base) => {
|
|
@@ -4633,10 +4633,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4633
4633
|
}
|
|
4634
4634
|
}
|
|
4635
4635
|
return UsaBarChart;
|
|
4636
|
-
}, { id: 'bar-chart', text: css$
|
|
4636
|
+
}, { id: 'bar-chart', text: css$16 });
|
|
4637
4637
|
}
|
|
4638
4638
|
|
|
4639
|
-
var css$
|
|
4639
|
+
var css$15 = "usa-gauge{--usa-gg-c:#7c5cff;--usa-gg-k:0;position:relative;display:inline-block;width:var(--usa-gg-w,220px);max-width:100%;font:600 12px/1.2 system-ui,sans-serif;text-align:center}.usa-gg-svg{display:block;width:100%;height:auto;overflow:visible}.usa-gg-track,.usa-gg-arc{fill:none;stroke-width:16;stroke-linecap:round}.usa-gg-track{stroke:rgba(127,127,127,.2)}.usa-gg-arc{stroke:var(--usa-gg-c);stroke-dasharray:calc(max(var(--usa-gg-k),0) * 100) 100;transition:stroke .3s}.usa-gg-needle{transform-origin:100px 100px;transform:rotate(var(--usa-gg-angle,-90deg));fill:currentColor}.usa-gg-read{position:absolute;left:0;right:0;bottom:2px;display:flex;flex-direction:column;align-items:center;pointer-events:none}.usa-gg-num{font:800 22px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;transform:translateY(-34px)}.usa-gg-label{opacity:.65;transform:translateY(-34px)}";
|
|
4640
4640
|
|
|
4641
4641
|
function defineGauge(tag = 'usa-gauge') {
|
|
4642
4642
|
return defineElement(tag, (Base) => {
|
|
@@ -4721,10 +4721,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4721
4721
|
}
|
|
4722
4722
|
}
|
|
4723
4723
|
return UsaGauge;
|
|
4724
|
-
}, { id: 'gauge', text: css$
|
|
4724
|
+
}, { id: 'gauge', text: css$15 });
|
|
4725
4725
|
}
|
|
4726
4726
|
|
|
4727
|
-
var css
|
|
4727
|
+
var css$14 = "usa-sparkline{--usa-sl-c:#7c5cff;position:relative;display:inline-block;width:var(--usa-sl-w,120px);height:var(--usa-sl-h,32px);vertical-align:middle}.usa-sl-svg{display:block;width:100%;height:100%;overflow:visible}.usa-sl-line{fill:none;stroke:var(--usa-sl-c);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1}.usa-sl-area{fill:var(--usa-sl-c);opacity:0}usa-sparkline[data-variant=\"area\"] .usa-sl-area{opacity:.16;transition:opacity .8s .4s}.usa-sl-bars rect{fill:var(--usa-sl-c);opacity:.75}usa-sparkline:not([data-variant=\"bars\"]) .usa-sl-bars,usa-sparkline[data-variant=\"bars\"] .usa-sl-line,usa-sparkline[data-variant=\"bars\"] .usa-sl-end{display:none}.usa-sl-end{fill:var(--usa-sl-c);vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:usa-sl-pulse 1.8s ease-out infinite}.usa-sl-hover{fill:#fff;stroke:var(--usa-sl-c);stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:0}usa-sparkline[data-hover] .usa-sl-hover{opacity:1}.usa-sl-tip{position:absolute;bottom:calc(100% + 4px);transform:translateX(-50%);padding:2px 6px;border-radius:5px;background:#111827;color:#fff;font:600 11px/1.3 system-ui,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}usa-sparkline[data-hover] .usa-sl-tip{opacity:1}@keyframes usa-sl-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:.4;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.usa-sl-end{animation:none}}";
|
|
4728
4728
|
|
|
4729
4729
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4730
4730
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4847,7 +4847,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4847
4847
|
}
|
|
4848
4848
|
}
|
|
4849
4849
|
return UsaSparkline;
|
|
4850
|
-
}, { id: 'sparkline', text: css
|
|
4850
|
+
}, { id: 'sparkline', text: css$14 });
|
|
4851
4851
|
}
|
|
4852
4852
|
|
|
4853
4853
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4860,7 +4860,7 @@ function parseFigureText(s) {
|
|
|
4860
4860
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4861
4861
|
}
|
|
4862
4862
|
|
|
4863
|
-
var css$
|
|
4863
|
+
var css$13 = "usa-kpi{display:inline-grid;grid-template-columns:1fr auto;grid-template-areas:\"label label\" \"value delta\" \"trend trend\" \"caption caption\";align-items:end;gap:4px 10px;width:var(--usa-kpi-w,220px);max-width:100%;padding:14px 16px;border-radius:16px;background:var(--usa-kpi-bg,#fff);color:#0f172a;box-shadow:0 8px 24px -12px rgba(15,23,42,.35);font:500 12px/1.3 system-ui,sans-serif}.usa-kpi-label{grid-area:label;opacity:.6;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.usa-kpi-value{grid-area:value;font:800 28px/1.05 system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.usa-kpi-delta{grid-area:delta;display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:999px;font-weight:700;font-size:12px;margin-bottom:4px}.usa-kpi-delta[data-good=\"true\"]{background:rgba(34,197,94,.14);color:#15803d}.usa-kpi-delta[data-good=\"false\"]{background:rgba(239,68,68,.14);color:#b91c1c}.usa-kpi-delta i{font-style:normal;font-size:9px}.usa-kpi-trend{grid-area:trend;--usa-sl-w:100%;--usa-sl-h:34px;margin-top:4px}.usa-kpi-caption{grid-area:caption;opacity:.55;font-size:11px}.usa-kpi-caption:empty{display:none}";
|
|
4864
4864
|
|
|
4865
4865
|
function defineKpi(tag = 'usa-kpi') {
|
|
4866
4866
|
return defineElement(tag, (Base) => {
|
|
@@ -4940,10 +4940,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4940
4940
|
}
|
|
4941
4941
|
}
|
|
4942
4942
|
return UsaKpi;
|
|
4943
|
-
}, { id: 'kpi', text: css$
|
|
4943
|
+
}, { id: 'kpi', text: css$13 });
|
|
4944
4944
|
}
|
|
4945
4945
|
|
|
4946
|
-
var css$
|
|
4946
|
+
var css$12 = "usa-add-to-cart{display:inline-block}.usa-atc-btn{position:relative;display:inline-grid;place-items:center;min-width:var(--usa-atc-w,150px);padding:11px 18px;border:0;border-radius:999px;background:var(--usa-atc-bg,#7c5cff);color:#fff;font:700 14px/1 system-ui,sans-serif;cursor:pointer;overflow:hidden;transition:background .3s}.usa-atc-btn>span{grid-area:1/1;transition:transform .35s cubic-bezier(.3,1.4,.5,1),opacity .25s}.usa-atc-done{transform:translateY(120%);opacity:0}usa-add-to-cart[data-added] .usa-atc-btn{background:var(--usa-atc-ok,#16a34a)}usa-add-to-cart[data-added] .usa-atc-label{transform:translateY(-120%);opacity:0}usa-add-to-cart[data-added] .usa-atc-done{transform:none;opacity:1}.usa-atc-btn:focus-visible{outline:3px solid #a78bfa;outline-offset:2px}.usa-atc-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.usa-atc-btn>span{transition:none}}";
|
|
4947
4947
|
|
|
4948
4948
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4949
4949
|
return defineElement(tag, (Base) => {
|
|
@@ -4988,10 +4988,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4988
4988
|
}
|
|
4989
4989
|
}
|
|
4990
4990
|
return UsaAddToCart;
|
|
4991
|
-
}, { id: 'add-to-cart', text: css$
|
|
4991
|
+
}, { id: 'add-to-cart', text: css$12 });
|
|
4992
4992
|
}
|
|
4993
4993
|
|
|
4994
|
-
var css$
|
|
4994
|
+
var css$11 = "usa-cart-drawer{position:relative;display:inline-block;font:500 13px/1.3 system-ui,sans-serif}.usa-cd2-toggle{position:relative;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--usa-cd2-btn,#f1f5f9);font-size:20px;cursor:pointer}.usa-cd2-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font:800 11px/18px system-ui,sans-serif;text-align:center}.usa-cd2-badge:empty{display:none}.usa-cd2-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:2147482000}.usa-cd2-panel{position:fixed;top:0;right:0;bottom:0;width:min(var(--usa-cd2-w,340px),92vw);display:flex;flex-direction:column;background:var(--usa-cd2-bg,#fff);color:#0f172a;box-shadow:-12px 0 40px -12px rgba(15,23,42,.4);z-index:2147482001;outline:none}.usa-cd2-panel header,.usa-cd2-panel footer{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.08)}.usa-cd2-panel footer{border:0;border-top:1px solid rgba(15,23,42,.08);margin-top:auto;font-size:15px}.usa-cd2-close,.usa-cd2-rm{border:0;background:none;font-size:20px;line-height:1;cursor:pointer;color:inherit;opacity:.6}.usa-cd2-list{margin:0;padding:6px 8px;list-style:none;overflow:auto}.usa-cd2-item{display:grid;grid-template-columns:36px 1fr auto auto auto;align-items:center;gap:8px;padding:8px;border-radius:10px;overflow:hidden}.usa-cd2-item img,.usa-cd2-item i{width:36px;height:36px;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,#a78bfa,#22d3ee)}.usa-cd2-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.usa-cd2-qty{opacity:.6}.usa-cd2-price,.usa-cd2-total{font-variant-numeric:tabular-nums;font-weight:700}.usa-cd2-empty{margin:24px;text-align:center;opacity:.55}.usa-cd2-panel[hidden],.usa-cd2-backdrop[hidden]{display:none}";
|
|
4995
4995
|
|
|
4996
4996
|
/** Cart total (7.3). */
|
|
4997
4997
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5156,10 +5156,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5156
5156
|
}
|
|
5157
5157
|
}
|
|
5158
5158
|
return UsaCartDrawer;
|
|
5159
|
-
}, { id: 'cart-drawer', text: css$
|
|
5159
|
+
}, { id: 'cart-drawer', text: css$11 });
|
|
5160
5160
|
}
|
|
5161
5161
|
|
|
5162
|
-
var css$
|
|
5162
|
+
var css$10 = "usa-product-gallery{display:grid;gap:10px;width:var(--usa-pg2-w,320px);max-width:100%}.usa-pg2-stage{position:relative;aspect-ratio:var(--usa-pg2-ratio,1);border-radius:14px;overflow:hidden;background:#f1f5f9;cursor:zoom-in;outline:none}.usa-pg2-stage:focus-visible{box-shadow:0 0 0 3px #a78bfa}.usa-pg2-main{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease-out}.usa-pg2-thumbs{position:relative;display:flex;gap:8px;overflow-x:auto;padding:3px}.usa-pg2-thumb{flex:0 0 auto;width:var(--usa-pg2-t,56px);height:var(--usa-pg2-t,56px);padding:0;border:0;border-radius:10px;overflow:hidden;background:#e2e8f0;cursor:pointer;opacity:.65;transition:opacity .2s}.usa-pg2-thumb[aria-selected=true]{opacity:1}.usa-pg2-thumb img{width:100%;height:100%;object-fit:cover;display:block}.usa-pg2-thumb:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}.usa-pg2-ring{position:absolute;left:0;top:3px;height:var(--usa-pg2-t,56px);border-radius:10px;box-shadow:0 0 0 2px var(--usa-pg2-accent,#7c5cff);pointer-events:none;transition:transform .35s cubic-bezier(.3,1.3,.5,1),width .35s}@media (prefers-reduced-motion:reduce){.usa-pg2-ring,.usa-pg2-main{transition:none}}";
|
|
5163
5163
|
|
|
5164
5164
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5165
5165
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5273,10 +5273,10 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5273
5273
|
}
|
|
5274
5274
|
}
|
|
5275
5275
|
return UsaProductGallery;
|
|
5276
|
-
}, { id: 'product-gallery', text: css$
|
|
5276
|
+
}, { id: 'product-gallery', text: css$10 });
|
|
5277
5277
|
}
|
|
5278
5278
|
|
|
5279
|
-
var css
|
|
5279
|
+
var css$$ = "usa-countdown{display:inline-block;font:700 12px/1.2 system-ui,sans-serif;color:var(--usa-cd-fg,inherit)}.usa-cd-row{display:flex;gap:var(--usa-cd-gap,10px)}.usa-cd-unit{display:flex;flex-direction:column;align-items:center;gap:4px}.usa-cd-unit small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.usa-cd-digits{display:flex;gap:3px;perspective:300px}.usa-cd-d{display:grid;place-items:center;width:var(--usa-cd-w,28px);height:calc(var(--usa-cd-w,28px) * 1.35);border-radius:6px;background:var(--usa-cd-bg,#111827);color:var(--usa-cd-c,#fff);font:800 calc(var(--usa-cd-w,28px) * .8)/1 ui-monospace,monospace;box-shadow:inset 0 -1px 0 rgba(255,255,255,.08),0 4px 10px -4px rgba(0,0,0,.5);background-image:linear-gradient(transparent 49%,rgba(0,0,0,.35) 50%,transparent 51%);transform-origin:50% 50%}usa-countdown[data-done] .usa-cd-d{background-color:var(--usa-cd-done,#ef4444)}";
|
|
5280
5280
|
|
|
5281
5281
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5282
5282
|
function splitTime(sec) {
|
|
@@ -5364,10 +5364,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5364
5364
|
}
|
|
5365
5365
|
}
|
|
5366
5366
|
return UsaCountdown;
|
|
5367
|
-
}, { id: 'countdown', text: css
|
|
5367
|
+
}, { id: 'countdown', text: css$$ });
|
|
5368
5368
|
}
|
|
5369
5369
|
|
|
5370
|
-
var css$
|
|
5370
|
+
var css$_ = "usa-message-list{position:relative;display:block;width:var(--usa-ml-w,320px);max-width:100%;font:400 14px/1.35 system-ui,sans-serif}.usa-ml-list{display:flex;flex-direction:column;gap:6px;height:var(--usa-ml-h,260px);margin:0;padding:10px;list-style:none;overflow-y:auto;overscroll-behavior:contain;border-radius:14px;background:var(--usa-ml-bg,#f8fafc)}.usa-ml-msg{display:flex;flex-direction:column;align-items:flex-start;max-width:80%}.usa-ml-msg[data-side=right]{align-self:flex-end;align-items:flex-end}.usa-ml-msg[data-grouped] .usa-ml-from{display:none}.usa-ml-from{font-size:11px;font-weight:600;opacity:.6;margin:2px 8px}.usa-ml-from:empty,.usa-ml-time:empty{display:none}.usa-ml-bubble{padding:8px 12px;border-radius:16px 16px 16px 4px;background:var(--usa-ml-them,#e2e8f0);color:#0f172a;overflow-wrap:anywhere}.usa-ml-msg[data-side=right] .usa-ml-bubble{border-radius:16px 16px 4px 16px;background:var(--usa-ml-me,#7c5cff);color:#fff}.usa-ml-time{font-size:10px;opacity:.5;margin:2px 8px}.usa-ml-typing .usa-ml-bubble{display:inline-flex;gap:4px;padding:11px 12px}.usa-ml-typing i{width:7px;height:7px;border-radius:50%;background:#64748b;animation:usa-ml-dot 1.1s infinite}.usa-ml-typing i:nth-child(2){animation-delay:.18s}.usa-ml-typing i:nth-child(3){animation-delay:.36s}@keyframes usa-ml-dot{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-5px);opacity:1}}.usa-ml-new{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);border:0;border-radius:999px;padding:6px 12px;background:#0f172a;color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 16px -6px rgba(0,0,0,.5)}.usa-ml-new[hidden]{display:none}@media (prefers-reduced-motion:reduce){.usa-ml-typing i{animation:none}}";
|
|
5371
5371
|
|
|
5372
5372
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5373
5373
|
return defineElement(tag, (Base) => {
|
|
@@ -5454,10 +5454,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5454
5454
|
}
|
|
5455
5455
|
}
|
|
5456
5456
|
return UsaMessageList;
|
|
5457
|
-
}, { id: 'message-list', text: css$
|
|
5457
|
+
}, { id: 'message-list', text: css$_ });
|
|
5458
5458
|
}
|
|
5459
5459
|
|
|
5460
|
-
var css$
|
|
5460
|
+
var css$Z = "usa-reactions{position:relative;display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;font:600 13px/1 system-ui,sans-serif}.usa-rx-row{display:inline-flex;flex-wrap:wrap;gap:6px}.usa-rx-pill,.usa-rx-add{position:relative;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid rgba(15,23,42,.12);border-radius:999px;background:var(--usa-rx-bg,#fff);color:inherit;font:inherit;cursor:pointer}.usa-rx-pill[hidden]{display:none}.usa-rx-pill[aria-pressed=true]{border-color:var(--usa-rx-accent,#7c5cff);background:color-mix(in srgb,var(--usa-rx-accent,#7c5cff) 14%,#fff)}.usa-rx-emo{display:inline-block;font-size:15px}.usa-rx-n{display:inline-block;min-width:1ch;font-variant-numeric:tabular-nums}.usa-rx-float{position:absolute;left:50%;top:0;font-size:16px;pointer-events:none}.usa-rx-picker{position:absolute;bottom:calc(100% + 6px);left:0;display:flex;gap:2px;padding:4px;border-radius:999px;background:#fff;box-shadow:0 10px 30px -10px rgba(15,23,42,.45);transform-origin:20% 100%;z-index:5}.usa-rx-picker[hidden]{display:none}.usa-rx-picker button{border:0;background:none;font-size:20px;width:32px;height:32px;border-radius:50%;cursor:pointer}.usa-rx-picker button:hover,.usa-rx-picker button:focus-visible{background:#f1f5f9}.usa-rx-pill:focus-visible,.usa-rx-add:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}";
|
|
5461
5461
|
|
|
5462
5462
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5463
5463
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5559,10 +5559,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5559
5559
|
}
|
|
5560
5560
|
}
|
|
5561
5561
|
return UsaReactions;
|
|
5562
|
-
}, { id: 'reactions', text: css$
|
|
5562
|
+
}, { id: 'reactions', text: css$Z });
|
|
5563
5563
|
}
|
|
5564
5564
|
|
|
5565
|
-
var css$
|
|
5565
|
+
var css$Y = "usa-notification-bell{position:relative;display:inline-block;font:400 13px/1.35 system-ui,sans-serif}.usa-nb-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:var(--usa-nb-bg,#f1f5f9);color:var(--usa-nb-fg,#0f172a);cursor:pointer}.usa-nb-bell{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 12%}.usa-nb-badge{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ef4444;color:#fff;font:800 10px/17px system-ui,sans-serif;text-align:center}.usa-nb-badge:empty{display:none}.usa-nb-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(280px,86vw);border-radius:14px;background:#fff;color:#0f172a;box-shadow:0 18px 40px -14px rgba(15,23,42,.45);overflow:hidden;z-index:20;transform-origin:90% 0}.usa-nb-panel[hidden]{display:none}.usa-nb-panel header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(15,23,42,.08)}.usa-nb-read{border:0;background:none;color:#7c5cff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}.usa-nb-list{max-height:220px;margin:0;padding:4px;list-style:none;overflow:auto}.usa-nb-item{display:flex;justify-content:space-between;gap:8px;padding:8px;border-radius:8px}.usa-nb-item[data-unread]{background:#f5f3ff;font-weight:600}.usa-nb-item[data-unread]::before{content:\"\";flex:0 0 7px;height:7px;margin-top:6px;border-radius:50%;background:#7c5cff}.usa-nb-item time{opacity:.5;font-size:11px;white-space:nowrap}.usa-nb-text{flex:1;min-width:0}.usa-nb-empty{margin:16px;text-align:center;opacity:.55}.usa-nb-btn:focus-visible,.usa-nb-read:focus-visible{outline:2px solid #7c5cff;outline-offset:2px}";
|
|
5566
5566
|
|
|
5567
5567
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5568
5568
|
return defineElement(tag, (Base) => {
|
|
@@ -5657,10 +5657,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5657
5657
|
}
|
|
5658
5658
|
}
|
|
5659
5659
|
return UsaNotificationBell;
|
|
5660
|
-
}, { id: 'notification-bell', text: css$
|
|
5660
|
+
}, { id: 'notification-bell', text: css$Y });
|
|
5661
5661
|
}
|
|
5662
5662
|
|
|
5663
|
-
var css$
|
|
5663
|
+
var css$X = "usa-presence{--s:var(--usa-pr2-size,48px);position:relative;display:inline-grid;place-items:center;width:var(--s);height:var(--s);vertical-align:middle}.usa-pr2-face{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#a78bfa,#22d3ee);color:#fff;font:700 calc(var(--s) * .36)/1 system-ui,sans-serif}.usa-pr2-face img{width:100%;height:100%;object-fit:cover}.usa-pr2-dot,.usa-pr2-ripple{position:absolute;right:0;bottom:0;width:calc(var(--s) * .28);height:calc(var(--s) * .28);border-radius:50%;box-sizing:border-box}.usa-pr2-dot{border:2px solid var(--usa-pr2-ring,#fff);background:#94a3b8;transition:background-color .3s}.usa-pr2-ripple{background:#22c55e;pointer-events:none}usa-presence[data-state=online] .usa-pr2-dot{background:#22c55e}usa-presence[data-state=away] .usa-pr2-dot{background:#f59e0b}usa-presence[data-state=busy] .usa-pr2-dot{background:#ef4444}usa-presence[speaking] .usa-pr2-face{box-shadow:0 0 0 3px #22c55e;animation:usa-pr2-speak 1.2s ease-in-out infinite}@keyframes usa-pr2-speak{50%{box-shadow:0 0 0 6px rgba(34,197,94,.35)}}usa-presence[story]::before{content:\"\";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(#f59e0b,#ef4444,#d946ef,#7c3aed,#f59e0b);animation:usa-pr2-spin 3s linear infinite;z-index:-1}usa-presence[story] .usa-pr2-face{box-shadow:0 0 0 2px var(--usa-pr2-ring,#fff)}@keyframes usa-pr2-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){usa-presence[speaking] .usa-pr2-face,usa-presence[story]::before{animation:none}.usa-pr2-dot{transition:none}}";
|
|
5664
5664
|
|
|
5665
5665
|
/** Presence states (7.4). */
|
|
5666
5666
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5730,10 +5730,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5730
5730
|
}
|
|
5731
5731
|
}
|
|
5732
5732
|
return UsaPresence;
|
|
5733
|
-
}, { id: 'presence', text: css$
|
|
5733
|
+
}, { id: 'presence', text: css$X });
|
|
5734
5734
|
}
|
|
5735
5735
|
|
|
5736
|
-
var css$
|
|
5736
|
+
var css$W = "usa-leaderboard{display:block;width:var(--usa-lb-w,320px);max-width:100%;font:500 14px/1.2 system-ui,sans-serif}.usa-lb-list{margin:0;padding:0;list-style:none;display:grid;gap:4px}.usa-lb-row{display:grid;grid-template-columns:28px 30px 1fr auto auto;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:var(--usa-lb-bg,rgba(15,23,42,.04));position:relative}.usa-lb-row[data-me]{box-shadow:inset 0 0 0 2px var(--usa-lb-accent,#7c5cff)}.usa-lb-rank{text-align:center;font-weight:800;font-size:15px}.usa-lb-av{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#22d3ee) center/cover;color:#fff;font-weight:700;font-size:13px}.usa-lb-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-lb-delta{font:700 11px/1 system-ui,sans-serif;font-style:normal}.usa-lb-row[data-move=up] .usa-lb-delta{color:#16a34a}.usa-lb-row[data-move=down] .usa-lb-delta{color:#dc2626}.usa-lb-score{font-variant-numeric:tabular-nums;font-weight:800}.usa-lb-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}";
|
|
5737
5737
|
|
|
5738
5738
|
/** Sort rows by score desc, then name (7.5). */
|
|
5739
5739
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5842,10 +5842,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5842
5842
|
}
|
|
5843
5843
|
}
|
|
5844
5844
|
return UsaLeaderboard;
|
|
5845
|
-
}, { id: 'leaderboard', text: css$
|
|
5845
|
+
}, { id: 'leaderboard', text: css$W });
|
|
5846
5846
|
}
|
|
5847
5847
|
|
|
5848
|
-
var css$
|
|
5848
|
+
var css$V = "usa-xp-bar{display:flex;align-items:center;gap:10px;width:var(--usa-xp-w,300px);max-width:100%;font:600 13px/1 system-ui,sans-serif}.usa-xp-lvl{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--usa-xp-accent,#7c5cff);color:#fff;font-size:15px;font-weight:800;box-shadow:0 0 0 3px rgba(124,92,255,.25)}.usa-xp-track{flex:1;min-width:0;height:12px;border-radius:99px;background:var(--usa-xp-track,rgba(15,23,42,.1));overflow:hidden}.usa-xp-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--usa-xp-accent,#7c5cff),#22d3ee);transform-origin:0 50%;transform:scaleX(0)}.usa-xp-num{flex:none;font-variant-numeric:tabular-nums;opacity:.75}usa-xp-bar[data-levelup] .usa-xp-lvl{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.35)}.usa-xp-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}";
|
|
5849
5849
|
|
|
5850
5850
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5851
5851
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5942,10 +5942,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5942
5942
|
}
|
|
5943
5943
|
}
|
|
5944
5944
|
return UsaXpBar;
|
|
5945
|
-
}, { id: 'xp-bar', text: css$
|
|
5945
|
+
}, { id: 'xp-bar', text: css$V });
|
|
5946
5946
|
}
|
|
5947
5947
|
|
|
5948
|
-
var css$
|
|
5948
|
+
var css$U = "usa-badge-wall{display:block;width:var(--usa-bw-w,320px);max-width:100%;font:600 12px/1.2 system-ui,sans-serif}.usa-bw-count{margin:0 0 8px;font-size:13px;opacity:.75;font-variant-numeric:tabular-nums}.usa-bw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;margin:0;padding:0;list-style:none}.usa-bw-badge{position:relative;display:grid;justify-items:center;gap:4px;padding:8px 4px;border-radius:12px;background:linear-gradient(160deg,#fde68a,#f59e0b);color:#422006;text-align:center;overflow:hidden}.usa-bw-icon{font-size:24px;line-height:1}.usa-bw-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-bw-badge[data-locked]{background:var(--usa-bw-locked,#e2e8f0);color:#64748b}.usa-bw-badge[data-locked] .usa-bw-icon{filter:grayscale(1);opacity:.45}.usa-bw-badge[data-locked]::after{content:\"🔒\";position:absolute;top:3px;right:4px;font-size:11px}.usa-bw-badge[data-shine]::before{content:\"\";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%) 120% 0/250% 100%;animation:usa-bw-shine 1s ease-in-out .3s both;pointer-events:none}@keyframes usa-bw-shine{to{background-position:-20% 0}}.usa-bw-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.usa-bw-badge[data-shine]::before{animation:none;display:none}}";
|
|
5949
5949
|
|
|
5950
5950
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5951
5951
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -6012,10 +6012,10 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
6012
6012
|
}
|
|
6013
6013
|
}
|
|
6014
6014
|
return UsaBadgeWall;
|
|
6015
|
-
}, { id: 'badge-wall', text: css$
|
|
6015
|
+
}, { id: 'badge-wall', text: css$U });
|
|
6016
6016
|
}
|
|
6017
6017
|
|
|
6018
|
-
var css$
|
|
6018
|
+
var css$T = "usa-prize-wheel{display:inline-block;--s:var(--usa-pw-size,200px);font:700 11px/1 system-ui,sans-serif}.usa-pw-box{position:relative;display:grid;place-items:center;width:var(--s);height:var(--s)}.usa-pw-wheel{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 4px #fff,0 0 0 6px rgba(15,23,42,.15),0 8px 24px rgba(15,23,42,.2);will-change:transform}.usa-pw-label{position:absolute;left:50%;top:0;width:0;height:50%;display:flex;justify-content:center;padding-top:10px;transform-origin:0 100%;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);white-space:nowrap}.usa-pw-pointer{position:absolute;top:-10px;left:50%;margin-left:-9px;width:0;height:0;border:9px solid transparent;border-top:16px solid var(--usa-pw-pointer,#0f172a);border-bottom:0;z-index:2;transform-origin:50% 0}.usa-pw-btn{position:relative;z-index:1;width:30%;aspect-ratio:1;border:0;border-radius:50%;background:#fff;color:#0f172a;font:800 13px/1 system-ui,sans-serif;box-shadow:0 2px 8px rgba(15,23,42,.25);cursor:pointer}.usa-pw-btn:disabled{cursor:progress;opacity:.85}usa-prize-wheel[data-done] .usa-pw-wheel{box-shadow:0 0 0 4px #fff,0 0 0 6px #facc15,0 0 28px rgba(250,204,21,.6)}.usa-pw-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}";
|
|
6019
6019
|
|
|
6020
6020
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6021
6021
|
function wheelAngle(index, count, turns = 5) {
|
|
@@ -6095,10 +6095,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6095
6095
|
}
|
|
6096
6096
|
}
|
|
6097
6097
|
return UsaPrizeWheel;
|
|
6098
|
-
}, { id: 'prize-wheel', text: css$
|
|
6098
|
+
}, { id: 'prize-wheel', text: css$T });
|
|
6099
6099
|
}
|
|
6100
6100
|
|
|
6101
|
-
var css$
|
|
6101
|
+
var css$S = "usa-globe{display:inline-block;width:var(--usa-gl-size,200px);max-width:100%;aspect-ratio:1;touch-action:pan-y;cursor:grab;user-select:none}usa-globe:active{cursor:grabbing}.usa-gl-svg{display:block;width:100%;height:100%;overflow:visible}.usa-gl-sea{fill:var(--usa-gl-sea,#1e3a8a)}.usa-gl-grid{fill:none;stroke:var(--usa-gl-grid,rgba(255,255,255,.35));stroke-width:.7}.usa-gl-dot{fill:var(--usa-gl-accent,#f59e0b);stroke:#fff;stroke-width:1}.usa-gl-ring{fill:none;stroke:var(--usa-gl-accent,#f59e0b);stroke-width:1.5;transform-box:fill-box;transform-origin:center;opacity:0}.usa-gl-mark[data-hidden]{display:none}.usa-gl-mark[data-active] .usa-gl-dot{fill:#ef4444}@media (prefers-reduced-motion:no-preference){.usa-gl-ring{animation:usa-gl-pulse 1.8s ease-out infinite}}@keyframes usa-gl-pulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(3.2);opacity:0}}";
|
|
6102
6102
|
|
|
6103
6103
|
const RAD = Math.PI / 180;
|
|
6104
6104
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6255,10 +6255,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6255
6255
|
}
|
|
6256
6256
|
}
|
|
6257
6257
|
return UsaGlobe;
|
|
6258
|
-
}, { id: 'globe', text: css$
|
|
6258
|
+
}, { id: 'globe', text: css$S });
|
|
6259
6259
|
}
|
|
6260
6260
|
|
|
6261
|
-
var css$
|
|
6261
|
+
var css$R = "usa-location-card{display:block;width:var(--usa-lc-w,280px);max-width:100%;font:500 13px/1.35 system-ui,sans-serif}.usa-lc{border-radius:16px;overflow:hidden;background:var(--usa-lc-bg,#fff);color:var(--usa-lc-fg,#0f172a);box-shadow:0 10px 28px -14px rgba(15,23,42,.45);border:1px solid rgba(15,23,42,.08)}.usa-lc-map{position:relative;height:var(--usa-lc-map-h,110px);background:var(--usa-lc-land,#e8efe4);overflow:hidden}.usa-lc-map svg{display:block;width:100%;height:100%}.usa-lc-street{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round}.usa-lc-route{fill:none;stroke:var(--usa-lc-accent,#2563eb);stroke-width:4;stroke-linecap:round;stroke-dasharray:100}.usa-lc-from{fill:#fff;stroke:var(--usa-lc-accent,#2563eb);stroke-width:3}.usa-lc-pin{position:absolute;left:70%;top:calc(48% - 8px);width:22px;height:22px;transform:translate(-50%,-100%);border-radius:50%;background:var(--usa-lc-pin,#ef4444);box-shadow:0 4px 8px rgba(0,0,0,.25)}.usa-lc-pin::after{content:\"\";position:absolute;inset:6px;border-radius:50%;background:#fff}.usa-lc-pin::before{content:\"\";position:absolute;left:50%;bottom:-8px;width:0;height:0;border:6px solid transparent;border-top:9px solid var(--usa-lc-pin,#ef4444);border-bottom:0;transform:translateX(-50%)}.usa-lc-ring{position:absolute;left:70%;top:48%;width:18px;height:18px;border-radius:50%;border:2px solid var(--usa-lc-pin,#ef4444);transform:translate(-50%,-50%);opacity:0;pointer-events:none}.usa-lc-body{padding:10px 14px 12px}.usa-lc-name{margin:0;font-size:15px;font-weight:750}.usa-lc-addr{margin:2px 0 0;opacity:.7}.usa-lc-meta{display:flex;align-items:center;gap:10px;margin:8px 0 0}.usa-lc-meta:empty{display:none}.usa-lc-dist{font-weight:700;font-variant-numeric:tabular-nums}.usa-lc-go{margin-left:auto;color:var(--usa-lc-accent,#2563eb);font-weight:700;text-decoration:none}.usa-lc-go:hover,.usa-lc-go:focus-visible{text-decoration:underline}";
|
|
6262
6262
|
|
|
6263
6263
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6264
6264
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6332,10 +6332,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6332
6332
|
}
|
|
6333
6333
|
}
|
|
6334
6334
|
return UsaLocationCard;
|
|
6335
|
-
}, { id: 'location-card', text: css$
|
|
6335
|
+
}, { id: 'location-card', text: css$R });
|
|
6336
6336
|
}
|
|
6337
6337
|
|
|
6338
|
-
var css$
|
|
6338
|
+
var css$Q = "usa-field{display:block;width:var(--usa-fld-w,280px);max-width:100%;font:500 14px/1.3 system-ui,sans-serif;--usa-fld-accent:#6366f1;--usa-fld-bad:#e11d48;--usa-fld-good:#16a34a}.usa-fld{position:relative;padding-top:18px}.usa-fld-input{display:block;box-sizing:border-box;width:100%;padding:8px 30px 8px 2px;border:0;border-bottom:2px solid var(--usa-fld-rule,rgba(100,116,139,.45));background:transparent;color:inherit;font:inherit;outline:none;border-radius:0}.usa-fld-label{position:absolute;left:2px;top:26px;color:var(--usa-fld-muted,#64748b);pointer-events:none;transform-origin:0 0;transition:transform .22s cubic-bezier(.2,.8,.2,1),color .2s}usa-field[data-focus] .usa-fld-label,usa-field[data-filled] .usa-fld-label,.usa-fld-input:not(:placeholder-shown)+.usa-fld-label{transform:translateY(-24px) scale(.8)}usa-field[data-focus] .usa-fld-label{color:var(--usa-fld-accent)}.usa-fld-line{position:absolute;left:0;right:0;top:calc(18px + 2.3em - 1px);height:2px;background:var(--usa-fld-accent);transform:scaleX(0);transition:transform .3s cubic-bezier(.2,.8,.2,1)}usa-field[data-focus] .usa-fld-line{transform:scaleX(1)}usa-field[data-invalid] .usa-fld-line{transform:scaleX(1);background:var(--usa-fld-bad)}usa-field[data-invalid] .usa-fld-label{color:var(--usa-fld-bad)}.usa-fld-ok{position:absolute;right:2px;top:24px;width:20px;height:20px;fill:none;stroke:var(--usa-fld-good);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.usa-fld-ok path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .35s ease-out}usa-field[data-valid] .usa-fld-ok path{stroke-dashoffset:0}.usa-fld-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px}.usa-fld-meter i{height:4px;border-radius:2px;background:rgba(100,116,139,.25);transform-origin:0 50%;transition:background .25s}.usa-fld-meter[data-score=\"1\"] i:nth-child(-n+1){background:#ef4444}.usa-fld-meter[data-score=\"2\"] i:nth-child(-n+2){background:#f59e0b}.usa-fld-meter[data-score=\"3\"] i:nth-child(-n+3){background:#84cc16}.usa-fld-meter[data-score=\"4\"] i{background:#16a34a}.usa-fld-msg{margin:4px 0 0;min-height:1.3em;font-size:12px;color:var(--usa-fld-muted,#64748b)}usa-field[data-invalid] .usa-fld-msg{color:var(--usa-fld-bad)}@media (prefers-reduced-motion:reduce){.usa-fld-label,.usa-fld-line,.usa-fld-ok path,.usa-fld-meter i{transition:none}}";
|
|
6339
6339
|
|
|
6340
6340
|
/** 0–4 password strength score with a label (7.7). */
|
|
6341
6341
|
function passwordStrength(pw) {
|
|
@@ -6358,14 +6358,14 @@ function passwordStrength(pw) {
|
|
|
6358
6358
|
return { score, label: ['Too short', 'Weak', 'Fair', 'Good', 'Strong'][score] };
|
|
6359
6359
|
}
|
|
6360
6360
|
const esc$f = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6361
|
-
let uid$
|
|
6361
|
+
let uid$3 = 0;
|
|
6362
6362
|
const PASS = ['type', 'name', 'required', 'pattern', 'minlength', 'maxlength', 'autocomplete', 'inputmode', 'placeholder'];
|
|
6363
6363
|
function defineField(tag = 'usa-field') {
|
|
6364
6364
|
return defineElement(tag, (Base) => {
|
|
6365
6365
|
class UsaField extends Base {
|
|
6366
6366
|
constructor() {
|
|
6367
6367
|
super(...arguments);
|
|
6368
|
-
this._id = `usa-fld-${++uid$
|
|
6368
|
+
this._id = `usa-fld-${++uid$3}`;
|
|
6369
6369
|
this._checking = false;
|
|
6370
6370
|
}
|
|
6371
6371
|
static get observedAttributes() {
|
|
@@ -6461,10 +6461,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6461
6461
|
}
|
|
6462
6462
|
}
|
|
6463
6463
|
return UsaField;
|
|
6464
|
-
}, { id: 'field', text: css$
|
|
6464
|
+
}, { id: 'field', text: css$Q });
|
|
6465
6465
|
}
|
|
6466
6466
|
|
|
6467
|
-
var css$
|
|
6467
|
+
var css$P = "usa-otp{display:inline-block;max-width:100%;--usa-otp-accent:#6366f1;--usa-otp-size:44px}.usa-otp{display:flex;gap:var(--usa-otp-gap,8px)}.usa-otp-box{box-sizing:border-box;width:var(--usa-otp-size);height:calc(var(--usa-otp-size)*1.18);min-width:0;flex:0 1 auto;padding:0;text-align:center;font:700 calc(var(--usa-otp-size)*.48)/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:inherit;background:var(--usa-otp-bg,rgba(148,163,184,.12));border:2px solid var(--usa-otp-rule,rgba(100,116,139,.35));border-radius:10px;outline:none;caret-color:var(--usa-otp-accent);transition:border-color .2s,box-shadow .2s,background .2s}.usa-otp-box:focus{border-color:var(--usa-otp-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--usa-otp-accent) 22%,transparent)}.usa-otp-box[data-filled]{border-color:color-mix(in srgb,var(--usa-otp-accent) 60%,transparent)}usa-otp[data-state=error] .usa-otp-box{border-color:#e11d48;background:rgba(225,29,72,.08)}usa-otp[data-state=success] .usa-otp-box{border-color:#16a34a;background:rgba(22,163,74,.1);color:#15803d}@media (prefers-reduced-motion:reduce){.usa-otp-box{transition:none}}";
|
|
6468
6468
|
|
|
6469
6469
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6470
6470
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6595,10 +6595,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6595
6595
|
}
|
|
6596
6596
|
}
|
|
6597
6597
|
return UsaOtp;
|
|
6598
|
-
}, { id: 'otp', text: css$
|
|
6598
|
+
}, { id: 'otp', text: css$P });
|
|
6599
6599
|
}
|
|
6600
6600
|
|
|
6601
|
-
var css$
|
|
6601
|
+
var css$O = "usa-upload-progress{display:block;width:var(--usa-up-w,300px);max-width:100%;font:500 13px/1.3 system-ui,sans-serif;--usa-up-accent:#6366f1}.usa-up{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--usa-up-bg,rgba(148,163,184,.1));border:1px solid rgba(100,116,139,.18)}.usa-up-icon{flex:none;display:grid;place-items:center;width:34px;height:40px;border-radius:6px;background:var(--usa-up-accent);color:#fff;font:800 9px/1 system-ui,sans-serif;letter-spacing:.04em}.usa-up-main{flex:1;min-width:0}.usa-up-top,.usa-up-sub{display:flex;align-items:center;gap:8px}.usa-up-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.usa-up-pct{font-variant-numeric:tabular-nums;font-weight:700;color:var(--usa-up-accent)}.usa-up-track{position:relative;height:6px;margin:6px 0 4px;border-radius:3px;background:rgba(100,116,139,.2);overflow:hidden}.usa-up-fill{position:absolute;inset:0;border-radius:inherit;background:var(--usa-up-accent);transform-origin:0 50%;transform:scaleX(0);overflow:hidden}usa-upload-progress[data-state=uploading] .usa-up-fill::after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:usa-up-shine 1.2s linear infinite}@keyframes usa-up-shine{to{transform:translateX(100%)}}.usa-up-sub{font-size:11.5px;color:var(--usa-up-muted,#64748b)}.usa-up-msg{flex:1;color:#e11d48}.usa-up-retry{display:none;border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--usa-up-accent);cursor:pointer}usa-upload-progress[data-state=error] .usa-up-retry{display:inline}usa-upload-progress[data-state=error] .usa-up-fill{background:#e11d48}usa-upload-progress[data-state=error] .usa-up-icon{background:#e11d48}usa-upload-progress[data-state=done] .usa-up-fill{background:#16a34a}.usa-up-ok{flex:none;width:0;height:24px;fill:none;stroke:#16a34a;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:width .25s}.usa-up-ok circle{opacity:.25}.usa-up-ok path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .4s .15s ease-out}usa-upload-progress[data-state=done] .usa-up-ok{width:24px}usa-upload-progress[data-state=done] .usa-up-ok path{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.usa-up-fill::after{animation:none!important;display:none}.usa-up-ok,.usa-up-ok path{transition:none}}";
|
|
6602
6602
|
|
|
6603
6603
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6604
6604
|
function formatBytes(n) {
|
|
@@ -6681,10 +6681,10 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6681
6681
|
}
|
|
6682
6682
|
}
|
|
6683
6683
|
return UsaUploadProgress;
|
|
6684
|
-
}, { id: 'upload-progress', text: css$
|
|
6684
|
+
}, { id: 'upload-progress', text: css$O });
|
|
6685
6685
|
}
|
|
6686
6686
|
|
|
6687
|
-
var css$
|
|
6687
|
+
var css$N = "usa-chat-composer{display:block;width:var(--usa-cc-w,100%);max-width:100%;font:500 14px/1.45 system-ui,sans-serif;--usa-cc-accent:#6366f1}.usa-cc{position:relative;display:flex;align-items:flex-end;gap:8px;padding:8px 8px 8px 14px;border-radius:22px;background:var(--usa-cc-bg,#fff);color:var(--usa-cc-fg,#0f172a);border:1px solid rgba(100,116,139,.28);box-shadow:0 6px 20px -12px rgba(15,23,42,.4)}.usa-cc-glow{position:absolute;inset:-2px;border-radius:24px;padding:2px;background:conic-gradient(from var(--usa-cc-a,0deg),#6366f1,#ec4899,#f59e0b,#22d3ee,#6366f1);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}@property --usa-cc-a{syntax:\"<angle>\";inherits:false;initial-value:0deg}usa-chat-composer[data-busy] .usa-cc-glow{opacity:1;animation:usa-cc-spin 2.4s linear infinite}@keyframes usa-cc-spin{to{--usa-cc-a:360deg}}.usa-cc-input{flex:1;min-width:0;resize:none;border:0;outline:none;background:transparent;color:inherit;font:inherit;padding:6px 0;max-height:12em;overflow-y:auto}.usa-cc-send{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:0;background:rgba(100,116,139,.25);color:#fff;cursor:pointer;transition:background .2s}usa-chat-composer[data-ready] .usa-cc-send{background:var(--usa-cc-accent)}.usa-cc-send:focus-visible{outline:2px solid var(--usa-cc-accent);outline-offset:2px}.usa-cc-send svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.usa-cc-arrow{transition:transform .25s,opacity .2s;transform-origin:center}.usa-cc-stop{fill:currentColor;stroke:none;opacity:0;transform:scale(.4);transform-origin:12px 12px;transition:transform .25s,opacity .2s}usa-chat-composer[data-busy] .usa-cc-arrow{opacity:0;transform:scale(.4)}usa-chat-composer[data-busy] .usa-cc-stop{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){usa-chat-composer[data-busy] .usa-cc-glow{animation:none}.usa-cc-arrow,.usa-cc-stop,.usa-cc-glow{transition:none}}";
|
|
6688
6688
|
|
|
6689
6689
|
const esc$d = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6690
6690
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
@@ -6782,10 +6782,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6782
6782
|
}
|
|
6783
6783
|
}
|
|
6784
6784
|
return UsaChatComposer;
|
|
6785
|
-
}, { id: 'chat-composer', text: css$
|
|
6785
|
+
}, { id: 'chat-composer', text: css$N });
|
|
6786
6786
|
}
|
|
6787
6787
|
|
|
6788
|
-
var css$
|
|
6788
|
+
var css$M = "usa-suggestion-chips{display:block;max-width:100%;font:500 13px/1.2 system-ui,sans-serif;--usa-sc-accent:#6366f1}.usa-sc{display:flex;flex-wrap:wrap;gap:8px}.usa-sc>span{display:contents}.usa-sc-chip{padding:8px 13px;border-radius:999px;border:1px solid color-mix(in srgb,var(--usa-sc-accent) 35%,transparent);background:color-mix(in srgb,var(--usa-sc-accent) 8%,var(--usa-sc-bg,#fff));color:inherit;font:inherit;cursor:pointer;transition:background .2s,border-color .2s,opacity .3s,transform .3s}.usa-sc-chip:hover,.usa-sc-chip:focus-visible{background:color-mix(in srgb,var(--usa-sc-accent) 16%,var(--usa-sc-bg,#fff));outline:none;border-color:var(--usa-sc-accent)}.usa-sc-chip[data-picked]{background:var(--usa-sc-accent);border-color:var(--usa-sc-accent);color:#fff}.usa-sc-chip[data-gone]{opacity:0;transform:scale(.85);pointer-events:none}@media (prefers-reduced-motion:reduce){.usa-sc-chip{transition:none}}";
|
|
6789
6789
|
|
|
6790
6790
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6791
6791
|
function parseChips(s) {
|
|
@@ -6870,10 +6870,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6870
6870
|
}
|
|
6871
6871
|
}
|
|
6872
6872
|
return UsaSuggestionChips;
|
|
6873
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6873
|
+
}, { id: 'suggestion-chips', text: css$M });
|
|
6874
6874
|
}
|
|
6875
6875
|
|
|
6876
|
-
var css$
|
|
6876
|
+
var css$L = "usa-voice-button{display:inline-block;--usa-vb-accent:#6366f1;--usa-vb-size:52px}.usa-vb{display:flex;align-items:center;gap:12px}.usa-vb-btn{position:relative;display:grid;place-items:center;width:var(--usa-vb-size);height:var(--usa-vb-size);border-radius:50%;border:0;background:var(--usa-vb-idle,#e2e8f0);color:#334155;cursor:pointer;transition:background .2s,color .2s}.usa-vb-btn:focus-visible{outline:2px solid var(--usa-vb-accent);outline-offset:3px}.usa-vb-btn svg{position:relative;width:46%;height:46%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.usa-vb-btn svg rect{fill:currentColor;stroke:none}.usa-vb-halo{position:absolute;inset:0;border-radius:50%;background:var(--usa-vb-accent);opacity:0;transition:transform .12s linear}usa-voice-button[listening] .usa-vb-btn{background:var(--usa-vb-accent);color:#fff}usa-voice-button[listening] .usa-vb-halo{opacity:.25;animation:usa-vb-breathe 1.6s ease-in-out infinite}usa-voice-button[data-live] .usa-vb-halo{animation:none}@keyframes usa-vb-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}.usa-vb-bars{display:flex;align-items:center;gap:3px;height:calc(var(--usa-vb-size)*.6);opacity:.25;transition:opacity .2s}.usa-vb-bars i{display:block;width:4px;height:100%;border-radius:2px;background:var(--usa-vb-accent);transform:scaleY(.15);transition:transform .1s linear}usa-voice-button[listening] .usa-vb-bars{opacity:1}usa-voice-button[listening]:not([data-live]) .usa-vb-bars i{animation:usa-vb-wave 1s ease-in-out infinite}.usa-vb-bars i:nth-child(2){animation-delay:-.15s!important}.usa-vb-bars i:nth-child(3){animation-delay:-.3s!important}.usa-vb-bars i:nth-child(4){animation-delay:-.45s!important}.usa-vb-bars i:nth-child(5){animation-delay:-.6s!important}.usa-vb-bars i:nth-child(6){animation-delay:-.75s!important}.usa-vb-bars i:nth-child(7){animation-delay:-.9s!important}@keyframes usa-vb-wave{0%,100%{transform:scaleY(.2)}50%{transform:scaleY(.9)}}@media (prefers-reduced-motion:reduce){usa-voice-button[listening] .usa-vb-halo,usa-voice-button[listening] .usa-vb-bars i{animation:none!important}.usa-vb-bars i{transition:none}}";
|
|
6877
6877
|
|
|
6878
6878
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6879
6879
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6945,10 +6945,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6945
6945
|
}
|
|
6946
6946
|
}
|
|
6947
6947
|
return UsaVoiceButton;
|
|
6948
|
-
}, { id: 'voice-button', text: css$
|
|
6948
|
+
}, { id: 'voice-button', text: css$L });
|
|
6949
6949
|
}
|
|
6950
6950
|
|
|
6951
|
-
var css$
|
|
6951
|
+
var css$K = "usa-command-palette{display:contents;--usa-cp-accent:#6366f1}usa-command-palette>option{display:none}.usa-cp{width:min(560px,calc(100vw - 24px));max-width:none;padding:0;margin:12vh auto auto;border:0;border-radius:16px;background:transparent;color:inherit;overflow:visible}.usa-cp::backdrop{background:rgba(15,23,42,.35);backdrop-filter:blur(3px)}.usa-cp-box{border-radius:16px;background:var(--usa-cp-bg,#fff);color:var(--usa-cp-fg,#0f172a);box-shadow:0 24px 60px -20px rgba(15,23,42,.55);border:1px solid rgba(100,116,139,.2);overflow:hidden;font:500 14px/1.3 system-ui,sans-serif}.usa-cp-q{box-sizing:border-box;width:100%;padding:16px 18px;border:0;border-bottom:1px solid rgba(100,116,139,.18);background:transparent;color:inherit;font:inherit;font-size:16px;outline:none}.usa-cp-list{position:relative;max-height:min(340px,50vh);overflow-y:auto;padding:6px}.usa-cp-hl{position:absolute;left:6px;right:6px;top:0;border-radius:10px;background:color-mix(in srgb,var(--usa-cp-accent) 12%,transparent);pointer-events:none;opacity:0}.usa-cp-group{padding:8px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.55}.usa-cp-item{position:relative;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;cursor:pointer}.usa-cp-item[aria-selected=true] .usa-cp-label{color:var(--usa-cp-accent)}.usa-cp-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usa-cp-label mark{background:none;color:var(--usa-cp-accent);font-weight:800}.usa-cp-keys{display:flex;gap:3px}.usa-cp-keys kbd,usa-shortcut kbd{display:inline-grid;place-items:center;min-width:1.6em;padding:2px 5px;border-radius:5px;border:1px solid rgba(100,116,139,.35);border-bottom-width:2px;background:var(--usa-kbd-bg,rgba(148,163,184,.12));font:600 11px/1.3 system-ui,sans-serif;color:inherit}.usa-cp-empty{margin:0;padding:18px;text-align:center;opacity:.6}usa-command-palette[inline]{display:block;width:var(--usa-cp-w,100%);max-width:100%}usa-command-palette[inline] .usa-cp{position:static;width:100%;margin:0}usa-command-palette[inline] .usa-cp-box{box-shadow:0 12px 30px -18px rgba(15,23,42,.45)}";
|
|
6952
6952
|
|
|
6953
6953
|
/**
|
|
6954
6954
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -7008,14 +7008,14 @@ function isApple() {
|
|
|
7008
7008
|
return typeof navigator !== 'undefined' && /Mac|iPhone|iPad|iPod/.test(navigator.userAgentData?.platform || navigator.platform || navigator.userAgent || '');
|
|
7009
7009
|
}
|
|
7010
7010
|
const esc$b = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7011
|
-
let uid$
|
|
7011
|
+
let uid$2 = 0;
|
|
7012
7012
|
function defineCommandPalette(tag = 'usa-command-palette') {
|
|
7013
7013
|
return defineElement(tag, (Base) => {
|
|
7014
7014
|
class UsaCommandPalette extends Base {
|
|
7015
7015
|
constructor() {
|
|
7016
7016
|
super(...arguments);
|
|
7017
7017
|
this._cmds = null;
|
|
7018
|
-
this._id = `usa-cp-${++uid$
|
|
7018
|
+
this._id = `usa-cp-${++uid$2}`;
|
|
7019
7019
|
this._active = 0;
|
|
7020
7020
|
this._shown = [];
|
|
7021
7021
|
this._opener = null;
|
|
@@ -7207,10 +7207,10 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7207
7207
|
}
|
|
7208
7208
|
}
|
|
7209
7209
|
return UsaCommandPalette;
|
|
7210
|
-
}, { id: 'command-palette', text: css$
|
|
7210
|
+
}, { id: 'command-palette', text: css$K });
|
|
7211
7211
|
}
|
|
7212
7212
|
|
|
7213
|
-
var css$
|
|
7213
|
+
var css$J = "usa-shortcut{display:inline-block;font:500 13px/1.3 system-ui,sans-serif}.usa-sk{display:inline-flex;align-items:center;gap:8px}.usa-sk-caps{display:inline-flex;gap:4px}usa-shortcut kbd{display:inline-grid;place-items:center;min-width:1.9em;height:1.9em;padding:0 6px;box-sizing:border-box;border-radius:6px;border:1px solid rgba(100,116,139,.4);border-bottom-width:3px;background:var(--usa-kbd-bg,#fff);color:inherit;font:600 12px/1 system-ui,sans-serif;box-shadow:0 1px 0 rgba(15,23,42,.08)}usa-shortcut[data-pressed] kbd{background:var(--usa-kbd-on,#eef2ff);border-color:var(--usa-kbd-accent,#6366f1)}.usa-sk-label{opacity:.75}";
|
|
7214
7214
|
|
|
7215
7215
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7216
7216
|
const esc$a = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
@@ -7261,10 +7261,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7261
7261
|
}
|
|
7262
7262
|
}
|
|
7263
7263
|
return UsaShortcut;
|
|
7264
|
-
}, { id: 'shortcut', text: css$
|
|
7264
|
+
}, { id: 'shortcut', text: css$J });
|
|
7265
7265
|
}
|
|
7266
7266
|
|
|
7267
|
-
var css$
|
|
7267
|
+
var css$I = "usa-clock-control{display:inline-block;font:600 12.5px/1 system-ui,sans-serif;--usa-clk-accent:#6366f1}.usa-clk{display:inline-flex;align-items:center;gap:8px;padding:5px;border-radius:999px;background:var(--usa-clk-bg,rgba(148,163,184,.14));border:1px solid rgba(100,116,139,.2)}.usa-clk-play{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:0;background:var(--usa-clk-accent);color:#fff;cursor:pointer}.usa-clk-play:focus-visible,.usa-clk-speed:focus-visible{outline:2px solid var(--usa-clk-accent);outline-offset:2px}.usa-clk-play svg{width:15px;height:15px;fill:currentColor}.usa-clk-tri{opacity:0;transform-origin:center;transition:opacity .15s}usa-clock-control[data-paused] .usa-clk-tri{opacity:1}usa-clock-control[data-paused] .usa-clk-bar{opacity:0}.usa-clk-speeds{position:relative;display:flex}.usa-clk-ink{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--usa-clk-ink,#fff);box-shadow:0 1px 4px rgba(15,23,42,.18);transition:transform .25s cubic-bezier(.2,.8,.2,1),width .25s;opacity:0}.usa-clk-speed{position:relative;padding:8px 10px;border:0;background:none;color:inherit;font:inherit;cursor:pointer;border-radius:999px;font-variant-numeric:tabular-nums}.usa-clk-speed[aria-checked=true]{color:var(--usa-clk-accent)}@media (prefers-reduced-motion:reduce){.usa-clk-ink{transition:none}}";
|
|
7268
7268
|
|
|
7269
7269
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7270
7270
|
return defineElement(tag, (Base) => {
|
|
@@ -7323,10 +7323,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7323
7323
|
}
|
|
7324
7324
|
}
|
|
7325
7325
|
return UsaClockControl;
|
|
7326
|
-
}, { id: 'clock-control', text: css$
|
|
7326
|
+
}, { id: 'clock-control', text: css$I });
|
|
7327
7327
|
}
|
|
7328
7328
|
|
|
7329
|
-
var css$
|
|
7329
|
+
var css$H = "usa-hydrate{display:block}";
|
|
7330
7330
|
|
|
7331
7331
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7332
7332
|
return defineElement(tag, (Base) => {
|
|
@@ -7362,10 +7362,10 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7362
7362
|
}
|
|
7363
7363
|
}
|
|
7364
7364
|
return UsaHydrate;
|
|
7365
|
-
}, { id: 'hydrate', text: css$
|
|
7365
|
+
}, { id: 'hydrate', text: css$H });
|
|
7366
7366
|
}
|
|
7367
7367
|
|
|
7368
|
-
var css$
|
|
7368
|
+
var css$G = "usa-red-envelope{display:inline-block;--usa-re-w:150px;--usa-re-red:#dc2626;--usa-re-gold:#facc15}.usa-re{position:relative;display:block;width:var(--usa-re-w);height:calc(var(--usa-re-w)*1.35);padding:0;border:0;background:none;cursor:pointer;perspective:600px;font:600 14px/1.2 system-ui,sans-serif}.usa-re:focus-visible{outline:2px solid var(--usa-re-gold);outline-offset:4px;border-radius:12px}.usa-re-body{position:absolute;inset:0;border-radius:12px;background:linear-gradient(160deg,#ef4444,var(--usa-re-red) 60%,#b91c1c);box-shadow:0 12px 24px -12px rgba(127,29,29,.7);display:flex;align-items:flex-end;justify-content:center;padding-bottom:18%;z-index:2}.usa-re-msg{color:var(--usa-re-gold);font-size:calc(var(--usa-re-w)*.13);letter-spacing:.1em}.usa-re-flap{position:absolute;left:0;right:0;top:0;height:42%;border-radius:12px 12px 50% 50%/12px 12px 40% 40%;background:linear-gradient(#f87171,#dc2626);transform-origin:50% 0;z-index:3;display:grid;place-items:end center;box-shadow:0 4px 8px rgba(127,29,29,.35);transition:transform .45s ease-in-out}usa-red-envelope[data-open] .usa-re-flap{transform:rotateX(180deg);z-index:0;opacity:.85}.usa-re-seal{display:grid;place-items:center;width:30%;aspect-ratio:1;margin-bottom:-15%;border-radius:50%;background:var(--usa-re-gold);color:var(--usa-re-red);font-size:calc(var(--usa-re-w)*.14);font-weight:900;box-shadow:0 2px 6px rgba(0,0,0,.25)}usa-red-envelope[data-open] .usa-re-seal{visibility:hidden}.usa-re-card{position:absolute;left:8%;right:8%;top:6%;height:70%;border-radius:8px;background:#fff7ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:1;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}usa-red-envelope[data-open] .usa-re-card{transform:translateY(-46%);z-index:3;box-shadow:0 6px 14px -6px rgba(127,29,29,.5)}.usa-re-amt{color:var(--usa-re-red);font-size:calc(var(--usa-re-w)*.16);font-weight:900;font-variant-numeric:tabular-nums}.usa-re-from{font-size:11px;color:#92400e}.usa-re-coins{position:absolute;left:50%;top:40%;z-index:4}.usa-re-coins i{position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fef08a,var(--usa-re-gold) 60%,#ca8a04);box-shadow:0 1px 3px rgba(0,0,0,.3)}.usa-re-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.usa-re-flap,.usa-re-card{transition:none}}";
|
|
7369
7369
|
|
|
7370
7370
|
const esc$9 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7371
7371
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
@@ -7429,10 +7429,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7429
7429
|
}
|
|
7430
7430
|
}
|
|
7431
7431
|
return UsaRedEnvelope;
|
|
7432
|
-
}, { id: 'red-envelope', text: css$
|
|
7432
|
+
}, { id: 'red-envelope', text: css$G });
|
|
7433
7433
|
}
|
|
7434
7434
|
|
|
7435
|
-
var css$
|
|
7435
|
+
var css$F = "usa-festival-banner{position:relative;display:block;overflow:hidden;padding:18px 44px 18px 20px;border-radius:14px;color:#fff;font:700 15px/1.35 system-ui,sans-serif;isolation:isolate;background:linear-gradient(120deg,#b91c1c,#dc2626 55%,#ea580c)}usa-festival-banner[data-theme=xmas]{background:linear-gradient(120deg,#14532d,#166534 55%,#b91c1c)}usa-festival-banner[data-theme=halloween]{background:linear-gradient(120deg,#1e1b4b,#4c1d95 60%,#c2410c)}usa-festival-banner[data-theme=fireworks]{background:linear-gradient(120deg,#0f172a,#1e293b 60%,#312e81)}.usa-fb-scene{position:absolute;inset:0;z-index:-1;pointer-events:none}.usa-fb-scene i{position:absolute;display:block;font-style:normal;animation-play-state:paused}usa-festival-banner[data-live] .usa-fb-scene i{animation-play-state:running}.usa-fb-lantern{left:var(--x);top:-4px;width:18px;height:24px;border-radius:45%;background:radial-gradient(circle at 50% 40%,#fde68a,#f97316 45%,#b91c1c);box-shadow:0 0 14px rgba(251,191,36,.7);transform-origin:50% -10px;animation:usa-fb-sway 2.6s ease-in-out var(--d) infinite alternate}.usa-fb-lantern::after{content:\"\";position:absolute;left:50%;bottom:-8px;width:2px;height:8px;background:#facc15;transform:translateX(-50%)}@keyframes usa-fb-sway{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.usa-fb-spark{left:var(--x);bottom:-6px;width:4px;height:4px;border-radius:50%;background:#fde047;box-shadow:0 0 6px #fde047;animation:usa-fb-rise 4s linear var(--d) infinite}@keyframes usa-fb-rise{from{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(-90px);opacity:0}}.usa-fb-light{left:var(--x);top:3px;width:8px;height:11px;border-radius:50% 50% 45% 45%;background:#fde047;box-shadow:0 0 8px #fde047;animation:usa-fb-twinkle 1.2s ease-in-out var(--d) infinite alternate}.usa-fb-light:nth-child(3n){background:#f87171;box-shadow:0 0 8px #f87171}.usa-fb-light:nth-child(3n+1){background:#60a5fa;box-shadow:0 0 8px #60a5fa}@keyframes usa-fb-twinkle{from{opacity:.35}to{opacity:1}}.usa-fb-snow{left:var(--x);top:-8px;width:6px;height:6px;border-radius:50%;background:#fff;opacity:.85;animation:usa-fb-fall 6s linear var(--d) infinite}@keyframes usa-fb-fall{to{transform:translate(14px,120px)}}.usa-fb-moon{right:18%;top:10%;width:34px;height:34px;border-radius:50%;background:#fde68a;box-shadow:0 0 24px 6px rgba(253,230,138,.55);animation:usa-fb-glow 3s ease-in-out infinite alternate}@keyframes usa-fb-glow{to{box-shadow:0 0 34px 12px rgba(253,230,138,.75)}}.usa-fb-bat{left:-24px;top:var(--y);font-size:16px;animation:usa-fb-fly 7s linear var(--d) infinite}@keyframes usa-fb-fly{0%{transform:translate(0,0)}25%{transform:translate(28vw,-8px)}50%{transform:translate(56vw,6px)}100%{transform:translate(120vw,-4px)}}.usa-fb-rocket{left:var(--x);bottom:20%;width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 0 0 var(--c),14px 0 0 -1px var(--c),-14px 0 0 -1px var(--c),0 14px 0 -1px var(--c),0 -14px 0 -1px var(--c),10px 10px 0 -1px var(--c),-10px -10px 0 -1px var(--c),10px -10px 0 -1px var(--c),-10px 10px 0 -1px var(--c);animation:usa-fb-boom 2.4s ease-out var(--d) infinite}@keyframes usa-fb-boom{0%{transform:translateY(40px) scale(.1);opacity:0}30%{transform:translateY(0) scale(.2);opacity:1}60%{transform:scale(1.2);opacity:1}100%{transform:scale(1.5);opacity:0}}.usa-fb-x{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:18px;line-height:1;cursor:pointer}.usa-fb-x:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (prefers-reduced-motion:reduce){.usa-fb-scene i{animation:none!important}}";
|
|
7436
7436
|
|
|
7437
7437
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7438
7438
|
const SCENES = {
|
|
@@ -7480,10 +7480,10 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7480
7480
|
}
|
|
7481
7481
|
}
|
|
7482
7482
|
return UsaFestivalBanner;
|
|
7483
|
-
}, { id: 'festival-banner', text: css$
|
|
7483
|
+
}, { id: 'festival-banner', text: css$F });
|
|
7484
7484
|
}
|
|
7485
7485
|
|
|
7486
|
-
var css$
|
|
7486
|
+
var css$E = "usa-terminal{display:block;width:var(--usa-term-w,100%);max-width:100%;--usa-term-bg:#0f172a;--usa-term-fg:#e2e8f0;--usa-term-accent:#22c55e}usa-terminal[data-theme=green]{--usa-term-bg:#03140a;--usa-term-fg:#4ade80;--usa-term-accent:#86efac}usa-terminal[data-theme=amber]{--usa-term-bg:#1a1003;--usa-term-fg:#fbbf24;--usa-term-accent:#fde68a}.usa-term{border-radius:10px;overflow:hidden;background:var(--usa-term-bg);color:var(--usa-term-fg);box-shadow:0 16px 36px -18px rgba(0,0,0,.6);font:500 12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}usa-terminal[data-theme=green] .usa-term,usa-terminal[data-theme=amber] .usa-term{text-shadow:0 0 6px currentColor}.usa-term-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;background:rgba(255,255,255,.06)}.usa-term-bar i{width:10px;height:10px;border-radius:50%;background:#ef4444}.usa-term-bar i:nth-child(2){background:#f59e0b}.usa-term-bar i:nth-child(3){background:#22c55e}.usa-term-bar span{flex:1;text-align:center;margin-right:40px;opacity:.6;font-size:11px}.usa-term-body{min-height:var(--usa-term-h,120px);padding:10px 12px 12px}.usa-term-body p{margin:0;white-space:pre-wrap;word-break:break-word}.usa-term-ps{color:var(--usa-term-accent)}.usa-term-out{opacity:.8}.usa-term-cursor{display:inline-block;width:.6em;height:1.15em;margin-left:1px;vertical-align:text-bottom;background:currentColor;animation:usa-term-blink 1s steps(1) infinite}@keyframes usa-term-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.usa-term-cursor{animation:none}}";
|
|
7487
7487
|
|
|
7488
7488
|
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7489
7489
|
function defineTerminal(tag = 'usa-terminal') {
|
|
@@ -7594,10 +7594,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7594
7594
|
}
|
|
7595
7595
|
}
|
|
7596
7596
|
return UsaTerminal;
|
|
7597
|
-
}, { id: 'terminal', text: css$
|
|
7597
|
+
}, { id: 'terminal', text: css$E });
|
|
7598
7598
|
}
|
|
7599
7599
|
|
|
7600
|
-
var css$
|
|
7600
|
+
var css$D = "usa-retro-button{display:inline-block}.usa-rb{font:700 14px/1 system-ui,sans-serif;cursor:pointer;color:inherit}.usa-rb:disabled{opacity:.5;cursor:not-allowed}usa-retro-button[data-variant=pixel] .usa-rb{padding:10px 16px;border:0;background:#f43f5e;color:#fff;font-family:ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;box-shadow:3px 0 0 #111,-3px 0 0 #111,0 3px 0 #111,0 -3px 0 #111,6px 6px 0 #111;image-rendering:pixelated}usa-retro-button[data-variant=pixel] .usa-rb:focus-visible{outline:3px dashed #111;outline-offset:6px}usa-retro-button[data-variant=crt] .usa-rb{padding:10px 18px;border:2px solid #22c55e;border-radius:4px;background:#03140a;color:#4ade80;font-family:ui-monospace,Menlo,monospace;text-shadow:0 0 6px #4ade80;box-shadow:0 0 10px rgba(74,222,128,.45),inset 0 0 12px rgba(74,222,128,.25);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px)}usa-retro-button[data-variant=crt] .usa-rb:focus-visible{outline:2px solid #86efac;outline-offset:3px}usa-retro-button[data-variant=y2k] .usa-rb{padding:11px 22px;border:1px solid rgba(255,255,255,.7);border-radius:999px;color:#1e1b4b;background:linear-gradient(180deg,#f8fafc 0%,#c7d2fe 45%,#818cf8 52%,#e0e7ff 100%);box-shadow:0 6px 14px -6px rgba(79,70,229,.6),inset 0 1px 0 #fff;text-shadow:0 1px 0 rgba(255,255,255,.7)}usa-retro-button[data-variant=y2k] .usa-rb:focus-visible{outline:2px solid #6366f1;outline-offset:3px}usa-retro-button[data-variant=win95] .usa-rb{padding:7px 16px;border:0;border-radius:0;background:#c0c0c0;color:#000;font:400 13px/1 Tahoma,Verdana,sans-serif;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf}usa-retro-button[data-variant=win95] .usa-rb:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px #808080}usa-retro-button[data-variant=win95] .usa-rb:focus-visible{outline:1px dotted #000;outline-offset:-4px}";
|
|
7601
7601
|
|
|
7602
7602
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7603
7603
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7651,10 +7651,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7651
7651
|
}
|
|
7652
7652
|
}
|
|
7653
7653
|
return UsaRetroButton;
|
|
7654
|
-
}, { id: 'retro-button', text: css$
|
|
7654
|
+
}, { id: 'retro-button', text: css$D });
|
|
7655
7655
|
}
|
|
7656
7656
|
|
|
7657
|
-
var css$
|
|
7657
|
+
var css$C = "usa-organic-card{position:relative;display:block;padding:22px 24px;color:#0f172a;background:linear-gradient(140deg,#d9f99d,#86efac 55%,#34d399);box-shadow:0 18px 36px -22px rgba(22,101,52,.7);transition:box-shadow .3s;outline:none}usa-organic-card[data-tint=ocean]{background:linear-gradient(140deg,#bae6fd,#7dd3fc 50%,#38bdf8);box-shadow:0 18px 36px -22px rgba(3,105,161,.7)}usa-organic-card[data-tint=petal]{background:linear-gradient(140deg,#fbcfe8,#f9a8d4 50%,#f472b6);box-shadow:0 18px 36px -22px rgba(157,23,77,.6)}usa-organic-card[data-tint=sand]{background:linear-gradient(140deg,#fef3c7,#fde68a 50%,#fbbf24);box-shadow:0 18px 36px -22px rgba(146,64,14,.6)}usa-organic-card:hover{box-shadow:0 24px 44px -20px rgba(15,23,42,.45)}usa-organic-card:focus-within{box-shadow:0 0 0 3px rgba(15,23,42,.25),0 24px 44px -20px rgba(15,23,42,.45)}";
|
|
7658
7658
|
|
|
7659
7659
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7660
7660
|
return defineElement(tag, (Base) => {
|
|
@@ -7693,19 +7693,19 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7693
7693
|
}
|
|
7694
7694
|
}
|
|
7695
7695
|
return UsaOrganicCard;
|
|
7696
|
-
}, { id: 'organic-card', text: css$
|
|
7696
|
+
}, { id: 'organic-card', text: css$C });
|
|
7697
7697
|
}
|
|
7698
7698
|
|
|
7699
|
-
var css$
|
|
7699
|
+
var css$B = "usa-liquid-nav{position:relative;display:inline-flex;align-items:center;gap:4px;padding:8px 10px 18px;border-radius:18px;background:var(--usa-lq-bg,#0f172a);color:#e2e8f0;font:600 13px/1 system-ui,sans-serif;--usa-lq-accent:#38bdf8}.usa-lq-defs{position:absolute}.usa-lq-goo{position:absolute;left:0;right:0;bottom:4px;height:14px;pointer-events:none}.usa-lq-goo i{position:absolute;left:-6px;top:1px;width:12px;height:12px;border-radius:50%;background:var(--usa-lq-accent)}.usa-lq-tail{width:9px!important;height:9px!important;left:-4.5px!important;top:2.5px!important}.usa-lq-item{position:relative;padding:8px 12px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;text-decoration:none;cursor:pointer;opacity:.7;transition:opacity .2s,color .2s}.usa-lq-item[aria-current]{opacity:1;color:var(--usa-lq-accent)}.usa-lq-item:focus-visible{outline:2px solid var(--usa-lq-accent);outline-offset:1px;opacity:1}";
|
|
7700
7700
|
|
|
7701
|
-
let uid = 0;
|
|
7701
|
+
let uid$1 = 0;
|
|
7702
7702
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
7703
7703
|
return defineElement(tag, (Base) => {
|
|
7704
7704
|
class UsaLiquidNav extends Base {
|
|
7705
7705
|
constructor() {
|
|
7706
7706
|
super(...arguments);
|
|
7707
7707
|
this._i = 0;
|
|
7708
|
-
this._id = `usa-lq-${++uid}`;
|
|
7708
|
+
this._id = `usa-lq-${++uid$1}`;
|
|
7709
7709
|
}
|
|
7710
7710
|
static get observedAttributes() {
|
|
7711
7711
|
return ['label'];
|
|
@@ -7777,10 +7777,10 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7777
7777
|
}
|
|
7778
7778
|
}
|
|
7779
7779
|
return UsaLiquidNav;
|
|
7780
|
-
}, { id: 'liquid-nav', text: css$
|
|
7780
|
+
}, { id: 'liquid-nav', text: css$B });
|
|
7781
7781
|
}
|
|
7782
7782
|
|
|
7783
|
-
var css$
|
|
7783
|
+
var css$A = "usa-hud-panel{position:relative;display:block;padding:12px 16px 14px;color:#cffafe;background:linear-gradient(160deg,rgba(8,47,73,.92),rgba(2,6,23,.95));clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);font:500 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;--usa-hud-c:#22d3ee}.usa-hud-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.usa-hud-frame path{fill:none;stroke:var(--usa-hud-c);stroke-width:1.5;stroke-dasharray:100;filter:drop-shadow(0 0 3px var(--usa-hud-c))}.usa-hud-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid color-mix(in srgb,var(--usa-hud-c) 35%,transparent);letter-spacing:.12em}.usa-hud-dot{width:7px;height:7px;border-radius:50%;background:var(--usa-hud-c);box-shadow:0 0 8px var(--usa-hud-c);animation:usa-hud-blink 1.4s steps(1) infinite}@keyframes usa-hud-blink{50%{opacity:.25}}.usa-hud-title{flex:1;font-weight:800;color:var(--usa-hud-c)}.usa-hud-status{font-size:10px;opacity:.75}.usa-hud-row{display:grid;grid-template-columns:5.5em 1fr 3em;align-items:center;gap:8px;margin:5px 0 0}.usa-hud-bar{height:6px;background:color-mix(in srgb,var(--usa-hud-c) 15%,transparent);overflow:hidden}.usa-hud-bar i{display:block;width:var(--v);height:100%;background:var(--usa-hud-c);box-shadow:0 0 8px var(--usa-hud-c);transform-origin:0 50%}.usa-hud-num{text-align:right;color:var(--usa-hud-c);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.usa-hud-dot{animation:none}}";
|
|
7784
7784
|
|
|
7785
7785
|
const esc$7 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7786
7786
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
@@ -7829,10 +7829,10 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7829
7829
|
}
|
|
7830
7830
|
}
|
|
7831
7831
|
return UsaHudPanel;
|
|
7832
|
-
}, { id: 'hud-panel', text: css$
|
|
7832
|
+
}, { id: 'hud-panel', text: css$A });
|
|
7833
7833
|
}
|
|
7834
7834
|
|
|
7835
|
-
var css$
|
|
7835
|
+
var css$z = "usa-radar{display:block;width:var(--usa-rd-size,200px);max-width:100%;aspect-ratio:1;--usa-rd-c:#22d3ee}.usa-rd{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#082f49 0,#020617 75%);box-shadow:0 0 0 2px color-mix(in srgb,var(--usa-rd-c) 45%,transparent),0 0 24px -4px var(--usa-rd-c);overflow:hidden}.usa-rd-ring{position:absolute;left:50%;top:50%;width:var(--r);height:var(--r);border:1px solid color-mix(in srgb,var(--usa-rd-c) 30%,transparent);border-radius:50%;transform:translate(-50%,-50%)}.usa-rd-cross{position:absolute;inset:0;background:linear-gradient(color-mix(in srgb,var(--usa-rd-c) 25%,transparent),color-mix(in srgb,var(--usa-rd-c) 25%,transparent)) 50% 0/1px 100% no-repeat,linear-gradient(color-mix(in srgb,var(--usa-rd-c) 25%,transparent),color-mix(in srgb,var(--usa-rd-c) 25%,transparent)) 0 50%/100% 1px no-repeat}.usa-rd-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 300deg,color-mix(in srgb,var(--usa-rd-c) 15%,transparent) 330deg,color-mix(in srgb,var(--usa-rd-c) 70%,transparent) 360deg);animation:usa-rd-turn var(--usa-rd-period,4s) linear infinite;animation-play-state:paused}usa-radar[data-live] .usa-rd-sweep{animation-play-state:running}@keyframes usa-rd-turn{to{transform:rotate(360deg)}}.usa-rd-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--usa-rd-c);box-shadow:0 0 8px 2px var(--usa-rd-c);transform:translate(-50%,-50%);opacity:.15}.usa-rd-dot[data-lit]{opacity:1}.usa-rd-dot em{position:absolute;left:10px;top:-5px;font:600 9px/1 ui-monospace,Menlo,monospace;font-style:normal;color:var(--usa-rd-c);white-space:nowrap}@media (prefers-reduced-motion:reduce){.usa-rd-sweep{animation:none;transform:rotate(45deg)}}";
|
|
7836
7836
|
|
|
7837
7837
|
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7838
7838
|
function parseTargets(s) {
|
|
@@ -7918,10 +7918,10 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7918
7918
|
}
|
|
7919
7919
|
}
|
|
7920
7920
|
return UsaRadar;
|
|
7921
|
-
}, { id: 'radar', text: css$
|
|
7921
|
+
}, { id: 'radar', text: css$z });
|
|
7922
7922
|
}
|
|
7923
7923
|
|
|
7924
|
-
var css$
|
|
7924
|
+
var css$y = "usa-sticky-wall{display:flex;flex-wrap:wrap;gap:14px;padding:14px;align-items:flex-start}usa-sticky-wall>.usa-sticky{position:relative;box-sizing:border-box;width:120px;min-height:96px;padding:18px 12px 12px;font:500 13px/1.35 'Comic Sans MS','Segoe Print','Bradley Hand',cursive,system-ui;color:#3f3a2e;background:#fef08a;transform:rotate(var(--tilt,0deg));box-shadow:0 10px 16px -10px rgba(0,0,0,.45),inset 0 -12px 18px -14px rgba(0,0,0,.25);cursor:pointer;outline:none;transition:box-shadow .2s}usa-sticky-wall>.usa-sticky::before{content:'';position:absolute;top:5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fca5a5,#dc2626 70%);box-shadow:0 2px 2px rgba(0,0,0,.3)}usa-sticky-wall>[data-paper=pink]{background:#fbcfe8}usa-sticky-wall>[data-paper=blue]{background:#bae6fd}usa-sticky-wall>[data-paper=green]{background:#bbf7d0}usa-sticky-wall>.usa-sticky:focus-visible{box-shadow:0 0 0 3px #6366f1,0 10px 16px -10px rgba(0,0,0,.45)}usa-sticky-wall>[data-picked]{box-shadow:0 18px 26px -12px rgba(0,0,0,.5)}";
|
|
7925
7925
|
|
|
7926
7926
|
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7927
7927
|
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
@@ -7985,10 +7985,10 @@ function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
|
7985
7985
|
}
|
|
7986
7986
|
}
|
|
7987
7987
|
return UsaStickyWall;
|
|
7988
|
-
}, { id: 'sticky-wall', text: css$
|
|
7988
|
+
}, { id: 'sticky-wall', text: css$y });
|
|
7989
7989
|
}
|
|
7990
7990
|
|
|
7991
|
-
var css$
|
|
7991
|
+
var css$x = "usa-sketch-chart{display:block;max-width:100%;cursor:pointer;color:#334155;--usa-sk-c:#2563eb}usa-sketch-chart .usa-sk{display:block;width:100%;height:auto;overflow:visible}usa-sketch-chart .usa-sk path{fill:none;stroke-linecap:round;stroke-linejoin:round}usa-sketch-chart .usa-sk-axis{stroke:currentColor;stroke-width:1.6}usa-sketch-chart .usa-sk-mark{stroke:var(--usa-sk-c);stroke-width:2.2}usa-sketch-chart .usa-sk-hatch{stroke:var(--usa-sk-c);stroke-width:1;opacity:.55}usa-sketch-chart .usa-sk-dot{fill:#fff;stroke:var(--usa-sk-c);stroke-width:2}usa-sketch-chart text{fill:currentColor;font:12px 'Comic Sans MS','Segoe Print','Bradley Hand',cursive,system-ui;text-anchor:middle}";
|
|
7992
7992
|
|
|
7993
7993
|
const esc$5 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7994
7994
|
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
@@ -8085,10 +8085,10 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8085
8085
|
}
|
|
8086
8086
|
}
|
|
8087
8087
|
return UsaSketchChart;
|
|
8088
|
-
}, { id: 'sketch-chart', text: css$
|
|
8088
|
+
}, { id: 'sketch-chart', text: css$x });
|
|
8089
8089
|
}
|
|
8090
8090
|
|
|
8091
|
-
var css$
|
|
8091
|
+
var css$w = "usa-theme-switcher{position:relative;display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:rgba(15,23,42,.08);max-width:100%;overflow-x:auto;scrollbar-width:none}usa-theme-switcher .usa-ts-pill{position:absolute;top:4px;bottom:4px;left:0;border-radius:999px;background:#fff;box-shadow:0 2px 8px -2px rgba(15,23,42,.3);transition:transform .35s cubic-bezier(.3,1.3,.5,1),width .35s}usa-theme-switcher .usa-ts-opt{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:0;border-radius:999px;background:none;color:#334155;font:600 13px/1 system-ui,sans-serif;cursor:pointer;white-space:nowrap}usa-theme-switcher .usa-ts-opt[aria-checked=true]{color:#0f172a}usa-theme-switcher .usa-ts-opt:focus-visible{outline:2px solid #6366f1;outline-offset:1px}usa-theme-switcher .usa-ts-sw{width:12px;height:12px;border-radius:50%;background:#f8fafc;box-shadow:inset 0 0 0 1px rgba(15,23,42,.25)}usa-theme-switcher [data-sw=dark]{background:#0f172a}usa-theme-switcher [data-sw=neon]{background:#d946ef;box-shadow:0 0 6px #d946ef}usa-theme-switcher [data-sw=glass]{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(147,197,253,.6))}usa-theme-switcher [data-sw=neu]{background:#e0e5ec;box-shadow:2px 2px 3px #a3b1c6,-2px -2px 3px #fff}@media (prefers-reduced-motion:reduce){usa-theme-switcher .usa-ts-pill{transition:none}}";
|
|
8092
8092
|
|
|
8093
8093
|
const NAMES = { light: 'Light', dark: 'Dark', neon: 'Neon', glass: 'Glass', neu: 'Soft' };
|
|
8094
8094
|
function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
@@ -8190,10 +8190,10 @@ function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
|
8190
8190
|
}
|
|
8191
8191
|
}
|
|
8192
8192
|
return UsaThemeSwitcher;
|
|
8193
|
-
}, { id: 'theme-switcher', text: css$
|
|
8193
|
+
}, { id: 'theme-switcher', text: css$w });
|
|
8194
8194
|
}
|
|
8195
8195
|
|
|
8196
|
-
var css$
|
|
8196
|
+
var css$v = "usa-theme-surface{position:relative;display:block;box-sizing:border-box;padding:18px 20px;border-radius:16px;background:#fff;color:#0f172a;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 30px -18px rgba(15,23,42,.45);transition:background .4s,color .4s,box-shadow .4s,border-color .4s}usa-theme-surface[data-look=dark]{background:#0f172a;color:#e2e8f0;border-color:#1e293b}usa-theme-surface[data-look=neon]{background:#0b0614;color:#f5d0fe;border-color:#d946ef;box-shadow:0 0 6px #d946ef,0 0 18px rgba(217,70,239,.55),inset 0 0 12px rgba(217,70,239,.25);animation:usa-sf-neon 2.4s ease-in-out infinite}usa-theme-surface[data-look=glass]{background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.18));color:#0f172a;border-color:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 12px 32px -14px rgba(30,64,175,.45);overflow:hidden}usa-theme-surface[data-look=glass]::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);background-size:250% 100%;animation:usa-sf-sheen 5s ease-in-out infinite}usa-theme-surface[data-look=neu]{background:#e0e5ec;color:#334155;border-color:transparent;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff}@keyframes usa-sf-neon{50%{box-shadow:0 0 10px #d946ef,0 0 30px rgba(217,70,239,.7),inset 0 0 16px rgba(217,70,239,.35)}}@keyframes usa-sf-sheen{0%,60%{background-position:130% 0}100%{background-position:-60% 0}}@media (prefers-reduced-motion:reduce){usa-theme-surface,usa-theme-surface::after{animation:none!important;transition:none}}";
|
|
8197
8197
|
|
|
8198
8198
|
function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
8199
8199
|
return defineElement(tag, (Base) => {
|
|
@@ -8246,10 +8246,10 @@ function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
|
8246
8246
|
}
|
|
8247
8247
|
}
|
|
8248
8248
|
return UsaThemeSurface;
|
|
8249
|
-
}, { id: 'theme-surface', text: css$
|
|
8249
|
+
}, { id: 'theme-surface', text: css$v });
|
|
8250
8250
|
}
|
|
8251
8251
|
|
|
8252
|
-
var css$
|
|
8252
|
+
var css$u = "usa-gyro-card{position:relative;display:block;box-sizing:border-box;padding:22px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#6366f1,#ec4899);box-shadow:0 18px 40px -20px rgba(79,70,229,.8);transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .25s ease-out;will-change:transform;overflow:hidden}usa-gyro-card [data-depth]{display:block;transform:translateZ(calc(var(--depth-k,14px) * var(--d,1)))}usa-gyro-card [data-depth=\"2\"]{--d:2}usa-gyro-card [data-depth=\"3\"]{--d:3}usa-gyro-card .usa-gy-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,30%),rgba(255,255,255,.4),transparent 55%);opacity:.5;transition:opacity .3s}usa-gyro-card[data-tilted] .usa-gy-glare{opacity:1}@media (prefers-reduced-motion:reduce){usa-gyro-card{transform:none;transition:none}}";
|
|
8253
8253
|
|
|
8254
8254
|
function defineGyroCard(tag = 'usa-gyro-card') {
|
|
8255
8255
|
return defineElement(tag, (Base) => {
|
|
@@ -8330,10 +8330,10 @@ function defineGyroCard(tag = 'usa-gyro-card') {
|
|
|
8330
8330
|
}
|
|
8331
8331
|
}
|
|
8332
8332
|
return UsaGyroCard;
|
|
8333
|
-
}, { id: 'gyro-card', text: css$
|
|
8333
|
+
}, { id: 'gyro-card', text: css$u });
|
|
8334
8334
|
}
|
|
8335
8335
|
|
|
8336
|
-
var css$
|
|
8336
|
+
var css$t = "usa-gesture-sticker{display:inline-block;touch-action:none;cursor:grab;outline:none;-webkit-user-select:none;user-select:none;transform-origin:50% 50%;filter:drop-shadow(0 6px 8px rgba(15,23,42,.25));will-change:transform}usa-gesture-sticker[data-held]{cursor:grabbing;filter:drop-shadow(0 16px 18px rgba(15,23,42,.35))}usa-gesture-sticker:focus-visible{outline:2px dashed #6366f1;outline-offset:4px}usa-gesture-sticker img{display:block;-webkit-user-drag:none;pointer-events:none}";
|
|
8337
8337
|
|
|
8338
8338
|
function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
8339
8339
|
return defineElement(tag, (Base) => {
|
|
@@ -8460,10 +8460,10 @@ function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
|
8460
8460
|
}
|
|
8461
8461
|
}
|
|
8462
8462
|
return UsaGestureSticker;
|
|
8463
|
-
}, { id: 'gesture-sticker', text: css$
|
|
8463
|
+
}, { id: 'gesture-sticker', text: css$t });
|
|
8464
8464
|
}
|
|
8465
8465
|
|
|
8466
|
-
var css$
|
|
8466
|
+
var css$s = "usa-panorama{position:relative;display:block;height:220px;border-radius:14px;overflow:hidden;background:#0f172a;cursor:grab;touch-action:pan-y;outline:none;-webkit-user-select:none;user-select:none}usa-panorama[data-dragging]{cursor:grabbing}usa-panorama:focus-visible{box-shadow:0 0 0 3px #6366f1}usa-panorama .usa-pano-view{position:absolute;inset:0;background-repeat:repeat-x;background-size:auto 100%;background-position:0 50%}usa-panorama .usa-pano-procedural{background-size:400% 100%;background-repeat:repeat-x;background-image:radial-gradient(circle at 12% 30%,#fde68a 0 3%,transparent 3.5%),linear-gradient(170deg,transparent 58%,#166534 58.5% 64%,transparent 64.5%),linear-gradient(10deg,transparent 52%,#15803d 52.5% 60%,transparent 60.5%),linear-gradient(160deg,transparent 46%,#475569 46.5% 70%,transparent 70.5%),linear-gradient(20deg,transparent 48%,#64748b 48.5% 70%,transparent 70.5%),linear-gradient(#38bdf8,#bae6fd 55%,#86efac 55.5%,#22c55e)}usa-panorama .usa-pano-compass{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;background:rgba(15,23,42,.55);box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}usa-panorama .usa-pano-compass i{position:absolute;inset:4px;border-radius:50%;transition:transform .25s linear;background:conic-gradient(#ef4444 0 6deg,transparent 6deg 354deg,#ef4444 354deg)}usa-panorama .usa-pano-xr{position:absolute;left:10px;bottom:10px;padding:6px 10px;border:0;border-radius:999px;background:rgba(15,23,42,.7);color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}";
|
|
8467
8467
|
|
|
8468
8468
|
function definePanorama(tag = 'usa-panorama') {
|
|
8469
8469
|
return defineElement(tag, (Base) => {
|
|
@@ -8585,10 +8585,10 @@ function definePanorama(tag = 'usa-panorama') {
|
|
|
8585
8585
|
}
|
|
8586
8586
|
}
|
|
8587
8587
|
return UsaPanorama;
|
|
8588
|
-
}, { id: 'panorama', text: css$
|
|
8588
|
+
}, { id: 'panorama', text: css$s });
|
|
8589
8589
|
}
|
|
8590
8590
|
|
|
8591
|
-
var css$
|
|
8591
|
+
var css$r = "usa-spatial-card{position:relative;display:block;box-sizing:border-box;padding:20px 22px;margin-bottom:28px;border-radius:24px;color:#0f172a;background:linear-gradient(140deg,rgba(255,255,255,.62),rgba(255,255,255,.28));border:1px solid rgba(255,255,255,.75);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 22px 44px -26px rgba(15,23,42,.6),inset 0 1px 0 rgba(255,255,255,.8);transform:perspective(900px) translateZ(0);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.9,.25,1),box-shadow .45s}usa-spatial-card[data-active]{transform:perspective(900px) translateZ(18px);box-shadow:0 34px 60px -28px rgba(15,23,42,.55),inset 0 1px 0 rgba(255,255,255,.9)}usa-spatial-card .usa-sp-gaze{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,40%),rgba(255,255,255,.55),transparent 45%);opacity:0;transition:opacity .3s}usa-spatial-card[data-active] .usa-sp-gaze{opacity:1}usa-spatial-card [data-depth]{position:relative;display:block;transform:translateZ(calc(10px * var(--d,1)));transition:transform .45s}usa-spatial-card [data-depth=\"2\"]{--d:2}usa-spatial-card [data-depth=\"3\"]{--d:3}usa-spatial-card .usa-sp-ornament{position:absolute;left:50%;bottom:-22px;display:flex;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 20px -12px rgba(15,23,42,.5);transform:translateX(-50%) translateZ(30px);transition:transform .45s}usa-spatial-card[data-active] .usa-sp-ornament{transform:translateX(-50%) translateZ(40px) translateY(4px)}@media (prefers-reduced-motion:reduce){usa-spatial-card,usa-spatial-card *{transition:none!important}usa-spatial-card[data-active]{transform:none}}";
|
|
8592
8592
|
|
|
8593
8593
|
function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
8594
8594
|
return defineElement(tag, (Base) => {
|
|
@@ -8634,10 +8634,10 @@ function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
|
8634
8634
|
}
|
|
8635
8635
|
}
|
|
8636
8636
|
return UsaSpatialCard;
|
|
8637
|
-
}, { id: 'spatial-card', text: css$
|
|
8637
|
+
}, { id: 'spatial-card', text: css$r });
|
|
8638
8638
|
}
|
|
8639
8639
|
|
|
8640
|
-
var css$
|
|
8640
|
+
var css$q = "usa-code-export{display:block;max-width:100%;border-radius:12px;overflow:hidden;background:#0f172a;color:#e2e8f0;font:13px/1.4 system-ui,sans-serif}usa-code-export>:not([data-usa-part]){display:block;margin:12px auto}usa-code-export:not([for])>:not([data-usa-part]){padding:0 12px}usa-code-export .usa-ce-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;background:#1e293b}usa-code-export [role=tablist]{display:flex;gap:2px}usa-code-export button{padding:5px 10px;border:0;border-radius:6px;background:none;color:#94a3b8;font:600 12px/1 system-ui,sans-serif;cursor:pointer}usa-code-export [aria-selected=true]{background:#334155;color:#fff}usa-code-export .usa-ce-copy{background:#4f46e5;color:#fff}usa-code-export button:focus-visible,usa-code-export pre:focus-visible{outline:2px solid #818cf8;outline-offset:1px}usa-code-export pre{margin:0;padding:10px 12px;max-height:220px;overflow:auto;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre;color:#e2e8f0;background:#0f172a}";
|
|
8641
8641
|
|
|
8642
8642
|
const RUNTIME_ATTR = /^(data-usa-|data-look$|data-tint$|data-paper$|data-booted$|data-drawn$|data-active$|data-held$|data-tilted$|data-zoomed$|data-dragging$|data-picked$|data-live$|data-lit$|aria-(checked|valuetext|valuenow|label|roledescription|hidden)$|role$|tabindex$|style$)/;
|
|
8643
8643
|
const RUNTIME_CLASS = /^usa-/;
|
|
@@ -8803,10 +8803,10 @@ function defineCodeExport(tag = 'usa-code-export') {
|
|
|
8803
8803
|
}
|
|
8804
8804
|
}
|
|
8805
8805
|
return UsaCodeExport;
|
|
8806
|
-
}, { id: 'code-export', text: css$
|
|
8806
|
+
}, { id: 'code-export', text: css$q });
|
|
8807
8807
|
}
|
|
8808
8808
|
|
|
8809
|
-
var css$
|
|
8809
|
+
var css$p = "usa-prop-panel{display:block;max-width:100%;font:13px/1.4 system-ui,sans-serif;color:#0f172a}usa-prop-panel .usa-pp{display:grid;gap:8px;margin:0;padding:12px;border:1px solid rgba(15,23,42,.12);border-radius:12px;background:#fff}usa-prop-panel .usa-pp-row{display:grid;grid-template-columns:minmax(64px,auto) 1fr auto;align-items:center;gap:8px}usa-prop-panel label{font-weight:600;color:#334155;font-family:ui-monospace,monospace;font-size:12px}usa-prop-panel input[type=text],usa-prop-panel input[type=number],usa-prop-panel select{min-width:0;width:100%;box-sizing:border-box;padding:5px 8px;border:1px solid #cbd5e1;border-radius:6px;font:inherit}usa-prop-panel input[type=range]{width:100%;min-width:0;accent-color:#4f46e5}usa-prop-panel input[type=checkbox]{grid-column:2;justify-self:start;width:16px;height:16px;accent-color:#4f46e5}usa-prop-panel output{min-width:2.5em;text-align:right;font:12px ui-monospace,monospace;color:#64748b}usa-prop-panel .usa-pp-empty{margin:0;color:#64748b}usa-prop-panel .usa-pp-row{border-radius:6px}usa-prop-panel .usa-pp-reset{justify-self:start;padding:5px 12px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font:inherit;cursor:pointer}";
|
|
8810
8810
|
|
|
8811
8811
|
/** "value:number:0:100, theme:select:leaf|ocean, on:boolean" → prop specs (8.9). */
|
|
8812
8812
|
function parseProps(s) {
|
|
@@ -8910,10 +8910,10 @@ function definePropPanel(tag = 'usa-prop-panel') {
|
|
|
8910
8910
|
}
|
|
8911
8911
|
}
|
|
8912
8912
|
return UsaPropPanel;
|
|
8913
|
-
}, { id: 'prop-panel', text: css$
|
|
8913
|
+
}, { id: 'prop-panel', text: css$p });
|
|
8914
8914
|
}
|
|
8915
8915
|
|
|
8916
|
-
var css$
|
|
8916
|
+
var css$o = "usa-motion{display:block}";
|
|
8917
8917
|
|
|
8918
8918
|
function defineMotion(tag = 'usa-motion') {
|
|
8919
8919
|
return defineElement(tag, (Base) => {
|
|
@@ -8940,10 +8940,10 @@ function defineMotion(tag = 'usa-motion') {
|
|
|
8940
8940
|
}
|
|
8941
8941
|
}
|
|
8942
8942
|
return UsaMotion;
|
|
8943
|
-
}, { id: 'motion', text: css$
|
|
8943
|
+
}, { id: 'motion', text: css$o });
|
|
8944
8944
|
}
|
|
8945
8945
|
|
|
8946
|
-
var css$
|
|
8946
|
+
var css$n = "usa-plugin-store{display:block;max-width:100%;font:14px/1.4 system-ui,sans-serif;color:#0f172a}usa-plugin-store .usa-ps-q{width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}usa-plugin-store .usa-ps-q:focus-visible{outline:2px solid #6366f1;outline-offset:1px}usa-plugin-store .usa-ps-count{margin:6px 2px;font-size:12px;color:#64748b}usa-plugin-store .usa-ps-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:10px;margin:0;padding:0;list-style:none}usa-plugin-store .usa-ps-card{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid rgba(15,23,42,.1);border-radius:12px;background:#fff;box-shadow:0 6px 16px -12px rgba(15,23,42,.4);min-width:0}usa-plugin-store .usa-ps-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}usa-plugin-store .usa-ps-head small{margin-left:auto;color:#94a3b8;font-size:11px}usa-plugin-store .usa-ps-badge{padding:1px 6px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:600}usa-plugin-store .usa-ps-card p{margin:0;color:#475569;font-size:13px}usa-plugin-store .usa-ps-fx{display:flex;flex-wrap:wrap;gap:4px}usa-plugin-store .usa-ps-fx code{padding:1px 6px;border-radius:6px;background:#f1f5f9;font-size:11px}usa-plugin-store .usa-ps-install{transition:opacity .3s,background-color .3s;align-self:flex-start;padding:6px 12px;border:0;border-radius:8px;background:#4f46e5;color:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}usa-plugin-store .usa-ps-install[data-done]{background:#16a34a;cursor:default}usa-plugin-store .usa-ps-install[data-busy]{opacity:.7}usa-plugin-store .usa-ps-install:focus-visible{outline:2px solid #6366f1;outline-offset:2px}";
|
|
8947
8947
|
|
|
8948
8948
|
const esc$2 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8949
8949
|
function definePluginStore(tag = 'usa-plugin-store') {
|
|
@@ -9029,10 +9029,10 @@ function definePluginStore(tag = 'usa-plugin-store') {
|
|
|
9029
9029
|
}
|
|
9030
9030
|
}
|
|
9031
9031
|
return UsaPluginStore;
|
|
9032
|
-
}, { id: 'plugin-store', text: css$
|
|
9032
|
+
}, { id: 'plugin-store', text: css$n });
|
|
9033
9033
|
}
|
|
9034
9034
|
|
|
9035
|
-
var css$
|
|
9035
|
+
var css$m = "usa-chapter-nav{display:block;max-width:100%;font:13px/1.3 system-ui,sans-serif;color:#0f172a}usa-chapter-nav .usa-cn-list{display:flex;gap:6px;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}usa-chapter-nav[data-orientation=vertical] .usa-cn-list{flex-direction:column;overflow:visible}usa-chapter-nav li{flex:1 1 0;min-width:84px}usa-chapter-nav .usa-cn-item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:4px 8px;width:100%;padding:8px 10px;border:0;border-radius:10px;background:rgba(15,23,42,.05);color:inherit;font:inherit;text-align:left;cursor:pointer}usa-chapter-nav .usa-cn-item[aria-current]{background:#eef2ff;color:#3730a3}usa-chapter-nav .usa-cn-item:focus-visible{outline:2px solid #6366f1;outline-offset:1px}usa-chapter-nav .usa-cn-num{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e2e8f0;font-weight:700;font-size:11px}usa-chapter-nav [aria-current] .usa-cn-num{background:#4f46e5;color:#fff}usa-chapter-nav .usa-cn-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}usa-chapter-nav .usa-cn-bar{grid-column:1/-1;height:3px;border-radius:2px;background:rgba(15,23,42,.1);overflow:hidden}usa-chapter-nav .usa-cn-bar i{display:block;height:100%;background:#4f46e5;transform:scaleX(var(--p,0));transform-origin:0 50%;transition:transform .15s linear}@media (prefers-reduced-motion:reduce){usa-chapter-nav .usa-cn-bar i{transition:none}}";
|
|
9036
9036
|
|
|
9037
9037
|
const esc$1 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
9038
9038
|
function defineChapterNav(tag = 'usa-chapter-nav') {
|
|
@@ -9106,10 +9106,10 @@ function defineChapterNav(tag = 'usa-chapter-nav') {
|
|
|
9106
9106
|
}
|
|
9107
9107
|
}
|
|
9108
9108
|
return UsaChapterNav;
|
|
9109
|
-
}, { id: 'chapter-nav', text: css$
|
|
9109
|
+
}, { id: 'chapter-nav', text: css$m });
|
|
9110
9110
|
}
|
|
9111
9111
|
|
|
9112
|
-
var css$
|
|
9112
|
+
var css$l = "usa-scene{position:relative;display:block;overflow:hidden;border-radius:14px;background:#000;color:#fff;isolation:isolate}usa-scene>.usa-scene-media{display:block;width:100%;height:100%;object-fit:cover;transform-origin:50% 50%;will-change:transform}usa-scene>[data-caption]{position:absolute;left:5%;right:5%;bottom:8%;margin:0;font:700 clamp(15px,2.4vw,24px)/1.25 system-ui,sans-serif;text-shadow:0 2px 12px rgba(0,0,0,.7);opacity:0;transform:translateY(10px);transition:opacity .6s,transform .6s}usa-scene>[data-caption][data-shown]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){usa-scene>[data-caption]{transition:none}}";
|
|
9113
9113
|
|
|
9114
9114
|
function defineScene(tag = 'usa-scene') {
|
|
9115
9115
|
return defineElement(tag, (Base) => {
|
|
@@ -9183,10 +9183,10 @@ function defineScene(tag = 'usa-scene') {
|
|
|
9183
9183
|
}
|
|
9184
9184
|
}
|
|
9185
9185
|
return UsaScene;
|
|
9186
|
-
}, { id: 'scene', text: css$
|
|
9186
|
+
}, { id: 'scene', text: css$l });
|
|
9187
9187
|
}
|
|
9188
9188
|
|
|
9189
|
-
var css$
|
|
9189
|
+
var css$k = "usa-lottie{display:inline-block;line-height:0;max-width:100%}usa-lottie .usa-lt-svg{max-width:100%;height:auto;overflow:visible}usa-lottie [data-layer]{transform-box:view-box;transform-origin:0 0}";
|
|
9190
9190
|
|
|
9191
9191
|
function defineLottie(tag = 'usa-lottie') {
|
|
9192
9192
|
return defineElement(tag, (Base) => {
|
|
@@ -9278,10 +9278,10 @@ function defineLottie(tag = 'usa-lottie') {
|
|
|
9278
9278
|
}
|
|
9279
9279
|
}
|
|
9280
9280
|
return UsaLottie;
|
|
9281
|
-
}, { id: 'lottie', text: css$
|
|
9281
|
+
}, { id: 'lottie', text: css$k });
|
|
9282
9282
|
}
|
|
9283
9283
|
|
|
9284
|
-
var css$
|
|
9284
|
+
var css$j = "usa-lottie-icon{display:inline-block;width:var(--usa-li-size,32px);height:var(--usa-li-size,32px);line-height:0;cursor:pointer;vertical-align:middle}usa-lottie-icon>usa-lottie,usa-lottie-icon .usa-lt-svg{width:100%;height:100%}";
|
|
9285
9285
|
|
|
9286
9286
|
const fill = (r, g, b) => ({ ty: 'fl', c: { k: [r, g, b, 1] } });
|
|
9287
9287
|
const sh = (v, c = true) => ({ ty: 'sh', ks: { k: { v, i: v.map(() => [0, 0]), o: v.map(() => [0, 0]), c } } });
|
|
@@ -9358,10 +9358,10 @@ function defineLottieIcon(tag = 'usa-lottie-icon') {
|
|
|
9358
9358
|
}
|
|
9359
9359
|
}
|
|
9360
9360
|
return UsaLottieIcon;
|
|
9361
|
-
}, { id: 'lottie-icon', text: css$
|
|
9361
|
+
}, { id: 'lottie-icon', text: css$j });
|
|
9362
9362
|
}
|
|
9363
9363
|
|
|
9364
|
-
var css$
|
|
9364
|
+
var css$i = "usa-gen-art{position:relative;display:block;min-height:120px;border-radius:12px;overflow:hidden;cursor:pointer;outline:none}usa-gen-art>canvas{display:block;width:100%;height:100%;position:absolute;inset:0}usa-gen-art:focus-visible{box-shadow:0 0 0 3px #6366f1}";
|
|
9365
9365
|
|
|
9366
9366
|
const ARTS = ['flow', 'circles', 'truchet', 'waves'];
|
|
9367
9367
|
function defineGenArt(tag = 'usa-gen-art') {
|
|
@@ -9541,10 +9541,10 @@ function defineGenArt(tag = 'usa-gen-art') {
|
|
|
9541
9541
|
}
|
|
9542
9542
|
}
|
|
9543
9543
|
return UsaGenArt;
|
|
9544
|
-
}, { id: 'gen-art', text: css$
|
|
9544
|
+
}, { id: 'gen-art', text: css$i });
|
|
9545
9545
|
}
|
|
9546
9546
|
|
|
9547
|
-
var css$
|
|
9547
|
+
var css$h = "usa-bg-generator{display:block;max-width:100%;font:13px/1.3 system-ui,sans-serif;color:#0f172a}usa-bg-generator .usa-bg-preview{height:120px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.1)}usa-bg-generator .usa-bg-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}usa-bg-generator label{display:inline-flex;gap:4px;align-items:center;font-weight:600}usa-bg-generator select,usa-bg-generator button{padding:5px 8px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font:inherit;cursor:pointer}usa-bg-generator .usa-bg-copy{background:#4f46e5;border-color:#4f46e5;color:#fff}usa-bg-generator .usa-bg-code{display:block;margin-top:6px;padding:6px 8px;border-radius:7px;background:#0f172a;color:#e2e8f0;font:11px/1.4 ui-monospace,monospace;white-space:nowrap;overflow-x:auto}";
|
|
9548
9548
|
|
|
9549
9549
|
const STYLES = ['mesh', 'grain', 'stripes', 'dots'];
|
|
9550
9550
|
const GRAIN = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E\")";
|
|
@@ -9631,10 +9631,10 @@ function defineBgGenerator(tag = 'usa-bg-generator') {
|
|
|
9631
9631
|
}
|
|
9632
9632
|
}
|
|
9633
9633
|
return UsaBgGenerator;
|
|
9634
|
-
}, { id: 'bg-generator', text: css$
|
|
9634
|
+
}, { id: 'bg-generator', text: css$h });
|
|
9635
9635
|
}
|
|
9636
9636
|
|
|
9637
|
-
var css$
|
|
9637
|
+
var css$g = "usa-video-card{position:relative;display:block;overflow:hidden;border-radius:14px;background:#0f172a;color:#fff;aspect-ratio:16/9;cursor:pointer;outline:none;isolation:isolate}usa-video-card>img,usa-video-card>video,usa-video-card>[data-poster]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 6s ease-out}usa-video-card>video{opacity:0;transition:opacity .35s}usa-video-card[data-previewing]:not([data-noplay])>video{opacity:1}usa-video-card[data-previewing][data-noplay]>img,usa-video-card[data-previewing][data-noplay]>[data-poster]{transform:scale(1.12) translate(-2%,-1%)}usa-video-card>:not([data-usa-part]):not(img):not(video):not([data-poster]){position:absolute;left:0;right:0;bottom:0;margin:0;padding:28px 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.7));font:700 14px/1.2 system-ui,sans-serif}usa-video-card .usa-vc-play{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(255,255,255,.9) url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7l9 5-9 5z' fill='%230f172a'/%3E%3C/svg%3E\") center/22px no-repeat;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:transform .3s,opacity .3s;z-index:1}usa-video-card[data-previewing] .usa-vc-play{transform:scale(.7);opacity:0}usa-video-card .usa-vc-time:not(:empty){position:absolute;right:8px;top:8px;padding:2px 6px;border-radius:5px;background:rgba(0,0,0,.65);font:600 11px/1.4 system-ui,sans-serif;z-index:1}usa-video-card .usa-vc-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.2);z-index:1}usa-video-card .usa-vc-bar i{display:block;height:100%;background:#ef4444;transform:scaleX(var(--p,0));transform-origin:0 50%}usa-video-card:focus-visible{box-shadow:0 0 0 3px #6366f1}@media (prefers-reduced-motion:reduce){usa-video-card *{transition:none!important}}";
|
|
9638
9638
|
|
|
9639
9639
|
const fmt$1 = (s) => (Number.isFinite(s) && s > 0 ? `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}` : '');
|
|
9640
9640
|
function defineVideoCard(tag = 'usa-video-card') {
|
|
@@ -9716,10 +9716,10 @@ function defineVideoCard(tag = 'usa-video-card') {
|
|
|
9716
9716
|
}
|
|
9717
9717
|
}
|
|
9718
9718
|
return UsaVideoCard;
|
|
9719
|
-
}, { id: 'video-card', text: css$
|
|
9719
|
+
}, { id: 'video-card', text: css$g });
|
|
9720
9720
|
}
|
|
9721
9721
|
|
|
9722
|
-
var css$
|
|
9722
|
+
var css$f = "usa-hero-video{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:260px;padding:24px;overflow:hidden;border-radius:16px;color:#fff;isolation:isolate}usa-hero-video>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;transition:opacity .8s}usa-hero-video[data-ready]:not([data-poster-only])>video{opacity:1}usa-hero-video .usa-hv-poster{position:absolute;inset:-4%;z-index:-3;background:linear-gradient(135deg,#1e1b4b,#7c3aed 45%,#f472b6) center/cover no-repeat}usa-hero-video>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}usa-hero-video[data-poster-only] .usa-hv-poster{animation:usa-hv-kb 18s ease-in-out infinite alternate}usa-hero-video .usa-hv-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.6))}usa-hero-video .usa-hv-toggle{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(0,0,0,.45) url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7 5h4v14H7zM13 5h4v14h-4z'/%3E%3C/svg%3E\") center/16px no-repeat;cursor:pointer}usa-hero-video[data-paused] .usa-hv-toggle{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5l11 7-11 7z'/%3E%3C/svg%3E\")}usa-hero-video .usa-hv-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}@keyframes usa-hv-kb{from{transform:scale(1)}to{transform:scale(1.08) translate(-2%,-1%)}}@media (prefers-reduced-motion:reduce){usa-hero-video .usa-hv-poster{animation:none!important}usa-hero-video>video{transition:none}}";
|
|
9723
9723
|
|
|
9724
9724
|
function defineHeroVideo(tag = 'usa-hero-video') {
|
|
9725
9725
|
return defineElement(tag, (Base) => {
|
|
@@ -9791,10 +9791,10 @@ function defineHeroVideo(tag = 'usa-hero-video') {
|
|
|
9791
9791
|
}
|
|
9792
9792
|
}
|
|
9793
9793
|
return UsaHeroVideo;
|
|
9794
|
-
}, { id: 'hero-video', text: css$
|
|
9794
|
+
}, { id: 'hero-video', text: css$f });
|
|
9795
9795
|
}
|
|
9796
9796
|
|
|
9797
|
-
var css$
|
|
9797
|
+
var css$e = "usa-motion-prefs{display:block;max-width:100%;font:13px/1.35 system-ui,sans-serif;color:#0f172a}usa-motion-prefs .usa-mp{display:grid;gap:10px;margin:0;padding:14px;border:1px solid rgba(15,23,42,.12);border-radius:14px;background:#fff}usa-motion-prefs fieldset{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;margin:0;padding:0;border:0}usa-motion-prefs legend{margin-bottom:6px;font-weight:700}usa-motion-prefs .usa-mp-level{display:flex;gap:6px;align-items:flex-start;padding:8px;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer}usa-motion-prefs .usa-mp-level:has(input:checked){border-color:#6366f1;background:#eef2ff}usa-motion-prefs .usa-mp-level span{display:flex;flex-direction:column}usa-motion-prefs small{color:#64748b}usa-motion-prefs .usa-mp-row{display:flex;gap:8px;align-items:center;font-weight:600}usa-motion-prefs input[type=range]{flex:1;min-width:0;accent-color:#4f46e5}usa-motion-prefs .usa-mp-sample{height:22px;border-radius:999px;background:#f1f5f9;padding:3px;overflow:hidden}usa-motion-prefs .usa-mp-sample i{display:block;width:16px;height:16px;border-radius:50%;background:#4f46e5}usa-motion-prefs .usa-mp-reset{justify-self:start;padding:5px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font:inherit;cursor:pointer}usa-motion-prefs :focus-visible{outline:2px solid #6366f1;outline-offset:2px}";
|
|
9798
9798
|
|
|
9799
9799
|
const LEVELS = [
|
|
9800
9800
|
['full', 'Full', 'All motion'],
|
|
@@ -9857,10 +9857,10 @@ function defineMotionPrefs(tag = 'usa-motion-prefs') {
|
|
|
9857
9857
|
}
|
|
9858
9858
|
}
|
|
9859
9859
|
return UsaMotionPrefs;
|
|
9860
|
-
}, { id: 'motion-prefs', text: css$
|
|
9860
|
+
}, { id: 'motion-prefs', text: css$e });
|
|
9861
9861
|
}
|
|
9862
9862
|
|
|
9863
|
-
var css$
|
|
9863
|
+
var css$d = "usa-pause-all{display:inline-block}usa-pause-all .usa-pa-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#0f172a;font:600 13px/1 system-ui,sans-serif;cursor:pointer}usa-pause-all .usa-pa-btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}usa-pause-all .usa-pa-icon{width:12px;height:12px;background:linear-gradient(90deg,currentColor 0 35%,transparent 35% 65%,currentColor 65%)}usa-pause-all[data-paused] .usa-pa-icon{background:currentColor;clip-path:polygon(10% 0,100% 50%,10% 100%)}[data-usa-paused] *,[data-usa-paused] *::before,[data-usa-paused] *::after{animation-play-state:paused!important}";
|
|
9864
9864
|
|
|
9865
9865
|
function definePauseAll(tag = 'usa-pause-all') {
|
|
9866
9866
|
return defineElement(tag, (Base) => {
|
|
@@ -9925,10 +9925,10 @@ function definePauseAll(tag = 'usa-pause-all') {
|
|
|
9925
9925
|
}
|
|
9926
9926
|
}
|
|
9927
9927
|
return UsaPauseAll;
|
|
9928
|
-
}, { id: 'pause-all', text: css$
|
|
9928
|
+
}, { id: 'pause-all', text: css$d });
|
|
9929
9929
|
}
|
|
9930
9930
|
|
|
9931
|
-
var css$
|
|
9931
|
+
var css$c = "usa-perf-monitor{position:fixed;z-index:2147483000;top:10px;right:10px;width:150px;border-radius:10px;background:rgba(15,23,42,.88);color:#e2e8f0;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 8px 24px -10px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}usa-perf-monitor[data-corner=top-left]{right:auto;left:10px}usa-perf-monitor[data-corner=bottom-right]{top:auto;bottom:10px}usa-perf-monitor[data-corner=bottom-left]{top:auto;right:auto;bottom:10px;left:10px}usa-perf-monitor[data-corner=inline]{position:relative;top:auto;right:auto;z-index:auto}usa-perf-monitor .usa-pm-head{display:block;width:100%;padding:6px 8px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}usa-perf-monitor .usa-pm-fps{font-size:16px;color:#4ade80;transition:color .3s}usa-perf-monitor[data-jank] .usa-pm-fps{color:#f87171}usa-perf-monitor .usa-pm-body{padding:0 8px 8px}usa-perf-monitor[collapsed] .usa-pm-body{display:none}usa-perf-monitor .usa-pm-spark{display:block;width:100%;height:22px}usa-perf-monitor .usa-pm-spark polyline{fill:none;stroke:#4ade80;stroke-width:1.5;vector-effect:non-scaling-stroke}usa-perf-monitor dl{display:grid;grid-template-columns:1fr auto;gap:1px 6px;margin:4px 0 0}usa-perf-monitor dt{color:#94a3b8}usa-perf-monitor dd{margin:0;text-align:right}usa-perf-monitor .usa-pm-head:focus-visible{outline:2px solid #818cf8;outline-offset:-2px}";
|
|
9932
9932
|
|
|
9933
9933
|
function definePerfMonitor(tag = 'usa-perf-monitor') {
|
|
9934
9934
|
return defineElement(tag, (Base) => {
|
|
@@ -9996,10 +9996,10 @@ function definePerfMonitor(tag = 'usa-perf-monitor') {
|
|
|
9996
9996
|
}
|
|
9997
9997
|
}
|
|
9998
9998
|
return UsaPerfMonitor;
|
|
9999
|
-
}, { id: 'perf-monitor', text: css$
|
|
9999
|
+
}, { id: 'perf-monitor', text: css$c });
|
|
10000
10000
|
}
|
|
10001
10001
|
|
|
10002
|
-
var css$
|
|
10002
|
+
var css$b = "usa-worker-canvas{position:relative;display:block;height:160px;border-radius:12px;overflow:hidden;background:#0f172a}usa-worker-canvas>canvas{display:block;width:100%;height:100%}";
|
|
10003
10003
|
|
|
10004
10004
|
const WORKER_SCENES = {
|
|
10005
10005
|
particles: `function (ctx, t, w, h, s) { if (!s.p) { s.p = Array.from({ length: 90 }, (_, i) => ({ x: (i * 97) % w, y: (i * 53) % h, vx: Math.cos(i) * 0.6, vy: Math.sin(i * 1.3) * 0.6, r: 1 + (i % 3) })); } ctx.fillStyle = 'rgba(15,23,42,0.25)'; ctx.fillRect(0, 0, w, h); for (const q of s.p) { q.x = (q.x + q.vx + w) % w; q.y = (q.y + q.vy + h) % h; ctx.beginPath(); ctx.arc(q.x, q.y, q.r, 0, 6.283); ctx.fillStyle = 'hsl(' + ((q.x / w) * 120 + 200) + ',90%,65%)'; ctx.fill(); } }`,
|
|
@@ -10046,10 +10046,10 @@ function defineWorkerCanvas(tag = 'usa-worker-canvas') {
|
|
|
10046
10046
|
}
|
|
10047
10047
|
}
|
|
10048
10048
|
return UsaWorkerCanvas;
|
|
10049
|
-
}, { id: 'worker-canvas', text: css$
|
|
10049
|
+
}, { id: 'worker-canvas', text: css$b });
|
|
10050
10050
|
}
|
|
10051
10051
|
|
|
10052
|
-
var css$
|
|
10052
|
+
var css$a = "usa-motion-spec{position:relative;display:block;max-width:100%;overflow-x:auto;padding:10px;border:1px solid rgba(15,23,42,.12);border-radius:12px;background:#fff;color:#0f172a;font:12px/1.35 system-ui,sans-serif}usa-motion-spec .usa-ms-bar-top{display:flex;gap:6px;align-items:center;margin-bottom:6px}usa-motion-spec .usa-ms-bar-top b{margin-right:auto}usa-motion-spec button{padding:4px 10px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}usa-motion-spec .usa-ms-play{background:#4f46e5;border-color:#4f46e5;color:#fff}usa-motion-spec table{width:100%;border-collapse:collapse}usa-motion-spec th,usa-motion-spec td{padding:5px 6px;border-top:1px solid #f1f5f9;text-align:left;vertical-align:middle}usa-motion-spec thead th{color:#64748b;font-weight:600;border-top:0}usa-motion-spec .usa-ms-trig{padding:1px 6px;border-radius:999px;background:#eef2ff;color:#4338ca;font-weight:700}usa-motion-spec .usa-ms-time{position:relative;min-width:110px}usa-motion-spec .usa-ms-bar{position:relative;display:block;height:8px;border-radius:4px;background:linear-gradient(90deg,#818cf8,#4f46e5);transform-origin:0 50%}usa-motion-spec small{display:block;color:#64748b}usa-motion-spec .usa-ms-curve{width:28px;height:28px;float:left;margin-right:4px}usa-motion-spec .usa-ms-curve path{fill:none;stroke:#4f46e5;stroke-width:2.5}usa-motion-spec .usa-ms-head{position:absolute;top:0;bottom:0;left:0;width:2px;background:#f43f5e;opacity:0;pointer-events:none}";
|
|
10053
10053
|
|
|
10054
10054
|
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
10055
10055
|
function defineMotionSpec(tag = 'usa-motion-spec') {
|
|
@@ -10108,10 +10108,10 @@ function defineMotionSpec(tag = 'usa-motion-spec') {
|
|
|
10108
10108
|
}
|
|
10109
10109
|
}
|
|
10110
10110
|
return UsaMotionSpec;
|
|
10111
|
-
}, { id: 'motion-spec', text: css$
|
|
10111
|
+
}, { id: 'motion-spec', text: css$a });
|
|
10112
10112
|
}
|
|
10113
10113
|
|
|
10114
|
-
var css$
|
|
10114
|
+
var css$9 = "usa-native-preview{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;max-width:100%;font:12px/1.4 system-ui,sans-serif}usa-native-preview .usa-np-device{position:relative;flex:none;width:150px;height:280px;padding:26px 8px 10px;border-radius:30px;background:#0f172a;box-shadow:0 14px 30px -16px rgba(15,23,42,.8);box-sizing:border-box}usa-native-preview[data-platform=android] .usa-np-device{border-radius:18px;padding-top:18px}usa-native-preview .usa-np-notch{position:absolute;top:8px;left:50%;width:52px;height:12px;margin-left:-26px;border-radius:8px;background:#000}usa-native-preview[data-platform=android] .usa-np-notch{width:8px;height:8px;margin-left:-4px;border-radius:50%;top:6px}usa-native-preview .usa-np-screen{display:flex;flex-direction:column;gap:8px;height:100%;padding:10px;border-radius:22px;background:#f8fafc;overflow:hidden;box-sizing:border-box}usa-native-preview[data-platform=android] .usa-np-screen{border-radius:10px}usa-native-preview .usa-np-side{flex:1 1 200px;min-width:0}usa-native-preview [role=tablist]{display:flex;gap:4px;flex-wrap:wrap}usa-native-preview [role=tablist] button{padding:4px 8px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font:600 11px/1 system-ui,sans-serif;cursor:pointer}usa-native-preview [aria-selected=true]{background:#0f172a!important;color:#fff;border-color:#0f172a!important}usa-native-preview .usa-np-replay{margin-left:auto;background:#4f46e5!important;color:#fff;border-color:#4f46e5!important}usa-native-preview .usa-np-code{margin:6px 0 0;padding:8px;max-height:230px;overflow:auto;border-radius:8px;background:#0f172a;color:#e2e8f0;font:10.5px/1.45 ui-monospace,monospace;white-space:pre}";
|
|
10115
10115
|
|
|
10116
10116
|
function defineNativePreview(tag = 'usa-native-preview') {
|
|
10117
10117
|
return defineElement(tag, (Base) => {
|
|
@@ -10176,7 +10176,7 @@ function defineNativePreview(tag = 'usa-native-preview') {
|
|
|
10176
10176
|
}
|
|
10177
10177
|
}
|
|
10178
10178
|
return UsaNativePreview;
|
|
10179
|
-
}, { id: 'native-preview', text: css$
|
|
10179
|
+
}, { id: 'native-preview', text: css$9 });
|
|
10180
10180
|
}
|
|
10181
10181
|
|
|
10182
10182
|
/**
|
|
@@ -10211,7 +10211,7 @@ function runtimeModule(host, id) {
|
|
|
10211
10211
|
}
|
|
10212
10212
|
}
|
|
10213
10213
|
|
|
10214
|
-
var css$
|
|
10214
|
+
var css$8 = "usa-plugin-card{display:block;max-width:100%;box-sizing:border-box;padding:14px;border-radius:16px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 26px -18px rgba(15,23,42,.55);color:#0f172a;font:13px/1.45 system-ui,sans-serif}usa-plugin-card .usa-pc-head{display:flex;align-items:center;gap:10px;min-width:0}usa-plugin-card .usa-pc-logo{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff;font:800 17px/1 system-ui,sans-serif}usa-plugin-card .usa-pc-meta{display:flex;flex-direction:column;min-width:0;flex:1}usa-plugin-card .usa-pc-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}usa-plugin-card .usa-pc-sub{color:#64748b;font-size:11.5px}usa-plugin-card .usa-pc-dl{flex:none;color:#475569;font:600 12px/1 ui-monospace,monospace}usa-plugin-card .usa-pc-badges{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 8px}usa-plugin-card .usa-pc-badge{padding:3px 8px;border-radius:999px;background:#f1f5f9;color:#334155;font:600 11px/1.3 system-ui,sans-serif}usa-plugin-card .usa-pc-compat[data-ok=true],usa-plugin-card .usa-pc-sig[data-state=ok]{background:#dcfce7;color:#166534}usa-plugin-card .usa-pc-compat[data-ok=false],usa-plugin-card .usa-pc-sig[data-state=bad]{background:#fee2e2;color:#991b1b}usa-plugin-card .usa-pc-more{padding:5px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font:600 12px/1 system-ui,sans-serif;cursor:pointer}usa-plugin-card .usa-pc-details{margin-top:8px;color:#334155}usa-plugin-card .usa-rt-missing{margin:0 0 8px;padding:8px;border-radius:8px;background:#fef2f2;color:#991b1b;font:11px/1.4 ui-monospace,monospace;overflow-wrap:anywhere}";
|
|
10215
10215
|
|
|
10216
10216
|
const fmt = (n) => (n >= 1e6 ? (n / 1e6).toFixed(1) + 'M' : n >= 1e3 ? (n / 1e3).toFixed(1) + 'k' : String(Math.round(n)));
|
|
10217
10217
|
function definePluginCard(tag = 'usa-plugin-card') {
|
|
@@ -10311,10 +10311,10 @@ function definePluginCard(tag = 'usa-plugin-card') {
|
|
|
10311
10311
|
}
|
|
10312
10312
|
}
|
|
10313
10313
|
return UsaPluginCard;
|
|
10314
|
-
}, { id: 'plugin-card', text: css$
|
|
10314
|
+
}, { id: 'plugin-card', text: css$8 });
|
|
10315
10315
|
}
|
|
10316
10316
|
|
|
10317
|
-
var css$
|
|
10317
|
+
var css$7 = "usa-install-button{display:inline-flex;flex-direction:column;gap:6px;max-width:100%;box-sizing:border-box;font:12px/1.4 system-ui,sans-serif}usa-install-button [role=tablist]{display:flex;flex-wrap:wrap;gap:4px}usa-install-button [role=tab]{padding:4px 9px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#334155;font:600 11px/1 system-ui,sans-serif;cursor:pointer}usa-install-button [role=tab][aria-selected=true]{background:#0f172a;border-color:#0f172a;color:#fff}usa-install-button .usa-ib-row{display:flex;align-items:stretch;min-width:0;border-radius:10px;background:#0f172a;color:#e2e8f0;overflow:hidden}usa-install-button code{flex:1;min-width:0;padding:9px 10px;font:12px/1.4 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}usa-install-button .usa-ib-copy{flex:none;position:relative;min-width:74px;padding:0 12px;border:0;background:#4f46e5;color:#fff;font:700 12px/1 system-ui,sans-serif;cursor:pointer}usa-install-button .usa-ib-copy[data-copied]{background:#16a34a}";
|
|
10318
10318
|
|
|
10319
10319
|
const MANAGERS = ['npm', 'pnpm', 'yarn', 'bun', 'cdn'];
|
|
10320
10320
|
function defineInstallButton(tag = 'usa-install-button') {
|
|
@@ -10393,10 +10393,10 @@ function defineInstallButton(tag = 'usa-install-button') {
|
|
|
10393
10393
|
}
|
|
10394
10394
|
}
|
|
10395
10395
|
return UsaInstallButton;
|
|
10396
|
-
}, { id: 'install-button', text: css$
|
|
10396
|
+
}, { id: 'install-button', text: css$7 });
|
|
10397
10397
|
}
|
|
10398
10398
|
|
|
10399
|
-
var css$
|
|
10399
|
+
var css$6 = "usa-scroll-scene{display:block;position:relative;max-width:100%;box-sizing:border-box}usa-scroll-scene [data-scrub]{will-change:transform,opacity}usa-scroll-scene .usa-rt-missing{margin:0 0 8px;padding:8px;border-radius:8px;background:#fef2f2;color:#991b1b;font:11px/1.4 ui-monospace,monospace;overflow-wrap:anywhere}";
|
|
10400
10400
|
|
|
10401
10401
|
/** 'opacity: 0 -> 1; x: -80 -> 0' → [{ from: { opacity: '0', x: '-80' }, to: {...} }] */
|
|
10402
10402
|
function parseScrub(spec) {
|
|
@@ -10480,10 +10480,10 @@ function defineScrollScene(tag = 'usa-scroll-scene') {
|
|
|
10480
10480
|
}
|
|
10481
10481
|
}
|
|
10482
10482
|
return UsaScrollScene;
|
|
10483
|
-
}, { id: 'scroll-scene', text: css$
|
|
10483
|
+
}, { id: 'scroll-scene', text: css$6 });
|
|
10484
10484
|
}
|
|
10485
10485
|
|
|
10486
|
-
var css = "usa-motion-inspector{display:block;max-width:100%;box-sizing:border-box;padding:10px;border-radius:14px;background:#0f172a;color:#e2e8f0;font:12px/1.4 system-ui,sans-serif}usa-motion-inspector .usa-mi-bar{display:flex;justify-content:space-between;gap:8px;align-items:baseline;flex-wrap:wrap}usa-motion-inspector .usa-mi-rt{color:#94a3b8;font:11px/1.2 ui-monospace,monospace}usa-motion-inspector .usa-mi-tools{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}usa-motion-inspector button{padding:4px 8px;border:1px solid #334155;border-radius:7px;background:#1e293b;color:#e2e8f0;font:600 11px/1 system-ui,sans-serif;cursor:pointer}usa-motion-inspector button[aria-pressed=true]{background:#6366f1;border-color:#6366f1}usa-motion-inspector .usa-mi-list{margin:0;padding:0;list-style:none;display:grid;gap:4px;max-height:180px;overflow:auto}usa-motion-inspector .usa-mi-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:5px 6px;border-radius:7px;background:#1e293b}usa-motion-inspector .usa-mi-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11px/1.3 ui-monospace,monospace}usa-motion-inspector .usa-mi-state{color:#a5b4fc;font-size:10.5px}usa-motion-inspector li[data-state=paused] .usa-mi-state{color:#fbbf24}usa-motion-inspector input[type=range]{grid-column:1/-1;width:100%;margin:0;accent-color:#818cf8}usa-motion-inspector .usa-mi-empty{display:block!important;color:#94a3b8}";
|
|
10486
|
+
var css$5 = "usa-motion-inspector{display:block;max-width:100%;box-sizing:border-box;padding:10px;border-radius:14px;background:#0f172a;color:#e2e8f0;font:12px/1.4 system-ui,sans-serif}usa-motion-inspector .usa-mi-bar{display:flex;justify-content:space-between;gap:8px;align-items:baseline;flex-wrap:wrap}usa-motion-inspector .usa-mi-rt{color:#94a3b8;font:11px/1.2 ui-monospace,monospace}usa-motion-inspector .usa-mi-tools{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}usa-motion-inspector button{padding:4px 8px;border:1px solid #334155;border-radius:7px;background:#1e293b;color:#e2e8f0;font:600 11px/1 system-ui,sans-serif;cursor:pointer}usa-motion-inspector button[aria-pressed=true]{background:#6366f1;border-color:#6366f1}usa-motion-inspector .usa-mi-list{margin:0;padding:0;list-style:none;display:grid;gap:4px;max-height:180px;overflow:auto}usa-motion-inspector .usa-mi-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:5px 6px;border-radius:7px;background:#1e293b}usa-motion-inspector .usa-mi-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11px/1.3 ui-monospace,monospace}usa-motion-inspector .usa-mi-state{color:#a5b4fc;font-size:10.5px}usa-motion-inspector li[data-state=paused] .usa-mi-state{color:#fbbf24}usa-motion-inspector input[type=range]{grid-column:1/-1;width:100%;margin:0;accent-color:#818cf8}usa-motion-inspector .usa-mi-empty{display:block!important;color:#94a3b8}";
|
|
10487
10487
|
|
|
10488
10488
|
const label = (a) => {
|
|
10489
10489
|
const t = a.effect?.target;
|
|
@@ -10592,7 +10592,554 @@ function defineMotionInspector(tag = 'usa-motion-inspector') {
|
|
|
10592
10592
|
}
|
|
10593
10593
|
}
|
|
10594
10594
|
return UsaMotionInspector;
|
|
10595
|
-
}, { id: 'motion-inspector', text: css });
|
|
10595
|
+
}, { id: 'motion-inspector', text: css$5 });
|
|
10596
|
+
}
|
|
10597
|
+
|
|
10598
|
+
var css$4 = "usa-route-transition{display:block;max-width:100%;box-sizing:border-box}usa-route-transition template{display:none}::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}";
|
|
10599
|
+
|
|
10600
|
+
const KF = {
|
|
10601
|
+
fade: [[{ opacity: 1 }, { opacity: 0 }], [{ opacity: 0 }, { opacity: 1 }]],
|
|
10602
|
+
slide: [[{ opacity: 1, transform: 'none' }, { opacity: 0, transform: 'translateX(-24px)' }], [{ opacity: 0, transform: 'translateX(24px)' }, { opacity: 1, transform: 'none' }]],
|
|
10603
|
+
zoom: [[{ opacity: 1, transform: 'none' }, { opacity: 0, transform: 'scale(.94)' }], [{ opacity: 0, transform: 'scale(1.04)' }, { opacity: 1, transform: 'none' }]],
|
|
10604
|
+
};
|
|
10605
|
+
let crossDocDone = false;
|
|
10606
|
+
function defineRouteTransition(tag = 'usa-route-transition') {
|
|
10607
|
+
return defineElement(tag, (Base) => {
|
|
10608
|
+
class UsaRouteTransition extends Base {
|
|
10609
|
+
constructor() {
|
|
10610
|
+
super(...arguments);
|
|
10611
|
+
this.cur = '';
|
|
10612
|
+
}
|
|
10613
|
+
static get observedAttributes() {
|
|
10614
|
+
return ['effect', 'engine', 'cross-document'];
|
|
10615
|
+
}
|
|
10616
|
+
get current() {
|
|
10617
|
+
return this.cur;
|
|
10618
|
+
}
|
|
10619
|
+
shared(root = this) {
|
|
10620
|
+
root.querySelectorAll('[data-shared]').forEach((el) => (el.style.viewTransitionName = `usa-${el.dataset.shared}`));
|
|
10621
|
+
}
|
|
10622
|
+
mount() {
|
|
10623
|
+
this.cur = this.str('current', typeof location !== 'undefined' ? location.pathname : '/');
|
|
10624
|
+
if (this.flag('cross-document') && !crossDocDone && typeof document !== 'undefined') {
|
|
10625
|
+
crossDocDone = true;
|
|
10626
|
+
const st = document.createElement('style');
|
|
10627
|
+
st.dataset.usaRoute = '';
|
|
10628
|
+
st.textContent = '@view-transition{navigation:auto}';
|
|
10629
|
+
document.head.appendChild(st);
|
|
10630
|
+
}
|
|
10631
|
+
this.shared();
|
|
10632
|
+
const scopeAll = this.str('links', 'inside') === 'document';
|
|
10633
|
+
const onClick = (e) => {
|
|
10634
|
+
const t = e.target;
|
|
10635
|
+
const btn = t.closest?.('[data-to]');
|
|
10636
|
+
if (btn && this.contains(btn)) {
|
|
10637
|
+
e.preventDefault();
|
|
10638
|
+
this.navigate(btn.dataset.to, { history: 'off' });
|
|
10639
|
+
return;
|
|
10640
|
+
}
|
|
10641
|
+
const a = t.closest?.('a[href]');
|
|
10642
|
+
if (!a || (!scopeAll && !this.contains(a)) || e.defaultPrevented || e.button || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey)
|
|
10643
|
+
return;
|
|
10644
|
+
if ((a.target && a.target !== '_self') || a.hasAttribute('download') || a.dataset.noRoute !== undefined)
|
|
10645
|
+
return;
|
|
10646
|
+
const u = new URL(a.href, location.href);
|
|
10647
|
+
if (u.origin !== location.origin || (u.pathname === location.pathname && u.hash))
|
|
10648
|
+
return;
|
|
10649
|
+
e.preventDefault();
|
|
10650
|
+
this.navigate(u.pathname + u.search);
|
|
10651
|
+
};
|
|
10652
|
+
this.listen(scopeAll ? document : this, 'click', onClick);
|
|
10653
|
+
this.listen(window, 'popstate', () => {
|
|
10654
|
+
if (this.str('history', 'push') !== 'off')
|
|
10655
|
+
this.navigate(location.pathname + location.search, { history: 'off' });
|
|
10656
|
+
});
|
|
10657
|
+
}
|
|
10658
|
+
async content(url) {
|
|
10659
|
+
const tpl = Array.from(this.querySelectorAll('template[data-route]')).find((t) => t.dataset.route === url);
|
|
10660
|
+
if (tpl)
|
|
10661
|
+
return { html: tpl.innerHTML };
|
|
10662
|
+
if (typeof fetch !== 'function')
|
|
10663
|
+
return null;
|
|
10664
|
+
const res = await fetch(url, { headers: { accept: 'text/html' } });
|
|
10665
|
+
if (!res.ok)
|
|
10666
|
+
return null;
|
|
10667
|
+
const doc = new DOMParser().parseFromString(await res.text(), 'text/html');
|
|
10668
|
+
const sel = this.str('selector') || (this.id ? `#${this.id}` : this.localName);
|
|
10669
|
+
const el = doc.querySelector(sel);
|
|
10670
|
+
return el ? { html: el.innerHTML, title: doc.title } : null;
|
|
10671
|
+
}
|
|
10672
|
+
async navigate(url, opts = {}) {
|
|
10673
|
+
if (!this.emit('navigate', { url, from: this.cur }))
|
|
10674
|
+
return false;
|
|
10675
|
+
const next = await this.content(url);
|
|
10676
|
+
if (!next) {
|
|
10677
|
+
if (!this.querySelector(`template[data-route="${url}"]`) && typeof location !== 'undefined' && /^\//.test(url) && opts.history !== 'off')
|
|
10678
|
+
location.assign(url);
|
|
10679
|
+
return false;
|
|
10680
|
+
}
|
|
10681
|
+
const templates = Array.from(this.querySelectorAll('template[data-route]'));
|
|
10682
|
+
const swap = () => {
|
|
10683
|
+
this.innerHTML = next.html;
|
|
10684
|
+
templates.forEach((t) => this.appendChild(t));
|
|
10685
|
+
this.shared();
|
|
10686
|
+
if (next.title)
|
|
10687
|
+
document.title = next.title;
|
|
10688
|
+
};
|
|
10689
|
+
const hist = opts.history || this.str('history', 'push');
|
|
10690
|
+
if (hist !== 'off' && typeof history !== 'undefined')
|
|
10691
|
+
history[hist === 'replace' ? 'replaceState' : 'pushState']({ usaRoute: url }, '', url);
|
|
10692
|
+
const engine = this.str('engine', 'auto');
|
|
10693
|
+
const fx = KF[this.str('effect', 'fade')] || KF.fade;
|
|
10694
|
+
const vt = document.startViewTransition;
|
|
10695
|
+
if (this.reduced)
|
|
10696
|
+
swap();
|
|
10697
|
+
else if (engine !== 'waapi' && typeof vt === 'function')
|
|
10698
|
+
await vt.call(document, swap).finished.catch(() => undefined);
|
|
10699
|
+
else {
|
|
10700
|
+
const out = this.motion(this, fx[0], { duration: 160, easing: 'ease-in', fill: 'forwards' });
|
|
10701
|
+
// never wait longer than the exit animation: `finished` can stall (background tabs, test DOMs, cancelled effects)
|
|
10702
|
+
if (out)
|
|
10703
|
+
await Promise.race([out.finished.catch(() => undefined), new Promise((r) => setTimeout(r, 200))]);
|
|
10704
|
+
swap();
|
|
10705
|
+
out?.cancel();
|
|
10706
|
+
this.motion(this, fx[1], { duration: 260, easing: 'cubic-bezier(.22,1,.36,1)' });
|
|
10707
|
+
}
|
|
10708
|
+
this.cur = url;
|
|
10709
|
+
this.emit('navigated', { url });
|
|
10710
|
+
return true;
|
|
10711
|
+
}
|
|
10712
|
+
}
|
|
10713
|
+
return UsaRouteTransition;
|
|
10714
|
+
}, { id: 'route-transition', text: css$4 });
|
|
10715
|
+
}
|
|
10716
|
+
|
|
10717
|
+
var css$3 = "usa-text-splitter{display:block;max-width:100%}usa-text-splitter .usa-split-word{white-space:nowrap}usa-text-splitter .usa-split-char,usa-text-splitter .usa-split-word,usa-text-splitter .usa-split-line{will-change:transform,opacity}usa-text-splitter .usa-rt-missing{margin:0 0 8px;padding:8px;border-radius:8px;background:#fef2f2;color:#991b1b;font:11px/1.4 ui-monospace,monospace;overflow-wrap:anywhere}";
|
|
10718
|
+
|
|
10719
|
+
const FROM = {
|
|
10720
|
+
rise: { y: '0.9em', opacity: 0 },
|
|
10721
|
+
fade: { opacity: 0 },
|
|
10722
|
+
blur: { opacity: 0, filter: 'blur(8px)', scale: 1.3 },
|
|
10723
|
+
flip: { rotate: -90, opacity: 0, y: '0.4em' },
|
|
10724
|
+
wave: { y: '-0.6em', opacity: 0, scale: 0.6 },
|
|
10725
|
+
};
|
|
10726
|
+
const TO = {
|
|
10727
|
+
rise: { y: '0em', opacity: 1 },
|
|
10728
|
+
fade: { opacity: 1 },
|
|
10729
|
+
blur: { opacity: 1, filter: 'blur(0px)', scale: 1 },
|
|
10730
|
+
flip: { rotate: 0, opacity: 1, y: '0em' },
|
|
10731
|
+
wave: { y: '0em', opacity: 1, scale: 1 },
|
|
10732
|
+
};
|
|
10733
|
+
function defineTextSplitter(tag = 'usa-text-splitter') {
|
|
10734
|
+
return defineElement(tag, (Base) => {
|
|
10735
|
+
class UsaTextSplitter extends Base {
|
|
10736
|
+
constructor() {
|
|
10737
|
+
super(...arguments);
|
|
10738
|
+
this.res = null;
|
|
10739
|
+
this.anim = null;
|
|
10740
|
+
}
|
|
10741
|
+
static get observedAttributes() {
|
|
10742
|
+
return ['split', 'effect', 'stagger', 'duration', 'loop', 'trigger'];
|
|
10743
|
+
}
|
|
10744
|
+
pieces() {
|
|
10745
|
+
const r = this.res;
|
|
10746
|
+
if (!r)
|
|
10747
|
+
return [];
|
|
10748
|
+
const by = this.str('split', 'chars');
|
|
10749
|
+
return by === 'lines' && r.lines.length ? r.lines : by === 'words' ? r.words : r.chars;
|
|
10750
|
+
}
|
|
10751
|
+
mount() {
|
|
10752
|
+
const tx = runtimeModule(this, 'text');
|
|
10753
|
+
if (!tx)
|
|
10754
|
+
return;
|
|
10755
|
+
const by = this.str('split', 'chars');
|
|
10756
|
+
this.res = tx.splitText(this, { type: by === 'lines' ? 'words,lines' : by === 'words' ? 'words' : 'chars,words' });
|
|
10757
|
+
this.emit('split', { count: this.pieces().length });
|
|
10758
|
+
this.onCleanup(() => {
|
|
10759
|
+
this.anim?.kill();
|
|
10760
|
+
this.res?.revert();
|
|
10761
|
+
this.res = null;
|
|
10762
|
+
});
|
|
10763
|
+
const trig = this.str('trigger', 'view');
|
|
10764
|
+
if (trig === 'load')
|
|
10765
|
+
this.replay();
|
|
10766
|
+
else if (trig === 'hover')
|
|
10767
|
+
this.listen(this, 'pointerenter', () => this.replay());
|
|
10768
|
+
else {
|
|
10769
|
+
this.pieces().forEach((p) => (p.style.opacity = this.reduced ? '' : '0'));
|
|
10770
|
+
this.inView((v) => v && !this.anim && this.replay());
|
|
10771
|
+
}
|
|
10772
|
+
if (this.flag('loop')) {
|
|
10773
|
+
const id = setInterval(() => this.replay(), Math.max(2500, this.num('duration', 600) + this.num('stagger', 30) * this.pieces().length + 1500));
|
|
10774
|
+
this.onCleanup(() => clearInterval(id));
|
|
10775
|
+
}
|
|
10776
|
+
}
|
|
10777
|
+
replay() {
|
|
10778
|
+
const pieces = this.pieces();
|
|
10779
|
+
if (!pieces.length)
|
|
10780
|
+
return;
|
|
10781
|
+
this.anim?.kill();
|
|
10782
|
+
if (this.reduced) {
|
|
10783
|
+
pieces.forEach((p) => (p.style.opacity = ''));
|
|
10784
|
+
this.emit('done');
|
|
10785
|
+
return;
|
|
10786
|
+
}
|
|
10787
|
+
const core = requireModule('core');
|
|
10788
|
+
const fx = FROM[this.str('effect', 'rise')] ? this.str('effect', 'rise') : 'rise';
|
|
10789
|
+
this.anim = core.tween(pieces, { from: FROM[fx], to: TO[fx], duration: this.num('duration', 600), stagger: this.num('stagger', 30), ease: fx === 'wave' ? 'back-out' : 'cubic-out', onComplete: () => this.emit('done') });
|
|
10790
|
+
}
|
|
10791
|
+
}
|
|
10792
|
+
return UsaTextSplitter;
|
|
10793
|
+
}, { id: 'text-splitter', text: css$3 });
|
|
10794
|
+
}
|
|
10795
|
+
|
|
10796
|
+
/**
|
|
10797
|
+
* 10.4 (scroll-driven 3.0): shared helpers for components that prefer the
|
|
10798
|
+
* browser's native scroll-driven animations (`animation-timeline: scroll()` /
|
|
10799
|
+
* `view()`) and fall back to a small JS scroll loop where they are missing.
|
|
10800
|
+
*/
|
|
10801
|
+
let uid = 0;
|
|
10802
|
+
/** A unique CSS dashed ident ('--usa-sd-3'). */
|
|
10803
|
+
const timelineName = (p = 'usa-sd') => `--${p}-${++uid}`;
|
|
10804
|
+
/** Native scroll / view timelines are available (`engine="auto"`). */
|
|
10805
|
+
function nativeScrollTimelines(kind = 'scroll') {
|
|
10806
|
+
return typeof CSS !== 'undefined' && typeof CSS.supports === 'function' && CSS.supports('animation-timeline', kind === 'view' ? 'view()' : 'scroll()');
|
|
10807
|
+
}
|
|
10808
|
+
/** The engine to use for `engine="auto | native | js"`. */
|
|
10809
|
+
function pickEngine(attr, kind = 'scroll') {
|
|
10810
|
+
if (attr === 'js')
|
|
10811
|
+
return 'js';
|
|
10812
|
+
if (attr === 'native')
|
|
10813
|
+
return nativeScrollTimelines(kind) ? 'native' : 'js';
|
|
10814
|
+
return nativeScrollTimelines(kind) ? 'native' : 'js';
|
|
10815
|
+
}
|
|
10816
|
+
/** Lowest common ancestor of two elements (for `timeline-scope`). */
|
|
10817
|
+
function commonAncestor(a, b) {
|
|
10818
|
+
for (let n = a; n; n = n.parentElement)
|
|
10819
|
+
if (n.contains(b))
|
|
10820
|
+
return n;
|
|
10821
|
+
return document.documentElement;
|
|
10822
|
+
}
|
|
10823
|
+
/** Scroll progress (0–1) of a scroller (window when `el` is the document scroller). */
|
|
10824
|
+
function scrollProgress(el, horizontal = false) {
|
|
10825
|
+
const isDoc = el === document.scrollingElement || el === document.documentElement || el === document.body;
|
|
10826
|
+
const s = isDoc ? (document.scrollingElement || document.documentElement) : el;
|
|
10827
|
+
const max = horizontal ? s.scrollWidth - s.clientWidth : s.scrollHeight - s.clientHeight;
|
|
10828
|
+
const pos = horizontal ? s.scrollLeft : s.scrollTop;
|
|
10829
|
+
return max > 0 ? Math.min(1, Math.max(0, pos / max)) : 0;
|
|
10830
|
+
}
|
|
10831
|
+
/** View progress (0–1) of an element crossing the viewport (0 = top edge enters at the bottom, 1 = bottom edge leaves at the top). */
|
|
10832
|
+
function viewProgress(el) {
|
|
10833
|
+
const r = el.getBoundingClientRect();
|
|
10834
|
+
const vh = (typeof innerHeight === 'number' && innerHeight) || document.documentElement.clientHeight || 1;
|
|
10835
|
+
return Math.min(1, Math.max(0, (vh - r.top) / (vh + r.height || 1)));
|
|
10836
|
+
}
|
|
10837
|
+
|
|
10838
|
+
var css$2 = "usa-scroll-ring{display:inline-block;width:var(--usa-ring-size,56px);height:var(--usa-ring-size,56px);color:var(--usa-ring-color,#6366f1);vertical-align:middle}usa-scroll-ring .usa-ring{all:unset;position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;cursor:default;box-sizing:border-box}usa-scroll-ring button.usa-ring{cursor:pointer;transition:transform .2s cubic-bezier(.22,1,.36,1)}usa-scroll-ring button.usa-ring:hover{transform:scale(1.06)}usa-scroll-ring button.usa-ring:focus-visible{outline:2px solid currentColor;outline-offset:3px}usa-scroll-ring svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}usa-scroll-ring .usa-ring-track{stroke:var(--usa-ring-track,rgba(99,102,241,.16))}usa-scroll-ring .usa-ring-bar{stroke:currentColor;stroke-linecap:round;transition:stroke .3s}usa-scroll-ring[data-complete] .usa-ring-bar{stroke:var(--usa-ring-done,#10b981)}usa-scroll-ring .usa-ring-label{position:relative;font:700 calc(var(--usa-ring-size,56px)*.24)/1 ui-sans-serif,system-ui,sans-serif;color:var(--usa-ring-text,#1e1b4b);font-variant-numeric:tabular-nums}@keyframes usa-ring-fill{from{stroke-dashoffset:var(--usa-ring-c)}to{stroke-dashoffset:0}}@supports (animation-timeline:scroll()){usa-scroll-ring .usa-ring-native{animation:usa-ring-fill linear both}}@media (prefers-reduced-motion:reduce){usa-scroll-ring button.usa-ring{transition:none}}";
|
|
10839
|
+
|
|
10840
|
+
const NS = 'http://www.w3.org/2000/svg';
|
|
10841
|
+
function defineScrollRing(tag = 'usa-scroll-ring') {
|
|
10842
|
+
return defineElement(tag, (Base) => {
|
|
10843
|
+
class UsaScrollRing extends Base {
|
|
10844
|
+
constructor() {
|
|
10845
|
+
super(...arguments);
|
|
10846
|
+
this.p = 0;
|
|
10847
|
+
this.eng = 'js';
|
|
10848
|
+
}
|
|
10849
|
+
static get observedAttributes() {
|
|
10850
|
+
return ['for', 'engine', 'label', 'back-to-top', 'size', 'thickness', 'horizontal', 'preview'];
|
|
10851
|
+
}
|
|
10852
|
+
get progress() {
|
|
10853
|
+
return this.p;
|
|
10854
|
+
}
|
|
10855
|
+
get engine() {
|
|
10856
|
+
return this.eng;
|
|
10857
|
+
}
|
|
10858
|
+
target() {
|
|
10859
|
+
const sel = this.str('for', 'page');
|
|
10860
|
+
if (sel === 'page')
|
|
10861
|
+
return document.scrollingElement || document.documentElement;
|
|
10862
|
+
return this.parentElement?.querySelector(sel) || document.querySelector(sel) || document.scrollingElement || document.documentElement;
|
|
10863
|
+
}
|
|
10864
|
+
mount() {
|
|
10865
|
+
const size = this.num('size', 56), th = this.num('thickness', 5), r = (size - th) / 2, C = 2 * Math.PI * r;
|
|
10866
|
+
this.style.setProperty('--usa-ring-size', size + 'px');
|
|
10867
|
+
this.style.setProperty('--usa-ring-c', String(C));
|
|
10868
|
+
const svg = document.createElementNS(NS, 'svg');
|
|
10869
|
+
svg.setAttribute('viewBox', `0 0 ${size} ${size}`);
|
|
10870
|
+
svg.setAttribute('aria-hidden', 'true');
|
|
10871
|
+
svg.innerHTML = `<circle class="usa-ring-track" cx="${size / 2}" cy="${size / 2}" r="${r}" stroke-width="${th}" fill="none"/><circle class="usa-ring-bar" cx="${size / 2}" cy="${size / 2}" r="${r}" stroke-width="${th}" fill="none" stroke-dasharray="${C}" stroke-dashoffset="${C}" transform="rotate(-90 ${size / 2} ${size / 2})"/>`;
|
|
10872
|
+
const bar = svg.lastElementChild;
|
|
10873
|
+
const label = document.createElement('span');
|
|
10874
|
+
label.className = 'usa-ring-label';
|
|
10875
|
+
label.setAttribute('aria-hidden', 'true');
|
|
10876
|
+
const host = this.flag('back-to-top') ? document.createElement('button') : document.createElement('span');
|
|
10877
|
+
host.className = 'usa-ring';
|
|
10878
|
+
if (host instanceof HTMLButtonElement) {
|
|
10879
|
+
host.type = 'button';
|
|
10880
|
+
host.setAttribute('aria-label', 'Back to top');
|
|
10881
|
+
}
|
|
10882
|
+
host.append(svg, ...(this.flag('label') ? [label] : []));
|
|
10883
|
+
this.replaceChildren(host);
|
|
10884
|
+
this.setAttribute('role', host instanceof HTMLButtonElement ? 'group' : 'progressbar');
|
|
10885
|
+
if (!(host instanceof HTMLButtonElement)) {
|
|
10886
|
+
this.setAttribute('aria-valuemin', '0');
|
|
10887
|
+
this.setAttribute('aria-valuemax', '100');
|
|
10888
|
+
this.setAttribute('aria-label', this.getAttribute('aria-label') || 'Scroll progress');
|
|
10889
|
+
}
|
|
10890
|
+
const tgt = this.target();
|
|
10891
|
+
const isDoc = tgt === document.scrollingElement || tgt === document.documentElement;
|
|
10892
|
+
const horiz = this.flag('horizontal');
|
|
10893
|
+
const scrollEv = isDoc ? window : tgt;
|
|
10894
|
+
this.eng = pickEngine(this.str('engine', 'auto'));
|
|
10895
|
+
this.dataset.engine = this.eng;
|
|
10896
|
+
if (this.eng === 'native') {
|
|
10897
|
+
const axis = horiz ? 'inline' : 'block';
|
|
10898
|
+
if (isDoc)
|
|
10899
|
+
bar.style.animationTimeline = `scroll(root ${axis})`;
|
|
10900
|
+
else {
|
|
10901
|
+
const name = timelineName('usa-ring');
|
|
10902
|
+
tgt.style.setProperty('scroll-timeline', `${name} ${axis}`);
|
|
10903
|
+
commonAncestor(this, tgt).style.setProperty('timeline-scope', name);
|
|
10904
|
+
bar.style.animationTimeline = name;
|
|
10905
|
+
this.onCleanup(() => {
|
|
10906
|
+
tgt.style.removeProperty('scroll-timeline');
|
|
10907
|
+
commonAncestor(this, tgt).style.removeProperty('timeline-scope');
|
|
10908
|
+
});
|
|
10909
|
+
}
|
|
10910
|
+
bar.classList.add('usa-ring-native');
|
|
10911
|
+
}
|
|
10912
|
+
let raf = 0, lastPct = -1;
|
|
10913
|
+
const update = () => {
|
|
10914
|
+
raf = 0;
|
|
10915
|
+
this.p = scrollProgress(tgt, horiz);
|
|
10916
|
+
const pct = Math.round(this.p * 100);
|
|
10917
|
+
if (this.eng === 'js')
|
|
10918
|
+
bar.setAttribute('stroke-dashoffset', String(C * (1 - this.p)));
|
|
10919
|
+
if (pct !== lastPct) {
|
|
10920
|
+
lastPct = pct;
|
|
10921
|
+
label.textContent = pct + '%';
|
|
10922
|
+
if (!(host instanceof HTMLButtonElement))
|
|
10923
|
+
this.setAttribute('aria-valuenow', String(pct));
|
|
10924
|
+
this.toggleAttribute('data-complete', pct >= 100);
|
|
10925
|
+
this.emit('progress', { progress: this.p, percent: pct });
|
|
10926
|
+
}
|
|
10927
|
+
};
|
|
10928
|
+
const onScroll = () => {
|
|
10929
|
+
if (!raf)
|
|
10930
|
+
raf = requestAnimationFrame(update);
|
|
10931
|
+
};
|
|
10932
|
+
this.listen(scrollEv, 'scroll', onScroll, { passive: true });
|
|
10933
|
+
this.listen(window, 'resize', onScroll, { passive: true });
|
|
10934
|
+
this.onCleanup(() => raf && cancelAnimationFrame(raf));
|
|
10935
|
+
update();
|
|
10936
|
+
if (host instanceof HTMLButtonElement)
|
|
10937
|
+
this.listen(host, 'click', () => {
|
|
10938
|
+
const opts = { [horiz ? 'left' : 'top']: 0, behavior: this.reduced ? 'auto' : 'smooth' };
|
|
10939
|
+
(isDoc ? window : tgt).scrollTo(opts);
|
|
10940
|
+
this.emit('top');
|
|
10941
|
+
});
|
|
10942
|
+
if (this.flag('preview') && !isDoc && !this.reduced) {
|
|
10943
|
+
let dir = 1, timer = null, user = false;
|
|
10944
|
+
const el = tgt;
|
|
10945
|
+
const glide = () => {
|
|
10946
|
+
if (user)
|
|
10947
|
+
return;
|
|
10948
|
+
const max = horiz ? el.scrollWidth - el.clientWidth : el.scrollHeight - el.clientHeight;
|
|
10949
|
+
el.scrollTo({ [horiz ? 'left' : 'top']: dir > 0 ? max : 0, behavior: 'smooth' });
|
|
10950
|
+
dir = -dir;
|
|
10951
|
+
timer = setTimeout(glide, 2200);
|
|
10952
|
+
};
|
|
10953
|
+
this.inView((v) => {
|
|
10954
|
+
if (timer)
|
|
10955
|
+
clearTimeout(timer);
|
|
10956
|
+
timer = v ? setTimeout(glide, 300) : null;
|
|
10957
|
+
});
|
|
10958
|
+
const stopDemo = () => (user = true);
|
|
10959
|
+
this.listen(el, 'wheel', stopDemo, { passive: true });
|
|
10960
|
+
this.listen(el, 'touchstart', stopDemo, { passive: true });
|
|
10961
|
+
this.onCleanup(() => timer && clearTimeout(timer));
|
|
10962
|
+
}
|
|
10963
|
+
}
|
|
10964
|
+
}
|
|
10965
|
+
return UsaScrollRing;
|
|
10966
|
+
}, { id: 'scroll-ring', text: css$2 });
|
|
10967
|
+
}
|
|
10968
|
+
|
|
10969
|
+
var css$1 = "usa-parallax-layers{position:relative;display:block;overflow:hidden;isolation:isolate}usa-parallax-layers [data-depth]{will-change:translate,transform;transition:transform .35s cubic-bezier(.22,1,.36,1)}@keyframes usa-plx-y{from{translate:0 calc(var(--usa-depth,0)*var(--usa-plx-range,120)*1px)}to{translate:0 calc(var(--usa-depth,0)*var(--usa-plx-range,120)*-1px)}}@keyframes usa-plx-x{from{translate:calc(var(--usa-depth,0)*var(--usa-plx-range,120)*1px) 0}to{translate:calc(var(--usa-depth,0)*var(--usa-plx-range,120)*-1px) 0}}@supports (animation-timeline:view()){usa-parallax-layers .usa-plx-native{animation:usa-plx-y linear both;animation-range:cover}usa-parallax-layers[data-horizontal] .usa-plx-native{animation-name:usa-plx-x}}@media (prefers-reduced-motion:reduce){usa-parallax-layers [data-depth]{transition:none;animation:none!important;translate:none!important}}";
|
|
10970
|
+
|
|
10971
|
+
function defineParallaxLayers(tag = 'usa-parallax-layers') {
|
|
10972
|
+
return defineElement(tag, (Base) => {
|
|
10973
|
+
class UsaParallaxLayers extends Base {
|
|
10974
|
+
constructor() {
|
|
10975
|
+
super(...arguments);
|
|
10976
|
+
this.p = 0;
|
|
10977
|
+
}
|
|
10978
|
+
static get observedAttributes() {
|
|
10979
|
+
return ['range', 'engine', 'horizontal', 'pointer', 'strength', 'preview'];
|
|
10980
|
+
}
|
|
10981
|
+
get progress() {
|
|
10982
|
+
return this.p;
|
|
10983
|
+
}
|
|
10984
|
+
layers() {
|
|
10985
|
+
return Array.from(this.querySelectorAll(':scope > [data-depth], :scope > * > [data-depth]'));
|
|
10986
|
+
}
|
|
10987
|
+
mount() {
|
|
10988
|
+
const layers = this.layers();
|
|
10989
|
+
const range = this.num('range', 120);
|
|
10990
|
+
const horiz = this.flag('horizontal');
|
|
10991
|
+
this.style.setProperty('--usa-plx-range', String(range));
|
|
10992
|
+
layers.forEach((l) => l.style.setProperty('--usa-depth', String(Number(l.dataset.depth) || 0)));
|
|
10993
|
+
this.toggleAttribute('data-horizontal', horiz);
|
|
10994
|
+
if (this.reduced) {
|
|
10995
|
+
this.dataset.engine = 'static';
|
|
10996
|
+
return;
|
|
10997
|
+
}
|
|
10998
|
+
const canScroll = document.documentElement.scrollHeight > innerHeight + 2;
|
|
10999
|
+
if (this.flag('preview') && !canScroll) {
|
|
11000
|
+
this.dataset.engine = 'preview';
|
|
11001
|
+
const anims = layers.map((l) => {
|
|
11002
|
+
const d = (Number(l.dataset.depth) || 0) * range;
|
|
11003
|
+
const t = (v) => (horiz ? `${v}px 0` : `0 ${v}px`);
|
|
11004
|
+
return this.motion(l, [{ translate: t(d) }, { translate: t(-d) }], { duration: 3200, iterations: Infinity, direction: 'alternate', easing: 'ease-in-out' });
|
|
11005
|
+
});
|
|
11006
|
+
this.onCleanup(() => anims.forEach((a) => a?.cancel()));
|
|
11007
|
+
}
|
|
11008
|
+
else {
|
|
11009
|
+
const eng = pickEngine(this.str('engine', 'auto'), 'view');
|
|
11010
|
+
this.dataset.engine = eng;
|
|
11011
|
+
if (eng === 'native') {
|
|
11012
|
+
const name = timelineName('usa-plx');
|
|
11013
|
+
this.style.setProperty('view-timeline', `${name} block`);
|
|
11014
|
+
layers.forEach((l) => {
|
|
11015
|
+
l.classList.add('usa-plx-native');
|
|
11016
|
+
l.style.animationTimeline = name;
|
|
11017
|
+
});
|
|
11018
|
+
this.onCleanup(() => layers.forEach((l) => l.classList.remove('usa-plx-native')));
|
|
11019
|
+
}
|
|
11020
|
+
let raf = 0;
|
|
11021
|
+
const update = () => {
|
|
11022
|
+
raf = 0;
|
|
11023
|
+
this.p = viewProgress(this);
|
|
11024
|
+
if (eng === 'js')
|
|
11025
|
+
layers.forEach((l) => {
|
|
11026
|
+
const v = (Number(l.dataset.depth) || 0) * range * (1 - 2 * this.p);
|
|
11027
|
+
l.style.translate = horiz ? `${v.toFixed(2)}px 0` : `0 ${v.toFixed(2)}px`;
|
|
11028
|
+
});
|
|
11029
|
+
this.emit('progress', { progress: this.p });
|
|
11030
|
+
};
|
|
11031
|
+
const onScroll = () => {
|
|
11032
|
+
if (!raf)
|
|
11033
|
+
raf = requestAnimationFrame(update);
|
|
11034
|
+
};
|
|
11035
|
+
let visible = false;
|
|
11036
|
+
this.inView((v) => {
|
|
11037
|
+
visible = v;
|
|
11038
|
+
if (v)
|
|
11039
|
+
onScroll();
|
|
11040
|
+
}, { rootMargin: '20% 0px' });
|
|
11041
|
+
this.listen(window, 'scroll', () => visible && onScroll(), { passive: true });
|
|
11042
|
+
this.listen(window, 'resize', onScroll, { passive: true });
|
|
11043
|
+
this.onCleanup(() => raf && cancelAnimationFrame(raf));
|
|
11044
|
+
update();
|
|
11045
|
+
}
|
|
11046
|
+
if (this.flag('pointer')) {
|
|
11047
|
+
const s = this.num('strength', 14);
|
|
11048
|
+
this.listen(this, 'pointermove', (e) => {
|
|
11049
|
+
const r = this.getBoundingClientRect();
|
|
11050
|
+
const dx = (e.clientX - r.left) / (r.width || 1) - 0.5, dy = (e.clientY - r.top) / (r.height || 1) - 0.5;
|
|
11051
|
+
layers.forEach((l) => {
|
|
11052
|
+
const d = Number(l.dataset.depth) || 0;
|
|
11053
|
+
l.style.transform = `translate(${(-dx * s * d * 2).toFixed(2)}px, ${(-dy * s * d * 2).toFixed(2)}px)`;
|
|
11054
|
+
});
|
|
11055
|
+
});
|
|
11056
|
+
this.listen(this, 'pointerleave', () => layers.forEach((l) => (l.style.transform = '')));
|
|
11057
|
+
}
|
|
11058
|
+
this.onCleanup(() => layers.forEach((l) => {
|
|
11059
|
+
l.style.translate = '';
|
|
11060
|
+
l.style.transform = '';
|
|
11061
|
+
l.style.animationTimeline = '';
|
|
11062
|
+
}));
|
|
11063
|
+
}
|
|
11064
|
+
}
|
|
11065
|
+
return UsaParallaxLayers;
|
|
11066
|
+
}, { id: 'parallax-layers', text: css$1 });
|
|
11067
|
+
}
|
|
11068
|
+
|
|
11069
|
+
var css = "usa-smooth-scroll{display:contents}usa-smooth-scroll[data-wrapper]{display:block;overflow:auto;overscroll-behavior:contain;max-height:100%;-webkit-overflow-scrolling:touch}usa-smooth-scroll[data-wrapper].usa-smooth{scroll-behavior:auto}html.usa-smooth{scroll-behavior:auto}usa-smooth-scroll .usa-rt-missing{margin:0 0 8px;padding:8px;border-radius:8px;background:#fef2f2;color:#991b1b;font:11px/1.4 ui-monospace,monospace;overflow-wrap:anywhere}";
|
|
11070
|
+
|
|
11071
|
+
function defineSmoothScroll(tag = 'usa-smooth-scroll') {
|
|
11072
|
+
return defineElement(tag, (Base) => {
|
|
11073
|
+
class UsaSmoothScroll extends Base {
|
|
11074
|
+
constructor() {
|
|
11075
|
+
super(...arguments);
|
|
11076
|
+
this.s = null;
|
|
11077
|
+
}
|
|
11078
|
+
static get observedAttributes() {
|
|
11079
|
+
return ['lerp', 'duration', 'ease', 'wheel-multiplier', 'horizontal', 'touch', 'anchors', 'offset', 'wrapper', 'preview'];
|
|
11080
|
+
}
|
|
11081
|
+
get instance() {
|
|
11082
|
+
return this.s;
|
|
11083
|
+
}
|
|
11084
|
+
mount() {
|
|
11085
|
+
const api = runtimeModule(this, 'smooth');
|
|
11086
|
+
if (!api)
|
|
11087
|
+
return;
|
|
11088
|
+
const wrapper = this.flag('wrapper');
|
|
11089
|
+
this.toggleAttribute('data-wrapper', wrapper);
|
|
11090
|
+
const anchors = this.getAttribute('anchors') === 'false' ? false : { offset: -this.num('offset', 0) }; // offset="64" stops 64 px above the target (sticky headers)
|
|
11091
|
+
const s = api.smoothScroll({
|
|
11092
|
+
wrapper: wrapper ? this : undefined,
|
|
11093
|
+
lerp: this.num('lerp', 0.1),
|
|
11094
|
+
duration: this.num('duration', 0) || undefined,
|
|
11095
|
+
ease: this.str('ease') || undefined,
|
|
11096
|
+
wheelMultiplier: this.num('wheel-multiplier', 1),
|
|
11097
|
+
orientation: this.flag('horizontal') ? 'horizontal' : 'vertical',
|
|
11098
|
+
touch: this.flag('touch'),
|
|
11099
|
+
anchors,
|
|
11100
|
+
onScroll: (x) => {
|
|
11101
|
+
this.style.setProperty('--usa-smooth-progress', x.progress.toFixed(4));
|
|
11102
|
+
this.emit('scroll', { progress: x.progress, velocity: x.velocity });
|
|
11103
|
+
},
|
|
11104
|
+
});
|
|
11105
|
+
this.s = s;
|
|
11106
|
+
this.dataset.active = String(s.active);
|
|
11107
|
+
this.onCleanup(() => {
|
|
11108
|
+
s.destroy();
|
|
11109
|
+
this.s = null;
|
|
11110
|
+
});
|
|
11111
|
+
this.emit('ready', { active: s.active });
|
|
11112
|
+
if (wrapper && this.flag('preview') && s.active) {
|
|
11113
|
+
let dir = 1, user = false, timer = null;
|
|
11114
|
+
const glide = () => {
|
|
11115
|
+
if (user)
|
|
11116
|
+
return;
|
|
11117
|
+
s.scrollTo(dir > 0 ? s.limit : 0, { duration: 1600 });
|
|
11118
|
+
dir = -dir;
|
|
11119
|
+
timer = setTimeout(glide, 2400);
|
|
11120
|
+
};
|
|
11121
|
+
this.inView((v) => {
|
|
11122
|
+
if (timer)
|
|
11123
|
+
clearTimeout(timer);
|
|
11124
|
+
timer = v ? setTimeout(glide, 300) : null;
|
|
11125
|
+
});
|
|
11126
|
+
this.listen(this, 'wheel', () => (user = true), { passive: true });
|
|
11127
|
+
this.listen(this, 'pointerdown', () => (user = true), { passive: true });
|
|
11128
|
+
this.onCleanup(() => timer && clearTimeout(timer));
|
|
11129
|
+
}
|
|
11130
|
+
}
|
|
11131
|
+
glideTo(target, opts = {}) {
|
|
11132
|
+
this.s?.scrollTo(target, opts);
|
|
11133
|
+
}
|
|
11134
|
+
stop() {
|
|
11135
|
+
this.s?.stop();
|
|
11136
|
+
}
|
|
11137
|
+
resume() {
|
|
11138
|
+
this.s?.resume();
|
|
11139
|
+
}
|
|
11140
|
+
}
|
|
11141
|
+
return UsaSmoothScroll;
|
|
11142
|
+
}, { id: 'smooth-scroll', text: css });
|
|
10596
11143
|
}
|
|
10597
11144
|
|
|
10598
11145
|
/**
|
|
@@ -10647,6 +11194,8 @@ const WIDGETS = {
|
|
|
10647
11194
|
'9.8': { 'usa-native-preview': defineNativePreview },
|
|
10648
11195
|
'10.1': { 'usa-plugin-card': definePluginCard, 'usa-install-button': defineInstallButton },
|
|
10649
11196
|
'10.2': { 'usa-scroll-scene': defineScrollScene, 'usa-motion-inspector': defineMotionInspector },
|
|
11197
|
+
'10.3': { 'usa-route-transition': defineRouteTransition, 'usa-text-splitter': defineTextSplitter },
|
|
11198
|
+
'10.4': { 'usa-scroll-ring': defineScrollRing, 'usa-parallax-layers': defineParallaxLayers, 'usa-smooth-scroll': defineSmoothScroll },
|
|
10650
11199
|
};
|
|
10651
11200
|
/** Every widget tag, in release order. */
|
|
10652
11201
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -10658,5 +11207,5 @@ function defineWidgets(release) {
|
|
|
10658
11207
|
fn(tag);
|
|
10659
11208
|
}
|
|
10660
11209
|
|
|
10661
|
-
export { CAROUSEL_EFFECTS, EQ_PRESETS, FESTIVAL_THEMES, LOTTIE_ICONS, MENU_EFFECTS, MODAL_EFFECTS, NAV_INDICATORS, PRESENCE_STATES, PROGRESS_VARIANTS, RETRO_VARIANTS, SEGMENTED_VARIANTS, SHEET_SIDES, SKELETON_VARIANTS, SPARK_VARIANTS, SWITCH_VARIANTS, TAB_INDICATORS, TIP_PLACEMENTS, TOAST_POSITIONS, TOGGLE_VARIANTS, WEATHER_CONDITIONS, WIDGETS, WIDGET_TAGS, WORKER_SCENES, backgroundCss, badgeProgress, cartTotal, defineAddToCart, defineBadgeWall, defineBarChart, defineBgGenerator, defineCarousel, defineCartDrawer, defineChapterNav, defineChatComposer, defineClockControl, defineCodeExport, defineColorPicker, defineCommandPalette, defineCompare, defineCountdown, defineCubeGallery, defineDatePicker, defineDisclosure, defineDock, defineEqualizer, defineFestivalBanner, defineField, defineFileDrop, defineGauge, defineGenArt, defineGestureSticker, defineGlobe, defineGyroCard, defineHeroVideo, defineHudPanel, defineHydrate, defineInstallButton, defineKanban, defineKeyframeEditor, defineKpi, defineLeaderboard, defineLiquidNav, defineLocationCard, defineLottie, defineLottieIcon, defineLyrics, defineMasonryFlow, defineMenu, defineMenuToggle, defineMessageList, defineMilestones, defineModal, defineMotion, defineMotionInspector, defineMotionPrefs, defineMotionSpec, defineMusicPlayer, defineNativePreview, defineNavMorph, defineNotificationBell, defineOdometer, defineOrganicCard, defineOtp, definePagination, definePanorama, definePauseAll, definePerfMonitor, definePluginCard, definePluginStore, definePresence, definePrizeWheel, defineProductGallery, defineProgressRing, definePropPanel, definePullCord, defineRadar, defineReactions, defineRedEnvelope, defineRetroButton, defineScene, defineScrollScene, defineSegmented, defineSheet, defineShortcut, defineSkeletonReveal, defineSketchChart, defineSparkline, defineSpatialCard, defineStarRating, defineStepper, defineStickyWall, defineStories, defineSuggestionChips, defineSwipeDeck, defineSwitch, defineTabBar, defineTerminal, defineThemeSurface, defineThemeSwitcher, defineTip, defineToastStack, defineUploadProgress, defineVideoCard, defineVoiceButton, defineVolumeKnob, defineWeatherCard, defineWidgets, defineWorkerCanvas, defineXpBar, describeComponent, exportComponent, formatBytes, formatDistance, fuzzyMatch, haversine, hexToHsv, hsvToHex, initials, keyLabels, levelFor, matchesKeys, monthGrid, pageWindow, parseChips, parseISODate, parseLRC, parseMarkers, parseProps, parseReactions, parseScrub, parseTargets, passwordStrength, project, rankRows, sanitizeCode, sparkPoints, splitTime, stackToast, waveBars, wheelAngle, wrapIndex };
|
|
11210
|
+
export { CAROUSEL_EFFECTS, EQ_PRESETS, FESTIVAL_THEMES, LOTTIE_ICONS, MENU_EFFECTS, MODAL_EFFECTS, NAV_INDICATORS, PRESENCE_STATES, PROGRESS_VARIANTS, RETRO_VARIANTS, SEGMENTED_VARIANTS, SHEET_SIDES, SKELETON_VARIANTS, SPARK_VARIANTS, SWITCH_VARIANTS, TAB_INDICATORS, TIP_PLACEMENTS, TOAST_POSITIONS, TOGGLE_VARIANTS, WEATHER_CONDITIONS, WIDGETS, WIDGET_TAGS, WORKER_SCENES, backgroundCss, badgeProgress, cartTotal, defineAddToCart, defineBadgeWall, defineBarChart, defineBgGenerator, defineCarousel, defineCartDrawer, defineChapterNav, defineChatComposer, defineClockControl, defineCodeExport, defineColorPicker, defineCommandPalette, defineCompare, defineCountdown, defineCubeGallery, defineDatePicker, defineDisclosure, defineDock, defineEqualizer, defineFestivalBanner, defineField, defineFileDrop, defineGauge, defineGenArt, defineGestureSticker, defineGlobe, defineGyroCard, defineHeroVideo, defineHudPanel, defineHydrate, defineInstallButton, defineKanban, defineKeyframeEditor, defineKpi, defineLeaderboard, defineLiquidNav, defineLocationCard, defineLottie, defineLottieIcon, defineLyrics, defineMasonryFlow, defineMenu, defineMenuToggle, defineMessageList, defineMilestones, defineModal, defineMotion, defineMotionInspector, defineMotionPrefs, defineMotionSpec, defineMusicPlayer, defineNativePreview, defineNavMorph, defineNotificationBell, defineOdometer, defineOrganicCard, defineOtp, definePagination, definePanorama, defineParallaxLayers, definePauseAll, definePerfMonitor, definePluginCard, definePluginStore, definePresence, definePrizeWheel, defineProductGallery, defineProgressRing, definePropPanel, definePullCord, defineRadar, defineReactions, defineRedEnvelope, defineRetroButton, defineRouteTransition, defineScene, defineScrollRing, defineScrollScene, defineSegmented, defineSheet, defineShortcut, defineSkeletonReveal, defineSketchChart, defineSmoothScroll, defineSparkline, defineSpatialCard, defineStarRating, defineStepper, defineStickyWall, defineStories, defineSuggestionChips, defineSwipeDeck, defineSwitch, defineTabBar, defineTerminal, defineTextSplitter, defineThemeSurface, defineThemeSwitcher, defineTip, defineToastStack, defineUploadProgress, defineVideoCard, defineVoiceButton, defineVolumeKnob, defineWeatherCard, defineWidgets, defineWorkerCanvas, defineXpBar, describeComponent, exportComponent, formatBytes, formatDistance, fuzzyMatch, haversine, hexToHsv, hsvToHex, initials, keyLabels, levelFor, matchesKeys, monthGrid, pageWindow, parseChips, parseISODate, parseLRC, parseMarkers, parseProps, parseReactions, parseScrub, parseTargets, passwordStrength, project, rankRows, sanitizeCode, sparkPoints, splitTime, stackToast, waveBars, wheelAngle, wrapIndex };
|
|
10662
11211
|
//# sourceMappingURL=widgets.js.map
|