@gravitee/ui-particles-angular 7.32.0 → 7.33.0

package/lib/gio-form-cron/gio-form-cron.adapter.d.ts

@@ -10,7 +10,7 @@ export interface CronDisplay {
     hours?: number;
     minutes?: number;
 }
-export declare const CRON_DISPLAY_MODES: readonly ["second", "minute", "hour", "day", "week", "month", "custom"];
+export declare const CRON_DISPLAY_MODES: readonly ["secondly", "minutely", "hourly", "daily", "weekly", "monthly", "custom"];
 export declare type CronDisplayMode = (typeof CRON_DISPLAY_MODES)[number];
 export declare const getDefaultCronDisplay: (mode: CronDisplayMode) => CronDisplay;
 export declare const parseCronExpression: (cronExpression: string) => CronDisplay;

package/lib/gio-form-cron/gio-form-cron.component.d.ts

@@ -1,11 +1,11 @@
 import { FocusMonitor } from '@angular/cdk/a11y';
-import { ElementRef, OnDestroy, OnInit } from '@angular/core';
-import { ControlValueAccessor, FormGroup, NgControl } from '@angular/forms';
+import { ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, FormGroup, ValidationErrors, Validator } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class GioFormCronComponent implements ControlValueAccessor, OnInit, OnDestroy {
-    readonly ngControl: NgControl;
+export declare class GioFormCronComponent implements ControlValueAccessor, OnInit, OnDestroy, Validator {
     private readonly elRef;
     private readonly fm;
+    private readonly ngZone;
     _onChange: (value: string | null) => void;
     _onTouched: () => void;
     seconds: number[];
@@ -15,18 +15,25 @@ export declare class GioFormCronComponent implements ControlValueAccessor, OnIni
     daysOfWeek: string[];
     internalFormGroup?: FormGroup;
     value?: string;
+    expressionDescription?: string;
+    isDisabled: boolean;
+    smallDisplay: boolean;
     private touched;
     private focused;
-    private defaultMode;
-    private cronDisplay;
+    private hasError;
+    private cronDisplay?;
     private unsubscribe$;
-    constructor(ngControl: NgControl, elRef: ElementRef, fm: FocusMonitor);
+    private resizeObserver?;
+    constructor(elRef: ElementRef, fm: FocusMonitor, ngZone: NgZone);
     ngOnInit(): void;
     ngOnDestroy(): void;
     writeValue(value: string): void;
     registerOnChange(fn: (value: string | null) => void): void;
     registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    validate(_: AbstractControl): ValidationErrors | null;
+    onClear(): void;
     private refreshInternalForm;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GioFormCronComponent, [{ optional: true; self: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GioFormCronComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GioFormCronComponent, "gio-form-cron", never, {}, {}, never, never>;
 }

package/lib/gio-form-cron/gio-form-cron.harness.d.ts

@@ -1,7 +1,9 @@
 import { BaseHarnessFilters, ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+import { MatButtonToggleGroupHarness } from '@angular/material/button-toggle/testing';
 export declare type GioFormCronHarnessFilters = BaseHarnessFilters;
 export declare class GioFormCronHarness extends ComponentHarness {
     static hostSelector: string;
+    protected getModeToggleGroup: import("@angular/cdk/testing").AsyncFactoryFn<MatButtonToggleGroupHarness>;
     /**
      * Gets a `HarnessPredicate` that can be used to search for this harness.
      *
@@ -9,6 +11,11 @@ export declare class GioFormCronHarness extends ComponentHarness {
      * @return a `HarnessPredicate` configured with the given options.
      */
     static with(options?: GioFormCronHarnessFilters): HarnessPredicate<GioFormCronHarness>;
-    getMode(): Promise<string>;
+    getMode(): Promise<string | null>;
+    setMode(mode: string): Promise<void>;
+    clear(): Promise<void>;
     getValue(): Promise<string | null>;
+    setCustomValue(value: string): Promise<void>;
+    isDisabled(): Promise<boolean>;
+    hasError(): Promise<boolean>;
 }

package/lib/gio-form-cron/gio-form-cron.module.d.ts

@@ -6,8 +6,11 @@ import * as i4 from "@angular/material/button-toggle";
 import * as i5 from "@angular/material/form-field";
 import * as i6 from "@angular/material/select";
 import * as i7 from "@angular/material/input";
+import * as i8 from "@angular/material/button";
+import * as i9 from "@angular/material/tooltip";
+import * as i10 from "../gio-icons/gio-icons.module";
 export declare class GioFormCronModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<GioFormCronModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<GioFormCronModule, [typeof i1.GioFormCronComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.MatButtonToggleModule, typeof i5.MatFormFieldModule, typeof i6.MatSelectModule, typeof i7.MatInputModule], [typeof i1.GioFormCronComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GioFormCronModule, [typeof i1.GioFormCronComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.MatButtonToggleModule, typeof i5.MatFormFieldModule, typeof i6.MatSelectModule, typeof i7.MatInputModule, typeof i8.MatButtonModule, typeof i9.MatTooltipModule, typeof i10.GioIconsModule], [typeof i1.GioFormCronComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<GioFormCronModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/ui-particles-angular",
-  "version": "7.32.0",
+  "version": "7.33.0",
   "description": "Gravitee.io - UI Particles Angular",
   "repository": {
     "type": "git",

package/src/lib/gio-button-toggle-group/gio-button-toggle-group.scss

@@ -36,11 +36,16 @@ $typography: map.get(theme.$mat-theme, typography);
     border-radius: 4px;
   }
 
-  .mat-button-toggle.mat-button-toggle-checked {
+  .mat-button-toggle.mat-button-toggle-checked:not(.mat-button-toggle-disabled) {
     background-color: mat.get-color-from-palette(palettes.$mat-accent-palette, 'darker20');
     color: mat.get-color-from-palette(palettes.$mat-accent-palette, default-contrast);
   }
 
+  .mat-button-toggle.mat-button-toggle-checked.mat-button-toggle-disabled {
+    background-color: mat.get-color-from-palette(palettes.$mat-dove-palette, 'darker20');
+    color: mat.get-color-from-palette(palettes.$mat-dove-palette, darker20-contrast, 0.4);
+  }
+
   .mat-button-toggle.mat-button-toggle + .mat-button-toggle {
     border: none;
     margin-left: 8px;