@acorex/components 18.4.3 → 18.5.0

package/fesm2022/acorex-components-common.mjs

@@ -142,11 +142,7 @@ const AX_PLACEMENT_MAP = {
     },
     'bottom-start': {
         origin: AX_PLACEMENT_BOTTOM_START,
-        alts: [
-            AX_PLACEMENT_BOTTOM_END,
-            AX_PLACEMENT_TOP_START,
-            AX_PLACEMENT_TOP_END,
-        ],
+        alts: [AX_PLACEMENT_BOTTOM_END, AX_PLACEMENT_TOP_START, AX_PLACEMENT_TOP_END],
     },
     'bottom-end': {
         origin: AX_PLACEMENT_BOTTOM_END,
@@ -158,19 +154,11 @@ const AX_PLACEMENT_MAP = {
     },
     'end-top': {
         origin: AX_PLACEMENT_END_TOP,
-        alts: [
-            AX_PLACEMENT_END_BOTTOM,
-            AX_PLACEMENT_START_TOP,
-            AX_PLACEMENT_START_BOTTOM,
-        ],
+        alts: [AX_PLACEMENT_END_BOTTOM, AX_PLACEMENT_START_TOP, AX_PLACEMENT_START_BOTTOM],
     },
     'end-bottom': {
         origin: AX_PLACEMENT_END_BOTTOM,
-        alts: [
-            AX_PLACEMENT_END_TOP,
-            AX_PLACEMENT_START_BOTTOM,
-            AX_PLACEMENT_START_TOP,
-        ],
+        alts: [AX_PLACEMENT_END_TOP, AX_PLACEMENT_START_BOTTOM, AX_PLACEMENT_START_TOP],
     },
     start: {
         origin: AX_PLACEMENT_START,
@@ -178,19 +166,11 @@ const AX_PLACEMENT_MAP = {
     },
     'start-top': {
         origin: AX_PLACEMENT_START_TOP,
-        alts: [
-            AX_PLACEMENT_START_BOTTOM,
-            AX_PLACEMENT_END_TOP,
-            AX_PLACEMENT_END_BOTTOM,
-        ],
+        alts: [AX_PLACEMENT_START_BOTTOM, AX_PLACEMENT_END_TOP, AX_PLACEMENT_END_BOTTOM],
     },
     'start-bottom': {
         origin: AX_PLACEMENT_START_BOTTOM,
-        alts: [
-            AX_PLACEMENT_START_TOP,
-            AX_PLACEMENT_END_BOTTOM,
-            AX_PLACEMENT_END_TOP,
-        ],
+        alts: [AX_PLACEMENT_START_TOP, AX_PLACEMENT_END_BOTTOM, AX_PLACEMENT_END_TOP],
     },
 };
 
@@ -530,15 +510,7 @@ function convertArrayToDataSource(items, options = { key: 'id', pageSize: 100 })
     return new AXDataSource(config);
 }
 
-const AX_STYLE_COLOR_TYPES = [
-    'primary',
-    'secondary',
-    'success',
-    'warning',
-    'danger',
-    'info',
-    'ghost',
-];
+const AX_STYLE_COLOR_TYPES = ['primary', 'secondary', 'success', 'warning', 'danger', 'info', 'ghost'];
 const AX_LOCATIONS = [
     'bottom-start',
     'bottom-center',
@@ -569,16 +541,8 @@ class AXAutoFocusDirective {
                 }, this.time);
                 return;
             }
-            const list = [
-                'button',
-                'input',
-                '[href]',
-                'select',
-                'textarea',
-                '[tabindex]',
-            ].map((c) => c + ':not([tabindex="-1"])');
-            const focusable = this.el.nativeElement.querySelector(list.join(', ')) ??
-                this.el.nativeElement;
+            const list = ['button', 'input', '[href]', 'select', 'textarea', '[tabindex]'].map((c) => c + ':not([tabindex="-1"])');
+            const focusable = this.el.nativeElement.querySelector(list.join(', ')) ?? this.el.nativeElement;
             const attr = document.createAttribute('autofocus');
             focusable.setAttributeNode(attr);
             const hasTabindex = focusable.hasAttribute('tabindex');
