@frollo/frollo-web-ui 9.0.9 → 9.0.10

package/index.d.ts

@@ -29,6 +29,10 @@ declare interface FwInputProps {
     required?: boolean;
     invalidate?: boolean;
 }
+declare interface InputTag {
+    name: string;
+    id: number;
+}
 
 declare const __default__$c: vue.DefineComponent<vue.ExtractPropTypes<{
     /**
@@ -157,14 +161,28 @@ declare const __default__$c: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         required: false;
     };
+    /**
+     * Enable tags within the input borders
+     * Defaults to false
+     */
+    enableTags: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tags: {
+        type: PropType<InputTag[]>;
+        required: false;
+    };
 }>, {
     inputBaseClass: vue.Ref<string, string>;
     inputValue: vue.WritableComputedRef<string, string>;
+    tagsValue: vue.WritableComputedRef<InputTag[] | undefined, InputTag[] | undefined>;
     onFocus: (e: FocusEvent) => void;
     onBlur: (e: FocusEvent) => void;
     primaryFade5: string;
     colorErrorTextFade5: string;
-}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur")[], "update:modelValue" | "focus" | "blur", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    handleTagDismiss: (id: number) => void;
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "update:tags")[], "update:modelValue" | "focus" | "blur" | "update:tags", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /**
      * The input v-model
      */
@@ -291,10 +309,23 @@ declare const __default__$c: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         required: false;
     };
