@ulu/frontend-vue 0.1.0-beta.1 → 0.1.0-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (92) hide show
  1. package/README.md +113 -2
  2. package/dist/{breakpoints-ClT9bfZm.js → breakpoints-DS8rH5b6.js} +1 -1
  3. package/dist/frontend-vue.js +47 -51
  4. package/dist/index-C5pNSAJH.js +6579 -0
  5. package/lib/components/collapsible/UluAccordion.vue +1 -1
  6. package/lib/components/collapsible/UluModal.vue +4 -5
  7. package/lib/components/collapsible/UluOverflowPopover.vue +1 -1
  8. package/lib/components/elements/UluAlert.vue +1 -2
  9. package/lib/components/elements/UluButton.vue +2 -2
  10. package/lib/components/elements/UluButtonVerbose.vue +119 -0
  11. package/lib/components/elements/UluExternalLink.vue +1 -2
  12. package/lib/components/elements/UluIcon.vue +11 -16
  13. package/lib/components/elements/UluTag.vue +1 -1
  14. package/lib/components/index.js +1 -1
  15. package/lib/components/layout/UluAdaptiveLayout.vue +3 -5
  16. package/lib/components/layout/UluTitleRail.vue +9 -5
  17. package/lib/components/layout/UluWhenBreakpoint.vue +71 -77
  18. package/lib/components/navigation/UluBreadcrumb.vue +1 -2
  19. package/lib/components/navigation/UluMenu.vue +1 -1
  20. package/lib/components/systems/table-sticky/UluTableSticky.vue +1 -1
  21. package/lib/composables/index.js +1 -0
  22. package/lib/composables/useRequiredInject.js +26 -0
  23. package/lib/index.js +0 -1
  24. package/lib/meta.js +14 -0
  25. package/lib/plugins/core/index.js +87 -0
  26. package/lib/plugins/index.js +1 -0
  27. package/lib/plugins/toast/UluToast.vue +1 -1
  28. package/package.json +31 -9
  29. package/types/components/index.d.ts +2 -0
  30. package/types/components/index.d.ts.map +1 -0
  31. package/types/components/systems/index.d.ts +2 -0
  32. package/types/components/systems/index.d.ts.map +1 -0
  33. package/types/components/systems/scroll-anchors/symbols.d.ts +7 -0
  34. package/types/components/systems/scroll-anchors/symbols.d.ts.map +1 -0
  35. package/types/composables/index.d.ts +6 -0
  36. package/types/composables/index.d.ts.map +1 -0
  37. package/types/composables/useBreakpointManager.d.ts +8 -0
  38. package/types/composables/useBreakpointManager.d.ts.map +1 -0
  39. package/types/composables/useIcon.d.ts +6 -0
  40. package/types/composables/useIcon.d.ts.map +1 -0
  41. package/types/composables/useModifiers.d.ts +69 -0
  42. package/types/composables/useModifiers.d.ts.map +1 -0
  43. package/types/composables/useRequiredInject.d.ts +8 -0
  44. package/types/composables/useRequiredInject.d.ts.map +1 -0
  45. package/types/composables/useWindowResize.d.ts +6 -0
  46. package/types/composables/useWindowResize.d.ts.map +1 -0
  47. package/types/index.d.ts +4 -0
  48. package/types/index.d.ts.map +1 -0
  49. package/types/meta.d.ts +10 -0
  50. package/types/meta.d.ts.map +1 -0
  51. package/types/plugins/breakpoints/index.d.ts +2 -0
  52. package/types/plugins/breakpoints/index.d.ts.map +1 -0
  53. package/types/plugins/core/index.d.ts +3 -0
  54. package/types/plugins/core/index.d.ts.map +1 -0
  55. package/types/plugins/index.d.ts +6 -0
  56. package/types/plugins/index.d.ts.map +1 -0
  57. package/types/plugins/modals/api.d.ts +34 -0
  58. package/types/plugins/modals/api.d.ts.map +1 -0
  59. package/types/plugins/modals/index.d.ts +28 -0
  60. package/types/plugins/modals/index.d.ts.map +1 -0
  61. package/types/plugins/modals/useModals.d.ts +2 -0
  62. package/types/plugins/modals/useModals.d.ts.map +1 -0
  63. package/types/plugins/popovers/defaults.d.ts +14 -0
  64. package/types/plugins/popovers/defaults.d.ts.map +1 -0
  65. package/types/plugins/popovers/directive.d.ts +8 -0
  66. package/types/plugins/popovers/directive.d.ts.map +1 -0
  67. package/types/plugins/popovers/index.d.ts +7 -0
  68. package/types/plugins/popovers/index.d.ts.map +1 -0
  69. package/types/plugins/popovers/manager.d.ts +52 -0
  70. package/types/plugins/popovers/manager.d.ts.map +1 -0
  71. package/types/plugins/popovers/useFollow.d.ts +31 -0
  72. package/types/plugins/popovers/useFollow.d.ts.map +1 -0
  73. package/types/plugins/popovers/utils.d.ts +2 -0
  74. package/types/plugins/popovers/utils.d.ts.map +1 -0
  75. package/types/plugins/toast/defaults.d.ts +15 -0
  76. package/types/plugins/toast/defaults.d.ts.map +1 -0
  77. package/types/plugins/toast/index.d.ts +5 -0
  78. package/types/plugins/toast/index.d.ts.map +1 -0
  79. package/types/plugins/toast/store.d.ts +22 -0
  80. package/types/plugins/toast/store.d.ts.map +1 -0
  81. package/types/plugins/toast/useToast.d.ts +2 -0
  82. package/types/plugins/toast/useToast.d.ts.map +1 -0
  83. package/types/utils/dom.d.ts +8 -0
  84. package/types/utils/dom.d.ts.map +1 -0
  85. package/types/utils/placeholder.d.ts +8 -0
  86. package/types/utils/placeholder.d.ts.map +1 -0
  87. package/types/utils/vue-router.d.ts +122 -0
  88. package/types/utils/vue-router.d.ts.map +1 -0
  89. package/dist/frontend-vue.umd.cjs +0 -561
  90. package/dist/index-P5Rwl_Dl.js +0 -7263
  91. package/lib/components/forms/UluFormDropzone.vue +0 -62
  92. package/lib/settings.js +0 -119
