@yuuvis/client-framework 2.3.14 → 2.3.16

package/master-details/lib/master-details-pane/pane.directive.d.ts

@@ -0,0 +1,15 @@
+import { TemplateRef } from '@angular/core';
+import { PaneLayoutSettings } from './master-details-pane.interface';
+import * as i0 from "@angular/core";
+export declare class YuvPaneDirective {
+    #private;
+    template: TemplateRef<any>;
+    role: import("@angular/core").InputSignal<"master" | "details" | "context">;
+    collapsable: import("@angular/core").InputSignal<boolean>;
+    topBarActions: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    collapsed: import("@angular/core").WritableSignal<boolean>;
+    updateSettings(s: PaneLayoutSettings): void;
+    areaProperties: import("@angular/core").WritableSignal<PaneLayoutSettings>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<YuvPaneDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<YuvPaneDirective, "[yuvPane]", never, { "role": { "alias": "role"; "required": false; "isSignal": true; }; "collapsable": { "alias": "collapsable"; "required": false; "isSignal": true; }; "topBarActions": { "alias": "topBarActions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/master-details/lib/master-details.module.d.ts

@@ -1,7 +1,9 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./master-details.component";
+import * as i2 from "./master-details-pane/pane.directive";
+import * as i3 from "./master-details-pane/master-details-pane.component";
 export declare class YuvMasterDetailsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<YuvMasterDetailsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<YuvMasterDetailsModule, never, [typeof i1.YuvMasterDetailsComponent], [typeof i1.YuvMasterDetailsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<YuvMasterDetailsModule, never, [typeof i1.YuvMasterDetailsComponent, typeof i2.YuvPaneDirective, typeof i3.YuvMasterDetailsPaneComponent], [typeof i1.YuvMasterDetailsComponent, typeof i2.YuvPaneDirective, typeof i3.YuvMasterDetailsPaneComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<YuvMasterDetailsModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuuvis/client-framework",
-  "version": "2.3.14",
+  "version": "2.3.16",
   "author": "OPTIMAL SYSTEMS GmbH <npm@optimal-systems.de>",
   "license": "MIT",
   "peerDependencies": {
@@ -8,16 +8,16 @@
     "@angular/common": "^19.2.1",
     "@angular/core": "^19.2.1",
     "angular-gridster2": "^19.0.0",
-    "@yuuvis/client-core": "^2.3.14",
-    "@yuuvis/client-shell-core": "^2.3.14",
+    "@yuuvis/client-core": "^2.3.16",
+    "@yuuvis/client-shell-core": "^2.3.16",
     "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.3.14",
-    "@yuuvis/media-viewer": "^2.0.10",
+    "@yuuvis/material": "2.3.16",
+    "@yuuvis/media-viewer": "^2.0.11",
     "angular-split": "^19.0.0",
     "tslib": "^2.3.0"
   },
@@ -115,10 +115,6 @@
       "types": "./pagination/index.d.ts",
       "default": "./fesm2022/yuuvis-client-framework-pagination.mjs"
     },
-    "./panel": {
-      "types": "./panel/index.d.ts",
-      "default": "./fesm2022/yuuvis-client-framework-panel.mjs"
-    },
     "./popout": {
       "types": "./popout/index.d.ts",
       "default": "./fesm2022/yuuvis-client-framework-popout.mjs"

package/split-view/lib/split-area.directive.d.ts

@@ -1,16 +1,22 @@
 import { TemplateRef } from '@angular/core';
 import { SplitAreaLayoutSettings } from './split-view.interface';
+import { SplitAreaSize } from 'angular-split';
 import * as i0 from "@angular/core";
 export declare class SplitAreaDirective {
-    #private;
     template: TemplateRef<any>;
-    size: import("@angular/core").InputSignal<number | undefined>;
+    size: import("@angular/core").InputSignal<SplitAreaSize | undefined>;
     minSize: import("@angular/core").InputSignal<number | undefined>;
     maxSize: import("@angular/core").InputSignal<number | undefined>;
     panelClass: import("@angular/core").InputSignal<string | undefined>;
     visible: import("@angular/core").InputSignal<boolean>;
+    lockSize: import("@angular/core").InputSignal<boolean>;
+    efff: import("@angular/core").EffectRef;
+    areaProperties: import("@angular/core").WritableSignal<{
+        size: SplitAreaSize | undefined;
+        visible: boolean;
+        lockSize: boolean;
+    }>;
     updateSettings(s: SplitAreaLayoutSettings): void;
-    areaProperties: import("@angular/core").WritableSignal<SplitAreaLayoutSettings>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SplitAreaDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SplitAreaDirective, "[yuvSplitArea]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SplitAreaDirective, "[yuvSplitArea]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "lockSize": { "alias": "lockSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/split-view/lib/split-view.component.d.ts

@@ -26,6 +26,8 @@ export declare class SplitViewComponent implements AfterViewInit {
      * The split views direction. Could be 'horizontal' or 'vertical'. Defaults to 'horizontal'.
      */
     direction: import("@angular/core").InputSignal<SplitDirection>;
+    isVertical: import("@angular/core").Signal<boolean>;
+    isHorizontal: import("@angular/core").Signal<boolean>;
     /**
      * Size of the gutter in Pixel (defaults to 16).
      */
@@ -34,9 +36,8 @@ export declare class SplitViewComponent implements AfterViewInit {
     /**
      * Disable the dragging feature (remove cursor/image on gutters).
      */
-    disabled: import("@angular/core").InputSignal<boolean>;
-    disabledEffect: import("@angular/core").EffectRef;
-    _disabled: boolean;
+    disabledInput: import("@angular/core").InputSignal<boolean>;
+    disabled: import("@angular/core").WritableSignal<boolean>;
     /**
      * Layout settings are the state of the split view that could be persisted.
      * Setting a `layoutSettingsID` will save the current state (split area sizes etc.)
@@ -72,5 +73,5 @@ export declare class SplitViewComponent implements AfterViewInit {
     applyLayoutSettings(settings: SplitViewLayoutSettings): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SplitViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SplitViewComponent, "yuv-split-view", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "gutterSize": { "alias": "gutterSize"; "required": false; "isSignal": true; }; "restrictMove": { "alias": "restrictMove"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "layoutSettingsID": { "alias": "layoutSettingsID"; "required": false; "isSignal": true; }; }, { "layoutSettingsChange": "layoutSettingsChange"; "dragStart": "dragStart"; "dragEnd": "dragEnd"; "gutterClick": "gutterClick"; "gutterDblClick": "gutterDblClick"; }, ["splitAreas"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SplitViewComponent, "yuv-split-view", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "gutterSize": { "alias": "gutterSize"; "required": false; "isSignal": true; }; "restrictMove": { "alias": "restrictMove"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "layoutSettingsID": { "alias": "layoutSettingsID"; "required": false; "isSignal": true; }; }, { "layoutSettingsChange": "layoutSettingsChange"; "dragStart": "dragStart"; "dragEnd": "dragEnd"; "gutterClick": "gutterClick"; "gutterDblClick": "gutterDblClick"; }, ["splitAreas"], never, true, never>;
 }

package/split-view/lib/split-view.interface.d.ts

@@ -1,10 +1,11 @@
 import { SplitAreaSize, SplitGutterInteractionEvent } from 'angular-split';
 export interface SplitViewLayoutSettings {
-    disabled: boolean;
+    disabled?: boolean;
     areas: Array<SplitAreaLayoutSettings>;
 }
 export interface SplitAreaLayoutSettings {
     visible?: boolean;
+    lockSize?: boolean;
     size?: SplitAreaSize;
 }
 export type SplitViewOutputData = SplitGutterInteractionEvent;

package/fesm2022/yuuvis-client-framework-panel.mjs

@@ -1,28 +0,0 @@
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Input, Component } from '@angular/core';
-import * as i1 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { YuvIconComponent } from '@yuuvis/client-framework/icons';
-
-class PanelComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: PanelComponent, isStandalone: true, selector: "yuv-panel", inputs: { icon: "icon", title: "title", description: "description" }, ngImport: i0, template: "<header>\n  <div class=\"icon\">\n    @if (icon) {\n      @if (icon.src) {\n        <yuv-icon [matTooltip]=\"icon.title\" [svgSrc]=\"icon.src\"></yuv-icon>\n      } @else if (icon.svg) {\n        <yuv-icon [matTooltip]=\"icon.title\" [svg]=\"icon.svg\"></yuv-icon>\n      }\n    }\n  </div>\n  <div class=\"title\">{{ title }}</div>\n  <div class=\"description\">{{ description }}</div>\n  <div class=\"actions\"><ng-content class=\"actions\" select=\".actions\"></ng-content></div>\n  <div class=\"status\"><ng-content class=\"status\" select=\".status\"></ng-content></div>\n</header>\n<main>\n  <ng-content class=\"content\" select=\".content\"></ng-content>\n</main>\n", styles: [":host{display:flex;flex-flow:column}:host header{flex:0 0 auto;display:grid;padding:var(--ymt-spacing-m);grid-template-rows:auto auto;grid-template-columns:auto 1fr;grid-template-areas:\"icon title\" \"icon description\";gap:var(--ymt-spacing-m)}:host header .icon{grid-area:icon}:host header .title{grid-area:title;font:var(--ymt-font-title-small);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host header .description{grid-area:description;font:var(--ymt-font-subhead);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host main{flex:1;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: YuvIconComponent, selector: "yuv-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PanelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'yuv-panel', standalone: true, imports: [CommonModule, YuvIconComponent, MatTooltipModule], template: "<header>\n  <div class=\"icon\">\n    @if (icon) {\n      @if (icon.src) {\n        <yuv-icon [matTooltip]=\"icon.title\" [svgSrc]=\"icon.src\"></yuv-icon>\n      } @else if (icon.svg) {\n        <yuv-icon [matTooltip]=\"icon.title\" [svg]=\"icon.svg\"></yuv-icon>\n      }\n    }\n  </div>\n  <div class=\"title\">{{ title }}</div>\n  <div class=\"description\">{{ description }}</div>\n  <div class=\"actions\"><ng-content class=\"actions\" select=\".actions\"></ng-content></div>\n  <div class=\"status\"><ng-content class=\"status\" select=\".status\"></ng-content></div>\n</header>\n<main>\n  <ng-content class=\"content\" select=\".content\"></ng-content>\n</main>\n", styles: [":host{display:flex;flex-flow:column}:host header{flex:0 0 auto;display:grid;padding:var(--ymt-spacing-m);grid-template-rows:auto auto;grid-template-columns:auto 1fr;grid-template-areas:\"icon title\" \"icon description\";gap:var(--ymt-spacing-m)}:host header .icon{grid-area:icon}:host header .title{grid-area:title;font:var(--ymt-font-title-small);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host header .description{grid-area:description;font:var(--ymt-font-subhead);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host main{flex:1;overflow-y:auto}\n"] }]
-        }], propDecorators: { icon: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], description: [{
-                type: Input
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { PanelComponent };
-//# sourceMappingURL=yuuvis-client-framework-panel.mjs.map

package/fesm2022/yuuvis-client-framework-panel.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"yuuvis-client-framework-panel.mjs","sources":["../../../../../libs/yuuvis/client-framework/panel/src/lib/panel.component.ts","../../../../../libs/yuuvis/client-framework/panel/src/lib/panel.component.html","../../../../../libs/yuuvis/client-framework/panel/src/yuuvis-client-framework-panel.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { YuvIconComponent } from '@yuuvis/client-framework/icons';\n\n@Component({\n  selector: 'yuv-panel',\n  standalone: true,\n  imports: [CommonModule, YuvIconComponent, MatTooltipModule],\n  templateUrl: './panel.component.html',\n  styleUrls: ['./panel.component.scss']\n})\nexport class PanelComponent {\n  @Input() icon?: {\n    src?: string, \n    svg?: string, \n    title?: string\n  };\n  @Input() title?: string;\n  @Input() description?: string;\n\n\n}\n","<header>\n  <div class=\"icon\">\n    @if (icon) {\n      @if (icon.src) {\n        <yuv-icon [matTooltip]=\"icon.title\" [svgSrc]=\"icon.src\"></yuv-icon>\n      } @else if (icon.svg) {\n        <yuv-icon [matTooltip]=\"icon.title\" [svg]=\"icon.svg\"></yuv-icon>\n      }\n    }\n  </div>\n  <div class=\"title\">{{ title }}</div>\n  <div class=\"description\">{{ description }}</div>\n  <div class=\"actions\"><ng-content class=\"actions\" select=\".actions\"></ng-content></div>\n  <div class=\"status\"><ng-content class=\"status\" select=\".status\"></ng-content></div>\n</header>\n<main>\n  <ng-content class=\"content\" select=\".content\"></ng-content>\n</main>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAYa,cAAc,CAAA;+GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,2ICZ3B,kqBAkBA,EAAA,MAAA,EAAA,CAAA,8mBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDVY,YAAY,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,gBAAgB,wFAAE,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,4BAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAI/C,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;+BACE,WAAW,EAAA,UAAA,EACT,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,kqBAAA,EAAA,MAAA,EAAA,CAAA,8mBAAA,CAAA,EAAA;8BAKlD,IAAI,EAAA,CAAA;sBAAZ;gBAKQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,WAAW,EAAA,CAAA;sBAAnB;;;AEnBH;;AAEG;;;;"}

package/panel/README.md

@@ -1,3 +0,0 @@
-# @yuuvis/client-framework/panel
-
-Secondary entry point of `@yuuvis/client-framework`. It can be used by importing from `@yuuvis/client-framework/panel`.

package/panel/index.d.ts

@@ -1 +0,0 @@
-export * from './lib/panel.component';

package/panel/lib/panel.component.d.ts

@@ -1,12 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class PanelComponent {
-    icon?: {
-        src?: string;
-        svg?: string;
-        title?: string;
-    };
-    title?: string;
-    description?: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PanelComponent, "yuv-panel", never, { "icon": { "alias": "icon"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; }, {}, never, [".actions", ".status", ".content"], true, never>;
-}