@ulu/frontend-vue 0.1.0-beta.6 → 0.1.0-beta.8

package/lib/components/layout/UluAdaptiveLayout.vue

@@ -3,9 +3,7 @@
   <slot v-else name="mobile" />
 </template>
 
-<script>
-  export default {
-    name: "AdaptiveLayout",
-    inject: ["uluIsMobile"],
-  };
+<script setup>
+  import { useRequiredInject } from '../../composables/useRequiredInject.js';
+  const uluIsMobile = useRequiredInject('uluIsMobile');
 </script>

package/lib/components/layout/UluWhenBreakpoint.vue

@@ -2,85 +2,79 @@
   <slot v-if="shouldShow" />
 </template>
 
-<script>
-  export default {
-    name: "UluWhenBreakpoint",
-    inject: ["uluBreakpointManager"],
-    props: {
-      max: String,
-      min: String,
-      only: String,
-    },
-    data() {
-      return {
-        conditions: {},
-        handlers: [],
-        handlersSetup: false,
-      };
-    },
-    computed: {
-      shouldShow() {
-        if (!this.handlersSetup) return false;
-        const props = ['max', 'min', 'only'].filter(p => this[p]);
-        if (props.length === 0) {
-          return false;
-        }
-        return Object.values(this.conditions).every(c => c);
-      },
-      propsIdentifier() {
-        return `${this.max || ''}-${this.min || ''}-${this.only || ''}`;
-      }
-    },
-    watch: {
-      uluBreakpointManager: {
-        handler(manager) {
-          if (manager && !this.handlersSetup) {
-            this.setupHandlers(manager);
-          }
-        },
-        immediate: true
-      },
-      propsIdentifier() {
-        if (this.uluBreakpointManager && this.handlersSetup) {
-            this.tearDownHandlers();
-            this.setupHandlers(this.uluBreakpointManager);
-        }
-      }
-    },
-    methods: {
-      setupHandlers(manager) {
-        const setupCondition = (direction) => {
-          const breakpointName = this[direction];
-          if (breakpointName) {
-            this.conditions[direction] = false;
-            const handler = {
-              on: () => { this.conditions[direction] = true; },
-              off: () => { this.conditions[direction] = false; },
-            };
-            manager.at(breakpointName)[direction](handler);
-            this.handlers.push({ name: breakpointName, direction, handler });
-          }
-        };
+<script setup>
+  import { ref, computed, watch, onBeforeUnmount } from 'vue';
+  import { useRequiredInject } from '../../composables/useRequiredInject.js';
+
+  const props = defineProps({
+    max: String,
+    min: String,
+    only: String,
+  });
 
-        setupCondition('max');
-        setupCondition('min');
-        setupCondition('only');
+  const uluBreakpointManager = useRequiredInject('uluBreakpointManager');
 
-        this.handlersSetup = true;
-      },
-      tearDownHandlers() {
-        if (this.uluBreakpointManager) {
-          this.handlers.forEach(({ name, direction, handler }) => {
-            this.uluBreakpointManager.at(name).remove(handler, direction);
-          });
-        }
-        this.handlers = [];
-        this.conditions = {};
-        this.handlersSetup = false;
+  const conditions = ref({});
+  const handlers = ref([]);
+  const handlersSetup = ref(false);
+
+  const shouldShow = computed(() => {
+    if (!handlersSetup.value) return false;
+    const activeProps = ['max', 'min', 'only'].filter(p => props[p]);
+    if (activeProps.length === 0) {
+      return false;
+    }
+    return Object.values(conditions.value).every(c => c);
+  });
+
+  const setupHandlers = (manager) => {
+    const setupCondition = (direction) => {
+      const breakpointName = props[direction];
+      if (breakpointName) {
+        conditions.value[direction] = false;
+        const handler = {
+          on: () => { conditions.value[direction] = true; },
+          off: () => { conditions.value[direction] = false; },
+        };
+        manager.at(breakpointName)[direction](handler);
+        handlers.value.push({ name: breakpointName, direction, handler });
       }
-    },
-    beforeUnmount() {
-      this.tearDownHandlers();
-    },
+    };
+
+    setupCondition('max');
+    setupCondition('min');
+    setupCondition('only');
+
+    handlersSetup.value = true;
+  };
+
+  const tearDownHandlers = () => {
+    if (uluBreakpointManager) {
+      handlers.value.forEach(({ name, direction, handler }) => {
+        uluBreakpointManager.at(name).remove(handler, direction);
+      });
+    }
+    handlers.value = [];
+    conditions.value = {};
+    handlersSetup.value = false;
   };
+
+  watch(uluBreakpointManager, (manager) => {
+    if (manager && !handlersSetup.value) {
+      setupHandlers(manager);
+    }
+  }, { immediate: true });
+
+  // Watch all the props and update if they change
+  // - Using array syntax to avoid "deep" flag
+  watch([() => props.max, () => props.min, () => props.only], () => {
+    if (uluBreakpointManager && handlersSetup.value) {
+      tearDownHandlers();
+      setupHandlers(uluBreakpointManager);
+    }
+  });
+
+  onBeforeUnmount(() => {
+    tearDownHandlers();
+  });
 </script>

package/lib/composables/index.js

@@ -7,4 +7,5 @@
 export { useIcon } from './useIcon.js';
 export { useModifiers } from './useModifiers.js';
 export { useWindowResize } from './useWindowResize.js';
+export { useRequiredInject } from './useRequiredInject.js';
 export { useBreakpointManager } from './useBreakpointManager.js';

package/lib/composables/useRequiredInject.js

@@ -0,0 +1,26 @@
+import { inject } from 'vue';
+import { injectRegistry } from "../meta.js";
+
+// A unique sentinel object to detect if a value was provided.
+// This is used to differentiate between a provider not existing vs.
+// a provider explicitly giving a `null` value.
+const NOT_FOUND = {};
+
+/**
+ * Injects a dependency from a plugin (or other required inject) and throws an error if it's not available.
+ *
+ * @param {string} key - The injection key (e.g., 'uluBreakpointManager').
+ * @returns The injected value.
+ */
+export function useRequiredInject(key) {
+  const dependency = inject(key, NOT_FOUND);
+
+  if (dependency === NOT_FOUND) {
+    const plugin = injectRegistry[key] || '';
+    const pluginInfo = plugin ? ` from the '${ plugin }' plugin` : "";
+    const action = plugin ? "Please install missing plugin." : ""; 
+    throw new Error(`Required inject: '${ key }'${ pluginInfo } was not provided. ${ action }`);
+  }
+
+  return dependency;
+}

package/lib/meta.js

@@ -0,0 +1,14 @@
+/**
+ * @module lib/meta
+ * @description A central lookup for meta like info in the system
+ */
+
+export const injectRegistry = {
+  'uluCore': 'Core',
+  'uluIsMobile': 'Breakpoints',
+  'uluBreakpointActive': 'Breakpoints',
+  'uluBreakpointDirection': 'Breakpoints',
+  'uluBreakpointManager': 'Breakpoints',
+  'uluModals': 'Modals',
+  'uluToast': 'Toast',
+};

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@ulu/frontend-vue",
-  "version": "0.1.0-beta.6",
+  "version": "0.1.0-beta.8",
   "description": "A modular and tree-shakeable Vue 3 component library for the Ulu frontend",
   "type": "module",
   "files": [
     "lib",
-    "dist"
+    "dist",
+    "types"
   ],
   "module": "./lib/index.js",
   "exports": {

package/types/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./systems/index.js";
+//# sourceMappingURL=index.d.ts.map

package/types/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/components/index.js"],"names":[],"mappings":""}

package/types/components/systems/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/types/components/systems/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/systems/index.js"],"names":[],"mappings":""}

package/types/components/systems/scroll-anchors/symbols.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Symbol for register provide/inject
+ */
+export const REGISTER: any;
+export const UNREGISTER: any;
+export const SECTIONS: any;
+//# sourceMappingURL=symbols.d.ts.map

package/types/components/systems/scroll-anchors/symbols.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"symbols.d.ts","sourceRoot":"","sources":["../../../../lib/components/systems/scroll-anchors/symbols.js"],"names":[],"mappings":"AAAA;;GAEG;AACH,2BAAiC;AACjC,6BAAmC;AACnC,2BAAiC"}

package/types/composables/index.d.ts

@@ -0,0 +1,6 @@
+export { useIcon } from "./useIcon.js";
+export { useModifiers } from "./useModifiers.js";
+export { useWindowResize } from "./useWindowResize.js";
+export { useRequiredInject } from "./useRequiredInject.js";
+export { useBreakpointManager } from "./useBreakpointManager.js";
+//# sourceMappingURL=index.d.ts.map

package/types/composables/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/composables/index.js"],"names":[],"mappings":""}

package/types/composables/useBreakpointManager.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Use the CssBreakpoints module in Vue
+ * - Normally use only once, unless you have different sets of breakpoints
+ * @param {Object} options Configuration options overrides
+ * @return {Object} { manager, active, direction } (all are null in SSR environment until init)
+ */
+export function useBreakpointManager(options: any): any;
+//# sourceMappingURL=useBreakpointManager.d.ts.map

package/types/composables/useBreakpointManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpointManager.d.ts","sourceRoot":"","sources":["../../lib/composables/useBreakpointManager.js"],"names":[],"mappings":"AAoBA;;;;;GAKG;AACH,wDAyCC"}

package/types/composables/useIcon.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Utility composable for handling and formatting icon props for UluIcon.
+ * @returns {Object} An object with utility functions { getIconProps, getClassesFromDefinition }
+ */
+export function useIcon(): any;
+//# sourceMappingURL=useIcon.d.ts.map

package/types/composables/useIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIcon.d.ts","sourceRoot":"","sources":["../../lib/composables/useIcon.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,+BAyDC"}

package/types/composables/useModifiers.d.ts

@@ -0,0 +1,69 @@
+/**
+ * A composable to manage and resolve BEM style modifiers for a component,
+ * combining user-passed modifiers with internally derived conditional modifiers.
+ *
+ * @param {object} options - The options for the composable.
+ * @param {object} options.props - The component's props object. (Must contain a 'modifiers' prop if user-passed modifiers are expected)
+ * @param {string | import('vue').Ref<string>} options.baseClass - The base CSS class name for the component (e.g., 'modal').
+ * Can be a string or a ref to a string.
+ * @param {string | string[] | Object.<string, any> | import('vue').ComputedRef<string | string[] | Object.<string, any>>} [options.internal={}] -
+ * A flexible input for component's internal modifiers. Can be a string, array of strings/objects, or an object mapping modifier names to conditions.
+ * @returns {object} An object containing the computed property `resolvedModifiers`
+ *
+ * @example
+ * // In MyComponent.vue:
+ * <template>
+ * <div :class="[resolvedModifiers, 'other-class']"></div>
+ * </template>
+ *
+ * <script>
+ * import { computed, ref } from 'vue';
+ * import { useModifiers } from './composables/useModifiers.js'; // Adjust path
+ *
+ * export default {
+ *   props: {
+ *     variant: String, // e.g., 'primary', 'secondary'
+ *     isActive: Boolean,
+ *     modifiers: [String, Array, Object] // User-passed modifiers
+ *   },
+ *   setup(props) {
+ *     const isHovered = ref(false);
+ *
+ *     // Define component-internal modifiers based on props or local state
+ *     const internalModifiers = computed(() => ({
+ *       [props.variant]: !!props.variant, // Add 'primary' or 'secondary' if prop exists
+ *       'active': props.isActive, // Add 'active' if isActive prop is true
+ *       'hovered': isHovered.value, // Add 'hovered' if local state is true
+ *       'default': !props.variant && !props.isActive // Add 'default' if no variant/active
+ *     }));
+ *
+ *     // Use the composable to get the combined modifier classes
+ *     const { resolvedModifiers } = useModifiers({
+ *       props: props, // Pass component props for 'modifiers' prop
+ *       baseClass: 'button', // The BEM block name
+ *       internal: internalModifiers // The computed internal modifiers
+ *     });
+ *
+ *     return { resolvedModifiers, isHovered };
+ *   }
+ * };
+ * </script>
+ *
+ * // Resulting class examples for 'my-component':
+ * // <MyComponent />                       => class="my-component my-component--default"
+ * // <MyComponent variant="primary" />     => class="my-component my-component--primary"
+ * // <MyComponent isActive />              => class="my-component my-component--active"
+ * // <MyComponent modifiers="condensed" /> => class="my-component my-component--default my-component--condensed"
+ * // <MyComponent variant="secondary" :isActive="true" modifiers="round" />
+ * //   => class="my-component my-component--secondary my-component--active my-component--round"
+ */
+export function useModifiers({ props, baseClass, internal }: {
+    props: object;
+    baseClass: string | import("vue").Ref<string>;
+    internal?: string | string[] | {
+        [x: string]: any;
+    } | import("vue").ComputedRef<string | string[] | {
+        [x: string]: any;
+    }>;
+}): object;
+//# sourceMappingURL=useModifiers.d.ts.map

package/types/composables/useModifiers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModifiers.d.ts","sourceRoot":"","sources":["../../lib/composables/useModifiers.js"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,6DAtDG;IAAwB,KAAK,EAArB,MAAM;IACsC,SAAS,EAArD,MAAM,GAAG,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC;IAEuF,QAAQ,GAAjI,MAAM,GAAG,MAAM,EAAE,GAAG;YAAQ,MAAM,GAAE,GAAG;KAAC,GAAG,OAAO,KAAK,EAAE,WAAW,CAAC,MAAM,GAAG,MAAM,EAAE,GAAG;YAAQ,MAAM,GAAE,GAAG;KAAC,CAAC;CAEtH,GAAU,MAAM,CA0ElB"}

package/types/composables/useRequiredInject.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Injects a dependency from a plugin (or other required inject) and throws an error if it's not available.
+ *
+ * @param {string} key - The injection key (e.g., 'uluBreakpointManager').
+ * @returns The injected value.
+ */
+export function useRequiredInject(key: string): {};
+//# sourceMappingURL=useRequiredInject.d.ts.map

package/types/composables/useRequiredInject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRequiredInject.d.ts","sourceRoot":"","sources":["../../lib/composables/useRequiredInject.js"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,uCAHW,MAAM,MAchB"}

