@dereekb/dbx-form 0.0.1 → 1.0.0

package/esm2020/lib/formly/field/wrapper/form.wrapper.module.mjs

@@ -3,28 +3,33 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { MatIconModule } from '@angular/material/icon';
 import { FormlyModule } from '@ngx-formly/core';
-import { FormInfoSectionWrapperComponent } from './info.wrapper.component';
-import { FormSectionWrapperComponent } from './section.wrapper.component';
+import { DbxFormInfoWrapperComponent } from './info.wrapper.component';
+import { DbxFormSectionWrapperComponent } from './section.wrapper.component';
 import { FlexLayoutModule } from '@angular/flex-layout';
-import { FormFlexWrapperComponent } from './flex.wrapper.component';
-import { FormSubsectionWrapperComponent } from './subsection.wrapper.component';
-import { FormExpandableSectionWrapperComponent } from './expandable.wrapper.component';
+import { DbxFormFlexWrapperComponent } from './flex.wrapper.component';
+import { DbxFormSubsectionWrapperComponent } from './subsection.wrapper.component';
+import { DbxFormExpandWrapperComponent } from './expandable.wrapper.component';
 import { AutoTouchFieldWrapperComponent } from './autotouch.wrapper.component';
-import { FormToggleSectionWrapperComponent } from './toggle.wrapper.component';
+import { DbxFormToggleWrapperComponent } from './toggle.wrapper.component';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { DbxTextModule } from '@dereekb/dbx-web';
+import { DbxSectionLayoutModule, DbxTextModule, DbxFlexLayoutModule } from '@dereekb/dbx-web';
+import { DbxFormStyleWrapperComponent } from './style.wrapper.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@ngx-formly/core";
 export class DbxFormFormlyWrapperModule {
 }
 DbxFormFormlyWrapperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormFormlyWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 DbxFormFormlyWrapperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormFormlyWrapperModule, declarations: [AutoTouchFieldWrapperComponent,
-        FormSectionWrapperComponent,
-        FormSubsectionWrapperComponent,
-        FormInfoSectionWrapperComponent,
-        FormExpandableSectionWrapperComponent,
-        FormToggleSectionWrapperComponent], imports: [CommonModule,
+        DbxFormSectionWrapperComponent,
+        DbxFormSubsectionWrapperComponent,
+        DbxFormInfoWrapperComponent,
+        DbxFormExpandWrapperComponent,
+        DbxFormToggleWrapperComponent,
+        DbxFormFlexWrapperComponent,
+        DbxFormStyleWrapperComponent], imports: [CommonModule,
         DbxTextModule,
+        DbxFlexLayoutModule,
+        DbxSectionLayoutModule,
         MatButtonModule,
         MatSlideToggleModule,
         MatIconModule,
@@ -32,6 +37,8 @@ DbxFormFormlyWrapperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.
 DbxFormFormlyWrapperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormFormlyWrapperModule, imports: [[
             CommonModule,
             DbxTextModule,
+            DbxFlexLayoutModule,
+            DbxSectionLayoutModule,
             MatButtonModule,
             MatSlideToggleModule,
             MatIconModule,
@@ -39,12 +46,13 @@ DbxFormFormlyWrapperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.
             FormlyModule.forChild({
                 wrappers: [
                     { name: 'autotouch', component: AutoTouchFieldWrapperComponent },
-                    { name: 'expandable', component: FormExpandableSectionWrapperComponent },
-                    { name: 'toggle', component: FormToggleSectionWrapperComponent },
-                    { name: 'section', component: FormSectionWrapperComponent },
-                    { name: 'subsection', component: FormSubsectionWrapperComponent },
-                    { name: 'info', component: FormInfoSectionWrapperComponent },
-                    { name: 'flex', component: FormFlexWrapperComponent }
+                    { name: 'expandable', component: DbxFormExpandWrapperComponent },
+                    { name: 'toggle', component: DbxFormToggleWrapperComponent },
+                    { name: 'section', component: DbxFormSectionWrapperComponent },
+                    { name: 'subsection', component: DbxFormSubsectionWrapperComponent },
+                    { name: 'info', component: DbxFormInfoWrapperComponent },
+                    { name: 'flex', component: DbxFormFlexWrapperComponent },
+                    { name: 'style', component: DbxFormStyleWrapperComponent }
                 ]
             })
         ]] });
