@wikicasa-dev/components 1.2.11 → 1.2.13

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.
Files changed (76) hide show
  1. package/README.md +46 -46
  2. package/dist/UIKit/AccessibleSelect.vue.d.ts +73 -0
  3. package/dist/UIKit/Accordion/BaseAccordion.vue.d.ts +45 -0
  4. package/dist/UIKit/Accordion/BaseAccordionBtn.vue.d.ts +59 -0
  5. package/dist/UIKit/Accordion/BaseAccordionContent.vue.d.ts +29 -0
  6. package/dist/UIKit/Accordion/BaseAccordionItem.vue.d.ts +71 -0
  7. package/dist/UIKit/BaseAlert.vue.d.ts +41 -0
  8. package/dist/UIKit/BaseAutocomplete.vue.d.ts +110 -0
  9. package/dist/UIKit/BaseBadge.vue.d.ts +36 -0
  10. package/dist/UIKit/BaseBtModal.vue.d.ts +172 -0
  11. package/dist/UIKit/BaseButton.vue.d.ts +16 -16
  12. package/dist/UIKit/BaseCard.vue.d.ts +41 -0
  13. package/dist/UIKit/BaseComplexToggle.vue.d.ts +83 -0
  14. package/dist/UIKit/BaseDropDown.vue.d.ts +123 -0
  15. package/dist/UIKit/BaseFloatingLabel.vue.d.ts +44 -0
  16. package/dist/UIKit/BaseIcon.vue.d.ts +2 -2
  17. package/dist/UIKit/BaseInput.vue.d.ts +143 -0
  18. package/dist/UIKit/BaseNavItem.vue.d.ts +43 -0
  19. package/dist/UIKit/BasePagination.vue.d.ts +65 -0
  20. package/dist/UIKit/BasePaper.vue.d.ts +2 -0
  21. package/dist/UIKit/BaseSelect/SelectItem.vue.d.ts +54 -0
  22. package/dist/UIKit/BaseSlider.vue.d.ts +42 -0
  23. package/dist/UIKit/BaseSnackbar.vue.d.ts +56 -0
  24. package/dist/UIKit/BaseTab.vue.d.ts +60 -0
  25. package/dist/UIKit/BaseTextarea.vue.d.ts +82 -0
  26. package/dist/UIKit/BaseToggle.vue.d.ts +36 -0
  27. package/dist/UIKit/BaseTooltip.vue.d.ts +56 -0
  28. package/dist/UIKit/BaseUploadFile.vue.d.ts +37 -0
  29. package/dist/UIKit/Checkbox/CheckboxBtn.vue.d.ts +92 -0
  30. package/dist/UIKit/Checkbox/CheckboxGroup.vue.d.ts +78 -0
  31. package/dist/UIKit/Radio/RadioButton.vue.d.ts +26 -0
  32. package/dist/UIKit/Radio/RadioGroup.vue.d.ts +37 -0
  33. package/dist/UIKit/StaticSpinner.vue.d.ts +12 -12
  34. package/dist/Views/AccordionSection.vue.d.ts +2 -0
  35. package/dist/Views/AlertSection.vue.d.ts +2 -0
  36. package/dist/Views/AutocompleteSection.vue.d.ts +2 -0
  37. package/dist/Views/BadgeSection.vue.d.ts +2 -0
  38. package/dist/Views/ButtonsSection.vue.d.ts +2 -0
  39. package/dist/Views/CardSection.vue.d.ts +2 -0
  40. package/dist/Views/CheckboxSection.vue.d.ts +6 -0
  41. package/dist/Views/DropdownSection.vue.d.ts +35 -0
  42. package/dist/Views/ModalSection.vue.d.ts +4 -0
  43. package/dist/Views/PaginationSection.vue.d.ts +2 -0
  44. package/dist/Views/PaperSection.vue.d.ts +2 -0
  45. package/dist/Views/RadioSection.vue.d.ts +9 -0
  46. package/dist/Views/SliderSection.vue.d.ts +9 -0
  47. package/dist/Views/SnackbarSection.vue.d.ts +2 -0
  48. package/dist/Views/TabSection.vue.d.ts +2 -0
  49. package/dist/Views/TextInputSection.vue.d.ts +2 -0
  50. package/dist/Views/TextareaSection.vue.d.ts +6 -0
  51. package/dist/Views/ToggleSection.vue.d.ts +2 -0
  52. package/dist/Views/TooltipSection.vue.d.ts +2 -0
  53. package/dist/Views/UiKitSidebar.vue.d.ts +18 -0
  54. package/dist/Views/UploadBtnSection.vue.d.ts +2 -0
  55. package/dist/Views/WikicasaUiKit.vue.d.ts +19 -0
  56. package/dist/components/HelloWorld.vue.d.ts +2 -0
  57. package/dist/components/IntersectionObserver/IntersectionObservable.vue.d.ts +8 -8
  58. package/dist/components/IntersectionObserver/IntersectionObserver.vue.d.ts +11 -11
  59. package/dist/components/Pera.vue.d.ts +14 -0
  60. package/dist/components/base/BaseEmptyButton.vue.d.ts +35 -0
  61. package/dist/components/base/StaticSpinner.vue.d.ts +23 -0
  62. package/dist/components/carousel/SwiperCarousel.vue.d.ts +13 -13
  63. package/dist/components/input/TripleSelect.vue.d.ts +26 -0
  64. package/dist/components/insert/QualityScore.vue.d.ts +16 -0
  65. package/dist/components.js +33 -5
  66. package/dist/components.umd.cjs +13 -6
  67. package/dist/{index-Brcl3KsS.js → index-1oh628Cu.js} +2 -2
  68. package/dist/index-BYiujdKM.js +4872 -0
  69. package/dist/index.d.ts +34 -5
  70. package/dist/stories/Button.stories.d.ts +6 -6
  71. package/dist/stories/Button.vue.d.ts +64 -0
  72. package/dist/stories/Header.vue.d.ts +28 -0
  73. package/dist/stories/Page.vue.d.ts +3 -0
  74. package/dist/style.css +1 -1
  75. package/package.json +2 -1
  76. package/dist/index-4TomfCph.js +0 -2444