@@ -0,0 +1,87 @@
1
+ /**
2
+ * @module plugins/core/index.js
3
+ * @description Core plugin for managing shared configuration for the library.
4
+ */
5
+ import { reactive } from 'vue';
6
+
7
+ const defaults = {
8
+ fontAwesomeStatic: false,
9
+ iconComponent: null,
10
+ iconPropResolver: (definition) => ({ icon: definition }),
11
+ iconsByType: {
12
+ danger: "fas fa-triangle-exclamation",
13
+ warning: "fas fa-circle-exclamation",
14
+ info: "fas fa-circle-info",
15
+ success: "fas fa-circle-check",
16
+ externalLink: "fas fa-arrow-up-right-from-square",
17
+ close: "fas fa-xmark",
18
+ expand: "fas fa-plus",
19
+ collapse: "fas fa-minus",
20
+ resizeHorizontal: "fas fa-grip-lines-vertical",
21
+ resizeVertical: "fas fa-grip-lines",
22
+ resizeBoth: "fas fa-grip",
23
+ ellipsis: "fas fa-ellipsis",
24
+ pathSeparator: "fas fa-chevron-right"
25
+ }
26
+ };
27
+
28
+ export const iconKeys = Object.keys(defaults.iconsByType);
29
+
30
+ export default function install(app, userSettings = {}) {
31
+ // A single reactive object for all settings
32
+ const settings = reactive({ ...defaults });
33
+
34
+ // Separate icon overrides from other options to handle them safely
35
+ const { iconsByType: iconOverrides, ...otherOptions } = userSettings || {};
36
+
37
+ // Merge any user-provided options during installation
38
+ if (otherOptions) {
39
+ Object.assign(settings, otherOptions);
40
+ }
41
+
42
+ const api = {
43
+ // Methods to interact with settings
44
+ getSettings() {
45
+ return settings;
46
+ },
47
+ getDefaultSettings() {
48
+ return { ...defaults };
49
+ },
50
+ updateSettings(changes) {
51
+ return Object.assign(settings, changes);
52
+ },
53
+ getSetting(key) {
54
+ if (!settings.hasOwnProperty(key)) {
55
+ console.warn(`Attempted to access non-existent setting: ${key}`);
56
+ return;
57
+ }
58
+ return settings[key];
59
+ },
60
+ updateSetting(key, value) {
61
+ if (typeof key !== "string") {
62
+ throw new Error("Expected key to be string");
63
+ }
64
+ settings[key] = value;
65
+ },
66
+ getIcon(type) {
67
+ const icons = settings.iconsByType;
68
+ if (!icons[type]) {
69
+ throw new Error(`Icon type "${type}" not found!`);
70
+ }
71
+ return icons[type];
72
+ },
73
+ setIcon(type, definition) {
74
+ settings.iconsByType[type] = definition;
75
+ }
76
+ };
77
+
78
+ // Apply any individual icon overrides passed during installation
79
+ if (iconOverrides) {
80
+ for (const [type, definition] of Object.entries(iconOverrides)) {
81
+ api.setIcon(type, definition);
82
+ }
83
+ }
84
+
85
+ app.provide('uluCore', api);
86
+ app.config.globalProperties.$uluCore = api;
87
+ }
@@ -5,6 +5,7 @@
5
5
  */
