c-dhn-act - npm Package Compare versions

Comparing version 1.0.7 to 1.0.8

lib/c-dhn-container/index.js

@@ -5,17 +5,10 @@ import { defineComponent, openBlock, createBlock, renderSlot } from 'vue';
     name: "CDhnContainer",
-    props: {
-        width: {
-            type: Number,
-            default: 600,
-        },
-    },
 });
 
+const _hoisted_1 = { class: "c-dhn-container" };
+
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock("section", {
-    class: "c-dhn-container",
-    style: { width: `${_ctx.width}px` }
-  }, [
+  return (openBlock(), createBlock("section", _hoisted_1, [
     renderSlot(_ctx.$slots, "default")
-  ], 4 /* STYLE */))
+  ]))
 }
@@ -22,0 +15,0 @@

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

@@ -1,14 +0,2 @@
-import { PropType } from "vue";
-declare const _default: import("vue").DefineComponent<{
-    width: {
-        type: PropType<number>;
-        default: number;
-    };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    width?: unknown;
-} & {
-    width: number;
-} & {}>, {
-    width: number;
-}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
 export default _default;

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

@@ -1,2 +0,2 @@
-import { defineComponent, reactive, toRefs, openBlock, createBlock, createVNode, toDisplayString, createCommentVNode } from 'vue';
+import { defineComponent, reactive, watch, computed, toRefs, openBlock, createBlock, createVNode, toDisplayString, createCommentVNode } from 'vue';
 import { getCountdownTime } from '../utils/time';
@@ -23,2 +23,21 @@
         },
+        hourLang: {
+            type: String,
+            default: "",
+        },
+        minLang: {
+            type: String,
+            default: "",
+        },
+        secLang: {
+            type: String,
+            default: "",
+        },
+        type: {
+            type: String,
+            validator(val) {
+                return ["horizontal", "vertical"].includes(val);
+            },
+            default: "horizontal",
+        },
         countdownTime: {
@@ -39,4 +58,8 @@ type: Number,
         });
+        watch(() => props.countdownTime, (val) => {
+            state.timeObj.countdownTime = val;
+        });
+        const dateClassName = computed(() => props.type);
         updateTime.bind(state)(state.timeObj.countdownTime);
-        return Object.assign({}, toRefs(state));
+        return Object.assign(Object.assign({}, toRefs(state)), { dateClassName });
     },
@@ -46,36 +69,98 @@ });
 const _hoisted_1 = { class: "c-dhn-date-countdown" };