@@ -0,0 +1,172 @@
1
+ declare const _default: import("vue").DefineComponent<{
2
+ id: {
3
+ type: StringConstructor;
4
+ default: string;
5
+ };
6
+ size: {
7
+ type: () => "modal-sm" | "modal-md" | "modal-lg" | "modal-xxl" | "modal-full";
8
+ default: string;
9
+ };
10
+ customBackdropClasses: {
11
+ type: StringConstructor;
12
+ default: string;
13
+ };
14
+ customModalClasses: {
15
+ type: StringConstructor;
16
+ default: string;
17
+ };
18
+ customModalDialogClasses: {
19
+ type: StringConstructor;
20
+ default: string;
21
+ };
22
+ customModalContentClasses: {
23
+ type: StringConstructor;
24
+ default: string;
25
+ };
26
+ customModalHeaderClasses: {
27
+ type: (StringConstructor | ArrayConstructor)[];
28
+ default: string;
29
+ };
30
+ customModalBodyClasses: {
31
+ type: StringConstructor;
32
+ default: string;
33
+ };
34
+ customModalFooterClasses: {
35
+ type: StringConstructor;
36
+ default: string;
37
+ };
38
+ withCustomFooter: {
39
+ type: BooleanConstructor;
40
+ default: boolean;
41
+ };
42
+ withCloseIcon: {
43
+ type: BooleanConstructor;
44
+ default: boolean;
45
+ };
46
+ showModal: {
47
+ type: BooleanConstructor;
48
+ required: true;
49
+ };
50
+ closeIcon: {
51
+ type: StringConstructor;
52
+ default: string;
53
+ };
54
+ headerTitle: {
55
+ type: StringConstructor;
56
+ default: string;
57
+ };
58
+ autoClose: {
59
+ type: NumberConstructor;
60
+ };
61
+ fullHeight: {
62
+ type: BooleanConstructor;
63
+ default: boolean;
64
+ };
65
+ closeOnClickOut: {
66
+ type: BooleanConstructor;
67
+ default: boolean;
68
+ };
69
+ }, {
70
+ isMobile: import("vue").Ref<boolean>;
71
+ }, {
72
+ baseModalMaxWidthClass: string;
73
+ }, {
74
+ backdropEl(): HTMLElement;
75
+ modalEl(): HTMLElement;
76
+ }, {
77
+ /** Opens the modal with a transition */
78
+ openModal(): Promise<void>;
79
+ closeOnBackdropClick({ target }: Event): Promise<void>;
80
+ /** Closes the modal with a transition */
81
+ closeModal(): Promise<void>;
82
+ onClosed(): Promise<void>;
83
+ onOpened(): Promise<void>;
84
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closed" | "opened")[], "closed" | "opened", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
85
+ id: {
86
+ type: StringConstructor;
87
+ default: string;
88
+ };
89
+ size: {
90
+ type: () => "modal-sm" | "modal-md" | "modal-lg" | "modal-xxl" | "modal-full";
91
+ default: string;
92
+ };
93
+ customBackdropClasses: {
94
+ type: StringConstructor;
95
+ default: string;
96
+ };
97
+ customModalClasses: {
98
+ type: StringConstructor;
99
+ default: string;
100
+ };
101
+ customModalDialogClasses: {
102
+ type: StringConstructor;
103
+ default: string;
104
+ };
105
+ customModalContentClasses: {
106
+ type: StringConstructor;
107
+ default: string;
108
+ };
109
+ customModalHeaderClasses: {
110
+ type: (StringConstructor | ArrayConstructor)[];
111
+ default: string;
112
+ };
113
+ customModalBodyClasses: {
114
+ type: StringConstructor;
115
+ default: string;
116
+ };
117
+ customModalFooterClasses: {
118
+ type: StringConstructor;
119
+ default: string;
120
+ };
121
+ withCustomFooter: {
122
+ type: BooleanConstructor;
123
+ default: boolean;
124
+ };
125
+ withCloseIcon: {
126
+ type: BooleanConstructor;
127
+ default: boolean;
128
+ };
129
+ showModal: {
130
+ type: BooleanConstructor;
131
+ required: true;
132
+ };
133
+ closeIcon: {
134
+ type: StringConstructor;
135
+ default: string;
136
+ };
137
+ headerTitle: {
138
+ type: StringConstructor;
139
+ default: string;
140
+ };
141
+ autoClose: {
142
+ type: NumberConstructor;
143
+ };
144
+ fullHeight: {
145
+ type: BooleanConstructor;
146
+ default: boolean;
147
+ };
148
+ closeOnClickOut: {
149
+ type: BooleanConstructor;
150
+ default: boolean;
151
+ };
152
+ }>> & {
153
+ onClosed?: ((...args: any[]) => any) | undefined;
154
+ onOpened?: ((...args: any[]) => any) | undefined;
155
+ }, {
156
+ id: string;
157
+ size: "modal-sm" | "modal-md" | "modal-lg" | "modal-xxl" | "modal-full";
158
+ customBackdropClasses: string;
159
+ customModalClasses: string;
160
+ customModalDialogClasses: string;
161
+ customModalContentClasses: string;
162
+ customModalHeaderClasses: string | unknown[];
163
+ customModalBodyClasses: string;
164
+ customModalFooterClasses: string;
165
+ withCustomFooter: boolean;
166
+ withCloseIcon: boolean;
167
+ closeIcon: string;
168
+ headerTitle: string;
169
+ fullHeight: boolean;
170
+ closeOnClickOut: boolean;
171
+ }, {}>;
172
+ export default _default;
@@ -1,4 +1,4 @@
1
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
2
2
  lazyLoadIcon?: boolean | undefined;
