@anglr/common 19.1.0-beta.20240513175039 → 19.1.0-beta.20240513181744

package/changelog.md

@@ -4,6 +4,7 @@
 
 ### Bug Fixes
 
+- fixed `DebugDataComponent` now color styles can be imported
 - fixed `TooltipDirective` dual tooltip when nested elements are marked with tooltip
 - fixed `TooltipDirective` overflowing 'MouseEnter' tooltip on right side of screen
 - fixed `TooltipDirective` rendering tooltip only for non empty content
@@ -13,6 +14,7 @@
 ### Feature
 
 - new `AsSignal` property decorator, that creates backing field for this property as WritableSignal, reads and write to it
+- new `TrimTextPipe` pipe, that trims long text and adds 'suffix' indication of longer text
 - new `EllipsisTooltipSADirective` directive, that is used for displaying text from attached element in tooltip
    - **implements**
       - `OnChanges`
@@ -26,12 +28,19 @@
 - new `getHostElement` function, that gets host html element for component
 - updated `TooltipDirective` directive
    - is now `standalone`
+- updated `DebugDataComponent` component
+   - is now `standalone`
+- **styles**
+   - new `buildThemeColorsDebugData` mixin, that builds theme colors for debug data component
+   - new `buildThemeDebugData` mixin, that builds theme for debug data component
 - *subpackage* `@anglr/common/material`
    - new `provideConfirmationDialogOptions` function, that provides global options for confirmation dialog
    - updated `CONFIRMATION_DIALOG_OPTIONS` injection token
       - now provides `RecursivePartial` type as it should
    - updated `ConfirmationDialogDirective` directive
       - is now `standalone`
+   - updated `DebugDataCopyClickDirective` directive
+      - is now `standalone`
 
 ## Version 19.0.0 (2023-11-09)
 

package/es2022/material/src/directives/debugDataCopyClick/debugDataCopyClick.directive.js