-const _hoisted_2 = { class: "time-down" };
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = /*#__PURE__*/createVNode("em", { class: "no-text" }, ":", -1 /* HOISTED */);
-const _hoisted_5 = /*#__PURE__*/createVNode("em", { class: "no-text" }, ":", -1 /* HOISTED */);
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { class: "c-dhn-time-num" };
+const _hoisted_4 = {
+  key: 0,
+  class: "c-dhn-time"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "c-dhn-time"
+};
+const _hoisted_6 = /*#__PURE__*/createVNode("em", { class: "no-text" }, ":", -1 /* HOISTED */);
+const _hoisted_7 = { class: "c-dhn-time-num" };
+const _hoisted_8 = {
+  key: 0,
+  class: "c-dhn-time"
+};
+const _hoisted_9 = {
+  key: 0,
+  class: "c-dhn-time"
+};
+const _hoisted_10 = /*#__PURE__*/createVNode("em", { class: "no-text" }, ":", -1 /* HOISTED */);
+const _hoisted_11 = { class: "c-dhn-time-num" };
+const _hoisted_12 = {
+  key: 0,
+  class: "c-dhn-time"
+};
+const _hoisted_13 = {
+  key: 0,
+  class: "c-dhn-time"
+};
+const _hoisted_14 = /*#__PURE__*/createVNode("em", { class: "no-text" }, ":", -1 /* HOISTED */);
+const _hoisted_15 = { class: "c-dhn-time-num" };
+const _hoisted_16 = {
+  key: 0,
+  class: "c-dhn-time"
+};
+const _hoisted_17 = {
+  key: 0,
+  class: "c-dhn-time"
+};
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createBlock("div", _hoisted_1, [
-    createVNode("ul", _hoisted_2, [
+    createVNode("ul", {
+      class: ["time-down", _ctx.dateClassName]
+    }, [
       (_ctx.dayLang)
-        ? (openBlock(), createBlock("li", _hoisted_3, [
-            createVNode("span", {
-              innerHTML: _ctx.timeObj.day
-            }, null, 8 /* PROPS */, ["innerHTML"]),
-            createVNode("em", null, toDisplayString(_ctx.dayLang), 1 /* TEXT */)
+        ? (openBlock(), createBlock("li", _hoisted_2, [
+            createVNode("span", null, [
+              createVNode("div", _hoisted_3, toDisplayString(_ctx.timeObj.day), 1 /* TEXT */),
+              (_ctx.type !== 'horizontal')
+                ? (openBlock(), createBlock("em", _hoisted_4, toDisplayString(_ctx.dayLang), 1 /* TEXT */))
+                : createCommentVNode("v-if", true)
+            ]),
+            (_ctx.type === 'horizontal')
+              ? (openBlock(), createBlock("em", _hoisted_5, toDisplayString(_ctx.dayLang), 1 /* TEXT */))
+              : createCommentVNode("v-if", true),
+            _hoisted_6
           ]))
         : createCommentVNode("v-if", true),
       createVNode("li", null, [
-        createVNode("span", {
-          innerHTML: _ctx.timeObj.hour
-        }, null, 8 /* PROPS */, ["innerHTML"]),
-        _hoisted_4
+        createVNode("span", null, [
+          createVNode("div", _hoisted_7, toDisplayString(_ctx.timeObj.hour), 1 /* TEXT */),
+          (_ctx.hourLang && _ctx.type !== 'horizontal')
+            ? (openBlock(), createBlock("em", _hoisted_8, toDisplayString(_ctx.hourLang), 1 /* TEXT */))
+            : createCommentVNode("v-if", true)
+        ]),
+        (_ctx.hourLang && _ctx.type === 'horizontal')
+          ? (openBlock(), createBlock("em", _hoisted_9, toDisplayString(_ctx.hourLang), 1 /* TEXT */))
+          : createCommentVNode("v-if", true),
+        _hoisted_10
       ]),
       createVNode("li", null, [
-        createVNode("span", {
-          innerHTML: _ctx.timeObj.minute
-        }, null, 8 /* PROPS */, ["innerHTML"]),
-        _hoisted_5
+        createVNode("span", null, [
+          createVNode("div", _hoisted_11, toDisplayString(_ctx.timeObj.minute), 1 /* TEXT */),
+          (_ctx.minLang && _ctx.type !== 'horizontal')
+            ? (openBlock(), createBlock("em", _hoisted_12, toDisplayString(_ctx.minLang), 1 /* TEXT */))
+            : createCommentVNode("v-if", true)
+        ]),
+        (_ctx.minLang && _ctx.type === 'horizontal')
+          ? (openBlock(), createBlock("em", _hoisted_13, toDisplayString(_ctx.minLang), 1 /* TEXT */))
+          : createCommentVNode("v-if", true),
+        _hoisted_14
       ]),
       createVNode("li", null, [
-        createVNode("span", {
-          innerHTML: _ctx.timeObj.second
-        }, null, 8 /* PROPS */, ["innerHTML"])
+        createVNode("span", null, [
+          createVNode("div", _hoisted_15, toDisplayString(_ctx.timeObj.second), 1 /* TEXT */),
+          (_ctx.secLang && _ctx.type !== 'horizontal')
+            ? (openBlock(), createBlock("em", _hoisted_16, toDisplayString(_ctx.secLang), 1 /* TEXT */))
+            : createCommentVNode("v-if", true)
+        ]),
+        (_ctx.secLang && _ctx.type === 'horizontal')
+          ? (openBlock(), createBlock("em", _hoisted_17, toDisplayString(_ctx.secLang), 1 /* TEXT */))
+          : createCommentVNode("v-if", true)
       ])
-    ])
+    ], 2 /* CLASS */)
   ]))
@@ -82,0 +167,0 @@ }

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

@@ -7,2 +7,19 @@ import { PropType } from "vue";
     };
