@3kles/kles-material-dynamicforms 1.0.7 → 1.0.8

package/fesm5/3kles-kles-material-dynamicforms.js

@@ -38,6 +38,7 @@ import { MatSnackBarModule } from '@angular/material/snack-bar';
 import { MatTreeModule } from '@angular/material/tree';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import { ColorPickerModule } from 'ngx-color-picker';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import { FlexLayoutModule } from '@angular/flex-layout';
 import { TranslateModule } from '@ngx-translate/core';
 import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
@@ -855,6 +856,34 @@ var KlesFormSelectionListComponent = /** @class */ (function (_super) {
     return KlesFormSelectionListComponent;
 }(KlesFieldAbstract));
 
+var KlesFormButtonToogleGroupComponent = /** @class */ (function (_super) {
+    __extends(KlesFormButtonToogleGroupComponent, _super);
+    function KlesFormButtonToogleGroupComponent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    KlesFormButtonToogleGroupComponent.prototype.ngOnInit = function () {
+        _super.prototype.ngOnInit.call(this);
+        if (!(this.field.options instanceof Observable)) {
+            this.options$ = of(this.field.options);
+        }
+        else {
+            this.options$ = this.field.options;
+        }
+    };
+    KlesFormButtonToogleGroupComponent = __decorate([
+        Component({
+            selector: 'kles-form-button-toogle-group',
+            template: "\n        <div [formGroup]=\"group\" class=\"form-element\">\n            <mat-button-toggle-group [formControlName]=\"field.name\" [multiple]=\"field.multiple\"\n            [attr.id]=\"field.id\" [ngClass]=\"field.ngClass\">\n                <mat-button-toggle *ngFor=\"let item of options$ | async\" [value]=\"item\">\n                    {{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}\n                </mat-button-toggle>\n            </mat-button-toggle-group>\n        </div>\n"
+        })
+    ], KlesFormButtonToogleGroupComponent);
+    return KlesFormButtonToogleGroupComponent;
+}(KlesFieldAbstract));
+// <mat-button-toggle-group [formControlName]="field.name">
+//                 <mat-button-toggle value="bold">Bold</mat-button-toggle>
+//                 <mat-button-toggle value="italic">Italic</mat-button-toggle>
+//                 <mat-button-toggle value="underline">Underline</mat-button-toggle>
+//             </mat-button-toggle-group>
+
 var componentMapper = {
     label: KlesFormLabelComponent,
     input: KlesFormInputComponent,
@@ -871,7 +900,8 @@ var componentMapper = {
     selectSearch: KlesFormSelectSearchComponent,
     lineBreak: KlesFormLineBreakComponent,
     link: KlesFormLinkComponent,
-    selectionList: KlesFormSelectionListComponent
+    selectionList: KlesFormSelectionListComponent,
+    buttonToogleGroup: KlesFormButtonToogleGroupComponent
 };
 var KlesDynamicFieldDirective = /** @class */ (function () {
     function KlesDynamicFieldDirective(resolver, container) {
@@ -980,7 +1010,8 @@ var MaterialModule = /** @class */ (function () {
                 MatSliderModule,
                 MatButtonModule,
                 MatSlideToggleModule,
-                ColorPickerModule
+                ColorPickerModule,
+                MatButtonToggleModule
             ],
             exports: [
                 MatButtonModule,
@@ -1018,7 +1049,8 @@ var MaterialModule = /** @class */ (function () {
                 MatSlideToggleModule,
                 ColorPickerModule,
                 ScrollingModule,
-                CdkScrollable
+                CdkScrollable,
+                MatButtonToggleModule
             ],
             providers: [
                 MatDatepickerModule,
@@ -1476,7 +1508,8 @@ var components = [
     KlesFormLineBreakComponent,
     KlesFormLinkComponent,
     KlesFormSlideToggleComponent,
-    KlesFormSelectionListComponent
+    KlesFormSelectionListComponent,
+    KlesFormButtonToogleGroupComponent
 ];
 var directives = [KlesDynamicFieldDirective, KlesComponentDirective];
 var pipes = [KlesTransformPipe, ArrayFormatPipe];
@@ -1550,5 +1583,5 @@ function autocompleteStringValidator(validOptions, optional) {
  * Generated bundle index. Do not edit.
  */
 
-export { ArrayFormatPipe, KlesButtonCheckerComponent, KlesButtonComponent, KlesButtonFileComponent, KlesComponentDirective, KlesDynamicFieldDirective, KlesDynamicFormComponent, KlesFieldAbstract, KlesFormBadgeComponent, KlesFormButtonCheckerComponent, KlesFormButtonComponent, KlesFormButtonFileComponent, KlesFormCheckboxComponent, KlesFormChipComponent, KlesFormColorComponent, KlesFormDateComponent, KlesFormErrorStateMatcher, KlesFormGroupComponent, KlesFormIconComponent, KlesFormInputClearableComponent, KlesFormInputComponent, KlesFormLabelComponent, KlesFormLineBreakComponent, KlesFormLinkComponent, KlesFormListFieldComponent, KlesFormRadioComponent, KlesFormSelectComponent, KlesFormSelectSearchComponent, KlesFormSelectionListComponent, KlesFormSlideToggleComponent, KlesFormSubmitButtonComponent, KlesFormTextComponent, KlesFormTextareaComponent, KlesMaterialDynamicformsModule, KlesTransformPipe, autocompleteObjectValidator, autocompleteStringValidator, MaterialModule as ɵa };
+export { ArrayFormatPipe, KlesButtonCheckerComponent, KlesButtonComponent, KlesButtonFileComponent, KlesComponentDirective, KlesDynamicFieldDirective, KlesDynamicFormComponent, KlesFieldAbstract, KlesFormBadgeComponent, KlesFormButtonCheckerComponent, KlesFormButtonComponent, KlesFormButtonFileComponent, KlesFormButtonToogleGroupComponent, KlesFormCheckboxComponent, KlesFormChipComponent, KlesFormColorComponent, KlesFormDateComponent, KlesFormErrorStateMatcher, KlesFormGroupComponent, KlesFormIconComponent, KlesFormInputClearableComponent, KlesFormInputComponent, KlesFormLabelComponent, KlesFormLineBreakComponent, KlesFormLinkComponent, KlesFormListFieldComponent, KlesFormRadioComponent, KlesFormSelectComponent, KlesFormSelectSearchComponent, KlesFormSelectionListComponent, KlesFormSlideToggleComponent, KlesFormSubmitButtonComponent, KlesFormTextComponent, KlesFormTextareaComponent, KlesMaterialDynamicformsModule, KlesTransformPipe, autocompleteObjectValidator, autocompleteStringValidator, MaterialModule as ɵa };
 //# sourceMappingURL=3kles-kles-material-dynamicforms.js.map