@@ -33,12 +33,13 @@ export class DebugDataCopyClickDirective {
         this._clipboard.copy(JSON.stringify(this.data, null, 4));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: DebugDataCopyClickDirective, deps: [{ token: i1.Clipboard }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: DebugDataCopyClickDirective, selector: "debug-data[copyClick]", inputs: { data: ["copyClick", "data"] }, host: { listeners: { "click": "copyData()" }, properties: { "class.clickable": "this.clickable" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: DebugDataCopyClickDirective, isStandalone: true, selector: "debug-data[copyClick]", inputs: { data: ["copyClick", "data"] }, host: { listeners: { "click": "copyData()" }, properties: { "class.clickable": "this.clickable" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: DebugDataCopyClickDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'debug-data[copyClick]'
+                    selector: 'debug-data[copyClick]',
+                    standalone: true,
                 }]
         }], ctorParameters: () => [{ type: i1.Clipboard }], propDecorators: { data: [{
                 type: Input,

package/es2022/material/src/directives/debugDataCopyClick/debugDataCopyClick.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"debugDataCopyClick.directive.js","sourceRoot":"","sources":["../../../../../material/src/directives/debugDataCopyClick/debugDataCopyClick.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;;;AAEjD;;GAEG;AAKH,MAAM,OAAO,2BAA2B;IAqBd;IAnBtB,gFAAgF;IAEhF;;OAEG;IAEI,IAAI,CAAM;IAEjB,8EAA8E;IAE9E;;;;OAIG;IAEI,SAAS,GAAY,IAAI,CAAC;IAEjC,iEAAiE;IACjE,YAAsB,UAAqB;QAArB,eAAU,GAAV,UAAU,CAAW;IAE3C,CAAC;IAED,2EAA2E;IAE3E;;;;OAIG;IAEI,QAAQ;QAEX,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IAC7D,CAAC;uGApCQ,2BAA2B;2FAA3B,2BAA2B;;2FAA3B,2BAA2B;kBAJvC,SAAS;mBACV;oBACI,QAAQ,EAAE,uBAAuB;iBACpC;8EASU,IAAI;sBADV,KAAK;uBAAC,WAAW;gBAWX,SAAS;sBADf,WAAW;uBAAC,iBAAiB;gBAgBvB,QAAQ;sBADd,YAAY;uBAAC,OAAO","sourcesContent":["import {Directive, HostBinding, HostListener, Input} from '@angular/core';\nimport {Clipboard} from '@angular/cdk/clipboard';\n\n/**\n * Directive that allows to copy data to clipboard on click on debug-data\n */\n@Directive(\n{\n    selector: 'debug-data[copyClick]'\n})\nexport class DebugDataCopyClickDirective\n{\n    //######################### public properties - inputs #########################\n\n    /**\n     * Data to be copied as serialized json\n     */\n    @Input('copyClick')\n    public data: any;\n\n    //######################### public properties - host #########################\n\n    /**\n     * Adds css class clickable to this element\n     * \n     * @internal\n     */\n    @HostBinding('class.clickable')\n    public clickable: boolean = true;\n\n    //######################### constructor #########################\n    constructor(protected _clipboard: Clipboard)\n    {\n    }\n\n    //######################### public methods - host #########################\n\n    /**\n     * Copies data to clipboard on click\n     * \n     * @internal\n     */\n    @HostListener('click')\n    public copyData(): void\n    {\n        this._clipboard.copy(JSON.stringify(this.data, null, 4));\n    }\n}"]}
+{"version":3,"file":"debugDataCopyClick.directive.js","sourceRoot":"","sources":["../../../../../material/src/directives/debugDataCopyClick/debugDataCopyClick.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EAAC,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;;;AAEjD;;GAEG;AAMH,MAAM,OAAO,2BAA2B;IAqBd;IAnBtB,gFAAgF;IAEhF;;OAEG;IAEI,IAAI,CAAU;IAErB,8EAA8E;IAE9E;;;;OAIG;IAEI,SAAS,GAAY,IAAI,CAAC;IAEjC,iEAAiE;IACjE,YAAsB,UAAqB;QAArB,eAAU,GAAV,UAAU,CAAW;IAE3C,CAAC;IAED,2EAA2E;IAE3E;;;;OAIG;IAEI,QAAQ;QAEX,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IAC7D,CAAC;uGApCQ,2BAA2B;2FAA3B,2BAA2B;;2FAA3B,2BAA2B;kBALvC,SAAS;mBACV;oBACI,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,IAAI;iBACnB;8EASU,IAAI;sBADV,KAAK;uBAAC,WAAW;gBAWX,SAAS;sBADf,WAAW;uBAAC,iBAAiB;gBAgBvB,QAAQ;sBADd,YAAY;uBAAC,OAAO","sourcesContent":["import {Directive, HostBinding, HostListener, Input} from '@angular/core';\nimport {Clipboard} from '@angular/cdk/clipboard';\n\n/**\n * Directive that allows to copy data to clipboard on click on debug-data\n */\n@Directive(\n{\n    selector: 'debug-data[copyClick]',\n    standalone: true,\n})\nexport class DebugDataCopyClickDirective\n{\n    //######################### public properties - inputs #########################\n\n    /**\n     * Data to be copied as serialized json\n     */\n    @Input('copyClick')\n    public data: unknown;\n\n    //######################### public properties - host #########################\n\n    /**\n     * Adds css class clickable to this element\n     * \n     * @internal\n     */\n    @HostBinding('class.clickable')\n    public clickable: boolean = true;\n\n    //######################### constructor #########################\n    constructor(protected _clipboard: Clipboard)\n    {\n    }\n\n    //######################### public methods - host #########################\n\n    /**\n     * Copies data to clipboard on click\n     * \n     * @internal\n     */\n    @HostListener('click')\n    public copyData(): void\n    {\n        this._clipboard.copy(JSON.stringify(this.data, null, 4));\n    }\n}"]}

package/es2022/material/src/modules/debugDataCopyClick.module.js

@@ -1,5 +1,5 @@
 import { NgModule } from '@angular/core';
-import { DebugDataModule } from '@anglr/common';
+import { DebugDataComponent } from '@anglr/common';
 import { DebugDataCopyClickDirective } from '../directives/debugDataCopyClick/debugDataCopyClick.directive';
 import * as i0 from "@angular/core";
 /**
@@ -7,20 +7,21 @@ import * as i0 from "@angular/core";
  */
 export class DebugDataCopyClickModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: DebugDataCopyClickModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.5", ngImport: i0, type: DebugDataCopyClickModule, declarations: [DebugDataCopyClickDirective], exports: [DebugDataCopyClickDirective,
-            DebugDataModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: DebugDataCopyClickModule, imports: [DebugDataModule] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.5", ngImport: i0, type: DebugDataCopyClickModule, imports: [DebugDataComponent,
+            DebugDataCopyClickDirective], exports: [DebugDataCopyClickDirective,
+            DebugDataComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: DebugDataCopyClickModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: DebugDataCopyClickModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [],
-                    declarations: [
-                        DebugDataCopyClickDirective
+                    imports: [
+                        DebugDataComponent,
+                        DebugDataCopyClickDirective,
                     ],
                     exports: [
                         DebugDataCopyClickDirective,
-                        DebugDataModule,
+                        DebugDataComponent,
                     ]
                 }]
         }] });

package/es2022/material/src/modules/debugDataCopyClick.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"debugDataCopyClick.module.js","sourceRoot":"","sources":["../../../../material/src/modules/debugDataCopyClick.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,eAAe,EAAC,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAC,2BAA2B,EAAC,MAAM,+DAA+D,CAAC;;AAE1G;;GAEG;AAgBH,MAAM,OAAO,wBAAwB;uGAAxB,wBAAwB;wGAAxB,wBAAwB,iBAR7B,2BAA2B,aAI3B,2BAA2B;YAC3B,eAAe;wGAGV,wBAAwB,YAH7B,eAAe;;2FAGV,wBAAwB;kBAfpC,QAAQ;mBACT;oBACI,OAAO,EACP,EACC;oBACD,YAAY,EACZ;wBACI,2BAA2B;qBAC9B;oBACD,OAAO,EACP;wBACI,2BAA2B;wBAC3B,eAAe;qBAClB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {DebugDataModule} from '@anglr/common';\n\nimport {DebugDataCopyClickDirective} from '../directives/debugDataCopyClick/debugDataCopyClick.directive';\n\n/**\n * Module for debug data copy click directive\n */\n@NgModule(\n{\n    imports:\n    [\n    ],\n    declarations:\n    [\n        DebugDataCopyClickDirective\n    ],\n    exports:\n    [\n        DebugDataCopyClickDirective,\n        DebugDataModule,\n    ]\n})\nexport class DebugDataCopyClickModule\n{\n}\n"]}
+{"version":3,"file":"debugDataCopyClick.module.js","sourceRoot":"","sources":["../../../../material/src/modules/debugDataCopyClick.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAC,2BAA2B,EAAC,MAAM,+DAA+D,CAAC;;AAE1G;;GAEG;AAcH,MAAM,OAAO,wBAAwB;uGAAxB,wBAAwB;wGAAxB,wBAAwB,YAT7B,kBAAkB;YAClB,2BAA2B,aAI3B,2BAA2B;YAC3B,kBAAkB;wGAGb,wBAAwB;;2FAAxB,wBAAwB;kBAbpC,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,kBAAkB;wBAClB,2BAA2B;qBAC9B;oBACD,OAAO,EACP;wBACI,2BAA2B;wBAC3B,kBAAkB;qBACrB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {DebugDataComponent} from '@anglr/common';\n\nimport {DebugDataCopyClickDirective} from '../directives/debugDataCopyClick/debugDataCopyClick.directive';\n\n/**\n * Module for debug data copy click directive\n */\n@NgModule(\n{\n    imports:\n    [\n        DebugDataComponent,\n        DebugDataCopyClickDirective,\n    ],\n    exports:\n    [\n        DebugDataCopyClickDirective,\n        DebugDataComponent,\n    ]\n})\nexport class DebugDataCopyClickModule\n{\n}\n"]}

package/es2022/src/modules/commonUtils.module.js

@@ -1,5 +1,5 @@
 import { NgModule } from '@angular/core';
