@ngx-stoui/core 15.0.1 → 16.0.0

package/style/theme/preference-manager.scss

@@ -1,50 +1,50 @@
-@import "theme";
-@import "typography";
-
-@mixin preference-manager-theme($theme, $variables) {
-  $selected-color: map_get($variables, selected-bg);
-  $hover-color: map_get($variables, hover-bg);
-  $border-color: map_get($variables, border-color);
-  $secondary-color: map_get($variables, secondary);
-
-  sto-preference-manager {
-
-    .filter-title {
-      small {
-        color: $secondary-color;
-      }
-    }
-  }
-
-  .mat-menu-panel.preference-manager-list {
-
-    .preference-manager-list-item {
-      &:hover:not(.selected) {
-        background-color: $hover-color !important; // Angular material has super strict rules we need to override.
-      }
-
-
-      &.selected {
-        background-color: $selected-color !important;
-      }
-
-      .preference-manager-list-item-title {
-
-        small {
-          color: $secondary-color;
-        }
-      }
-    }
-
-    .preference-manager-list-footer {
-      border-top: 1px solid $border-color;
-      background: $hover-color;
-    }
-  }
-
-}
-
-// Include theme styles for your custom components.
-body {
-  @include preference-manager-theme($sto-theme, $variables);
-}
+@import "theme";
+@import "typography";
+
+@mixin preference-manager-theme($theme, $variables) {
+  $selected-color: map_get($variables, selected-bg);
+  $hover-color: map_get($variables, hover-bg);
+  $border-color: map_get($variables, border-color);
+  $secondary-color: map_get($variables, secondary);
+
+  sto-preference-manager {
+
+    .filter-title {
+      small {
+        color: $secondary-color;
+      }
+    }
+  }
+
+  .mat-menu-panel.preference-manager-list {
+
+    .preference-manager-list-item {
+      &:hover:not(.selected) {
+        background-color: $hover-color !important; // Angular material has super strict rules we need to override.
+      }
+
+
+      &.selected {
+        background-color: $selected-color !important;
+      }
+
+      .preference-manager-list-item-title {
+
+        small {
+          color: $secondary-color;
+        }
+      }
+    }
+
+    .preference-manager-list-footer {
+      border-top: 1px solid $border-color;
+      background: $hover-color;
+    }
+  }
+
+}
+
+// Include theme styles for your custom components.
+body {
+  @include preference-manager-theme($sto-theme, $variables);
+}

package/style/theme.scss

@@ -1,35 +1,41 @@
-@use '@angular/material' as mat;
-@import "./theme/typography";
-@import "./theme/theme";
-@import "./theme/components";
-
-@include mat.legacy-core();
-
-// Include theme styles for core and each component used in your app.
-@include mat.legacy-core-theme($sto-theme);
-@include mat.all-legacy-component-themes($sto-theme);
-
-body, .sto-header, .mat-card {
-  transition: background-color 200ms ease;
-}
-
-@include mat.legacy-typography-hierarchy($sto-typography, '.mat-typography');
-@include mat.legacy-typography-hierarchy($sto-sm-typography, '.mat-typography.sto-sm-typography');
-@include mat.legacy-typography-hierarchy($sto-l-typography, '.mat-typography.sto-l-typography');
-
-
-.mat-typography {
-  @include mat.core-typography($sto-typography);
-  @include mat.all-legacy-component-typographies($sto-typography);
-}
-
-.mat-typography.sto-sm-typography {
-  @include mat.core-typography($sto-sm-typography);
-  @include mat.all-legacy-component-typographies($sto-typography);
-}
-
-.mat-typography.sto-l-typography {
-  @include mat.core-typography($sto-l-typography);
-  @include mat.all-legacy-component-typographies($sto-typography);
-}
-
+@use '@angular/material' as mat;
+@import './theme/typography';
+@import './theme/theme';
+@import './theme/components';
+
+@include mat.core();
+
+// Include theme styles for core and each component used in your app.
+@include mat.core-theme($sto-theme);
+@include mat.all-component-themes($sto-theme);
+
+body,
+.sto-header,
+.mat-card {
+  transition: background-color 200ms ease;
+}
+
+@include mat.typography-hierarchy($sto-typography, '.mat-typography');
+@include mat.typography-hierarchy(
+  $sto-sm-typography,
+  '.mat-typography.sto-sm-typography'
+);
+@include mat.typography-hierarchy(
+  $sto-l-typography,
+  '.mat-typography.sto-l-typography'
+);
+
+.mat-typography {
+  @include mat.core-typography($sto-typography);
+  @include mat.all-component-typographies($sto-typography);
+}
+
+.mat-typography.sto-sm-typography {
+  @include mat.core-typography($sto-sm-typography);
+  @include mat.all-component-typographies($sto-sm-typography);
+}
+
+.mat-typography.sto-l-typography {
+  @include mat.core-typography($sto-l-typography);
+  @include mat.all-component-typographies($sto-l-typography);
+}

