@anglr/common 20.0.0-beta.20240529082303 → 20.0.0-beta.20240530105358

package/es2022/router/src/services/routing/dataRouter.js

@@ -8,20 +8,6 @@ import * as i1 from "@angular/router";
  * Special implementation of router that allows routing with sending complex data to routed component
  */
 export class DataRouter {
-    _router;
-    //######################### private fields #########################
-    /**
-     * Value that is going to be used for next routed data
-     */
-    _nextValue = null;
-    /**
-     * Url path of next route
-     */
-    _nextUrlPath = null;
-    /**
-     * Promise that resolves into value for current route
-     */
-    _valuePromise = null;
     //######################### public properties #########################
     /**
      * Gets promise that resolves into value for current route
@@ -32,6 +18,19 @@ export class DataRouter {
     //######################### constructor #########################
     constructor(_router) {
         this._router = _router;
+        //######################### private fields #########################
+        /**
+         * Value that is going to be used for next routed data
+         */
+        this._nextValue = null;
+        /**
+         * Url path of next route
+         */
+        this._nextUrlPath = null;
+        /**
+         * Promise that resolves into value for current route
+         */
+        this._valuePromise = null;
         this._router.events.subscribe(next => {
             //do not use DataRouter
             if (isBlank(this._nextUrlPath)) {
@@ -80,10 +79,10 @@ export class DataRouter {
         this._nextUrlPath = this._router.createUrlTree(linkParams).toString();
         return this._router.navigate(linkParams);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: DataRouter, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: DataRouter, providedIn: 'root' });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DataRouter, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DataRouter, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: DataRouter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DataRouter, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.Router }] });

package/es2022/router/src/services/routing/dataRouter.js.map

@@ -1 +1 @@
-{"version":3,"file":"dataRouter.js","sourceRoot":"","sources":["../../../../../router/src/services/routing/dataRouter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,eAAe,EAAC,MAAM,iBAAiB,CAAC;AACtG,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;;;AAEvC,6EAA6E;AAE7E;;GAEG;AAEH,MAAM,OAAO,UAAU;IA8BC;IA5BpB,oEAAoE;IAEpE;;OAEG;IACK,UAAU,GAAU,IAAI,CAAC;IAEjC;;OAEG;IACK,YAAY,GAAgB,IAAI,CAAC;IAEzC;;OAEG;IACK,aAAa,GAAwB,IAAI,CAAC;IAElD,uEAAuE;IAEvE;;OAEG;IACH,IAAW,YAAY;QAEnB,OAAO,IAAI,CAAC,aAAa,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,CAAC;IAED,iEAAiE;IACjE,YAAoB,OAAe;QAAf,YAAO,GAAP,OAAO,CAAQ;QAE/B,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;YAEjC,uBAAuB;YACvB,IAAG,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,EAC7B;gBACI,OAAO;aACV;YAED,mDAAmD;YACnD,IAAG,IAAI,YAAY,eAAe,EAClC;gBACI,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;gBAE1B,OAAO;aACV;YAED,wDAAwD;YACxD,IAAG,IAAI,YAAY,aAAa,EAChC;gBACI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;gBACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;gBAEvB,qDAAqD;gBACrD,IAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,GAAG,EAChC;oBACI,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;iBAC7B;aACJ;YAED,0BAA0B;YAC1B,IAAG,IAAI,YAAY,eAAe,EAClC;gBACI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;gBACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;gBACvB,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBAE3C,OAAO;aACV;YAED,iCAAiC;YACjC,IAAG,CAAC,CAAC,IAAI,YAAY,YAAY,CAAC,EAClC;gBACI,OAAO;aACV;YAED,6BAA6B;YAC7B,IAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,GAAG,EAChC;gBACI,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;aACzD;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAED,oEAAoE;IAEpE;;;;;OAKG;IACI,QAAQ,CAAC,UAAiB,EAAE,SAAgB;QAE/C,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE,CAAC;QAEtE,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAC7C,CAAC;uGAnGQ,UAAU;2GAAV,UAAU,cADE,MAAM;;2FAClB,UAAU;kBADtB,UAAU;mBAAC,EAAC,UAAU,EAAE,MAAM,EAAC","sourcesContent":["import {Injectable} from '@angular/core';\nimport {Router, NavigationEnd, NavigationError, ResolveStart, NavigationStart} from '@angular/router';\nimport {isBlank} from '@jscrpt/common';\n\n//TODO: think of complicated redirects between ResolveStart and NavigationEnd\n\n/**\n * Special implementation of router that allows routing with sending complex data to routed component\n */\n@Injectable({providedIn: 'root'})\nexport class DataRouter<TData = any>\n{\n    //######################### private fields #########################\n\n    /**\n     * Value that is going to be used for next routed data\n     */\n    private _nextValue: TData = null;\n\n    /**\n     * Url path of next route\n     */\n    private _nextUrlPath: string|null = null;\n\n    /**\n     * Promise that resolves into value for current route\n     */\n    private _valuePromise: Promise<TData>|null = null;\n\n    //######################### public properties #########################\n\n    /**\n     * Gets promise that resolves into value for current route\n     */\n    public get valuePromise(): Promise<TData>\n    {\n        return this._valuePromise || Promise.resolve(null);\n    }\n\n    //######################### constructor #########################\n    constructor(private _router: Router)\n    {\n        this._router.events.subscribe(next =>\n        {\n            //do not use DataRouter\n            if(isBlank(this._nextUrlPath))\n            {\n                return;\n            }\n\n            //if navigation started throw away previous promise\n            if(next instanceof NavigationStart)\n            {\n                this._valuePromise = null;\n\n                return;\n            }\n\n            //clears next value and next url after end of navigation\n            if(next instanceof NavigationEnd)\n            {\n                this._nextUrlPath = null;\n                this._nextValue = null;\n\n                //if navigated to different route clear value promise\n                if(this._nextUrlPath != next.url)\n                {\n                    this._valuePromise = null;\n                }\n            }\n\n            //if error throw away data\n            if(next instanceof NavigationError)\n            {\n                this._nextUrlPath = null;\n                this._nextValue = null;\n                this._valuePromise = Promise.resolve(null);\n\n                return;\n            }\n\n            //if not ResolveStart, do nothing\n            if(!(next instanceof ResolveStart))\n            {\n                return;\n            }\n\n            //navigating to requested URL\n            if(this._nextUrlPath == next.url)\n            {\n                this._valuePromise = Promise.resolve(this._nextValue);\n            }\n        });\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Navigate based on the provided Route Link DSL. This method also allows you to provide complex data for your route\n     * @param linkParams - Link params that are used as for standard router\n     * @param routeData - Any type of object that can be passed to your routed component\n     * @returns Promise\n     */\n    public navigate(linkParams: any[], routeData: TData): Promise<boolean>\n    {\n        this._nextValue = routeData;\n        this._nextUrlPath = this._router.createUrlTree(linkParams).toString();\n\n        return this._router.navigate(linkParams);\n    }\n}\n"]}
+{"version":3,"file":"dataRouter.js","sourceRoot":"","sources":["../../../../../router/src/services/routing/dataRouter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,eAAe,EAAC,MAAM,iBAAiB,CAAC;AACtG,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;;;AAEvC,6EAA6E;AAE7E;;GAEG;AAEH,MAAM,OAAO,UAAU;IAmBnB,uEAAuE;IAEvE;;OAEG;IACH,IAAW,YAAY;QAEnB,OAAO,IAAI,CAAC,aAAa,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,CAAC;IAED,iEAAiE;IACjE,YAAoB,OAAe;QAAf,YAAO,GAAP,OAAO,CAAQ;QA5BnC,oEAAoE;QAEpE;;WAEG;QACK,eAAU,GAAU,IAAI,CAAC;QAEjC;;WAEG;QACK,iBAAY,GAAgB,IAAI,CAAC;QAEzC;;WAEG;QACK,kBAAa,GAAwB,IAAI,CAAC;QAe9C,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;YAEjC,uBAAuB;YACvB,IAAG,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,EAC7B,CAAC;gBACG,OAAO;YACX,CAAC;YAED,mDAAmD;YACnD,IAAG,IAAI,YAAY,eAAe,EAClC,CAAC;gBACG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;gBAE1B,OAAO;YACX,CAAC;YAED,wDAAwD;YACxD,IAAG,IAAI,YAAY,aAAa,EAChC,CAAC;gBACG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;gBACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;gBAEvB,qDAAqD;gBACrD,IAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,GAAG,EAChC,CAAC;oBACG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;gBAC9B,CAAC;YACL,CAAC;YAED,0BAA0B;YAC1B,IAAG,IAAI,YAAY,eAAe,EAClC,CAAC;gBACG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;gBACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;gBACvB,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBAE3C,OAAO;YACX,CAAC;YAED,iCAAiC;YACjC,IAAG,CAAC,CAAC,IAAI,YAAY,YAAY,CAAC,EAClC,CAAC;gBACG,OAAO;YACX,CAAC;YAED,6BAA6B;YAC7B,IAAG,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,GAAG,EAChC,CAAC;gBACG,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAC1D,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAED,oEAAoE;IAEpE;;;;;OAKG;IACI,QAAQ,CAAC,UAAiB,EAAE,SAAgB;QAE/C,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE,CAAC;QAEtE,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAC7C,CAAC;8GAnGQ,UAAU;kHAAV,UAAU,cADE,MAAM;;2FAClB,UAAU;kBADtB,UAAU;mBAAC,EAAC,UAAU,EAAE,MAAM,EAAC","sourcesContent":["import {Injectable} from '@angular/core';\nimport {Router, NavigationEnd, NavigationError, ResolveStart, NavigationStart} from '@angular/router';\nimport {isBlank} from '@jscrpt/common';\n\n//TODO: think of complicated redirects between ResolveStart and NavigationEnd\n\n/**\n * Special implementation of router that allows routing with sending complex data to routed component\n */\n@Injectable({providedIn: 'root'})\nexport class DataRouter<TData = any>\n{\n    //######################### private fields #########################\n\n    /**\n     * Value that is going to be used for next routed data\n     */\n    private _nextValue: TData = null;\n\n    /**\n     * Url path of next route\n     */\n    private _nextUrlPath: string|null = null;\n\n    /**\n     * Promise that resolves into value for current route\n     */\n    private _valuePromise: Promise<TData>|null = null;\n\n    //######################### public properties #########################\n\n    /**\n     * Gets promise that resolves into value for current route\n     */\n    public get valuePromise(): Promise<TData>\n    {\n        return this._valuePromise || Promise.resolve(null);\n    }\n\n    //######################### constructor #########################\n    constructor(private _router: Router)\n    {\n        this._router.events.subscribe(next =>\n        {\n            //do not use DataRouter\n            if(isBlank(this._nextUrlPath))\n            {\n                return;\n            }\n\n            //if navigation started throw away previous promise\n            if(next instanceof NavigationStart)\n            {\n                this._valuePromise = null;\n\n                return;\n            }\n\n            //clears next value and next url after end of navigation\n            if(next instanceof NavigationEnd)\n            {\n                this._nextUrlPath = null;\n                this._nextValue = null;\n\n                //if navigated to different route clear value promise\n                if(this._nextUrlPath != next.url)\n                {\n                    this._valuePromise = null;\n                }\n            }\n\n            //if error throw away data\n            if(next instanceof NavigationError)\n            {\n                this._nextUrlPath = null;\n                this._nextValue = null;\n                this._valuePromise = Promise.resolve(null);\n\n                return;\n            }\n\n            //if not ResolveStart, do nothing\n            if(!(next instanceof ResolveStart))\n            {\n                return;\n            }\n\n            //navigating to requested URL\n            if(this._nextUrlPath == next.url)\n            {\n                this._valuePromise = Promise.resolve(this._nextValue);\n            }\n        });\n    }\n\n    //######################### public methods #########################\n\n    /**\n     * Navigate based on the provided Route Link DSL. This method also allows you to provide complex data for your route\n     * @param linkParams - Link params that are used as for standard router\n     * @param routeData - Any type of object that can be passed to your routed component\n     * @returns Promise\n     */\n    public navigate(linkParams: any[], routeData: TData): Promise<boolean>\n    {\n        this._nextValue = routeData;\n        this._nextUrlPath = this._router.createUrlTree(linkParams).toString();\n\n        return this._router.navigate(linkParams);\n    }\n}\n"]}

package/es2022/router/src/services/routing/dataRouterData.js

@@ -7,19 +7,14 @@ import * as i1 from "./dataRouter";
  * @deprecated - Do not use this class, use directly DataRouter
  */
 export class DataRouterData {
-    //######################### public properties #########################
-    /**
-     * Value of DataRouter for currently routed page
-     */
-    value;
     //######################### constructors #########################
     constructor(dataRouter) {
         this.value = dataRouter.valuePromise;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: DataRouterData, deps: [{ token: i1.DataRouter }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: DataRouterData });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DataRouterData, deps: [{ token: i1.DataRouter }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DataRouterData }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: DataRouterData, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DataRouterData, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.DataRouter }] });
 //# sourceMappingURL=dataRouterData.js.map

