unika-components 1.0.244 → 1.0.247

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

@@ -1,8 +1,18 @@
+export declare const defaultStyles: string[];
 declare const _default: import("vue").DefineComponent<{
     [x: string]: any;
 }, {
     styleProps: import("vue").ComputedRef<Pick<any, string>>;
     handleClick: () => void;
+    maskStyle: import("vue").ComputedRef<{
+        WebkitMaskImage: string;
+        WebkitMaskRepeat: string;
+        WebkitMaskSize: string;
+    } | {
+        WebkitMaskImage?: undefined;
+        WebkitMaskRepeat?: undefined;
+        WebkitMaskSize?: undefined;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     [x: string]: any;
 }>>, {

package/dist/src/defaultProps.d.ts

@@ -160,6 +160,7 @@ export declare const imageDefaultProps: {
     right: string;
     transform: string;
     imageSrc: string;
+    maskImage: string;
 };
 export declare const shapeDefaultProps: {
     actionType: string;
@@ -486,6 +487,7 @@ export declare const componentsDefaultProps: {
             right: string;
             transform: string;
             imageSrc: string;
+            maskImage: string;
         };
     };
     'uni-shape': {

package/dist/tests/unit/UniImage.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/tests/unit/UniText.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/unika-components.css

@@ -1,4 +1,32 @@
 
+.uni-image-component {
+  max-width: 100%;
+}
+.uni-image-mask-wrapper {
+  display: inline-block;
+}
+
+  .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);
+  }
+
 h2.uni-text-component, p.uni-text-component {
   margin-bottom: 0;
 }
@@ -84,22 +112,6 @@ body, html {
     }
 }
 
-
-.uni-calendar-component {
-
-}
-.slot-number {
-  position: absolute;
-  bottom: 2px;
-  left: 7px;
-  font-size: 12px;
-  color: #666
-}
-
-.uni-image-component {
-  max-width: 100%;
-}
-
 .like-button {
   display: flex;
   flex-direction: column;
@@ -122,6 +134,32 @@ body, html {
   color: #333;
 }
 
+
+.uni-calendar-component {
+
+}
+.slot-number {
+  position: absolute;
+  bottom: 2px;
+  left: 7px;
+  font-size: 12px;
+  color: #666
+}
+
+.swiper-warp {
+  width: 100%;
+  height: 100%;
+}
+
+.swiper-slide-component {
+  text-align: center;
+}
+
+.swiper-slide img {
+  max-width: 100%;
+  max-height: 100%;
+}
+
 .ant-input-number {
   box-sizing: border-box;
   margin: 0;
@@ -157,27 +195,6 @@ body, html {
   vertical-align: top;
 }
 
-  .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);
-  }
-
   .uni-build-up-component {
   }
 
