@dative-gpi/foundation-shared-components 0.0.67 → 0.0.69

package/components/FSClickable.vue

@@ -82,7 +82,7 @@
 
 <script lang="ts">
 import { computed, defineComponent, PropType } from "vue";
-import { RouteLocation, useRouter } from "vue-router";
+import { RouteLocation } from "vue-router";
 
 import { ColorBase, ColorEnum } from "@dative-gpi/foundation-shared-components/models";
 import { useColors } from "@dative-gpi/foundation-shared-components/composables";
@@ -155,7 +155,6 @@ export default defineComponent({
   emits: ["click"],
   setup(props, { emit }) {
     const { getColors } = useColors();
-    const router = useRouter();
 
     const colors = computed(() => getColors(props.color));
     const backgrounds = getColors(ColorEnum.Background);

package/components/FSEditImage.vue

@@ -107,10 +107,10 @@ export default defineComponent({
     });
 
     const onUpload = async (payload: File) => {
-      const content = await readFile(payload);
+      const content = (await readFile(payload)) as string;
       fileSelected.value.fileName = payload.name;
       fileSelected.value.fileContent = content;
-      emit("update:modelValue", content);
+      emit("update:modelValue", content.substring(content.indexOf(',') + 1));
     };
 
     const onRemove = () => {

package/components/FSLink.vue

@@ -24,7 +24,7 @@
 
 <script lang="ts">
 import { computed, defineComponent, PropType } from "vue";
-import { RouteLocation, useRouter } from "vue-router";
+import { RouteLocation } from "vue-router";
 
 import { useColors, useSlots } from "@dative-gpi/foundation-shared-components/composables";
 import { ColorBase, ColorEnum } from "@dative-gpi/foundation-shared-components/models";
@@ -76,7 +76,6 @@ export default defineComponent({
   setup(props) {
     const { getColors } = useColors();
     const { slots } = useSlots();
-    const router = useRouter();
 
     const colors = computed(() => getColors(props.color));
 

package/components/tiles/FSTile.vue

@@ -1,5 +1,34 @@
 <template>
+  <FSClickable
+    v-if="$props.href || $props.to || $attrs.onClick"
+    class="fs-tile"
+    padding="12px"
+    :height="height"
+    :width="width"
+    :style="style"
+    :href="$props.href"
+    :to="$props.to"
+    v-bind="$attrs"
+  >
+    <slot />
+    <FSCard
+      v-if="$props.editable"
+      class="fs-tile-checkbox"
+      :border="false"
+    >
+      <FSCheckbox
+        :color="ColorEnum.Dark"
+        :modelValue="$props.modelValue"
+        @update:modelValue="() => $emit('update:modelValue', !$props.modelValue)"
+      />
+    </FSCard>
+    <div
+      class="fs-tile-bottom"
+      :style="style"
+    />
+  </FSClickable>
   <FSCard
+    v-else
     class="fs-tile"
     padding="12px"
     :style="style"
@@ -27,20 +56,33 @@
 
 <script lang="ts">
 import { computed, defineComponent, PropType } from "vue";
+import { RouteLocation } from "vue-router";
 
 import { useBreakpoints, useColors } from "@dative-gpi/foundation-shared-components/composables";
 import { ColorBase, ColorEnum } from "@dative-gpi/foundation-shared-components/models";
 
+import FSClickable from "../FSClickable.vue";
 import FSCheckbox from "../FSCheckbox.vue";
 import FSCard from "../FSCard.vue";
 
 export default defineComponent({
   name: "FSTile",
   components: {
+    FSClickable,
     FSCheckbox,
     FSCard
   },
   props: {
+    to: {
+      type: [String, Object] as PropType<string | RouteLocation | null>,
+      required: false,
+      default: null
+    },
+    href: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
+    },
     modelValue: {
       type: Boolean,
       required: false,

package/models/grids.ts

@@ -5,8 +5,8 @@ export interface FSGridMosaic {
 }
 
 export interface FSGridItem {
-    hideDefault: boolean;
     label: string;
     code: string;
     value?: string;
+    hideDefault?: boolean;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-shared-components",
   "sideEffects": false,
-  "version": "0.0.67",
+  "version": "0.0.69",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,8 +10,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "0.0.67",
-    "@dative-gpi/foundation-shared-services": "0.0.67",
+    "@dative-gpi/foundation-shared-domain": "0.0.69",
+    "@dative-gpi/foundation-shared-services": "0.0.69",
     "@fontsource/montserrat": "^5.0.16",
     "@lexical/clipboard": "^0.12.5",
     "@lexical/history": "^0.12.5",
@@ -32,5 +32,5 @@
     "sass": "^1.69.5",
     "sass-loader": "^13.3.2"
   },
-  "gitHead": "6cc34e046f8f86c6b13d67d8e11f8870bc073d15"
+  "gitHead": "f42750502e3f9499a2df817d41a2e89847c83cdd"
 }