package/esm2020/lib/sto-directives/context-menu.directive.mjs

@@ -1,36 +0,0 @@
-import { Directive, HostListener, Input } from '@angular/core';
-import { MatLegacyMenuTrigger as MatMenuTrigger } from '@angular/material/legacy-menu';
-import { MenuOverlayDirective } from './menu-overlay.directive';
-import * as i0 from "@angular/core";
-export class ContextMenuDirective {
-    contextMenu(event) {
-        event.preventDefault();
-        if (this.menuTrigger.menuOpen) {
-            this.menuTrigger.closeMenu();
-        }
-        this.overlayDirective.updatePosition(event);
-        setTimeout(() => {
-            this.menuTrigger.menuData = this.menuContext;
-            this.menuTrigger.openMenu();
-        }, 150);
-    }
-}
-ContextMenuDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: ContextMenuDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ContextMenuDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.1", 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: "15.0.1", ngImport: i0, type: ContextMenuDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[stoContextMenu]',
-                    standalone: true
-                }]
-        }], propDecorators: { menuTrigger: [{
-                type: Input
-            }], overlayDirective: [{
-                type: Input
-            }], menuContext: [{
-                type: Input
-            }], contextMenu: [{
-                type: HostListener,
-                args: ['contextmenu', ['$event']]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGV4dC1tZW51LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL3N0by1kaXJlY3RpdmVzL2NvbnRleHQtbWVudS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9ELE9BQU8sRUFBRSxvQkFBb0IsSUFBSSxjQUFjLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN2RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFNaEUsTUFBTSxPQUFPLG9CQUFvQjtJQVMvQixXQUFXLENBQUMsS0FBaUI7UUFDM0IsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLElBQUssSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLEVBQUc7WUFDL0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLEVBQUUsQ0FBQztTQUM5QjtRQUNELElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDNUMsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7WUFDN0MsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUM5QixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDVixDQUFDOztpSEFuQlUsb0JBQW9CO3FHQUFwQixvQkFBb0I7MkZBQXBCLG9CQUFvQjtrQkFKaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBR0MsV0FBVztzQkFEVixLQUFLO2dCQUdOLGdCQUFnQjtzQkFEZixLQUFLO2dCQUdOLFdBQVc7c0JBRFYsS0FBSztnQkFJTixXQUFXO3NCQURWLFlBQVk7dUJBQUMsYUFBYSxFQUFFLENBQUUsUUFBUSxDQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBIb3N0TGlzdGVuZXIsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRMZWdhY3lNZW51VHJpZ2dlciBhcyBNYXRNZW51VHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2xlZ2FjeS1tZW51JztcbmltcG9ydCB7IE1lbnVPdmVybGF5RGlyZWN0aXZlIH0gZnJvbSAnLi9tZW51LW92ZXJsYXkuZGlyZWN0aXZlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3N0b0NvbnRleHRNZW51XScsXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgQ29udGV4dE1lbnVEaXJlY3RpdmUge1xuICBASW5wdXQoKVxuICBtZW51VHJpZ2dlcjogTWF0TWVudVRyaWdnZXI7XG4gIEBJbnB1dCgpXG4gIG92ZXJsYXlEaXJlY3RpdmU6IE1lbnVPdmVybGF5RGlyZWN0aXZlO1xuICBASW5wdXQoKVxuICBtZW51Q29udGV4dDogdW5rbm93bjtcblxuICBASG9zdExpc3RlbmVyKCdjb250ZXh0bWVudScsIFsgJyRldmVudCcgXSlcbiAgY29udGV4dE1lbnUoZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGlmICggdGhpcy5tZW51VHJpZ2dlci5tZW51T3BlbiApIHtcbiAgICAgIHRoaXMubWVudVRyaWdnZXIuY2xvc2VNZW51KCk7XG4gICAgfVxuICAgIHRoaXMub3ZlcmxheURpcmVjdGl2ZS51cGRhdGVQb3NpdGlvbihldmVudCk7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLm1lbnVUcmlnZ2VyLm1lbnVEYXRhID0gdGhpcy5tZW51Q29udGV4dDtcbiAgICAgIHRoaXMubWVudVRyaWdnZXIub3Blbk1lbnUoKTtcbiAgICB9LCAxNTApO1xuICB9XG5cbn1cbiJdfQ==

package/esm2020/lib/sto-directives/date-form-field-click.directive.mjs

@@ -1,46 +0,0 @@
-import { ContentChildren, Directive, HostListener, Input, QueryList } from '@angular/core';
-import { MatDatepicker } from '@angular/material/datepicker';
-import { MatLegacyInput as MatInput } from '@angular/material/legacy-input';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-/**
- * Directive that can be placed on mat-form-fields that contains a mat-datepicker.
- * This directive has two tasks:
- * Clicking anywhere on the mat-form-field will open the datepicker dialog
- * When the datepicker is closed in any manner, we shift focus back to the datepicker input
- */
-export class DateFormFieldClickDirective {
-    constructor() {
-        this.destroy$ = new Subject();
-    }
-    clickEvent() {
-        this.stoDateFormFieldClick.open();
-    }
-    ngOnInit() {
-        this.stoDateFormFieldClick.closedStream
-            .pipe(takeUntil(this.destroy$)).subscribe(() => this.inputs.first.focus());
-    }
-    ngOnDestroy() {
-        this.destroy$.next(true);
-        this.destroy$.complete();
-    }
-}
-DateFormFieldClickDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: DateFormFieldClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DateFormFieldClickDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.1", 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: "15.0.1", ngImport: i0, type: DateFormFieldClickDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[stoDateFormFieldClick]',
-                    standalone: true
-                }]
-        }], propDecorators: { inputs: [{
-                type: ContentChildren,
-                args: [MatInput]
-            }], stoDateFormFieldClick: [{
-                type: Input
-            }], clickEvent: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1mb3JtLWZpZWxkLWNsaWNrLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL3N0by1kaXJlY3RpdmVzL2RhdGUtZm9ybS1maWVsZC1jbGljay5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBcUIsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlHLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsY0FBYyxJQUFJLFFBQVEsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQUUzQzs7Ozs7R0FLRztBQUtILE1BQU0sT0FBTywyQkFBMkI7SUFKeEM7UUFPVSxhQUFRLEdBQUcsSUFBSSxPQUFPLEVBQUUsQ0FBQztLQWtCbEM7SUFmQyxVQUFVO1FBQ1IsSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3BDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLHFCQUFxQixDQUFDLFlBQVk7YUFDcEMsSUFBSSxDQUNILFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQ3pCLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzNCLENBQUM7O3dIQXBCVSwyQkFBMkI7NEdBQTNCLDJCQUEyQix3TkFDckIsUUFBUTsyRkFEZCwyQkFBMkI7a0JBSnZDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHlCQUF5QjtvQkFDbkMsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQUU0QixNQUFNO3NCQUFoQyxlQUFlO3VCQUFDLFFBQVE7Z0JBQ2hCLHFCQUFxQjtzQkFBN0IsS0FBSztnQkFJTixVQUFVO3NCQURULFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbnRlbnRDaGlsZHJlbiwgRGlyZWN0aXZlLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgUXVlcnlMaXN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREYXRlcGlja2VyIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGF0ZXBpY2tlcic7XG5pbXBvcnQgeyBNYXRMZWdhY3lJbnB1dCBhcyBNYXRJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2xlZ2FjeS1pbnB1dCc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbi8qKlxuICogRGlyZWN0aXZlIHRoYXQgY2FuIGJlIHBsYWNlZCBvbiBtYXQtZm9ybS1maWVsZHMgdGhhdCBjb250YWlucyBhIG1hdC1kYXRlcGlja2VyLlxuICogVGhpcyBkaXJlY3RpdmUgaGFzIHR3byB0YXNrczpcbiAqIENsaWNraW5nIGFueXdoZXJlIG9uIHRoZSBtYXQtZm9ybS1maWVsZCB3aWxsIG9wZW4gdGhlIGRhdGVwaWNrZXIgZGlhbG9nXG4gKiBXaGVuIHRoZSBkYXRlcGlja2VyIGlzIGNsb3NlZCBpbiBhbnkgbWFubmVyLCB3ZSBzaGlmdCBmb2N1cyBiYWNrIHRvIHRoZSBkYXRlcGlja2VyIGlucHV0XG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzdG9EYXRlRm9ybUZpZWxkQ2xpY2tdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBEYXRlRm9ybUZpZWxkQ2xpY2tEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIEBDb250ZW50Q2hpbGRyZW4oTWF0SW5wdXQpIGlucHV0czogUXVlcnlMaXN0PE1hdElucHV0PjtcbiAgQElucHV0KCkgc3RvRGF0ZUZvcm1GaWVsZENsaWNrOiBNYXREYXRlcGlja2VyPERhdGU+O1xuICBwcml2YXRlIGRlc3Ryb3kkID0gbmV3IFN1YmplY3QoKTtcblxuICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gIGNsaWNrRXZlbnQoKSB7XG4gICAgdGhpcy5zdG9EYXRlRm9ybUZpZWxkQ2xpY2sub3BlbigpO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5zdG9EYXRlRm9ybUZpZWxkQ2xpY2suY2xvc2VkU3RyZWFtXG4gICAgICAucGlwZShcbiAgICAgICAgdGFrZVVudGlsKHRoaXMuZGVzdHJveSQpXG4gICAgICApLnN1YnNjcmliZSgoKSA9PiB0aGlzLmlucHV0cy5maXJzdC5mb2N1cygpKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuZGVzdHJveSQubmV4dCh0cnVlKTtcbiAgICB0aGlzLmRlc3Ryb3kkLmNvbXBsZXRlKCk7XG4gIH1cbn1cbiJdfQ==

package/esm2020/lib/sto-directives/directives.module.mjs

@@ -1,64 +0,0 @@
-import { QuickKeysDirective } from './quick-keys.directive';
-import { DateFormFieldClickDirective } from './date-form-field-click.directive';
-import { StoSelectTextOnFocusDirective } from './sto-select-text-on-focus.directive';
-import { StoGridColumnDirective, StoGridDirective, StoGridSpacerDirective } from './sto-grid.directive';
-import { MenuOverlayDirective } from './menu-overlay.directive';
-import { ContextMenuDirective } from './context-menu.directive';
-/**
- * Directives have been made standalone, import them directly:
- *     QuickKeysDirective
- *     DateFormFieldClickDirective
- *     StoSelectTextOnFocusDirective
- *     StoGridDirective
- *     StoGridColumnDirective
- *     StoGridSpacerDirective
- *     MenuOverlayDirective
- *     ContextMenuDirective
- */
-import { NgModule } from '@angular/core';
-import * as i0 from "@angular/core";
-export class StoDirectivesModule {
-}
-StoDirectivesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: StoDirectivesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-StoDirectivesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.1", ngImport: i0, type: StoDirectivesModule, imports: [QuickKeysDirective,
-        DateFormFieldClickDirective,
-        StoSelectTextOnFocusDirective,
-        StoGridDirective,
-        StoGridColumnDirective,
-        StoGridSpacerDirective,
-        MenuOverlayDirective,
-        ContextMenuDirective], exports: [QuickKeysDirective,
-        DateFormFieldClickDirective,
-        StoSelectTextOnFocusDirective,
-        StoGridDirective,
-        StoGridColumnDirective,
-        StoGridSpacerDirective,
-        MenuOverlayDirective,
-        ContextMenuDirective] });
-StoDirectivesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: StoDirectivesModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: StoDirectivesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        QuickKeysDirective,
-                        DateFormFieldClickDirective,
-                        StoSelectTextOnFocusDirective,
-                        StoGridDirective,
-                        StoGridColumnDirective,
-                        StoGridSpacerDirective,
-                        MenuOverlayDirective,
-                        ContextMenuDirective
-                    ],
-                    exports: [
-                        QuickKeysDirective,
-                        DateFormFieldClickDirective,
-                        StoSelectTextOnFocusDirective,
-                        StoGridDirective,
-                        StoGridColumnDirective,
-                        StoGridSpacerDirective,
-                        MenuOverlayDirective,
-                        ContextMenuDirective
-                    ]
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlyZWN0aXZlcy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvcmUvc3JjL2xpYi9zdG8tZGlyZWN0aXZlcy9kaXJlY3RpdmVzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNoRixPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNyRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsZ0JBQWdCLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUVoRTs7Ozs7Ozs7OztHQVVHO0FBQ0gsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUF3QnpDLE1BQU0sT0FBTyxtQkFBbUI7O2dIQUFuQixtQkFBbUI7aUhBQW5CLG1CQUFtQixZQXBCNUIsa0JBQWtCO1FBQ2hCLDJCQUEyQjtRQUMzQiw2QkFBNkI7UUFDN0IsZ0JBQWdCO1FBQ2hCLHNCQUFzQjtRQUN0QixzQkFBc0I7UUFDdEIsb0JBQW9CO1FBQ3BCLG9CQUFvQixhQUd0QixrQkFBa0I7UUFDaEIsMkJBQTJCO1FBQzNCLDZCQUE2QjtRQUM3QixnQkFBZ0I7UUFDaEIsc0JBQXNCO1FBQ3RCLHNCQUFzQjtRQUN0QixvQkFBb0I7UUFDcEIsb0JBQW9CO2lIQUdiLG1CQUFtQjsyRkFBbkIsbUJBQW1CO2tCQXRCL0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1Asa0JBQWtCO3dCQUNoQiwyQkFBMkI7d0JBQzNCLDZCQUE2Qjt3QkFDN0IsZ0JBQWdCO3dCQUNoQixzQkFBc0I7d0JBQ3RCLHNCQUFzQjt3QkFDdEIsb0JBQW9CO3dCQUNwQixvQkFBb0I7cUJBQ3ZCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxrQkFBa0I7d0JBQ2hCLDJCQUEyQjt3QkFDM0IsNkJBQTZCO3dCQUM3QixnQkFBZ0I7d0JBQ2hCLHNCQUFzQjt3QkFDdEIsc0JBQXNCO3dCQUN0QixvQkFBb0I7d0JBQ3BCLG9CQUFvQjtxQkFDdkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBRdWlja0tleXNEaXJlY3RpdmUgfSBmcm9tICcuL3F1aWNrLWtleXMuZGlyZWN0aXZlJztcbmltcG9ydCB7IERhdGVGb3JtRmllbGRDbGlja0RpcmVjdGl2ZSB9IGZyb20gJy4vZGF0ZS1mb3JtLWZpZWxkLWNsaWNrLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBTdG9TZWxlY3RUZXh0T25Gb2N1c0RpcmVjdGl2ZSB9IGZyb20gJy4vc3RvLXNlbGVjdC10ZXh0LW9uLWZvY3VzLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBTdG9HcmlkQ29sdW1uRGlyZWN0aXZlLCBTdG9HcmlkRGlyZWN0aXZlLCBTdG9HcmlkU3BhY2VyRGlyZWN0aXZlIH0gZnJvbSAnLi9zdG8tZ3JpZC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgTWVudU92ZXJsYXlEaXJlY3RpdmUgfSBmcm9tICcuL21lbnUtb3ZlcmxheS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQ29udGV4dE1lbnVEaXJlY3RpdmUgfSBmcm9tICcuL2NvbnRleHQtbWVudS5kaXJlY3RpdmUnO1xuXG4vKipcbiAqIERpcmVjdGl2ZXMgaGF2ZSBiZWVuIG1hZGUgc3RhbmRhbG9uZSwgaW1wb3J0IHRoZW0gZGlyZWN0bHk6XG4gKiAgICAgUXVpY2tLZXlzRGlyZWN0aXZlXG4gKiAgICAgRGF0ZUZvcm1GaWVsZENsaWNrRGlyZWN0aXZlXG4gKiAgICAgU3RvU2VsZWN0VGV4dE9uRm9jdXNEaXJlY3RpdmVcbiAqICAgICBTdG9HcmlkRGlyZWN0aXZlXG4gKiAgICAgU3RvR3JpZENvbHVtbkRpcmVjdGl2ZVxuICogICAgIFN0b0dyaWRTcGFjZXJEaXJlY3RpdmVcbiAqICAgICBNZW51T3ZlcmxheURpcmVjdGl2ZVxuICogICAgIENvbnRleHRNZW51RGlyZWN0aXZlXG4gKi9cbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBRdWlja0tleXNEaXJlY3RpdmVcbiAgICAsIERhdGVGb3JtRmllbGRDbGlja0RpcmVjdGl2ZVxuICAgICwgU3RvU2VsZWN0VGV4dE9uRm9jdXNEaXJlY3RpdmVcbiAgICAsIFN0b0dyaWREaXJlY3RpdmVcbiAgICAsIFN0b0dyaWRDb2x1bW5EaXJlY3RpdmVcbiAgICAsIFN0b0dyaWRTcGFjZXJEaXJlY3RpdmVcbiAgICAsIE1lbnVPdmVybGF5RGlyZWN0aXZlXG4gICAgLCBDb250ZXh0TWVudURpcmVjdGl2ZVxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgUXVpY2tLZXlzRGlyZWN0aXZlXG4gICAgLCBEYXRlRm9ybUZpZWxkQ2xpY2tEaXJlY3RpdmVcbiAgICAsIFN0b1NlbGVjdFRleHRPbkZvY3VzRGlyZWN0aXZlXG4gICAgLCBTdG9HcmlkRGlyZWN0aXZlXG4gICAgLCBTdG9HcmlkQ29sdW1uRGlyZWN0aXZlXG4gICAgLCBTdG9HcmlkU3BhY2VyRGlyZWN0aXZlXG4gICAgLCBNZW51T3ZlcmxheURpcmVjdGl2ZVxuICAgICwgQ29udGV4dE1lbnVEaXJlY3RpdmVcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBTdG9EaXJlY3RpdmVzTW9kdWxlIHtcbn1cbiJdfQ==

