@skyux/inline-form 5.5.0 → 5.6.0

package/bundles/skyux-inline-form.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('rxjs'), require('rxjs/operators'), require('@angular/animations'), require('@skyux/i18n'), require('@skyux/core')) :
-    typeof define === 'function' && define.amd ? define('@skyux/inline-form', ['exports', '@angular/common', '@angular/core', 'rxjs', 'rxjs/operators', '@angular/animations', '@skyux/i18n', '@skyux/core'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux["inline-form"] = {}), global.ng.common, global.ng.core, global.rxjs, global.rxjs.operators, global.ng.animations, global.i2, global.i3));
-})(this, (function (exports, i4, i0, rxjs, operators, animations, i2, i3) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@skyux/i18n'), require('rxjs'), require('rxjs/operators'), require('@angular/animations'), require('@skyux/core')) :
+    typeof define === 'function' && define.amd ? define('@skyux/inline-form', ['exports', '@angular/common', '@angular/core', '@skyux/i18n', 'rxjs', 'rxjs/operators', '@angular/animations', '@skyux/core'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux["inline-form"] = {}), global.ng.common, global.ng.core, global.i2, global.rxjs, global.rxjs.operators, global.ng.animations, global.i3));
+})(this, (function (exports, i4, i0, i2, rxjs, operators, animations, i3) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -27,6 +27,59 @@
     var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
 
+    /**
+     * NOTICE: DO NOT MODIFY THIS FILE!
+     * The contents of this file were automatically generated by
+     * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-inline-form' schematic.
+     * To update this file, simply rerun the command.
+     */
+    var RESOURCES = {
+        'EN-US': {
+            skyux_inline_form_button_cancel: { message: 'Cancel' },
+            skyux_inline_form_button_delete: { message: 'Delete' },
+            skyux_inline_form_button_done: { message: 'Done' },
+            skyux_inline_form_button_save: { message: 'Save' },
+        },
+    };
+    var SkyInlineFormResourcesProvider = /** @class */ (function () {
+        function SkyInlineFormResourcesProvider() {
+        }
+        SkyInlineFormResourcesProvider.prototype.getString = function (localeInfo, name) {
+            return i2.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
+        };
+        return SkyInlineFormResourcesProvider;
+    }());
+    /**
+     * Import into any component library module that needs to use resource strings.
+     */
+    var SkyInlineFormResourcesModule = /** @class */ (function () {
+        function SkyInlineFormResourcesModule() {
+        }
+        return SkyInlineFormResourcesModule;
+    }());
+    SkyInlineFormResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineFormResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyInlineFormResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineFormResourcesModule, exports: [i2.SkyI18nModule] });
+    SkyInlineFormResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineFormResourcesModule, providers: [
+            {
+                provide: i2.SKY_LIB_RESOURCES_PROVIDERS,
+                useClass: SkyInlineFormResourcesProvider,
+                multi: true,
+            },
+        ], imports: [i2.SkyI18nModule] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineFormResourcesModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        exports: [i2.SkyI18nModule],
+                        providers: [
+                            {
+                                provide: i2.SKY_LIB_RESOURCES_PROVIDERS,
+                                useClass: SkyInlineFormResourcesProvider,
+                                multi: true,
+                            },
+                        ],
+                    }]
+            }] });
+
     var skySlideDissolve = animations.trigger('skySlideDissolve', [
         animations.transition('* <=> *', [
             // Expand animations
@@ -52,15 +105,6 @@
         ]),
     ]);
 
-    exports.SkyInlineFormButtonLayout = void 0;
-    (function (SkyInlineFormButtonLayout) {
-        SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["Custom"] = 0] = "Custom";
-        SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["DoneCancel"] = 1] = "DoneCancel";
-        SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["DoneDeleteCancel"] = 2] = "DoneDeleteCancel";
-        SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["SaveCancel"] = 3] = "SaveCancel";
-        SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["SaveDeleteCancel"] = 4] = "SaveDeleteCancel";
-    })(exports.SkyInlineFormButtonLayout || (exports.SkyInlineFormButtonLayout = {}));
-
     /* tslint:disable */
     var SKY_TABBABLE_SELECTOR = [
         'a[href]',
@@ -125,6 +169,15 @@
                 type: i0.Injectable
             }] });
 
+    exports.SkyInlineFormButtonLayout = void 0;
+    (function (SkyInlineFormButtonLayout) {
+        SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["Custom"] = 0] = "Custom";
+        SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["DoneCancel"] = 1] = "DoneCancel";
+        SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["DoneDeleteCancel"] = 2] = "DoneDeleteCancel";
+        SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["SaveCancel"] = 3] = "SaveCancel";
+        SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["SaveDeleteCancel"] = 4] = "SaveDeleteCancel";
+    })(exports.SkyInlineFormButtonLayout || (exports.SkyInlineFormButtonLayout = {}));
+
     /**
      * Renders form content in the current view instead of a separate modal.
      */
@@ -350,59 +403,6 @@
                     type: i0.Output
                 }] } });
 
