@zipify/wysiwyg 4.11.0 → 4.11.2

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 (141) hide show
  1. package/.release-it.json +2 -1
  2. package/dist/cli.js +28 -28
  3. package/dist/node.js +26 -26
  4. package/dist/types/Wysiwyg.vue.d.ts +7 -8
  5. package/dist/types/components/base/Button.vue.d.ts +5 -10
  6. package/dist/types/components/base/ButtonToggle.vue.d.ts +9 -14
  7. package/dist/types/components/base/Checkbox.vue.d.ts +1 -1
  8. package/dist/types/components/base/FieldLabel.vue.d.ts +5 -10
  9. package/dist/types/components/base/Icon.vue.d.ts +1 -1
  10. package/dist/types/components/base/Modal.vue.d.ts +5 -14
  11. package/dist/types/components/base/ModalFloating.vue.d.ts +5 -14
  12. package/dist/types/components/base/NumberField.vue.d.ts +1 -1
  13. package/dist/types/components/base/Range.vue.d.ts +1 -1
  14. package/dist/types/components/base/ScrollView.vue.d.ts +5 -14
  15. package/dist/types/components/base/TextField.vue.d.ts +1 -1
  16. package/dist/types/components/base/colorPicker/ColorPicker.vue.d.ts +10 -517
  17. package/dist/types/components/base/dropdown/Dropdown.vue.d.ts +6 -15
  18. package/dist/types/components/base/dropdown/DropdownActivator.vue.d.ts +7 -12
  19. package/dist/types/components/base/dropdown/DropdownDivider.vue.d.ts +1 -1
  20. package/dist/types/components/base/dropdown/DropdownGroup.vue.d.ts +7 -12
  21. package/dist/types/components/base/dropdown/DropdownMenu.vue.d.ts +6 -12
  22. package/dist/types/components/base/dropdown/DropdownOption.vue.d.ts +5 -14
  23. package/dist/types/components/toolbar/ToolbarFloating.vue.d.ts +5 -14
  24. package/dist/types/components/toolbar/controls/AlignmentControl.vue.d.ts +1 -1
  25. package/dist/types/components/toolbar/controls/CaseStyleControl.vue.d.ts +1 -1
  26. package/dist/types/components/toolbar/controls/FontFamilyControl.vue.d.ts +1 -1
  27. package/dist/types/components/toolbar/controls/FontSizeControl.vue.d.ts +1 -1
  28. package/dist/types/components/toolbar/controls/FontWeightControl.vue.d.ts +1 -1
  29. package/dist/types/components/toolbar/controls/ItalicControl.vue.d.ts +1 -1
  30. package/dist/types/components/toolbar/controls/LineHeightControl.vue.d.ts +1 -3
  31. package/dist/types/components/toolbar/controls/ListControl.vue.d.ts +1 -1
  32. package/dist/types/components/toolbar/controls/RemoveFormatControl.vue.d.ts +1 -1
  33. package/dist/types/components/toolbar/controls/StrikeThroughControl.vue.d.ts +1 -1
  34. package/dist/types/components/toolbar/controls/SuperscriptControl.vue.d.ts +1 -1
  35. package/dist/types/components/toolbar/controls/UnderlineControl.vue.d.ts +1 -1
  36. package/dist/types/components/toolbar/controls/link/LinkControl.vue.d.ts +1 -3
  37. package/dist/types/components/toolbar/controls/link/LinkControlHeader.vue.d.ts +1 -1
  38. package/dist/types/components/toolbar/controls/link/composables/useLink.d.ts +11 -9
  39. package/dist/types/components/toolbar/controls/link/destination/LinkControlDestination.vue.d.ts +1 -1
  40. package/dist/types/components/toolbar/controls/link/destination/LinkControlPageBlock.vue.d.ts +1 -1
  41. package/dist/types/components/toolbar/controls/link/destination/LinkControlUrl.vue.d.ts +1 -1
  42. package/dist/types/components/toolbar/controls/stylePreset/StylePresetControl.vue.d.ts +1 -1
  43. package/dist/types/components/toolbar/controls/stylePreset/StylePresetOption.vue.d.ts +2 -4
  44. package/dist/types/enums/Alignment.d.ts +7 -0
  45. package/dist/types/enums/CaseStyle.d.ts +5 -0
  46. package/dist/types/enums/Device.d.ts +7 -0
  47. package/dist/types/enums/LinkDestination.d.ts +4 -0
  48. package/dist/types/enums/LinkTarget.d.ts +4 -0
  49. package/dist/types/enums/ListType.d.ts +10 -0
  50. package/dist/types/enums/MarkGroup.d.ts +4 -0
  51. package/dist/types/enums/NodeType.d.ts +9 -0
  52. package/dist/types/enums/TextSetting.d.ts +19 -0
  53. package/dist/types/enums/index.d.ts +9 -9
  54. package/dist/types/extensions/Alignment.d.ts +2 -1
  55. package/dist/types/extensions/CaseStyle.d.ts +2 -1
  56. package/dist/types/models/Font.d.ts +1 -0
  57. package/dist/wysiwyg.css +27 -27
  58. package/dist/wysiwyg.mjs +135 -165
  59. package/example/fonts.js +111 -111
  60. package/lib/Wysiwyg.vue +3 -3
  61. package/lib/__tests__/utils/buildTestExtensions.js +6 -6
  62. package/lib/components/toolbar/Toolbar.vue +2 -2
  63. package/lib/components/toolbar/__tests__/Toolbar.test.js +5 -5
  64. package/lib/components/toolbar/controls/AlignmentControl.vue +7 -7
  65. package/lib/components/toolbar/controls/CaseStyleControl.vue +5 -5
  66. package/lib/components/toolbar/controls/FontColorControl.vue +2 -2
  67. package/lib/components/toolbar/controls/FontFamilyControl.vue +2 -2
  68. package/lib/components/toolbar/controls/FontSizeControl.vue +2 -2
  69. package/lib/components/toolbar/controls/FontWeightControl.vue +2 -2
  70. package/lib/components/toolbar/controls/ItalicControl.vue +2 -2
  71. package/lib/components/toolbar/controls/LineHeightControl.vue +2 -2
  72. package/lib/components/toolbar/controls/ListControl.vue +5 -5
  73. package/lib/components/toolbar/controls/__tests__/AlignmentControl.test.js +13 -13
  74. package/lib/components/toolbar/controls/__tests__/CaseStyleControl.test.js +4 -4
  75. package/lib/components/toolbar/controls/__tests__/ListControl.test.js +10 -10
  76. package/lib/components/toolbar/controls/__tests__/StylePresetControl.test.js +6 -6
  77. package/lib/components/toolbar/controls/link/LinkControl.vue +5 -5
  78. package/lib/components/toolbar/controls/link/composables/__tests__/useLink.test.js +20 -20
  79. package/lib/components/toolbar/controls/link/composables/useLink.js +10 -10
  80. package/lib/components/toolbar/controls/link/destination/LinkControlDestination.vue +10 -7
  81. package/lib/components/toolbar/controls/link/destination/LinkControlPageBlock.vue +1 -1
  82. package/lib/enums/{Alignments.ts → Alignment.ts} +0 -8
  83. package/lib/enums/{CaseStyles.ts → CaseStyle.ts} +0 -6
  84. package/lib/enums/{Devices.ts → Device.ts} +0 -8
  85. package/lib/enums/LinkDestination.ts +4 -0
  86. package/lib/enums/LinkTarget.ts +4 -0
  87. package/lib/enums/{ListTypes.ts → ListType.ts} +0 -9
  88. package/lib/enums/MarkGroup.ts +4 -0
  89. package/lib/enums/{NodeTypes.ts → NodeType.ts} +0 -8
  90. package/lib/enums/{TextSettings.ts → TextSetting.ts} +0 -11
  91. package/lib/enums/index.ts +9 -9
  92. package/lib/extensions/Alignment.js +13 -11
  93. package/lib/extensions/BackgroundColor.js +2 -2
  94. package/lib/extensions/CaseStyle.js +8 -6
  95. package/lib/extensions/FontColor.js +4 -4
  96. package/lib/extensions/FontFamily.js +8 -6
  97. package/lib/extensions/FontSize.js +3 -3
  98. package/lib/extensions/FontStyle.js +3 -3
  99. package/lib/extensions/FontWeight.js +3 -3
  100. package/lib/extensions/LineHeight.js +4 -4
  101. package/lib/extensions/Link.js +11 -11
  102. package/lib/extensions/Margin.js +4 -4
  103. package/lib/extensions/StylePreset.js +18 -12
  104. package/lib/extensions/Superscript.js +2 -2
  105. package/lib/extensions/TextDecoration.js +2 -2
  106. package/lib/extensions/__tests__/Alignment.test.js +21 -21
  107. package/lib/extensions/__tests__/BackgroundColor.test.js +4 -4
  108. package/lib/extensions/__tests__/CaseStyle.test.js +6 -6
  109. package/lib/extensions/__tests__/FontColor.test.js +4 -4
  110. package/lib/extensions/__tests__/FontFamily.test.js +10 -10
  111. package/lib/extensions/__tests__/FontSize.test.js +9 -9
  112. package/lib/extensions/__tests__/FontStyle.test.js +6 -6
  113. package/lib/extensions/__tests__/FontWeight.test.js +11 -11
  114. package/lib/extensions/__tests__/LineHeight.test.js +2 -2
  115. package/lib/extensions/__tests__/Link.test.js +13 -13
  116. package/lib/extensions/__tests__/StylePreset.test.js +29 -29
  117. package/lib/extensions/__tests__/Superscript.test.js +5 -5
  118. package/lib/extensions/__tests__/TextDecoration.test.js +14 -14
  119. package/lib/extensions/core/Document.js +3 -3
  120. package/lib/extensions/core/Heading.js +2 -2
  121. package/lib/extensions/core/NodeProcessor.js +8 -8
  122. package/lib/extensions/core/Paragraph.js +2 -2
  123. package/lib/extensions/core/__tests__/NodeProcessor.test.js +68 -68
  124. package/lib/extensions/core/__tests__/TextProcessor.test.js +13 -13
  125. package/lib/extensions/list/ListItem.js +5 -5
  126. package/lib/extensions/list/__tests__/List.test.js +11 -11
  127. package/lib/extensions/proseMirror/PasteLinkPlugin.js +4 -4
  128. package/lib/extensions/proseMirror/PastePlugin.js +2 -2
  129. package/lib/models/Font.ts +4 -0
  130. package/lib/services/ContentSerializer.js +3 -3
  131. package/lib/services/StylePresetRenderer.js +4 -4
  132. package/lib/services/__tests__/NodeFactory.test.js +11 -11
  133. package/lib/services/__tests__/NodeSelector.test.js +18 -18
  134. package/lib/services/normalizer/JsonNormalizer.js +5 -5
  135. package/lib/services/normalizer/__tests__/JsonNormalizer.test.js +15 -15
  136. package/lib/utils/__tests__/convertAlignment.test.js +3 -3
  137. package/lib/utils/convertAlignment.js +4 -4
  138. package/package.json +17 -17
  139. package/lib/enums/LinkDestinations.ts +0 -9
  140. package/lib/enums/LinkTargets.ts +0 -9
  141. package/lib/enums/MarkGroups.ts +0 -9