@@ -54,6 +62,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                     imports: [
                         CommonModule,
                         DbxTextModule,
+                        DbxFlexLayoutModule,
+                        DbxSectionLayoutModule,
                         MatButtonModule,
                         MatSlideToggleModule,
                         MatIconModule,
@@ -61,24 +71,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                         FormlyModule.forChild({
                             wrappers: [
                                 { name: 'autotouch', component: AutoTouchFieldWrapperComponent },
-                                { name: 'expandable', component: FormExpandableSectionWrapperComponent },
-                                { name: 'toggle', component: FormToggleSectionWrapperComponent },
-                                { name: 'section', component: FormSectionWrapperComponent },
-                                { name: 'subsection', component: FormSubsectionWrapperComponent },
-                                { name: 'info', component: FormInfoSectionWrapperComponent },
-                                { name: 'flex', component: FormFlexWrapperComponent }
+                                { name: 'expandable', component: DbxFormExpandWrapperComponent },
+                                { name: 'toggle', component: DbxFormToggleWrapperComponent },
+                                { name: 'section', component: DbxFormSectionWrapperComponent },
+                                { name: 'subsection', component: DbxFormSubsectionWrapperComponent },
+                                { name: 'info', component: DbxFormInfoWrapperComponent },
+                                { name: 'flex', component: DbxFormFlexWrapperComponent },
+                                { name: 'style', component: DbxFormStyleWrapperComponent }
                             ]
                         })
                     ],
                     declarations: [
                         AutoTouchFieldWrapperComponent,
-                        FormSectionWrapperComponent,
-                        FormSubsectionWrapperComponent,
-                        FormInfoSectionWrapperComponent,
-                        FormExpandableSectionWrapperComponent,
-                        FormToggleSectionWrapperComponent
+                        DbxFormSectionWrapperComponent,
+                        DbxFormSubsectionWrapperComponent,
+                        DbxFormInfoWrapperComponent,
+                        DbxFormExpandWrapperComponent,
+                        DbxFormToggleWrapperComponent,
+                        DbxFormFlexWrapperComponent,
+                        DbxFormStyleWrapperComponent
                     ],
                     exports: []
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS53cmFwcGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC1mb3JtL3NyYy9saWIvZm9ybWx5L2ZpZWxkL3dyYXBwZXIvZm9ybS53cmFwcGVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNoRCxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNoRixPQUFPLEVBQUUscUNBQXFDLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN2RixPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMvRSxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMvRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7OztBQWdDakQsTUFBTSxPQUFPLDBCQUEwQjs7dUhBQTFCLDBCQUEwQjt3SEFBMUIsMEJBQTBCLGlCQVRuQyw4QkFBOEI7UUFDOUIsMkJBQTJCO1FBQzNCLDhCQUE4QjtRQUM5QiwrQkFBK0I7UUFDL0IscUNBQXFDO1FBQ3JDLGlDQUFpQyxhQXhCakMsWUFBWTtRQUNaLGFBQWE7UUFDYixlQUFlO1FBQ2Ysb0JBQW9CO1FBQ3BCLGFBQWE7UUFDYixnQkFBZ0I7d0hBdUJQLDBCQUEwQixZQTdCNUI7WUFDUCxZQUFZO1lBQ1osYUFBYTtZQUNiLGVBQWU7WUFDZixvQkFBb0I7WUFDcEIsYUFBYTtZQUNiLGdCQUFnQjtZQUNoQixZQUFZLENBQUMsUUFBUSxDQUFDO2dCQUNwQixRQUFRLEVBQUU7b0JBQ1IsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSw4QkFBOEIsRUFBRTtvQkFDaEUsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxxQ0FBcUMsRUFBRTtvQkFDeEUsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxpQ0FBaUMsRUFBRTtvQkFDaEUsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSwyQkFBMkIsRUFBRTtvQkFDM0QsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSw4QkFBOEIsRUFBRTtvQkFDakUsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSwrQkFBK0IsRUFBRTtvQkFDNUQsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSx3QkFBd0IsRUFBRTtpQkFDdEQ7YUFDRixDQUFDO1NBQ0g7MkZBV1UsMEJBQTBCO2tCQTlCdEMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixhQUFhO3dCQUNiLGVBQWU7d0JBQ2Ysb0JBQW9CO3dCQUNwQixhQUFhO3dCQUNiLGdCQUFnQjt3QkFDaEIsWUFBWSxDQUFDLFFBQVEsQ0FBQzs0QkFDcEIsUUFBUSxFQUFFO2dDQUNSLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsOEJBQThCLEVBQUU7Z0NBQ2hFLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUscUNBQXFDLEVBQUU7Z0NBQ3hFLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsaUNBQWlDLEVBQUU7Z0NBQ2hFLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsMkJBQTJCLEVBQUU7Z0NBQzNELEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsOEJBQThCLEVBQUU7Z0NBQ2pFLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsK0JBQStCLEVBQUU7Z0NBQzVELEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsd0JBQXdCLEVBQUU7NkJBQ3REO3lCQUNGLENBQUM7cUJBQ0g7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLDhCQUE4Qjt3QkFDOUIsMkJBQTJCO3dCQUMzQiw4QkFBOEI7d0JBQzlCLCtCQUErQjt3QkFDL0IscUNBQXFDO3dCQUNyQyxpQ0FBaUM7cUJBQ2xDO29CQUNELE9BQU8sRUFBRSxFQUFFO2lCQUNaIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgRm9ybWx5TW9kdWxlIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XG5pbXBvcnQgeyBGb3JtSW5mb1NlY3Rpb25XcmFwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi9pbmZvLndyYXBwZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEZvcm1TZWN0aW9uV3JhcHBlckNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi53cmFwcGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGbGV4TGF5b3V0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZmxleC1sYXlvdXQnO1xuaW1wb3J0IHsgRm9ybUZsZXhXcmFwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi9mbGV4LndyYXBwZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEZvcm1TdWJzZWN0aW9uV3JhcHBlckNvbXBvbmVudCB9IGZyb20gJy4vc3Vic2VjdGlvbi53cmFwcGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGb3JtRXhwYW5kYWJsZVNlY3Rpb25XcmFwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi9leHBhbmRhYmxlLndyYXBwZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEF1dG9Ub3VjaEZpZWxkV3JhcHBlckNvbXBvbmVudCB9IGZyb20gJy4vYXV0b3RvdWNoLndyYXBwZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEZvcm1Ub2dnbGVTZWN0aW9uV3JhcHBlckNvbXBvbmVudCB9IGZyb20gJy4vdG9nZ2xlLndyYXBwZXIuY29tcG9uZW50JztcbmltcG9ydCB7IE1hdFNsaWRlVG9nZ2xlTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2xpZGUtdG9nZ2xlJztcbmltcG9ydCB7IERieFRleHRNb2R1bGUgfSBmcm9tICdAZGVyZWVrYi9kYngtd2ViJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBEYnhUZXh0TW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRTbGlkZVRvZ2dsZU1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIEZsZXhMYXlvdXRNb2R1bGUsXG4gICAgRm9ybWx5TW9kdWxlLmZvckNoaWxkKHtcbiAgICAgIHdyYXBwZXJzOiBbXG4gICAgICAgIHsgbmFtZTogJ2F1dG90b3VjaCcsIGNvbXBvbmVudDogQXV0b1RvdWNoRmllbGRXcmFwcGVyQ29tcG9uZW50IH0sXG4gICAgICAgIHsgbmFtZTogJ2V4cGFuZGFibGUnLCBjb21wb25lbnQ6IEZvcm1FeHBhbmRhYmxlU2VjdGlvbldyYXBwZXJDb21wb25lbnQgfSxcbiAgICAgICAgeyBuYW1lOiAndG9nZ2xlJywgY29tcG9uZW50OiBGb3JtVG9nZ2xlU2VjdGlvbldyYXBwZXJDb21wb25lbnQgfSxcbiAgICAgICAgeyBuYW1lOiAnc2VjdGlvbicsIGNvbXBvbmVudDogRm9ybVNlY3Rpb25XcmFwcGVyQ29tcG9uZW50IH0sXG4gICAgICAgIHsgbmFtZTogJ3N1YnNlY3Rpb24nLCBjb21wb25lbnQ6IEZvcm1TdWJzZWN0aW9uV3JhcHBlckNvbXBvbmVudCB9LFxuICAgICAgICB7IG5hbWU6ICdpbmZvJywgY29tcG9uZW50OiBGb3JtSW5mb1NlY3Rpb25XcmFwcGVyQ29tcG9uZW50IH0sXG4gICAgICAgIHsgbmFtZTogJ2ZsZXgnLCBjb21wb25lbnQ6IEZvcm1GbGV4V3JhcHBlckNvbXBvbmVudCB9XG4gICAgICBdXG4gICAgfSlcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQXV0b1RvdWNoRmllbGRXcmFwcGVyQ29tcG9uZW50LFxuICAgIEZvcm1TZWN0aW9uV3JhcHBlckNvbXBvbmVudCxcbiAgICBGb3JtU3Vic2VjdGlvbldyYXBwZXJDb21wb25lbnQsXG4gICAgRm9ybUluZm9TZWN0aW9uV3JhcHBlckNvbXBvbmVudCxcbiAgICBGb3JtRXhwYW5kYWJsZVNlY3Rpb25XcmFwcGVyQ29tcG9uZW50LFxuICAgIEZvcm1Ub2dnbGVTZWN0aW9uV3JhcHBlckNvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBEYnhGb3JtRm9ybWx5V3JhcHBlck1vZHVsZSB7IH1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS53cmFwcGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC1mb3JtL3NyYy9saWIvZm9ybWx5L2ZpZWxkL3dyYXBwZXIvZm9ybS53cmFwcGVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNoRCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUM3RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNuRixPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUMvRSxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMvRSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMzRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsYUFBYSxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDOUYsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sMkJBQTJCLENBQUM7OztBQXFDekUsTUFBTSxPQUFPLDBCQUEwQjs7dUhBQTFCLDBCQUEwQjt3SEFBMUIsMEJBQTBCLGlCQVhuQyw4QkFBOEI7UUFDOUIsOEJBQThCO1FBQzlCLGlDQUFpQztRQUNqQywyQkFBMkI7UUFDM0IsNkJBQTZCO1FBQzdCLDZCQUE2QjtRQUM3QiwyQkFBMkI7UUFDM0IsNEJBQTRCLGFBN0I1QixZQUFZO1FBQ1osYUFBYTtRQUNiLG1CQUFtQjtRQUNuQixzQkFBc0I7UUFDdEIsZUFBZTtRQUNmLG9CQUFvQjtRQUNwQixhQUFhO1FBQ2IsZ0JBQWdCO3dIQTBCUCwwQkFBMEIsWUFsQzVCO1lBQ1AsWUFBWTtZQUNaLGFBQWE7WUFDYixtQkFBbUI7WUFDbkIsc0JBQXNCO1lBQ3RCLGVBQWU7WUFDZixvQkFBb0I7WUFDcEIsYUFBYTtZQUNiLGdCQUFnQjtZQUNoQixZQUFZLENBQUMsUUFBUSxDQUFDO2dCQUNwQixRQUFRLEVBQUU7b0JBQ1IsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSw4QkFBOEIsRUFBRTtvQkFDaEUsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSw2QkFBNkIsRUFBRTtvQkFDaEUsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSw2QkFBNkIsRUFBRTtvQkFDNUQsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSw4QkFBOEIsRUFBRTtvQkFDOUQsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxpQ0FBaUMsRUFBRTtvQkFDcEUsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSwyQkFBMkIsRUFBRTtvQkFDeEQsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSwyQkFBMkIsRUFBRTtvQkFDeEQsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSw0QkFBNEIsRUFBRTtpQkFDM0Q7YUFDRixDQUFDO1NBQ0g7MkZBYVUsMEJBQTBCO2tCQW5DdEMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixhQUFhO3dCQUNiLG1CQUFtQjt3QkFDbkIsc0JBQXNCO3dCQUN0QixlQUFlO3dCQUNmLG9CQUFvQjt3QkFDcEIsYUFBYTt3QkFDYixnQkFBZ0I7d0JBQ2hCLFlBQVksQ0FBQyxRQUFRLENBQUM7NEJBQ3BCLFFBQVEsRUFBRTtnQ0FDUixFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLDhCQUE4QixFQUFFO2dDQUNoRSxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLDZCQUE2QixFQUFFO2dDQUNoRSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLDZCQUE2QixFQUFFO2dDQUM1RCxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLDhCQUE4QixFQUFFO2dDQUM5RCxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLGlDQUFpQyxFQUFFO2dDQUNwRSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLDJCQUEyQixFQUFFO2dDQUN4RCxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLDJCQUEyQixFQUFFO2dDQUN4RCxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLDRCQUE0QixFQUFFOzZCQUMzRDt5QkFDRixDQUFDO3FCQUNIO29CQUNELFlBQVksRUFBRTt3QkFDWiw4QkFBOEI7d0JBQzlCLDhCQUE4Qjt3QkFDOUIsaUNBQWlDO3dCQUNqQywyQkFBMkI7d0JBQzNCLDZCQUE2Qjt3QkFDN0IsNkJBQTZCO3dCQUM3QiwyQkFBMkI7d0JBQzNCLDRCQUE0QjtxQkFDN0I7b0JBQ0QsT0FBTyxFQUFFLEVBQUU7aUJBQ1oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBGb3JtbHlNb2R1bGUgfSBmcm9tICdAbmd4LWZvcm1seS9jb3JlJztcbmltcG9ydCB7IERieEZvcm1JbmZvV3JhcHBlckNvbXBvbmVudCB9IGZyb20gJy4vaW5mby53cmFwcGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYnhGb3JtU2VjdGlvbldyYXBwZXJDb21wb25lbnQgfSBmcm9tICcuL3NlY3Rpb24ud3JhcHBlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRmxleExheW91dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2ZsZXgtbGF5b3V0JztcbmltcG9ydCB7IERieEZvcm1GbGV4V3JhcHBlckNvbXBvbmVudCB9IGZyb20gJy4vZmxleC53cmFwcGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYnhGb3JtU3Vic2VjdGlvbldyYXBwZXJDb21wb25lbnQgfSBmcm9tICcuL3N1YnNlY3Rpb24ud3JhcHBlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4Rm9ybUV4cGFuZFdyYXBwZXJDb21wb25lbnQgfSBmcm9tICcuL2V4cGFuZGFibGUud3JhcHBlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQXV0b1RvdWNoRmllbGRXcmFwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi9hdXRvdG91Y2gud3JhcHBlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4Rm9ybVRvZ2dsZVdyYXBwZXJDb21wb25lbnQgfSBmcm9tICcuL3RvZ2dsZS53cmFwcGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNYXRTbGlkZVRvZ2dsZU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NsaWRlLXRvZ2dsZSc7XG5pbXBvcnQgeyBEYnhTZWN0aW9uTGF5b3V0TW9kdWxlLCBEYnhUZXh0TW9kdWxlLCBEYnhGbGV4TGF5b3V0TW9kdWxlIH0gZnJvbSAnQGRlcmVla2IvZGJ4LXdlYic7XG5pbXBvcnQgeyBEYnhGb3JtU3R5bGVXcmFwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi9zdHlsZS53cmFwcGVyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRGJ4VGV4dE1vZHVsZSxcbiAgICBEYnhGbGV4TGF5b3V0TW9kdWxlLFxuICAgIERieFNlY3Rpb25MYXlvdXRNb2R1bGUsXG4gICAgTWF0QnV0dG9uTW9kdWxlLFxuICAgIE1hdFNsaWRlVG9nZ2xlTW9kdWxlLFxuICAgIE1hdEljb25Nb2R1bGUsXG4gICAgRmxleExheW91dE1vZHVsZSxcbiAgICBGb3JtbHlNb2R1bGUuZm9yQ2hpbGQoe1xuICAgICAgd3JhcHBlcnM6IFtcbiAgICAgICAgeyBuYW1lOiAnYXV0b3RvdWNoJywgY29tcG9uZW50OiBBdXRvVG91Y2hGaWVsZFdyYXBwZXJDb21wb25lbnQgfSxcbiAgICAgICAgeyBuYW1lOiAnZXhwYW5kYWJsZScsIGNvbXBvbmVudDogRGJ4Rm9ybUV4cGFuZFdyYXBwZXJDb21wb25lbnQgfSxcbiAgICAgICAgeyBuYW1lOiAndG9nZ2xlJywgY29tcG9uZW50OiBEYnhGb3JtVG9nZ2xlV3JhcHBlckNvbXBvbmVudCB9LFxuICAgICAgICB7IG5hbWU6ICdzZWN0aW9uJywgY29tcG9uZW50OiBEYnhGb3JtU2VjdGlvbldyYXBwZXJDb21wb25lbnQgfSxcbiAgICAgICAgeyBuYW1lOiAnc3Vic2VjdGlvbicsIGNvbXBvbmVudDogRGJ4Rm9ybVN1YnNlY3Rpb25XcmFwcGVyQ29tcG9uZW50IH0sXG4gICAgICAgIHsgbmFtZTogJ2luZm8nLCBjb21wb25lbnQ6IERieEZvcm1JbmZvV3JhcHBlckNvbXBvbmVudCB9LFxuICAgICAgICB7IG5hbWU6ICdmbGV4JywgY29tcG9uZW50OiBEYnhGb3JtRmxleFdyYXBwZXJDb21wb25lbnQgfSxcbiAgICAgICAgeyBuYW1lOiAnc3R5bGUnLCBjb21wb25lbnQ6IERieEZvcm1TdHlsZVdyYXBwZXJDb21wb25lbnQgfVxuICAgICAgXVxuICAgIH0pXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEF1dG9Ub3VjaEZpZWxkV3JhcHBlckNvbXBvbmVudCxcbiAgICBEYnhGb3JtU2VjdGlvbldyYXBwZXJDb21wb25lbnQsXG4gICAgRGJ4Rm9ybVN1YnNlY3Rpb25XcmFwcGVyQ29tcG9uZW50LFxuICAgIERieEZvcm1JbmZvV3JhcHBlckNvbXBvbmVudCxcbiAgICBEYnhGb3JtRXhwYW5kV3JhcHBlckNvbXBvbmVudCxcbiAgICBEYnhGb3JtVG9nZ2xlV3JhcHBlckNvbXBvbmVudCxcbiAgICBEYnhGb3JtRmxleFdyYXBwZXJDb21wb25lbnQsXG4gICAgRGJ4Rm9ybVN0eWxlV3JhcHBlckNvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBEYnhGb3JtRm9ybWx5V3JhcHBlck1vZHVsZSB7IH1cbiJdfQ==