+    /**
+     * Enable tags within the input borders
+     * Defaults to false
+     */
+    enableTags: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tags: {
+        type: PropType<InputTag[]>;
+        required: false;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
+    "onUpdate:tags"?: ((...args: any[]) => any) | undefined;
 }>, {
     modelValue: string;
     type: FwInputType;
@@ -305,6 +336,7 @@ declare const __default__$c: vue.DefineComponent<vue.ExtractPropTypes<{
     rounded: boolean;
     enableErrors: boolean;
     invalidate: boolean;
+    enableTags: boolean;
 }, {}, {
     InputField: {
         new (...args: any[]): vue.CreateComponentPublicInstance<Readonly<vue.ExtractPropTypes<{
@@ -665,6 +697,7 @@ declare const __default__$c: vue.DefineComponent<vue.ExtractPropTypes<{
             default: (arg: vee_validate.FieldSlotProps<any>) => vue.VNode[];
         };
     });
+    FwTag: vue.ComponentOptions;
 }, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 declare interface FwCheckboxProps {
@@ -3087,6 +3120,13 @@ declare const __default__$7: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether the tag has round borders or not.
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     visible: vue.Ref<boolean, boolean>;
     baseClass: string;
@@ -3129,12 +3169,20 @@ declare const __default__$7: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether the tag has round borders or not.
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onDismissed?: ((...args: any[]) => any) | undefined;
 }>, {
     variant: TagVariantName;
     size: TagSize;
     dismissable: boolean;
+    rounded: boolean;
 }, {}, {
     FwButton: vue.ComponentOptions;
     XMarkSvg: VueConstructor<Vue>;
@@ -4531,4 +4579,4 @@ declare const install: Exclude<Plugin['install'], undefined>;
 
 declare module '@frollo/frollo-web-ui/icons' { }
 
-export { type ButtonAnimation, type ButtonDefinition, type ButtonDefinitionList, type ButtonSize, type ButtonSizes, type ButtonTypeAttribute, type ButtonVariantName, __default__$5 as FwAccordion, type FwAccordionProps, _default$h as FwAlert, _default$1 as FwBarChart, type FwBarChartProps, type FwBarGraphData, _default$i as FwButton, type FwButtonProps, __default__$9 as FwCard, type FwCardProps, __default__$b as FwCheckbox, type FwCheckboxProps, __default__$1 as FwDatePicker, type FwDatePickerModel, type FwDatePickerProps, __default__$3 as FwDrawer, type FwDrawerProps, __default__$a as FwDropdown, type FwDropdownOption, type FwDropdownProps, __default__$4 as FwImage, type FwImageProps, __default__$c as FwInput, type FwInputProps, type FwInputType, _default$a as FwLoadingBar, _default$9 as FwLoadingCard, _default$7 as FwLoadingDots, _default$8 as FwLoadingTable, _default$3 as FwMediaPicker, type FwMediaPickerProps, __default__$8 as FwModal, type FwModalProps, _default$g as FwNavigationMenu, type FwNavigationMenuProps, __default__ as FwPopover, type FwPopoverProps, _default$d as FwProgressBar, __default__$2 as FwProviderList, type FwProviderListItem, type FwProviderListProps, _default$4 as FwSidebarMenu, type FwSidebarMenuItem, type FwSidebarMenuProps, _default$2 as FwSlider, _default as FwSuccessAnimation, _default$j as FwSwitch, type FwSwitchProps, _default$e as FwTab, type FwTabProps, __default__$6 as FwTable, type FwTableCellComponentHandlers, type FwTableCellComponentProps, type FwTableColumnMeta, type FwTableFormatFunction, _default$c as FwTableHead, type FwTableItem, type FwTableItemOptions, type FwTableItemValue, type FwTableProps, _default$b as FwTableRow, type FwTableSort, type FwTableSortFunction, _default$f as FwTabs, type FwTabsProps, __default__$7 as FwTag, type FwTagProps, _default$6 as FwToast, type FwToastProps, _default$5 as FwTransactionsCard, type FwTransactionsCardProps, type ModalServiceProps, type NavMenuItem, type ProgressBarStep, type TabRecord, type TabsApi, type TagDefinition, type TagDefinitionList, type TagSize, type TagSizes, type TagVariantName, type ToastPosition, type ToastServiceProps, type ToastType, type ToastTypes, install as default, getHexWithOpacity, getVueComponentHtml, modalService, toastService, useColours };
+export { type ButtonAnimation, type ButtonDefinition, type ButtonDefinitionList, type ButtonSize, type ButtonSizes, type ButtonTypeAttribute, type ButtonVariantName, __default__$5 as FwAccordion, type FwAccordionProps, _default$h as FwAlert, _default$1 as FwBarChart, type FwBarChartProps, type FwBarGraphData, _default$i as FwButton, type FwButtonProps, __default__$9 as FwCard, type FwCardProps, __default__$b as FwCheckbox, type FwCheckboxProps, __default__$1 as FwDatePicker, type FwDatePickerModel, type FwDatePickerProps, __default__$3 as FwDrawer, type FwDrawerProps, __default__$a as FwDropdown, type FwDropdownOption, type FwDropdownProps, __default__$4 as FwImage, type FwImageProps, __default__$c as FwInput, type FwInputProps, type FwInputType, _default$a as FwLoadingBar, _default$9 as FwLoadingCard, _default$7 as FwLoadingDots, _default$8 as FwLoadingTable, _default$3 as FwMediaPicker, type FwMediaPickerProps, __default__$8 as FwModal, type FwModalProps, _default$g as FwNavigationMenu, type FwNavigationMenuProps, __default__ as FwPopover, type FwPopoverProps, _default$d as FwProgressBar, __default__$2 as FwProviderList, type FwProviderListItem, type FwProviderListProps, _default$4 as FwSidebarMenu, type FwSidebarMenuItem, type FwSidebarMenuProps, _default$2 as FwSlider, _default as FwSuccessAnimation, _default$j as FwSwitch, type FwSwitchProps, _default$e as FwTab, type FwTabProps, __default__$6 as FwTable, type FwTableCellComponentHandlers, type FwTableCellComponentProps, type FwTableColumnMeta, type FwTableFormatFunction, _default$c as FwTableHead, type FwTableItem, type FwTableItemOptions, type FwTableItemValue, type FwTableProps, _default$b as FwTableRow, type FwTableSort, type FwTableSortFunction, _default$f as FwTabs, type FwTabsProps, __default__$7 as FwTag, type FwTagProps, _default$6 as FwToast, type FwToastProps, _default$5 as FwTransactionsCard, type FwTransactionsCardProps, type InputTag, type ModalServiceProps, type NavMenuItem, type ProgressBarStep, type TabRecord, type TabsApi, type TagDefinition, type TagDefinitionList, type TagSize, type TagSizes, type TagVariantName, type ToastPosition, type ToastServiceProps, type ToastType, type ToastTypes, install as default, getHexWithOpacity, getVueComponentHtml, modalService, toastService, useColours };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frollo/frollo-web-ui",
-  "version": "9.0.9",
+  "version": "9.0.10",
   "description": "Frollo's UI library for components, utilities and configs",
   "exports": {
     "./icons": "./icons/index.ts",

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

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-import type { FwInputProps, FwInputType } from './index.types';
+import type { FwInputProps, InputTag, FwInputType } from './index.types';
 declare const __default__: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * The input v-model
@@ -127,14 +127,28 @@ declare const __default__: import("vue").DefineComponent<import("vue").ExtractPr
         type: BooleanConstructor;
         required: false;
     };
+    /**
+     * Enable tags within the input borders
+     * Defaults to false
+     */
+    enableTags: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tags: {
+        type: PropType<InputTag[]>;
+        required: false;
+    };
 }>, {
     inputBaseClass: import("vue").Ref<string, string>;
     inputValue: import("vue").WritableComputedRef<string, string>;
+    tagsValue: import("vue").WritableComputedRef<InputTag[] | undefined, InputTag[] | undefined>;
     onFocus: (e: FocusEvent) => void;
     onBlur: (e: FocusEvent) => void;
     primaryFade5: string;
     colorErrorTextFade5: string;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur")[], "update:modelValue" | "focus" | "blur", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    handleTagDismiss: (id: number) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "update:tags")[], "update:modelValue" | "focus" | "blur" | "update:tags", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The input v-model
      */
@@ -261,10 +275,23 @@ declare const __default__: import("vue").DefineComponent<import("vue").ExtractPr
         type: BooleanConstructor;
         required: false;
     };
+    /**
+     * Enable tags within the input borders
+     * Defaults to false
+     */
+    enableTags: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tags: {
+        type: PropType<InputTag[]>;
+        required: false;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
+    "onUpdate:tags"?: ((...args: any[]) => any) | undefined;
 }>, {
     modelValue: string;
     type: FwInputType;
@@ -275,6 +302,7 @@ declare const __default__: import("vue").DefineComponent<import("vue").ExtractPr
     rounded: boolean;
     enableErrors: boolean;
     invalidate: boolean;
+    enableTags: boolean;
 }, {}, {
     InputField: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
@@ -635,5 +663,6 @@ declare const __default__: import("vue").DefineComponent<import("vue").ExtractPr
             default: (arg: import("vee-validate").FieldSlotProps<any>) => import("vue").VNode[];
         };
     });
+    FwTag: import("vue").ComponentOptions;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default __default__;

package/types/components/fw-input/index.types.d.ts

@@ -20,3 +20,7 @@ export declare interface FwInputProps {
     required?: boolean;
     invalidate?: boolean;
 }
+export declare interface InputTag {
+    name: string;
+    id: number;
+}

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

@@ -31,6 +31,13 @@ declare const __default__: import("vue").DefineComponent<import("vue").ExtractPr
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether the tag has round borders or not.
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     visible: import("vue").Ref<boolean, boolean>;
     baseClass: string;
@@ -73,12 +80,20 @@ declare const __default__: import("vue").DefineComponent<import("vue").ExtractPr
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Whether the tag has round borders or not.
+     */
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onDismissed?: ((...args: any[]) => any) | undefined;
 }>, {
     variant: TagVariantName;
     size: TagSize;
     dismissable: boolean;
+    rounded: boolean;
 }, {}, {
     FwButton: import("vue").ComponentOptions;
     XMarkSvg: VueConstructor<Vue>;