-import { IsNaNSAPipe, IsPresentSAPipe, UrlEncodeSAPipe, MergeCssClassesSAPipe, KeysSAPipe } from '../pipes';
+import { IsNaNSAPipe, IsPresentSAPipe, UrlEncodeSAPipe, MergeCssClassesSAPipe, KeysSAPipe, TrimTextPipe } from '../pipes';
 import * as i0 from "@angular/core";
 /**
  * Module for common utility stuff
@@ -10,11 +10,13 @@ export class CommonUtilsModule {
             IsPresentSAPipe,
             UrlEncodeSAPipe,
             MergeCssClassesSAPipe,
-            KeysSAPipe], exports: [IsNaNSAPipe,
+            KeysSAPipe,
+            TrimTextPipe], exports: [IsNaNSAPipe,
             IsPresentSAPipe,
             UrlEncodeSAPipe,
             MergeCssClassesSAPipe,
-            KeysSAPipe] });
+            KeysSAPipe,
+            TrimTextPipe] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: CommonUtilsModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: CommonUtilsModule, decorators: [{
@@ -26,6 +28,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
                         UrlEncodeSAPipe,
                         MergeCssClassesSAPipe,
                         KeysSAPipe,
+                        TrimTextPipe,
                     ],
                     exports: [
                         IsNaNSAPipe,
@@ -33,6 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
                         UrlEncodeSAPipe,
                         MergeCssClassesSAPipe,
                         KeysSAPipe,
+                        TrimTextPipe,
                     ]
                 }]
         }] });

package/es2022/src/modules/commonUtils.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"commonUtils.module.js","sourceRoot":"","sources":["../../../src/modules/commonUtils.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAC,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,qBAAqB,EAAE,UAAU,EAAC,MAAM,UAAU,CAAC;;AAE1G;;GAEG;AAoBH,MAAM,OAAO,iBAAiB;uGAAjB,iBAAiB;wGAAjB,iBAAiB,YAftB,WAAW;YACX,eAAe;YACf,eAAe;YACf,qBAAqB;YACrB,UAAU,aAIV,WAAW;YACX,eAAe;YACf,eAAe;YACf,qBAAqB;YACrB,UAAU;wGAGL,iBAAiB;;2FAAjB,iBAAiB;kBAnB7B,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,WAAW;wBACX,eAAe;wBACf,eAAe;wBACf,qBAAqB;wBACrB,UAAU;qBACb;oBACD,OAAO,EACP;wBACI,WAAW;wBACX,eAAe;wBACf,eAAe;wBACf,qBAAqB;wBACrB,UAAU;qBACb;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\n\nimport {IsNaNSAPipe, IsPresentSAPipe, UrlEncodeSAPipe, MergeCssClassesSAPipe, KeysSAPipe} from '../pipes';\n\n/**\n * Module for common utility stuff\n */\n@NgModule(\n{\n    imports:\n    [\n        IsNaNSAPipe,\n        IsPresentSAPipe,\n        UrlEncodeSAPipe,\n        MergeCssClassesSAPipe,\n        KeysSAPipe,\n    ],\n    exports: \n    [\n        IsNaNSAPipe,\n        IsPresentSAPipe,\n        UrlEncodeSAPipe,\n        MergeCssClassesSAPipe,\n        KeysSAPipe,\n    ]\n})\nexport class CommonUtilsModule\n{\n}"]}
+{"version":3,"file":"commonUtils.module.js","sourceRoot":"","sources":["../../../src/modules/commonUtils.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAC,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,qBAAqB,EAAE,UAAU,EAAE,YAAY,EAAC,MAAM,UAAU,CAAC;;AAExH;;GAEG;AAsBH,MAAM,OAAO,iBAAiB;uGAAjB,iBAAiB;wGAAjB,iBAAiB,YAjBtB,WAAW;YACX,eAAe;YACf,eAAe;YACf,qBAAqB;YACrB,UAAU;YACV,YAAY,aAIZ,WAAW;YACX,eAAe;YACf,eAAe;YACf,qBAAqB;YACrB,UAAU;YACV,YAAY;wGAGP,iBAAiB;;2FAAjB,iBAAiB;kBArB7B,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,WAAW;wBACX,eAAe;wBACf,eAAe;wBACf,qBAAqB;wBACrB,UAAU;wBACV,YAAY;qBACf;oBACD,OAAO,EACP;wBACI,WAAW;wBACX,eAAe;wBACf,eAAe;wBACf,qBAAqB;wBACrB,UAAU;wBACV,YAAY;qBACf;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\n\nimport {IsNaNSAPipe, IsPresentSAPipe, UrlEncodeSAPipe, MergeCssClassesSAPipe, KeysSAPipe, TrimTextPipe} from '../pipes';\n\n/**\n * Module for common utility stuff\n */\n@NgModule(\n{\n    imports:\n    [\n        IsNaNSAPipe,\n        IsPresentSAPipe,\n        UrlEncodeSAPipe,\n        MergeCssClassesSAPipe,\n        KeysSAPipe,\n        TrimTextPipe,\n    ],\n    exports: \n    [\n        IsNaNSAPipe,\n        IsPresentSAPipe,\n        UrlEncodeSAPipe,\n        MergeCssClassesSAPipe,\n        KeysSAPipe,\n        TrimTextPipe,\n    ]\n})\nexport class CommonUtilsModule\n{\n}"]}

package/es2022/src/modules/debugData/components/debugData/debugData.component.js

@@ -2,7 +2,6 @@ import { Component, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef, sign
 import { DebugDataEnabledService } from '../../services/debugDataEnabled/debugDataEnabled.service';
 import * as i0 from "@angular/core";
 import * as i1 from "../../services/debugDataEnabled/debugDataEnabled.service";
-import * as i2 from "@angular/common";
 /**
  * Name of css class for enabled debug data
  */
@@ -66,10 +65,10 @@ export class DebugDataComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: DebugDataComponent, deps: [{ token: i1.DebugDataEnabledService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: DebugDataComponent, selector: "debug-data", ngImport: i0, template: "<ng-template [ngIf]=\"enabled()\">\r\n    <ng-content></ng-content>\r\n</ng-template>", styles: [":host\r\n{\r\n    font-weight: normal;\r\n    font-style: italic;\r\n    text-shadow: 0 0 1px;\r\n    display: none;\r\n}\r\n\r\n:host(.clickable)\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n:host(.enabled)\r\n{\r\n    display: block;\r\n}"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.5", type: DebugDataComponent, isStandalone: true, selector: "debug-data", ngImport: i0, template: "@if(enabled())\r\n{\r\n    <ng-content/>\r\n}", styles: [":host\r\n{\r\n    font-weight: normal;\r\n    font-style: italic;\r\n    text-shadow: 0 0 1px;\r\n    display: none;\r\n    color: var(--common-debugData-foreground);\r\n}\r\n\r\n:host(.clickable)\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n:host(.enabled)\r\n{\r\n    display: block;\r\n}"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: DebugDataComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'debug-data', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template [ngIf]=\"enabled()\">\r\n    <ng-content></ng-content>\r\n</ng-template>", styles: [":host\r\n{\r\n    font-weight: normal;\r\n    font-style: italic;\r\n    text-shadow: 0 0 1px;\r\n    display: none;\r\n}\r\n\r\n:host(.clickable)\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n:host(.enabled)\r\n{\r\n    display: block;\r\n}"] }]
+            args: [{ selector: 'debug-data', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if(enabled())\r\n{\r\n    <ng-content/>\r\n}", styles: [":host\r\n{\r\n    font-weight: normal;\r\n    font-style: italic;\r\n    text-shadow: 0 0 1px;\r\n    display: none;\r\n    color: var(--common-debugData-foreground);\r\n}\r\n\r\n:host(.clickable)\r\n{\r\n    cursor: pointer;\r\n}\r\n\r\n:host(.enabled)\r\n{\r\n    display: block;\r\n}"] }]
         }], ctorParameters: () => [{ type: i1.DebugDataEnabledService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }] });
 //# sourceMappingURL=debugData.component.js.map