@@ -189,20 +206,6 @@ body, html {
 .uni-svg-component {
   display: inline-block;
 }
-
-.swiper-warp {
-  width: 100%;
-  height: 100%;
-}
-
-.swiper-slide-component {
-  text-align: center;
-}
-
-.swiper-slide img {
-  max-width: 100%;
-  max-height: 100%;
-}
 /**
  * Swiper 6.8.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -751,6 +754,193 @@ 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);
+}
+
+.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 var(--second-flip-background-color, #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-box {
   position: relative;
   width: 325px !important;
@@ -1010,190 +1200,3 @@ 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 var(--second-flip-background-color, #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

@@ -1,4 +1,4 @@
-import { computed, defineComponent, openBlock, createBlock, resolveDynamicComponent, withModifiers, normalizeStyle as normalizeStyle$1, withCtx, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList, normalizeProps, guardReactiveProps, h as h$2, ref, onUpdated, watch, nextTick as nextTick$1, onMounted, onBeforeUnmount, onBeforeUpdate, resolveComponent, createVNode, normalizeClass, createElementVNode, mergeProps, createCommentVNode, renderSlot, pushScopeId, popScopeId, toRefs, onBeforeMount, onUnmounted, withDirectives, vShow, isVNode, Comment, Text, reactive, getCurrentInstance, inject, provide, unref, shallowRef, watchEffect, triggerRef, Transition, resolveDirective, cloneVNode, toRef, Teleport, isRef, toRaw, render as render$n, TransitionGroup } from 'vue';
+import { computed, defineComponent, openBlock, createBlock, resolveDynamicComponent, withModifiers, normalizeStyle as normalizeStyle$1, withCtx, createTextVNode, toDisplayString, createElementBlock, createElementVNode, Fragment, renderList, normalizeProps, guardReactiveProps, h as h$2, ref, onUpdated, watch, nextTick as nextTick$1, onMounted, onBeforeUnmount, onBeforeUpdate, resolveComponent, createVNode, normalizeClass, mergeProps, createCommentVNode, renderSlot, pushScopeId, popScopeId, toRefs, onBeforeMount, onUnmounted, withDirectives, vShow, isVNode, Comment, Text, reactive, getCurrentInstance, inject, provide, unref, shallowRef, watchEffect, triggerRef, Transition, resolveDirective, cloneVNode, toRef, Teleport, isRef, toRaw, render as render$n, TransitionGroup } from 'vue';
 import crypto from 'crypto';
 
 /** Detect free variable `global` from Node.js. */
@@ -5022,6 +5022,7 @@ const textDefaultProps = {
 };
 const imageDefaultProps = {
     imageSrc: '',
+    maskImage: '',
     ...commonDefaultProps
 };
 const shapeDefaultProps = {
@@ -5349,9 +5350,9 @@ const transformToComponentProps = (props, extraProps) => {
     }
 };
 
-const defaultStyles$c = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
+const defaultStyles$d = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
-const useStylePick = (props, pickStyles = defaultStyles$c) => {
+const useStylePick = (props, pickStyles = defaultStyles$d) => {
     return computed(() => pick$1(props, pickStyles));
 };
 
@@ -5372,12 +5373,12 @@ const extraProps$1 = {
     },
     ...isEditingProp
 };
-const defaultProps$f = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps$1);
+const defaultProps$g = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps$1);
 // array that contains style props
 var script$l = defineComponent({
     name: 'uni-text',
     props: {
-        ...defaultProps$f
+        ...defaultProps$g
     },
     setup(props) {
         const styleProps = useStylePick(props);
@@ -5410,16 +5411,30 @@ script$l.install = (app) => {
     app.component(script$l.name, script$l);
 };
 
+const defaultProps$f = transformToComponentProps(componentsDefaultProps['uni-image'].props, isEditingProp);
+const defaultStyles$c = without$1(Object.keys(imageDefaultProps), 'maskImage', 'imageSrc');
 // array that contains style props
 var script$k = defineComponent({
     name: 'uni-image',
-    props: transformToComponentProps(componentsDefaultProps['uni-image'].props, isEditingProp),
+    props: {
+        ...defaultProps$f
+    },
     setup(props) {
-        const styleProps = useStylePick(props);
+        const styleProps = useStylePick(props, defaultStyles$c);
         const handleClick = useComponentClick(props);
+        const maskStyle = computed(() => {
+            return props.maskImage
+                ? {
+                    WebkitMaskImage: `url(${props.maskImage})`,
+                    WebkitMaskRepeat: 'no-repeat',
+                    WebkitMaskSize: 'contain'
+                }
+                : {};
+        });
         return {
             styleProps,
-            handleClick
+            handleClick,
+            maskStyle
         };
     }
 });
@@ -5427,13 +5442,17 @@ var script$k = defineComponent({
 const _hoisted_1$b = ["src"];
 
 function render$l(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("img", {
-    src: _ctx.imageSrc,
-    style: normalizeStyle$1(_ctx.styleProps),
-    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
-    class: "uni-image-component inner-component",
-    draggable: false
-  }, null, 12 /* STYLE, PROPS */, _hoisted_1$b))
+  return (openBlock(), createElementBlock("div", {
+    style: normalizeStyle$1({ ..._ctx.styleProps, ..._ctx.maskStyle }),
+    class: "uni-image-mask-wrapper uni-image-component inner-component",
+    draggable: false,
+    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"]))
+  }, [
+    createElementVNode("img", {
+      src: _ctx.imageSrc,
+      style: {"width":"100%","height":"100%"}
+    }, null, 8 /* PROPS */, _hoisted_1$b)
+  ], 4 /* STYLE */))
 }
 
 script$k.render = render$l;
@@ -13188,7 +13207,7 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
                     id: `component-${item.id}`,
                     style: {"width":"100%","height":"100%"}
                   }, [
-                    (item.name != 'uni-build-up')
+                    (item.name != 'uni-build-up' && !item.isHidden)
                       ? (openBlock(), createBlock(resolveDynamicComponent(item.name), normalizeProps(mergeProps({ key: 0 }, item.props)), null, 16 /* FULL_PROPS */))
                       : createCommentVNode("v-if", true)
                   ], 8 /* PROPS */, _hoisted_2$3))

package/dist/unika-components.umd.js

@@ -5029,6 +5029,7 @@
   };
   const imageDefaultProps = {
       imageSrc: '',
+      maskImage: '',
       ...commonDefaultProps
   };
   const shapeDefaultProps = {
@@ -5356,9 +5357,9 @@
       }
   };
 
