@frollo/frollo-web-ui 9.0.1 → 9.0.2

package/types/components/fw-media-picker/fw-media-picker.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * The accepted file types for the media picker
      */
@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     /**
-     * The maximum file size in bytes
+     * The maximum file size in bytes. Default 8 MB
      */
     maxFileSize: {
         type: NumberConstructor;
@@ -39,28 +39,28 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, {
+}>, {
     previewImageUrl: import("vue").ComputedRef<string | undefined>;
-    fileInput: import("vue").Ref<HTMLInputElement | null>;
-    editorCanvas: import("vue").Ref<HTMLCanvasElement | null>;
-    isSelectMediaModalOpen: import("vue").Ref<boolean>;
-    isEditMediaModalOpen: import("vue").Ref<boolean>;
+    fileInput: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
+    editorCanvas: import("vue").Ref<HTMLCanvasElement | null, HTMLCanvasElement | null>;
+    isSelectMediaModalOpen: import("vue").Ref<boolean, boolean>;
+    isEditMediaModalOpen: import("vue").Ref<boolean, boolean>;
     acceptedFileTypesText: import("vue").ComputedRef<string>;
     maxFileSizeText: import("vue").ComputedRef<string>;
     openFilePicker: () => void | undefined;
     fileSelected: (event: Event) => void;
-    dragging: import("vue").Ref<boolean>;
-    loading: import("vue").Ref<boolean>;
+    dragging: import("vue").Ref<boolean, boolean>;
+    loading: import("vue").Ref<boolean, boolean>;
     dragDropFile: (event: DragEvent) => void;
-    isInvalidFile: import("vue").ComputedRef<boolean | null>;
+    isInvalidFile: import("vue").ComputedRef<boolean>;
     showEditor: () => void;
     change: () => void;
     reset: () => void;
     save: () => Promise<void>;
-    startEditImage: ({ button, offsetX, offsetY }: MouseEvent) => void;
-    stopEditImage: () => void;
-    editImage: ({ offsetX, offsetY }: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "selected"[], "selected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    startEditImage: (e: PointerEvent) => void;
+    stopEditImage: (e: PointerEvent) => void;
+    editImage: (e: PointerEvent) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "selected"[], "selected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The accepted file types for the media picker
      */
@@ -69,7 +69,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     /**
-     * The maximum file size in bytes
+     * The maximum file size in bytes. Default 8 MB
      */
     maxFileSize: {
         type: NumberConstructor;
@@ -101,12 +101,21 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     onSelected?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     acceptedFileTypes: string;
     maxFileSize: number;
     uploadHeaderText: string;
     editHeaderText: string;
-}, {}>;
+}, {}, {
+    FwModal: import("vue").ComponentOptions;
+    FwButton: import("vue").ComponentOptions;
+    ArrowRotateSvg: VueConstructor<Vue>;
+    CloudArrowUpSvg: VueConstructor<Vue>;
+    GuideSvg: VueConstructor<Vue>;
+    LoadingSvg: VueConstructor<Vue>;
+    PenSvg: VueConstructor<Vue>;
+    PlusSvg: VueConstructor<Vue>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/components/fw-modal/fw-modal.vue.d.ts

@@ -1,6 +1,6 @@
 import { type PropType } from 'vue';
 import type { FwModalProps } from './index.types';
-declare const __default__: import("vue").DefineComponent<{
+declare const __default__: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * The modal's v-model. Controls the visibility of the modal.
      */
@@ -122,12 +122,12 @@ declare const __default__: import("vue").DefineComponent<{
     bannerUrl: {
         type: StringConstructor;
     };
-}, {
+}>, {
     isOpen: import("vue").ComputedRef<boolean>;
     uuid: `${string}-${string}-${string}-${string}-${string}`;
-    isMounted: import("vue").Ref<boolean>;
+    isMounted: import("vue").Ref<boolean, boolean>;
     modalBgColour: string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm")[], "cancel" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm")[], "cancel" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The modal's v-model. Controls the visibility of the modal.
      */
@@ -249,10 +249,10 @@ declare const __default__: import("vue").DefineComponent<{
     bannerUrl: {
         type: StringConstructor;
     };
-}>> & {
+}>> & Readonly<{
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     cancelButtonType: import("../index.types").ButtonVariantName | undefined;
     confirmButtonType: import("../index.types").ButtonVariantName | undefined;
     modelValue: boolean;
@@ -265,5 +265,9 @@ declare const __default__: import("vue").DefineComponent<{
     confirmLoading: boolean;
     padding: boolean;
     showCloseButton: boolean;
-}, {}>;
+}, {}, {
+    FwButton: import("vue").ComponentOptions;
+    XMarkSvg: VueConstructor<Vue>;
+    FwImage: import("vue").ComponentOptions;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default __default__;

package/types/components/fw-navigation-menu/fw-navigation-menu.vue.d.ts

@@ -1,6 +1,6 @@
 import { type PropType } from 'vue';
 import type { FwNavigationMenuProps } from './index.types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * An array of menu items
      * `{ to?: string | object; href?: string; label: string; external?: boolean; }`
@@ -56,12 +56,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    mobileMenuClass: import("vue").Ref<string>;
-    isMobileMenuOpen: import("vue").Ref<boolean>;
+}>, {
+    mobileMenuClass: import("vue").Ref<string, string>;
+    isMobileMenuOpen: import("vue").Ref<boolean, boolean>;
     toggleMobileMenu: () => boolean;
     actionClicked: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "action"[], "action", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "action"[], "action", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * An array of menu items
      * `{ to?: string | object; href?: string; label: string; external?: boolean; }`
@@ -117,12 +117,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     onAction?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     containerClass: string;
     menuEnabled: boolean;
     authenticated: boolean;
     transparent: boolean;
-}, {}>;
+}, {}, {
+    FwButton: import("vue").ComponentOptions;
+    FwPopover: import("vue").ComponentOptions;
+    UserSvg: VueConstructor<Vue>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/components/fw-popover/fw-popover.vue.d.ts

@@ -1,6 +1,6 @@
 import { type PropType } from 'vue';
 import type { FwPopoverProps } from './index.types';
-declare const __default__: import("vue").DefineComponent<{
+declare const __default__: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * The title of the popover
      */
@@ -23,10 +23,10 @@ declare const __default__: import("vue").DefineComponent<{
         validator: (value: string) => boolean;
     };
     /**
-     * The input event which causes the popover to show. Accepts 'click' and 'hover'
+     * The input event which causes the popover to show. Accepts 'click' and 'hover' & 'focus'
      */
     trigger: {
-        type: StringConstructor;
+        type: PropType<FwPopoverProps["trigger"]>;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -66,22 +66,17 @@ declare const __default__: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    targetElement: import("vue").Ref<HTMLElement | undefined>;
-    contentElement: import("vue").Ref<HTMLElement | undefined>;
+}>, {
+    targetElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    contentElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
     contentElementId: string;
-    computedVisible: import("vue").ComputedRef<string | false | import("vue").Slot<any> | undefined>;
-    onHover: () => void;
-    onClick: () => void;
+    computedVisible: import("vue").ComputedRef<boolean>;
+    onEnter: () => void;
     onLeave: () => void;
+    onClick: () => void;
     autoCloseContent: (e: Event) => void;
-    visible: import("vue").Ref<boolean>;
     spacingSize: import("vue").ComputedRef<"12px" | "2px">;
-    debounce: {
-        <T extends (...args: any) => any>(func: T, wait: number | undefined, options: import("lodash").DebounceSettingsLeading): import("lodash").DebouncedFuncLeading<T>;
-        <T extends (...args: any) => any>(func: T, wait?: number, options?: import("lodash").DebounceSettings): import("lodash").DebouncedFunc<T>;
-    };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "closed"[], "closed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "closed"[], "closed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The title of the popover
      */
@@ -104,10 +99,10 @@ declare const __default__: import("vue").DefineComponent<{
         validator: (value: string) => boolean;
     };
     /**
-     * The input event which causes the popover to show. Accepts 'click' and 'hover'
+     * The input event which causes the popover to show. Accepts 'click' and 'hover' & 'focus'
      */
     trigger: {
-        type: StringConstructor;
+        type: PropType<FwPopoverProps["trigger"]>;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -147,16 +142,16 @@ declare const __default__: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
+}>> & Readonly<{
     onClosed?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     placement: "top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
     position: "fixed" | "absolute";
-    trigger: string;
+    trigger: "click" | "hover" | "focus";
     showOnTop: boolean;
     closeOnClick: boolean;
     closeOnClickOutside: boolean;
     textAlign: string;
     showArrow: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default __default__;

package/types/components/fw-progress-bar/fw-progress-bar.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { ProgressBarStep } from './index.types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * An array of menu progress steps.
      * `{ label: string; position: number; subSteps: number; }`
@@ -23,9 +23,9 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
-}, {
+}>, {
     calculatedProgressBar: (step: ProgressBarStep) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * An array of menu progress steps.
      * `{ label: string; position: number; subSteps: number; }`
@@ -48,5 +48,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {
+    CheckSvg: VueConstructor<Vue>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/components/fw-provider-list/fw-provider-list.vue.d.ts

@@ -1,103 +1,78 @@
 import { PropType } from 'vue';
 import { FwProviderListProps } from './index.types';
-declare const __default__: import("vue").DefineComponent<{
-    /**
-     * The header heading of the list.
-     */
+declare const __default__: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     heading: {
         type: StringConstructor;
     };
-    /**
-     * The list items of the table items.
-     */
     items: {
         type: PropType<FwProviderListProps["items"]>;
         required: true;
     };
-    /**
-     * The table header title.
-     */
     tableHeaderName: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * The placeholder text for the search input.
-     */
     searchPlaceholder: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * The label text for the search input.
-     */
     searchLabel: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * The label text for the status filter dropdown.
-     */
     statusFilterLabel: {
         type: StringConstructor;
         default: string;
     };
-}, {
-    options: import("../fw-table/index.types").FwTableItemOptions;
+}>, {
+    options: import("vue").ComputedRef<import("../fw-table/index.types").FwTableItemOptions | undefined>;
     sortedTableItems: import("vue").ComputedRef<import("../fw-table/index.types").FwTableItem[]>;
-    searchFilterModel: import("vue").Ref<string>;
-    statusFilterModel: import("vue").Ref<string>;
+    searchFilterModel: import("vue").Ref<string, string>;
+    statusFilterModel: import("vue").Ref<"supported" | "outage" | "all", "supported" | "outage" | "all">;
     primaryFade5: string;
     primaryFade20: string;
     primaryFade40: string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "changed"[], "changed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The header heading of the list.
-     */
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "changed"[], "changed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     heading: {
         type: StringConstructor;
     };
-    /**
-     * The list items of the table items.
-     */
     items: {
         type: PropType<FwProviderListProps["items"]>;
         required: true;
     };
-    /**
-     * The table header title.
-     */
     tableHeaderName: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * The placeholder text for the search input.
-     */
     searchPlaceholder: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * The label text for the search input.
-     */
     searchLabel: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * The label text for the status filter dropdown.
-     */
     statusFilterLabel: {
         type: StringConstructor;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     onChanged?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     tableHeaderName: string;
     searchPlaceholder: string;
     searchLabel: string;
     statusFilterLabel: string;
-}, {}>;
+}, {}, {
+    FwTable: import("vue").ComponentOptions;
+    FwInput: import("vue").ComponentOptions;
+    FwDropdown: import("vue").ComponentOptions;
+    FwButton: import("vue").ComponentOptions;
+    FwTableHead: import("vue").ComponentOptions;
+    FwTableRow: import("vue").ComponentOptions;
+    FwTag: import("vue").ComponentOptions;
+    SearchSvg: VueConstructor<Vue>;
+    SolidCheckSvg: VueConstructor<Vue>;
+    SolidXMarkSvg: VueConstructor<Vue>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default __default__;

package/types/components/fw-sidebar-menu/fw-sidebar-menu.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { type FwSidebarMenuProps } from './index.types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * Controls the sidebar menu open/close state
      */
@@ -44,11 +44,14 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
-}, {
+}>, {
     baseClass: string;
-    isMenuOpen: import("vue").WritableComputedRef<boolean>;
+    isMenuOpen: import("vue").WritableComputedRef<boolean, boolean>;
     toggleMenu: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggled" | "update:modelValue")[], "toggled" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    enabledItems: import("vue").ComputedRef<import("./index.types").FwSidebarMenuItem[]>;
+    hasItems: import("vue").ComputedRef<boolean>;
+    widthClass: import("vue").ComputedRef<string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggled" | "update:modelValue")[], "toggled" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Controls the sidebar menu open/close state
      */
@@ -92,14 +95,17 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         validator: (value: string) => boolean;
     };
-}>> & {
+}>> & Readonly<{
     onToggled?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     toggleButtonVariant: import("../index.types").ButtonVariantName | undefined;
     modelValue: boolean;
     toggleButtonClass: string;
     openWidth: string;
     closedWidth: string;
-}, {}>;
+}, {}, {
+    FwButton: import("vue").ComponentOptions;
+    ChevronRightSvg: VueConstructor<Vue>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/components/fw-slider/fw-slider.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     min: {
         type: NumberConstructor;
         default: number;
@@ -19,13 +19,16 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: null;
     };
-}, {
-    minimumValue: import("vue").WritableComputedRef<number>;
-    maximumValue: import("vue").WritableComputedRef<number>;
+}>, {
+    minLocal: import("vue").Ref<number, number>;
+    maxLocal: import("vue").Ref<number, number>;
     minPercentage: import("vue").ComputedRef<number>;
     maxPercentage: import("vue").ComputedRef<number>;
     clippingPoint: import("vue").ComputedRef<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:minValue" | "update:maxValue")[], "update:minValue" | "update:maxValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    trackStyle: import("vue").ComputedRef<{
+        background: string;
+    }>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:minValue" | "update:maxValue")[], "update:minValue" | "update:maxValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     min: {
         type: NumberConstructor;
         default: number;
@@ -46,14 +49,14 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: null;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:minValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:maxValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     min: number;
     max: number;
     step: number;
     minValue: number;
     maxValue: number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;