pukaad-ui-lib 1.228.0 → 1.230.0

package/dist/module.json

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

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

@@ -21,7 +21,17 @@ type __VLS_Props = {
     id?: string;
     state?: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    comment: () => any;
+    like: (liked: boolean) => any;
+    bookmark: (bookmarked: boolean) => any;
+    share: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onComment?: (() => any) | undefined;
+    onLike?: ((liked: boolean) => any) | undefined;
+    onBookmark?: ((bookmarked: boolean) => any) | undefined;
+    onShare?: (() => any) | undefined;
+}>, {
     disabled: boolean;
     id: string;
     disabledPadding: boolean;

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

@@ -35,6 +35,7 @@ import { computed, reactive, ref, watch } from "vue";
 import { useApi } from "../../composables/useApi";
 const api = useApi();
 const isOpenModalShare = ref(false);
+const emit = defineEmits(["like", "bookmark", "comment", "share"]);
 const props = defineProps({
   itemCount: { type: Object, required: false, default: () => ({
     liked: 0,
@@ -89,8 +90,8 @@ const listReaction = computed(() => {
 const reactions = [
   {
     name: "liked",
-    icon: "fa6-regular:thumbs-up",
-    iconReacted: "fa6-solid:thumbs-up",
+    icon: "pukaad:thumbs-up-regular",
+    iconReacted: "pukaad:thumbs-up-solid",
     action: toggleLike
   },
   {
@@ -118,6 +119,7 @@ async function toggleLike() {
   const previousLiked = reaction.liked;
   reaction.liked = !previousLiked;
   counts.liked += reaction.liked ? 1 : -1;
+  emit("like", !!reaction.liked);
   if (props.state === "blog" && props.id) {
     try {
       await api(`/blogs/${props.id}/like`, {
@@ -133,11 +135,14 @@ async function toggleLike() {
 function toggleBookmark() {
   reaction.bookmarked = !reaction.bookmarked;
   counts.bookmarked += reaction.bookmarked ? 1 : -1;
+  emit("bookmark", !!reaction.bookmarked);
 }
 function toggleComment() {
   console.log("comment  ");
+  emit("comment");
 }
 function toggleShared() {
   isOpenModalShare.value = !isOpenModalShare.value;
+  emit("share");
 }
 </script>

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

@@ -21,7 +21,17 @@ type __VLS_Props = {
     id?: string;
     state?: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    comment: () => any;
+    like: (liked: boolean) => any;
+    bookmark: (bookmarked: boolean) => any;
+    share: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onComment?: (() => any) | undefined;
+    onLike?: ((liked: boolean) => any) | undefined;
+    onBookmark?: ((bookmarked: boolean) => any) | undefined;
+    onShare?: (() => any) | undefined;
+}>, {
     disabled: boolean;
     id: string;
     disabledPadding: boolean;

package/dist/runtime/components/card/card-user-blog.d.vue.ts

@@ -24,8 +24,14 @@ type __VLS_Props = {
     isMyProfile?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    comment: () => any;
+    like: (liked: boolean) => any;
+    share: () => any;
     "blog-edit": (item: CardUserBlogProps) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onComment?: (() => any) | undefined;
+    onLike?: ((liked: boolean) => any) | undefined;
+    onShare?: (() => any) | undefined;
     "onBlog-edit"?: ((item: CardUserBlogProps) => any) | undefined;
 }>, {
     isMyProfile: boolean;

package/dist/runtime/components/card/card-user-blog.vue

@@ -70,6 +70,9 @@
       :itemActive="{
   liked: props.item.liked
 }"
+      @like="emit('like', $event)"
+      @comment="emit('comment')"
+      @share="emit('share')"
     />
   </div>
 </template>
@@ -84,7 +87,7 @@ const props = defineProps({
   isMyProfile: { type: Boolean, required: false, default: false }
 });
 const router = useRouter();
-const emit = defineEmits(["blog-edit"]);
+const emit = defineEmits(["blog-edit", "like", "comment", "share"]);
 const isPinned = ref(props.item.ispinned);
 watch(
   () => props.item.ispinned,
@@ -93,7 +96,7 @@ watch(
   }
 );
 const onProfileClick = () => {
-  router.push(`/${props.item.user.path_name}`);
+  router.push(`/@${props.item.user.path_name}`);
 };
 const onBlogPin = () => {
   isPinned.value = true;
@@ -106,6 +109,5 @@ const onBlogClick = () => {
 };
 const onBlogEdit = () => {
   emit("blog-edit", props.item);
-  console.log(props.item);
 };
 </script>

package/dist/runtime/components/card/card-user-blog.vue.d.ts

@@ -24,8 +24,14 @@ type __VLS_Props = {
     isMyProfile?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    comment: () => any;
+    like: (liked: boolean) => any;
+    share: () => any;
     "blog-edit": (item: CardUserBlogProps) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onComment?: (() => any) | undefined;
+    onLike?: ((liked: boolean) => any) | undefined;
+    onShare?: (() => any) | undefined;
     "onBlog-edit"?: ((item: CardUserBlogProps) => any) | undefined;
 }>, {
     isMyProfile: boolean;

package/dist/runtime/components/image/image-cropper.d.vue.ts

@@ -64,15 +64,15 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
     src: string;
     center: boolean;
+    background: boolean;
+    modal: boolean;
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
     crossorigin: "" | "anonymous" | "use-credentials";
-    modal: boolean;
     guides: boolean;
     highlight: boolean;
-    background: boolean;
     autoCrop: boolean;
     movable: boolean;
     rotatable: boolean;

package/dist/runtime/components/image/image-cropper.vue.d.ts

@@ -64,15 +64,15 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
     src: string;
     center: boolean;
+    background: boolean;
+    modal: boolean;
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
     crossorigin: "" | "anonymous" | "use-credentials";
-    modal: boolean;
     guides: boolean;
     highlight: boolean;
-    background: boolean;
     autoCrop: boolean;
     movable: boolean;
     rotatable: boolean;

package/package.json

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