@acrodata/gui 2.6.2 → 2.8.0

package/field-group/field-group.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, DoCheck, KeyValueDiffers, OnInit } from '@angular/core';
+import { DoCheck, OnInit } from '@angular/core';
 import { GuiControl } from '../interface';
 import * as i0 from "@angular/core";
 export declare class GuiFieldGroup implements OnInit, DoCheck {
@@ -6,7 +6,6 @@ export declare class GuiFieldGroup implements OnInit, DoCheck {
     private cdr;
     config: Partial<GuiControl>;
     private configDiffer?;
-    constructor(differs: KeyValueDiffers, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngDoCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GuiFieldGroup, never>;

package/file-uploader/file-uploader-config.d.ts

@@ -8,7 +8,6 @@ export interface FileUploadResponseBody {
 }
 export declare class GuiFileUploaderConfig {
     protected http: HttpClient;
-    constructor(http: HttpClient);
     /**
      *  The file upload URL
      */

package/file-uploader/file-uploader.d.ts

@@ -1,8 +1,6 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { GuiIconsRegistry } from '../gui-icons';
 import { GuiControl } from '../interface';
-import { GuiFileUploaderConfig } from './file-uploader-config';
 import * as i0 from "@angular/core";
 export type FileUploadType = 'image' | 'video' | 'audio' | '*';
 export interface FileUploadContent {
@@ -24,9 +22,9 @@ export declare class GuiFileUploader implements ControlValueAccessor, OnChanges
     fileUpload: FileUploadContent;
     private onChange;
     private onTouched;
-    constructor(fileUploaderCfg: GuiFileUploaderConfig, cdr: ChangeDetectorRef, iconsRegistry: GuiIconsRegistry);
+    constructor();
     ngOnChanges(changes: SimpleChanges): void;
-    writeValue(value: string): void;
+    writeValue(value: any): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;

package/fill/fill-picker.d.ts

@@ -1,7 +1,6 @@
-import { ChangeDetectorRef, OnChanges, SimpleChanges } from '@angular/core';
+import { OnChanges, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { ColorEvent } from 'ngx-color';
-import { GuiIconsRegistry } from '../gui-icons';
 import { GuiFillMode } from '../interface';
 import * as i0 from "@angular/core";
 export declare class GuiFillPicker implements ControlValueAccessor, OnChanges {
@@ -12,12 +11,16 @@ export declare class GuiFillPicker implements ControlValueAccessor, OnChanges {
         label: string;
         value: string;
     }[];
-    selectedType: string;
+    selectedType: Exclude<GuiFillMode, 'all'>;
     colorFormat: 'hex' | 'rgb' | 'hsl' | 'hsv';
-    value: string;
+    fillValue: {
+        solid: string;
+        gradient: string;
+        image: string;
+    };
     private onChange;
     private onTouched;
-    constructor(cdr: ChangeDetectorRef, iconsRegistry: GuiIconsRegistry);
+    constructor();
     ngOnChanges(changes: SimpleChanges): void;
     writeValue(value: any): void;
     registerOnChange(fn: (value: string) => void): void;
@@ -26,9 +29,9 @@ export declare class GuiFillPicker implements ControlValueAccessor, OnChanges {
     getColorFormat(): "rgb" | "hex" | "hsl" | "hsv";
     getTypeFromModel(value: string): void;
     getValueFromModel(value: string): void;
-    setValueByType(): void;
     onTypeChange(): void;
     onColorChange(e: ColorEvent): void;
+    onSolidChange(): void;
     onGradientChange(): void;
     onImageChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GuiFillPicker, never>;

package/fill/fill-picker.scss

@@ -1,7 +1,7 @@
 .gui-fill-picker {
   display: block;
   width: 15rem;
-  border-radius: 0.25rem;
+  border-radius: 0.5rem;
   background-color: var(--mat-expansion-container-background-color);
   color: var(--mat-expansion-container-text-color);
   box-shadow:

package/fill/fill.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, OnChanges, SimpleChanges } from '@angular/core';
+import { OnChanges, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { GuiControl, GuiFillMode } from '../interface';
 import * as i0 from "@angular/core";
@@ -10,7 +10,6 @@ export declare class GuiFill implements ControlValueAccessor, OnChanges {
     value: string;
     private onChange;
     private onTouched;
-    constructor(cdr: ChangeDetectorRef);
     ngOnChanges(changes: SimpleChanges): void;
     writeValue(value: any): void;
     registerOnChange(fn: (value: string) => void): void;

package/fill/fill.scss

@@ -22,7 +22,7 @@
     border: 1px solid currentColor;
     border-top-left-radius: var(--mdc-filled-text-field-container-shape);
     border-bottom-left-radius: var(--mdc-filled-text-field-container-shape);
-    opacity: 0.12;
+    opacity: 0.24;
     content: '';
 
     [dir='rtl'] & {

package/gui-form.d.ts

@@ -2,7 +2,6 @@ import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angu
 import { FormArray, FormGroup } from '@angular/forms';
 import { Subscription } from 'rxjs';
 import { GuiControl, GuiFieldType, GuiFields, GuiTabsMode } from './interface';
-import { GuiIconsRegistry } from './gui-icons';
 import * as i0 from "@angular/core";
 export declare class GuiForm implements OnChanges, OnInit, OnDestroy {
     /**
@@ -25,7 +24,7 @@ export declare class GuiForm implements OnChanges, OnInit, OnDestroy {
     formSubscription: Subscription;
     controlSubscriptions: Subscription[];
     uid: string;
-    constructor(iconsRegistry: GuiIconsRegistry);
+    constructor();
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     ngOnDestroy(): void;

package/gui-icons.d.ts

@@ -1,6 +1,4 @@
 import { InjectionToken } from '@angular/core';
-import { MatIconRegistry } from '@angular/material/icon';
-import { DomSanitizer } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 export declare const svgIcons: {
     horizontal: string;
@@ -25,9 +23,8 @@ export declare const GUI_ICONS_CONFIG: InjectionToken<GuiIconsConfig>;
 export declare class GuiIconsRegistry {
     private _iconRegistry;
     private _sanitizer;
-    private _defaultIcons?;
-    constructor(_iconRegistry: MatIconRegistry, _sanitizer: DomSanitizer, _defaultIcons?: GuiIconsConfig | undefined);
+    private _defaultIcons;
     add(...iconNames: GuiIconType[]): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GuiIconsRegistry, [null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GuiIconsRegistry, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<GuiIconsRegistry>;
 }

package/gui-utils.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, OnInit, PipeTransform } from '@angular/core';
+import { OnInit, PipeTransform } from '@angular/core';
 import { GuiDefaultValue, GuiFields, GuiOperator } from './interface';
 import * as i0 from "@angular/core";
 /**
@@ -27,7 +27,6 @@ export declare class GuiEjsPipe implements PipeTransform {
 export declare class GuiFlexDirective implements OnInit {
     private el;
     flex: number | undefined;
-    constructor(el: ElementRef);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GuiFlexDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<GuiFlexDirective, "[flex]", never, { "flex": { "alias": "flex"; "required": false; }; }, {}, never, never, true, never>;

package/image-select/image-select.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef } from '@angular/core';
+import { AfterViewInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { MtxSelect } from '@ng-matero/extensions/select';
 import { GuiControl } from '../interface';
@@ -9,13 +9,12 @@ export declare class GuiImageSelect implements ControlValueAccessor, AfterViewIn
     config: Partial<GuiControl>;
     disabled: boolean;
     appendTo: string;
-    value: unknown;
+    value: any;
     private onChange;
     private onTouched;
-    constructor(cdr: ChangeDetectorRef);
     ngAfterViewInit(): void;
-    writeValue(value: unknown): void;
-    registerOnChange(fn: (value: unknown) => void): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: (value: any) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     onValueChange(): void;

package/input-number/input-number.d.ts

@@ -1,4 +1,3 @@
-import { ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { GuiControl } from '../interface';
 import * as i0 from "@angular/core";
@@ -9,8 +8,7 @@ export declare class GuiInputNumber implements ControlValueAccessor {
     value: number;
     private onChange;
     private onTouched;
-    constructor(cdr: ChangeDetectorRef);
-    writeValue(value: number): void;
+    writeValue(value: any): void;
     registerOnChange(fn: (value: number) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;

package/input-text/input-text.d.ts

@@ -1,4 +1,3 @@
-import { ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { GuiControl } from '../interface';
 import * as i0 from "@angular/core";
@@ -9,8 +8,7 @@ export declare class GuiInputText implements ControlValueAccessor {
     value: string;
     private onChange;
     private onTouched;
-    constructor(cdr: ChangeDetectorRef);
-    writeValue(value: string): void;
+    writeValue(value: any): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acrodata/gui",
-  "version": "2.6.2",
+  "version": "2.8.0",
   "description": "JSON powered GUI for configurable panels.",
   "publishConfig": {
     "access": "public"
@@ -42,7 +42,7 @@
   },
   "dependencies": {
     "@acrodata/code-editor": "^0.5.0",
-    "@acrodata/gradient-picker": "^0.7.0",
+    "@acrodata/gradient-picker": "^0.8.0",
     "@acrodata/rnd-dialog": "^0.4.0",
     "tslib": "^2.3.0"
   },

package/select/select.d.ts

@@ -1,4 +1,3 @@
-import { ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { GuiBasicValue, GuiControl } from '../interface';
 import * as i0 from "@angular/core";
@@ -9,8 +8,7 @@ export declare class GuiSelect implements ControlValueAccessor {
     value: GuiBasicValue | GuiBasicValue[];
     private onChange;
     private onTouched;
-    constructor(cdr: ChangeDetectorRef);
-    writeValue(value: GuiBasicValue | GuiBasicValue[]): void;
+    writeValue(value: any): void;
     registerOnChange(fn: (value: GuiBasicValue | GuiBasicValue[]) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;

package/slider/slider.d.ts

@@ -1,4 +1,3 @@
-import { ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { GuiControl } from '../interface';
 import * as i0 from "@angular/core";
@@ -11,8 +10,7 @@ export declare class GuiSlider implements ControlValueAccessor {
     maxValue: number;
     private onChange;
     private onTouched;
-    constructor(cdr: ChangeDetectorRef);
-    writeValue(value: number): void;
+    writeValue(value: any): void;
     registerOnChange(fn: (value: number | number[]) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;

package/switch/switch.d.ts

@@ -1,4 +1,3 @@
-import { ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { GuiControl } from '../interface';
 import * as i0 from "@angular/core";
@@ -9,8 +8,7 @@ export declare class GuiSwitch implements ControlValueAccessor {
     value: boolean;
     private onChange;
     private onTouched;
-    constructor(cdr: ChangeDetectorRef);
-    writeValue(value: boolean): void;
+    writeValue(value: any): void;
     registerOnChange(fn: (value: boolean) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;

package/textarea/textarea.d.ts

@@ -1,4 +1,3 @@
-import { ChangeDetectorRef } from '@angular/core';
 import { GuiControl } from '../interface';
 import * as i0 from "@angular/core";
 export declare class GuiTextarea {
@@ -8,8 +7,7 @@ export declare class GuiTextarea {
     value: string;
     private onChange;
     private onTouched;
-    constructor(cdr: ChangeDetectorRef);
-    writeValue(value: string): void;
+    writeValue(value: any): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;