unika-components 1.0.37 → 1.0.38

package/dist/src/components/UniCalendar/UniCalendar.vue.d.ts

@@ -12,8 +12,8 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     opacity: {
-        type: StringConstructor;
-        default: string;
+        type: NumberConstructor;
+        default: number;
     };
     weddingDate: {
         type: StringConstructor;
@@ -79,8 +79,8 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     opacity: {
-        type: StringConstructor;
-        default: string;
+        type: NumberConstructor;
+        default: number;
     };
     weddingDate: {
         type: StringConstructor;
@@ -126,7 +126,7 @@ declare const _default: import("vue").DefineComponent<{
     left: string;
     top: string;
     transform: string;
-    opacity: string;
+    opacity: number;
     weddingDate: string;
     boxBackgroundColor: string;
     boxBorderColor: string;

package/dist/src/defaultProps.d.ts

@@ -238,7 +238,7 @@ export declare const calendarDefaultProps: {
     left: string;
     top: string;
     transform: string;
-    opacity: string;
+    opacity: number;
     weddingDate: string;
     boxBackgroundColor: string;
     boxBorderColor: string;
@@ -556,7 +556,7 @@ export declare const componentsDefaultProps: {
             left: string;
             top: string;
             transform: string;
-            opacity: string;
+            opacity: number;
             weddingDate: string;
             boxBackgroundColor: string;
             boxBorderColor: string;

package/dist/unika-components.css

@@ -1,65 +1,4 @@
 
-.uni-image-component {
-  max-width: 100%;
-}
-
-  .uni-background-component {
-    width: 100%;
-  }
-  .bg-img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    z-index:1;
-  }
-  .watermark {
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-  }
-  .watermark-div {
-    height: 100%;
-    width:100%;
-    position:absolute;
-    z-index:99999999;
-  }
-  body:before{
-  content: '';
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: -1;
-  /* background: url(https://unika-static-dev.unika.cc/logo.png) 0 0 repeat; */
-  background-position: center;  
-  opacity: 0.1;
-}
-
-  .uni-video-component {
-    position: relative;
-    text-align: center;
-  }
-  .play-pause-button {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    cursor: pointer;
-    font-size: 2rem;
-    color: #fff;
-    background: rgba(0, 0, 0, 0.6);
-    border-radius: 50%;
-    padding: 10px;
-    transition: background 0.3s;
-  }
-  .play-pause-button:hover {
-    background: rgba(0, 0, 0, 0.8);
-  }
-
  .slide-guide {
     position: absolute;
     bottom: 90px;
@@ -239,8 +178,12 @@ button.uni-text-component {
     -webkit-transform: rotate(360deg);
   }
 }
+
+.uni-image-component {
+  max-width: 100%;
+}
 
-  .video-player {
+  .uni-video-component {
     position: relative;
     text-align: center;
   }
@@ -269,28 +212,6 @@ button.uni-text-component {
   color: #666
 }
 
-#app1 {
-  position: relative;
-}
-.snowflake {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 10px;
-  height: 10px;
-  background: red;
-  border-radius: 50%;
-  animation: falling 10s linear infinite;
-}
-@keyframes falling {
-  from {
-    transform: translateY(0) rotate(0deg);
-  }
-  to {
-    transform: translateY(100vh) rotate(360deg);
-  }
-}
-
 .like-button {
   display: flex;
   flex-direction: column;
@@ -313,6 +234,42 @@ button.uni-text-component {
   color: #333;
 }
 
+  .uni-background-component {
+    width: 100%;
+  }
+  .bg-img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    z-index:1;
+  }
+  .watermark {
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+  .watermark-div {
+    height: 100%;
+    width:100%;
+    position:absolute;
+    z-index:99999999;
+  }
+  body:before{
+  content: '';
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: -1;
+  /* background: url(https://unika-static-dev.unika.cc/logo.png) 0 0 repeat; */
+  background-position: center;  
+  opacity: 0.1;
+}
+
 .swiper-container {
   width: 100%;
   height: 300px;
@@ -326,6 +283,49 @@ button.uni-text-component {
   max-width: 100%;
   max-height: 100%;
 }
+
+  .video-player {
+    position: relative;
+    text-align: center;
+  }
+  .play-pause-button {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    cursor: pointer;
+    font-size: 2rem;
+    color: #fff;
+    background: rgba(0, 0, 0, 0.6);
+    border-radius: 50%;
+    padding: 10px;
+    transition: background 0.3s;
+  }
+  .play-pause-button:hover {
+    background: rgba(0, 0, 0, 0.8);
+  }
+
+#app1 {
+  position: relative;
+}
+.snowflake {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 10px;
+  height: 10px;
+  background: red;
+  border-radius: 50%;
+  animation: falling 10s linear infinite;
+}
+@keyframes falling {
+  from {
+    transform: translateY(0) rotate(0deg);
+  }
+  to {
+    transform: translateY(100vh) rotate(360deg);
+  }
+}
 /**
  * Swiper 6.8.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -874,249 +874,62 @@ button.swiper-pagination-bullet {
           backface-visibility: hidden;
 }
 
-
-.no-animation__card {
-  font-weight: 500;
-  font-size: var(--countdown-size, 2rem);
-  line-height: 1.5;
-  display: block;
-  color: var(--main-color, #EC685C);
+.unika-calendar-title {
+  font-size: 25px;
+  padding-bottom: 4px;
 }
-
-.flip-clock {
-  text-align: center;
-  perspective: 600px;
-  margin: 0 auto;
+.unika-calendar-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: end;
+  -ms-flex-align: end;
+  align-items: flex-end;
+  line-height: 1;
+  padding: 0 47px 20px;
 }
-
-.flip-clock *,
-.flip-clock *:before,
-.flip-clock *:after {
-  box-sizing: border-box;
+.unika-calendar-header .disabled {
+  pointer-events: none;
+  color: #f0f0f0;
 }
-
-.flip-clock__piece {
-  display: inline-block;
-  margin: 0 0.2vw;
+.unika-calendar-th {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  height: 25px;
+  line-height: 25px;
+  padding: 0 10px;
+  border-radius: 13px
 }
-
-@media (min-width: 1000px) {
-  .flip-clock__piece {
-    margin: 0 5px;
-  }
+.unika-calendar-th > * {
+  width: 14.2%;
+  text-align: center;
+  color: #fff;
+  font-size: 15px;
 }
-
-.flip-clock__slot {
-  font-size: var(--label-size, 1rem);
-  line-height: 1.5;
-  display: block;
-  color: var(--label-color, #222222);
+.unika-calendar-th > *:not(:first-child) {
+  margin-left: 10px;
 }
-
-.flip-card {
-  display: block;
+.unika-calendar-body {
+  padding: 0;
+  margin: 0;
+  font-size: 0;
+  padding: 5px 10px 0;
+  text-align: left;
+}
+.unika-calendar-editor {
+  font-size: 25px;
+}
+.unika-calendar-editor span {
   position: relative;
-  padding-bottom: 0.72em; /* halfHeight */
-  font-size: var(--countdown-size, 2.25rem);
-  line-height: 0.95;
-}
-
-@media (min-width: 1000px) {
-  .flip-clock__slot {
-    font-size: 1.2rem;
-  }
-  
-  .flip-card {
-    font-size: 3rem;
-  }
-}
-
-.flip-card__top,
-.flip-card__bottom,
-.flip-card__back-bottom,
-.flip-card__back::before,
-.flip-card__back::after{
-  display: block;
-  height: 0.72em; /* halfHeight */
-  color: var(--main-color, #EC685C);
-  background: var(--main-flip-background-color, #222222);
-  padding: 0.23em 0.15em 0.4em;
-  border-radius: 0.15em 0.15em 0 0; /* borderRadius */
-  backface-visibility: hidden;
-  -webkit-backface-visibility: hidden;
-  transform-style: preserve-3d;
-  width: 2.1em;
-}
-
-.flip-card__top-4digits,
-.flip-card__bottom-4digits,
-.flip-card__back-bottom-4digits,
-.flip-card__back-4digits::before,
-.flip-card__back-4digits::after {
-  display: block;
-  height: 0.72em; /* halfHeight */
-  color: var(--main-color, #EC685C);
-  background: var(--main-flip-background-color, #222222);
-  padding: 0.23em 0.15em 0.4em;
-  border-radius: 0.15em 0.15em 0 0; /* borderRadius */
-  backface-visibility: hidden;
-  -webkit-backface-visibility: hidden;
-  transform-style: preserve-3d;
-  width: 2.65em;
-}
-
-.flip-card__bottom,
-.flip-card__back-bottom,
-.flip-card__bottom-4digits,
-.flip-card__back-bottom-4digits {
-  color: var(--second-flip-color, #EC685C);
-  position: absolute;
-  top: 50%;
-  left: 0;
-  border-top: solid 1px #000;
-  background: var(--second-flip-background-color, #393939);
-  border-radius: 0 0 0.15em 0.15em; /* borderRadius */
-  pointer-events: none;
-  overflow: hidden;
-  z-index: 2;
-}
-
-.flip-card__back-bottom,
-.flip-card__back-bottom-4digits {
-  z-index: 1;
-}
-
-.flip-card__bottom::after,
-.flip-card__back-bottom::after,
-.flip-card__bottom-4digits::after,
-.flip-card__back-bottom-4digits::after {
-  display: block;
-  margin-top: -0.72em; /* Negative halfHeight */
-}
-.flip-card__back::before,
-.flip-card__bottom::after,
-.flip-card__back-bottom::after,
-.flip-card__back-4digits::before,
-.flip-card__bottom-4digits::after,
-.flip-card__back-bottom-4digits::after {
-    content: attr(data-value);
-}
-
-.flip-card__back,
-.flip-card__back-4digits {
-    position: absolute;
-    top: 0;
-    height: 100%;
-    left: 0%;
-    pointer-events: none;
-}
-.flip-card__back::before,
-.flip-card__back-4digits::before {
-  position: relative;
-  overflow: hidden;
-  z-index: -1;
-}
-
-.flip .flip-card__back::before,
-.flip .flip-card__back-4digits::before {
-  z-index: 1;
-  animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
-  animation-fill-mode: both;
-  transform-origin: center bottom;
-}
-
-.flip .flip-card__bottom,
-.flip .flip-card__bottom-4digits {
-  transform-origin: center top;
-  animation-fill-mode: both;
-  animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
-}
-@keyframes flipTop {
-  0% {
-    transform: rotateX(0deg);
-    z-index: 2;
-  }
-  0%, 99% {
-    opacity: 1;
-  }
-  100% {
-    transform: rotateX(-90deg);
-    opacity: 0;
-  }
-}
-
-@keyframes flipBottom {
-  0%, 50% {
-    z-index: -1;
-    transform: rotateX(90deg);
-    opacity: 0;
-  }
-  51% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 1;
-    transform: rotateX(0deg);
-    z-index: 5;
-  }
-}
-
-.unika-calendar-title {
-  font-size: 25px;
-  padding-bottom: 4px;
-}
-.unika-calendar-header {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-box-align: end;
-  -ms-flex-align: end;
-  align-items: flex-end;
-  line-height: 1;
-  padding: 0 47px 20px;
-}
-.unika-calendar-header .disabled {
-  pointer-events: none;
-  color: #f0f0f0;
-}
-.unika-calendar-th {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 25px;
-  line-height: 25px;
-  padding: 0 10px;
-  border-radius: 13px
-}
-.unika-calendar-th > * {
-  width: 14.2%;
-  text-align: center;
-  color: #fff;
-  font-size: 15px;
-}
-.unika-calendar-th > *:not(:first-child) {
-  margin-left: 10px;
-}
-.unika-calendar-body {
-  padding: 0;
-  margin: 0;
-  font-size: 0;
-  padding: 5px 10px 0;
-  text-align: left;
-}
-.unika-calendar-editor {
-  font-size: 25px;
-}
-.unika-calendar-editor span {
-  position: relative;
-  top: 2px;
-  font-size: 57px;
+  top: 2px;
+  font-size: 57px;
 }
 .unika-calendar-day {
   display: inline-block;
@@ -1164,7 +977,7 @@ button.swiper-pagination-bullet {
   position: relative;
   width: 20px;
   height: 20px;
-  margin: 0px auto;
+  margin: 0px 0px;
   border: 2px solid var(--after-haert-color);
   border-radius: 50%;
   animation: heartbeat 1s infinite alternate;
@@ -1173,7 +986,7 @@ button.swiper-pagination-bullet {
 .circle {
   width: 30px;
   height: 30px;
-  margin: -2px;
+  margin: -3px;
   background-color: var(--after-haert-color);
   border-radius: 50%;
   animation: heartbeat 1s infinite alternate; /* 应用跳动的动画 */
@@ -1258,6 +1071,21 @@ button.swiper-pagination-bullet {
 .can-year {
   font-size: 20px
 }
+.can-date {
+  position: relative;
+}
+.can-date .can-year {
+  position: absolute;
+  white-space: nowrap;
+  left: 50%;
+  top: 15%;
+  -webkit-transform: translateX(-50%);
+  transform: translateX(-50%);
+  font-size: 76px;
+  opacity: .1;
+  font-weight: 600;
+}
+
 .can-week {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -1297,3 +1125,190 @@ button.swiper-pagination-bullet {
   padding: 0 0px;
   border-bottom: 1px solid
 }
+
+
+.no-animation__card {
+  font-weight: 500;
+  font-size: var(--countdown-size, 2rem);
+  line-height: 1.5;
+  display: block;
+  color: var(--main-color, #EC685C);
+}
+
+.flip-clock {
+  text-align: center;
+  perspective: 600px;
+  margin: 0 auto;
+}
+
+.flip-clock *,
+.flip-clock *:before,
+.flip-clock *:after {
+  box-sizing: border-box;
+}
+
+.flip-clock__piece {
+  display: inline-block;
+  margin: 0 0.2vw;
+}
+
+@media (min-width: 1000px) {
+  .flip-clock__piece {
+    margin: 0 5px;
+  }
+}
+
+.flip-clock__slot {
+  font-size: var(--label-size, 1rem);
+  line-height: 1.5;
+  display: block;
+  color: var(--label-color, #222222);
+}
+
+.flip-card {
+  display: block;
+  position: relative;
+  padding-bottom: 0.72em; /* halfHeight */
+  font-size: var(--countdown-size, 2.25rem);
+  line-height: 0.95;
+}
+
+@media (min-width: 1000px) {
+  .flip-clock__slot {
+    font-size: 1.2rem;
+  }
+  
+  .flip-card {
+    font-size: 3rem;
+  }
+}
+
+.flip-card__top,
+.flip-card__bottom,
+.flip-card__back-bottom,
+.flip-card__back::before,
+.flip-card__back::after{
+  display: block;
+  height: 0.72em; /* halfHeight */
+  color: var(--main-color, #EC685C);
+  background: var(--main-flip-background-color, #222222);
+  padding: 0.23em 0.15em 0.4em;
+  border-radius: 0.15em 0.15em 0 0; /* borderRadius */
+  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+  transform-style: preserve-3d;
+  width: 2.1em;
+}
+
+.flip-card__top-4digits,
+.flip-card__bottom-4digits,
+.flip-card__back-bottom-4digits,
+.flip-card__back-4digits::before,
+.flip-card__back-4digits::after {
+  display: block;
+  height: 0.72em; /* halfHeight */
+  color: var(--main-color, #EC685C);
+  background: var(--main-flip-background-color, #222222);
+  padding: 0.23em 0.15em 0.4em;
+  border-radius: 0.15em 0.15em 0 0; /* borderRadius */
+  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+  transform-style: preserve-3d;
+  width: 2.65em;
+}
+
+.flip-card__bottom,
+.flip-card__back-bottom,
+.flip-card__bottom-4digits,
+.flip-card__back-bottom-4digits {
+  color: var(--second-flip-color, #EC685C);
+  position: absolute;
+  top: 50%;
+  left: 0;
+  border-top: solid 1px #000;
+  background: var(--second-flip-background-color, #393939);
+  border-radius: 0 0 0.15em 0.15em; /* borderRadius */
+  pointer-events: none;
+  overflow: hidden;
+  z-index: 2;
+}
+
+.flip-card__back-bottom,
+.flip-card__back-bottom-4digits {
+  z-index: 1;
+}
+
+.flip-card__bottom::after,
+.flip-card__back-bottom::after,
+.flip-card__bottom-4digits::after,
+.flip-card__back-bottom-4digits::after {
+  display: block;
+  margin-top: -0.72em; /* Negative halfHeight */
+}
+.flip-card__back::before,
+.flip-card__bottom::after,
+.flip-card__back-bottom::after,
+.flip-card__back-4digits::before,
+.flip-card__bottom-4digits::after,
+.flip-card__back-bottom-4digits::after {
+    content: attr(data-value);
+}
+
+.flip-card__back,
+.flip-card__back-4digits {
+    position: absolute;
+    top: 0;
+    height: 100%;
+    left: 0%;
+    pointer-events: none;
+}
+.flip-card__back::before,
+.flip-card__back-4digits::before {
+  position: relative;
+  overflow: hidden;
+  z-index: -1;
+}
+
+.flip .flip-card__back::before,
+.flip .flip-card__back-4digits::before {
+  z-index: 1;
+  animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
+  animation-fill-mode: both;
+  transform-origin: center bottom;
+}
+
+.flip .flip-card__bottom,
+.flip .flip-card__bottom-4digits {
+  transform-origin: center top;
+  animation-fill-mode: both;
+  animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
+}
+@keyframes flipTop {
+  0% {
+    transform: rotateX(0deg);
+    z-index: 2;
+  }
+  0%, 99% {
+    opacity: 1;
+  }
+  100% {
+    transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+
+@keyframes flipBottom {
+  0%, 50% {
+    z-index: -1;
+    transform: rotateX(90deg);
+    opacity: 0;
+  }
+  51% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 1;
+    transform: rotateX(0deg);
+    z-index: 5;
+  }
+}

package/dist/unika-components.esm.js

@@ -4174,7 +4174,7 @@ const calendarDefaultProps = {
     left: '25px',
     top: '204.5px',
     transform: 'scale(0.855)',
-    opacity: '1',
+    opacity: 1,
     weddingDate: '2024-05-21',
     boxBackgroundColor: 'rgb(255, 255, 255)',
     boxBorderColor: 'rgb(237, 85, 102)',
@@ -11842,7 +11842,7 @@ const _hoisted_4$4 = /*#__PURE__*/createElementVNode("img", {
   src: "https://img1.maka.im/assets/usual/slideguide-3-view.png",
   alt: ""
 }, null, -1 /* HOISTED */);
-const _hoisted_5$3 = [
+const _hoisted_5$4 = [
   _hoisted_4$4
 ];
 
@@ -11889,7 +11889,7 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["modules", "effect", "direction", "onSwiper", "onSlideChange"]),
     (_ctx.upArrow)
-      ? (openBlock(), createElementBlock("button", _hoisted_3$4, [..._hoisted_5$3]))
+      ? (openBlock(), createElementBlock("button", _hoisted_3$4, [..._hoisted_5$4]))
       : createCommentVNode("v-if", true)
   ]))
 }
@@ -12033,7 +12033,7 @@ const _hoisted_4$3 = {
   key: 0,
   class: "icon-h"
 };
-const _hoisted_5$2 = ["src"];
+const _hoisted_5$3 = ["src"];
 
 function render$d(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
@@ -12060,7 +12060,7 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
         controls: "",
         loop: "",
         preload: "auto"
-      }, null, 8 /* PROPS */, _hoisted_5$2)
+      }, null, 8 /* PROPS */, _hoisted_5$3)
     ])
   ], 4 /* STYLE */))
 }
@@ -14720,6 +14720,10 @@ const _hoisted_4$2 = {
   key: 1,
   class: "can-week"
 };
+const _hoisted_5$2 = {
+  key: 3,
+  class: "can-date"
+};
 
 function render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
@@ -14802,6 +14806,14 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
             }), 128 /* KEYED_FRAGMENT */))
           ], 4 /* STYLE */))
         : createCommentVNode("v-if", true),
+      (_ctx.themeStyle == '2')
+        ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+            createElementVNode("div", {
+              class: "can-year",
+              style: normalizeStyle({'color': _ctx.boxBorderColor})
+            }, toDisplayString(_ctx.currentYear), 5 /* TEXT, STYLE */)
+          ]))
+        : createCommentVNode("v-if", true),
       createElementVNode("div", {
         class: normalizeClass(`${_ctx.cp}-body`),
         style: normalizeStyle({color: _ctx.frontColor})
@@ -14886,8 +14898,8 @@ var script$9 = defineComponent({
             default: 'scale(0.855)'
         },
         opacity: {
-            type: String,
-            default: '1'
+            type: Number,
+            default: 1
         },
         weddingDate: {
             type: String,

package/dist/unika-components.umd.js

@@ -4181,7 +4181,7 @@
       left: '25px',
       top: '204.5px',
       transform: 'scale(0.855)',
-      opacity: '1',
+      opacity: 1,
       weddingDate: '2024-05-21',
       boxBackgroundColor: 'rgb(255, 255, 255)',
       boxBorderColor: 'rgb(237, 85, 102)',
@@ -11849,7 +11849,7 @@
     src: "https://img1.maka.im/assets/usual/slideguide-3-view.png",
     alt: ""
   }, null, -1 /* HOISTED */);
-  const _hoisted_5$3 = [
+  const _hoisted_5$4 = [
     _hoisted_4$4
   ];
 
@@ -11896,7 +11896,7 @@
         _: 1 /* STABLE */
       }, 8 /* PROPS */, ["modules", "effect", "direction", "onSwiper", "onSlideChange"]),
       (_ctx.upArrow)
-        ? (vue.openBlock(), vue.createElementBlock("button", _hoisted_3$4, [..._hoisted_5$3]))
+        ? (vue.openBlock(), vue.createElementBlock("button", _hoisted_3$4, [..._hoisted_5$4]))
         : vue.createCommentVNode("v-if", true)
     ]))
   }