package/es2022/router/src/services/routing/dataRouterData.js.map

@@ -1 +1 @@
-{"version":3,"file":"dataRouterData.js","sourceRoot":"","sources":["../../../../../router/src/services/routing/dataRouterData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;;;AAExC;;;GAGG;AAEH,MAAM,OAAO,cAAc;IAEvB,uEAAuE;IAEvE;;OAEG;IACI,KAAK,CAAe;IAE3B,kEAAkE;IAClE,YAAY,UAAsB;QAE9B,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC;IACzC,CAAC;uGAbQ,cAAc;2GAAd,cAAc;;2FAAd,cAAc;kBAD1B,UAAU","sourcesContent":["import {Injectable} from '@angular/core';\n\nimport {DataRouter} from './dataRouter';\n\n/**\n * Class that is used for obtaining complex routed data\n * @deprecated - Do not use this class, use directly DataRouter\n */\n@Injectable()\nexport class DataRouterData\n{\n    //######################### public properties #########################\n    \n    /**\n     * Value of DataRouter for currently routed page\n     */\n    public value: Promise<any>;\n    \n    //######################### constructors #########################\n    constructor(dataRouter: DataRouter)\n    {\n        this.value = dataRouter.valuePromise;\n    }\n}\n"]}
+{"version":3,"file":"dataRouterData.js","sourceRoot":"","sources":["../../../../../router/src/services/routing/dataRouterData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;;;AAExC;;;GAGG;AAEH,MAAM,OAAO,cAAc;IASvB,kEAAkE;IAClE,YAAY,UAAsB;QAE9B,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC;IACzC,CAAC;8GAbQ,cAAc;kHAAd,cAAc;;2FAAd,cAAc;kBAD1B,UAAU","sourcesContent":["import {Injectable} from '@angular/core';\n\nimport {DataRouter} from './dataRouter';\n\n/**\n * Class that is used for obtaining complex routed data\n * @deprecated - Do not use this class, use directly DataRouter\n */\n@Injectable()\nexport class DataRouterData\n{\n    //######################### public properties #########################\n    \n    /**\n     * Value of DataRouter for currently routed page\n     */\n    public value: Promise<any>;\n    \n    //######################### constructors #########################\n    constructor(dataRouter: DataRouter)\n    {\n        this.value = dataRouter.valuePromise;\n    }\n}\n"]}

package/es2022/src/components/collapsibleIcon/collapsibleIcon.component.js

@@ -8,29 +8,27 @@ import * as i2 from "../../modules/tooltip/directives/tooltip/tooltip.directive"
 /**
  * Component used for displaying collapsible icon
  */
-export class CollapsibleIconSAComponent {
-    //######################### public properties - inputs #########################
-    /**
-     * Initial value, if visible set to true minus is displayed, otherwise plus is displayed
-     */
-    visible = false;
-    /**
-     * Text of title
-     */
-    titleText = 'show/hide detail';
-    /**
-     * Css class applied to button
-     */
-    cssClass;
-    //######################### public properties - outputs #########################
-    /**
-     * Occurs when visible change
-     */
-    visibleChange = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: CollapsibleIconSAComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: CollapsibleIconSAComponent, isStandalone: true, selector: "collapsible-icon", inputs: { visible: "visible", titleText: "titleText", cssClass: "cssClass" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<a class=\"btn-icon\" [ngClass]=\"cssClass\" style=\"font-size: 1em;\" (click)=\"visible = !visible; visibleChange.emit(visible)\" [tooltip]=\"titleText | localize\">\r\n    <div [class.plus]=\"!visible\" [class.minus]=\"visible\">\r\n        <span class=\"vertical\"></span>\r\n        <span class=\"horizontal\"></span>\r\n    </div>\r\n</a>", styles: [":host\r\n{\r\n    display: block;\r\n}\r\n\r\n/** TODO: change somehow, do not use .app-page and btn-icon maybe move into app itself away from this **/\r\n:host-context(.app-page) .btn-icon:active\r\n{\r\n    transform: none;\r\n}\r\n\r\na\r\n{\r\n    position: relative;\r\n    display: block;\r\n    width: 1em;\r\n    height: 1em;\r\n}\r\n\r\ndiv\r\n{\r\n    transform: translateX(calc(0.5em - 0.14em));\r\n}\r\n\r\n.vertical,\r\n.horizontal\r\n{\r\n    position: absolute;\r\n    border-style: solid;\r\n    border-width: 0.15em;\r\n    border-radius: 0.3em;\r\n    display: block;\r\n    height: 1em;\r\n}\r\n\r\n.plus .vertical\r\n{\r\n    transition: all 350ms;\r\n    transform: rotate(0deg);\r\n}\r\n\r\n.plus .horizontal\r\n{\r\n    transition: all 260ms;\r\n    transform: rotate(-90deg);\r\n    opacity: 1;\r\n}\r\n\r\n.minus .vertical\r\n{\r\n    transition: all 350ms;\r\n    transform: rotate(-90deg);\r\n}\r\n\r\n.minus .horizontal\r\n{\r\n    transition: all 260ms;\r\n    transform: rotate(-180deg);\r\n    opacity: 0;\r\n}"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.TooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "allowHtml", "template", "tooltipOptions", "tooltipVisible", "containerElement"] }, { kind: "pipe", type: LocalizeSAPipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+export class CollapsibleIconComponent {
+    constructor() {
+        //######################### public properties - inputs #########################
+        /**
+         * Initial value, if visible set to true minus is displayed, otherwise plus is displayed
+         */
+        this.visible = false;
+        /**
+         * Text of title
+         */
+        this.titleText = 'show/hide detail';
+        //######################### public properties - outputs #########################
+        /**
+         * Occurs when visible change
+         */
+        this.visibleChange = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CollapsibleIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: CollapsibleIconComponent, isStandalone: true, selector: "collapsible-icon", inputs: { visible: "visible", titleText: "titleText", cssClass: "cssClass" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<a class=\"btn-icon\" [ngClass]=\"cssClass\" style=\"font-size: 1em;\" (click)=\"visible = !visible; visibleChange.emit(visible)\" [tooltip]=\"titleText | localize\">\r\n    <div [class.plus]=\"!visible\" [class.minus]=\"visible\">\r\n        <span class=\"vertical\"></span>\r\n        <span class=\"horizontal\"></span>\r\n    </div>\r\n</a>", styles: [":host\r\n{\r\n    display: block;\r\n}\r\n\r\n/** TODO: change somehow, do not use .app-page and btn-icon maybe move into app itself away from this **/\r\n:host-context(.app-page) .btn-icon:active\r\n{\r\n    transform: none;\r\n}\r\n\r\na\r\n{\r\n    position: relative;\r\n    display: block;\r\n    width: 1em;\r\n    height: 1em;\r\n}\r\n\r\ndiv\r\n{\r\n    transform: translateX(calc(0.5em - 0.14em));\r\n}\r\n\r\n.vertical,\r\n.horizontal\r\n{\r\n    position: absolute;\r\n    border-style: solid;\r\n    border-width: 0.15em;\r\n    border-radius: 0.3em;\r\n    display: block;\r\n    height: 1em;\r\n}\r\n\r\n.plus .vertical\r\n{\r\n    transition: all 350ms;\r\n    transform: rotate(0deg);\r\n}\r\n\r\n.plus .horizontal\r\n{\r\n    transition: all 260ms;\r\n    transform: rotate(-90deg);\r\n    opacity: 1;\r\n}\r\n\r\n.minus .vertical\r\n{\r\n    transition: all 350ms;\r\n    transform: rotate(-90deg);\r\n}\r\n\r\n.minus .horizontal\r\n{\r\n    transition: all 260ms;\r\n    transform: rotate(-180deg);\r\n    opacity: 0;\r\n}"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.TooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "allowHtml", "template", "tooltipOptions", "tooltipVisible", "containerElement"] }, { kind: "pipe", type: LocalizeSAPipe, name: "localize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: CollapsibleIconSAComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CollapsibleIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'collapsible-icon', standalone: true, imports: [
                         CommonModule,

package/es2022/src/components/collapsibleIcon/collapsibleIcon.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsibleIcon.component.js","sourceRoot":"","sources":["../../../../src/components/collapsibleIcon/collapsibleIcon.component.ts","../../../../src/components/collapsibleIcon/collapsibleIcon.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;;;;AAE3C;;GAEG;AAeH,MAAM,OAAO,0BAA0B;IAEnC,gFAAgF;IAEhF;;OAEG;IAEI,OAAO,GAAY,KAAK,CAAC;IAEhC;;OAEG;IAEI,SAAS,GAAW,kBAAkB,CAAC;IAE9C;;OAEG;IAEI,QAAQ,CAAwB;IAEvC,iFAAiF;IAEjF;;OAEG;IAEI,aAAa,GAA0B,IAAI,YAAY,EAAW,CAAC;uGA5BjE,0BAA0B;2FAA1B,0BAA0B,uMCvBvC,yVAKI,0kCDYI,YAAY,4HACZ,aAAa,yMACb,cAAc;;2FAIT,0BAA0B;kBAdtC,SAAS;+BAEI,kBAAkB,cAGhB,IAAI,WAEhB;wBACI,YAAY;wBACZ,aAAa;wBACb,cAAc;qBACjB,mBACgB,uBAAuB,CAAC,MAAM;8BAUxC,OAAO;sBADb,KAAK;gBAOC,SAAS;sBADf,KAAK;gBAOC,QAAQ;sBADd,KAAK;gBASC,aAAa;sBADnB,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, Input, Output, EventEmitter} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {TooltipModule} from '../../modules/tooltip';\nimport {LocalizeSAPipe} from '../../pipes';\n\n/**\n * Component used for displaying collapsible icon\n */\n@Component(\n{\n    selector: 'collapsible-icon',\n    templateUrl: 'collapsibleIcon.component.html',\n    styleUrls: ['collapsibleIcon.component.css'],\n    standalone: true,\n    imports:\n    [\n        CommonModule,\n        TooltipModule,\n        LocalizeSAPipe,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CollapsibleIconSAComponent\n{\n    //######################### public properties - inputs #########################\n\n    /**\n     * Initial value, if visible set to true minus is displayed, otherwise plus is displayed\n     */\n    @Input()\n    public visible: boolean = false;\n\n    /**\n     * Text of title\n     */\n    @Input()\n    public titleText: string = 'show/hide detail';\n\n    /**\n     * Css class applied to button\n     */\n    @Input()\n    public cssClass: string|undefined|null;\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Occurs when visible change\n     */\n    @Output()\n    public visibleChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n}","<a class=\"btn-icon\" [ngClass]=\"cssClass\" style=\"font-size: 1em;\" (click)=\"visible = !visible; visibleChange.emit(visible)\" [tooltip]=\"titleText | localize\">\r\n    <div [class.plus]=\"!visible\" [class.minus]=\"visible\">\r\n        <span class=\"vertical\"></span>\r\n        <span class=\"horizontal\"></span>\r\n    </div>\r\n</a>"]}
+{"version":3,"file":"collapsibleIcon.component.js","sourceRoot":"","sources":["../../../../src/components/collapsibleIcon/collapsibleIcon.component.ts","../../../../src/components/collapsibleIcon/collapsibleIcon.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;;;;AAE3C;;GAEG;AAeH,MAAM,OAAO,wBAAwB;IAdrC;QAgBI,gFAAgF;QAEhF;;WAEG;QAEI,YAAO,GAAY,KAAK,CAAC;QAEhC;;WAEG;QAEI,cAAS,GAAW,kBAAkB,CAAC;QAQ9C,iFAAiF;QAEjF;;WAEG;QAEI,kBAAa,GAA0B,IAAI,YAAY,EAAW,CAAC;KAC7E;8GA7BY,wBAAwB;kGAAxB,wBAAwB,uMCvBrC,yVAKI,0kCDYI,YAAY,4HACZ,aAAa,yMACb,cAAc;;2FAIT,wBAAwB;kBAdpC,SAAS;+BAEI,kBAAkB,cAGhB,IAAI,WAEhB;wBACI,YAAY;wBACZ,aAAa;wBACb,cAAc;qBACjB,mBACgB,uBAAuB,CAAC,MAAM;8BAUxC,OAAO;sBADb,KAAK;gBAOC,SAAS;sBADf,KAAK;gBAOC,QAAQ;sBADd,KAAK;gBASC,aAAa;sBADnB,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, Input, Output, EventEmitter} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {TooltipModule} from '../../modules/tooltip';\nimport {LocalizeSAPipe} from '../../pipes';\n\n/**\n * Component used for displaying collapsible icon\n */\n@Component(\n{\n    selector: 'collapsible-icon',\n    templateUrl: 'collapsibleIcon.component.html',\n    styleUrl: 'collapsibleIcon.component.css',\n    standalone: true,\n    imports:\n    [\n        CommonModule,\n        TooltipModule,\n        LocalizeSAPipe,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CollapsibleIconComponent\n{\n    //######################### public properties - inputs #########################\n\n    /**\n     * Initial value, if visible set to true minus is displayed, otherwise plus is displayed\n     */\n    @Input()\n    public visible: boolean = false;\n\n    /**\n     * Text of title\n     */\n    @Input()\n    public titleText: string = 'show/hide detail';\n\n    /**\n     * Css class applied to button\n     */\n    @Input()\n    public cssClass: string|undefined|null;\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Occurs when visible change\n     */\n    @Output()\n    public visibleChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n}","<a class=\"btn-icon\" [ngClass]=\"cssClass\" style=\"font-size: 1em;\" (click)=\"visible = !visible; visibleChange.emit(visible)\" [tooltip]=\"titleText | localize\">\r\n    <div [class.plus]=\"!visible\" [class.minus]=\"visible\">\r\n        <span class=\"vertical\"></span>\r\n        <span class=\"horizontal\"></span>\r\n    </div>\r\n</a>"]}

package/es2022/src/components/collapsibleTitle/collapsibleTitle.component.js

@@ -1,35 +1,33 @@
 import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { HostDisplayBlockStyle } from '../../types/styles';
-import { CollapsibleIconSAComponent } from '../collapsibleIcon/collapsibleIcon.component';
+import { CollapsibleIconComponent } from '../collapsibleIcon/collapsibleIcon.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 /**
  * Component used for displaying title with collapsible icon
  */
-export class CollapsibleTitleSAComponent {
-    //######################### public properties - inputs #########################
-    /**
-     * Initial value, if visible set to true minus is displayed, otherwise plus is displayed
-     */
-    visible = false;
-    /**
-     * Css class applied to button
-     */
-    cssClass;
-    //######################### public properties - outputs #########################
-    /**
-     * Occurs when visible change
-     */
-    visibleChange = new EventEmitter();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: CollapsibleTitleSAComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: CollapsibleTitleSAComponent, isStandalone: true, selector: "collapsible-title", inputs: { visible: "visible", cssClass: "cssClass" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<div class=\"flex-row\" [ngClass]=\"cssClass\">\r\n    <collapsible-icon cssClass=\"margin-right-small\" [visible]=\"visible\" (visibleChange)=\"visible = $event; visibleChange.emit($event)\"></collapsible-icon>\r\n\r\n    <ng-content></ng-content>\r\n</div>", styles: [":host{display: block;}"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CollapsibleIconSAComponent, selector: "collapsible-icon", inputs: ["visible", "titleText", "cssClass"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+export class CollapsibleTitleComponent {
+    constructor() {
+        //######################### public properties - inputs #########################
+        /**
+         * Initial value, if visible set to true minus is displayed, otherwise plus is displayed
+         */
+        this.visible = false;
+        //######################### public properties - outputs #########################
+        /**
+         * Occurs when visible change
+         */
+        this.visibleChange = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CollapsibleTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: CollapsibleTitleComponent, isStandalone: true, selector: "collapsible-title", inputs: { visible: "visible", cssClass: "cssClass" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<div class=\"flex-row\" [ngClass]=\"cssClass\">\r\n    <collapsible-icon cssClass=\"margin-right-small\" [visible]=\"visible\" (visibleChange)=\"visible = $event; visibleChange.emit($event)\"></collapsible-icon>\r\n\r\n    <ng-content></ng-content>\r\n</div>", styles: [":host{display: block;}"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CollapsibleIconComponent, selector: "collapsible-icon", inputs: ["visible", "titleText", "cssClass"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: CollapsibleTitleSAComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CollapsibleTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'collapsible-title', standalone: true, imports: [
                         CommonModule,
-                        CollapsibleIconSAComponent,
+                        CollapsibleIconComponent,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex-row\" [ngClass]=\"cssClass\">\r\n    <collapsible-icon cssClass=\"margin-right-small\" [visible]=\"visible\" (visibleChange)=\"visible = $event; visibleChange.emit($event)\"></collapsible-icon>\r\n\r\n    <ng-content></ng-content>\r\n</div>", styles: [":host{display: block;}"] }]
         }], propDecorators: { visible: [{
                 type: Input

package/es2022/src/components/collapsibleTitle/collapsibleTitle.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsibleTitle.component.js","sourceRoot":"","sources":["../../../../src/components/collapsibleTitle/collapsibleTitle.component.ts","../../../../src/components/collapsibleTitle/collapsibleTitle.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAC,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAC,0BAA0B,EAAC,MAAM,8CAA8C,CAAC;;;AAExF;;GAEG;AAcH,MAAM,OAAO,2BAA2B;IAEpC,gFAAgF;IAEhF;;OAEG;IAEI,OAAO,GAAY,KAAK,CAAC;IAEhC;;OAEG;IAEI,QAAQ,CAAwB;IAEvC,iFAAiF;IAEjF;;OAEG;IAEI,aAAa,GAA0B,IAAI,YAAY,EAAW,CAAC;uGAtBjE,2BAA2B;2FAA3B,2BAA2B,gLCtBxC,oQAIM,+EDaE,YAAY,6HACZ,0BAA0B;;2FAIrB,2BAA2B;kBAbvC,SAAS;+BAEI,mBAAmB,cAGjB,IAAI,WAEhB;wBACI,YAAY;wBACZ,0BAA0B;qBAC7B,mBACgB,uBAAuB,CAAC,MAAM;8BAUxC,OAAO;sBADb,KAAK;gBAOC,QAAQ;sBADd,KAAK;gBASC,aAAa;sBADnB,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, Input, Output, EventEmitter} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {HostDisplayBlockStyle} from '../../types/styles';\nimport {CollapsibleIconSAComponent} from '../collapsibleIcon/collapsibleIcon.component';\n\n/**\n * Component used for displaying title with collapsible icon\n */\n@Component(\n{\n    selector: 'collapsible-title',\n    templateUrl: 'collapsibleTitle.component.html',\n    styles: [HostDisplayBlockStyle],\n    standalone: true,\n    imports:\n    [\n        CommonModule,\n        CollapsibleIconSAComponent,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CollapsibleTitleSAComponent\n{\n    //######################### public properties - inputs #########################\n\n    /**\n     * Initial value, if visible set to true minus is displayed, otherwise plus is displayed\n     */\n    @Input()\n    public visible: boolean = false;\n\n    /**\n     * Css class applied to button\n     */\n    @Input()\n    public cssClass: string|undefined|null;\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Occurs when visible change\n     */\n    @Output()\n    public visibleChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n}","<div class=\"flex-row\" [ngClass]=\"cssClass\">\r\n    <collapsible-icon cssClass=\"margin-right-small\" [visible]=\"visible\" (visibleChange)=\"visible = $event; visibleChange.emit($event)\"></collapsible-icon>\r\n\r\n    <ng-content></ng-content>\r\n</div>"]}
+{"version":3,"file":"collapsibleTitle.component.js","sourceRoot":"","sources":["../../../../src/components/collapsibleTitle/collapsibleTitle.component.ts","../../../../src/components/collapsibleTitle/collapsibleTitle.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAC,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAC,wBAAwB,EAAC,MAAM,8CAA8C,CAAC;;;AAEtF;;GAEG;AAcH,MAAM,OAAO,yBAAyB;IAbtC;QAeI,gFAAgF;QAEhF;;WAEG;QAEI,YAAO,GAAY,KAAK,CAAC;QAQhC,iFAAiF;QAEjF;;WAEG;QAEI,kBAAa,GAA0B,IAAI,YAAY,EAAW,CAAC;KAC7E;8GAvBY,yBAAyB;kGAAzB,yBAAyB,gLCtBtC,oQAIM,+EDaE,YAAY,6HACZ,wBAAwB;;2FAInB,yBAAyB;kBAbrC,SAAS;+BAEI,mBAAmB,cAGjB,IAAI,WAEhB;wBACI,YAAY;wBACZ,wBAAwB;qBAC3B,mBACgB,uBAAuB,CAAC,MAAM;8BAUxC,OAAO;sBADb,KAAK;gBAOC,QAAQ;sBADd,KAAK;gBASC,aAAa;sBADnB,MAAM","sourcesContent":["import {Component, ChangeDetectionStrategy, Input, Output, EventEmitter} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\nimport {HostDisplayBlockStyle} from '../../types/styles';\nimport {CollapsibleIconComponent} from '../collapsibleIcon/collapsibleIcon.component';\n\n/**\n * Component used for displaying title with collapsible icon\n */\n@Component(\n{\n    selector: 'collapsible-title',\n    templateUrl: 'collapsibleTitle.component.html',\n    styles: [HostDisplayBlockStyle],\n    standalone: true,\n    imports:\n    [\n        CommonModule,\n        CollapsibleIconComponent,\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CollapsibleTitleComponent\n{\n    //######################### public properties - inputs #########################\n\n    /**\n     * Initial value, if visible set to true minus is displayed, otherwise plus is displayed\n     */\n    @Input()\n    public visible: boolean = false;\n\n    /**\n     * Css class applied to button\n     */\n    @Input()\n    public cssClass: string|undefined|null;\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Occurs when visible change\n     */\n    @Output()\n    public visibleChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n}","<div class=\"flex-row\" [ngClass]=\"cssClass\">\r\n    <collapsible-icon cssClass=\"margin-right-small\" [visible]=\"visible\" (visibleChange)=\"visible = $event; visibleChange.emit($event)\"></collapsible-icon>\r\n\r\n    <ng-content></ng-content>\r\n</div>"]}

package/es2022/src/decorators/asSignal/asSignal.decorator.js.map

@@ -1 +1 @@
-{"version":3,"file":"asSignal.decorator.js","sourceRoot":"","sources":["../../../../src/decorators/asSignal/asSignal.decorator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,MAAM,EAAC,MAAM,eAAe,CAAC;AAErD;;GAEG;AACH,MAAM,UAAU,QAAQ;IAEpB,OAAO,UAAU,MAAc,EAAE,WAA0B;QAEvD,MAAM,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC;QAEpD,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,WAAW,EACzC;YACI,YAAY,EAAE,KAAK;YACnB,UAAU,EAAE,IAAI;YAChB,GAAG,EAAE;gBAED,OAAO,IAAI,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC;YAClC,CAAC;YACD,GAAG,EAAE,UAAyD,KAAc;gBAExE,IAAG,CAAC,MAAM,CAAC,wBAAwB,CAAC,IAAI,EAAE,YAAY,CAAC,EACvD;oBACI,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,YAAY,EACxC;wBACI,YAAY,EAAE,KAAK;wBACnB,UAAU,EAAE,KAAK;wBACjB,QAAQ,EAAE,IAAI;wBACd,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC;qBAC3B,CAAC,CAAC;iBACN;gBAED,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAClC,CAAC;SACJ,CAAC,CAAC;IACP,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {WritableSignal, signal} from '@angular/core';\n\n/**\n * Creates backing field for this property as WritableSignal, reads and write to it\n */\nexport function AsSignal(): PropertyDecorator\n{\n    return function (target: Object, propertyKey: string|symbol): void\n    {\n        const backingField = Symbol(propertyKey.toString());\n\n        Object.defineProperty(target, propertyKey,\n        {\n            configurable: false,\n            enumerable: true,\n            get: function(this: {[key: symbol]: WritableSignal<unknown>})\n            {\n                return this[backingField]?.();\n            },\n            set: function(this: {[key: symbol]: WritableSignal<unknown>}, value: unknown)\n            {\n                if(!Object.getOwnPropertyDescriptor(this, backingField))\n                {\n                    Object.defineProperty(this, backingField,\n                    {\n                        configurable: false,\n                        enumerable: false,\n                        writable: true,\n                        value: signal(undefined),\n                    });\n                }\n\n                this[backingField].set(value);\n            }\n        });\n    };\n}"]}
+{"version":3,"file":"asSignal.decorator.js","sourceRoot":"","sources":["../../../../src/decorators/asSignal/asSignal.decorator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,MAAM,EAAC,MAAM,eAAe,CAAC;AAErD;;GAEG;AACH,MAAM,UAAU,QAAQ;IAEpB,OAAO,UAAU,MAAc,EAAE,WAA0B;QAEvD,MAAM,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC;QAEpD,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,WAAW,EACzC;YACI,YAAY,EAAE,KAAK;YACnB,UAAU,EAAE,IAAI;YAChB,GAAG,EAAE;gBAED,OAAO,IAAI,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC;YAClC,CAAC;YACD,GAAG,EAAE,UAAyD,KAAc;gBAExE,IAAG,CAAC,MAAM,CAAC,wBAAwB,CAAC,IAAI,EAAE,YAAY,CAAC,EACvD,CAAC;oBACG,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,YAAY,EACxC;wBACI,YAAY,EAAE,KAAK;wBACnB,UAAU,EAAE,KAAK;wBACjB,QAAQ,EAAE,IAAI;wBACd,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC;qBAC3B,CAAC,CAAC;gBACP,CAAC;gBAED,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAClC,CAAC;SACJ,CAAC,CAAC;IACP,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {WritableSignal, signal} from '@angular/core';\n\n/**\n * Creates backing field for this property as WritableSignal, reads and write to it\n */\nexport function AsSignal(): PropertyDecorator\n{\n    return function (target: Object, propertyKey: string|symbol): void\n    {\n        const backingField = Symbol(propertyKey.toString());\n\n        Object.defineProperty(target, propertyKey,\n        {\n            configurable: false,\n            enumerable: true,\n            get: function(this: {[key: symbol]: WritableSignal<unknown>})\n            {\n                return this[backingField]?.();\n            },\n            set: function(this: {[key: symbol]: WritableSignal<unknown>}, value: unknown)\n            {\n                if(!Object.getOwnPropertyDescriptor(this, backingField))\n                {\n                    Object.defineProperty(this, backingField,\n                    {\n                        configurable: false,\n                        enumerable: false,\n                        writable: true,\n                        value: signal(undefined),\n                    });\n                }\n\n                this[backingField].set(value);\n            }\n        });\n    };\n}"]}

package/es2022/src/decorators/componentHostStyle/componentHostStyle.decorator.js.map

@@ -1 +1 @@
-{"version":3,"file":"componentHostStyle.decorator.js","sourceRoot":"","sources":["../../../../src/decorators/componentHostStyle/componentHostStyle.decorator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAgC,MAAM,eAAe,CAAC;AAE/E;;;;;GAKG;AACH,MAAM,UAAU,kBAAkB,CAAC,QAAgB;IAE/C,OAAO,UAAsC,MAAiB;QAE1D,MAAM,eAAe,GAA8B,MAAa,CAAC;QAEjE,IAAG,CAAC,eAAe,CAAC,IAAI,EACxB;YACI,MAAM,IAAI,KAAK,CAAC,4CAA4C,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC;SAC/E;QAED,MAAM,MAAM,GAA6B,eAAe,CAAC,IAAgC,CAAC;QAE1F,IAAG,CAAC,MAAM,CAAC,MAAM,EACjB;YACI,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;SAClD;QAED,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,aAAa,IAAI,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,IAAI,QAAQ,GAAG,CAAC,CAAC;QAExH,OAAO,MAAM,CAAC;IAClB,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {ViewEncapsulation, ɵComponentDef, ɵComponentType} from '@angular/core';\n\n/**\n * Applies css styles to host of component, requires at least empty style on Component\n * @param cssStyle - Css style properties to be applied\n * \n * @experimental\n */\nexport function ComponentHostStyle(cssStyle: string): ClassDecorator\n{\n    return function<TFunction extends Function> (target: TFunction): TFunction|void\n    {\n        const targetComponent: ɵComponentType<TFunction> = target as any;\n\n        if(!targetComponent.ɵcmp)\n        {\n            throw new Error(`Unable to apply 'ComponentHostStyle' to '${target.name}'`);\n        }\n\n        const cmpDef: ɵComponentDef<TFunction> = targetComponent.ɵcmp as ɵComponentDef<TFunction>;\n\n        if(!cmpDef.styles)\n        {\n            throw new Error('Missing styles on component');\n        }\n\n        cmpDef.styles.push(`${cmpDef.encapsulation == ViewEncapsulation.Emulated ? '[_nghost-%COMP%]' : ':host'}{${cssStyle}}`);\n        \n        return target;\n    };\n}\n"]}
+{"version":3,"file":"componentHostStyle.decorator.js","sourceRoot":"","sources":["../../../../src/decorators/componentHostStyle/componentHostStyle.decorator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAgC,MAAM,eAAe,CAAC;AAE/E;;;;;GAKG;AACH,MAAM,UAAU,kBAAkB,CAAC,QAAgB;IAE/C,OAAO,UAAsC,MAAiB;QAE1D,MAAM,eAAe,GAA8B,MAAa,CAAC;QAEjE,IAAG,CAAC,eAAe,CAAC,IAAI,EACxB,CAAC;YACG,MAAM,IAAI,KAAK,CAAC,4CAA4C,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC;QAChF,CAAC;QAED,MAAM,MAAM,GAA6B,eAAe,CAAC,IAAgC,CAAC;QAE1F,IAAG,CAAC,MAAM,CAAC,MAAM,EACjB,CAAC;YACG,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;QACnD,CAAC;QAED,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,aAAa,IAAI,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,IAAI,QAAQ,GAAG,CAAC,CAAC;QAExH,OAAO,MAAM,CAAC;IAClB,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {ViewEncapsulation, ɵComponentDef, ɵComponentType} from '@angular/core';\n\n/**\n * Applies css styles to host of component, requires at least empty style on Component\n * @param cssStyle - Css style properties to be applied\n * \n * @experimental\n */\nexport function ComponentHostStyle(cssStyle: string): ClassDecorator\n{\n    return function<TFunction extends Function> (target: TFunction): TFunction|void\n    {\n        const targetComponent: ɵComponentType<TFunction> = target as any;\n\n        if(!targetComponent.ɵcmp)\n        {\n            throw new Error(`Unable to apply 'ComponentHostStyle' to '${target.name}'`);\n        }\n\n        const cmpDef: ɵComponentDef<TFunction> = targetComponent.ɵcmp as ɵComponentDef<TFunction>;\n\n        if(!cmpDef.styles)\n        {\n            throw new Error('Missing styles on component');\n        }\n\n        cmpDef.styles.push(`${cmpDef.encapsulation == ViewEncapsulation.Emulated ? '[_nghost-%COMP%]' : ':host'}{${cssStyle}}`);\n        \n        return target;\n    };\n}\n"]}

package/es2022/src/decorators/typeProvider/typeProvider.decorator.js.map

@@ -1 +1 @@
-{"version":3,"file":"typeProvider.decorator.js","sourceRoot":"","sources":["../../../../src/decorators/typeProvider/typeProvider.decorator.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAatC;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,IAAmB;IAElD,MAAM,gBAAgB,GAAG,IAA6B,CAAC;IAEvD,IAAG,CAAC,gBAAgB,CAAC,UAAU,EAC/B;QACI,MAAM,IAAI,KAAK,CAAC,QAAQ,IAAI,uBAAuB,CAAC,CAAC;KACxD;IAED,OAAO,gBAAgB,CAAC,UAAU,CAAC;AACvC,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,QAAkB;IAE3C,wDAAwD;IACxD,OAAO,UAAsC,MAAiB;QAE1D,MAAM,gBAAgB,GAAG,MAA+B,CAAC;QAEzD,IAAG,CAAC,gBAAgB,CAAC,UAAU,EAC/B;YACI,MAAM,CAAC,cAAc,CAAC,gBAAgB,EAAE,MAAM,CAAwB,YAAY,CAAC,EACnF;gBACI,KAAK,EAAE,QAAQ;gBACf,QAAQ,EAAE,KAAK;gBACf,UAAU,EAAE,KAAK;gBACjB,YAAY,EAAE,KAAK;aACtB,CAAC,CAAC;SACN;QAED,OAAO,MAAM,CAAC;IAClB,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {Provider, Type} from '@angular/core';\nimport {nameof} from '@jscrpt/common';\n\n/**\n * Type that contains provider\n */\ninterface ProviderDecoratedType\n{\n    /**\n     * Provider that is attached to type\n     */\n    ɵɵprovider?: Provider;\n}\n\n/**\n * Gets provider from type\n * @param type - Type that should contain provider\n */\nexport function getProviderForType(type: Type<unknown>): Provider\n{\n    const typeWithProvider = type as ProviderDecoratedType;\n\n    if(!typeWithProvider.ɵɵprovider)\n    {\n        throw new Error(`Type ${type} is without provider!`);\n    }\n\n    return typeWithProvider.ɵɵprovider;\n}\n\n/**\n * Attach provider to type\n * @param provider - Provider to be attached\n */\nexport function TypeProvider(provider: Provider): ClassDecorator\n{\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    return function<TFunction extends Function> (target: TFunction): TFunction\n    {\n        const typeWithProvider = target as ProviderDecoratedType;\n    \n        if(!typeWithProvider.ɵɵprovider)\n        {\n            Object.defineProperty(typeWithProvider, nameof<ProviderDecoratedType>('ɵɵprovider'),\n            {\n                value: provider,\n                writable: false,\n                enumerable: false,\n                configurable: false,\n            });\n        }\n\n        return target;\n    };\n}"]}
+{"version":3,"file":"typeProvider.decorator.js","sourceRoot":"","sources":["../../../../src/decorators/typeProvider/typeProvider.decorator.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAatC;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,IAAmB;IAElD,MAAM,gBAAgB,GAAG,IAA6B,CAAC;IAEvD,IAAG,CAAC,gBAAgB,CAAC,UAAU,EAC/B,CAAC;QACG,MAAM,IAAI,KAAK,CAAC,QAAQ,IAAI,uBAAuB,CAAC,CAAC;IACzD,CAAC;IAED,OAAO,gBAAgB,CAAC,UAAU,CAAC;AACvC,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,QAAkB;IAE3C,wDAAwD;IACxD,OAAO,UAAsC,MAAiB;QAE1D,MAAM,gBAAgB,GAAG,MAA+B,CAAC;QAEzD,IAAG,CAAC,gBAAgB,CAAC,UAAU,EAC/B,CAAC;YACG,MAAM,CAAC,cAAc,CAAC,gBAAgB,EAAE,MAAM,CAAwB,YAAY,CAAC,EACnF;gBACI,KAAK,EAAE,QAAQ;gBACf,QAAQ,EAAE,KAAK;gBACf,UAAU,EAAE,KAAK;gBACjB,YAAY,EAAE,KAAK;aACtB,CAAC,CAAC;QACP,CAAC;QAED,OAAO,MAAM,CAAC;IAClB,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {Provider, Type} from '@angular/core';\nimport {nameof} from '@jscrpt/common';\n\n/**\n * Type that contains provider\n */\ninterface ProviderDecoratedType\n{\n    /**\n     * Provider that is attached to type\n     */\n    ɵɵprovider?: Provider;\n}\n\n/**\n * Gets provider from type\n * @param type - Type that should contain provider\n */\nexport function getProviderForType(type: Type<unknown>): Provider\n{\n    const typeWithProvider = type as ProviderDecoratedType;\n\n    if(!typeWithProvider.ɵɵprovider)\n    {\n        throw new Error(`Type ${type} is without provider!`);\n    }\n\n    return typeWithProvider.ɵɵprovider;\n}\n\n/**\n * Attach provider to type\n * @param provider - Provider to be attached\n */\nexport function TypeProvider(provider: Provider): ClassDecorator\n{\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    return function<TFunction extends Function> (target: TFunction): TFunction\n    {\n        const typeWithProvider = target as ProviderDecoratedType;\n    \n        if(!typeWithProvider.ɵɵprovider)\n        {\n            Object.defineProperty(typeWithProvider, nameof<ProviderDecoratedType>('ɵɵprovider'),\n            {\n                value: provider,\n                writable: false,\n                enumerable: false,\n                configurable: false,\n            });\n        }\n\n        return target;\n    };\n}"]}

package/es2022/src/directives/bodyRender/bodyRender.directive.js

@@ -5,26 +5,7 @@ import * as i0 from "@angular/core";
 /**
  * Renders element into body directly at the end
  */
-export class BodyRenderSADirective {
-    template;
-    viewContainer;
-    document;
-    //######################### protected properties #########################
-    /**
-     * Instance of created embedded view
-     */
-    view;
-    /**
-     * Instance of created element
-     */
-    element;
-    //######################### public properties - inputs #########################
-    /**
-     * String that defines element in which should be template rendered, if not specified, body is used
-     *
-     * Allows also css class to be specified (div.body-box)
-     */
-    targetElement;
+export class BodyRenderDirective {
     //######################### constructor #########################
     constructor(template, viewContainer, document) {
         this.template = template;
@@ -51,10 +32,10 @@ export class BodyRenderSADirective {
         this.view?.destroy();
         this.view = null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: BodyRenderSADirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: BodyRenderSADirective, isStandalone: true, selector: "[bodyRender]", inputs: { targetElement: ["bodyRender", "targetElement"] }, ngImport: i0 });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BodyRenderDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: BodyRenderDirective, isStandalone: true, selector: "[bodyRender]", inputs: { targetElement: ["bodyRender", "targetElement"] }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: BodyRenderSADirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BodyRenderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bodyRender]',

package/es2022/src/directives/bodyRender/bodyRender.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"bodyRender.directive.js","sourceRoot":"","sources":["../../../../src/directives/bodyRender/bodyRender.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAmB,MAAM,EAAE,KAAK,EAAqB,WAAW,EAAE,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAC1H,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;;AAE5C;;GAEG;AAMH,MAAM,OAAO,qBAAqB;IAyBR;IACA;IACkB;IAzBxC,0EAA0E;IAE1E;;OAEG;IACO,IAAI,CAAuC;IAErD;;OAEG;IACO,OAAO,CAA6B;IAE9C,gFAAgF;IAEhF;;;;OAIG;IAEI,aAAa,CAAwB;IAE5C,iEAAiE;IACjE,YAAsB,QAA2B,EAC3B,aAA+B,EACb,QAAkB;QAFpC,aAAQ,GAAR,QAAQ,CAAmB;QAC3B,kBAAa,GAAb,aAAa,CAAkB;QACb,aAAQ,GAAR,QAAQ,CAAU;IAE1D,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,aAAa;aACzB,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAEvC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAgB,CAAC;QAErD,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IAClE,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACrB,CAAC;uGAzDQ,qBAAqB,6EA2BV,QAAQ;2FA3BnB,qBAAqB;;2FAArB,qBAAqB;kBALjC,SAAS;mBACV;oBACI,QAAQ,EAAE,cAAc;oBACxB,UAAU,EAAE,IAAI;iBACnB;;0BA4BgB,MAAM;2BAAC,QAAQ;yCALrB,aAAa;sBADnB,KAAK;uBAAC,YAAY","sourcesContent":["import {Directive, EmbeddedViewRef, Inject, Input, OnDestroy, OnInit, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {renderToBody} from '@jscrpt/common';\n\n/**\n * Renders element into body directly at the end\n */\n@Directive(\n{\n    selector: '[bodyRender]',\n    standalone: true\n})\nexport class BodyRenderSADirective implements OnInit, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Instance of created embedded view\n     */\n    protected view: EmbeddedViewRef<void>|undefined|null;\n\n    /**\n     * Instance of created element\n     */\n    protected element: HTMLElement|undefined|null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * String that defines element in which should be template rendered, if not specified, body is used\n     * \n     * Allows also css class to be specified (div.body-box)\n     */\n    @Input('bodyRender')\n    public targetElement: string|undefined|null;\n\n    //######################### constructor #########################\n    constructor(protected template: TemplateRef<void>,\n                protected viewContainer: ViewContainerRef,\n                @Inject(DOCUMENT) protected document: Document,)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this.view = this.viewContainer\n            .createEmbeddedView(this.template);\n\n        this.element = this.view.rootNodes[0] as HTMLElement;\n\n        renderToBody(this.document, this.element, this.targetElement);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.element?.remove();\n        this.element = null;\n        this.view?.destroy();\n        this.view = null;\n    }\n}"]}
+{"version":3,"file":"bodyRender.directive.js","sourceRoot":"","sources":["../../../../src/directives/bodyRender/bodyRender.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAmB,MAAM,EAAE,KAAK,EAAqB,WAAW,EAAE,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAC1H,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;;AAE5C;;GAEG;AAMH,MAAM,OAAO,mBAAmB;IAwB5B,iEAAiE;IACjE,YAAsB,QAA2B,EAC3B,aAA+B,EACb,QAAkB;QAFpC,aAAQ,GAAR,QAAQ,CAAmB;QAC3B,kBAAa,GAAb,aAAa,CAAkB;QACb,aAAQ,GAAR,QAAQ,CAAU;IAE1D,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,aAAa;aACzB,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAEvC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAgB,CAAC;QAErD,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IAClE,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACrB,CAAC;8GAzDQ,mBAAmB,6EA2BR,QAAQ;kGA3BnB,mBAAmB;;2FAAnB,mBAAmB;kBAL/B,SAAS;mBACV;oBACI,QAAQ,EAAE,cAAc;oBACxB,UAAU,EAAE,IAAI;iBACnB;;0BA4BgB,MAAM;2BAAC,QAAQ;yCALrB,aAAa;sBADnB,KAAK;uBAAC,YAAY","sourcesContent":["import {Directive, EmbeddedViewRef, Inject, Input, OnDestroy, OnInit, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {renderToBody} from '@jscrpt/common';\n\n/**\n * Renders element into body directly at the end\n */\n@Directive(\n{\n    selector: '[bodyRender]',\n    standalone: true\n})\nexport class BodyRenderDirective implements OnInit, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Instance of created embedded view\n     */\n    protected view: EmbeddedViewRef<void>|undefined|null;\n\n    /**\n     * Instance of created element\n     */\n    protected element: HTMLElement|undefined|null;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * String that defines element in which should be template rendered, if not specified, body is used\n     * \n     * Allows also css class to be specified (div.body-box)\n     */\n    @Input('bodyRender')\n    public targetElement: string|undefined|null;\n\n    //######################### constructor #########################\n    constructor(protected template: TemplateRef<void>,\n                protected viewContainer: ViewContainerRef,\n                @Inject(DOCUMENT) protected document: Document,)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this.view = this.viewContainer\n            .createEmbeddedView(this.template);\n\n        this.element = this.view.rootNodes[0] as HTMLElement;\n\n        renderToBody(this.document, this.element, this.targetElement);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.element?.remove();\n        this.element = null;\n        this.view?.destroy();\n        this.view = null;\n    }\n}"]}

package/es2022/src/directives/clickOutside/clickOutside.directive.js

@@ -6,14 +6,6 @@ import * as i0 from "@angular/core";
  * Directive that handles click outside of element
  */
 export class ClickOutsideSADirective {
-    element;
-    document;
-    ngZone;
-    //######################### protected fields #########################
-    /**
-     * Variable that is used for displaying element that handles click outside
-     */
-    ɵclickOutsideCondition = false;
     //######################### public properties - inputs #########################
     /**
      * Variable that is used for displaying element that handles click outside
@@ -28,20 +20,35 @@ export class ClickOutsideSADirective {
         }
         this.ɵclickOutsideCondition = value;
     }
-    /**
-     * Additional element that is checked for click
-     */
-    clickOutsideElement;
-    //######################### public properties - outputs #########################
-    /**
-     * Used for emitting event when click outside occurs
-     */
-    clickOutsideConditionChange = new EventEmitter();
     //######################### constructor #########################
     constructor(element, document, ngZone) {
         this.element = element;
         this.document = document;
         this.ngZone = ngZone;
+        //######################### protected fields #########################
+        /**
+         * Variable that is used for displaying element that handles click outside
+         */
+        this.ɵclickOutsideCondition = false;
+        //######################### public properties - outputs #########################
+        /**
+         * Used for emitting event when click outside occurs
+         */
+        this.clickOutsideConditionChange = new EventEmitter();
+        //######################### protected methods #########################
+        /**
+         * Handles click outside of element
+         * @param event - Mouse event object
+         */
+        this.handleClickOutside = (event) => {
+            if (this.element.nativeElement != event.target &&
+                !isDescendant(this.element.nativeElement, event.target) &&
+                (!this.clickOutsideElement || (this.clickOutsideElement != event.target &&
+                    !isDescendant(this.clickOutsideElement, event.target)))) {
+                this.clickOutsideCondition = !this.clickOutsideCondition;
+                this.clickOutsideConditionChange.emit(this.clickOutsideCondition);
+            }
+        };
     }
     //######################### public methods - implementation of OnInit #########################
     /**
@@ -61,29 +68,10 @@ export class ClickOutsideSADirective {
             this.document.removeEventListener('mouseup', this.handleClickOutside);
         });
     }
-    //######################### protected methods #########################
-    /**
-     * Handles click outside of element
-     * @param event - Mouse event object
-     */
-    handleClickOutside = (event) => {
-        if (this.element.nativeElement != event.target &&
-            !isDescendant(this.element.nativeElement, event.target) &&
-            (!this.clickOutsideElement || (this.clickOutsideElement != event.target &&
-                !isDescendant(this.clickOutsideElement, event.target)))) {
-            this.clickOutsideCondition = !this.clickOutsideCondition;
-            this.clickOutsideConditionChange.emit(this.clickOutsideCondition);
-        }
-    };
-    //######################### ng language server #########################
-    /**
-     * Custom input type for `clickOutsideCondition` input
-     */
-    static ngAcceptInputType_clickOutsideCondition;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ClickOutsideSADirective, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: ClickOutsideSADirective, isStandalone: true, selector: "[clickOutside]", inputs: { clickOutsideCondition: ["clickOutside", "clickOutsideCondition"], clickOutsideElement: "clickOutsideElement" }, outputs: { clickOutsideConditionChange: "clickOutsideChange" }, ngImport: i0 });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ClickOutsideSADirective, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: ClickOutsideSADirective, isStandalone: true, selector: "[clickOutside]", inputs: { clickOutsideCondition: ["clickOutside", "clickOutsideCondition"], clickOutsideElement: "clickOutsideElement" }, outputs: { clickOutsideConditionChange: "clickOutsideChange" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: ClickOutsideSADirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ClickOutsideSADirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[clickOutside]',

package/es2022/src/directives/clickOutside/clickOutside.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"clickOutside.directive.js","sourceRoot":"","sources":["../../../../src/directives/clickOutside/clickOutside.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAqB,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AACpH,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,MAAM,gBAAgB,CAAC;;AAEtD;;GAEG;AAMH,MAAM,OAAO,uBAAuB;IA8CV;IACkB;IAClB;IA9CtB,sEAAsE;IAEtE;;OAEG;IACO,sBAAsB,GAAY,KAAK,CAAC;IAElD,gFAAgF;IAEhF;;OAEG;IACH,IACW,qBAAqB;QAE5B,OAAO,IAAI,CAAC,sBAAsB,CAAC;IACvC,CAAC;IACD,IAAW,qBAAqB,CAAC,KAAc;QAE3C,IAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,EAAE,EAClC;YACI,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;YAEnC,OAAO;SACV;QAED,IAAI,CAAC,sBAAsB,GAAG,KAAK,CAAC;IACxC,CAAC;IAED;;OAEG;IAEI,mBAAmB,CAA6B;IAEvD,iFAAiF;IAEjF;;OAEG;IAEI,2BAA2B,GAA0B,IAAI,YAAY,EAAW,CAAC;IAExF,iEAAiE;IACjE,YAAsB,OAAgC,EACd,QAAkB,EACpC,MAAc;QAFd,YAAO,GAAP,OAAO,CAAyB;QACd,aAAQ,GAAR,QAAQ,CAAU;QACpC,WAAM,GAAN,MAAM,CAAQ;IAEpC,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,EAAE;YAE/B,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACvE,CAAC,CAAC,CAAC;IACP,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,EAAE;YAE/B,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;IACP,CAAC;IAED,uEAAuE;IAEvE;;;OAGG;IACO,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;QAEjD,IAAG,IAAI,CAAC,OAAO,CAAC,aAAa,IAAI,KAAK,CAAC,MAAM;YAC1C,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,KAAK,CAAC,MAAqB,CAAC;YACtE,CAAC,CAAC,IAAI,CAAC,mBAAmB,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAI,KAAK,CAAC,MAAM;gBACxC,CAAC,YAAY,CAAC,IAAI,CAAC,mBAAmB,EAAE,KAAK,CAAC,MAAqB,CAAC,CAAC,CAAC,EACxG;YACI,IAAI,CAAC,qBAAqB,GAAG,CAAC,IAAI,CAAC,qBAAqB,CAAC;YACzD,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;SACrE;IACL,CAAC,CAAA;IAED,wEAAwE;IAExE;;OAEG;IACI,MAAM,CAAC,uCAAuC,CAAa;uGArGzD,uBAAuB,4CA+CZ,QAAQ;2FA/CnB,uBAAuB;;2FAAvB,uBAAuB;kBALnC,SAAS;mBACV;oBACI,QAAQ,EAAE,gBAAgB;oBAC1B,UAAU,EAAE,IAAI;iBACnB;;0BAgDgB,MAAM;2BAAC,QAAQ;8DAhCjB,qBAAqB;sBAD/B,KAAK;uBAAC,cAAc;gBAqBd,mBAAmB;sBADzB,KAAK;gBASC,2BAA2B;sBADjC,MAAM;uBAAC,oBAAoB","sourcesContent":["import {Directive, OnInit, OnDestroy, Input, EventEmitter, Output, ElementRef, Inject, NgZone} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {isDescendant, isString} from '@jscrpt/common';\n\n/**\n * Directive that handles click outside of element\n */\n@Directive(\n{\n    selector: '[clickOutside]',\n    standalone: true,\n})\nexport class ClickOutsideSADirective implements OnInit, OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Variable that is used for displaying element that handles click outside\n     */\n    protected ɵclickOutsideCondition: boolean = false;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Variable that is used for displaying element that handles click outside\n     */\n    @Input('clickOutside')\n    public get clickOutsideCondition(): boolean\n    {\n        return this.ɵclickOutsideCondition;\n    }\n    public set clickOutsideCondition(value: boolean)\n    {\n        if(isString(value) && value === '')\n        {\n            this.ɵclickOutsideCondition = true;\n\n            return;\n        }\n\n        this.ɵclickOutsideCondition = value;\n    }\n\n    /**\n     * Additional element that is checked for click\n     */\n    @Input()\n    public clickOutsideElement: HTMLElement|undefined|null;\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Used for emitting event when click outside occurs\n     */\n    @Output('clickOutsideChange')\n    public clickOutsideConditionChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    //######################### constructor #########################\n    constructor(protected element: ElementRef<HTMLElement>,\n                @Inject(DOCUMENT) protected document: Document,\n                protected ngZone: NgZone,)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this.ngZone.runOutsideAngular(() =>\n        {\n            this.document.addEventListener('mouseup', this.handleClickOutside);\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.ngZone.runOutsideAngular(() =>\n        {\n            this.document.removeEventListener('mouseup', this.handleClickOutside);\n        });\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Handles click outside of element\n     * @param event - Mouse event object\n     */\n    protected handleClickOutside = (event: MouseEvent) =>\n    {\n        if(this.element.nativeElement != event.target &&\n           !isDescendant(this.element.nativeElement, event.target as HTMLElement) &&\n           (!this.clickOutsideElement || (this.clickOutsideElement != event.target &&\n                                          !isDescendant(this.clickOutsideElement, event.target as HTMLElement))))\n        {   \n            this.clickOutsideCondition = !this.clickOutsideCondition;\n            this.clickOutsideConditionChange.emit(this.clickOutsideCondition);\n        }\n    }\n\n    //######################### ng language server #########################\n    \n    /**\n     * Custom input type for `clickOutsideCondition` input\n     */\n    public static ngAcceptInputType_clickOutsideCondition: boolean|'';\n}"]}
+{"version":3,"file":"clickOutside.directive.js","sourceRoot":"","sources":["../../../../src/directives/clickOutside/clickOutside.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAqB,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AACpH,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,MAAM,gBAAgB,CAAC;;AAEtD;;GAEG;AAMH,MAAM,OAAO,uBAAuB;IAShC,gFAAgF;IAEhF;;OAEG;IACH,IACW,qBAAqB;QAE5B,OAAO,IAAI,CAAC,sBAAsB,CAAC;IACvC,CAAC;IACD,IAAW,qBAAqB,CAAC,KAAc;QAE3C,IAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,EAAE,EAClC,CAAC;YACG,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;YAEnC,OAAO;QACX,CAAC;QAED,IAAI,CAAC,sBAAsB,GAAG,KAAK,CAAC;IACxC,CAAC;IAgBD,iEAAiE;IACjE,YAAsB,OAAgC,EACd,QAAkB,EACpC,MAAc;QAFd,YAAO,GAAP,OAAO,CAAyB;QACd,aAAQ,GAAR,QAAQ,CAAU;QACpC,WAAM,GAAN,MAAM,CAAQ;QA9CpC,sEAAsE;QAEtE;;WAEG;QACO,2BAAsB,GAAY,KAAK,CAAC;QA8BlD,iFAAiF;QAEjF;;WAEG;QAEI,gCAA2B,GAA0B,IAAI,YAAY,EAAW,CAAC;QAmCxF,uEAAuE;QAEvE;;;WAGG;QACO,uBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAEjD,IAAG,IAAI,CAAC,OAAO,CAAC,aAAa,IAAI,KAAK,CAAC,MAAM;gBAC1C,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,KAAK,CAAC,MAAqB,CAAC;gBACtE,CAAC,CAAC,IAAI,CAAC,mBAAmB,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAI,KAAK,CAAC,MAAM;oBACxC,CAAC,YAAY,CAAC,IAAI,CAAC,mBAAmB,EAAE,KAAK,CAAC,MAAqB,CAAC,CAAC,CAAC,EACxG,CAAC;gBACG,IAAI,CAAC,qBAAqB,GAAG,CAAC,IAAI,CAAC,qBAAqB,CAAC;gBACzD,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;YACtE,CAAC;QACL,CAAC,CAAA;IA5CD,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,EAAE;YAE/B,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACvE,CAAC,CAAC,CAAC;IACP,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,EAAE;YAE/B,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;IACP,CAAC;8GA5EQ,uBAAuB,4CA+CZ,QAAQ;kGA/CnB,uBAAuB;;2FAAvB,uBAAuB;kBALnC,SAAS;mBACV;oBACI,QAAQ,EAAE,gBAAgB;oBAC1B,UAAU,EAAE,IAAI;iBACnB;;0BAgDgB,MAAM;2BAAC,QAAQ;8DAhCjB,qBAAqB;sBAD/B,KAAK;uBAAC,cAAc;gBAqBd,mBAAmB;sBADzB,KAAK;gBASC,2BAA2B;sBADjC,MAAM;uBAAC,oBAAoB","sourcesContent":["import {Directive, OnInit, OnDestroy, Input, EventEmitter, Output, ElementRef, Inject, NgZone} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {isDescendant, isString} from '@jscrpt/common';\n\n/**\n * Directive that handles click outside of element\n */\n@Directive(\n{\n    selector: '[clickOutside]',\n    standalone: true,\n})\nexport class ClickOutsideSADirective implements OnInit, OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Variable that is used for displaying element that handles click outside\n     */\n    protected ɵclickOutsideCondition: boolean = false;\n\n    //######################### public properties - inputs #########################\n\n    /**\n     * Variable that is used for displaying element that handles click outside\n     */\n    @Input('clickOutside')\n    public get clickOutsideCondition(): boolean\n    {\n        return this.ɵclickOutsideCondition;\n    }\n    public set clickOutsideCondition(value: boolean)\n    {\n        if(isString(value) && value === '')\n        {\n            this.ɵclickOutsideCondition = true;\n\n            return;\n        }\n\n        this.ɵclickOutsideCondition = value;\n    }\n\n    /**\n     * Additional element that is checked for click\n     */\n    @Input()\n    public clickOutsideElement: HTMLElement|undefined|null;\n\n    //######################### public properties - outputs #########################\n\n    /**\n     * Used for emitting event when click outside occurs\n     */\n    @Output('clickOutsideChange')\n    public clickOutsideConditionChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    //######################### constructor #########################\n    constructor(protected element: ElementRef<HTMLElement>,\n                @Inject(DOCUMENT) protected document: Document,\n                protected ngZone: NgZone,)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this.ngZone.runOutsideAngular(() =>\n        {\n            this.document.addEventListener('mouseup', this.handleClickOutside);\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.ngZone.runOutsideAngular(() =>\n        {\n            this.document.removeEventListener('mouseup', this.handleClickOutside);\n        });\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Handles click outside of element\n     * @param event - Mouse event object\n     */\n    protected handleClickOutside = (event: MouseEvent) =>\n    {\n        if(this.element.nativeElement != event.target &&\n           !isDescendant(this.element.nativeElement, event.target as HTMLElement) &&\n           (!this.clickOutsideElement || (this.clickOutsideElement != event.target &&\n                                          !isDescendant(this.clickOutsideElement, event.target as HTMLElement))))\n        {   \n            this.clickOutsideCondition = !this.clickOutsideCondition;\n            this.clickOutsideConditionChange.emit(this.clickOutsideCondition);\n        }\n    }\n\n    //######################### ng language server #########################\n    \n    /**\n     * Custom input type for `clickOutsideCondition` input\n     */\n    public static ngAcceptInputType_clickOutsideCondition: boolean|'';\n}"]}

package/es2022/src/directives/ellipsisTooltip/ellipsisTooltip.directive.js

@@ -7,45 +7,35 @@ import * as i1 from "../../modules/tooltip/directives/tooltip/tooltip.directive"
 /**
  * Directive that is used for displaying text from attached element in tooltip
  */
-export class EllipsisTooltipSADirective {
-    //######################### protected fields #########################
-    /**
-     * Instance of renderer
-     */
-    renderer = inject(Renderer2);
-    /**
-     * Instance of tooltip directive
-     */
-    tooltip = inject(TooltipDirective);
-    /**
-     * HTML element from which is text taken for tooltip
-     */
-    elementValue = inject(ElementRef).nativeElement;
-    /**
-     * Instance of mutation observer used for watching
-     */
-    textObserver = new MutationObserver(this.updateTooltip);
-    /**
-     * Original css class
-     */
-    originalCssClass;
-    //######################### public properties - inputs #########################
-    /**
-     * Css class appliet to element
-     */
-    ellipsisClass = 'text-ellipsis';
-    /**
-     * Tooltip prefix text to be prepended to tooltip read from content
-     */
-    tooltipPrefix;
-    /**
-     * Tooltip suffix text to be appended to tooltip read from content
-     */
-    tooltipSuffix;
-    /**
-     * Indication whether are html tags allowed in tooltip text
-     */
-    allowHtml = false;
+export class EllipsisTooltipDirective {
+    constructor() {
+        //######################### protected fields #########################
+        /**
+         * Instance of renderer
+         */
+        this.renderer = inject(Renderer2);
+        /**
+         * Instance of tooltip directive
+         */
+        this.tooltip = inject(TooltipDirective);
+        /**
+         * HTML element from which is text taken for tooltip
+         */
+        this.elementValue = inject(ElementRef).nativeElement;
+        /**
+         * Instance of mutation observer used for watching
+         */
+        this.textObserver = new MutationObserver(this.updateTooltip);
+        //######################### public properties - inputs #########################
+        /**
+         * Css class appliet to element
+         */
+        this.ellipsisClass = 'text-ellipsis';
+        /**
+         * Indication whether are html tags allowed in tooltip text
+         */
+        this.allowHtml = false;
+    }
     /**
      * Gets or sets HTML element from which is text taken for tooltip
      */
@@ -106,21 +96,16 @@ export class EllipsisTooltipSADirective {
         }
         this.tooltip.tooltip = text;
     }
-    //######################### ng language server #########################
-    /**
-     * Custom input type for `element` input
-     */
-    static ngAcceptInputType_element;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: EllipsisTooltipSADirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.0.5", type: EllipsisTooltipSADirective, isStandalone: true, selector: "[ellipsisTooltip]", inputs: { ellipsisClass: "ellipsisClass", tooltipPrefix: "tooltipPrefix", tooltipSuffix: "tooltipSuffix", allowHtml: ["allowHtml", "allowHtml", booleanAttribute], element: ["ellipsisTooltip", "element"] }, usesOnChanges: true, hostDirectives: [{ directive: i1.TooltipDirective }], ngImport: i0 });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: EllipsisTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.1", type: EllipsisTooltipDirective, isStandalone: true, selector: "[ellipsisTooltip]", inputs: { ellipsisClass: "ellipsisClass", tooltipPrefix: "tooltipPrefix", tooltipSuffix: "tooltipSuffix", allowHtml: ["allowHtml", "allowHtml", booleanAttribute], element: ["ellipsisTooltip", "element"] }, usesOnChanges: true, hostDirectives: [{ directive: i1.TooltipDirective }], ngImport: i0 }); }
 }
 __decorate([
     BindThis,
     __metadata("design:type", Function),
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
-], EllipsisTooltipSADirective.prototype, "updateTooltip", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: EllipsisTooltipSADirective, decorators: [{
+], EllipsisTooltipDirective.prototype, "updateTooltip", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: EllipsisTooltipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ellipsisTooltip]',