@codemonster-ru/vueforge 0.49.0 → 0.51.0

package/dist/package/components/__tests__/datetimepicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/package/components/__tests__/search-input.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/package/components/datetimepicker.vue.d.ts

@@ -0,0 +1,46 @@
+type Size = 'small' | 'normal' | 'large';
+type Variant = 'filled' | 'outlined';
+type TimeFormat = '24h' | '12h';
+interface Props {
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    min?: string;
+    max?: string;
+    locale?: string;
+    firstDayOfWeek?: number;
+    minuteStep?: number;
+    format?: TimeFormat;
+    variant?: Variant;
+    size?: Size;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: Size;
+    variant: Variant;
+    modelValue: string;
+    placeholder: string;
+    readonly: boolean;
+    format: TimeFormat;
+    min: string;
+    max: string;
+    locale: string;
+    firstDayOfWeek: number;
+    minuteStep: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    root: HTMLDivElement;
+    control: HTMLButtonElement;
+    panel: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/package/components/multi-select.vue.d.ts

@@ -44,13 +44,13 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     modelValue: Array<OptionValue>;
     placeholder: string;
     readonly: boolean;
+    clearable: boolean;
     options: Array<OptionItem>;
     optionLabel: string;
     optionValue: string;
     loadingText: string;
     emptyText: string;
     searchPlaceholder: string;
-    clearable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     root: HTMLDivElement;
     trigger: HTMLButtonElement;

package/dist/package/components/otp-input.vue.d.ts

@@ -37,8 +37,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     modelValue: string;
     placeholder: string;
     readonly: boolean;
-    autocomplete: string;
     ariaLabel: string;
+    autocomplete: string;
     alphanumeric: boolean;
     autoFocus: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/dist/package/components/password-input.vue.d.ts

@@ -52,6 +52,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     modelValue: string;
     placeholder: string;
     readonly: boolean;
+    ariaLabel: string;
     autocomplete: string;
     showToggle: boolean;
     showStrength: boolean;
@@ -64,7 +65,6 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     weakLabel: string;
     mediumLabel: string;
     strongLabel: string;
-    ariaLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/package/components/search-input.vue.d.ts

@@ -0,0 +1,45 @@
+type Size = 'small' | 'normal' | 'large';
+type Variant = 'filled' | 'outlined';
+interface Props {
+    modelValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    debounce?: number;
+    loading?: boolean;
+    clearable?: boolean;
+    size?: Size;
+    variant?: Variant;
+    ariaLabel?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    search: (...args: any[]) => void;
+    blur: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+    input: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+    clear: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSearch?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: Size;
+    loading: boolean;
+    variant: Variant;
+    modelValue: string;
+    placeholder: string;
+    readonly: boolean;
+    debounce: number;
+    clearable: boolean;
+    ariaLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    control: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/package/components/tag-input.vue.d.ts

@@ -52,12 +52,12 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     modelValue: Array<OptionValue>;
     placeholder: string;
     readonly: boolean;
+    clearable: boolean;
     options: Array<OptionItem>;
     optionLabel: string;
     optionValue: string;
     loadingText: string;
     emptyText: string;
-    clearable: boolean;
     maxTags: number;
     allowCustom: boolean;
     validateTag: (value: string) => boolean;

package/dist/package/components/tree-select.vue.d.ts

@@ -69,11 +69,11 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     modelValue: TreeValue | TreeValue[];
     placeholder: string;
     readonly: boolean;
+    clearable: boolean;
     multiple: boolean;
     loadingText: string;
     emptyText: string;
     searchPlaceholder: string;
-    clearable: boolean;
     expandOnClick: boolean;
     selectable: boolean;
     expandedKeys: Array<TreeValue>;

package/dist/package/config/theme-core.d.ts

@@ -77,6 +77,40 @@ export type InputTokens = {
         fontSize?: string;
     };
 };
+export type SearchInputTokens = {
+    gap?: string;
+    fontSize?: string;
+    padding?: string;
+    borderRadius?: string;
+    borderColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    placeholderColor?: string;
+    focusBorderColor?: string;
+    focusRingShadow?: string;
+    hoverBorderColor?: string;
+    disabledOpacity?: string;
+    iconSize?: string;
+    iconColor?: string;
+    clearSize?: string;
+    clearRadius?: string;
+    clearHoverBackgroundColor?: string;
+    loadingSize?: string;
+    loadingBorderColor?: string;
+    loadingTopBorderColor?: string;
+    small?: {
+        padding?: string;
+        fontSize?: string;
+        iconSize?: string;
+        clearSize?: string;
+    };
+    large?: {
+        padding?: string;
+        fontSize?: string;
+        iconSize?: string;
+        clearSize?: string;
+    };
+};
 export type PasswordInputTokens = {
     gap?: string;
     fontSize?: string;
@@ -814,6 +848,68 @@ export type TimePickerTokens = {
         fontSize?: string;
     };
 };
+export type DateTimePickerTokens = {
+    minWidth?: string;
+    fontSize?: string;
+    controlGap?: string;
+    chevronSize?: string;
+    padding?: string;
+    borderRadius?: string;
+    borderColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    placeholderColor?: string;
+    focusBorderColor?: string;
+    hoverBorderColor?: string;
+    disabledOpacity?: string;
+    panelWidth?: string;
+    panelBackgroundColor?: string;
+    panelBorderColor?: string;
+    panelPadding?: string;
+    panelRadiusOffset?: string;
+    panelShadow?: string;
+    panelGap?: string;
+    focusRingShadow?: string;
+    headerGap?: string;
+    headerPadding?: string;
+    monthLabelFontSize?: string;
+    monthLabelFontWeight?: string;
+    navButtonSize?: string;
+    navButtonRadius?: string;
+    navButtonFontSize?: string;
+    weekdayColor?: string;
+    weekdayFontSize?: string;
+    weekdaysMarginBottom?: string;
+    daysGap?: string;
+    daySize?: string;
+    dayFontSize?: string;
+    dayBorderRadius?: string;
+    dayHoverBackgroundColor?: string;
+    daySelectedBackgroundColor?: string;
+    daySelectedTextColor?: string;
+    dayMutedColor?: string;
+    dayTodayBorderColor?: string;
+    timesWidth?: string;
+    timesMaxHeight?: string;
+    timesPaddingLeft?: string;
+    timesBorderColor?: string;
+    timeOptionPadding?: string;
+    timeOptionBorderRadius?: string;
+    timeOptionFontSize?: string;
+    timeOptionHoverBackgroundColor?: string;
+    timeOptionActiveBackgroundColor?: string;
+    timeOptionActiveTextColor?: string;
+    small?: {
+        padding?: string;
+        fontSize?: string;
+        daySize?: string;
+    };
+    large?: {
+        padding?: string;
+        fontSize?: string;
+        daySize?: string;
+    };
+};
 export type PaginationTokens = {
     gap?: string;
     itemMinWidth?: string;
@@ -1378,6 +1474,7 @@ export type ThemeComponentTokens = {
     tabs?: TabsTokens;
     accordion?: AccordionTokens;
     input?: InputTokens;
+    searchInput?: SearchInputTokens;
     passwordInput?: PasswordInputTokens;
     otpInput?: OtpInputTokens;
     colorPicker?: ColorPickerTokens;
@@ -1404,6 +1501,7 @@ export type ThemeComponentTokens = {
     datepicker?: DatePickerTokens;
     daterangepicker?: DateRangePickerTokens;
     timepicker?: TimePickerTokens;
+    datetimepicker?: DateTimePickerTokens;
     pagination?: PaginationTokens;
     switch?: SwitchTokens;
     tooltip?: TooltipTokens;

package/dist/package/themes/default/components/datetimepicker.d.ts

@@ -0,0 +1,63 @@
+declare const _default: {
+    minWidth: string;
+    fontSize: string;
+    controlGap: string;
+    chevronSize: string;
+    padding: string;
+    borderRadius: string;
+    borderColor: string;
+    backgroundColor: string;
+    textColor: string;
+    placeholderColor: string;
+    focusBorderColor: string;
+    hoverBorderColor: string;
+    disabledOpacity: string;
+    panelWidth: string;
+    panelBackgroundColor: string;
+    panelBorderColor: string;
+    panelPadding: string;
+    panelRadiusOffset: string;
+    panelShadow: string;
+    panelGap: string;
+    focusRingShadow: string;
+    headerGap: string;
+    headerPadding: string;
+    monthLabelFontSize: string;
+    monthLabelFontWeight: string;
+    navButtonSize: string;
+    navButtonRadius: string;
+    navButtonFontSize: string;
+    weekdayColor: string;
+    weekdayFontSize: string;
+    weekdaysMarginBottom: string;
+    daysGap: string;
+    daySize: string;
+    dayFontSize: string;
+    dayBorderRadius: string;
+    dayHoverBackgroundColor: string;
+    daySelectedBackgroundColor: string;
+    daySelectedTextColor: string;
+    dayMutedColor: string;
+    dayTodayBorderColor: string;
+    timesWidth: string;
+    timesMaxHeight: string;
+    timesPaddingLeft: string;
+    timesBorderColor: string;
+    timeOptionPadding: string;
+    timeOptionBorderRadius: string;
+    timeOptionFontSize: string;
+    timeOptionHoverBackgroundColor: string;
+    timeOptionActiveBackgroundColor: string;
+    timeOptionActiveTextColor: string;
+    small: {
+        padding: string;
+        fontSize: string;
+        daySize: string;
+    };
+    large: {
+        padding: string;
+        fontSize: string;
+        daySize: string;
+    };
+};
+export default _default;

package/dist/package/themes/default/components/search-input.d.ts

@@ -0,0 +1,35 @@
+declare const _default: {
+    gap: string;
+    fontSize: string;
+    padding: string;
+    borderRadius: string;
+    borderColor: string;
+    backgroundColor: string;
+    textColor: string;
+    placeholderColor: string;
+    focusBorderColor: string;
+    focusRingShadow: string;
+    hoverBorderColor: string;
+    disabledOpacity: string;
+    iconSize: string;
+    iconColor: string;
+    clearSize: string;
+    clearRadius: string;
+    clearHoverBackgroundColor: string;
+    loadingSize: string;
+    loadingBorderColor: string;
+    loadingTopBorderColor: string;
+    small: {
+        padding: string;
+        fontSize: string;
+        iconSize: string;
+        clearSize: string;
+    };
+    large: {
+        padding: string;
+        fontSize: string;
+        iconSize: string;
+        clearSize: string;
+    };
+};
+export default _default;

package/dist/package/themes/default/index.d.ts

@@ -234,6 +234,40 @@ declare const _default: {
                 fontSize: string;
             };
         };
+        searchInput: {
+            gap: string;
+            fontSize: string;
+            padding: string;
+            borderRadius: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            placeholderColor: string;
+            focusBorderColor: string;
+            focusRingShadow: string;
+            hoverBorderColor: string;
+            disabledOpacity: string;
+            iconSize: string;
+            iconColor: string;
+            clearSize: string;
+            clearRadius: string;
+            clearHoverBackgroundColor: string;
+            loadingSize: string;
+            loadingBorderColor: string;
+            loadingTopBorderColor: string;
+            small: {
+                padding: string;
+                fontSize: string;
+                iconSize: string;
+                clearSize: string;
+            };
+            large: {
+                padding: string;
+                fontSize: string;
+                iconSize: string;
+                clearSize: string;
+            };
+        };
         passwordInput: {
             gap: string;
             fontSize: string;
@@ -968,6 +1002,68 @@ declare const _default: {
                 fontSize: string;
             };
         };
+        datetimepicker: {
+            minWidth: string;
+            fontSize: string;
+            controlGap: string;
+            chevronSize: string;
+            padding: string;
+            borderRadius: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            placeholderColor: string;
+            focusBorderColor: string;
+            hoverBorderColor: string;
+            disabledOpacity: string;
+            panelWidth: string;
+            panelBackgroundColor: string;
+            panelBorderColor: string;
+            panelPadding: string;
+            panelRadiusOffset: string;
+            panelShadow: string;
+            panelGap: string;
+            focusRingShadow: string;
+            headerGap: string;
+            headerPadding: string;
+            monthLabelFontSize: string;
+            monthLabelFontWeight: string;
+            navButtonSize: string;
+            navButtonRadius: string;
+            navButtonFontSize: string;
+            weekdayColor: string;
+            weekdayFontSize: string;
+            weekdaysMarginBottom: string;
+            daysGap: string;
+            daySize: string;
+            dayFontSize: string;
+            dayBorderRadius: string;
+            dayHoverBackgroundColor: string;
+            daySelectedBackgroundColor: string;
+            daySelectedTextColor: string;
+            dayMutedColor: string;
+            dayTodayBorderColor: string;
+            timesWidth: string;
+            timesMaxHeight: string;
+            timesPaddingLeft: string;
+            timesBorderColor: string;
+            timeOptionPadding: string;
+            timeOptionBorderRadius: string;
+            timeOptionFontSize: string;
+            timeOptionHoverBackgroundColor: string;
+            timeOptionActiveBackgroundColor: string;
+            timeOptionActiveTextColor: string;
+            small: {
+                padding: string;
+                fontSize: string;
+                daySize: string;
+            };
+            large: {
+                padding: string;
+                fontSize: string;
+                daySize: string;
+            };
+        };
         pagination: {
             gap: string;
             itemMinWidth: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@codemonster-ru/vueforge",
-    "version": "0.49.0",
+    "version": "0.51.0",
     "description": "Open source UI components for Vue.js.",
     "license": "MIT",
     "author": "Kirill Kolesnikov",