-    /**
-     * NOTICE: DO NOT MODIFY THIS FILE!
-     * The contents of this file were automatically generated by
-     * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-inline-form' schematic.
-     * To update this file, simply rerun the command.
-     */
-    var RESOURCES = {
-        'EN-US': {
-            skyux_inline_form_button_cancel: { message: 'Cancel' },
-            skyux_inline_form_button_delete: { message: 'Delete' },
-            skyux_inline_form_button_done: { message: 'Done' },
-            skyux_inline_form_button_save: { message: 'Save' },
-        },
-    };
-    var SkyInlineFormResourcesProvider = /** @class */ (function () {
-        function SkyInlineFormResourcesProvider() {
-        }
-        SkyInlineFormResourcesProvider.prototype.getString = function (localeInfo, name) {
-            return i2.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-        };
-        return SkyInlineFormResourcesProvider;
-    }());
-    /**
-     * Import into any component library module that needs to use resource strings.
-     */
-    var SkyInlineFormResourcesModule = /** @class */ (function () {
-        function SkyInlineFormResourcesModule() {
-        }
-        return SkyInlineFormResourcesModule;
-    }());
-    SkyInlineFormResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineFormResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyInlineFormResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineFormResourcesModule, exports: [i2.SkyI18nModule] });
-    SkyInlineFormResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineFormResourcesModule, providers: [
-            {
-                provide: i2.SKY_LIB_RESOURCES_PROVIDERS,
-                useClass: SkyInlineFormResourcesProvider,
-                multi: true,
-            },
-        ], imports: [i2.SkyI18nModule] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineFormResourcesModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        exports: [i2.SkyI18nModule],
-                        providers: [
-                            {
-                                provide: i2.SKY_LIB_RESOURCES_PROVIDERS,
-                                useClass: SkyInlineFormResourcesProvider,
-                                multi: true,
-                            },
-                        ],
-                    }]
-            }] });
-
     var SkyInlineFormModule = /** @class */ (function () {
         function SkyInlineFormModule() {
         }

package/documentation.json

@@ -174,7 +174,7 @@
         "sources": [
           {
             "fileName": "projects/inline-form/src/modules/inline-form/inline-form.module.ts",
-            "line": 14,
+            "line": 13,
             "character": 13
           }
         ]
@@ -212,7 +212,7 @@
             "sources": [
               {
                 "fileName": "projects/inline-form/src/modules/inline-form/inline-form.component.ts",
-                "line": 105,
+                "line": 97,
                 "character": 2
               }
             ],
@@ -309,7 +309,7 @@
             "sources": [
               {
                 "fileName": "projects/inline-form/src/modules/inline-form/inline-form.component.ts",
-                "line": 99,
+                "line": 91,
                 "character": 9
               }
             ],
@@ -348,7 +348,7 @@
             "sources": [
               {
                 "fileName": "projects/inline-form/src/modules/inline-form/inline-form.component.ts",
-                "line": 97,
+                "line": 89,
                 "character": 9
               }
             ],
@@ -399,7 +399,7 @@
             "sources": [
               {
                 "fileName": "projects/inline-form/src/modules/inline-form/inline-form.component.ts",
-                "line": 67,
+                "line": 59,
                 "character": 9
               }
             ],
@@ -439,7 +439,7 @@
             "sources": [
               {
                 "fileName": "projects/inline-form/src/modules/inline-form/inline-form.component.ts",
-                "line": 51,
+                "line": 43,
                 "character": 13
               }
             ],
@@ -526,7 +526,7 @@
             "sources": [
               {
                 "fileName": "projects/inline-form/src/modules/inline-form/inline-form.component.ts",
-                "line": 75,
+                "line": 67,
                 "character": 13
               }
             ],
@@ -599,7 +599,7 @@
             "sources": [
               {
                 "fileName": "projects/inline-form/src/modules/inline-form/inline-form.component.ts",
-                "line": 121,
+                "line": 113,
                 "character": 9
               }
             ],
@@ -642,7 +642,7 @@
             "sources": [
               {
                 "fileName": "projects/inline-form/src/modules/inline-form/inline-form.component.ts",
-                "line": 117,
+                "line": 109,
                 "character": 9
               }
             ],
@@ -679,7 +679,7 @@
             "sources": [
               {
                 "fileName": "projects/inline-form/src/modules/inline-form/inline-form.component.ts",
-                "line": 113,
+                "line": 105,
                 "character": 9
               }
             ],
@@ -744,7 +744,7 @@
         "sources": [
           {
             "fileName": "projects/inline-form/src/modules/inline-form/inline-form.component.ts",
-            "line": 45,
+            "line": 37,
             "character": 13
           }
         ],
@@ -974,7 +974,7 @@
             "sources": [
               {
                 "fileName": "projects/inline-form/src/modules/inline-form/types/inline-form-config.ts",
-                "line": 16,
+                "line": 15,
                 "character": 2
               }
             ],
@@ -998,7 +998,7 @@
             "sources": [
               {
                 "fileName": "projects/inline-form/src/modules/inline-form/types/inline-form-config.ts",
-                "line": 20,
+                "line": 19,
                 "character": 2
               }
             ],
@@ -1025,7 +1025,7 @@
         "sources": [
           {
             "fileName": "projects/inline-form/src/modules/inline-form/types/inline-form-config.ts",
-            "line": 8,
+            "line": 7,
             "character": 17
           }
         ]
@@ -1074,12 +1074,12 @@
     {
       "fileName": "inline-form-demo.component.ts",
       "filePath": "/projects/inline-form/documentation/code-examples/inline-form/basic/inline-form-demo.component.ts",
-      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\n\nimport {\n  SkyInlineFormButtonLayout,\n  SkyInlineFormCloseArgs,\n  SkyInlineFormConfig,\n} from '@skyux/inline-form';\n\n@Component({\n  selector: 'app-inline-form-demo',\n  templateUrl: './inline-form-demo.component.html',\n})\nexport class InlineFormDemoComponent implements OnInit {\n  public firstName = 'Jane';\n\n  public myForm: FormGroup;\n\n  public inlineFormConfig: SkyInlineFormConfig = {\n    buttonLayout: SkyInlineFormButtonLayout.SaveCancel,\n  };\n\n  public showForm = false;\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.myForm = this.formBuilder.group({\n      myFirstName: new FormControl(),\n    });\n  }\n\n  public onInlineFormClose(args: SkyInlineFormCloseArgs): void {\n    if (args.reason === 'save') {\n      this.firstName = this.myForm.get('myFirstName').value;\n    }\n\n    this.showForm = false;\n    this.myForm.patchValue({\n      myFirstName: undefined,\n    });\n  }\n\n  public onInlineFormOpen(): void {\n    this.showForm = true;\n    this.myForm.patchValue({\n      myFirstName: this.firstName,\n    });\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\nimport {\n  SkyInlineFormButtonLayout,\n  SkyInlineFormCloseArgs,\n  SkyInlineFormConfig,\n} from '@skyux/inline-form';\n\n@Component({\n  selector: 'app-inline-form-demo',\n  templateUrl: './inline-form-demo.component.html',\n})\nexport class InlineFormDemoComponent implements OnInit {\n  public firstName = 'Jane';\n\n  public myForm: FormGroup;\n\n  public inlineFormConfig: SkyInlineFormConfig = {\n    buttonLayout: SkyInlineFormButtonLayout.SaveCancel,\n  };\n\n  public showForm = false;\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.myForm = this.formBuilder.group({\n      myFirstName: new FormControl(),\n    });\n  }\n\n  public onInlineFormClose(args: SkyInlineFormCloseArgs): void {\n    if (args.reason === 'save') {\n      this.firstName = this.myForm.get('myFirstName').value;\n    }\n\n    this.showForm = false;\n    this.myForm.patchValue({\n      myFirstName: undefined,\n    });\n  }\n\n  public onInlineFormOpen(): void {\n    this.showForm = true;\n    this.myForm.patchValue({\n      myFirstName: this.firstName,\n    });\n  }\n}\n"
     },
     {
       "fileName": "inline-form-demo.module.ts",
       "filePath": "/projects/inline-form/documentation/code-examples/inline-form/basic/inline-form-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyIdModule } from '@skyux/core';\n\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport { SkyInlineFormModule } from '@skyux/inline-form';\n\nimport { InlineFormDemoComponent } from './inline-form-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIconModule,\n    SkyIdModule,\n    SkyInlineFormModule,\n    SkyInputBoxModule,\n  ],\n  exports: [InlineFormDemoComponent],\n  declarations: [InlineFormDemoComponent],\n})\nexport class InlineFormDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyIconModule } from '@skyux/indicators';\nimport { SkyInlineFormModule } from '@skyux/inline-form';\n\nimport { InlineFormDemoComponent } from './inline-form-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIconModule,\n    SkyIdModule,\n    SkyInlineFormModule,\n    SkyInputBoxModule,\n  ],\n  exports: [InlineFormDemoComponent],\n  declarations: [InlineFormDemoComponent],\n})\nexport class InlineFormDemoModule {}\n"
     },
     {
       "fileName": "inline-form-demo.component.html",
@@ -1089,12 +1089,12 @@
     {
       "fileName": "inline-form-demo.component.ts",
       "filePath": "/projects/inline-form/documentation/code-examples/inline-form/custom-buttons/inline-form-demo.component.ts",
-      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\n\nimport {\n  SkyInlineFormButtonLayout,\n  SkyInlineFormCloseArgs,\n  SkyInlineFormConfig,\n} from '@skyux/inline-form';\n\n@Component({\n  selector: 'app-inline-form-demo',\n  templateUrl: './inline-form-demo.component.html',\n})\nexport class InlineFormDemoComponent implements OnInit {\n  public firstName = 'Jane';\n\n  public myForm: FormGroup;\n\n  public inlineFormConfig: SkyInlineFormConfig = {\n    buttonLayout: SkyInlineFormButtonLayout.Custom,\n    buttons: [\n      {\n        action: 'save',\n        text: 'Save',\n        styleType: 'primary',\n      },\n      {\n        action: 'delete',\n        text: 'Delete',\n        styleType: 'default',\n      },\n      {\n        action: 'reset',\n        text: 'Reset',\n        styleType: 'default',\n      },\n      {\n        action: 'cancel',\n        text: 'Cancel',\n        styleType: 'link',\n      },\n    ],\n  };\n\n  public showForm = false;\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.myForm = this.formBuilder.group({\n      myFirstName: new FormControl(),\n    });\n\n    this.myForm.valueChanges.subscribe(() => {\n      if (this.inlineFormConfig.buttons[0].disabled !== this.myForm.invalid) {\n        this.inlineFormConfig.buttons[0].disabled = this.myForm.invalid;\n        this.inlineFormConfig = { ...{}, ...this.inlineFormConfig };\n      }\n    });\n  }\n\n  public onInlineFormClose(args: SkyInlineFormCloseArgs): void {\n    if (args.reason === 'save') {\n      this.firstName = this.myForm.get('myFirstName').value;\n    }\n\n    this.showForm = false;\n    this.myForm.patchValue({\n      myFirstName: undefined,\n    });\n  }\n\n  public onInlineFormOpen(): void {\n    this.showForm = true;\n    this.myForm.patchValue({\n      myFirstName: this.firstName,\n    });\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\nimport {\n  SkyInlineFormButtonLayout,\n  SkyInlineFormCloseArgs,\n  SkyInlineFormConfig,\n} from '@skyux/inline-form';\n\n@Component({\n  selector: 'app-inline-form-demo',\n  templateUrl: './inline-form-demo.component.html',\n})\nexport class InlineFormDemoComponent implements OnInit {\n  public firstName = 'Jane';\n\n  public myForm: FormGroup;\n\n  public inlineFormConfig: SkyInlineFormConfig = {\n    buttonLayout: SkyInlineFormButtonLayout.Custom,\n    buttons: [\n      {\n        action: 'save',\n        text: 'Save',\n        styleType: 'primary',\n      },\n      {\n        action: 'delete',\n        text: 'Delete',\n        styleType: 'default',\n      },\n      {\n        action: 'reset',\n        text: 'Reset',\n        styleType: 'default',\n      },\n      {\n        action: 'cancel',\n        text: 'Cancel',\n        styleType: 'link',\n      },\n    ],\n  };\n\n  public showForm = false;\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.myForm = this.formBuilder.group({\n      myFirstName: new FormControl(),\n    });\n\n    this.myForm.valueChanges.subscribe(() => {\n      if (this.inlineFormConfig.buttons[0].disabled !== this.myForm.invalid) {\n        this.inlineFormConfig.buttons[0].disabled = this.myForm.invalid;\n        this.inlineFormConfig = { ...{}, ...this.inlineFormConfig };\n      }\n    });\n  }\n\n  public onInlineFormClose(args: SkyInlineFormCloseArgs): void {\n    if (args.reason === 'save') {\n      this.firstName = this.myForm.get('myFirstName').value;\n    }\n\n    this.showForm = false;\n    this.myForm.patchValue({\n      myFirstName: undefined,\n    });\n  }\n\n  public onInlineFormOpen(): void {\n    this.showForm = true;\n    this.myForm.patchValue({\n      myFirstName: this.firstName,\n    });\n  }\n}\n"
     },
     {
       "fileName": "inline-form-demo.module.ts",
       "filePath": "/projects/inline-form/documentation/code-examples/inline-form/custom-buttons/inline-form-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyIdModule } from '@skyux/core';\n\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport { SkyInlineFormModule } from '@skyux/inline-form';\n\nimport { InlineFormDemoComponent } from './inline-form-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIconModule,\n    SkyIdModule,\n    SkyInlineFormModule,\n    SkyInputBoxModule,\n  ],\n  exports: [InlineFormDemoComponent],\n  declarations: [InlineFormDemoComponent],\n})\nexport class InlineFormDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyIconModule } from '@skyux/indicators';\nimport { SkyInlineFormModule } from '@skyux/inline-form';\n\nimport { InlineFormDemoComponent } from './inline-form-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIconModule,\n    SkyIdModule,\n    SkyInlineFormModule,\n    SkyInputBoxModule,\n  ],\n  exports: [InlineFormDemoComponent],\n  declarations: [InlineFormDemoComponent],\n})\nexport class InlineFormDemoModule {}\n"
     },
     {
       "fileName": "inline-form-demo.component.html",
@@ -1109,12 +1109,12 @@
     {
       "fileName": "inline-form-demo.component.ts",
       "filePath": "/projects/inline-form/documentation/code-examples/inline-form/repeaters/inline-form-demo.component.ts",
-      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\n\nimport {\n  SkyInlineFormButtonLayout,\n  SkyInlineFormCloseArgs,\n  SkyInlineFormConfig,\n} from '@skyux/inline-form';\n\n@Component({\n  selector: 'app-inline-form-demo',\n  templateUrl: './inline-form-demo.component.html',\n  styleUrls: ['./inline-form-demo.component.scss'],\n})\nexport class InlineFormDemoComponent implements OnInit {\n  public activeInlineFormId: string;\n\n  public inlineFormConfig: SkyInlineFormConfig = {\n    buttonLayout: SkyInlineFormButtonLayout.SaveCancel,\n  };\n\n  public items: any[] = [\n    {\n      id: '1',\n      title: '2019 Spring Gala',\n      note: 'Gala for friends and family',\n    },\n    {\n      id: '2',\n      title: '2019 Special Winter Event',\n      note: 'A special event',\n    },\n    {\n      id: '3',\n      title: '2019 Donor Appreciation Event',\n      note: 'Event for all donors and families',\n    },\n    {\n      id: '4',\n      title: '2020 Spring Gala',\n      note: 'Gala for friends and family',\n    },\n  ];\n\n  public myForm: FormGroup;\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.myForm = this.formBuilder.group({\n      id: new FormControl(),\n      title: new FormControl(),\n      note: new FormControl(),\n    });\n  }\n\n  public showInlineForm(item: any): void {\n    this.activeInlineFormId = item.id;\n    this.myForm.patchValue({\n      note: item.note,\n      title: item.title,\n    });\n  }\n\n  public onInlineFormClose(args: SkyInlineFormCloseArgs): void {\n    if (args.reason === 'save') {\n      const found = this.items.find(\n        (item) => item.id === this.activeInlineFormId\n      );\n      found.note = this.myForm.get('note').value;\n      found.title = this.myForm.get('title').value;\n    }\n\n    this.myForm.patchValue({\n      note: undefined,\n      title: undefined,\n    });\n\n    // Close the active form.\n    this.activeInlineFormId = undefined;\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\nimport {\n  SkyInlineFormButtonLayout,\n  SkyInlineFormCloseArgs,\n  SkyInlineFormConfig,\n} from '@skyux/inline-form';\n\n@Component({\n  selector: 'app-inline-form-demo',\n  templateUrl: './inline-form-demo.component.html',\n  styleUrls: ['./inline-form-demo.component.scss'],\n})\nexport class InlineFormDemoComponent implements OnInit {\n  public activeInlineFormId: string;\n\n  public inlineFormConfig: SkyInlineFormConfig = {\n    buttonLayout: SkyInlineFormButtonLayout.SaveCancel,\n  };\n\n  public items: any[] = [\n    {\n      id: '1',\n      title: '2019 Spring Gala',\n      note: 'Gala for friends and family',\n    },\n    {\n      id: '2',\n      title: '2019 Special Winter Event',\n      note: 'A special event',\n    },\n    {\n      id: '3',\n      title: '2019 Donor Appreciation Event',\n      note: 'Event for all donors and families',\n    },\n    {\n      id: '4',\n      title: '2020 Spring Gala',\n      note: 'Gala for friends and family',\n    },\n  ];\n\n  public myForm: FormGroup;\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.myForm = this.formBuilder.group({\n      id: new FormControl(),\n      title: new FormControl(),\n      note: new FormControl(),\n    });\n  }\n\n  public showInlineForm(item: any): void {\n    this.activeInlineFormId = item.id;\n    this.myForm.patchValue({\n      note: item.note,\n      title: item.title,\n    });\n  }\n\n  public onInlineFormClose(args: SkyInlineFormCloseArgs): void {\n    if (args.reason === 'save') {\n      const found = this.items.find(\n        (item) => item.id === this.activeInlineFormId\n      );\n      found.note = this.myForm.get('note').value;\n      found.title = this.myForm.get('title').value;\n    }\n\n    this.myForm.patchValue({\n      note: undefined,\n      title: undefined,\n    });\n\n    // Close the active form.\n    this.activeInlineFormId = undefined;\n  }\n}\n"
     },
     {
       "fileName": "inline-form-demo.module.ts",
       "filePath": "/projects/inline-form/documentation/code-examples/inline-form/repeaters/inline-form-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyIdModule } from '@skyux/core';\n\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport { SkyInlineFormModule } from '@skyux/inline-form';\n\nimport { SkyRepeaterModule } from '@skyux/lists';\n\nimport { InlineFormDemoComponent } from './inline-form-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIconModule,\n    SkyIdModule,\n    SkyInlineFormModule,\n    SkyInputBoxModule,\n    SkyRepeaterModule,\n  ],\n  exports: [InlineFormDemoComponent],\n  declarations: [InlineFormDemoComponent],\n})\nexport class InlineFormDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyIconModule } from '@skyux/indicators';\nimport { SkyInlineFormModule } from '@skyux/inline-form';\nimport { SkyRepeaterModule } from '@skyux/lists';\n\nimport { InlineFormDemoComponent } from './inline-form-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIconModule,\n    SkyIdModule,\n    SkyInlineFormModule,\n    SkyInputBoxModule,\n    SkyRepeaterModule,\n  ],\n  exports: [InlineFormDemoComponent],\n  declarations: [InlineFormDemoComponent],\n})\nexport class InlineFormDemoModule {}\n"
     }
   ]
 }

package/esm2015/lib/modules/inline-form/animations/slide-dissolve.js.map

@@ -1 +1 @@
-{"version":3,"file":"slide-dissolve.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/inline-form/src/lib/modules/inline-form/animations/slide-dissolve.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EAEP,KAAK,EACL,KAAK,EACL,KAAK,EACL,UAAU,EACV,OAAO,GACR,MAAM,qBAAqB,CAAC;AAE7B,MAAM,CAAC,MAAM,gBAAgB,GAA6B,OAAO,CAC/D,kBAAkB,EAClB;IACE,UAAU,CAAC,SAAS,EAAE;QACpB,oBAAoB;QACpB,KAAK,CACH,gCAAgC,EAChC;YACE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;YAChC,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;SAC7D,EACD,EAAE,QAAQ,EAAE,IAAI,EAAE,CACnB;QACD,KAAK,CACH,gCAAgC,EAChC;YACE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;YACrB,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;SAChD,EACD,EAAE,QAAQ,EAAE,IAAI,EAAE,CACnB;QAED,sBAAsB;QACtB,8DAA8D;QAC9D,yEAAyE;QACzE,KAAK,CACH,gCAAgC,EAChC,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EACvC,EAAE,QAAQ,EAAE,IAAI,EAAE,CACnB;QAED,KAAK,CAAC;YACJ,KAAK,CACH,iCAAiC,EACjC;gBACE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;gBAChC,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;aAC7D,EACD,EAAE,QAAQ,EAAE,IAAI,EAAE,CACnB;YACD,KAAK,CACH,gCAAgC,EAChC,CAAC,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAChD,EAAE,QAAQ,EAAE,IAAI,EAAE,CACnB;SACF,CAAC;KACH,CAAC;CACH,CACF,CAAC","sourcesContent":["import {\n  animate,\n  AnimationTriggerMetadata,\n  group,\n  query,\n  style,\n  transition,\n  trigger,\n} from '@angular/animations';\n\nexport const skySlideDissolve: AnimationTriggerMetadata = trigger(\n  'skySlideDissolve',\n  [\n    transition('* <=> *', [\n      // Expand animations\n      query(\n        '.sky-slide-dissolve-last:enter',\n        [\n          style({ height: 0, opacity: 0 }),\n          animate('200ms ease-in', style({ height: '*', opacity: 0 })),\n        ],\n        { optional: true }\n      ),\n      query(\n        '.sky-slide-dissolve-last:enter',\n        [\n          style({ opacity: 0 }),\n          animate('200ms ease-in', style({ opacity: 1 })),\n        ],\n        { optional: true }\n      ),\n\n      // Collapse animations\n      // The expanded content should fade out immediately to prevent\n      // any overlap with the read-only content that's returning to the screen.\n      query(\n        '.sky-slide-dissolve-last:leave',\n        [animate('0ms', style({ opacity: 0 }))],\n        { optional: true }\n      ),\n\n      group([\n        query(\n          '.sky-slide-dissolve-first:enter',\n          [\n            style({ opacity: 0, height: 0 }),\n            animate('100ms ease-in', style({ opacity: 1, height: '*' })),\n          ],\n          { optional: true }\n        ),\n        query(\n          '.sky-slide-dissolve-last:leave',\n          [animate('200ms ease-in', style({ height: 0 }))],\n          { optional: true }\n        ),\n      ]),\n    ]),\n  ]\n);\n"]}
+{"version":3,"file":"slide-dissolve.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/inline-form/src/lib/modules/inline-form/animations/slide-dissolve.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,OAAO,EACP,KAAK,EACL,KAAK,EACL,KAAK,EACL,UAAU,EACV,OAAO,GACR,MAAM,qBAAqB,CAAC;AAE7B,MAAM,CAAC,MAAM,gBAAgB,GAA6B,OAAO,CAC/D,kBAAkB,EAClB;IACE,UAAU,CAAC,SAAS,EAAE;QACpB,oBAAoB;QACpB,KAAK,CACH,gCAAgC,EAChC;YACE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;YAChC,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;SAC7D,EACD,EAAE,QAAQ,EAAE,IAAI,EAAE,CACnB;QACD,KAAK,CACH,gCAAgC,EAChC;YACE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;YACrB,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;SAChD,EACD,EAAE,QAAQ,EAAE,IAAI,EAAE,CACnB;QAED,sBAAsB;QACtB,8DAA8D;QAC9D,yEAAyE;QACzE,KAAK,CACH,gCAAgC,EAChC,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EACvC,EAAE,QAAQ,EAAE,IAAI,EAAE,CACnB;QAED,KAAK,CAAC;YACJ,KAAK,CACH,iCAAiC,EACjC;gBACE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;gBAChC,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;aAC7D,EACD,EAAE,QAAQ,EAAE,IAAI,EAAE,CACnB;YACD,KAAK,CACH,gCAAgC,EAChC,CAAC,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAChD,EAAE,QAAQ,EAAE,IAAI,EAAE,CACnB;SACF,CAAC;KACH,CAAC;CACH,CACF,CAAC","sourcesContent":["import {\n  AnimationTriggerMetadata,\n  animate,\n  group,\n  query,\n  style,\n  transition,\n  trigger,\n} from '@angular/animations';\n\nexport const skySlideDissolve: AnimationTriggerMetadata = trigger(\n  'skySlideDissolve',\n  [\n    transition('* <=> *', [\n      // Expand animations\n      query(\n        '.sky-slide-dissolve-last:enter',\n        [\n          style({ height: 0, opacity: 0 }),\n          animate('200ms ease-in', style({ height: '*', opacity: 0 })),\n        ],\n        { optional: true }\n      ),\n      query(\n        '.sky-slide-dissolve-last:enter',\n        [\n          style({ opacity: 0 }),\n          animate('200ms ease-in', style({ opacity: 1 })),\n        ],\n        { optional: true }\n      ),\n\n      // Collapse animations\n      // The expanded content should fade out immediately to prevent\n      // any overlap with the read-only content that's returning to the screen.\n      query(\n        '.sky-slide-dissolve-last:leave',\n        [animate('0ms', style({ opacity: 0 }))],\n        { optional: true }\n      ),\n\n      group([\n        query(\n          '.sky-slide-dissolve-first:enter',\n          [\n            style({ opacity: 0, height: 0 }),\n            animate('100ms ease-in', style({ opacity: 1, height: '*' })),\n          ],\n          { optional: true }\n        ),\n        query(\n          '.sky-slide-dissolve-last:leave',\n          [animate('200ms ease-in', style({ height: 0 }))],\n          { optional: true }\n        ),\n      ]),\n    ]),\n  ]\n);\n"]}

package/esm2015/lib/modules/inline-form/inline-form-adapter.service.js

@@ -25,8 +25,8 @@ export class SkyInlineFormAdapterService {
             inputWithAutofocus.focus();
         }
         else {
-            let focusEl = inlineFormElementRef.nativeElement.querySelector('.sky-inline-form-content');
-            let focusableChildren = this.loadFocusableChildren(focusEl);
+            const focusEl = inlineFormElementRef.nativeElement.querySelector('.sky-inline-form-content');
+            const focusableChildren = this.loadFocusableChildren(focusEl);
             this.focusFirstElement(focusableChildren);
         }
     }

package/esm2015/lib/modules/inline-form/inline-form-adapter.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline-form-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/inline-form/src/lib/modules/inline-form/inline-form-adapter.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAE,MAAM,eAAe,CAAC;;AAEvD,oBAAoB;AACpB,MAAM,qBAAqB,GAAG;IAC5B,SAAS;IACT,YAAY;IACZ,4CAA4C;IAC5C,6CAA6C;IAC7C,6CAA6C;IAC7C,+CAA+C;IAC/C,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,kCAAkC;IAClC,yBAAyB;CAC1B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACb,mBAAmB;AAEnB;;GAEG;AAEH,MAAM,OAAO,2BAA2B;IAC/B,cAAc,CAAC,oBAAgC;QACpD,MAAM,kBAAkB,GACtB,oBAAoB,CAAC,aAAa,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QAElE,IAAI,kBAAkB,EAAE;YACtB,kBAAkB,CAAC,KAAK,EAAE,CAAC;SAC5B;aAAM;YACL,IAAI,OAAO,GACT,oBAAoB,CAAC,aAAa,CAAC,aAAa,CAC9C,0BAA0B,CAC3B,CAAC;YACJ,IAAI,iBAAiB,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;YAE5D,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;SAC3C;IACH,CAAC;IAEO,qBAAqB,CAAC,IAAiB;QAC7C,MAAM,QAAQ,GAAuB,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAC7D,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAC7C,CAAC;QAEF,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE;YACjC,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,SAAS,CAAC,OAAoB;QACpC,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC/C,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI,KAAK,CAAC,UAAU,KAAK,QAAQ,CAAC;QAC3E,IAAI,QAAQ,EAAE;YACZ,OAAO,KAAK,CAAC;SACd;QAED,0BAA0B;QAC1B,MAAM,SAAS,GAAG,CAAC,CAAC,CAClB,OAAO,CAAC,WAAW;YACnB,OAAO,CAAC,YAAY;YACpB,OAAO,CAAC,cAAc,EAAE,CAAC,MAAM,CAChC,CAAC;QACF,OAAO,SAAS,CAAC;IACnB,CAAC;IAEO,iBAAiB,CAAC,IAAwB;QAChD,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;YACnB,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;SACjB;IACH,CAAC;;yHAhDU,2BAA2B;6HAA3B,2BAA2B;4FAA3B,2BAA2B;kBADvC,UAAU","sourcesContent":["import { ElementRef, Injectable } from '@angular/core';\n\n/* tslint:disable */\nconst SKY_TABBABLE_SELECTOR = [\n  'a[href]',\n  'area[href]',\n  \"input:not([disabled]):not([tabindex='-1'])\",\n  \"button:not([disabled]):not([tabindex='-1'])\",\n  \"select:not([disabled]):not([tabindex='-1'])\",\n  \"textarea:not([disabled]):not([tabindex='-1'])\",\n  'iframe',\n  'object',\n  'embed',\n  \"*[tabindex]:not([tabindex='-1'])\",\n  '*[contenteditable=true]',\n].join(', ');\n/* tslint:enable */\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyInlineFormAdapterService {\n  public applyAutofocus(inlineFormElementRef: ElementRef): void {\n    const inputWithAutofocus =\n      inlineFormElementRef.nativeElement.querySelector('[autofocus]');\n\n    if (inputWithAutofocus) {\n      inputWithAutofocus.focus();\n    } else {\n      let focusEl: HTMLElement =\n        inlineFormElementRef.nativeElement.querySelector(\n          '.sky-inline-form-content'\n        );\n      let focusableChildren = this.loadFocusableChildren(focusEl);\n\n      this.focusFirstElement(focusableChildren);\n    }\n  }\n\n  private loadFocusableChildren(elem: HTMLElement): HTMLElement[] {\n    const elements: Array<HTMLElement> = Array.prototype.slice.call(\n      elem.querySelectorAll(SKY_TABBABLE_SELECTOR)\n    );\n\n    return elements.filter((element) => {\n      return this.isVisible(element);\n    });\n  }\n\n  private isVisible(element: HTMLElement): boolean {\n    const style = window.getComputedStyle(element);\n    const isHidden = style.display === 'none' || style.visibility === 'hidden';\n    if (isHidden) {\n      return false;\n    }\n\n    /* istanbul ignore next */\n    const hasBounds = !!(\n      element.offsetWidth ||\n      element.offsetHeight ||\n      element.getClientRects().length\n    );\n    return hasBounds;\n  }\n\n  private focusFirstElement(list: Array<HTMLElement>): void {\n    if (list.length > 0) {\n      list[0].focus();\n    }\n  }\n}\n"]}
+{"version":3,"file":"inline-form-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/inline-form/src/lib/modules/inline-form/inline-form-adapter.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAE,MAAM,eAAe,CAAC;;AAEvD,oBAAoB;AACpB,MAAM,qBAAqB,GAAG;IAC5B,SAAS;IACT,YAAY;IACZ,4CAA4C;IAC5C,6CAA6C;IAC7C,6CAA6C;IAC7C,+CAA+C;IAC/C,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,kCAAkC;IAClC,yBAAyB;CAC1B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACb,mBAAmB;AAEnB;;GAEG;AAEH,MAAM,OAAO,2BAA2B;IAC/B,cAAc,CAAC,oBAAgC;QACpD,MAAM,kBAAkB,GACtB,oBAAoB,CAAC,aAAa,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QAElE,IAAI,kBAAkB,EAAE;YACtB,kBAAkB,CAAC,KAAK,EAAE,CAAC;SAC5B;aAAM;YACL,MAAM,OAAO,GACX,oBAAoB,CAAC,aAAa,CAAC,aAAa,CAC9C,0BAA0B,CAC3B,CAAC;YACJ,MAAM,iBAAiB,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;YAE9D,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;SAC3C;IACH,CAAC;IAEO,qBAAqB,CAAC,IAAiB;QAC7C,MAAM,QAAQ,GAAuB,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAC7D,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAC7C,CAAC;QAEF,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE;YACjC,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,SAAS,CAAC,OAAoB;QACpC,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC/C,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI,KAAK,CAAC,UAAU,KAAK,QAAQ,CAAC;QAC3E,IAAI,QAAQ,EAAE;YACZ,OAAO,KAAK,CAAC;SACd;QAED,0BAA0B;QAC1B,MAAM,SAAS,GAAG,CAAC,CAAC,CAClB,OAAO,CAAC,WAAW;YACnB,OAAO,CAAC,YAAY;YACpB,OAAO,CAAC,cAAc,EAAE,CAAC,MAAM,CAChC,CAAC;QACF,OAAO,SAAS,CAAC;IACnB,CAAC;IAEO,iBAAiB,CAAC,IAAwB;QAChD,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;YACnB,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;SACjB;IACH,CAAC;;yHAhDU,2BAA2B;6HAA3B,2BAA2B;4FAA3B,2BAA2B;kBADvC,UAAU","sourcesContent":["import { ElementRef, Injectable } from '@angular/core';\n\n/* tslint:disable */\nconst SKY_TABBABLE_SELECTOR = [\n  'a[href]',\n  'area[href]',\n  \"input:not([disabled]):not([tabindex='-1'])\",\n  \"button:not([disabled]):not([tabindex='-1'])\",\n  \"select:not([disabled]):not([tabindex='-1'])\",\n  \"textarea:not([disabled]):not([tabindex='-1'])\",\n  'iframe',\n  'object',\n  'embed',\n  \"*[tabindex]:not([tabindex='-1'])\",\n  '*[contenteditable=true]',\n].join(', ');\n/* tslint:enable */\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyInlineFormAdapterService {\n  public applyAutofocus(inlineFormElementRef: ElementRef): void {\n    const inputWithAutofocus =\n      inlineFormElementRef.nativeElement.querySelector('[autofocus]');\n\n    if (inputWithAutofocus) {\n      inputWithAutofocus.focus();\n    } else {\n      const focusEl: HTMLElement =\n        inlineFormElementRef.nativeElement.querySelector(\n          '.sky-inline-form-content'\n        );\n      const focusableChildren = this.loadFocusableChildren(focusEl);\n\n      this.focusFirstElement(focusableChildren);\n    }\n  }\n\n  private loadFocusableChildren(elem: HTMLElement): HTMLElement[] {\n    const elements: Array<HTMLElement> = Array.prototype.slice.call(\n      elem.querySelectorAll(SKY_TABBABLE_SELECTOR)\n    );\n\n    return elements.filter((element) => {\n      return this.isVisible(element);\n    });\n  }\n\n  private isVisible(element: HTMLElement): boolean {\n    const style = window.getComputedStyle(element);\n    const isHidden = style.display === 'none' || style.visibility === 'hidden';\n    if (isHidden) {\n      return false;\n    }\n\n    /* istanbul ignore next */\n    const hasBounds = !!(\n      element.offsetWidth ||\n      element.offsetHeight ||\n      element.getClientRects().length\n    );\n    return hasBounds;\n  }\n\n  private focusFirstElement(list: Array<HTMLElement>): void {\n    if (list.length > 0) {\n      list[0].focus();\n    }\n  }\n}\n"]}

package/esm2015/lib/modules/inline-form/inline-form.component.js

@@ -1,11 +1,11 @@
-import { ChangeDetectorRef, ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, TemplateRef, } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, Output, TemplateRef, } from '@angular/core';
 import { SkyAppWindowRef } from '@skyux/core';
 import { SkyLibResourcesService } from '@skyux/i18n';
 import { zip as observableZip } from 'rxjs';
 import { take } from 'rxjs/operators';
 import { skySlideDissolve } from './animations/slide-dissolve';
