@3kles/kles-material-dynamicforms 14.0.9 → 14.0.11
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.
- package/esm2020/lib/fields/buttonfile-form.component.mjs +4 -2
- package/esm2020/lib/fields/select.component.mjs +1 -2
- package/esm2020/lib/fields/select.search.component.mjs +1 -2
- package/esm2020/lib/forms/button-control.component.mjs +2 -2
- package/esm2020/lib/forms/buttonfile-control.component.mjs +14 -10
- package/esm2020/lib/interfaces/field.config.interface.mjs +1 -1
- package/fesm2015/3kles-kles-material-dynamicforms.mjs +16 -13
- package/fesm2015/3kles-kles-material-dynamicforms.mjs.map +1 -1
- package/fesm2020/3kles-kles-material-dynamicforms.mjs +16 -13
- package/fesm2020/3kles-kles-material-dynamicforms.mjs.map +1 -1
- package/lib/forms/button-control.component.d.ts +1 -0
- package/lib/forms/buttonfile-control.component.d.ts +1 -1
- package/lib/interfaces/field.config.interface.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1016,7 +1016,6 @@ let KlesFormSelectComponent = class KlesFormSelectComponent extends KlesFieldAbs
|
|
|
1016
1016
|
ngOnInit() {
|
|
1017
1017
|
super.ngOnInit();
|
|
1018
1018
|
if (this.field.lazy) {
|
|
1019
|
-
this.isLoading = true;
|
|
1020
1019
|
if (this.field.value) {
|
|
1021
1020
|
this.options$ = new BehaviorSubject(Array.isArray(this.field.value) ? this.field.value : [this.field.value]);
|
|
1022
1021
|
}
|
|
@@ -1573,7 +1572,7 @@ class KlesButtonComponent {
|
|
|
1573
1572
|
this.iconSvg = (uiButton.iconSvg) ? uiButton.iconSvg : this.iconSvg;
|
|
1574
1573
|
this.disabled = (uiButton.disabled) ? uiButton.disabled : this.disabled;
|
|
1575
1574
|
this.classButton = (uiButton.class) ? uiButton.class : this.classButton;
|
|
1576
|
-
this.type = (uiButton.type) ? uiButton.type :
|
|
1575
|
+
this.type = (uiButton.type) ? uiButton.type : 'submit';
|
|
1577
1576
|
}
|
|
1578
1577
|
this.value = value;
|
|
1579
1578
|
}
|
|
@@ -1831,6 +1830,7 @@ class KlesButtonFileComponent extends KlesButtonComponent {
|
|
|
1831
1830
|
this.iconSvg = (uiButton.iconSvg) ? uiButton.iconSvg : this.iconSvg;
|
|
1832
1831
|
this.disabled = (uiButton.disabled) ? uiButton.disabled : this.disabled;
|
|
1833
1832
|
this.classButton = (uiButton.class) ? uiButton.class : this.classButton;
|
|
1833
|
+
this.accept = (uiButton.accept) ? uiButton.accept : this.accept;
|
|
1834
1834
|
}
|
|
1835
1835
|
this.value = value;
|
|
1836
1836
|
}
|
|
@@ -1876,17 +1876,17 @@ class KlesButtonFileComponent extends KlesButtonComponent {
|
|
|
1876
1876
|
}
|
|
1877
1877
|
}
|
|
1878
1878
|
KlesButtonFileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: KlesButtonFileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1879
|
-
KlesButtonFileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: KlesButtonFileComponent, selector: "kles-button-file", providers: [
|
|
1879
|
+
KlesButtonFileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: KlesButtonFileComponent, selector: "kles-button-file", inputs: { accept: "accept" }, providers: [
|
|
1880
1880
|
{
|
|
1881
1881
|
provide: NG_VALUE_ACCESSOR,
|
|
1882
1882
|
useExisting: forwardRef(() => KlesButtonFileComponent),
|
|
1883
1883
|
multi: true
|
|
1884
1884
|
}
|
|
1885
1885
|
], viewQueries: [{ propertyName: "file", first: true, predicate: ["file"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
1886
|
-
<input type="file" #file style="display: none" accept="
|
|
1887
|
-
<kles-button
|
|
1888
|
-
[classButton]="classButton"
|
|
1889
|
-
[name]="name" [label]="label" [color]="color"
|
|
1886
|
+
<input type="file" #file style="display: none" [accept]="accept" (change)="onFileSelect($event.target)" multiple />
|
|
1887
|
+
<kles-button
|
|
1888
|
+
[classButton]="classButton"
|
|
1889
|
+
[name]="name" [label]="label" [color]="color"
|
|
1890
1890
|
[icon]="icon" [iconSvg]="iconSvg"
|
|
1891
1891
|
[disabled]="disabled"
|
|
1892
1892
|
[value]="value" (click)="click($event)">
|
|
@@ -1897,10 +1897,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
1897
1897
|
args: [{
|
|
1898
1898
|
selector: 'kles-button-file',
|
|
1899
1899
|
template: `
|
|
1900
|
-
<input type="file" #file style="display: none" accept="
|
|
1901
|
-
<kles-button
|
|
1902
|
-
[classButton]="classButton"
|
|
1903
|
-
[name]="name" [label]="label" [color]="color"
|
|
1900
|
+
<input type="file" #file style="display: none" [accept]="accept" (change)="onFileSelect($event.target)" multiple />
|
|
1901
|
+
<kles-button
|
|
1902
|
+
[classButton]="classButton"
|
|
1903
|
+
[name]="name" [label]="label" [color]="color"
|
|
1904
1904
|
[icon]="icon" [iconSvg]="iconSvg"
|
|
1905
1905
|
[disabled]="disabled"
|
|
1906
1906
|
[value]="value" (click)="click($event)">
|
|
@@ -1917,6 +1917,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
1917
1917
|
}], propDecorators: { file: [{
|
|
1918
1918
|
type: ViewChild,
|
|
1919
1919
|
args: ['file']
|
|
1920
|
+
}], accept: [{
|
|
1921
|
+
type: Input
|
|
1920
1922
|
}] } });
|
|
1921
1923
|
|
|
1922
1924
|
class KlesFormButtonFileComponent extends KlesFieldAbstract {
|
|
@@ -1938,10 +1940,11 @@ KlesFormButtonFileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.
|
|
|
1938
1940
|
[value]="field.value"
|
|
1939
1941
|
[formControlName]="field.name"
|
|
1940
1942
|
[type]="field.buttonType"
|
|
1943
|
+
[accept]="field.accept"
|
|
1941
1944
|
>
|
|
1942
1945
|
</kles-button-file>
|
|
1943
1946
|
</div>
|
|
1944
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: KlesButtonFileComponent, selector: "kles-button-file" }] });
|
|
1947
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: KlesButtonFileComponent, selector: "kles-button-file", inputs: ["accept"] }] });
|
|
1945
1948
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: KlesFormButtonFileComponent, decorators: [{
|
|
1946
1949
|
type: Component,
|
|
1947
1950
|
args: [{ selector: 'kles-form-button-file', template: `
|
|
@@ -1954,6 +1957,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
1954
1957
|
[value]="field.value"
|
|
1955
1958
|
[formControlName]="field.name"
|
|
1956
1959
|
[type]="field.buttonType"
|
|
1960
|
+
[accept]="field.accept"
|
|
1957
1961
|
>
|
|
1958
1962
|
</kles-button-file>
|
|
1959
1963
|
</div>
|
|
@@ -2238,7 +2242,6 @@ class KlesFormSelectSearchComponent extends KlesFieldAbstract {
|
|
|
2238
2242
|
ngOnInit() {
|
|
2239
2243
|
super.ngOnInit();
|
|
2240
2244
|
if (this.field.lazy) {
|
|
2241
|
-
this.isLoading = true;
|
|
2242
2245
|
if (this.field.value) {
|
|
2243
2246
|
this.options$ = new BehaviorSubject(Array.isArray(this.field.value) ? this.field.value : [this.field.value]);
|
|
2244
2247
|
}
|