@@ -672,8 +636,7 @@ class AXHotkeyDirective {
         if (typeof this.axHotkey == 'string') {
             this._addDefaultAction(this.axHotkey);
         }
-        else if (typeof this.axHotkey == 'object' &&
-            !Array.isArray(this.axHotkey)) {
+        else if (typeof this.axHotkey == 'object' && !Array.isArray(this.axHotkey)) {
             this._addHotKeyAction([this.axHotkey]);
         }
         else if (Array.isArray(this.axHotkey)) {
@@ -762,8 +725,7 @@ class AXInfiniteScrollerDirective {
             scrollHeight: e.target.scrollHeight,
             scrollTop: e.target.scrollTop,
             clientHeight: e.target.clientHeight,
-        })), pairwise(), filter$1((positions) => this.isUserScrollingDown(positions) &&
-            this.isScrollExpectedPercent(positions[1])));
+        })), pairwise(), filter$1((positions) => this.isUserScrollingDown(positions) && this.isScrollExpectedPercent(positions[1])));
     }
     requestCallbackOnScroll() {
         this.requestOnScroll$ = this.userScrolledDown$;
@@ -797,10 +759,7 @@ class AXResponsiveDirective {
             for (const entry of entries) {
                 if (entry.target) {
                     const e = entry.target;
-                    const elements = [
-                        e,
-                        ...Array.from(e.querySelectorAll(`[class*='sm:']`)),
-                    ];
+                    const elements = [e, ...Array.from(e.querySelectorAll(`[class*='sm:']`))];
                     elements
                         .map((c) => ({
                         element: c,
@@ -809,9 +768,7 @@ class AXResponsiveDirective {
                             .map((c) => c.slice(3)),
                     }))
                         .forEach((c) => {
-                        e.clientWidth < 320
-                            ? c.element.classList.add(...c.classList)
-                            : c.element.classList.remove(...c.classList);
+                        e.clientWidth < 320 ? c.element.classList.add(...c.classList) : c.element.classList.remove(...c.classList);
                     });
                 }
             }
@@ -832,31 +789,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
 
 class AXCommonModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: AXCommonModule, declarations: [AXResponsiveDirective,
-            AXInfiniteScrollerDirective,
-            AXAutoFocusDirective,
-            AXHotkeyDirective], exports: [AXResponsiveDirective,
-            AXInfiniteScrollerDirective,
-            AXAutoFocusDirective,
-            AXHotkeyDirective] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.2", ngImport: i0, type: AXCommonModule, declarations: [AXResponsiveDirective, AXInfiniteScrollerDirective, AXAutoFocusDirective, AXHotkeyDirective], exports: [AXResponsiveDirective, AXInfiniteScrollerDirective, AXAutoFocusDirective, AXHotkeyDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXCommonModule, providers: [AXHotkeysService] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXCommonModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        AXResponsiveDirective,
-                        AXInfiniteScrollerDirective,
-                        AXAutoFocusDirective,
-                        AXHotkeyDirective,
-                    ],
+                    declarations: [AXResponsiveDirective, AXInfiniteScrollerDirective, AXAutoFocusDirective, AXHotkeyDirective],
                     imports: [],
-                    exports: [
-                        AXResponsiveDirective,
-                        AXInfiniteScrollerDirective,
-                        AXAutoFocusDirective,
-                        AXHotkeyDirective,
-                    ],
+                    exports: [AXResponsiveDirective, AXInfiniteScrollerDirective, AXAutoFocusDirective, AXHotkeyDirective],
                     providers: [AXHotkeysService],
                 }]
         }] });
@@ -1757,10 +1698,8 @@ class AXRippleDirective {
             exists.remove();
         this.el.nativeElement.style.overflow = 'hidden';
         const rect = element.getBoundingClientRect();
-        const x = Math.floor(((event.clientX - rect.left) / (rect.right - rect.left)) *
-            element.clientWidth);
-        const y = Math.floor(((event.clientY - rect.top) / (rect.bottom - rect.top)) *
-            element.clientHeight);
+        const x = Math.floor(((event.clientX - rect.left) / (rect.right - rect.left)) * element.clientWidth);
+        const y = Math.floor(((event.clientY - rect.top) / (rect.bottom - rect.top)) * element.clientHeight);
         const circle = document.createElement('span');
         const diameter = Math.max(element.clientWidth, element.clientHeight);
         const radius = diameter / 2;