@inspark/inspark-components 1.0.37 → 1.0.39

package/full/fesm5/inspark-inspark-components.js

@@ -1,5 +1,5 @@
 import { __decorate, __metadata, __assign, __extends, __read, __values } from 'tslib';
-import { Pipe, NgModule, Injectable, ComponentFactoryResolver, ApplicationRef, Injector, EventEmitter, ChangeDetectorRef, Input, ViewChild, Output, Component, ViewEncapsulation, ChangeDetectionStrategy, forwardRef, ElementRef, TemplateRef, Directive, HostListener, ContentChildren, QueryList, NO_ERRORS_SCHEMA } from '@angular/core';
+import { Pipe, NgModule, Injectable, ComponentFactoryResolver, ApplicationRef, Injector, EventEmitter, ChangeDetectorRef, Input, ViewChild, HostBinding, Output, Component, ViewEncapsulation, ChangeDetectionStrategy, forwardRef, ElementRef, TemplateRef, Directive, HostListener, ContentChildren, QueryList, NO_ERRORS_SCHEMA } from '@angular/core';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
 export { TranslateModule } from '@ngx-translate/core';
 import { DomSanitizer } from '@angular/platform-browser';
@@ -527,6 +527,13 @@ var ButtonComponent = /** @class */ (function (_super) {
         _this.isMaterialIcon = false;
         return _this;
     }
+    Object.defineProperty(ButtonComponent.prototype, "pointerEvents", {
+        get: function () {
+            return this.disabled ? 'none' : 'auto';
+        },
+        enumerable: true,
+        configurable: true
+    });
     ButtonComponent.prototype.ngOnInit = function () {
         this.updateData();
     };
@@ -663,6 +670,11 @@ var ButtonComponent = /** @class */ (function (_super) {
         ViewChild(Menu, { static: false }),
         __metadata("design:type", Menu)
     ], ButtonComponent.prototype, "_menu", void 0);
+    __decorate([
+        HostBinding('style.pointer-events'),
+        __metadata("design:type", String),
+        __metadata("design:paramtypes", [])
+    ], ButtonComponent.prototype, "pointerEvents", null);
     __decorate([
         Output(),
         __metadata("design:type", EventEmitter)
@@ -3511,7 +3523,7 @@ var ContentToggleComponent = /** @class */ (function () {
         this.cdr = cdr;
         this.isOpen = true;
         this.icon = null;
-        this.hasArrow = true;
+        this.manualArrow = true;
         this.toggle = new EventEmitter();
     }
     ContentToggleComponent.prototype.toggleOpen = function () {
@@ -3537,7 +3549,7 @@ var ContentToggleComponent = /** @class */ (function () {
     __decorate([
         Input(),
         __metadata("design:type", Boolean)
-    ], ContentToggleComponent.prototype, "hasArrow", void 0);
+    ], ContentToggleComponent.prototype, "manualArrow", void 0);
     __decorate([
         Output(),
         __metadata("design:type", EventEmitter)
@@ -3545,7 +3557,7 @@ var ContentToggleComponent = /** @class */ (function () {
     ContentToggleComponent = __decorate([
         Component({
             selector: 'in-content-toggle',
-            template: "<div class=\"block\" (click)=\"toggleOpen()\" tabIndex=\"1\">\n    <span *ngIf=\"hasArrow\" [ngClass]=\"{arrow: true, close: !isOpen}\">\n        <in-svg [src]=\"'arrow-down.svg'\" width=\"48px\" height=\"48px\"></in-svg>\n          <ng-content select=\"[arrow]\"></ng-content>\n    </span>\n  <span class=\"label\">\n    <in-svg *ngIf=\"icon\" class=\"label-icon\" [src]=\"icon\"></in-svg>\n    {{label}}\n  </span>\n  <span class=\"counter\">\n    <ng-content select=\"[header]\"></ng-content>\n    </span>\n</div>\n<div class=\"container\" *ngIf=\"isOpen\">\n  <ng-content select=\"[body]\"></ng-content>\n</div>\n",
+            template: "<div class=\"block\" (click)=\"toggleOpen()\" tabIndex=\"1\">\n    <span [ngClass]=\"{arrow: true, close: !isOpen}\">\n        <in-svg *ngIf=\"manualArrow\" [src]=\"'arrow-down.svg'\" width=\"48px\" height=\"48px\"></in-svg>\n        <ng-content select=\"[arrow]\"></ng-content>\n    </span>\n  <span class=\"label\">\n    <in-svg *ngIf=\"icon\" class=\"label-icon\" [src]=\"icon\"></in-svg>\n    {{label}}\n  </span>\n  <span class=\"counter\">\n    <ng-content select=\"[header]\"></ng-content>\n    </span>\n</div>\n<div class=\"container\" *ngIf=\"isOpen\">\n  <ng-content select=\"[body]\"></ng-content>\n</div>\n",
             styles: ["@charset \"UTF-8\";.block{font-size:12px;text-transform:uppercase;cursor:pointer;display:flex;white-space:nowrap}.block:hover{background:var(--colorBgLevel2)}.block>span{display:inline-block;margin-right:4px}.block .label{margin-right:8px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis}.block .counter{display:flex;align-items:center;padding-right:8px}.block .arrow{margin-right:0}.block .arrow.close{transform:rotate(-90deg)}.label-icon{margin-right:4px;width:16px;height:16px}"]
         }),
         __metadata("design:paramtypes", [ChangeDetectorRef])