@wikicasa-dev/components 2.5.3-alpha.1 → 2.5.3-alpha.10
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.
- package/dist/Swiper/Autoplay/index.js +1 -1
- package/dist/Swiper/Controller/index.js +1 -1
- package/dist/Swiper/Keyboard/index.js +1 -1
- package/dist/Swiper/Thumbs/index.js +1 -1
- package/dist/assets/SwiperRootPrimitive.css +1 -0
- package/dist/components/carousel/Primitive/SwiperNavigationPrimitive.d.ts +8 -0
- package/dist/components/carousel/Primitive/SwiperNavigationPrimitive.js +4 -0
- package/dist/components/carousel/Primitive/SwiperPaginationPrimitive.d.ts +8 -0
- package/dist/components/carousel/Primitive/SwiperPaginationPrimitive.js +5 -0
- package/dist/components/carousel/Primitive/SwiperPrimitive.d.ts +26 -0
- package/dist/components/carousel/Primitive/SwiperPrimitive.js +4 -0
- package/dist/components/carousel/Primitive/SwiperRootPrimitive.d.ts +38 -0
- package/dist/components/carousel/Primitive/SwiperRootPrimitive.js +8 -0
- package/dist/components/carousel/Primitive/SwiperSlideImagePrimitive.d.ts +16 -0
- package/dist/components/carousel/Primitive/SwiperSlideImagePrimitive.js +4 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +115 -103
- package/dist/packages/components/lib/components/carousel/Primitive/SwiperNavigationPrimitive.vue.js +38 -0
- package/dist/packages/components/lib/components/carousel/Primitive/SwiperPaginationPrimitive.vue.js +33 -0
- package/dist/packages/components/lib/components/carousel/Primitive/SwiperPrimitive.vue.js +22 -0
- package/dist/packages/components/lib/components/carousel/Primitive/SwiperRootPrimitive.vue.js +77 -0
- package/dist/packages/components/lib/components/carousel/Primitive/SwiperSlideImagePrimitive.vue.js +40 -0
- package/dist/types/index.d.ts +4 -0
- package/package.json +3 -3
- /package/dist/assets/{swiper-autoplay.css → swiper-thumbs.css} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.swiper-button-disabled{pointer-events:auto!important}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { SwiperOptions } from 'swiper/types';
|
|
2
|
+
export type SwiperNavigationPrimitiveProps = NonNullable<SwiperOptions["navigation"]>;
|
|
3
|
+
declare const _default: import('vue').DefineComponent<{
|
|
4
|
+
options?: SwiperNavigationPrimitiveProps;
|
|
5
|
+
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
|
|
6
|
+
options?: SwiperNavigationPrimitiveProps;
|
|
7
|
+
}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { SwiperOptions } from 'swiper/types';
|
|
2
|
+
export type SwiperPaginationPrimitiveProps = NonNullable<SwiperOptions["pagination"]>;
|
|
3
|
+
declare const _default: import('vue').DefineComponent<{
|
|
4
|
+
options?: SwiperPaginationPrimitiveProps;
|
|
5
|
+
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
|
|
6
|
+
options?: SwiperPaginationPrimitiveProps;
|
|
7
|
+
}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ClassTypeProp } from '../../../UIKit/types';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
dataCy?: string;
|
|
4
|
+
slidesWrapperClasses?: ClassTypeProp;
|
|
5
|
+
};
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: HTMLDivElement;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
16
|
+
click: (args_0: MouseEvent) => any;
|
|
17
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
18
|
+
onClick?: ((args_0: MouseEvent) => any) | undefined;
|
|
19
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
20
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { Nullable } from '@wikicasa-dev/types';
|
|
2
|
+
import { SwiperModuleDescriptor } from '../../../../lazyModules/Swiper/types';
|
|
3
|
+
import { InjectionKey } from 'vue';
|
|
4
|
+
import { Swiper, SwiperOptions } from 'swiper/types';
|
|
5
|
+
export declare const setLazyImagesLoaderKey: InjectionKey<(v: boolean) => void>;
|
|
6
|
+
export declare const addModuleDescriptorKey: InjectionKey<(m: Nullable<SwiperModuleDescriptor>) => void>;
|
|
7
|
+
export type SwiperRootPrimitiveProps = Omit<SwiperOptions, "pagination" | "navigation">;
|
|
8
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
|
|
9
|
+
swiperOptions?: SwiperRootPrimitiveProps;
|
|
10
|
+
}, {
|
|
11
|
+
swiper: import('vue').ShallowRef<Nullable<Swiper>, Nullable<Swiper>>;
|
|
12
|
+
updateSlidesPerView: (value: number) => void;
|
|
13
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
14
|
+
click: () => any;
|
|
15
|
+
init: () => any;
|
|
16
|
+
moved: (args_0: {
|
|
17
|
+
activeIndex: number;
|
|
18
|
+
}) => any;
|
|
19
|
+
}, string, import('vue').PublicProps, Readonly<{
|
|
20
|
+
swiperOptions?: SwiperRootPrimitiveProps;
|
|
21
|
+
}> & Readonly<{
|
|
22
|
+
onClick?: (() => any) | undefined;
|
|
23
|
+
onInit?: (() => any) | undefined;
|
|
24
|
+
onMoved?: ((args_0: {
|
|
25
|
+
activeIndex: number;
|
|
26
|
+
}) => any) | undefined;
|
|
27
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
28
|
+
root: HTMLDivElement;
|
|
29
|
+
}, any>, {
|
|
30
|
+
default?(_: {}): any;
|
|
31
|
+
placeholder?(_: {}): any;
|
|
32
|
+
}>;
|
|
33
|
+
export default _default;
|
|
34
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
35
|
+
new (): {
|
|
36
|
+
$slots: S;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import o from "../../../packages/components/lib/components/carousel/Primitive/SwiperRootPrimitive.vue.js";
|
|
2
|
+
import { addModuleDescriptorKey as m, setLazyImagesLoaderKey as d } from "../../../packages/components/lib/components/carousel/Primitive/SwiperRootPrimitive.vue.js";
|
|
3
|
+
import '../../../assets/SwiperRootPrimitive.css';/* empty css */
|
|
4
|
+
export {
|
|
5
|
+
m as addModuleDescriptorKey,
|
|
6
|
+
o as default,
|
|
7
|
+
d as setLazyImagesLoaderKey
|
|
8
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ClassTypeProp } from '../../../UIKit/types';
|
|
2
|
+
export interface SwiperSlideImagePrimitiveProps {
|
|
3
|
+
src?: string;
|
|
4
|
+
srcset?: string;
|
|
5
|
+
alt?: string;
|
|
6
|
+
width?: number;
|
|
7
|
+
height?: number;
|
|
8
|
+
sizes?: string;
|
|
9
|
+
imgClasses?: ClassTypeProp;
|
|
10
|
+
decoding?: "auto" | "sync" | "async";
|
|
11
|
+
crossorigin?: "anonymous" | "use-credentials";
|
|
12
|
+
fetchpriority?: "auto" | "high" | "low";
|
|
13
|
+
lazy?: boolean;
|
|
14
|
+
}
|
|
15
|
+
declare const _default: import('vue').DefineComponent<SwiperSlideImagePrimitiveProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SwiperSlideImagePrimitiveProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
+
export default _default;
|
package/dist/index.d.ts
CHANGED
|
@@ -53,4 +53,9 @@ export { default as IntersectionObservable } from './components/IntersectionObse
|
|
|
53
53
|
export { default as IntersectionObserver } from './components/IntersectionObserver/IntersectionObserver';
|
|
54
54
|
export { default as SwiperCarousel } from './components/carousel/SwiperCarousel';
|
|
55
55
|
export { default as SwiperSlide } from './components/carousel/SwiperSlide';
|
|
56
|
+
export { default as SwiperRootPrimitive } from './components/carousel/Primitive/SwiperRootPrimitive';
|
|
57
|
+
export { default as SwiperPrimitive } from './components/carousel/Primitive/SwiperPrimitive';
|
|
58
|
+
export { default as SwiperPaginationPrimitive } from './components/carousel/Primitive/SwiperPaginationPrimitive';
|
|
59
|
+
export { default as SwiperNavigationPrimitive } from './components/carousel/Primitive/SwiperNavigationPrimitive';
|
|
60
|
+
export { default as SwiperSlideImagePrimitive } from './components/carousel/Primitive/SwiperSlideImagePrimitive';
|
|
56
61
|
export { default as BaseBreadcrumb } from './UIKit/BaseBreadcrumb';
|
package/dist/index.js
CHANGED
|
@@ -1,128 +1,140 @@
|
|
|
1
|
-
import { default as
|
|
1
|
+
import { default as S } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
|
|
2
2
|
import { default as g } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
|
|
3
|
-
import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseCard.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
|
-
import { default as
|
|
5
|
-
import { default as
|
|
6
|
-
import { default as
|
|
7
|
-
import { default as
|
|
3
|
+
import './assets/SwiperCarousel.css';import './assets/SwiperRootPrimitive.css';import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseCard.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
|
+
import { default as C } from "./packages/components/lib/UIKit/Accordion/AccordionItemPrimitive.vue.js";
|
|
5
|
+
import { default as I } from "./packages/components/lib/UIKit/Accordion/AccordionHeaderPrimitive.vue.js";
|
|
6
|
+
import { default as A } from "./packages/components/lib/UIKit/Accordion/AccordionTriggerPrimitive.vue.js";
|
|
7
|
+
import { default as G } from "./packages/components/lib/UIKit/Accordion/AccordionContentPrimitive.vue.js";
|
|
8
8
|
import { default as k } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
|
|
9
|
-
import { default as
|
|
10
|
-
import { default as
|
|
11
|
-
import { default as
|
|
9
|
+
import { default as D } from "./packages/components/lib/UIKit/ProgressBar/ProgressRootPrimitive.vue.js";
|
|
10
|
+
import { default as M } from "./packages/components/lib/UIKit/ProgressBar/ProgressIndicatorPrimitive.vue.js";
|
|
11
|
+
import { default as H } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
|
|
12
12
|
/* empty css */
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as
|
|
16
|
-
import { default as
|
|
17
|
-
import { default as
|
|
18
|
-
import { default as
|
|
19
|
-
import { default as
|
|
13
|
+
import { default as U } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
|
|
14
|
+
import { default as j } from "./packages/components/lib/UIKit/Checkbox/v2/CheckboxButtonGroup.vue.js";
|
|
15
|
+
import { default as y } from "./packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupPrimitive.vue.js";
|
|
16
|
+
import { default as E } from "./packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.vue.js";
|
|
17
|
+
import { default as K } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
|
|
18
|
+
import { default as W } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
|
|
19
|
+
import { default as Y } from "./packages/components/lib/UIKit/Tab/v2/BaseTabs.vue.js";
|
|
20
20
|
/* empty css */
|
|
21
|
-
import { default as
|
|
22
|
-
import { default as
|
|
21
|
+
import { default as _ } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsContent.vue.js";
|
|
22
|
+
import { default as ee } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsIndicator.vue.js";
|
|
23
23
|
/* empty css */
|
|
24
|
-
import { default as
|
|
25
|
-
import { default as
|
|
26
|
-
import { default as
|
|
24
|
+
import { default as oe } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsList.vue.js";
|
|
25
|
+
import { default as ae } from "./packages/components/lib/UIKit/Tab/v2/BaseTabsTrigger.vue.js";
|
|
26
|
+
import { default as me } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
|
|
27
27
|
import { default as se } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
|
|
28
|
-
import { default as
|
|
29
|
-
import { default as
|
|
28
|
+
import { default as le } from "./packages/components/lib/UIKit/Radio/v2/RadioButtonGroup.vue.js";
|
|
29
|
+
import { default as ue } from "./packages/components/lib/UIKit/Radio/v2/RadioButtonItem.vue.js";
|
|
30
30
|
/* empty css */
|
|
31
|
-
import { default as
|
|
32
|
-
import { default as
|
|
31
|
+
import { default as ne } from "./packages/components/lib/UIKit/Radio/v2/RadioGroupItemPrimitive.vue.js";
|
|
32
|
+
import { default as ce } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
|
|
33
33
|
/* empty css */
|
|
34
|
-
import { default as
|
|
34
|
+
import { default as Se } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
|
|
35
35
|
/* empty css */
|
|
36
36
|
import { default as ge } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
|
|
37
37
|
/* empty css */
|
|
38
|
-
import { default as
|
|
38
|
+
import { default as Ce } from "./packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js";
|
|
39
39
|
/* empty css */
|
|
40
|
-
import { default as
|
|
40
|
+
import { default as Ie } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
|
|
41
41
|
/* empty css */
|
|
42
|
-
import { default as
|
|
43
|
-
import { default as
|
|
42
|
+
import { default as Ae } from "./packages/components/lib/UIKit/BaseButton.vue.js";
|
|
43
|
+
import { default as Ge } from "./packages/components/lib/UIKit/BaseCard.vue.js";
|
|
44
44
|
/* empty css */
|
|
45
45
|
import { default as ke } from "./UIKit/BaseComplexToggle.js";
|
|
46
|
-
import { default as
|
|
46
|
+
import { default as De } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
|
|
47
47
|
/* empty css */
|
|
48
|
-
import { default as
|
|
49
|
-
import { default as
|
|
50
|
-
import { default as
|
|
51
|
-
import { default as
|
|
52
|
-
import { default as
|
|
53
|
-
import { default as
|
|
54
|
-
import { default as
|
|
55
|
-
import { default as
|
|
56
|
-
import { default as
|
|
48
|
+
import { default as Me } from "./UIKit/BaseFloatingLabel.js";
|
|
49
|
+
import { default as He } from "./UIKit/BaseInput.js";
|
|
50
|
+
import { default as Ue } from "./packages/components/lib/UIKit/BasePagination.vue.js";
|
|
51
|
+
import { default as je } from "./UIKit/BaseSlider.js";
|
|
52
|
+
import { default as ye } from "./UIKit/BaseTextarea.js";
|
|
53
|
+
import { default as Ee } from "./packages/components/lib/UIKit/BaseToggle.vue.js";
|
|
54
|
+
import { default as Ke } from "./UIKit/BaseTooltip.js";
|
|
55
|
+
import { default as We } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
|
|
56
|
+
import { default as Ye } from "./packages/components/lib/UIKit/BaseModal.vue.js";
|
|
57
57
|
/* empty css */
|
|
58
|
-
import { default as
|
|
59
|
-
import { default as
|
|
60
|
-
import { default as
|
|
61
|
-
import { default as
|
|
62
|
-
import { default as
|
|
63
|
-
import { default as
|
|
64
|
-
import { default as
|
|
58
|
+
import { default as _e } from "./UIKit/StaticSpinner.js";
|
|
59
|
+
import { default as er } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
|
|
60
|
+
import { default as or } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
|
|
61
|
+
import { default as ar } from "./packages/components/lib/chart/DoughnutChart.vue.js";
|
|
62
|
+
import { default as mr } from "./packages/components/lib/chart/LineChart.vue.js";
|
|
63
|
+
import { default as sr } from "./UIKit/Slider/SimpleSlider.js";
|
|
64
|
+
import { default as lr } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
|
|
65
65
|
/* empty css */
|
|
66
|
-
import { default as
|
|
67
|
-
import { default as
|
|
68
|
-
import { default as
|
|
69
|
-
import { default as
|
|
70
|
-
import { default as
|
|
66
|
+
import { default as ur } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
|
|
67
|
+
import { default as nr } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
|
|
68
|
+
import { default as cr } from "./components/carousel/SwiperCarousel.js";
|
|
69
|
+
import { default as Sr } from "./components/carousel/SwiperSlide.js";
|
|
70
|
+
import { default as gr } from "./packages/components/lib/components/carousel/Primitive/SwiperRootPrimitive.vue.js";
|
|
71
|
+
/* empty css */
|
|
72
|
+
import { default as Cr } from "./packages/components/lib/components/carousel/Primitive/SwiperPrimitive.vue.js";
|
|
73
|
+
import { default as Ir } from "./packages/components/lib/components/carousel/Primitive/SwiperPaginationPrimitive.vue.js";
|
|
74
|
+
/* empty css */
|
|
75
|
+
import { default as Ar } from "./packages/components/lib/components/carousel/Primitive/SwiperNavigationPrimitive.vue.js";
|
|
76
|
+
import { default as Gr } from "./packages/components/lib/components/carousel/Primitive/SwiperSlideImagePrimitive.vue.js";
|
|
77
|
+
import { default as kr } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
|
|
71
78
|
export {
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
79
|
+
ce as AccessibleSelect,
|
|
80
|
+
G as AccordionContentPrimitive,
|
|
81
|
+
I as AccordionHeaderPrimitive,
|
|
82
|
+
C as AccordionItemPrimitive,
|
|
83
|
+
A as AccordionTriggerPrimitive,
|
|
84
|
+
S as BaseAccordion,
|
|
78
85
|
g as BaseAccordionItem,
|
|
79
|
-
|
|
86
|
+
Se as BaseAlert,
|
|
80
87
|
ge as BaseAutocomplete,
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
88
|
+
Ie as BaseBadge,
|
|
89
|
+
kr as BaseBreadcrumb,
|
|
90
|
+
Ae as BaseButton,
|
|
91
|
+
Ge as BaseCard,
|
|
85
92
|
ke as BaseComplexToggle,
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
93
|
+
De as BaseDropDown,
|
|
94
|
+
Me as BaseFloatingLabel,
|
|
95
|
+
He as BaseInput,
|
|
96
|
+
Ye as BaseModal,
|
|
97
|
+
Ue as BasePagination,
|
|
98
|
+
er as BaseShimmerLoader,
|
|
99
|
+
je as BaseSlider,
|
|
100
|
+
lr as BaseSnackbar,
|
|
101
|
+
W as BaseTab,
|
|
102
|
+
K as BaseTabView,
|
|
103
|
+
Y as BaseTabs,
|
|
104
|
+
_ as BaseTabsContent,
|
|
105
|
+
ee as BaseTabsIndicator,
|
|
106
|
+
oe as BaseTabsList,
|
|
107
|
+
ae as BaseTabsTrigger,
|
|
108
|
+
ye as BaseTextarea,
|
|
109
|
+
Ee as BaseToggle,
|
|
110
|
+
Ke as BaseTooltip,
|
|
111
|
+
We as BaseUploadFile,
|
|
112
|
+
H as CheckboxBtn,
|
|
113
|
+
j as CheckboxButtonGroup,
|
|
114
|
+
U as CheckboxGroup,
|
|
115
|
+
E as CheckboxGroupItemPrimitive,
|
|
116
|
+
y as CheckboxGroupPrimitive,
|
|
117
|
+
Ce as ClearableAutocomplete,
|
|
118
|
+
ar as DoughnutChart,
|
|
119
|
+
ur as IntersectionObservable,
|
|
120
|
+
nr as IntersectionObserver,
|
|
121
|
+
mr as LineChart,
|
|
122
|
+
M as ProgressIndicatorPrimitive,
|
|
123
|
+
D as ProgressRootPrimitive,
|
|
124
|
+
me as RadioButton,
|
|
125
|
+
le as RadioButtonGroup,
|
|
126
|
+
ue as RadioButtonItem,
|
|
120
127
|
se as RadioGroup,
|
|
121
|
-
|
|
128
|
+
ne as RadioGroupItemPrimitive,
|
|
122
129
|
k as SelectItem,
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
130
|
+
or as ShimmerMultiLine,
|
|
131
|
+
sr as SimpleSlider,
|
|
132
|
+
_e as StaticSpinner,
|
|
133
|
+
cr as SwiperCarousel,
|
|
134
|
+
Ar as SwiperNavigationPrimitive,
|
|
135
|
+
Ir as SwiperPaginationPrimitive,
|
|
136
|
+
Cr as SwiperPrimitive,
|
|
137
|
+
gr as SwiperRootPrimitive,
|
|
138
|
+
Sr as SwiperSlide,
|
|
139
|
+
Gr as SwiperSlideImagePrimitive
|
|
128
140
|
};
|
package/dist/packages/components/lib/components/carousel/Primitive/SwiperNavigationPrimitive.vue.js
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { defineComponent as p, inject as s, createElementBlock as a, openBlock as l, Fragment as d, createElementVNode as e, withModifiers as i } from "vue";
|
|
2
|
+
import { NavigationModule as u } from "../../../../../../Swiper/Navigation/factory.js";
|
|
3
|
+
import { addModuleDescriptorKey as c } from "./SwiperRootPrimitive.vue.js";
|
|
4
|
+
import '../../../../../../assets/SwiperRootPrimitive.css';/* empty css */
|
|
5
|
+
const y = /* @__PURE__ */ p({
|
|
6
|
+
__name: "SwiperNavigationPrimitive",
|
|
7
|
+
props: {
|
|
8
|
+
options: { type: [Object, Boolean], default: !0 }
|
|
9
|
+
},
|
|
10
|
+
setup(o) {
|
|
11
|
+
const n = {
|
|
12
|
+
nextEl: ".swiper-button-next",
|
|
13
|
+
prevEl: ".swiper-button-prev"
|
|
14
|
+
}, r = s(c, void 0);
|
|
15
|
+
return o.options && r?.(
|
|
16
|
+
u({
|
|
17
|
+
...n,
|
|
18
|
+
...typeof o.options == "boolean" ? {} : o.options
|
|
19
|
+
})
|
|
20
|
+
), (f, t) => (l(), a(d, null, [
|
|
21
|
+
e("div", {
|
|
22
|
+
class: "swiper-button-prev",
|
|
23
|
+
"data-cy": "swiper-button-prev",
|
|
24
|
+
onClick: t[0] || (t[0] = i(() => {
|
|
25
|
+
}, ["stop"]))
|
|
26
|
+
}),
|
|
27
|
+
e("div", {
|
|
28
|
+
class: "swiper-button-next",
|
|
29
|
+
"data-cy": "swiper-button-next",
|
|
30
|
+
onClick: t[1] || (t[1] = i(() => {
|
|
31
|
+
}, ["stop"]))
|
|
32
|
+
})
|
|
33
|
+
], 64));
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
export {
|
|
37
|
+
y as default
|
|
38
|
+
};
|
package/dist/packages/components/lib/components/carousel/Primitive/SwiperPaginationPrimitive.vue.js
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { defineComponent as a, inject as r, createElementBlock as p, openBlock as s, withModifiers as d } from "vue";
|
|
2
|
+
import { addModuleDescriptorKey as c } from "./SwiperRootPrimitive.vue.js";
|
|
3
|
+
import '../../../../../../assets/SwiperRootPrimitive.css';/* empty css */
|
|
4
|
+
import { PaginationModule as u } from "../../../../../../Swiper/Pagination/factory.js";
|
|
5
|
+
const g = /* @__PURE__ */ a({
|
|
6
|
+
__name: "SwiperPaginationPrimitive",
|
|
7
|
+
props: {
|
|
8
|
+
options: { type: [Object, Boolean], default: !0 }
|
|
9
|
+
},
|
|
10
|
+
setup(t) {
|
|
11
|
+
const n = {
|
|
12
|
+
el: ".swiper-pagination",
|
|
13
|
+
renderFraction: (o, i) => `<div class="uikit-rounded-xs uikit-border-w-black uikit-border uikit-border-solid uikit-px-3 uikit-bg-white uikit-pt-[3px] uikit-pb-[3px]">
|
|
14
|
+
<span data-cy="swiper-pagination-current" class="${o}"></span>
|
|
15
|
+
/
|
|
16
|
+
<span data-cy="swiper-pagination-total" class="${i}"></span>
|
|
17
|
+
</div>`
|
|
18
|
+
}, e = r(c, void 0);
|
|
19
|
+
return t.options && e?.(
|
|
20
|
+
u({
|
|
21
|
+
...n,
|
|
22
|
+
...typeof t.options == "boolean" ? {} : t.options
|
|
23
|
+
})
|
|
24
|
+
), (o, i) => (s(), p("div", {
|
|
25
|
+
class: "swiper-pagination [&.swiper-pagination-fraction]:uikit-flex [&.swiper-pagination-fraction]:uikit-justify-center",
|
|
26
|
+
onClick: i[0] || (i[0] = d(() => {
|
|
27
|
+
}, ["stop"]))
|
|
28
|
+
}));
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
export {
|
|
32
|
+
g as default
|
|
33
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { defineComponent as l, createElementBlock as o, openBlock as n, normalizeClass as c, renderSlot as p } from "vue";
|
|
2
|
+
const d = ["data-cy"], C = /* @__PURE__ */ l({
|
|
3
|
+
__name: "SwiperPrimitive",
|
|
4
|
+
props: {
|
|
5
|
+
dataCy: {},
|
|
6
|
+
slidesWrapperClasses: {}
|
|
7
|
+
},
|
|
8
|
+
emits: ["click"],
|
|
9
|
+
setup(e, { emit: t }) {
|
|
10
|
+
const a = t;
|
|
11
|
+
return (r, s) => (n(), o("div", {
|
|
12
|
+
"data-cy": e.dataCy,
|
|
13
|
+
class: c(["swiper-wrapper", e.slidesWrapperClasses]),
|
|
14
|
+
onClick: s[0] || (s[0] = (i) => a("click", i))
|
|
15
|
+
}, [
|
|
16
|
+
p(r.$slots, "default")
|
|
17
|
+
], 10, d));
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
export {
|
|
21
|
+
C as default
|
|
22
|
+
};
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { defineComponent as I, useAttrs as O, shallowRef as m, useTemplateRef as V, onMounted as b, provide as p, createElementBlock as x, openBlock as z, Fragment as A, withDirectives as M, renderSlot as f, createCommentVNode as C, createElementVNode as E, mergeProps as B, unref as D, vShow as K, nextTick as L } from "vue";
|
|
2
|
+
import { createSwiper as N } from "../../../../../../Swiper/factory.js";
|
|
3
|
+
import { AutoplayModule as R } from "../../../../../../Swiper/Autoplay/factory.js";
|
|
4
|
+
import { KeyboardModule as T } from "../../../../../../Swiper/Keyboard/factory.js";
|
|
5
|
+
import { ZoomModule as $ } from "../../../../../../Swiper/Zoom/factory.js";
|
|
6
|
+
const q = /* @__PURE__ */ Symbol(), F = /* @__PURE__ */ Symbol(), Q = /* @__PURE__ */ I({
|
|
7
|
+
inheritAttrs: !1,
|
|
8
|
+
__name: "SwiperRootPrimitive",
|
|
9
|
+
props: {
|
|
10
|
+
swiperOptions: {}
|
|
11
|
+
},
|
|
12
|
+
emits: ["moved", "click", "init"],
|
|
13
|
+
setup(r, { expose: v, emit: y }) {
|
|
14
|
+
const n = y, w = O(), i = m(null), d = V("root"), s = m(!1), S = !!r.swiperOptions?.keyboard, h = !!r.swiperOptions?.autoplay, c = [];
|
|
15
|
+
let a = !1;
|
|
16
|
+
const k = (e) => {
|
|
17
|
+
e?.querySelectorAll("img[data-src]").forEach((t) => {
|
|
18
|
+
const o = t;
|
|
19
|
+
o.src = o.dataset.src || "", o.srcset = o.dataset.srcset || "";
|
|
20
|
+
});
|
|
21
|
+
}, u = (e, t) => {
|
|
22
|
+
if (!a) return;
|
|
23
|
+
const o = e.params.lazyPreloadPrevNext ?? 0;
|
|
24
|
+
for (let l = t - o; l <= t + o; l++)
|
|
25
|
+
k(e.slides[l]);
|
|
26
|
+
}, P = async (e) => {
|
|
27
|
+
i.value = await N(
|
|
28
|
+
e,
|
|
29
|
+
{
|
|
30
|
+
on: {
|
|
31
|
+
init: (t) => {
|
|
32
|
+
L(() => {
|
|
33
|
+
s.value = !0, u(t, t.activeIndex), n("init");
|
|
34
|
+
});
|
|
35
|
+
},
|
|
36
|
+
slideChange: (t) => {
|
|
37
|
+
n("moved", { activeIndex: t.activeIndex }), u(t, t.activeIndex);
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
...r.swiperOptions
|
|
41
|
+
},
|
|
42
|
+
[
|
|
43
|
+
$(r.swiperOptions?.zoom),
|
|
44
|
+
S ? T(r.swiperOptions?.keyboard) : void 0,
|
|
45
|
+
h ? R(r.swiperOptions.autoplay) : void 0,
|
|
46
|
+
...c
|
|
47
|
+
].filter(Boolean)
|
|
48
|
+
);
|
|
49
|
+
};
|
|
50
|
+
b(() => {
|
|
51
|
+
d.value && setTimeout(() => P(d.value));
|
|
52
|
+
});
|
|
53
|
+
const g = (e) => {
|
|
54
|
+
!i.value || i.value.params.slidesPerView === e || (i.value.params.slidesPerView = e, i.value.update());
|
|
55
|
+
};
|
|
56
|
+
return p(F, (e) => {
|
|
57
|
+
e && c.push(e);
|
|
58
|
+
}), p(q, (e) => {
|
|
59
|
+
e !== a && (a = e);
|
|
60
|
+
}), v({
|
|
61
|
+
swiper: i,
|
|
62
|
+
updateSlidesPerView: g
|
|
63
|
+
}), (e, t) => (z(), x(A, null, [
|
|
64
|
+
M(E("div", B({ ref: "root" }, D(w), { class: "swiper uikit-carousel" }), [
|
|
65
|
+
f(e.$slots, "default")
|
|
66
|
+
], 16), [
|
|
67
|
+
[K, s.value]
|
|
68
|
+
]),
|
|
69
|
+
s.value ? C("", !0) : f(e.$slots, "placeholder", { key: 0 })
|
|
70
|
+
], 64));
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
export {
|
|
74
|
+
F as addModuleDescriptorKey,
|
|
75
|
+
Q as default,
|
|
76
|
+
q as setLazyImagesLoaderKey
|
|
77
|
+
};
|
package/dist/packages/components/lib/components/carousel/Primitive/SwiperSlideImagePrimitive.vue.js
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { defineComponent as i, createPropsRestProxy as l, shallowRef as r, inject as n, resolveComponent as d, createBlock as m, openBlock as u, withCtx as g, createElementVNode as y, mergeProps as f } from "vue";
|
|
2
|
+
import { setLazyImagesLoaderKey as v } from "./SwiperRootPrimitive.vue.js";
|
|
3
|
+
import '../../../../../../assets/SwiperRootPrimitive.css';/* empty css */
|
|
4
|
+
const h = ["src", "srcset", "data-src", "data-srcset"], x = /* @__PURE__ */ i({
|
|
5
|
+
__name: "SwiperSlideImagePrimitive",
|
|
6
|
+
props: {
|
|
7
|
+
src: {},
|
|
8
|
+
srcset: {},
|
|
9
|
+
alt: {},
|
|
10
|
+
width: {},
|
|
11
|
+
height: {},
|
|
12
|
+
sizes: {},
|
|
13
|
+
imgClasses: {},
|
|
14
|
+
decoding: {},
|
|
15
|
+
crossorigin: {},
|
|
16
|
+
fetchpriority: {},
|
|
17
|
+
lazy: { type: Boolean }
|
|
18
|
+
},
|
|
19
|
+
setup(e) {
|
|
20
|
+
const s = l(e, ["src", "srcset", "imgClasses"]), t = r(), a = r(), c = n(v, void 0);
|
|
21
|
+
return s.lazy && (t.value = e.src, a.value = e.srcset, c?.(!0)), (S, z) => {
|
|
22
|
+
const o = d("SwiperSlide");
|
|
23
|
+
return u(), m(o, null, {
|
|
24
|
+
default: g(() => [
|
|
25
|
+
y("img", f(s, {
|
|
26
|
+
class: e.imgClasses,
|
|
27
|
+
src: e.lazy ? void 0 : e.src,
|
|
28
|
+
srcset: e.lazy ? void 0 : e.srcset,
|
|
29
|
+
"data-src": t.value,
|
|
30
|
+
"data-srcset": a.value
|
|
31
|
+
}), null, 16, h)
|
|
32
|
+
]),
|
|
33
|
+
_: 1
|
|
34
|
+
});
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
export {
|
|
39
|
+
x as default
|
|
40
|
+
};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -24,3 +24,7 @@ export type { BaseTabsContentProps } from '../UIKit/Tab/v2/BaseTabsContent';
|
|
|
24
24
|
export type { BaseTabsIndicatorProps } from '../UIKit/Tab/v2/BaseTabsIndicator';
|
|
25
25
|
export type { BaseTabsListProps } from '../UIKit/Tab/v2/BaseTabsList';
|
|
26
26
|
export type { BaseTabsTriggerProps } from '../UIKit/Tab/v2/BaseTabsTrigger';
|
|
27
|
+
export type { SwiperRootPrimitiveProps } from '../components/carousel/Primitive/SwiperRootPrimitive';
|
|
28
|
+
export type { SwiperPaginationPrimitiveProps } from '../components/carousel/Primitive/SwiperPaginationPrimitive';
|
|
29
|
+
export type { SwiperNavigationPrimitiveProps } from '../components/carousel/Primitive/SwiperNavigationPrimitive';
|
|
30
|
+
export type { SwiperSlideImagePrimitiveProps } from '../components/carousel/Primitive/SwiperSlideImagePrimitive';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wikicasa-dev/components",
|
|
3
|
-
"version": "2.5.3-alpha.
|
|
3
|
+
"version": "2.5.3-alpha.10",
|
|
4
4
|
"description": "Wikicasa frontend components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"@wikicasa-dev/svg-icons": "^1.3.0",
|
|
48
48
|
"@wikicasa-dev/vue-composables": "^0.1.0",
|
|
49
49
|
"@wikicasa-dev/types": "^2.5.0",
|
|
50
|
-
"@wikicasa-dev/utilities": "^1.2.1
|
|
50
|
+
"@wikicasa-dev/utilities": "^1.2.1"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
53
|
"chart.js": "4.5.1",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"@wikicasa-dev/vue-composables": "0.1.2",
|
|
69
69
|
"@wikicasa-dev/tailwind-plugins": "^0.0.3",
|
|
70
70
|
"@wikicasa-dev/types": "2.5.4",
|
|
71
|
-
"@wikicasa-dev/utilities": "1.2.1
|
|
71
|
+
"@wikicasa-dev/utilities": "1.2.1",
|
|
72
72
|
"autoprefixer": "^10.4.24",
|
|
73
73
|
"date-fns": "4.1.0",
|
|
74
74
|
"eslint": "^9.39",
|
|
File without changes
|