pukaad-ui-lib 1.386.0 → 1.389.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.386.0",
+  "version": "1.389.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/card/card-content/card-content-menu.d.vue.ts

@@ -2,7 +2,6 @@ import type { CardContentMenuState } from "#pukaad-ui/types/components/card/card
 type __VLS_Props = {
     state?: CardContentMenuState;
     isPinned?: boolean;
-    isLiked?: boolean;
     isBookmarked?: boolean;
     isShow?: boolean;
 };
@@ -12,7 +11,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     onAction?: ((name: string) => any) | undefined;
 }>, {
     isPinned: boolean;
-    isLiked: boolean;
     isBookmarked: boolean;
     isShow: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/card/card-content/card-content-menu.vue

@@ -19,7 +19,6 @@ import { computed } from "vue";
 const props = defineProps({
   state: { type: String, required: false },
   isPinned: { type: Boolean, required: false, default: false },
-  isLiked: { type: Boolean, required: false, default: false },
   isBookmarked: { type: Boolean, required: false, default: false },
   isShow: { type: Boolean, required: false, default: false }
 });
@@ -39,8 +38,11 @@ const actions = computed(() => {
   }
   if (props.state === "content") {
     return [
-      { name: "like", icon: "lucide:heart", isActive: props.isLiked },
-      { name: "bookmark", icon: "lucide:bookmark", isActive: props.isBookmarked },
+      {
+        name: "bookmark",
+        icon: "lucide:bookmark",
+        isActive: props.isBookmarked
+      },
       { name: "preview", icon: "lucide:tv-minimal-play" }
     ];
   }

package/dist/runtime/components/card/card-content/card-content-menu.vue.d.ts

@@ -2,7 +2,6 @@ import type { CardContentMenuState } from "#pukaad-ui/types/components/card/card
 type __VLS_Props = {
     state?: CardContentMenuState;
     isPinned?: boolean;
-    isLiked?: boolean;
     isBookmarked?: boolean;
     isShow?: boolean;
 };
@@ -12,7 +11,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     onAction?: ((name: string) => any) | undefined;
 }>, {
     isPinned: boolean;
-    isLiked: boolean;
     isBookmarked: boolean;
     isShow: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/card/card-content/card-content.d.vue.ts

@@ -16,6 +16,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     onAction?: ((name: string, item: CardContentItem) => any) | undefined;
 }>, {
     selectable: boolean;
+    disabledNavigate: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/card/card-content/card-content.vue

@@ -7,7 +7,8 @@
   -->
   <div
     :class="[
-  'relative h-[345px] w-[194px] cursor-pointer overflow-hidden rounded-[4px] bg-white outline outline-offset-0',
+  'relative h-[345px] w-[194px] overflow-hidden rounded-[4px] bg-white outline outline-offset-0',
+  props.disabledNavigate && !props.selectable ? 'cursor-default' : 'cursor-pointer',
   props.selectable || selected ? 'outline-2 outline-gray' : 'outline-1 outline-silver'
 ]"
     @mouseenter="hovering = true"
@@ -24,7 +25,6 @@
       <CardContentMenu
         :state="props.state"
         :is-pinned="!!props.item.pinned"
-        :is-liked="!!props.item.liked"
         :is-bookmarked="!!props.item.bookmarked"
         :is-show="hovering"
         @action="onMenuAction"
@@ -42,24 +42,32 @@
 
 <script setup>
 import { computed, ref } from "vue";
+import { useRouter } from "vue-router";
 import CardContentPostIt from "./card-content-post-it.vue";
 import CardContentImage from "./card-content-image.vue";
 import CardContentVideo from "./card-content-video.vue";
 import CardContentTime from "./card-content-time.vue";
 import CardContentMenu from "./card-content-menu.vue";
 import CardContentSelect from "./card-content-select.vue";
+const router = useRouter();
 const props = defineProps({
   item: { type: Object, required: true },
   state: { type: String, required: false },
-  selectable: { type: Boolean, required: false, default: false }
+  selectable: { type: Boolean, required: false, default: false },
+  disabledNavigate: { type: Boolean, required: false, default: false }
 });
 const emit = defineEmits(["click", "action"]);
 const selected = defineModel("selected", { type: Boolean, ...{ default: false } });
 const handleClick = () => {
   if (props.selectable) {
     selected.value = !selected.value;
+    emit("click", props.item);
+    return;
   }
   emit("click", props.item);
+  if (!props.disabledNavigate && props.item?.id) {
+    router.push(`/content/${props.item.id}`);
+  }
 };
 const hovering = ref(false);
 const BODY = {

package/dist/runtime/components/card/card-content/card-content.vue.d.ts

@@ -16,6 +16,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     onAction?: ((name: string, item: CardContentItem) => any) | undefined;
 }>, {
     selectable: boolean;
+    disabledNavigate: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/drawer/drawer-post-content.vue

@@ -118,7 +118,7 @@
         <CardContent
           v-if="previewItem"
           :item="previewItem"
-          class="cursor-default"
+          disabled-navigate
         />
         <div
           v-else

package/dist/runtime/components/input/input-autocomplete.d.vue.ts

@@ -49,9 +49,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
-    options: AutocompleteOption[] | string[] | number[];
     labelKey: string;
     placeholder: string;
+    options: AutocompleteOption[] | string[] | number[];
     limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;

package/dist/runtime/components/input/input-autocomplete.vue.d.ts

@@ -49,9 +49,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
-    options: AutocompleteOption[] | string[] | number[];
     labelKey: string;
     placeholder: string;
+    options: AutocompleteOption[] | string[] | number[];
     limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;

package/dist/runtime/components/input/input-localized-name.d.vue.ts

@@ -11,8 +11,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     label: string;
     name: string;
     modelValue: LocalizedNameItem[];
-    options: InputSelectItem[];
     placeholder: string;
+    options: InputSelectItem[];
     limit: number;
     showCounter: boolean;
     addLabel: string;

package/dist/runtime/components/input/input-localized-name.vue.d.ts

@@ -11,8 +11,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     label: string;
     name: string;
     modelValue: LocalizedNameItem[];
-    options: InputSelectItem[];
     placeholder: string;
+    options: InputSelectItem[];
     limit: number;
     showCounter: boolean;
     addLabel: string;

package/dist/runtime/components/input/input-tag.d.vue.ts

@@ -25,8 +25,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: SelectedTag[]) => any) | undefined;
 }>, {
     name: string;
-    state: "user" | "admin";
     placeholder: string;
+    state: "user" | "admin";
     limit: number;
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/input/input-tag.vue.d.ts

@@ -25,8 +25,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: SelectedTag[]) => any) | undefined;
 }>, {
     name: string;
-    state: "user" | "admin";
     placeholder: string;
+    state: "user" | "admin";
     limit: number;
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.386.0",
+  "version": "1.389.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",