@igo2/common 1.13.4 → 1.14.1

package/esm2020/lib/panel/panel.component.mjs

@@ -1,6 +1,7 @@
 import { Component, Input, ChangeDetectionStrategy, HostBinding } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
+const _c0 = function (a0) { return { "igo-cursor-pointer": a0 }; };
 function PanelComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2)(1, "h3");
     i0.ɵɵprojection(2, 1);
@@ -12,20 +13,16 @@ function PanelComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c0, ctx_r0.cursorPointer === true));
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate1(" ", ctx_r0.title, " ");
 } }
-const _c0 = ["*", [["", "panelLeftButton", ""]], [["", "panelHeader", ""]], [["", "panelRightButton", ""]]];
-const _c1 = ["*", "[panelLeftButton]", "[panelHeader]", "[panelRightButton]"];
+const _c1 = ["*", [["", "panelLeftButton", ""]], [["", "panelHeader", ""]], [["", "panelRightButton", ""]]];
+const _c2 = ["*", "[panelLeftButton]", "[panelHeader]", "[panelRightButton]"];
 export class PanelComponent {
     constructor() {
         this._withHeader = true;
-    }
-    get title() {
-        return this._title;
-    }
-    set title(value) {
-        this._title = value;
+        this.cursorPointer = false;
     }
     get withHeader() {
         return this._withHeader;
@@ -37,18 +34,18 @@ export class PanelComponent {
 PanelComponent.ɵfac = function PanelComponent_Factory(t) { return new (t || PanelComponent)(); };
 PanelComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PanelComponent, selectors: [["igo-panel"]], hostVars: 2, hostBindings: function PanelComponent_HostBindings(rf, ctx) { if (rf & 2) {
         i0.ɵɵclassProp("igo-panel-with-header", ctx.withHeader);
-    } }, inputs: { title: "title", withHeader: "withHeader" }, ngContentSelectors: _c1, decls: 3, vars: 1, consts: [["class", "igo-panel-header mat-typography", "title", "", 4, "ngIf"], ["title", "", 1, "igo-panel-content"], ["title", "", 1, "igo-panel-header", "mat-typography"], [1, "igo-panel-title"]], template: function PanelComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef(_c0);
-        i0.ɵɵtemplate(0, PanelComponent_div_0_Template, 7, 1, "div", 0);
+    } }, inputs: { title: "title", withHeader: "withHeader", cursorPointer: "cursorPointer" }, ngContentSelectors: _c2, decls: 3, vars: 1, consts: [["class", "igo-panel-header mat-typography", "title", "", 3, "ngClass", 4, "ngIf"], ["title", "", 1, "igo-panel-content"], ["title", "", 1, "igo-panel-header", "mat-typography", 3, "ngClass"], [1, "igo-panel-title"]], template: function PanelComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef(_c1);
+        i0.ɵɵtemplate(0, PanelComponent_div_0_Template, 7, 4, "div", 0);
         i0.ɵɵelementStart(1, "div", 1);
         i0.ɵɵprojection(2);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.withHeader);
