ablok-components 0.3.128 → 0.3.131

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 (28) hide show
  1. package/dist/ablok-components.css +1 -1
  2. package/dist/ablok-components.umd.js +2 -2
  3. package/dist/components/atoms/canvas-confetti/canvas-confetti.vue.d.ts +1 -1
  4. package/dist/components/molecules/base-camera/base-camera.js +5 -4
  5. package/dist/components/molecules/base-camera/base-camera.vue.d.ts +204 -66
  6. package/dist/components/molecules/base-camera/base-camera.vue_vue_type_script_setup_true_lang.js +410 -0
  7. package/dist/components/molecules/base-map/base-map.vue.d.ts +2 -2
  8. package/dist/components/molecules/camera-preview/camera-preview.js +7 -0
  9. package/dist/components/molecules/camera-preview/camera-preview.vue.d.ts +32 -0
  10. package/dist/components/molecules/camera-preview/camera-preview.vue_vue_type_script_setup_true_lang.js +67 -0
  11. package/dist/components/molecules/popover-tooltip/popover-tooltip.vue.d.ts +1 -1
  12. package/dist/composables/useCamera.d.ts +37 -0
  13. package/dist/composables/useCamera.js +44 -0
  14. package/dist/index.js +34 -34
  15. package/dist/symbol-defs.svg +6 -0
  16. package/dist/utilities/camera/CameraManager.d.ts +91 -0
  17. package/dist/utilities/camera/CameraManager.js +345 -0
  18. package/dist/utilities/camera/capture.d.ts +35 -0
  19. package/dist/utilities/camera/capture.js +82 -0
  20. package/dist/utilities/camera/constraints.d.ts +29 -0
  21. package/dist/utilities/camera/constraints.js +96 -0
  22. package/dist/utilities/camera/platform.d.ts +11 -0
  23. package/dist/utilities/camera/platform.js +20 -0
  24. package/dist/utilities/camera/types.d.ts +48 -0
  25. package/dist/utilities/camera/types.js +9 -0
  26. package/dist/utilities/helpers.js +10 -15
  27. package/package.json +1 -1
  28. package/dist/components/molecules/base-camera/base-camera.vue_vue_type_script_async_true_setup_true_lang.js +0 -537
@@ -69,7 +69,7 @@ declare const __VLS_export: import('../../../../vue/dist/vue.esm-bundler.js').De
69
69
  };
70
70
  }>> & Readonly<{}>, {
71
71
  colors: string[];
72
+ loop: boolean;
72
73
  items: {}[];
73
74
  preset: string;
74
- loop: boolean;
75
75
  }, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, any>;
@@ -1,6 +1,7 @@
1
- import e from "./base-camera.vue_vue_type_script_async_true_setup_true_lang.js";
2
- /* empty css */
1
+ import e from "../../../_virtual/_plugin-vue_export-helper.js";
2
+ import t from "./base-camera.vue_vue_type_script_setup_true_lang.js";
3
+ /* empty css */
3
4
  //#region src/components/molecules/base-camera/base-camera.vue
4
- var t = e;
5
+ var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-8723d2bb"]]);
5
6
  //#endregion