-import { SkyInlineFormButtonLayout } from './types/inline-form-button-layout';
 import { SkyInlineFormAdapterService } from './inline-form-adapter.service';
+import { SkyInlineFormButtonLayout } from './types/inline-form-button-layout';
 import * as i0 from "@angular/core";
 import * as i1 from "./inline-form-adapter.service";
 import * as i2 from "@skyux/i18n";
@@ -83,7 +83,7 @@ export class SkyInlineFormComponent {
         });
     }
     getPresetButtons() {
-        let buttonType = this.config
+        const buttonType = this.config
             ? this.config.buttonLayout
             : SkyInlineFormButtonLayout.DoneCancel;
         let promise;

package/esm2015/lib/modules/inline-form/inline-form.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline-form.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/inline-form/src/lib/modules/inline-form/inline-form.component.ts","../../../../../../../../libs/components/inline-form/src/lib/modules/inline-form/inline-form.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectorRef,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  TemplateRef,\n} from '@angular/core';\n\nimport { SkyAppWindowRef } from '@skyux/core';\n\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\nimport { zip as observableZip } from 'rxjs';\n\nimport { take } from 'rxjs/operators';\n\nimport { skySlideDissolve } from './animations/slide-dissolve';\n\nimport { SkyInlineFormButtonConfig } from './types/inline-form-button-config';\n\nimport { SkyInlineFormButtonLayout } from './types/inline-form-button-layout';\n\nimport { SkyInlineFormCloseArgs } from './types/inline-form-close-args';\n\nimport { SkyInlineFormConfig } from './types/inline-form-config';\n\nimport { SkyInlineFormAdapterService } from './inline-form-adapter.service';\n\n/**\n * Renders form content in the current view instead of a separate modal.\n */\n@Component({\n  selector: 'sky-inline-form',\n  templateUrl: './inline-form.component.html',\n  styleUrls: ['./inline-form.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [SkyInlineFormAdapterService],\n  animations: [skySlideDissolve],\n})\nexport class SkyInlineFormComponent implements OnInit, OnDestroy {\n  /**\n   * Specifies configuration options for the buttons to display with the inline form.\n   * @required\n   */\n  @Input()\n  public set config(value: SkyInlineFormConfig) {\n    if (value !== this._config) {\n      this._config = value;\n      this.setupButtons();\n    }\n  }\n\n  public get config(): SkyInlineFormConfig {\n    return this._config;\n  }\n\n  /**\n   * Specifies a template to use to instantiate the inline form.\n   * @required\n   */\n  @Input()\n  public template: TemplateRef<any>;\n\n  /**\n   * Indicates whether to display the inline form. Users can toggle between displaying\n   * and hiding the inline form.\n   * @default false\n   */\n  @Input()\n  public set showForm(value: boolean) {\n    this._showForm = value;\n\n    /* istanbul ignore else */\n    if (value) {\n      // setTimeout() prevents applyAutofocus() from firing\n      // until after *ngIf has added the form element to the DOM.\n      this.skyAppWindowRef.nativeWindow.setTimeout(() => {\n        this.adapter.applyAutofocus(this.elementRef);\n      });\n    }\n  }\n\n  public get showForm() {\n    return this._showForm;\n  }\n\n  /**\n   * Fires when users close the inline form.\n   */\n  @Output()\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  public close = new EventEmitter<SkyInlineFormCloseArgs>();\n\n  public buttons: SkyInlineFormButtonConfig[];\n\n  private _config: SkyInlineFormConfig;\n\n  private _showForm: boolean = false;\n\n  constructor(\n    private adapter: SkyInlineFormAdapterService,\n    private elementRef: ElementRef,\n    private resourcesService: SkyLibResourcesService,\n    private skyAppWindowRef: SkyAppWindowRef,\n    private changeDetectorRef: ChangeDetectorRef\n  ) {}\n\n  public ngOnInit(): void {\n    this.setupButtons();\n  }\n\n  public ngOnDestroy(): void {\n    this.close.complete();\n  }\n\n  public closeInlineForm(event: SkyInlineFormButtonConfig): void {\n    const args: SkyInlineFormCloseArgs = {\n      reason: event.action,\n    };\n    this.close.emit(args);\n  }\n\n  private setupButtons(): void {\n    if (this.isValidCustomConfig(this.config)) {\n      this.buttons = this.getCustomButtons(this.config.buttons);\n      this.changeDetectorRef.markForCheck();\n      return;\n    }\n\n    this.getPresetButtons().then((buttons) => {\n      this.buttons = buttons;\n      this.changeDetectorRef.markForCheck();\n    });\n  }\n\n  private getPresetButtons(): Promise<SkyInlineFormButtonConfig[]> {\n    let buttonType = this.config\n      ? this.config.buttonLayout\n      : SkyInlineFormButtonLayout.DoneCancel;\n\n    let promise: Promise<SkyInlineFormButtonConfig[]>;\n\n    switch (buttonType) {\n      /* istanbul ignore next */\n      default:\n      case SkyInlineFormButtonLayout.DoneCancel:\n        observableZip(\n          this.resourcesService.getString('skyux_inline_form_button_done'),\n          this.resourcesService.getString('skyux_inline_form_button_cancel')\n        )\n          .pipe(take(1))\n          .subscribe((values: any) => {\n            promise = new Promise<SkyInlineFormButtonConfig[]>(\n              (resolve: any) => {\n                resolve([\n                  {\n                    text: values[0],\n                    styleType: 'primary',\n                    action: 'done',\n                  },\n                  {\n                    text: values[1],\n                    styleType: 'link',\n                    action: 'cancel',\n                  },\n                ]);\n              }\n            );\n          });\n        break;\n\n      case SkyInlineFormButtonLayout.SaveCancel:\n        observableZip(\n          this.resourcesService.getString('skyux_inline_form_button_save'),\n          this.resourcesService.getString('skyux_inline_form_button_cancel')\n        )\n          .pipe(take(1))\n          .subscribe((values: any) => {\n            promise = new Promise<SkyInlineFormButtonConfig[]>(\n              (resolve: any) => {\n                resolve([\n                  {\n                    text: values[0],\n                    styleType: 'primary',\n                    action: 'save',\n                  },\n                  {\n                    text: values[1],\n                    styleType: 'link',\n                    action: 'cancel',\n                  },\n                ]);\n              }\n            );\n          });\n        break;\n\n      case SkyInlineFormButtonLayout.DoneDeleteCancel:\n        observableZip(\n          this.resourcesService.getString('skyux_inline_form_button_done'),\n          this.resourcesService.getString('skyux_inline_form_button_delete'),\n          this.resourcesService.getString('skyux_inline_form_button_cancel')\n        )\n          .pipe(take(1))\n          .subscribe((values: any) => {\n            promise = new Promise<SkyInlineFormButtonConfig[]>(\n              (resolve: any) => {\n                resolve([\n                  {\n                    text: values[0],\n                    styleType: 'primary',\n                    action: 'done',\n                  },\n                  {\n                    text: values[1],\n                    styleType: 'default',\n                    action: 'delete',\n                  },\n                  {\n                    text: values[2],\n                    styleType: 'link',\n                    action: 'cancel',\n                  },\n                ]);\n              }\n            );\n          });\n        break;\n\n      case SkyInlineFormButtonLayout.SaveDeleteCancel:\n        observableZip(\n          this.resourcesService.getString('skyux_inline_form_button_save'),\n          this.resourcesService.getString('skyux_inline_form_button_delete'),\n          this.resourcesService.getString('skyux_inline_form_button_cancel')\n        )\n          .pipe(take(1))\n          .subscribe((values: any) => {\n            promise = new Promise<SkyInlineFormButtonConfig[]>(\n              (resolve: any) => {\n                resolve([\n                  {\n                    text: values[0],\n                    styleType: 'primary',\n                    action: 'save',\n                  },\n                  {\n                    text: values[1],\n                    styleType: 'default',\n                    action: 'delete',\n                  },\n                  {\n                    text: values[2],\n                    styleType: 'link',\n                    action: 'cancel',\n                  },\n                ]);\n              }\n            );\n          });\n        break;\n    }\n\n    return promise;\n  }\n\n  private getCustomButtons(\n    buttonConfigs: SkyInlineFormButtonConfig[]\n  ): SkyInlineFormButtonConfig[] {\n    const buttons: SkyInlineFormButtonConfig[] = [];\n\n    buttonConfigs.forEach((config: SkyInlineFormButtonConfig) => {\n      /* istanbul ignore next */\n      const styleType = config.styleType || 'default';\n\n      buttons.push({\n        action: config.action,\n        disabled: config.disabled,\n        styleType: styleType,\n        text: config.text,\n      } as SkyInlineFormButtonConfig);\n    });\n\n    return buttons;\n  }\n\n  private isValidCustomConfig(config: SkyInlineFormConfig): boolean {\n    return (\n      config &&\n      config.buttonLayout === SkyInlineFormButtonLayout.Custom &&\n      config.buttons.length > 0\n    );\n  }\n}\n","<div [@skySlideDissolve]=\"showForm\">\n  <div *ngIf=\"!showForm\" class=\"sky-slide-dissolve-first\">\n    <ng-content></ng-content>\n  </div>\n\n  <div *ngIf=\"template && showForm\" class=\"sky-slide-dissolve-last\">\n    <div class=\"sky-inline-form sky-shadow sky-box sky-elevation-3\">\n      <div class=\"sky-inline-form-content\">\n        <ng-container [ngTemplateOutlet]=\"template\"> </ng-container>\n      </div>\n      <div class=\"sky-inline-form-footer\">\n        <button\n          *ngFor=\"let button of buttons\"\n          class=\"sky-btn {{ 'sky-btn-' + button.styleType }}\"\n          type=\"button\"\n          [disabled]=\"button.disabled ? true : null\"\n          [ngClass]=\"{ 'sky-btn-disabled': button.disabled }\"\n          (click)=\"closeInlineForm(button)\"\n        >\n          {{ button.text }}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n"]}
+{"version":3,"file":"inline-form.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/inline-form/src/lib/modules/inline-form/inline-form.component.ts","../../../../../../../../libs/components/inline-form/src/lib/modules/inline-form/inline-form.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  TemplateRef,\n} from '@angular/core';\nimport { SkyAppWindowRef } from '@skyux/core';\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\nimport { zip as observableZip } from 'rxjs';\nimport { take } from 'rxjs/operators';\n\nimport { skySlideDissolve } from './animations/slide-dissolve';\nimport { SkyInlineFormAdapterService } from './inline-form-adapter.service';\nimport { SkyInlineFormButtonConfig } from './types/inline-form-button-config';\nimport { SkyInlineFormButtonLayout } from './types/inline-form-button-layout';\nimport { SkyInlineFormCloseArgs } from './types/inline-form-close-args';\nimport { SkyInlineFormConfig } from './types/inline-form-config';\n\n/**\n * Renders form content in the current view instead of a separate modal.\n */\n@Component({\n  selector: 'sky-inline-form',\n  templateUrl: './inline-form.component.html',\n  styleUrls: ['./inline-form.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [SkyInlineFormAdapterService],\n  animations: [skySlideDissolve],\n})\nexport class SkyInlineFormComponent implements OnInit, OnDestroy {\n  /**\n   * Specifies configuration options for the buttons to display with the inline form.\n   * @required\n   */\n  @Input()\n  public set config(value: SkyInlineFormConfig) {\n    if (value !== this._config) {\n      this._config = value;\n      this.setupButtons();\n    }\n  }\n\n  public get config(): SkyInlineFormConfig {\n    return this._config;\n  }\n\n  /**\n   * Specifies a template to use to instantiate the inline form.\n   * @required\n   */\n  @Input()\n  public template: TemplateRef<any>;\n\n  /**\n   * Indicates whether to display the inline form. Users can toggle between displaying\n   * and hiding the inline form.\n   * @default false\n   */\n  @Input()\n  public set showForm(value: boolean) {\n    this._showForm = value;\n\n    /* istanbul ignore else */\n    if (value) {\n      // setTimeout() prevents applyAutofocus() from firing\n      // until after *ngIf has added the form element to the DOM.\n      this.skyAppWindowRef.nativeWindow.setTimeout(() => {\n        this.adapter.applyAutofocus(this.elementRef);\n      });\n    }\n  }\n\n  public get showForm() {\n    return this._showForm;\n  }\n\n  /**\n   * Fires when users close the inline form.\n   */\n  @Output()\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  public close = new EventEmitter<SkyInlineFormCloseArgs>();\n\n  public buttons: SkyInlineFormButtonConfig[];\n\n  private _config: SkyInlineFormConfig;\n\n  private _showForm = false;\n\n  constructor(\n    private adapter: SkyInlineFormAdapterService,\n    private elementRef: ElementRef,\n    private resourcesService: SkyLibResourcesService,\n    private skyAppWindowRef: SkyAppWindowRef,\n    private changeDetectorRef: ChangeDetectorRef\n  ) {}\n\n  public ngOnInit(): void {\n    this.setupButtons();\n  }\n\n  public ngOnDestroy(): void {\n    this.close.complete();\n  }\n\n  public closeInlineForm(event: SkyInlineFormButtonConfig): void {\n    const args: SkyInlineFormCloseArgs = {\n      reason: event.action,\n    };\n    this.close.emit(args);\n  }\n\n  private setupButtons(): void {\n    if (this.isValidCustomConfig(this.config)) {\n      this.buttons = this.getCustomButtons(this.config.buttons);\n      this.changeDetectorRef.markForCheck();\n      return;\n    }\n\n    this.getPresetButtons().then((buttons) => {\n      this.buttons = buttons;\n      this.changeDetectorRef.markForCheck();\n    });\n  }\n\n  private getPresetButtons(): Promise<SkyInlineFormButtonConfig[]> {\n    const buttonType = this.config\n      ? this.config.buttonLayout\n      : SkyInlineFormButtonLayout.DoneCancel;\n\n    let promise: Promise<SkyInlineFormButtonConfig[]>;\n\n    switch (buttonType) {\n      /* istanbul ignore next */\n      default:\n      case SkyInlineFormButtonLayout.DoneCancel:\n        observableZip(\n          this.resourcesService.getString('skyux_inline_form_button_done'),\n          this.resourcesService.getString('skyux_inline_form_button_cancel')\n        )\n          .pipe(take(1))\n          .subscribe((values: any) => {\n            promise = new Promise<SkyInlineFormButtonConfig[]>(\n              (resolve: any) => {\n                resolve([\n                  {\n                    text: values[0],\n                    styleType: 'primary',\n                    action: 'done',\n                  },\n                  {\n                    text: values[1],\n                    styleType: 'link',\n                    action: 'cancel',\n                  },\n                ]);\n              }\n            );\n          });\n        break;\n\n      case SkyInlineFormButtonLayout.SaveCancel:\n        observableZip(\n          this.resourcesService.getString('skyux_inline_form_button_save'),\n          this.resourcesService.getString('skyux_inline_form_button_cancel')\n        )\n          .pipe(take(1))\n          .subscribe((values: any) => {\n            promise = new Promise<SkyInlineFormButtonConfig[]>(\n              (resolve: any) => {\n                resolve([\n                  {\n                    text: values[0],\n                    styleType: 'primary',\n                    action: 'save',\n                  },\n                  {\n                    text: values[1],\n                    styleType: 'link',\n                    action: 'cancel',\n                  },\n                ]);\n              }\n            );\n          });\n        break;\n\n      case SkyInlineFormButtonLayout.DoneDeleteCancel:\n        observableZip(\n          this.resourcesService.getString('skyux_inline_form_button_done'),\n          this.resourcesService.getString('skyux_inline_form_button_delete'),\n          this.resourcesService.getString('skyux_inline_form_button_cancel')\n        )\n          .pipe(take(1))\n          .subscribe((values: any) => {\n            promise = new Promise<SkyInlineFormButtonConfig[]>(\n              (resolve: any) => {\n                resolve([\n                  {\n                    text: values[0],\n                    styleType: 'primary',\n                    action: 'done',\n                  },\n                  {\n                    text: values[1],\n                    styleType: 'default',\n                    action: 'delete',\n                  },\n                  {\n                    text: values[2],\n                    styleType: 'link',\n                    action: 'cancel',\n                  },\n                ]);\n              }\n            );\n          });\n        break;\n\n      case SkyInlineFormButtonLayout.SaveDeleteCancel:\n        observableZip(\n          this.resourcesService.getString('skyux_inline_form_button_save'),\n          this.resourcesService.getString('skyux_inline_form_button_delete'),\n          this.resourcesService.getString('skyux_inline_form_button_cancel')\n        )\n          .pipe(take(1))\n          .subscribe((values: any) => {\n            promise = new Promise<SkyInlineFormButtonConfig[]>(\n              (resolve: any) => {\n                resolve([\n                  {\n                    text: values[0],\n                    styleType: 'primary',\n                    action: 'save',\n                  },\n                  {\n                    text: values[1],\n                    styleType: 'default',\n                    action: 'delete',\n                  },\n                  {\n                    text: values[2],\n                    styleType: 'link',\n                    action: 'cancel',\n                  },\n                ]);\n              }\n            );\n          });\n        break;\n    }\n\n    return promise;\n  }\n\n  private getCustomButtons(\n    buttonConfigs: SkyInlineFormButtonConfig[]\n  ): SkyInlineFormButtonConfig[] {\n    const buttons: SkyInlineFormButtonConfig[] = [];\n\n    buttonConfigs.forEach((config: SkyInlineFormButtonConfig) => {\n      /* istanbul ignore next */\n      const styleType = config.styleType || 'default';\n\n      buttons.push({\n        action: config.action,\n        disabled: config.disabled,\n        styleType: styleType,\n        text: config.text,\n      } as SkyInlineFormButtonConfig);\n    });\n\n    return buttons;\n  }\n\n  private isValidCustomConfig(config: SkyInlineFormConfig): boolean {\n    return (\n      config &&\n      config.buttonLayout === SkyInlineFormButtonLayout.Custom &&\n      config.buttons.length > 0\n    );\n  }\n}\n","<div [@skySlideDissolve]=\"showForm\">\n  <div *ngIf=\"!showForm\" class=\"sky-slide-dissolve-first\">\n    <ng-content></ng-content>\n  </div>\n\n  <div *ngIf=\"template && showForm\" class=\"sky-slide-dissolve-last\">\n    <div class=\"sky-inline-form sky-shadow sky-box sky-elevation-3\">\n      <div class=\"sky-inline-form-content\">\n        <ng-container [ngTemplateOutlet]=\"template\"> </ng-container>\n      </div>\n      <div class=\"sky-inline-form-footer\">\n        <button\n          *ngFor=\"let button of buttons\"\n          class=\"sky-btn {{ 'sky-btn-' + button.styleType }}\"\n          type=\"button\"\n          [disabled]=\"button.disabled ? true : null\"\n          [ngClass]=\"{ 'sky-btn-disabled': button.disabled }\"\n          (click)=\"closeInlineForm(button)\"\n        >\n          {{ button.text }}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n"]}

package/esm2015/lib/modules/inline-form/inline-form.module.js

@@ -1,7 +1,7 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { SkyInlineFormComponent } from './inline-form.component';
 import { SkyInlineFormResourcesModule } from '../shared/sky-inline-form-resources.module';
+import { SkyInlineFormComponent } from './inline-form.component';
 import * as i0 from "@angular/core";
 export class SkyInlineFormModule {
 }

package/esm2015/lib/modules/inline-form/inline-form.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline-form.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/inline-form/src/lib/modules/inline-form/inline-form.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEjE,OAAO,EAAE,4BAA4B,EAAE,MAAM,4CAA4C,CAAC;;AAO1F,MAAM,OAAO,mBAAmB;;iHAAnB,mBAAmB;kHAAnB,mBAAmB,iBAJf,sBAAsB,aAC3B,YAAY,EAAE,4BAA4B,aAC1C,sBAAsB;kHAErB,mBAAmB,YAHrB,CAAC,YAAY,EAAE,4BAA4B,CAAC;4FAG1C,mBAAmB;kBAL/B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE,CAAC,YAAY,EAAE,4BAA4B,CAAC;oBACrD,OAAO,EAAE,CAAC,sBAAsB,CAAC;iBAClC","sourcesContent":["import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { SkyInlineFormComponent } from './inline-form.component';\n\nimport { SkyInlineFormResourcesModule } from '../shared/sky-inline-form-resources.module';\n\n@NgModule({\n  declarations: [SkyInlineFormComponent],\n  imports: [CommonModule, SkyInlineFormResourcesModule],\n  exports: [SkyInlineFormComponent],\n})\nexport class SkyInlineFormModule {}\n"]}
+{"version":3,"file":"inline-form.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/inline-form/src/lib/modules/inline-form/inline-form.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,4BAA4B,EAAE,MAAM,4CAA4C,CAAC;AAE1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;;AAOjE,MAAM,OAAO,mBAAmB;;iHAAnB,mBAAmB;kHAAnB,mBAAmB,iBAJf,sBAAsB,aAC3B,YAAY,EAAE,4BAA4B,aAC1C,sBAAsB;kHAErB,mBAAmB,YAHrB,CAAC,YAAY,EAAE,4BAA4B,CAAC;4FAG1C,mBAAmB;kBAL/B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE,CAAC,YAAY,EAAE,4BAA4B,CAAC;oBACrD,OAAO,EAAE,CAAC,sBAAsB,CAAC;iBAClC","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { SkyInlineFormResourcesModule } from '../shared/sky-inline-form-resources.module';\n\nimport { SkyInlineFormComponent } from './inline-form.component';\n\n@NgModule({\n  declarations: [SkyInlineFormComponent],\n  imports: [CommonModule, SkyInlineFormResourcesModule],\n  exports: [SkyInlineFormComponent],\n})\nexport class SkyInlineFormModule {}\n"]}

package/esm2015/lib/modules/inline-form/types/inline-form-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline-form-config.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/inline-form/src/lib/modules/inline-form/types/inline-form-config.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyInlineFormButtonConfig } from './inline-form-button-config';\n\nimport { SkyInlineFormButtonLayout } from './inline-form-button-layout';\n\n/**\n * Specifies configuration options for the buttons to display with the inline form.\n */\nexport interface SkyInlineFormConfig {\n  /**\n   * Specifies the buttons to display with the inline form. The valid options are `Custom`\n   * for custom buttons, `DoneCancel` for Done and Cancel buttons, `DoneDeleteCancel` for Done,\n   * Delete, and Cancel buttons, `SaveCancel` for Save and Cancel buttons, and `SaveDeleteCancel`\n   * for Save, Delete, and Cancel buttons.\n   * @required\n   */\n  buttonLayout: SkyInlineFormButtonLayout;\n  /**\n   * Specifies configuration options for the inline form's buttons.\n   */\n  buttons?: SkyInlineFormButtonConfig[];\n}\n"]}
+{"version":3,"file":"inline-form-config.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/inline-form/src/lib/modules/inline-form/types/inline-form-config.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyInlineFormButtonConfig } from './inline-form-button-config';\nimport { SkyInlineFormButtonLayout } from './inline-form-button-layout';\n\n/**\n * Specifies configuration options for the buttons to display with the inline form.\n */\nexport interface SkyInlineFormConfig {\n  /**\n   * Specifies the buttons to display with the inline form. The valid options are `Custom`\n   * for custom buttons, `DoneCancel` for Done and Cancel buttons, `DoneDeleteCancel` for Done,\n   * Delete, and Cancel buttons, `SaveCancel` for Save and Cancel buttons, and `SaveDeleteCancel`\n   * for Save, Delete, and Cancel buttons.\n   * @required\n   */\n  buttonLayout: SkyInlineFormButtonLayout;\n  /**\n   * Specifies configuration options for the inline form's buttons.\n   */\n  buttons?: SkyInlineFormButtonConfig[];\n}\n"]}

