pukaad-ui-lib 1.230.0 → 1.231.0

package/dist/module.json

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

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

@@ -21,17 +21,7 @@ type __VLS_Props = {
     id?: string;
     state?: string;
 };
-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;
-}>, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     disabled: boolean;
     id: string;
     disabledPadding: boolean;

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

@@ -35,7 +35,6 @@ 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,
@@ -119,7 +118,6 @@ 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`, {
@@ -135,14 +133,11 @@ 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,17 +21,7 @@ type __VLS_Props = {
     id?: string;
     state?: string;
 };
-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;
-}>, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     disabled: boolean;
     id: string;
     disabledPadding: boolean;

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

@@ -24,14 +24,8 @@ 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

@@ -62,6 +62,7 @@
     <CardReaction
       disabled-divider-top
       disabled-divider-bottom
+      :id="props.item.id"
       :item-count="{
   liked: props.item.like_count,
   commented: props.item.comment_count,
@@ -70,9 +71,7 @@
       :itemActive="{
   liked: props.item.liked
 }"
-      @like="emit('like', $event)"
-      @comment="emit('comment')"
-      @share="emit('share')"
+      state="blog"
     />
   </div>
 </template>
@@ -87,7 +86,7 @@ const props = defineProps({
   isMyProfile: { type: Boolean, required: false, default: false }
 });
 const router = useRouter();
-const emit = defineEmits(["blog-edit", "like", "comment", "share"]);
+const emit = defineEmits(["blog-edit"]);
 const isPinned = ref(props.item.ispinned);
 watch(
   () => props.item.ispinned,

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

@@ -24,14 +24,8 @@ 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/dist/runtime/components/input/input-autocomplete.d.vue.ts

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

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

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

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

@@ -26,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     name: string;
     state: "user" | "admin";
-    placeholder: string;
     limit: number;
+    placeholder: string;
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -26,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     name: string;
     state: "user" | "admin";
-    placeholder: string;
     limit: number;
+    placeholder: string;
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/package.json

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