package/es2022/src/modules/debugData/components/debugData/debugData.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"debugData.component.js","sourceRoot":"","sources":["../../../../../../src/modules/debugData/components/debugData/debugData.component.ts","../../../../../../src/modules/debugData/components/debugData/debugData.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAqB,iBAAiB,EAAE,UAAU,EAAE,MAAM,EAAiB,MAAM,eAAe,CAAC;AAG3I,OAAO,EAAC,uBAAuB,EAAC,MAAM,0DAA0D,CAAC;;;;AAEjG;;GAEG;AACH,MAAM,OAAO,GAAG,SAAS,CAAC;AAE1B;;GAEG;AAQH,MAAM,OAAO,kBAAkB;IAmBL;IACA;IACA;IAnBtB,sEAAsE;IAEtE;;OAEG;IACO,kCAAkC,CAA8B;IAE1E,8FAA8F;IAE9F;;;;OAIG;IACO,OAAO,GAA4B,MAAM,CAAC,KAAK,CAAC,CAAC;IAE3D,iEAAiE;IACjE,YAAsB,mBAA4C,EAC5C,cAAiC,EACjC,OAAgC;QAFhC,wBAAmB,GAAnB,mBAAmB,CAAyB;QAC5C,mBAAc,GAAd,cAAc,CAAmB;QACjC,YAAO,GAAP,OAAO,CAAyB;IAEtD,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;QACnD,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAE1B,IAAI,CAAC,kCAAkC,GAAG,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,EAAE;YAE5F,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;YACnD,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAE1B,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;QACxC,CAAC,CAAC,CAAC;IACP,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,kCAAkC,EAAE,WAAW,EAAE,CAAC;QACvD,IAAI,CAAC,kCAAkC,GAAG,IAAI,CAAC;IACnD,CAAC;IAED,uEAAuE;IAEvE;;OAEG;IACO,kBAAkB;QAExB,IAAG,IAAI,CAAC,OAAO,EAAE,EACjB;YACI,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;SACrD;aAED;YACI,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;SACxD;IACL,CAAC;uGAtEQ,kBAAkB;2FAAlB,kBAAkB,kDCpB/B,uFAEc;;2FDkBD,kBAAkB;kBAP9B,SAAS;+BAEI,YAAY,mBAGL,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, OnDestroy, OnInit, ChangeDetectorRef, ElementRef, signal, WritableSignal} from '@angular/core';\nimport {Subscription} from 'rxjs';\n\nimport {DebugDataEnabledService} from '../../services/debugDataEnabled/debugDataEnabled.service';\n\n/**\n * Name of css class for enabled debug data\n */\nconst ENABLED = 'enabled';\n\n/**\n * Component used for displaying debug data\n */\n@Component(\n{\n    selector: 'debug-data',\n    templateUrl: 'debugData.component.html',\n    styleUrls: ['debugData.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DebugDataComponent implements OnDestroy, OnInit\n{\n    //######################### protected fields #########################\n\n    /**\n     * Subscription for changes of debug data enabled\n     */\n    protected debugDataEnabledChangeSubscription: Subscription|undefined|null;\n\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Indication whether is debug data enabled\n     *\n     * @internal\n     */\n    protected enabled: WritableSignal<boolean> = signal(false);\n\n    //######################### constructor #########################\n    constructor(protected debugDataEnabledSvc: DebugDataEnabledService,\n                protected changeDetector: ChangeDetectorRef,\n                protected element: ElementRef<HTMLElement>)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n\n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this.enabled.set(this.debugDataEnabledSvc.enabled);\n        this.setEnabledCssClass();\n\n        this.debugDataEnabledChangeSubscription = this.debugDataEnabledSvc.enabledChange.subscribe(() =>\n        {\n            this.enabled.set(this.debugDataEnabledSvc.enabled);\n            this.setEnabledCssClass();\n\n            this.changeDetector.detectChanges();\n        });\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n\n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.debugDataEnabledChangeSubscription?.unsubscribe();\n        this.debugDataEnabledChangeSubscription = null;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets enabled css class according enabled state\n     */\n    protected setEnabledCssClass(): void\n    {\n        if(this.enabled())\n        {\n            this.element.nativeElement.classList.add(ENABLED);\n        }\n        else\n        {\n            this.element.nativeElement.classList.remove(ENABLED);\n        }\n    }\n}","<ng-template [ngIf]=\"enabled()\">\r\n    <ng-content></ng-content>\r\n</ng-template>"]}
+{"version":3,"file":"debugData.component.js","sourceRoot":"","sources":["../../../../../../src/modules/debugData/components/debugData/debugData.component.ts","../../../../../../src/modules/debugData/components/debugData/debugData.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAqB,iBAAiB,EAAE,UAAU,EAAE,MAAM,EAAiB,MAAM,eAAe,CAAC;AAG3I,OAAO,EAAC,uBAAuB,EAAC,MAAM,0DAA0D,CAAC;;;AAEjG;;GAEG;AACH,MAAM,OAAO,GAAG,SAAS,CAAC;AAE1B;;GAEG;AASH,MAAM,OAAO,kBAAkB;IAmBL;IACA;IACA;IAnBtB,sEAAsE;IAEtE;;OAEG;IACO,kCAAkC,CAA8B;IAE1E,8FAA8F;IAE9F;;;;OAIG;IACO,OAAO,GAA4B,MAAM,CAAC,KAAK,CAAC,CAAC;IAE3D,iEAAiE;IACjE,YAAsB,mBAA4C,EAC5C,cAAiC,EACjC,OAAgC;QAFhC,wBAAmB,GAAnB,mBAAmB,CAAyB;QAC5C,mBAAc,GAAd,cAAc,CAAmB;QACjC,YAAO,GAAP,OAAO,CAAyB;IAEtD,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;QACnD,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAE1B,IAAI,CAAC,kCAAkC,GAAG,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,EAAE;YAE5F,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;YACnD,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAE1B,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;QACxC,CAAC,CAAC,CAAC;IACP,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,kCAAkC,EAAE,WAAW,EAAE,CAAC;QACvD,IAAI,CAAC,kCAAkC,GAAG,IAAI,CAAC;IACnD,CAAC;IAED,uEAAuE;IAEvE;;OAEG;IACO,kBAAkB;QAExB,IAAG,IAAI,CAAC,OAAO,EAAE,EACjB;YACI,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;SACrD;aAED;YACI,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;SACxD;IACL,CAAC;uGAtEQ,kBAAkB;2FAAlB,kBAAkB,sECrB/B,+CAGC;;2FDkBY,kBAAkB;kBAR9B,SAAS;+BAEI,YAAY,cAGV,IAAI,mBACC,uBAAuB,CAAC,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, OnDestroy, OnInit, ChangeDetectorRef, ElementRef, signal, WritableSignal} from '@angular/core';\nimport {Subscription} from 'rxjs';\n\nimport {DebugDataEnabledService} from '../../services/debugDataEnabled/debugDataEnabled.service';\n\n/**\n * Name of css class for enabled debug data\n */\nconst ENABLED = 'enabled';\n\n/**\n * Component used for displaying debug data\n */\n@Component(\n{\n    selector: 'debug-data',\n    templateUrl: 'debugData.component.html',\n    styleUrl: 'debugData.component.css',\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DebugDataComponent implements OnDestroy, OnInit\n{\n    //######################### protected fields #########################\n\n    /**\n     * Subscription for changes of debug data enabled\n     */\n    protected debugDataEnabledChangeSubscription: Subscription|undefined|null;\n\n    //######################### protected properties - template bindings #########################\n\n    /**\n     * Indication whether is debug data enabled\n     *\n     * @internal\n     */\n    protected enabled: WritableSignal<boolean> = signal(false);\n\n    //######################### constructor #########################\n    constructor(protected debugDataEnabledSvc: DebugDataEnabledService,\n                protected changeDetector: ChangeDetectorRef,\n                protected element: ElementRef<HTMLElement>)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n\n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this.enabled.set(this.debugDataEnabledSvc.enabled);\n        this.setEnabledCssClass();\n\n        this.debugDataEnabledChangeSubscription = this.debugDataEnabledSvc.enabledChange.subscribe(() =>\n        {\n            this.enabled.set(this.debugDataEnabledSvc.enabled);\n            this.setEnabledCssClass();\n\n            this.changeDetector.detectChanges();\n        });\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n\n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.debugDataEnabledChangeSubscription?.unsubscribe();\n        this.debugDataEnabledChangeSubscription = null;\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets enabled css class according enabled state\n     */\n    protected setEnabledCssClass(): void\n    {\n        if(this.enabled())\n        {\n            this.element.nativeElement.classList.add(ENABLED);\n        }\n        else\n        {\n            this.element.nativeElement.classList.remove(ENABLED);\n        }\n    }\n}","@if(enabled())\r\n{\r\n    <ng-content/>\r\n}"]}

