@coreui/angular-pro 5.3.5 → 5.3.7

package/fesm2022/coreui-angular-pro.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, Directive, input, Renderer2, effect, TemplateRef, Input, booleanAttribute, NgModule, computed, Injectable, Component, signal, output, contentChildren, EventEmitter, HostBinding, Output, ContentChildren, HostListener, DestroyRef, RendererFactory2, numberAttribute, Pipe, ViewChildren, model, PLATFORM_ID, afterNextRender, Inject, ChangeDetectorRef, ViewChild, forwardRef, ContentChild, viewChild, ChangeDetectionStrategy, NgZone, contentChild, afterRender, ViewContainerRef, viewChildren, untracked, linkedSignal, Injector, runInInjectionContext } from '@angular/core';
+import { inject, ElementRef, Directive, input, Renderer2, effect, TemplateRef, Input, booleanAttribute, NgModule, computed, Injectable, Component, signal, output, afterNextRender, contentChildren, EventEmitter, HostBinding, Output, ContentChildren, HostListener, DestroyRef, RendererFactory2, numberAttribute, Pipe, ViewChildren, model, PLATFORM_ID, Inject, ChangeDetectorRef, ViewChild, forwardRef, ContentChild, viewChild, ChangeDetectionStrategy, NgZone, contentChild, afterRender, ViewContainerRef, viewChildren, untracked, linkedSignal, Injector, runInInjectionContext } from '@angular/core';
 import { NgTemplateOutlet, DOCUMENT, NgClass, AsyncPipe, NgStyle, isPlatformServer, isPlatformBrowser, formatDate, I18nPluralPipe } from '@angular/common';
 import { animation, animate, style, AnimationBuilder, useAnimation, trigger, state, transition, group, query, animateChild } from '@angular/animations';
 import { takeUntilDestroyed, toObservable, toSignal } from '@angular/core/rxjs-interop';
