ablok-components 0.0.31 → 0.0.34

package/dist/components/media-upload.vue.d.ts

@@ -0,0 +1,439 @@
+export declare function fileToDataUrl(file: File): Promise<any>;
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            label: string;
+            pattern: string;
+            required: boolean;
+            modelValue: [{
+                type?: string | undefined;
+                src: string;
+            }][];
+            variant: string;
+            name: string;
+            id: string;
+            disabled: boolean;
+            readOnly: boolean;
+            placeholder: string;
+            multiple: boolean;
+            accept: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: {
+                    (arrayLength: number): [{
+                        type?: string | undefined;
+                        src: string;
+                    }][];
+                    (...items: [{
+                        type?: string | undefined;
+                        src: string;
+                    }][]): [{
+                        type?: string | undefined;
+                        src: string;
+                    }][];
+                    new (arrayLength: number): [{
+                        type?: string | undefined;
+                        src: string;
+                    }][];
+                    new (...items: [{
+                        type?: string | undefined;
+                        src: string;
+                    }][]): [{
+                        type?: string | undefined;
+                        src: string;
+                    }][];
+                    isArray(arg: any): arg is any[];
+                    readonly prototype: any[];
+                    from<T>(arrayLike: ArrayLike<T>): T[];
+                    from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+                    from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+                    from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+                    of<T_4>(...items: T_4[]): T_4[];
+                    readonly [Symbol.species]: ArrayConstructor;
+                };
+                default: never[];
+            };
+            src: {
+                type: StringConstructor;
+            };
+            name: {
+                type: StringConstructor;
+                default: () => string;
+            };
+            id: {
+                type: StringConstructor;
+                default: () => string;
+            };
+            label: {
+                type: StringConstructor;
+                default: string;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            readOnly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            pattern: {
+                type: StringConstructor;
+                default: null;
+            };
+            multiple: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            accept: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:src"?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "pattern" | "required" | "modelValue" | "variant" | "name" | "id" | "disabled" | "readOnly" | "placeholder" | "multiple" | "accept">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: (event: "update:modelValue" | "update:src", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: {
+                    (arrayLength: number): [{
+                        type?: string | undefined;
+                        src: string;
+                    }][];
+                    (...items: [{
+                        type?: string | undefined;
+                        src: string;
+                    }][]): [{
+                        type?: string | undefined;
+                        src: string;
+                    }][];
+                    new (arrayLength: number): [{
+                        type?: string | undefined;
+                        src: string;
+                    }][];
+                    new (...items: [{
+                        type?: string | undefined;
+                        src: string;
+                    }][]): [{
+                        type?: string | undefined;
+                        src: string;
+                    }][];
+                    isArray(arg: any): arg is any[];
+                    readonly prototype: any[];
+                    from<T>(arrayLike: ArrayLike<T>): T[];
+                    from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+                    from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+                    from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+                    of<T_4>(...items: T_4[]): T_4[];
+                    readonly [Symbol.species]: ArrayConstructor;
+                };
+                default: never[];
+            };
+            src: {
+                type: StringConstructor;
+            };
+            name: {
+                type: StringConstructor;
+                default: () => string;
+            };
+            id: {
+                type: StringConstructor;
+                default: () => string;
+            };
+            label: {
+                type: StringConstructor;
+                default: string;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            readOnly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            pattern: {
+                type: StringConstructor;
+                default: null;
+            };
+            multiple: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            accept: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:src"?: ((...args: any[]) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:src")[], string, {
+            label: string;
+            pattern: string;
+            required: boolean;
+            modelValue: [{
+                type?: string | undefined;
+                src: string;
+            }][];
+            variant: string;
+            name: string;
+            id: string;
+            disabled: boolean;
+            readOnly: boolean;
+            placeholder: string;
+            multiple: boolean;
+            accept: string;
+        }> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: {
+                (arrayLength: number): [{
+                    type?: string | undefined;
+                    src: string;
+                }][];
+                (...items: [{
+                    type?: string | undefined;
+                    src: string;
+                }][]): [{
+                    type?: string | undefined;
+                    src: string;
+                }][];
+                new (arrayLength: number): [{
+                    type?: string | undefined;
+                    src: string;
+                }][];
+                new (...items: [{
+                    type?: string | undefined;
+                    src: string;
+                }][]): [{
+                    type?: string | undefined;
+                    src: string;
+                }][];
+                isArray(arg: any): arg is any[];
+                readonly prototype: any[];
+                from<T>(arrayLike: ArrayLike<T>): T[];
+                from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+                from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+                from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+                of<T_4>(...items: T_4[]): T_4[];
+                readonly [Symbol.species]: ArrayConstructor;
+            };
+            default: never[];
+        };
+        src: {
+            type: StringConstructor;
+        };
+        name: {
+            type: StringConstructor;
+            default: () => string;
+        };
+        id: {
+            type: StringConstructor;
+            default: () => string;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readOnly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        required: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        pattern: {
+            type: StringConstructor;
+            default: null;
+        };
+        multiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        accept: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:src"?: ((...args: any[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: {
+            (arrayLength: number): [{
+                type?: string | undefined;
+                src: string;
+            }][];
+            (...items: [{
+                type?: string | undefined;
+                src: string;
+            }][]): [{
+                type?: string | undefined;
+                src: string;
+            }][];
+            new (arrayLength: number): [{
+                type?: string | undefined;
+                src: string;
+            }][];
+            new (...items: [{
+                type?: string | undefined;
+                src: string;
+            }][]): [{
+                type?: string | undefined;
+                src: string;
+            }][];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: never[];
+    };
+    src: {
+        type: StringConstructor;
+    };
+    name: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    id: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pattern: {
+        type: StringConstructor;
+        default: null;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    accept: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:src"?: ((...args: any[]) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:src")[], "update:modelValue" | "update:src", {
+    label: string;
+    pattern: string;
+    required: boolean;
+    modelValue: [{
+        type?: string | undefined;
+        src: string;
+    }][];
+    variant: string;
+    name: string;
+    id: string;
+    disabled: boolean;
+    readOnly: boolean;
+    placeholder: string;
+    multiple: boolean;
+    accept: string;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {};
+});
+export default _default;