package/es2022/src/modules/debugData/modules/debugData.module.js

@@ -1,5 +1,4 @@
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
 import { DebugDataComponent } from '../components/debugData/debugData.component';
 import * as i0 from "@angular/core";
 /**
@@ -7,20 +6,17 @@ import * as i0 from "@angular/core";
  */
 export class DebugDataModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: DebugDataModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.5", ngImport: i0, type: DebugDataModule, declarations: [DebugDataComponent], imports: [CommonModule], exports: [DebugDataComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: DebugDataModule, imports: [CommonModule] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.5", ngImport: i0, type: DebugDataModule, imports: [DebugDataComponent], exports: [DebugDataComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: DebugDataModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: DebugDataModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
-                        CommonModule
-                    ],
-                    declarations: [
-                        DebugDataComponent
+                        DebugDataComponent,
                     ],
                     exports: [
-                        DebugDataComponent
+                        DebugDataComponent,
                     ]
                 }]
         }] });

package/es2022/src/modules/debugData/modules/debugData.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"debugData.module.js","sourceRoot":"","sources":["../../../../../src/modules/debugData/modules/debugData.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAC,kBAAkB,EAAC,MAAM,6CAA6C,CAAC;;AAE/E;;GAEG;AAgBH,MAAM,OAAO,eAAe;uGAAf,eAAe;wGAAf,eAAe,iBAPpB,kBAAkB,aAJlB,YAAY,aAQZ,kBAAkB;wGAGb,eAAe,YAXpB,YAAY;;2FAWP,eAAe;kBAf3B,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,YAAY;qBACf;oBACD,YAAY,EACZ;wBACI,kBAAkB;qBACrB;oBACD,OAAO,EACP;wBACI,kBAAkB;qBACrB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {DebugDataComponent} from '../components/debugData/debugData.component';\n\n/**\n * Module that contains debug data component\n */\n@NgModule(\n{\n    imports:\n    [\n        CommonModule\n    ],\n    declarations:\n    [\n        DebugDataComponent\n    ],\n    exports:\n    [\n        DebugDataComponent\n    ]\n})\nexport class DebugDataModule\n{\n}"]}
+{"version":3,"file":"debugData.module.js","sourceRoot":"","sources":["../../../../../src/modules/debugData/modules/debugData.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AAEvC,OAAO,EAAC,kBAAkB,EAAC,MAAM,6CAA6C,CAAC;;AAE/E;;GAEG;AAYH,MAAM,OAAO,eAAe;uGAAf,eAAe;wGAAf,eAAe,YAPpB,kBAAkB,aAIlB,kBAAkB;wGAGb,eAAe;;2FAAf,eAAe;kBAX3B,QAAQ;mBACT;oBACI,OAAO,EACP;wBACI,kBAAkB;qBACrB;oBACD,OAAO,EACP;wBACI,kBAAkB;qBACrB;iBACJ","sourcesContent":["import {NgModule} from '@angular/core';\n\nimport {DebugDataComponent} from '../components/debugData/debugData.component';\n\n/**\n * Module that contains debug data component\n */\n@NgModule(\n{\n    imports:\n    [\n        DebugDataComponent,\n    ],\n    exports:\n    [\n        DebugDataComponent,\n    ]\n})\nexport class DebugDataModule\n{\n}"]}

package/es2022/src/pipes/index.js

@@ -6,5 +6,6 @@ export * from './isPresent/isPresent.pipe';
 export * from './keys/keys.pipe';
 export * from './localize/localize.pipe';
 export * from './mergeCssClasses/mergeCssClasses.pipe';
+export * from './trimText/trimText.pipe';
 export * from './urlEncode/urlEncode.pipe';
 //# sourceMappingURL=index.js.map

package/es2022/src/pipes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pipes/index.ts"],"names":[],"mappings":"AAAA,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sCAAsC,CAAC;AACrD,cAAc,sDAAsD,CAAC;AACrE,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wCAAwC,CAAC;AACvD,cAAc,4BAA4B,CAAC","sourcesContent":["export * from './displayProperties/displayProperties.pipe';\nexport * from './firstUppercase/firstUppercase.pipe';\nexport * from './firstUppercaseLocalize/firstUppercaseLocalize.pipe';\nexport * from './isNaN/isNaN.pipe';\nexport * from './isPresent/isPresent.pipe';\nexport * from './keys/keys.pipe';\nexport * from './localize/localize.pipe';\nexport * from './mergeCssClasses/mergeCssClasses.pipe';\nexport * from './urlEncode/urlEncode.pipe';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pipes/index.ts"],"names":[],"mappings":"AAAA,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sCAAsC,CAAC;AACrD,cAAc,sDAAsD,CAAC;AACrE,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wCAAwC,CAAC;AACvD,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC","sourcesContent":["export * from './displayProperties/displayProperties.pipe';\nexport * from './firstUppercase/firstUppercase.pipe';\nexport * from './firstUppercaseLocalize/firstUppercaseLocalize.pipe';\nexport * from './isNaN/isNaN.pipe';\nexport * from './isPresent/isPresent.pipe';\nexport * from './keys/keys.pipe';\nexport * from './localize/localize.pipe';\nexport * from './mergeCssClasses/mergeCssClasses.pipe';\nexport * from './trimText/trimText.pipe';\nexport * from './urlEncode/urlEncode.pipe';\n"]}

package/es2022/src/pipes/trimText/trimText.pipe.js

@@ -0,0 +1,29 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Trims long text and adds 'suffix' indication of longer text
+ */
+export class TrimTextPipe {
+    /**
+     * Trims long text and adds 'suffix' indication of longer text
+     * @param text - Text to be trimmed
+     * @param length - Maximal allowed length of text, that wont be trimmed
+     * @param suffix - Suffix to be added when text is trimmed
+     */
+    transform(text, length, suffix = '...') {
+        if (!text) {
+            return '';
+        }
+        if (text.length > length) {
+            return text.substring(0, length) + suffix;
+        }
+        return text;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: TrimTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.0.5", ngImport: i0, type: TrimTextPipe, isStandalone: true, name: "trimText" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: TrimTextPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'trimText', standalone: true }]
+        }] });
+//# sourceMappingURL=trimText.pipe.js.map