package/esm2020/lib/sto-directives/menu-overlay.directive.mjs

@@ -1,48 +0,0 @@
-import { Directive, ElementRef, Host, HostBinding } from '@angular/core';
-import { MatLegacyMenuTrigger as MatMenuTrigger } from '@angular/material/legacy-menu';
-import { fromEvent } from 'rxjs';
-import { switchMap, take } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/legacy-menu";
-export class MenuOverlayDirective {
-    constructor(trigger, el) {
-        this.trigger = trigger;
-        this.left = 0;
-        this.top = 0;
-        this.menu = trigger.menu;
-        this.trigger.menuOpened.pipe(switchMap(() => fromEvent(document, 'click')
-            .pipe(take(1)))).subscribe(() => {
-            this.trigger.closeMenu();
-        });
-        this.setStyle(el.nativeElement);
-    }
-    updatePosition(event) {
-        this.left = event.x;
-        this.top = event.y;
-    }
-    setStyle(element) {
-        element.style.overflow = 'hidden';
-        element.style.position = 'fixed';
-        element.style.height = '1px';
-        element.style.width = '1px';
-    }
-}
-MenuOverlayDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.1", ngImport: i0, type: MenuOverlayDirective, deps: [{ token: i1.MatLegacyMenuTrigger, host: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-MenuOverlayDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.1", 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: "15.0.1", ngImport: i0, type: MenuOverlayDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[stoMenuOverlay]',
-                    exportAs: 'stoMenuOverlay',
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ type: i1.MatLegacyMenuTrigger, decorators: [{
-                    type: Host
-                }] }, { type: i0.ElementRef }]; }, propDecorators: { left: [{
-                type: HostBinding,
-                args: ['style.left.px']
-            }], top: [{
-                type: HostBinding,
-                args: ['style.top.px']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1vdmVybGF5LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29yZS9zcmMvbGliL3N0by1kaXJlY3RpdmVzL21lbnUtb3ZlcmxheS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RSxPQUFPLEVBQXNDLG9CQUFvQixJQUFJLGNBQWMsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzNILE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDakMsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBT2pELE1BQU0sT0FBTyxvQkFBb0I7SUFPL0IsWUFBNEIsT0FBdUIsRUFBRSxFQUFpQztRQUExRCxZQUFPLEdBQVAsT0FBTyxDQUFnQjtRQUxuRCxTQUFJLEdBQUcsQ0FBQyxDQUFDO1FBRVQsUUFBRyxHQUFHLENBQUMsQ0FBQztRQUlOLElBQUksQ0FBQyxJQUFJLEdBQUcsT0FBTyxDQUFDLElBQW9CLENBQUM7UUFDekMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUMxQixTQUFTLENBQUMsR0FBRyxFQUFFLENBQ2IsU0FBUyxDQUFhLFFBQVEsRUFBRSxPQUFPLENBQUM7YUFDckMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUNqQixDQUNGLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNmLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDM0IsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRU0sY0FBYyxDQUFDLEtBQWlCO1FBQ3JDLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUNwQixJQUFJLENBQUMsR0FBRyxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDckIsQ0FBQztJQUVPLFFBQVEsQ0FBQyxPQUEwQjtRQUN6QyxPQUFPLENBQUMsS0FBSyxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7UUFDbEMsT0FBTyxDQUFDLEtBQUssQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFDO1FBQ2pDLE9BQU8sQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUM3QixPQUFPLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDOUIsQ0FBQzs7aUhBOUJVLG9CQUFvQjtxR0FBcEIsb0JBQW9COzJGQUFwQixvQkFBb0I7a0JBTGhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzswQkFRYyxJQUFJO3FFQUxqQixJQUFJO3NCQURILFdBQVc7dUJBQUMsZUFBZTtnQkFHNUIsR0FBRztzQkFERixXQUFXO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEhvc3QsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRMZWdhY3lNZW51UGFuZWwgYXMgTWF0TWVudVBhbmVsLCBNYXRMZWdhY3lNZW51VHJpZ2dlciBhcyBNYXRNZW51VHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2xlZ2FjeS1tZW51JztcbmltcG9ydCB7IGZyb21FdmVudCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgc3dpdGNoTWFwLCB0YWtlIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc3RvTWVudU92ZXJsYXldJyxcbiAgZXhwb3J0QXM6ICdzdG9NZW51T3ZlcmxheScsXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgTWVudU92ZXJsYXlEaXJlY3RpdmUge1xuICBASG9zdEJpbmRpbmcoJ3N0eWxlLmxlZnQucHgnKVxuICBsZWZ0ID0gMDtcbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS50b3AucHgnKVxuICB0b3AgPSAwO1xuICBwcml2YXRlIHJlYWRvbmx5IG1lbnU6IE1hdE1lbnVQYW5lbDtcblxuICBjb25zdHJ1Y3RvcihASG9zdCgpIHByaXZhdGUgdHJpZ2dlcjogTWF0TWVudVRyaWdnZXIsIGVsOiBFbGVtZW50UmVmPEhUTUxCdXR0b25FbGVtZW50Pikge1xuICAgIHRoaXMubWVudSA9IHRyaWdnZXIubWVudSBhcyBNYXRNZW51UGFuZWw7XG4gICAgdGhpcy50cmlnZ2VyLm1lbnVPcGVuZWQucGlwZShcbiAgICAgIHN3aXRjaE1hcCgoKSA9PlxuICAgICAgICBmcm9tRXZlbnQ8TW91c2VFdmVudD4oZG9jdW1lbnQsICdjbGljaycpXG4gICAgICAgICAgLnBpcGUodGFrZSgxKSlcbiAgICAgICksXG4gICAgKS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy50cmlnZ2VyLmNsb3NlTWVudSgpO1xuICAgIH0pO1xuICAgIHRoaXMuc2V0U3R5bGUoZWwubmF0aXZlRWxlbWVudCk7XG4gIH1cblxuICBwdWJsaWMgdXBkYXRlUG9zaXRpb24oZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICB0aGlzLmxlZnQgPSBldmVudC54O1xuICAgIHRoaXMudG9wID0gZXZlbnQueTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0U3R5bGUoZWxlbWVudDogSFRNTEJ1dHRvbkVsZW1lbnQpIHtcbiAgICBlbGVtZW50LnN0eWxlLm92ZXJmbG93ID0gJ2hpZGRlbic7XG4gICAgZWxlbWVudC5zdHlsZS5wb3NpdGlvbiA9ICdmaXhlZCc7XG4gICAgZWxlbWVudC5zdHlsZS5oZWlnaHQgPSAnMXB4JztcbiAgICBlbGVtZW50LnN0eWxlLndpZHRoID0gJzFweCc7XG4gIH1cbn1cbiJdfQ==