@sumaris-net/ngx-components 18.6.43 → 18.6.45-alpha1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "18.6.43",
+  "version": "18.6.45-alpha1",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",

package/public_api.d.ts

@@ -66,6 +66,7 @@ export * from './src/app/shared/directives/throttled-click.directive';
 export * from './src/app/shared/directives/resizable/resizable.directive';
 export * from './src/app/shared/directives/resizable/resizable.component';
 export * from './src/app/shared/directives/resizable/resizable.module';
+export * from './src/app/shared/directives/autoresize.directive';
 export * from './src/app/shared/pipes/pipes.module';
 export * from './src/app/shared/pipes/date-format.pipe';
 export * from './src/app/shared/pipes/date-from-now.pipe';

package/src/app/shared/directives/autoresize.directive.d.ts

@@ -0,0 +1,14 @@
+import { AfterViewInit, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AutoResizeDirective implements AfterViewInit {
+    readonly element: ElementRef<HTMLTextAreaElement>;
+    private _lineHeight;
+    maxRows: number;
+    minRows: number;
+    constructor(element: ElementRef<HTMLTextAreaElement>);
+    ngAfterViewInit(): void;
+    onInput(): void;
+    private autoResizeTextarea;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutoResizeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutoResizeDirective, "textarea[appAutoResize]", never, { "maxRows": { "alias": "appAutosizeMaxRows"; "required": false; }; "minRows": { "alias": "appAutosizeMinRows"; "required": false; }; }, {}, never, never, false, never>;
+}

package/src/app/shared/directives/directives.module.d.ts

@@ -4,10 +4,11 @@ import * as i2 from "./ng-var.directive";
 import * as i3 from "./drag-and-drop.directive";
 import * as i4 from "./autotitle.directive";
 import * as i5 from "./throttled-click.directive";
-import * as i6 from "@angular/common";
-import * as i7 from "@ionic/angular";
+import * as i6 from "./autoresize.directive";
+import * as i7 from "@angular/common";
+import * as i8 from "@ionic/angular";
 export declare class SharedDirectivesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedDirectivesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedDirectivesModule, [typeof i1.AutofocusDirective, typeof i2.NgVarDirective, typeof i3.DragAndDropDirective, typeof i4.AutoTitleDirective, typeof i5.ThrottledClickDirective], [typeof i6.CommonModule, typeof i7.IonicModule], [typeof i1.AutofocusDirective, typeof i2.NgVarDirective, typeof i3.DragAndDropDirective, typeof i4.AutoTitleDirective, typeof i5.ThrottledClickDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedDirectivesModule, [typeof i1.AutofocusDirective, typeof i2.NgVarDirective, typeof i3.DragAndDropDirective, typeof i4.AutoTitleDirective, typeof i5.ThrottledClickDirective, typeof i6.AutoResizeDirective], [typeof i7.CommonModule, typeof i8.IonicModule], [typeof i1.AutofocusDirective, typeof i2.NgVarDirective, typeof i3.DragAndDropDirective, typeof i4.AutoTitleDirective, typeof i5.ThrottledClickDirective, typeof i6.AutoResizeDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedDirectivesModule>;
 }

package/src/assets/manifest.json

@@ -2,7 +2,7 @@
   "name": "ngx-sumaris-components",
   "short_name": "ngx-sumaris-components",
   "manifest_version": 1,
-  "version": "18.6.43",
+  "version": "18.6.44",
   "default_locale": "fr",
   "description": "Angular components for building beautiful and responsive Apps",
   "icons": [{

package/src/theme/_ngx-components.scss

@@ -6,7 +6,7 @@ html {
 }
 
 *::selection {
-  background: var(--ion-color-shade, rgba(0, 0, 0, 0.3));
+  background: var(--ion-color-shade, rgba(var(--ion-color-text-rgb, 0, 0, 0), 0.3));
 }
 
 // Text style
@@ -646,6 +646,14 @@ mat-button-toggle.mat-button-toggle-checked.mat-button-toggle-disabled {
     @include font-size(12px);
   }
 
+  .mat-mdc-menu-content {
+    .mat-mdc-menu-item {
+      --mat-menu-item-label-text-color: var(--ion-text-color);
+      // Required for the dark theme (otherwise the icon will be dark)
+      --mat-menu-item-icon-color: rgba(var(--ion-text-color-rgb, 255, 255, 255), 0.54);
+    }
+  }
+
   .mat-mdc-menu-content ion-item > ion-icon[slot="start"] {
     margin-right: 16px;
     vertical-align: middle;