package/types/composables/useWindowResize.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Composable function
+ * @return {Object} Contains reactive 'resizing' and two methods for calling callbacks (onResizeStart, onResizeEnd)
+ */
+export function useWindowResize(): any;
+//# sourceMappingURL=useWindowResize.d.ts.map

package/types/composables/useWindowResize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowResize.d.ts","sourceRoot":"","sources":["../../lib/composables/useWindowResize.js"],"names":[],"mappings":"AAiDA;;;GAGG;AACH,uCAUC"}

package/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./plugins/index.js";
+export * from "./components/index.js";
+export * from "./composables/index.js";
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.js"],"names":[],"mappings":""}

package/types/meta.d.ts

@@ -0,0 +1,10 @@
+export namespace injectRegistry {
+    let uluCore: string;
+    let uluIsMobile: string;
+    let uluBreakpointActive: string;
+    let uluBreakpointDirection: string;
+    let uluBreakpointManager: string;
+    let uluModals: string;
+    let uluToast: string;
+}
+//# sourceMappingURL=meta.d.ts.map

package/types/meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../lib/meta.js"],"names":[],"mappings":""}

package/types/plugins/breakpoints/index.d.ts

@@ -0,0 +1,2 @@
+export default function install(app: any, userOptions: any): void;
+//# sourceMappingURL=index.d.ts.map

