@sd-angular/core 1.3.216 → 1.3.218

package/input-upload-file/sd-angular-core-input-upload-file.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SdInputUploadFileModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-device-detector","name":"DeviceDetectorModule","line":15,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":21,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/notify","name":"SdNotifyModule","line":22,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":23,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdInputUploadFile"}],"exports":[{"__symbolic":"reference","name":"SdInputUploadFile"}],"providers":[]}]}],"members":{}},"SdInputUploadFile":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"sd-input-upload-file","template":"<mat-form-field class=\"sd-md\" appearance=\"outline\">\r\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n  <mat-chip-list [formControl]=\"formControl\" #chipList>\r\n    <ng-container *ngFor=\"let item of previewFiles\">\r\n      <mat-chip *ngIf=\"item\" [removable]=\"!formControl.disabled\" (removed)=\"onRemove(item)\"\r\n        [removable]=\"formControl.disabled\">\r\n        <span>{{item.fileName || item.src}}</span>\r\n        <mat-icon matChipRemove *ngIf=\"!formControl.disabled\">cancel</mat-icon>\r\n      </mat-chip>\r\n    </ng-container>\r\n    <input [formControl]=\"inputControl\" [placeholder]=\"placeholder || label\" [matChipInputFor]=\"chipList\"\r\n      autocomplete=\"off\" [errorStateMatcher]=\"matcher\" matInput>\r\n    <mat-icon class=\"pointer sd-suffix-icon\" (click)=\"onUpload()\" matSuffix>file_upload\r\n    </mat-icon>\r\n  </mat-chip-list>\r\n  <mat-error *ngIf=\"formControl?.errors?.min\">\r\n    {{formControl?.errors?.min}}\r\n  </mat-error>\r\n  <mat-error *ngIf=\"formControl?.errors?.max\">\r\n    {{formControl?.errors?.max}}\r\n  </mat-error>\r\n</mat-form-field>","styles":[":host{display:block;padding-top:5px}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"extensions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"maxSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"maxWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"maxHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":3}}]}],"sdChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":59,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":66,"character":17},{"__symbolic":"reference","module":"@sd-angular/core/notify","name":"SdNotifyService","line":67,"character":27},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateService","line":68,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"SdPreviewFile":{"__symbolic":"interface"}},"origins":{"SdInputUploadFileModule":"./src/lib/input-upload-file.module","SdInputUploadFile":"./src/lib/input-upload-file.component","SdPreviewFile":"./src/lib/input-upload-file.component"},"importAs":"@sd-angular/core/input-upload-file"}
+{"__symbolic":"module","version":4,"metadata":{"SdInputUploadFileModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-device-detector","name":"DeviceDetectorModule","line":15,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material/chips","name":"MatChipsModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":21,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/notify","name":"SdNotifyModule","line":22,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateModule","line":23,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdInputUploadFile"}],"exports":[{"__symbolic":"reference","name":"SdInputUploadFile"}],"providers":[]}]}],"members":{}},"SdInputUploadFile":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"sd-input-upload-file","template":"<mat-form-field class=\"sd-md\" appearance=\"outline\">\r\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n  <mat-chip-list [formControl]=\"formControl\" #chipList>\r\n    <ng-container *ngFor=\"let item of previewFiles\">\r\n      <mat-chip *ngIf=\"item\" [removable]=\"!formControl.disabled\" (removed)=\"onRemove(item)\"\r\n        [removable]=\"formControl.disabled\">\r\n        <span>{{item.fileName || item.src}}</span>\r\n        <mat-icon matChipRemove *ngIf=\"!formControl.disabled\">cancel</mat-icon>\r\n      </mat-chip>\r\n    </ng-container>\r\n    <input [formControl]=\"inputControl\" [placeholder]=\"placeholder || label\" [matChipInputFor]=\"chipList\"\r\n      autocomplete=\"off\" [errorStateMatcher]=\"matcher\" matInput>\r\n    <mat-icon class=\"pointer sd-suffix-icon\" (click)=\"onUpload()\" matSuffix>file_upload\r\n    </mat-icon>\r\n  </mat-chip-list>\r\n  <mat-error *ngIf=\"formControl.errors?.required\">\r\n    <ng-container *ngIf=\"!disableErrorMessage\">{{ \"This field is required\" | sdTranslate }}</ng-container>\r\n  </mat-error>\r\n  <mat-error *ngIf=\"formControl?.errors?.min\">\r\n    {{formControl?.errors?.min}}\r\n  </mat-error>\r\n  <mat-error *ngIf=\"formControl?.errors?.max\">\r\n    {{formControl?.errors?.max}}\r\n  </mat-error>\r\n  <mat-error *ngIf=\"formControl.errors?.inlineError\">\r\n    <ng-container *ngIf=\"!disableErrorMessage\">{{inlineError}}</ng-container>\r\n  </mat-error>\r\n</mat-form-field>","styles":[":host{display:block;padding-top:5px}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"extensions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"maxSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"maxWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"maxHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"_disableErrorMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3},"arguments":["disableErrorMessage"]}]}],"_inlineError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3},"arguments":["inlineError"]}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":74,"character":3}}]}],"sdChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":75,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":82,"character":17},{"__symbolic":"reference","module":"@sd-angular/core/notify","name":"SdNotifyService","line":83,"character":27},{"__symbolic":"reference","module":"@sd-angular/core/translate","name":"SdTranslateService","line":84,"character":30}]}],"ngOnInit":[{"__symbolic":"method"}],"customInlineErrorValidator":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"SdPreviewFile":{"__symbolic":"interface"}},"origins":{"SdInputUploadFileModule":"./src/lib/input-upload-file.module","SdInputUploadFile":"./src/lib/input-upload-file.component","SdPreviewFile":"./src/lib/input-upload-file.component"},"importAs":"@sd-angular/core/input-upload-file"}