+    hourLang: {
+        type: PropType<String>;
+        default: string;
+    };
+    minLang: {
+        type: PropType<String>;
+        default: string;
+    };
+    secLang: {
+        type: PropType<String>;
+        default: string;
+    };
+    type: {
+        type: PropType<String>;
+        validator(this: never, val: string): boolean;
+        default: string;
+    };
     countdownTime: {
@@ -13,2 +30,3 @@ type: PropType<Number>;
 }, {
+    dateClassName: import("vue").ComputedRef<String>;
     timeObj: import("vue").Ref<{
@@ -23,5 +41,13 @@ countdownTime: number;
     dayLang?: unknown;
+    hourLang?: unknown;
+    minLang?: unknown;
+    secLang?: unknown;
+    type?: unknown;
     countdownTime?: unknown;
 } & {
     dayLang: String;
+    hourLang: String;
+    minLang: String;
+    secLang: String;
+    type: String;
 } & {
@@ -31,3 +57,7 @@ countdownTime?: Number | undefined;
     dayLang: String;
+    hourLang: String;
+    minLang: String;
+    secLang: String;
+    type: String;
 }>;
 export default _default;

lib/c-dhn-text/index.js

@@ -14,6 +14,2 @@ import { defineComponent, computed, openBlock, createBlock, renderSlot } from 'vue';
         },
-        width: {
-            type: Number,
-            default: 80
-        },
     },
@@ -45,3 +41,3 @@ setup(props, { emit }) {
     class: "c-dhn-text",
-    style: { ..._ctx.style, width: `${_ctx.width}px` }
+    style: _ctx.style
   }, [
@@ -48,0 +44,0 @@ renderSlot(_ctx.$slots, "default")

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

@@ -10,6 +10,2 @@ declare const _default: import("vue").DefineComponent<{
     };
-    width: {
-        type: NumberConstructor;
-        default: number;
-    };
 }, {
@@ -25,12 +21,9 @@ style: import("vue").ComputedRef<{
     isBreak?: unknown;
-    width?: unknown;
 } & {
     weight: boolean;
     isBreak: boolean;
-    width: number;
 } & {}>, {
     weight: boolean;
     isBreak: boolean;
-    width: number;
 }>;
 export default _default;

lib/index.cjs.js

@@ -66,2 +66,21 @@ 'use strict';
         },
+        hourLang: {
+            type: String,
+            default: "",
+        },
+        minLang: {
+            type: String,
+            default: "",
+        },
+        secLang: {
+            type: String,
+            default: "",
+        },
+        type: {
+            type: String,
+            validator(val) {
+                return ["horizontal", "vertical"].includes(val);
+            },
+            default: "horizontal",
+        },
         countdownTime: {
@@ -82,42 +101,108 @@ type: Number,
         });
+        vue.watch(() => props.countdownTime, (val) => {
+            state.timeObj.countdownTime = val;
+        });
+        const dateClassName = vue.computed(() => props.type);
         updateTime.bind(state)(state.timeObj.countdownTime);
-        return Object.assign({}, vue.toRefs(state));
+        return Object.assign(Object.assign({}, vue.toRefs(state)), { dateClassName });
     },
 });
 
