@acorex/components 3.0.59 → 3.0.60

package/bundles/acorex-components.umd.js

@@ -5492,13 +5492,14 @@
             }, 5);
         };
         AXDropdownComponent.prototype.ngAfterViewInit = function () {
-            // Todo: chech fitparent
-            // if (this.fitParent === true) {
-            //   this.dropdownWidth = this.dropdownEL.nativeElement.offsetWidth;
-            // } else {
-            //   this.dropdownWidth = 260;
-            // }
             var _this = this;
+            // Todo: chech fitparent
+            if (this.fitParent === true) {
+                this.dropdownWidth = this.dropdownEL.nativeElement.offsetWidth;
+            }
+            else {
+                this.dropdownWidth = 260;
+            }
             setTimeout(function () {
                 if (_this.endButtons && _this.endButtons.nativeElement.childNodes.length !== 0) {
                     _this.content.nativeElement.style.paddingInlineEnd = _this.endButtons.nativeElement.clientWidth + 'px';
@@ -5650,7 +5651,7 @@
         AXDropdownComponent = __decorate([
             core.Component({
                 selector: 'ax-drop-down',
-                template: "<div class=\"ax form-item {{size}}\" [class.readonly]=\"readonly\" [attr.id]=\"uid\" [class.disabled]=\"disabled\" #el>\r\n    <div class=\"ax items-wrapper\">\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n    </div>\r\n    <div class=\"content\">\r\n        <ng-content select=\"ng-container[header]\">\r\n        </ng-content>\r\n    </div>\r\n    <div class=\"ax items-wrapper\">\r\n        <ax-button *ngIf=\"showDropDownButton\" [disabled]=\"disabled || readonly\" [loading]=\"loading\" icon=\"far fa-angle-down icon\"\r\n            type=\"light blank\" [size]=\"size\" (click)=\"handleArrowClick($event)\"  [tabIndex]=\"-1\">\r\n        </ax-button>\r\n        <ng-content select=\"[end]\">\r\n        </ng-content>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #baseTemplate>\r\n    <!-- [ngStyle]=\"{'width': dropdownWidth ? dropdownWidth + 'px' : 'unset'}\" -->\r\n    <div class=\"ax-dropdown-container-bordered\" style=\"width: 260px;\">\r\n        <ng-content select=\"ng-container[panel]\">\r\n        </ng-content>\r\n    </div>\r\n</ng-template>",
+                template: "<div class=\"ax form-item {{size}}\" [class.readonly]=\"readonly\" [attr.id]=\"uid\" [class.disabled]=\"disabled\" #el>\r\n    <div class=\"ax items-wrapper\">\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n    </div>\r\n    <div class=\"content\">\r\n        <ng-content select=\"ng-container[header]\">\r\n        </ng-content>\r\n    </div>\r\n    <div class=\"ax items-wrapper\">\r\n        <ax-button *ngIf=\"showDropDownButton\" [disabled]=\"disabled || readonly\" [loading]=\"loading\" icon=\"far fa-angle-down icon\"\r\n            type=\"light blank\" [size]=\"size\" (click)=\"handleArrowClick($event)\"  [tabIndex]=\"-1\">\r\n        </ax-button>\r\n        <ng-content select=\"[end]\">\r\n        </ng-content>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #baseTemplate>\r\n    <!-- [ngStyle]=\"{'width': dropdownWidth ? dropdownWidth + 'px' : 'unset'}\" -->\r\n    <div class=\"ax-dropdown-container-bordered\" [ngStyle]=\"{'width': dropdownWidth ? dropdownWidth + 'px' : 'unset'}\" >\r\n        <ng-content select=\"ng-container[panel]\">\r\n        </ng-content>\r\n    </div>\r\n</ng-template>",
                 encapsulation: core.ViewEncapsulation.None,
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
                 host: { style: 'display:contents;' },
@@ -5791,8 +5792,8 @@
                 if (_this.showToday && !_this.value) {
                     _this.selectToday();
                 }
-                console.log(Boolean(_this.dropdown.dropdownWidth > 200));
-                if (_this.dropdown.dropdownWidth > 200) {
+                debugger;
+                if (_this.dropdown.dropdownWidth > 200 || _this.dropdown.dropdownWidth < 200) {
                     _this.dropdown.dropdownWidth = 250;
                 }
                 _this.cdr.markForCheck();