package/es2022/src/pipes/trimText/trimText.pipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trimText.pipe.js","sourceRoot":"","sources":["../../../../src/pipes/trimText/trimText.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAgB,MAAM,eAAe,CAAC;;AAElD;;GAEG;AAEH,MAAM,OAAO,YAAY;IAErB;;;;;OAKG;IACI,SAAS,CAAC,IAA2B,EAAE,MAAc,EAAE,SAAiB,KAAK;QAEhF,IAAG,CAAC,IAAI,EACR;YACI,OAAO,EAAE,CAAC;SACb;QAED,IAAG,IAAI,CAAC,MAAM,GAAG,MAAM,EACvB;YACI,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;SAC7C;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;uGArBQ,YAAY;qGAAZ,YAAY;;2FAAZ,YAAY;kBADxB,IAAI;mBAAC,EAAC,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC","sourcesContent":["import {Pipe, PipeTransform} from '@angular/core';\n\n/**\n * Trims long text and adds 'suffix' indication of longer text\n */\n@Pipe({name: 'trimText', standalone: true})\nexport class TrimTextPipe implements PipeTransform\n{\n    /**\n     * Trims long text and adds 'suffix' indication of longer text\n     * @param text - Text to be trimmed\n     * @param length - Maximal allowed length of text, that wont be trimmed\n     * @param suffix - Suffix to be added when text is trimmed\n     */\n    public transform(text: string|undefined|null, length: number, suffix: string = '...'): string\n    {\n        if(!text)\n        {\n            return '';\n        }\n\n        if(text.length > length)\n        {\n            return text.substring(0, length) + suffix;\n        }\n\n        return text;\n    }\n}\n"]}

package/material/src/directives/debugDataCopyClick/debugDataCopyClick.directive.d.ts