-const _hoisted_1 = { class: "c-dhn-date-countdown" };
-const _hoisted_2 = { class: "time-down" };
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = /*#__PURE__*/vue.createVNode("em", { class: "no-text" }, ":", -1 /* HOISTED */);
-const _hoisted_5 = /*#__PURE__*/vue.createVNode("em", { class: "no-text" }, ":", -1 /* HOISTED */);
+const _hoisted_1$1 = { class: "c-dhn-date-countdown" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { class: "c-dhn-time-num" };
+const _hoisted_4 = {
+  key: 0,
+  class: "c-dhn-time"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "c-dhn-time"
+};
+const _hoisted_6 = /*#__PURE__*/vue.createVNode("em", { class: "no-text" }, ":", -1 /* HOISTED */);
+const _hoisted_7 = { class: "c-dhn-time-num" };
+const _hoisted_8 = {
+  key: 0,
+  class: "c-dhn-time"
+};
+const _hoisted_9 = {
+  key: 0,
+  class: "c-dhn-time"
+};
+const _hoisted_10 = /*#__PURE__*/vue.createVNode("em", { class: "no-text" }, ":", -1 /* HOISTED */);
+const _hoisted_11 = { class: "c-dhn-time-num" };
+const _hoisted_12 = {
+  key: 0,
+  class: "c-dhn-time"
+};
+const _hoisted_13 = {
+  key: 0,
+  class: "c-dhn-time"
+};
+const _hoisted_14 = /*#__PURE__*/vue.createVNode("em", { class: "no-text" }, ":", -1 /* HOISTED */);
+const _hoisted_15 = { class: "c-dhn-time-num" };
+const _hoisted_16 = {
+  key: 0,
+  class: "c-dhn-time"
+};
+const _hoisted_17 = {
+  key: 0,
+  class: "c-dhn-time"
+};
 
 function render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createBlock("div", _hoisted_1, [
-    vue.createVNode("ul", _hoisted_2, [
+  return (vue.openBlock(), vue.createBlock("div", _hoisted_1$1, [
+    vue.createVNode("ul", {
+      class: ["time-down", _ctx.dateClassName]
+    }, [
       (_ctx.dayLang)
-        ? (vue.openBlock(), vue.createBlock("li", _hoisted_3, [
-            vue.createVNode("span", {
-              innerHTML: _ctx.timeObj.day
-            }, null, 8 /* PROPS */, ["innerHTML"]),
-            vue.createVNode("em", null, vue.toDisplayString(_ctx.dayLang), 1 /* TEXT */)
+        ? (vue.openBlock(), vue.createBlock("li", _hoisted_2, [
+            vue.createVNode("span", null, [
+              vue.createVNode("div", _hoisted_3, vue.toDisplayString(_ctx.timeObj.day), 1 /* TEXT */),
+              (_ctx.type !== 'horizontal')
+                ? (vue.openBlock(), vue.createBlock("em", _hoisted_4, vue.toDisplayString(_ctx.dayLang), 1 /* TEXT */))
+                : vue.createCommentVNode("v-if", true)
+            ]),
+            (_ctx.type === 'horizontal')
+              ? (vue.openBlock(), vue.createBlock("em", _hoisted_5, vue.toDisplayString(_ctx.dayLang), 1 /* TEXT */))
+              : vue.createCommentVNode("v-if", true),
+            _hoisted_6
           ]))
         : vue.createCommentVNode("v-if", true),
       vue.createVNode("li", null, [
-        vue.createVNode("span", {
-          innerHTML: _ctx.timeObj.hour
-        }, null, 8 /* PROPS */, ["innerHTML"]),
-        _hoisted_4
+        vue.createVNode("span", null, [
+          vue.createVNode("div", _hoisted_7, vue.toDisplayString(_ctx.timeObj.hour), 1 /* TEXT */),
+          (_ctx.hourLang && _ctx.type !== 'horizontal')
+            ? (vue.openBlock(), vue.createBlock("em", _hoisted_8, vue.toDisplayString(_ctx.hourLang), 1 /* TEXT */))
+            : vue.createCommentVNode("v-if", true)
+        ]),
+        (_ctx.hourLang && _ctx.type === 'horizontal')
+          ? (vue.openBlock(), vue.createBlock("em", _hoisted_9, vue.toDisplayString(_ctx.hourLang), 1 /* TEXT */))
+          : vue.createCommentVNode("v-if", true),
+        _hoisted_10
       ]),
       vue.createVNode("li", null, [
-        vue.createVNode("span", {
-          innerHTML: _ctx.timeObj.minute
-        }, null, 8 /* PROPS */, ["innerHTML"]),
-        _hoisted_5
+        vue.createVNode("span", null, [
+          vue.createVNode("div", _hoisted_11, vue.toDisplayString(_ctx.timeObj.minute), 1 /* TEXT */),
+          (_ctx.minLang && _ctx.type !== 'horizontal')
+            ? (vue.openBlock(), vue.createBlock("em", _hoisted_12, vue.toDisplayString(_ctx.minLang), 1 /* TEXT */))
+            : vue.createCommentVNode("v-if", true)
+        ]),
+        (_ctx.minLang && _ctx.type === 'horizontal')
+          ? (vue.openBlock(), vue.createBlock("em", _hoisted_13, vue.toDisplayString(_ctx.minLang), 1 /* TEXT */))
+          : vue.createCommentVNode("v-if", true),
+        _hoisted_14
       ]),
       vue.createVNode("li", null, [
-        vue.createVNode("span", {
-          innerHTML: _ctx.timeObj.second
-        }, null, 8 /* PROPS */, ["innerHTML"])
+        vue.createVNode("span", null, [
+          vue.createVNode("div", _hoisted_15, vue.toDisplayString(_ctx.timeObj.second), 1 /* TEXT */),
+          (_ctx.secLang && _ctx.type !== 'horizontal')
+            ? (vue.openBlock(), vue.createBlock("em", _hoisted_16, vue.toDisplayString(_ctx.secLang), 1 /* TEXT */))
+            : vue.createCommentVNode("v-if", true)
+        ]),
+        (_ctx.secLang && _ctx.type === 'horizontal')
+          ? (vue.openBlock(), vue.createBlock("em", _hoisted_17, vue.toDisplayString(_ctx.secLang), 1 /* TEXT */))
+          : vue.createCommentVNode("v-if", true)
       ])
-    ])
+    ], 2 /* CLASS */)
   ]))
@@ -302,17 +387,10 @@ }
     name: "CDhnContainer",
-    props: {
-        width: {
-            type: Number,
-            default: 600,
-        },
-    },
 });
 
+const _hoisted_1 = { class: "c-dhn-container" };
+
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createBlock("section", {
-    class: "c-dhn-container",
-    style: { width: `${_ctx.width}px` }
-  }, [
+  return (vue.openBlock(), vue.createBlock("section", _hoisted_1, [
     vue.renderSlot(_ctx.$slots, "default")
-  ], 4 /* STYLE */))
+  ]))
 }
@@ -402,6 +480,2 @@
         },