6
6
 
7
7
 
8
+ export { default as corePlugin } from './core/index.js';
8
9
  export { default as popoversPlugin } from './popovers/index.js';
9
10
  export { default as modalsPlugin } from './modals/index.js';
10
11
  export { default as toastPlugin } from './toast/index.js';
@@ -43,7 +43,7 @@
43
43
  </button>
44
44
  </div>
45
45
  <button class="toast__close" :class="classes.closeButton" @click="toast.close">
46
- <UluIcon type="close"/>
46
+ <UluIcon :icon="'type:close'"/>
47
47
  </button>
48
48
  </div>
49
49
  </template>
package/package.json CHANGED
@@ -1,11 +1,12 @@
1
1
  {
2
2
  "name": "@ulu/frontend-vue",
3
- "version": "0.1.0-beta.1",
4
- "description": "Frontend theming library (Vue)",
3
+ "version": "0.1.0-beta.10",
4
+ "description": "A modular and tree-shakeable Vue 3 component library for the Ulu frontend",
5
5
  "type": "module",
6
- "files" : [
6
+ "files": [
7
7
  "lib",
8
- "dist"
8
+ "dist",
9
+ "types"
9
10
  ],
10
11
  "module": "./lib/index.js",
11
12
  "exports": {
@@ -18,17 +19,35 @@
18
19
  "./*": "./lib/*",
19
20
  "./scss": "./lib/_index.scss"
20
21
  },
22
+ "typesVersions": {
23
+ "*": {
24
+ "lib/*": [
25
+ "./types/*"
26
+ ]
27
+ }
28
+ },
21
29
  "repository": {
22
30
  "type": "git",
23
31
  "url": "git+https://github.com/Jscherbe/frontend-vue.git"
24
32
  },
25
33
  "scripts": {
26
34
  "dev": "storybook dev -p 6006",
27
- "docs:build": "storybook build -o docs --docs",
35
+ "docs:build": "storybook build -o docs",
28
36
  "build": "vite build",
29
- "deploy": "npm run build && npm run docs:build"
37
+ "types": "npx tsc",
38
+ "deploy": "npm run types && npm run build && npm run docs:build"
30
39
  },
31
- "keywords": [],
40
+ "keywords": [
41
+ "vue",
42
+ "vue3",
43
+ "ui",
44
+ "components",
45
+ "component-library",
46
+ "design-system",
47
+ "ulu",
48
+ "frontend",
49
+ "scss"
50
+ ],
32
51
  "author": "Joseph Scherben <jscherbe@gmail.com>",
33
52
  "license": "MIT",
34
53
  "bugs": {
@@ -48,7 +67,8 @@
48
67
  },
49
68
  "dependencies": {
50
69
  "@floating-ui/vue": "^1.1.8",
51
- "@ulu/utils": "^0.0.30"
70
+ "@ulu/utils": "^0.0.30",
71
+ "lodash-es": "^4.17.21"
52
72
  },
53
73
  "devDependencies": {
54
74
  "@fortawesome/fontawesome-svg-core": "^6.7.2",
@@ -67,9 +87,11 @@
67
87
  "storybook": "^9.1.1",
68
88
  "storybook-addon-vue-mdx": "^2.0.2",
69
89
  "vite": "^7.0.0",
70
- "vue-router": "^4.5.1"
90
+ "vue-router": "^4.5.1",
91
+ "typescript": "^5.3.3"
71
92
  },
72
93
  "volta": {
73
94
  "node": "22.17.0"
74
95
  }
75
96
  }
97
+
@@ -0,0 +1,2 @@
1
+ export * from "./systems/index.js";
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/components/index.js"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/systems/index.js"],"names":[],"mappings":""}
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Symbol for register provide/inject
3
+ */
4
+ export const REGISTER: any;
5
+ export const UNREGISTER: any;
6
+ export const SECTIONS: any;
7
+ //# sourceMappingURL=symbols.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,6 @@
1
+ export { useIcon } from "./useIcon.js";
2
+ export { useModifiers } from "./useModifiers.js";
3
+ export { useWindowResize } from "./useWindowResize.js";
4
+ export { useRequiredInject } from "./useRequiredInject.js";
5
+ export { useBreakpointManager } from "./useBreakpointManager.js";
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/composables/index.js"],"names":[],"mappings":""}
@@ -0,0 +1,8 @@
1
+ /**
2
+ * Use the CssBreakpoints module in Vue
3
+ * - Normally use only once, unless you have different sets of breakpoints
4
+ * @param {Object} options Configuration options overrides
5
+ * @return {Object} { manager, active, direction } (all are null in SSR environment until init)
6
+ */
7
+ export function useBreakpointManager(options: any): any;
8
+ //# sourceMappingURL=useBreakpointManager.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useBreakpointManager.d.ts","sourceRoot":"","sources":["../../lib/composables/useBreakpointManager.js"],"names":[],"mappings":"AAoBA;;;;;GAKG;AACH,wDAyCC"}
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Utility composable for handling and formatting icon props for UluIcon.
3
+ * @returns {Object} An object with utility functions { getIconProps, getClassesFromDefinition }
4
+ */
5
+ export function useIcon(): any;
6
+ //# sourceMappingURL=useIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useIcon.d.ts","sourceRoot":"","sources":["../../lib/composables/useIcon.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,+BAyDC"}
@@ -0,0 +1,69 @@
1
+ /**
2
+ * A composable to manage and resolve BEM style modifiers for a component,
3
+ * combining user-passed modifiers with internally derived conditional modifiers.
4
+ *
5
+ * @param {object} options - The options for the composable.
6
+ * @param {object} options.props - The component's props object. (Must contain a 'modifiers' prop if user-passed modifiers are expected)
7
+ * @param {string | import('vue').Ref<string>} options.baseClass - The base CSS class name for the component (e.g., 'modal').
8
+ * Can be a string or a ref to a string.
9
+ * @param {string | string[] | Object.<string, any> | import('vue').ComputedRef<string | string[] | Object.<string, any>>} [options.internal={}] -
10
+ * A flexible input for component's internal modifiers. Can be a string, array of strings/objects, or an object mapping modifier names to conditions.
11
+ * @returns {object} An object containing the computed property `resolvedModifiers`
12
+ *
13
+ * @example
14
+ * // In MyComponent.vue:
15
+ * <template>
16
+ * <div :class="[resolvedModifiers, 'other-class']"></div>
17
+ * </template>
18
+ *
19
+ * <script>
20
+ * import { computed, ref } from 'vue';
21
+ * import { useModifiers } from './composables/useModifiers.js'; // Adjust path
22
+ *
23
+ * export default {
24
+ * props: {
25
+ * variant: String, // e.g., 'primary', 'secondary'
26
+ * isActive: Boolean,
27
+ * modifiers: [String, Array, Object] // User-passed modifiers
28
+ * },
29
+ * setup(props) {
30
+ * const isHovered = ref(false);
31
+ *
32
+ * // Define component-internal modifiers based on props or local state
33
+ * const internalModifiers = computed(() => ({
34
+ * [props.variant]: !!props.variant, // Add 'primary' or 'secondary' if prop exists
35
+ * 'active': props.isActive, // Add 'active' if isActive prop is true
36
+ * 'hovered': isHovered.value, // Add 'hovered' if local state is true
37
+ * 'default': !props.variant && !props.isActive // Add 'default' if no variant/active
38
+ * }));
39
+ *
40
+ * // Use the composable to get the combined modifier classes
41
+ * const { resolvedModifiers } = useModifiers({
42
+ * props: props, // Pass component props for 'modifiers' prop
43
+ * baseClass: 'button', // The BEM block name
44
+ * internal: internalModifiers // The computed internal modifiers
45
+ * });
46
+ *
47
+ * return { resolvedModifiers, isHovered };
48
+ * }
49
+ * };
50
+ * </script>
51
+ *
52
+ * // Resulting class examples for 'my-component':
53
+ * // <MyComponent /> => class="my-component my-component--default"
54
+ * // <MyComponent variant="primary" /> => class="my-component my-component--primary"
55
+ * // <MyComponent isActive /> => class="my-component my-component--active"
56
+ * // <MyComponent modifiers="condensed" /> => class="my-component my-component--default my-component--condensed"
57
+ * // <MyComponent variant="secondary" :isActive="true" modifiers="round" />
58
+ * // => class="my-component my-component--secondary my-component--active my-component--round"
59
+ */
60
+ export function useModifiers({ props, baseClass, internal }: {
61
+ props: object;
62
+ baseClass: string | import("vue").Ref<string>;
63
+ internal?: string | string[] | {
64
+ [x: string]: any;
65
+ } | import("vue").ComputedRef<string | string[] | {
66
+ [x: string]: any;
67
+ }>;
68
+ }): object;
69
+ //# sourceMappingURL=useModifiers.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,8 @@
1
+ /**
2
+ * Injects a dependency from a plugin (or other required inject) and throws an error if it's not available.
3
+ *
4
+ * @param {string} key - The injection key (e.g., 'uluBreakpointManager').
5
+ * @returns The injected value.
6
+ */
7
+ export function useRequiredInject(key: string): {};
8
+ //# sourceMappingURL=useRequiredInject.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useRequiredInject.d.ts","sourceRoot":"","sources":["../../lib/composables/useRequiredInject.js"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,uCAHW,MAAM,MAchB"}
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Composable function
3
+ * @return {Object} Contains reactive 'resizing' and two methods for calling callbacks (onResizeStart, onResizeEnd)
4
+ */
5
+ export function useWindowResize(): any;
6
+ //# sourceMappingURL=useWindowResize.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useWindowResize.d.ts","sourceRoot":"","sources":["../../lib/composables/useWindowResize.js"],"names":[],"mappings":"AAiDA;;;GAGG;AACH,uCAUC"}
@@ -0,0 +1,4 @@
1
+ export * from "./plugins/index.js";
2
+ export * from "./components/index.js";
3
+ export * from "./composables/index.js";
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.js"],"names":[],"mappings":""}
@@ -0,0 +1,10 @@
1
+ export namespace injectRegistry {
2
+ let uluCore: string;
3
+ let uluIsMobile: string;
4
+ let uluBreakpointActive: string;
5
+ let uluBreakpointDirection: string;
6
+ let uluBreakpointManager: string;
7
+ let uluModals: string;
8
+ let uluToast: string;
9
+ }
10
+ //# sourceMappingURL=meta.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../lib/meta.js"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export default function install(app: any, userOptions: any): void;
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/breakpoints/index.js"],"names":[],"mappings":"AAiBA,kEA6BC"}
@@ -0,0 +1,3 @@
1
+ export default function install(app: any, userSettings?: {}): void;
2
+ export const iconKeys: string[];
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/core/index.js"],"names":[],"mappings":"AA6BA,mEAyDC;AA3DD,gCAA0D"}
@@ -0,0 +1,6 @@
1
+ export { default as corePlugin } from "./core/index.js";
2
+ export { default as popoversPlugin } from "./popovers/index.js";
3
+ export { default as modalsPlugin } from "./modals/index.js";
4
+ export { default as toastPlugin } from "./toast/index.js";
5
+ export { default as breakpointsPlugin } from "./breakpoints/index.js";
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/plugins/index.js"],"names":[],"mappings":""}
@@ -0,0 +1,34 @@
1
+ export namespace modalsState {
2
+ export { data };
3
+ export { modals };
4
+ }
5
+ export function createApi(resolveModalOptions: any): {
6
+ open(name: any, props?: any): void;
7
+ /**
8
+ * Close the active modal
9
+ * @param {String|Node} focusTo The element or selector for an element to programmatically focus after modal close
10
+ * @see https://www.deque.com/blog/accessible-routing-in-javascript-frameworks/
11
+ */
12
+ close(): void;
13
+ /**
14
+ * Get a modal's config object by name
15
+ * @return {Object} Modal config object
16
+ */
17
+ get(name: any): any;
18
+ /**
19
+ * Add a modal config
20
+ */
21
+ add(config: any): void;
22
+ /**
23
+ * Removes a modal config by name
24
+ * @return {Object} Modal that was removed
25
+ */
26
+ remove(name: any): any;
27
+ };
28
+ /**
29
+ * Reactive data from state
30
+ */
31
+ declare const data: any;
32
+ declare const modals: any[];
33
+ export {};
34
+ //# sourceMappingURL=api.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,28 @@
1
+ /**
2
+ * Modals Vue Plugin
3
+ * @param {Object} App Vue app instance passed to plugin
4
+ * @param {UluModalsPluginOptions} userOptions Options to change (see defaults)
5
+ */
6
+ export default function install(app: any, userOptions: UluModalsPluginOptions): void;
7
+ /**
8
+ * Default plugin options
9
+ */
10
+ export type UluModalsPluginOptions = {
11
+ /**
12
+ * Name for modals component that displays app-wide modals
13
+ */
14
+ componentNameDisplay: string;
15
+ /**
16
+ * Name for modal component
17
+ */
18
+ componentNameModal: string;
19
+ /**
20
+ * Modals configs [{ name, component, props }]
21
+ */
22
+ modals: any[];
23
+ /**
24
+ * Options to merge into individual modal options (to serve as defaults for each modal, see UluModalOptions)
25
+ */
26
+ modalOptions: UluModalOptions;
27
+ };
28
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/modals/index.js"],"names":[],"mappings":"AA0BA;;;;GAIG;AACH,uDAFW,sBAAsB,QA8BhC;;;;;;;;;;;;;;;;;;;;kBA1Ca,eAAe"}
@@ -0,0 +1,2 @@
1
+ export function useModals(): any;
2
+ //# sourceMappingURL=useModals.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useModals.d.ts","sourceRoot":"","sources":["../../../lib/plugins/modals/useModals.js"],"names":[],"mappings":"AAEO,iCAMN"}
@@ -0,0 +1,14 @@
1
+ declare namespace _default {
2
+ let plugin: any;
3
+ namespace popover {
4
+ let inline: boolean;
5
+ let delay: number;
6
+ let placement: string;
7
+ let strategy: string;
8
+ let offset: number;
9
+ let arrow: boolean;
10
+ }
11
+ let tooltip: any;
12
+ }
13
+ export default _default;
14
+ //# sourceMappingURL=defaults.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/defaults.js"],"names":[],"mappings":""}
@@ -0,0 +1,8 @@
1
+ declare namespace _default {
2
+ function mounted(trigger: any, binding: any): void;
3
+ function beforeUpdate(trigger: any): void;
4
+ function updated(trigger: any, binding: any): void;
5
+ function umounted(trigger: any): void;
6
+ }
7
+ export default _default;
8
+ //# sourceMappingURL=directive.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"directive.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/directive.js"],"names":[],"mappings":";IAgBE,mDAEC;IACD,0CAEC;IACD,mDAEC;IACD,sCAEC"}
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Install plugin
3
+ * - Set user options
4
+ * - Add the global directive for the user to trigger tooltips
5
+ */
6
+ export default function install(app: any, userOptions?: {}): void;
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/index.js"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,kEAOC"}
@@ -0,0 +1,52 @@
1
+ /**
2
+ * Setup the store options
3
+ * @param {Object} userOptions
4
+ * @param {Object} options Resolved options
5
+ */
6
+ export function init(userOptions?: any): {
7
+ plugin: any;
8
+ popover: {
9
+ inline: boolean;
10
+ delay: number;
11
+ placement: string;
12
+ strategy: string;
13
+ offset: number;
14
+ arrow: boolean;
15
+ };
16
+ tooltip: any;
17
+ };
18
+ /**
19
+ * Config for a single tooltip instance
20
+ */
21
+ export function createConfig(userConfig: any): any;
22
+ /**
23
+ * Show a tooltip
24
+ * - Set by directive
25
+ */
26
+ export function show(config: any): void;
27
+ /**
28
+ * Hide a tooltip
29
+ * - Set by directive
30
+ */
31
+ export function hide(): void;
32
+ export namespace options {
33
+ let plugin: any;
34
+ let popover: {
35
+ inline: boolean;
36
+ delay: number;
37
+ placement: string;
38
+ strategy: string;
39
+ offset: number;
40
+ arrow: boolean;
41
+ };
42
+ let tooltip: any;
43
+ }
44
+ /**
45
+ * Whether or not the tooltip is active
46
+ */
47
+ export const active: import("vue").Ref<boolean, boolean>;
48
+ /**
49
+ * Current tooltip config
50
+ */
51
+ export const activeConfig: import("vue").Ref<any, any>;
52
+ //# sourceMappingURL=manager.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,31 @@
1
+ export default function useFollowPoint(userOptions: any): {
2
+ /**
3
+ * Reactive X value
4
+ * @type {Object}
5
+ */
6
+ x: any;
7
+ /**
8
+ * Reactive Y value
9
+ * @type {Object}
10
+ */
11
+ y: any;
12
+ /**
13
+ * Show follow tooltip
14
+ */
15
+ show(): void;
16
+ /**
17
+ * Hide follow tooltip
18
+ */
19
+ hide(): void;
20
+ /**
21
+ *
22
+ * @param {Object} changes Updates for virtual element
23
+ * @param {Object} changes.x New 'x' value
24
+ * @param {Object} changes.y New 'y' value
25
+ */
26
+ update(changes: {
27
+ x: any;
28
+ y: any;
29
+ }): void;
30
+ };
31
+ //# sourceMappingURL=useFollow.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useFollow.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/useFollow.js"],"names":[],"mappings":"AAOA;IAoCI;;;OAGG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAIH;;OAEG;;IAIH;;;;;OAKG;oBAFA;QAAwB,CAAC;QACD,CAAC;KAC3B;EASJ"}
@@ -0,0 +1,2 @@
1
+ export function newUid(): string;
2
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/utils.js"],"names":[],"mappings":"AAEA,iCAEC"}
@@ -0,0 +1,15 @@
1
+ declare namespace _default {
2
+ namespace toastOptions {
3
+ let component: any;
4
+ let duration: number;
5
+ let actions: any[];
6
+ }
7
+ namespace pluginOptions {
8
+ let componentName: string;
9
+ let componentNameDisplay: string;
10
+ let teleportTo: string;
11
+ let position: string[];
12
+ }
13
+ }
14
+ export default _default;
15
+ //# sourceMappingURL=defaults.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/defaults.js"],"names":[],"mappings":""}