maz-ui 2.3.12 → 3.0.0-beta.13

package/types/components_tmp/MazMap/map-module/script-loader.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="google.maps" />
+export interface ScriptOptions {
+    [key: string]: string | string[] | undefined;
+    language?: string;
+    region?: string;
+    libraries?: string[];
+}
+export declare class ScriptLoader {
+    private readonly apiKey;
+    private readonly options?;
+    private readonly scriptOptions;
+    private resolveScript;
+    api: typeof google;
+    constructor(apiKey: string, options?: ScriptOptions | undefined);
+    private getUrl;
+    init(): Promise<typeof google>;
+}

package/types/components_tmp/MazPromiseDialog/use-maz-promise-dialog.d.ts

@@ -0,0 +1,28 @@
+export interface ModalState {
+    id: string;
+    isActive: boolean;
+    resolve: (value: any) => void;
+    reject?: (reason?: any) => void;
+}
+export interface ModalData {
+    title: string;
+    message: string;
+}
+export declare const useMazPromiseDialog: () => {
+    confirmDialogData: import("vue").Ref<ModalData | undefined>;
+    modalState: import("vue").Ref<{
+        id: string;
+        isActive: boolean;
+        resolve: (value: any) => void;
+        reject?: ((reason?: any) => void) | undefined;
+    }[]>;
+    showModalAndWaitChoice: (identifier: string, callback?: (() => any) | undefined) => Promise<unknown>;
+    removeModalFromState: (identifier: string) => {
+        id: string;
+        isActive: boolean;
+        resolve: (value: any) => void;
+        reject?: ((reason?: any) => void) | undefined;
+    }[];
+    rejectModal: (currentModal: ModalState) => void;
+    resolveModal: (currentModal: ModalState) => void;
+};

package/types/components_tmp/MazSlider/utils.d.ts

@@ -0,0 +1,15 @@
+interface IPosObject {
+    x: number;
+    y: number;
+}
+export declare const getOffset: (elem: HTMLDivElement) => IPosObject;
+/**
+ * Get the position of the mouse/finger in the element
+ * @param e Trigger event
+ * @param elem Container element
+ * @param isReverse From the right/bottom
+ */
+export declare const getPos: (e: MouseEvent | TouchEvent, elem: HTMLDivElement, isReverse?: boolean) => IPosObject;
+export declare const isBetween: (value: number, prev: number, next: number, direction: string) => boolean;
+export declare const getOpacityCoeff: (index: number, middle: number, length: number) => number;
+export {};

package/types/components_tmp/MazTabs/maz-tabs.composable.d.ts

@@ -0,0 +1,3 @@
+export declare const useMazTabs: () => {
+    currentTab: import("vue").Ref<number | undefined>;
+};

package/types/components_tmp/toaster/index.d.ts

@@ -0,0 +1,3 @@
+import { Plugin } from 'vue';
+declare const plugin: Plugin;
+export default plugin;

package/types/components_tmp/toaster/positions.d.ts

@@ -0,0 +1,8 @@
+export declare enum Positions {
+    TOP_RIGHT = "top-right",
+    TOP = "top",
+    TOP_LEFT = "top-left",
+    BOTTOM_RIGHT = "bottom-right",
+    BOTTOM = "bottom",
+    BOTTOM_LEFT = "bottom-left"
+}

package/types/components_tmp/toaster/timer.d.ts

@@ -0,0 +1,11 @@
+export declare class Timer {
+    callback: Function;
+    delay: number;
+    timer: number;
+    startedAt: number;
+    constructor(callback: Function, delay: number);
+    pause(): void;
+    resume(): void;
+    start(): void;
+    stop(): void;
+}

package/types/components_tmp/toaster/use-toast.d.ts

@@ -0,0 +1,21 @@
+import { App } from 'vue';
+import { Positions } from './positions';
+export interface ToasterOptions {
+    position?: Positions;
+    timeout?: number;
+    closable?: boolean;
+}
+export interface LocalToasterOptions extends ToasterOptions {
+    type?: 'success' | 'info' | 'warning' | 'danger';
+}
+export declare class Toaster {
+    private readonly app;
+    private readonly globalOptions;
+    constructor(app: App, globalOptions: ToasterOptions);
+    private show;
+    private getLocalOptions;
+    success(message: string, options?: ToasterOptions): void;
+    error(message: string, options?: ToasterOptions): void;
+    info(message: string, options?: ToasterOptions): void;
+    warning(message: string, options?: ToasterOptions): void;
+}

package/types/directives/click-outside.directive.d.ts

@@ -0,0 +1,10 @@
+import { Directive, Plugin } from 'vue';
+declare const directive: Directive;
+declare const mixin: {
+    directives: {
+        ClickAway: import("vue").ObjectDirective<any, any>;
+    };
+};
+export { directive, mixin };
+declare const plugin: Plugin;
+export default plugin;