-        width: {
-            type: Number,
-            default: 80
-        },
     },
@@ -433,3 +507,3 @@ setup(props, { emit }) {
     class: "c-dhn-text",
-    style: { ..._ctx.style, width: `${_ctx.width}px` }
+    style: _ctx.style
   }, [
@@ -436,0 +510,0 @@ vue.renderSlot(_ctx.$slots, "default")

lib/index.esm.js

@@ -1,2 +0,2 @@
-import { defineComponent, openBlock, createBlock, createVNode, reactive, toRefs, toDisplayString, createCommentVNode, ref, toRef, watch, computed, Fragment, renderSlot, inject, provide, h, getCurrentInstance, onMounted, withDirectives, vShow, nextTick } from 'vue';
+import { defineComponent, openBlock, createBlock, createVNode, reactive, watch, computed, toRefs, toDisplayString, createCommentVNode, ref, toRef, Fragment, renderSlot, inject, provide, h, getCurrentInstance, onMounted, withDirectives, vShow, nextTick } from 'vue';
 import { coerceTruthyValueToArray, entries } from './utils/utils';
@@ -57,2 +57,21 @@ import { getCountdownTime } from './utils/time';
         },
+        hourLang: {
+            type: String,
+            default: "",
+        },
+        minLang: {
+            type: String,
+            default: "",
+        },
+        secLang: {
+            type: String,
+            default: "",
+        },
+        type: {
+            type: String,
+            validator(val) {
+                return ["horizontal", "vertical"].includes(val);
+            },
+            default: "horizontal",
+        },
         countdownTime: {
@@ -73,42 +92,108 @@ type: Number,
         });