@@ -276,6 +276,10 @@ const expandHorizontalAnimation = animation([animate('{{ time }} {{ easing }}')]
 const collapseHorizontalAnimation = animation([animate('{{ time }} {{ easing }}')]);
 
 class CollapseDirective {
+    #hostElement;
+    #renderer;
+    #animationBuilder;
+    #player;
     constructor() {
         this.#hostElement = inject(ElementRef);
         this.#renderer = inject(Renderer2);
@@ -286,7 +290,7 @@ class CollapseDirective {
          */
         this.animateInput = input(true, { transform: booleanAttribute, alias: 'animate' });
         this.animate = signal(true);
-        this.animateInputEffect = effect(() => {
+        this.#animateInputEffect = effect(() => {
             this.animate.set(this.animateInput());
         });
         /**
@@ -302,15 +306,15 @@ class CollapseDirective {
          */
         this.visibleInput = input(false, { transform: booleanAttribute, alias: 'visible' });
         this.visibleChange = output();
-        this.visibleInputEffect = effect(() => {
+        this.#visibleInputEffect = effect(() => {
             this.visible.set(this.visibleInput());
         });
         this.visible = signal(false);
-        this.#init = false;
-        this.visibleEffect = effect(() => {
-            const visible = this.visible();
-            (this.#init || visible) && this.createPlayer(visible);
-            this.#init = true;
+        this.#initialized = signal(false);
+        this.#visibleEffect = effect(() => {
+            if (this.#initialized()) {
+                this.createPlayer(this.visible());
+            }
         });
         /**
          * Add `navbar` prop for grouping and hiding navbar contents by a parent breakpoint.
@@ -337,12 +341,16 @@ class CollapseDirective {
                 'collapse-horizontal': this.horizontal()
             };
         });
+        afterNextRender({
+            read: () => {
+                this.#initialized.set(true);
+            }
+        });
     }
-    #hostElement;
-    #renderer;
-    #animationBuilder;
-    #player;
-    #init;
+    #animateInputEffect;
+    #visibleInputEffect;
+    #initialized;
+    #visibleEffect;
     ngOnDestroy() {
         this.destroyPlayer();
     }
@@ -404,16 +412,16 @@ class CollapseDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: CollapseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.5", type: CollapseDirective, isStandalone: true, selector: "[cCollapse]", inputs: { animateInput: { classPropertyName: "animateInput", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null }, horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null }, visibleInput: { classPropertyName: "visibleInput", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, navbar: { classPropertyName: "navbar", publicName: "navbar", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, transition: { classPropertyName: "transition", publicName: "transition", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visibleChange: "visibleChange", collapseChange: "collapseChange" }, host: { properties: { "class": "hostClasses()", "style": "{display: \"none\"}" } }, exportAs: ["cCollapse"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.5", type: CollapseDirective, isStandalone: true, selector: "[cCollapse]", inputs: { animateInput: { classPropertyName: "animateInput", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null }, horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null }, visibleInput: { classPropertyName: "visibleInput", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, navbar: { classPropertyName: "navbar", publicName: "navbar", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, transition: { classPropertyName: "transition", publicName: "transition", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visibleChange: "visibleChange", collapseChange: "collapseChange" }, host: { properties: { "class": "hostClasses()", "style": "{ display: \"none\" }" } }, exportAs: ["cCollapse"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: CollapseDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cCollapse]',
                     exportAs: 'cCollapse',
-                    host: { '[class]': 'hostClasses()', '[style]': '{display: "none"}' }
+                    host: { '[class]': 'hostClasses()', '[style]': '{ display: "none" }' }
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 class CollapseModule {
     static forRoot() {
@@ -11877,6 +11885,7 @@ class OffcanvasComponent {
             show: this.show
         };
     }
+    // @HostBinding('attr.aria-hidden')
     get ariaHidden() {
         return this.visible ? null : true;
     }
@@ -11992,7 +12001,7 @@ class OffcanvasComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: OffcanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.5", type: OffcanvasComponent, isStandalone: true, selector: "c-offcanvas", inputs: { backdrop: "backdrop", keyboard: ["keyboard", "keyboard", booleanAttribute], placement: "placement", responsive: "responsive", id: "id", role: "role", ariaModal: ["ariaModal", "ariaModal", booleanAttribute], scroll: ["scroll", "scroll", booleanAttribute], visible: ["visible", "visible", booleanAttribute] }, outputs: { visibleChange: "visibleChange" }, host: { attributes: { "ngSkipHydration": "true" }, listeners: { "@showHide.start": "animateStart($event)", "@showHide.done": "animateDone($event)", "document:keydown": "onKeyDownHandler($event)" }, properties: { "attr.role": "this.role", "attr.aria-modal": "this.ariaModal", "class": "this.hostClasses", "attr.aria-hidden": "this.ariaHidden", "attr.tabindex": "this.tabIndex", "@showHide": "this.animateTrigger" } }, exportAs: ["cOffcanvas"], hostDirectives: [{ directive: ThemeDirective, inputs: ["dark", "dark"] }], ngImport: i0, template: "<div cdkTrapFocus cdkTrapFocusAutoCapture>\n  <ng-content />\n</div>\n\n", styles: [":host{display:none}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.0.5", type: OffcanvasComponent, isStandalone: true, selector: "c-offcanvas", inputs: { backdrop: "backdrop", keyboard: ["keyboard", "keyboard", booleanAttribute], placement: "placement", responsive: "responsive", id: "id", role: "role", ariaModal: ["ariaModal", "ariaModal", booleanAttribute], scroll: ["scroll", "scroll", booleanAttribute], visible: ["visible", "visible", booleanAttribute] }, outputs: { visibleChange: "visibleChange" }, host: { attributes: { "ngSkipHydration": "true" }, listeners: { "@showHide.start": "animateStart($event)", "@showHide.done": "animateDone($event)", "document:keydown": "onKeyDownHandler($event)" }, properties: { "attr.inert": "ariaHidden || null", "attr.role": "this.role", "attr.aria-modal": "this.ariaModal", "class": "this.hostClasses", "attr.tabindex": "this.tabIndex", "@showHide": "this.animateTrigger" } }, exportAs: ["cOffcanvas"], hostDirectives: [{ directive: ThemeDirective, inputs: ["dark", "dark"] }], ngImport: i0, template: "<div cdkTrapFocus cdkTrapFocusAutoCapture>\n  <ng-content />\n</div>\n\n", styles: [":host{display:none}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], animations: [
             trigger('showHide', [
                 state('visible', style({
                 // visibility: 'visible'
@@ -12016,7 +12025,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                             })),
                             transition('visible <=> *', [animate('300ms')])
                         ])
-                    ], exportAs: 'cOffcanvas', imports: [A11yModule], hostDirectives: [{ directive: ThemeDirective, inputs: ['dark'] }], host: { ngSkipHydration: 'true' }, template: "<div cdkTrapFocus cdkTrapFocusAutoCapture>\n  <ng-content />\n</div>\n\n", styles: [":host{display:none}\n"] }]
+                    ], exportAs: 'cOffcanvas', imports: [A11yModule], hostDirectives: [{ directive: ThemeDirective, inputs: ['dark'] }], host: { ngSkipHydration: 'true', '[attr.inert]': 'ariaHidden || null' }, template: "<div cdkTrapFocus cdkTrapFocusAutoCapture>\n  <ng-content />\n</div>\n\n", styles: [":host{display:none}\n"] }]
         }], propDecorators: { backdrop: [{
                 type: Input
             }], keyboard: [{
@@ -12050,9 +12059,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
             }], hostClasses: [{
                 type: HostBinding,
                 args: ['class']
-            }], ariaHidden: [{
-                type: HostBinding,
-                args: ['attr.aria-hidden']
             }], tabIndex: [{
                 type: HostBinding,
                 args: ['attr.tabindex']
@@ -14062,10 +14068,11 @@ class RangeSliderComponent {
     }
     handleInputsContainerMouseDown($event) {
         $event.preventDefault();
-        if (!this.trackRef() ||
-            $event.button !== 0 ||
-            this.disabledState() ||
-            !['range-slider-input', 'range-slider-track'].some((className) => $event.target.classList.contains(className))) {
+        if (!this.trackRef() || $event.button !== 0 || this.disabledState()) {
+            return;
+        }
+        const validTarget = [...this.inputRefs(), this.trackRef()];
+        if (!validTarget.find((target) => target?.nativeElement === $event.target)) {
             return;
         }
         const clickValue = calculateClickValue($event, this.trackRef()?.nativeElement, this.min(), this.max(), this.step(), this.vertical(), this.isRtl);
@@ -15443,8 +15450,6 @@ class FilterInputDirective {
         this.valueChange = new EventEmitter();
     }
     #value;
-    #valueSubscription;
-    #inputSubscription;
     set value(value) {
         this.value$.next(value);
     }
@@ -15452,9 +15457,7 @@ class FilterInputDirective {
         this.setSubscription();
     }
     setSubscription() {
-        this.#valueSubscription = this.value$
-            .pipe(distinctUntilChanged$1(), takeUntilDestroyed(this.destroyRef))
-            .subscribe(value => {
+        this.value$.pipe(distinctUntilChanged$1(), takeUntilDestroyed(this.destroyRef)).subscribe((value) => {
             if (this.#value !== value) {
                 this.#value = value;
                 this.emitObject = { ...this.emitObject, value: value, type: this.onEvent };
@@ -15462,8 +15465,8 @@ class FilterInputDirective {
             }
         });
         const dueTime = this.onEvent === 'change' ? 0 : this.delay;
-        this.#inputSubscription = fromEvent(this.elementRef.nativeElement, this.onEvent)
-            .pipe(map$1(event => {
+        fromEvent(this.elementRef.nativeElement, this.onEvent)
+            .pipe(map$1((event) => {
             return event.target.value;
         }), debounceTime$1(dueTime), takeUntilDestroyed(this.destroyRef))
             .subscribe((value) => {
@@ -16250,9 +16253,6 @@ class SmartTableComponent {
         this.itemsFilteredDiffer = this.iterableDiffers.find(this._columnFiltered).create();
         this.columFilterValueDiffer = this.keyValueDiffers.find(this.columnFilterValue).create();
         this.sorterValueDiffer = this.keyValueDiffers.find(this.sorterValue).create();
-        setTimeout(() => {
-            this.selectedAllSubject.next(this.selectedAll);
-        }, 0);
     }
     set activePage(value) {
         this._activePage = value || 1;
@@ -16365,10 +16365,13 @@ class SmartTableComponent {
         });
         this.columnFilterTemplates = { ...this.columnFilterTemplates };
         this.columnLabelTemplates = { ...this.columnLabelTemplates };
+        setTimeout(() => {
+            this.selectedAllSubject.next(this.selectedAll);
+        }, 0);
     }
     get selectedAll() {
         const selected = this.items.some((item) => item._selected === true);
-        const unselected = this.items.some((item) => item._selected === false);
+        const unselected = this.items.some((item) => item._selected !== true);
         return selected && unselected ? 'indeterminate' : selected;
     }
     get tableFilterState() {
@@ -16561,7 +16564,11 @@ class SmartTableComponent {
         }, 0);
     }
     handleSelectAllChange($event) {
+        const tableFiltered = [...this.tableFiltered];
         this._items = this.items.map((item) => {
+            if (!tableFiltered.includes(item)) {
+                return { ...item };
+            }
             return { ...item, _selected: item._selectable !== false ? $event : !!item._selected };
         });
         this.selectedAllSubject.next($event);