@codemonster-ru/vueforge 0.65.0 → 0.67.0

package/dist/package/components/__tests__/app-shell.test.d.ts

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

package/dist/package/components/__tests__/kanban-board.test.d.ts

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

package/dist/package/components/app-shell.vue.d.ts

@@ -0,0 +1,66 @@
+interface Props {
+    modelValue?: boolean;
+    sidebarWidth?: string;
+    sidebarCollapsedWidth?: string;
+    mobileBreakpoint?: number;
+    stickyHeader?: boolean;
+    fullHeight?: boolean;
+    showToggle?: boolean;
+    closeOnEsc?: boolean;
+    toggleLabel?: string;
+    closeSidebarLabel?: string;
+    toggleIcon?: string;
+    mainAriaLabel?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        sidebar?(_: {
+            mobile: boolean;
+            collapsed: boolean;
+        }): any;
+        header?(_: {
+            mobile: boolean;
+            collapsed: boolean;
+            mobileSidebarOpen: boolean;
+            toggleSidebar: () => void;
+        }): any;
+        default?(_: {}): any;
+        footer?(_: {
+            mobile: boolean;
+            collapsed: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    "sidebar-toggle": (...args: any[]) => void;
+    "breakpoint-change": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onSidebar-toggle"?: ((...args: any[]) => any) | undefined;
+    "onBreakpoint-change"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: boolean;
+    showToggle: boolean;
+    closeOnEsc: boolean;
+    sidebarWidth: string;
+    sidebarCollapsedWidth: string;
+    mobileBreakpoint: number;
+    stickyHeader: boolean;
+    fullHeight: boolean;
+    toggleLabel: string;
+    closeSidebarLabel: string;
+    toggleIcon: string;
+    mainAriaLabel: string;
+}, {}, {}, {}, 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/components/kanban-board.vue.d.ts

@@ -0,0 +1,90 @@
+type KanbanId = string | number;
+type KanbanPriority = 'low' | 'medium' | 'high';
+export interface KanbanColumn {
+    id: KanbanId;
+    title: string;
+}
+export interface KanbanBoardItem {
+    id: KanbanId;
+    columnId: KanbanId;
+    title: string;
+    description?: string;
+    assignee?: string;
+    priority?: KanbanPriority;
+    tags?: Array<string>;
+}
+interface Props {
+    columns?: Array<KanbanColumn>;
+    items?: Array<KanbanBoardItem>;
+    ariaLabel?: string;
+    emptyColumnText?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'column-header'?(_: {
+            column: KanbanColumn;
+            items: {
+                id: KanbanId;
+                columnId: KanbanId;
+                title: string;
+                description?: string | undefined;
+                assignee?: string | undefined;
+                priority?: KanbanPriority | undefined;
+                tags?: Array<string> | undefined;
+            }[];
+        }): any;
+        card?(_: {
+            item: {
+                id: KanbanId;
+                columnId: KanbanId;
+                title: string;
+                description?: string | undefined;
+                assignee?: string | undefined;
+                priority?: KanbanPriority | undefined;
+                tags?: Array<string> | undefined;
+            };
+            column: KanbanColumn;
+            index: number;
+        }): any;
+        'empty-column'?(_: {
+            column: KanbanColumn;
+        }): any;
+        'column-footer'?(_: {
+            column: KanbanColumn;
+            items: {
+                id: KanbanId;
+                columnId: KanbanId;
+                title: string;
+                description?: string | undefined;
+                assignee?: string | undefined;
+                priority?: KanbanPriority | undefined;
+                tags?: Array<string> | undefined;
+            }[];
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+    "update:items": (...args: any[]) => void;
+    move: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onUpdate:items"?: ((...args: any[]) => any) | undefined;
+    onMove?: ((...args: any[]) => any) | undefined;
+}>, {
+    items: Array<KanbanBoardItem>;
+    ariaLabel: string;
+    columns: Array<KanbanColumn>;
+    emptyColumnText: string;
+}, {}, {}, {}, 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

@@ -671,6 +671,70 @@ export type NotificationCenterTokens = {
     emptyPadding?: string;
     emptyColor?: string;
 };
+export type AppShellTokens = {
+    gap?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    sidebarBackgroundColor?: string;
+    sidebarBorderColor?: string;
+    headerHeight?: string;
+    headerPadding?: string;
+    headerGap?: string;
+    headerBackgroundColor?: string;
+    headerBorderColor?: string;
+    contentPadding?: string;
+    mainBackgroundColor?: string;
+    footerPadding?: string;
+    footerBorderColor?: string;
+    footerBackgroundColor?: string;
+    toggleSize?: string;
+    toggleBorderRadius?: string;
+    toggleBackgroundColor?: string;
+    toggleTextColor?: string;
+    toggleHoverBackgroundColor?: string;
+    overlayBackgroundColor?: string;
+    zIndex?: string;
+};
+export type KanbanBoardTokens = {
+    gap?: string;
+    columnMinWidth?: string;
+    columnGap?: string;
+    columnBorderColor?: string;
+    columnBorderRadius?: string;
+    columnBackgroundColor?: string;
+    columnHeaderPadding?: string;
+    columnHeaderBorderColor?: string;
+    columnTitleFontSize?: string;
+    columnTitleFontWeight?: string;
+    columnCountFontSize?: string;
+    columnCountColor?: string;
+    bodyPadding?: string;
+    cardGap?: string;
+    cardPadding?: string;
+    cardBorderRadius?: string;
+    cardBorderColor?: string;
+    cardBackgroundColor?: string;
+    cardHoverBorderColor?: string;
+    cardTitleFontSize?: string;
+    cardTitleFontWeight?: string;
+    cardDescriptionFontSize?: string;
+    cardDescriptionColor?: string;
+    priorityLowColor?: string;
+    priorityMediumColor?: string;
+    priorityHighColor?: string;
+    tagGap?: string;
+    tagPadding?: string;
+    tagBorderRadius?: string;
+    tagBackgroundColor?: string;
+    tagTextColor?: string;
+    assigneeFontSize?: string;
+    assigneeColor?: string;
+    emptyPadding?: string;
+    emptyColor?: string;
+    columnFooterPadding?: string;
+    columnFooterBorderColor?: string;
+    dragOpacity?: string;
+};
 export type SelectTokens = {
     minWidth?: string;
     fontSize?: string;
@@ -1965,6 +2029,8 @@ export type ThemeComponentTokens = {
     contextMenu?: ContextMenuTokens;
     commandPalette?: CommandPaletteTokens;
     notificationCenter?: NotificationCenterTokens;
+    appShell?: AppShellTokens;
+    kanbanBoard?: KanbanBoardTokens;
     select?: SelectTokens;
     autocomplete?: AutocompleteTokens;
     combobox?: ComboboxTokens;

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

@@ -0,0 +1,25 @@
+declare const _default: {
+    gap: string;
+    backgroundColor: string;
+    textColor: string;
+    sidebarBackgroundColor: string;
+    sidebarBorderColor: string;
+    headerHeight: string;
+    headerPadding: string;
+    headerGap: string;
+    headerBackgroundColor: string;
+    headerBorderColor: string;
+    contentPadding: string;
+    mainBackgroundColor: string;
+    footerPadding: string;
+    footerBorderColor: string;
+    footerBackgroundColor: string;
+    toggleSize: string;
+    toggleBorderRadius: string;
+    toggleBackgroundColor: string;
+    toggleTextColor: string;
+    toggleHoverBackgroundColor: string;
+    overlayBackgroundColor: string;
+    zIndex: string;
+};
+export default _default;

package/dist/package/themes/default/components/kanban-board.d.ts

@@ -0,0 +1,41 @@
+declare const _default: {
+    gap: string;
+    columnMinWidth: string;
+    columnGap: string;
+    columnBorderColor: string;
+    columnBorderRadius: string;
+    columnBackgroundColor: string;
+    columnHeaderPadding: string;
+    columnHeaderBorderColor: string;
+    columnTitleFontSize: string;
+    columnTitleFontWeight: string;
+    columnCountFontSize: string;
+    columnCountColor: string;
+    bodyPadding: string;
+    cardGap: string;
+    cardPadding: string;
+    cardBorderRadius: string;
+    cardBorderColor: string;
+    cardBackgroundColor: string;
+    cardHoverBorderColor: string;
+    cardTitleFontSize: string;
+    cardTitleFontWeight: string;
+    cardDescriptionFontSize: string;
+    cardDescriptionColor: string;
+    priorityLowColor: string;
+    priorityMediumColor: string;
+    priorityHighColor: string;
+    tagGap: string;
+    tagPadding: string;
+    tagBorderRadius: string;
+    tagBackgroundColor: string;
+    tagTextColor: string;
+    assigneeFontSize: string;
+    assigneeColor: string;
+    emptyPadding: string;
+    emptyColor: string;
+    columnFooterPadding: string;
+    columnFooterBorderColor: string;
+    dragOpacity: string;
+};
+export default _default;

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

@@ -825,6 +825,70 @@ declare const _default: {
             emptyPadding: string;
             emptyColor: string;
         };
+        appShell: {
+            gap: string;
+            backgroundColor: string;
+            textColor: string;
+            sidebarBackgroundColor: string;
+            sidebarBorderColor: string;
+            headerHeight: string;
+            headerPadding: string;
+            headerGap: string;
+            headerBackgroundColor: string;
+            headerBorderColor: string;
+            contentPadding: string;
+            mainBackgroundColor: string;
+            footerPadding: string;
+            footerBorderColor: string;
+            footerBackgroundColor: string;
+            toggleSize: string;
+            toggleBorderRadius: string;
+            toggleBackgroundColor: string;
+            toggleTextColor: string;
+            toggleHoverBackgroundColor: string;
+            overlayBackgroundColor: string;
+            zIndex: string;
+        };
+        kanbanBoard: {
+            gap: string;
+            columnMinWidth: string;
+            columnGap: string;
+            columnBorderColor: string;
+            columnBorderRadius: string;
+            columnBackgroundColor: string;
+            columnHeaderPadding: string;
+            columnHeaderBorderColor: string;
+            columnTitleFontSize: string;
+            columnTitleFontWeight: string;
+            columnCountFontSize: string;
+            columnCountColor: string;
+            bodyPadding: string;
+            cardGap: string;
+            cardPadding: string;
+            cardBorderRadius: string;
+            cardBorderColor: string;
+            cardBackgroundColor: string;
+            cardHoverBorderColor: string;
+            cardTitleFontSize: string;
+            cardTitleFontWeight: string;
+            cardDescriptionFontSize: string;
+            cardDescriptionColor: string;
+            priorityLowColor: string;
+            priorityMediumColor: string;
+            priorityHighColor: string;
+            tagGap: string;
+            tagPadding: string;
+            tagBorderRadius: string;
+            tagBackgroundColor: string;
+            tagTextColor: string;
+            assigneeFontSize: string;
+            assigneeColor: string;
+            emptyPadding: string;
+            emptyColor: string;
+            columnFooterPadding: string;
+            columnFooterBorderColor: string;
+            dragOpacity: string;
+        };
         select: {
             minWidth: string;
             fontSize: string;

package/package.json

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