jsuites 6.4.2 → 6.4.3

package/vue/toolbar/index.d.ts

@@ -1,88 +1,88 @@
-/**
- * Official Type definitions for LemonadeJS plugins
- * https://lemonadejs.net
- * Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
- */
-
-declare function Component(el: HTMLElement, options?: Component.Options): Component.Instance;
-
-interface Item {
-    /** Toolbar item type */
-    type?: 'icon' | 'divisor' | 'label' | 'select';
-    /** Content of the toolbar element */
-    content?: string;
-    /** Tooltip for the toolbar element */
-    tooltip?: string;
-    /** Toolbar element width */
-    width?: number;
-    /** The initial selected option for the type: select */
-    value?: string;
-    /** Render method parser for the elements in the dropdown when type: select */
-    render?: Function;
-    /** When a item is clicked */
-    onclick?: (el: HTMLElement, iconObject: object, toolbarItem: HTMLElement) => void;
-    /** For the type select when a new item is selected */
-    onchange?: (el: HTMLElement, pickerObject: object, reservedValue: any, itemValue: string, itemKey: string, mouseEvent: object) => void;
-    /** To update the state of the toolbar */
-    updateState?: (toolbarObject: object, toolbarItem: HTMLElement, option: any, extendOption: any) => void;
-}
-
-declare namespace Component {
-    interface Options {
-        /** Instance for the application you integrate your toolbar */
-        app?: any;
-        /** Container of the toolbar */
-        container?: boolean;
-        /** Show badge. Default: false */
-        badge?: boolean;
-        /** Show titles */
-        title?: boolean;
-        /** Responsive toolbar. Default: false */
-        responsive?: boolean;
-        /** Max toolbar width */
-        maxWidth?: number | null;
-        /** Show toolbar in the bottom of the component */
-        bottom?: boolean;
-        /** Items */
-        items: Item[];
-    }
-
-    interface Instance {
-        /** Close the floating extended options */
-        close: () => void;
-        /** Create the toolbar */
-        create: (items: Item[]) => void;
-        /** Destroy the toolbar */
-        destroy: () => void;
-        /** Return the HTMLElement container */
-        get: () => void;
-        /** Hide the toolbar */
-        hide: () => void;
-        /** Open the floating extended options */
-        open: () => void;
-        /** Toolbar settings */
-        options: Component.Options;
-        /** Refresh the toolbar items */
-        refresh: () => void;
-        /** Select the toolbar item */
-        selectItem: (element: HTMLElement) => void;
-        /** Set the badge for a toolbar item */
-        setBadge: (index: number, value: number) => void;
-        /** Define readonly status */
-        setReadonly: (state: boolean) => void;
-        /** Show the toolbar */
-        show: () => void;
-        /** Internal controller */
-        type: 'toolbar';
-        /** Update the state of a toolbar item. Arguments to be sent to the items */
-        update: (option?: any, extendedOption?: any) => void;
-    }
-}
-
-interface Toolbar {
-    (): any
-    [key: string]: any
-}
-
-declare function Toolbar<Toolbar>(props: Component.Options): any;
-export default Toolbar;
+/**
+ * Official Type definitions for LemonadeJS plugins
+ * https://lemonadejs.net
+ * Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+ */
+
+declare function Component(el: HTMLElement, options?: Component.Options): Component.Instance;
+
+interface Item {
+    /** Toolbar item type */
+    type?: 'icon' | 'divisor' | 'label' | 'select';
+    /** Content of the toolbar element */
+    content?: string;
+    /** Tooltip for the toolbar element */
+    tooltip?: string;
+    /** Toolbar element width */
+    width?: number;
+    /** The initial selected option for the type: select */
+    value?: string;
+    /** Render method parser for the elements in the dropdown when type: select */
+    render?: Function;
+    /** When a item is clicked */
+    onclick?: (el: HTMLElement, iconObject: object, toolbarItem: HTMLElement) => void;
+    /** For the type select when a new item is selected */
+    onchange?: (el: HTMLElement, pickerObject: object, reservedValue: any, itemValue: string, itemKey: string, mouseEvent: object) => void;
+    /** To update the state of the toolbar */
+    updateState?: (toolbarObject: object, toolbarItem: HTMLElement, option: any, extendOption: any) => void;
+}
+
+declare namespace Component {
+    interface Options {
+        /** Instance for the application you integrate your toolbar */
+        app?: any;
+        /** Container of the toolbar */
+        container?: boolean;
+        /** Show badge. Default: false */
+        badge?: boolean;
+        /** Show titles */
+        title?: boolean;
+        /** Responsive toolbar. Default: false */
+        responsive?: boolean;
+        /** Max toolbar width */
+        maxWidth?: number | null;
+        /** Show toolbar in the bottom of the component */
+        bottom?: boolean;
+        /** Items */
+        items: Item[];
+    }
+
+    interface Instance {
+        /** Close the floating extended options */
+        close: () => void;
+        /** Create the toolbar */
+        create: (items: Item[]) => void;
+        /** Destroy the toolbar */
+        destroy: () => void;
+        /** Return the HTMLElement container */
+        get: () => void;
+        /** Hide the toolbar */
+        hide: () => void;
+        /** Open the floating extended options */
+        open: () => void;
+        /** Toolbar settings */
+        options: Component.Options;
+        /** Refresh the toolbar items */
+        refresh: () => void;
+        /** Select the toolbar item */
+        selectItem: (element: HTMLElement) => void;
+        /** Set the badge for a toolbar item */
+        setBadge: (index: number, value: number) => void;
+        /** Define readonly status */
+        setReadonly: (state: boolean) => void;
+        /** Show the toolbar */
+        show: () => void;
+        /** Internal controller */
+        type: 'toolbar';
+        /** Update the state of a toolbar item. Arguments to be sent to the items */
+        update: (option?: any, extendedOption?: any) => void;
+    }
+}
+
+interface Toolbar {
+    (): any
+    [key: string]: any
+}
+
+declare function Toolbar<Toolbar>(props: Component.Options): any;
+export default Toolbar;

package/vue/toolbar/index.js

@@ -1,22 +1,22 @@
-import { h } from 'vue';
-import jSuites from "../../dist/jsuites";
-
-
-export default {
-    inheritAttrs: false,
-    mounted() {
-        let options = {
-            ...this.$attrs
-        };
-
-        this.el = this.$refs.container;
-
-        this.current = jSuites.toolbar(this.$refs.container, options);
-    },
-    setup() {
-        let containerProps = {
-            ref: 'container',
-        };
-        return () => h('div', containerProps);
-    },
+import { h } from 'vue';
+import jSuites from "../../dist/jsuites";
+
+
+export default {
+    inheritAttrs: false,
+    mounted() {
+        let options = {
+            ...this.$attrs
+        };
+
+        this.el = this.$refs.container;
+
+        this.current = jSuites.toolbar(this.$refs.container, options);
+    },
+    setup() {
+        let containerProps = {
+            ref: 'container',
+        };
+        return () => h('div', containerProps);
+    },
 }