@inspark/inspark-components 1.0.40 → 1.0.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3727,14 +3727,12 @@
3727
3727
  }
3728
3728
  ContentToggleComponent.prototype.ngOnInit = function () {
3729
3729
  this.isOpen = this.defaultOpen;
3730
- console.log('defaultOpen', this.defaultOpen);
3731
- console.log('isOpen', this.isOpen);
3732
3730
  };
3733
3731
  ContentToggleComponent.prototype.toggleOpen = function (e) {
3734
3732
  // Получаем родительский элемент div
3735
3733
  var parentElement = this.elementButtons.nativeElement;
3736
3734
  // Проверяем, входит ли цель события в родительский элемент
3737
- if (!parentElement.contains(e.target)) {
3735
+ if (!parentElement.contains(e.target) || e.target === parentElement) {
3738
3736
  this.isOpen = !this.isOpen;
3739
3737
  this.toggle.emit(this.isOpen);
3740
3738
  this.cdr.detectChanges();
@@ -3775,7 +3773,7 @@
3775
3773
  core.Component({
3776
3774
  selector: 'in-content-toggle',
3777
3775
  template: "<div class=\"block\" (click)=\"toggleOpen($event)\" 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 class=\"buttons\" #buttons>\n <ng-content select=\"[buttons]\"></ng-content>\n </div>\n</div>\n<div class=\"container\" *ngIf=\"isOpen\">\n <ng-content select=\"[body]\"></ng-content>\n</div>\n",
3778
- styles: ["@charset \"UTF-8\";.block{font-size:12px;text-transform:uppercase;cursor:pointer;display:flex;white-space:nowrap}.block .buttons{flex:1;display:flex;justify-content:flex-end}.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}"]
3776
+ styles: ["@charset \"UTF-8\";.block{font-size:12px;text-transform:uppercase;cursor:pointer;display:flex;white-space:nowrap}.block .buttons{flex:1;display:flex;justify-content:flex-end;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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}"]
3779
3777
  }),
3780
3778
  __metadata("design:paramtypes", [core.ChangeDetectorRef])
3781
3779
  ], ContentToggleComponent);