package/esm2015/lib/modules/shared/sky-inline-form-resources.module.js

@@ -5,7 +5,7 @@
  * To update this file, simply rerun the command.
  */
 import { NgModule } from '@angular/core';
-import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS, } from '@skyux/i18n';
+import { SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule, getLibStringForLocale, } from '@skyux/i18n';
 import * as i0 from "@angular/core";
 const RESOURCES = {
     'EN-US': {

package/esm2015/lib/modules/shared/sky-inline-form-resources.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"sky-inline-form-resources.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/inline-form/src/lib/modules/shared/sky-inline-form-resources.module.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,qBAAqB,EAErB,aAAa,EAGb,2BAA2B,GAC5B,MAAM,aAAa,CAAC;;AAErB,MAAM,SAAS,GAA0C;IACvD,OAAO,EAAE;QACP,+BAA+B,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACtD,+BAA+B,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACtD,6BAA6B,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAClD,6BAA6B,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KACnD;CACF,CAAC;AAEF,MAAM,OAAO,8BAA8B;IAClC,SAAS,CAAC,UAA4B,EAAE,IAAY;QACzD,OAAO,qBAAqB,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;CACF;AAED;;GAEG;AAWH,MAAM,OAAO,4BAA4B;;0HAA5B,4BAA4B;2HAA5B,4BAA4B,YAT7B,aAAa;2HASZ,4BAA4B,aAR5B;QACT;YACE,OAAO,EAAE,2BAA2B;YACpC,QAAQ,EAAE,8BAA8B;YACxC,KAAK,EAAE,IAAI;SACZ;KACF,YAPS,aAAa;4FASZ,4BAA4B;kBAVxC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,2BAA2B;4BACpC,QAAQ,EAAE,8BAA8B;4BACxC,KAAK,EAAE,IAAI;yBACZ;qBACF;iBACF","sourcesContent":["/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-inline-form' schematic.\n * To update this file, simply rerun the command.\n */\n\nimport { NgModule } from '@angular/core';\nimport {\n  getLibStringForLocale,\n  SkyAppLocaleInfo,\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesProvider,\n  SKY_LIB_RESOURCES_PROVIDERS,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n  'EN-US': {\n    skyux_inline_form_button_cancel: { message: 'Cancel' },\n    skyux_inline_form_button_delete: { message: 'Delete' },\n    skyux_inline_form_button_done: { message: 'Done' },\n    skyux_inline_form_button_save: { message: 'Save' },\n  },\n};\n\nexport class SkyInlineFormResourcesProvider implements SkyLibResourcesProvider {\n  public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n    return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n  }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n  providers: [\n    {\n      provide: SKY_LIB_RESOURCES_PROVIDERS,\n      useClass: SkyInlineFormResourcesProvider,\n      multi: true,\n    },\n  ],\n})\nexport class SkyInlineFormResourcesModule {}\n"]}
+{"version":3,"file":"sky-inline-form-resources.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/inline-form/src/lib/modules/shared/sky-inline-form-resources.module.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,2BAA2B,EAE3B,aAAa,EAGb,qBAAqB,GACtB,MAAM,aAAa,CAAC;;AAErB,MAAM,SAAS,GAA0C;IACvD,OAAO,EAAE;QACP,+BAA+B,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACtD,+BAA+B,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACtD,6BAA6B,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAClD,6BAA6B,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KACnD;CACF,CAAC;AAEF,MAAM,OAAO,8BAA8B;IAClC,SAAS,CAAC,UAA4B,EAAE,IAAY;QACzD,OAAO,qBAAqB,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;CACF;AAED;;GAEG;AAWH,MAAM,OAAO,4BAA4B;;0HAA5B,4BAA4B;2HAA5B,4BAA4B,YAT7B,aAAa;2HASZ,4BAA4B,aAR5B;QACT;YACE,OAAO,EAAE,2BAA2B;YACpC,QAAQ,EAAE,8BAA8B;YACxC,KAAK,EAAE,IAAI;SACZ;KACF,YAPS,aAAa;4FASZ,4BAA4B;kBAVxC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,2BAA2B;4BACpC,QAAQ,EAAE,8BAA8B;4BACxC,KAAK,EAAE,IAAI;yBACZ;qBACF;iBACF","sourcesContent":["/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-inline-form' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport {\n  SKY_LIB_RESOURCES_PROVIDERS,\n  SkyAppLocaleInfo,\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesProvider,\n  getLibStringForLocale,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n  'EN-US': {\n    skyux_inline_form_button_cancel: { message: 'Cancel' },\n    skyux_inline_form_button_delete: { message: 'Delete' },\n    skyux_inline_form_button_done: { message: 'Done' },\n    skyux_inline_form_button_save: { message: 'Save' },\n  },\n};\n\nexport class SkyInlineFormResourcesProvider implements SkyLibResourcesProvider {\n  public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n    return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n  }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n  providers: [\n    {\n      provide: SKY_LIB_RESOURCES_PROVIDERS,\n      useClass: SkyInlineFormResourcesProvider,\n      multi: true,\n    },\n  ],\n})\nexport class SkyInlineFormResourcesModule {}\n"]}

package/fesm2015/skyux-inline-form.js

@@ -1,14 +1,61 @@
 import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
-import * as i3 from '@skyux/core';
+import { NgModule, Injectable, EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
 import * as i2 from '@skyux/i18n';
 import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
+import * as i3 from '@skyux/core';
 import { zip } from 'rxjs';
 import { take } from 'rxjs/operators';
 import { trigger, transition, query, style, animate, group } from '@angular/animations';
 
+/**
+ * NOTICE: DO NOT MODIFY THIS FILE!
+ * The contents of this file were automatically generated by
+ * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-inline-form' schematic.
+ * To update this file, simply rerun the command.
+ */
+const RESOURCES = {
+    'EN-US': {
+        skyux_inline_form_button_cancel: { message: 'Cancel' },
+        skyux_inline_form_button_delete: { message: 'Delete' },
+        skyux_inline_form_button_done: { message: 'Done' },
+        skyux_inline_form_button_save: { message: 'Save' },
+    },
+};
+class SkyInlineFormResourcesProvider {
+    getString(localeInfo, name) {
+        return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
+    }
+}
+/**
+ * Import into any component library module that needs to use resource strings.
+ */
+class SkyInlineFormResourcesModule {
+}
+SkyInlineFormResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineFormResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyInlineFormResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineFormResourcesModule, exports: [SkyI18nModule] });
+SkyInlineFormResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineFormResourcesModule, providers: [
+        {
+            provide: SKY_LIB_RESOURCES_PROVIDERS,
+            useClass: SkyInlineFormResourcesProvider,
+            multi: true,
+        },
+    ], imports: [SkyI18nModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineFormResourcesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [SkyI18nModule],
+                    providers: [
+                        {
+                            provide: SKY_LIB_RESOURCES_PROVIDERS,
+                            useClass: SkyInlineFormResourcesProvider,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+
 const skySlideDissolve = trigger('skySlideDissolve', [
     transition('* <=> *', [
         // Expand animations
@@ -34,15 +81,6 @@ const skySlideDissolve = trigger('skySlideDissolve', [
     ]),
 ]);
 
-var SkyInlineFormButtonLayout;
-(function (SkyInlineFormButtonLayout) {
-    SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["Custom"] = 0] = "Custom";
-    SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["DoneCancel"] = 1] = "DoneCancel";
-    SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["DoneDeleteCancel"] = 2] = "DoneDeleteCancel";
-    SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["SaveCancel"] = 3] = "SaveCancel";
-    SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["SaveDeleteCancel"] = 4] = "SaveDeleteCancel";
-})(SkyInlineFormButtonLayout || (SkyInlineFormButtonLayout = {}));
-
 /* tslint:disable */
 const SKY_TABBABLE_SELECTOR = [
     'a[href]',
@@ -68,8 +106,8 @@ class SkyInlineFormAdapterService {
             inputWithAutofocus.focus();
         }
         else {
-            let focusEl = inlineFormElementRef.nativeElement.querySelector('.sky-inline-form-content');
-            let focusableChildren = this.loadFocusableChildren(focusEl);
+            const focusEl = inlineFormElementRef.nativeElement.querySelector('.sky-inline-form-content');
+            const focusableChildren = this.loadFocusableChildren(focusEl);
             this.focusFirstElement(focusableChildren);
         }
     }