@@ -8,7 +8,7 @@ export declare class DebugDataCopyClickDirective {
     /**
      * Data to be copied as serialized json
      */
-    data: any;
+    data: unknown;
     /**
      * Adds css class clickable to this element
      *
@@ -23,6 +23,6 @@ export declare class DebugDataCopyClickDirective {
      */
     copyData(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DebugDataCopyClickDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DebugDataCopyClickDirective, "debug-data[copyClick]", never, { "data": { "alias": "copyClick"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DebugDataCopyClickDirective, "debug-data[copyClick]", never, { "data": { "alias": "copyClick"; "required": false; }; }, {}, never, never, true, never>;
 }
 //# sourceMappingURL=debugDataCopyClick.directive.d.ts.map

package/material/src/directives/debugDataCopyClick/debugDataCopyClick.directive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"debugDataCopyClick.directive.d.ts","sourceRoot":"","sources":["debugDataCopyClick.directive.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;;AAEjD;;GAEG;AACH,qBAIa,2BAA2B;IAqBxB,SAAS,CAAC,UAAU,EAAE,SAAS;IAjB3C;;OAEG;IAEI,IAAI,EAAE,GAAG,CAAC;IAIjB;;;;OAIG;IAEI,SAAS,EAAE,OAAO,CAAQ;gBAGX,UAAU,EAAE,SAAS;IAM3C;;;;OAIG;IAEI,QAAQ,IAAI,IAAI;yCAjCd,2BAA2B;2CAA3B,2BAA2B;CAqCvC"}
+{"version":3,"file":"debugDataCopyClick.directive.d.ts","sourceRoot":"","sources":["debugDataCopyClick.directive.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;;AAEjD;;GAEG;AACH,qBAKa,2BAA2B;IAqBxB,SAAS,CAAC,UAAU,EAAE,SAAS;IAjB3C;;OAEG;IAEI,IAAI,EAAE,OAAO,CAAC;IAIrB;;;;OAIG;IAEI,SAAS,EAAE,OAAO,CAAQ;gBAGX,UAAU,EAAE,SAAS;IAM3C;;;;OAIG;IAEI,QAAQ,IAAI,IAAI;yCAjCd,2BAA2B;2CAA3B,2BAA2B;CAqCvC"}

package/material/src/modules/debugDataCopyClick.module.d.ts

@@ -1,12 +1,12 @@
 import * as i0 from "@angular/core";
-import * as i1 from "../directives/debugDataCopyClick/debugDataCopyClick.directive";
-import * as i2 from "@anglr/common";
+import * as i1 from "@anglr/common";
+import * as i2 from "../directives/debugDataCopyClick/debugDataCopyClick.directive";
 /**
  * Module for debug data copy click directive
  */
 export declare class DebugDataCopyClickModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DebugDataCopyClickModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DebugDataCopyClickModule, [typeof i1.DebugDataCopyClickDirective], never, [typeof i1.DebugDataCopyClickDirective, typeof i2.DebugDataModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DebugDataCopyClickModule, never, [typeof i1.DebugDataComponent, typeof i2.DebugDataCopyClickDirective], [typeof i2.DebugDataCopyClickDirective, typeof i1.DebugDataComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DebugDataCopyClickModule>;
 }
 //# sourceMappingURL=debugDataCopyClick.module.d.ts.map

package/material/src/modules/debugDataCopyClick.module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"debugDataCopyClick.module.d.ts","sourceRoot":"","sources":["debugDataCopyClick.module.ts"],"names":[],"mappings":";;;AAKA;;GAEG;AACH,qBAea,wBAAwB;yCAAxB,wBAAwB;0CAAxB,wBAAwB;0CAAxB,wBAAwB;CAEpC"}
+{"version":3,"file":"debugDataCopyClick.module.d.ts","sourceRoot":"","sources":["debugDataCopyClick.module.ts"],"names":[],"mappings":";;;AAKA;;GAEG;AACH,qBAaa,wBAAwB;yCAAxB,wBAAwB;0CAAxB,wBAAwB;0CAAxB,wBAAwB;CAEpC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@anglr/common",
-    "version": "19.1.0-beta.20240513175039",
+    "version": "19.1.0-beta.20240513181744",
     "description": "Angular module for common angular stuff",
     "type": "module",
     "sideEffects": false,

package/src/modules/commonUtils.module.d.ts

@@ -4,12 +4,13 @@ import * as i2 from "../pipes/isPresent/isPresent.pipe";
 import * as i3 from "../pipes/urlEncode/urlEncode.pipe";
 import * as i4 from "../pipes/mergeCssClasses/mergeCssClasses.pipe";
 import * as i5 from "../pipes/keys/keys.pipe";
+import * as i6 from "../pipes/trimText/trimText.pipe";
 /**
  * Module for common utility stuff
  */
 export declare class CommonUtilsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CommonUtilsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CommonUtilsModule, never, [typeof i1.IsNaNSAPipe, typeof i2.IsPresentSAPipe, typeof i3.UrlEncodeSAPipe, typeof i4.MergeCssClassesSAPipe, typeof i5.KeysSAPipe], [typeof i1.IsNaNSAPipe, typeof i2.IsPresentSAPipe, typeof i3.UrlEncodeSAPipe, typeof i4.MergeCssClassesSAPipe, typeof i5.KeysSAPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CommonUtilsModule, never, [typeof i1.IsNaNSAPipe, typeof i2.IsPresentSAPipe, typeof i3.UrlEncodeSAPipe, typeof i4.MergeCssClassesSAPipe, typeof i5.KeysSAPipe, typeof i6.TrimTextPipe], [typeof i1.IsNaNSAPipe, typeof i2.IsPresentSAPipe, typeof i3.UrlEncodeSAPipe, typeof i4.MergeCssClassesSAPipe, typeof i5.KeysSAPipe, typeof i6.TrimTextPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CommonUtilsModule>;
 }
 //# sourceMappingURL=commonUtils.module.d.ts.map

package/src/modules/commonUtils.module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"commonUtils.module.d.ts","sourceRoot":"","sources":["commonUtils.module.ts"],"names":[],"mappings":";;;;;;AAIA;;GAEG;AACH,qBAmBa,iBAAiB;yCAAjB,iBAAiB;0CAAjB,iBAAiB;0CAAjB,iBAAiB;CAE7B"}
+{"version":3,"file":"commonUtils.module.d.ts","sourceRoot":"","sources":["commonUtils.module.ts"],"names":[],"mappings":";;;;;;;AAIA;;GAEG;AACH,qBAqBa,iBAAiB;yCAAjB,iBAAiB;0CAAjB,iBAAiB;0CAAjB,iBAAiB;CAE7B"}

package/src/modules/debugData/components/debugData/debugData.component.css

@@ -4,6 +4,7 @@
     font-style: italic;
     text-shadow: 0 0 1px;
     display: none;
+    color: var(--common-debugData-foreground);
 }
 
 :host(.clickable)

package/src/modules/debugData/components/debugData/debugData.component.d.ts

@@ -33,6 +33,6 @@ export declare class DebugDataComponent implements OnDestroy, OnInit {
      */
     protected setEnabledCssClass(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DebugDataComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DebugDataComponent, "debug-data", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DebugDataComponent, "debug-data", never, {}, {}, never, ["*"], true, never>;
 }
 //# sourceMappingURL=debugData.component.d.ts.map

package/src/modules/debugData/components/debugData/debugData.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"debugData.component.d.ts","sourceRoot":"","sources":["debugData.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,SAAS,EAAE,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAU,cAAc,EAAC,MAAM,eAAe,CAAC;AAC3I,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;AAElC,OAAO,EAAC,uBAAuB,EAAC,MAAM,0DAA0D,CAAC;;AAOjG;;GAEG;AACH,qBAOa,kBAAmB,YAAW,SAAS,EAAE,MAAM;IAmB5C,SAAS,CAAC,mBAAmB,EAAE,uBAAuB;IACtD,SAAS,CAAC,cAAc,EAAE,iBAAiB;IAC3C,SAAS,CAAC,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC;IAjBtD;;OAEG;IACH,SAAS,CAAC,kCAAkC,EAAE,YAAY,GAAC,SAAS,GAAC,IAAI,CAAC;IAI1E;;;;OAIG;IACH,SAAS,CAAC,OAAO,EAAE,cAAc,CAAC,OAAO,CAAC,CAAiB;gBAGrC,mBAAmB,EAAE,uBAAuB,EAC5C,cAAc,EAAE,iBAAiB,EACjC,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC;IAMtD;;OAEG;IACI,QAAQ,IAAI,IAAI;IAgBvB;;OAEG;IACI,WAAW,IAAI,IAAI;IAQ1B;;OAEG;IACH,SAAS,CAAC,kBAAkB,IAAI,IAAI;yCA5D3B,kBAAkB;2CAAlB,kBAAkB;CAuE9B"}
+{"version":3,"file":"debugData.component.d.ts","sourceRoot":"","sources":["debugData.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,SAAS,EAAE,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAU,cAAc,EAAC,MAAM,eAAe,CAAC;AAC3I,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;AAElC,OAAO,EAAC,uBAAuB,EAAC,MAAM,0DAA0D,CAAC;;AAOjG;;GAEG;AACH,qBAQa,kBAAmB,YAAW,SAAS,EAAE,MAAM;IAmB5C,SAAS,CAAC,mBAAmB,EAAE,uBAAuB;IACtD,SAAS,CAAC,cAAc,EAAE,iBAAiB;IAC3C,SAAS,CAAC,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC;IAjBtD;;OAEG;IACH,SAAS,CAAC,kCAAkC,EAAE,YAAY,GAAC,SAAS,GAAC,IAAI,CAAC;IAI1E;;;;OAIG;IACH,SAAS,CAAC,OAAO,EAAE,cAAc,CAAC,OAAO,CAAC,CAAiB;gBAGrC,mBAAmB,EAAE,uBAAuB,EAC5C,cAAc,EAAE,iBAAiB,EACjC,OAAO,EAAE,UAAU,CAAC,WAAW,CAAC;IAMtD;;OAEG;IACI,QAAQ,IAAI,IAAI;IAgBvB;;OAEG;IACI,WAAW,IAAI,IAAI;IAQ1B;;OAEG;IACH,SAAS,CAAC,kBAAkB,IAAI,IAAI;yCA5D3B,kBAAkB;2CAAlB,kBAAkB;CAuE9B"}

package/src/modules/debugData/components/debugData/debugData.component.html

@@ -1,3 +1,4 @@
-<ng-template [ngIf]="enabled()">
-    <ng-content></ng-content>
-</ng-template>
+@if(enabled())
+{
+    <ng-content/>
+}

package/src/modules/debugData/modules/debugData.module.d.ts

@@ -1,12 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "../components/debugData/debugData.component";
-import * as i2 from "@angular/common";
 /**
  * Module that contains debug data component
  */
 export declare class DebugDataModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DebugDataModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DebugDataModule, [typeof i1.DebugDataComponent], [typeof i2.CommonModule], [typeof i1.DebugDataComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DebugDataModule, never, [typeof i1.DebugDataComponent], [typeof i1.DebugDataComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DebugDataModule>;
 }
 //# sourceMappingURL=debugData.module.d.ts.map

package/src/modules/debugData/modules/debugData.module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"debugData.module.d.ts","sourceRoot":"","sources":["debugData.module.ts"],"names":[],"mappings":";;;AAKA;;GAEG;AACH,qBAea,eAAe;yCAAf,eAAe;0CAAf,eAAe;0CAAf,eAAe;CAE3B"}
+{"version":3,"file":"debugData.module.d.ts","sourceRoot":"","sources":["debugData.module.ts"],"names":[],"mappings":";;AAIA;;GAEG;AACH,qBAWa,eAAe;yCAAf,eAAe;0CAAf,eAAe;0CAAf,eAAe;CAE3B"}

package/src/pipes/index.d.ts

@@ -6,5 +6,6 @@ export * from './isPresent/isPresent.pipe';
 export * from './keys/keys.pipe';
 export * from './localize/localize.pipe';
 export * from './mergeCssClasses/mergeCssClasses.pipe';
+export * from './trimText/trimText.pipe';
 export * from './urlEncode/urlEncode.pipe';
 //# sourceMappingURL=index.d.ts.map

package/src/pipes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sCAAsC,CAAC;AACrD,cAAc,sDAAsD,CAAC;AACrE,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wCAAwC,CAAC;AACvD,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sCAAsC,CAAC;AACrD,cAAc,sDAAsD,CAAC;AACrE,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wCAAwC,CAAC;AACvD,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC"}

package/src/pipes/trimText/trimText.pipe.d.ts

@@ -0,0 +1,17 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Trims long text and adds 'suffix' indication of longer text
+ */
+export declare class TrimTextPipe implements PipeTransform {
+    /**
+     * Trims long text and adds 'suffix' indication of longer text
+     * @param text - Text to be trimmed
+     * @param length - Maximal allowed length of text, that wont be trimmed
+     * @param suffix - Suffix to be added when text is trimmed
+     */
+    transform(text: string | undefined | null, length: number, suffix?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TrimTextPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TrimTextPipe, "trimText", true>;
+}
+//# sourceMappingURL=trimText.pipe.d.ts.map

package/src/pipes/trimText/trimText.pipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trimText.pipe.d.ts","sourceRoot":"","sources":["trimText.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,aAAa,EAAC,MAAM,eAAe,CAAC;;AAElD;;GAEG;AACH,qBACa,YAAa,YAAW,aAAa;IAE9C;;;;;OAKG;IACI,SAAS,CAAC,IAAI,EAAE,MAAM,GAAC,SAAS,GAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAE,MAAc,GAAG,MAAM;yCARpF,YAAY;uCAAZ,YAAY;CAsBxB"}

package/styles/core/_mixins.scss

@@ -26,10 +26,19 @@
     }
 }
 
+@mixin buildThemeColorsDebugData($theme)
+{
+    @if $theme
+    {
+        --common-debugData-foreground: #{map.get(map.get($theme, 'debugData'), 'foreground')};
+    }
+}
+
 @mixin buildThemeColors($theme)
 {
     @include buildThemeColorsTooltip($theme);
     @include buildThemeColorsMultiButton($theme);
+    @include buildThemeColorsDebugData($theme);
 }
 
 @mixin buildThemeCssMisc
@@ -66,6 +75,11 @@
     @include buildThemeCssMultiButton();
 }
 
+@mixin buildThemeDebugData($theme)
+{
+    @include buildThemeColorsDebugData($theme);
+}
+
 @mixin buildTheme($theme)
 {
     @include buildThemeColors($theme);

package/styles/core/_theme.scss

@@ -16,4 +16,8 @@ $defaultTheme:
             shadow: #f0f0f0,
         ),
     ),
+    debugData:
+    (
+        foreground: #2CB9FF,
+    ),
 );

package/version.bak

@@ -1 +1 @@
-19.1.0-beta.20240513175039 
+19.1.0-beta.20240513181744 

package/src/style.scss

@@ -1,87 +0,0 @@
-.progress-overlay-div
-{
-    position: absolute;
-    transition: all 250ms linear;
-    background-color: rgba(0, 0, 0, 0.45);
-    height: 100%;
-    width: 100%;
-    top: 0;
-    left: 0;
-    z-index: 100;
-    overflow: hidden;
-
-    & > div.spinner
-    {
-        border: 3px solid #eee;
-        border-bottom: none;
-        border-top-left-radius: 24px;
-        border-top-right-radius: 24px;
-        height: 12px;
-        margin-left: auto;
-        margin-right: auto;
-        position: relative;
-        top: calc(50% - 6px);
-        width: 24px;
-        animation-name: rotate-progress-overlay;
-        animation-duration: 450ms;
-        animation-iteration-count: infinite;
-        animation-timing-function: linear;
-        transform-origin: calc(50%) calc(50% + 6px);
-    }
-
-    & > .messages
-    {
-        color: #eee;
-        top: calc(50% + 12px);
-        position: relative;
-        text-align: center;
-        font-weight: bold;
-        display: flex;
-        flex-direction: column-reverse;
-
-        .message-0,
-        .message-1,
-        .message-2,
-        .message-out
-        {
-            transition: all 500ms;
-            position: absolute;
-            width: 100%;
-            top: 0;
-        }
-
-        .message-1
-        {
-            transform: scale3d(0.7, 0.7, 0.7) translateZ(-20px) translateY(20px);
-            opacity: 0.8;
-        }
-
-        .message-2
-        {
-            transform: scale3d(0.35, 0.35, 0.35) translateZ(-40px) translateY(80px);
-            opacity: 0.5;
-        }
-
-        .message-out
-        {
-            transform: scale3d(0, 0, 0) translateZ(-100px) translateY(160px);
-        }
-    }
-}
-
-debug-data
-{
-    color: #2CB9FF;
-}
-
-@keyframes rotate-progress-overlay
-{
-    from
-    {
-        transform: rotate(0deg);
-    }
-    to
-    {
-        transform: rotate(360deg);
-    }
-}