package/types/directives/closable.directive.d.ts

@@ -0,0 +1,5 @@
+import { Directive, Plugin } from 'vue';
+declare const directive: Directive;
+export { directive };
+declare const plugin: Plugin;
+export default plugin;

package/types/directives/index.d.ts

@@ -0,0 +1,4 @@
+export { directive as vClickOutside, default as vClickOutsideInstall, } from './click-outside.directive';
+export { directive as vClosable, default as vClosableInstall, } from './closable.directive';
+export { directive as vZoomImg, default as vZoomImgInstall, } from './zoom-img.directive';
+export { directive as vLazyImg, default as vLazyImgInstall } from './v-lazy-img';

package/types/directives/v-lazy-img/index.d.ts

@@ -0,0 +1,9 @@
+import { Directive, App } from 'vue';
+import { GlobalOptions } from './types';
+export * from './types';
+declare const directive: Directive;
+declare const plugin: {
+    install(app: App, opts?: GlobalOptions): void;
+};
+export { directive };
+export default plugin;

package/types/directives/v-lazy-img/lazy-img-handler.d.ts

@@ -0,0 +1,38 @@
+import { ClassOptions, LazyImgBinding, GlobalOptions } from './types';
+export * from './types';
+export declare const DEFAULT_OPTIONS: ClassOptions;
+export declare class LazyImg {
+    private observers;
+    private readonly defaultOptions;
+    private options;
+    private onImgLoadedCallback;
+    private onImgErrorCallback;
+    private hasImgLoaded;
+    constructor(opts?: GlobalOptions);
+    private loadErrorPhoto;
+    private buildOptions;
+    private removeClass;
+    private addClass;
+    private removeAllStateClasses;
+    private setBaseClass;
+    private imageIsLoading;
+    private imageHasNoPhoto;
+    private imageIsLoaded;
+    private imageHasError;
+    private getImageUrl;
+    private setPictureSourceUrls;
+    private hasBgImgMode;
+    private isPictureElement;
+    private getImgElement;
+    private setDefaultPhoto;
+    private addEventListenerToImg;
+    private loadImage;
+    setImgSrc(el: HTMLElement, src: string): void;
+    private handleIntersectionObserver;
+    private createObserver;
+    private imageHandler;
+    private bindUpdateHandler;
+    add(el: HTMLElement, binding: LazyImgBinding): Promise<void>;
+    update(el: HTMLElement, binding: LazyImgBinding): Promise<void>;
+    remove(el: HTMLElement, binding: LazyImgBinding): void;
+}

package/types/directives/v-lazy-img/lazy-img.directive.d.ts

@@ -0,0 +1,3 @@
+import { Directive } from 'vue';
+declare const vLazyImg: Directive;
+export { vLazyImg };

package/types/directives/v-lazy-img/types.d.ts

@@ -0,0 +1,51 @@
+import { DirectiveBinding } from 'vue';
+export interface ClassOptions {
+    baseClass: string;
+    loadingClass: string;
+    loadedClass: string;
+    errorClass: string;
+    noPhotoClass: string;
+    noPhoto: boolean;
+    noUseErrorPhoto: boolean;
+    observerOnce: boolean;
+    loadOnce: boolean;
+    observerOptions: {
+        root?: HTMLElement | null;
+        threshold: number;
+        rootMargin?: string;
+    };
+    errorPhoto?: string;
+    onLoading?: (el: Element) => unknown;
+    onLoaded?: (el: Element) => unknown;
+    onError?: (el: Element) => unknown;
+    onIntersecting?: (el: Element) => unknown;
+}
+export interface GlobalOptions {
+    baseClass?: string;
+    loadingClass?: string;
+    loadedClass?: string;
+    errorClass?: string;
+    noPhotoClass?: string;
+    noPhoto?: boolean;
+    noUseErrorPhoto?: boolean;
+    observerOnce?: boolean;
+    loadOnce?: boolean;
+    imgElement?: HTMLImageElement;
+    observerOptions?: {
+        root?: HTMLElement | null;
+        threshold?: number;
+        rootMargin?: string;
+    };
+    errorPhoto?: string;
+    onLoading?: (el: Element) => unknown;
+    onLoaded?: (el: Element) => unknown;
+    onError?: (el: Element) => unknown;
+    onIntersecting?: (el: Element) => unknown;
+}
+interface BindingOptions extends GlobalOptions {
+    src?: string;
+}
+export interface LazyImgBinding extends DirectiveBinding {
+    value: string | BindingOptions;
+}
+export {};

package/types/directives/zoom-img.directive.d.ts

@@ -0,0 +1,5 @@
+import { Directive, Plugin } from 'vue';
+declare const directive: Directive;
+export { directive };
+declare const plugin: Plugin;
+export default plugin;