@@ -12040,7 +12040,7 @@
     key: 0,
     class: "icon-h"
   };
-  const _hoisted_5$2 = ["src"];
+  const _hoisted_5$3 = ["src"];
 
   function render$d(_ctx, _cache, $props, $setup, $data, $options) {
     return (vue.openBlock(), vue.createElementBlock("div", {
@@ -12067,7 +12067,7 @@
           controls: "",
           loop: "",
           preload: "auto"
-        }, null, 8 /* PROPS */, _hoisted_5$2)
+        }, null, 8 /* PROPS */, _hoisted_5$3)
       ])
     ], 4 /* STYLE */))
   }
@@ -14727,6 +14727,10 @@
     key: 1,
     class: "can-week"
   };
+  const _hoisted_5$2 = {
+    key: 3,
+    class: "can-date"
+  };
 
   function render$b(_ctx, _cache, $props, $setup, $data, $options) {
     return (vue.openBlock(), vue.createElementBlock("div", {
@@ -14809,6 +14813,14 @@
               }), 128 /* KEYED_FRAGMENT */))
             ], 4 /* STYLE */))
           : vue.createCommentVNode("v-if", true),
+        (_ctx.themeStyle == '2')
+          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$2, [
+              vue.createElementVNode("div", {
+                class: "can-year",
+                style: vue.normalizeStyle({'color': _ctx.boxBorderColor})
+              }, vue.toDisplayString(_ctx.currentYear), 5 /* TEXT, STYLE */)
+            ]))
+          : vue.createCommentVNode("v-if", true),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(`${_ctx.cp}-body`),
           style: vue.normalizeStyle({color: _ctx.frontColor})
@@ -14893,8 +14905,8 @@
               default: 'scale(0.855)'
           },
           opacity: {
-              type: String,
-              default: '1'
+              type: Number,
+              default: 1
           },
           weddingDate: {
               type: String,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unika-components",
-  "version": "1.0.37",
+  "version": "1.0.38",
   "private": false,
   "main": "dist/unika-components.umd.js",
   "module": "dist/unika-components.esm.js",