package/dist/index.d.ts

@@ -6,3 +6,4 @@ export { default as CheckGroup } from "./components/check-group.vue";
 export { default as RadioGroup } from "./components/radio-group.vue";
 export { default as InputDropdown } from "./components/input-dropdown.vue";
 export { default as FileInput } from "./components/file-input.vue";
+export { default as MediaUpload } from "./components/media-upload.vue";

package/dist/style.css

@@ -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}.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[readonly],.base-button[disabled]{cursor:not-allowed}.form-input{display:flex;flex-flow:column}.form-input>*{order:2}.form-input__label{order:0}.form-input__input-group{flex-wrap:nowrap;order:1}.form-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}.form-input input[type=color]{display:block;height:100%;padding:0;border-width:0}.form-input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.form-input input[type=color]::-webkit-color-swatch{border:none}:root,*:before,*:after{--border-color: #ced4da;--border-radius: .25rem}.file-input{display:flex;flex-flow:column}.file-input>*{order:2}.file-input__label{order:0}.file-input__input-group{flex-wrap:nowrap;order:1}.file-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}.file-input input[type=color]{display:block;height:100%;padding:0;border-width:0}.file-input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.file-input input[type=color]::-webkit-color-swatch{border:none}
+.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}.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[readonly],.base-button[disabled]{cursor:not-allowed}.form-input{display:flex;flex-flow:column}.form-input>*{order:2}.form-input__label{order:0}.form-input__input-group{flex-wrap:nowrap;order:1}.form-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}.form-input input[type=color]{display:block;height:100%;padding:0;border-width:0}.form-input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.form-input input[type=color]::-webkit-color-swatch{border:none}:root,*:before,*:after{--border-color: #ced4da;--border-radius: .25rem}.media-upload__thumbnail{position:relative}.media-upload__thumbnail .btn{position:absolute;right:0;top:0}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ablok-components",
   "private": false,
-  "version": "0.0.31",
+  "version": "0.0.34",
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc --noEmit && vite build",