@quoreadmin/ui 1.7.8 → 1.7.10

package/dist/src/components/form-group/form-group.stories.d.ts

@@ -96,6 +96,10 @@ export declare const Example: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {
                 currentInput: import('vue').Ref<null, null>;
                 focused: import('vue').Ref<boolean, boolean>;
@@ -105,24 +109,46 @@ export declare const Example: {
                     focused: boolean;
                     disabled?: undefined;
                     collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
                 } | {
                     disabled: boolean;
                     focused?: undefined;
                     collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
                 } | {
                     [x: string]: boolean | "";
                     focused?: undefined;
                     disabled?: undefined;
                     collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
                 } | {
                     [x: string]: string;
                     focused?: undefined;
                     disabled?: undefined;
                     collapsed?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
                 } | {
                     collapsed: boolean;
                     focused?: undefined;
                     disabled?: undefined;
+                    'has-floating-label'?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    'has-floating-label': boolean;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                    'label-floated'?: undefined;
+                } | {
+                    'label-floated': boolean;
+                    focused?: undefined;
+                    disabled?: undefined;
+                    collapsed?: undefined;
+                    'has-floating-label'?: undefined;
                 })[]>;
                 inputClasses: import('vue').ComputedRef<(string | {
                     [x: string]: boolean | "";
@@ -134,6 +160,8 @@ export declare const Example: {
                 showClearIcon: import('vue').ComputedRef<boolean>;
                 isSlotAvailable: import('vue').ComputedRef<boolean>;
                 showCustomPlaceholder: import('vue').ComputedRef<boolean>;
+                showFloatingLabel: import('vue').ComputedRef<boolean>;
+                isLabelFloated: import('vue').ComputedRef<boolean>;
                 onClickIcon: () => void;
                 onFocusOut: () => void;
                 togglePasswordVisibility: () => void;
@@ -207,6 +235,10 @@ export declare const Example: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
                 "onUpdate-type"?: ((...args: any[]) => any) | undefined;
@@ -225,6 +257,7 @@ export declare const Example: {
                 autocomplete: string;
                 hideClear: boolean;
                 iconPosition: string;
+                floatingLabel: boolean;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         setup(this: void): {

package/dist/src/components/grid/grid.stories.d.ts

@@ -959,8 +959,13 @@ export declare const InspectionGrid: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {
                 currentSelect: import('vue').Ref<object | null, object | null>;
+                currentContainer: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
                 search: import('vue').Ref<string, string>;
                 selected: import('vue').Ref<any, any>;
                 isOpened: import('vue').Ref<boolean, boolean>;
@@ -973,9 +978,13 @@ export declare const InspectionGrid: {
                 selectedText: import('vue').ComputedRef<string>;
                 useTags: import('vue').ComputedRef<boolean>;
                 enableGroupSelect: import('vue').ComputedRef<boolean>;
+                hasValue: import('vue').ComputedRef<boolean>;
+                showFloatingLabel: import('vue').ComputedRef<boolean>;
+                isLabelFloated: import('vue').ComputedRef<boolean>;
                 addTag: (newTag: string) => Promise<void>;
                 clearAll: () => void;
                 onOpen: () => Promise<void>;
+                onClose: () => void;
                 onRemove: (items: any) => void;
                 onUpdateValue: (event: Event) => void;
                 removeElement: (index: any) => void;
@@ -1138,6 +1147,10 @@ export declare const InspectionGrid: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -1151,6 +1164,7 @@ export declare const InspectionGrid: {
                 required: boolean;
                 id: string;
                 info: string;
+                floatingLabel: boolean;
                 noResultMessage: string;
                 groupSelectable: boolean;
                 groupLabel: string;
@@ -2018,6 +2032,10 @@ export declare const PMGrid: {
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    floatingLabel: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
                 }>, {
                     currentInput: import('vue').Ref<null, null>;
                     focused: import('vue').Ref<boolean, boolean>;
@@ -2027,24 +2045,46 @@ export declare const PMGrid: {
                         focused: boolean;
                         disabled?: undefined;
                         collapsed?: undefined;
+                        'has-floating-label'?: undefined;
+                        'label-floated'?: undefined;
                     } | {
                         disabled: boolean;
                         focused?: undefined;
                         collapsed?: undefined;
+                        'has-floating-label'?: undefined;
+                        'label-floated'?: undefined;
                     } | {
                         [x: string]: boolean | "";
                         focused?: undefined;
                         disabled?: undefined;
                         collapsed?: undefined;
+                        'has-floating-label'?: undefined;
+                        'label-floated'?: undefined;
                     } | {
                         [x: string]: string;
                         focused?: undefined;
                         disabled?: undefined;
                         collapsed?: undefined;
+                        'has-floating-label'?: undefined;
+                        'label-floated'?: undefined;
                     } | {
                         collapsed: boolean;
                         focused?: undefined;
                         disabled?: undefined;
+                        'has-floating-label'?: undefined;
+                        'label-floated'?: undefined;
+                    } | {
+                        'has-floating-label': boolean;
+                        focused?: undefined;
+                        disabled?: undefined;
+                        collapsed?: undefined;
+                        'label-floated'?: undefined;
+                    } | {
+                        'label-floated': boolean;
+                        focused?: undefined;
+                        disabled?: undefined;
+                        collapsed?: undefined;
+                        'has-floating-label'?: undefined;
                     })[]>;
                     inputClasses: import('vue').ComputedRef<(string | {
                         [x: string]: boolean | "";
@@ -2056,6 +2096,8 @@ export declare const PMGrid: {
                     showClearIcon: import('vue').ComputedRef<boolean>;
                     isSlotAvailable: import('vue').ComputedRef<boolean>;
                     showCustomPlaceholder: import('vue').ComputedRef<boolean>;
+                    showFloatingLabel: import('vue').ComputedRef<boolean>;
+                    isLabelFloated: import('vue').ComputedRef<boolean>;
                     onClickIcon: () => void;
                     onFocusOut: () => void;
                     togglePasswordVisibility: () => void;
@@ -2129,6 +2171,10 @@ export declare const PMGrid: {
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    floatingLabel: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
                 }>> & Readonly<{
                     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
                     "onUpdate-type"?: ((...args: any[]) => any) | undefined;
@@ -2147,6 +2193,7 @@ export declare const PMGrid: {
                     autocomplete: string;
                     hideClear: boolean;
                     iconPosition: string;
+                    floatingLabel: boolean;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
                 QTooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     id: {
@@ -3152,8 +3199,13 @@ export declare const PMGrid: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {
                 currentSelect: import('vue').Ref<object | null, object | null>;
+                currentContainer: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
                 search: import('vue').Ref<string, string>;
                 selected: import('vue').Ref<any, any>;
                 isOpened: import('vue').Ref<boolean, boolean>;
@@ -3166,9 +3218,13 @@ export declare const PMGrid: {
                 selectedText: import('vue').ComputedRef<string>;
                 useTags: import('vue').ComputedRef<boolean>;
                 enableGroupSelect: import('vue').ComputedRef<boolean>;
+                hasValue: import('vue').ComputedRef<boolean>;
+                showFloatingLabel: import('vue').ComputedRef<boolean>;
+                isLabelFloated: import('vue').ComputedRef<boolean>;
                 addTag: (newTag: string) => Promise<void>;
                 clearAll: () => void;
                 onOpen: () => Promise<void>;
+                onClose: () => void;
                 onRemove: (items: any) => void;
                 onUpdateValue: (event: Event) => void;
                 removeElement: (index: any) => void;
@@ -3331,6 +3387,10 @@ export declare const PMGrid: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                floatingLabel: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
             }>, {
@@ -3344,6 +3404,7 @@ export declare const PMGrid: {
                 required: boolean;
                 id: string;
                 info: string;
+                floatingLabel: boolean;
                 noResultMessage: string;
                 groupSelectable: boolean;
                 groupLabel: string;

package/dist/src/components/input/input.d.ts

@@ -60,6 +60,10 @@ declare const QInput: import('vue').DefineComponent<import('vue').ExtractPropTyp
         type: BooleanConstructor;
         default: boolean;
     };
+    floatingLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     currentInput: import('vue').Ref<null, null>;
     focused: import('vue').Ref<boolean, boolean>;
@@ -69,24 +73,46 @@ declare const QInput: import('vue').DefineComponent<import('vue').ExtractPropTyp
         focused: boolean;
         disabled?: undefined;
         collapsed?: undefined;
+        'has-floating-label'?: undefined;
+        'label-floated'?: undefined;
     } | {
         disabled: boolean;
         focused?: undefined;
         collapsed?: undefined;
+        'has-floating-label'?: undefined;
+        'label-floated'?: undefined;
     } | {
         [x: string]: boolean | "";
         focused?: undefined;
         disabled?: undefined;
         collapsed?: undefined;
+        'has-floating-label'?: undefined;
+        'label-floated'?: undefined;
     } | {
         [x: string]: string;
         focused?: undefined;
         disabled?: undefined;
         collapsed?: undefined;
+        'has-floating-label'?: undefined;
+        'label-floated'?: undefined;
     } | {
         collapsed: boolean;
         focused?: undefined;
         disabled?: undefined;
+        'has-floating-label'?: undefined;
+        'label-floated'?: undefined;
+    } | {
+        'has-floating-label': boolean;
+        focused?: undefined;
+        disabled?: undefined;
+        collapsed?: undefined;
+        'label-floated'?: undefined;
+    } | {
+        'label-floated': boolean;
+        focused?: undefined;
+        disabled?: undefined;
+        collapsed?: undefined;
+        'has-floating-label'?: undefined;
     })[]>;
     inputClasses: import('vue').ComputedRef<(string | {
         [x: string]: boolean | "";
@@ -98,6 +124,8 @@ declare const QInput: import('vue').DefineComponent<import('vue').ExtractPropTyp
     showClearIcon: import('vue').ComputedRef<boolean>;
     isSlotAvailable: import('vue').ComputedRef<boolean>;
     showCustomPlaceholder: import('vue').ComputedRef<boolean>;
+    showFloatingLabel: import('vue').ComputedRef<boolean>;
+    isLabelFloated: import('vue').ComputedRef<boolean>;
     onClickIcon: () => void;
     onFocusOut: () => void;
     togglePasswordVisibility: () => void;
@@ -172,6 +200,10 @@ declare const QInput: import('vue').DefineComponent<import('vue').ExtractPropTyp
         type: BooleanConstructor;
         default: boolean;
     };
+    floatingLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
     "onUpdate-type"?: ((...args: any[]) => any) | undefined;
@@ -190,6 +222,7 @@ declare const QInput: import('vue').DefineComponent<import('vue').ExtractPropTyp
     autocomplete: string;
     hideClear: boolean;
     iconPosition: string;
+    floatingLabel: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export type QInputType = typeof QInput;
 export default QInput;