@codemonster-ru/vueforge 0.64.0 → 0.66.0

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

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

package/dist/package/components/__tests__/notification-center.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/filter-chips.vue.d.ts

@@ -41,9 +41,9 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     ariaLabelledby: string;
     multiple: boolean;
     options: Array<FilterChipOption>;
+    clearLabel: string;
     allowEmpty: boolean;
     clearText: string;
-    clearLabel: string;
     wrap: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/package/components/notification-center.vue.d.ts

@@ -0,0 +1,87 @@
+type NotificationSeverity = 'neutral' | 'info' | 'success' | 'warn' | 'danger';
+export interface NotificationCenterItem {
+    id: string | number;
+    title: string;
+    message?: string;
+    date?: string;
+    read?: boolean;
+    severity?: NotificationSeverity;
+    avatar?: string;
+}
+interface Props {
+    modelValue?: boolean;
+    items?: Array<NotificationCenterItem>;
+    title?: string;
+    emptyText?: string;
+    closeOnOverlay?: boolean;
+    closeOnEsc?: boolean;
+    markAllLabel?: string;
+    clearLabel?: string;
+    closeLabel?: string;
+    readLabel?: string;
+    unreadLabel?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        item?(_: {
+            item: {
+                id: string | number;
+                title: string;
+                message?: string | undefined;
+                date?: string | undefined;
+                read?: boolean | undefined;
+                severity?: NotificationSeverity | undefined;
+                avatar?: string | undefined;
+            };
+            index: number;
+            toggleRead: () => void;
+        }): any;
+        empty?(_: {}): any;
+    };
+    refs: {
+        panel: HTMLElement;
+    };
+    rootEl: any;
+};
+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;
+    close: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+    clear: (...args: any[]) => void;
+    open: (...args: any[]) => void;
+    "update:items": (...args: any[]) => void;
+    read: (...args: any[]) => void;
+    readAll: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    "onUpdate:items"?: ((...args: any[]) => any) | undefined;
+    onRead?: ((...args: any[]) => any) | undefined;
+    onReadAll?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string;
+    items: Array<NotificationCenterItem>;
+    modelValue: boolean;
+    emptyText: string;
+    closeOnOverlay: boolean;
+    closeOnEsc: boolean;
+    markAllLabel: string;
+    clearLabel: string;
+    closeLabel: string;
+    readLabel: string;
+    unreadLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    panel: HTMLElement;
+}, 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/config/theme-core.d.ts

@@ -629,6 +629,72 @@ export type CommandPaletteTokens = {
     emptyPadding?: string;
     emptyColor?: string;
 };
+export type NotificationCenterTokens = {
+    zIndex?: string;
+    overlayBackgroundColor?: string;
+    top?: string;
+    right?: string;
+    width?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+    borderColor?: string;
+    borderRadius?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    shadow?: string;
+    dividerColor?: string;
+    headerGap?: string;
+    headerPadding?: string;
+    titleGap?: string;
+    titleFontSize?: string;
+    titleLineHeight?: string;
+    titleFontWeight?: string;
+    badgeSize?: string;
+    badgeBackgroundColor?: string;
+    badgeTextColor?: string;
+    badgeFontSize?: string;
+    actionsGap?: string;
+    closeSize?: string;
+    closeHoverBackgroundColor?: string;
+    disabledOpacity?: string;
+    itemGap?: string;
+    itemPadding?: string;
+    unreadBackgroundColor?: string;
+    avatarSize?: string;
+    avatarBackgroundColor?: string;
+    avatarTextColor?: string;
+    avatarFontSize?: string;
+    itemTitleFontSize?: string;
+    itemTitleFontWeight?: string;
+    itemMetaFontSize?: string;
+    itemMetaColor?: string;
+    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 SelectTokens = {
     minWidth?: string;
     fontSize?: string;
@@ -1922,6 +1988,8 @@ export type ThemeComponentTokens = {
     splitbutton?: SplitButtonTokens;
     contextMenu?: ContextMenuTokens;
     commandPalette?: CommandPaletteTokens;
+    notificationCenter?: NotificationCenterTokens;
+    appShell?: AppShellTokens;
     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/notification-center.d.ts

@@ -0,0 +1,43 @@
+declare const _default: {
+    zIndex: string;
+    overlayBackgroundColor: string;
+    top: string;
+    right: string;
+    width: string;
+    maxWidth: string;
+    maxHeight: string;
+    borderColor: string;
+    borderRadius: string;
+    backgroundColor: string;
+    textColor: string;
+    shadow: string;
+    dividerColor: string;
+    headerGap: string;
+    headerPadding: string;
+    titleGap: string;
+    titleFontSize: string;
+    titleLineHeight: string;
+    titleFontWeight: string;
+    badgeSize: string;
+    badgeBackgroundColor: string;
+    badgeTextColor: string;
+    badgeFontSize: string;
+    actionsGap: string;
+    closeSize: string;
+    closeHoverBackgroundColor: string;
+    disabledOpacity: string;
+    itemGap: string;
+    itemPadding: string;
+    unreadBackgroundColor: string;
+    avatarSize: string;
+    avatarBackgroundColor: string;
+    avatarTextColor: string;
+    avatarFontSize: string;
+    itemTitleFontSize: string;
+    itemTitleFontWeight: string;
+    itemMetaFontSize: string;
+    itemMetaColor: string;
+    emptyPadding: string;
+    emptyColor: string;
+};
+export default _default;

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

@@ -783,6 +783,72 @@ declare const _default: {
             emptyPadding: string;
             emptyColor: string;
         };
+        notificationCenter: {
+            zIndex: string;
+            overlayBackgroundColor: string;
+            top: string;
+            right: string;
+            width: string;
+            maxWidth: string;
+            maxHeight: string;
+            borderColor: string;
+            borderRadius: string;
+            backgroundColor: string;
+            textColor: string;
+            shadow: string;
+            dividerColor: string;
+            headerGap: string;
+            headerPadding: string;
+            titleGap: string;
+            titleFontSize: string;
+            titleLineHeight: string;
+            titleFontWeight: string;
+            badgeSize: string;
+            badgeBackgroundColor: string;
+            badgeTextColor: string;
+            badgeFontSize: string;
+            actionsGap: string;
+            closeSize: string;
+            closeHoverBackgroundColor: string;
+            disabledOpacity: string;
+            itemGap: string;
+            itemPadding: string;
+            unreadBackgroundColor: string;
+            avatarSize: string;
+            avatarBackgroundColor: string;
+            avatarTextColor: string;
+            avatarFontSize: string;
+            itemTitleFontSize: string;
+            itemTitleFontWeight: string;
+            itemMetaFontSize: string;
+            itemMetaColor: string;
+            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;
+        };
         select: {
             minWidth: string;
             fontSize: string;

package/package.json

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