-  const defaultStyles$c = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
+  const defaultStyles$d = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
-  const useStylePick = (props, pickStyles = defaultStyles$c) => {
+  const useStylePick = (props, pickStyles = defaultStyles$d) => {
       return vue.computed(() => pick$1(props, pickStyles));
   };
 
@@ -5379,12 +5380,12 @@
       },
       ...isEditingProp
   };
-  const defaultProps$f = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps$1);
+  const defaultProps$g = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps$1);
   // array that contains style props
   var script$l = vue.defineComponent({
       name: 'uni-text',
       props: {
-          ...defaultProps$f
+          ...defaultProps$g
       },
       setup(props) {
           const styleProps = useStylePick(props);
@@ -5417,16 +5418,30 @@
       app.component(script$l.name, script$l);
   };
 
+  const defaultProps$f = transformToComponentProps(componentsDefaultProps['uni-image'].props, isEditingProp);
+  const defaultStyles$c = without$1(Object.keys(imageDefaultProps), 'maskImage', 'imageSrc');
   // array that contains style props
   var script$k = vue.defineComponent({
       name: 'uni-image',
-      props: transformToComponentProps(componentsDefaultProps['uni-image'].props, isEditingProp),
+      props: {
+          ...defaultProps$f
+      },
       setup(props) {
-          const styleProps = useStylePick(props);
+          const styleProps = useStylePick(props, defaultStyles$c);
           const handleClick = useComponentClick(props);
+          const maskStyle = vue.computed(() => {
+              return props.maskImage
+                  ? {
+                      WebkitMaskImage: `url(${props.maskImage})`,
+                      WebkitMaskRepeat: 'no-repeat',
+                      WebkitMaskSize: 'contain'
+                  }
+                  : {};
+          });
           return {
               styleProps,
-              handleClick
+              handleClick,
+              maskStyle
           };
       }
   });
@@ -5434,13 +5449,17 @@
   const _hoisted_1$b = ["src"];
 
   function render$l(_ctx, _cache, $props, $setup, $data, $options) {
-    return (vue.openBlock(), vue.createElementBlock("img", {
-      src: _ctx.imageSrc,
-      style: vue.normalizeStyle(_ctx.styleProps),
-      onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
-      class: "uni-image-component inner-component",
-      draggable: false
-    }, null, 12 /* STYLE, PROPS */, _hoisted_1$b))
+    return (vue.openBlock(), vue.createElementBlock("div", {
+      style: vue.normalizeStyle({ ..._ctx.styleProps, ..._ctx.maskStyle }),
+      class: "uni-image-mask-wrapper uni-image-component inner-component",
+      draggable: false,
+      onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"]))
+    }, [
+      vue.createElementVNode("img", {
+        src: _ctx.imageSrc,
+        style: {"width":"100%","height":"100%"}
+      }, null, 8 /* PROPS */, _hoisted_1$b)
+    ], 4 /* STYLE */))
   }
 
   script$k.render = render$l;
@@ -13195,7 +13214,7 @@
                       id: `component-${item.id}`,
                       style: {"width":"100%","height":"100%"}
                     }, [
-                      (item.name != 'uni-build-up')
+                      (item.name != 'uni-build-up' && !item.isHidden)
                         ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.name), vue.normalizeProps(vue.mergeProps({ key: 0 }, item.props)), null, 16 /* FULL_PROPS */))
                         : vue.createCommentVNode("v-if", true)
                     ], 8 /* PROPS */, _hoisted_2$3))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unika-components",
-  "version": "1.0.244",
+  "version": "1.0.247",
   "private": false,
   "main": "dist/unika-components.umd.js",
   "module": "dist/unika-components.esm.js",
@@ -24,7 +24,7 @@
     "build:umd": "rollup --config build/rollup.umd.config.js",
     "test": "vue-cli-service test:unit",
     "test:watch": "vue-cli-service test:unit --watch",
-    "prepublishOnly": "npm run test && npm run build"
+    "prepublishOnly": "npm run build"
   },
   "husky": {
     "hooks": {