@wikicasa-dev/components 2.5.6-alpha.10 → 2.5.6-alpha.12

package/dist/UIKit/Card/BaseCard.js

@@ -1,5 +1,5 @@
 import o from "../../packages/components/lib/UIKit/Card/BaseCard.vue.js";
-import '../../assets/BaseCard.css';/* empty css                                                     */
+import '../../assets/CardRootPrimitive.css';/* empty css                                                     */
 export {
   o as default
 };

package/dist/UIKit/Card/CardRootPrimitive.js

@@ -1,5 +1,5 @@
 import o from "../../packages/components/lib/UIKit/Card/CardRootPrimitive.vue.js";
-import '../../assets/BaseCard.css';/* empty css                                                              */
+import '../../assets/CardRootPrimitive.css';/* empty css                                                              */
 export {
   o as default
 };

package/dist/UIKit/ShimmerLoader/BaseShimmerLoader.d.ts

@@ -1,18 +1,11 @@
 import { ClassTypeProp } from '../types';
-type __VLS_Props = {
+export type BaseShimmerLoaderProps = {
     shimmerClasses?: ClassTypeProp;
+    enabled?: boolean;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BaseShimmerLoaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseShimmerLoaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/UIKit/ShimmerLoader/BaseShimmerLoader.js

@@ -1,7 +1,7 @@
 import o from "../../packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js";
 import '../../assets/BaseShimmerLoader.css';/* empty css                                                                       */
-import e from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3e28e36c"]]);
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-cf2534f5"]]);
 export {
-  a as default
+  e as default
 };

package/dist/UIKit/ShimmerLoader/ShimmerMultiLine.d.ts

@@ -1,20 +1,18 @@
+import { BaseShimmerLoaderProps } from './BaseShimmerLoader';
 import { ClassTypeProp } from '../types';
 type __VLS_Props = {
     lines?: number;
     randomLength?: boolean;
     shimmerClasses?: ClassTypeProp;
     inheritHeight?: boolean;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    lines: number;
-    randomLength: boolean;
-    inheritHeight: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+} & Pick<BaseShimmerLoaderProps, "enabled">;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     shimmerLines: (({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
             readonly shimmerClasses?: ClassTypeProp;
+            readonly enabled?: boolean | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -29,10 +27,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
         $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<{
-            shimmerClasses?: ClassTypeProp;
-        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<BaseShimmerLoaderProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -52,9 +48,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         $forceUpdate: () => void;
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<{
-        shimmerClasses?: ClassTypeProp;
-    }> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & Readonly<{}> & Omit<Readonly<BaseShimmerLoaderProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
         };

package/dist/assets/BaseShimmerLoader.css

@@ -1 +1 @@
-.shimmer[data-v-3e28e36c]{animation:shimmer-3e28e36c 1.4s infinite;will-change:transform;background-image:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0)}@keyframes shimmer-3e28e36c{0%{transform:translateZ(0) translate(-100%)}to{transform:translateZ(0) translate(100%)}}
+.shimmer[data-v-cf2534f5]{background-image:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0)}.shimmer[data-enabled][data-v-cf2534f5]{animation:shimmer-cf2534f5 1.4s infinite;will-change:transform}@keyframes shimmer-cf2534f5{0%{transform:translateZ(0) translate(-100%)}to{transform:translateZ(0) translate(100%)}}

package/dist/index.js

@@ -1,6 +1,6 @@
 import { default as P } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
 import { default as S } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
-import './assets/BaseCard.css';import './assets/SwiperSlideImagePrimitive.css';import './assets/SwiperCarousel.css';import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseBadge.css';import './assets/ClearableAutocomplete.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/AccessibleSelect.css';import './assets/RadioButtonItem.css';import './assets/BaseTabsIndicator.css';import './assets/BaseTabs.css';import './assets/CheckboxBtn.css';import './assets/BaseAccordionItem.css';/* empty css                                                               */
+import './assets/CardRootPrimitive.css';import './assets/SwiperSlideImagePrimitive.css';import './assets/SwiperCarousel.css';import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseBadge.css';import './assets/ClearableAutocomplete.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/AccessibleSelect.css';import './assets/RadioButtonItem.css';import './assets/BaseTabsIndicator.css';import './assets/BaseTabs.css';import './assets/CheckboxBtn.css';import './assets/BaseAccordionItem.css';/* empty css                                                               */
 import { default as I } from "./packages/components/lib/UIKit/Accordion/AccordionItemPrimitive.vue.js";
 import { default as h } from "./packages/components/lib/UIKit/Accordion/AccordionHeaderPrimitive.vue.js";
 import { default as w } from "./packages/components/lib/UIKit/Accordion/AccordionTriggerPrimitive.vue.js";

package/dist/packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js

@@ -1,22 +1,20 @@
-import { defineComponent as s, createElementBlock as l, openBlock as r, normalizeStyle as a, normalizeClass as t, createElementVNode as o, renderSlot as u } from "vue";
-const d = /* @__PURE__ */ s({
-  inheritAttrs: !1,
+import { defineComponent as i, createElementBlock as a, openBlock as l, createElementVNode as o, renderSlot as s, normalizeClass as d } from "vue";
+const n = { class: "uikit-relative uikit-overflow-hidden uikit-bg-w-lavender" }, r = ["data-enabled"], c = /* @__PURE__ */ i({
   __name: "BaseShimmerLoader",
   props: {
-    shimmerClasses: { default: "" }
+    shimmerClasses: { default: "" },
+    enabled: { type: Boolean, default: !0 }
   },
-  setup(i) {
-    return (e, m) => (r(), l("div", {
-      class: t(["uikit-relative uikit-overflow-hidden uikit-bg-w-lavender", e.$attrs.class]),
-      style: a(e.$attrs.style)
-    }, [
+  setup(e) {
+    return (t, u) => (l(), a("div", n, [
       o("div", {
-        class: t(["shimmer uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-h-full", i.shimmerClasses])
-      }, null, 2),
-      u(e.$slots, "default", {}, void 0, !0)
-    ], 6));
+        class: d(["shimmer uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-h-full", e.shimmerClasses]),
+        "data-enabled": e.enabled || void 0
+      }, null, 10, r),
+      s(t.$slots, "default", {}, void 0, !0)
+    ]));
   }
 });
 export {
-  d as default
+  c as default
 };

package/dist/packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js

@@ -1,15 +1,16 @@
-import { defineComponent as i, createElementBlock as n, openBlock as t, Fragment as l, renderList as a, createBlock as m, normalizeStyle as s, normalizeClass as o } from "vue";
+import { defineComponent as l, createElementBlock as a, openBlock as t, Fragment as r, renderList as i, createBlock as m, normalizeStyle as s, normalizeClass as o } from "vue";
 import u from "../../../../../UIKit/ShimmerLoader/BaseShimmerLoader.js";
-const k = /* @__PURE__ */ i({
+const k = /* @__PURE__ */ l({
   __name: "ShimmerMultiLine",
   props: {
     lines: { default: 1 },
     randomLength: { type: Boolean, default: !1 },
     shimmerClasses: {},
-    inheritHeight: { type: Boolean, default: !1 }
+    inheritHeight: { type: Boolean, default: !1 },
+    enabled: { type: Boolean, default: !0 }
   },
   setup(e) {
-    return (h, d) => (t(!0), n(l, null, a(e.lines, (r) => (t(), m(u, {
+    return (d, h) => (t(!0), a(r, null, i(e.lines, (n) => (t(), m(u, {
       ref_for: !0,
       ref: "shimmerLines",
       class: o(["shimmer-line", [
@@ -17,11 +18,12 @@ const k = /* @__PURE__ */ i({
         e.inheritHeight ? "uikit-h-[1em]" : "uikit-h-8",
         "uikit-mb-2 uikit-rounded-xs"
       ]]),
-      key: `sml-${r}`,
+      enabled: e.enabled,
+      key: `sml-${n}`,
       style: s({
         marginRight: e.randomLength ? `${Math.round(Math.random() * 5) * 10}%` : 0
       })
-    }, null, 8, ["class", "style"]))), 128));
+    }, null, 8, ["class", "enabled", "style"]))), 128));
   }
 });
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.5.6-alpha.10",
+  "version": "2.5.6-alpha.12",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",