@gravitee/ui-particles-angular 7.34.0 → 7.35.0-create-custom-radio-toggle-2bde88a

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

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class GioFormCronHintComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GioFormCronHintComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GioFormCronHintComponent, "gio-form-cron-hint", never, {}, {}, never, ["*"]>;
+}

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

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class GioFormCronLabelComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GioFormCronLabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GioFormCronLabelComponent, "gio-form-cron-label", never, {}, {}, never, ["*"]>;
+}

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

@@ -32,8 +32,10 @@ export declare class GioFormCronComponent implements ControlValueAccessor, OnIni
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     validate(_: AbstractControl): ValidationErrors | null;
-    onClear(): void;
+    onClear({ touched }?: {
+        touched?: boolean;
+    }): void;
     private refreshInternalForm;
     static ɵfac: i0.ɵɵFactoryDeclaration<GioFormCronComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GioFormCronComponent, "gio-form-cron", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GioFormCronComponent, "gio-form-cron", never, {}, {}, never, ["gio-form-cron-label", "gio-form-cron-hint"]>;
 }

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

@@ -1,9 +1,11 @@
 import { BaseHarnessFilters, ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
 import { MatButtonToggleGroupHarness } from '@angular/material/button-toggle/testing';
+import { MatInputHarness } from '@angular/material/input/testing';
 export declare type GioFormCronHarnessFilters = BaseHarnessFilters;
 export declare class GioFormCronHarness extends ComponentHarness {
     static hostSelector: string;
     protected getModeToggleGroup: import("@angular/cdk/testing").AsyncFactoryFn<MatButtonToggleGroupHarness>;
+    protected getCustomExpressionInput: import("@angular/cdk/testing").AsyncFactoryFn<MatInputHarness>;
     /**
      * Gets a `HarnessPredicate` that can be used to search for this harness.
      *

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

@@ -1,16 +1,18 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./gio-form-cron.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-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";
+import * as i2 from "./gio-form-cron-label.component";
+import * as i3 from "./gio-form-cron-hint.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
+import * as i6 from "@angular/material/button-toggle";
+import * as i7 from "@angular/material/form-field";
+import * as i8 from "@angular/material/select";
+import * as i9 from "@angular/material/input";
+import * as i10 from "@angular/material/button";
+import * as i11 from "@angular/material/tooltip";
+import * as i12 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 i8.MatButtonModule, typeof i9.MatTooltipModule, typeof i10.GioIconsModule], [typeof i1.GioFormCronComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GioFormCronModule, [typeof i1.GioFormCronComponent, typeof i2.GioFormCronLabelComponent, typeof i3.GioFormCronHintComponent], [typeof i4.CommonModule, typeof i5.ReactiveFormsModule, typeof i6.MatButtonToggleModule, typeof i7.MatFormFieldModule, typeof i8.MatSelectModule, typeof i9.MatInputModule, typeof i10.MatButtonModule, typeof i11.MatTooltipModule, typeof i12.GioIconsModule], [typeof i1.GioFormCronComponent, typeof i2.GioFormCronLabelComponent, typeof i3.GioFormCronHintComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<GioFormCronModule>;
 }

package/lib/gio-form-json-schema/gio-form-json-schema.module.d.ts

@@ -16,7 +16,7 @@ import * as i14 from "@ngx-formly/core";
 import * as i15 from "@ngx-formly/material";
 import * as i16 from "@angular/material/input";
 import * as i17 from "../gio-icons/gio-icons.module";
-import * as i18 from "../gio-form-slide-toogle/gio-form-slide-toggle.module";
+import * as i18 from "../gio-form-slide-toggle/gio-form-slide-toggle.module";
 import * as i19 from "../gio-form-headers/gio-form-headers.module";
 import * as i20 from "../gio-monaco-editor/gio-monaco-editor.module";
 import * as i21 from "@angular/material/slide-toggle";

package/lib/public-api.d.ts

@@ -29,9 +29,9 @@ export * from './gio-mat-config';
 export * from './gio-form-json-schema/gio-form-json-schema.component';
 export * from './gio-form-json-schema/gio-form-json-schema.module';
 export * from './gio-form-json-schema/model/GioJsonSchema';
-export * from './gio-form-slide-toogle/gio-form-slide-toggle.component';
-export * from './gio-form-slide-toogle/gio-form-slide-toggle.module';
-export * from './gio-form-slide-toogle/gio-form-label.directive';
+export * from './gio-form-slide-toggle/gio-form-slide-toggle.component';
+export * from './gio-form-slide-toggle/gio-form-slide-toggle.module';
+export * from './gio-form-slide-toggle/gio-form-label.directive';
 export * from './gio-form-focus-first-invalid/gio-form-focus-first-invalid.directive';
 export * from './gio-form-focus-first-invalid/gio-form-focus-first-invalid-ignore.directive';
 export * from './gio-form-focus-first-invalid/gio-form-focus-first-invalid.module';
@@ -55,5 +55,7 @@ export * from './gio-license/gio-license-dialog/gio-license-dialog.module';
 export * from './gio-license/gio-license-dialog/gio-license-dialog.component';
 export * from './gio-license/gio-license.testing.module';
 export * from './gio-form-cron/gio-form-cron.component';
+export * from './gio-form-cron/gio-form-cron-label.component';
+export * from './gio-form-cron/gio-form-cron-hint.component';
 export * from './gio-form-cron/gio-form-cron.module';
 export * from './gio-form-cron/gio-form-cron.harness';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/ui-particles-angular",
-  "version": "7.34.0",
+  "version": "7.35.0-create-custom-radio-toggle-2bde88a",
   "description": "Gravitee.io - UI Particles Angular",
   "repository": {
     "type": "git",

package/src/lib/gio-radio-button/gio-radio-button.scss

@@ -0,0 +1,89 @@
+/*
+ * Copyright (C) 2021 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@use 'sass:map';
+@use '@angular/material' as mat;
+@use '../../scss/gio-mat-palettes' as palettes;
+@use '../../scss/gio-mat-theme-variable' as theme;
+
+$typography: map.get(theme.$mat-theme, typography);
+
+@mixin gio-radio-group {
+  display: grid;
+  gap: 24px;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+}
+
+@mixin gio-radio-button {
+  padding: 24px 32px;
+  border: 2px solid mat.get-color-from-palette(palettes.$mat-dove-palette, 'darker20');
+  border-radius: 4px;
+
+  &__content {
+    padding-left: 24px;
+
+    &__icon {
+      margin-bottom: 24px;
+
+      &__selected {
+        color: mat.get-color-from-palette(palettes.$mat-accent-palette, 'default') !important;
+      }
+
+      .mat-icon {
+        width: 32px;
+        height: 32px;
+      }
+    }
+
+    &__title {
+      @include mat.typography-level($typography, subheading-2);
+
+      margin-bottom: 8px;
+      text-wrap: initial;
+    }
+
+    &__subtitle {
+      @include mat.typography-level($typography, body-1);
+
+      text-wrap: initial;
+    }
+  }
+
+  .gio-radio-button.mat-radio-checked {
+    border: 2px solid mat.get-color-from-palette(palettes.$mat-accent-palette, 'default') !important;
+  }
+
+  .mat-radio-checked .mat-icon {
+    color: mat.get-color-from-palette(palettes.$mat-accent-palette, 'default') !important;
+  }
+}
+
+@mixin theme() {
+  .gio-radio-group {
+    @include gio-radio-group;
+  }
+
+  .gio-radio-button {
+    @include gio-radio-button;
+  }
+
+  .gio-radio-button.mat-radio-checked {
+    border: 2px solid mat.get-color-from-palette(palettes.$mat-accent-palette, 'default') !important;
+  }
+
+  .gio-radio-button.mat-radio-checked .mat-icon {
+    color: mat.get-color-from-palette(palettes.$mat-accent-palette, 'default') !important;
+  }
+}

package/src/lib/gio-scss-components.scss

@@ -20,6 +20,7 @@
 @use './gio-link/gio-link';
 @use './gio-caption-2/gio-caption-2';
 @use './gio-button-toggle-group/gio-button-toggle-group';
+@use './gio-radio-button/gio-radio-button';
 
 // All Gravitee.io SCSS components to add globally in main.scss
 @mixin all-components() {
@@ -30,4 +31,5 @@
   @include gio-link.theme;
   @include gio-caption-2.theme;
   @include gio-button-toggle-group.theme;
+  @include gio-radio-button.theme;
 }