package/types/filters/capitalize.d.ts

@@ -0,0 +1 @@
+export declare const capitalize: (value: string) => string;

package/types/filters/currency.d.ts

@@ -0,0 +1,5 @@
+interface FilterCurrencyOptions extends Intl.NumberFormatOptions {
+    round?: boolean;
+}
+export declare const currency: (number: number | string, locale: string, options: FilterCurrencyOptions) => string;
+export {};

package/types/filters/date.d.ts

@@ -0,0 +1 @@
+export declare const date: (date: string | number, locale: string, options?: Intl.DateTimeFormatOptions | undefined) => string;

package/types/filters/index.d.ts

@@ -0,0 +1,5 @@
+export { capitalize } from './capitalize';
+export { currency } from './currency';
+export { date } from './date';
+export { number } from './number';
+export { telephone } from './telephone';

package/types/filters/number.d.ts

@@ -0,0 +1 @@
+export declare const number: (number: number | string, locale: string, options: Intl.NumberFormatOptions) => string;

package/types/filters/telephone.d.ts

@@ -0,0 +1 @@
+export declare const telephone: (telephone: string) => string;

package/types/index.d.ts

@@ -0,0 +1,9 @@
+import plugin from './index.esm';
+import * as components from './components';
+export default plugin;
+export { debounce } from './utils/debounce';
+export * from './components';
+export * from './components/types';
+export * from './directives';
+export * from './filters';
+export { components };

package/types/index.esm.d.ts

@@ -0,0 +1,10 @@
+import { Plugin } from 'vue';
+import * as components from './components';
+declare const install: Exclude<Plugin['install'], undefined>;
+export default install;
+export { debounce } from './utils/debounce';
+export * from './components';
+export * from './components/types';
+export * from './directives';
+export * from './filters';
+export { components };

package/types/utils/debounce.d.ts

@@ -0,0 +1,7 @@
+declare type ArgumentTypes<F extends (...args: any[]) => void> = F extends (...args: infer A) => any ? A : never;
+declare type MethodTypes = {
+    cancel: () => void;
+    flush: () => void;
+};
+export declare function debounce<T extends (...args: any[]) => void>(fn: T, wait?: number, callFirst?: boolean): ((...args: ArgumentTypes<T>) => void) & MethodTypes;
+export {};

package/types/utils/index.d.ts

@@ -0,0 +1 @@
+export { debounce } from './debounce';

package/types/utils/injectStrict.d.ts

@@ -0,0 +1 @@
+export declare function injectStrict<T>(key: string, fallback?: T): T | undefined;

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2019 LouisMazel
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/README.md

