@dative-gpi/foundation-shared-components 1.0.194-dynamic-vue-app → 1.0.194-filled-check

package/components/FSIconCheck.vue

@@ -28,10 +28,18 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: true
+    },
+    variant: {
+      type: String as () => "fill" | "outline",
+      required: false,
+      default: "outline"
     }
   },
   setup(props) {
     const icon = computed((): string => {
+      if (props.variant === "fill") {
+        return props.value ? "mdi-check-circle" : "mdi-close-circle";
+      }
       return props.value ? "mdi-check-circle-outline" : "mdi-close-circle-outline";
     });
 

package/composables/index.ts

@@ -5,7 +5,6 @@ export * from "./useBreakpoints";
 export * from "./useColors";
 export * from "./useCountUp";
 export * from "./useDebounce";
-export * from "./useDynamicVueApp";
 export * from "./useElementVisibility";
 export * from "./useMapLayers";
 export * from "./useRules";

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://github.com/Dative-GPI/foundation-shared-ui.git"
   },
   "sideEffects": false,
-  "version": "1.0.194-dynamic-vue-app",
+  "version": "1.0.194-filled-check",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -13,8 +13,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "1.0.194-dynamic-vue-app",
-    "@dative-gpi/foundation-shared-services": "1.0.194-dynamic-vue-app"
+    "@dative-gpi/foundation-shared-domain": "1.0.194-filled-check",
+    "@dative-gpi/foundation-shared-services": "1.0.194-filled-check"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^1.0.0",
@@ -38,5 +38,5 @@
     "sass": "1.71.1",
     "sass-loader": "13.3.2"
   },
-  "gitHead": "15437d51d163b21dd5eaf10397da1108571f4b1f"
+  "gitHead": "65817130f747be929b4f052352e468be4f6272c6"
 }

package/composables/useDynamicVueApp.ts

@@ -1,68 +0,0 @@
-import { uuidv4 } from "@dative-gpi/bones-ui";
-import { createApp, nextTick, onBeforeUnmount, type App, type Component } from "vue";
-
-export function useDynamicVueApp<TProps extends Record<string, any>>(
-  component: Component,
-  options?: { registerPlugins?: (app: App) => void }
-) {
-  let app: App | null = null;
-  let isMounting = false;
-
-  const id = uuidv4();
-  
-
-  const mount = async (props: TProps): Promise<void> => {
-    if (isMounting) {
-      return;
-    }
-
-    isMounting = true;
-    
-    try {
-        await nextTick();
-
-        const mountPoint = document.getElementById(id);
-        if (!mountPoint) {
-            return;
-        }
-
-        unmount();
-
-        app = createApp(component, props);
-        options?.registerPlugins?.(app);
-        app.mount(mountPoint);
-    } finally {
-        isMounting = false;
-    }
-  };
-
-  const unmount = () => {
-    if (!app) {
-      return;
-    }
-    app.unmount();
-    app = null;
-  };
-
-  const sanitizeStyle = (style?: string): string => {
-    if (!style) {
-      return "";
-    }
-    return style
-      .replace(/"/g, "&quot;")
-      .replace(/</g, "&lt;")
-      .replace(/>/g, "&gt;");
-  };
-
-  const getHtml = (style?: string) => {
-    const safeStyle = sanitizeStyle(style);
-    const styleAttribute = safeStyle ? ` style="${safeStyle}"` : "";
-    return `<div id="${id}"${styleAttribute}></div>`;
-  };
-
-  onBeforeUnmount(() => {
-    unmount();
-  });
-
-  return { mount, unmount, getHtml };
-}