@mixd-id/web-scaffold 0.1.230406039 → 0.1.230406041

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mixd-id/web-scaffold",
   "private": false,
-  "version": "0.1.230406039",
+  "version": "0.1.230406041",
   "scripts": {
     "dev": "vite serve",
     "build": "vite build",

package/src/components/Countdown.vue

@@ -6,7 +6,7 @@
 			<div></div>
 			<div></div>
 		</div>
-		<div v-if="display >= 4" class="mr-2">hari</div>
+		<div v-if="display >= 4" class="mr-2" :style="labelStyle">hari</div>
 
 		<slot v-if="display >= 3 && $slots.hour" name="hour" :hour="hour"></slot>
 		<div ref="hour" v-else-if="display >= 3" :class="$style.lap">
@@ -14,7 +14,7 @@
 			<div></div>
 		</div>
 
-		<div>:</div>
+		<div :style="labelStyle">:</div>
 
 		<slot v-if="display >= 2 && $slots.minute" name="minute" :minute="minute"></slot>
 		<div ref="minute" v-else-if="display >= 2" :class="$style.lap">
@@ -22,7 +22,7 @@
 			<div></div>
 		</div>
 
-		<div>:</div>
+		<div :style="labelStyle">:</div>
 
 		<slot v-if="display >= 1 && $slots.second" name="second" :second="second"></slot>
 		<div ref="second" v-else-if="display >= 1" :class="$style.lap">
@@ -44,7 +44,9 @@ export default{
 			default: 3
 		},
 
-		value: [ String, Number ] // value in second
+		value: [ String, Number ], // value in second,
+
+		labelStyle: Object
 
 	},
 
@@ -122,7 +124,7 @@ export default{
 		},
 
 		setInitial(){
-			if(this.$refs.day) this.$refs.day.lastElementChild.innerHTML = '1'
+			if(this.$refs.day) this.$refs.day.lastElementChild.innerHTML = Math.floor(this.timer / 86400).toString().padStart(2, '0')
 			if(this.$refs.hour) this.$refs.hour.lastElementChild.innerHTML =  (Math.floor(this.timer / 3600) % 24).toString().padStart(2, '0')
 			if(this.$refs.minute) this.$refs.minute.lastElementChild.innerHTML = (Math.floor(this.timer / 60) % 60).toString().padStart(2, '0')
 			if(this.$refs.second) this.$refs.second.lastElementChild.innerHTML = (this.timer % 60).toString().padStart(2, '0')

package/src/utils/helpers.js

@@ -256,6 +256,24 @@ const unflatten = (flatObject) => {
   return nestedObject;
 }
 
+const accessNestedObject = function(obj, path) {
+  if(!obj || typeof path !== 'string') return undefined
+
+  const keys = path.split('.');
+  let nestedObj = obj;
+
+  for (let key of keys) {
+    if (nestedObj && nestedObj.hasOwnProperty(key)) {
+      nestedObj = nestedObj[key];
+    } else {
+      // Return undefined if any key in the path is missing
+      return undefined;
+    }
+  }
+
+  return nestedObj;
+}
+
 
 module.exports = {
   ceil,
@@ -274,5 +292,6 @@ module.exports = {
   bufferToStream,
   sequelizeChunk,
   getPresetSortWhereParams,
-  unflatten
+  unflatten,
+  accessNestedObject
 }