package/input-upload-file/src/lib/input-upload-file.component.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter, ChangeDetectorRef, AfterViewInit, OnInit, OnDestroy } fro
 import { SdNotifyService } from '@sd-angular/core/notify';
 import { SdTranslateService } from '@sd-angular/core/translate';
 import { ErrorStateMatcher } from '@angular/material/core';
-import { FormControl, FormGroupDirective, NgForm } from '@angular/forms';
+import { FormControl, FormGroupDirective, NgForm, ValidatorFn } from '@angular/forms';
 declare class SdInputUploadFiletStateMatcher implements ErrorStateMatcher {
     private formControl;
     constructor(formControl: FormControl);
@@ -26,6 +26,12 @@ export declare class SdInputUploadFile implements OnInit, AfterViewInit, OnDestr
     maxHeight: number;
     set disabled(val: boolean | '');
     set model(model: (string | SdPreviewFile)[]);
+    disableErrorMessage: boolean;
+    set _disableErrorMessage(val: boolean | '');
+    inlineError: string;
+    set _inlineError(val: string);
+    isRequired: boolean;
+    set required(val: boolean | '');
     modelChange: EventEmitter<(string | SdPreviewFile)[]>;
     sdChange: EventEmitter<(string | SdPreviewFile)[]>;
     inputControl: FormControl;
@@ -33,6 +39,7 @@ export declare class SdInputUploadFile implements OnInit, AfterViewInit, OnDestr
     matcher: SdInputUploadFiletStateMatcher;
     constructor(ref: ChangeDetectorRef, notifyService: SdNotifyService, translateService: SdTranslateService);
     ngOnInit(): void;
+    customInlineErrorValidator(): ValidatorFn;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     onUpload: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sd-angular/core",
-  "version": "1.3.216",
+  "version": "1.3.218",
   "homepage": "https://www.facebook.com/DarkP3ter",
   "author": {
     "name": "darkpeter",