+        watch(() => props.countdownTime, (val) => {
+            state.timeObj.countdownTime = val;
+        });
+        const dateClassName = computed(() => props.type);
         updateTime.bind(state)(state.timeObj.countdownTime);
-        return Object.assign({}, toRefs(state));
+        return Object.assign(Object.assign({}, toRefs(state)), { dateClassName });
     },
 });
 
-const _hoisted_1 = { class: "c-dhn-date-countdown" };
-const _hoisted_2 = { class: "time-down" };
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = /*#__PURE__*/createVNode("em", { class: "no-text" }, ":", -1 /* HOISTED */);
-const _hoisted_5 = /*#__PURE__*/createVNode("em", { class: "no-text" }, ":", -1 /* HOISTED */);
+const _hoisted_1$1 = { class: "c-dhn-date-countdown" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { class: "c-dhn-time-num" };
+const _hoisted_4 = {
+  key: 0,
+  class: "c-dhn-time"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "c-dhn-time"
+};
+const _hoisted_6 = /*#__PURE__*/createVNode("em", { class: "no-text" }, ":", -1 /* HOISTED */);
+const _hoisted_7 = { class: "c-dhn-time-num" };
+const _hoisted_8 = {
+  key: 0,
+  class: "c-dhn-time"
+};
+const _hoisted_9 = {
+  key: 0,
+  class: "c-dhn-time"
+};
+const _hoisted_10 = /*#__PURE__*/createVNode("em", { class: "no-text" }, ":", -1 /* HOISTED */);
+const _hoisted_11 = { class: "c-dhn-time-num" };
+const _hoisted_12 = {
+  key: 0,
+  class: "c-dhn-time"
+};
+const _hoisted_13 = {
+  key: 0,
+  class: "c-dhn-time"
+};
+const _hoisted_14 = /*#__PURE__*/createVNode("em", { class: "no-text" }, ":", -1 /* HOISTED */);
+const _hoisted_15 = { class: "c-dhn-time-num" };
+const _hoisted_16 = {
+  key: 0,
+  class: "c-dhn-time"
+};
+const _hoisted_17 = {
+  key: 0,
+  class: "c-dhn-time"
+};
 
 function render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock("div", _hoisted_1, [
-    createVNode("ul", _hoisted_2, [
+  return (openBlock(), createBlock("div", _hoisted_1$1, [
+    createVNode("ul", {
+      class: ["time-down", _ctx.dateClassName]
+    }, [
       (_ctx.dayLang)
-        ? (openBlock(), createBlock("li", _hoisted_3, [
-            createVNode("span", {
-              innerHTML: _ctx.timeObj.day
-            }, null, 8 /* PROPS */, ["innerHTML"]),
-            createVNode("em", null, toDisplayString(_ctx.dayLang), 1 /* TEXT */)
+        ? (openBlock(), createBlock("li", _hoisted_2, [
+            createVNode("span", null, [
+              createVNode("div", _hoisted_3, toDisplayString(_ctx.timeObj.day), 1 /* TEXT */),
+              (_ctx.type !== 'horizontal')
+                ? (openBlock(), createBlock("em", _hoisted_4, toDisplayString(_ctx.dayLang), 1 /* TEXT */))
+                : createCommentVNode("v-if", true)
+            ]),
+            (_ctx.type === 'horizontal')
+              ? (openBlock(), createBlock("em", _hoisted_5, toDisplayString(_ctx.dayLang), 1 /* TEXT */))
+              : createCommentVNode("v-if", true),
+            _hoisted_6
           ]))
         : createCommentVNode("v-if", true),
       createVNode("li", null, [
-        createVNode("span", {
-          innerHTML: _ctx.timeObj.hour
-        }, null, 8 /* PROPS */, ["innerHTML"]),
-        _hoisted_4
+        createVNode("span", null, [
+          createVNode("div", _hoisted_7, toDisplayString(_ctx.timeObj.hour), 1 /* TEXT */),
+          (_ctx.hourLang && _ctx.type !== 'horizontal')
+            ? (openBlock(), createBlock("em", _hoisted_8, toDisplayString(_ctx.hourLang), 1 /* TEXT */))
+            : createCommentVNode("v-if", true)
+        ]),
+        (_ctx.hourLang && _ctx.type === 'horizontal')
+          ? (openBlock(), createBlock("em", _hoisted_9, toDisplayString(_ctx.hourLang), 1 /* TEXT */))
+          : createCommentVNode("v-if", true),
+        _hoisted_10
       ]),
       createVNode("li", null, [
-        createVNode("span", {
-          innerHTML: _ctx.timeObj.minute
-        }, null, 8 /* PROPS */, ["innerHTML"]),
-        _hoisted_5
+        createVNode("span", null, [
+          createVNode("div", _hoisted_11, toDisplayString(_ctx.timeObj.minute), 1 /* TEXT */),
+          (_ctx.minLang && _ctx.type !== 'horizontal')
+            ? (openBlock(), createBlock("em", _hoisted_12, toDisplayString(_ctx.minLang), 1 /* TEXT */))
+            : createCommentVNode("v-if", true)
+        ]),
+        (_ctx.minLang && _ctx.type === 'horizontal')
+          ? (openBlock(), createBlock("em", _hoisted_13, toDisplayString(_ctx.minLang), 1 /* TEXT */))
+          : createCommentVNode("v-if", true),
+        _hoisted_14
       ]),
       createVNode("li", null, [
-        createVNode("span", {
-          innerHTML: _ctx.timeObj.second
-        }, null, 8 /* PROPS */, ["innerHTML"])
+        createVNode("span", null, [
+          createVNode("div", _hoisted_15, toDisplayString(_ctx.timeObj.second), 1 /* TEXT */),
+          (_ctx.secLang && _ctx.type !== 'horizontal')
+            ? (openBlock(), createBlock("em", _hoisted_16, toDisplayString(_ctx.secLang), 1 /* TEXT */))
+            : createCommentVNode("v-if", true)
+        ]),
+        (_ctx.secLang && _ctx.type === 'horizontal')
+          ? (openBlock(), createBlock("em", _hoisted_17, toDisplayString(_ctx.secLang), 1 /* TEXT */))
+          : createCommentVNode("v-if", true)
       ])
-    ])
+    ], 2 /* CLASS */)
   ]))
@@ -293,17 +378,10 @@ }
     name: "CDhnContainer",
-    props: {
-        width: {
-            type: Number,
-            default: 600,
-        },
-    },
 });
 
+const _hoisted_1 = { class: "c-dhn-container" };
+
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock("section", {
-    class: "c-dhn-container",
-    style: { width: `${_ctx.width}px` }
-  }, [
+  return (openBlock(), createBlock("section", _hoisted_1, [
     renderSlot(_ctx.$slots, "default")
-  ], 4 /* STYLE */))
+  ]))
 }
@@ -393,6 +471,2 @@
         },
-        width: {
-            type: Number,
-            default: 80
-        },
     },
@@ -424,3 +498,3 @@ setup(props, { emit }) {
     class: "c-dhn-text",
-    style: { ..._ctx.style, width: `${_ctx.width}px` }
+    style: _ctx.style
   }, [
@@ -427,0 +501,0 @@ renderSlot(_ctx.$slots, "default")

package.json

 {
 	"name": "c-dhn-act",
-	"version": "1.0.7",
+	"version": "1.0.8",
 	"description": "c-dhn-act component",
@@ -5,0 +5,0 @@ "author": "[e-mail]>",

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

Improved metrics

Total package byte prevSize

178892

increased by5.71%

Lines of code

4778

increased by5.08%

No dependency changes