@yuuvis/client-framework 2.20.1 → 3.0.0-beta.20.1

package/overflow-hidden/index.d.ts

@@ -1,2 +1,28 @@
-export * from './lib/overflow-hidden.module';
-export * from './lib/overflow-hidden.component';
+import * as i0 from '@angular/core';
+import { AfterViewInit, OnDestroy, TemplateRef } from '@angular/core';
+
+/**
+ * This component is designed to switch the rendered content when it is overflowing due to
+ * resizing. If there is enough available space you can render the 'real' component. If there
+ * is not enough space to render the whole component anymore (it would overflow) another component
+ * can take it's place. If you do not specify that replace-component, the component will just
+ * disappear and make room for other more important components.
+ */
+declare class OverflowHiddenComponent implements AfterViewInit, OnDestroy {
+    #private;
+    defaultSlot: i0.Signal<TemplateRef<any>>;
+    overflowSlot: i0.Signal<TemplateRef<any> | undefined>;
+    overflow: i0.WritableSignal<boolean>;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverflowHiddenComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OverflowHiddenComponent, "yuv-overflow-hidden", never, {}, {}, ["defaultSlot", "overflowSlot"], never, true, never>;
+}
+
+declare class YuvOverflowHiddenModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<YuvOverflowHiddenModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<YuvOverflowHiddenModule, never, [typeof OverflowHiddenComponent], [typeof OverflowHiddenComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<YuvOverflowHiddenModule>;
+}
+
+export { OverflowHiddenComponent, YuvOverflowHiddenModule };

package/overflow-menu/index.d.ts

