@codemonster-ru/vueforge 0.36.0 → 0.38.0

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

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

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

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

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

@@ -0,0 +1,52 @@
+type RatingSize = 'small' | 'normal' | 'large';
+interface Props {
+    modelValue?: number;
+    max?: number;
+    size?: RatingSize;
+    allowHalf?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    ariaLabel?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        'active-icon'?(_: {}): any;
+    };
+    refs: {
+        rootRef: HTMLDivElement;
+        itemRefs: HTMLButtonElement[];
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: 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: RatingSize;
+    modelValue: number;
+    readonly: boolean;
+    max: number;
+    ariaLabel: string;
+    allowHalf: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
+    itemRefs: HTMLButtonElement[];
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,41 @@
+import { TreeItem, TreeValue } from './tree.vue';
+interface Props {
+    node: TreeItem;
+    level: number;
+    size: 'small' | 'normal' | 'large';
+    variant: 'filled' | 'outlined';
+    disabled: boolean;
+    expandOnClick: boolean;
+    selectable: boolean;
+    isSelected: (key: TreeValue) => boolean;
+    isExpanded: (key: TreeValue) => boolean;
+    isDisabled: (node: TreeItem) => boolean;
+    onSelect: (node: TreeItem, event: Event) => void;
+    onToggle: (node: TreeItem, event: Event) => void;
+}
+type TreeLabelSlotProps = {
+    node: TreeItem;
+    level: number;
+    selected: boolean;
+    expanded: boolean;
+    disabled: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        label?: (props: TreeLabelSlotProps) => unknown;
+    }> & {
+        label?: (props: TreeLabelSlotProps) => unknown;
+    };
+    refs: {};
+    rootEl: HTMLLIElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,71 @@
+export type TreeValue = string | number;
+export interface TreeItem {
+    key: TreeValue;
+    label: string;
+    disabled?: boolean;
+    children?: Array<TreeItem>;
+}
+type TreeModelValue = TreeValue | Array<TreeValue> | undefined;
+type TreeLabelSlotProps = {
+    node: TreeItem;
+    level: number;
+    selected: boolean;
+    expanded: boolean;
+    disabled: boolean;
+};
+interface Props {
+    items?: Array<TreeItem>;
+    modelValue?: TreeModelValue;
+    expandedKeys?: Array<TreeValue>;
+    multiple?: boolean;
+    selectable?: boolean;
+    expandOnClick?: boolean;
+    disabled?: boolean;
+    size?: 'small' | 'normal' | 'large';
+    variant?: 'filled' | 'outlined';
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        label?: (props: TreeLabelSlotProps) => unknown;
+    }> & {
+        label?: (props: TreeLabelSlotProps) => unknown;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    toggle: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+    "update:expandedKeys": (...args: any[]) => void;
+    nodeClick: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    onToggle?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:expandedKeys"?: ((...args: any[]) => any) | undefined;
+    onNodeClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    items: Array<TreeItem>;
+    size: "small" | "normal" | "large";
+    variant: "filled" | "outlined";
+    modelValue: TreeValue | TreeValue[];
+    ariaLabel: string;
+    multiple: boolean;
+    ariaLabelledby: string;
+    expandOnClick: boolean;
+    selectable: boolean;
+    expandedKeys: Array<TreeValue>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -746,6 +746,57 @@ export type SliderTokens = {
         valueFontSize?: string;
     };
 };
+export type RatingTokens = {
+    gap?: string;
+    size?: string;
+    color?: string;
+    activeColor?: string;
+    hoverColor?: string;
+    focusRingShadow?: string;
+    focusRadius?: string;
+    disabledOpacity?: string;
+    small?: {
+        size?: string;
+    };
+    large?: {
+        size?: string;
+    };
+};
+export type TreeTokens = {
+    gap?: string;
+    indent?: string;
+    rowGap?: string;
+    rowPadding?: string;
+    rowPaddingInline?: string;
+    rowBorderRadius?: string;
+    rowBorderColor?: string;
+    rowFontSize?: string;
+    rowTextColor?: string;
+    rowBackgroundColor?: string;
+    rowHoverBackgroundColor?: string;
+    rowSelectedBackgroundColor?: string;
+    rowSelectedTextColor?: string;
+    toggleSize?: string;
+    toggleRadius?: string;
+    toggleBorderColor?: string;
+    toggleBackgroundColor?: string;
+    toggleTextColor?: string;
+    toggleHoverBackgroundColor?: string;
+    focusRingShadow?: string;
+    disabledOpacity?: string;
+    small?: {
+        rowPadding?: string;
+        rowPaddingInline?: string;
+        rowFontSize?: string;
+        toggleSize?: string;
+    };
+    large?: {
+        rowPadding?: string;
+        rowPaddingInline?: string;
+        rowFontSize?: string;
+        toggleSize?: string;
+    };
+};
 export type StepperTokens = {
     gap?: string;
     itemGap?: string;
@@ -1053,6 +1104,8 @@ export type ThemeComponentTokens = {
     badge?: BadgeTokens;
     chip?: ChipTokens;
     avatar?: AvatarTokens;
+    rating?: RatingTokens;
+    tree?: TreeTokens;
     [key: string]: unknown;
 };
 export type ThemeTokens = {

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

@@ -0,0 +1,17 @@
+declare const _default: {
+    gap: string;
+    size: string;
+    color: string;
+    activeColor: string;
+    hoverColor: string;
+    focusRingShadow: string;
+    focusRadius: string;
+    disabledOpacity: string;
+    small: {
+        size: string;
+    };
+    large: {
+        size: string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,36 @@
+declare const _default: {
+    gap: string;
+    indent: string;
+    rowGap: string;
+    rowPadding: string;
+    rowPaddingInline: string;
+    rowBorderRadius: string;
+    rowBorderColor: string;
+    rowFontSize: string;
+    rowTextColor: string;
+    rowBackgroundColor: string;
+    rowHoverBackgroundColor: string;
+    rowSelectedBackgroundColor: string;
+    rowSelectedTextColor: string;
+    toggleSize: string;
+    toggleRadius: string;
+    toggleBorderColor: string;
+    toggleBackgroundColor: string;
+    toggleTextColor: string;
+    toggleHoverBackgroundColor: string;
+    focusRingShadow: string;
+    disabledOpacity: string;
+    small: {
+        rowPadding: string;
+        rowPaddingInline: string;
+        rowFontSize: string;
+        toggleSize: string;
+    };
+    large: {
+        rowPadding: string;
+        rowPaddingInline: string;
+        rowFontSize: string;
+        toggleSize: string;
+    };
+};
+export default _default;

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

@@ -1249,6 +1249,57 @@ declare const _default: {
                 itemGap: string;
             };
         };
+        rating: {
+            gap: string;
+            size: string;
+            color: string;
+            activeColor: string;
+            hoverColor: string;
+            focusRingShadow: string;
+            focusRadius: string;
+            disabledOpacity: string;
+            small: {
+                size: string;
+            };
+            large: {
+                size: string;
+            };
+        };
+        tree: {
+            gap: string;
+            indent: string;
+            rowGap: string;
+            rowPadding: string;
+            rowPaddingInline: string;
+            rowBorderRadius: string;
+            rowBorderColor: string;
+            rowFontSize: string;
+            rowTextColor: string;
+            rowBackgroundColor: string;
+            rowHoverBackgroundColor: string;
+            rowSelectedBackgroundColor: string;
+            rowSelectedTextColor: string;
+            toggleSize: string;
+            toggleRadius: string;
+            toggleBorderColor: string;
+            toggleBackgroundColor: string;
+            toggleTextColor: string;
+            toggleHoverBackgroundColor: string;
+            focusRingShadow: string;
+            disabledOpacity: string;
+            small: {
+                rowPadding: string;
+                rowPaddingInline: string;
+                rowFontSize: string;
+                toggleSize: string;
+            };
+            large: {
+                rowPadding: string;
+                rowPaddingInline: string;
+                rowFontSize: string;
+                toggleSize: string;
+            };
+        };
     };
     colors: {
         white: string;

package/package.json

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