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
|
@@ -22,7 +22,7 @@ var components_fxSafe = require('./fx-safe.cjs');
|
|
|
22
22
|
var components_fxPerf = require('./fx-perf.cjs');
|
|
23
23
|
var components_design = require('./design.cjs');
|
|
24
24
|
var components_native = require('./native.cjs');
|
|
25
|
-
var registry$1 = require('../chunks/registry-
|
|
25
|
+
var registry$1 = require('../chunks/registry-tzwKkldE.cjs');
|
|
26
26
|
require('../chunks/core-MQlXZKUG.cjs');
|
|
27
27
|
require('./tokens.cjs');
|
|
28
28
|
require('../chunks/fx-B_pbhpDp.cjs');
|
|
@@ -45,9 +45,9 @@ function part(tag, cls, attrs = {}, html = '') {
|
|
|
45
45
|
}
|
|
46
46
|
/** Remove the parts a previous mount created. */
|
|
47
47
|
const dropParts = (el) => el.querySelectorAll(':scope > [data-usa-part]').forEach((n) => n.remove());
|
|
48
|
-
let uid$
|
|
48
|
+
let uid$4 = 0;
|
|
49
49
|
/** A document-unique id with a prefix. */
|
|
50
|
-
const nextId = (p) => `${p}-${++uid$
|
|
50
|
+
const nextId = (p) => `${p}-${++uid$4}`;
|
|
51
51
|
/** Roving arrow-key focus over `items` (horizontal or vertical); returns the new index or -1. */
|
|
52
52
|
function arrowIndex(e, i, n, vertical = false) {
|
|
53
53
|
const prev = vertical ? 'ArrowUp' : 'ArrowLeft';
|
|
@@ -63,7 +63,7 @@ function arrowIndex(e, i, n, vertical = false) {
|
|
|
63
63
|
return -1;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
var css$
|
|
66
|
+
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}";
|
|
67
67
|
|
|
68
68
|
const CAROUSEL_EFFECTS = ['slide', 'fade', 'scale', 'cards'];
|
|
69
69
|
function defineCarousel(tag = 'usa-carousel') {
|
|
@@ -252,10 +252,10 @@ function defineCarousel(tag = 'usa-carousel') {
|
|
|
252
252
|
}
|
|
253
253
|
}
|
|
254
254
|
return UsaCarousel;
|
|
255
|
-
}, { id: 'carousel', text: css$
|
|
255
|
+
}, { id: 'carousel', text: css$1E });
|
|
256
256
|
}
|
|
257
257
|
|
|
258
|
-
var css$
|
|
258
|
+
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}";
|
|
259
259
|
|
|
260
260
|
const TAB_INDICATORS = ['pill', 'underline', 'glow', 'gooey'];
|
|
261
261
|
function defineTabBar(tag = 'usa-tab-bar') {
|
|
@@ -368,10 +368,10 @@ function defineTabBar(tag = 'usa-tab-bar') {
|
|
|
368
368
|
}
|
|
369
369
|
}
|
|
370
370
|
return UsaTabBar;
|
|
371
|
-
}, { id: 'tab-bar', text: css$
|
|
371
|
+
}, { id: 'tab-bar', text: css$1D });
|
|
372
372
|
}
|
|
373
373
|
|
|
374
|
-
var css$
|
|
374
|
+
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}}";
|
|
375
375
|
|
|
376
376
|
function defineDisclosure(tag = 'usa-disclosure') {
|
|
377
377
|
return base.defineElement(tag, (Base) => {
|
|
@@ -439,10 +439,10 @@ function defineDisclosure(tag = 'usa-disclosure') {
|
|
|
439
439
|
}
|
|
440
440
|
}
|
|
441
441
|
return UsaDisclosure;
|
|
442
|
-
}, { id: 'disclosure', text: css$
|
|
442
|
+
}, { id: 'disclosure', text: css$1C });
|
|
443
443
|
}
|
|
444
444
|
|
|
445
|
-
var css$
|
|
445
|
+
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}}";
|
|
446
446
|
|
|
447
447
|
function defineStories(tag = 'usa-stories') {
|
|
448
448
|
return base.defineElement(tag, (Base) => {
|
|
@@ -575,10 +575,10 @@ function defineStories(tag = 'usa-stories') {
|
|
|
575
575
|
}
|
|
576
576
|
}
|
|
577
577
|
return UsaStories;
|
|
578
|
-
}, { id: 'stories', text: css$
|
|
578
|
+
}, { id: 'stories', text: css$1B });
|
|
579
579
|
}
|
|
580
580
|
|
|
581
|
-
var css$
|
|
581
|
+
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)}}";
|
|
582
582
|
|
|
583
583
|
const MODAL_EFFECTS = ['scale', 'slide-up', 'flip', 'origin'];
|
|
584
584
|
const SHEET_SIDES = ['right', 'left', 'bottom', 'top'];
|
|
@@ -805,12 +805,12 @@ function defineOverlay(tag, kind) {
|
|
|
805
805
|
}
|
|
806
806
|
}
|
|
807
807
|
return UsaOverlay;
|
|
808
|
-
}, { id: 'overlay', text: css$
|
|
808
|
+
}, { id: 'overlay', text: css$1A });
|
|
809
809
|
}
|
|
810
810
|
const defineModal = (tag = 'usa-modal') => defineOverlay(tag, 'modal');
|
|
811
811
|
const defineSheet = (tag = 'usa-sheet') => defineOverlay(tag, 'sheet');
|
|
812
812
|
|
|
813
|
-
var css$
|
|
813
|
+
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}}";
|
|
814
814
|
|
|
815
815
|
const TOAST_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
|
|
816
816
|
const ICONS = { info: 'ℹ', success: '✓', warning: '!', error: '✕' };
|
|
@@ -981,7 +981,7 @@ function defineToastStack(tag = 'usa-toast-stack') {
|
|
|
981
981
|
}
|
|
982
982
|
}
|
|
983
983
|
return UsaToastStack;
|
|
984
|
-
}, { id: 'toast', text: css$
|
|
984
|
+
}, { id: 'toast', text: css$1z });
|
|
985
985
|
}
|
|
986
986
|
/** Show a toast on the first `<usa-toast-stack>` of the page (one is created when missing). */
|
|
987
987
|
function stackToast(input, stack) {
|
|
@@ -1009,7 +1009,7 @@ function installToastTriggers() {
|
|
|
1009
1009
|
});
|
|
1010
1010
|
}
|
|
1011
1011
|
|
|
1012
|
-
var css$
|
|
1012
|
+
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)}}";
|
|
1013
1013
|
|
|
1014
1014
|
const MENU_EFFECTS = ['scale', 'fold', 'slide'];
|
|
1015
1015
|
function defineMenu(tag = 'usa-menu') {
|
|
@@ -1148,13 +1148,13 @@ function defineMenu(tag = 'usa-menu') {
|
|
|
1148
1148
|
}
|
|
1149
1149
|
}
|
|
1150
1150
|
return UsaMenu;
|
|
1151
|
-
}, { id: 'menu', text: css$
|
|
1151
|
+
}, { id: 'menu', text: css$1y });
|
|
1152
1152
|
}
|
|
1153
1153
|
|
|
1154
|
-
var css$
|
|
1154
|
+
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}}";
|
|
1155
1155
|
|
|
1156
1156
|
const PROGRESS_VARIANTS = ['ring', 'bar', 'semi'];
|
|
1157
|
-
const NS = 'http://www.w3.org/2000/svg';
|
|
1157
|
+
const NS$1 = 'http://www.w3.org/2000/svg';
|
|
1158
1158
|
function defineProgressRing(tag = 'usa-progress-ring') {
|
|
1159
1159
|
return base.defineElement(tag, (Base) => {
|
|
1160
1160
|
class UsaProgressRing extends Base {
|
|
@@ -1208,7 +1208,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1208
1208
|
this._arc = fill;
|
|
1209
1209
|
}
|
|
1210
1210
|
else {
|
|
1211
|
-
const svg = document.createElementNS(NS, 'svg');
|
|
1211
|
+
const svg = document.createElementNS(NS$1, 'svg');
|
|
1212
1212
|
svg.setAttribute('data-usa-part', '');
|
|
1213
1213
|
svg.setAttribute('aria-hidden', 'true');
|
|
1214
1214
|
svg.setAttribute('class', 'usa-pr-svg');
|
|
@@ -1291,7 +1291,7 @@ function defineProgressRing(tag = 'usa-progress-ring') {
|
|
|
1291
1291
|
}
|
|
1292
1292
|
}
|
|
1293
1293
|
return UsaProgressRing;
|
|
1294
|
-
}, { id: 'meters', text: css$
|
|
1294
|
+
}, { id: 'meters', text: css$1x });
|
|
1295
1295
|
}
|
|
1296
1296
|
function defineOdometer(tag = 'usa-odometer') {
|
|
1297
1297
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1401,10 +1401,10 @@ function defineOdometer(tag = 'usa-odometer') {
|
|
|
1401
1401
|
}
|
|
1402
1402
|
}
|
|
1403
1403
|
return UsaOdometer;
|
|
1404
|
-
}, { id: 'meters', text: css$
|
|
1404
|
+
}, { id: 'meters', text: css$1x });
|
|
1405
1405
|
}
|
|
1406
1406
|
|
|
1407
|
-
var css$
|
|
1407
|
+
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}}";
|
|
1408
1408
|
|
|
1409
1409
|
const SKELETON_VARIANTS = ['wave', 'pulse', 'glow'];
|
|
1410
1410
|
function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
@@ -1519,10 +1519,10 @@ function defineSkeletonReveal(tag = 'usa-skeleton-reveal') {
|
|
|
1519
1519
|
}
|
|
1520
1520
|
}
|
|
1521
1521
|
return UsaSkeletonReveal;
|
|
1522
|
-
}, { id: 'skeleton-reveal', text: css$
|
|
1522
|
+
}, { id: 'skeleton-reveal', text: css$1w });
|
|
1523
1523
|
}
|
|
1524
1524
|
|
|
1525
|
-
var css$
|
|
1525
|
+
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}}";
|
|
1526
1526
|
|
|
1527
1527
|
const PATHS = {
|
|
1528
1528
|
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',
|
|
@@ -1659,10 +1659,10 @@ function defineStarRating(tag = 'usa-star-rating') {
|
|
|
1659
1659
|
}
|
|
1660
1660
|
UsaStarRating.formAssociated = true;
|
|
1661
1661
|
return UsaStarRating;
|
|
1662
|
-
}, { id: 'star-rating', text: css$
|
|
1662
|
+
}, { id: 'star-rating', text: css$1v });
|
|
1663
1663
|
}
|
|
1664
1664
|
|
|
1665
|
-
var css$
|
|
1665
|
+
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}}";
|
|
1666
1666
|
|
|
1667
1667
|
function defineMilestones(tag = 'usa-milestones') {
|
|
1668
1668
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1750,10 +1750,10 @@ function defineMilestones(tag = 'usa-milestones') {
|
|
|
1750
1750
|
}
|
|
1751
1751
|
}
|
|
1752
1752
|
return UsaMilestones;
|
|
1753
|
-
}, { id: 'milestones', text: css$
|
|
1753
|
+
}, { id: 'milestones', text: css$1u });
|
|
1754
1754
|
}
|
|
1755
1755
|
|
|
1756
|
-
var css$
|
|
1756
|
+
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}";
|
|
1757
1757
|
|
|
1758
1758
|
function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
1759
1759
|
return base.defineElement(tag, (Base) => {
|
|
@@ -1874,10 +1874,10 @@ function defineMasonryFlow(tag = 'usa-masonry-flow') {
|
|
|
1874
1874
|
}
|
|
1875
1875
|
}
|
|
1876
1876
|
return UsaMasonryFlow;
|
|
1877
|
-
}, { id: 'masonry-flow', text: css$
|
|
1877
|
+
}, { id: 'masonry-flow', text: css$1t });
|
|
1878
1878
|
}
|
|
1879
1879
|
|
|
1880
|
-
var css$
|
|
1880
|
+
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}";
|
|
1881
1881
|
|
|
1882
1882
|
function defineCompare(tag = 'usa-compare') {
|
|
1883
1883
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2001,10 +2001,10 @@ function defineCompare(tag = 'usa-compare') {
|
|
|
2001
2001
|
}
|
|
2002
2002
|
}
|
|
2003
2003
|
return UsaCompare;
|
|
2004
|
-
}, { id: 'compare', text: css$
|
|
2004
|
+
}, { id: 'compare', text: css$1s });
|
|
2005
2005
|
}
|
|
2006
2006
|
|
|
2007
|
-
var css$
|
|
2007
|
+
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}";
|
|
2008
2008
|
|
|
2009
2009
|
function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
2010
2010
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2137,10 +2137,10 @@ function defineCubeGallery(tag = 'usa-cube-gallery') {
|
|
|
2137
2137
|
}
|
|
2138
2138
|
}
|
|
2139
2139
|
return UsaCubeGallery;
|
|
2140
|
-
}, { id: 'cube-gallery', text: css$
|
|
2140
|
+
}, { id: 'cube-gallery', text: css$1r });
|
|
2141
2141
|
}
|
|
2142
2142
|
|
|
2143
|
-
var css$
|
|
2143
|
+
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}}";
|
|
2144
2144
|
|
|
2145
2145
|
function defineDock(tag = 'usa-dock') {
|
|
2146
2146
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2208,10 +2208,10 @@ function defineDock(tag = 'usa-dock') {
|
|
|
2208
2208
|
}
|
|
2209
2209
|
}
|
|
2210
2210
|
return UsaDock;
|
|
2211
|
-
}, { id: 'dock', text: css$
|
|
2211
|
+
}, { id: 'dock', text: css$1q });
|
|
2212
2212
|
}
|
|
2213
2213
|
|
|
2214
|
-
var css$
|
|
2214
|
+
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)}";
|
|
2215
2215
|
|
|
2216
2216
|
const NAV_INDICATORS = ['underline', 'pill', 'blob', 'dot'];
|
|
2217
2217
|
function defineNavMorph(tag = 'usa-nav-morph') {
|
|
@@ -2315,10 +2315,10 @@ function defineNavMorph(tag = 'usa-nav-morph') {
|
|
|
2315
2315
|
}
|
|
2316
2316
|
}
|
|
2317
2317
|
return UsaNavMorph;
|
|
2318
|
-
}, { id: 'nav-morph', text: css$
|
|
2318
|
+
}, { id: 'nav-morph', text: css$1p });
|
|
2319
2319
|
}
|
|
2320
2320
|
|
|
2321
|
-
var css$
|
|
2321
|
+
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}";
|
|
2322
2322
|
|
|
2323
2323
|
const TOGGLE_VARIANTS = ['cross', 'arrow', 'minus', 'plus-x'];
|
|
2324
2324
|
function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
@@ -2391,10 +2391,10 @@ function defineMenuToggle(tag = 'usa-menu-toggle') {
|
|
|
2391
2391
|
}
|
|
2392
2392
|
}
|
|
2393
2393
|
return UsaMenuToggle;
|
|
2394
|
-
}, { id: 'menu-toggle', text: css$
|
|
2394
|
+
}, { id: 'menu-toggle', text: css$1o });
|
|
2395
2395
|
}
|
|
2396
2396
|
|
|
2397
|
-
var css$
|
|
2397
|
+
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)}";
|
|
2398
2398
|
|
|
2399
2399
|
const TIP_PLACEMENTS = ['top', 'bottom', 'left', 'right'];
|
|
2400
2400
|
const FLIP = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
@@ -2526,10 +2526,10 @@ function defineTip(tag = 'usa-tip') {
|
|
|
2526
2526
|
}
|
|
2527
2527
|
}
|
|
2528
2528
|
return UsaTip;
|
|
2529
|
-
}, { id: 'tip', text: css$
|
|
2529
|
+
}, { id: 'tip', text: css$1n });
|
|
2530
2530
|
}
|
|
2531
2531
|
|
|
2532
|
-
var css$
|
|
2532
|
+
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}}";
|
|
2533
2533
|
|
|
2534
2534
|
function defineStepper(tag = 'usa-stepper') {
|
|
2535
2535
|
return base.defineElement(tag, (Base) => {
|
|
@@ -2626,10 +2626,10 @@ function defineStepper(tag = 'usa-stepper') {
|
|
|
2626
2626
|
}
|
|
2627
2627
|
}
|
|
2628
2628
|
return UsaStepper;
|
|
2629
|
-
}, { id: 'stepper', text: css$
|
|
2629
|
+
}, { id: 'stepper', text: css$1m });
|
|
2630
2630
|
}
|
|
2631
2631
|
|
|
2632
|
-
var css$
|
|
2632
|
+
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}}";
|
|
2633
2633
|
|
|
2634
2634
|
/** The visible page list: numbers and `'…'` gaps (1-based). */
|
|
2635
2635
|
function pageWindow(page, total, siblings = 1) {
|
|
@@ -2751,10 +2751,10 @@ function definePagination(tag = 'usa-pagination') {
|
|
|
2751
2751
|
}
|
|
2752
2752
|
}
|
|
2753
2753
|
return UsaPagination;
|
|
2754
|
-
}, { id: 'pagination', text: css$
|
|
2754
|
+
}, { id: 'pagination', text: css$1l });
|
|
2755
2755
|
}
|
|
2756
2756
|
|
|
2757
|
-
var css$
|
|
2757
|
+
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}}";
|
|
2758
2758
|
|
|
2759
2759
|
const SEGMENTED_VARIANTS = ['ios', 'pill', 'outline'];
|
|
2760
2760
|
function defineSegmented(tag = 'usa-segmented') {
|
|
@@ -2848,10 +2848,10 @@ function defineSegmented(tag = 'usa-segmented') {
|
|
|
2848
2848
|
}
|
|
2849
2849
|
}
|
|
2850
2850
|
return UsaSegmented;
|
|
2851
|
-
}, { id: 'segmented', text: css$
|
|
2851
|
+
}, { id: 'segmented', text: css$1k });
|
|
2852
2852
|
}
|
|
2853
2853
|
|
|
2854
|
-
var css$
|
|
2854
|
+
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}}";
|
|
2855
2855
|
|
|
2856
2856
|
const SWITCH_VARIANTS = ['ios', 'daynight', 'bounce', 'liquid'];
|
|
2857
2857
|
function defineSwitch(tag = 'usa-switch') {
|
|
@@ -2939,10 +2939,10 @@ function defineSwitch(tag = 'usa-switch') {
|
|
|
2939
2939
|
}
|
|
2940
2940
|
}
|
|
2941
2941
|
return UsaSwitch;
|
|
2942
|
-
}, { id: 'switch', text: css$
|
|
2942
|
+
}, { id: 'switch', text: css$1j });
|
|
2943
2943
|
}
|
|
2944
2944
|
|
|
2945
|
-
var css$
|
|
2945
|
+
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}}";
|
|
2946
2946
|
|
|
2947
2947
|
function defineKanban(tag = 'usa-kanban') {
|
|
2948
2948
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3147,10 +3147,10 @@ function defineKanban(tag = 'usa-kanban') {
|
|
|
3147
3147
|
}
|
|
3148
3148
|
}
|
|
3149
3149
|
return UsaKanban;
|
|
3150
|
-
}, { id: 'kanban', text: css$
|
|
3150
|
+
}, { id: 'kanban', text: css$1i });
|
|
3151
3151
|
}
|
|
3152
3152
|
|
|
3153
|
-
var css$
|
|
3153
|
+
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}}";
|
|
3154
3154
|
|
|
3155
3155
|
function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
3156
3156
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3292,10 +3292,10 @@ function defineSwipeDeck(tag = 'usa-swipe-deck') {
|
|
|
3292
3292
|
}
|
|
3293
3293
|
}
|
|
3294
3294
|
return UsaSwipeDeck;
|
|
3295
|
-
}, { id: 'swipe-deck', text: css$
|
|
3295
|
+
}, { id: 'swipe-deck', text: css$1h });
|
|
3296
3296
|
}
|
|
3297
3297
|
|
|
3298
|
-
var css$
|
|
3298
|
+
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}}";
|
|
3299
3299
|
|
|
3300
3300
|
const WEATHER_CONDITIONS = ['clear', 'cloudy', 'rain', 'snow', 'storm', 'fog', 'night'];
|
|
3301
3301
|
const LABEL = { clear: 'Clear', cloudy: 'Cloudy', rain: 'Rain', snow: 'Snow', storm: 'Thunderstorm', fog: 'Fog', night: 'Clear night' };
|
|
@@ -3376,10 +3376,10 @@ function defineWeatherCard(tag = 'usa-weather-card') {
|
|
|
3376
3376
|
}
|
|
3377
3377
|
}
|
|
3378
3378
|
return UsaWeatherCard;
|
|
3379
|
-
}, { id: 'weather-card', text: css$
|
|
3379
|
+
}, { id: 'weather-card', text: css$1g });
|
|
3380
3380
|
}
|
|
3381
3381
|
|
|
3382
|
-
var css$
|
|
3382
|
+
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}}";
|
|
3383
3383
|
|
|
3384
3384
|
function definePullCord(tag = 'usa-pull-cord') {
|
|
3385
3385
|
return base.defineElement(tag, (Base) => {
|
|
@@ -3508,10 +3508,10 @@ function definePullCord(tag = 'usa-pull-cord') {
|
|
|
3508
3508
|
}
|
|
3509
3509
|
}
|
|
3510
3510
|
return UsaPullCord;
|
|
3511
|
-
}, { id: 'pull-cord', text: css$
|
|
3511
|
+
}, { id: 'pull-cord', text: css$1f });
|
|
3512
3512
|
}
|
|
3513
3513
|
|
|
3514
|
-
var css$
|
|
3514
|
+
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}}";
|
|
3515
3515
|
|
|
3516
3516
|
const iso = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
|
|
3517
3517
|
/** Parse `YYYY-MM-DD` as a local date (or null). */
|
|
@@ -3660,10 +3660,10 @@ function defineDatePicker(tag = 'usa-date-picker') {
|
|
|
3660
3660
|
}
|
|
3661
3661
|
}
|
|
3662
3662
|
return UsaDatePicker;
|
|
3663
|
-
}, { id: 'date-picker', text: css$
|
|
3663
|
+
}, { id: 'date-picker', text: css$1e });
|
|
3664
3664
|
}
|
|
3665
3665
|
|
|
3666
|
-
var css$
|
|
3666
|
+
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}}";
|
|
3667
3667
|
|
|
3668
3668
|
/** HSV (h 0–360, s / v 0–1) → `#rrggbb`. */
|
|
3669
3669
|
function hsvToHex(h, s, v) {
|
|
@@ -3783,10 +3783,10 @@ function defineColorPicker(tag = 'usa-color-picker') {
|
|
|
3783
3783
|
}
|
|
3784
3784
|
}
|
|
3785
3785
|
return UsaColorPicker;
|
|
3786
|
-
}, { id: 'color-picker', text: css$
|
|
3786
|
+
}, { id: 'color-picker', text: css$1d });
|
|
3787
3787
|
}
|
|
3788
3788
|
|
|
3789
|
-
var css$
|
|
3789
|
+
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}}";
|
|
3790
3790
|
|
|
3791
3791
|
const size = (n) => (n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`);
|
|
3792
3792
|
function defineFileDrop(tag = 'usa-file-drop') {
|
|
@@ -3887,10 +3887,10 @@ function defineFileDrop(tag = 'usa-file-drop') {
|
|
|
3887
3887
|
}
|
|
3888
3888
|
}
|
|
3889
3889
|
return UsaFileDrop;
|
|
3890
|
-
}, { id: 'file-drop', text: css$
|
|
3890
|
+
}, { id: 'file-drop', text: css$1c });
|
|
3891
3891
|
}
|
|
3892
3892
|
|
|
3893
|
-
var css$
|
|
3893
|
+
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}}";
|
|
3894
3894
|
|
|
3895
3895
|
const DEFAULT = {
|
|
3896
3896
|
format: player.ANIMATION_FORMAT,
|
|
@@ -4064,10 +4064,10 @@ function defineKeyframeEditor(tag = 'usa-keyframe-editor') {
|
|
|
4064
4064
|
}
|
|
4065
4065
|
}
|
|
4066
4066
|
return UsaKeyframeEditor;
|
|
4067
|
-
}, { id: 'keyframe-editor', text: css$
|
|
4067
|
+
}, { id: 'keyframe-editor', text: css$1b });
|
|
4068
4068
|
}
|
|
4069
4069
|
|
|
4070
|
-
var css$
|
|
4070
|
+
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}}";
|
|
4071
4071
|
|
|
4072
4072
|
const fmt$2 = (s) => `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}`;
|
|
4073
4073
|
function defineMusicPlayer(tag = 'usa-music-player') {
|
|
@@ -4228,10 +4228,10 @@ function defineMusicPlayer(tag = 'usa-music-player') {
|
|
|
4228
4228
|
}
|
|
4229
4229
|
}
|
|
4230
4230
|
return UsaMusicPlayer;
|
|
4231
|
-
}, { id: 'music-player', text: css$
|
|
4231
|
+
}, { id: 'music-player', text: css$1a });
|
|
4232
4232
|
}
|
|
4233
4233
|
|
|
4234
|
-
var css$
|
|
4234
|
+
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}}";
|
|
4235
4235
|
|
|
4236
4236
|
const ARC = 270;
|
|
4237
4237
|
function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
@@ -4322,10 +4322,10 @@ function defineVolumeKnob(tag = 'usa-volume-knob') {
|
|
|
4322
4322
|
}
|
|
4323
4323
|
}
|
|
4324
4324
|
return UsaVolumeKnob;
|
|
4325
|
-
}, { id: 'volume-knob', text: css$
|
|
4325
|
+
}, { id: 'volume-knob', text: css$19 });
|
|
4326
4326
|
}
|
|
4327
4327
|
|
|
4328
|
-
var css$
|
|
4328
|
+
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}}";
|
|
4329
4329
|
|
|
4330
4330
|
const EQ_PRESETS = {
|
|
4331
4331
|
flat: [0, 0, 0, 0, 0, 0, 0],
|
|
@@ -4423,10 +4423,10 @@ function defineEqualizer(tag = 'usa-equalizer') {
|
|
|
4423
4423
|
}
|
|
4424
4424
|
}
|
|
4425
4425
|
return UsaEqualizer;
|
|
4426
|
-
}, { id: 'equalizer', text: css$
|
|
4426
|
+
}, { id: 'equalizer', text: css$18 });
|
|
4427
4427
|
}
|
|
4428
4428
|
|
|
4429
|
-
var css$
|
|
4429
|
+
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}}";
|
|
4430
4430
|
|
|
4431
4431
|
/** Parse LRC text into sorted `{ t, text }` lines. */
|
|
4432
4432
|
function parseLRC(src) {
|
|
@@ -4538,10 +4538,10 @@ function defineLyrics(tag = 'usa-lyrics') {
|
|
|
4538
4538
|
}
|
|
4539
4539
|
}
|
|
4540
4540
|
return UsaLyrics;
|
|
4541
|
-
}, { id: 'lyrics', text: css$
|
|
4541
|
+
}, { id: 'lyrics', text: css$17 });
|
|
4542
4542
|
}
|
|
4543
4543
|
|
|
4544
|
-
var css$
|
|
4544
|
+
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}}";
|
|
4545
4545
|
|
|
4546
4546
|
function defineBarChart(tag = 'usa-bar-chart') {
|
|
4547
4547
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4635,10 +4635,10 @@ function defineBarChart(tag = 'usa-bar-chart') {
|
|
|
4635
4635
|
}
|
|
4636
4636
|
}
|
|
4637
4637
|
return UsaBarChart;
|
|
4638
|
-
}, { id: 'bar-chart', text: css$
|
|
4638
|
+
}, { id: 'bar-chart', text: css$16 });
|
|
4639
4639
|
}
|
|
4640
4640
|
|
|
4641
|
-
var css$
|
|
4641
|
+
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)}";
|
|
4642
4642
|
|
|
4643
4643
|
function defineGauge(tag = 'usa-gauge') {
|
|
4644
4644
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4723,10 +4723,10 @@ function defineGauge(tag = 'usa-gauge') {
|
|
|
4723
4723
|
}
|
|
4724
4724
|
}
|
|
4725
4725
|
return UsaGauge;
|
|
4726
|
-
}, { id: 'gauge', text: css$
|
|
4726
|
+
}, { id: 'gauge', text: css$15 });
|
|
4727
4727
|
}
|
|
4728
4728
|
|
|
4729
|
-
var css
|
|
4729
|
+
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}}";
|
|
4730
4730
|
|
|
4731
4731
|
const SPARK_VARIANTS = ['line', 'area', 'bars'];
|
|
4732
4732
|
/** Map values to SVG points in a w×h box (with padding). */
|
|
@@ -4849,7 +4849,7 @@ function defineSparkline(tag = 'usa-sparkline') {
|
|
|
4849
4849
|
}
|
|
4850
4850
|
}
|
|
4851
4851
|
return UsaSparkline;
|
|
4852
|
-
}, { id: 'sparkline', text: css
|
|
4852
|
+
}, { id: 'sparkline', text: css$14 });
|
|
4853
4853
|
}
|
|
4854
4854
|
|
|
4855
4855
|
/** Parse a figure like "$12.4k" / "−3.5%" / "1,204" → number + prefix / suffix / decimals (7.2). */
|
|
@@ -4862,7 +4862,7 @@ function parseFigureText(s) {
|
|
|
4862
4862
|
return Number.isFinite(n) ? { n, pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length } : null;
|
|
4863
4863
|
}
|
|
4864
4864
|
|
|
4865
|
-
var css$
|
|
4865
|
+
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}";
|
|
4866
4866
|
|
|
4867
4867
|
function defineKpi(tag = 'usa-kpi') {
|
|
4868
4868
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4942,10 +4942,10 @@ function defineKpi(tag = 'usa-kpi') {
|
|
|
4942
4942
|
}
|
|
4943
4943
|
}
|
|
4944
4944
|
return UsaKpi;
|
|
4945
|
-
}, { id: 'kpi', text: css$
|
|
4945
|
+
}, { id: 'kpi', text: css$13 });
|
|
4946
4946
|
}
|
|
4947
4947
|
|
|
4948
|
-
var css$
|
|
4948
|
+
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}}";
|
|
4949
4949
|
|
|
4950
4950
|
function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
4951
4951
|
return base.defineElement(tag, (Base) => {
|
|
@@ -4990,10 +4990,10 @@ function defineAddToCart(tag = 'usa-add-to-cart') {
|
|
|
4990
4990
|
}
|
|
4991
4991
|
}
|
|
4992
4992
|
return UsaAddToCart;
|
|
4993
|
-
}, { id: 'add-to-cart', text: css$
|
|
4993
|
+
}, { id: 'add-to-cart', text: css$12 });
|
|
4994
4994
|
}
|
|
4995
4995
|
|
|
4996
|
-
var css$
|
|
4996
|
+
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}";
|
|
4997
4997
|
|
|
4998
4998
|
/** Cart total (7.3). */
|
|
4999
4999
|
const cartTotal = (items) => Math.round(items.reduce((a, i) => a + (Number(i.price) || 0) * (i.qty || 1), 0) * 100) / 100;
|
|
@@ -5158,10 +5158,10 @@ function defineCartDrawer(tag = 'usa-cart-drawer') {
|
|
|
5158
5158
|
}
|
|
5159
5159
|
}
|
|
5160
5160
|
return UsaCartDrawer;
|
|
5161
|
-
}, { id: 'cart-drawer', text: css$
|
|
5161
|
+
}, { id: 'cart-drawer', text: css$11 });
|
|
5162
5162
|
}
|
|
5163
5163
|
|
|
5164
|
-
var css$
|
|
5164
|
+
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}}";
|
|
5165
5165
|
|
|
5166
5166
|
/** Wrap an index into 0..n-1 (7.3). */
|
|
5167
5167
|
const wrapIndex = (i, n) => (n ? ((i % n) + n) % n : 0);
|
|
@@ -5275,10 +5275,10 @@ function defineProductGallery(tag = 'usa-product-gallery') {
|
|
|
5275
5275
|
}
|
|
5276
5276
|
}
|
|
5277
5277
|
return UsaProductGallery;
|
|
5278
|
-
}, { id: 'product-gallery', text: css$
|
|
5278
|
+
}, { id: 'product-gallery', text: css$10 });
|
|
5279
5279
|
}
|
|
5280
5280
|
|
|
5281
|
-
var css
|
|
5281
|
+
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)}";
|
|
5282
5282
|
|
|
5283
5283
|
/** Split seconds into d/h/m/s (7.3). */
|
|
5284
5284
|
function splitTime(sec) {
|
|
@@ -5366,10 +5366,10 @@ function defineCountdown(tag = 'usa-countdown') {
|
|
|
5366
5366
|
}
|
|
5367
5367
|
}
|
|
5368
5368
|
return UsaCountdown;
|
|
5369
|
-
}, { id: 'countdown', text: css
|
|
5369
|
+
}, { id: 'countdown', text: css$$ });
|
|
5370
5370
|
}
|
|
5371
5371
|
|
|
5372
|
-
var css$
|
|
5372
|
+
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}}";
|
|
5373
5373
|
|
|
5374
5374
|
function defineMessageList(tag = 'usa-message-list') {
|
|
5375
5375
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5456,10 +5456,10 @@ function defineMessageList(tag = 'usa-message-list') {
|
|
|
5456
5456
|
}
|
|
5457
5457
|
}
|
|
5458
5458
|
return UsaMessageList;
|
|
5459
|
-
}, { id: 'message-list', text: css$
|
|
5459
|
+
}, { id: 'message-list', text: css$_ });
|
|
5460
5460
|
}
|
|
5461
5461
|
|
|
5462
|
-
var css$
|
|
5462
|
+
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}";
|
|
5463
5463
|
|
|
5464
5464
|
/** Parse "👍,❤️" + "3,1" into ordered [emoji, count] pairs (7.4). */
|
|
5465
5465
|
function parseReactions(emojis, counts = '') {
|
|
@@ -5561,10 +5561,10 @@ function defineReactions(tag = 'usa-reactions') {
|
|
|
5561
5561
|
}
|
|
5562
5562
|
}
|
|
5563
5563
|
return UsaReactions;
|
|
5564
|
-
}, { id: 'reactions', text: css$
|
|
5564
|
+
}, { id: 'reactions', text: css$Z });
|
|
5565
5565
|
}
|
|
5566
5566
|
|
|
5567
|
-
var css$
|
|
5567
|
+
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}";
|
|
5568
5568
|
|
|
5569
5569
|
function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
5570
5570
|
return base.defineElement(tag, (Base) => {
|
|
@@ -5659,10 +5659,10 @@ function defineNotificationBell(tag = 'usa-notification-bell') {
|
|
|
5659
5659
|
}
|
|
5660
5660
|
}
|
|
5661
5661
|
return UsaNotificationBell;
|
|
5662
|
-
}, { id: 'notification-bell', text: css$
|
|
5662
|
+
}, { id: 'notification-bell', text: css$Y });
|
|
5663
5663
|
}
|
|
5664
5664
|
|
|
5665
|
-
var css$
|
|
5665
|
+
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}}";
|
|
5666
5666
|
|
|
5667
5667
|
/** Presence states (7.4). */
|
|
5668
5668
|
const PRESENCE_STATES = ['online', 'away', 'busy', 'offline'];
|
|
@@ -5732,10 +5732,10 @@ function definePresence(tag = 'usa-presence') {
|
|
|
5732
5732
|
}
|
|
5733
5733
|
}
|
|
5734
5734
|
return UsaPresence;
|
|
5735
|
-
}, { id: 'presence', text: css$
|
|
5735
|
+
}, { id: 'presence', text: css$X });
|
|
5736
5736
|
}
|
|
5737
5737
|
|
|
5738
|
-
var css$
|
|
5738
|
+
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)}";
|
|
5739
5739
|
|
|
5740
5740
|
/** Sort rows by score desc, then name (7.5). */
|
|
5741
5741
|
const rankRows = (rows) => [...rows].sort((a, b) => b.score - a.score || a.name.localeCompare(b.name));
|
|
@@ -5844,10 +5844,10 @@ function defineLeaderboard(tag = 'usa-leaderboard') {
|
|
|
5844
5844
|
}
|
|
5845
5845
|
}
|
|
5846
5846
|
return UsaLeaderboard;
|
|
5847
|
-
}, { id: 'leaderboard', text: css$
|
|
5847
|
+
}, { id: 'leaderboard', text: css$W });
|
|
5848
5848
|
}
|
|
5849
5849
|
|
|
5850
|
-
var css$
|
|
5850
|
+
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)}";
|
|
5851
5851
|
|
|
5852
5852
|
/** Apply `gain` XP to (level, xp) with `per` XP per level (7.5). */
|
|
5853
5853
|
function levelFor(level, xp, gain, per = 100) {
|
|
@@ -5944,10 +5944,10 @@ function defineXpBar(tag = 'usa-xp-bar') {
|
|
|
5944
5944
|
}
|
|
5945
5945
|
}
|
|
5946
5946
|
return UsaXpBar;
|
|
5947
|
-
}, { id: 'xp-bar', text: css$
|
|
5947
|
+
}, { id: 'xp-bar', text: css$V });
|
|
5948
5948
|
}
|
|
5949
5949
|
|
|
5950
|
-
var css$
|
|
5950
|
+
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}}";
|
|
5951
5951
|
|
|
5952
5952
|
/** Unlocked / total counts for a badge list (7.5). */
|
|
5953
5953
|
const badgeProgress = (b) => ({ unlocked: b.filter((x) => !x.locked).length, total: b.length });
|
|
@@ -6014,10 +6014,10 @@ function defineBadgeWall(tag = 'usa-badge-wall') {
|
|
|
6014
6014
|
}
|
|
6015
6015
|
}
|
|
6016
6016
|
return UsaBadgeWall;
|
|
6017
|
-
}, { id: 'badge-wall', text: css$
|
|
6017
|
+
}, { id: 'badge-wall', text: css$U });
|
|
6018
6018
|
}
|
|
6019
6019
|
|
|
6020
|
-
var css$
|
|
6020
|
+
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)}";
|
|
6021
6021
|
|
|
6022
6022
|
/** Final wheel rotation (deg) that puts segment `index` of `count` under the top pointer after `turns` full turns (7.5). */
|
|
6023
6023
|
function wheelAngle(index, count, turns = 5) {
|
|
@@ -6097,10 +6097,10 @@ function definePrizeWheel(tag = 'usa-prize-wheel') {
|
|
|
6097
6097
|
}
|
|
6098
6098
|
}
|
|
6099
6099
|
return UsaPrizeWheel;
|
|
6100
|
-
}, { id: 'prize-wheel', text: css$
|
|
6100
|
+
}, { id: 'prize-wheel', text: css$T });
|
|
6101
6101
|
}
|
|
6102
6102
|
|
|
6103
|
-
var css$
|
|
6103
|
+
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}}";
|
|
6104
6104
|
|
|
6105
6105
|
const RAD = Math.PI / 180;
|
|
6106
6106
|
/** Orthographic projection on a unit sphere seen from longitude `lon0`, tilted by `tilt` degrees (7.6). */
|
|
@@ -6257,10 +6257,10 @@ function defineGlobe(tag = 'usa-globe') {
|
|
|
6257
6257
|
}
|
|
6258
6258
|
}
|
|
6259
6259
|
return UsaGlobe;
|
|
6260
|
-
}, { id: 'globe', text: css$
|
|
6260
|
+
}, { id: 'globe', text: css$S });
|
|
6261
6261
|
}
|
|
6262
6262
|
|
|
6263
|
-
var css$
|
|
6263
|
+
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}";
|
|
6264
6264
|
|
|
6265
6265
|
/** Great-circle distance in km between two lat/lon points (7.6). */
|
|
6266
6266
|
function haversine(lat1, lon1, lat2, lon2) {
|
|
@@ -6334,10 +6334,10 @@ function defineLocationCard(tag = 'usa-location-card') {
|
|
|
6334
6334
|
}
|
|
6335
6335
|
}
|
|
6336
6336
|
return UsaLocationCard;
|
|
6337
|
-
}, { id: 'location-card', text: css$
|
|
6337
|
+
}, { id: 'location-card', text: css$R });
|
|
6338
6338
|
}
|
|
6339
6339
|
|
|
6340
|
-
var css$
|
|
6340
|
+
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}}";
|
|
6341
6341
|
|
|
6342
6342
|
/** 0–4 password strength score with a label (7.7). */
|
|
6343
6343
|
function passwordStrength(pw) {
|
|
@@ -6360,14 +6360,14 @@ function passwordStrength(pw) {
|
|
|
6360
6360
|
return { score, label: ['Too short', 'Weak', 'Fair', 'Good', 'Strong'][score] };
|
|
6361
6361
|
}
|
|
6362
6362
|
const esc$f = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6363
|
-
let uid$
|
|
6363
|
+
let uid$3 = 0;
|
|
6364
6364
|
const PASS = ['type', 'name', 'required', 'pattern', 'minlength', 'maxlength', 'autocomplete', 'inputmode', 'placeholder'];
|
|
6365
6365
|
function defineField(tag = 'usa-field') {
|
|
6366
6366
|
return base.defineElement(tag, (Base) => {
|
|
6367
6367
|
class UsaField extends Base {
|
|
6368
6368
|
constructor() {
|
|
6369
6369
|
super(...arguments);
|
|
6370
|
-
this._id = `usa-fld-${++uid$
|
|
6370
|
+
this._id = `usa-fld-${++uid$3}`;
|
|
6371
6371
|
this._checking = false;
|
|
6372
6372
|
}
|
|
6373
6373
|
static get observedAttributes() {
|
|
@@ -6463,10 +6463,10 @@ function defineField(tag = 'usa-field') {
|
|
|
6463
6463
|
}
|
|
6464
6464
|
}
|
|
6465
6465
|
return UsaField;
|
|
6466
|
-
}, { id: 'field', text: css$
|
|
6466
|
+
}, { id: 'field', text: css$Q });
|
|
6467
6467
|
}
|
|
6468
6468
|
|
|
6469
|
-
var css$
|
|
6469
|
+
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}}";
|
|
6470
6470
|
|
|
6471
6471
|
/** Keep only the characters an OTP accepts (7.7). */
|
|
6472
6472
|
function sanitizeCode(s, mode = 'numeric') {
|
|
@@ -6597,10 +6597,10 @@ function defineOtp(tag = 'usa-otp') {
|
|
|
6597
6597
|
}
|
|
6598
6598
|
}
|
|
6599
6599
|
return UsaOtp;
|
|
6600
|
-
}, { id: 'otp', text: css$
|
|
6600
|
+
}, { id: 'otp', text: css$P });
|
|
6601
6601
|
}
|
|
6602
6602
|
|
|
6603
|
-
var css$
|
|
6603
|
+
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}}";
|
|
6604
6604
|
|
|
6605
6605
|
/** 1536 → "1.5 KB", 2_400_000 → "2.3 MB" (7.7). */
|
|
6606
6606
|
function formatBytes(n) {
|
|
@@ -6683,10 +6683,10 @@ function defineUploadProgress(tag = 'usa-upload-progress') {
|
|
|
6683
6683
|
}
|
|
6684
6684
|
}
|
|
6685
6685
|
return UsaUploadProgress;
|
|
6686
|
-
}, { id: 'upload-progress', text: css$
|
|
6686
|
+
}, { id: 'upload-progress', text: css$O });
|
|
6687
6687
|
}
|
|
6688
6688
|
|
|
6689
|
-
var css$
|
|
6689
|
+
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}}";
|
|
6690
6690
|
|
|
6691
6691
|
const esc$d = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
6692
6692
|
function defineChatComposer(tag = 'usa-chat-composer') {
|
|
@@ -6784,10 +6784,10 @@ function defineChatComposer(tag = 'usa-chat-composer') {
|
|
|
6784
6784
|
}
|
|
6785
6785
|
}
|
|
6786
6786
|
return UsaChatComposer;
|
|
6787
|
-
}, { id: 'chat-composer', text: css$
|
|
6787
|
+
}, { id: 'chat-composer', text: css$N });
|
|
6788
6788
|
}
|
|
6789
6789
|
|
|
6790
|
-
var css$
|
|
6790
|
+
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}}";
|
|
6791
6791
|
|
|
6792
6792
|
/** "a | b|c" → ["a", "b", "c"] (7.8). */
|
|
6793
6793
|
function parseChips(s) {
|
|
@@ -6872,10 +6872,10 @@ function defineSuggestionChips(tag = 'usa-suggestion-chips') {
|
|
|
6872
6872
|
}
|
|
6873
6873
|
}
|
|
6874
6874
|
return UsaSuggestionChips;
|
|
6875
|
-
}, { id: 'suggestion-chips', text: css$
|
|
6875
|
+
}, { id: 'suggestion-chips', text: css$M });
|
|
6876
6876
|
}
|
|
6877
6877
|
|
|
6878
|
-
var css$
|
|
6878
|
+
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}}";
|
|
6879
6879
|
|
|
6880
6880
|
/** Bar heights (0–1) for a level and a phase, centre bars tallest (7.8). */
|
|
6881
6881
|
function waveBars(level, n = 5, phase = 0) {
|
|
@@ -6947,10 +6947,10 @@ function defineVoiceButton(tag = 'usa-voice-button') {
|
|
|
6947
6947
|
}
|
|
6948
6948
|
}
|
|
6949
6949
|
return UsaVoiceButton;
|
|
6950
|
-
}, { id: 'voice-button', text: css$
|
|
6950
|
+
}, { id: 'voice-button', text: css$L });
|
|
6951
6951
|
}
|
|
6952
6952
|
|
|
6953
|
-
var css$
|
|
6953
|
+
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)}";
|
|
6954
6954
|
|
|
6955
6955
|
/**
|
|
6956
6956
|
* Fuzzy match: every query letter in order. Returns a score (higher is
|
|
@@ -7010,14 +7010,14 @@ function isApple() {
|
|
|
7010
7010
|
return typeof navigator !== 'undefined' && /Mac|iPhone|iPad|iPod/.test(navigator.userAgentData?.platform || navigator.platform || navigator.userAgent || '');
|
|
7011
7011
|
}
|
|
7012
7012
|
const esc$b = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7013
|
-
let uid$
|
|
7013
|
+
let uid$2 = 0;
|
|
7014
7014
|
function defineCommandPalette(tag = 'usa-command-palette') {
|
|
7015
7015
|
return base.defineElement(tag, (Base) => {
|
|
7016
7016
|
class UsaCommandPalette extends Base {
|
|
7017
7017
|
constructor() {
|
|
7018
7018
|
super(...arguments);
|
|
7019
7019
|
this._cmds = null;
|
|
7020
|
-
this._id = `usa-cp-${++uid$
|
|
7020
|
+
this._id = `usa-cp-${++uid$2}`;
|
|
7021
7021
|
this._active = 0;
|
|
7022
7022
|
this._shown = [];
|
|
7023
7023
|
this._opener = null;
|
|
@@ -7209,10 +7209,10 @@ function defineCommandPalette(tag = 'usa-command-palette') {
|
|
|
7209
7209
|
}
|
|
7210
7210
|
}
|
|
7211
7211
|
return UsaCommandPalette;
|
|
7212
|
-
}, { id: 'command-palette', text: css$
|
|
7212
|
+
}, { id: 'command-palette', text: css$K });
|
|
7213
7213
|
}
|
|
7214
7214
|
|
|
7215
|
-
var css$
|
|
7215
|
+
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}";
|
|
7216
7216
|
|
|
7217
7217
|
const SPOKEN = { '⌘': 'Command', '⇧': 'Shift', '⌥': 'Option', '⌃': 'Control', Ctrl: 'Control', '↵': 'Enter', '⇥': 'Tab', '⌫': 'Backspace' };
|
|
7218
7218
|
const esc$a = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
@@ -7263,10 +7263,10 @@ function defineShortcut(tag = 'usa-shortcut') {
|
|
|
7263
7263
|
}
|
|
7264
7264
|
}
|
|
7265
7265
|
return UsaShortcut;
|
|
7266
|
-
}, { id: 'shortcut', text: css$
|
|
7266
|
+
}, { id: 'shortcut', text: css$J });
|
|
7267
7267
|
}
|
|
7268
7268
|
|
|
7269
|
-
var css$
|
|
7269
|
+
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}}";
|
|
7270
7270
|
|
|
7271
7271
|
function defineClockControl(tag = 'usa-clock-control') {
|
|
7272
7272
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7325,10 +7325,10 @@ function defineClockControl(tag = 'usa-clock-control') {
|
|
|
7325
7325
|
}
|
|
7326
7326
|
}
|
|
7327
7327
|
return UsaClockControl;
|
|
7328
|
-
}, { id: 'clock-control', text: css$
|
|
7328
|
+
}, { id: 'clock-control', text: css$I });
|
|
7329
7329
|
}
|
|
7330
7330
|
|
|
7331
|
-
var css$
|
|
7331
|
+
var css$H = "usa-hydrate{display:block}";
|
|
7332
7332
|
|
|
7333
7333
|
function defineHydrate(tag = 'usa-hydrate') {
|
|
7334
7334
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7364,10 +7364,10 @@ function defineHydrate(tag = 'usa-hydrate') {
|
|
|
7364
7364
|
}
|
|
7365
7365
|
}
|
|
7366
7366
|
return UsaHydrate;
|
|
7367
|
-
}, { id: 'hydrate', text: css$
|
|
7367
|
+
}, { id: 'hydrate', text: css$H });
|
|
7368
7368
|
}
|
|
7369
7369
|
|
|
7370
|
-
var css$
|
|
7370
|
+
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}}";
|
|
7371
7371
|
|
|
7372
7372
|
const esc$9 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7373
7373
|
function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
@@ -7431,10 +7431,10 @@ function defineRedEnvelope(tag = 'usa-red-envelope') {
|
|
|
7431
7431
|
}
|
|
7432
7432
|
}
|
|
7433
7433
|
return UsaRedEnvelope;
|
|
7434
|
-
}, { id: 'red-envelope', text: css$
|
|
7434
|
+
}, { id: 'red-envelope', text: css$G });
|
|
7435
7435
|
}
|
|
7436
7436
|
|
|
7437
|
-
var css$
|
|
7437
|
+
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}}";
|
|
7438
7438
|
|
|
7439
7439
|
const FESTIVAL_THEMES = ['lunar', 'xmas', 'halloween', 'fireworks'];
|
|
7440
7440
|
const SCENES = {
|
|
@@ -7482,10 +7482,10 @@ function defineFestivalBanner(tag = 'usa-festival-banner') {
|
|
|
7482
7482
|
}
|
|
7483
7483
|
}
|
|
7484
7484
|
return UsaFestivalBanner;
|
|
7485
|
-
}, { id: 'festival-banner', text: css$
|
|
7485
|
+
}, { id: 'festival-banner', text: css$F });
|
|
7486
7486
|
}
|
|
7487
7487
|
|
|
7488
|
-
var css$
|
|
7488
|
+
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}}";
|
|
7489
7489
|
|
|
7490
7490
|
const esc$8 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7491
7491
|
function defineTerminal(tag = 'usa-terminal') {
|
|
@@ -7596,10 +7596,10 @@ function defineTerminal(tag = 'usa-terminal') {
|
|
|
7596
7596
|
}
|
|
7597
7597
|
}
|
|
7598
7598
|
return UsaTerminal;
|
|
7599
|
-
}, { id: 'terminal', text: css$
|
|
7599
|
+
}, { id: 'terminal', text: css$E });
|
|
7600
7600
|
}
|
|
7601
7601
|
|
|
7602
|
-
var css$
|
|
7602
|
+
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}";
|
|
7603
7603
|
|
|
7604
7604
|
const RETRO_VARIANTS = ['pixel', 'crt', 'y2k', 'win95'];
|
|
7605
7605
|
function defineRetroButton(tag = 'usa-retro-button') {
|
|
@@ -7653,10 +7653,10 @@ function defineRetroButton(tag = 'usa-retro-button') {
|
|
|
7653
7653
|
}
|
|
7654
7654
|
}
|
|
7655
7655
|
return UsaRetroButton;
|
|
7656
|
-
}, { id: 'retro-button', text: css$
|
|
7656
|
+
}, { id: 'retro-button', text: css$D });
|
|
7657
7657
|
}
|
|
7658
7658
|
|
|
7659
|
-
var css$
|
|
7659
|
+
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)}";
|
|
7660
7660
|
|
|
7661
7661
|
function defineOrganicCard(tag = 'usa-organic-card') {
|
|
7662
7662
|
return base.defineElement(tag, (Base) => {
|
|
@@ -7695,19 +7695,19 @@ function defineOrganicCard(tag = 'usa-organic-card') {
|
|
|
7695
7695
|
}
|
|
7696
7696
|
}
|
|
7697
7697
|
return UsaOrganicCard;
|
|
7698
|
-
}, { id: 'organic-card', text: css$
|
|
7698
|
+
}, { id: 'organic-card', text: css$C });
|
|
7699
7699
|
}
|
|
7700
7700
|
|
|
7701
|
-
var css$
|
|
7701
|
+
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}";
|
|
7702
7702
|
|
|
7703
|
-
let uid = 0;
|
|
7703
|
+
let uid$1 = 0;
|
|
7704
7704
|
function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
7705
7705
|
return base.defineElement(tag, (Base) => {
|
|
7706
7706
|
class UsaLiquidNav extends Base {
|
|
7707
7707
|
constructor() {
|
|
7708
7708
|
super(...arguments);
|
|
7709
7709
|
this._i = 0;
|
|
7710
|
-
this._id = `usa-lq-${++uid}`;
|
|
7710
|
+
this._id = `usa-lq-${++uid$1}`;
|
|
7711
7711
|
}
|
|
7712
7712
|
static get observedAttributes() {
|
|
7713
7713
|
return ['label'];
|
|
@@ -7779,10 +7779,10 @@ function defineLiquidNav(tag = 'usa-liquid-nav') {
|
|
|
7779
7779
|
}
|
|
7780
7780
|
}
|
|
7781
7781
|
return UsaLiquidNav;
|
|
7782
|
-
}, { id: 'liquid-nav', text: css$
|
|
7782
|
+
}, { id: 'liquid-nav', text: css$B });
|
|
7783
7783
|
}
|
|
7784
7784
|
|
|
7785
|
-
var css$
|
|
7785
|
+
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}}";
|
|
7786
7786
|
|
|
7787
7787
|
const esc$7 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7788
7788
|
function defineHudPanel(tag = 'usa-hud-panel') {
|
|
@@ -7831,10 +7831,10 @@ function defineHudPanel(tag = 'usa-hud-panel') {
|
|
|
7831
7831
|
}
|
|
7832
7832
|
}
|
|
7833
7833
|
return UsaHudPanel;
|
|
7834
|
-
}, { id: 'hud-panel', text: css$
|
|
7834
|
+
}, { id: 'hud-panel', text: css$A });
|
|
7835
7835
|
}
|
|
7836
7836
|
|
|
7837
|
-
var css$
|
|
7837
|
+
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)}}";
|
|
7838
7838
|
|
|
7839
7839
|
/** "A:40,0.6; B:200,0.3" → targets (bearing normalised to 0–360, distance clamped 0–1) (8.4). */
|
|
7840
7840
|
function parseTargets(s) {
|
|
@@ -7920,10 +7920,10 @@ function defineRadar(tag = 'usa-radar') {
|
|
|
7920
7920
|
}
|
|
7921
7921
|
}
|
|
7922
7922
|
return UsaRadar;
|
|
7923
|
-
}, { id: 'radar', text: css$
|
|
7923
|
+
}, { id: 'radar', text: css$z });
|
|
7924
7924
|
}
|
|
7925
7925
|
|
|
7926
|
-
var css$
|
|
7926
|
+
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)}";
|
|
7927
7927
|
|
|
7928
7928
|
const COLORS = ['yellow', 'pink', 'blue', 'green'];
|
|
7929
7929
|
function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
@@ -7987,10 +7987,10 @@ function defineStickyWall(tag = 'usa-sticky-wall') {
|
|
|
7987
7987
|
}
|
|
7988
7988
|
}
|
|
7989
7989
|
return UsaStickyWall;
|
|
7990
|
-
}, { id: 'sticky-wall', text: css$
|
|
7990
|
+
}, { id: 'sticky-wall', text: css$y });
|
|
7991
7991
|
}
|
|
7992
7992
|
|
|
7993
|
-
var css$
|
|
7993
|
+
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}";
|
|
7994
7994
|
|
|
7995
7995
|
const esc$5 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
7996
7996
|
const nums = (s) => s.split(',').map((x) => Number(x.trim())).filter((x) => Number.isFinite(x));
|
|
@@ -8087,10 +8087,10 @@ function defineSketchChart(tag = 'usa-sketch-chart') {
|
|
|
8087
8087
|
}
|
|
8088
8088
|
}
|
|
8089
8089
|
return UsaSketchChart;
|
|
8090
|
-
}, { id: 'sketch-chart', text: css$
|
|
8090
|
+
}, { id: 'sketch-chart', text: css$x });
|
|
8091
8091
|
}
|
|
8092
8092
|
|
|
8093
|
-
var css$
|
|
8093
|
+
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}}";
|
|
8094
8094
|
|
|
8095
8095
|
const NAMES = { light: 'Light', dark: 'Dark', neon: 'Neon', glass: 'Glass', neu: 'Soft' };
|
|
8096
8096
|
function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
@@ -8192,10 +8192,10 @@ function defineThemeSwitcher(tag = 'usa-theme-switcher') {
|
|
|
8192
8192
|
}
|
|
8193
8193
|
}
|
|
8194
8194
|
return UsaThemeSwitcher;
|
|
8195
|
-
}, { id: 'theme-switcher', text: css$
|
|
8195
|
+
}, { id: 'theme-switcher', text: css$w });
|
|
8196
8196
|
}
|
|
8197
8197
|
|
|
8198
|
-
var css$
|
|
8198
|
+
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}}";
|
|
8199
8199
|
|
|
8200
8200
|
function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
8201
8201
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8248,10 +8248,10 @@ function defineThemeSurface(tag = 'usa-theme-surface') {
|
|
|
8248
8248
|
}
|
|
8249
8249
|
}
|
|
8250
8250
|
return UsaThemeSurface;
|
|
8251
|
-
}, { id: 'theme-surface', text: css$
|
|
8251
|
+
}, { id: 'theme-surface', text: css$v });
|
|
8252
8252
|
}
|
|
8253
8253
|
|
|
8254
|
-
var css$
|
|
8254
|
+
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}}";
|
|
8255
8255
|
|
|
8256
8256
|
function defineGyroCard(tag = 'usa-gyro-card') {
|
|
8257
8257
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8332,10 +8332,10 @@ function defineGyroCard(tag = 'usa-gyro-card') {
|
|
|
8332
8332
|
}
|
|
8333
8333
|
}
|
|
8334
8334
|
return UsaGyroCard;
|
|
8335
|
-
}, { id: 'gyro-card', text: css$
|
|
8335
|
+
}, { id: 'gyro-card', text: css$u });
|
|
8336
8336
|
}
|
|
8337
8337
|
|
|
8338
|
-
var css$
|
|
8338
|
+
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}";
|
|
8339
8339
|
|
|
8340
8340
|
function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
8341
8341
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8462,10 +8462,10 @@ function defineGestureSticker(tag = 'usa-gesture-sticker') {
|
|
|
8462
8462
|
}
|
|
8463
8463
|
}
|
|
8464
8464
|
return UsaGestureSticker;
|
|
8465
|
-
}, { id: 'gesture-sticker', text: css$
|
|
8465
|
+
}, { id: 'gesture-sticker', text: css$t });
|
|
8466
8466
|
}
|
|
8467
8467
|
|
|
8468
|
-
var css$
|
|
8468
|
+
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}";
|
|
8469
8469
|
|
|
8470
8470
|
function definePanorama(tag = 'usa-panorama') {
|
|
8471
8471
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8587,10 +8587,10 @@ function definePanorama(tag = 'usa-panorama') {
|
|
|
8587
8587
|
}
|
|
8588
8588
|
}
|
|
8589
8589
|
return UsaPanorama;
|
|
8590
|
-
}, { id: 'panorama', text: css$
|
|
8590
|
+
}, { id: 'panorama', text: css$s });
|
|
8591
8591
|
}
|
|
8592
8592
|
|
|
8593
|
-
var css$
|
|
8593
|
+
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}}";
|
|
8594
8594
|
|
|
8595
8595
|
function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
8596
8596
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8636,10 +8636,10 @@ function defineSpatialCard(tag = 'usa-spatial-card') {
|
|
|
8636
8636
|
}
|
|
8637
8637
|
}
|
|
8638
8638
|
return UsaSpatialCard;
|
|
8639
|
-
}, { id: 'spatial-card', text: css$
|
|
8639
|
+
}, { id: 'spatial-card', text: css$r });
|
|
8640
8640
|
}
|
|
8641
8641
|
|
|
8642
|
-
var css$
|
|
8642
|
+
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}";
|
|
8643
8643
|
|
|
8644
8644
|
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$)/;
|
|
8645
8645
|
const RUNTIME_CLASS = /^usa-/;
|
|
@@ -8805,10 +8805,10 @@ function defineCodeExport(tag = 'usa-code-export') {
|
|
|
8805
8805
|
}
|
|
8806
8806
|
}
|
|
8807
8807
|
return UsaCodeExport;
|
|
8808
|
-
}, { id: 'code-export', text: css$
|
|
8808
|
+
}, { id: 'code-export', text: css$q });
|
|
8809
8809
|
}
|
|
8810
8810
|
|
|
8811
|
-
var css$
|
|
8811
|
+
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}";
|
|
8812
8812
|
|
|
8813
8813
|
/** "value:number:0:100, theme:select:leaf|ocean, on:boolean" → prop specs (8.9). */
|
|
8814
8814
|
function parseProps(s) {
|
|
@@ -8912,10 +8912,10 @@ function definePropPanel(tag = 'usa-prop-panel') {
|
|
|
8912
8912
|
}
|
|
8913
8913
|
}
|
|
8914
8914
|
return UsaPropPanel;
|
|
8915
|
-
}, { id: 'prop-panel', text: css$
|
|
8915
|
+
}, { id: 'prop-panel', text: css$p });
|
|
8916
8916
|
}
|
|
8917
8917
|
|
|
8918
|
-
var css$
|
|
8918
|
+
var css$o = "usa-motion{display:block}";
|
|
8919
8919
|
|
|
8920
8920
|
function defineMotion(tag = 'usa-motion') {
|
|
8921
8921
|
return base.defineElement(tag, (Base) => {
|
|
@@ -8942,10 +8942,10 @@ function defineMotion(tag = 'usa-motion') {
|
|
|
8942
8942
|
}
|
|
8943
8943
|
}
|
|
8944
8944
|
return UsaMotion;
|
|
8945
|
-
}, { id: 'motion', text: css$
|
|
8945
|
+
}, { id: 'motion', text: css$o });
|
|
8946
8946
|
}
|
|
8947
8947
|
|
|
8948
|
-
var css$
|
|
8948
|
+
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}";
|
|
8949
8949
|
|
|
8950
8950
|
const esc$2 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
8951
8951
|
function definePluginStore(tag = 'usa-plugin-store') {
|
|
@@ -9031,10 +9031,10 @@ function definePluginStore(tag = 'usa-plugin-store') {
|
|
|
9031
9031
|
}
|
|
9032
9032
|
}
|
|
9033
9033
|
return UsaPluginStore;
|
|
9034
|
-
}, { id: 'plugin-store', text: css$
|
|
9034
|
+
}, { id: 'plugin-store', text: css$n });
|
|
9035
9035
|
}
|
|
9036
9036
|
|
|
9037
|
-
var css$
|
|
9037
|
+
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}}";
|
|
9038
9038
|
|
|
9039
9039
|
const esc$1 = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
9040
9040
|
function defineChapterNav(tag = 'usa-chapter-nav') {
|
|
@@ -9108,10 +9108,10 @@ function defineChapterNav(tag = 'usa-chapter-nav') {
|
|
|
9108
9108
|
}
|
|
9109
9109
|
}
|
|
9110
9110
|
return UsaChapterNav;
|
|
9111
|
-
}, { id: 'chapter-nav', text: css$
|
|
9111
|
+
}, { id: 'chapter-nav', text: css$m });
|
|
9112
9112
|
}
|
|
9113
9113
|
|
|
9114
|
-
var css$
|
|
9114
|
+
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}}";
|
|
9115
9115
|
|
|
9116
9116
|
function defineScene(tag = 'usa-scene') {
|
|
9117
9117
|
return base.defineElement(tag, (Base) => {
|
|
@@ -9185,10 +9185,10 @@ function defineScene(tag = 'usa-scene') {
|
|
|
9185
9185
|
}
|
|
9186
9186
|
}
|
|
9187
9187
|
return UsaScene;
|
|
9188
|
-
}, { id: 'scene', text: css$
|
|
9188
|
+
}, { id: 'scene', text: css$l });
|
|
9189
9189
|
}
|
|
9190
9190
|
|
|
9191
|
-
var css$
|
|
9191
|
+
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}";
|
|
9192
9192
|
|
|
9193
9193
|
function defineLottie(tag = 'usa-lottie') {
|
|
9194
9194
|
return base.defineElement(tag, (Base) => {
|
|
@@ -9280,10 +9280,10 @@ function defineLottie(tag = 'usa-lottie') {
|
|
|
9280
9280
|
}
|
|
9281
9281
|
}
|
|
9282
9282
|
return UsaLottie;
|
|
9283
|
-
}, { id: 'lottie', text: css$
|
|
9283
|
+
}, { id: 'lottie', text: css$k });
|
|
9284
9284
|
}
|
|
9285
9285
|
|
|
9286
|
-
var css$
|
|
9286
|
+
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%}";
|
|
9287
9287
|
|
|
9288
9288
|
const fill = (r, g, b) => ({ ty: 'fl', c: { k: [r, g, b, 1] } });
|
|
9289
9289
|
const sh = (v, c = true) => ({ ty: 'sh', ks: { k: { v, i: v.map(() => [0, 0]), o: v.map(() => [0, 0]), c } } });
|
|
@@ -9360,10 +9360,10 @@ function defineLottieIcon(tag = 'usa-lottie-icon') {
|
|
|
9360
9360
|
}
|
|
9361
9361
|
}
|
|
9362
9362
|
return UsaLottieIcon;
|
|
9363
|
-
}, { id: 'lottie-icon', text: css$
|
|
9363
|
+
}, { id: 'lottie-icon', text: css$j });
|
|
9364
9364
|
}
|
|
9365
9365
|
|
|
9366
|
-
var css$
|
|
9366
|
+
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}";
|
|
9367
9367
|
|
|
9368
9368
|
const ARTS = ['flow', 'circles', 'truchet', 'waves'];
|
|
9369
9369
|
function defineGenArt(tag = 'usa-gen-art') {
|
|
@@ -9543,10 +9543,10 @@ function defineGenArt(tag = 'usa-gen-art') {
|
|
|
9543
9543
|
}
|
|
9544
9544
|
}
|
|
9545
9545
|
return UsaGenArt;
|
|
9546
|
-
}, { id: 'gen-art', text: css$
|
|
9546
|
+
}, { id: 'gen-art', text: css$i });
|
|
9547
9547
|
}
|
|
9548
9548
|
|
|
9549
|
-
var css$
|
|
9549
|
+
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}";
|
|
9550
9550
|
|
|
9551
9551
|
const STYLES = ['mesh', 'grain', 'stripes', 'dots'];
|
|
9552
9552
|
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\")";
|
|
@@ -9633,10 +9633,10 @@ function defineBgGenerator(tag = 'usa-bg-generator') {
|
|
|
9633
9633
|
}
|
|
9634
9634
|
}
|
|
9635
9635
|
return UsaBgGenerator;
|
|
9636
|
-
}, { id: 'bg-generator', text: css$
|
|
9636
|
+
}, { id: 'bg-generator', text: css$h });
|
|
9637
9637
|
}
|
|
9638
9638
|
|
|
9639
|
-
var css$
|
|
9639
|
+
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}}";
|
|
9640
9640
|
|
|
9641
9641
|
const fmt$1 = (s) => (Number.isFinite(s) && s > 0 ? `${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, '0')}` : '');
|
|
9642
9642
|
function defineVideoCard(tag = 'usa-video-card') {
|
|
@@ -9718,10 +9718,10 @@ function defineVideoCard(tag = 'usa-video-card') {
|
|
|
9718
9718
|
}
|
|
9719
9719
|
}
|
|
9720
9720
|
return UsaVideoCard;
|
|
9721
|
-
}, { id: 'video-card', text: css$
|
|
9721
|
+
}, { id: 'video-card', text: css$g });
|
|
9722
9722
|
}
|
|
9723
9723
|
|
|
9724
|
-
var css$
|
|
9724
|
+
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}}";
|
|
9725
9725
|
|
|
9726
9726
|
function defineHeroVideo(tag = 'usa-hero-video') {
|
|
9727
9727
|
return base.defineElement(tag, (Base) => {
|
|
@@ -9793,10 +9793,10 @@ function defineHeroVideo(tag = 'usa-hero-video') {
|
|
|
9793
9793
|
}
|
|
9794
9794
|
}
|
|
9795
9795
|
return UsaHeroVideo;
|
|
9796
|
-
}, { id: 'hero-video', text: css$
|
|
9796
|
+
}, { id: 'hero-video', text: css$f });
|
|
9797
9797
|
}
|
|
9798
9798
|
|
|
9799
|
-
var css$
|
|
9799
|
+
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}";
|
|
9800
9800
|
|
|
9801
9801
|
const LEVELS = [
|
|
9802
9802
|
['full', 'Full', 'All motion'],
|
|
@@ -9859,10 +9859,10 @@ function defineMotionPrefs(tag = 'usa-motion-prefs') {
|
|
|
9859
9859
|
}
|
|
9860
9860
|
}
|
|
9861
9861
|
return UsaMotionPrefs;
|
|
9862
|
-
}, { id: 'motion-prefs', text: css$
|
|
9862
|
+
}, { id: 'motion-prefs', text: css$e });
|
|
9863
9863
|
}
|
|
9864
9864
|
|
|
9865
|
-
var css$
|
|
9865
|
+
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}";
|
|
9866
9866
|
|
|
9867
9867
|
function definePauseAll(tag = 'usa-pause-all') {
|
|
9868
9868
|
return base.defineElement(tag, (Base) => {
|
|
@@ -9927,10 +9927,10 @@ function definePauseAll(tag = 'usa-pause-all') {
|
|
|
9927
9927
|
}
|
|
9928
9928
|
}
|
|
9929
9929
|
return UsaPauseAll;
|
|
9930
|
-
}, { id: 'pause-all', text: css$
|
|
9930
|
+
}, { id: 'pause-all', text: css$d });
|
|
9931
9931
|
}
|
|
9932
9932
|
|
|
9933
|
-
var css$
|
|
9933
|
+
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}";
|
|
9934
9934
|
|
|
9935
9935
|
function definePerfMonitor(tag = 'usa-perf-monitor') {
|
|
9936
9936
|
return base.defineElement(tag, (Base) => {
|
|
@@ -9998,10 +9998,10 @@ function definePerfMonitor(tag = 'usa-perf-monitor') {
|
|
|
9998
9998
|
}
|
|
9999
9999
|
}
|
|
10000
10000
|
return UsaPerfMonitor;
|
|
10001
|
-
}, { id: 'perf-monitor', text: css$
|
|
10001
|
+
}, { id: 'perf-monitor', text: css$c });
|
|
10002
10002
|
}
|
|
10003
10003
|
|
|
10004
|
-
var css$
|
|
10004
|
+
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%}";
|
|
10005
10005
|
|
|
10006
10006
|
const WORKER_SCENES = {
|
|
10007
10007
|
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(); } }`,
|
|
@@ -10048,10 +10048,10 @@ function defineWorkerCanvas(tag = 'usa-worker-canvas') {
|
|
|
10048
10048
|
}
|
|
10049
10049
|
}
|
|
10050
10050
|
return UsaWorkerCanvas;
|
|
10051
|
-
}, { id: 'worker-canvas', text: css$
|
|
10051
|
+
}, { id: 'worker-canvas', text: css$b });
|
|
10052
10052
|
}
|
|
10053
10053
|
|
|
10054
|
-
var css$
|
|
10054
|
+
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}";
|
|
10055
10055
|
|
|
10056
10056
|
const esc = (s) => s.replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' })[c]);
|
|
10057
10057
|
function defineMotionSpec(tag = 'usa-motion-spec') {
|
|
@@ -10110,10 +10110,10 @@ function defineMotionSpec(tag = 'usa-motion-spec') {
|
|
|
10110
10110
|
}
|
|
10111
10111
|
}
|
|
10112
10112
|
return UsaMotionSpec;
|
|
10113
|
-
}, { id: 'motion-spec', text: css$
|
|
10113
|
+
}, { id: 'motion-spec', text: css$a });
|
|
10114
10114
|
}
|
|
10115
10115
|
|
|
10116
|
-
var css$
|
|
10116
|
+
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}";
|
|
10117
10117
|
|
|
10118
10118
|
function defineNativePreview(tag = 'usa-native-preview') {
|
|
10119
10119
|
return base.defineElement(tag, (Base) => {
|
|
@@ -10178,7 +10178,7 @@ function defineNativePreview(tag = 'usa-native-preview') {
|
|
|
10178
10178
|
}
|
|
10179
10179
|
}
|
|
10180
10180
|
return UsaNativePreview;
|
|
10181
|
-
}, { id: 'native-preview', text: css$
|
|
10181
|
+
}, { id: 'native-preview', text: css$9 });
|
|
10182
10182
|
}
|
|
10183
10183
|
|
|
10184
10184
|
/**
|
|
@@ -10213,7 +10213,7 @@ function runtimeModule(host, id) {
|
|
|
10213
10213
|
}
|
|
10214
10214
|
}
|
|
10215
10215
|
|
|
10216
|
-
var css$
|
|
10216
|
+
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}";
|
|
10217
10217
|
|
|
10218
10218
|
const fmt = (n) => (n >= 1e6 ? (n / 1e6).toFixed(1) + 'M' : n >= 1e3 ? (n / 1e3).toFixed(1) + 'k' : String(Math.round(n)));
|
|
10219
10219
|
function definePluginCard(tag = 'usa-plugin-card') {
|
|
@@ -10313,10 +10313,10 @@ function definePluginCard(tag = 'usa-plugin-card') {
|
|
|
10313
10313
|
}
|
|
10314
10314
|
}
|
|
10315
10315
|
return UsaPluginCard;
|
|
10316
|
-
}, { id: 'plugin-card', text: css$
|
|
10316
|
+
}, { id: 'plugin-card', text: css$8 });
|
|
10317
10317
|
}
|
|
10318
10318
|
|
|
10319
|
-
var css$
|
|
10319
|
+
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}";
|
|
10320
10320
|
|
|
10321
10321
|
const MANAGERS = ['npm', 'pnpm', 'yarn', 'bun', 'cdn'];
|
|
10322
10322
|
function defineInstallButton(tag = 'usa-install-button') {
|
|
@@ -10395,10 +10395,10 @@ function defineInstallButton(tag = 'usa-install-button') {
|
|
|
10395
10395
|
}
|
|
10396
10396
|
}
|
|
10397
10397
|
return UsaInstallButton;
|
|
10398
|
-
}, { id: 'install-button', text: css$
|
|
10398
|
+
}, { id: 'install-button', text: css$7 });
|
|
10399
10399
|
}
|
|
10400
10400
|
|
|
10401
|
-
var css$
|
|
10401
|
+
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}";
|
|
10402
10402
|
|
|
10403
10403
|
/** 'opacity: 0 -> 1; x: -80 -> 0' → [{ from: { opacity: '0', x: '-80' }, to: {...} }] */
|
|
10404
10404
|
function parseScrub(spec) {
|
|
@@ -10482,10 +10482,10 @@ function defineScrollScene(tag = 'usa-scroll-scene') {
|
|
|
10482
10482
|
}
|
|
10483
10483
|
}
|
|
10484
10484
|
return UsaScrollScene;
|
|
10485
|
-
}, { id: 'scroll-scene', text: css$
|
|
10485
|
+
}, { id: 'scroll-scene', text: css$6 });
|
|
10486
10486
|
}
|
|
10487
10487
|
|
|
10488
|
-
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}";
|
|
10488
|
+
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}";
|
|
10489
10489
|
|
|
10490
10490
|
const label = (a) => {
|
|
10491
10491
|
const t = a.effect?.target;
|
|
@@ -10594,7 +10594,554 @@ function defineMotionInspector(tag = 'usa-motion-inspector') {
|
|
|
10594
10594
|
}
|
|
10595
10595
|
}
|
|
10596
10596
|
return UsaMotionInspector;
|
|
10597
|
-
}, { id: 'motion-inspector', text: css });
|
|
10597
|
+
}, { id: 'motion-inspector', text: css$5 });
|
|
10598
|
+
}
|
|
10599
|
+
|
|
10600
|
+
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}";
|
|
10601
|
+
|
|
10602
|
+
const KF = {
|
|
10603
|
+
fade: [[{ opacity: 1 }, { opacity: 0 }], [{ opacity: 0 }, { opacity: 1 }]],
|
|
10604
|
+
slide: [[{ opacity: 1, transform: 'none' }, { opacity: 0, transform: 'translateX(-24px)' }], [{ opacity: 0, transform: 'translateX(24px)' }, { opacity: 1, transform: 'none' }]],
|
|
10605
|
+
zoom: [[{ opacity: 1, transform: 'none' }, { opacity: 0, transform: 'scale(.94)' }], [{ opacity: 0, transform: 'scale(1.04)' }, { opacity: 1, transform: 'none' }]],
|
|
10606
|
+
};
|
|
10607
|
+
let crossDocDone = false;
|
|
10608
|
+
function defineRouteTransition(tag = 'usa-route-transition') {
|
|
10609
|
+
return base.defineElement(tag, (Base) => {
|
|
10610
|
+
class UsaRouteTransition extends Base {
|
|
10611
|
+
constructor() {
|
|
10612
|
+
super(...arguments);
|
|
10613
|
+
this.cur = '';
|
|
10614
|
+
}
|
|
10615
|
+
static get observedAttributes() {
|
|
10616
|
+
return ['effect', 'engine', 'cross-document'];
|
|
10617
|
+
}
|
|
10618
|
+
get current() {
|
|
10619
|
+
return this.cur;
|
|
10620
|
+
}
|
|
10621
|
+
shared(root = this) {
|
|
10622
|
+
root.querySelectorAll('[data-shared]').forEach((el) => (el.style.viewTransitionName = `usa-${el.dataset.shared}`));
|
|
10623
|
+
}
|
|
10624
|
+
mount() {
|
|
10625
|
+
this.cur = this.str('current', typeof location !== 'undefined' ? location.pathname : '/');
|
|
10626
|
+
if (this.flag('cross-document') && !crossDocDone && typeof document !== 'undefined') {
|
|
10627
|
+
crossDocDone = true;
|
|
10628
|
+
const st = document.createElement('style');
|
|
10629
|
+
st.dataset.usaRoute = '';
|
|
10630
|
+
st.textContent = '@view-transition{navigation:auto}';
|
|
10631
|
+
document.head.appendChild(st);
|
|
10632
|
+
}
|
|
10633
|
+
this.shared();
|
|
10634
|
+
const scopeAll = this.str('links', 'inside') === 'document';
|
|
10635
|
+
const onClick = (e) => {
|
|
10636
|
+
const t = e.target;
|
|
10637
|
+
const btn = t.closest?.('[data-to]');
|
|
10638
|
+
if (btn && this.contains(btn)) {
|
|
10639
|
+
e.preventDefault();
|
|
10640
|
+
this.navigate(btn.dataset.to, { history: 'off' });
|
|
10641
|
+
return;
|
|
10642
|
+
}
|
|
10643
|
+
const a = t.closest?.('a[href]');
|
|
10644
|
+
if (!a || (!scopeAll && !this.contains(a)) || e.defaultPrevented || e.button || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey)
|
|
10645
|
+
return;
|
|
10646
|
+
if ((a.target && a.target !== '_self') || a.hasAttribute('download') || a.dataset.noRoute !== undefined)
|
|
10647
|
+
return;
|
|
10648
|
+
const u = new URL(a.href, location.href);
|
|
10649
|
+
if (u.origin !== location.origin || (u.pathname === location.pathname && u.hash))
|
|
10650
|
+
return;
|
|
10651
|
+
e.preventDefault();
|
|
10652
|
+
this.navigate(u.pathname + u.search);
|
|
10653
|
+
};
|
|
10654
|
+
this.listen(scopeAll ? document : this, 'click', onClick);
|
|
10655
|
+
this.listen(window, 'popstate', () => {
|
|
10656
|
+
if (this.str('history', 'push') !== 'off')
|
|
10657
|
+
this.navigate(location.pathname + location.search, { history: 'off' });
|
|
10658
|
+
});
|
|
10659
|
+
}
|
|
10660
|
+
async content(url) {
|
|
10661
|
+
const tpl = Array.from(this.querySelectorAll('template[data-route]')).find((t) => t.dataset.route === url);
|
|
10662
|
+
if (tpl)
|
|
10663
|
+
return { html: tpl.innerHTML };
|
|
10664
|
+
if (typeof fetch !== 'function')
|
|
10665
|
+
return null;
|
|
10666
|
+
const res = await fetch(url, { headers: { accept: 'text/html' } });
|
|
10667
|
+
if (!res.ok)
|
|
10668
|
+
return null;
|
|
10669
|
+
const doc = new DOMParser().parseFromString(await res.text(), 'text/html');
|
|
10670
|
+
const sel = this.str('selector') || (this.id ? `#${this.id}` : this.localName);
|
|
10671
|
+
const el = doc.querySelector(sel);
|
|
10672
|
+
return el ? { html: el.innerHTML, title: doc.title } : null;
|
|
10673
|
+
}
|
|
10674
|
+
async navigate(url, opts = {}) {
|
|
10675
|
+
if (!this.emit('navigate', { url, from: this.cur }))
|
|
10676
|
+
return false;
|
|
10677
|
+
const next = await this.content(url);
|
|
10678
|
+
if (!next) {
|
|
10679
|
+
if (!this.querySelector(`template[data-route="${url}"]`) && typeof location !== 'undefined' && /^\//.test(url) && opts.history !== 'off')
|
|
10680
|
+
location.assign(url);
|
|
10681
|
+
return false;
|
|
10682
|
+
}
|
|
10683
|
+
const templates = Array.from(this.querySelectorAll('template[data-route]'));
|
|
10684
|
+
const swap = () => {
|
|
10685
|
+
this.innerHTML = next.html;
|
|
10686
|
+
templates.forEach((t) => this.appendChild(t));
|
|
10687
|
+
this.shared();
|
|
10688
|
+
if (next.title)
|
|
10689
|
+
document.title = next.title;
|
|
10690
|
+
};
|
|
10691
|
+
const hist = opts.history || this.str('history', 'push');
|
|
10692
|
+
if (hist !== 'off' && typeof history !== 'undefined')
|
|
10693
|
+
history[hist === 'replace' ? 'replaceState' : 'pushState']({ usaRoute: url }, '', url);
|
|
10694
|
+
const engine = this.str('engine', 'auto');
|
|
10695
|
+
const fx = KF[this.str('effect', 'fade')] || KF.fade;
|
|
10696
|
+
const vt = document.startViewTransition;
|
|
10697
|
+
if (this.reduced)
|
|
10698
|
+
swap();
|
|
10699
|
+
else if (engine !== 'waapi' && typeof vt === 'function')
|
|
10700
|
+
await vt.call(document, swap).finished.catch(() => undefined);
|
|
10701
|
+
else {
|
|
10702
|
+
const out = this.motion(this, fx[0], { duration: 160, easing: 'ease-in', fill: 'forwards' });
|
|
10703
|
+
// never wait longer than the exit animation: `finished` can stall (background tabs, test DOMs, cancelled effects)
|
|
10704
|
+
if (out)
|
|
10705
|
+
await Promise.race([out.finished.catch(() => undefined), new Promise((r) => setTimeout(r, 200))]);
|
|
10706
|
+
swap();
|
|
10707
|
+
out?.cancel();
|
|
10708
|
+
this.motion(this, fx[1], { duration: 260, easing: 'cubic-bezier(.22,1,.36,1)' });
|
|
10709
|
+
}
|
|
10710
|
+
this.cur = url;
|
|
10711
|
+
this.emit('navigated', { url });
|
|
10712
|
+
return true;
|
|
10713
|
+
}
|
|
10714
|
+
}
|
|
10715
|
+
return UsaRouteTransition;
|
|
10716
|
+
}, { id: 'route-transition', text: css$4 });
|
|
10717
|
+
}
|
|
10718
|
+
|
|
10719
|
+
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}";
|
|
10720
|
+
|
|
10721
|
+
const FROM = {
|
|
10722
|
+
rise: { y: '0.9em', opacity: 0 },
|
|
10723
|
+
fade: { opacity: 0 },
|
|
10724
|
+
blur: { opacity: 0, filter: 'blur(8px)', scale: 1.3 },
|
|
10725
|
+
flip: { rotate: -90, opacity: 0, y: '0.4em' },
|
|
10726
|
+
wave: { y: '-0.6em', opacity: 0, scale: 0.6 },
|
|
10727
|
+
};
|
|
10728
|
+
const TO = {
|
|
10729
|
+
rise: { y: '0em', opacity: 1 },
|
|
10730
|
+
fade: { opacity: 1 },
|
|
10731
|
+
blur: { opacity: 1, filter: 'blur(0px)', scale: 1 },
|
|
10732
|
+
flip: { rotate: 0, opacity: 1, y: '0em' },
|
|
10733
|
+
wave: { y: '0em', opacity: 1, scale: 1 },
|
|
10734
|
+
};
|
|
10735
|
+
function defineTextSplitter(tag = 'usa-text-splitter') {
|
|
10736
|
+
return base.defineElement(tag, (Base) => {
|
|
10737
|
+
class UsaTextSplitter extends Base {
|
|
10738
|
+
constructor() {
|
|
10739
|
+
super(...arguments);
|
|
10740
|
+
this.res = null;
|
|
10741
|
+
this.anim = null;
|
|
10742
|
+
}
|
|
10743
|
+
static get observedAttributes() {
|
|
10744
|
+
return ['split', 'effect', 'stagger', 'duration', 'loop', 'trigger'];
|
|
10745
|
+
}
|
|
10746
|
+
pieces() {
|
|
10747
|
+
const r = this.res;
|
|
10748
|
+
if (!r)
|
|
10749
|
+
return [];
|
|
10750
|
+
const by = this.str('split', 'chars');
|
|
10751
|
+
return by === 'lines' && r.lines.length ? r.lines : by === 'words' ? r.words : r.chars;
|
|
10752
|
+
}
|
|
10753
|
+
mount() {
|
|
10754
|
+
const tx = runtimeModule(this, 'text');
|
|
10755
|
+
if (!tx)
|
|
10756
|
+
return;
|
|
10757
|
+
const by = this.str('split', 'chars');
|
|
10758
|
+
this.res = tx.splitText(this, { type: by === 'lines' ? 'words,lines' : by === 'words' ? 'words' : 'chars,words' });
|
|
10759
|
+
this.emit('split', { count: this.pieces().length });
|
|
10760
|
+
this.onCleanup(() => {
|
|
10761
|
+
this.anim?.kill();
|
|
10762
|
+
this.res?.revert();
|
|
10763
|
+
this.res = null;
|
|
10764
|
+
});
|
|
10765
|
+
const trig = this.str('trigger', 'view');
|
|
10766
|
+
if (trig === 'load')
|
|
10767
|
+
this.replay();
|
|
10768
|
+
else if (trig === 'hover')
|
|
10769
|
+
this.listen(this, 'pointerenter', () => this.replay());
|
|
10770
|
+
else {
|
|
10771
|
+
this.pieces().forEach((p) => (p.style.opacity = this.reduced ? '' : '0'));
|
|
10772
|
+
this.inView((v) => v && !this.anim && this.replay());
|
|
10773
|
+
}
|
|
10774
|
+
if (this.flag('loop')) {
|
|
10775
|
+
const id = setInterval(() => this.replay(), Math.max(2500, this.num('duration', 600) + this.num('stagger', 30) * this.pieces().length + 1500));
|
|
10776
|
+
this.onCleanup(() => clearInterval(id));
|
|
10777
|
+
}
|
|
10778
|
+
}
|
|
10779
|
+
replay() {
|
|
10780
|
+
const pieces = this.pieces();
|
|
10781
|
+
if (!pieces.length)
|
|
10782
|
+
return;
|
|
10783
|
+
this.anim?.kill();
|
|
10784
|
+
if (this.reduced) {
|
|
10785
|
+
pieces.forEach((p) => (p.style.opacity = ''));
|
|
10786
|
+
this.emit('done');
|
|
10787
|
+
return;
|
|
10788
|
+
}
|
|
10789
|
+
const core = registry$1.requireModule('core');
|
|
10790
|
+
const fx = FROM[this.str('effect', 'rise')] ? this.str('effect', 'rise') : 'rise';
|
|
10791
|
+
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') });
|
|
10792
|
+
}
|
|
10793
|
+
}
|
|
10794
|
+
return UsaTextSplitter;
|
|
10795
|
+
}, { id: 'text-splitter', text: css$3 });
|
|
10796
|
+
}
|
|
10797
|
+
|
|
10798
|
+
/**
|
|
10799
|
+
* 10.4 (scroll-driven 3.0): shared helpers for components that prefer the
|
|
10800
|
+
* browser's native scroll-driven animations (`animation-timeline: scroll()` /
|
|
10801
|
+
* `view()`) and fall back to a small JS scroll loop where they are missing.
|
|
10802
|
+
*/
|
|
10803
|
+
let uid = 0;
|
|
10804
|
+
/** A unique CSS dashed ident ('--usa-sd-3'). */
|
|
10805
|
+
const timelineName = (p = 'usa-sd') => `--${p}-${++uid}`;
|
|
10806
|
+
/** Native scroll / view timelines are available (`engine="auto"`). */
|
|
10807
|
+
function nativeScrollTimelines(kind = 'scroll') {
|
|
10808
|
+
return typeof CSS !== 'undefined' && typeof CSS.supports === 'function' && CSS.supports('animation-timeline', kind === 'view' ? 'view()' : 'scroll()');
|
|
10809
|
+
}
|
|
10810
|
+
/** The engine to use for `engine="auto | native | js"`. */
|
|
10811
|
+
function pickEngine(attr, kind = 'scroll') {
|
|
10812
|
+
if (attr === 'js')
|
|
10813
|
+
return 'js';
|
|
10814
|
+
if (attr === 'native')
|
|
10815
|
+
return nativeScrollTimelines(kind) ? 'native' : 'js';
|
|
10816
|
+
return nativeScrollTimelines(kind) ? 'native' : 'js';
|
|
10817
|
+
}
|
|
10818
|
+
/** Lowest common ancestor of two elements (for `timeline-scope`). */
|
|
10819
|
+
function commonAncestor(a, b) {
|
|
10820
|
+
for (let n = a; n; n = n.parentElement)
|
|
10821
|
+
if (n.contains(b))
|
|
10822
|
+
return n;
|
|
10823
|
+
return document.documentElement;
|
|
10824
|
+
}
|
|
10825
|
+
/** Scroll progress (0–1) of a scroller (window when `el` is the document scroller). */
|
|
10826
|
+
function scrollProgress(el, horizontal = false) {
|
|
10827
|
+
const isDoc = el === document.scrollingElement || el === document.documentElement || el === document.body;
|
|
10828
|
+
const s = isDoc ? (document.scrollingElement || document.documentElement) : el;
|
|
10829
|
+
const max = horizontal ? s.scrollWidth - s.clientWidth : s.scrollHeight - s.clientHeight;
|
|
10830
|
+
const pos = horizontal ? s.scrollLeft : s.scrollTop;
|
|
10831
|
+
return max > 0 ? Math.min(1, Math.max(0, pos / max)) : 0;
|
|
10832
|
+
}
|
|
10833
|
+
/** View progress (0–1) of an element crossing the viewport (0 = top edge enters at the bottom, 1 = bottom edge leaves at the top). */
|
|
10834
|
+
function viewProgress(el) {
|
|
10835
|
+
const r = el.getBoundingClientRect();
|
|
10836
|
+
const vh = (typeof innerHeight === 'number' && innerHeight) || document.documentElement.clientHeight || 1;
|
|
10837
|
+
return Math.min(1, Math.max(0, (vh - r.top) / (vh + r.height || 1)));
|
|
10838
|
+
}
|
|
10839
|
+
|
|
10840
|
+
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}}";
|
|
10841
|
+
|
|
10842
|
+
const NS = 'http://www.w3.org/2000/svg';
|
|
10843
|
+
function defineScrollRing(tag = 'usa-scroll-ring') {
|
|
10844
|
+
return base.defineElement(tag, (Base) => {
|
|
10845
|
+
class UsaScrollRing extends Base {
|
|
10846
|
+
constructor() {
|
|
10847
|
+
super(...arguments);
|
|
10848
|
+
this.p = 0;
|
|
10849
|
+
this.eng = 'js';
|
|
10850
|
+
}
|
|
10851
|
+
static get observedAttributes() {
|
|
10852
|
+
return ['for', 'engine', 'label', 'back-to-top', 'size', 'thickness', 'horizontal', 'preview'];
|
|
10853
|
+
}
|
|
10854
|
+
get progress() {
|
|
10855
|
+
return this.p;
|
|
10856
|
+
}
|
|
10857
|
+
get engine() {
|
|
10858
|
+
return this.eng;
|
|
10859
|
+
}
|
|
10860
|
+
target() {
|
|
10861
|
+
const sel = this.str('for', 'page');
|
|
10862
|
+
if (sel === 'page')
|
|
10863
|
+
return document.scrollingElement || document.documentElement;
|
|
10864
|
+
return this.parentElement?.querySelector(sel) || document.querySelector(sel) || document.scrollingElement || document.documentElement;
|
|
10865
|
+
}
|
|
10866
|
+
mount() {
|
|
10867
|
+
const size = this.num('size', 56), th = this.num('thickness', 5), r = (size - th) / 2, C = 2 * Math.PI * r;
|
|
10868
|
+
this.style.setProperty('--usa-ring-size', size + 'px');
|
|
10869
|
+
this.style.setProperty('--usa-ring-c', String(C));
|
|
10870
|
+
const svg = document.createElementNS(NS, 'svg');
|
|
10871
|
+
svg.setAttribute('viewBox', `0 0 ${size} ${size}`);
|
|
10872
|
+
svg.setAttribute('aria-hidden', 'true');
|
|
10873
|
+
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})"/>`;
|
|
10874
|
+
const bar = svg.lastElementChild;
|
|
10875
|
+
const label = document.createElement('span');
|
|
10876
|
+
label.className = 'usa-ring-label';
|
|
10877
|
+
label.setAttribute('aria-hidden', 'true');
|
|
10878
|
+
const host = this.flag('back-to-top') ? document.createElement('button') : document.createElement('span');
|
|
10879
|
+
host.className = 'usa-ring';
|
|
10880
|
+
if (host instanceof HTMLButtonElement) {
|
|
10881
|
+
host.type = 'button';
|
|
10882
|
+
host.setAttribute('aria-label', 'Back to top');
|
|
10883
|
+
}
|
|
10884
|
+
host.append(svg, ...(this.flag('label') ? [label] : []));
|
|
10885
|
+
this.replaceChildren(host);
|
|
10886
|
+
this.setAttribute('role', host instanceof HTMLButtonElement ? 'group' : 'progressbar');
|
|
10887
|
+
if (!(host instanceof HTMLButtonElement)) {
|
|
10888
|
+
this.setAttribute('aria-valuemin', '0');
|
|
10889
|
+
this.setAttribute('aria-valuemax', '100');
|
|
10890
|
+
this.setAttribute('aria-label', this.getAttribute('aria-label') || 'Scroll progress');
|
|
10891
|
+
}
|
|
10892
|
+
const tgt = this.target();
|
|
10893
|
+
const isDoc = tgt === document.scrollingElement || tgt === document.documentElement;
|
|
10894
|
+
const horiz = this.flag('horizontal');
|
|
10895
|
+
const scrollEv = isDoc ? window : tgt;
|
|
10896
|
+
this.eng = pickEngine(this.str('engine', 'auto'));
|
|
10897
|
+
this.dataset.engine = this.eng;
|
|
10898
|
+
if (this.eng === 'native') {
|
|
10899
|
+
const axis = horiz ? 'inline' : 'block';
|
|
10900
|
+
if (isDoc)
|
|
10901
|
+
bar.style.animationTimeline = `scroll(root ${axis})`;
|
|
10902
|
+
else {
|
|
10903
|
+
const name = timelineName('usa-ring');
|
|
10904
|
+
tgt.style.setProperty('scroll-timeline', `${name} ${axis}`);
|
|
10905
|
+
commonAncestor(this, tgt).style.setProperty('timeline-scope', name);
|
|
10906
|
+
bar.style.animationTimeline = name;
|
|
10907
|
+
this.onCleanup(() => {
|
|
10908
|
+
tgt.style.removeProperty('scroll-timeline');
|
|
10909
|
+
commonAncestor(this, tgt).style.removeProperty('timeline-scope');
|
|
10910
|
+
});
|
|
10911
|
+
}
|
|
10912
|
+
bar.classList.add('usa-ring-native');
|
|
10913
|
+
}
|
|
10914
|
+
let raf = 0, lastPct = -1;
|
|
10915
|
+
const update = () => {
|
|
10916
|
+
raf = 0;
|
|
10917
|
+
this.p = scrollProgress(tgt, horiz);
|
|
10918
|
+
const pct = Math.round(this.p * 100);
|
|
10919
|
+
if (this.eng === 'js')
|
|
10920
|
+
bar.setAttribute('stroke-dashoffset', String(C * (1 - this.p)));
|
|
10921
|
+
if (pct !== lastPct) {
|
|
10922
|
+
lastPct = pct;
|
|
10923
|
+
label.textContent = pct + '%';
|
|
10924
|
+
if (!(host instanceof HTMLButtonElement))
|
|
10925
|
+
this.setAttribute('aria-valuenow', String(pct));
|
|
10926
|
+
this.toggleAttribute('data-complete', pct >= 100);
|
|
10927
|
+
this.emit('progress', { progress: this.p, percent: pct });
|
|
10928
|
+
}
|
|
10929
|
+
};
|
|
10930
|
+
const onScroll = () => {
|
|
10931
|
+
if (!raf)
|
|
10932
|
+
raf = requestAnimationFrame(update);
|
|
10933
|
+
};
|
|
10934
|
+
this.listen(scrollEv, 'scroll', onScroll, { passive: true });
|
|
10935
|
+
this.listen(window, 'resize', onScroll, { passive: true });
|
|
10936
|
+
this.onCleanup(() => raf && cancelAnimationFrame(raf));
|
|
10937
|
+
update();
|
|
10938
|
+
if (host instanceof HTMLButtonElement)
|
|
10939
|
+
this.listen(host, 'click', () => {
|
|
10940
|
+
const opts = { [horiz ? 'left' : 'top']: 0, behavior: this.reduced ? 'auto' : 'smooth' };
|
|
10941
|
+
(isDoc ? window : tgt).scrollTo(opts);
|
|
10942
|
+
this.emit('top');
|
|
10943
|
+
});
|
|
10944
|
+
if (this.flag('preview') && !isDoc && !this.reduced) {
|
|
10945
|
+
let dir = 1, timer = null, user = false;
|
|
10946
|
+
const el = tgt;
|
|
10947
|
+
const glide = () => {
|
|
10948
|
+
if (user)
|
|
10949
|
+
return;
|
|
10950
|
+
const max = horiz ? el.scrollWidth - el.clientWidth : el.scrollHeight - el.clientHeight;
|
|
10951
|
+
el.scrollTo({ [horiz ? 'left' : 'top']: dir > 0 ? max : 0, behavior: 'smooth' });
|
|
10952
|
+
dir = -dir;
|
|
10953
|
+
timer = setTimeout(glide, 2200);
|
|
10954
|
+
};
|
|
10955
|
+
this.inView((v) => {
|
|
10956
|
+
if (timer)
|
|
10957
|
+
clearTimeout(timer);
|
|
10958
|
+
timer = v ? setTimeout(glide, 300) : null;
|
|
10959
|
+
});
|
|
10960
|
+
const stopDemo = () => (user = true);
|
|
10961
|
+
this.listen(el, 'wheel', stopDemo, { passive: true });
|
|
10962
|
+
this.listen(el, 'touchstart', stopDemo, { passive: true });
|
|
10963
|
+
this.onCleanup(() => timer && clearTimeout(timer));
|
|
10964
|
+
}
|
|
10965
|
+
}
|
|
10966
|
+
}
|
|
10967
|
+
return UsaScrollRing;
|
|
10968
|
+
}, { id: 'scroll-ring', text: css$2 });
|
|
10969
|
+
}
|
|
10970
|
+
|
|
10971
|
+
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}}";
|
|
10972
|
+
|
|
10973
|
+
function defineParallaxLayers(tag = 'usa-parallax-layers') {
|
|
10974
|
+
return base.defineElement(tag, (Base) => {
|
|
10975
|
+
class UsaParallaxLayers extends Base {
|
|
10976
|
+
constructor() {
|
|
10977
|
+
super(...arguments);
|
|
10978
|
+
this.p = 0;
|
|
10979
|
+
}
|
|
10980
|
+
static get observedAttributes() {
|
|
10981
|
+
return ['range', 'engine', 'horizontal', 'pointer', 'strength', 'preview'];
|
|
10982
|
+
}
|
|
10983
|
+
get progress() {
|
|
10984
|
+
return this.p;
|
|
10985
|
+
}
|
|
10986
|
+
layers() {
|
|
10987
|
+
return Array.from(this.querySelectorAll(':scope > [data-depth], :scope > * > [data-depth]'));
|
|
10988
|
+
}
|
|
10989
|
+
mount() {
|
|
10990
|
+
const layers = this.layers();
|
|
10991
|
+
const range = this.num('range', 120);
|
|
10992
|
+
const horiz = this.flag('horizontal');
|
|
10993
|
+
this.style.setProperty('--usa-plx-range', String(range));
|
|
10994
|
+
layers.forEach((l) => l.style.setProperty('--usa-depth', String(Number(l.dataset.depth) || 0)));
|
|
10995
|
+
this.toggleAttribute('data-horizontal', horiz);
|
|
10996
|
+
if (this.reduced) {
|
|
10997
|
+
this.dataset.engine = 'static';
|
|
10998
|
+
return;
|
|
10999
|
+
}
|
|
11000
|
+
const canScroll = document.documentElement.scrollHeight > innerHeight + 2;
|
|
11001
|
+
if (this.flag('preview') && !canScroll) {
|
|
11002
|
+
this.dataset.engine = 'preview';
|
|
11003
|
+
const anims = layers.map((l) => {
|
|
11004
|
+
const d = (Number(l.dataset.depth) || 0) * range;
|
|
11005
|
+
const t = (v) => (horiz ? `${v}px 0` : `0 ${v}px`);
|
|
11006
|
+
return this.motion(l, [{ translate: t(d) }, { translate: t(-d) }], { duration: 3200, iterations: Infinity, direction: 'alternate', easing: 'ease-in-out' });
|
|
11007
|
+
});
|
|
11008
|
+
this.onCleanup(() => anims.forEach((a) => a?.cancel()));
|
|
11009
|
+
}
|
|
11010
|
+
else {
|
|
11011
|
+
const eng = pickEngine(this.str('engine', 'auto'), 'view');
|
|
11012
|
+
this.dataset.engine = eng;
|
|
11013
|
+
if (eng === 'native') {
|
|
11014
|
+
const name = timelineName('usa-plx');
|
|
11015
|
+
this.style.setProperty('view-timeline', `${name} block`);
|
|
11016
|
+
layers.forEach((l) => {
|
|
11017
|
+
l.classList.add('usa-plx-native');
|
|
11018
|
+
l.style.animationTimeline = name;
|
|
11019
|
+
});
|
|
11020
|
+
this.onCleanup(() => layers.forEach((l) => l.classList.remove('usa-plx-native')));
|
|
11021
|
+
}
|
|
11022
|
+
let raf = 0;
|
|
11023
|
+
const update = () => {
|
|
11024
|
+
raf = 0;
|
|
11025
|
+
this.p = viewProgress(this);
|
|
11026
|
+
if (eng === 'js')
|
|
11027
|
+
layers.forEach((l) => {
|
|
11028
|
+
const v = (Number(l.dataset.depth) || 0) * range * (1 - 2 * this.p);
|
|
11029
|
+
l.style.translate = horiz ? `${v.toFixed(2)}px 0` : `0 ${v.toFixed(2)}px`;
|
|
11030
|
+
});
|
|
11031
|
+
this.emit('progress', { progress: this.p });
|
|
11032
|
+
};
|
|
11033
|
+
const onScroll = () => {
|
|
11034
|
+
if (!raf)
|
|
11035
|
+
raf = requestAnimationFrame(update);
|
|
11036
|
+
};
|
|
11037
|
+
let visible = false;
|
|
11038
|
+
this.inView((v) => {
|
|
11039
|
+
visible = v;
|
|
11040
|
+
if (v)
|
|
11041
|
+
onScroll();
|
|
11042
|
+
}, { rootMargin: '20% 0px' });
|
|
11043
|
+
this.listen(window, 'scroll', () => visible && onScroll(), { passive: true });
|
|
11044
|
+
this.listen(window, 'resize', onScroll, { passive: true });
|
|
11045
|
+
this.onCleanup(() => raf && cancelAnimationFrame(raf));
|
|
11046
|
+
update();
|
|
11047
|
+
}
|
|
11048
|
+
if (this.flag('pointer')) {
|
|
11049
|
+
const s = this.num('strength', 14);
|
|
11050
|
+
this.listen(this, 'pointermove', (e) => {
|
|
11051
|
+
const r = this.getBoundingClientRect();
|
|
11052
|
+
const dx = (e.clientX - r.left) / (r.width || 1) - 0.5, dy = (e.clientY - r.top) / (r.height || 1) - 0.5;
|
|
11053
|
+
layers.forEach((l) => {
|
|
11054
|
+
const d = Number(l.dataset.depth) || 0;
|
|
11055
|
+
l.style.transform = `translate(${(-dx * s * d * 2).toFixed(2)}px, ${(-dy * s * d * 2).toFixed(2)}px)`;
|
|
11056
|
+
});
|
|
11057
|
+
});
|
|
11058
|
+
this.listen(this, 'pointerleave', () => layers.forEach((l) => (l.style.transform = '')));
|
|
11059
|
+
}
|
|
11060
|
+
this.onCleanup(() => layers.forEach((l) => {
|
|
11061
|
+
l.style.translate = '';
|
|
11062
|
+
l.style.transform = '';
|
|
11063
|
+
l.style.animationTimeline = '';
|
|
11064
|
+
}));
|
|
11065
|
+
}
|
|
11066
|
+
}
|
|
11067
|
+
return UsaParallaxLayers;
|
|
11068
|
+
}, { id: 'parallax-layers', text: css$1 });
|
|
11069
|
+
}
|
|
11070
|
+
|
|
11071
|
+
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}";
|
|
11072
|
+
|
|
11073
|
+
function defineSmoothScroll(tag = 'usa-smooth-scroll') {
|
|
11074
|
+
return base.defineElement(tag, (Base) => {
|
|
11075
|
+
class UsaSmoothScroll extends Base {
|
|
11076
|
+
constructor() {
|
|
11077
|
+
super(...arguments);
|
|
11078
|
+
this.s = null;
|
|
11079
|
+
}
|
|
11080
|
+
static get observedAttributes() {
|
|
11081
|
+
return ['lerp', 'duration', 'ease', 'wheel-multiplier', 'horizontal', 'touch', 'anchors', 'offset', 'wrapper', 'preview'];
|
|
11082
|
+
}
|
|
11083
|
+
get instance() {
|
|
11084
|
+
return this.s;
|
|
11085
|
+
}
|
|
11086
|
+
mount() {
|
|
11087
|
+
const api = runtimeModule(this, 'smooth');
|
|
11088
|
+
if (!api)
|
|
11089
|
+
return;
|
|
11090
|
+
const wrapper = this.flag('wrapper');
|
|
11091
|
+
this.toggleAttribute('data-wrapper', wrapper);
|
|
11092
|
+
const anchors = this.getAttribute('anchors') === 'false' ? false : { offset: -this.num('offset', 0) }; // offset="64" stops 64 px above the target (sticky headers)
|
|
11093
|
+
const s = api.smoothScroll({
|
|
11094
|
+
wrapper: wrapper ? this : undefined,
|
|
11095
|
+
lerp: this.num('lerp', 0.1),
|
|
11096
|
+
duration: this.num('duration', 0) || undefined,
|
|
11097
|
+
ease: this.str('ease') || undefined,
|
|
11098
|
+
wheelMultiplier: this.num('wheel-multiplier', 1),
|
|
11099
|
+
orientation: this.flag('horizontal') ? 'horizontal' : 'vertical',
|
|
11100
|
+
touch: this.flag('touch'),
|
|
11101
|
+
anchors,
|
|
11102
|
+
onScroll: (x) => {
|
|
11103
|
+
this.style.setProperty('--usa-smooth-progress', x.progress.toFixed(4));
|
|
11104
|
+
this.emit('scroll', { progress: x.progress, velocity: x.velocity });
|
|
11105
|
+
},
|
|
11106
|
+
});
|
|
11107
|
+
this.s = s;
|
|
11108
|
+
this.dataset.active = String(s.active);
|
|
11109
|
+
this.onCleanup(() => {
|
|
11110
|
+
s.destroy();
|
|
11111
|
+
this.s = null;
|
|
11112
|
+
});
|
|
11113
|
+
this.emit('ready', { active: s.active });
|
|
11114
|
+
if (wrapper && this.flag('preview') && s.active) {
|
|
11115
|
+
let dir = 1, user = false, timer = null;
|
|
11116
|
+
const glide = () => {
|
|
11117
|
+
if (user)
|
|
11118
|
+
return;
|
|
11119
|
+
s.scrollTo(dir > 0 ? s.limit : 0, { duration: 1600 });
|
|
11120
|
+
dir = -dir;
|
|
11121
|
+
timer = setTimeout(glide, 2400);
|
|
11122
|
+
};
|
|
11123
|
+
this.inView((v) => {
|
|
11124
|
+
if (timer)
|
|
11125
|
+
clearTimeout(timer);
|
|
11126
|
+
timer = v ? setTimeout(glide, 300) : null;
|
|
11127
|
+
});
|
|
11128
|
+
this.listen(this, 'wheel', () => (user = true), { passive: true });
|
|
11129
|
+
this.listen(this, 'pointerdown', () => (user = true), { passive: true });
|
|
11130
|
+
this.onCleanup(() => timer && clearTimeout(timer));
|
|
11131
|
+
}
|
|
11132
|
+
}
|
|
11133
|
+
glideTo(target, opts = {}) {
|
|
11134
|
+
this.s?.scrollTo(target, opts);
|
|
11135
|
+
}
|
|
11136
|
+
stop() {
|
|
11137
|
+
this.s?.stop();
|
|
11138
|
+
}
|
|
11139
|
+
resume() {
|
|
11140
|
+
this.s?.resume();
|
|
11141
|
+
}
|
|
11142
|
+
}
|
|
11143
|
+
return UsaSmoothScroll;
|
|
11144
|
+
}, { id: 'smooth-scroll', text: css });
|
|
10598
11145
|
}
|
|
10599
11146
|
|
|
10600
11147
|
/**
|
|
@@ -10649,6 +11196,8 @@ const WIDGETS = {
|
|
|
10649
11196
|
'9.8': { 'usa-native-preview': defineNativePreview },
|
|
10650
11197
|
'10.1': { 'usa-plugin-card': definePluginCard, 'usa-install-button': defineInstallButton },
|
|
10651
11198
|
'10.2': { 'usa-scroll-scene': defineScrollScene, 'usa-motion-inspector': defineMotionInspector },
|
|
11199
|
+
'10.3': { 'usa-route-transition': defineRouteTransition, 'usa-text-splitter': defineTextSplitter },
|
|
11200
|
+
'10.4': { 'usa-scroll-ring': defineScrollRing, 'usa-parallax-layers': defineParallaxLayers, 'usa-smooth-scroll': defineSmoothScroll },
|
|
10652
11201
|
};
|
|
10653
11202
|
/** Every widget tag, in release order. */
|
|
10654
11203
|
const WIDGET_TAGS = Object.values(WIDGETS).flatMap((g) => Object.keys(g));
|
|
@@ -10745,6 +11294,7 @@ exports.defineOrganicCard = defineOrganicCard;
|
|
|
10745
11294
|
exports.defineOtp = defineOtp;
|
|
10746
11295
|
exports.definePagination = definePagination;
|
|
10747
11296
|
exports.definePanorama = definePanorama;
|
|
11297
|
+
exports.defineParallaxLayers = defineParallaxLayers;
|
|
10748
11298
|
exports.definePauseAll = definePauseAll;
|
|
10749
11299
|
exports.definePerfMonitor = definePerfMonitor;
|
|
10750
11300
|
exports.definePluginCard = definePluginCard;
|
|
@@ -10759,13 +11309,16 @@ exports.defineRadar = defineRadar;
|
|
|
10759
11309
|
exports.defineReactions = defineReactions;
|
|
10760
11310
|
exports.defineRedEnvelope = defineRedEnvelope;
|
|
10761
11311
|
exports.defineRetroButton = defineRetroButton;
|
|
11312
|
+
exports.defineRouteTransition = defineRouteTransition;
|
|
10762
11313
|
exports.defineScene = defineScene;
|
|
11314
|
+
exports.defineScrollRing = defineScrollRing;
|
|
10763
11315
|
exports.defineScrollScene = defineScrollScene;
|
|
10764
11316
|
exports.defineSegmented = defineSegmented;
|
|
10765
11317
|
exports.defineSheet = defineSheet;
|
|
10766
11318
|
exports.defineShortcut = defineShortcut;
|
|
10767
11319
|
exports.defineSkeletonReveal = defineSkeletonReveal;
|
|
10768
11320
|
exports.defineSketchChart = defineSketchChart;
|
|
11321
|
+
exports.defineSmoothScroll = defineSmoothScroll;
|
|
10769
11322
|
exports.defineSparkline = defineSparkline;
|
|
10770
11323
|
exports.defineSpatialCard = defineSpatialCard;
|
|
10771
11324
|
exports.defineStarRating = defineStarRating;
|
|
@@ -10777,6 +11330,7 @@ exports.defineSwipeDeck = defineSwipeDeck;
|
|
|
10777
11330
|
exports.defineSwitch = defineSwitch;
|
|
10778
11331
|
exports.defineTabBar = defineTabBar;
|
|
10779
11332
|
exports.defineTerminal = defineTerminal;
|
|
11333
|
+
exports.defineTextSplitter = defineTextSplitter;
|
|
10780
11334
|
exports.defineThemeSurface = defineThemeSurface;
|
|
10781
11335
|
exports.defineThemeSwitcher = defineThemeSwitcher;
|
|
10782
11336
|
exports.defineTip = defineTip;
|