@acorex/components 16.19.18 → 16.19.19

package/fesm2022/acorex-components.mjs

@@ -3863,7 +3863,7 @@ class AXDropdownComponent extends AXBaseDropdownComponent {
             }
         }
     }
-    dropdownWidth = "300px";
+    dropdownWidth = '300px';
     overlayRef;
     templatePortal;
     constructor(cdr, ref, overlay, viewContainerRef) {
@@ -3875,7 +3875,10 @@ class AXDropdownComponent extends AXBaseDropdownComponent {
     }
     ngOnInit() {
         if (this.rtl == null) {
-            this.rtl = window.getComputedStyle(this.ref.nativeElement, null).getPropertyValue('direction') === 'rtl';
+            this.rtl =
+                window
+                    .getComputedStyle(this.ref.nativeElement, null)
+                    .getPropertyValue('direction') === 'rtl';
         }
         setTimeout(() => {
             this.ref.nativeElement.classList.add(this.rtl ? 'rtl' : 'ltr');
@@ -3884,11 +3887,14 @@ class AXDropdownComponent extends AXBaseDropdownComponent {
     }
     ngAfterViewInit() {
         setTimeout(() => {
-            if (this.endButtons && this.endButtons.nativeElement.childNodes.length !== 0) {
+            if (this.endButtons &&
+                this.endButtons.nativeElement.childNodes.length !== 0) {
                 this.content.nativeElement.style.paddingInlineEnd = `${this.endButtons.nativeElement.clientWidth}px`;
             }
             if (this.fitParent == true) {
-                this.dropdownWidth = `${this.dropdownEL.nativeElement.offsetWidth}px`;
+                this.dropdownWidth = `${this.dropdownEL.nativeElement.offsetWidth > 100
+                    ? this.dropdownEL.nativeElement.offsetWidth
+                    : 300}px`;
             }
         }, 5);
     }
@@ -3932,36 +3938,36 @@ class AXDropdownComponent extends AXBaseDropdownComponent {
                     originX: 'start',
                     originY: 'bottom',
                     overlayX: 'start',
-                    overlayY: 'top'
+                    overlayY: 'top',
                 },
                 {
                     originX: 'start',
                     originY: 'bottom',
                     overlayX: 'start',
-                    overlayY: 'bottom'
+                    overlayY: 'bottom',
                 },
                 {
                     originX: 'end',
                     originY: 'bottom',
                     overlayX: 'end',
-                    overlayY: 'top'
+                    overlayY: 'top',
                 },
                 {
                     originX: 'end',
                     originY: 'bottom',
                     overlayX: 'end',
-                    overlayY: 'bottom'
-                }
+                    overlayY: 'bottom',
+                },
             ])
                 .withPush(false);
             this.overlayRef = this.overlay.create({
                 positionStrategy,
                 //width: this.dropdownEL.nativeElement.clientWidth,
                 scrollStrategy: this.overlay.scrollStrategies.reposition({
-                    autoClose: true
+                    autoClose: true,
                 }),
                 hasBackdrop: true,
-                backdropClass: 'cdk-overlay-transparent-backdrop'
+                backdropClass: 'cdk-overlay-transparent-backdrop',
             });
             this.overlayRef.setDirection(this.rtl ? 'rtl' : 'ltr');
             this.overlayRef.backdropClick().subscribe(() => this.close());