c-dhn-act - npm Package Compare versions

Comparing version 1.0.18 to 1.0.19

lib/c-dhn-date-countdown/index.js

@@ -22,3 +22,3 @@ import { defineComponent, reactive, watch, computed, toRefs, openBlock, createBlock, createVNode, toDisplayString, createCommentVNode } from 'vue';
         dayLang: {
-            type: String,
+            type: [Boolean, String],
             default: ":",
@@ -25,0 +25,0 @@ },

lib/c-dhn-date-countdown/src/dateCountdown.vue.d.ts

 import { PropType } from "vue";
 declare const _default: import("vue").DefineComponent<{
     dayLang: {
-        type: PropType<String>;
+        type: (BooleanConstructor | StringConstructor)[];
         default: string;
@@ -45,3 +45,3 @@ };
 } & {
-    dayLang: String;
+    dayLang: string | boolean;
     hourLang: String;
@@ -54,3 +54,3 @@ minLang: String;
 }>, {
-    dayLang: String;
+    dayLang: string | boolean;
     hourLang: String;
@@ -57,0 +57,0 @@ minLang: String;

lib/c-dhn-modal/index.js

@@ -6,7 +6,3 @@ import { defineComponent, openBlock, createBlock, Teleport, createVNode, renderSlot, createCommentVNode } from 'vue';
     props: {
-        title: {
-            type: String,
-            default: 'title'
-        },
-        showModal: {
+        visible: {
             type: Boolean,
@@ -28,5 +24,2 @@ default: false
     },
-    data() {
-        return {};
-    },
     methods: {
@@ -53,3 +46,3 @@ _handleClose() {
   return (openBlock(), createBlock(Teleport, { to: "body" }, [
-    (_ctx.showModal)
+    (_ctx.visible)
       ? (openBlock(), createBlock("div", _hoisted_1, [
@@ -56,0 +49,0 @@ createVNode("div", _hoisted_2, [

lib/c-dhn-modal/src/modal.vue.d.ts

 declare const _default: import("vue").DefineComponent<{
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    showModal: {
+    visible: {
         type: BooleanConstructor;
@@ -12,3 +8,3 @@ default: boolean;
     handleClose: () => void;
-}, {}, {}, {
+}, unknown, {}, {
     _handleClose(): void;
@@ -18,11 +14,8 @@ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    title?: unknown;
-    showModal?: unknown;
+    visible?: unknown;
 } & {
-    title: string;
-    showModal: boolean;
+    visible: boolean;
 } & {}>, {
-    title: string;
-    showModal: boolean;
+    visible: boolean;
 }>;
 export default _default;

lib/c-dhn-tab-pane/index.js

@@ -64,3 +64,2 @@ import { defineComponent, ref, inject, computed, getCurrentInstance, withDirectives, openBlock, createBlock, renderSlot, vShow, createCommentVNode } from 'vue';
         key: 0,
-        id: `pane-${_ctx.paneName}`,
         class: "c-dhn-tab-pane",
@@ -72,3 +71,3 @@ role: "tabpanel",
         renderSlot(_ctx.$slots, "default")
-      ], 8 /* PROPS */, ["id", "aria-hidden", "aria-labelledby"])), [
+      ], 8 /* PROPS */, ["aria-hidden", "aria-labelledby"])), [
         [vShow, _ctx.active]
@@ -75,0 +74,0 @@ ])

lib/index.cjs.js

@@ -12,2 +12,5 @@ 'use strict';
 var throwError = require('./utils/error');
+var lottie = require('lottie-web');
+var Vap = require('video-animation-player');
+var vue3 = require('vue-luck-draw/vue3');
 
@@ -18,2 +21,4 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 var throwError__default = /*#__PURE__*/_interopDefaultLegacy(throwError);
+var lottie__default = /*#__PURE__*/_interopDefaultLegacy(lottie);
+var Vap__default = /*#__PURE__*/_interopDefaultLegacy(Vap);
 
@@ -34,7 +39,7 @@ const updateTime = function (time$1) {
 };
-var script$c = vue.defineComponent({
+var script$e = vue.defineComponent({
     name: "CDhnDateCountdown",
     props: {
         dayLang: {
-            type: String,
+            type: [Boolean, String],
             default: ":",
@@ -85,3 +90,3 @@ },
 
-const _hoisted_1$2 = { class: "c-dhn-date-countdown" };
+const _hoisted_1$4 = { class: "c-dhn-date-countdown" };
 const _hoisted_2$1 = { key: 0 };
@@ -137,4 +142,4 @@ const _hoisted_3$1 = { class: "c-dhn-time-num" };
 
-function render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createBlock("div", _hoisted_1$2, [
+function render$a(_ctx, _cache, $props, $setup, $data, $options) {
+  return (vue.openBlock(), vue.createBlock("div", _hoisted_1$4, [
     vue.createVNode("ul", {
@@ -202,12 +207,12 @@ class: ["time-down", _ctx.dateClassName]
 
-script$c.render = render$8;
-script$c.__file = "packages/dateCountdown/src/dateCountdown.vue";
+script$e.render = render$a;
+script$e.__file = "packages/dateCountdown/src/dateCountdown.vue";
 
-script$c.install = (app) => {
-    app.component(script$c.name, script$c);
+script$e.install = (app) => {
+    app.component(script$e.name, script$e);
 };
-const _CDhnDateCountdown = script$c;
+const _CDhnDateCountdown = script$e;
 
 const ERROR_EVENT = "error";
-var script$b = vue.defineComponent({
+var script$d = vue.defineComponent({
     name: "CDhnAvatar",
@@ -288,3 +293,3 @@ props: {
 
-function render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createBlock("span", {
@@ -310,11 +315,11 @@ class: _ctx.avatarClass,
 
-script$b.render = render$7;
-script$b.__file = "packages/avatar/src/avatar.vue";
+script$d.render = render$9;
+script$d.__file = "packages/avatar/src/avatar.vue";
 
-script$b.install = (app) => {
-    app.component(script$b.name, script$b);
+script$d.install = (app) => {
+    app.component(script$d.name, script$d);
 };
-const _CDhnAvatar = script$b;
+const _CDhnAvatar = script$d;
 
-var script$a = vue.defineComponent({
+var script$c = vue.defineComponent({
     name: "CDhnCol",
@@ -361,3 +366,3 @@ props: {
 
-function render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createBlock("div", {
@@ -371,18 +376,18 @@ class: ['c-dhn-col', _ctx.classList],
 
-script$a.render = render$6;
-script$a.__file = "packages/col/src/col.vue";
+script$c.render = render$8;
+script$c.__file = "packages/col/src/col.vue";
 
-script$a.install = (app) => {
-    app.component(script$a.name, script$a);
+script$c.install = (app) => {
+    app.component(script$c.name, script$c);
 };
-const _CDhnCol = script$a;
+const _CDhnCol = script$c;
 
-var script$9 = vue.defineComponent({
+var script$b = vue.defineComponent({
     name: "CDhnContainer",
 });
 
-const _hoisted_1$1 = { class: "c-dhn-container" };
+const _hoisted_1$3 = { class: "c-dhn-container" };
 
-function render$5(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createBlock("section", _hoisted_1$1, [
+function render$7(_ctx, _cache, $props, $setup, $data, $options) {
+  return (vue.openBlock(), vue.createBlock("section", _hoisted_1$3, [
     vue.renderSlot(_ctx.$slots, "default")
@@ -392,11 +397,11 @@ ]))
 
-script$9.render = render$5;
-script$9.__file = "packages/container/src/container.vue";
+script$b.render = render$7;
+script$b.__file = "packages/container/src/container.vue";
 
-script$9.install = (app) => {
-    app.component(script$9.name, script$9);
+script$b.install = (app) => {
+    app.component(script$b.name, script$b);
 };
-const _CDhnContainer = script$9;
+const _CDhnContainer = script$b;
 
-var script$8 = vue.defineComponent({
+var script$a = vue.defineComponent({
     name: "CDhnRow",
@@ -443,3 +448,3 @@ props: {
 
-function render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createBlock("div", {
@@ -457,11 +462,11 @@ class: [
 
-script$8.render = render$4;
-script$8.__file = "packages/row/src/row.vue";
+script$a.render = render$6;
+script$a.__file = "packages/row/src/row.vue";
 
-script$8.install = (app) => {
-    app.component(script$8.name, script$8);
+script$a.install = (app) => {
+    app.component(script$a.name, script$a);
 };
-const _CDhnRow = script$8;
+const _CDhnRow = script$a;
 
-var script$7 = vue.defineComponent({
+var script$9 = vue.defineComponent({
     name: "CDhnText",
@@ -500,3 +505,3 @@ props: {
 
-function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createBlock("div", {
@@ -510,9 +515,9 @@ class: "c-dhn-text",
 
-script$7.render = render$3;
-script$7.__file = "packages/text/src/text.vue";
+script$9.render = render$5;
+script$9.__file = "packages/text/src/text.vue";
 
-script$7.install = (app) => {
-    app.component(script$7.name, script$7);
+script$9.install = (app) => {
+    app.component(script$9.name, script$9);
 };
-const _CDhnText = script$7;
+const _CDhnText = script$9;
 
@@ -537,3 +542,3 @@ /**
 
-var script$6 = vue.defineComponent({
+var script$8 = vue.defineComponent({
     name: "CDhnTabNav",
@@ -590,7 +595,7 @@ props: {
 
-script$6.__file = "packages/tabs/src/tab-nav.vue";
+script$8.__file = "packages/tabs/src/tab-nav.vue";
 
-var script$5 = vue.defineComponent({
+var script$7 = vue.defineComponent({
     name: "CDhnTabs",
-    components: { TabNav: script$6 },
+    components: { TabNav: script$8 },
     props: {
@@ -704,3 +709,3 @@ modelValue: {
             class: ["c-dhn-tabs__header"],
-        }, vue.h(script$6, {
+        }, vue.h(script$8, {
             currentName,
@@ -720,10 +725,10 @@ panes,
 
-script$5.__file = "packages/tabs/src/tabs.vue";
+script$7.__file = "packages/tabs/src/tabs.vue";
 
-script$5.install = (app) => {
-    app.component(script$5.name, script$5);
+script$7.install = (app) => {
+    app.component(script$7.name, script$7);
 };
-const _CDhnTabs = script$5;
+const _CDhnTabs = script$7;
 
-var script$4 = vue.defineComponent({
+var script$6 = vue.defineComponent({
     name: "CDhnSwiperNav",
@@ -795,7 +800,7 @@ components: { Swiper: vue$1.Swiper, SwiperSlide: vue$1.SwiperSlide },
 
-script$4.__file = "packages/swiper/src/swiper-nav.vue";
+script$6.__file = "packages/swiper/src/swiper-nav.vue";
 
-var script$3 = vue.defineComponent({
+var script$5 = vue.defineComponent({
     name: "CDhnSwiper",
-    components: { SwiperNav: script$4 },
+    components: { SwiperNav: script$6 },
     props: {
@@ -936,3 +941,3 @@ modelValue: {
         }, panes.length
-            ? vue.h(script$4, {
+            ? vue.h(script$6, {
                 currentIndex,
@@ -953,10 +958,10 @@ panes,
 
-script$3.__file = "packages/swiper/src/swiper.vue";
+script$5.__file = "packages/swiper/src/swiper.vue";
 
-script$3.install = (app) => {
-    app.component(script$3.name, script$3);
+script$5.install = (app) => {
+    app.component(script$5.name, script$5);
 };
-const _CDhnSwiper = script$3;
+const _CDhnSwiper = script$5;
 
-var script$2 = vue.defineComponent({
+var script$4 = vue.defineComponent({
     name: "CDhnTabPane",
@@ -1018,7 +1023,6 @@ props: {
 
-function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return (_ctx.shouldBeRender)
     ? vue.withDirectives((vue.openBlock(), vue.createBlock("div", {
         key: 0,
-        id: `pane-${_ctx.paneName}`,
         class: "c-dhn-tab-pane",
@@ -1030,3 +1034,3 @@ role: "tabpanel",
         vue.renderSlot(_ctx.$slots, "default")
-      ], 8 /* PROPS */, ["id", "aria-hidden", "aria-labelledby"])), [
+      ], 8 /* PROPS */, ["aria-hidden", "aria-labelledby"])), [
         [vue.vShow, _ctx.active]
@@ -1037,9 +1041,9 @@ ])
 
-script$2.render = render$2;
-script$2.__file = "packages/tabPane/src/tab-pane.vue";
+script$4.render = render$4;
+script$4.__file = "packages/tabPane/src/tab-pane.vue";
 
-script$2.install = (app) => {
-    app.component(script$2.name, script$2);
+script$4.install = (app) => {
+    app.component(script$4.name, script$4);
 };
-const _CDhnTabPane = script$2;
+const _CDhnTabPane = script$4;
 
@@ -1211,3 +1215,3 @@ /*! *****************************************************************************
 const copyObj = require("comutils/copyObj");
-var script$1 = vue.defineComponent({
+var script$3 = vue.defineComponent({
   name: "CDhnSeamlessScroll",
@@ -1629,3 +1633,3 @@ data() {
 
-function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createBlock("div", null, [
@@ -1675,18 +1679,14 @@ (_ctx.navigation)
 
-script$1.render = render$1;
-script$1.__file = "packages/seamlessScroll/src/seamlessScroll.vue";
+script$3.render = render$3;
+script$3.__file = "packages/seamlessScroll/src/seamlessScroll.vue";
 
-script$1.install = (app) => {
-    app.component(script$1.name, script$1);
+script$3.install = (app) => {
+    app.component(script$3.name, script$3);
 };
-const _CDhnSeamlessScroll = script$1;
+const _CDhnSeamlessScroll = script$3;
 
-var script = vue.defineComponent({
+var script$2 = vue.defineComponent({
     name: 'CDhnModal',
     props: {
-        title: {
-            type: String,
-            default: 'title'
-        },
-        showModal: {
+        visible: {
             type: Boolean,
@@ -1708,5 +1708,2 @@ default: false
     },
-    data() {
-        return {};
-    },
     methods: {
@@ -1719,3 +1716,3 @@ _handleClose() {
 
-const _hoisted_1 = {
+const _hoisted_1$2 = {
   key: 0,
@@ -1732,6 +1729,6 @@ class: "c-dhn-modal_modal"
 
-function render(_ctx, _cache, $props, $setup, $data, $options) {
+function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
-    (_ctx.showModal)
-      ? (vue.openBlock(), vue.createBlock("div", _hoisted_1, [
+    (_ctx.visible)
+      ? (vue.openBlock(), vue.createBlock("div", _hoisted_1$2, [
           vue.createVNode("div", _hoisted_2, [
@@ -1760,4 +1757,71 @@ vue.createVNode("div", _hoisted_3, [
 
+script$2.render = render$2;
+script$2.__file = "packages/modal/src/modal.vue";
+
+script$2.install = (app) => {
+    app.component(script$2.name, script$2);
+};
+const _CDhnModal = script$2;
+
+var script$1 = vue.defineComponent({
+    name: "CDhnLottie",
+    props: {
+        options: {
+            type: Object,
+            required: true
+        },
+    },
+    mounted() {
+        console.log(this.options.animationData, "ssss");
+        lottie__default['default'].loadAnimation({
+            container: this.$refs.lavContainer,
+            renderer: "svg",
+            loop: this.options.loop !== false,
+            autoplay: this.options.autoplay !== false,
+            animationData: this.options.animationData,
+        });
+    },
+});
+
+const _hoisted_1$1 = {
+  style: {"width":"100%","height":"100%"},
+  ref: "lavContainer"
+};
+
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return (vue.openBlock(), vue.createBlock("div", _hoisted_1$1, null, 512 /* NEED_PATCH */))
+}
+
+script$1.render = render$1;
+script$1.__file = "packages/lottie/src/lottie.vue";
+
+script$1.install = (app) => {
+    app.component(script$1.name, script$1);
+};
+const _CDhnLottie = script$1;
+
+var script = vue.defineComponent({
+    name: "CDhnVap",
+    props: {
+        options: {
+            type: Object,
+            required: true,
+        },
+    },
+    mounted() {
+        new Vap__default['default'](Object.assign(Object.assign({}, this.options), { container: this.$refs.lavContainer, width: this.$refs.lavContainer.offsetWidth, height: this.$refs.lavContainer.offsetHeight, mute: true }));
+    },
+});
+
+const _hoisted_1 = {
+  style: {"width":"100%","height":"100%"},
+  ref: "lavContainer"
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (vue.openBlock(), vue.createBlock("div", _hoisted_1, null, 512 /* NEED_PATCH */))
+}
+
 script.render = render;
-script.__file = "packages/modal/src/modal.vue";
+script.__file = "packages/vap/src/vap.vue";
 
@@ -1767,4 +1831,9 @@ script.install = (app) => {
 };
-const _CDhnModal = script;
+const _CDhnVap = script;
 
+vue3.LuckyWheel.install = (app) => {
+    app.component('CDhnWheel', vue3.LuckyWheel);
+};
+const _CDhnWheel = vue3.LuckyWheel;
+
 const components = [
@@ -1781,3 +1850,6 @@ _CDhnDateCountdown,
     _CDhnSeamlessScroll,
-    _CDhnModal
+    _CDhnModal,
+    _CDhnLottie,
+    _CDhnVap,
+    _CDhnWheel
 ];
@@ -1803,2 +1875,3 @@ const plugins = [_CDhnInfiniteScroll];
 exports.CDhnInfiniteScroll = _CDhnInfiniteScroll;
+exports.CDhnLottie = _CDhnLottie;
 exports.CDhnModal = _CDhnModal;
@@ -1811,2 +1884,4 @@ exports.CDhnRow = _CDhnRow;
 exports.CDhnText = _CDhnText;
+exports.CDhnVap = _CDhnVap;
+exports.CDhnWheel = _CDhnWheel;
 exports.default = index;

lib/index.d.ts

@@ -14,3 +14,6 @@ import { App } from 'vue';
 import CDhnModal from './c-dhn-modal';
-export { CDhnDateCountdown, CDhnAvatar, CDhnCol, CDhnContainer, CDhnRow, CDhnText, CDhnTabs, CDhnSwiper, CDhnTabPane, CDhnInfiniteScroll, CDhnSeamlessScroll, CDhnModal };
+import CDhnLottie from './c-dhn-lottie';
+import CDhnVap from './c-dhn-vap';
+import CDhnWheel from './c-dhn-wheel';
+export { CDhnDateCountdown, CDhnAvatar, CDhnCol, CDhnContainer, CDhnRow, CDhnText, CDhnTabs, CDhnSwiper, CDhnTabPane, CDhnInfiniteScroll, CDhnSeamlessScroll, CDhnModal, CDhnLottie, CDhnVap, CDhnWheel };
 declare const _default: {
@@ -17,0 +20,0 @@ version: string;

lib/index.esm.js

@@ -8,2 +8,5 @@ import { defineComponent, reactive, watch, computed, toRefs, openBlock, createBlock, createVNode, toDisplayString, createCommentVNode, ref, toRef, Fragment, renderSlot, inject, provide, h, getCurrentInstance, onUpdated, onMounted, withDirectives, vShow, nextTick, Teleport } from 'vue';
 import throwError from './utils/error';
+import lottie from 'lottie-web';
+import Vap from 'video-animation-player';
+import { LuckyWheel } from 'vue-luck-draw/vue3';
 
@@ -24,7 +27,7 @@ const updateTime = function (time) {
 };
-var script$c = defineComponent({
+var script$e = defineComponent({
     name: "CDhnDateCountdown",
     props: {
         dayLang: {
-            type: String,
+            type: [Boolean, String],
             default: ":",
@@ -75,3 +78,3 @@ },
 
-const _hoisted_1$2 = { class: "c-dhn-date-countdown" };
+const _hoisted_1$4 = { class: "c-dhn-date-countdown" };
 const _hoisted_2$1 = { key: 0 };
@@ -127,4 +130,4 @@ const _hoisted_3$1 = { class: "c-dhn-time-num" };
 
-function render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock("div", _hoisted_1$2, [
+function render$a(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createBlock("div", _hoisted_1$4, [
     createVNode("ul", {
@@ -192,12 +195,12 @@ class: ["time-down", _ctx.dateClassName]
 
-script$c.render = render$8;
-script$c.__file = "packages/dateCountdown/src/dateCountdown.vue";
+script$e.render = render$a;
+script$e.__file = "packages/dateCountdown/src/dateCountdown.vue";
 
-script$c.install = (app) => {
-    app.component(script$c.name, script$c);
+script$e.install = (app) => {
+    app.component(script$e.name, script$e);
 };
-const _CDhnDateCountdown = script$c;
+const _CDhnDateCountdown = script$e;
 
 const ERROR_EVENT = "error";
-var script$b = defineComponent({
+var script$d = defineComponent({
     name: "CDhnAvatar",
@@ -278,3 +281,3 @@ props: {
 
-function render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createBlock("span", {
@@ -300,11 +303,11 @@ class: _ctx.avatarClass,
 
-script$b.render = render$7;
-script$b.__file = "packages/avatar/src/avatar.vue";
+script$d.render = render$9;
+script$d.__file = "packages/avatar/src/avatar.vue";
 
-script$b.install = (app) => {
-    app.component(script$b.name, script$b);
+script$d.install = (app) => {
+    app.component(script$d.name, script$d);
 };
-const _CDhnAvatar = script$b;
+const _CDhnAvatar = script$d;
 
-var script$a = defineComponent({
+var script$c = defineComponent({
     name: "CDhnCol",
@@ -351,3 +354,3 @@ props: {
 
-function render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createBlock("div", {
@@ -361,18 +364,18 @@ class: ['c-dhn-col', _ctx.classList],
 
-script$a.render = render$6;
-script$a.__file = "packages/col/src/col.vue";
+script$c.render = render$8;
+script$c.__file = "packages/col/src/col.vue";
 
-script$a.install = (app) => {
-    app.component(script$a.name, script$a);
+script$c.install = (app) => {
+    app.component(script$c.name, script$c);
 };
-const _CDhnCol = script$a;
+const _CDhnCol = script$c;
 
-var script$9 = defineComponent({
+var script$b = defineComponent({
     name: "CDhnContainer",
 });
 
-const _hoisted_1$1 = { class: "c-dhn-container" };
+const _hoisted_1$3 = { class: "c-dhn-container" };
 
-function render$5(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock("section", _hoisted_1$1, [
+function render$7(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createBlock("section", _hoisted_1$3, [
     renderSlot(_ctx.$slots, "default")
@@ -382,11 +385,11 @@ ]))
 
-script$9.render = render$5;
-script$9.__file = "packages/container/src/container.vue";
+script$b.render = render$7;
+script$b.__file = "packages/container/src/container.vue";
 
-script$9.install = (app) => {
-    app.component(script$9.name, script$9);
+script$b.install = (app) => {
+    app.component(script$b.name, script$b);
 };
-const _CDhnContainer = script$9;
+const _CDhnContainer = script$b;
 
-var script$8 = defineComponent({
+var script$a = defineComponent({
     name: "CDhnRow",
@@ -433,3 +436,3 @@ props: {
 
-function render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createBlock("div", {
@@ -447,11 +450,11 @@ class: [
 
-script$8.render = render$4;
-script$8.__file = "packages/row/src/row.vue";
+script$a.render = render$6;
+script$a.__file = "packages/row/src/row.vue";
 
-script$8.install = (app) => {
-    app.component(script$8.name, script$8);
+script$a.install = (app) => {
+    app.component(script$a.name, script$a);
 };
-const _CDhnRow = script$8;
+const _CDhnRow = script$a;
 
-var script$7 = defineComponent({
+var script$9 = defineComponent({
     name: "CDhnText",
@@ -490,3 +493,3 @@ props: {
 
-function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createBlock("div", {
@@ -500,9 +503,9 @@ class: "c-dhn-text",
 
-script$7.render = render$3;
-script$7.__file = "packages/text/src/text.vue";
+script$9.render = render$5;
+script$9.__file = "packages/text/src/text.vue";
 
-script$7.install = (app) => {
-    app.component(script$7.name, script$7);
+script$9.install = (app) => {
+    app.component(script$9.name, script$9);
 };
-const _CDhnText = script$7;
+const _CDhnText = script$9;
 
@@ -527,3 +530,3 @@ /**
 
-var script$6 = defineComponent({
+var script$8 = defineComponent({
     name: "CDhnTabNav",
@@ -580,7 +583,7 @@ props: {
 
-script$6.__file = "packages/tabs/src/tab-nav.vue";
+script$8.__file = "packages/tabs/src/tab-nav.vue";
 
-var script$5 = defineComponent({
+var script$7 = defineComponent({
     name: "CDhnTabs",
-    components: { TabNav: script$6 },
+    components: { TabNav: script$8 },
     props: {
@@ -694,3 +697,3 @@ modelValue: {
             class: ["c-dhn-tabs__header"],
-        }, h(script$6, {
+        }, h(script$8, {
             currentName,
@@ -710,10 +713,10 @@ panes,
 
-script$5.__file = "packages/tabs/src/tabs.vue";
+script$7.__file = "packages/tabs/src/tabs.vue";
 
-script$5.install = (app) => {
-    app.component(script$5.name, script$5);
+script$7.install = (app) => {
+    app.component(script$7.name, script$7);
 };
-const _CDhnTabs = script$5;
+const _CDhnTabs = script$7;
 
-var script$4 = defineComponent({
+var script$6 = defineComponent({
     name: "CDhnSwiperNav",
@@ -785,7 +788,7 @@ components: { Swiper, SwiperSlide },
 
-script$4.__file = "packages/swiper/src/swiper-nav.vue";
+script$6.__file = "packages/swiper/src/swiper-nav.vue";
 
-var script$3 = defineComponent({
+var script$5 = defineComponent({
     name: "CDhnSwiper",
-    components: { SwiperNav: script$4 },
+    components: { SwiperNav: script$6 },
     props: {
@@ -926,3 +929,3 @@ modelValue: {
         }, panes.length
-            ? h(script$4, {
+            ? h(script$6, {
                 currentIndex,
@@ -943,10 +946,10 @@ panes,
 
-script$3.__file = "packages/swiper/src/swiper.vue";
+script$5.__file = "packages/swiper/src/swiper.vue";
 
-script$3.install = (app) => {
-    app.component(script$3.name, script$3);
+script$5.install = (app) => {
+    app.component(script$5.name, script$5);
 };
-const _CDhnSwiper = script$3;
+const _CDhnSwiper = script$5;
 
-var script$2 = defineComponent({
+var script$4 = defineComponent({
     name: "CDhnTabPane",
@@ -1008,7 +1011,6 @@ props: {
 
-function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return (_ctx.shouldBeRender)
     ? withDirectives((openBlock(), createBlock("div", {
         key: 0,
-        id: `pane-${_ctx.paneName}`,
         class: "c-dhn-tab-pane",
@@ -1020,3 +1022,3 @@ role: "tabpanel",
         renderSlot(_ctx.$slots, "default")
-      ], 8 /* PROPS */, ["id", "aria-hidden", "aria-labelledby"])), [
+      ], 8 /* PROPS */, ["aria-hidden", "aria-labelledby"])), [
         [vShow, _ctx.active]
@@ -1027,9 +1029,9 @@ ])
 
-script$2.render = render$2;
-script$2.__file = "packages/tabPane/src/tab-pane.vue";
+script$4.render = render$4;
+script$4.__file = "packages/tabPane/src/tab-pane.vue";
 
-script$2.install = (app) => {
-    app.component(script$2.name, script$2);
+script$4.install = (app) => {
+    app.component(script$4.name, script$4);
 };
-const _CDhnTabPane = script$2;
+const _CDhnTabPane = script$4;
 
@@ -1201,3 +1203,3 @@ /*! *****************************************************************************
 const copyObj = require("comutils/copyObj");
-var script$1 = defineComponent({
+var script$3 = defineComponent({
   name: "CDhnSeamlessScroll",
@@ -1619,3 +1621,3 @@ data() {
 
-function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createBlock("div", null, [
@@ -1665,18 +1667,14 @@ (_ctx.navigation)
 
-script$1.render = render$1;
-script$1.__file = "packages/seamlessScroll/src/seamlessScroll.vue";
+script$3.render = render$3;
+script$3.__file = "packages/seamlessScroll/src/seamlessScroll.vue";
 
-script$1.install = (app) => {
-    app.component(script$1.name, script$1);
+script$3.install = (app) => {
+    app.component(script$3.name, script$3);
 };
-const _CDhnSeamlessScroll = script$1;
+const _CDhnSeamlessScroll = script$3;
 
-var script = defineComponent({
+var script$2 = defineComponent({
     name: 'CDhnModal',
     props: {
-        title: {
-            type: String,
-            default: 'title'
-        },
-        showModal: {
+        visible: {
             type: Boolean,
@@ -1698,5 +1696,2 @@ default: false
     },
-    data() {
-        return {};
-    },
     methods: {
@@ -1709,3 +1704,3 @@ _handleClose() {
 
-const _hoisted_1 = {
+const _hoisted_1$2 = {
   key: 0,
@@ -1722,6 +1717,6 @@ class: "c-dhn-modal_modal"
 
-function render(_ctx, _cache, $props, $setup, $data, $options) {
+function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createBlock(Teleport, { to: "body" }, [
-    (_ctx.showModal)
-      ? (openBlock(), createBlock("div", _hoisted_1, [
+    (_ctx.visible)
+      ? (openBlock(), createBlock("div", _hoisted_1$2, [
           createVNode("div", _hoisted_2, [
@@ -1750,4 +1745,71 @@ createVNode("div", _hoisted_3, [
 
+script$2.render = render$2;
+script$2.__file = "packages/modal/src/modal.vue";
+
+script$2.install = (app) => {
+    app.component(script$2.name, script$2);
+};
+const _CDhnModal = script$2;
+
+var script$1 = defineComponent({
+    name: "CDhnLottie",
+    props: {
+        options: {
+            type: Object,
+            required: true
+        },
+    },
+    mounted() {
+        console.log(this.options.animationData, "ssss");
+        lottie.loadAnimation({
+            container: this.$refs.lavContainer,
+            renderer: "svg",
+            loop: this.options.loop !== false,
+            autoplay: this.options.autoplay !== false,
+            animationData: this.options.animationData,
+        });
+    },
+});
+
+const _hoisted_1$1 = {
+  style: {"width":"100%","height":"100%"},
+  ref: "lavContainer"
+};
+
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createBlock("div", _hoisted_1$1, null, 512 /* NEED_PATCH */))
+}
+
+script$1.render = render$1;
+script$1.__file = "packages/lottie/src/lottie.vue";
+
+script$1.install = (app) => {
+    app.component(script$1.name, script$1);
+};
+const _CDhnLottie = script$1;
+
+var script = defineComponent({
+    name: "CDhnVap",
+    props: {
+        options: {
+            type: Object,
+            required: true,
+        },
+    },
+    mounted() {
+        new Vap(Object.assign(Object.assign({}, this.options), { container: this.$refs.lavContainer, width: this.$refs.lavContainer.offsetWidth, height: this.$refs.lavContainer.offsetHeight, mute: true }));
+    },
+});
+
+const _hoisted_1 = {
+  style: {"width":"100%","height":"100%"},
+  ref: "lavContainer"
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createBlock("div", _hoisted_1, null, 512 /* NEED_PATCH */))
+}
+
 script.render = render;
-script.__file = "packages/modal/src/modal.vue";
+script.__file = "packages/vap/src/vap.vue";
 
@@ -1757,4 +1819,9 @@ script.install = (app) => {
 };
-const _CDhnModal = script;
+const _CDhnVap = script;
 
+LuckyWheel.install = (app) => {
+    app.component('CDhnWheel', LuckyWheel);
+};
+const _CDhnWheel = LuckyWheel;
+
 const components = [
@@ -1771,3 +1838,6 @@ _CDhnDateCountdown,
     _CDhnSeamlessScroll,
-    _CDhnModal
+    _CDhnModal,
+    _CDhnLottie,
+    _CDhnVap,
+    _CDhnWheel
 ];
@@ -1789,2 +1859,2 @@ const plugins = [_CDhnInfiniteScroll];
 export default index;
-export { _CDhnAvatar as CDhnAvatar, _CDhnCol as CDhnCol, _CDhnContainer as CDhnContainer, _CDhnDateCountdown as CDhnDateCountdown, _CDhnInfiniteScroll as CDhnInfiniteScroll, _CDhnModal as CDhnModal, _CDhnRow as CDhnRow, _CDhnSeamlessScroll as CDhnSeamlessScroll, _CDhnSwiper as CDhnSwiper, _CDhnTabPane as CDhnTabPane, _CDhnTabs as CDhnTabs, _CDhnText as CDhnText };
+export { _CDhnAvatar as CDhnAvatar, _CDhnCol as CDhnCol, _CDhnContainer as CDhnContainer, _CDhnDateCountdown as CDhnDateCountdown, _CDhnInfiniteScroll as CDhnInfiniteScroll, _CDhnLottie as CDhnLottie, _CDhnModal as CDhnModal, _CDhnRow as CDhnRow, _CDhnSeamlessScroll as CDhnSeamlessScroll, _CDhnSwiper as CDhnSwiper, _CDhnTabPane as CDhnTabPane, _CDhnTabs as CDhnTabs, _CDhnText as CDhnText, _CDhnVap as CDhnVap, _CDhnWheel as CDhnWheel };

package.json

 {
 	"name": "c-dhn-act",
-	"version": "1.0.18",
+	"version": "1.0.19",
 	"description": "c-dhn-act component",
@@ -16,3 +16,5 @@ "author": "[e-mail]>",
 		"lodash": "^4.17.21",
-		"vue-luck-draw": "^3.4.7"
+		"vue-luck-draw": "^3.4.7",
+		"lottie-web": "^5.7.13",
+		"video-animation-player": "^0.2.9"
 	},
@@ -19,0 +21,0 @@ "peerDependencies": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

226878

increased by3.62%

Number of package files

82

increased by10.81%

Lines of code

6021

increased by3.81%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dependency count

7

increased by40%

Dependency changes

• + Addedlottie-web@^5.7.13

• + Addedvideo-animation-player@^0.2.9

• + Addedlottie-web@5.12.2(transitive)

• + Addedvideo-animation-player@0.2.11(transitive)