@flux-ui/visuals 4.0.0-beta.5 → 4.0.0-beta.6
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/dist/index.js
CHANGED
|
@@ -651,13 +651,13 @@ var FluxVisualBorderBeam_default = /* @__PURE__ */ defineComponent({
|
|
|
651
651
|
"pulse-outside": BorderBeam_module_default.pulseOutside
|
|
652
652
|
};
|
|
653
653
|
const wrapperRef = useTemplateRef("wrapper");
|
|
654
|
+
const isActive = ref(__props.active);
|
|
655
|
+
const isFading = ref(false);
|
|
656
|
+
const glowScale = ref(null);
|
|
654
657
|
const inView = useInView(wrapperRef, {
|
|
655
658
|
initial: true,
|
|
656
659
|
rootMargin: "256px"
|
|
657
660
|
});
|
|
658
|
-
const isActive = ref(__props.active);
|
|
659
|
-
const isFading = ref(false);
|
|
660
|
-
const glowScale = ref(null);
|
|
661
661
|
const isPulse = computed(() => __props.variant === "pulse-inner" || __props.variant === "pulse-outside");
|
|
662
662
|
const isStatic = computed(() => __props.staticColors || __props.colorVariant === "mono");
|
|
663
663
|
const isPaused = computed(() => isActive.value && !isFading.value && !inView.value);
|
|
@@ -817,10 +817,10 @@ var FluxVisualDotPattern_default = /* @__PURE__ */ defineComponent({
|
|
|
817
817
|
}
|
|
818
818
|
},
|
|
819
819
|
setup(__props) {
|
|
820
|
-
const id = useId();
|
|
821
|
-
const glowId = `${id}-glow`;
|
|
822
820
|
const rootRef = useTemplateRef("root");
|
|
823
821
|
const active = ref(false);
|
|
822
|
+
const id = useId();
|
|
823
|
+
const glowId = `${id}-glow`;
|
|
824
824
|
watch([rootRef, () => __props.glow], (_, __, onCleanup) => {
|
|
825
825
|
const root = unref(rootRef);
|
|
826
826
|
if (!__props.glow || !root || !root.parentElement) return;
|
|
@@ -1036,10 +1036,10 @@ var FluxVisualGridPattern_default = /* @__PURE__ */ defineComponent({
|
|
|
1036
1036
|
}
|
|
1037
1037
|
},
|
|
1038
1038
|
setup(__props) {
|
|
1039
|
-
const id = useId();
|
|
1040
|
-
const glowId = `${id}-glow`;
|
|
1041
1039
|
const rootRef = useTemplateRef("root");
|
|
1042
1040
|
const active = ref(false);
|
|
1041
|
+
const id = useId();
|
|
1042
|
+
const glowId = `${id}-glow`;
|
|
1043
1043
|
watch([rootRef, () => __props.glow], (_, __, onCleanup) => {
|
|
1044
1044
|
const root = unref(rootRef);
|
|
1045
1045
|
if (!__props.glow || !root || !root.parentElement) return;
|