@3squared/forge-ui-3 1.3.5 → 2.1.0

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

@@ -1,7 +1,7 @@
-import { CalendarProps } from 'primevue/calendar';
+import { DatePickerProps } from 'primevue/datepicker';
 import { Severity } from '../types/forge-types';
 
-export interface ForgeDatePickerProps extends /* vue-ignore */ Omit<CalendarProps, "aria-label" | "aria-labelledby"> {
+export interface ForgeDatePickerProps extends /* vue-ignore */ Omit<DatePickerProps, "aria-label" | "aria-labelledby"> {
     severity?: Severity;
 }
 declare function __VLS_template(): {
@@ -14,11 +14,23 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<string>;
     };
     severity: {
-        type: import('vue').PropType<"secondary" | "info" | "success" | "warning" | "danger" | "primary" | "brand">;
+        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/calendar').CalendarPassThroughOptions>;
+        type: import('vue').PropType<object | import('primevue/datepicker').DatePickerPassThroughOptions>;
     };
     ptOptions: {
         type: import('vue').PropType<import('primevue/passthrough').PassThroughOptions>;
@@ -46,21 +58,21 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         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>;
     };
-    variant: {
-        type: import('vue').PropType<"outlined" | "filled">;
-    };
     readonly: {
         type: import('vue').PropType<boolean>;
     };
     inputId: {
         type: import('vue').PropType<string>;
     };
-    inputClass: {
-        type: import('vue').PropType<string | object>;
-    };
     inputStyle: {
         type: import('vue').PropType<object>;
     };
@@ -70,8 +82,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     ariaLabel: {
         type: import('vue').PropType<string>;
     };
-    inputProps: {
-        type: import('vue').PropType<import('vue').InputHTMLAttributes>;
+    formControl: {
+        type: import('vue').PropType<Record<string, any>>;
     };
     selectionMode: {
         type: import('vue').PropType<"single" | "multiple" | "range">;
@@ -95,7 +107,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     iconDisplay: {
         type: import('vue').PropType<"button" | "input">;
     };
-    previousIcon: {
+    prevIcon: {
         type: import('vue').PropType<string>;
     };
     nextIcon: {
@@ -112,23 +124,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: number;
     };
     responsiveOptions: {
-        type: import('vue').PropType<import('primevue/calendar').CalendarResponsiveOptions[]>;
+        type: import('vue').PropType<import('primevue/datepicker').DatePickerResponsiveOptions[]>;
     };
     breakpoint: {
         type: import('vue').PropType<string>;
     };
-    touchUI: {
-        type: import('vue').PropType<boolean>;
-    };
-    monthNavigator: {
-        type: import('vue').PropType<boolean>;
-    };
-    yearNavigator: {
-        type: import('vue').PropType<boolean>;
-    };
-    yearRange: {
-        type: import('vue').PropType<string>;
-    };
     minDate: {
         type: import('vue').PropType<Date>;
     };
@@ -201,7 +201,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: boolean;
     };
     appendTo: {
-        type: import('vue').PropType<import('primevue/ts-helpers').HintedString<"body" | "self"> | HTMLElement>;
+        type: import('vue').PropType<import('@primevue/core').HintedString<"body" | "self"> | HTMLElement>;
         default: string;
     };
     panelStyle: {
@@ -210,8 +210,17 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     panelClass: {
         type: import('vue').PropType<string | object>;
     };
-    panelProps: {
-        type: import('vue').PropType<import('vue').HTMLAttributes>;
+    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>;
@@ -219,11 +228,23 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<string>;
     };
     severity: {
-        type: import('vue').PropType<"secondary" | "info" | "success" | "warning" | "danger" | "primary" | "brand">;
+        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/calendar').CalendarPassThroughOptions>;
+        type: import('vue').PropType<object | import('primevue/datepicker').DatePickerPassThroughOptions>;
     };
     ptOptions: {
         type: import('vue').PropType<import('primevue/passthrough').PassThroughOptions>;
@@ -251,21 +272,21 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         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>;
     };
-    variant: {
-        type: import('vue').PropType<"outlined" | "filled">;
-    };
     readonly: {
         type: import('vue').PropType<boolean>;
     };
     inputId: {
         type: import('vue').PropType<string>;
     };
-    inputClass: {
-        type: import('vue').PropType<string | object>;
-    };
     inputStyle: {
         type: import('vue').PropType<object>;
     };
@@ -275,8 +296,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     ariaLabel: {
         type: import('vue').PropType<string>;
     };
-    inputProps: {
-        type: import('vue').PropType<import('vue').InputHTMLAttributes>;
+    formControl: {
+        type: import('vue').PropType<Record<string, any>>;
     };
     selectionMode: {
         type: import('vue').PropType<"single" | "multiple" | "range">;
@@ -300,7 +321,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     iconDisplay: {
         type: import('vue').PropType<"button" | "input">;
     };
-    previousIcon: {
+    prevIcon: {
         type: import('vue').PropType<string>;
     };
     nextIcon: {
@@ -317,23 +338,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: number;
     };
     responsiveOptions: {
-        type: import('vue').PropType<import('primevue/calendar').CalendarResponsiveOptions[]>;
+        type: import('vue').PropType<import('primevue/datepicker').DatePickerResponsiveOptions[]>;
     };
     breakpoint: {
         type: import('vue').PropType<string>;
     };
-    touchUI: {
-        type: import('vue').PropType<boolean>;
-    };
-    monthNavigator: {
-        type: import('vue').PropType<boolean>;
-    };
-    yearNavigator: {
-        type: import('vue').PropType<boolean>;
-    };
-    yearRange: {
-        type: import('vue').PropType<string>;
-    };
     minDate: {
         type: import('vue').PropType<Date>;
     };
@@ -406,7 +415,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: boolean;
     };
     appendTo: {
-        type: import('vue').PropType<import('primevue/ts-helpers').HintedString<"body" | "self"> | HTMLElement>;
+        type: import('vue').PropType<import('@primevue/core').HintedString<"body" | "self"> | HTMLElement>;
         default: string;
     };
     panelStyle: {
@@ -415,11 +424,20 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     panelClass: {
         type: import('vue').PropType<string | object>;
     };
-    panelProps: {
-        type: import('vue').PropType<import('vue').HTMLAttributes>;
+    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" | "warning" | "danger" | "primary" | "brand";
+    severity: "secondary" | "info" | "success" | "danger" | "primary" | "warning" | "brand";
     name: string;
     view: "date" | "month" | "year";
     selectionMode: "single" | "multiple" | "range";
@@ -432,7 +450,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     baseZIndex: number;
     showButtonBar: boolean;
     manualInput: boolean;
-    appendTo: import('primevue/ts-helpers').HintedString<"body" | "self"> | HTMLElement;
+    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>>;
 export default _default;

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

@@ -8,7 +8,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeLoaderProps>, {
     severity: string;
 }>>> & Readonly<{}>, {
-    severity: "secondary" | "info" | "success" | "warning" | "danger" | "primary" | "brand";
+    severity: "secondary" | "info" | "success" | "danger" | "primary" | "warning" | "brand";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -9,6 +9,8 @@ export interface ForgeModalProps extends DialogProps {
     submitButtonType?: 'button' | 'reset' | 'submit';
     cancelButtonType?: 'button' | 'reset' | 'submit';
     size?: Size | 'xl';
+    cancelClass?: string;
+    submitClass?: string;
 }
 declare function __VLS_template(): Partial<Record<NonNullable<keyof DialogSlots>, (_: {}) => any>> & {
     loader?(_: {}): any;
@@ -25,6 +27,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<"md" | "sm" | "lg" | "xl">;
         default: string;
     };
+    dt: {
+        type: import('vue').PropType<any>;
+    };
     pt: {
         type: import('vue').PropType<object | DialogPassThroughOptions<any>>;
     };
@@ -44,6 +49,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     closeIcon: {
         type: import('vue').PropType<string>;
     };
+    closeButtonProps: {
+        type: import('vue').PropType<object>;
+    };
     footer: {
         type: import('vue').PropType<string>;
     };
@@ -58,7 +66,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<number>;
     };
     appendTo: {
-        type: import('vue').PropType<import('primevue/ts-helpers').HintedString<"body" | "self"> | HTMLElement>;
+        type: import('vue').PropType<import('@primevue/core').HintedString<"body" | "self"> | HTMLElement>;
     };
     submitText: {
         type: import('vue').PropType<string>;
@@ -84,6 +92,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<"submit" | "reset" | "button">;
         default: string;
     };
+    cancelClass: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    submitClass: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
     modal: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -97,9 +113,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     contentProps: {
         type: import('vue').PropType<import('vue').HTMLAttributes>;
     };
-    rtl: {
-        type: import('vue').PropType<boolean>;
-    };
     dismissableMask: {
         type: import('vue').PropType<boolean>;
     };
@@ -137,6 +150,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     minimizeIcon: {
         type: import('vue').PropType<string>;
     };
+    maximizeButtonProps: {
+        type: import('vue').PropType<object>;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     visible: {
         required: true;
@@ -149,6 +165,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<"md" | "sm" | "lg" | "xl">;
         default: string;
     };
+    dt: {
+        type: import('vue').PropType<any>;
+    };
     pt: {
         type: import('vue').PropType<object | DialogPassThroughOptions<any>>;
     };
@@ -168,6 +187,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     closeIcon: {
         type: import('vue').PropType<string>;
     };
+    closeButtonProps: {
+        type: import('vue').PropType<object>;
+    };
     footer: {
         type: import('vue').PropType<string>;
     };
@@ -182,7 +204,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<number>;
     };
     appendTo: {
-        type: import('vue').PropType<import('primevue/ts-helpers').HintedString<"body" | "self"> | HTMLElement>;
+        type: import('vue').PropType<import('@primevue/core').HintedString<"body" | "self"> | HTMLElement>;
     };
     submitText: {
         type: import('vue').PropType<string>;
@@ -208,6 +230,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<"submit" | "reset" | "button">;
         default: string;
     };
+    cancelClass: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    submitClass: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
     modal: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -221,9 +251,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     contentProps: {
         type: import('vue').PropType<import('vue').HTMLAttributes>;
     };
-    rtl: {
-        type: import('vue').PropType<boolean>;
-    };
     dismissableMask: {
         type: import('vue').PropType<boolean>;
     };
@@ -261,6 +288,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     minimizeIcon: {
         type: import('vue').PropType<string>;
     };
+    maximizeButtonProps: {
+        type: import('vue').PropType<object>;
+    };
 }>> & Readonly<{}>, {
     size: "md" | "sm" | "lg" | "xl";
     closable: boolean;
@@ -271,6 +301,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onConfirm: Function | null;
     submitButtonType: "button" | "reset" | "submit";
     cancelButtonType: "button" | "reset" | "submit";
+    cancelClass: string;
+    submitClass: string;
     modal: boolean;
     showHeader: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -8,7 +8,7 @@ export interface ForgeNavbarProps extends /* vue-ignore */ Omit<MenubarProps, "a
 }
 declare function __VLS_template(): Partial<Record<NonNullable<keyof MenubarSlots>, (_: {}) => any>> & {
     logo?(_: {}): any;
-    menubuttonicon?(_: {}): any;
+    buttonIcon?(_: {}): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeNavbarProps>, {
     severity: string;
@@ -17,7 +17,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     severity: string;
     logoUrl: string;
 }>>> & Readonly<{}>, {
-    severity: "secondary" | "info" | "success" | "warning" | "danger" | "primary" | "brand" | "light" | "dark";
+    severity: "secondary" | "info" | "success" | "danger" | "primary" | "warning" | "brand" | "light" | "dark";
     logoUrl: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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

@@ -1,27 +1,29 @@
 import { StepsProps } from 'primevue/steps';
-import { Severity } from '../types/forge-types';
+import { Severity, ForgeSteps } from '../types/forge-types';
 
 export interface ForgeStepperProps extends /* vue-ignore */ StepsProps {
     currentStep?: number;
     severity?: Severity;
+    steps: ForgeSteps[];
+    showStepLabel?: boolean;
+    inlineSteps?: boolean;
 }
-declare function __VLS_template(): Partial<Record<NonNullable<string | ((...args: any) => string) | undefined>, (_: {
-    nextStep: () => void;
-    previousStep: () => void;
-}) => any>>;
+declare function __VLS_template(): Partial<Record<string, (_: {}) => any>>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeStepperProps>, {
     severity: string;
     currentStep: number;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:currentStep": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeStepperProps>, {
+    showStepLabel: boolean;
+    inlineSteps: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ForgeStepperProps>, {
     severity: string;
     currentStep: number;
-}>>> & Readonly<{
-    "onUpdate:currentStep"?: ((...args: any[]) => any) | undefined;
-}>, {
-    severity: "secondary" | "info" | "success" | "warning" | "danger" | "primary" | "brand";
+    showStepLabel: boolean;
+    inlineSteps: boolean;
+}>>> & Readonly<{}>, {
+    severity: "secondary" | "info" | "success" | "danger" | "primary" | "warning" | "brand";
     currentStep: number;
+    showStepLabel: boolean;
+    inlineSteps: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/src/components/table/ForgeFilterHeader.vue.d.ts

@@ -1,5 +1,7 @@
+import { ForgeColumnDataType } from '../../types/forge-types.ts';
+
 export interface ForgeFilterHeaderProps {
-    dataType: 'numeric' | 'date' | 'multiselect' | 'select' | undefined;
+    dataType: ForgeColumnDataType;
     dropdownOptions?: any[];
     showClearButton?: boolean;
     clearFilter?: Function;
@@ -11,10 +13,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
         type: import('vue').PropType<any>;
     };
-    dataType: {
-        type: import('vue').PropType<"numeric" | "date" | "select" | "multiselect" | undefined>;
-        required: true;
-    };
+    dataType: ForgeColumnDataType;
     dropdownOptions: {
         type: import('vue').PropType<any[]>;
     };
@@ -35,10 +34,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         required: true;
         type: import('vue').PropType<any>;
     };
-    dataType: {
-        type: import('vue').PropType<"numeric" | "date" | "select" | "multiselect" | undefined>;
-        required: true;
-    };
+    dataType: ForgeColumnDataType;
     dropdownOptions: {
         type: import('vue').PropType<any[]>;
     };

package/dist/src/passthroughs/AutoComplete.pt.d.ts

@@ -0,0 +1,27 @@
+import { AutoCompletePassThroughMethodOptions } from 'primevue/autocomplete';
+
+declare const _default: {
+    autoComplete: {
+        root: ({ props }: AutoCompletePassThroughMethodOptions) => {
+            class: (string | {
+                disabled: boolean | undefined;
+            })[];
+        };
+        chipItem: string;
+        pcInputText: string;
+        overlay: string;
+        list: ({ props }: AutoCompletePassThroughMethodOptions) => {
+            class: string[];
+            style: string;
+        };
+        inputMultiple: string;
+        option: ({ context }: AutoCompletePassThroughMethodOptions) => {
+            class: (string | {
+                'bg-primary text-white': boolean;
+                'bg-secondary-subtle': boolean;
+            })[];
+        };
+        emptyMessage: string;
+    };
+};
+export default _default;