3
3
  btnClass?: string | undefined;
4
4
  iconName?: string | undefined;
@@ -20,9 +20,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
20
20
  disabled: boolean;
21
21
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
22
22
  click: (e: Event) => void;
23
- mouseout: (e: Event) => void;
24
23
  mouseover: (e: Event) => void;
25
- }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
24
+ mouseout: (e: Event) => void;
25
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
26
26
  lazyLoadIcon?: boolean | undefined;
27
27
  btnClass?: string | undefined;
28
28
  iconName?: string | undefined;
@@ -44,18 +44,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
44
44
  disabled: boolean;
45
45
  }>>> & {
46
46
  onClick?: ((e: Event) => any) | undefined;
47
- onMouseout?: ((e: Event) => any) | undefined;
48
47
  onMouseover?: ((e: Event) => any) | undefined;
48
+ onMouseout?: ((e: Event) => any) | undefined;
49
49
  }, {
50
- disabled: boolean;
51
- iconName: string;
52
- iconClass: string;
53
50
  lazyLoadIcon: boolean;
54
51
  btnClass: string;
52
+ iconName: string;
55
53
  iconNameHovering: string;
54
+ iconClass: string;
56
55
  isEmpty: boolean;
57
56
  keepActive: boolean;
58
57
  isLoading: boolean;
58
+ disabled: boolean;
59
59
  }, {}>, {
60
60
  default?(_: {
61
61
  hover: boolean;
@@ -63,15 +63,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
63
63
  spinner?(_: {}): any;
64
64
  }>;
65
65
  export default _default;
66
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
67
- type __VLS_TypePropsToRuntimeProps<T> = {
68
- [K in keyof T]-?: {} extends Pick<T, K> ? {
69
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
70
- } : {
71
- type: import('vue').PropType<T[K]>;
72
- required: true;
73
- };
74
- };
75
66
  type __VLS_WithDefaults<P, D> = {
76
67
  [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
77
68
  default: D[K];
@@ -85,3 +76,12 @@ type __VLS_WithTemplateSlots<T, S> = T & {
85
76
  $slots: S;
86
77
  };
87
78
  };
79
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
80
+ type __VLS_TypePropsToOption<T> = {
81
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
82
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
83
+ } : {
84
+ type: import('vue').PropType<T[K]>;
85
+ required: true;
86
+ };
87
+ };
@@ -0,0 +1,41 @@
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
2
+ type?: "" | "map-card" | "vertical" | "news" | undefined;
3
+ }>, {
4
+ type: string;
5
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
6
+ click: () => void;
7
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
8
+ type?: "" | "map-card" | "vertical" | "news" | undefined;
9
+ }>, {
10
+ type: string;
11
+ }>>> & {
12
+ onClick?: (() => any) | undefined;
13
+ }, {
14
+ type: "" | "map-card" | "vertical" | "news";
15
+ }, {}>, {
16
+ "card-image"?(_: {}): any;
17
+ "card-description"?(_: {}): any;
18
+ }>;
19
+ export default _default;
20
+ type __VLS_WithDefaults<P, D> = {
21
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
22
+ default: D[K];
23
+ }> : P[K];
24
+ };
25
+ type __VLS_Prettify<T> = {
26
+ [K in keyof T]: T[K];
27
+ } & {};
28
+ type __VLS_WithTemplateSlots<T, S> = T & {
29
+ new (): {
30
+ $slots: S;
31
+ };
32
+ };
33
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
34
+ type __VLS_TypePropsToOption<T> = {
35
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
36
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
37
+ } : {
38
+ type: import('vue').PropType<T[K]>;
39
+ required: true;
40
+ };
41
+ };
@@ -0,0 +1,83 @@
1
+ import { Nullable, Icon } from "@wikicasa-dev/types";
2
+ type Buttons = "left-btn" | "right-btn";
3
+ type ToggleType = {
4
+ label: string;
5
+ icon?: Icon;
6
+ checked?: boolean;
7
+ };
8
+ type ComplexToggleType = {
9
+ leftToggle: ToggleType;
10
+ rightToggle: ToggleType;
11
+ };
12
+ declare const _default: import("vue").DefineComponent<{
13
+ labels: {
14
+ type: () => ComplexToggleType;
15
+ required: true;
16
+ };
17
+ modelValue: {
18
+ type: StringConstructor;
19
+ default: string;
20
+ };
21
+ type: {
22
+ type: () => "full" | "padded";
23
+ default: string;
24
+ };
25
+ mode: {
26
+ type: () => "mobile";
27
+ default: string;
28
+ };
29
+ btnBgColor: {
30
+ type: () => "uikit-bg-w-black" | "uikit-bg-w-primary" | "uikit-bg-w-secondary" | "uikit-bg-w-dark-primary" | "uikit-bg-w-lavender-bordered" | "uikit-bg-w-cultured-bordered" | "uikit-bg-w-carbon" | "uikit-bg-w-gray" | "uikit-bg-w-warning" | "uikit-bg-w-danger" | "uikit-bg-facile";
31
+ default: string;
32
+ };
33
+ borderContainerColor: {
34
+ type: () => "uikit-border-w-primary";
35
+ default: string;
36
+ };
37
+ }, unknown, {
38
+ texActiveToggleColor: string;
39
+ }, {
40
+ leftBtn(): Nullable<HTMLInputElement>;
41
+ rightBtn(): Nullable<HTMLInputElement>;
42
+ dynamicBg(): Nullable<HTMLInputElement>;
43
+ }, {
44
+ handleToggle(btn: Buttons): void;
45
+ moveDynamicBgToLeft(): void;
46
+ moveDynamicBgToRight(): void;
47
+ emitLeftLabel(): void;
48
+ emitRightLabel(): void;
49
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
50
+ labels: {
51
+ type: () => ComplexToggleType;
52
+ required: true;
53
+ };
54
+ modelValue: {
55
+ type: StringConstructor;
56
+ default: string;
57
+ };
58
+ type: {
59
+ type: () => "full" | "padded";
60
+ default: string;
61
+ };
62
+ mode: {
63
+ type: () => "mobile";
64
+ default: string;
65
+ };
66
+ btnBgColor: {
67
+ type: () => "uikit-bg-w-black" | "uikit-bg-w-primary" | "uikit-bg-w-secondary" | "uikit-bg-w-dark-primary" | "uikit-bg-w-lavender-bordered" | "uikit-bg-w-cultured-bordered" | "uikit-bg-w-carbon" | "uikit-bg-w-gray" | "uikit-bg-w-warning" | "uikit-bg-w-danger" | "uikit-bg-facile";
68
+ default: string;
69
+ };
70
+ borderContainerColor: {
71
+ type: () => "uikit-border-w-primary";
72
+ default: string;
73
+ };
74
+ }>> & {
75
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
76
+ }, {
77
+ type: "full" | "padded";
78
+ modelValue: string;
79
+ mode: "mobile";
80
+ btnBgColor: "uikit-bg-w-black" | "uikit-bg-w-primary" | "uikit-bg-w-secondary" | "uikit-bg-w-dark-primary" | "uikit-bg-w-lavender-bordered" | "uikit-bg-w-cultured-bordered" | "uikit-bg-w-carbon" | "uikit-bg-w-gray" | "uikit-bg-w-warning" | "uikit-bg-w-danger" | "uikit-bg-facile";
81
+ borderContainerColor: "uikit-border-w-primary";
82
+ }, {}>;
83
+ export default _default;
@@ -0,0 +1,123 @@
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
2
+ id?: string | undefined;
3
+ dropdownClasses?: string | string[] | (string | Record<string, boolean>)[] | undefined;
4
+ containerDropdownClasses?: string | undefined;
5
+ iconName?: string | undefined;
6
+ iconClasses?: string | undefined;
7
+ btnClasses?: string | undefined;
8
+ withArrowIcon?: boolean | undefined;
9
+ btnLabel?: string | undefined;
10
+ labelClasses?: string | undefined;
11
+ direction?: "down" | "up" | undefined;
12
+ arrowWidth?: number | undefined;
13
+ isAbsolute?: boolean | undefined;
14
+ openDropdown?: boolean | undefined;
15
+ closeWhenClickedOutside?: boolean | undefined;
16
+ dropdownElement?: "div" | "ul" | undefined;
17
+ keepState?: "" | "closed" | "opened" | undefined;
18
+ }>, {
19
+ id: string;
20
+ containerDropdownClasses: string;
21
+ dropdownClasses: string;
22
+ iconClasses: string;
23
+ iconName: string;
24
+ btnClasses: string;
25
+ btnLabel: string;
26
+ labelClasses: string;
27
+ withArrowIcon: boolean;
28
+ direction: string;
29
+ openDropdown: boolean;
30
+ isAbsolute: boolean;
31
+ arrowWidth: number;
32
+ closeWhenClickedOutside: boolean;
33
+ dropdownElement: string;
34
+ keepState: string;
35
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
36
+ click: () => void;
37
+ "update:dropdownState": (args_0: boolean) => void;
38
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
39
+ id?: string | undefined;
40
+ dropdownClasses?: string | string[] | (string | Record<string, boolean>)[] | undefined;
41
+ containerDropdownClasses?: string | undefined;
42
+ iconName?: string | undefined;
43
+ iconClasses?: string | undefined;
44
+ btnClasses?: string | undefined;
45
+ withArrowIcon?: boolean | undefined;
46
+ btnLabel?: string | undefined;
47
+ labelClasses?: string | undefined;
48
+ direction?: "down" | "up" | undefined;
49
+ arrowWidth?: number | undefined;
50
+ isAbsolute?: boolean | undefined;
51
+ openDropdown?: boolean | undefined;
52
+ closeWhenClickedOutside?: boolean | undefined;
53
+ dropdownElement?: "div" | "ul" | undefined;
54
+ keepState?: "" | "closed" | "opened" | undefined;
55
+ }>, {
56
+ id: string;
57
+ containerDropdownClasses: string;
58
+ dropdownClasses: string;
59
+ iconClasses: string;
60
+ iconName: string;
61
+ btnClasses: string;
62
+ btnLabel: string;
63
+ labelClasses: string;
64
+ withArrowIcon: boolean;
65
+ direction: string;
66
+ openDropdown: boolean;
67
+ isAbsolute: boolean;
68
+ arrowWidth: number;
69
+ closeWhenClickedOutside: boolean;
70
+ dropdownElement: string;
71
+ keepState: string;
72
+ }>>> & {
73
+ onClick?: (() => any) | undefined;
74
+ "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
75
+ }, {
76
+ id: string;
77
+ arrowWidth: number;
78
+ keepState: "" | "closed" | "opened";
79
+ iconName: string;
80
+ dropdownClasses: string | string[] | (string | Record<string, boolean>)[];
81
+ containerDropdownClasses: string;
82
+ iconClasses: string;
83
+ btnClasses: string;
84
+ withArrowIcon: boolean;
85
+ btnLabel: string;
86
+ labelClasses: string;
87
+ direction: "down" | "up";
88
+ isAbsolute: boolean;
89
+ openDropdown: boolean;
90
+ closeWhenClickedOutside: boolean;
91
+ dropdownElement: "div" | "ul";
92
+ }, {}>, {
93
+ btn_slot?(_: {
94
+ toggleDropdown: () => void;
95
+ isOpen: boolean;
96
+ }): any;
97
+ default?(_: {
98
+ isOpen: boolean;
99
+ }): any;
100
+ }>;
101
+ export default _default;
102
+ type __VLS_WithDefaults<P, D> = {
103
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
104
+ default: D[K];
105
+ }> : P[K];
106
+ };
107
+ type __VLS_Prettify<T> = {
108
+ [K in keyof T]: T[K];
109
+ } & {};
110
+ type __VLS_WithTemplateSlots<T, S> = T & {
111
+ new (): {
112
+ $slots: S;
113
+ };
114
+ };
115
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
116
+ type __VLS_TypePropsToOption<T> = {
117
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
118
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
119
+ } : {
120
+ type: import('vue').PropType<T[K]>;
121
+ required: true;
122
+ };
123
+ };
@@ -0,0 +1,44 @@
1
+ import { Nullable } from "@wikicasa-dev/types";
2
+ type LabelState = "inline-label" | "floating-label";
3
+ declare const _default: import("vue").DefineComponent<{
4
+ labelState: {
5
+ type: () => LabelState;
6
+ default: () => LabelState;
7
+ };
8
+ isValid: {
9
+ type: () => Nullable<boolean>;
10
+ default: () => Nullable<boolean>;
11
+ };
12
+ labelText: {
13
+ type: StringConstructor;
14
+ required: true;
15
+ };
16
+ disabled: {
17
+ type: (BooleanConstructor | StringConstructor)[];
18
+ default: boolean;
19
+ };
20
+ }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
21
+ labelState: {
22
+ type: () => LabelState;
23
+ default: () => LabelState;
24
+ };
25
+ isValid: {
26
+ type: () => Nullable<boolean>;
27
+ default: () => Nullable<boolean>;
28
+ };
29
+ labelText: {
30
+ type: StringConstructor;
31
+ required: true;
32
+ };
33
+ disabled: {
34
+ type: (BooleanConstructor | StringConstructor)[];
35
+ default: boolean;
36
+ };
37
+ }>> & {
38
+ onClick?: ((...args: any[]) => any) | undefined;
39
+ }, {
40
+ isValid: Nullable<boolean>;
41
+ disabled: string | boolean;
42
+ labelState: LabelState;
43
+ }, {}>;
44
+ export default _default;
@@ -41,10 +41,10 @@ declare const _default: import("vue").DefineComponent<{
41
41
  default: string;
42
42
  };
