@3squared/forge-ui-3 2.2.1 → 2.4.0

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

@@ -1,458 +1,43 @@
 import { DatePickerProps } from 'primevue/datepicker';
 import { Severity } from '../types/forge-types';
-
 export interface ForgeDatePickerProps extends /* vue-ignore */ Omit<DatePickerProps, "aria-label" | "aria-labelledby"> {
     severity?: Severity;
 }
+type __VLS_Props = ForgeDatePickerProps;
+type __VLS_PublicProps = {
+    modelValue?: Date | Date[] | (Date | null)[] | null | undefined;
+} & __VLS_Props;
 declare function __VLS_template(): {
-    before?(_: {}): any;
-    after?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<Date | Date[] | (Date | null)[] | null | undefined>;
-    icon: {
-        type: import('vue').PropType<string>;
-    };
-    severity: {
-        type: import('vue').PropType<"secondary" | "info" | "success" | "danger" | "primary" | "warning" | "brand">;
-        default: string;
-    };
-    size: {
-        type: import('vue').PropType<"small" | "large">;
-    };
-    variant: {
-        type: import('vue').PropType<"outlined" | "filled">;
-    };
-    fluid: {
-        type: import('vue').PropType<boolean>;
-    };
-    dt: {
-        type: import('vue').PropType<any>;
-    };
-    pt: {
-        type: import('vue').PropType<object | import('primevue/datepicker').DatePickerPassThroughOptions>;
-    };
-    ptOptions: {
-        type: import('vue').PropType<import('primevue/passthrough').PassThroughOptions>;
-    };
-    unstyled: {
-        type: import('vue').PropType<boolean>;
-    };
-    disabled: {
-        type: import('vue').PropType<boolean>;
-    };
-    name: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    id: {
-        type: import('vue').PropType<string>;
-    };
-    placeholder: {
-        type: import('vue').PropType<string>;
-    };
-    inline: {
-        type: import('vue').PropType<boolean>;
-    };
-    view: {
-        type: import('vue').PropType<"date" | "month" | "year">;
-        default: string;
-    };
-    inputClass: {
-        type: import('vue').PropType<string | object>;
-    };
-    defaultValue: {
-        type: import('vue').PropType<Date | Date[] | (Date | null)[] | null>;
-    };
-    invalid: {
-        type: import('vue').PropType<boolean>;
-    };
-    readonly: {
-        type: import('vue').PropType<boolean>;
-    };
-    inputId: {
-        type: import('vue').PropType<string>;
-    };
-    inputStyle: {
-        type: import('vue').PropType<object>;
-    };
-    ariaLabelledby: {
-        type: import('vue').PropType<string>;
-    };
-    ariaLabel: {
-        type: import('vue').PropType<string>;
-    };
-    formControl: {
-        type: import('vue').PropType<Record<string, any>>;
-    };
-    selectionMode: {
-        type: import('vue').PropType<"single" | "multiple" | "range">;
-        default: string;
-    };
-    dateFormat: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    showOtherMonths: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    selectOtherMonths: {
-        type: import('vue').PropType<boolean>;
-    };
-    showIcon: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    iconDisplay: {
-        type: import('vue').PropType<"button" | "input">;
-    };
-    prevIcon: {
-        type: import('vue').PropType<string>;
-    };
-    nextIcon: {
-        type: import('vue').PropType<string>;
-    };
-    incrementIcon: {
-        type: import('vue').PropType<string>;
-    };
-    decrementIcon: {
-        type: import('vue').PropType<string>;
-    };
-    numberOfMonths: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
-    responsiveOptions: {
-        type: import('vue').PropType<import('primevue/datepicker').DatePickerResponsiveOptions[]>;
-    };
-    breakpoint: {
-        type: import('vue').PropType<string>;
-    };
-    minDate: {
-        type: import('vue').PropType<Date>;
-    };
-    maxDate: {
-        type: import('vue').PropType<Date>;
-    };
-    disabledDates: {
-        type: import('vue').PropType<Date[]>;
-    };
-    disabledDays: {
-        type: import('vue').PropType<number[]>;
-    };
-    maxDateCount: {
-        type: import('vue').PropType<number>;
-    };
-    showOnFocus: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    autoZIndex: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    baseZIndex: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
-    showButtonBar: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    shortYearCutoff: {
-        type: import('vue').PropType<string>;
-    };
-    showTime: {
-        type: import('vue').PropType<boolean>;
-    };
-    timeOnly: {
-        type: import('vue').PropType<boolean>;
-    };
-    hourFormat: {
-        type: import('vue').PropType<"12" | "24">;
-    };
-    stepHour: {
-        type: import('vue').PropType<number>;
-    };
-    stepMinute: {
-        type: import('vue').PropType<number>;
-    };
-    stepSecond: {
-        type: import('vue').PropType<number>;
-    };
-    showSeconds: {
-        type: import('vue').PropType<boolean>;
-    };
-    hideOnDateTimeSelect: {
-        type: import('vue').PropType<boolean>;
-    };
-    hideOnRangeSelection: {
-        type: import('vue').PropType<boolean>;
-    };
-    timeSeparator: {
-        type: import('vue').PropType<string>;
-    };
-    showWeek: {
-        type: import('vue').PropType<boolean>;
-    };
-    manualInput: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    appendTo: {
-        type: import('vue').PropType<import('@primevue/core').HintedString<"body" | "self"> | HTMLElement>;
-        default: string;
-    };
-    panelStyle: {
-        type: import('vue').PropType<object>;
-    };
-    panelClass: {
-        type: import('vue').PropType<string | object>;
-    };
-    todayButtonProps: {
-        type: import('vue').PropType<object>;
-    };
-    clearButtonProps: {
-        type: import('vue').PropType<object>;
-    };
-    navigatorButtonProps: {
-        type: import('vue').PropType<object>;
-    };
-    timepickerButtonProps: {
-        type: import('vue').PropType<object>;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<Date | Date[] | (Date | null)[] | null | undefined>;
-    icon: {
-        type: import('vue').PropType<string>;
-    };
-    severity: {
-        type: import('vue').PropType<"secondary" | "info" | "success" | "danger" | "primary" | "warning" | "brand">;
-        default: string;
-    };
-    size: {
-        type: import('vue').PropType<"small" | "large">;
+    attrs: Partial<{}>;
+    slots: {
+        before?(_: {}): any;
+        after?(_: {}): any;
     };
-    variant: {
-        type: import('vue').PropType<"outlined" | "filled">;
-    };
-    fluid: {
-        type: import('vue').PropType<boolean>;
-    };
-    dt: {
-        type: import('vue').PropType<any>;
-    };
-    pt: {
-        type: import('vue').PropType<object | import('primevue/datepicker').DatePickerPassThroughOptions>;
-    };
-    ptOptions: {
-        type: import('vue').PropType<import('primevue/passthrough').PassThroughOptions>;
-    };
-    unstyled: {
-        type: import('vue').PropType<boolean>;
-    };
-    disabled: {
-        type: import('vue').PropType<boolean>;
-    };
-    name: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    id: {
-        type: import('vue').PropType<string>;
-    };
-    placeholder: {
-        type: import('vue').PropType<string>;
-    };
-    inline: {
-        type: import('vue').PropType<boolean>;
-    };
-    view: {
-        type: import('vue').PropType<"date" | "month" | "year">;
-        default: string;
-    };
-    inputClass: {
-        type: import('vue').PropType<string | object>;
-    };
-    defaultValue: {
-        type: import('vue').PropType<Date | Date[] | (Date | null)[] | null>;
-    };
-    invalid: {
-        type: import('vue').PropType<boolean>;
-    };
-    readonly: {
-        type: import('vue').PropType<boolean>;
-    };
-    inputId: {
-        type: import('vue').PropType<string>;
-    };
-    inputStyle: {
-        type: import('vue').PropType<object>;
-    };
-    ariaLabelledby: {
-        type: import('vue').PropType<string>;
-    };
-    ariaLabel: {
-        type: import('vue').PropType<string>;
-    };
-    formControl: {
-        type: import('vue').PropType<Record<string, any>>;
-    };
-    selectionMode: {
-        type: import('vue').PropType<"single" | "multiple" | "range">;
-        default: string;
-    };
-    dateFormat: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    showOtherMonths: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    selectOtherMonths: {
-        type: import('vue').PropType<boolean>;
-    };
-    showIcon: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    iconDisplay: {
-        type: import('vue').PropType<"button" | "input">;
-    };
-    prevIcon: {
-        type: import('vue').PropType<string>;
-    };
-    nextIcon: {
-        type: import('vue').PropType<string>;
-    };
-    incrementIcon: {
-        type: import('vue').PropType<string>;
-    };
-    decrementIcon: {
-        type: import('vue').PropType<string>;
-    };
-    numberOfMonths: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
-    responsiveOptions: {
-        type: import('vue').PropType<import('primevue/datepicker').DatePickerResponsiveOptions[]>;
-    };
-    breakpoint: {
-        type: import('vue').PropType<string>;
-    };
-    minDate: {
-        type: import('vue').PropType<Date>;
-    };
-    maxDate: {
-        type: import('vue').PropType<Date>;
-    };
-    disabledDates: {
-        type: import('vue').PropType<Date[]>;
-    };
-    disabledDays: {
-        type: import('vue').PropType<number[]>;
-    };
-    maxDateCount: {
-        type: import('vue').PropType<number>;
-    };
-    showOnFocus: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    autoZIndex: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    baseZIndex: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
-    showButtonBar: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    shortYearCutoff: {
-        type: import('vue').PropType<string>;
-    };
-    showTime: {
-        type: import('vue').PropType<boolean>;
-    };
-    timeOnly: {
-        type: import('vue').PropType<boolean>;
-    };
-    hourFormat: {
-        type: import('vue').PropType<"12" | "24">;
-    };
-    stepHour: {
-        type: import('vue').PropType<number>;
-    };
-    stepMinute: {
-        type: import('vue').PropType<number>;
-    };
-    stepSecond: {
-        type: import('vue').PropType<number>;
-    };
-    showSeconds: {
-        type: import('vue').PropType<boolean>;
-    };
-    hideOnDateTimeSelect: {
-        type: import('vue').PropType<boolean>;
-    };
-    hideOnRangeSelection: {
-        type: import('vue').PropType<boolean>;
-    };
-    timeSeparator: {
-        type: import('vue').PropType<string>;
-    };
-    showWeek: {
-        type: import('vue').PropType<boolean>;
-    };
-    manualInput: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    appendTo: {
-        type: import('vue').PropType<import('@primevue/core').HintedString<"body" | "self"> | HTMLElement>;
-        default: string;
-    };
-    panelStyle: {
-        type: import('vue').PropType<object>;
-    };
-    panelClass: {
-        type: import('vue').PropType<string | object>;
-    };
-    todayButtonProps: {
-        type: import('vue').PropType<object>;
-    };
-    clearButtonProps: {
-        type: import('vue').PropType<object>;
-    };
-    navigatorButtonProps: {
-        type: import('vue').PropType<object>;
-    };
-    timepickerButtonProps: {
-        type: import('vue').PropType<object>;
-    };
-}>> & Readonly<{}>, {
-    severity: "secondary" | "info" | "success" | "danger" | "primary" | "warning" | "brand";
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Date | Date[] | (Date | null)[] | null | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Date | Date[] | (Date | null)[] | null | undefined) => any) | undefined;
+}>, {
     name: string;
+    severity: "secondary" | "success" | "info" | "danger" | "brand" | "primary" | "warning";
     view: "date" | "month" | "year";
-    selectionMode: "single" | "multiple" | "range";
+    baseZIndex: number;
+    autoZIndex: boolean;
+    appendTo: HTMLElement | import('@primevue/core').HintedString<"body" | "self">;
+    selectionMode: "multiple" | "single" | "range";
     dateFormat: string;
     showOtherMonths: boolean;
     showIcon: boolean;
     numberOfMonths: number;
     showOnFocus: boolean;
-    autoZIndex: boolean;
-    baseZIndex: number;
     showButtonBar: boolean;
     manualInput: boolean;
-    appendTo: import('@primevue/core').HintedString<"body" | "self"> | HTMLElement;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, 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/ForgeForm.vue.d.ts

@@ -9,57 +9,32 @@ export interface ForgeFormProps {
 }
 declare function submit(): Promise<void>;
 declare function __VLS_template(): {
-    title?(_: {}): any;
-    error?(_: {
-        error: string;
-    }): any;
-    default?(_: {}): any;
-    cancel?(_: {}): any;
-    submit?(_: {
-        submit: typeof submit;
-    }): any;
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        error?(_: {
+            error: string;
+        }): any;
+        default?(_: {}): any;
+        cancel?(_: {}): any;
+        submit?(_: {
+            submit: typeof submit;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLFormElement;
 };
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeFormProps>, {
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ForgeFormProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ForgeFormProps> & Readonly<{}>, {
     title: string;
-    hideTitle: boolean;
-    titleClass: string;
-    submitText: string;
     cancelText: string;
-    hideCancel: boolean;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeFormProps>, {
-    title: string;
-    hideTitle: boolean;
-    titleClass: string;
     submitText: string;
-    cancelText: string;
-    hideCancel: boolean;
-}>>> & Readonly<{}>, {
-    title: string;
     hideTitle: boolean;
     titleClass: string;
-    submitText: string;
-    cancelText: string;
     hideCancel: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFormElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 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_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -1,5 +1,4 @@
 import { ForgeFormFieldTypes } from '../types/forge-types';
-
 export interface ForgeFormFieldProps {
     name: string;
     fieldLabelPosition?: 'left' | 'top';
@@ -9,69 +8,19 @@ export interface ForgeFormFieldProps {
     placeholder?: string;
     labelWidthClass?: string;
 }
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<any>;
-    name: {
-        type: import('vue').PropType<string>;
-        required: true;
-    };
-    type: {
-        type: import('vue').PropType<ForgeFormFieldTypes>;
-        default: string;
-    };
-    placeholder: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    mask: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    fieldLabelPosition: {
-        type: import('vue').PropType<"left" | "top">;
-        default: string;
-    };
-    fieldLabel: {
-        type: import('vue').PropType<string>;
-    };
-    labelWidthClass: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<any>;
-    name: {
-        type: import('vue').PropType<string>;
-        required: true;
-    };
-    type: {
-        type: import('vue').PropType<ForgeFormFieldTypes>;
-        default: string;
-    };
-    placeholder: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    mask: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    fieldLabelPosition: {
-        type: import('vue').PropType<"left" | "top">;
-        default: string;
-    };
-    fieldLabel: {
-        type: import('vue').PropType<string>;
-    };
-    labelWidthClass: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    type: ForgeFormFieldTypes;
+type __VLS_Props = ForgeFormFieldProps;
+type __VLS_PublicProps = {
+    modelValue?: any;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
     placeholder: string;
+    type: ForgeFormFieldTypes;
     mask: string;
     fieldLabelPosition: "left" | "top";
     labelWidthClass: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;