@smartsoft001-mobilems/angular 2.31.0 → 2.33.0

package/fesm2022/smartsoft001-mobilems-angular.mjs

@@ -1995,6 +1995,94 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
+/**
+ * Directive that detects when a click occurs outside of an element.
+ *
+ * When a click is detected outside the element, the `smartClickOutside` output
+ * signal emits a `ClickOutsideEvent` containing the click event and target element.
+ *
+ * The directive respects the `isActive` input signal. When `isActive` is false,
+ * outside clicks are not detected.
+ *
+ * @example
+ * ```typescript
+ * import { Component, signal } from '@angular/core';
+ * import { ClickOutsideDirective } from '@smartsoft001-mobilems/angular';
+ *
+ * @Component({
+ *   selector: 'app-example',
+ *   imports: [ClickOutsideDirective],
+ *   template: `\n *     <div
+ *       smartClickOutside
+ *       [isActive]="isActive()"
+ *       (smartClickOutside)="onClickOutside()"
+ *       class="smart-border smart-p-4"
+ *     >
+ *       Content inside
+ *     </div>
+ *   `,
+ * })
+ * export class ExampleComponent {
+ *   isActive = signal(true);
+ *
+ *   onClickOutside(): void {
+ *     console.log('Clicked outside!');
+ *   }
+ * }
+ * ```
+ */
+class ClickOutsideDirective {
+    constructor() {
+        this.elementRef = inject(ElementRef);
+        /**
+         * Controls whether the directive responds to click events.
+         * When false, no outside clicks are detected.
+         */
+        this.isActive = input(true, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
+        /**
+         * Emits when a click outside the element is detected while isActive is true.
+         */
+        this.smartClickOutside = output();
+        this.clickEffect = effect(() => {
+            // Access the isActive signal to track changes
+            this.isActive();
+        }, ...(ngDevMode ? [{ debugName: "clickEffect" }] : []));
+    }
+    /**
+     * Handles document click events and checks if the click was outside the element.
+     */
+    onClick(event) {
+        if (!event) {
+            return;
+        }
+        if (!this.isActive()) {
+            return;
+        }
+        const target = event.target;
+        if (!target) {
+            return;
+        }
+        const isClickInsideElement = this.elementRef.nativeElement.contains(target);
+        if (!isClickInsideElement) {
+            this.smartClickOutside.emit({
+                event,
+                target: event.target,
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ClickOutsideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.0", type: ClickOutsideDirective, isStandalone: true, selector: "[smartClickOutside]", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { smartClickOutside: "smartClickOutside" }, host: { listeners: { "document:click": "onClick($event)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ClickOutsideDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[smartClickOutside]',
+                }]
+        }], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
 const DIRECTIVES = [];
 
 function initializeApp(configsFacade) {
@@ -2087,5 +2175,5 @@ const unauthorizedGuard = () => {
  * Generated bundle index. Do not edit.
  */
 
-export { AppComponent, AuthStorageService, COMPONENTS, ConfigsFacade, ConfigsService, ContrastService, CrudBaseService, DIRECTIVES, DictionaryService, FileUrlService, FiltersBaseComponent, FiltersContext, FooterComponent, GameType, GlobalService, HeaderComponent, HoverDirective, ImageBox, ListMode, MenuComponent, MetaService, ModalContainerComponent, ModalRef, ModalService, PageComponent, QueryFilterService, SERVICES, ScrollTopComponent, ScrollableDirective, SearchService, SeoService, SettingsService, SharedConfig, SharedModule, StyleService, TRANSLATE_DATA_PL, TranslationService, WcagService, authenticationGuard, environment, setTranslationsAndLang, unauthorizedGuard };
+export { AppComponent, AuthStorageService, COMPONENTS, ClickOutsideDirective, ConfigsFacade, ConfigsService, ContrastService, CrudBaseService, DIRECTIVES, DictionaryService, FileUrlService, FiltersBaseComponent, FiltersContext, FooterComponent, GameType, GlobalService, HeaderComponent, HoverDirective, ImageBox, ListMode, MenuComponent, MetaService, ModalContainerComponent, ModalRef, ModalService, PageComponent, QueryFilterService, SERVICES, ScrollTopComponent, ScrollableDirective, SearchService, SeoService, SettingsService, SharedConfig, SharedModule, StyleService, TRANSLATE_DATA_PL, TranslationService, WcagService, authenticationGuard, environment, setTranslationsAndLang, unauthorizedGuard };
 //# sourceMappingURL=smartsoft001-mobilems-angular.mjs.map