@codemonster-ru/vueforge 0.94.0 → 0.95.0

package/dist/package/components/split-layout.vue.d.ts

@@ -0,0 +1,73 @@
+type SplitLayoutPreset = 'master-detail' | 'inspector' | 'editor-preview';
+interface Props {
+    preset?: SplitLayoutPreset;
+    secondaryCollapsed?: boolean;
+    tertiaryCollapsed?: boolean;
+    secondaryWidth?: string;
+    tertiaryWidth?: string;
+    mobileBreakpoint?: number;
+    showMobileToggles?: boolean;
+    showDesktopToggles?: boolean;
+    closeOnEsc?: boolean;
+    primaryAriaLabel?: string;
+    secondaryAriaLabel?: string;
+    tertiaryAriaLabel?: string;
+    secondaryToggleLabel?: string;
+    tertiaryToggleLabel?: string;
+    closeSecondaryLabel?: string;
+    closeTertiaryLabel?: string;
+    secondaryToggleIcon?: string;
+    tertiaryToggleIcon?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        secondary?(_: {
+            mobile: boolean;
+            open: boolean;
+        }): any;
+        tertiary?(_: {
+            mobile: boolean;
+            open: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "breakpoint-change": (mobile: boolean) => any;
+    "update:secondaryCollapsed": (value: boolean) => any;
+    "update:tertiaryCollapsed": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onBreakpoint-change"?: ((mobile: boolean) => any) | undefined;
+    "onUpdate:secondaryCollapsed"?: ((value: boolean) => any) | undefined;
+    "onUpdate:tertiaryCollapsed"?: ((value: boolean) => any) | undefined;
+}>, {
+    preset: SplitLayoutPreset;
+    closeOnEsc: boolean;
+    mobileBreakpoint: number;
+    showMobileToggles: boolean;
+    showDesktopToggles: boolean;
+    secondaryCollapsed: boolean;
+    tertiaryCollapsed: boolean;
+    secondaryWidth: string;
+    tertiaryWidth: string;
+    primaryAriaLabel: string;
+    secondaryAriaLabel: string;
+    tertiaryAriaLabel: string;
+    secondaryToggleLabel: string;
+    tertiaryToggleLabel: string;
+    closeSecondaryLabel: string;
+    closeTertiaryLabel: string;
+    secondaryToggleIcon: string;
+    tertiaryToggleIcon: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+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/splitter.vue.d.ts

@@ -29,10 +29,10 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     disabled: boolean;
     modelValue: Array<number>;
     direction: SplitterDirection;
-    minSizes: Array<number>;
-    gutterSize: number | string;
     persistence: "none" | "local" | "session";
     persistenceKey: string;
+    minSizes: Array<number>;
+    gutterSize: number | string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     root: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/package/components/sticky-region.vue.d.ts

@@ -0,0 +1,35 @@
+type StickyEdge = 'top' | 'bottom';
+interface Props {
+    as?: string;
+    edge?: StickyEdge;
+    offset?: string;
+    zIndex?: string | number;
+    bordered?: boolean;
+    shadow?: boolean;
+    ariaLabel?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+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<{}>, {
+    as: string;
+    ariaLabel: string;
+    bordered: boolean;
+    offset: string;
+    zIndex: string | number;
+    edge: StickyEdge;
+    shadow: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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

@@ -10,8 +10,10 @@ interface Props {
     isSelected: (key: TreeValue) => boolean;
     isExpanded: (key: TreeValue) => boolean;
     isDisabled: (node: TreeItem) => boolean;
+    isLoading: (key: TreeValue) => boolean;
     onSelect: (node: TreeItem, event: Event) => void;
     onToggle: (node: TreeItem, event: Event) => void;
+    loadingLabel: string;
 }
 type TreeLabelSlotProps = {
     node: TreeItem;

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

@@ -109,6 +109,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     emptyText: string;
     selectable: boolean;
     expandOnClick: boolean;
+    loadingKeys: Array<TreeTableValue>;
     striped: boolean;
     hover: boolean;
     server: boolean;
@@ -116,7 +117,6 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     minColumnWidth: number;
     columnReorder: boolean;
     columnOrder: Array<string>;
-    loadingKeys: Array<TreeTableValue>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,4 +1,5 @@
 export type TreeValue = string | number;
+export type TreeSelectionMode = 'none' | 'single' | 'multiple';
 export interface TreeItem {
     key: TreeValue;
     label: string;
@@ -19,6 +20,7 @@ interface Props {
     modelValue?: TreeModelValue;
     expandedKeys?: Array<TreeValue>;
     multiple?: boolean;
+    selectionMode?: TreeSelectionMode;
     selectable?: boolean;
     expandOnClick?: boolean;
     disabled?: boolean;
@@ -26,6 +28,14 @@ interface Props {
     variant?: 'filled' | 'outlined';
     ariaLabel?: string;
     ariaLabelledby?: string;
+    virtualized?: boolean;
+    virtualizationThreshold?: number;
+    itemHeight?: number;
+    virtualHeight?: number;
+    overscan?: number;
+    loadingKeys?: Array<TreeValue>;
+    loadOnExpand?: boolean;
+    asyncBranchLabel?: string;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -44,12 +54,14 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     "update:modelValue": (...args: any[]) => void;
     "update:expandedKeys": (...args: any[]) => void;
     nodeClick: (...args: any[]) => void;
+    loadChildren: (...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;
+    onLoadChildren?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
     modelValue: TreeValue | TreeValue[];
@@ -62,6 +74,15 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     ariaLabelledby: string;
     selectable: boolean;
     expandOnClick: boolean;
+    selectionMode: TreeSelectionMode;
+    virtualized: boolean;
+    virtualizationThreshold: number;
+    itemHeight: number;
+    virtualHeight: number;
+    overscan: number;
+    loadingKeys: Array<TreeValue>;
+    loadOnExpand: boolean;
+    asyncBranchLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/package/config/locale-text.d.ts

@@ -47,6 +47,8 @@ export type LocaleTextSchema = {
         placeholder: string;
         emptyText: string;
         ariaLabel: string;
+        scopeAllLabel: string;
+        recentLabel: string;
     };
     notificationCenter: {
         title: string;
@@ -56,6 +58,9 @@ export type LocaleTextSchema = {
         closeLabel: string;
         readLabel: string;
         unreadLabel: string;
+        filterAllLabel: string;
+        filterUnreadLabel: string;
+        filterReadLabel: string;
     };
     virtualScroller: {
         ariaLabel: string;
@@ -126,6 +131,8 @@ export declare const useLocaleText: () => {
         readonly placeholder: string;
         readonly emptyText: string;
         readonly ariaLabel: string;
+        readonly scopeAllLabel: string;
+        readonly recentLabel: string;
     };
     readonly notificationCenter: {
         readonly title: string;
@@ -135,6 +142,9 @@ export declare const useLocaleText: () => {
         readonly closeLabel: string;
         readonly readLabel: string;
         readonly unreadLabel: string;
+        readonly filterAllLabel: string;
+        readonly filterUnreadLabel: string;
+        readonly filterReadLabel: string;
     };
     readonly virtualScroller: {
         readonly ariaLabel: string;

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

@@ -94,6 +94,122 @@ export type ToolbarTokens = {
     sectionGap?: string;
     controlGap?: string;
 };
+export type AppBarTokens = {
+    height?: string;
+    denseHeight?: string;
+    padding?: string;
+    densePadding?: string;
+    mobilePadding?: string;
+    gap?: string;
+    actionsGap?: string;
+    borderColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    zIndex?: string;
+};
+export type NavigationRailTokens = {
+    width?: string;
+    collapsedWidth?: string;
+    padding?: string;
+    gap?: string;
+    borderColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    disabledOpacity?: string;
+    toggleSize?: string;
+    toggleRadius?: string;
+    toggleBorderColor?: string;
+    toggleBackgroundColor?: string;
+    toggleTextColor?: string;
+    itemMinHeight?: string;
+    itemPadding?: string;
+    collapsedItemPadding?: string;
+    itemBorderRadius?: string;
+    itemGap?: string;
+    itemContentGap?: string;
+    itemColor?: string;
+    itemHoverBackgroundColor?: string;
+    itemActiveBackgroundColor?: string;
+    itemActiveColor?: string;
+    iconSize?: string;
+    labelFontSize?: string;
+};
+export type FooterTokens = {
+    minHeight?: string;
+    denseMinHeight?: string;
+    padding?: string;
+    densePadding?: string;
+    gap?: string;
+    mobileGap?: string;
+    sectionGap?: string;
+    borderColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+};
+export type PageLayoutTokens = {
+    minHeight?: string;
+    gap?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    headerPadding?: string;
+    headerBorderColor?: string;
+    controlsGap?: string;
+    contentPadding?: string;
+    contentBackgroundColor?: string;
+    panelBackgroundColor?: string;
+    panelBorderColor?: string;
+    footerPadding?: string;
+    footerBorderColor?: string;
+    toggleSize?: string;
+    toggleBorderRadius?: string;
+    toggleBorderColor?: string;
+    toggleBackgroundColor?: string;
+    toggleTextColor?: string;
+    overlayBackgroundColor?: string;
+    zIndex?: string;
+};
+export type SplitLayoutTokens = {
+    minHeight?: string;
+    gap?: string;
+    padding?: string;
+    panelPadding?: string;
+    controlsGap?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    primaryBackgroundColor?: string;
+    panelBackgroundColor?: string;
+    panelBorderColor?: string;
+    toggleSize?: string;
+    toggleBorderRadius?: string;
+    toggleBorderColor?: string;
+    toggleBackgroundColor?: string;
+    toggleTextColor?: string;
+    overlayBackgroundColor?: string;
+    zIndex?: string;
+};
+export type ResizableSidebarTokens = {
+    backgroundColor?: string;
+    textColor?: string;
+    borderColor?: string;
+    disabledOpacity?: string;
+    sectionPadding?: string;
+    contentPadding?: string;
+    toggleMargin?: string;
+    toggleSize?: string;
+    toggleBorderRadius?: string;
+    toggleBorderColor?: string;
+    toggleBackgroundColor?: string;
+    toggleTextColor?: string;
+    resizerSize?: string;
+};
+export type StickyRegionTokens = {
+    zIndex?: string;
+    padding?: string;
+    borderColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    shadow?: string;
+};
 export type BlockUiTokens = {
     zIndex?: string;
     gap?: string;
@@ -3328,6 +3444,7 @@ export type ThemeComponentTokens = {
     panel?: PanelTokens;
     fieldset?: FieldsetTokens;
     toolbar?: ToolbarTokens;
+    appBar?: AppBarTokens;
     blockui?: BlockUiTokens;
     scrollpanel?: ScrollPanelTokens;
     scrolltop?: ScrollTopTokens;
@@ -3389,6 +3506,12 @@ export type ThemeComponentTokens = {
     notificationCenter?: NotificationCenterTokens;
     appShell?: AppShellTokens;
     kanbanBoard?: KanbanBoardTokens;
+    navigationRail?: NavigationRailTokens;
+    footer?: FooterTokens;
+    pageLayout?: PageLayoutTokens;
+    splitLayout?: SplitLayoutTokens;
+    resizableSidebar?: ResizableSidebarTokens;
+    stickyRegion?: StickyRegionTokens;
     select?: SelectTokens;
     autocomplete?: AutocompleteTokens;
     combobox?: ComboboxTokens;

package/dist/package/themes/default/components/app-bar.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+    height: string;
+    denseHeight: string;
+    padding: string;
+    densePadding: string;
+    mobilePadding: string;
+    gap: string;
+    actionsGap: string;
+    borderColor: string;
+    backgroundColor: string;
+    textColor: string;
+    zIndex: string;
+};
+export default _default;

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

@@ -0,0 +1,13 @@
+declare const _default: {
+    minHeight: string;
+    denseMinHeight: string;
+    padding: string;
+    densePadding: string;
+    gap: string;
+    mobileGap: string;
+    sectionGap: string;
+    borderColor: string;
+    backgroundColor: string;
+    textColor: string;
+};
+export default _default;

package/dist/package/themes/default/components/navigation-rail.d.ts

@@ -0,0 +1,28 @@
+declare const _default: {
+    width: string;
+    collapsedWidth: string;
+    padding: string;
+    gap: string;
+    borderColor: string;
+    backgroundColor: string;
+    textColor: string;
+    disabledOpacity: string;
+    toggleSize: string;
+    toggleRadius: string;
+    toggleBorderColor: string;
+    toggleBackgroundColor: string;
+    toggleTextColor: string;
+    itemMinHeight: string;
+    itemPadding: string;
+    collapsedItemPadding: string;
+    itemBorderRadius: string;
+    itemGap: string;
+    itemContentGap: string;
+    itemColor: string;
+    itemHoverBackgroundColor: string;
+    itemActiveBackgroundColor: string;
+    itemActiveColor: string;
+    iconSize: string;
+    labelFontSize: string;
+};
+export default _default;

package/dist/package/themes/default/components/page-layout.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    minHeight: string;
+    gap: string;
+    backgroundColor: string;
+    textColor: string;
+    headerPadding: string;
+    headerBorderColor: string;
+    controlsGap: string;
+    contentPadding: string;
+    contentBackgroundColor: string;
+    panelBackgroundColor: string;
+    panelBorderColor: string;
+    footerPadding: string;
+    footerBorderColor: string;
+    toggleSize: string;
+    toggleBorderRadius: string;
+    toggleBorderColor: string;
+    toggleBackgroundColor: string;
+    toggleTextColor: string;
+    overlayBackgroundColor: string;
+    zIndex: string;
+};
+export default _default;

package/dist/package/themes/default/components/resizable-sidebar.d.ts

@@ -0,0 +1,16 @@
+declare const _default: {
+    backgroundColor: string;
+    textColor: string;
+    borderColor: string;
+    disabledOpacity: string;
+    sectionPadding: string;
+    contentPadding: string;
+    toggleMargin: string;
+    toggleSize: string;
+    toggleBorderRadius: string;
+    toggleBorderColor: string;
+    toggleBackgroundColor: string;
+    toggleTextColor: string;
+    resizerSize: string;
+};
+export default _default;

package/dist/package/themes/default/components/split-layout.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    minHeight: string;
+    gap: string;
+    padding: string;
+    panelPadding: string;
+    controlsGap: string;
+    backgroundColor: string;
+    textColor: string;
+    primaryBackgroundColor: string;
+    panelBackgroundColor: string;
+    panelBorderColor: string;
+    toggleSize: string;
+    toggleBorderRadius: string;
+    toggleBorderColor: string;
+    toggleBackgroundColor: string;
+    toggleTextColor: string;
+    overlayBackgroundColor: string;
+    zIndex: string;
+};
+export default _default;

package/dist/package/themes/default/components/sticky-region.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    zIndex: string;
+    padding: string;
+    borderColor: string;
+    backgroundColor: string;
+    textColor: string;
+    shadow: string;
+};
+export default _default;

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

@@ -1326,6 +1326,122 @@ declare const _default: {
             overlayBackgroundColor: string;
             zIndex: string;
         };
+        appBar: {
+            height: string;
+            denseHeight: string;
+            padding: string;
+            densePadding: string;
+            mobilePadding: string;
+            gap: string;
+            actionsGap: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            zIndex: string;
+        };
+        navigationRail: {
+            width: string;
+            collapsedWidth: string;
+            padding: string;
+            gap: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            disabledOpacity: string;
+            toggleSize: string;
+            toggleRadius: string;
+            toggleBorderColor: string;
+            toggleBackgroundColor: string;
+            toggleTextColor: string;
+            itemMinHeight: string;
+            itemPadding: string;
+            collapsedItemPadding: string;
+            itemBorderRadius: string;
+            itemGap: string;
+            itemContentGap: string;
+            itemColor: string;
+            itemHoverBackgroundColor: string;
+            itemActiveBackgroundColor: string;
+            itemActiveColor: string;
+            iconSize: string;
+            labelFontSize: string;
+        };
+        footer: {
+            minHeight: string;
+            denseMinHeight: string;
+            padding: string;
+            densePadding: string;
+            gap: string;
+            mobileGap: string;
+            sectionGap: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+        };
+        pageLayout: {
+            minHeight: string;
+            gap: string;
+            backgroundColor: string;
+            textColor: string;
+            headerPadding: string;
+            headerBorderColor: string;
+            controlsGap: string;
+            contentPadding: string;
+            contentBackgroundColor: string;
+            panelBackgroundColor: string;
+            panelBorderColor: string;
+            footerPadding: string;
+            footerBorderColor: string;
+            toggleSize: string;
+            toggleBorderRadius: string;
+            toggleBorderColor: string;
+            toggleBackgroundColor: string;
+            toggleTextColor: string;
+            overlayBackgroundColor: string;
+            zIndex: string;
+        };
+        splitLayout: {
+            minHeight: string;
+            gap: string;
+            padding: string;
+            panelPadding: string;
+            controlsGap: string;
+            backgroundColor: string;
+            textColor: string;
+            primaryBackgroundColor: string;
+            panelBackgroundColor: string;
+            panelBorderColor: string;
+            toggleSize: string;
+            toggleBorderRadius: string;
+            toggleBorderColor: string;
+            toggleBackgroundColor: string;
+            toggleTextColor: string;
+            overlayBackgroundColor: string;
+            zIndex: string;
+        };
+        resizableSidebar: {
+            backgroundColor: string;
+            textColor: string;
+            borderColor: string;
+            disabledOpacity: string;
+            sectionPadding: string;
+            contentPadding: string;
+            toggleMargin: string;
+            toggleSize: string;
+            toggleBorderRadius: string;
+            toggleBorderColor: string;
+            toggleBackgroundColor: string;
+            toggleTextColor: string;
+            resizerSize: string;
+        };
+        stickyRegion: {
+            zIndex: string;
+            padding: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            shadow: string;
+        };
         blockui: {
             zIndex: string;
             gap: string;

package/package.json

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