npm - @signal24/vue-foundation - Versions diffs - 4.16.1 → 4.17.1 - Mend

@signal24/vue-foundation 4.16.1 → 4.17.1

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 (45) hide show

package/demo/components/demo-root.vue +21 -0
package/demo/components/demo-vf-smart-select.vue +28 -0
package/demo/index.html +14 -0
package/demo/index.ts +10 -0
package/demo/vite.config.ts +23 -0
package/dist/demo/components/demo-root.vue.d.ts +2 -0
package/dist/demo/components/demo-vf-smart-select.vue.d.ts +2 -0
package/dist/demo/index.d.ts +1 -0
package/dist/demo/vite.config.d.ts +2 -0
package/dist/src/components/index.d.ts +5 -5
package/dist/src/components/overlay-anchor.vue.d.ts +6 -8
package/dist/src/components/overlay-container.d.ts +1 -1
package/dist/src/components/toast-helpers.d.ts +1 -1
package/dist/src/components/vf-ajax-select.vue.d.ts +26 -0
package/dist/src/components/{alert-modal.vue.d.ts → vf-alert-modal.vue.d.ts} +1 -1
package/dist/src/components/{ez-smart-select.vue.d.ts → vf-ez-smart-select.vue.d.ts} +14 -6
package/dist/src/components/{modal.vue.d.ts → vf-modal.vue.d.ts} +9 -11
package/dist/src/components/vf-smart-select.vue.d.ts +47 -0
package/dist/src/components/{toast.vue.d.ts → vf-toast.vue.d.ts} +1 -1
package/dist/vue-foundation.es.js +828 -894
package/eslint.config.mjs +67 -0
package/package.json +14 -12
package/src/components/alert-helpers.ts +1 -1
package/src/components/index.ts +5 -5
package/src/components/overlay-container.ts +5 -1
package/src/components/toast-helpers.ts +1 -1
package/src/components/vf-ajax-select.vue +61 -0
package/src/components/{alert-modal.vue → vf-alert-modal.vue} +5 -5
package/src/components/{ez-smart-select.vue → vf-ez-smart-select.vue} +12 -8
package/src/components/{modal.vue → vf-modal.vue} +3 -3
package/src/components/vf-smart-select.vue +587 -0
package/src/directives/duration.ts +3 -3
package/src/filters/index.ts +1 -0
package/src/helpers/array.ts +1 -0
package/src/helpers/error.ts +4 -0
package/src/helpers/object.ts +1 -0
package/tsconfig.app.json +1 -1
package/tsconfig.node.json +1 -1
package/tsconfig.vitest.json +2 -2
package/.eslintrc.cjs +0 -35
package/dist/src/components/ajax-select.vue.d.ts +0 -19
package/dist/src/components/smart-select.vue.d.ts +0 -115
package/src/components/ajax-select.vue +0 -75
package/src/components/smart-select.vue +0 -609
/package/src/components/{toast.vue → vf-toast.vue} +0 -0

package/demo/components/demo-root.vue ADDED Viewed

@@ -0,0 +1,21 @@
+<template>
+    <div id="vf-demo">
+        <select v-model="selectedDemo">
+            <option :value="null" disabled selected>Select a demo</option>
+            <option v-for="demo in demos" :key="demo" :value="demo">{{ demo }}</option>
+        </select>
+        <DemoVfSmartSelect v-if="selectedDemo === 'VfSmartSelect'" />
+    </div>
+</template>
+<script lang="ts" setup>
+import { ref } from 'vue';
+import DemoVfSmartSelect from './demo-vf-smart-select.vue';
+const demos = ['VfSmartSelect'] as const;
+const selectedDemo = ref<(typeof demos)[number] | null>();
+</script>
+<style lang="scss" scoped></style>

package/demo/components/demo-vf-smart-select.vue ADDED Viewed

@@ -0,0 +1,28 @@
+<template>
+    <div id="demo-vf-smart-select">
+        <VfSmartSelect v-model="selectedOption" :options="options" label-field="label" />
+    </div>
+</template>
+<script lang="ts" setup>
+import { ref } from 'vue';
+import VfSmartSelect from '@/components/vf-smart-select.vue';
+const options = [
+    { value: '1', label: 'Option 1' },
+    { value: '2', label: 'Option 2' },
+    { value: '3', label: 'Option 3' },
+    { value: '4', label: 'Option 4' },
+    { value: '5', label: 'Option 5' },
+    { value: '6', label: 'Option 6' },
+    { value: '7', label: 'Option 7' },
+    { value: '8', label: 'Option 8' },
+    { value: '9', label: 'Option 9' },
+    { value: '10', label: 'Option 10' }
+];
+const selectedOption = ref<(typeof options)[number] | null>(null);
+</script>
+<style lang="scss" scoped></style>

