@acorex/components 3.0.59 → 3.0.60

package/fesm5/acorex-components.js

@@ -5286,13 +5286,14 @@ var AXDropdownComponent = /** @class */ (function (_super) {
         }, 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';
@@ -5444,7 +5445,7 @@ var AXDropdownComponent = /** @class */ (function (_super) {
     AXDropdownComponent = __decorate([
         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: ViewEncapsulation.None,
             changeDetection: ChangeDetectionStrategy.OnPush,
             host: { style: 'display:contents;' },
@@ -5585,8 +5586,8 @@ var AXDatePickerComponent = /** @class */ (function (_super) {
             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();