@acrodata/gui 0.2.0 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,7 @@
1
1
  import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
2
2
  import { ControlValueAccessor } from '@angular/forms';
3
3
  import { GuiFileUploaderConfig } from './file-uploader-config';
4
+ import { GuiControl } from '../interface';
4
5
  import * as i0 from "@angular/core";
5
6
  export type FileUploadType = 'image' | 'video' | 'audio' | '*';
6
7
  export interface FileUploadContent {
@@ -12,10 +13,11 @@ export declare class GuiFileUploader implements ControlValueAccessor, OnChanges
12
13
  private fileUploaderCfg;
13
14
  private cdr;
14
15
  fileInput: ElementRef<HTMLInputElement>;
16
+ config: Partial<GuiControl>;
17
+ disabled: boolean;
15
18
  type: FileUploadType;
16
19
  name: string;
17
20
  accept: string;
18
- disabled: boolean;
19
21
  fileChange: EventEmitter<string>;
20
22
  url: string;
21
23
  file: FileUploadContent;
@@ -33,5 +35,5 @@ export declare class GuiFileUploader implements ControlValueAccessor, OnChanges
33
35
  onBlur(): void;
34
36
  onClear(): void;
35
37
  static ɵfac: i0.ɵɵFactoryDeclaration<GuiFileUploader, never>;
36
- static ɵcmp: i0.ɵɵComponentDeclaration<GuiFileUploader, "gui-file-uploader", never, { "type": { "alias": "type"; "required": false; }; "name": { "alias": "name"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "fileChange": "fileChange"; }, never, never, false, never>;
38
+ static ɵcmp: i0.ɵɵComponentDeclaration<GuiFileUploader, "gui-file-uploader", never, { "config": { "alias": "config"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "name": { "alias": "name"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; }, { "fileChange": "fileChange"; }, never, never, false, never>;
37
39
  }
@@ -36,7 +36,7 @@
36
36
  left: 0;
37
37
  width: 100%;
38
38
  height: 100%;
39
- text-indent: 9999px;
39
+ opacity: 0;
40
40
  cursor: pointer;
41
41
  }
42
42
 
package/gui-form.scss CHANGED
@@ -117,7 +117,7 @@
117
117
  .mat-mdc-tab-header {
118
118
  --mdc-tab-indicator-active-indicator-shape: 4px;
119
119
 
120
- padding: 2px;
120
+ padding: 4px;
121
121
  background-color: var(--mdc-filled-text-field-container-color);
122
122
 
123
123
  .mdc-tab__ripple::before {
@@ -126,7 +126,7 @@
126
126
  }
127
127
 
128
128
  .mat-mdc-tab-labels {
129
- gap: 2px;
129
+ gap: 4px;
130
130
  }
131
131
 
132
132
  .mdc-tab-indicator .mdc-tab-indicator__content {
@@ -1,6 +1,6 @@
1
1
  %img {
2
2
  height: 100%;
3
- width: 120px;
3
+ max-width: 120px;
4
4
  object-fit: contain;
5
5
  border-radius: 4px;
6
6
  background-color: var(--mat-option-hover-state-layer-color);
package/interface.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export type GuiFieldType = 'group' | 'inline' | 'tabs' | 'tab' | 'menu' | 'menuItem' | 'text' | 'number' | 'switch' | 'select' | 'imageSelect' | 'buttonToggle' | 'slider' | 'fill' | 'image' | 'video' | 'audio' | 'file' | 'textarea' | 'hidden';
1
+ export type GuiFieldType = 'group' | 'inline' | 'tabs' | 'tab' | 'menu' | 'menuItem' | 'text' | 'number' | 'switch' | 'slider' | 'fill' | 'select' | 'buttonToggle' | 'imageSelect' | 'textarea' | 'hidden' | 'image' | 'video' | 'audio' | 'file';
2
2
  export type GuiFillMode = 'flat' | 'gradient' | 'image';
3
3
  export type GuiSliderMode = 'normal' | 'range';
4
4
  export type GuiTabsMode = 'nav' | 'list';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acrodata/gui",
3
- "version": "0.2.0",
3
+ "version": "0.2.2",
4
4
  "description": "A lightweight GUI library for Angular",
5
5
  "publishConfig": {
6
6
  "access": "public"