package/types/plugins/breakpoints/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/breakpoints/index.js"],"names":[],"mappings":"AAiBA,kEA6BC"}

package/types/plugins/core/index.d.ts

@@ -0,0 +1,3 @@
+export default function install(app: any, userSettings?: {}): void;
+export const iconKeys: string[];
+//# sourceMappingURL=index.d.ts.map

package/types/plugins/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/core/index.js"],"names":[],"mappings":"AA6BA,mEAyDC;AA3DD,gCAA0D"}

package/types/plugins/index.d.ts

@@ -0,0 +1,6 @@
+export { default as corePlugin } from "./core/index.js";
+export { default as popoversPlugin } from "./popovers/index.js";
+export { default as modalsPlugin } from "./modals/index.js";
+export { default as toastPlugin } from "./toast/index.js";
+export { default as breakpointsPlugin } from "./breakpoints/index.js";
+//# sourceMappingURL=index.d.ts.map

package/types/plugins/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/plugins/index.js"],"names":[],"mappings":""}

package/types/plugins/modals/api.d.ts

@@ -0,0 +1,34 @@
+export namespace modalsState {
+    export { data };
+    export { modals };
+}
+export function createApi(resolveModalOptions: any): {
+    open(name: any, props?: any): void;
+    /**
+     * Close the active modal
+     * @param {String|Node} focusTo The element or selector for an element to programmatically focus after modal close
+     * @see https://www.deque.com/blog/accessible-routing-in-javascript-frameworks/
+     */
+    close(): void;
+    /**
+     * Get a modal's config object by name
+     * @return {Object} Modal config object
+     */
+    get(name: any): any;
+    /**
+     * Add a modal config
+     */
+    add(config: any): void;
+    /**
+     * Removes a modal config by name
+     * @return {Object} Modal that was removed
+     */
+    remove(name: any): any;
+};
+/**
+ * Reactive data from state
+ */
+declare const data: any;
+declare const modals: any[];
+export {};
+//# sourceMappingURL=api.d.ts.map