@@ -1,6 +1,6 @@
1
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
1
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
2
2
  export default _default;
3
- type __VLS_WithTemplateSlots<T, S> = T & (new () => {
3
+ type __VLS_WithSlots<T, S> = T & (new () => {
4
4
  $slots: S;
5
5
  });
6
6
  declare const __VLS_component: import("vue").DefineComponent<{}, {
@@ -9,519 +9,12 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
9
9
  $props: {
10
10
  readonly value?: string | undefined;
11
11
  };
12
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
13
- pickerRef: ({
14
- $: import("vue").ComponentInternalInstance;
15
- $data: {};
16
- $props: Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
17
- $attrs: {
18
- [x: string]: unknown;
19
- };
20
- $refs: {
21
- [x: string]: unknown;
22
- };
23
- $slots: Readonly<{
24
- [name: string]: import("vue").Slot<any> | undefined;
25
- }>;
26
- $root: import("vue").ComponentPublicInstance | null;
27
- $parent: import("vue").ComponentPublicInstance | null;
28
- $host: Element | null;
29
- $emit: (event: string, ...args: any[]) => void;
30
- $el: any;
31
- $options: import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
32
- $emit: (event: "change", ...args: any[]) => void;
33
- ColorPicker: typeof ColorPicker;
34
- vOutClick: typeof vOutClick;
35
- ContextWindow: typeof ContextWindow;
36
- pickerRef: typeof pickerRef;
37
- api: typeof api;
38
- favoriteColors: typeof favoriteColors;
39
- updateFavoriteColors: typeof updateFavoriteColors;
40
- value: string;
41
- $props: {
42
- readonly value?: string | undefined;
43
- };
44
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
45
- beforeCreate?: (() => void) | (() => void)[];
46
- created?: (() => void) | (() => void)[];
47
- beforeMount?: (() => void) | (() => void)[];
48
- mounted?: (() => void) | (() => void)[];
49
- beforeUpdate?: (() => void) | (() => void)[];
50
- updated?: (() => void) | (() => void)[];
51
- activated?: (() => void) | (() => void)[];
52
- deactivated?: (() => void) | (() => void)[];
53
- beforeDestroy?: (() => void) | (() => void)[];
54
- beforeUnmount?: (() => void) | (() => void)[];
55
- destroyed?: (() => void) | (() => void)[];
56
- unmounted?: (() => void) | (() => void)[];
57
- renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
58
- renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
59
- errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
60
- };
61
- $forceUpdate: () => void;
62
- $nextTick: typeof import("vue").nextTick;
63
- $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;
64
- } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "value" | "favoriteColors" | "$props" | "$emit" | "vOutClick" | "pickerRef" | "ColorPicker" | "ContextWindow" | "api" | "updateFavoriteColors"> & import("vue").ShallowUnwrapRef<{
65
- $emit: (event: "change", ...args: any[]) => void;
66
- ColorPicker: typeof ColorPicker;
67
- vOutClick: typeof vOutClick;
68
- ContextWindow: typeof ContextWindow;
69
- pickerRef: typeof pickerRef;
70
- api: typeof api;
71
- favoriteColors: typeof favoriteColors;
72
- updateFavoriteColors: typeof updateFavoriteColors;
73
- value: string;
74
- $props: {
75
- readonly value?: string | undefined;
76
- };
77
- }> & {} & import("vue").ComponentCustomProperties & {} & {
78
- $slots: {
79
- activator?(_: {
80
- isOpened: any;
81
- open: () => void;
82
- close: () => void;
83
- toggle: () => void;
84
- }): any;
85
- };
86
- } & {
87
- $: import("vue").ComponentInternalInstance;
88
- $data: {};
89
- $props: {
90
- readonly modelValue: string;
91
- readonly favoriteColors?: string[] | undefined;
92
- readonly paletteKey?: string | undefined;
93
- readonly maxPaletteColors?: number | undefined;
94
- readonly maxFavoriteColors?: number | undefined;
95
- readonly presetColors?: string[] | undefined;
96
- readonly isOverTop?: boolean | undefined;
97
- readonly durationEnter?: number | undefined;
98
- readonly durationLeave?: number | undefined;
99
- readonly placement?: import("@floating-ui/utils").Placement | undefined;
100
- readonly placementStrategy?: import("@floating-ui/utils").Strategy | undefined;
101
- readonly canBeEmpty?: boolean | undefined;
102
- readonly hasGradient?: boolean | undefined;
103
- readonly window?: Window | undefined;
104
- readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
105
- readonly "onOutside-click"?: ((event: Event) => any) | undefined | undefined;
106
- readonly "onUpdate:favoriteColors"?: ((value: string[]) => any) | undefined | undefined;
107
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
108
- $attrs: {
109
- [x: string]: unknown;
110
- };
111
- $refs: {
112
- [x: string]: unknown;
113
- };
114
- $slots: Readonly<{
115
- [name: string]: import("vue").Slot<any> | undefined;
116
- }>;
117
- $root: import("vue").ComponentPublicInstance | null;
118
- $parent: import("vue").ComponentPublicInstance | null;
119
- $host: Element | null;
120
- $emit: ((event: "update:modelValue", value: string) => void) & ((event: "outside-click", event: Event) => void) & ((event: "update:favoriteColors", value: string[]) => void);
121
- $el: HTMLDivElement;
122
- $options: import("vue").ComponentOptionsBase<Readonly<{
123
- modelValue: string;
124
- favoriteColors?: string[];
125
- } & {
126
- paletteKey?: string;
127
- maxPaletteColors?: number;
128
- maxFavoriteColors?: number;
129
- presetColors?: string[];
130
- isOverTop?: boolean;
131
- durationEnter?: number;
132
- durationLeave?: number;
133
- placement?: import("@floating-ui/utils").Placement;
134
- placementStrategy?: import("@floating-ui/utils").Strategy;
135
- canBeEmpty?: boolean;
136
- hasGradient?: boolean;
137
- window?: Window;
138
- }> & Readonly<{
139
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
140
- "onOutside-click"?: ((event: Event) => any) | undefined;
141
- "onUpdate:favoriteColors"?: ((value: string[]) => any) | undefined;
142
- }>, {
143
- isVisible: import("vue").ComputedRef<boolean>;
144
- close: (newColor: string) => void;
145
- open: (targetEl: HTMLElement) => void;
146
- toggle: (targetEl?: HTMLElement) => void;
147
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
148
- "update:modelValue": (value: string) => any;
149
- "outside-click": (event: Event) => any;
150
- "update:favoriteColors": (value: string[]) => any;
151
- }, string, {
152
- window: Window;
153
- hasGradient: boolean;
154
- presetColors: string[];
155
- placement: import("@floating-ui/utils").Placement;
156
- paletteKey: string;
157
- maxPaletteColors: number;
158
- maxFavoriteColors: number;
159
- isOverTop: boolean;
160
- durationEnter: number;
161
- durationLeave: number;
162
- placementStrategy: import("@floating-ui/utils").Strategy;
163
- canBeEmpty: boolean;
164
- }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
165
- beforeCreate?: (() => void) | (() => void)[];
166
- created?: (() => void) | (() => void)[];
167
- beforeMount?: (() => void) | (() => void)[];
168
- mounted?: (() => void) | (() => void)[];
169
- beforeUpdate?: (() => void) | (() => void)[];
170
- updated?: (() => void) | (() => void)[];
171
- activated?: (() => void) | (() => void)[];
172
- deactivated?: (() => void) | (() => void)[];
173
- beforeDestroy?: (() => void) | (() => void)[];
174
- beforeUnmount?: (() => void) | (() => void)[];
175
- destroyed?: (() => void) | (() => void)[];
176
- unmounted?: (() => void) | (() => void)[];
177
- renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
178
- renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
179
- errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
180
- };
181
- $forceUpdate: () => void;
182
- $nextTick: typeof import("vue").nextTick;
183
- $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;
184
- } & Readonly<{
185
- window: Window;
186
- hasGradient: boolean;
187
- presetColors: string[];
188
- placement: import("@floating-ui/utils").Placement;
189
- paletteKey: string;
190
- maxPaletteColors: number;
191
- maxFavoriteColors: number;
192
- isOverTop: boolean;
193
- durationEnter: number;
194
- durationLeave: number;
195
- placementStrategy: import("@floating-ui/utils").Strategy;
196
- canBeEmpty: boolean;
197
- }> & Omit<Readonly<{
198
- modelValue: string;
199
- favoriteColors?: string[];
200
- } & {
201
- paletteKey?: string;
202
- maxPaletteColors?: number;
203
- maxFavoriteColors?: number;
204
- presetColors?: string[];
205
- isOverTop?: boolean;
206
- durationEnter?: number;
207
- durationLeave?: number;
208
- placement?: import("@floating-ui/utils").Placement;
209
- placementStrategy?: import("@floating-ui/utils").Strategy;
210
- canBeEmpty?: boolean;
211
- hasGradient?: boolean;
212
- window?: Window;
213
- }> & Readonly<{
214
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
215
- "onOutside-click"?: ((event: Event) => any) | undefined;
216
- "onUpdate:favoriteColors"?: ((value: string[]) => any) | undefined;
217
- }>, "close" | "toggle" | "window" | "open" | "placement" | "placementStrategy" | "paletteKey" | "maxPaletteColors" | "maxFavoriteColors" | "presetColors" | "isOverTop" | "durationEnter" | "durationLeave" | "canBeEmpty" | "hasGradient" | "isVisible"> & import("vue").ShallowUnwrapRef<{
218
- isVisible: import("vue").ComputedRef<boolean>;
219
- close: (newColor: string) => void;
220
- open: (targetEl: HTMLElement) => void;
221
- toggle: (targetEl?: HTMLElement) => void;
222
- }> & {
223
- $slots: Readonly<{
224
- activator: import("vue").Slot<{
225
- open(targetEl: HTMLElement): void;
226
- close(newColor: string): void;
227
- toggle(targetEl?: HTMLElement): void;
228
- isVisible: boolean;
229
- }>;
230
- }> & {
231
- activator: import("vue").Slot<{
232
- open(targetEl: HTMLElement): void;
233
- close(newColor: string): void;
234
- toggle(targetEl?: HTMLElement): void;
235
- isVisible: boolean;
236
- }>;
237
- };
238
- }) | null;
239
- }, any>;
240
- type __VLS_TemplateResult = {
241
- attrs: Partial<{}>;
242
- slots: {
243
- activator?(_: {
244
- isOpened: any;
245
- open: () => void;
246
- close: () => void;
247
- toggle: () => void;
248
- }): any;
249
- };
250
- refs: {
251
- pickerRef: ({
252
- $: ComponentInternalInstance;
253
- $data: {};
254
- $props: Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>;
255
- $attrs: Data;
256
- $refs: Data;
257
- $slots: Readonly<InternalSlots>;
258
- $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null;
259
- $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null;
260
- $host: Element | null;
261
- $emit: (event: string, ...args: any[]) => void;
262
- $el: any;
263
- $options: ComponentOptionsBase<ToResolvedProps<{}, {}>, {
264
- $emit: (event: "change", ...args: any[]) => void;
265
- ColorPicker: __VLS_WithTemplateSlots<DefineComponent<__VLS_PublicProps, {
266
- isVisible: ComputedRef<boolean>;
267
- close: typeof close;
268
- open: typeof open;
269
- toggle: typeof toggle;
270
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
271
- "update:modelValue": (value: string) => any;
272
- "outside-click": (event: Event) => any;
273
- "update:favoriteColors": (value: string[]) => any;
274
- }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
275
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
276
- "onOutside-click"?: ((event: Event) => any) | undefined;
277
- "onUpdate:favoriteColors"?: ((value: string[]) => any) | undefined;
278
- }>, {
279
- window: Window;
280
- hasGradient: boolean;
281
- presetColors: string[];
282
- placement: Placement;
283
- paletteKey: string;
284
- maxPaletteColors: number;
285
- maxFavoriteColors: number;
286
- isOverTop: boolean;
287
- durationEnter: number;
288
- durationLeave: number;
289
- placementStrategy: Strategy;
290
- canBeEmpty: boolean;
291
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<{
292
- activator: Slot<{
293
- open(targetEl: HTMLElement): void;
294
- close(newColor: string): void;
295
- toggle(targetEl?: HTMLElement | undefined): void;
296
- isVisible: boolean;
297
- }>;
298
- }> & {
299
- activator: Slot<{
300
- open(targetEl: HTMLElement): void;
301
- close(newColor: string): void;
302
- toggle(targetEl?: HTMLElement | undefined): void;
303
- isVisible: boolean;
304
- }>;
305
- }>;
306
- vOutClick: {
307
- mounted(el: any, { value }: {
308
- value: any;
309
- }): void;
310
- updated(el: any, { value }: {
311
- value: any;
312
- }): void;
313
- beforeUnmount(el: any): void;
314
- };
315
- ContextWindow: typeof ContextWindow;
316
- pickerRef: Ref<null, null>;
317
- api: {
318
- isOpened: any;
319
- editingColor: any;
320
- open: () => void;
321
- close: () => void;
322
- toggle: () => void;
323
- cancel: () => void;
324
- };
325
- favoriteColors: ComputedRef<any>;
326
- updateFavoriteColors: (colors: any) => any;
327
- value: string;
328
- $props: {
329
- readonly value?: string | undefined;
330
- };
331
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & MergedComponentOptionsOverride;
332
- $forceUpdate: () => void;
333
- $nextTick: typeof nextTick;
334
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: OnCleanup) => any : (args_0: any, args_1: any, args_2: OnCleanup) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
335
- } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "value" | "favoriteColors" | "$props" | "$emit" | "vOutClick" | "pickerRef" | "ColorPicker" | "ContextWindow" | "api" | "updateFavoriteColors"> & ShallowUnwrapRef<{
336
- $emit: (event: "change", ...args: any[]) => void;
337
- ColorPicker: __VLS_WithTemplateSlots<DefineComponent<__VLS_PublicProps, {
338
- isVisible: ComputedRef<boolean>;
339
- close: typeof close;
340
- open: typeof open;
341
- toggle: typeof toggle;
342
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
343
- "update:modelValue": (value: string) => any;
344
- "outside-click": (event: Event) => any;
345
- "update:favoriteColors": (value: string[]) => any;
346
- }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
347
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
348
- "onOutside-click"?: ((event: Event) => any) | undefined;
349
- "onUpdate:favoriteColors"?: ((value: string[]) => any) | undefined;
350
- }>, {
351
- window: Window;
352
- hasGradient: boolean;
353
- presetColors: string[];
354
- placement: Placement;
355
- paletteKey: string;
356
- maxPaletteColors: number;
357
- maxFavoriteColors: number;
358
- isOverTop: boolean;
359
- durationEnter: number;
360
- durationLeave: number;
361
- placementStrategy: Strategy;
362
- canBeEmpty: boolean;
363
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<{
364
- activator: Slot<{
365
- open(targetEl: HTMLElement): void;
366
- close(newColor: string): void;
367
- toggle(targetEl?: HTMLElement | undefined): void;
368
- isVisible: boolean;
369
- }>;
370
- }> & {
371
- activator: Slot<{
372
- open(targetEl: HTMLElement): void;
373
- close(newColor: string): void;
374
- toggle(targetEl?: HTMLElement | undefined): void;
375
- isVisible: boolean;
376
- }>;
377
- }>;
378
- vOutClick: {
379
- mounted(el: any, { value }: {
380
- value: any;
381
- }): void;
382
- updated(el: any, { value }: {
383
- value: any;
384
- }): void;
385
- beforeUnmount(el: any): void;
386
- };
387
- ContextWindow: typeof ContextWindow;
388
- pickerRef: Ref<null, null>;
389
- api: {
390
- isOpened: any;
391
- editingColor: any;
392
- open: () => void;
393
- close: () => void;
394
- toggle: () => void;
395
- cancel: () => void;
396
- };
397
- favoriteColors: ComputedRef<any>;
398
- updateFavoriteColors: (colors: any) => any;
399
- value: string;
400
- $props: {
401
- readonly value?: string | undefined;
402
- };
403
- }> & ExtractComputedReturns<{}> & ComponentCustomProperties & {} & {
404
- $slots: {
405
- activator?(_: {
406
- isOpened: any;
407
- open: () => void;
408
- close: () => void;
409
- toggle: () => void;
410
- }): any;
411
- };
412
- } & {
413
- $: ComponentInternalInstance;
414
- $data: {};
415
- $props: {
416
- readonly modelValue: string;
417
- readonly favoriteColors?: string[] | undefined;
418
- readonly paletteKey?: string | undefined;
419
- readonly maxPaletteColors?: number | undefined;
420
- readonly maxFavoriteColors?: number | undefined;
421
- readonly presetColors?: string[] | undefined;
422
- readonly isOverTop?: boolean | undefined;
423
- readonly durationEnter?: number | undefined;
424
- readonly durationLeave?: number | undefined;
425
- readonly placement?: Placement | undefined;
426
- readonly placementStrategy?: Strategy | undefined;
427
- readonly canBeEmpty?: boolean | undefined;
428
- readonly hasGradient?: boolean | undefined;
429
- readonly window?: Window | undefined;
430
- readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
431
- readonly "onOutside-click"?: ((event: Event) => any) | undefined;
432
- readonly "onUpdate:favoriteColors"?: ((value: string[]) => any) | undefined;
433
- } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
434
- $attrs: Data;
435
- $refs: Data;
436
- $slots: Readonly<InternalSlots>;
437
- $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null;
438
- $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null;
439
- $host: Element | null;
440
- $emit: ((event: "update:modelValue", value: string) => void) & ((event: "outside-click", event: Event) => void) & ((event: "update:favoriteColors", value: string[]) => void);
441
- $el: HTMLDivElement;
442
- $options: ComponentOptionsBase<Readonly<__VLS_PublicProps> & Readonly<{
443
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
444
- "onOutside-click"?: ((event: Event) => any) | undefined;
445
- "onUpdate:favoriteColors"?: ((value: string[]) => any) | undefined;
446
- }>, {
447
- isVisible: ComputedRef<boolean>;
448
- close: typeof close;
449
- open: typeof open;
450
- toggle: typeof toggle;
451
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
452
- "update:modelValue": (value: string) => any;
453
- "outside-click": (event: Event) => any;
454
- "update:favoriteColors": (value: string[]) => any;
455
- }, string, {
456
- window: Window;
457
- hasGradient: boolean;
458
- presetColors: string[];
459
- placement: Placement;
460
- paletteKey: string;
461
- maxPaletteColors: number;
462
- maxFavoriteColors: number;
463
- isOverTop: boolean;
464
- durationEnter: number;
465
- durationLeave: number;
466
- placementStrategy: Strategy;
467
- canBeEmpty: boolean;
468
- }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & MergedComponentOptionsOverride;
469
- $forceUpdate: () => void;
470
- $nextTick: typeof nextTick;
471
- $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: OnCleanup) => any : (args_0: any, args_1: any, args_2: OnCleanup) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
472
- } & Readonly<{
473
- window: Window;
474
- hasGradient: boolean;
475
- presetColors: string[];
476
- placement: Placement;
477
- paletteKey: string;
478
- maxPaletteColors: number;
479
- maxFavoriteColors: number;
480
- isOverTop: boolean;
481
- durationEnter: number;
482
- durationLeave: number;
483
- placementStrategy: Strategy;
484
- canBeEmpty: boolean;
485
- }> & Omit<Readonly<__VLS_PublicProps> & Readonly<{
486
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
487
- "onOutside-click"?: ((event: Event) => any) | undefined;
488
- "onUpdate:favoriteColors"?: ((value: string[]) => any) | undefined;
489
- }>, "close" | "toggle" | "window" | "open" | "placement" | "placementStrategy" | "paletteKey" | "maxPaletteColors" | "maxFavoriteColors" | "presetColors" | "isOverTop" | "durationEnter" | "durationLeave" | "canBeEmpty" | "hasGradient" | "isVisible"> & ShallowUnwrapRef<{
490
- isVisible: ComputedRef<boolean>;
491
- close: typeof close;
492
- open: typeof open;
493
- toggle: typeof toggle;
494
- }> & {
495
- $slots: Readonly<{
496
- activator: Slot<{
497
- open(targetEl: HTMLElement): void;
498
- close(newColor: string): void;
499
- toggle(targetEl?: HTMLElement | undefined): void;
500
- isVisible: boolean;
501
- }>;
502
- }> & {
503
- activator: Slot<{
504
- open(targetEl: HTMLElement): void;
505
- close(newColor: string): void;
506
- toggle(targetEl?: HTMLElement | undefined): void;
507
- isVisible: boolean;
508
- }>;
509
- };
510
- }) | null;
511
- };
512
- rootEl: any;
513
- };
514
- import { ColorPicker } from '@zipify/colorpicker';
515
- import { outClick as vOutClick } from '../../../directives';
516
- import { ContextWindow } from '../../../services';
517
- declare const pickerRef: import("vue").Ref<null, null>;
518
- declare const api: {
519
- isOpened: any;
520
- editingColor: any;
521
- open: () => void;
522
- close: () => void;
523
- toggle: () => void;
524
- cancel: () => void;
12
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
13
+ type __VLS_Slots = {
14
+ activator?: ((props: {
15
+ isOpened: any;
16
+ open: () => void;
17
+ close: () => void;
18
+ toggle: () => void;
19
+ }) => any) | undefined;
525
20
  };
526
- declare const favoriteColors: import("vue").ComputedRef<any>;
527
- declare function updateFavoriteColors(colors: any): any;
@@ -1,6 +1,6 @@
1
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
1
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
2
2
  export default _default;
3
- type __VLS_WithTemplateSlots<T, S> = T & (new () => {
3
+ type __VLS_WithSlots<T, S> = T & (new () => {
4
4
  $slots: S;
5
5
  });
6
6
  declare const __VLS_component: import("vue").DefineComponent<{}, {
@@ -17,17 +17,8 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
17
17
  readonly maxWidth?: number | undefined;
18
18
  readonly isCustomized?: boolean | undefined;
19
19
  };
20
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
21
- dropdownRef: HTMLDivElement;
22
- }, HTMLDivElement>;
23
- type __VLS_TemplateResult = {
24
- attrs: Partial<{}>;
25
- slots: {
26
- activator?(_: any): any;
27
- option?(_: any): any;
28
- };
29
- refs: {
30
- dropdownRef: HTMLDivElement;
31
- };
32
- rootEl: HTMLDivElement;
20
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
21
+ type __VLS_Slots = {
22
+ activator?: ((props: any) => any) | undefined;
23
+ option?: ((props: any) => any) | undefined;
33
24
  };
@@ -1,6 +1,6 @@
1
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
1
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
2
2
  export default _default;
3
- type __VLS_WithTemplateSlots<T, S> = T & (new () => {
3
+ type __VLS_WithSlots<T, S> = T & (new () => {
4
4
  $slots: S;
5
5
  });
6
6
  declare const __VLS_component: import("vue").DefineComponent<{}, {
@@ -11,14 +11,9 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
11
11
  readonly isCustomized?: boolean | undefined;
12
12
  };
13
13
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
14
- type __VLS_TemplateResult = {
15
- attrs: Partial<{}>;
16
- slots: {
17
- default?(_: {
18
- open: any;
19
- isOpened: any;
20
- }): any;
21
- };
22
- refs: {};
23
- rootEl: any;
14
+ type __VLS_Slots = {
15
+ default?: ((props: {
16
+ open: any;
17
+ isOpened: any;
18
+ }) => any) | undefined;
24
19
  };
@@ -1,2 +1,2 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
2
2
  export default _default;
@@ -1,6 +1,6 @@
1
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
1
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
2
2
  export default _default;
3
- type __VLS_WithTemplateSlots<T, S> = T & (new () => {
3
+ type __VLS_WithSlots<T, S> = T & (new () => {
4
4
  $slots: S;
5
5
  });
6
6
  declare const __VLS_component: import("vue").DefineComponent<{}, {
@@ -8,14 +8,9 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
8
8
  $props: {
9
9
  readonly group?: Record<string, any> | undefined;
10
10
  };
11
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
12
- type __VLS_TemplateResult = {
13
- attrs: Partial<{}>;
14
- slots: {
15
- option?(_: {
16
- option: any;
17
- }): any;
18
- };
19
- refs: {};
20
- rootEl: HTMLDivElement;
11
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
12
+ type __VLS_Slots = {
13
+ option?: ((props: {
14
+ option: any;
15
+ }) => any) | undefined;
21
16
  };
@@ -1,6 +1,6 @@
1
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
1
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
2
2
  export default _default;
3
- type __VLS_WithTemplateSlots<T, S> = T & (new () => {
3
+ type __VLS_WithSlots<T, S> = T & (new () => {
4
4
  $slots: S;
5
5
  });
6
6
  declare const __VLS_component: import("vue").DefineComponent<{}, {
@@ -9,14 +9,8 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
9
9
  readonly options?: unknown[] | undefined;
10
10
  };
11
11
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
12
- type __VLS_TemplateResult = {
13
- attrs: Partial<{}>;
14
- slots: {
15
- option?(_: any): any;
16
- option?(_: {
17
- option: unknown;
18
- }): any;
19
- };
20
- refs: {};
21
- rootEl: any;
12
+ type __VLS_Slots = {
13
+ option?: (((props: any) => any) & ((props: {
14
+ option: unknown;
15
+ }) => any)) | undefined;
22
16
  };