ablok-components 0.1.8 → 0.1.9
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/ablok-components.es.js +4304 -4296
- package/dist/ablok-components.umd.js +25 -25
- package/dist/components/molecules/{camera-input/camera-input.vue.d.ts → base-camera/base-camera.vue.d.ts} +4 -7
- package/dist/index.d.ts +1 -1
- package/dist/style.css +1 -1
- package/dist/symbol-defs.svg +3 -0
- package/package.json +1 -1
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
export declare function dataURItoBlob(dataURI: any): Blob;
|
|
2
2
|
declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent<{
|
|
3
3
|
modelValue: {
|
|
4
|
-
type:
|
|
5
|
-
default: string;
|
|
4
|
+
type: null;
|
|
6
5
|
};
|
|
7
6
|
enableSwitchCamera: {
|
|
8
7
|
type: BooleanConstructor;
|
|
@@ -22,7 +21,7 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
|
|
|
22
21
|
};
|
|
23
22
|
guideSrc: {
|
|
24
23
|
type: StringConstructor;
|
|
25
|
-
default: string;
|
|
24
|
+
default: () => string;
|
|
26
25
|
};
|
|
27
26
|
countdown: {
|
|
28
27
|
type: NumberConstructor;
|
|
@@ -36,8 +35,7 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
|
|
|
36
35
|
onCapture: () => void;
|
|
37
36
|
}, unknown, {}, {}, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('./vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('./vue/dist/vue.esm-bundler.js').VNodeProps & import('./vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('./vue/dist/vue.esm-bundler.js').ComponentCustomProps, Readonly<import('./vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
|
|
38
37
|
modelValue: {
|
|
39
|
-
type:
|
|
40
|
-
default: string;
|
|
38
|
+
type: null;
|
|
41
39
|
};
|
|
42
40
|
enableSwitchCamera: {
|
|
43
41
|
type: BooleanConstructor;
|
|
@@ -57,7 +55,7 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
|
|
|
57
55
|
};
|
|
58
56
|
guideSrc: {
|
|
59
57
|
type: StringConstructor;
|
|
60
|
-
default: string;
|
|
58
|
+
default: () => string;
|
|
61
59
|
};
|
|
62
60
|
countdown: {
|
|
63
61
|
type: NumberConstructor;
|
|
@@ -70,7 +68,6 @@ declare const _sfc_main: import('./vue/dist/vue.esm-bundler.js').DefineComponent
|
|
|
70
68
|
}>> & {
|
|
71
69
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
72
70
|
}, {
|
|
73
|
-
modelValue: string;
|
|
74
71
|
enableSwitchCamera: boolean;
|
|
75
72
|
defaultRearCamera: boolean;
|
|
76
73
|
enableMirrorCamera: boolean;
|
package/dist/index.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ export { default as RadioGroup } from "./components/atoms/radio-group/radio-grou
|
|
|
10
10
|
export { default as InputFile } from "./components/atoms/input-file/input-file.vue";
|
|
11
11
|
export { default as InputColor } from "./components/molecules/input-color/input-color.vue";
|
|
12
12
|
export { default as InputDropdown } from "./components/molecules/input-dropdown/input-dropdown.vue";
|
|
13
|
-
export { default as
|
|
13
|
+
export { default as BaseCamera } from "./components/molecules/base-camera/base-camera.vue";
|
|
14
14
|
export { default as FileUpload } from "./components/molecules/file-upload/file-upload.vue";
|
|
15
15
|
export { default as BaseCarousel } from "./components/templates/base-carousel/base-carousel.vue";
|
|
16
16
|
export { default as MediaThumbnails } from "./components/molecules/media-thumbnails/media-thumbnails.vue";
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.svg-icon{display:inline-block}.svg-icon svg{display:block;stroke-width:0;stroke:currentColor;fill:currentColor;width:1.5em;height:1.5em}.svg-icon--xxl svg{width:12rem;height:12rem}.svg-icon--xl svg{width:8rem;height:8rem}.svg-icon--large svg{width:4rem;height:4rem}.loading-spinner{min-width:2rem}:root,*:before,*:after{--button-color: #fff}.btn{display:inline-flex;justify-content:center;align-items:center;transition:all .2s ease;text-decoration:none}.btn:disabled{cursor:not-allowed}.input{display:flex;flex-direction:column}.input>*{order:2}.input__label{order:0}.input__input-group,.input>input,.input>select,.input>textarea{flex-wrap:nowrap;order:1}.input__error{display:none}.input__color-swatch{flex:0 0 3rem;display:block;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);overflow:hidden;border:thin solid var(--border-color);border-left:none}.input input[type=checkbox],.input input[type=radio]{flex:none}.input input[type=color]{display:block;height:100%;padding:0;border-width:0}.input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.input input[type=color]::-webkit-color-swatch{border:none}.check-group>.form-check{order:1}.check-group label{order:0}.check-group--row{display:inline-flex;flex-flow:row wrap;gap:.5rem}.check-group--row label{flex:1 0 100%}.radio-group>.form-check{order:1}.radio-group label{order:0}.radio-group--row{display:inline-flex;flex-flow:row wrap;gap:.5rem}.radio-group--row label{flex:1 0 100%}.base-input{display:flex;flex-direction:column}.base-input>*{order:2}.base-input__label{order:0}.base-input__input-group,.base-input>input,.base-input>select,.base-input>textarea{flex-wrap:nowrap;order:1}.base-input__color-swatch{flex:0 0 3rem;display:block;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);overflow:hidden;border:thin solid var(--border-color);border-left:none}.base-input input[type=checkbox],.base-input input[type=radio]{flex:none}.base-input input[type=color]{display:block;height:100%;padding:0;border-width:0}.base-input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.base-input input[type=color]::-webkit-color-swatch{border:none}.form-switch{flex-direction:row;padding-left:0;gap:1rem}.form-switch .form-check-input{width:2.5rem;height:1.3125rem;margin-left:0}.camera
|
|
1
|
+
.svg-icon{display:inline-block}.svg-icon svg{display:block;stroke-width:0;stroke:currentColor;fill:currentColor;width:1.5em;height:1.5em}.svg-icon--xxl svg{width:12rem;height:12rem}.svg-icon--xl svg{width:8rem;height:8rem}.svg-icon--large svg{width:4rem;height:4rem}.loading-spinner{min-width:2rem}:root,*:before,*:after{--button-color: #fff}.btn{display:inline-flex;justify-content:center;align-items:center;transition:all .2s ease;text-decoration:none}.btn:disabled{cursor:not-allowed}.input{display:flex;flex-direction:column}.input>*{order:2}.input__label{order:0}.input__input-group,.input>input,.input>select,.input>textarea{flex-wrap:nowrap;order:1}.input__error{display:none}.input__color-swatch{flex:0 0 3rem;display:block;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);overflow:hidden;border:thin solid var(--border-color);border-left:none}.input input[type=checkbox],.input input[type=radio]{flex:none}.input input[type=color]{display:block;height:100%;padding:0;border-width:0}.input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.input input[type=color]::-webkit-color-swatch{border:none}.check-group>.form-check{order:1}.check-group label{order:0}.check-group--row{display:inline-flex;flex-flow:row wrap;gap:.5rem}.check-group--row label{flex:1 0 100%}.radio-group>.form-check{order:1}.radio-group label{order:0}.radio-group--row{display:inline-flex;flex-flow:row wrap;gap:.5rem}.radio-group--row label{flex:1 0 100%}.base-input{display:flex;flex-direction:column}.base-input>*{order:2}.base-input__label{order:0}.base-input__input-group,.base-input>input,.base-input>select,.base-input>textarea{flex-wrap:nowrap;order:1}.base-input__color-swatch{flex:0 0 3rem;display:block;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);overflow:hidden;border:thin solid var(--border-color);border-left:none}.base-input input[type=checkbox],.base-input input[type=radio]{flex:none}.base-input input[type=color]{display:block;height:100%;padding:0;border-width:0}.base-input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.base-input input[type=color]::-webkit-color-swatch{border:none}.form-switch{flex-direction:row;padding-left:0;gap:1rem}.form-switch .form-check-input{width:2.5rem;height:1.3125rem;margin-left:0}.camera,.camera__preview{position:relative;height:100%}.camera__preview canvas{position:relative;left:0;top:0}.camera__preview img,.camera__preview video{display:block;width:100%;height:100%;object-fit:cover}.camera__controls{position:absolute;bottom:0;width:100%;z-index:1;text-align:center;margin:0 0 2rem}.camera.mirror-cam img,.camera.mirror-cam video{transform:scaleX(-1)}.camera__switch-cam{position:absolute;z-index:1;right:0;top:0;margin:1rem}.camera__switch-cam .btn{display:block;background-color:#ffffff3d;border-radius:.3125rem}.camera__switch-cam .svg-icon{display:block;font-size:1.6667rem}.camera__bg-notification{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.camera__bg-notification+video{position:relative;z-index:1}.camera .camera__guide{position:absolute;left:0;top:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none;object-fit:contain}.camera__countdown-overlay{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(4px);overflow:hidden}.camera__countdown-overlay .countdown{position:relative;font-size:6rem;color:#fffc;font-weight:700}.camera__countdown-overlay .countdown:before,.camera__countdown-overlay .countdown:after{position:absolute;left:0;top:0;z-index:1;content:attr(data-countdown);transform-origin:center;animation-name:pulse;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-out}.camera__countdown-overlay .countdown:after{animation-duration:.1 .25s;animation-delay:.25s}@keyframes blur{0%{backdrop-filter:blur(4px)}to{backdrop-filter:blur(0)}}@keyframes pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(5);opacity:0}}.file-upload{display:inline-block}.file-upload__thumbnail{position:relative}.file-upload__thumbnail .btn{position:absolute;right:0;top:0}:root,*:before,*:after{--carousel-gutter-width: .75rem}.carousel__viewport{position:relative;overflow-x:auto;margin-right:calc(0px - var(--carousel-gutter-width) / 2);margin-left:calc(0px - var(--carousel-gutter-width) / 2)}.carousel__item{padding:0 calc(var(--carousel-gutter-width) / 2)}.media-thumbnails{position:relative;padding:.5rem;border-radius:.3125rem;background-color:#aaaaaa80}.media-thumbnails .swiper-button{position:absolute;top:50%;transform:translateY(calc(-50% + .3125rem));cursor:pointer}.media-thumbnails .swiper-button:after{font-size:1rem;font-weight:700}.media-thumbnails .swiper-button-next,.media-thumbnails .swiper-button-prev{min-width:2rem;color:#ffffffe6}@media (min-width: 600px){.media-thumbnails .swiper-button-next,.media-thumbnails .swiper-button-prev{min-width:2rem}}.media-thumbnails .swiper-button-next:hover,.media-thumbnails .swiper-button-prev:hover{color:#fff}.media-thumbnails .swiper-button-next:before,.media-thumbnails .swiper-button-next:after,.media-thumbnails .swiper-button-prev:before,.media-thumbnails .swiper-button-prev:after{content:none}.media-thumbnails .swiper-button-next .base-icon,.media-thumbnails .swiper-button-prev .base-icon{font-size:1.8rem}.media-thumbnails .carousel-cell{padding:0 .5rem}:root,*:before,*:after{--border-color: #ced4da;--border-radius: .25rem}.base-button{display:flex;justify-content:center;align-items:center;box-sizing:border-box;transition:all .2s ease;text-decoration:none;width:100%;margin:0;padding:1.036em 1.625em;appearance:none;outline:none;border:none;border-radius:.4375em;font-size:.875em;line-height:1.125em;text-transform:uppercase;font-weight:700}@media screen and (min-width: 600px){.base-button{width:auto}}.base-button .icon{width:16px;height:16px;margin-top:-1px}.base-button.s-collapsed>.caption{display:none}.base-button.s-pending{background-repeat:no-repeat;background-position:center center}.base-button.s-pending .caption{margin-left:25px;visibility:hidden}@media screen and (min-width: 600px){.base-button.s-pending{background-position:1.625em center}.base-button.s-pending .caption{visibility:visible}}.base-button:read-only{cursor:not-allowed}.base-button:disabled{cursor:not-allowed}
|
package/dist/symbol-defs.svg
CHANGED
|
@@ -126,6 +126,9 @@
|
|
|
126
126
|
<symbol id="icon-camera" viewBox="0 0 32 32">
|
|
127
127
|
<path d="M11.592 2.743c-0.123 0.039-0.297 0.123-0.389 0.188-0.097 0.071-0.66 0.86-1.372 1.924l-1.205 1.805-5.345 0.037-0.428 0.133c-1.289 0.401-2.293 1.411-2.7 2.716l-0.125 0.4v16.107l0.125 0.4c0.411 1.316 1.412 2.317 2.728 2.728l0.4 0.125h25.44l0.4-0.125c1.316-0.411 2.317-1.412 2.728-2.728l0.125-0.4v-16.107l-0.125-0.4c-0.407-1.305-1.411-2.315-2.7-2.716l-0.428-0.133-5.345-0.037-1.205-1.805c-0.707-1.057-1.275-1.853-1.372-1.923-0.373-0.267-0.364-0.265-4.819-0.261-3.263 0.003-4.213 0.019-4.387 0.072zM20.511 7.159c1.096 1.637 1.249 1.843 1.485 1.987l0.263 0.161 3.044 0.027c3.412 0.029 3.248 0.011 3.653 0.428 0.401 0.415 0.377-0.121 0.377 8.24 0 6.18-0.013 7.517-0.073 7.719-0.097 0.324-0.317 0.6-0.615 0.776l-0.245 0.144h-24.8l-0.245-0.144c-0.135-0.079-0.309-0.229-0.388-0.332-0.317-0.416-0.3 0.043-0.3-8.135 0-8.453-0.029-7.859 0.404-8.292 0.408-0.408 0.377-0.404 3.625-0.404 3.035 0 3.067-0.003 3.443-0.271 0.088-0.063 0.696-0.919 1.365-1.921l1.208-1.808h6.575l1.224 1.825zM15.2 10.725c-2.185 0.247-4.185 1.661-5.165 3.655-0.491 0.997-0.675 1.801-0.675 2.953 0 0.893 0.077 1.392 0.331 2.133 0.771 2.255 2.647 3.9 5.029 4.409 0.628 0.135 1.932 0.135 2.56 0 2.037-0.436 3.717-1.703 4.631-3.492 0.54-1.059 0.729-1.852 0.729-3.051s-0.189-1.992-0.729-3.049c-0.852-1.669-2.439-2.937-4.257-3.401-0.761-0.195-1.628-0.251-2.453-0.157zM17.148 13.505c1.257 0.368 2.297 1.405 2.685 2.68 0.111 0.364 0.131 0.537 0.131 1.148s-0.020 0.784-0.131 1.148c-0.391 1.281-1.408 2.293-2.713 2.7-0.579 0.18-1.661 0.18-2.24 0-1.305-0.407-2.323-1.419-2.713-2.7-0.111-0.364-0.131-0.537-0.131-1.148s0.020-0.784 0.131-1.148c0.441-1.447 1.661-2.525 3.165-2.799 0.444-0.080 1.335-0.023 1.816 0.119z"></path>
|
|
128
128
|
</symbol>
|
|
129
|
+
<symbol id="icon-switch-cam" viewBox="0 0 40 32"><path d="M35.863 31.71H3.96a4.04 4.04 0 01-2.769-1.127c-.74-.74-1.127-1.706-1.127-2.769V9.754c0-1.03.418-2.028 1.127-2.769.74-.74 1.706-1.127 2.769-1.127h6.503c.644 0 1.191-.386 1.449-.966l1.545-3.573c.354-.805 1.159-1.352 2.028-1.352h8.853c.901 0 1.674.515 2.028 1.352l1.545 3.573c.258.579.805.966 1.449.966h6.503c1.03 0 2.028.418 2.769 1.159s1.127 1.706 1.127 2.769v18.06c0 1.03-.419 2.028-1.127 2.769s-1.706 1.095-2.769 1.095zM3.96 6.503A3.243 3.243 0 00.708 9.754v18.06c0 .869.354 1.674.966 2.286s1.417.966 2.286.966h31.903c.869 0 1.674-.354 2.286-.966s.966-1.416.966-2.286V9.754c0-.869-.322-1.674-.966-2.286a3.216 3.216 0 00-2.286-.966H29.36a2.168 2.168 0 01-2.028-1.352l-1.545-3.573c-.258-.579-.805-.966-1.449-.966h-8.853c-.644 0-1.191.386-1.449.966L12.491 5.15c-.354.805-1.159 1.352-2.028 1.352H3.96z"/><path d="M27.654 15.227c-1.03-2.479-3.219-4.314-5.795-4.958-4.539-1.127-9.175 1.642-10.334 6.149l-1.159-1.61c-.161-.225-.451-.258-.676-.097s-.258.451-.097.676l1.835 2.543c.064.097.193.161.322.193h.064a.516.516 0 00.29-.097l2.543-1.867c.225-.161.258-.451.097-.676s-.451-.258-.676-.097l-1.577 1.159c1.095-3.928 5.119-6.342 9.111-5.344a7.617 7.617 0 015.151 4.41c.097.258.386.354.644.258s.354-.386.258-.644zM30.004 21.698l-1.835-2.543c-.064-.097-.193-.161-.322-.193s-.258 0-.354.097l-2.575 1.867c-.225.161-.258.451-.097.676s.451.258.676.097l1.577-1.159c-1.095 3.928-5.119 6.342-9.111 5.344a7.617 7.617 0 01-5.151-4.41c-.097-.258-.386-.354-.644-.258s-.354.386-.258.644c1.03 2.479 3.219 4.314 5.827 4.958a9.023 9.023 0 002.06.258c3.799 0 7.276-2.575 8.274-6.406l1.159 1.61a.503.503 0 00.386.193.516.516 0 00.29-.097c.193-.161.225-.451.097-.676z"/></symbol>
|
|
130
|
+
<symbol id="icon-switch-camera" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 19H4a2 2 0 01-2-2V7a2 2 0 012-2h5M13 5h7a2 2 0 012 2v10a2 2 0 01-2 2h-5"/><circle cx="12" cy="12" r="3"/><path d="M18 22l-3-3 3-3M6 2l3 3-3 3"/></symbol>
|
|
131
|
+
|
|
129
132
|
<symbol id="icon-check-square" viewBox="0 0 32 32">
|
|
130
133
|
<path d="M5.999 2.724c0.147-0.024 3.715-0.048 7.927-0.051 8.219-0.007 7.927-0.016 8.312 0.259 0.293 0.208 0.4 0.491 0.401 1.068 0.001 0.443-0.016 0.536-0.132 0.744-0.147 0.263-0.392 0.453-0.687 0.535-0.125 0.035-2.851 0.055-7.744 0.055-8.505 0-7.905-0.029-8.339 0.404-0.437 0.437-0.404-0.396-0.404 10.292 0 10.364-0.019 9.716 0.3 10.135 0.079 0.103 0.253 0.253 0.388 0.332l0.245 0.144h19.467l0.245-0.144c0.135-0.079 0.312-0.232 0.393-0.339 0.301-0.396 0.295-0.264 0.295-5.565 0-3.108 0.020-4.956 0.055-5.079 0.133-0.481 0.531-0.779 1.111-0.832 0.607-0.055 1.133 0.172 1.353 0.585l0.121 0.227v10.56l-0.125 0.4c-0.411 1.316-1.412 2.317-2.728 2.728l-0.4 0.125h-20.107l-0.4-0.125c-1.316-0.411-2.317-1.412-2.728-2.728l-0.125-0.4v-20.107l0.125-0.4c0.463-1.483 1.692-2.573 3.18-2.823zM28.827 4.061c0.464-0.239 0.988-0.116 1.441 0.337 0.461 0.461 0.58 0.948 0.347 1.419-0.168 0.336-13.795 13.963-14.131 14.131-0.308 0.153-0.66 0.153-0.968 0-0.329-0.165-4.632-4.468-4.797-4.797-0.235-0.471-0.116-0.957 0.347-1.419 0.453-0.455 0.961-0.575 1.431-0.339 0.14 0.071 0.839 0.724 1.865 1.745l1.64 1.632 6.307-6.3c3.965-3.961 6.384-6.341 6.519-6.409z"></path>
|
|
131
134
|
</symbol>
|