43
43
  }>>, {
44
+ iconName: string;
45
+ iconClass: string;
44
46
  lazyLoading: boolean;
45
47
  altAttribute: string;
46
- iconName: string;
47
48
  iconType: "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | "icon-xxl";
48
- iconClass: string;
49
49
  }, {}>;
50
50
  export default _default;
@@ -0,0 +1,143 @@
1
+ import { Nullable, FeedbackLabels } from "@wikicasa-dev/types";
2
+ declare const _default: import("vue").DefineComponent<{
3
+ inputClass: {
4
+ type: (StringConstructor | ArrayConstructor)[];
5
+ required: false;
6
+ default: string;
7
+ };
8
+ inputType: {
9
+ type: () => "text-input" | "select";
10
+ default: string;
11
+ };
12
+ labelText: {
13
+ type: StringConstructor;
14
+ default: string;
15
+ };
16
+ border: {
17
+ type: BooleanConstructor;
18
+ default: boolean;
19
+ };
20
+ radius: {
21
+ type: BooleanConstructor;
22
+ default: boolean;
23
+ };
24
+ modelValue: {
25
+ type: (StringConstructor | NumberConstructor)[];
26
+ };
27
+ feedback: {
28
+ type: () => FeedbackLabels;
29
+ };
30
+ isValid: {
31
+ type: () => Nullable<boolean>;
32
+ default: null;
33
+ };
34
+ auto: {
35
+ type: BooleanConstructor;
36
+ default: boolean;
37
+ };
38
+ keepFloatingLabel: {
39
+ type: BooleanConstructor;
40
+ default: boolean;
41
+ };
42
+ formatter: {
43
+ type: () => {
44
+ formatFn: (n: number | string) => string;
45
+ unFormatFn?: ((v: string) => string | number | boolean) | undefined;
46
+ };
47
+ default: null;
48
+ };
49
+ }, {
50
+ labelState: import("vue").Ref<import("@wikicasa-dev/types").LabelState>;
51
+ setInitialLabelState: <T>(value: T) => void;
52
+ handleFocusIn: (autoFloating?: boolean | undefined) => void;
53
+ handleFocusOut: <T_1>(value: T_1, manual?: boolean | undefined, auto?: boolean | undefined) => void;
54
+ setInlineLabel: () => void;
55
+ setFloatingLabel: () => void;
56
+ }, {
57
+ type: string;
58
+ feedbackObj: FeedbackLabels;
59
+ pointerDownListener: (e: Event) => void;
60
+ }, {
61
+ passwordIcon(): Nullable<HTMLElement>;
62
+ }, {
63
+ select(): void;
64
+ /**
65
+ * Prevents the default behaviour of pointerout so the clicked element won't make lose the focus to the input element
66
+ * */
67
+ setPointerOutListener(): void;
68
+ handleFloatingLabelClick(): void;
69
+ normalizeFeedbackProp(): void;
70
+ updateInputValue(inputEl: HTMLInputElement, value: string): Nullable<string>;
71
+ handleInputChange({ target }: Event): void;
72
+ handleClick(e: Event): void;
73
+ handleClean(): void;
74
+ handleShowPasswd(): void;
75
+ }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:modelValue" | "keydown-enter-pressed" | "focusin" | "focusout" | "keydown")[], "click" | "update:modelValue" | "keydown-enter-pressed" | "focusin" | "focusout" | "keydown", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
76
+ inputClass: {
77
+ type: (StringConstructor | ArrayConstructor)[];
78
+ required: false;
79
+ default: string;
80
+ };
81
+ inputType: {
82
+ type: () => "text-input" | "select";
83
+ default: string;
84
+ };
85
+ labelText: {
86
+ type: StringConstructor;
87
+ default: string;
88
+ };
89
+ border: {
90
+ type: BooleanConstructor;
91
+ default: boolean;
92
+ };
93
+ radius: {
94
+ type: BooleanConstructor;
95
+ default: boolean;
96
+ };
97
+ modelValue: {
98
+ type: (StringConstructor | NumberConstructor)[];
99
+ };
100
+ feedback: {
101
+ type: () => FeedbackLabels;
102
+ };
103
+ isValid: {
104
+ type: () => Nullable<boolean>;
105
+ default: null;
106
+ };
107
+ auto: {
108
+ type: BooleanConstructor;
109
+ default: boolean;
110
+ };
111
+ keepFloatingLabel: {
112
+ type: BooleanConstructor;
113
+ default: boolean;
114
+ };
115
+ formatter: {
116
+ type: () => {
117
+ formatFn: (n: number | string) => string;
118
+ unFormatFn?: ((v: string) => string | number | boolean) | undefined;
119
+ };
120
+ default: null;
121
+ };
122
+ }>> & {
123
+ onClick?: ((...args: any[]) => any) | undefined;
124
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
125
+ "onKeydown-enter-pressed"?: ((...args: any[]) => any) | undefined;
126
+ onFocusin?: ((...args: any[]) => any) | undefined;
127
+ onFocusout?: ((...args: any[]) => any) | undefined;
128
+ onKeydown?: ((...args: any[]) => any) | undefined;
129
+ }, {
130
+ border: boolean;
131
+ isValid: Nullable<boolean>;
132
+ labelText: string;
133
+ keepFloatingLabel: boolean;
134
+ inputClass: string | unknown[];
135
+ inputType: "select" | "text-input";
136
+ radius: boolean;
137
+ auto: boolean;
138
+ formatter: {
139
+ formatFn: (n: number | string) => string;
140
+ unFormatFn?: ((v: string) => string | number | boolean) | undefined;
141
+ };
142
+ }, {}>;
143
+ export default _default;