package/esm2020/lib/formly/field/wrapper/index.mjs

@@ -1,11 +1,11 @@
+export * from './expandable.wrapper.delegate';
 export * from './autotouch.wrapper.component';
 export * from './expandable.wrapper.component';
 export * from './flex.wrapper.component';
-export * from './flex.wrapper.layout';
 export * from './form.wrapper.module';
 export * from './info.wrapper.component';
 export * from './section.wrapper.component';
 export * from './subsection.wrapper.component';
 export * from './toggle.wrapper.component';
-export * from './toggle.wrapper';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtZm9ybS9zcmMvbGliL2Zvcm1seS9maWVsZC93cmFwcGVyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2F1dG90b3VjaC53cmFwcGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2V4cGFuZGFibGUud3JhcHBlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9mbGV4LndyYXBwZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZmxleC53cmFwcGVyLmxheW91dCc7XG5leHBvcnQgKiBmcm9tICcuL2Zvcm0ud3JhcHBlci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9pbmZvLndyYXBwZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc2VjdGlvbi53cmFwcGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3N1YnNlY3Rpb24ud3JhcHBlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi90b2dnbGUud3JhcHBlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi90b2dnbGUud3JhcHBlcic7XG4iXX0=
+export * from './wrapper';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtZm9ybS9zcmMvbGliL2Zvcm1seS9maWVsZC93cmFwcGVyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsV0FBVyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9leHBhbmRhYmxlLndyYXBwZXIuZGVsZWdhdGUnO1xuZXhwb3J0ICogZnJvbSAnLi9hdXRvdG91Y2gud3JhcHBlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9leHBhbmRhYmxlLndyYXBwZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZmxleC53cmFwcGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2Zvcm0ud3JhcHBlci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9pbmZvLndyYXBwZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc2VjdGlvbi53cmFwcGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3N1YnNlY3Rpb24ud3JhcHBlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi90b2dnbGUud3JhcHBlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi93cmFwcGVyJztcbiJdfQ==

package/esm2020/lib/formly/field/wrapper/info.wrapper.component.mjs

@@ -4,38 +4,38 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/button";
 import * as i2 from "@angular/material/icon";
 import * as i3 from "@angular/flex-layout/flex";
