@sumaris-net/ngx-components 18.9.2 → 18.9.4

package/package.json

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

package/src/app/core/form/text-popover/text-popover.component.d.ts

@@ -34,6 +34,15 @@ export interface TextPopoverButton {
 export declare class TextPopover implements OnInit, AfterViewInit, OnDestroy, TextPopoverOptions {
     protected popoverController: PopoverController;
     protected translate: TranslateService;
+    /**
+     * Displays a popover using the provided controller, event, and options.
+     *
+     * @param {PopoverController} ctrl - The popover controller used to create and manage the popover.
+     * @param {Event} event - The event that triggers the display of the popover.
+     * @param {TextPopoverOptions} opts - The options specific to the text popover component.
+     * @param {Partial<PopoverOptions>} [popoverOpts] - Optional additional options for the popover.
+     * @return {Promise<OverlayEventDetail>} A promise that resolves with the details of the overlay event once the popover is dismissed.
+     */
     static show(ctrl: PopoverController, event: Event, opts: TextPopoverOptions, popoverOpts?: Partial<PopoverOptions>): Promise<OverlayEventDetail>;
     form: TextForm;
     showHeader: boolean;

package/src/app/shared/material/boolean/material.boolean.d.ts

@@ -8,7 +8,6 @@ import { AppFloatLabelType } from '../../form/field.model';
 import * as i0 from "@angular/core";
 export declare class MatBooleanField implements OnInit, ControlValueAccessor, InputElement, OnDestroy {
     private cd;
-    protected el: ElementRef<HTMLElement>;
     private formGroupDir;
     private _onChangeCallback;
     private _onTouchedCallback;
@@ -52,7 +51,7 @@ export declare class MatBooleanField implements OnInit, ControlValueAccessor, In
     keyupEnter: EventEmitter<any>;
     focussed: EventEmitter<FocusEvent>;
     blurred: EventEmitter<FocusEvent>;
-    constructor(cd: ChangeDetectorRef, el: ElementRef<HTMLElement>, formGroupDir: FormGroupDirective);
+    constructor(cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
     ngOnInit(): void;
     ngOnDestroy(): void;
     writeValue(value: any, event?: Event): void;
@@ -79,7 +78,7 @@ export declare class MatBooleanField implements OnInit, ControlValueAccessor, In
     clearValue(event?: Event): void;
     protected get radioButtonElements(): HTMLElement[];
     protected get inputsElements(): HTMLElement[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatBooleanField, [null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatBooleanField, [null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatBooleanField, "mat-boolean-field", never, { "disabled": { "alias": "disabled"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "style": { "alias": "style"; "required": false; }; "buttonsColCount": { "alias": "buttonsColCount"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "yesLabel": { "alias": "yesLabel"; "required": false; }; "noLabel": { "alias": "noLabel"; "required": false; }; "showButtonIcons": { "alias": "showButtonIcons"; "required": false; }; "yesIcon": { "alias": "yesIcon"; "required": false; }; "noIcon": { "alias": "noIcon"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "showRadio": { "alias": "showRadio"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "keyupEnter": "keyup.enter"; "focussed": "focus"; "blurred": "blur"; }, never, ["[matPrefix]", "[matSuffix]"], false, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_readonly: unknown;

package/src/app/shared/material/boolean/testing/boolean.test.page.d.ts

@@ -1,6 +1,7 @@
 import { AfterViewInit, ChangeDetectorRef, Injector, OnInit } from '@angular/core';
 import { AppForm } from '../../../../core/form/form.class';
 import { UntypedFormBuilder } from '@angular/forms';
+import { AppFloatLabelType } from '../../../form/field.model';
 import * as i0 from "@angular/core";
 export declare class BooleanTestPage extends AppForm<any> implements OnInit, AfterViewInit {
     protected injector: Injector;
@@ -10,11 +11,14 @@ export declare class BooleanTestPage extends AppForm<any> implements OnInit, Aft
         (value: any, replacer?: (this: any, key: string, value: any) => any, space?: string | number): string;
         (value: any, replacer?: (string | number)[], space?: string | number): string;
     };
-    mode: 'radio' | 'checkbox' | 'button';
+    mode: 'radio' | 'checkbox' | 'button' | 'temp';
     styles: string[];
+    floatLabel: AppFloatLabelType;
+    floatLabels: string[];
     constructor(injector: Injector, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef);
     ngAfterViewInit(): void;
     toggleMode(value: any): void;
+    toggleFloatLabel(value: AppFloatLabelType): void;
     protected markForCheck(): void;
     protected clearControlValue(path: string, event?: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BooleanTestPage, never>;

package/src/assets/manifest.json

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

package/src/theme/_ngx-components.forms.scss

@@ -149,12 +149,18 @@ form.form-container {
       white-space: normal;
     }
 
+
     // Used to customize mat-boolean-field
     &.mat-boolean-field-checkbox {
       --mdc-checkbox-state-layer-size: 20px;
 
+      .mdc-text-field--outlined .mat-mdc-form-field-infix,
+      .mdc-text-field--no-label .mat-mdc-form-field-infix{
+        padding-top: var(--mat-form-field-container-vertical-padding);
+      }
+
       .mat-mdc-form-field-infix {
-        padding-top: 16px;
+        padding-top: var(--mat-form-field-filled-with-label-container-padding-top);
       }
 
       .mdc-floating-label {
@@ -194,6 +200,13 @@ form.form-container {
     // Increase padding top, when having buttons
     &:has(.mat-form-field-buttons),
     &.mat-boolean-field-button {
+
+      .mdc-text-field--outlined .mat-mdc-form-field-infix,
+      .mdc-text-field--no-label .mat-mdc-form-field-infix {
+        padding-top: calc(var(--mat-form-field-container-vertical-padding, 0px) + 1px);
+        --mat-form-field-container-vertical-padding: 2px;
+      }
+
       .mat-mdc-form-field-infix {
         padding-top: calc(var(--mat-form-field-filled-with-label-container-padding-top, 0px) + 4px);
       }