@@ -1,3 +1,52 @@
-export * from './lib/overflow-menu.module';
-export * from './lib/overflow-menu.component';
-export * from './lib/overflow-menu.interface';
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, OnDestroy } from '@angular/core';
+
+interface OverflowMenuItem {
+    id: string;
+    icon: string;
+    svgIcon?: string;
+    label: string;
+    active?: boolean;
+    group?: string;
+    disabled?: boolean;
+    callback: (item: OverflowMenuItem) => void;
+}
+
+type __MenuItem = OverflowMenuItem & {
+    overflow: boolean;
+};
+interface MenuGroup {
+    id: string;
+    items: __MenuItem[];
+}
+/**
+ * Renders items in a toolbar. If menu items provide a 'group' property they will
+ * be organized in sections.
+ */
+declare class OverflowMenuComponent implements AfterViewInit, OnDestroy {
+    #private;
+    overflowIcon: _angular_core.InputSignal<string>;
+    groupLabels: _angular_core.InputSignal<Record<string, string> | undefined>;
+    /**
+     * Items of the menu
+     */
+    menuItems: _angular_core.InputSignal<OverflowMenuItem[]>;
+    vertical: _angular_core.InputSignal<boolean>;
+    __menuGroups: _angular_core.Signal<MenuGroup[]>;
+    private __menuItems;
+    overflowGroups: _angular_core.WritableSignal<MenuGroup[]>;
+    activeStyles: {};
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OverflowMenuComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OverflowMenuComponent, "yuv-overflow-menu", never, { "overflowIcon": { "alias": "overflowIcon"; "required": false; "isSignal": true; }; "groupLabels": { "alias": "groupLabels"; "required": false; "isSignal": true; }; "menuItems": { "alias": "menuItems"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class YuvOverflowMenuModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuvOverflowMenuModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<YuvOverflowMenuModule, never, [typeof OverflowMenuComponent], [typeof OverflowMenuComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<YuvOverflowMenuModule>;
+}
+
+export { OverflowMenuComponent, YuvOverflowMenuModule };
+export type { OverflowMenuItem };

package/package.json

@@ -1,24 +1,24 @@
 {
   "name": "@yuuvis/client-framework",
-  "version": "2.20.1",
+  "version": "3.0.0-beta.20.1",
   "author": "OPTIMAL SYSTEMS GmbH <npm@optimal-systems.de>",
   "license": "MIT",
   "peerDependencies": {
-    "@angular/cdk": "^19.2.15",
-    "@angular/common": "^19.2.1",
-    "@angular/core": "^19.2.1",
-    "angular-gridster2": "^19.0.0",
-    "@yuuvis/client-core": "^2.20.1",
-    "@yuuvis/client-shell-core": "^2.20.1",
+    "@angular/cdk": "^20.0.0",
+    "@angular/common": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "angular-gridster2": "^20.0.0",
+    "@yuuvis/client-core": "^3.0.0-beta.20.1",
+    "@yuuvis/client-shell-core": "^3.0.0-beta.20.1",
     "ng-dynamic-component": "^10.8.2",
     "modern-normalize": "^3.0.1"
   },
   "dependencies": {
-    "@angular/material": "^19.2.15",
-    "@ngrx/signals": "^19.2.0",
-    "@yuuvis/material": "2.20.1",
-    "@yuuvis/media-viewer": "^2.2.0",
-    "angular-split": "^19.0.0",
+    "@angular/material": "^20.0.0",
+    "@ngrx/signals": "^20.0.0",
+    "@yuuvis/material": "3.0.0-beta.20.1",
+    "@yuuvis/media-viewer": "^3.0.0-beta.20.0",
+    "angular-split": "^20.0.0",
     "vis-network": "^10.0.2",
     "tslib": "^2.3.0"
   },

package/pagination/index.d.ts

@@ -1,2 +1,31 @@
-export * from './lib/pagination.component';
-export * from './lib/pagination.interface';
+import * as _angular_forms from '@angular/forms';
+import * as _angular_core from '@angular/core';
+
+interface Pagination {
+    total: number;
+    pages: number;
+    page: number;
+}
+
+/**
+ * @deprecated
+ */
+declare class PaginationComponent {
+    #private;
+    pagination: _angular_core.InputSignal<Pagination>;
+    pageChange: _angular_core.OutputEmitterRef<number>;
+    pagingForm: _angular_forms.FormGroup<{
+        page: _angular_forms.FormControl<string | null>;
+    }>;
+    readonly icons: {
+        arrowNext: any;
+        arrowLast: any;
+    };
+    onPagingFormSubmit(): void;
+    onInputBlur(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "yuv-pagination", never, { "pagination": { "alias": "pagination"; "required": true; "isSignal": true; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
+}
+
+export { PaginationComponent };
+export type { Pagination };

package/popout/index.d.ts

@@ -1,5 +1,106 @@
-export * from './lib/popout.module';
-export * from './lib/popout.component';
-export * from './lib/popout.interface';
-export * from './lib/popout-trigger/popout-trigger.component';
-export * from './lib/fullscreen.directive';
+import * as _angular_core from '@angular/core';
+import { OnDestroy, ElementRef } from '@angular/core';
+import * as i3 from '@yuuvis/material/panes';
+export { FullscreenDirective } from '@yuuvis/material/panes';
+
+declare enum PopoutTriggerPosition {
+    TOP_LEFT = "tl",
+    TOP_RIGHT = "tr",
+    BOTTOM_LEFT = "bl",
+    BOTTOM_RIGHT = "br",
+    NONE = "none"
+}
+interface PopoutTriggerConfig {
+    popoutIcon?: string;
+    popinIcon?: string;
+    popoutTooltip?: string;
+    popinTooltip?: string;
+}
+interface PopoutWindowConfig {
+    title?: string;
+    position?: {
+        blockStart?: number;
+        inlineStart?: number;
+    };
+    size?: {
+        width?: number;
+        height?: number;
+    };
+}
+
+/**
+ * Component that enables the wrapped content to be 'popped out' as new window.
+ * It will place a button (icon) to trigger popout on top of the wrapped content. You
+ * can place this trigger element setting the 'triggerPosition' input.
+ *
+ * Providing a 'popoutWindowConfig' will also enable you to influence the appearance of
+ * the spawned window.
+ *
+ */
+declare class PopoutComponent implements OnDestroy {
+    #private;
+    beforeunloadHandler(): void;
+    innerWrapper: _angular_core.Signal<ElementRef<any>>;
+    popoutWrapper: _angular_core.Signal<ElementRef<any>>;
+    /**
+     * Where the popout trigger should be located on the component
+     */
+    triggerPosition: _angular_core.InputSignal<PopoutTriggerPosition>;
+    /**
+     * Icon to be redered inside the trigger
+     */
+    triggerIcon: _angular_core.InputSignal<string>;
+    /**
+     * Tooltip text for the trigger button
+     */
+    triggerTooltip: _angular_core.InputSignal<string | undefined>;
+    /**
+     * configuration of the popped out window
+     */
+    popoutWindowConfig: _angular_core.InputSignal<PopoutWindowConfig | undefined>;
+    /**
+     * Whether or not to disable the undock feature
+     */
+    disabled: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Emitted when the child component is popped out
+     */
+    popOut: _angular_core.OutputEmitterRef<boolean>;
+    /**
+     * Emitted when the child component is popped in again
+     */
+    popIn: _angular_core.OutputEmitterRef<boolean>;
+    poppedOut: _angular_core.Signal<boolean>;
+    get isPoppedOut(): boolean;
+    pop(e: MouseEvent): void;
+    private _popIn;
+    private _popOut;
+    private _createPopoutWindow;
+    private _getWindowPositioning;
+    private _close;
+    private _cloneStylesToPopoutWindow;
+    private _observeFutureStyleChanges;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoutComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoutComponent, "yuv-popout", ["yuvPopout"], { "triggerPosition": { "alias": "triggerPosition"; "required": false; "isSignal": true; }; "triggerIcon": { "alias": "triggerIcon"; "required": false; "isSignal": true; }; "triggerTooltip": { "alias": "triggerTooltip"; "required": false; "isSignal": true; }; "popoutWindowConfig": { "alias": "popoutWindowConfig"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "popOut": "popOut"; "popIn": "popIn"; }, never, ["*"], true, never>;
+}
+
+declare class PopoutTriggerComponent {
+    private translate;
+    config: _angular_core.InputSignal<PopoutTriggerConfig | undefined>;
+    popout: _angular_core.InputSignal<PopoutComponent | undefined>;
+    icon: _angular_core.Signal<string>;
+    tooltip: _angular_core.Signal<any>;
+    trigger(e: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoutTriggerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoutTriggerComponent, "yuv-popout-trigger", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; "popout": { "alias": "popout"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class YuvPopoutModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuvPopoutModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<YuvPopoutModule, never, [typeof PopoutComponent, typeof PopoutTriggerComponent, typeof i3.FullscreenDirective], [typeof PopoutComponent, typeof PopoutTriggerComponent, typeof i3.FullscreenDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<YuvPopoutModule>;
+}
+
+export { PopoutComponent, PopoutTriggerComponent, PopoutTriggerPosition, YuvPopoutModule };
+export type { PopoutTriggerConfig, PopoutWindowConfig };