package/demo/index.html ADDED Viewed

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta http-equiv="Cache-control" content="no-cache" />
+        <meta http-equiv="Expires" content="-1" />
+        <title>Vue-Foundation Demo</title>
+    </head>
+    <body>
+        <div id="app"></div>
+        <script type="module" src="/index.ts"></script>
+    </body>
+</html>

package/demo/index.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { createApp } from 'vue';
+import { configureVf } from '@/config';
+import DemoRoot from './components/demo-root.vue';
+const app = createApp(DemoRoot);
+configureVf({});
+app.mount(document.body);

package/demo/vite.config.ts ADDED Viewed

@@ -0,0 +1,23 @@
+import { fileURLToPath, URL } from 'node:url';
+import eslintPlugin from '@nabla/vite-plugin-eslint';
+import { openapiClientGeneratorPlugin } from '@signal24/vue-foundation/vite-plugins';
+import vue from '@vitejs/plugin-vue';
+import { defineConfig } from 'vite';
+// https://vitejs.dev/config/
+export default defineConfig({
+    build: {
+        sourcemap: true,
+        // note we have to use ES2015 to downgrade async/await to Promises so that Zone.js can monkey patch them
+        // without that, we lose context tracking through otel and Sentry errors and traces are no longer correlated
+        target: 'es2015'
+    },
+    plugins: [vue(), eslintPlugin(), openapiClientGeneratorPlugin()],
+    resolve: {
+        alias: {
+            '@': fileURLToPath(new URL('../src', import.meta.url))
+        }
+    }
+});

package/dist/demo/components/demo-root.vue.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
2	+ export default _default;

package/dist/demo/components/demo-vf-smart-select.vue.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
2	+ export default _default;

package/dist/demo/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/demo/vite.config.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ declare const _default: import("vite").UserConfig;
2	+ export default _default;

package/dist/src/components/index.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import VfAjaxSelect from './ajax-select.vue';
-import VfAlertModal from './alert-modal.vue';
-import VfEzSmartSelect from './ez-smart-select.vue';
-import VfModal from './modal.vue';
-import VfSmartSelect from './smart-select.vue';
+import VfAjaxSelect from './vf-ajax-select.vue';
+import VfAlertModal from './vf-alert-modal.vue';
+import VfEzSmartSelect from './vf-ez-smart-select.vue';
+import VfModal from './vf-modal.vue';
+import VfSmartSelect from './vf-smart-select.vue';
 export * from './alert-helpers';
 export * from './overlay-container';
 export * from './toast-helpers';

package/dist/src/components/overlay-anchor.vue.d.ts CHANGED Viewed

@@ -1,22 +1,20 @@
 import type { OverlayAnchorOptions } from './overlay-types';
-declare var __VLS_0: {};
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: {
-        default?(_: typeof __VLS_0): any;
+        default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{
     overlayId: string;
     anchor: OverlayAnchorOptions;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     overlayId: string;
     anchor: OverlayAnchorOptions;
-} & {}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/src/components/overlay-container.d.ts CHANGED Viewed

@@ -15,7 +15,7 @@ export interface OverlayInjection<C extends OverlayComponent, R extends Componen
 }
 export declare const OverlayContainer: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export type Vue__ComponentPublicInstanceConstructor<T extends ComponentPublicInstance<Props, RawBindings, D, C, M> = ComponentPublicInstance<any>, Props = any, RawBindings = any, D = any, C extends ComputedOptions = ComputedOptions, M extends MethodOptions = MethodOptions> = {
     __isFragment?: never;
     __isTeleport?: never;

package/dist/src/components/toast-helpers.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { type IToastOptions } from './toast.vue';
+import { type IToastOptions } from './vf-toast.vue';
 export declare function showToast(options: IToastOptions): () => void;

package/dist/src/components/vf-ajax-select.vue.d.ts ADDED Viewed

@@ -0,0 +1,26 @@
+declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((args_0: T) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<{}> & Readonly<{
+        "onUpdate:modelValue"?: ((args_0: T) => any) | undefined;
+    }>, never>, "onUpdate:modelValue"> & {
+        modelValue: T;
+        loadFn: () => Promise<T[]>;
+        nullText?: string;
+        loadingText?: string;
+        displayKey?: keyof T;
+        preprocesor?: (option: T) => string;
+    }> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "update:modelValue", args_0: T) => void;
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/src/components/{alert-modal.vue.d.ts → vf-alert-modal.vue.d.ts} RENAMED Viewed

@@ -14,5 +14,5 @@ declare const _default: import("vue").DefineComponent<{
     message: string | Error;
     shouldConfirm?: boolean;
     callback: (ok: boolean) => void;
-} & {}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/src/components/{ez-smart-select.vue.d.ts → vf-ez-smart-select.vue.d.ts} RENAMED Viewed

@@ -1,18 +1,26 @@
+interface IComputedOption {
+    value: string;
+    label: string;
+}
 declare const _default: import("vue").DefineComponent<{
     modelValue: string | null | undefined;
     nullTitle?: string;
     placeholder?: string;
-    options: Record<string, string> | string[];
-    formatter?: (value: any) => string;
+    options: {
+        [K: string]: string;
+    } | string[];
+    formatter?: (item: IComputedOption) => string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | null) => any;
 }, string, import("vue").PublicProps, Readonly<{
     modelValue: string | null | undefined;
     nullTitle?: string;
     placeholder?: string;
-    options: Record<string, string> | string[];
-    formatter?: (value: any) => string;
-} & {
+    options: {
+        [K: string]: string;
+    } | string[];
+    formatter?: (item: IComputedOption) => string;
+}> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/src/components/{modal.vue.d.ts → vf-modal.vue.d.ts} RENAMED Viewed