package/types/plugins/modals/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../lib/plugins/modals/api.js"],"names":[],"mappings":";;;;AA6BO;;IAML;;;;OAIG;;IAKH;;;OAGG;;IASH;;OAEG;;IAKH;;;OAGG;;EASH;AAxDF;;GAEG;AACH,wBAAyB;AAnBzB,4BAAkB"}

package/types/plugins/modals/index.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Modals Vue Plugin
+ * @param {Object} App Vue app instance passed to plugin
+ * @param {UluModalsPluginOptions} userOptions Options to change (see defaults)
+ */
+export default function install(app: any, userOptions: UluModalsPluginOptions): void;
+/**
+ * Default plugin options
+ */
+export type UluModalsPluginOptions = {
+    /**
+     * Name for modals component that displays app-wide modals
+     */
+    componentNameDisplay: string;
+    /**
+     * Name for modal component
+     */
+    componentNameModal: string;
+    /**
+     * Modals configs [{ name, component, props }]
+     */
+    modals: any[];
+    /**
+     * Options to merge into individual modal options (to serve as defaults for each modal, see UluModalOptions)
+     */
+    modalOptions: UluModalOptions;
+};
+//# sourceMappingURL=index.d.ts.map

package/types/plugins/modals/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/modals/index.js"],"names":[],"mappings":"AA0BA;;;;GAIG;AACH,uDAFW,sBAAsB,QA8BhC;;;;;;;;;;;;;;;;;;;;kBA1Ca,eAAe"}

