@mythpe/quasar-ui-qui 0.5.64 → 0.5.65

package/dist/index.d.ts

@@ -89,7 +89,6 @@ import { QDialogOptions } from 'quasar';
 import { QDialogProps } from 'quasar';
 import { QEditorProps } from 'quasar';
 import { QEditorSlots } from 'quasar';
-import { QFieldProps } from 'quasar';
 import { QFieldSlots } from 'quasar';
 import { QFileProps } from 'quasar';
 import { QFileSlots } from 'quasar';
@@ -109,7 +108,6 @@ import { QSelectProps } from 'quasar';
 import { QSelectSlots } from 'quasar';
 import { QSsrContext } from '@quasar/app-vite';
 import { QTableProps } from 'quasar';
-import { QTimeProps } from 'quasar';
 import { QToggleProps } from 'quasar';
 import { QTooltipProps } from 'quasar';
 import { QUploaderProps } from 'quasar';
@@ -411,6 +409,15 @@ export declare interface BaseMTransitionProps {
     noCss?: boolean;
 }
 
+export declare interface BaseThemePickerStyle {
+    color?: NamedColor | undefined;
+    textColor?: NamedColor | undefined;
+    square?: boolean | undefined;
+    flat?: boolean | undefined;
+    bordered?: boolean | undefined;
+    landscape?: boolean | undefined;
+}
+
 export declare const calculateAspectRatio: (width: number | string, height: number | string) => [number, string];
 
 export { camelCase }
