pukaad-ui-lib 1.400.0 → 1.401.0

package/dist/module.json

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

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

@@ -0,0 +1,7 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,15 @@
+<template>
+  <Button
+    type="button"
+    circle
+    variant="ghost"
+    class="size-[24px] p-0 bg-white text-black hover:bg-white"
+    @click.stop="emit('close')"
+  >
+    <Icon name="lucide:x" size="16" />
+  </Button>
+</template>
+
+<script setup>
+const emit = defineEmits(["close"]);
+</script>

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

@@ -0,0 +1,7 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -9,12 +9,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "update:selected": (value: boolean) => any;
 } & {
     click: (item: CardContentItem) => any;
+    close: (item: CardContentItem) => any;
     action: (name: string, item: CardContentItem) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClick?: ((item: CardContentItem) => any) | undefined;
+    onClose?: ((item: CardContentItem) => any) | undefined;
     "onUpdate:selected"?: ((value: boolean) => any) | undefined;
     onAction?: ((name: string, item: CardContentItem) => any) | undefined;
 }>, {
+    closable: boolean;
     selectable: boolean;
     disable: boolean;
     disabledNavigate: boolean;

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

@@ -41,6 +41,13 @@
     >
       <CardContentSelect v-model="selected" />
     </div>
+
+    <div
+      v-if="props.closable"
+      class="absolute right-[8px] top-[8px] z-content"
+    >
+      <CardContentClose @close="emit('close', props.item)" />
+    </div>
   </div>
 </template>
 
@@ -53,18 +60,20 @@ 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";
+import CardContentClose from "./card-content-close.vue";
 import CardContentDisable from "./card-content-disable.vue";
 const router = useRouter();
 const props = defineProps({
   item: { type: Object, required: true },
   state: { type: String, required: false },
   selectable: { type: Boolean, required: false, default: false },
+  closable: { type: Boolean, required: false, default: false },
   disabledNavigate: { type: Boolean, required: false, default: false },
   disable: { type: Boolean, required: false, default: false },
   hidePin: { type: Boolean, required: false },
   hideBookmark: { type: Boolean, required: false }
 });
-const emit = defineEmits(["click", "action"]);
+const emit = defineEmits(["click", "action", "close"]);
 const selected = defineModel("selected", { type: Boolean, ...{ default: false } });
 const handleClick = () => {
   if (props.disable) return;

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

@@ -9,12 +9,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "update:selected": (value: boolean) => any;
 } & {
     click: (item: CardContentItem) => any;
+    close: (item: CardContentItem) => any;
     action: (name: string, item: CardContentItem) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClick?: ((item: CardContentItem) => any) | undefined;
+    onClose?: ((item: CardContentItem) => any) | undefined;
     "onUpdate:selected"?: ((value: boolean) => any) | undefined;
     onAction?: ((name: string, item: CardContentItem) => any) | undefined;
 }>, {
+    closable: boolean;
     selectable: boolean;
     disable: boolean;
     disabledNavigate: boolean;

package/dist/runtime/components/display/display-video.vue

@@ -186,11 +186,26 @@ const syncPlayback = () => {
   el.volume = props.volume;
   el.playbackRate = props.playbackRate;
 };
+const applyStartTime = () => {
+  const el = videoRef.value;
+  if (!el || !props.startTime) return;
+  if (el.readyState >= 1) {
+    el.currentTime = props.startTime;
+    return;
+  }
+  el.addEventListener(
+    "loadedmetadata",
+    () => {
+      el.currentTime = props.startTime;
+    },
+    { once: true }
+  );
+};
 onMounted(() => {
   syncPlayback();
   const el = videoRef.value;
   if (!el) return;
-  if (props.startTime) el.currentTime = props.startTime;
+  applyStartTime();
   onPaused(el.paused);
 });
 onBeforeUnmount(clearHideTimer);

package/package.json

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