package/types/plugins/modals/useModals.d.ts

@@ -0,0 +1,2 @@
+export function useModals(): any;
+//# sourceMappingURL=useModals.d.ts.map

package/types/plugins/modals/useModals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModals.d.ts","sourceRoot":"","sources":["../../../lib/plugins/modals/useModals.js"],"names":[],"mappings":"AAEO,iCAMN"}

package/types/plugins/popovers/defaults.d.ts

@@ -0,0 +1,14 @@
+declare namespace _default {
+    let plugin: any;
+    namespace popover {
+        let inline: boolean;
+        let delay: number;
+        let placement: string;
+        let strategy: string;
+        let offset: number;
+        let arrow: boolean;
+    }
+    let tooltip: any;
+}
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

package/types/plugins/popovers/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/defaults.js"],"names":[],"mappings":""}

package/types/plugins/popovers/directive.d.ts

@@ -0,0 +1,8 @@
+declare namespace _default {
+    function mounted(trigger: any, binding: any): void;
+    function beforeUpdate(trigger: any): void;
+    function updated(trigger: any, binding: any): void;
+    function umounted(trigger: any): void;
+}
+export default _default;
+//# sourceMappingURL=directive.d.ts.map

package/types/plugins/popovers/directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"directive.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/directive.js"],"names":[],"mappings":";IAgBE,mDAEC;IACD,0CAEC;IACD,mDAEC;IACD,sCAEC"}

package/types/plugins/popovers/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Install plugin
+ * - Set user options
+ * - Add the global directive for the user to trigger tooltips
+ */
+export default function install(app: any, userOptions?: {}): void;
+//# sourceMappingURL=index.d.ts.map

package/types/plugins/popovers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/index.js"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,kEAOC"}

package/types/plugins/popovers/manager.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Setup the store options
+ * @param {Object} userOptions
+ * @param {Object} options Resolved options
+ */
+export function init(userOptions?: any): {
+    plugin: any;
+    popover: {
+        inline: boolean;
+        delay: number;
+        placement: string;
+        strategy: string;
+        offset: number;
+        arrow: boolean;
+    };
+    tooltip: any;
+};
+/**
+   * Config for a single tooltip instance
+   */
+export function createConfig(userConfig: any): any;
+/**
+ * Show a tooltip
+ * - Set by directive
+ */
+export function show(config: any): void;
+/**
+ * Hide a tooltip
+ * - Set by directive
+ */
+export function hide(): void;
+export namespace options {
+    let plugin: any;
+    let popover: {
+        inline: boolean;
+        delay: number;
+        placement: string;
+        strategy: string;
+        offset: number;
+        arrow: boolean;
+    };
+    let tooltip: any;
+}
+/**
+ * Whether or not the tooltip is active
+ */
+export const active: import("vue").Ref<boolean, boolean>;
+/**
+ * Current tooltip config
+ */
+export const activeConfig: import("vue").Ref<any, any>;
+//# sourceMappingURL=manager.d.ts.map

package/types/plugins/popovers/manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manager.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/manager.js"],"names":[],"mappings":"AAkBA;;;;GAIG;AACH;;;;;;;;;;;EAKC;AAED;;KAEK;AACL,mDAEC;AAED;;;GAGG;AACH,wCAGC;AAED;;;GAGG;AACH,6BAGC;;;;;;;;;;;;;AA5CD;;GAEG;AACH,yDAAiC;AACjC;;GAEG;AACH,uDAAsC"}