@@ -1,66 +0,0 @@
-# maz-ui
-
-[![license](https://img.shields.io/github/license/LouisMazel/maz-ui.svg?style=flat-square)](https://github.com/LouisMazel/maz-ui/blob/master/LICENSE)
-[![vue 2](https://img.shields.io/badge/vue-2-42b983.svg?style=flat-square)](https://vuejs.org)
-[![npm](https://img.shields.io/npm/v/maz-ui.svg?style=flat-square)](https://www.npmjs.com/package/maz-ui)
-[![npm](https://img.shields.io/npm/dt/maz-ui.svg?style=flat-square)](https://www.npmjs.com/package/maz-ui)
-[![Codacy grade](https://img.shields.io/codacy/grade/3d15a7c11bfe47c69a2aed93cc67cc29.svg?style=flat-square)](https://www.codacy.com/app/LouisMazel/maz-ui)
-
-[![npm](https://nodei.co/npm/maz-ui.png?downloads=true&downloadRank=true&stars=true)](https://www.npmjs.com/package/maz-ui)
-
-> [Maz-ui](https://louismazel.github.io/maz-ui/) is a stand-alone components library for [VueJS](https://vuejs.org) & [NuxtJS](https://nuxtjs.org/)
-
-## Documentation & Components
-
-[Documentation & Components](https://louismazel.github.io/maz-ui/)
-
-## Install
-
-[Get Started](https://louismazel.github.io/maz-ui/documentation/get-started)
-
-```shell
-npm install maz-ui
-
-# Or yarn add maz-ui
-```
-
-### On demande install
-
-To optimize your bundle size, it's recommanded to use the [on demand install](https://louismazel.github.io/maz-ui/documentation/get-started)
-
-```javascript
-import Vue from 'vue'
-import {
-  ...
-  MazBtn
-  MazInput
-  MazPicker
-  MazPhoneNumberInput
-  ...
-} from 'maz-ui'
-
-...
-Vue.use(MazBtn)
-Vue.use(MazInput)
-Vue.use(MazPicker)
-Vue.use(MazPhoneNumberInput)
-...
-```
-
-### Quick Start - Fully install (not recommanded)
-
-```javascript
-import Vue from "vue";
-import "maz-ui/lib/css/index.css";
-import MazUi from "maz-ui";
-
-Vue.use(MazUi);
-```
-
-## Contribute
-
-Read documentation of [CONTRIBUTING.md](./.github/CONTRIBUTING.md)
-
-## LICENSE
-
-[MIT](LICENSE)

package/bin/index.js

@@ -1,63 +0,0 @@
-#!/usr/bin/env node
-
-const chalk = require('chalk')
-const clear = require('clear')
-const figlet = require('figlet')
-const path = require('path')
-const { Command } = require('commander')
-
-const VERSION = require('../package').version
-const NAME = require('../package').name
-const PREFIX = 'maz-'
-const generateRootCss = require('./lib/index.js')
-
-const program = new Command()
-
-clear()
-console.log(
-  chalk.bold.keyword('dodgerblue')(
-    figlet.textSync(NAME, { horizontalLayout: 'full' })
-  )
-)
-console.log()
-console.log(chalk.bold.keyword('dodgerblue')(`${NAME} v${VERSION}`))
-console.log()
-
-program
-  .version(`${NAME} ${VERSION}`)
-  .usage('<command> [options]')
-
-program
-  .arguments('[command]')
-  .action((cmd) => {
-    program.outputHelp()
-    if (cmd) {
-      console.log()
-      console.log(
-        chalk.red(`  ⛔️ Unknown command ${chalk.bold.keyword('dodgerblue')(cmd)}.`)
-      )
-      console.log()
-    }
-  })
-
-program.on('--help', () => {
-  console.log()
-  console.log(`  Run ${chalk.bold.keyword('dodgerblue')('maz <command> --help')} for detailed usage of given command.`)
-  console.log()
-})
-
-program
-  .command('get-theme')
-  .option('-c, --config <path-to-config-file>', 'Optionnal: Provide path to config file - Ex: "./maz-ui.config.js"')
-  .description('Generate css variables')
-  .action(async (options) => {
-    const configPath = path.resolve(process.env.PWD, options.config ? options.config : './maz-ui.config.js')
-    const config = require(configPath)
-    const output = config.output
-    const colors = config.theme
-    delete config.output
-    generateRootCss(PREFIX, colors, output)
-    process.exit(0)
-  })
-
-program.parse(process.argv)

package/bin/lib/_constantes/default-colors.js

@@ -1,69 +0,0 @@
-module.exports = {
-  mainColors: {
-    primary: 'dodgerblue',
-    secondary: '#1CD1A1',
-    third: '#C41AF9',
-    danger: 'orangered',
-    success: 'yellowgreen',
-    info: '#17A2B8',
-    warning: '#FFA300',
-    light: '#EEEEEE',
-    dark: '#21222E',
-    grey: '#999999',
-    default: '#CCCCCC',
-    black: 'black',
-    white: 'white',
-    transparent: '#FFFFFF00',
-    disabled: '#F2F2F2'
-  },
-  typo: {
-    'base-font-size': '16px',
-    'base-font-family': 'system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif, \'Apple Color Emoji\', \'Segoe UI Emoji\', \'Segoe UI Symbol\'',
-    'base-font-weight': '400',
-    'base-line-height': '1.5'
-  },
-  border: {
-    'border-width': '2px',
-    'border-radius': '8px'
-  },
-  light: {
-    typo: {
-      'text-color': '#212121',
-      'muted-color': 'rgba(0, 0, 0, .54)',
-      'placeholder-color': '#A7A7A7',
-      'icon-color': '#DEDEDE'
-    },
-    layout: {
-      'bg-color': 'white',
-      'bg-color-light': '#F2F2F2',
-      'overlay-color': 'rgba(86, 87, 117, .7)'
-    },
-    borderColor: {
-      'border-color': '#EEEEEE'
-    },
-    state: {
-      'hover-color': '#F2F2F2',
-      'disabled-color': '#F2F2F2'
-    }
-  },
-  dark: {
-    typo: {
-      'text-color': '#EEEEEE',
-      'muted-color': 'rgba(255, 255, 255, .54)',
-      'placeholder-color': 'rgba(255, 255, 255, .6)',
-      'icon-color': '#65678F'
-    },
-    layout: {
-      'bg-color': '#21222E',
-      'bg-color-light': '#303144',
-      'overlay-color': 'rgba(86, 87, 117, .7)'
-    },
-    borderColor: {
-      'border-color': '#3B3C53'
-    },
-    state: {
-      'hover-color': '#2E2F40',
-      'disabled-color': '#CCCCCC'
-    }
-  }
-}

package/bin/lib/index.d.ts

@@ -1,2 +0,0 @@
-declare const _default: (color: object, output: string) => object
-export default _default