-    } }, dependencies: [i1.NgIf], styles: ["[_nghost-%COMP%]{display:block}.igo-panel-header[_ngcontent-%COMP%]{height:46px;padding:3px;text-align:center}.igo-panel-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{margin:0;height:40px}.igo-panel-header[_ngcontent-%COMP%]     [panelleftbutton]{float:left;margin-right:-40px}.igo-panel-header[_ngcontent-%COMP%]     [panelrightbutton]{float:right}.igo-panel-content[_ngcontent-%COMP%]{overflow:auto}.igo-panel-with-header[_nghost-%COMP%]   .igo-panel-content[_ngcontent-%COMP%]{height:calc(100% - 46px)}[_nghost-%COMP%]:not(.igo-panel-with-header)   .igo-panel-content[_ngcontent-%COMP%]{height:100%}.igo-panel-title[_ngcontent-%COMP%]{display:block;width:calc(100% - 80px);margin-left:40px;height:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:40px;float:left;font-weight:700;font-size:1.17em}"], changeDetection: 0 });
+    } }, dependencies: [i1.NgClass, i1.NgIf], styles: ["[_nghost-%COMP%]{display:block}.igo-panel-header[_ngcontent-%COMP%]{height:46px;padding:3px;text-align:center}.igo-panel-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{margin:0;height:40px}.igo-panel-header[_ngcontent-%COMP%]     [panelleftbutton]{float:left;margin-right:-40px}.igo-panel-header[_ngcontent-%COMP%]     [panelrightbutton]{float:right}.igo-panel-content[_ngcontent-%COMP%]{overflow:auto}.igo-cursor-pointer[_ngcontent-%COMP%]{cursor:pointer}.igo-panel-with-header[_nghost-%COMP%]   .igo-panel-content[_ngcontent-%COMP%]{height:calc(100% - 46px)}[_nghost-%COMP%]:not(.igo-panel-with-header)   .igo-panel-content[_ngcontent-%COMP%]{height:100%}.igo-panel-title[_ngcontent-%COMP%]{display:block;width:calc(100% - 80px);margin-left:40px;height:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:40px;float:left;font-weight:700;font-size:1.17em}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PanelComponent, [{
         type: Component,
-        args: [{ selector: 'igo-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"withHeader\" class=\"igo-panel-header mat-typography\" title=\"\">\n  <h3>\n    <ng-content select=\"[panelLeftButton]\"></ng-content>\n    <div class=\"igo-panel-title\">\n      {{ title }}\n      <ng-content select=\"[panelHeader]\"></ng-content>\n    </div>\n    <ng-content select=\"[panelRightButton]\"></ng-content>\n  </h3>\n</div>\n<div class=\"igo-panel-content\" title=\"\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}.igo-panel-header{height:46px;padding:3px;text-align:center}.igo-panel-header h3{margin:0;height:40px}.igo-panel-header ::ng-deep [panelleftbutton]{float:left;margin-right:-40px}.igo-panel-header ::ng-deep [panelrightbutton]{float:right}.igo-panel-content{overflow:auto}:host.igo-panel-with-header .igo-panel-content{height:calc(100% - 46px)}:host:not(.igo-panel-with-header) .igo-panel-content{height:100%}.igo-panel-title{display:block;width:calc(100% - 80px);margin-left:40px;height:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:40px;float:left;font-weight:700;font-size:1.17em}\n"] }]
+        args: [{ selector: 'igo-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"withHeader\" class=\"igo-panel-header mat-typography\" title=\"\" [ngClass]=\"{'igo-cursor-pointer': cursorPointer === true}\">\n  <h3>\n    <ng-content select=\"[panelLeftButton]\"></ng-content>\n    <div class=\"igo-panel-title\">\n      {{ title }}\n      <ng-content select=\"[panelHeader]\"></ng-content>\n    </div>\n    <ng-content select=\"[panelRightButton]\"></ng-content>\n  </h3>\n</div>\n<div class=\"igo-panel-content\" title=\"\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}.igo-panel-header{height:46px;padding:3px;text-align:center}.igo-panel-header h3{margin:0;height:40px}.igo-panel-header ::ng-deep [panelleftbutton]{float:left;margin-right:-40px}.igo-panel-header ::ng-deep [panelrightbutton]{float:right}.igo-panel-content{overflow:auto}.igo-cursor-pointer{cursor:pointer}:host.igo-panel-with-header .igo-panel-content{height:calc(100% - 46px)}:host:not(.igo-panel-with-header) .igo-panel-content{height:100%}.igo-panel-title{display:block;width:calc(100% - 80px);margin-left:40px;height:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:40px;float:left;font-weight:700;font-size:1.17em}\n"] }]
     }], null, { title: [{
             type: Input
         }], withHeader: [{
@@ -56,5 +53,7 @@ PanelComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PanelCompone
         }, {
             type: HostBinding,
             args: ['class.igo-panel-with-header']
+        }], cursorPointer: [{
+            type: Input
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tbW9uL3NyYy9saWIvcGFuZWwvcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tbW9uL3NyYy9saWIvcGFuZWwvcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsdUJBQXVCLEVBQ3ZCLFdBQVcsRUFDWixNQUFNLGVBQWUsQ0FBQzs7OztJQ0x2Qiw4QkFBeUUsU0FBQTtJQUVyRSxxQkFBb0Q7SUFDcEQsOEJBQTZCO0lBQzNCLFlBQ0E7SUFBQSxxQkFBZ0Q7SUFDbEQsaUJBQU07SUFDTixxQkFBcUQ7SUFDdkQsaUJBQUssRUFBQTs7O0lBSkQsZUFDQTtJQURBLDZDQUNBOzs7O0FEUU4sTUFBTSxPQUFPLGNBQWM7SUFOM0I7UUF3QlUsZ0JBQVcsR0FBRyxJQUFJLENBQUM7S0FDNUI7SUFsQkMsSUFDSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7SUFDRCxJQUFJLEtBQUssQ0FBQyxLQUFhO1FBQ3JCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO0lBQ3RCLENBQUM7SUFHRCxJQUVJLFVBQVU7UUFDWixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDMUIsQ0FBQztJQUNELElBQUksVUFBVSxDQUFDLEtBQWM7UUFDM0IsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFDM0IsQ0FBQzs7NEVBakJVLGNBQWM7aUVBQWQsY0FBYzs7OztRQ2IzQiwrREFTTTtRQUNOLDhCQUF3QztRQUN0QyxrQkFBeUI7UUFDM0IsaUJBQU07O1FBWkEscUNBQWdCOzt1RkRhVCxjQUFjO2NBTjFCLFNBQVM7MkJBQ0UsV0FBVyxtQkFHSix1QkFBdUIsQ0FBQyxNQUFNO2dCQUkzQyxLQUFLO2tCQURSLEtBQUs7WUFXRixVQUFVO2tCQUZiLEtBQUs7O2tCQUNMLFdBQVc7bUJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIEhvc3RCaW5kaW5nXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpZ28tcGFuZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wYW5lbC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBQYW5lbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIGdldCB0aXRsZSgpIHtcbiAgICByZXR1cm4gdGhpcy5fdGl0bGU7XG4gIH1cbiAgc2V0IHRpdGxlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl90aXRsZSA9IHZhbHVlO1xuICB9XG4gIHByaXZhdGUgX3RpdGxlOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5pZ28tcGFuZWwtd2l0aC1oZWFkZXInKVxuICBnZXQgd2l0aEhlYWRlcigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fd2l0aEhlYWRlcjtcbiAgfVxuICBzZXQgd2l0aEhlYWRlcih2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuX3dpdGhIZWFkZXIgPSB2YWx1ZTtcbiAgfVxuICBwcml2YXRlIF93aXRoSGVhZGVyID0gdHJ1ZTtcbn1cbiIsIjxkaXYgKm5nSWY9XCJ3aXRoSGVhZGVyXCIgY2xhc3M9XCJpZ28tcGFuZWwtaGVhZGVyIG1hdC10eXBvZ3JhcGh5XCIgdGl0bGU9XCJcIj5cbiAgPGgzPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltwYW5lbExlZnRCdXR0b25dXCI+PC9uZy1jb250ZW50PlxuICAgIDxkaXYgY2xhc3M9XCJpZ28tcGFuZWwtdGl0bGVcIj5cbiAgICAgIHt7IHRpdGxlIH19XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbcGFuZWxIZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltwYW5lbFJpZ2h0QnV0dG9uXVwiPjwvbmctY29udGVudD5cbiAgPC9oMz5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cImlnby1wYW5lbC1jb250ZW50XCIgdGl0bGU9XCJcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tbW9uL3NyYy9saWIvcGFuZWwvcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tbW9uL3NyYy9saWIvcGFuZWwvcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsdUJBQXVCLEVBQ3ZCLFdBQVcsRUFDWixNQUFNLGVBQWUsQ0FBQzs7Ozs7SUNMdkIsOEJBQW9JLFNBQUE7SUFFaEkscUJBQW9EO0lBQ3BELDhCQUE2QjtJQUMzQixZQUNBO0lBQUEscUJBQWdEO0lBQ2xELGlCQUFNO0lBQ04scUJBQXFEO0lBQ3ZELGlCQUFLLEVBQUE7OztJQVJrRSxtRkFBMEQ7SUFJN0gsZUFDQTtJQURBLDZDQUNBOzs7O0FEUU4sTUFBTSxPQUFPLGNBQWM7SUFOM0I7UUFpQlUsZ0JBQVcsR0FBRyxJQUFJLENBQUM7UUFFbEIsa0JBQWEsR0FBWSxLQUFLLENBQUM7S0FDekM7SUFYQyxJQUVJLFVBQVU7UUFDWixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDMUIsQ0FBQztJQUNELElBQUksVUFBVSxDQUFDLEtBQWM7UUFDM0IsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFDM0IsQ0FBQzs7NEVBVlUsY0FBYztpRUFBZCxjQUFjOzs7O1FDYjNCLCtEQVNNO1FBQ04sOEJBQXdDO1FBQ3RDLGtCQUF5QjtRQUMzQixpQkFBTTs7UUFaQSxxQ0FBZ0I7O3VGRGFULGNBQWM7Y0FOMUIsU0FBUzsyQkFDRSxXQUFXLG1CQUdKLHVCQUF1QixDQUFDLE1BQU07Z0JBR3RDLEtBQUs7a0JBQWIsS0FBSztZQUlGLFVBQVU7a0JBRmIsS0FBSzs7a0JBQ0wsV0FBVzttQkFBQyw2QkFBNkI7WUFTakMsYUFBYTtrQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBIb3N0QmluZGluZ1xufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaWdvLXBhbmVsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhbmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGFuZWwuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgUGFuZWxDb21wb25lbnQge1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIEBIb3N0QmluZGluZygnY2xhc3MuaWdvLXBhbmVsLXdpdGgtaGVhZGVyJylcbiAgZ2V0IHdpdGhIZWFkZXIoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX3dpdGhIZWFkZXI7XG4gIH1cbiAgc2V0IHdpdGhIZWFkZXIodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl93aXRoSGVhZGVyID0gdmFsdWU7XG4gIH1cbiAgcHJpdmF0ZSBfd2l0aEhlYWRlciA9IHRydWU7XG5cbiAgQElucHV0KCkgY3Vyc29yUG9pbnRlcjogYm9vbGVhbiA9IGZhbHNlO1xufVxuIiwiPGRpdiAqbmdJZj1cIndpdGhIZWFkZXJcIiBjbGFzcz1cImlnby1wYW5lbC1oZWFkZXIgbWF0LXR5cG9ncmFwaHlcIiB0aXRsZT1cIlwiIFtuZ0NsYXNzXT1cInsnaWdvLWN1cnNvci1wb2ludGVyJzogY3Vyc29yUG9pbnRlciA9PT0gdHJ1ZX1cIj5cbiAgPGgzPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltwYW5lbExlZnRCdXR0b25dXCI+PC9uZy1jb250ZW50PlxuICAgIDxkaXYgY2xhc3M9XCJpZ28tcGFuZWwtdGl0bGVcIj5cbiAgICAgIHt7IHRpdGxlIH19XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbcGFuZWxIZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltwYW5lbFJpZ2h0QnV0dG9uXVwiPjwvbmctY29udGVudD5cbiAgPC9oMz5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cImlnby1wYW5lbC1jb250ZW50XCIgdGl0bGU9XCJcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=

package/fesm2015/igo2-common.mjs

@@ -5770,7 +5770,7 @@ IgoDynamicComponentModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ provider
 
 const _c0$8 = ["flexibleMain"];
 const _c1$5 = ["*", [["", "igoFlexibleFill", ""]]];
-const _c2$1 = ["*", "[igoFlexibleFill]"];
+const _c2$2 = ["*", "[igoFlexibleFill]"];
 class FlexibleComponent {
     constructor(el, mediaService) {
         this.el = el;
@@ -5881,7 +5881,7 @@ FlexibleComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FlexibleC
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.main = _t.first);
         }
-    }, inputs: { initial: "initial", collapsed: "collapsed", expanded: "expanded", initialMobile: "initialMobile", collapsedMobile: "collapsedMobile", expandedMobile: "expandedMobile", direction: "direction", state: "state" }, ngContentSelectors: _c2$1, decls: 8, vars: 4, consts: [["flexibleMain", ""], [1, "igo-container"], [1, "igo-flexible-fill"]], template: function FlexibleComponent_Template(rf, ctx) {
+    }, inputs: { initial: "initial", collapsed: "collapsed", expanded: "expanded", initialMobile: "initialMobile", collapsedMobile: "collapsedMobile", expandedMobile: "expandedMobile", direction: "direction", state: "state" }, ngContentSelectors: _c2$2, decls: 8, vars: 4, consts: [["flexibleMain", ""], [1, "igo-container"], [1, "igo-flexible-fill"]], template: function FlexibleComponent_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵprojectionDef(_c1$5);
             i0.ɵɵelementStart(0, "div", null, 0)(2, "div", 1);
@@ -5986,7 +5986,7 @@ function getFormFieldByName(form, name) {
 
 const _c0$7 = ["buttons"];
 const _c1$4 = ["*", [["", "formButtons", ""]]];
-const _c2 = function (a0) { return { "igo-form-body-with-buttons": a0 }; };
+const _c2$1 = function (a0) { return { "igo-form-body-with-buttons": a0 }; };
 const _c3 = ["*", "[formButtons]"];
 /**
  * A configurable form
@@ -6082,7 +6082,7 @@ FormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormComponent
         if (rf & 2) {
             i0.ɵɵproperty("autocomplete", ctx.autocomplete)("formGroup", ctx.form.control);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c2, ctx.hasButtons));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c2$1, ctx.hasButtons));
         }
     }, dependencies: [i1.NgClass, i1$4.ɵNgNoValidate, i1$4.NgControlStatusGroup, i1$4.FormGroupDirective], styles: ["[_nghost-%COMP%]{display:block}form[_ngcontent-%COMP%]{width:100%;height:100%}.igo-form-body[_ngcontent-%COMP%], .igo-form-content[_ngcontent-%COMP%]{height:100%}.igo-form-body-with-buttons[_ngcontent-%COMP%]   .igo-form-content[_ngcontent-%COMP%]{height:calc(100% - 56px)}.igo-form-content[_ngcontent-%COMP%]{display:flex}"], changeDetection: 0 });
 (function () {
@@ -8604,6 +8604,7 @@ IgoListModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModu
 })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(IgoListModule, { declarations: [ListItemDirective, ListComponent], imports: [CommonModule, MatIconModule, MatListModule, IgoClickoutModule], exports: [ListItemDirective, ListComponent] }); })();
 
+const _c0$3 = function (a0) { return { "igo-cursor-pointer": a0 }; };
 function PanelComponent_div_0_Template(rf, ctx) {
     if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 2)(1, "h3");
@@ -8617,21 +8618,17 @@ function PanelComponent_div_0_Template(rf, ctx) {
     }
     if (rf & 2) {
         const ctx_r0 = i0.ɵɵnextContext();
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c0$3, ctx_r0.cursorPointer === true));
         i0.ɵɵadvance(4);
         i0.ɵɵtextInterpolate1(" ", ctx_r0.title, " ");
     }
 }
-const _c0$3 = ["*", [["", "panelLeftButton", ""]], [["", "panelHeader", ""]], [["", "panelRightButton", ""]]];
-const _c1$1 = ["*", "[panelLeftButton]", "[panelHeader]", "[panelRightButton]"];
+const _c1$1 = ["*", [["", "panelLeftButton", ""]], [["", "panelHeader", ""]], [["", "panelRightButton", ""]]];
+const _c2 = ["*", "[panelLeftButton]", "[panelHeader]", "[panelRightButton]"];
 class PanelComponent {
     constructor() {
         this._withHeader = true;
-    }
-    get title() {
-        return this._title;
-    }
-    set title(value) {
-        this._title = value;
+        this.cursorPointer = false;
     }
     get withHeader() {
         return this._withHeader;
@@ -8645,10 +8642,10 @@ PanelComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PanelCompone
         if (rf & 2) {
             i0.ɵɵclassProp("igo-panel-with-header", ctx.withHeader);
         }
-    }, inputs: { title: "title", withHeader: "withHeader" }, ngContentSelectors: _c1$1, decls: 3, vars: 1, consts: [["class", "igo-panel-header mat-typography", "title", "", 4, "ngIf"], ["title", "", 1, "igo-panel-content"], ["title", "", 1, "igo-panel-header", "mat-typography"], [1, "igo-panel-title"]], template: function PanelComponent_Template(rf, ctx) {
+    }, inputs: { title: "title", withHeader: "withHeader", cursorPointer: "cursorPointer" }, ngContentSelectors: _c2, decls: 3, vars: 1, consts: [["class", "igo-panel-header mat-typography", "title", "", 3, "ngClass", 4, "ngIf"], ["title", "", 1, "igo-panel-content"], ["title", "", 1, "igo-panel-header", "mat-typography", 3, "ngClass"], [1, "igo-panel-title"]], template: function PanelComponent_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$3);
-            i0.ɵɵtemplate(0, PanelComponent_div_0_Template, 7, 1, "div", 0);
+            i0.ɵɵprojectionDef(_c1$1);
+            i0.ɵɵtemplate(0, PanelComponent_div_0_Template, 7, 4, "div", 0);
             i0.ɵɵelementStart(1, "div", 1);
             i0.ɵɵprojection(2);
             i0.ɵɵelementEnd();
@@ -8656,11 +8653,11 @@ PanelComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PanelCompone
         if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.withHeader);
         }
-    }, dependencies: [i1.NgIf], styles: ["[_nghost-%COMP%]{display:block}.igo-panel-header[_ngcontent-%COMP%]{height:46px;padding:3px;text-align:center}.igo-panel-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{margin:0;height:40px}.igo-panel-header[_ngcontent-%COMP%]     [panelleftbutton]{float:left;margin-right:-40px}.igo-panel-header[_ngcontent-%COMP%]     [panelrightbutton]{float:right}.igo-panel-content[_ngcontent-%COMP%]{overflow:auto}.igo-panel-with-header[_nghost-%COMP%]   .igo-panel-content[_ngcontent-%COMP%]{height:calc(100% - 46px)}[_nghost-%COMP%]:not(.igo-panel-with-header)   .igo-panel-content[_ngcontent-%COMP%]{height:100%}.igo-panel-title[_ngcontent-%COMP%]{display:block;width:calc(100% - 80px);margin-left:40px;height:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:40px;float:left;font-weight:700;font-size:1.17em}"], changeDetection: 0 });
+    }, dependencies: [i1.NgClass, i1.NgIf], styles: ["[_nghost-%COMP%]{display:block}.igo-panel-header[_ngcontent-%COMP%]{height:46px;padding:3px;text-align:center}.igo-panel-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{margin:0;height:40px}.igo-panel-header[_ngcontent-%COMP%]     [panelleftbutton]{float:left;margin-right:-40px}.igo-panel-header[_ngcontent-%COMP%]     [panelrightbutton]{float:right}.igo-panel-content[_ngcontent-%COMP%]{overflow:auto}.igo-cursor-pointer[_ngcontent-%COMP%]{cursor:pointer}.igo-panel-with-header[_nghost-%COMP%]   .igo-panel-content[_ngcontent-%COMP%]{height:calc(100% - 46px)}[_nghost-%COMP%]:not(.igo-panel-with-header)   .igo-panel-content[_ngcontent-%COMP%]{height:100%}.igo-panel-title[_ngcontent-%COMP%]{display:block;width:calc(100% - 80px);margin-left:40px;height:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:40px;float:left;font-weight:700;font-size:1.17em}"], changeDetection: 0 });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PanelComponent, [{
             type: Component,
-            args: [{ selector: 'igo-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"withHeader\" class=\"igo-panel-header mat-typography\" title=\"\">\n  <h3>\n    <ng-content select=\"[panelLeftButton]\"></ng-content>\n    <div class=\"igo-panel-title\">\n      {{ title }}\n      <ng-content select=\"[panelHeader]\"></ng-content>\n    </div>\n    <ng-content select=\"[panelRightButton]\"></ng-content>\n  </h3>\n</div>\n<div class=\"igo-panel-content\" title=\"\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}.igo-panel-header{height:46px;padding:3px;text-align:center}.igo-panel-header h3{margin:0;height:40px}.igo-panel-header ::ng-deep [panelleftbutton]{float:left;margin-right:-40px}.igo-panel-header ::ng-deep [panelrightbutton]{float:right}.igo-panel-content{overflow:auto}:host.igo-panel-with-header .igo-panel-content{height:calc(100% - 46px)}:host:not(.igo-panel-with-header) .igo-panel-content{height:100%}.igo-panel-title{display:block;width:calc(100% - 80px);margin-left:40px;height:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:40px;float:left;font-weight:700;font-size:1.17em}\n"] }]
+            args: [{ selector: 'igo-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"withHeader\" class=\"igo-panel-header mat-typography\" title=\"\" [ngClass]=\"{'igo-cursor-pointer': cursorPointer === true}\">\n  <h3>\n    <ng-content select=\"[panelLeftButton]\"></ng-content>\n    <div class=\"igo-panel-title\">\n      {{ title }}\n      <ng-content select=\"[panelHeader]\"></ng-content>\n    </div>\n    <ng-content select=\"[panelRightButton]\"></ng-content>\n  </h3>\n</div>\n<div class=\"igo-panel-content\" title=\"\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}.igo-panel-header{height:46px;padding:3px;text-align:center}.igo-panel-header h3{margin:0;height:40px}.igo-panel-header ::ng-deep [panelleftbutton]{float:left;margin-right:-40px}.igo-panel-header ::ng-deep [panelrightbutton]{float:right}.igo-panel-content{overflow:auto}.igo-cursor-pointer{cursor:pointer}:host.igo-panel-with-header .igo-panel-content{height:calc(100% - 46px)}:host:not(.igo-panel-with-header) .igo-panel-content{height:100%}.igo-panel-title{display:block;width:calc(100% - 80px);margin-left:40px;height:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:40px;float:left;font-weight:700;font-size:1.17em}\n"] }]
         }], null, { title: [{
                 type: Input
             }], withHeader: [{
@@ -8668,6 +8665,8 @@ PanelComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PanelCompone
             }, {
                 type: HostBinding,
                 args: ['class.igo-panel-with-header']
+            }], cursorPointer: [{
+                type: Input
             }] });
 })();