@@ -808,11 +815,11 @@ export declare type GenericMDtBtn = Record<string, any> & {
     multiClick?: <V extends E = E>(items: V[]) => void;
     showIf?: boolean | ((item: UnwrapRef<MDatatableDialogsOptions['item']>, index: UnwrapRef<MDatatableDialogsOptions['index']>) => boolean);
     order?: number;
-    attr?: Partial<MDtBtnProps> & Partial<{
+    attr?: Partial<MDtBtnProps> & {
         icon?: string;
-        textColor?: NamedColor | undefined;
-        color?: NamedColor | undefined;
-    }>;
+        textColor?: NamedColor | string | undefined;
+        color?: NamedColor | string | undefined;
+    };
 };
 
 export declare interface GlobalMythConfig {
@@ -2971,8 +2978,8 @@ export declare const setCss: typeof setCssVar;
  */
 export declare interface SharedThemeConfiguration {
     dense?: ThemeDense | undefined;
-    color?: string | undefined;
-    textColor?: string | undefined;
+    color?: NamedColor | string | undefined;
+    textColor?: NamedColor | string | undefined;
     size?: ThemeSize | undefined;
     ripple?: boolean | undefined;
     rounded?: ThemeRounded | undefined;
@@ -2983,28 +2990,12 @@ export declare interface SharedThemeConfiguration {
     hideBottomSpace?: boolean | undefined;
     stackLabel?: boolean | undefined;
     hideHint?: boolean | undefined;
-    clearable?: boolean | undefined;
-    /**
-     * Custom icon to use for the clear button when using along with 'clearable' prop
-     */
     clearIcon?: string | undefined;
     bottomSlots?: boolean | undefined;
     counter?: boolean | undefined;
-    /**
-     * The icon to be used when selected (instead of the default design)
-     */
     checkedIcon?: string | undefined;
-    /**
-     * The icon to be used when un-selected (instead of the default design)
-     */
     uncheckedIcon?: string | undefined;
-    /**
-     * The icon to be used when the model is indeterminate (instead of the default design)
-     */
     indeterminateIcon?: string | undefined;
-    /**
-     * Should the color (if specified any) be kept when checkbox is unticked?
-     */
     keepColor?: boolean | undefined;
 }
 
@@ -3111,12 +3102,6 @@ export declare interface ThemeBtnStyle extends Pick<QBtnProps, 'size' | 'outline
 export declare interface ThemeBtnToggleStyle extends Pick<QBtnToggleProps, 'color' | 'textColor' | 'toggleColor' | 'toggleTextColor' | 'outline' | 'flat' | 'unelevated' | 'rounded' | 'push' | 'glossy' | 'size' | 'padding' | 'ripple' | 'dense' | 'spread' | 'noCaps' | 'noWrap' | 'stack' | 'stretch'> {
 }
 
-/**
- * Configuration schema for custom or preset Quasar Checkbox toggles properties.
- */
-export declare interface ThemeCheckboxStyle extends ThemeRadioStyle, Pick<QCheckboxProps, 'indeterminateIcon' | 'toggleOrder'> {
-}
-
 /**
  * Global application design tokens and active theme component style definitions matrix sheet.
  */
@@ -3130,15 +3115,11 @@ export declare interface ThemeConfiguration extends SharedThemeConfiguration {
     gutterSize?: ThemeGutterSize;
     loadingOptions?: LoadingOptions;
     btn?: ThemeBtnStyle;
+    btnToggle?: ThemeBtnToggleStyle;
     input?: ThemeInputStyle;
-    file?: ThemeFileStyle;
-    field?: ThemeFieldStyle;
-    select?: ThemeSelectStyle;
     radio?: ThemeRadioStyle;
-    checkbox?: ThemeCheckboxStyle;
-    toggle?: ThemeToggleStyle;
-    btnToggle?: ThemeBtnToggleStyle;
     optionGroup?: ThemeOptionGroupStyle;
+    picker?: ThemePickerStyle;
     time?: ThemeTimeStyle;
     date?: ThemeDateStyle;
     table?: ThemeTableStyle;
@@ -3146,10 +3127,28 @@ export declare interface ThemeConfiguration extends SharedThemeConfiguration {
     uploader?: ThemeUploaderStyle;
 }
 
-/**
- * Configuration schema for standardizing Quasar calendar date pickers panels styles.
- */
-export declare interface ThemeDateStyle extends Pick<QDateProps, 'color' | 'textColor' | 'square' | 'flat' | 'bordered' | 'firstDayOfWeek' | 'emitImmediately' | 'landscape' | 'todayBtn' | 'minimal' | 'yearsInMonthView'> {
+export declare interface ThemeDateStyle {
+    /**
+     * Sets the day of the week that is considered the first day (0 - Sunday, 1 - Monday, ...); This day will show in the left-most column of the calendar
+     * Default value: # based on configured Quasar lang language
+     */
+    firstDayOfWeek?: string | number | undefined;
+    /**
+     * Emit model when user browses month and year too; ONLY for single selection (non-multiple, non-range)
+     */
+    emitImmediately?: boolean | undefined;
+    /**
+     * Display a button that selects the current day
+     */
+    todayBtn?: boolean | undefined;
+    /**
+     * Don’t display the header
+     */
+    minimal?: boolean | undefined;
+    /**
+     * Show the years selector in months view
+     */
+    yearsInMonthView?: boolean | undefined;
 }
 
 export declare type ThemeDense = boolean;
@@ -3178,18 +3177,6 @@ export declare type ThemeDesignVariant<T extends ThemeDesignName> = T extends 'f
     borderless: true;
 } : never;
 
-/**
- * Configuration schema for Quasar structural components, extending standard field styles.
- */
-export declare interface ThemeFieldStyle extends ThemeInputStyle, Pick<QFieldProps, 'tag'> {
-}
-
-/**
- * Configuration schema for Quasar File upload fields, extending basic form input styles.
- */
-export declare interface ThemeFileStyle extends ThemeInputStyle, Pick<QFileProps, 'useChips'> {
-}
-
 export declare type ThemeFluid = boolean;
 
 export declare interface ThemeGlobalContainer {
@@ -3209,7 +3196,8 @@ export declare type ThemeGutterType = 'col' | 'gutter';
  * Configuration schema for custom or preset Quasar Input styling properties,
  * enriched with custom native input class and style wrappers.
  */
-export declare interface ThemeInputStyle extends InputStyles, Pick<QInputProps, 'labelColor' | 'color' | 'bgColor' | 'filled' | 'outlined' | 'borderless' | 'standout' | 'hideBottomSpace' | 'rounded' | 'square' | 'dense' | 'itemAligned' | 'stackLabel' | 'hideHint' | 'clearIcon' | 'bottomSlots' | 'counter'> {
+export declare interface ThemeInputStyle extends InputStyles, PopupStyles, Pick<QInputProps, 'labelColor' | 'color' | 'bgColor' | 'filled' | 'outlined' | 'borderless' | 'standout' | 'hideBottomSpace' | 'rounded' | 'square' | 'dense' | 'itemAligned' | 'stackLabel' | 'hideHint' | 'clearIcon' | 'bottomSlots' | 'counter'> {
+    useChips?: boolean | undefined;
 }
 
 /**
@@ -3218,20 +3206,17 @@ export declare interface ThemeInputStyle extends InputStyles, Pick<QInputProps,
 export declare interface ThemeOptionGroupStyle extends Pick<QOptionGroupProps, 'size' | 'color' | 'dense' | 'inline' | 'keepColor'> {
 }
 
+export declare interface ThemePickerStyle extends BaseThemePickerStyle, ThemeTimeStyle, ThemeDateStyle {
+}
+
 /**
  * Configuration schema for custom or preset Quasar Radio options properties.
  */
-export declare interface ThemeRadioStyle extends Pick<QRadioProps, 'size' | 'color' | 'dense' | 'checkedIcon' | 'uncheckedIcon' | 'keepColor'> {
+export declare interface ThemeRadioStyle extends Pick<QRadioProps, 'size' | 'color' | 'dense' | 'checkedIcon' | 'uncheckedIcon' | 'keepColor'>, Pick<QCheckboxProps, 'indeterminateIcon' | 'toggleOrder'>, Pick<QToggleProps, 'iconColor'> {
 }
 
 export declare type ThemeRounded = boolean;
 
-/**
- * Configuration schema for Quasar Select dropdown wrappers, extending basic inputs with popup features.
- */
-export declare interface ThemeSelectStyle extends ThemeInputStyle, PopupStyles {
-}
-
 export declare type ThemeShadow = string | number | 'transition' | 'none' | undefined;
 
 export declare type ThemeSize = ThemeBreakpoint | CSSUnitStyle | undefined;
@@ -3242,16 +3227,20 @@ export declare type ThemeSize = ThemeBreakpoint | CSSUnitStyle | undefined;
 export declare interface ThemeTableStyle extends Pick<QTableProps, 'color' | 'dense' | 'flat' | 'bordered' | 'square' | 'iconFirstPage' | 'iconPrevPage' | 'iconNextPage' | 'iconLastPage' | 'gridHeader' | 'wrapCells'> {
 }
 
-/**
- * Configuration schema for standardizing Quasar time picker overlay panels styles.
- */
-export declare interface ThemeTimeStyle extends Pick<QTimeProps, 'color' | 'textColor' | 'square' | 'flat' | 'bordered' | 'landscape' | 'format24h' | 'withSeconds' | 'nowBtn'> {
-}
-
-/**
- * Configuration schema for custom or preset Quasar Toggle switch properties.
- */
-export declare interface ThemeToggleStyle extends ThemeCheckboxStyle, Pick<QToggleProps, 'iconColor'> {
+export declare interface ThemeTimeStyle {
+    /**
+     * Forces 24 hour time display instead of AM/PM system; If prop is not set, then the default is based on Quasar lang language being used
+     * Default value: null
+     */
+    format24h?: boolean | null | undefined;
+    /**
+     * Allow the time to be set with seconds
+     */
+    withSeconds?: boolean | undefined;
+    /**
+     * Display a button that selects the current time
+     */
+    nowBtn?: boolean | undefined;
 }
 
 /**
@@ -3340,10 +3329,6 @@ export declare const useComponent: <P extends Generic>(name: MaybeRefOrGetter<Co
     getPlaceholder: ComputedRef<string | undefined>;
     getAutocompleteAttribute: ComputedRef<string | undefined>;
     getProp: <R = any>(propName: MaybeRefOrGetter<string>, defValue?: R) => R;
-    attrs: ComputedRef<{
-        [x: string]: any;
-    }>;
-    theme: Ref<Record<string, any>, Record<string, any>>;
 };
 
 declare interface UseComponentOptions<P extends Generic> {
@@ -6936,8 +6921,6 @@ export declare const useError: (name: MaybeRefOrGetter<string>) => {
 
 export declare const useMyth: () => GlobalMythInstance & {
     ckeditorKey: ComputedRef<string | undefined>;
-    btnStyle: ComputedRef< ThemeBtnStyle | undefined>;
-    inputStyle: ComputedRef< ThemeInputStyle | undefined>;
     confirmMessage: (message?: string, title?: string, opts?: Partial<QDialogOptions> & Partial<QDialogProps> & Record<string, any>) => Vue3MConfirmMessage;
     alertMessage: (opts: Vue3MAlertMessageOptions) => Vue3MAlertMessage;
     alertSuccess: (message: string) => Vue3MAlertMessage;