6
- export { t as default };
7
+ export { n as default };
@@ -1,40 +1,81 @@
1
- import { Ref } from '../../../../vue/dist/vue.esm-bundler.js';
2
- declare const _default: typeof __VLS_export;
3
- export default _default;
1
+ import { PropType } from '../../../../vue/dist/vue.esm-bundler.js';
2
+ import { CameraError, Filter, Resolution } from '../../../utilities/camera/types';
3
+ declare function onCapture(): Promise<Blob | string | null>;
4
4
  declare const __VLS_export: import('../../../../vue/dist/vue.esm-bundler.js').DefineComponent<import('../../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
5
5
  modelValue: {
6
- type: null;
6
+ type: PropType<Blob | string | null>;
7
7
  };
8
- enableSwitchCamera: {
8
+ enableSelectDevice: {
9
9
  type: BooleanConstructor;
10
10
  default: boolean;
11
11
  };
12
- defaultRearCamera: {
12
+ enableSwitchCamera: {
13
13
  type: BooleanConstructor;
14
14
  default: boolean;
15
15
  };
16
- enableMirrorCamera: {
16
+ defaultRearCamera: {
17
17
  type: BooleanConstructor;
18
18
  default: boolean;
19
19
  };
20
- enableGuide: {
20
+ enableMirrorCamera: {
21
21
  type: BooleanConstructor;
22
22
  default: boolean;
23
23
  };
24
- guideSrc: {
24
+ ratio: {
25
25
  type: StringConstructor;
26
- default: () => string;
26
+ default: string;
27
27
  };
28
- countdown: {
28
+ resolutions: {
29
+ type: PropType<Record<string, Resolution>>;
30
+ default: () => {
31
+ '1x1': {
32
+ width: number;
33
+ height: number;
34
+ };
35
+ '2x3': {
36
+ width: number;
37
+ height: number;
38
+ };
39
+ '3x2': {
40
+ width: number;
41
+ height: number;
42
+ };
43
+ '3x4': {
44
+ width: number;
45
+ height: number;
46
+ };
47
+ '4x3': {
48
+ width: number;
49
+ height: number;
50
+ };
51
+ '4x5': {
52
+ width: number;
53
+ height: number;
54
+ };
55
+ '5x4': {
56
+ width: number;
57
+ height: number;
58
+ };
59
+ '16x9': {
60
+ width: number;
61
+ height: number;
62
+ };
63
+ '9x16': {
64
+ width: number;
65
+ height: number;
66
+ };
67
+ };
68
+ };
69
+ zoom: {
29
70
  type: NumberConstructor;
30
71
  default: number;
31
72
  };
32
- ratio: {
33
- type: StringConstructor;
34
- default: string;
73
+ enableZoomSlider: {
74
+ type: BooleanConstructor;
75
+ default: boolean;
35
76
  };
36
77
  filter: {
37
- type: StringConstructor;
78
+ type: PropType<Filter>;
38
79
  default: string;
39
80
  validator: (value: string) => boolean;
40
81
  };
@@ -46,75 +87,155 @@ declare const __VLS_export: import('../../../../vue/dist/vue.esm-bundler.js').De
46
87
  type: NumberConstructor;
47
88
  default: number;
48
89
  };
49
- enableAudio: {
90
+ countdown: {
91
+ type: NumberConstructor;
92
+ default: number;
93
+ };
94
+ emitBlob: {
50
95
  type: BooleanConstructor;
51
96
  default: boolean;
52
97
  };
53
- enableSelectDevice: {
98
+ autoStart: {
54
99
  type: BooleanConstructor;
55
100
  default: boolean;
56
101
  };
57
- enableCropImage: {
102
+ enableGuide: {
58
103
  type: BooleanConstructor;
59
104
  default: boolean;
60
105
  };
61
- resolutions: {
62
- type: ObjectConstructor;
63
- default: () => any;
106
+ guideSrc: {
107
+ type: StringConstructor;
108
+ default: string;
64
109
  };
65
- zoom: {
66
- type: NumberConstructor;
67
- default: number;
110
+ enableControls: {
111
+ type: BooleanConstructor;
112
+ default: boolean;
68
113
  };
69
- enableZoomSlider: {
114
+ enableScreenFlash: {
70
115
  type: BooleanConstructor;
71
116
  default: boolean;
72
117
  };
73
- correctOrientation: {
118
+ screenFlashColor: {
119
+ type: StringConstructor;
120
+ default: string;
121
+ };
122
+ enableShutterAnimation: {
74
123
  type: BooleanConstructor;
75
124
  default: boolean;
76
125
  };
77
126
  }>, {
78
- onCapture: () => void;
79
- enableMotion: () => Promise<void>;
80
- camera: any;
81
- zoom: Ref<number, number>;
127
+ onCapture: typeof onCapture;
128
+ camera: {
129
+ manager: import('../../../utilities/camera/CameraManager').CameraManager;
130
+ state: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<import('../../../utilities/camera/types').CameraState>;
131
+ intent: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<import('../../../utilities/camera/types').CameraIntent>;
132
+ stream: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<MediaStream | null>;
133
+ devices: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<import('../../../utilities/camera/types').CameraDevice[]>;
134
+ activeDeviceId: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<string | null>;
135
+ activeFacing: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<import('../../../utilities/camera/types').Facing | null>;
136
+ error: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<CameraError | null>;
137
+ permission: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<import('../../../utilities/camera/types').CameraPermission>;
138
+ zoom: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<number>;
139
+ zoomCapability: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<import('../../../utilities/camera/types').ZoomCapability | null>;
140
+ isLive: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<boolean>;
141
+ isPaused: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<boolean>;
142
+ isStarting: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<boolean>;
143
+ canSwitch: import('../../../../vue/dist/vue.esm-bundler.js').ComputedRef<boolean>;
144
+ isSupported: boolean;
145
+ start: (opts?: import('../../../utilities/camera/types').StartOptions) => Promise<boolean>;
146
+ stop: () => void;
147
+ pause: () => void;
148
+ resume: () => Promise<boolean>;
149
+ toggle: () => Promise<boolean>;
150
+ switchCamera: () => Promise<boolean>;
151
+ selectDevice: (deviceId: string) => Promise<boolean>;
152
+ setResolution: (r: Resolution) => Promise<boolean>;
153
+ setZoom: (z: number) => Promise<boolean>;
154
+ refreshDevices: () => Promise<void>;
155
+ bindVideo: (el: HTMLVideoElement | null) => void;
156
+ };
157
+ zoom: import('../../../../vue/dist/vue.esm-bundler.js').Ref<number, number>;
82
158
  }, {}, {}, {}, import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
83
- "update:modelValue": (...args: any[]) => void;
159
+ error: (error: CameraError) => any;
160
+ "update:modelValue": (value: string | Blob) => any;
161
+ "update:zoom": (value: number) => any;
162
+ capture: (value: string | Blob, canvas: HTMLCanvasElement) => any;
163
+ state: (state: string) => any;
84
164
  }, string, import('../../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<import('../../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
85
165
  modelValue: {
86
- type: null;
166
+ type: PropType<Blob | string | null>;
87
167
  };
88
- enableSwitchCamera: {
168
+ enableSelectDevice: {
89
169
  type: BooleanConstructor;
90
170
  default: boolean;
91
171
  };
92
- defaultRearCamera: {
172
+ enableSwitchCamera: {
93
173
  type: BooleanConstructor;
94
174
  default: boolean;
95
175
  };
96
- enableMirrorCamera: {
176
+ defaultRearCamera: {
97
177
  type: BooleanConstructor;
98
178
  default: boolean;
99
179
  };
100
- enableGuide: {
180
+ enableMirrorCamera: {
101
181
  type: BooleanConstructor;
102
182
  default: boolean;
103
183
  };
104
- guideSrc: {
184
+ ratio: {
105
185
  type: StringConstructor;
106
- default: () => string;
186
+ default: string;
107
187
  };
108
- countdown: {
188
+ resolutions: {
189
+ type: PropType<Record<string, Resolution>>;
190
+ default: () => {
191
+ '1x1': {
192
+ width: number;
193
+ height: number;
194
+ };
195
+ '2x3': {
196
+ width: number;
197
+ height: number;
198
+ };
199
+ '3x2': {
200
+ width: number;
201
+ height: number;
202
+ };
203
+ '3x4': {
204
+ width: number;
205
+ height: number;
206
+ };
207
+ '4x3': {
208
+ width: number;
209
+ height: number;
210
+ };
211
+ '4x5': {
212
+ width: number;
213
+ height: number;
214
+ };
215
+ '5x4': {
216
+ width: number;
217
+ height: number;
218
+ };
219
+ '16x9': {
220
+ width: number;
221
+ height: number;
222
+ };
223
+ '9x16': {
224
+ width: number;
225
+ height: number;
226
+ };
227
+ };
228
+ };
229
+ zoom: {
109
230
  type: NumberConstructor;
110
231
  default: number;
111
232
  };
112
- ratio: {
113
- type: StringConstructor;
114
- default: string;
233
+ enableZoomSlider: {
234
+ type: BooleanConstructor;
235
+ default: boolean;
115
236
  };
116
237
  filter: {
117
- type: StringConstructor;
238
+ type: PropType<Filter>;
118
239
  default: string;
119
240
  validator: (value: string) => boolean;
120
241
  };
@@ -126,52 +247,69 @@ declare const __VLS_export: import('../../../../vue/dist/vue.esm-bundler.js').De
126
247
  type: NumberConstructor;
127
248
  default: number;
128
249
  };
129
- enableAudio: {
250
+ countdown: {
251
+ type: NumberConstructor;
252
+ default: number;
253
+ };
254
+ emitBlob: {
130
255
  type: BooleanConstructor;
131
256
  default: boolean;
132
257
  };
133
- enableSelectDevice: {
258
+ autoStart: {
134
259
  type: BooleanConstructor;
135
260
  default: boolean;
136
261
  };
137
- enableCropImage: {
262
+ enableGuide: {
138
263
  type: BooleanConstructor;
139
264
  default: boolean;
140
265
  };
141
- resolutions: {
142
- type: ObjectConstructor;
143
- default: () => any;
266
+ guideSrc: {
267
+ type: StringConstructor;
268
+ default: string;
144
269
  };
145
- zoom: {
146
- type: NumberConstructor;
147
- default: number;
270
+ enableControls: {
271
+ type: BooleanConstructor;
272
+ default: boolean;
148
273
  };
149
- enableZoomSlider: {
274
+ enableScreenFlash: {
150
275
  type: BooleanConstructor;
151
276
  default: boolean;
152
277
  };
153
- correctOrientation: {
278
+ screenFlashColor: {
279
+ type: StringConstructor;
280
+ default: string;
281
+ };
282
+ enableShutterAnimation: {
154
283
  type: BooleanConstructor;
155
284
  default: boolean;
156
285
  };
157
286
  }>> & Readonly<{
158
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
287
+ onError?: ((error: CameraError) => any) | undefined;
288
+ "onUpdate:modelValue"?: ((value: string | Blob) => any) | undefined;
289
+ "onUpdate:zoom"?: ((value: number) => any) | undefined;
290
+ onCapture?: ((value: string | Blob, canvas: HTMLCanvasElement) => any) | undefined;
291
+ onState?: ((state: string) => any) | undefined;
159
292
  }>, {
160
- filter: string;
293
+ filter: Filter;
161
294
  zoom: number;
162
- enableSwitchCamera: boolean;
163
- defaultRearCamera: boolean;
164
- enableMirrorCamera: boolean;
165
- enableGuide: boolean;
166
- guideSrc: string;
167
- countdown: number;
168
295
  ratio: string;
296
+ resolutions: Record<string, Resolution>;
169
297
  tintColor: string;
170
298
  tintIntensity: number;
171
- enableAudio: boolean;
172
299
  enableSelectDevice: boolean;
173
- enableCropImage: boolean;
174
- resolutions: Record<string, any>;
300
+ enableSwitchCamera: boolean;
301
+ defaultRearCamera: boolean;
302
+ enableMirrorCamera: boolean;
175
303
  enableZoomSlider: boolean;
176
- correctOrientation: boolean;
304
+ countdown: number;
305
+ emitBlob: boolean;
306
+ autoStart: boolean;
307
+ enableGuide: boolean;
308
+ guideSrc: string;
309
+ enableControls: boolean;
310
+ enableScreenFlash: boolean;
311
+ screenFlashColor: string;
312
+ enableShutterAnimation: boolean;
177
313
  }, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, true, {}, any>;
314
+ declare const _default: typeof __VLS_export;
315
+ export default _default;