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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- import '../../assets/swiper-autoplay.css';/* empty css */
1
+ import '../../assets/swiper-keyboard.css';/* empty css */
2
2
  import { Autoplay as p } from "swiper/modules";
3
3
  export {
4
4
  p as default
@@ -1,4 +1,4 @@
1
- import '../../assets/swiper-autoplay.css';/* empty css */
1
+ import '../../assets/swiper-keyboard.css';/* empty css */
2
2
  import { Controller as e } from "swiper/modules";
3
3
  export {
4
4
  e as default
@@ -1,4 +1,4 @@
1
- import '../../assets/swiper-autoplay.css';/* empty css */
1
+ import '../../assets/swiper-keyboard.css';/* empty css */
2
2
  import { Keyboard as e } from "swiper/modules";
3
3
  export {
4
4
  e as default
@@ -1,4 +1,4 @@
1
- import '../../assets/swiper-autoplay.css';/* empty css */
1
+ import '../../assets/swiper-keyboard.css';/* empty css */
2
2
  import { Thumbs as t } from "swiper/modules";
3
3
  export {
4
4
  t as default
@@ -1,5 +1,5 @@
1
1
  import o from "../../packages/components/lib/UIKit/Card/BaseCard.vue.js";
2
- import '../../assets/BaseCard.css';/* empty css */
2
+ import '../../assets/CardRootPrimitive.css';/* empty css */
3
3
  export {
4
4
  o as default
5
5
  };
@@ -1,5 +1,5 @@
1
1
  import o from "../../packages/components/lib/UIKit/Card/CardRootPrimitive.vue.js";
2
- import '../../assets/BaseCard.css';/* empty css */
2
+ import '../../assets/CardRootPrimitive.css';/* empty css */
3
3
  export {
4
4
  o as default
5
5
  };
@@ -1,18 +1,11 @@
1
1
  import { ClassTypeProp } from '../types';
2
- type __VLS_Props = {
2
+ export type BaseShimmerLoaderProps = {
3
3
  shimmerClasses?: ClassTypeProp;
4
+ enabled?: boolean;
4
5
  };
5
- declare function __VLS_template(): {
6
- attrs: Partial<{}>;
7
- slots: {
8
- default?(_: {}): any;
9
- };
10
- refs: {};
11
- rootEl: any;
12
- };
13
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
14
- 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>;
15
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
6
+ 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>, {
7
+ default?(_: {}): any;
8
+ }>;
16
9
  export default _default;
17
10
  type __VLS_WithTemplateSlots<T, S> = T & {
18
11
  new (): {
@@ -1,7 +1,7 @@
1
1
  import o from "../../packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js";
2
2
  import '../../assets/BaseShimmerLoader.css';/* empty css */
3
- import e from "../../_virtual/_plugin-vue_export-helper.js";
4
- const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3e28e36c"]]);
3
+ import r from "../../_virtual/_plugin-vue_export-helper.js";
4
+ const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-cf2534f5"]]);
5
5
  export {
6
- a as default
6
+ e as default
7
7
  };
@@ -1,20 +1,18 @@
1
+ import { BaseShimmerLoaderProps } from './BaseShimmerLoader';
1
2
  import { ClassTypeProp } from '../types';
2
3
  type __VLS_Props = {
3
4
  lines?: number;
4
5
  randomLength?: boolean;
5
6
  shimmerClasses?: ClassTypeProp;
6
7
  inheritHeight?: boolean;
7
- };
8
- declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
9
- lines: number;
10
- randomLength: boolean;
11
- inheritHeight: boolean;
12
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
8
+ } & Pick<BaseShimmerLoaderProps, "enabled">;
9
+ 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, {
13
10
  shimmerLines: (({
14
11
  $: import('vue').ComponentInternalInstance;
15
12
  $data: {};
16
13
  $props: {
17
14
  readonly shimmerClasses?: ClassTypeProp;
15
+ readonly enabled?: boolean | undefined;
18
16
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
19
17
  $attrs: {
20
18
  [x: string]: unknown;
@@ -29,10 +27,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
29
27
  $parent: import('vue').ComponentPublicInstance | null;
30
28
  $host: Element | null;
31
29
  $emit: (event: string, ...args: any[]) => void;
32
- $el: any;
33
- $options: import('vue').ComponentOptionsBase<Readonly<{
34
- shimmerClasses?: ClassTypeProp;
35
- }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
30
+ $el: HTMLDivElement;
31
+ $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> & {
36
32
  beforeCreate?: (() => void) | (() => void)[];
37
33
  created?: (() => void) | (() => void)[];
38
34
  beforeMount?: (() => void) | (() => void)[];
@@ -52,9 +48,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
52
48
  $forceUpdate: () => void;
53
49
  $nextTick: typeof import('vue').nextTick;
54
50
  $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;
55
- } & Readonly<{}> & Omit<Readonly<{
56
- shimmerClasses?: ClassTypeProp;
57
- }> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
51
+ } & Readonly<{}> & Omit<Readonly<BaseShimmerLoaderProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
58
52
  $slots: {
59
53
  default?(_: {}): any;
60
54
  };
@@ -1 +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%)}}
1
+ .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%)}}
@@ -1 +1 @@
1
- .swiper-pagination-bullet{--swiper-pagination-color: #ccc}.swiper-pagination-bullet-active{--swiper-pagination-color: #fff}
1
+ .no-transition[data-v-f8f3d52a]{transition-duration:0ms!important}.disable-select[data-v-f8f3d52a]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.swiper-button-disabled[data-v-f8f3d52a]{pointer-events:auto!important}
@@ -0,0 +1 @@
1
+ .swiper-pagination-bullet{--swiper-pagination-color: #ccc}.swiper-pagination-bullet-active{--swiper-pagination-color: #fff}
@@ -1,5 +1,5 @@
1
1
  import o from "../../../packages/components/lib/components/carousel/Primitive/SwiperPaginationPrimitive.vue.js";
2
- import '../../../assets/SwiperCarousel.css';/* empty css */
2
+ import '../../../assets/SwiperPaginationPrimitive.css';/* empty css */
3
3
  export {
4
4
  o as default
5
5
  };
@@ -1,5 +1,5 @@
1
1
  import o from "../../packages/components/lib/components/carousel/SwiperCarousel.vue.js";
2
- import '../../assets/SwiperCarousel2.css';import '../../assets/SwiperCarousel.css';/* empty css */
2
+ import '../../assets/SwiperCarousel.css';import '../../assets/SwiperPaginationPrimitive.css';/* empty css */
3
3
  /* empty css */
4
4
  import r from "../../_virtual/_plugin-vue_export-helper.js";
5
5
  const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f8f3d52a"]]);
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { default as P } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
2
2
  import { default as S } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
3
- 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 */
3
+ import './assets/CardRootPrimitive.css';import './assets/SwiperSlideImagePrimitive.css';import './assets/SwiperPaginationPrimitive.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 */
4
4
  import { default as I } from "./packages/components/lib/UIKit/Accordion/AccordionItemPrimitive.vue.js";
5
5
  import { default as h } from "./packages/components/lib/UIKit/Accordion/AccordionHeaderPrimitive.vue.js";
6
6
  import { default as w } from "./packages/components/lib/UIKit/Accordion/AccordionTriggerPrimitive.vue.js";
@@ -1,22 +1,20 @@
1
- import { defineComponent as s, createElementBlock as l, openBlock as r, normalizeStyle as a, normalizeClass as t, createElementVNode as o, renderSlot as u } from "vue";
2
- const d = /* @__PURE__ */ s({
3
- inheritAttrs: !1,
1
+ import { defineComponent as i, createElementBlock as a, openBlock as l, createElementVNode as o, renderSlot as s, normalizeClass as d } from "vue";
2
+ const n = { class: "uikit-relative uikit-overflow-hidden uikit-bg-w-lavender" }, r = ["data-enabled"], c = /* @__PURE__ */ i({
4
3
  __name: "BaseShimmerLoader",
5
4
  props: {
6
- shimmerClasses: { default: "" }
5
+ shimmerClasses: { default: "" },
6
+ enabled: { type: Boolean, default: !0 }
7
7
  },
8
- setup(i) {
9
- return (e, m) => (r(), l("div", {
10
- class: t(["uikit-relative uikit-overflow-hidden uikit-bg-w-lavender", e.$attrs.class]),
11
- style: a(e.$attrs.style)
12
- }, [
8
+ setup(e) {
9
+ return (t, u) => (l(), a("div", n, [
13
10
  o("div", {
14
- class: t(["shimmer uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-h-full", i.shimmerClasses])
15
- }, null, 2),
16
- u(e.$slots, "default", {}, void 0, !0)
17
- ], 6));
11
+ class: d(["shimmer uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-h-full", e.shimmerClasses]),
12
+ "data-enabled": e.enabled || void 0
13
+ }, null, 10, r),
14
+ s(t.$slots, "default", {}, void 0, !0)
15
+ ]));
18
16
  }
19
17
  });
20
18
  export {
21
- d as default
19
+ c as default
22
20
  };
@@ -1,15 +1,16 @@
1
- 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";
1
+ 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";
2
2
  import u from "../../../../../UIKit/ShimmerLoader/BaseShimmerLoader.js";
3
- const k = /* @__PURE__ */ i({
3
+ const k = /* @__PURE__ */ l({
4
4
  __name: "ShimmerMultiLine",
5
5
  props: {
6
6
  lines: { default: 1 },
7
7
  randomLength: { type: Boolean, default: !1 },
8
8
  shimmerClasses: {},
9
- inheritHeight: { type: Boolean, default: !1 }
9
+ inheritHeight: { type: Boolean, default: !1 },
10
+ enabled: { type: Boolean, default: !0 }
10
11
  },
11
12
  setup(e) {
12
- return (h, d) => (t(!0), n(l, null, a(e.lines, (r) => (t(), m(u, {
13
+ return (d, h) => (t(!0), a(r, null, i(e.lines, (n) => (t(), m(u, {
13
14
  ref_for: !0,
14
15
  ref: "shimmerLines",
15
16
  class: o(["shimmer-line", [
@@ -17,11 +18,12 @@ const k = /* @__PURE__ */ i({
17
18
  e.inheritHeight ? "uikit-h-[1em]" : "uikit-h-8",
18
19
  "uikit-mb-2 uikit-rounded-xs"
19
20
  ]]),
20
- key: `sml-${r}`,
21
+ enabled: e.enabled,
22
+ key: `sml-${n}`,
21
23
  style: s({
22
24
  marginRight: e.randomLength ? `${Math.round(Math.random() * 5) * 10}%` : 0
23
25
  })
24
- }, null, 8, ["class", "style"]))), 128));
26
+ }, null, 8, ["class", "enabled", "style"]))), 128));
25
27
  }
26
28
  });
27
29
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wikicasa-dev/components",
3
- "version": "2.5.6-alpha.10",
3
+ "version": "2.5.6-alpha.11",
4
4
  "description": "Wikicasa frontend components",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -1 +0,0 @@
1
- .no-transition[data-v-f8f3d52a]{transition-duration:0ms!important}.disable-select[data-v-f8f3d52a]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.swiper-button-disabled[data-v-f8f3d52a]{pointer-events:auto!important}