@signal24/vue-foundation 4.3.4 → 4.3.6

package/dist/src/components/alert-modal.vue.d.ts

@@ -1,50 +1,27 @@
-declare const _default: import("vue").DefineComponent<{
-    isBare: {
-        type: import("vue").PropType<boolean>;
-    };
-    isHtml: {
-        type: import("vue").PropType<boolean>;
-    };
-    classes: {
-        type: import("vue").PropType<string[]>;
-    };
-    title: {
-        type: import("vue").PropType<string>;
-    };
-    message: {
-        type: import("vue").PropType<string | Error>;
-        required: true;
-    };
-    shouldConfirm: {
-        type: import("vue").PropType<boolean>;
-    };
-    callback: {
-        type: import("vue").PropType<(ok: boolean) => void>;
-        required: true;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    isBare: {
-        type: import("vue").PropType<boolean>;
-    };
-    isHtml: {
-        type: import("vue").PropType<boolean>;
-    };
-    classes: {
-        type: import("vue").PropType<string[]>;
-    };
-    title: {
-        type: import("vue").PropType<string>;
-    };
-    message: {
-        type: import("vue").PropType<string | Error>;
-        required: true;
-    };
-    shouldConfirm: {
-        type: import("vue").PropType<boolean>;
-    };
-    callback: {
-        type: import("vue").PropType<(ok: boolean) => void>;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    isBare?: boolean | undefined;
+    isHtml?: boolean | undefined;
+    classes?: string[] | undefined;
+    title?: string | undefined;
+    message: string | Error;
+    shouldConfirm?: boolean | undefined;
+    callback: (ok: boolean) => void;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    isBare?: boolean | undefined;
+    isHtml?: boolean | undefined;
+    classes?: string[] | undefined;
+    title?: string | undefined;
+    message: string | Error;
+    shouldConfirm?: boolean | undefined;
+    callback: (ok: boolean) => void;
+}>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
         required: true;
     };
-}>>, {}, {}>;
-export default _default;
+};

package/dist/src/components/ez-smart-select.vue.d.ts