@@ -103,6 +141,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             type: Injectable
         }] });
 
+var SkyInlineFormButtonLayout;
+(function (SkyInlineFormButtonLayout) {
+    SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["Custom"] = 0] = "Custom";
+    SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["DoneCancel"] = 1] = "DoneCancel";
+    SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["DoneDeleteCancel"] = 2] = "DoneDeleteCancel";
+    SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["SaveCancel"] = 3] = "SaveCancel";
+    SkyInlineFormButtonLayout[SkyInlineFormButtonLayout["SaveDeleteCancel"] = 4] = "SaveDeleteCancel";
+})(SkyInlineFormButtonLayout || (SkyInlineFormButtonLayout = {}));
+
 /**
  * Renders form content in the current view instead of a separate modal.
  */
@@ -175,7 +222,7 @@ class SkyInlineFormComponent {
         });
     }
     getPresetButtons() {
-        let buttonType = this.config
+        const buttonType = this.config
             ? this.config.buttonLayout
             : SkyInlineFormButtonLayout.DoneCancel;
         let promise;
@@ -317,53 +364,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Output
             }] } });
 
-/**
- * NOTICE: DO NOT MODIFY THIS FILE!
- * The contents of this file were automatically generated by
- * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-inline-form' schematic.
- * To update this file, simply rerun the command.
- */
-const RESOURCES = {
-    'EN-US': {
-        skyux_inline_form_button_cancel: { message: 'Cancel' },
-        skyux_inline_form_button_delete: { message: 'Delete' },
-        skyux_inline_form_button_done: { message: 'Done' },
-        skyux_inline_form_button_save: { message: 'Save' },
-    },
-};
-class SkyInlineFormResourcesProvider {
-    getString(localeInfo, name) {
-        return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-    }
-}
-/**
- * Import into any component library module that needs to use resource strings.
- */
-class SkyInlineFormResourcesModule {
-}
-SkyInlineFormResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineFormResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyInlineFormResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineFormResourcesModule, exports: [SkyI18nModule] });
-SkyInlineFormResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineFormResourcesModule, providers: [
-        {
-            provide: SKY_LIB_RESOURCES_PROVIDERS,
-            useClass: SkyInlineFormResourcesProvider,
-            multi: true,
-        },
-    ], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineFormResourcesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [SkyI18nModule],
-                    providers: [
-                        {
-                            provide: SKY_LIB_RESOURCES_PROVIDERS,
-                            useClass: SkyInlineFormResourcesProvider,
-                            multi: true,
-                        },
-                    ],
-                }]
-        }] });
-
 class SkyInlineFormModule {
 }
 SkyInlineFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyInlineFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });

