@designcrowd/fe-shared-lib 1.8.9-ai-switch → 1.8.9-ai-switch-2

package/index.js

@@ -33,6 +33,7 @@ export { default as DcomIcon } from './src/atoms/components/design-com/Icon/Icon
 export { default as Modal } from './src/atoms/components/Modal/Modal.vue';
 export { default as Loader } from './src/atoms/components/Loader/Loader.vue';
 export { default as AiPoweredLoader } from './src/atoms/components/AiPoweredLoader/AiPoweredLoader.vue';
+export { default as AiSwitch } from './src/atoms/components/AiSwitch/AiSwitch.vue';
 export { default as Tooltip } from './src/atoms/components/Tooltip/Tooltip.vue';
 export { default as Picture } from './src/atoms/components/Picture/Picture.vue';
 export { default as HelloBar } from './src/atoms/components/HelloBar/HelloBar.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.8.9-ai-switch",
+  "version": "1.8.9-ai-switch-2",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

package/src/atoms/components/AiSwitch/AiSwitch.vue

@@ -41,6 +41,10 @@ const props = withDefaults(defineProps<Props>(), {
   showStars: false,
 });
 
+const emit = defineEmits<{
+  toggledSwitch: [value: boolean];
+}>();
+
 const isAi = ref(false);
 
 const ANGLE_CONST = 25;
@@ -73,9 +77,6 @@ const stars = ref([
 ]);
 
 const randomizeStars = () => {
-  if (!isAi.value && !props.showStars) {
-    return;
-  }
   stars.value = Array.from({ length: NUM_STARS }, (_, index) => {
     const angle = Math.floor(
       ANGLE_CONST - index * (ANGLE_JITTER / NUM_STARS) - Math.random() * (ANGLE_JITTER / NUM_STARS),
@@ -94,8 +95,10 @@ const toggleSwitch = () => {
   // toggle left align class
   // if moving right to left, play star animation after movement
   isAi.value = !isAi.value;
-  console.log(`switch clicked, now ${isAi.value}`);
-  randomizeStars();
+  if (isAi.value && props.showStars) {
+    randomizeStars();
+  }
+  emit.toggledSwitch = isAi.value;
 };
 </script>