@tenorlab/vue-dashboard 1.6.2 → 1.6.4

package/README.md

@@ -1,7 +1,7 @@
 # @tenorlab/vue-dashboard
 
 [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://opensource.org/licenses/MIT)
-[![Template: Pro](https://img.shields.io/badge/Template-Pro--Available-gold.svg)](https://www.tenorlab.com)
+[![Tenorlab Pro](https://img.shields.io/badge/Template-Pro--Available-gold.svg)](https://www.tenorlab.com)
 [![Framework: Vue](https://img.shields.io/badge/Framework-Vue-42b883.svg)](https://vuejs.org/)
 
 Foundation components for creating user-configurable, high-performance dashboards in Vue.
@@ -13,7 +13,7 @@ This package extends **@tenorlab/dashboard-core**. It provides the Vue implement
 > **Note**: This package re-exports all types and utilities from `@tenorlab/dashboard-core`. You do not need to install the core package separately.
 
 
-## Pro Template Demos
+## Tenorlab Pro Demos
   - [React Demo](https://react.tenorlab.com) (built with @tenorlab/react-dashboard)
   - [Vue Demo](https://vue.tenorlab.com) (built with @tenorlab/vue-dashboard)
   - [Nuxt Demo](https://nuxt.tenorlab.com) (built with @tenorlab/vue-dashboard)
@@ -408,7 +408,7 @@ onMounted(async () => {
 
 #### 5. Full Editable Dashboard
 
-For editable dashboard examples, including **Undo/Redo**, **Zooming**, **Catalog Flyouts**, and **Multiple Dashboards**, please refer to the [Pro Template](https://www.tenorlab.com).
+For editable dashboard examples, including **Undo/Redo**, **Zooming**, **Catalog Flyouts**, and **Multiple Dashboards**, please refer to [Tenorlab Pro](https://www.tenorlab.com).
 
 
 ------
@@ -437,7 +437,7 @@ For editable dashboard examples, including **Undo/Redo**, **Zooming**, **Catalog
  - [@tenorlab/react-dashboard](https://www.npmjs.com/package/@tenorlab/react-dashboard): React-specific components
  - [@tenorlab/vue-dashboard](https://www.npmjs.com/package/@tenorlab/vue-dashboard): Vue-specific components
 
-### Pro Template Demos
+### Tenorlab Pro Demos
  - [React Demo](https://react.tenorlab.com) (built with @tenorlab/react-dashboard)
  - [Vue Demo](https://vue.tenorlab.com) (built with @tenorlab/vue-dashboard)
  - [Nuxt Demo](https://nuxt.tenorlab.com) (built with @tenorlab/vue-dashboard)
@@ -457,9 +457,9 @@ For editable dashboard examples, including **Undo/Redo**, **Zooming**, **Catalog
 
 It provides the foundational components and logic for building dashboards. You are free to use it in any project, personal or commercial.
 
-## ⚡️ Go Pro and Save Time: Tenorlab App Template
+## ⚡️ Go Pro and Save Time: Tenorlab Pro
 
-A commercial license for a full-blown professional app template is available for purchase [**here**](https://www.tenorlab.com) and comes with:
+A commercial license for a full-blown professional app code is available for purchase [**here**](https://www.tenorlab.com) and comes with:
 
 * **Full Application Shell:** A clean, optimized Vite + TypeScript project structure (with either React, Vue or Nuxt).
 * **Dashboard Management:** Production-ready logic for creating, listing, renaming, and deleting multiple user-defined dashboards.

package/dist/vue-dashboard.d.ts

@@ -28,8 +28,8 @@ click: (args: MouseEvent) => any;
 }, string, PublicProps, Readonly<IButtonProps> & Readonly<{
 onClick?: ((args: MouseEvent) => any) | undefined;
 }>, {
-disabled: boolean;
 type: TButtonType;
+disabled: boolean;
 category: string;
 font: string;
 border: number;
@@ -43,11 +43,26 @@ shadowHover: string;
 addCss: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
 
-declare const __VLS_component_4: DefineComponent<TStackProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TStackProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component_4: DefineComponent<TProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+toggleOpen: (args: boolean) => any;
+}, string, PublicProps, Readonly<TProps> & Readonly<{
+onToggleOpen?: ((args: boolean) => any) | undefined;
+}>, {
+label: string;
+testid: string;
+hideLabel: boolean;
+showChevron: boolean;
+addOptionLabel: string;
+hide: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+refDropdown: HTMLDivElement;
+}, HTMLDivElement>;
 
-declare const __VLS_component_5: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component_5: DefineComponent<TStackProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TStackProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_6: DefineComponent<IDraggablePanelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_6: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare const __VLS_component_7: DefineComponent<IDraggablePanelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 draggingChange: (isDragging: boolean) => any;
 }, string, PublicProps, Readonly<IDraggablePanelProps> & Readonly<{
 onDraggingChange?: ((isDragging: boolean) => any) | undefined;
@@ -55,10 +70,10 @@ onDraggingChange?: ((isDragging: boolean) => any) | undefined;
 panelRef: HTMLDivElement;
 }, any>;
 
-declare const __VLS_component_7: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
-
 declare const __VLS_component_8: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
+declare const __VLS_component_9: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
 declare type __VLS_PrettifyLocal<T> = {
     [K in keyof T]: T[K];
 } & {};
@@ -79,6 +94,10 @@ declare type __VLS_Props_3 = TStackProps & {
     innerClass?: string;
 };
 
+declare type __VLS_Props_4 = {
+    title: string;
+};
+
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -91,6 +110,8 @@ declare function __VLS_template(): {
 declare function __VLS_template_2(): {
     attrs: Partial<{}>;
     slots: {
+        title?(_: {}): any;
+        'title-right'?(_: {}): any;
         default?(_: {}): any;
     };
     refs: {};
@@ -109,9 +130,12 @@ declare function __VLS_template_3(): {
 declare function __VLS_template_4(): {
     attrs: Partial<{}>;
     slots: {
+        icon?(_: {}): any;
         default?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        refDropdown: HTMLDivElement;
+    };
     rootEl: HTMLDivElement;
 };
 
@@ -125,6 +149,15 @@ declare function __VLS_template_5(): {
 };
 
 declare function __VLS_template_6(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_7(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
@@ -135,7 +168,7 @@ declare function __VLS_template_6(): {
     rootEl: any;
 };
 
-declare function __VLS_template_7(): {
+declare function __VLS_template_8(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
@@ -144,7 +177,7 @@ declare function __VLS_template_7(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_8(): {
+declare function __VLS_template_9(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
@@ -169,6 +202,8 @@ declare type __VLS_TemplateResult_7 = ReturnType<typeof __VLS_template_7>;
 
 declare type __VLS_TemplateResult_8 = ReturnType<typeof __VLS_template_8>;
 
+declare type __VLS_TemplateResult_9 = ReturnType<typeof __VLS_template_9>;
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -217,6 +252,12 @@ declare type __VLS_WithTemplateSlots_8<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_9<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 /**
  * @name _actions
  * @description Object containing action methods that wrap mutations for the dashboard store
@@ -241,10 +282,10 @@ declare const _actions: {
     moveWidget: (direction: -1 | 1, widgetKey: TDashboardWidgetKey, parentWidgetKey?: TDashboardWidgetKey) => TAddWidgetResponse;
 };
 
-export declare const AddIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
-
 export declare const Button: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
+export declare const ChevronDownIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+
 export declare const CircleQuestionMarkIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
 
 /**
@@ -315,9 +356,15 @@ export declare const DashboardGrid: __VLS_WithTemplateSlots<typeof __VLS_compone
 
 export declare const DashboardWidgetBase: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
+declare const _default: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
+export { _default as AddIcon }
+export { _default as PlusCircleIcon }
+
 export declare const DeleteIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
 
-export declare const DraggablePanel: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
+export declare const DraggablePanel: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
+
+export declare const Dropdown: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 
 export declare const DynamicWidgetLoader: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 removeClick: (widgetKey: string, parentWidgetKey?: string | undefined) => any;
@@ -581,7 +628,9 @@ export declare interface ITooltipProps {
     title: string;
 }
 
-export declare const ListItem: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
+export declare const ListItem: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
+
+export declare const MinusCircleIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
 
 export declare const MonitorIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
 
@@ -599,7 +648,9 @@ export declare const SettingsIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}
 
 export declare const showToast: (options: any) => void;
 
-export declare const Stack: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
+export declare const SpinnerComponent: DefineComponent<__VLS_Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_4> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+export declare const Stack: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
 
 export declare const TabletSmartphoneIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
 
@@ -728,6 +779,17 @@ export declare type TManifestEntry = {
     meta: TWidgetMetaInfoBase;
 };
 
+declare interface TProps {
+    testid?: string;
+    label?: string;
+    hideLabel?: boolean;
+    showChevron?: boolean;
+    addOptionLabel?: string;
+    hide?: boolean;
+    enabled: boolean;
+    isMenuOpen: boolean;
+}
+
 /**
  * @name TSaveDashboards
  * @description Function type to save dashboards for a user
@@ -1007,9 +1069,9 @@ export declare const WidgetContainerRow: <K extends TDashboardWidgetKey = TDashb
 
 export declare const WidgetsCatalogFlyout: DefineComponent<TWidgetsCatalogFlyoutProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TWidgetsCatalogFlyoutProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const WrapperColumnContent: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
+export declare const WrapperColumnContent: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
 
-export declare const WrapperColumnContentListItem: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
+export declare const WrapperColumnContentListItem: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
 
 export declare const XCircleIcon: DefineComponent<TSvgIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TSvgIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;