@@ -1,42 +1,27 @@
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: import("vue").PropType<string | null | undefined>;
-        required: true;
-    };
-    nullTitle: {
-        type: import("vue").PropType<string>;
-    };
-    placeholder: {
-        type: import("vue").PropType<string>;
-    };
-    options: {
-        type: import("vue").PropType<string[] | Record<string, string>>;
-        required: true;
-    };
-    formatter: {
-        type: import("vue").PropType<(value: any) => string>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    modelValue: string | null | undefined;
+    nullTitle?: string | undefined;
+    placeholder?: string | undefined;
+    options: string[] | Record<string, string>;
+    formatter?: ((value: any) => string) | undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | null) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: import("vue").PropType<string | null | undefined>;
-        required: true;
-    };
-    nullTitle: {
-        type: import("vue").PropType<string>;
-    };
-    placeholder: {
-        type: import("vue").PropType<string>;
-    };
-    options: {
-        type: import("vue").PropType<string[] | Record<string, string>>;
-        required: true;
-    };
-    formatter: {
-        type: import("vue").PropType<(value: any) => string>;
-    };
-}>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    modelValue: string | null | undefined;
+    nullTitle?: string | undefined;
+    placeholder?: string | undefined;
+    options: string[] | Record<string, string>;
+    formatter?: ((value: any) => string) | undefined;
+}>>> & {
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/src/components/modal.vue.d.ts

@@ -1,41 +1,21 @@
 declare function mask(): void;
 declare function unmask(): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    id: {
-        type: import("vue").PropType<string>;
-    };
-    closeOnMaskClick: {
-        type: import("vue").PropType<boolean>;
-    };
-    scrolls: {
-        type: import("vue").PropType<boolean>;
-    };
-    closeX: {
-        type: import("vue").PropType<boolean>;
-    };
-    class: {
-        type: import("vue").PropType<string>;
-    };
-}, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    id?: string | undefined;
+    closeOnMaskClick?: boolean | undefined;
+    scrolls?: boolean | undefined;
+    closeX?: boolean | undefined;
+    class?: string | undefined;
+}>, {
     mask: typeof mask;
     unmask: typeof unmask;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formSubmit"[], "formSubmit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    id: {
-        type: import("vue").PropType<string>;
-    };
-    closeOnMaskClick: {
-        type: import("vue").PropType<boolean>;
-    };
-    scrolls: {
-        type: import("vue").PropType<boolean>;
-    };
-    closeX: {
-        type: import("vue").PropType<boolean>;
-    };
-    class: {
-        type: import("vue").PropType<string>;
-    };
-}>> & {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formSubmit"[], "formSubmit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    id?: string | undefined;
+    closeOnMaskClick?: boolean | undefined;
+    scrolls?: boolean | undefined;
+    closeX?: boolean | undefined;
+    class?: string | undefined;
+}>>> & {
     onFormSubmit?: ((...args: any[]) => any) | undefined;
 }, {}, {}>, {
     header?(_: {}): any;
@@ -43,6 +23,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     footer?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/vue-foundation.es.js

@@ -131,6 +131,8 @@ async function Tn(e, t) {
 function On(e, t) {
   const n = we(R, {
     ...N(e, t),
+    isBare: !0,
+    classes: ["wait"],
     callback: () => {
     }
   });
@@ -314,7 +316,7 @@ const ut = ["innerHtml"], ht = ["innerText"], R = /* @__PURE__ */ D({
         ]),
         _: 2
       }, [
-        !i.isBare && i.title ? {
+        i.title ? {
           name: "header",
           fn: j(() => [
             y("h1", null, M(i.title), 1)
@@ -817,7 +819,7 @@ function Dn(e, t) {
       return;
     }
     const g = document.createElement("div");
-    g.classList.add("item"), g.style.userSelect = "none", g.innerText = f.title, i.appendChild(g), f.class && g.classList.add(f.class), f.shouldConfirm ? g.addEventListener("click", () => f.handler()) : g.addEventListener("click", () => E(g, f.handler));
+    g.classList.add("item"), g.style.userSelect = "none", g.innerText = f.title, i.appendChild(g), f.class && g.classList.add(f.class), f.shouldConfirm ? g.addEventListener("click", () => E(g, f.handler)) : g.addEventListener("click", () => f.handler());
   });
   const o = window.innerWidth - e.clientX, r = window.innerHeight - e.clientY, l = i.offsetHeight, a = i.offsetWidth, v = o < a ? e.clientX - a - 1 : e.clientX + 1, h = r < l ? e.clientY - l - 1 : e.clientY + 1;
   i.style.left = v + "px", i.style.top = h + "px", setTimeout(() => {

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.3.4",
+    "version": "4.3.6",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "bin": {

package/src/components/alert-helpers.ts

@@ -39,6 +39,8 @@ export function showWait(message: string): () => void;
 export function showWait(titleOrMessage: string, message?: string): () => void {
     const injection = createModalInjection(AlertModal, {
         ...resolveAlertParams(titleOrMessage, message),
+        isBare: true,
+        classes: ['wait'],
         callback: () => {}
     });
     return () => removeModalInjection(injection);

package/src/components/alert-modal.vue

@@ -1,6 +1,6 @@
 <template>
     <Modal class="vf-alert" :class="classes">
-        <template v-if="!isBare && title" v-slot:header>
+        <template v-if="title" v-slot:header>
             <h1>{{ title }}</h1>
         </template>
 

package/src/helpers/context-menu.ts

@@ -53,9 +53,9 @@ export function showContextMenu(e: MouseEvent, config: ContextMenuConfig) {
         }
 
         if (item.shouldConfirm) {
-            itemEl.addEventListener('click', () => item.handler());
-        } else {
             itemEl.addEventListener('click', () => confirmAction(itemEl, item.handler));
+        } else {
+            itemEl.addEventListener('click', () => item.handler());
         }
     });
 
@@ -106,3 +106,4 @@ export function showContextMenu(e: MouseEvent, config: ContextMenuConfig) {
 }
 
 // TODO: actually de-select text rather than just using CSS to hide its selection
+// TODO: confirm isn't working