package/fesm2015/skyux-inline-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"skyux-inline-form.js","sources":["../../../../../libs/components/inline-form/src/lib/modules/inline-form/animations/slide-dissolve.ts","../../../../../libs/components/inline-form/src/lib/modules/inline-form/types/inline-form-button-layout.ts","../../../../../libs/components/inline-form/src/lib/modules/inline-form/inline-form-adapter.service.ts","../../../../../libs/components/inline-form/src/lib/modules/inline-form/inline-form.component.ts","../../../../../libs/components/inline-form/src/lib/modules/inline-form/inline-form.component.html","../../../../../libs/components/inline-form/src/lib/modules/shared/sky-inline-form-resources.module.ts","../../../../../libs/components/inline-form/src/lib/modules/inline-form/inline-form.module.ts","../../../../../libs/components/inline-form/src/skyux-inline-form.ts"],"sourcesContent":["import {\n  animate,\n  AnimationTriggerMetadata,\n  group,\n  query,\n  style,\n  transition,\n  trigger,\n} from '@angular/animations';\n\nexport const skySlideDissolve: AnimationTriggerMetadata = trigger(\n  'skySlideDissolve',\n  [\n    transition('* <=> *', [\n      // Expand animations\n      query(\n        '.sky-slide-dissolve-last:enter',\n        [\n          style({ height: 0, opacity: 0 }),\n          animate('200ms ease-in', style({ height: '*', opacity: 0 })),\n        ],\n        { optional: true }\n      ),\n      query(\n        '.sky-slide-dissolve-last:enter',\n        [\n          style({ opacity: 0 }),\n          animate('200ms ease-in', style({ opacity: 1 })),\n        ],\n        { optional: true }\n      ),\n\n      // Collapse animations\n      // The expanded content should fade out immediately to prevent\n      // any overlap with the read-only content that's returning to the screen.\n      query(\n        '.sky-slide-dissolve-last:leave',\n        [animate('0ms', style({ opacity: 0 }))],\n        { optional: true }\n      ),\n\n      group([\n        query(\n          '.sky-slide-dissolve-first:enter',\n          [\n            style({ opacity: 0, height: 0 }),\n            animate('100ms ease-in', style({ opacity: 1, height: '*' })),\n          ],\n          { optional: true }\n        ),\n        query(\n          '.sky-slide-dissolve-last:leave',\n          [animate('200ms ease-in', style({ height: 0 }))],\n          { optional: true }\n        ),\n      ]),\n    ]),\n  ]\n);\n","export enum SkyInlineFormButtonLayout {\n  Custom = 0,\n  DoneCancel = 1,\n  DoneDeleteCancel = 2,\n  SaveCancel = 3,\n  SaveDeleteCancel = 4,\n}\n","import { ElementRef, Injectable } from '@angular/core';\n\n/* tslint:disable */\nconst SKY_TABBABLE_SELECTOR = [\n  'a[href]',\n  'area[href]',\n  \"input:not([disabled]):not([tabindex='-1'])\",\n  \"button:not([disabled]):not([tabindex='-1'])\",\n  \"select:not([disabled]):not([tabindex='-1'])\",\n  \"textarea:not([disabled]):not([tabindex='-1'])\",\n  'iframe',\n  'object',\n  'embed',\n  \"*[tabindex]:not([tabindex='-1'])\",\n  '*[contenteditable=true]',\n].join(', ');\n/* tslint:enable */\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyInlineFormAdapterService {\n  public applyAutofocus(inlineFormElementRef: ElementRef): void {\n    const inputWithAutofocus =\n      inlineFormElementRef.nativeElement.querySelector('[autofocus]');\n\n    if (inputWithAutofocus) {\n      inputWithAutofocus.focus();\n    } else {\n      let focusEl: HTMLElement =\n        inlineFormElementRef.nativeElement.querySelector(\n          '.sky-inline-form-content'\n        );\n      let focusableChildren = this.loadFocusableChildren(focusEl);\n\n      this.focusFirstElement(focusableChildren);\n    }\n  }\n\n  private loadFocusableChildren(elem: HTMLElement): HTMLElement[] {\n    const elements: Array<HTMLElement> = Array.prototype.slice.call(\n      elem.querySelectorAll(SKY_TABBABLE_SELECTOR)\n    );\n\n    return elements.filter((element) => {\n      return this.isVisible(element);\n    });\n  }\n\n  private isVisible(element: HTMLElement): boolean {\n    const style = window.getComputedStyle(element);\n    const isHidden = style.display === 'none' || style.visibility === 'hidden';\n    if (isHidden) {\n      return false;\n    }\n\n    /* istanbul ignore next */\n    const hasBounds = !!(\n      element.offsetWidth ||\n      element.offsetHeight ||\n      element.getClientRects().length\n    );\n    return hasBounds;\n  }\n\n  private focusFirstElement(list: Array<HTMLElement>): void {\n    if (list.length > 0) {\n      list[0].focus();\n    }\n  }\n}\n","import {\n  ChangeDetectorRef,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  TemplateRef,\n} from '@angular/core';\n\nimport { SkyAppWindowRef } from '@skyux/core';\n\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\nimport { zip as observableZip } from 'rxjs';\n\nimport { take } from 'rxjs/operators';\n\nimport { skySlideDissolve } from './animations/slide-dissolve';\n\nimport { SkyInlineFormButtonConfig } from './types/inline-form-button-config';\n\nimport { SkyInlineFormButtonLayout } from './types/inline-form-button-layout';\n\nimport { SkyInlineFormCloseArgs } from './types/inline-form-close-args';\n\nimport { SkyInlineFormConfig } from './types/inline-form-config';\n\nimport { SkyInlineFormAdapterService } from './inline-form-adapter.service';\n\n/**\n * Renders form content in the current view instead of a separate modal.\n */\n@Component({\n  selector: 'sky-inline-form',\n  templateUrl: './inline-form.component.html',\n  styleUrls: ['./inline-form.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [SkyInlineFormAdapterService],\n  animations: [skySlideDissolve],\n})\nexport class SkyInlineFormComponent implements OnInit, OnDestroy {\n  /**\n   * Specifies configuration options for the buttons to display with the inline form.\n   * @required\n   */\n  @Input()\n  public set config(value: SkyInlineFormConfig) {\n    if (value !== this._config) {\n      this._config = value;\n      this.setupButtons();\n    }\n  }\n\n  public get config(): SkyInlineFormConfig {\n    return this._config;\n  }\n\n  /**\n   * Specifies a template to use to instantiate the inline form.\n   * @required\n   */\n  @Input()\n  public template: TemplateRef<any>;\n\n  /**\n   * Indicates whether to display the inline form. Users can toggle between displaying\n   * and hiding the inline form.\n   * @default false\n   */\n  @Input()\n  public set showForm(value: boolean) {\n    this._showForm = value;\n\n    /* istanbul ignore else */\n    if (value) {\n      // setTimeout() prevents applyAutofocus() from firing\n      // until after *ngIf has added the form element to the DOM.\n      this.skyAppWindowRef.nativeWindow.setTimeout(() => {\n        this.adapter.applyAutofocus(this.elementRef);\n      });\n    }\n  }\n\n  public get showForm() {\n    return this._showForm;\n  }\n\n  /**\n   * Fires when users close the inline form.\n   */\n  @Output()\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  public close = new EventEmitter<SkyInlineFormCloseArgs>();\n\n  public buttons: SkyInlineFormButtonConfig[];\n\n  private _config: SkyInlineFormConfig;\n\n  private _showForm: boolean = false;\n\n  constructor(\n    private adapter: SkyInlineFormAdapterService,\n    private elementRef: ElementRef,\n    private resourcesService: SkyLibResourcesService,\n    private skyAppWindowRef: SkyAppWindowRef,\n    private changeDetectorRef: ChangeDetectorRef\n  ) {}\n\n  public ngOnInit(): void {\n    this.setupButtons();\n  }\n\n  public ngOnDestroy(): void {\n    this.close.complete();\n  }\n\n  public closeInlineForm(event: SkyInlineFormButtonConfig): void {\n    const args: SkyInlineFormCloseArgs = {\n      reason: event.action,\n    };\n    this.close.emit(args);\n  }\n\n  private setupButtons(): void {\n    if (this.isValidCustomConfig(this.config)) {\n      this.buttons = this.getCustomButtons(this.config.buttons);\n      this.changeDetectorRef.markForCheck();\n      return;\n    }\n\n    this.getPresetButtons().then((buttons) => {\n      this.buttons = buttons;\n      this.changeDetectorRef.markForCheck();\n    });\n  }\n\n  private getPresetButtons(): Promise<SkyInlineFormButtonConfig[]> {\n    let buttonType = this.config\n      ? this.config.buttonLayout\n      : SkyInlineFormButtonLayout.DoneCancel;\n\n    let promise: Promise<SkyInlineFormButtonConfig[]>;\n\n    switch (buttonType) {\n      /* istanbul ignore next */\n      default:\n      case SkyInlineFormButtonLayout.DoneCancel:\n        observableZip(\n          this.resourcesService.getString('skyux_inline_form_button_done'),\n          this.resourcesService.getString('skyux_inline_form_button_cancel')\n        )\n          .pipe(take(1))\n          .subscribe((values: any) => {\n            promise = new Promise<SkyInlineFormButtonConfig[]>(\n              (resolve: any) => {\n                resolve([\n                  {\n                    text: values[0],\n                    styleType: 'primary',\n                    action: 'done',\n                  },\n                  {\n                    text: values[1],\n                    styleType: 'link',\n                    action: 'cancel',\n                  },\n                ]);\n              }\n            );\n          });\n        break;\n\n      case SkyInlineFormButtonLayout.SaveCancel:\n        observableZip(\n          this.resourcesService.getString('skyux_inline_form_button_save'),\n          this.resourcesService.getString('skyux_inline_form_button_cancel')\n        )\n          .pipe(take(1))\n          .subscribe((values: any) => {\n            promise = new Promise<SkyInlineFormButtonConfig[]>(\n              (resolve: any) => {\n                resolve([\n                  {\n                    text: values[0],\n                    styleType: 'primary',\n                    action: 'save',\n                  },\n                  {\n                    text: values[1],\n                    styleType: 'link',\n                    action: 'cancel',\n                  },\n                ]);\n              }\n            );\n          });\n        break;\n\n      case SkyInlineFormButtonLayout.DoneDeleteCancel:\n        observableZip(\n          this.resourcesService.getString('skyux_inline_form_button_done'),\n          this.resourcesService.getString('skyux_inline_form_button_delete'),\n          this.resourcesService.getString('skyux_inline_form_button_cancel')\n        )\n          .pipe(take(1))\n          .subscribe((values: any) => {\n            promise = new Promise<SkyInlineFormButtonConfig[]>(\n              (resolve: any) => {\n                resolve([\n                  {\n                    text: values[0],\n                    styleType: 'primary',\n                    action: 'done',\n                  },\n                  {\n                    text: values[1],\n                    styleType: 'default',\n                    action: 'delete',\n                  },\n                  {\n                    text: values[2],\n                    styleType: 'link',\n                    action: 'cancel',\n                  },\n                ]);\n              }\n            );\n          });\n        break;\n\n      case SkyInlineFormButtonLayout.SaveDeleteCancel:\n        observableZip(\n          this.resourcesService.getString('skyux_inline_form_button_save'),\n          this.resourcesService.getString('skyux_inline_form_button_delete'),\n          this.resourcesService.getString('skyux_inline_form_button_cancel')\n        )\n          .pipe(take(1))\n          .subscribe((values: any) => {\n            promise = new Promise<SkyInlineFormButtonConfig[]>(\n              (resolve: any) => {\n                resolve([\n                  {\n                    text: values[0],\n                    styleType: 'primary',\n                    action: 'save',\n                  },\n                  {\n                    text: values[1],\n                    styleType: 'default',\n                    action: 'delete',\n                  },\n                  {\n                    text: values[2],\n                    styleType: 'link',\n                    action: 'cancel',\n                  },\n                ]);\n              }\n            );\n          });\n        break;\n    }\n\n    return promise;\n  }\n\n  private getCustomButtons(\n    buttonConfigs: SkyInlineFormButtonConfig[]\n  ): SkyInlineFormButtonConfig[] {\n    const buttons: SkyInlineFormButtonConfig[] = [];\n\n    buttonConfigs.forEach((config: SkyInlineFormButtonConfig) => {\n      /* istanbul ignore next */\n      const styleType = config.styleType || 'default';\n\n      buttons.push({\n        action: config.action,\n        disabled: config.disabled,\n        styleType: styleType,\n        text: config.text,\n      } as SkyInlineFormButtonConfig);\n    });\n\n    return buttons;\n  }\n\n  private isValidCustomConfig(config: SkyInlineFormConfig): boolean {\n    return (\n      config &&\n      config.buttonLayout === SkyInlineFormButtonLayout.Custom &&\n      config.buttons.length > 0\n    );\n  }\n}\n","<div [@skySlideDissolve]=\"showForm\">\n  <div *ngIf=\"!showForm\" class=\"sky-slide-dissolve-first\">\n    <ng-content></ng-content>\n  </div>\n\n  <div *ngIf=\"template && showForm\" class=\"sky-slide-dissolve-last\">\n    <div class=\"sky-inline-form sky-shadow sky-box sky-elevation-3\">\n      <div class=\"sky-inline-form-content\">\n        <ng-container [ngTemplateOutlet]=\"template\"> </ng-container>\n      </div>\n      <div class=\"sky-inline-form-footer\">\n        <button\n          *ngFor=\"let button of buttons\"\n          class=\"sky-btn {{ 'sky-btn-' + button.styleType }}\"\n          type=\"button\"\n          [disabled]=\"button.disabled ? true : null\"\n          [ngClass]=\"{ 'sky-btn-disabled': button.disabled }\"\n          (click)=\"closeInlineForm(button)\"\n        >\n          {{ button.text }}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n","/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-inline-form' schematic.\n * To update this file, simply rerun the command.\n */\n\nimport { NgModule } from '@angular/core';\nimport {\n  getLibStringForLocale,\n  SkyAppLocaleInfo,\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesProvider,\n  SKY_LIB_RESOURCES_PROVIDERS,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n  'EN-US': {\n    skyux_inline_form_button_cancel: { message: 'Cancel' },\n    skyux_inline_form_button_delete: { message: 'Delete' },\n    skyux_inline_form_button_done: { message: 'Done' },\n    skyux_inline_form_button_save: { message: 'Save' },\n  },\n};\n\nexport class SkyInlineFormResourcesProvider implements SkyLibResourcesProvider {\n  public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n    return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n  }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n  providers: [\n    {\n      provide: SKY_LIB_RESOURCES_PROVIDERS,\n      useClass: SkyInlineFormResourcesProvider,\n      multi: true,\n    },\n  ],\n})\nexport class SkyInlineFormResourcesModule {}\n","import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { SkyInlineFormComponent } from './inline-form.component';\n\nimport { SkyInlineFormResourcesModule } from '../shared/sky-inline-form-resources.module';\n\n@NgModule({\n  declarations: [SkyInlineFormComponent],\n  imports: [CommonModule, SkyInlineFormResourcesModule],\n  exports: [SkyInlineFormComponent],\n})\nexport class SkyInlineFormModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["observableZip"],"mappings":"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"}
+{"version":3,"file":"skyux-inline-form.js","sources":["../../../../../libs/components/inline-form/src/lib/modules/shared/sky-inline-form-resources.module.ts","../../../../../libs/components/inline-form/src/lib/modules/inline-form/animations/slide-dissolve.ts","../../../../../libs/components/inline-form/src/lib/modules/inline-form/inline-form-adapter.service.ts","../../../../../libs/components/inline-form/src/lib/modules/inline-form/types/inline-form-button-layout.ts","../../../../../libs/components/inline-form/src/lib/modules/inline-form/inline-form.component.ts","../../../../../libs/components/inline-form/src/lib/modules/inline-form/inline-form.component.html","../../../../../libs/components/inline-form/src/lib/modules/inline-form/inline-form.module.ts","../../../../../libs/components/inline-form/src/skyux-inline-form.ts"],"sourcesContent":["/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-inline-form' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport {\n  SKY_LIB_RESOURCES_PROVIDERS,\n  SkyAppLocaleInfo,\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesProvider,\n  getLibStringForLocale,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n  'EN-US': {\n    skyux_inline_form_button_cancel: { message: 'Cancel' },\n    skyux_inline_form_button_delete: { message: 'Delete' },\n    skyux_inline_form_button_done: { message: 'Done' },\n    skyux_inline_form_button_save: { message: 'Save' },\n  },\n};\n\nexport class SkyInlineFormResourcesProvider implements SkyLibResourcesProvider {\n  public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n    return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n  }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n  providers: [\n    {\n      provide: SKY_LIB_RESOURCES_PROVIDERS,\n      useClass: SkyInlineFormResourcesProvider,\n      multi: true,\n    },\n  ],\n})\nexport class SkyInlineFormResourcesModule {}\n","import {\n  AnimationTriggerMetadata,\n  animate,\n  group,\n  query,\n  style,\n  transition,\n  trigger,\n} from '@angular/animations';\n\nexport const skySlideDissolve: AnimationTriggerMetadata = trigger(\n  'skySlideDissolve',\n  [\n    transition('* <=> *', [\n      // Expand animations\n      query(\n        '.sky-slide-dissolve-last:enter',\n        [\n          style({ height: 0, opacity: 0 }),\n          animate('200ms ease-in', style({ height: '*', opacity: 0 })),\n        ],\n        { optional: true }\n      ),\n      query(\n        '.sky-slide-dissolve-last:enter',\n        [\n          style({ opacity: 0 }),\n          animate('200ms ease-in', style({ opacity: 1 })),\n        ],\n        { optional: true }\n      ),\n\n      // Collapse animations\n      // The expanded content should fade out immediately to prevent\n      // any overlap with the read-only content that's returning to the screen.\n      query(\n        '.sky-slide-dissolve-last:leave',\n        [animate('0ms', style({ opacity: 0 }))],\n        { optional: true }\n      ),\n\n      group([\n        query(\n          '.sky-slide-dissolve-first:enter',\n          [\n            style({ opacity: 0, height: 0 }),\n            animate('100ms ease-in', style({ opacity: 1, height: '*' })),\n          ],\n          { optional: true }\n        ),\n        query(\n          '.sky-slide-dissolve-last:leave',\n          [animate('200ms ease-in', style({ height: 0 }))],\n          { optional: true }\n        ),\n      ]),\n    ]),\n  ]\n);\n","import { ElementRef, Injectable } from '@angular/core';\n\n/* tslint:disable */\nconst SKY_TABBABLE_SELECTOR = [\n  'a[href]',\n  'area[href]',\n  \"input:not([disabled]):not([tabindex='-1'])\",\n  \"button:not([disabled]):not([tabindex='-1'])\",\n  \"select:not([disabled]):not([tabindex='-1'])\",\n  \"textarea:not([disabled]):not([tabindex='-1'])\",\n  'iframe',\n  'object',\n  'embed',\n  \"*[tabindex]:not([tabindex='-1'])\",\n  '*[contenteditable=true]',\n].join(', ');\n/* tslint:enable */\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyInlineFormAdapterService {\n  public applyAutofocus(inlineFormElementRef: ElementRef): void {\n    const inputWithAutofocus =\n      inlineFormElementRef.nativeElement.querySelector('[autofocus]');\n\n    if (inputWithAutofocus) {\n      inputWithAutofocus.focus();\n    } else {\n      const focusEl: HTMLElement =\n        inlineFormElementRef.nativeElement.querySelector(\n          '.sky-inline-form-content'\n        );\n      const focusableChildren = this.loadFocusableChildren(focusEl);\n\n      this.focusFirstElement(focusableChildren);\n    }\n  }\n\n  private loadFocusableChildren(elem: HTMLElement): HTMLElement[] {\n    const elements: Array<HTMLElement> = Array.prototype.slice.call(\n      elem.querySelectorAll(SKY_TABBABLE_SELECTOR)\n    );\n\n    return elements.filter((element) => {\n      return this.isVisible(element);\n    });\n  }\n\n  private isVisible(element: HTMLElement): boolean {\n    const style = window.getComputedStyle(element);\n    const isHidden = style.display === 'none' || style.visibility === 'hidden';\n    if (isHidden) {\n      return false;\n    }\n\n    /* istanbul ignore next */\n    const hasBounds = !!(\n      element.offsetWidth ||\n      element.offsetHeight ||\n      element.getClientRects().length\n    );\n    return hasBounds;\n  }\n\n  private focusFirstElement(list: Array<HTMLElement>): void {\n    if (list.length > 0) {\n      list[0].focus();\n    }\n  }\n}\n","export enum SkyInlineFormButtonLayout {\n  Custom = 0,\n  DoneCancel = 1,\n  DoneDeleteCancel = 2,\n  SaveCancel = 3,\n  SaveDeleteCancel = 4,\n}\n","import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  TemplateRef,\n} from '@angular/core';\nimport { SkyAppWindowRef } from '@skyux/core';\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\nimport { zip as observableZip } from 'rxjs';\nimport { take } from 'rxjs/operators';\n\nimport { skySlideDissolve } from './animations/slide-dissolve';\nimport { SkyInlineFormAdapterService } from './inline-form-adapter.service';\nimport { SkyInlineFormButtonConfig } from './types/inline-form-button-config';\nimport { SkyInlineFormButtonLayout } from './types/inline-form-button-layout';\nimport { SkyInlineFormCloseArgs } from './types/inline-form-close-args';\nimport { SkyInlineFormConfig } from './types/inline-form-config';\n\n/**\n * Renders form content in the current view instead of a separate modal.\n */\n@Component({\n  selector: 'sky-inline-form',\n  templateUrl: './inline-form.component.html',\n  styleUrls: ['./inline-form.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [SkyInlineFormAdapterService],\n  animations: [skySlideDissolve],\n})\nexport class SkyInlineFormComponent implements OnInit, OnDestroy {\n  /**\n   * Specifies configuration options for the buttons to display with the inline form.\n   * @required\n   */\n  @Input()\n  public set config(value: SkyInlineFormConfig) {\n    if (value !== this._config) {\n      this._config = value;\n      this.setupButtons();\n    }\n  }\n\n  public get config(): SkyInlineFormConfig {\n    return this._config;\n  }\n\n  /**\n   * Specifies a template to use to instantiate the inline form.\n   * @required\n   */\n  @Input()\n  public template: TemplateRef<any>;\n\n  /**\n   * Indicates whether to display the inline form. Users can toggle between displaying\n   * and hiding the inline form.\n   * @default false\n   */\n  @Input()\n  public set showForm(value: boolean) {\n    this._showForm = value;\n\n    /* istanbul ignore else */\n    if (value) {\n      // setTimeout() prevents applyAutofocus() from firing\n      // until after *ngIf has added the form element to the DOM.\n      this.skyAppWindowRef.nativeWindow.setTimeout(() => {\n        this.adapter.applyAutofocus(this.elementRef);\n      });\n    }\n  }\n\n  public get showForm() {\n    return this._showForm;\n  }\n\n  /**\n   * Fires when users close the inline form.\n   */\n  @Output()\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  public close = new EventEmitter<SkyInlineFormCloseArgs>();\n\n  public buttons: SkyInlineFormButtonConfig[];\n\n  private _config: SkyInlineFormConfig;\n\n  private _showForm = false;\n\n  constructor(\n    private adapter: SkyInlineFormAdapterService,\n    private elementRef: ElementRef,\n    private resourcesService: SkyLibResourcesService,\n    private skyAppWindowRef: SkyAppWindowRef,\n    private changeDetectorRef: ChangeDetectorRef\n  ) {}\n\n  public ngOnInit(): void {\n    this.setupButtons();\n  }\n\n  public ngOnDestroy(): void {\n    this.close.complete();\n  }\n\n  public closeInlineForm(event: SkyInlineFormButtonConfig): void {\n    const args: SkyInlineFormCloseArgs = {\n      reason: event.action,\n    };\n    this.close.emit(args);\n  }\n\n  private setupButtons(): void {\n    if (this.isValidCustomConfig(this.config)) {\n      this.buttons = this.getCustomButtons(this.config.buttons);\n      this.changeDetectorRef.markForCheck();\n      return;\n    }\n\n    this.getPresetButtons().then((buttons) => {\n      this.buttons = buttons;\n      this.changeDetectorRef.markForCheck();\n    });\n  }\n\n  private getPresetButtons(): Promise<SkyInlineFormButtonConfig[]> {\n    const buttonType = this.config\n      ? this.config.buttonLayout\n      : SkyInlineFormButtonLayout.DoneCancel;\n\n    let promise: Promise<SkyInlineFormButtonConfig[]>;\n\n    switch (buttonType) {\n      /* istanbul ignore next */\n      default:\n      case SkyInlineFormButtonLayout.DoneCancel:\n        observableZip(\n          this.resourcesService.getString('skyux_inline_form_button_done'),\n          this.resourcesService.getString('skyux_inline_form_button_cancel')\n        )\n          .pipe(take(1))\n          .subscribe((values: any) => {\n            promise = new Promise<SkyInlineFormButtonConfig[]>(\n              (resolve: any) => {\n                resolve([\n                  {\n                    text: values[0],\n                    styleType: 'primary',\n                    action: 'done',\n                  },\n                  {\n                    text: values[1],\n                    styleType: 'link',\n                    action: 'cancel',\n                  },\n                ]);\n              }\n            );\n          });\n        break;\n\n      case SkyInlineFormButtonLayout.SaveCancel:\n        observableZip(\n          this.resourcesService.getString('skyux_inline_form_button_save'),\n          this.resourcesService.getString('skyux_inline_form_button_cancel')\n        )\n          .pipe(take(1))\n          .subscribe((values: any) => {\n            promise = new Promise<SkyInlineFormButtonConfig[]>(\n              (resolve: any) => {\n                resolve([\n                  {\n                    text: values[0],\n                    styleType: 'primary',\n                    action: 'save',\n                  },\n                  {\n                    text: values[1],\n                    styleType: 'link',\n                    action: 'cancel',\n                  },\n                ]);\n              }\n            );\n          });\n        break;\n\n      case SkyInlineFormButtonLayout.DoneDeleteCancel:\n        observableZip(\n          this.resourcesService.getString('skyux_inline_form_button_done'),\n          this.resourcesService.getString('skyux_inline_form_button_delete'),\n          this.resourcesService.getString('skyux_inline_form_button_cancel')\n        )\n          .pipe(take(1))\n          .subscribe((values: any) => {\n            promise = new Promise<SkyInlineFormButtonConfig[]>(\n              (resolve: any) => {\n                resolve([\n                  {\n                    text: values[0],\n                    styleType: 'primary',\n                    action: 'done',\n                  },\n                  {\n                    text: values[1],\n                    styleType: 'default',\n                    action: 'delete',\n                  },\n                  {\n                    text: values[2],\n                    styleType: 'link',\n                    action: 'cancel',\n                  },\n                ]);\n              }\n            );\n          });\n        break;\n\n      case SkyInlineFormButtonLayout.SaveDeleteCancel:\n        observableZip(\n          this.resourcesService.getString('skyux_inline_form_button_save'),\n          this.resourcesService.getString('skyux_inline_form_button_delete'),\n          this.resourcesService.getString('skyux_inline_form_button_cancel')\n        )\n          .pipe(take(1))\n          .subscribe((values: any) => {\n            promise = new Promise<SkyInlineFormButtonConfig[]>(\n              (resolve: any) => {\n                resolve([\n                  {\n                    text: values[0],\n                    styleType: 'primary',\n                    action: 'save',\n                  },\n                  {\n                    text: values[1],\n                    styleType: 'default',\n                    action: 'delete',\n                  },\n                  {\n                    text: values[2],\n                    styleType: 'link',\n                    action: 'cancel',\n                  },\n                ]);\n              }\n            );\n          });\n        break;\n    }\n\n    return promise;\n  }\n\n  private getCustomButtons(\n    buttonConfigs: SkyInlineFormButtonConfig[]\n  ): SkyInlineFormButtonConfig[] {\n    const buttons: SkyInlineFormButtonConfig[] = [];\n\n    buttonConfigs.forEach((config: SkyInlineFormButtonConfig) => {\n      /* istanbul ignore next */\n      const styleType = config.styleType || 'default';\n\n      buttons.push({\n        action: config.action,\n        disabled: config.disabled,\n        styleType: styleType,\n        text: config.text,\n      } as SkyInlineFormButtonConfig);\n    });\n\n    return buttons;\n  }\n\n  private isValidCustomConfig(config: SkyInlineFormConfig): boolean {\n    return (\n      config &&\n      config.buttonLayout === SkyInlineFormButtonLayout.Custom &&\n      config.buttons.length > 0\n    );\n  }\n}\n","<div [@skySlideDissolve]=\"showForm\">\n  <div *ngIf=\"!showForm\" class=\"sky-slide-dissolve-first\">\n    <ng-content></ng-content>\n  </div>\n\n  <div *ngIf=\"template && showForm\" class=\"sky-slide-dissolve-last\">\n    <div class=\"sky-inline-form sky-shadow sky-box sky-elevation-3\">\n      <div class=\"sky-inline-form-content\">\n        <ng-container [ngTemplateOutlet]=\"template\"> </ng-container>\n      </div>\n      <div class=\"sky-inline-form-footer\">\n        <button\n          *ngFor=\"let button of buttons\"\n          class=\"sky-btn {{ 'sky-btn-' + button.styleType }}\"\n          type=\"button\"\n          [disabled]=\"button.disabled ? true : null\"\n          [ngClass]=\"{ 'sky-btn-disabled': button.disabled }\"\n          (click)=\"closeInlineForm(button)\"\n        >\n          {{ button.text }}\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { SkyInlineFormResourcesModule } from '../shared/sky-inline-form-resources.module';\n\nimport { SkyInlineFormComponent } from './inline-form.component';\n\n@NgModule({\n  declarations: [SkyInlineFormComponent],\n  imports: [CommonModule, SkyInlineFormResourcesModule],\n  exports: [SkyInlineFormComponent],\n})\nexport class SkyInlineFormModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["observableZip"],"mappings":"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"}

package/lib/modules/inline-form/inline-form.component.d.ts

@@ -1,10 +1,10 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { SkyAppWindowRef } from '@skyux/core';
 import { SkyLibResourcesService } from '@skyux/i18n';
+import { SkyInlineFormAdapterService } from './inline-form-adapter.service';
 import { SkyInlineFormButtonConfig } from './types/inline-form-button-config';
 import { SkyInlineFormCloseArgs } from './types/inline-form-close-args';
 import { SkyInlineFormConfig } from './types/inline-form-config';
-import { SkyInlineFormAdapterService } from './inline-form-adapter.service';
 import * as i0 from "@angular/core";
 /**
  * Renders form content in the current view instead of a separate modal.

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@skyux/inline-form",
-  "version": "5.5.0",
+  "version": "5.6.0",
   "peerDependencies": {
     "@angular/animations": "^12.2.16",
     "@angular/common": "^12.2.16",
     "@angular/core": "^12.2.16",
-    "@skyux/core": "5.5.0",
-    "@skyux/i18n": "5.5.0"
+    "@skyux/core": "5.6.0",
+    "@skyux/i18n": "5.6.0"
   },
   "dependencies": {
     "tslib": "^2.3.1"