@@ -2,21 +2,19 @@ declare function mask(): () => void;
 declare function unmask(): void;
 declare function hide(): () => void;
 declare function unhide(): void;
-declare var __VLS_1: {};
-declare var __VLS_inheritedAttrs: {};
-declare const __VLS_templateResult: {
+declare function __VLS_template(): {
     slots: {
         header?(_: {}): any;
-        default?(_: typeof __VLS_1): any;
+        default?(_: {}): any;
         footer?(_: {}): any;
     };
     refs: {
-        overlay: import("vue").HTMLAttributes & import("vue").ReservedProps;
-        form: import("vue").FormHTMLAttributes & import("vue").ReservedProps;
+        overlay: HTMLDivElement;
+        form: HTMLFormElement;
     };
-    attrs: Partial<typeof __VLS_inheritedAttrs>;
+    attrs: Partial<{}>;
 };
-type __VLS_Slots = typeof __VLS_templateResult['slots'];
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{
     id?: string;
     closeOnMaskClick?: boolean;
@@ -36,10 +34,10 @@ declare const __VLS_component: import("vue").DefineComponent<{
     scrolls?: boolean;
     closeX?: boolean;
     class?: string | string[];
-} & {
+}> & Readonly<{
     onFormSubmit?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/src/components/vf-smart-select.vue.d.ts ADDED Viewed

@@ -0,0 +1,47 @@
+declare const _default: <T, V = T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((args_0: V) => any) | undefined;
+        readonly onOptionsLoaded?: ((args_0: T[]) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<{}> & Readonly<{
+        "onUpdate:modelValue"?: ((args_0: V) => any) | undefined;
+        onOptionsLoaded?: ((args_0: T[]) => any) | undefined;
+    }>, never>, "onUpdate:modelValue" | "onOptionsLoaded"> & {
+        modelValue: V | null;
+        loadOptions?: (searchText: string | null) => Promise<T[]>;
+        options?: T[];
+        prependOptions?: T[];
+        appendOptions?: T[];
+        onCreateItem?: (searchText: string) => void;
+        preload?: boolean;
+        remoteSearch?: boolean;
+        searchFields?: (keyof T)[];
+        placeholder?: string;
+        keyField?: keyof T;
+        keyExtractor?: (option: T) => string | symbol;
+        valueField?: keyof T;
+        valueExtractor?: (option: T) => V;
+        labelField?: keyof T;
+        formatter?: (option: T) => string;
+        subtitleFormatter?: (option: T) => string;
+        nullTitle?: string;
+        noResultsText?: string;
+        disabled?: boolean;
+        optionsListId?: string;
+        debug?: boolean;
+        required?: boolean;
+    }> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        addRemoteOption: (option: T) => void;
+    }>): void;
+    attrs: any;
+    slots: {};
+    emit: ((evt: "update:modelValue", args_0: V) => void) & ((evt: "optionsLoaded", args_0: T[]) => void);
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/src/components/{toast.vue.d.ts → vf-toast.vue.d.ts} RENAMED Viewed

@@ -9,5 +9,5 @@ declare const _default: import("vue").DefineComponent<IToastOptions & {
     callback: () => void;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IToastOptions & {
     callback: () => void;
-} & {}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;