@porscheinformatik/clr-addons 19.11.2 → 19.11.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porscheinformatik/clr-addons",
-  "version": "19.11.2",
+  "version": "19.11.4",
   "description": "Addon components for Clarity Angular",
   "es2015": "esm2015/clr-addons.js",
   "homepage": "https://porscheinformatik.github.io/clarity-addons/",

package/summary-area/summary-area/summary-area-state.service.d.ts

@@ -3,11 +3,12 @@ import * as i0 from "@angular/core";
 export declare const defaultSummaryAreaCollapsedKey = "clrSummaryAreaCollapsed";
 export declare class ClrSummaryAreaStateService {
     private readonly collapsedMap;
+    private readonly effectsInitialized;
+    private readonly injector;
     collapsed(key?: string): Signal<boolean>;
+    private scheduleEffectCreation;
     toggle(key?: string): void;
     setCollapsed(key: string, value: boolean): void;
-    private getOrCreateEntry;
-    private persistToStorage;
     private readInitialState;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrSummaryAreaStateService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ClrSummaryAreaStateService>;

package/summary-area/summary-area/summary-area.d.ts

@@ -1,24 +1,37 @@
-import { AfterViewInit, QueryList, Signal } from '@angular/core';
+import { AfterViewInit, ElementRef, OnDestroy, OnInit, QueryList, Signal } from '@angular/core';
 import { ClrSummaryItem } from '../summary-item/summary-item';
 import { ClrSummaryAreaColumns, ClrSummaryAreaRows, ClrSummaryAreaError, ClrSummaryAreaWarning, ClrSummaryAreaLoading } from './summary-area.model';
 import * as i0 from "@angular/core";
-export declare class ClrSummaryArea implements AfterViewInit {
+export declare class ClrSummaryArea implements OnInit, AfterViewInit, OnDestroy {
     items: QueryList<ClrSummaryItem>;
-    readonly rows: import("@angular/core").InputSignal<ClrSummaryAreaRows>;
-    readonly localStorageKey: import("@angular/core").InputSignal<string>;
-    readonly error: import("@angular/core").InputSignal<ClrSummaryAreaError>;
-    readonly warning: import("@angular/core").InputSignal<ClrSummaryAreaWarning>;
-    readonly loading: import("@angular/core").InputSignal<ClrSummaryAreaLoading>;
+    panelsRef: ElementRef<HTMLElement>;
+    isCollapsed: Signal<boolean>;
+    rows: import("@angular/core").InputSignal<ClrSummaryAreaRows>;
+    localStorageKey: import("@angular/core").InputSignal<string>;
+    error: import("@angular/core").InputSignal<ClrSummaryAreaError>;
+    warning: import("@angular/core").InputSignal<ClrSummaryAreaWarning>;
+    loading: import("@angular/core").InputSignal<ClrSummaryAreaLoading>;
     currentColumns: ClrSummaryAreaColumns;
     currentRows: ClrSummaryAreaRows;
+    panelHeight: string;
+    loadingPanelHeight: string;
+    loadingVisible: boolean;
+    private prevErrorActive;
+    private prevWarningActive;
+    private prevCollapsed;
+    private prevHasLoading;
+    private loadingVisibleTimeout;
     private readonly state;
     private readonly cdr;
     private readonly defaultLoadingText;
     private readonly defaultErrorText;
     private readonly defaultWarningText;
     private readonly maxColumns;
-    readonly isCollapsed: Signal<boolean>;
+    private itemsSubscription?;
+    errorActive: Signal<boolean>;
+    warningActive: Signal<boolean>;
     constructor();
+    ngOnInit(): void;
     /**
      * Depending on the current rows input only a specific amount of items can be visible to the user.
      * The summary area only supports up to 5 columns.
@@ -39,7 +52,24 @@ export declare class ClrSummaryArea implements AfterViewInit {
     get warningClick(): (() => void) | undefined;
     onResize(): void;
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     private updateGrid;
+    private updatePanelHeight;
+    private recalculatePanelHeight;
+    /**
+     * Calculate the expected grid height based on currentRows.
+     * This is used when the grid isn't rendered (e.g., during loading state).
+     * The loading container should match the grid height exactly.
+     *
+     * Grid structure:
+     * - .summary-area-container: margin 0 24px 9px 24px
+     * - .summary-grid: padding 3px 0, row-gap 6px
+     * - .summary-item: height 20px
+     *
+     * Formula: (rows * itemHeight) + ((rows - 1) * rowGap) + gridPadding + containerMargin
+     */
+    private calculateGridHeight;
+    private animateCollapse;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrSummaryArea, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrSummaryArea, "clr-summary-area", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "localStorageKey": { "alias": "localStorageKey"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "warning": { "alias": "warning"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, ["items"], never, true, never>;
 }

package/summary-area/summary-area/summary-area.model.d.ts

@@ -1,11 +1,12 @@
+import { WritableSignal } from '@angular/core';
 export interface ClrSummaryAreaError {
-    active: boolean;
+    active: WritableSignal<boolean>;
     text?: string;
     click?: () => void;
     linkText?: string;
 }
 export interface ClrSummaryAreaWarning {
-    active: boolean;
+    active: WritableSignal<boolean>;
     text?: string;
     click?: () => void;
     linkText?: string;

package/summary-area/summary-item/summary-item.d.ts

@@ -13,6 +13,7 @@ export declare class ClrSummaryItem implements AfterContentInit, AfterViewChecke
     editConfig: import("@angular/core").InputSignal<ClrSummaryItemEditConfig>;
     showOnEmptyValue: import("@angular/core").InputSignal<boolean>;
     valueCopyable: import("@angular/core").InputSignal<boolean>;
+    copyButtonTooltip: import("@angular/core").InputSignal<string>;
     hasProjectedContent: boolean;
     private readonly cdr;
     private mutationObserver?;
@@ -52,6 +53,7 @@ export declare class ClrSummaryItem implements AfterContentInit, AfterViewChecke
     private setupMutationObserver;
     private scheduleContentCheck;
     private updateProjectedContentFlag;
+    private hasNonIconTextValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrSummaryItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrSummaryItem, "clr-summary-item", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "warning": { "alias": "warning"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "editConfig": { "alias": "editConfig"; "required": false; "isSignal": true; }; "showOnEmptyValue": { "alias": "showOnEmptyValue"; "required": false; "isSignal": true; }; "valueCopyable": { "alias": "valueCopyable"; "required": false; "isSignal": true; }; }, {}, ["valueChildren"], ["clr-summary-item-value", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrSummaryItem, "clr-summary-item", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "warning": { "alias": "warning"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "editConfig": { "alias": "editConfig"; "required": false; "isSignal": true; }; "showOnEmptyValue": { "alias": "showOnEmptyValue"; "required": false; "isSignal": true; }; "valueCopyable": { "alias": "valueCopyable"; "required": false; "isSignal": true; }; "copyButtonTooltip": { "alias": "copyButtonTooltip"; "required": false; "isSignal": true; }; }, {}, ["valueChildren"], ["clr-summary-item-value", "*"], true, never>;
 }

package/summary-area/summary-item-value/summary-item-value.d.ts

@@ -16,6 +16,7 @@ export declare class ClrSummaryItemValue implements OnInit, AfterContentInit, Af
     private contentCheckScheduled;
     private readonly ngZone;
     private readonly cdr;
+    constructor();
     get hasIcon(): boolean;
     get hasText(): boolean;
     get isHidden(): boolean;
@@ -30,7 +31,8 @@ export declare class ClrSummaryItemValue implements OnInit, AfterContentInit, Af
     get effectiveTooltip(): string | undefined;
     /**
      * Returns true if this component has any meaningful content to display.
-     * This includes: a value, an icon, or projected content.
+     * This includes: a value or projected content.
+     * An icon is considered special content and does not count as meaningful content alone.
      */
     get hasMeaningfulContent(): boolean;
     /**
@@ -46,6 +48,11 @@ export declare class ClrSummaryItemValue implements OnInit, AfterContentInit, Af
     private scheduleContentCheck;
     private setupOverflowDetection;
     private checkTextOverflowSync;
+    /**
+     * Schedule an overflow check after the DOM has been updated.
+     * Uses setTimeout to ensure the check runs outside of change detection.
+     */
+    private scheduleOverflowCheck;
     /** @internal - Manually trigger projected content check. Useful for testing. */
     checkProjectedContent(): void;
     private hasMeaningfulContentRecursive;

package/summary-area/summary-item-value-copy-button/summary-item-value-copy-button.d.ts

@@ -1,9 +1,19 @@
+import { OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class ClrSummaryItemValueCopyButton {
+export declare class ClrSummaryItemValueCopyButton implements OnInit, OnDestroy {
     value: import("@angular/core").InputSignal<string>;
-    showValueCopiedIcon: Set<string>;
+    tooltipText: import("@angular/core").InputSignal<string>;
+    showCopiedIcon: boolean;
+    protected tooltipSize: string;
     private readonly cdr;
-    copyValueClicked(value: string): void;
+    private resetTimeout;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Called when the clipboard copy operation completes.
+     * @param success Whether the copy was successful
+     */
+    onCopied(success: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrSummaryItemValueCopyButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrSummaryItemValueCopyButton, "clr-summary-area-value-copy-button", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrSummaryItemValueCopyButton, "clr-summary-area-value-copy-button", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "tooltipText": { "alias": "tooltipText"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }