@ngx-stoui/core 14.0.0 → 14.0.1

package/fesm2015/ngx-stoui-core.mjs

@@ -1,17 +1,10 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Directive, Input, Output, HostListener, ContentChildren, Injectable, Optional, HostBinding, ElementRef, Host, NgModule, Pipe, Component } from '@angular/core';
-import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { EventEmitter, Directive, Input, Output, HostListener, ContentChildren, HostBinding, ElementRef, Host, Pipe } from '@angular/core';
 import { MatInput } from '@angular/material/input';
-import { Subject, BehaviorSubject, fromEvent } from 'rxjs';
+import { Subject, fromEvent } from 'rxjs';
 import { takeUntil, switchMap, take } from 'rxjs/operators';
-import { LayoutModule } from '@angular/cdk/layout';
 import * as i1 from '@angular/material/menu';
 import { parseISO, isValid, format } from 'date-fns';
-import * as i1$1 from '@angular/forms';
-import { ReactiveFormsModule, FormsModule } from '@angular/forms';
-import * as i4 from '@angular/material/expansion';
-import { MatExpansionModule } from '@angular/material/expansion';
 
 /**
 MIT License
@@ -207,12 +200,13 @@ class QuickKeysDirective {
         }
     }
 }
-QuickKeysDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: QuickKeysDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-QuickKeysDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: QuickKeysDirective, selector: "[stoQuickKeys]", inputs: { quickKeys: "quickKeys", formGroup: "formGroup" }, outputs: { quickSubmit: "quickSubmit", quickCancel: "quickCancel" }, host: { listeners: { "keyup": "onKeyUp($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: QuickKeysDirective, decorators: [{
+QuickKeysDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: QuickKeysDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+QuickKeysDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.5", type: QuickKeysDirective, isStandalone: true, selector: "[stoQuickKeys]", inputs: { quickKeys: "quickKeys", formGroup: "formGroup" }, outputs: { quickSubmit: "quickSubmit", quickCancel: "quickCancel" }, host: { listeners: { "keyup": "onKeyUp($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: QuickKeysDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[stoQuickKeys]'
+                    selector: '[stoQuickKeys]',
+                    standalone: true
                 }]
         }], propDecorators: { quickKeys: [{
                 type: Input
@@ -249,12 +243,13 @@ class DateFormFieldClickDirective {
         this.destroy$.complete();
     }
 }
-DateFormFieldClickDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DateFormFieldClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DateFormFieldClickDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: DateFormFieldClickDirective, selector: "[stoDateFormFieldClick]", inputs: { stoDateFormFieldClick: "stoDateFormFieldClick" }, host: { listeners: { "click": "clickEvent()" } }, queries: [{ propertyName: "inputs", predicate: MatInput }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DateFormFieldClickDirective, decorators: [{
+DateFormFieldClickDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: DateFormFieldClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+DateFormFieldClickDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.5", type: DateFormFieldClickDirective, isStandalone: true, selector: "[stoDateFormFieldClick]", inputs: { stoDateFormFieldClick: "stoDateFormFieldClick" }, host: { listeners: { "click": "clickEvent()" } }, queries: [{ propertyName: "inputs", predicate: MatInput }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: DateFormFieldClickDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[stoDateFormFieldClick]'
+                    selector: '[stoDateFormFieldClick]',
+                    standalone: true
                 }]
         }], propDecorators: { inputs: [{
                 type: ContentChildren,
@@ -266,89 +261,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImpor
                 args: ['click']
             }] } });
 
-const preferenceKey = 'TOPS_IM:UserPreferences';
-class StoUserPreferenceService {
-    constructor() {
-        this.hasSelectTextOnFocusEnabled = new BehaviorSubject(true);
-        this.default = {
-            hasSelectTextOnFocusEnabled: true
-        };
-        let sessionPreferences = {};
-        const sessionPreferencesString = this.getPreferences();
-        try {
-            sessionPreferences = JSON.parse(sessionPreferencesString);
-        }
-        catch (e) {
-            console.error('Unable to parse the preferences from local storage. Loading default');
-        }
-        this.preferences = Object.assign(Object.assign({}, this.default), sessionPreferences);
-        this.setHasSelectTextOnFocusEnabled(this.preferences.hasSelectTextOnFocusEnabled);
-    }
-    setHasSelectTextOnFocusEnabled(value) {
-        this.hasSelectTextOnFocusEnabled.next(value);
-        this.preferences.hasSelectTextOnFocusEnabled = value;
-        this.setPreferences(this.preferences);
-    }
-    getPreferences() {
-        return sessionStorage.getItem(preferenceKey) || '{}';
-    }
-    setPreferences(value) {
-        sessionStorage.setItem(preferenceKey, JSON.stringify(value));
-    }
-}
-StoUserPreferenceService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoUserPreferenceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-StoUserPreferenceService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoUserPreferenceService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoUserPreferenceService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return []; } });
-
 /**
  * stoSelectTextOnFocus listens for input focus events, and selects the contents of the input
  * A user service is established in {@link StoUserPreferenceService} that allows a user to toggle this feature
  */
 class StoSelectTextOnFocusDirective {
-    constructor(elementRef, userPreferenceService) {
+    constructor(elementRef) {
         this.elementRef = elementRef;
-        this.userPreferenceService = userPreferenceService;
-        this.destroyed$ = new Subject();
         this._el = this.elementRef.nativeElement;
     }
     /**
      * Listens for focus events on the host (input) element, and focuses if applicable
      */
     onFocus() {
-        if (this._hasSelectTextOnFocusEnabled && this._el.readOnly === false) {
+        if (!this._el.readOnly) {
             this._el.select();
         }
     }
-    /**
-     * Subscribes to changes in {@link StoUserPreferenceService}, and binds the variable accordingly.
-     */
-    ngOnInit() {
-        if (this.userPreferenceService) {
-            this.userPreferenceService.hasSelectTextOnFocusEnabled
-                .pipe(takeUntil(this.destroyed$)).subscribe((hasSelectTextOnFocusEnabled) => {
-                this._hasSelectTextOnFocusEnabled = hasSelectTextOnFocusEnabled;
-            });
-        }
-    }
-    ngOnDestroy() {
-        this.destroyed$.next(true);
-        this.destroyed$.complete();
-    }
 }
-StoSelectTextOnFocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoSelectTextOnFocusDirective, deps: [{ token: i0.ElementRef }, { token: StoUserPreferenceService, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-StoSelectTextOnFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: StoSelectTextOnFocusDirective, selector: "[stoSelectTextOnFocus]", host: { listeners: { "focus": "onFocus()", "dblclick": "onFocus()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoSelectTextOnFocusDirective, decorators: [{
+StoSelectTextOnFocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: StoSelectTextOnFocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+StoSelectTextOnFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.5", type: StoSelectTextOnFocusDirective, isStandalone: true, selector: "[stoSelectTextOnFocus]", host: { listeners: { "focus": "onFocus()", "dblclick": "onFocus()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: StoSelectTextOnFocusDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[stoSelectTextOnFocus]'
+                    selector: '[stoSelectTextOnFocus]',
+                    standalone: true
                 }]
-        }], ctorParameters: function () {
-        return [{ type: i0.ElementRef }, { type: StoUserPreferenceService, decorators: [{
-                        type: Optional
-                    }] }];
-    }, propDecorators: { onFocus: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { onFocus: [{
                 type: HostListener,
                 args: ['focus']
             }, {
@@ -372,11 +311,14 @@ class StoGridSpacerDirective {
         this.useClass = true;
     }
 }
-StoGridSpacerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoGridSpacerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-StoGridSpacerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: StoGridSpacerDirective, selector: "[stoGridSpacer]", host: { properties: { "class.sto-f-grid__col": "this.useClass", "class.sto-f-grid__col--spacer": "this.useClass" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoGridSpacerDirective, decorators: [{
+StoGridSpacerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: StoGridSpacerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+StoGridSpacerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.5", type: StoGridSpacerDirective, isStandalone: true, selector: "[stoGridSpacer]", host: { properties: { "class.sto-f-grid__col": "this.useClass", "class.sto-f-grid__col--spacer": "this.useClass" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: StoGridSpacerDirective, decorators: [{
             type: Directive,
-            args: [{ selector: '[stoGridSpacer]' }]
+            args: [{
+                    selector: '[stoGridSpacer]',
+                    standalone: true
+                }]
         }], propDecorators: { useClass: [{
                 type: HostBinding,
                 args: ['class.sto-f-grid__col']
@@ -389,11 +331,14 @@ class StoGridColumnDirective {
         this.useClass = true;
     }
 }
-StoGridColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoGridColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-StoGridColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: StoGridColumnDirective, selector: "[stoGridColumn]", inputs: { stoGridColumnDouble: "stoGridColumnDouble" }, host: { properties: { "class.sto-f-grid__col": "this.useClass", "class.sto-f-grid__col--2": "this.stoGridColumnDouble" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoGridColumnDirective, decorators: [{
+StoGridColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: StoGridColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+StoGridColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.5", type: StoGridColumnDirective, isStandalone: true, selector: "[stoGridColumn]", inputs: { stoGridColumnDouble: "stoGridColumnDouble" }, host: { properties: { "class.sto-f-grid__col": "this.useClass", "class.sto-f-grid__col--2": "this.stoGridColumnDouble" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: StoGridColumnDirective, decorators: [{
             type: Directive,
-            args: [{ selector: '[stoGridColumn]' }]
+            args: [{
+                    selector: '[stoGridColumn]',
+                    standalone: true
+                }]
         }], propDecorators: { useClass: [{
                 type: HostBinding,
                 args: ['class.sto-f-grid__col']
@@ -432,13 +377,14 @@ class StoGridDirective {
         }
     }
 }
-StoGridDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoGridDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-StoGridDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: StoGridDirective, selector: "[stoGrid]", inputs: { maxWidth: "maxWidth", minWidth: "minWidth", breakpoints: "breakpoints" }, host: { properties: { "style.max-width.px": "this.maxWidth", "style.min-width.px": "this.minWidth", "class.sto-f-grid": "this.baseClass" } }, queries: [{ propertyName: "columns", predicate: StoGridColumnDirective, read: ElementRef }], exportAs: ["stoGrid"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoGridDirective, decorators: [{
+StoGridDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: StoGridDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+StoGridDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.5", type: StoGridDirective, isStandalone: true, selector: "[stoGrid]", inputs: { maxWidth: "maxWidth", minWidth: "minWidth", breakpoints: "breakpoints" }, host: { properties: { "style.max-width.px": "this.maxWidth", "style.min-width.px": "this.minWidth", "class.sto-f-grid": "this.baseClass" } }, queries: [{ propertyName: "columns", predicate: StoGridColumnDirective, read: ElementRef }], exportAs: ["stoGrid"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: StoGridDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[stoGrid]',
-                    exportAs: 'stoGrid'
+                    exportAs: 'stoGrid',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { maxWidth: [{
                 type: HostBinding,
@@ -483,13 +429,14 @@ class MenuOverlayDirective {
         element.style.width = '1px';
     }
 }
-MenuOverlayDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: MenuOverlayDirective, deps: [{ token: i1.MatMenuTrigger, host: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-MenuOverlayDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: MenuOverlayDirective, selector: "[stoMenuOverlay]", host: { properties: { "style.left.px": "this.left", "style.top.px": "this.top" } }, exportAs: ["stoMenuOverlay"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: MenuOverlayDirective, decorators: [{
+MenuOverlayDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: MenuOverlayDirective, deps: [{ token: i1.MatMenuTrigger, host: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+MenuOverlayDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.5", type: MenuOverlayDirective, isStandalone: true, selector: "[stoMenuOverlay]", host: { properties: { "style.left.px": "this.left", "style.top.px": "this.top" } }, exportAs: ["stoMenuOverlay"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: MenuOverlayDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[stoMenuOverlay]',
-                    exportAs: 'stoMenuOverlay'
+                    exportAs: 'stoMenuOverlay',
+                    standalone: true
                 }]
         }], ctorParameters: function () {
         return [{ type: i1.MatMenuTrigger, decorators: [{
@@ -516,12 +463,13 @@ class ContextMenuDirective {
         }, 150);
     }
 }
-ContextMenuDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ContextMenuDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ContextMenuDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: ContextMenuDirective, selector: "[stoContextMenu]", inputs: { menuTrigger: "menuTrigger", overlayDirective: "overlayDirective", menuContext: "menuContext" }, host: { listeners: { "contextmenu": "contextMenu($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ContextMenuDirective, decorators: [{
+ContextMenuDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: ContextMenuDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ContextMenuDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.5", type: ContextMenuDirective, isStandalone: true, selector: "[stoContextMenu]", inputs: { menuTrigger: "menuTrigger", overlayDirective: "overlayDirective", menuContext: "menuContext" }, host: { listeners: { "contextmenu": "contextMenu($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: ContextMenuDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[stoContextMenu]'
+                    selector: '[stoContextMenu]',
+                    standalone: true
                 }]
         }], propDecorators: { menuTrigger: [{
                 type: Input
@@ -534,51 +482,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImpor
                 args: ['contextmenu', ['$event']]
             }] } });
 
-class StoDirectivesModule {
-}
-StoDirectivesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoDirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-StoDirectivesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: StoDirectivesModule, declarations: [QuickKeysDirective,
-        DateFormFieldClickDirective,
-        StoSelectTextOnFocusDirective,
-        StoGridDirective,
-        StoGridColumnDirective,
-        StoGridSpacerDirective,
-        MenuOverlayDirective,
-        ContextMenuDirective], imports: [CommonModule, LayoutModule], exports: [QuickKeysDirective,
+/**
+ * Directives have been made standalone, import them directly:
+ *     QuickKeysDirective
+ *     DateFormFieldClickDirective
+ *     StoSelectTextOnFocusDirective
+ *     StoGridDirective
+ *     StoGridColumnDirective
+ *     StoGridSpacerDirective
+ *     MenuOverlayDirective
+ *     ContextMenuDirective
+ */
+const StoDirectivesModule = [
+    [
+        QuickKeysDirective,
         DateFormFieldClickDirective,
         StoSelectTextOnFocusDirective,
         StoGridDirective,
         StoGridColumnDirective,
         StoGridSpacerDirective,
         MenuOverlayDirective,
-        ContextMenuDirective] });
-StoDirectivesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoDirectivesModule, imports: [CommonModule, LayoutModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoDirectivesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, LayoutModule],
-                    declarations: [
-                        QuickKeysDirective,
-                        DateFormFieldClickDirective,
-                        StoSelectTextOnFocusDirective,
-                        StoGridDirective,
-                        StoGridColumnDirective,
-                        StoGridSpacerDirective,
-                        MenuOverlayDirective,
-                        ContextMenuDirective
-                    ],
-                    exports: [
-                        QuickKeysDirective,
-                        DateFormFieldClickDirective,
-                        StoSelectTextOnFocusDirective,
-                        StoGridDirective,
-                        StoGridColumnDirective,
-                        StoGridSpacerDirective,
-                        MenuOverlayDirective,
-                        ContextMenuDirective
-                    ]
-                }]
-        }] });
+        ContextMenuDirective
+    ]
+];
 
 /**
  * Formats numbers to use our standard formatting (d ddd,ddd)
@@ -647,24 +573,25 @@ class NumberFormatPipe {
         return returnValue.toFixed(precision);
     }
 }
-NumberFormatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: NumberFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-NumberFormatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: NumberFormatPipe, name: "numberFormat" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: NumberFormatPipe, decorators: [{
+NumberFormatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: NumberFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+NumberFormatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.5", ngImport: i0, type: NumberFormatPipe, isStandalone: true, name: "numberFormat" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: NumberFormatPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'numberFormat'
+                    name: 'numberFormat',
+                    standalone: true
                 }]
         }] });
 
 /**
-  * Pipe used to transform numbers to a currency format
-  *
-  * @example
-  *
-  * <span>{{ 5000.5824 | currentFormat:'$':3 }}</span>
-  * Results in
-  * <span>5 000,582 $</span>
-  */
+ * Pipe used to transform numbers to a currency format
+ *
+ * @example
+ *
+ * <span>{{ 5000.5824 | currentFormat:'$':3 }}</span>
+ * Results in
+ * <span>5 000,582 $</span>
+ */
 class CurrencyFormatPipe {
     transform(value, unit = '', maximumFractionDigits = 3) {
         if (!value) {
@@ -680,12 +607,13 @@ class CurrencyFormatPipe {
         return intl.replace(/,/g, ' ').replace('.', ',') + ` ${unit}`;
     }
 }
-CurrencyFormatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CurrencyFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-CurrencyFormatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: CurrencyFormatPipe, name: "currencyFormat" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CurrencyFormatPipe, decorators: [{
+CurrencyFormatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: CurrencyFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+CurrencyFormatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.5", ngImport: i0, type: CurrencyFormatPipe, isStandalone: true, name: "currencyFormat" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: CurrencyFormatPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'currencyFormat'
+                    name: 'currencyFormat',
+                    standalone: true
                 }]
         }] });
 
@@ -705,12 +633,13 @@ class KeysPipe {
         return [];
     }
 }
-KeysPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: KeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-KeysPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: KeysPipe, name: "keys" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: KeysPipe, decorators: [{
+KeysPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: KeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+KeysPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.5", ngImport: i0, type: KeysPipe, isStandalone: true, name: "keys" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: KeysPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'keys'
+                    name: 'keys',
+                    standalone: true
                 }]
         }] });
 
@@ -755,12 +684,13 @@ class DateFormatPipe {
         }
     }
 }
-DateFormatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DateFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-DateFormatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: DateFormatPipe, name: "formatDate" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DateFormatPipe, decorators: [{
+DateFormatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: DateFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+DateFormatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.5", ngImport: i0, type: DateFormatPipe, isStandalone: true, name: "formatDate" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: DateFormatPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'formatDate'
+                    name: 'formatDate',
+                    standalone: true
                 }]
         }] });
 
@@ -781,11 +711,11 @@ class GetUnit {
         return value;
     }
 }
-GetUnit.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: GetUnit, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-GetUnit.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: GetUnit, name: "getUnit" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: GetUnit, decorators: [{
+GetUnit.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: GetUnit, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+GetUnit.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.5", ngImport: i0, type: GetUnit, isStandalone: true, name: "getUnit" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: GetUnit, decorators: [{
             type: Pipe,
-            args: [{ name: 'getUnit' }]
+            args: [{ name: 'getUnit', standalone: true }]
         }] });
 class ExcludeUnit {
     transform(value) {
@@ -798,11 +728,11 @@ class ExcludeUnit {
         return value;
     }
 }
-ExcludeUnit.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ExcludeUnit, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-ExcludeUnit.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: ExcludeUnit, name: "excludeUnit" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ExcludeUnit, decorators: [{
+ExcludeUnit.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: ExcludeUnit, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+ExcludeUnit.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.5", ngImport: i0, type: ExcludeUnit, isStandalone: true, name: "excludeUnit" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: ExcludeUnit, decorators: [{
             type: Pipe,
-            args: [{ name: 'excludeUnit' }]
+            args: [{ name: 'excludeUnit', standalone: true }]
         }] });
 
 class YesNoPipe {
@@ -817,108 +747,22 @@ class YesNoPipe {
         return valueStr;
     }
 }
-YesNoPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: YesNoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-YesNoPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: YesNoPipe, name: "yesNo" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: YesNoPipe, decorators: [{
+YesNoPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: YesNoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+YesNoPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.5", ngImport: i0, type: YesNoPipe, isStandalone: true, name: "yesNo" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: YesNoPipe, decorators: [{
             type: Pipe,
-            args: [{ name: 'yesNo' }]
+            args: [{ name: 'yesNo', standalone: true }]
         }] });
 
-class StoPipesModule {
-}
-StoPipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-StoPipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: StoPipesModule, declarations: [DateFormatPipe,
-        KeysPipe,
-        NumberFormatPipe,
-        CurrencyFormatPipe,
-        GetUnit,
-        ExcludeUnit,
-        YesNoPipe], imports: [CommonModule], exports: [DateFormatPipe,
-        KeysPipe,
-        NumberFormatPipe,
-        CurrencyFormatPipe,
-        GetUnit,
-        ExcludeUnit,
-        YesNoPipe] });
-StoPipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoPipesModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoPipesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule],
-                    declarations: [
-                        DateFormatPipe,
-                        KeysPipe,
-                        NumberFormatPipe,
-                        CurrencyFormatPipe,
-                        GetUnit,
-                        ExcludeUnit,
-                        YesNoPipe
-                    ],
-                    exports: [
-                        DateFormatPipe,
-                        KeysPipe,
-                        NumberFormatPipe,
-                        CurrencyFormatPipe,
-                        GetUnit,
-                        ExcludeUnit,
-                        YesNoPipe
-                    ]
-                }]
-        }] });
-
-class StoUserPreferenceComponent {
-    constructor(fb, service) {
-        this.fb = fb;
-        this.service = service;
-        this.destroyed$ = new Subject();
-    }
-    initForm(value) {
-        var _a;
-        this.form = this.fb.group({
-            hasSelectTextOnFocusEnabled: [value]
-        });
-        (_a = this.form.get('hasSelectTextOnFocusEnabled')) === null || _a === void 0 ? void 0 : _a.valueChanges.pipe(takeUntil(this.destroyed$)).subscribe((hasSelectTextOnFocusEnabled) => {
-            this.service.setHasSelectTextOnFocusEnabled(hasSelectTextOnFocusEnabled);
-        });
-    }
-    ngOnInit() {
-        this.service.hasSelectTextOnFocusEnabled.asObservable()
-            .pipe(take(1))
-            .subscribe((value) => {
-            this.initForm(value);
-        });
-    }
-    ngOnDestroy() {
-        this.destroyed$.next(true);
-        this.destroyed$.complete();
-    }
-}
-StoUserPreferenceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoUserPreferenceComponent, deps: [{ token: i1$1.UntypedFormBuilder }, { token: StoUserPreferenceService }], target: i0.ɵɵFactoryTarget.Component });
-StoUserPreferenceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: StoUserPreferenceComponent, selector: "sto-user-preference", ngImport: i0, template: "<mat-expansion-panel [expanded]=\"false\">\n  <mat-expansion-panel-header>\n    <mat-panel-title>Settings<span style=\"opacity: 0.36\">&nbsp;(beta)</span></mat-panel-title>\n  </mat-expansion-panel-header>\n  <div *ngIf=\"form\" class=\"sto-grid sto-grid--4\">\n\n    <ng-content></ng-content>\n\n  </div>\n</mat-expansion-panel>\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i4.MatExpansionPanelTitle, selector: "mat-panel-title" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoUserPreferenceComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sto-user-preference', template: "<mat-expansion-panel [expanded]=\"false\">\n  <mat-expansion-panel-header>\n    <mat-panel-title>Settings<span style=\"opacity: 0.36\">&nbsp;(beta)</span></mat-panel-title>\n  </mat-expansion-panel-header>\n  <div *ngIf=\"form\" class=\"sto-grid sto-grid--4\">\n\n    <ng-content></ng-content>\n\n  </div>\n</mat-expansion-panel>\n" }]
-        }], ctorParameters: function () { return [{ type: i1$1.UntypedFormBuilder }, { type: StoUserPreferenceService }]; } });
-
-class StoUserPreferenceModule {
-    static forRoot() {
-        return {
-            ngModule: StoUserPreferenceModule,
-            providers: [StoUserPreferenceService]
-        };
-    }
-}
-StoUserPreferenceModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoUserPreferenceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-StoUserPreferenceModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: StoUserPreferenceModule, declarations: [StoUserPreferenceComponent], imports: [CommonModule, MatExpansionModule, ReactiveFormsModule, FormsModule], exports: [StoUserPreferenceComponent] });
-StoUserPreferenceModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoUserPreferenceModule, imports: [CommonModule, MatExpansionModule, ReactiveFormsModule, FormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: StoUserPreferenceModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, MatExpansionModule, ReactiveFormsModule, FormsModule],
-                    exports: [StoUserPreferenceComponent],
-                    declarations: [StoUserPreferenceComponent]
-                }]
-        }] });
+const StoPipesModule = [
+    DateFormatPipe,
+    KeysPipe,
+    NumberFormatPipe,
+    CurrencyFormatPipe,
+    GetUnit,
+    ExcludeUnit,
+    YesNoPipe
+];
 
 /*
  * Public API Surface of @ngx-stoui/core
@@ -928,5 +772,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ContextMenuDirective, CurrencyFormatPipe, DateFormFieldClickDirective, DateFormatPipe, ExcludeUnit, GetUnit, Key, KeysPipe, MenuOverlayDirective, NumberFormatPipe, QuickKeysDirective, StoDirectivesModule, StoGridColumnDirective, StoGridDirective, StoGridSpacerDirective, StoPipesModule, StoSelectTextOnFocusDirective, StoUserPreferenceComponent, StoUserPreferenceModule, StoUserPreferenceService, YesNoPipe };
+export { ContextMenuDirective, CurrencyFormatPipe, DateFormFieldClickDirective, DateFormatPipe, ExcludeUnit, GetUnit, Key, KeysPipe, MenuOverlayDirective, NumberFormatPipe, QuickKeysDirective, StoDirectivesModule, StoGridColumnDirective, StoGridDirective, StoGridSpacerDirective, StoPipesModule, StoSelectTextOnFocusDirective, YesNoPipe };
 //# sourceMappingURL=ngx-stoui-core.mjs.map