-export class FormInfoSectionWrapperComponent extends FieldWrapper {
-    get infoSection() {
-        return this.to.infoSection;
+export class DbxFormInfoWrapperComponent extends FieldWrapper {
+    get infoWrapper() {
+        return this.to.infoWrapper;
     }
     onInfoClick() {
-        this.infoSection.onInfoClick();
+        this.infoWrapper.onInfoClick();
     }
 }
-FormInfoSectionWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: FormInfoSectionWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormInfoSectionWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: FormInfoSectionWrapperComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div class="form-info-section" fxLayout="row">
-      <div class="form-info-section-content" fxFlex="grow">
+DbxFormInfoWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormInfoWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxFormInfoWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxFormInfoWrapperComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="dbx-form-info-wrapper" fxLayout="row">
+      <div class="dbx-form-info-wrapper-content" fxFlex="grow">
         <ng-container #fieldComponent></ng-container>
       </div>
-      <div class="form-info-section-info" fxFlex="noshrink" fxLayout="column" fxLayoutAlign="center center">
-        <button mat-icon-button [attr.aria-label]="'show info button for ' + to.label || 'section'"
+      <div class="dbx-form-info-wrapper-info" fxFlex="noshrink" fxLayout="column" fxLayoutAlign="center center">
+        <button mat-icon-button [attr.aria-label]="'show info button for ' + (to.label || 'section')"
           (click)="onInfoClick()">
           <mat-icon>info</mat-icon>
         </button>
       </div>
     </div>
   `, isInline: true, components: [{ type: i1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: FormInfoSectionWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormInfoWrapperComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
-    <div class="form-info-section" fxLayout="row">
-      <div class="form-info-section-content" fxFlex="grow">
+    <div class="dbx-form-info-wrapper" fxLayout="row">
+      <div class="dbx-form-info-wrapper-content" fxFlex="grow">
         <ng-container #fieldComponent></ng-container>
       </div>
-      <div class="form-info-section-info" fxFlex="noshrink" fxLayout="column" fxLayoutAlign="center center">
-        <button mat-icon-button [attr.aria-label]="'show info button for ' + to.label || 'section'"
+      <div class="dbx-form-info-wrapper-info" fxFlex="noshrink" fxLayout="column" fxLayoutAlign="center center">
+        <button mat-icon-button [attr.aria-label]="'show info button for ' + (to.label || 'section')"
           (click)="onInfoClick()">
           <mat-icon>info</mat-icon>
         </button>
@@ -44,4 +44,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
   `
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mby53cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC1mb3JtL3NyYy9saWIvZm9ybWx5L2ZpZWxkL3dyYXBwZXIvaW5mby53cmFwcGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxZQUFZLEVBQTRDLE1BQU0sa0JBQWtCLENBQUM7Ozs7O0FBNkIxRixNQUFNLE9BQU8sK0JBQW1DLFNBQVEsWUFBNkM7SUFFbkcsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQztJQUM3QixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDakMsQ0FBQzs7NEhBUlUsK0JBQStCO2dIQUEvQiwrQkFBK0IsMkVBZGhDOzs7Ozs7Ozs7Ozs7R0FZVDsyRkFFVSwrQkFBK0I7a0JBZjNDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7R0FZVDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmllbGRXcmFwcGVyLCBGb3JtbHlGaWVsZENvbmZpZywgRm9ybWx5VGVtcGxhdGVPcHRpb25zIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRm9ybUluZm9TZWN0aW9uQ29uZmlnPFQ+IHtcbiAgb25JbmZvQ2xpY2s6ICgpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRm9ybUluZm9TZWN0aW9uV3JhcHBlclRlbXBsYXRlT3B0aW9uczxUID0gYW55PiBleHRlbmRzIEZvcm1seVRlbXBsYXRlT3B0aW9ucyB7XG4gIGluZm9TZWN0aW9uOiBGb3JtSW5mb1NlY3Rpb25Db25maWc8VD47XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRm9ybUluZm9TZWN0aW9uV0Zvcm1seUNvbmZpZzxUID0gYW55PiBleHRlbmRzIEZvcm1seUZpZWxkQ29uZmlnIHtcbiAgdGVtcGxhdGVPcHRpb25zPzogRm9ybUluZm9TZWN0aW9uV3JhcHBlclRlbXBsYXRlT3B0aW9uczxUPjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImZvcm0taW5mby1zZWN0aW9uXCIgZnhMYXlvdXQ9XCJyb3dcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWluZm8tc2VjdGlvbi1jb250ZW50XCIgZnhGbGV4PVwiZ3Jvd1wiPlxuICAgICAgICA8bmctY29udGFpbmVyICNmaWVsZENvbXBvbmVudD48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImZvcm0taW5mby1zZWN0aW9uLWluZm9cIiBmeEZsZXg9XCJub3Nocmlua1wiIGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIj5cbiAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gW2F0dHIuYXJpYS1sYWJlbF09XCInc2hvdyBpbmZvIGJ1dHRvbiBmb3IgJyArIHRvLmxhYmVsIHx8ICdzZWN0aW9uJ1wiXG4gICAgICAgICAgKGNsaWNrKT1cIm9uSW5mb0NsaWNrKClcIj5cbiAgICAgICAgICA8bWF0LWljb24+aW5mbzwvbWF0LWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgRm9ybUluZm9TZWN0aW9uV3JhcHBlckNvbXBvbmVudDxUPiBleHRlbmRzIEZpZWxkV3JhcHBlcjxGb3JtSW5mb1NlY3Rpb25XRm9ybWx5Q29uZmlnPFQ+PiB7XG5cbiAgZ2V0IGluZm9TZWN0aW9uKCk6IEZvcm1JbmZvU2VjdGlvbkNvbmZpZzxUPiB7XG4gICAgcmV0dXJuIHRoaXMudG8uaW5mb1NlY3Rpb247XG4gIH1cblxuICBvbkluZm9DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLmluZm9TZWN0aW9uLm9uSW5mb0NsaWNrKCk7XG4gIH1cblxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mby53cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC1mb3JtL3NyYy9saWIvZm9ybWx5L2ZpZWxkL3dyYXBwZXIvaW5mby53cmFwcGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxZQUFZLEVBQTRDLE1BQU0sa0JBQWtCLENBQUM7Ozs7O0FBNkIxRixNQUFNLE9BQU8sMkJBQTRCLFNBQVEsWUFBc0M7SUFFckYsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQztJQUM3QixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDakMsQ0FBQzs7d0hBUlUsMkJBQTJCOzRHQUEzQiwyQkFBMkIsMkVBZDVCOzs7Ozs7Ozs7Ozs7R0FZVDsyRkFFVSwyQkFBMkI7a0JBZnZDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7R0FZVDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmllbGRXcmFwcGVyLCBGb3JtbHlGaWVsZENvbmZpZywgRm9ybWx5VGVtcGxhdGVPcHRpb25zIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGJ4Rm9ybUluZm9Db25maWcge1xuICBvbkluZm9DbGljazogKCkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEYnhGb3JtSW5mb1dyYXBwZXJUZW1wbGF0ZU9wdGlvbnMgZXh0ZW5kcyBGb3JtbHlUZW1wbGF0ZU9wdGlvbnMge1xuICBpbmZvV3JhcHBlcjogRGJ4Rm9ybUluZm9Db25maWc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGJ4Rm9ybUluZm9XcmFwcGVyQ29uZmlnIGV4dGVuZHMgRm9ybWx5RmllbGRDb25maWcge1xuICB0ZW1wbGF0ZU9wdGlvbnM/OiBEYnhGb3JtSW5mb1dyYXBwZXJUZW1wbGF0ZU9wdGlvbnM7XG59XG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJkYngtZm9ybS1pbmZvLXdyYXBwZXJcIiBmeExheW91dD1cInJvd1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImRieC1mb3JtLWluZm8td3JhcHBlci1jb250ZW50XCIgZnhGbGV4PVwiZ3Jvd1wiPlxuICAgICAgICA8bmctY29udGFpbmVyICNmaWVsZENvbXBvbmVudD48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImRieC1mb3JtLWluZm8td3JhcHBlci1pbmZvXCIgZnhGbGV4PVwibm9zaHJpbmtcIiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XG4gICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIFthdHRyLmFyaWEtbGFiZWxdPVwiJ3Nob3cgaW5mbyBidXR0b24gZm9yICcgKyAodG8ubGFiZWwgfHwgJ3NlY3Rpb24nKVwiXG4gICAgICAgICAgKGNsaWNrKT1cIm9uSW5mb0NsaWNrKClcIj5cbiAgICAgICAgICA8bWF0LWljb24+aW5mbzwvbWF0LWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgRGJ4Rm9ybUluZm9XcmFwcGVyQ29tcG9uZW50IGV4dGVuZHMgRmllbGRXcmFwcGVyPERieEZvcm1JbmZvV3JhcHBlckNvbmZpZz4ge1xuXG4gIGdldCBpbmZvV3JhcHBlcigpOiBEYnhGb3JtSW5mb0NvbmZpZyB7XG4gICAgcmV0dXJuIHRoaXMudG8uaW5mb1dyYXBwZXI7XG4gIH1cblxuICBvbkluZm9DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLmluZm9XcmFwcGVyLm9uSW5mb0NsaWNrKCk7XG4gIH1cblxufVxuIl19

package/esm2020/lib/formly/field/wrapper/section.wrapper.component.mjs

@@ -2,34 +2,28 @@ import { Component } from '@angular/core';
 import { FieldWrapper } from '@ngx-formly/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@dereekb/dbx-web";
-import * as i2 from "@angular/common";
-export class FormSectionWrapperComponent extends FieldWrapper {
-    get description() {
-        return this.to.description;
+export class DbxFormSectionWrapperComponent extends FieldWrapper {
+    get header() {
+        return this.to.sectionWrapper?.header;
+    }
+    get hint() {
+        return this.to.sectionWrapper?.hint;
     }
 }
-FormSectionWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: FormSectionWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormSectionWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: FormSectionWrapperComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div class="form-section">
-      <h3>{{ to.label }}</h3>
-      <div class="form-section-content">
-        <ng-container #fieldComponent></ng-container>
-      </div>
-      <dbx-hint *ngIf="description">{{ description }}</dbx-hint>
-    </div>
-  `, isInline: true, components: [{ type: i1.DbxHintComponent, selector: "dbx-hint" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: FormSectionWrapperComponent, decorators: [{
+DbxFormSectionWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormSectionWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxFormSectionWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxFormSectionWrapperComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <dbx-section [header]="header" [hint]="hint">
+      <ng-container #fieldComponent></ng-container>
+    </dbx-section>
+  `, isInline: true, components: [{ type: i1.DbxSectionComponent, selector: "dbx-section", inputs: ["elevated"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormSectionWrapperComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
-    <div class="form-section">
-      <h3>{{ to.label }}</h3>
-      <div class="form-section-content">
-        <ng-container #fieldComponent></ng-container>
-      </div>
-      <dbx-hint *ngIf="description">{{ description }}</dbx-hint>
-    </div>
+    <dbx-section [header]="header" [hint]="hint">
+      <ng-container #fieldComponent></ng-container>
+    </dbx-section>
   `
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi53cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC1mb3JtL3NyYy9saWIvZm9ybWx5L2ZpZWxkL3dyYXBwZXIvc2VjdGlvbi53cmFwcGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQWFoRCxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsWUFBWTtJQUUzRCxJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxFQUFFLENBQUMsV0FBVyxDQUFDO0lBQzdCLENBQUM7O3dIQUpVLDJCQUEyQjs0R0FBM0IsMkJBQTJCLDJFQVY1Qjs7Ozs7Ozs7R0FRVDsyRkFFVSwyQkFBMkI7a0JBWHZDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFOzs7Ozs7OztHQVFUO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXliZSB9IGZyb20gJ0BkZXJlZWtiL3V0aWwnO1xuaW1wb3J0IHsgRmllbGRXcmFwcGVyIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJmb3JtLXNlY3Rpb25cIj5cbiAgICAgIDxoMz57eyB0by5sYWJlbCB9fTwvaDM+XG4gICAgICA8ZGl2IGNsYXNzPVwiZm9ybS1zZWN0aW9uLWNvbnRlbnRcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAjZmllbGRDb21wb25lbnQ+PC9uZy1jb250YWluZXI+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkYngtaGludCAqbmdJZj1cImRlc2NyaXB0aW9uXCI+e3sgZGVzY3JpcHRpb24gfX08L2RieC1oaW50PlxuICAgIDwvZGl2PlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIEZvcm1TZWN0aW9uV3JhcHBlckNvbXBvbmVudCBleHRlbmRzIEZpZWxkV3JhcHBlciB7XG5cbiAgZ2V0IGRlc2NyaXB0aW9uKCk6IE1heWJlPHN0cmluZz4ge1xuICAgIHJldHVybiB0aGlzLnRvLmRlc2NyaXB0aW9uO1xuICB9XG5cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi53cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC1mb3JtL3NyYy9saWIvZm9ybWx5L2ZpZWxkL3dyYXBwZXIvc2VjdGlvbi53cmFwcGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFDLE9BQU8sRUFBbUIsWUFBWSxFQUE0QyxNQUFNLGtCQUFrQixDQUFDOzs7QUFzQjNHLE1BQU0sT0FBTyw4QkFBK0IsU0FBUSxZQUF1RDtJQUV6RyxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxFQUFFLENBQUMsY0FBYyxFQUFFLE1BQU0sQ0FBQztJQUN4QyxDQUFDO0lBRUQsSUFBSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsRUFBRSxDQUFDLGNBQWMsRUFBRSxJQUFJLENBQUM7SUFDdEMsQ0FBQzs7MkhBUlUsOEJBQThCOytHQUE5Qiw4QkFBOEIsMkVBTi9COzs7O0dBSVQ7MkZBRVUsOEJBQThCO2tCQVAxQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRTs7OztHQUlUO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXliZSB9IGZyb20gJ0BkZXJlZWtiL3V0aWwnO1xuaW1wb3J0IHsgRmllbGRUeXBlQ29uZmlnLCBGaWVsZFdyYXBwZXIsIEZvcm1seUZpZWxkQ29uZmlnLCBGb3JtbHlUZW1wbGF0ZU9wdGlvbnMgfSBmcm9tICdAbmd4LWZvcm1seS9jb3JlJztcblxuZXhwb3J0IGludGVyZmFjZSBEYnhGb3JtU2VjdGlvbkNvbmZpZyB7XG4gIGhlYWRlcj86IHN0cmluZztcbiAgaGludD86IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEYnhGb3JtU2VjdGlvbldyYXBwZXJUZW1wbGF0ZU9wdGlvbnMgZXh0ZW5kcyBGb3JtbHlUZW1wbGF0ZU9wdGlvbnMge1xuICBzZWN0aW9uV3JhcHBlcj86IERieEZvcm1TZWN0aW9uQ29uZmlnO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZvcm1TZWN0aW9uRm9ybWx5Q29uZmlnIGV4dGVuZHMgRm9ybWx5RmllbGRDb25maWcge1xuICB0ZW1wbGF0ZU9wdGlvbnM/OiBEYnhGb3JtU2VjdGlvbldyYXBwZXJUZW1wbGF0ZU9wdGlvbnM7XG59XG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYFxuICAgIDxkYngtc2VjdGlvbiBbaGVhZGVyXT1cImhlYWRlclwiIFtoaW50XT1cImhpbnRcIj5cbiAgICAgIDxuZy1jb250YWluZXIgI2ZpZWxkQ29tcG9uZW50PjwvbmctY29udGFpbmVyPlxuICAgIDwvZGJ4LXNlY3Rpb24+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgRGJ4Rm9ybVNlY3Rpb25XcmFwcGVyQ29tcG9uZW50IGV4dGVuZHMgRmllbGRXcmFwcGVyPEZvcm1TZWN0aW9uRm9ybWx5Q29uZmlnICYgRmllbGRUeXBlQ29uZmlnPiB7XG5cbiAgZ2V0IGhlYWRlcigpOiBNYXliZTxzdHJpbmc+IHtcbiAgICByZXR1cm4gdGhpcy50by5zZWN0aW9uV3JhcHBlcj8uaGVhZGVyO1xuICB9XG5cbiAgZ2V0IGhpbnQoKTogTWF5YmU8c3RyaW5nPiB7XG4gICAgcmV0dXJuIHRoaXMudG8uc2VjdGlvbldyYXBwZXI/LmhpbnQ7XG4gIH1cblxufVxuIl19

package/esm2020/lib/formly/field/wrapper/style.wrapper.component.mjs

@@ -0,0 +1,43 @@
+import { asObservable, switchMapMaybeDefault } from '@dereekb/rxjs';
+import { Component } from '@angular/core';
+import { FieldWrapper } from '@ngx-formly/core';
+import { BehaviorSubject, shareReplay } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/flex-layout/extended";
+export class DbxFormStyleWrapperComponent extends FieldWrapper {
+    constructor() {
+        super(...arguments);
+        this._style = new BehaviorSubject(undefined);
+        this.style$ = this._style.pipe(switchMapMaybeDefault(''), shareReplay(1));
+    }
+    get styleWrapper() {
+        return this.field.styleWrapper;
+    }
+    get styleGetter() {
+        return this.styleWrapper.style;
+    }
+    ngOnInit() {
+        this._style.next(asObservable(this.styleGetter));
+    }
+    ngOnDestroy() {
+        this._style.complete();
+    }
+}
+DbxFormStyleWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormStyleWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxFormStyleWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxFormStyleWrapperComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div [ngClass]="(style$ | async) ?? ''">
+      <ng-container #fieldComponent></ng-container>
+    </div>
+  `, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }], pipes: { "async": i1.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormStyleWrapperComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <div [ngClass]="(style$ | async) ?? ''">
+      <ng-container #fieldComponent></ng-container>
+    </div>
+  `
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUud3JhcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtZm9ybS9zcmMvbGliL2Zvcm1seS9maWVsZC93cmFwcGVyL3N0eWxlLndyYXBwZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxZQUFZLEVBQW9CLHFCQUFxQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUMsT0FBTyxFQUFFLFlBQVksRUFBcUIsTUFBTSxrQkFBa0IsQ0FBQztBQUNuRSxPQUFPLEVBQUUsZUFBZSxFQUFjLFdBQVcsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7OztBQWlCaEUsTUFBTSxPQUFPLDRCQUE2QixTQUFRLFlBQTZDO0lBUC9GOztRQVNVLFdBQU0sR0FBRyxJQUFJLGVBQWUsQ0FBNEIsU0FBUyxDQUFDLENBQUM7UUFDbEUsV0FBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLEVBQUUsQ0FBQyxFQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0tBa0IvRTtJQWhCQyxJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUN6QixDQUFDOzt5SEFuQlUsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsMkVBTjdCOzs7O0dBSVQ7MkZBRVUsNEJBQTRCO2tCQVB4QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRTs7OztHQUlUO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT25Jbml0LCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGFzT2JzZXJ2YWJsZSwgT2JzZXJ2YWJsZUdldHRlciwgc3dpdGNoTWFwTWF5YmVEZWZhdWx0IH0gZnJvbSAnQGRlcmVla2Ivcnhqcyc7XG5pbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBGaWVsZFdyYXBwZXIsIEZvcm1seUZpZWxkQ29uZmlnIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIE9ic2VydmFibGUsIHNoYXJlUmVwbGF5IH0gZnJvbSAncnhqcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGJ4Rm9ybVN0eWxlV3JhcHBlckNvbmZpZyB7XG4gIHN0eWxlOiBPYnNlcnZhYmxlR2V0dGVyPHN0cmluZz47XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGJ4Rm9ybVN0eWxlV3JhcHBlckZvcm1seUNvbmZpZyBleHRlbmRzIEZvcm1seUZpZWxkQ29uZmlnIHtcbiAgc3R5bGVXcmFwcGVyOiBEYnhGb3JtU3R5bGVXcmFwcGVyQ29uZmlnO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IFtuZ0NsYXNzXT1cIihzdHlsZSQgfCBhc3luYykgPz8gJydcIj5cbiAgICAgIDxuZy1jb250YWluZXIgI2ZpZWxkQ29tcG9uZW50PjwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIERieEZvcm1TdHlsZVdyYXBwZXJDb21wb25lbnQgZXh0ZW5kcyBGaWVsZFdyYXBwZXI8RGJ4Rm9ybVN0eWxlV3JhcHBlckZvcm1seUNvbmZpZz4gaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgcHJpdmF0ZSBfc3R5bGUgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PE1heWJlPE9ic2VydmFibGU8c3RyaW5nPj4+KHVuZGVmaW5lZCk7XG4gIHJlYWRvbmx5IHN0eWxlJCA9IHRoaXMuX3N0eWxlLnBpcGUoc3dpdGNoTWFwTWF5YmVEZWZhdWx0KCcnKSwgc2hhcmVSZXBsYXkoMSkpO1xuXG4gIGdldCBzdHlsZVdyYXBwZXIoKTogRGJ4Rm9ybVN0eWxlV3JhcHBlckNvbmZpZyB7XG4gICAgcmV0dXJuIHRoaXMuZmllbGQuc3R5bGVXcmFwcGVyO1xuICB9XG5cbiAgZ2V0IHN0eWxlR2V0dGVyKCk6IE9ic2VydmFibGVHZXR0ZXI8c3RyaW5nPiB7XG4gICAgcmV0dXJuIHRoaXMuc3R5bGVXcmFwcGVyLnN0eWxlO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5fc3R5bGUubmV4dChhc09ic2VydmFibGUodGhpcy5zdHlsZUdldHRlcikpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5fc3R5bGUuY29tcGxldGUoKTtcbiAgfVxuXG59XG4iXX0=

package/esm2020/lib/formly/field/wrapper/subsection.wrapper.component.mjs

@@ -2,34 +2,28 @@ import { Component } from '@angular/core';
 import { FieldWrapper } from '@ngx-formly/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@dereekb/dbx-web";
-import * as i2 from "@angular/common";
-export class FormSubsectionWrapperComponent extends FieldWrapper {
-    get description() {
-        return this.to.description;
+export class DbxFormSubsectionWrapperComponent extends FieldWrapper {
+    get header() {
+        return this.to.subsectionWrapper?.header;
+    }
+    get hint() {
+        return this.to.subsectionWrapper?.hint;
     }
 }
-FormSubsectionWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: FormSubsectionWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormSubsectionWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: FormSubsectionWrapperComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div class="form-section form-subsection">
-      <h4>{{ to.label }}</h4>
-      <div class="form-section-content">
-        <ng-container #fieldComponent></ng-container>
-      </div>
-      <dbx-hint *ngIf="description"><small>{{ description }}</small></dbx-hint>
-    </div>
-  `, isInline: true, components: [{ type: i1.DbxHintComponent, selector: "dbx-hint" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: FormSubsectionWrapperComponent, decorators: [{
+DbxFormSubsectionWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormSubsectionWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxFormSubsectionWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxFormSubsectionWrapperComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+  <dbx-subsection [header]="header" [hint]="hint">
+    <ng-container #fieldComponent></ng-container>
+  </dbx-subsection>
+  `, isInline: true, components: [{ type: i1.DbxSubSectionComponent, selector: "dbx-subsection" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormSubsectionWrapperComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
-    <div class="form-section form-subsection">
-      <h4>{{ to.label }}</h4>
-      <div class="form-section-content">
-        <ng-container #fieldComponent></ng-container>
-      </div>
-      <dbx-hint *ngIf="description"><small>{{ description }}</small></dbx-hint>
-    </div>
+  <dbx-subsection [header]="header" [hint]="hint">
+    <ng-container #fieldComponent></ng-container>
+  </dbx-subsection>
   `
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2VjdGlvbi53cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC1mb3JtL3NyYy9saWIvZm9ybWx5L2ZpZWxkL3dyYXBwZXIvc3Vic2VjdGlvbi53cmFwcGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQWFoRCxNQUFNLE9BQU8sOEJBQStCLFNBQVEsWUFBWTtJQUU5RCxJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxFQUFFLENBQUMsV0FBVyxDQUFDO0lBQzdCLENBQUM7OzJIQUpVLDhCQUE4QjsrR0FBOUIsOEJBQThCLDJFQVYvQjs7Ozs7Ozs7R0FRVDsyRkFFVSw4QkFBOEI7a0JBWDFDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFOzs7Ozs7OztHQVFUO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXliZSB9IGZyb20gJ0BkZXJlZWtiL3V0aWwnO1xuaW1wb3J0IHsgRmllbGRXcmFwcGVyIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJmb3JtLXNlY3Rpb24gZm9ybS1zdWJzZWN0aW9uXCI+XG4gICAgICA8aDQ+e3sgdG8ubGFiZWwgfX08L2g0PlxuICAgICAgPGRpdiBjbGFzcz1cImZvcm0tc2VjdGlvbi1jb250ZW50XCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgI2ZpZWxkQ29tcG9uZW50PjwvbmctY29udGFpbmVyPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGJ4LWhpbnQgKm5nSWY9XCJkZXNjcmlwdGlvblwiPjxzbWFsbD57eyBkZXNjcmlwdGlvbiB9fTwvc21hbGw+PC9kYngtaGludD5cbiAgICA8L2Rpdj5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtU3Vic2VjdGlvbldyYXBwZXJDb21wb25lbnQgZXh0ZW5kcyBGaWVsZFdyYXBwZXIge1xuXG4gIGdldCBkZXNjcmlwdGlvbigpOiBNYXliZTxzdHJpbmc+IHtcbiAgICByZXR1cm4gdGhpcy50by5kZXNjcmlwdGlvbjtcbiAgfVxuXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2VjdGlvbi53cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC1mb3JtL3NyYy9saWIvZm9ybWx5L2ZpZWxkL3dyYXBwZXIvc3Vic2VjdGlvbi53cmFwcGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFDLE9BQU8sRUFBbUIsWUFBWSxFQUE0QyxNQUFNLGtCQUFrQixDQUFDOzs7QUFzQjNHLE1BQU0sT0FBTyxpQ0FBa0MsU0FBUSxZQUE2RDtJQUVsSCxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxFQUFFLENBQUMsaUJBQWlCLEVBQUUsTUFBTSxDQUFDO0lBQzNDLENBQUM7SUFFRCxJQUFJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxFQUFFLENBQUMsaUJBQWlCLEVBQUUsSUFBSSxDQUFDO0lBQ3pDLENBQUM7OzhIQVJVLGlDQUFpQztrSEFBakMsaUNBQWlDLDJFQU5sQzs7OztHQUlUOzJGQUVVLGlDQUFpQztrQkFQN0MsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUU7Ozs7R0FJVDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF5YmUgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcbmltcG9ydCB7IEZpZWxkVHlwZUNvbmZpZywgRmllbGRXcmFwcGVyLCBGb3JtbHlGaWVsZENvbmZpZywgRm9ybWx5VGVtcGxhdGVPcHRpb25zIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGJ4Rm9ybVN1YnNlY3Rpb25Db25maWcge1xuICBoZWFkZXI/OiBzdHJpbmc7XG4gIGhpbnQ/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGJ4Rm9ybVN1YnNlY3Rpb25XcmFwcGVyVGVtcGxhdGVPcHRpb25zIGV4dGVuZHMgRm9ybWx5VGVtcGxhdGVPcHRpb25zIHtcbiAgc3Vic2VjdGlvbldyYXBwZXI/OiBEYnhGb3JtU3Vic2VjdGlvbkNvbmZpZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEYnhGb3JtU3Vic2VjdGlvbkZvcm1seUNvbmZpZyBleHRlbmRzIEZvcm1seUZpZWxkQ29uZmlnIHtcbiAgdGVtcGxhdGVPcHRpb25zPzogRGJ4Rm9ybVN1YnNlY3Rpb25XcmFwcGVyVGVtcGxhdGVPcHRpb25zO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGU6IGBcbiAgPGRieC1zdWJzZWN0aW9uIFtoZWFkZXJdPVwiaGVhZGVyXCIgW2hpbnRdPVwiaGludFwiPlxuICAgIDxuZy1jb250YWluZXIgI2ZpZWxkQ29tcG9uZW50PjwvbmctY29udGFpbmVyPlxuICA8L2RieC1zdWJzZWN0aW9uPlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIERieEZvcm1TdWJzZWN0aW9uV3JhcHBlckNvbXBvbmVudCBleHRlbmRzIEZpZWxkV3JhcHBlcjxEYnhGb3JtU3Vic2VjdGlvbkZvcm1seUNvbmZpZyAmIEZpZWxkVHlwZUNvbmZpZz4ge1xuXG4gIGdldCBoZWFkZXIoKTogTWF5YmU8c3RyaW5nPiB7XG4gICAgcmV0dXJuIHRoaXMudG8uc3Vic2VjdGlvbldyYXBwZXI/LmhlYWRlcjtcbiAgfVxuXG4gIGdldCBoaW50KCk6IE1heWJlPHN0cmluZz4ge1xuICAgIHJldHVybiB0aGlzLnRvLnN1YnNlY3Rpb25XcmFwcGVyPy5oaW50O1xuICB9XG5cbn1cbiJdfQ==

package/esm2020/lib/formly/field/wrapper/toggle.wrapper.component.mjs

@@ -1,52 +1,48 @@
 import { Component } from '@angular/core';
-import { of } from 'rxjs';
-import { first, shareReplay, switchMap } from 'rxjs/operators';
-import { AbstractFormExpandableSectionWrapperDirective } from './expandable.wrapper.component';
+import { first, shareReplay, switchMap, of } from 'rxjs';
+import { AbstractFormExpandableSectionWrapperDirective } from './expandable.wrapper.delegate';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/slide-toggle";
 import * as i2 from "@angular/common";
 /**
  * Section that is expandable by a button until a value is set, or the button is pressed.
  */
-export class FormToggleSectionWrapperComponent extends AbstractFormExpandableSectionWrapperDirective {
+export class DbxFormToggleWrapperComponent extends AbstractFormExpandableSectionWrapperDirective {
     constructor() {
         super(...arguments);
-        this.$slideLabel = this._toggleOpen.pipe(switchMap(x => {
-            if (this.toggleSection?.toggleLabelObs) {
-                return this.toggleSection?.toggleLabelObs(x);
+        this.slideLabel$ = this._toggleOpen.pipe(switchMap(x => {
+            if (this.expandableSection?.toggleLabelObs) {
+                return this.expandableSection?.toggleLabelObs(x);
             }
             else {
                 return of(this.expandLabel);
             }
         }), shareReplay(1));
     }
-    get toggleSection() {
-        return this.to.toggleSection;
-    }
     onToggleChange() {
         this.show$.pipe(first()).subscribe((show) => {
             this._toggleOpen.next(!show);
         });
     }
 }
-FormToggleSectionWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: FormToggleSectionWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormToggleSectionWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: FormToggleSectionWrapperComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-  <div class="form-toggle-wrapper" [ngSwitch]="show$ | async">
-    <div class="form-toggle-wrapper-toggle">
-      <mat-slide-toggle [checked]="show$ | async" (toggleChange)="onToggleChange()">{{ $slideLabel | async }}</mat-slide-toggle>
+DbxFormToggleWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormToggleWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxFormToggleWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxFormToggleWrapperComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+  <div class="dbx-form-toggle-wrapper" [ngSwitch]="show$ | async">
+    <div class="dbx-form-toggle-wrapper-toggle">
+      <mat-slide-toggle [checked]="show$ | async" (toggleChange)="onToggleChange()">{{ slideLabel$ | async }}</mat-slide-toggle>
     </div>
     <ng-container *ngSwitchCase="true">
       <ng-container #fieldComponent></ng-container>
     </ng-container>
   </div>
   `, isInline: true, components: [{ type: i1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "checked"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }], directives: [{ type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "async": i2.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: FormToggleSectionWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormToggleWrapperComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
-  <div class="form-toggle-wrapper" [ngSwitch]="show$ | async">
-    <div class="form-toggle-wrapper-toggle">
-      <mat-slide-toggle [checked]="show$ | async" (toggleChange)="onToggleChange()">{{ $slideLabel | async }}</mat-slide-toggle>
+  <div class="dbx-form-toggle-wrapper" [ngSwitch]="show$ | async">
+    <div class="dbx-form-toggle-wrapper-toggle">
+      <mat-slide-toggle [checked]="show$ | async" (toggleChange)="onToggleChange()">{{ slideLabel$ | async }}</mat-slide-toggle>
     </div>
     <ng-container *ngSwitchCase="true">
       <ng-container #fieldComponent></ng-container>
@@ -55,4 +51,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
   `
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLndyYXBwZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LWZvcm0vc3JjL2xpYi9mb3JtbHkvZmllbGQvd3JhcHBlci90b2dnbGUud3JhcHBlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUkxQyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzFCLE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQy9ELE9BQU8sRUFBRSw2Q0FBNkMsRUFBK0MsTUFBTSxnQ0FBZ0MsQ0FBQzs7OztBQWM1STs7R0FFRztBQWFILE1BQU0sT0FBTyxpQ0FBMkMsU0FBUSw2Q0FBa0Y7SUFabEo7O1FBa0JXLGdCQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQzFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNaLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRSxjQUFjLEVBQUU7Z0JBQ3RDLE9BQU8sSUFBSSxDQUFDLGFBQWEsRUFBRSxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDOUM7aUJBQU07Z0JBQ0wsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO2FBQzdCO1FBQ0gsQ0FBQyxDQUFDLEVBQ0YsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUNmLENBQUM7S0FRSDtJQXJCQyxJQUFJLGFBQWE7UUFDZixPQUFPLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDO0lBQy9CLENBQUM7SUFhRCxjQUFjO1FBQ1osSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUMxQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQy9CLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7OEhBckJVLGlDQUFpQztrSEFBakMsaUNBQWlDLDJFQVhsQzs7Ozs7Ozs7O0dBU1Q7MkZBRVUsaUNBQWlDO2tCQVo3QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRTs7Ozs7Ozs7O0dBU1Q7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBGb3JtbHlGaWVsZENvbmZpZyB9IGZyb20gJ0BuZ3gtZm9ybWx5L2NvcmUnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgb2YgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IGZpcnN0LCBzaGFyZVJlcGxheSwgc3dpdGNoTWFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgQWJzdHJhY3RGb3JtRXhwYW5kYWJsZVNlY3Rpb25XcmFwcGVyRGlyZWN0aXZlLCBGb3JtRXhwYW5kYWJsZVNlY3Rpb25XcmFwcGVyVGVtcGxhdGVPcHRpb25zIH0gZnJvbSAnLi9leHBhbmRhYmxlLndyYXBwZXIuY29tcG9uZW50JztcblxuZXhwb3J0IGludGVyZmFjZSBGb3JtVG9nZ2xlU2VjdGlvbkNvbmZpZyB7XG4gIHRvZ2dsZUxhYmVsT2JzPzogKG9wZW46IE1heWJlPGJvb2xlYW4+KSA9PiBPYnNlcnZhYmxlPHN0cmluZz47XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRm9ybVRvZ2dsZVNlY3Rpb25XcmFwcGVyVGVtcGxhdGVPcHRpb25zPFQgPSBhbnk+IGV4dGVuZHMgRm9ybUV4cGFuZGFibGVTZWN0aW9uV3JhcHBlclRlbXBsYXRlT3B0aW9uczxUPiB7XG4gIHRvZ2dsZVNlY3Rpb24/OiBGb3JtVG9nZ2xlU2VjdGlvbkNvbmZpZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGb3JtVG9nZ2xlU2VjdGlvbkZvcm1seUNvbmZpZzxUID0gYW55PiBleHRlbmRzIEZvcm1seUZpZWxkQ29uZmlnIHtcbiAgdGVtcGxhdGVPcHRpb25zPzogRm9ybVRvZ2dsZVNlY3Rpb25XcmFwcGVyVGVtcGxhdGVPcHRpb25zPFQ+O1xufVxuXG4vKipcbiAqIFNlY3Rpb24gdGhhdCBpcyBleHBhbmRhYmxlIGJ5IGEgYnV0dG9uIHVudGlsIGEgdmFsdWUgaXMgc2V0LCBvciB0aGUgYnV0dG9uIGlzIHByZXNzZWQuXG4gKi9cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYFxuICA8ZGl2IGNsYXNzPVwiZm9ybS10b2dnbGUtd3JhcHBlclwiIFtuZ1N3aXRjaF09XCJzaG93JCB8IGFzeW5jXCI+XG4gICAgPGRpdiBjbGFzcz1cImZvcm0tdG9nZ2xlLXdyYXBwZXItdG9nZ2xlXCI+XG4gICAgICA8bWF0LXNsaWRlLXRvZ2dsZSBbY2hlY2tlZF09XCJzaG93JCB8IGFzeW5jXCIgKHRvZ2dsZUNoYW5nZSk9XCJvblRvZ2dsZUNoYW5nZSgpXCI+e3sgJHNsaWRlTGFiZWwgfCBhc3luYyB9fTwvbWF0LXNsaWRlLXRvZ2dsZT5cbiAgICA8L2Rpdj5cbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCJ0cnVlXCI+XG4gICAgICA8bmctY29udGFpbmVyICNmaWVsZENvbXBvbmVudD48L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgRm9ybVRvZ2dsZVNlY3Rpb25XcmFwcGVyQ29tcG9uZW50PFQgPSBhbnk+IGV4dGVuZHMgQWJzdHJhY3RGb3JtRXhwYW5kYWJsZVNlY3Rpb25XcmFwcGVyRGlyZWN0aXZlPFQsIEZvcm1Ub2dnbGVTZWN0aW9uRm9ybWx5Q29uZmlnPFQ+PiB7XG5cbiAgZ2V0IHRvZ2dsZVNlY3Rpb24oKTogTWF5YmU8Rm9ybVRvZ2dsZVNlY3Rpb25Db25maWc+IHtcbiAgICByZXR1cm4gdGhpcy50by50b2dnbGVTZWN0aW9uO1xuICB9XG5cbiAgcmVhZG9ubHkgJHNsaWRlTGFiZWwgPSB0aGlzLl90b2dnbGVPcGVuLnBpcGUoXG4gICAgc3dpdGNoTWFwKHggPT4ge1xuICAgICAgaWYgKHRoaXMudG9nZ2xlU2VjdGlvbj8udG9nZ2xlTGFiZWxPYnMpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMudG9nZ2xlU2VjdGlvbj8udG9nZ2xlTGFiZWxPYnMoeCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZXR1cm4gb2YodGhpcy5leHBhbmRMYWJlbCk7XG4gICAgICB9XG4gICAgfSksXG4gICAgc2hhcmVSZXBsYXkoMSlcbiAgKTtcblxuICBvblRvZ2dsZUNoYW5nZSgpOiB2b2lkIHtcbiAgICB0aGlzLnNob3ckLnBpcGUoZmlyc3QoKSkuc3Vic2NyaWJlKChzaG93KSA9PiB7XG4gICAgICB0aGlzLl90b2dnbGVPcGVuLm5leHQoIXNob3cpO1xuICAgIH0pO1xuICB9XG5cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLndyYXBwZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LWZvcm0vc3JjL2xpYi9mb3JtbHkvZmllbGQvd3JhcHBlci90b2dnbGUud3JhcHBlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxQyxPQUFPLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQWMsRUFBRSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3JFLE9BQU8sRUFBdUMsNkNBQTZDLEVBQStDLE1BQU0sK0JBQStCLENBQUM7Ozs7QUFNaEw7O0dBRUc7QUFhSCxNQUFNLE9BQU8sNkJBQThCLFNBQVEsNkNBQXlFO0lBWjVIOztRQWNXLGdCQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQzFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNaLElBQUksSUFBSSxDQUFDLGlCQUFpQixFQUFFLGNBQWMsRUFBRTtnQkFDMUMsT0FBTyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ2xEO2lCQUFNO2dCQUNMLE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQzthQUM3QjtRQUNILENBQUMsQ0FBQyxFQUNGLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDZixDQUFDO0tBUUg7SUFOQyxjQUFjO1FBQ1osSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUMxQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQy9CLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7MEhBakJVLDZCQUE2Qjs4R0FBN0IsNkJBQTZCLDJFQVg5Qjs7Ozs7Ozs7O0dBU1Q7MkZBRVUsNkJBQTZCO2tCQVp6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRTs7Ozs7Ozs7O0dBU1Q7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBmaXJzdCwgc2hhcmVSZXBsYXksIHN3aXRjaE1hcCwgT2JzZXJ2YWJsZSwgb2YgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEFic3RyYWN0Rm9ybUV4cGFuZGFibGVTZWN0aW9uQ29uZmlnLCBBYnN0cmFjdEZvcm1FeHBhbmRhYmxlU2VjdGlvbldyYXBwZXJEaXJlY3RpdmUsIEZvcm1FeHBhbmRhYmxlU2VjdGlvbldyYXBwZXJUZW1wbGF0ZU9wdGlvbnMgfSBmcm9tICcuL2V4cGFuZGFibGUud3JhcHBlci5kZWxlZ2F0ZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGJ4Rm9ybVRvZ2dsZVdyYXBwZXJDb25maWc8VCA9IGFueT4gZXh0ZW5kcyBBYnN0cmFjdEZvcm1FeHBhbmRhYmxlU2VjdGlvbkNvbmZpZzxUPiB7XG4gIHRvZ2dsZUxhYmVsT2JzPzogKG9wZW46IE1heWJlPGJvb2xlYW4+KSA9PiBPYnNlcnZhYmxlPHN0cmluZz47XG59XG5cbi8qKlxuICogU2VjdGlvbiB0aGF0IGlzIGV4cGFuZGFibGUgYnkgYSBidXR0b24gdW50aWwgYSB2YWx1ZSBpcyBzZXQsIG9yIHRoZSBidXR0b24gaXMgcHJlc3NlZC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiBgXG4gIDxkaXYgY2xhc3M9XCJkYngtZm9ybS10b2dnbGUtd3JhcHBlclwiIFtuZ1N3aXRjaF09XCJzaG93JCB8IGFzeW5jXCI+XG4gICAgPGRpdiBjbGFzcz1cImRieC1mb3JtLXRvZ2dsZS13cmFwcGVyLXRvZ2dsZVwiPlxuICAgICAgPG1hdC1zbGlkZS10b2dnbGUgW2NoZWNrZWRdPVwic2hvdyQgfCBhc3luY1wiICh0b2dnbGVDaGFuZ2UpPVwib25Ub2dnbGVDaGFuZ2UoKVwiPnt7IHNsaWRlTGFiZWwkIHwgYXN5bmMgfX08L21hdC1zbGlkZS10b2dnbGU+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwidHJ1ZVwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAjZmllbGRDb21wb25lbnQ+PC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIERieEZvcm1Ub2dnbGVXcmFwcGVyQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RGb3JtRXhwYW5kYWJsZVNlY3Rpb25XcmFwcGVyRGlyZWN0aXZlPERieEZvcm1Ub2dnbGVXcmFwcGVyQ29uZmlnPiB7XG5cbiAgcmVhZG9ubHkgc2xpZGVMYWJlbCQgPSB0aGlzLl90b2dnbGVPcGVuLnBpcGUoXG4gICAgc3dpdGNoTWFwKHggPT4ge1xuICAgICAgaWYgKHRoaXMuZXhwYW5kYWJsZVNlY3Rpb24/LnRvZ2dsZUxhYmVsT2JzKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmV4cGFuZGFibGVTZWN0aW9uPy50b2dnbGVMYWJlbE9icyh4KTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHJldHVybiBvZih0aGlzLmV4cGFuZExhYmVsKTtcbiAgICAgIH1cbiAgICB9KSxcbiAgICBzaGFyZVJlcGxheSgxKVxuICApO1xuXG4gIG9uVG9nZ2xlQ2hhbmdlKCk6IHZvaWQge1xuICAgIHRoaXMuc2hvdyQucGlwZShmaXJzdCgpKS5zdWJzY3JpYmUoKHNob3cpID0+IHtcbiAgICAgIHRoaXMuX3RvZ2dsZU9wZW4ubmV4dCghc2hvdyk7XG4gICAgfSk7XG4gIH1cblxufVxuIl19

package/esm2020/lib/formly/field/wrapper/wrapper.mjs

@@ -0,0 +1,81 @@
+export const EXPANDABLE_WRAPPER_KEY = 'expandable';
+export const TOGGLE_WRAPPER_KEY = 'toggle';
+export const SECTION_WRAPPER_KEY = 'section';
+export const SUBSECTION_WRAPPER_KEY = 'subsection';
+export const INFO_WRAPPER_KEY = 'info';
+export const FLEX_WRAPPER_KEY = 'flex';
+export const STYLE_WRAPPER_KEY = 'style';
+export function addWrapperToFormlyFieldConfig(fieldConfig, wrapperKey, wrapperTemplateOptionsConfig) {
+    fieldConfig.templateOptions = {
+        ...fieldConfig.templateOptions,
+        ...wrapperTemplateOptionsConfig
+    };
+    return {
+        wrappers: [wrapperKey],
+        templateOptions: wrapperTemplateOptionsConfig,
+        fieldGroup: [fieldConfig]
+    };
+}
+export function expandWrapper(fieldConfig, expandWrapper) {
+    return addWrapperToFormlyFieldConfig(fieldConfig, EXPANDABLE_WRAPPER_KEY, {
+        expandWrapper
+    });
+}
+export function toggleWrapper(fieldConfig, expandWrapper) {
+    return addWrapperToFormlyFieldConfig(fieldConfig, TOGGLE_WRAPPER_KEY, {
+        expandWrapper
+    });
+}
+export function sectionWrapper(fieldConfig, sectionWrapper) {
+    return addWrapperToFormlyFieldConfig(fieldConfig, SECTION_WRAPPER_KEY, {
+        sectionWrapper
+    });
+}
+export function subsectionWrapper(fieldConfig, subsectionWrapper) {
+    return addWrapperToFormlyFieldConfig(fieldConfig, SUBSECTION_WRAPPER_KEY, {
+        subsectionWrapper
+    });
+}
+export function infoWrapper(fieldConfig, infoWrapper) {
+    return addWrapperToFormlyFieldConfig(fieldConfig, INFO_WRAPPER_KEY, {
+        infoWrapper
+    });
+}
+export function styleWrapper(fieldConfig, styleWrapper) {
+    return addWrapperToFormlyFieldConfig(fieldConfig, STYLE_WRAPPER_KEY, {
+        styleWrapper
+    });
+}
+export function checkIsFieldFlexLayoutGroupFieldConfig(input) {
+    if (input.field != null) {
+        return true;
+    }
+    else {
+        return false;
+    }
+}
+export function flexLayoutWrapper(fieldConfigs, { relative, breakpoint, size: defaultSize = 2 } = {}) {
+    return {
+        wrappers: ['flex'],
+        fieldGroupClassName: 'dbx-flex-group',
+        // fieldGroupClassName: 'field-layout-group',
+        templateOptions: {
+            flexWrapper: {
+                breakpoint,
+                relative
+            }
+        },
+        fieldGroup: fieldConfigs.map((inputConfig) => {
+            const fieldConfig = checkIsFieldFlexLayoutGroupFieldConfig(inputConfig) ? inputConfig : {
+                field: inputConfig
+            };
+            const { field, size = defaultSize } = fieldConfig;
+            const className = `dbx-flex-${size}`;
+            return {
+                ...field,
+                className
+            };
+        })
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3JhcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC1mb3JtL3NyYy9saWIvZm9ybWx5L2ZpZWxkL3dyYXBwZXIvd3JhcHBlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVQSxNQUFNLENBQUMsTUFBTSxzQkFBc0IsR0FBRyxZQUFZLENBQUM7QUFDbkQsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcsUUFBUSxDQUFDO0FBQzNDLE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQUFHLFNBQVMsQ0FBQztBQUM3QyxNQUFNLENBQUMsTUFBTSxzQkFBc0IsR0FBRyxZQUFZLENBQUM7QUFDbkQsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsTUFBTSxDQUFDO0FBQ3ZDLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLE1BQU0sQ0FBQztBQUN2QyxNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxPQUFPLENBQUM7QUFFekMsTUFBTSxVQUFVLDZCQUE2QixDQUFtQixXQUE4QixFQUFFLFVBQWtCLEVBQUUsNEJBQStCO0lBQ2pKLFdBQVcsQ0FBQyxlQUFlLEdBQUc7UUFDNUIsR0FBRyxXQUFXLENBQUMsZUFBZTtRQUM5QixHQUFHLDRCQUE0QjtLQUNoQyxDQUFDO0lBRUYsT0FBTztRQUNMLFFBQVEsRUFBRSxDQUFDLFVBQVUsQ0FBQztRQUN0QixlQUFlLEVBQUUsNEJBQTRCO1FBQzdDLFVBQVUsRUFBRSxDQUFDLFdBQVcsQ0FBQztLQUMxQixDQUFDO0FBQ0osQ0FBQztBQUVELE1BQU0sVUFBVSxhQUFhLENBQUMsV0FBOEIsRUFBRSxhQUEwQztJQUN0RyxPQUFPLDZCQUE2QixDQUFDLFdBQVcsRUFBRSxzQkFBc0IsRUFBRTtRQUN4RSxhQUFhO0tBQ2QsQ0FBQyxDQUFDO0FBQ0wsQ0FBQztBQUVELE1BQU0sVUFBVSxhQUFhLENBQUMsV0FBOEIsRUFBRSxhQUEwQztJQUN0RyxPQUFPLDZCQUE2QixDQUFDLFdBQVcsRUFBRSxrQkFBa0IsRUFBRTtRQUNwRSxhQUFhO0tBQ2QsQ0FBQyxDQUFDO0FBQ0wsQ0FBQztBQUVELE1BQU0sVUFBVSxjQUFjLENBQUMsV0FBOEIsRUFBRSxjQUFxQztJQUNsRyxPQUFPLDZCQUE2QixDQUFDLFdBQVcsRUFBRSxtQkFBbUIsRUFBRTtRQUNyRSxjQUFjO0tBQ2YsQ0FBQyxDQUFDO0FBQ0wsQ0FBQztBQUVELE1BQU0sVUFBVSxpQkFBaUIsQ0FBQyxXQUE4QixFQUFFLGlCQUEyQztJQUMzRyxPQUFPLDZCQUE2QixDQUFDLFdBQVcsRUFBRSxzQkFBc0IsRUFBRTtRQUN4RSxpQkFBaUI7S0FDbEIsQ0FBQyxDQUFDO0FBQ0wsQ0FBQztBQUVELE1BQU0sVUFBVSxXQUFXLENBQUMsV0FBOEIsRUFBRSxXQUE4QjtJQUN4RixPQUFPLDZCQUE2QixDQUFDLFdBQVcsRUFBRSxnQkFBZ0IsRUFBRTtRQUNsRSxXQUFXO0tBQ1osQ0FBQyxDQUFDO0FBQ0wsQ0FBQztBQUVELE1BQU0sVUFBVSxZQUFZLENBQUMsV0FBOEIsRUFBRSxZQUF1QztJQUNsRyxPQUFPLDZCQUE2QixDQUFDLFdBQVcsRUFBRSxpQkFBaUIsRUFBRTtRQUNuRSxZQUFZO0tBQ2IsQ0FBQyxDQUFDO0FBQ0wsQ0FBQztBQVlELE1BQU0sVUFBVSxzQ0FBc0MsQ0FBQyxLQUErRDtJQUNwSCxJQUFLLEtBQThDLENBQUMsS0FBSyxJQUFJLElBQUksRUFBRTtRQUNqRSxPQUFPLElBQUksQ0FBQztLQUNiO1NBQU07UUFDTCxPQUFPLEtBQUssQ0FBQztLQUNkO0FBQ0gsQ0FBQztBQUVELE1BQU0sVUFBVSxpQkFBaUIsQ0FBQyxZQUEwRSxFQUFFLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsV0FBVyxHQUFHLENBQUMsS0FBbUQsRUFBRTtJQUM5TSxPQUFPO1FBQ0wsUUFBUSxFQUFFLENBQUMsTUFBTSxDQUFDO1FBQ2xCLG1CQUFtQixFQUFFLGdCQUFnQjtRQUNyQyw2Q0FBNkM7UUFDN0MsZUFBZSxFQUFFO1lBQ2YsV0FBVyxFQUFFO2dCQUNYLFVBQVU7Z0JBQ1YsUUFBUTthQUNUO1NBQ0Y7UUFDRCxVQUFVLEVBQUUsWUFBWSxDQUFDLEdBQUcsQ0FBQyxDQUFDLFdBQVcsRUFBRSxFQUFFO1lBQzNDLE1BQU0sV0FBVyxHQUF5QyxzQ0FBc0MsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQztnQkFDNUgsS0FBSyxFQUFFLFdBQVc7YUFDbkIsQ0FBQztZQUVGLE1BQU0sRUFBRSxLQUFLLEVBQUUsSUFBSSxHQUFHLFdBQVcsRUFBRSxHQUFHLFdBQVcsQ0FBQztZQUNsRCxNQUFNLFNBQVMsR0FBRyxZQUFZLElBQUksRUFBRSxDQUFDO1lBRXJDLE9BQU87Z0JBQ0wsR0FBRyxLQUFLO2dCQUNSLFNBQVM7YUFDVixDQUFDO1FBQ0osQ0FBQyxDQUFDO0tBQ0gsQ0FBQztBQUNKLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEYnhGb3JtU3R5bGVXcmFwcGVyQ29uZmlnIH0gZnJvbSAnLi9zdHlsZS53cmFwcGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYnhGbGV4V3JhcHBlckNvbmZpZyB9IGZyb20gJy4vZmxleC53cmFwcGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGb3JtbHlGaWVsZENvbmZpZyB9IGZyb20gJ0BuZ3gtZm9ybWx5L2NvcmUnO1xuaW1wb3J0IHsgRGJ4Rm9ybVRvZ2dsZVdyYXBwZXJDb25maWcgfSBmcm9tICcuL3RvZ2dsZS53cmFwcGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYnhGb3JtU2VjdGlvbkNvbmZpZyB9IGZyb20gJy4vc2VjdGlvbi53cmFwcGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYnhGb3JtU3Vic2VjdGlvbkNvbmZpZyB9IGZyb20gJy4vc3Vic2VjdGlvbi53cmFwcGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYnhGb3JtSW5mb0NvbmZpZyB9IGZyb20gJy4vaW5mby53cmFwcGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYnhGb3JtRXhwYW5kV3JhcHBlckNvbmZpZyB9IGZyb20gJy4vZXhwYW5kYWJsZS53cmFwcGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYnhGbGV4U2l6ZSB9IGZyb20gJ0BkZXJlZWtiL2RieC13ZWInO1xuXG5leHBvcnQgY29uc3QgRVhQQU5EQUJMRV9XUkFQUEVSX0tFWSA9ICdleHBhbmRhYmxlJztcbmV4cG9ydCBjb25zdCBUT0dHTEVfV1JBUFBFUl9LRVkgPSAndG9nZ2xlJztcbmV4cG9ydCBjb25zdCBTRUNUSU9OX1dSQVBQRVJfS0VZID0gJ3NlY3Rpb24nO1xuZXhwb3J0IGNvbnN0IFNVQlNFQ1RJT05fV1JBUFBFUl9LRVkgPSAnc3Vic2VjdGlvbic7XG5leHBvcnQgY29uc3QgSU5GT19XUkFQUEVSX0tFWSA9ICdpbmZvJztcbmV4cG9ydCBjb25zdCBGTEVYX1dSQVBQRVJfS0VZID0gJ2ZsZXgnO1xuZXhwb3J0IGNvbnN0IFNUWUxFX1dSQVBQRVJfS0VZID0gJ3N0eWxlJztcblxuZXhwb3J0IGZ1bmN0aW9uIGFkZFdyYXBwZXJUb0Zvcm1seUZpZWxkQ29uZmlnPFQgZXh0ZW5kcyBvYmplY3Q+KGZpZWxkQ29uZmlnOiBGb3JtbHlGaWVsZENvbmZpZywgd3JhcHBlcktleTogc3RyaW5nLCB3cmFwcGVyVGVtcGxhdGVPcHRpb25zQ29uZmlnOiBUKTogRm9ybWx5RmllbGRDb25maWcge1xuICBmaWVsZENvbmZpZy50ZW1wbGF0ZU9wdGlvbnMgPSB7XG4gICAgLi4uZmllbGRDb25maWcudGVtcGxhdGVPcHRpb25zLFxuICAgIC4uLndyYXBwZXJUZW1wbGF0ZU9wdGlvbnNDb25maWdcbiAgfTtcblxuICByZXR1cm4ge1xuICAgIHdyYXBwZXJzOiBbd3JhcHBlcktleV0sXG4gICAgdGVtcGxhdGVPcHRpb25zOiB3cmFwcGVyVGVtcGxhdGVPcHRpb25zQ29uZmlnLFxuICAgIGZpZWxkR3JvdXA6IFtmaWVsZENvbmZpZ11cbiAgfTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGV4cGFuZFdyYXBwZXIoZmllbGRDb25maWc6IEZvcm1seUZpZWxkQ29uZmlnLCBleHBhbmRXcmFwcGVyPzogRGJ4Rm9ybUV4cGFuZFdyYXBwZXJDb25maWcpOiBGb3JtbHlGaWVsZENvbmZpZyB7XG4gIHJldHVybiBhZGRXcmFwcGVyVG9Gb3JtbHlGaWVsZENvbmZpZyhmaWVsZENvbmZpZywgRVhQQU5EQUJMRV9XUkFQUEVSX0tFWSwge1xuICAgIGV4cGFuZFdyYXBwZXJcbiAgfSk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiB0b2dnbGVXcmFwcGVyKGZpZWxkQ29uZmlnOiBGb3JtbHlGaWVsZENvbmZpZywgZXhwYW5kV3JhcHBlcj86IERieEZvcm1Ub2dnbGVXcmFwcGVyQ29uZmlnKTogRm9ybWx5RmllbGRDb25maWcge1xuICByZXR1cm4gYWRkV3JhcHBlclRvRm9ybWx5RmllbGRDb25maWcoZmllbGRDb25maWcsIFRPR0dMRV9XUkFQUEVSX0tFWSwge1xuICAgIGV4cGFuZFdyYXBwZXJcbiAgfSk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBzZWN0aW9uV3JhcHBlcihmaWVsZENvbmZpZzogRm9ybWx5RmllbGRDb25maWcsIHNlY3Rpb25XcmFwcGVyPzogRGJ4Rm9ybVNlY3Rpb25Db25maWcpOiBGb3JtbHlGaWVsZENvbmZpZyB7XG4gIHJldHVybiBhZGRXcmFwcGVyVG9Gb3JtbHlGaWVsZENvbmZpZyhmaWVsZENvbmZpZywgU0VDVElPTl9XUkFQUEVSX0tFWSwge1xuICAgIHNlY3Rpb25XcmFwcGVyXG4gIH0pO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gc3Vic2VjdGlvbldyYXBwZXIoZmllbGRDb25maWc6IEZvcm1seUZpZWxkQ29uZmlnLCBzdWJzZWN0aW9uV3JhcHBlcj86IERieEZvcm1TdWJzZWN0aW9uQ29uZmlnKTogRm9ybWx5RmllbGRDb25maWcge1xuICByZXR1cm4gYWRkV3JhcHBlclRvRm9ybWx5RmllbGRDb25maWcoZmllbGRDb25maWcsIFNVQlNFQ1RJT05fV1JBUFBFUl9LRVksIHtcbiAgICBzdWJzZWN0aW9uV3JhcHBlclxuICB9KTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGluZm9XcmFwcGVyKGZpZWxkQ29uZmlnOiBGb3JtbHlGaWVsZENvbmZpZywgaW5mb1dyYXBwZXI6IERieEZvcm1JbmZvQ29uZmlnKTogRm9ybWx5RmllbGRDb25maWcge1xuICByZXR1cm4gYWRkV3JhcHBlclRvRm9ybWx5RmllbGRDb25maWcoZmllbGRDb25maWcsIElORk9fV1JBUFBFUl9LRVksIHtcbiAgICBpbmZvV3JhcHBlclxuICB9KTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHN0eWxlV3JhcHBlcihmaWVsZENvbmZpZzogRm9ybWx5RmllbGRDb25maWcsIHN0eWxlV3JhcHBlcjogRGJ4Rm9ybVN0eWxlV3JhcHBlckNvbmZpZyk6IEZvcm1seUZpZWxkQ29uZmlnIHtcbiAgcmV0dXJuIGFkZFdyYXBwZXJUb0Zvcm1seUZpZWxkQ29uZmlnKGZpZWxkQ29uZmlnLCBTVFlMRV9XUkFQUEVSX0tFWSwge1xuICAgIHN0eWxlV3JhcHBlclxuICB9KTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEYnhGbGV4TGF5b3V0V3JhcHBlckdyb3VwRmllbGRDb25maWcge1xuICBmaWVsZDogRm9ybWx5RmllbGRDb25maWc7XG4gIC8qKlxuICAgKiBGbGV4IHNwYWNlIHNpemluZyBmb3IgdGhlIGZpZWxkLiBJZiB1bmRlZmluZWQgaXQgd2lsbCBkZWZhdWx0IHRvIHRoZSBwcm92aWRlZCBkZWZhdWx0IHNpemUuXG4gICAqL1xuICBzaXplPzogRGJ4RmxleFNpemU7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGJ4RmxleExheW91dFdyYXBwZXJHcm91cEZpZWxkQ29uZmlnRGVmYXVsdHMgZXh0ZW5kcyBEYnhGbGV4V3JhcHBlckNvbmZpZywgT21pdDxEYnhGbGV4TGF5b3V0V3JhcHBlckdyb3VwRmllbGRDb25maWcsICdmaWVsZCc+IHsgfVxuXG5leHBvcnQgZnVuY3Rpb24gY2hlY2tJc0ZpZWxkRmxleExheW91dEdyb3VwRmllbGRDb25maWcoaW5wdXQ6IEZvcm1seUZpZWxkQ29uZmlnIHwgRGJ4RmxleExheW91dFdyYXBwZXJHcm91cEZpZWxkQ29uZmlnKTogaW5wdXQgaXMgRGJ4RmxleExheW91dFdyYXBwZXJHcm91cEZpZWxkQ29uZmlnIHtcbiAgaWYgKChpbnB1dCBhcyBEYnhGbGV4TGF5b3V0V3JhcHBlckdyb3VwRmllbGRDb25maWcpLmZpZWxkICE9IG51bGwpIHtcbiAgICByZXR1cm4gdHJ1ZTtcbiAgfSBlbHNlIHtcbiAgICByZXR1cm4gZmFsc2U7XG4gIH1cbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGZsZXhMYXlvdXRXcmFwcGVyKGZpZWxkQ29uZmlnczogKEZvcm1seUZpZWxkQ29uZmlnIHwgRGJ4RmxleExheW91dFdyYXBwZXJHcm91cEZpZWxkQ29uZmlnKVtdLCB7IHJlbGF0aXZlLCBicmVha3BvaW50LCBzaXplOiBkZWZhdWx0U2l6ZSA9IDIgfTogRGJ4RmxleExheW91dFdyYXBwZXJHcm91cEZpZWxkQ29uZmlnRGVmYXVsdHMgPSB7fSk6IEZvcm1seUZpZWxkQ29uZmlnIHtcbiAgcmV0dXJuIHtcbiAgICB3cmFwcGVyczogWydmbGV4J10sXG4gICAgZmllbGRHcm91cENsYXNzTmFtZTogJ2RieC1mbGV4LWdyb3VwJyxcbiAgICAvLyBmaWVsZEdyb3VwQ2xhc3NOYW1lOiAnZmllbGQtbGF5b3V0LWdyb3VwJyxcbiAgICB0ZW1wbGF0ZU9wdGlvbnM6IHtcbiAgICAgIGZsZXhXcmFwcGVyOiB7XG4gICAgICAgIGJyZWFrcG9pbnQsXG4gICAgICAgIHJlbGF0aXZlXG4gICAgICB9XG4gICAgfSxcbiAgICBmaWVsZEdyb3VwOiBmaWVsZENvbmZpZ3MubWFwKChpbnB1dENvbmZpZykgPT4ge1xuICAgICAgY29uc3QgZmllbGRDb25maWc6IERieEZsZXhMYXlvdXRXcmFwcGVyR3JvdXBGaWVsZENvbmZpZyA9IGNoZWNrSXNGaWVsZEZsZXhMYXlvdXRHcm91cEZpZWxkQ29uZmlnKGlucHV0Q29uZmlnKSA/IGlucHV0Q29uZmlnIDoge1xuICAgICAgICBmaWVsZDogaW5wdXRDb25maWdcbiAgICAgIH07XG5cbiAgICAgIGNvbnN0IHsgZmllbGQsIHNpemUgPSBkZWZhdWx0U2l6ZSB9ID0gZmllbGRDb25maWc7XG4gICAgICBjb25zdCBjbGFzc05hbWUgPSBgZGJ4LWZsZXgtJHtzaXplfWA7XG5cbiAgICAgIHJldHVybiB7XG4gICAgICAgIC4uLmZpZWxkLFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgIH07XG4gICAgfSlcbiAgfTtcbn1cbiJdfQ==